dreamweaver背景排版的问题！！！！！！

zxfyjl 2003-03-17 11:46:07

现在在网页的背景排版时，一般对于图片都不是直接的导入到里面的，而是用拼图的方式拼接的，就好象是一张完整的图片，被很好的剪碎了效果，请问这是怎么实现的呀？？？？

...全文

504 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

kurt14204 2003-03-20

打赏
举报

回复

那就要看你的图片是什么样子的了。
如果是单色的就好处理了，填充背景颜色或是用1px X 1px的单色图片作背景平铺（这样颜色比较准）

如果你的图片色彩非常丰富，非常复杂，没办法，在FW里做切片吧。或者就一点一点裁，看看哪里可以合并同类项，哪里可以用平铺背景来解决。

zxfyjl 2003-03-18

打赏
举报

回复

linpast(网巧)说的这种背景排版我知道，我是说象一张大的风景图那样的图片，导入到背景里以后，是将整张图片都导入了，这样虽然也可以达到目的，但是这样导入的图片，往往是占的空间比较大，少的也有几十K，大的就有好几百K了，我们做网页的最终目的是要尽量使网页的空间小，但是又要达到较美妙的效果，所以上面 qisanyou(最近在学C#、DELPHI) 说的应该是有道理的，我想知道还有其他的好的方法可以实现吗？

就象如果我们在网页中要有一条比较粗的分隔线的话，我们往往也可以不直接从外面导入一条已经作好了的分割线，而是可以事先做一个点，然后通过调节这个点的长度和宽度之后，我们就可以得到任何粗细的分割线，这样做，也更好的减小了网页空间。所以我探讨是怎样将比较大的图片也这样进行处理！

有经验的朋友，不妨指教一二！！！！

linpast 2003-03-18

打赏
举报

回复

好像不是这样的。。
在DW里面，，
是把一整张的图片放进去，
若背景比图片大的话，，
DW就会把拿同一张图片填到背景满为止。
所以，，
在使用背景图片的过程中，
会发现图片比较小于背景的时候（指的是图片像素的大小）
就会像拼图一样的，，
把背景拼满。

qisanyou 2003-03-18

打赏
举报

回复

在Fireworks里可以实现!

将大图片直接切割成小图片,保存为html文档就行了~~~~~~~~

HTML5期末考核大作业源码包含个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、服装、体育、化妆品、物流、环保、书籍、婚纱、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、 Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作） HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js，有的视频+音乐+flash的等元素的插入。【查看更多源码地址】：https://blog.csdn.net/VX_WJ88950106?type=blog

《Dreamweaver网页设计》课程标准适用专业：计算机应用学分数：7 总学时数：51 理论课时：35 实践课时：16 一、理论教学部分（一）课程的性质和任务 1．课程性质：《Dreamweaver网页设计》本课程是计算机各专业的一门实践性很强的技术基础课，是一门必修的专业课。主要学习如何利用Dreamweaver这个软件进行网页的设计与制作。 2．课程任务：本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS层叠式样式表；如何排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。（二）教学内容和教学要求第一章 Dreamweaver基础（1学时）【教学内容】　　一、Dreamweaver 的历史和简介；二、Dreamweaver 8.0的安装过程；三、Dreamweaver 8.0 的全新界面；四、改进的设计与开发环境；五、主菜单介绍；六、对象控制面板介绍。　　【教学目的与教学要求】　　掌握Dreamweaver的基本特点、新增功能及界面组成。基本操作，如安装、新建、打开、导入、保存、关闭等；理解新增功能、界面组成的优点；了解Dreamweaver可以为我们做些什么。　　第二章网页设计语言基础（4学时）　　【教学内容】　　一、HTML及XHTML语言介绍；二、常用的网页语法标记。　　【教学目的与教学要求】　　理解HTML及XHTML语言介绍，常用的网页语法标记。　　第三章文本和图像处理（1学时）　　【教学内容】　　一、文本属性面板介绍；二、编辑文本和插入对象；三；设置文本的格式；四、编号与项目符号；五、在网页中插入图像；六、图像的应用。　　【教学目的与教学要求】　　掌握设置文本属性和格式，编号与项目符号的使用，插入、编辑和排版图像；　　理解如何进行图像调整。　　第四章表格与页面布局（4学时）　　【教学内容】　　一、表格的基本操作；二、单元格的基本操作；三、表格的自动套用格式；四、表格的创建；五、表格的编辑；六、创建布局单元和表格。　　【教学目的与教学要求】　　掌握如何插入、编辑表格，创建布局单元和表格；理解表格在网页排版中的作用；了解使用页面布局模式进行网页排版的方法。　　第五章创建超级链接（1学时）　　【教学内容】　　一、链接分类；二、创建超级链接；三、链接的四种状态；四、创建Email链接；五、管理超级链接。　　【教学目的与教学要求】　　掌握创建超级链接和Email链接，会设置链接的各种状态；理解：超级链接几种状态之间的差别和共同点；了解：创建Email链接中的各种技巧。　　第六章层与层动画（3学时）　　【教学内容】　　一、层的概念；二、创建层；三、层操作；四、层与表格的相互转换；五、层动画的概念与设计。　　【教学目的与教学要求】　　掌握层的概念与使用；理解层动画的概念与设计。　　第七章框架与框架网页（2学时）　　【教学内容】一、框架的基本概念；二、创建框架和框架集；三、框架的使用；四、框架和框架集的属性设置。　　【教学目的与教学要求】　　掌握框架和框架集的创建，框架的使用；理解使用框架的优缺点。　　第八章创建CSS样式表（4学时）　　【教学内容】一、CSS层叠式样式表；二、定义CSS样式表；三、创建并链接到外部CSS样式；四、设置CSS样式的格式化参数；五、设置超链接显示状态；六、添加各种CSS效果。　　【教学目的与教学要求】　　掌握内部CSS和外部CSS的添加方法，编辑CSS属性，使用CSS进行页面的排版，创建各种CSS效果；理解使用CSS排版的优点；了解如何使用CSS控制背景、鼠标以及添加其它特殊效果。　　第九章资源、模板和库（2学时）　　【教学内容】一、资源管理；二、模板的创建；三、模板的编辑；四、定义模板可编辑区域；五、创建、管理和编辑库项目。　　【教学目的与教学要求】　　掌握模板的创建，模板的编辑，定义模板可编辑区域；理解资源管理；了解创建，管理和编辑库项目。　　第十章媒体对象的应用（3学时）　　【教学内容】一、插入Flash对象；二、插入Shockwave对象；三、插入视频；四、插入ActiveX控件与Java小程序；五、填加声音。　　【教学目的与教学要求】　　掌握插入Flash对象、插入Shockwave对象、插入视频、插入ActiveX控件与Java小程序、填加声音。　

HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，首页使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部区域背景色为100%宽度。都是给学生定制的都符合学校或者学生考试期末作业的水平,有的有js，有的视频+音乐+flash的等元素的插入。原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作） HTML5期末考核大作业源码包含个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、服装、体育、化妆品、物流、环保、书籍、婚纱、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 【查看更多源码地址】：https://blog.csdn.net/bigwhiteshark?type=blog

HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，首页使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部区域背景色为100%宽度。都是给学生定制的都符合学校或者学生考试期末作业的水平,有的有js，有的视频+音乐+flash的等元素的插入。原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作） HTML5期末考核大作业源码包含个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、服装、体育、化妆品、物流、环保、书籍、婚纱、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 【查看更多源码地址】：https://blog.csdn.net/bigwhiteshark?type=blog

HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，首页使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部区域背景色为100%宽度。都是给学生定制的都符合学校或者学生考试期末作业的水平,有的有js，有的视频+音乐+flash的等元素的插入。原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作） HTML5期末考核大作业源码包含个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、服装、体育、化妆品、物流、环保、书籍、婚纱、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载! 【查看更多源码地址】：https://blog.csdn.net/bigwhiteshark?type=blog

图象工具使用

1,451

社区成员

24,335

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章