DREAMWEAVER+CS4+网页设计与制作指南第14章

1、第第14章章 网页制作常用技巧网页制作常用技巧 现在网页制作工具越来越接近可视化，学习起来其实并 不难，通过对dreamweaver cs4的具体操作和使用，相信 可以使用dw8制作出相对简单的网页。但是会做不等于作品 就能使客户满意。在制作网页的过程中，需要掌握一些基本 的常用技巧。本章重点内容： l网页制作要领 l网页制作规范 l网页设计色彩搭配 14.1 网页制作要领网页制作要领 在设计网页时，需要掌握几个要领： l标题 llogo l网页导航 l图片处理 l布局 l内容 lcss样式设置 14.2网页制作规范网页制作规范 互联网上的网页不胜枚举，但是一个设计精美、内容丰 富的网站更能吸

2、引客户的眼球，网页内容是首要的原因，其 次是网页色彩搭配及网页排版布局等因素，都是影响网站速 度和流量的关键因素。设计师在制作网页的过程要注意使用 网页制作规范。 14.2.1 网站目录建立规范网站目录建立规范 一般在网站的根目录下建立images、js、css、media 、temp几个子目录，html文件一般放在网站根目录下。 14.2.2 注释规范注释规范 在网页的编码中良好的注释，会让网页清晰可读，方便 修改和供他人使用。同时，这也是一个很好的习惯，如果一 个页面中的代码有很多行，在以后阅读时，使用规范就能很 方便地找到相关代码。 14.2.3 css样式表书写规范样式表书写规范 l链

3、接 l首行缩进 l字母、数字的字体设置 l行距 l字号设置 14.2.4 表格代码书写规范表格代码书写规范 在网页中插入表格之前，尽量选用最佳的方案，表格的 嵌套尽量控制在3层以内，而且要尽量避免有“colspan”和 “rowspan”两个标记，否则在以后插入行或列时，就会导致 整个页面的排版出现问题。 一个网页，要尽量避免用整个一张大表格，如果一个网 页是嵌套在一个大表格之内，而表格之中又嵌套了多层表格 ，那么当浏览者输入网址时，首先面对的是一片持续很长时 间的空白，然后所有的网页内容才同时出现。可以使用 标记，以便能够使这个大表格分块显示，减少空白 的等待时间。 14.2.5 空格的使用

4、规范空格的使用规范 不同语种的文字之间应该留有一个半角空格。在dw8 的设计视图中，使用键盘的空格键，只能输入一个半角空格 ，如果想用键盘的空格键来输入更多的空格，可以切换到中 文全角输入状态，但一般是不赞成这样做，因为在英文字符 集下，全角空格会变成乱码。 14.2.6 width和和height使用规范使用规范 width和height的写法也有统一的规范。 表格只有一列：width写在标签内。 表格只有一行：height写在标签内。 多行多列的表格：width和height写在第一行或第一列 的标签内。 14.2.7 网页命名规范网页命名规范 对于网页的命名也需要遵守一定的规则和规范。

5、l默认文件设置 l网页命名规范 l文件改名 14.2.8 图片命名规范图片命名规范 网页中所用的图片命名也要遵循以下规范： l 尽量使用英文或数字命名。 l 名称采用“头+_尾”的形式。 14.2.9 网页大小网页大小 在浏览器中当网页全部下载完毕时，在页面上单击鼠标 右键，在弹出的快捷菜单中选择“属性”命令，弹出“属性 “对话框，在对话框中可以查看网页文件的大小。 14.3 网页设计色彩搭配网页设计色彩搭配 在网页设计之初，首先要考虑的就是这个网站要确定的 颜色，一般根据网站的类别和确定的网页，进行大致颜色取 向，在页面上，除白色为背景外大量使用的颜色，就是这个 网页的主体颜色。 14.3.

6、1 确定主体色确定主体色 在制作中，一般会根据网站的内容，为客户选定一个主 题色，再结合相关类别的网站确定所使用的色调。客户至上 ，为客户制作的网站，首先要满足客户的需求，要确定客户 的颜色取向之后，再配以合理的色彩，这样的网站才能满足 设计者和使用者的要求。 14.3.2 选择相近色选择相近色 在网页配色时，尽量控制在3种色彩以内，选择了主体 色之后，再配以相近的配色，如黄色配以淡黄色，深粉配以 淡粉色，这样容易使网页色彩和谐统一。 14.3.3 使用跳跃色使用跳跃色 在网页中，用来引导视线的颜色，可以使用一些跳跃色 ，比如一些细线、按钮等，可以让网页增加灵活性，减少审 美疲劳，整个页面的整体选用淡灰色，电子投票部分选择两 个蓝色的按钮，让页面看起来不至平淡。 14.3.4 使用黑白色使用黑白色 无论网站的主体色调是什么，都会使用到黑、白两种颜 色，适当用白色调整网页的空白区域，可以让页面布局更加 科学合理。黑色与白色表现的是两个极端的亮度，黑白搭配 可以表现出强烈的艺术感，只要搭配得当，所体现的效果往 往会比彩色的页面更能生动展示个性，常用于现代派的站点 当中。 14.4 本章小结本章小结 网页制作中，色彩的重要性不言自明，充分合理地运用 颜色，不光能让网页浏览速度加快，更能使整体设计从视觉 效果上令人舒适，再配合以精细的制图和网页布