网页设计

随着Internet的迅猛发展和Web技术的广泛应用，网页设计技术受到越来越多的计算机爱好者的青睐和喜欢。为了能帮助网页设计的初学者快速掌握网页设计的方法和技巧，我们组织教学一线的网页设计骨干教师编写了本教材。

本教材针对高等职业技术院校的“网页设计”课程进行设计，以培养学员的实际动手能力为目标，从实用的角度出发，以简明生动的语言，采用工程项目案例教学，由浅入深地介绍了网页设计的过程，并详细介绍了实践中的经验和技巧。

全书分三部分，共20章。第一部分为HTML语言与CSS，详细介绍了HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架等方面的元素和属性并结合项目案例对CSS的各种属性和属性值进行详细的分析和解释；第二部分为Dreamweaver 8，介绍了创建和管理站点；测试、发布和维护站点；网页内容编辑与图像处理；链接、表格、层与样式、框架、资源管理、行为和时间线、表单、插入对象、模板和库。第三部分为JavaScript，介绍了交互性脚本语言JavaScript的设计方法。

本书由胡昌杰副教授、许新华副教授担任主编，李进军、孙健、杨华芬担任副主编。其中，第1～6章由杨华芬、胡昌杰、陈宜编写；第7～11章由孙健、胡世港、龚雄涛编写；第12～18章由李进军、袁瑛、代灯华编写；第19～20章由许新华、李春、徐红莉编写。参加本书指导与编写工作的还有张怀中副院长、宋振云书记、孝感市电信高级工程师陈贻雄、湖北铁通技术支撑中心副总经理熊连生等。胡昌杰还负责了本书的编稿和统稿工作。

本教材具有以下特点：

以工程项目案例为主线，将网页设计的基本知识与实用技术紧密结合，操作性强。

每一章都有详细的知识点说明，有利于学员掌握本章的核心内容。

在书中有大量的插图和表格，并配以详细的讲解，使教学更易于理解和掌握。

内容全面，素材丰富，操作讲解详尽，步骤完整，图文并茂，便于学员自学。

本教材也是湖北职业技术学院申报国家级精品课程《网页设计》的指定配套教材。

由于编者水平所限，书中的选材和叙述难免会有不足和疏漏之处，谨请各位读者批评指正。

编 者

2007年3月

前言
第1章 初识HTML 1
1.1 HTML语言简介 1
1.1.1 HTML概念 1
1.1.2 HTML的发展历史 1
1.2 编写第一个网页 1
1.2.1 HTML文件的编写方法 1
1.2.2 使用浏览器查看页面效果和源代码 2
1.2.3 HTML文件的基本结构 3
第2章 添加各种网页元素 4
2.1 在页面中加入文字 4
2.1.1 输入普通文字 4
2.1.2 输入空格符号 5
2.1.3 输入特殊字符 6
2.1.4 字体标志 9
2.1.5 段落标志 10
2.2 设置页面的标题 10
2.3 设置页面的背景颜色和背景图片 11
2.4 建立列表 13
2.4.1 普通列表 13
2.4.2 有序列表 13
2.4.3 无序列表 14
2.4.4 列表的嵌套 15
2.5 在页面中插入图片 17
2.5.1 图片的基本格式 17
2.5.2 图片标志及属性 18
2.6 设置文字和图片链接 19
2.6.1 链接标志及属性 19
2.6.2 链接目标窗口设定 20
2.6.3 书签链接 21
2.6.4 外部链接 24
2.7 网页中加入多媒体内容 25
2.7.1 网页背景声音 25
2.7.2 动画、视频、MP3音乐的插入 26
2.8 滚动文字与图片 27
第3章 表格的使用 29
3.1 插入表格 29
3.1.1 制作表格 29
3.1.2 行标志属性 30
3.1.3 单元格标志属性 32
3.1.4 表格的标题与表头 33
3.2 合并单元格 34
3.2.1 跨行合并 34
3.2.2 跨列合并 35
3.3 表格嵌套与叠加 36
第4章 框架结构页面的制作 38
4.1 基本结构 38
4.1.1 框架集标志 38
4.1.2 框架标志 39
4.1.3 浮动框架 39
4.2 框架的各种属性 40
4.2.1 框架集标志属性 40
4.2.2 框架标志属性 41
4.3 框架结构之间的链接 43
4.3.1 普通框架与链接 43
4.3.2 浮动框架与链接 45
第5章 使用表单 47
5.1 表单标志 47
5.2 输入标志 48
5.2.1 文字域text 48
5.2.2 密码域password 49
5.2.3 文件域file 50
5.2.4 复选框checkbox 51
5.2.5 单选按钮radio 52
5.2.6 普通按钮button 53
5.2.7 提交按钮submit 53
5.2.8 重置按钮reset 53
5.2.9 菜单与下拉列表select、option 54
5.2.10 多行文字域textarea 56
第6章 CSS技术 57
6.1 CSS入门 57
6.1.1 CSS的基本概念 57
6.1.2 CSS的特点 57
6.2 CSS样式定义 58
6.2.1 CSS的类型 58
6.2.2 CSS的基本写法 62
6.3 CSS常用属性与值 62
6.3.1 字体属性 62
6.3.2 颜色与背景属性 65
6.3.3 文本属性 71
6.3.4 边框和布局属性 75
第7章 初识Dreamweaver 8 79
7.1 安装和卸载Dreamweaver 79
7.1.1 安装Dreamweaver 8 79
7.1.2 卸载Dreamweaver 8 81
7.2 熟悉工作界面 81
第8章 建立和管理站点 86
8.1 准备建站素材 86
8.2 网站结构的规划 86
8.3 建立站点 87
8.3.1 通过站点向导建立站点 87
8.3.2 设置站点参数 90
8.4 管理站点 91
8.4.1 管理站点文件 91
8.4.2 使用站点地图 92
8.4.3 添加和删除站点 93
8.4.4 遮盖站点文件和文件夹 93
第9章 新建文档和对象 94
9.1 新建和保存网页文档 94
9.1.1 文档的新建 94
9.1.2 文档的保存 95
9.2 输入文本和列表 96
9.2.1 输入文本和特殊字符 96
9.2.2 添加中文字体列表 96
9.2.3 创建列表 97
9.3 设置网页属性 97
9.3.1 网页外观和链接设置 97
9.3.2 网页标题和编码设置 99
9.4 定义网页的文件头内容 100
9.5 在网页中插入图像 101
9.5.1 插入图像 101
9.5.2 插入图像占位符 102
9.5.3 设置图像的属性 103
第10章 设置网页布局和处理表格 104
10.1 绘制网页布局 104
10.1.1 布局的概念和意义 104
10.1.2 绘制布局表格和单元格 104
10.2 调整布局表格和布局单元格 104
10.2.1 移动或调整布局表格和单元格大小 104
10.2.2 添加嵌套布局表格 105
10.2.3 设置布局表格和布局单元格的属性 106
10.2.4 设置布局宽度 106
10.2.5 设置布局视图的首选参数 106
10.3 新建表格 107
10.4 设置表格和单元格的属性 108
10.4.1 自动套用表格格式 108
10.4.2 设置表格属性 109
10.4.3 设置单元格属性 110
第11章 创建超级链接 111
11.1 理解站点和链接的概念 111
11.1.1 URL地址解析 111
11.1.2 理解和编写绝对路径和相对路径 112
11.2 给文本和图像添加超级链接 112
11.2.1 快速在站点内创建超级链接 114
11.2.2 设置超级链接目标窗口 115
11.3 添加邮件链接 115
11.4 制作锚点链接 116
第12章 Dreamweaver中样式设计初步 118
12.1 在网页中添加样式 118
12.1.1 创建和应用自定义CSS样式 118
12.1.2 重定义HTML标签 120
12.2 创建网页的自定义光标样式 121
12.3 链接外部样式表文件 122
第13章 建立框架网页 125
13.1 新建框架网页 125
13.2 保存框架和框架集中的文件 129
13.2.1 按对应关系保存框架和框架集中的文件 129
13.2.2 打开和关闭框架中的文件 130
13.3 使用框架面板 131
13.4 修改框架属性 132
13.5 设置框架集的属性 133
13.6 通过超级链接控制框架显示的内容 134
第14章 添加表单元素 137
14.1 创建表单 137
14.1.1 建立表单布局 137
14.1.2 在表单中添加文本域 139
14.1.3 添加单选钮 140
14.1.4 添加复选框 142
14.1.5 插入弹出菜单/列表 143
14.1.6 使用文件域 144
14.1.7 插入表单按钮并设置其属性 145
14.1.8 设计表单元素样式 146
14.2 创建跳转菜单 147
第15章 使用模板和库项目 150
15.1 创建站点网页模板 150
15.1.1 新建网页模板 150
15.1.2 定义模板的可编辑区域 151
15.1.3 取消区域标记 152
15.2 基于模板生成新网页 152
15.3 编辑被应用模板的网页 153
15.4 将文档从模板中分离出来 154
15.5 使用库项目 154
15.5.1 创建库项目 154
15.5.2 修改库项目 155
15.5.3 在网页中添加库项目 157
第16章 添加层 158
16.1 理解层对象的概念 158
16.2 在网页中添加层 158
16.2.1 插入层和嵌套层 158
16.2.2 设置层参数和属性 161
16.2.3 层的“溢出”与剪辑设置 161
16.3 操纵层 163
16.4 表格和层的相互转换 165
第17章 应用行为创建网页的动态效果 167
17.1 关于Dreamweaver行为 167
17.2 给对象附加行为 168
17.3 Dreamweaver内置动作完全解释 169
17.3.1 “交换图像”和“恢复交换图像” 170
17.3.2 弹出信息 171
17.3.3 打开浏览器窗口 172
17.3.4 拖动层 173
17.3.5 控制Shockwave或Flash 174
17.3.6 播放声音 175
17.3.7 改变属性 175
17.3.8 显示－隐藏层 176
17.3.9 “显示弹出式菜单”和“隐藏弹出式菜单” 178
17.3.10 检查插件 180
17.3.11 检查浏览器 180
17.3.12 检查表单 181
17.3.13 设置导航栏图像 182
17.3.14 设置文本 183
17.3.15 调用JavaScript 185
17.3.16 转到URL 186
17.3.17 预先载入图像 186
第18章 测试和发布站点 188
18.1 前期准备 188
18.1.1 超级链接测试 188
18.1.2 浏览器兼容性测试 189
18.1.3 获取站点或页面报告 189
18.2 使用Dreamweaver发布站点 190
第19章 JavaScript语言基础 194
19.1 JavaScript概述 194
19.2 JavaScript编辑和调试工具 195
19.3 如何在HTML中工作 195
19.4 建立JavaScript表达式 197
19.4.1 JavaScript的变量 197
19.4.2 JavaScript的数据类型 199
19.4.3 JavaScript的运算符 199
19.5 代码流程控制：条件语句和循环语句 200
19.5.1 JavaScript的条件控制 200
19.5.2 JavaScript的循环控制 205
19.6 使用函数 209
19.7 使用JavaScript系统函数 213
第20章 对象 217
20.1 对象概述 217
20.1.1 对象的基础知识 217
20.1.2 常用对象的属性和方法 220
20.2 处理日期和时间：Date对象 220
20.3 进行数学运算：Math对象 222
20.4 使用数组：Array对象 225
20.5 处理文本：String对象 228

1. HTML5+CSS3网页设计与制作项目化教程 [范佳　胡卓舒　冯迎]
2. 网页设计与制作实验指导 [主编　邓文锋 利珊]
3. 网页设计与制作 [主编　温凯峰 叶仕通]
4. 网页设计与制作 [主编 王潇 章明珠]
5. 网页设计与制作 [主编 李佼辉 聂树成]
6. 网页设计与制作 [主编 杨毅]
7. 网页设计与制作 [主编 陈建国 项炜]
8. 网页设计与制作 [孙娜 蒲秋梅 南洋 编著]
9. 网页设计与制作 [王铁桩 聂卫献]
10. 网页设计实训教程 [主编 张春英 李英文 钟大伟]
11. 网页设计与开发实战教程 [李云程]
12. 网页设计与制作项目化教程 [周观民 梁雪梅]
13. 网页设计与制作项目案例教程（Dreamweaver CS6） [杨丽芳 刘琳]
14. 脚本语言与动态网页设计（第二版） [主 编 张景峰 王培军]
15. 网页设计实用技术 [主 编 陈建国 李勤]
16. 网页设计与制作（第二版） [马占欣]
17. 动态网页设计与制作实用教程（第三版） [程伟渊 倪燃]
18. 网页设计与制作实用技术（第二版） [齐建玲 杨艳杰]
19. 多媒体网页设计教程 [主编 朱国华 齐晖 李枫]
20. 网页设计与制作（第二版）实训指导 [任正云 赖玲 严永松 王娅纷]
21. 网页设计与制作（第二版） [任正云 赖玲 严永松 编著]
22. 网页设计与制作 [主编 陈彦许 陈维华]
23. Internet与网页设计 [齐建玲 主编]
24. Dreamweaver网页设计与制作教程 [杨继 主编]
25. 网页制作技术（第二版） [许莉 主编 ]
26. 动态网页设计（Dreamweaver CS3+ASP.NET） [张德芬 主 编 ]
27. HTML与CSS前台页面设计 [许莉 主编 ]
28. 网页设计 [王移芝 唐宏 于樊鹏 编著]
29. 网页设计与制作（第二版） [李京文]
30. 网页制作基础教程 [朱子江 刘东 主编]