第1章 网页设计基础知识 1
1.1认识网页 2
1.1.1什么是网页 2
1.1.2网页与网站的关系 3
1.2常用的网页制作工具及语言 3
1.2.1 Dreamweaver 4
1.2.2 Flash 4
1.2.3 Photoshop 5
1.2.4 HTML 5
1.2.5 CSS 5
1.2.6 JavaScript 6
1.2.7 ASP 6
1.2.8 PHP 6
1.3网络基本术语 6
1.4网页的色彩选择与搭配 7
1.4.1色彩选择 7
1.4.2色彩搭配 8
1.5移动端（手机/平板电脑）网页的设计 10
1.5.1移动端网站与PC端网站的区别 10
1.5.2移动端网页设计的原则 11
1.6认识Dreamweaver CC 12
1.6.1启动与退出Dreamweaver CC 12
1.6.2 Dreamweaver CC窗口简介 13
1.6.3 Dreamweaver CC的参数设置 15
1.7应用实践 20
1.7.1任务1——自定义各项操作的快捷键 20
1.7.2任务2——设置“代码”视图中代码的显示方式 21
1.8知识拓展 22
1.8.1网站类型 22
1.8.2网页设计师必备的基本素质 24
1.9答疑解惑 25
1.10自我检测 26
第2章 站点的创建、管理与上传 27
2.1站点的规划 28
2.2认识站点面板 28
2.3应用实践 29
2.3.1任务1——创建我的第一个网站 29
2.3.2任务2——管理网页文档 30
2.4知识拓展 32
2.4.1导出与导入站点 32
2.4.2站点的基本编辑 33
2.4.3上传站点 35
2.5答疑解惑 36
2.6自我检测 36
第3章 创建网页的基本对象 38
3.1网页的创建与保存 39
3.1.1创建网页 39
3.1.2存储网页 40
3.2网页的打开与关闭 40
3.2.1打开网页 40
3.2.2关闭网页 40
3.3在网页中插入当前日期 41
3.4插入水平线 42
3.5添加网页文本 43
3.5.1直接在网页窗口中输入文本 43
3.5.2复制粘贴外部文本 43
3.5.3导入Office程序文本 44
3.6插入项目列表与编号列表 45
3.6.1插入项目列表 45
3.6.2插入编号列表 46
3.7应用实践 47
3.7.1任务1——在网页中制作彩色水平线 47
3.7.2任务2——制作业务介绍网页 49
3.8知识拓展 52
3.8.1使用标尺与网格 52
3.8.2插入特殊符号 54
3.9答疑解惑 55
3.10自我检测 55
第4章 使用图像丰富网页 57
4.1网页中常用的图像格式 58
4.2网页中图像与文字的搭配 58
4.3插入图像 60
4.4交互式图像 61
4.5网页背景 62
4.5.1网页背景颜色 62
4.5.2网页背景图像 63
4.6图像映射 64
4.7应用实践 65
4.7.1任务1——网站变换导航 65
4.7.2任务2——将图像链接到不同网站 68
4.8知识拓展 71
4.8.1在网页中使用图像时需要注意的问题 71
4.8.2设置外部图像编辑器 72
4.9答疑解惑 73
4.10自我检测 74
第5章 表格在网页中的应用 76
5.1创建表格 77
5.2应用表格 78
5.2.1输入表格内容 78
5.2.2选定表格元素 79
5.2.3设置表格与单元格属性 81
5.2.4添加和删除行或列 82
5.2.5单元格的合并及拆分 83
5.2.6嵌套表格 84
5.3应用实践 85
5.3.1任务1——利用表格属性制作隔距边框表格 85
5.3.2任务2——制作数码产品网页 87
5.4知识拓展 91
5.4.1表格的排序 91
5.4.2导入和导出表格数据 92
5.5答疑解惑 94
5.6自我检测 94
第6章 创建网页中的超级链接 96
6.1超级链接 97
6.1.1 URL简介 97
6.1.2超级链接路径 97
6.2网站内部链接 98
6.3网站外部链接 99
6.4创建电子邮件链接 99
6.5创建下载链接 100
6.6应用实践 101
6.6.1任务1——为网页图像添加任意颜色的边框 101
6.6.2任务2——创建“联系我们”网页 103
6.7知识拓展 108
6.7.1脚本链接 108
6.7.2空链接 109
6.8答疑解惑 109
6.9自我检测 110
第7章 制作多媒体效果网页 111
7.1认识多媒体 112
7.2插入Flash动画 112
7.3插入FLV 113
7.4应用实践 114
7.4.1任务1——使用透明动画制作网页banner 114
7.4.2任务2——在网页中添加视频 117
7.5知识拓展 121
7.5.1使用＜bgsound＞标签 122
7.5.2使用＜embed＞标签 122
7.6答疑解惑 123
7.7自我检测 123
第8章 模板和库的使用 124
8.1模板和库的概念 125
8.1.1模板的概念 125
8.1.2库的概念 125
8.2使用模板 125
8.2.1创建模板 125
8.2.2设计模板 127
8.2.3定义模板区域 127
8.3定制库项目 130
8.3.1创建库项目 131
8.3.2库项目“属性”面板 131
8.3.3编辑库项目 131
8.3.4添加库项目 133
8.4应用实践 134
8.4.1任务1——使用模板制作网页 134
8.4.2任务2——使用库完善网页 138
8.5知识拓展 140
8.5.1设置模板文档的页面属性 140
8.5.2快速更新网站中所有页面 141
8.6答疑解惑 141
8.7自我检测 142
第9章 表单的使用 143
9.1表单概述 144
9.2创建表单 144
9.3创建表单对象 145
9.3.1创建文本域 145
9.3.2创建单选按钮 145
9.3.3创建复选框 146
9.3.4创建下拉菜单 146
9.4应用实践 147
9.4.1任务1——创建登录网页 147
9.4.2任务2——制作在线调查表 152
9.5知识拓展 156
9.5.1创建密码域 156
9.5.2插入表单按钮 156
9.6答疑解惑 157
9.7自我检测 158
第10章 使用行为制作交互特效 159
10.1认识行为 160
10.1.1行为简介 160
10.1.2“行为”面板 160
10.2内置行为的使用 162
10.2.1交换图像 162
10.2.2恢复交换图像 163
10.2.3打开浏览器窗口 164
10.2.4弹出信息 165
10.2.5转到URL 165
10.3应用实践 166
10.3.1任务1——制作网页对浏览者的提示信息 166
10.3.2任务2——制作数码网网站弹出广告 168
10.4知识拓展 171
10.4.1行为参数的修改 171
10.4.2行为排序 171
10.5答疑解惑 171
10.6自我检测 172
第11章 使用HTML代码辅助网页制作 173
11.1 HTML的基本结构 174
11.1.1单标签 174
11.1.2双标签 175
11.1.3标签属性 175
11.2常用标签 175
11.2.1 ＜html＞...＜/htmI＞标签 175
11.2.2 ＜head＞...＜/head＞标签 175
11.2.3 ＜body＞...＜/body＞标签 176
11.2.4 ＜title＞...＜/title＞标签 176
11.2.5 ＜hn＞...＜/hn＞标签 176
11.2.6 ＜br＞标签 177
11.2.7 ＜p＞...＜/p＞标签 178
11.2.8 ＜hr＞标签 179
11.2.9 ＜font＞...＜/font＞标签 181
11.2.10 ＜align=＃＞标签 185
11.2.11 ＜ul＞...＜/ul＞标签 186
11.2.12 ＜ol＞...＜/ol＞标签 187
11.2.13 ＜dl＞...＜/dl＞标签 188
11.3表格 189
11.3.1表格的基本语法 189
11.3.2表格的标题 190
11.3.3表格的尺寸 191
11.3.4表格的边框尺寸 192
11.3.5表格的间距调整 193
11.3.6表格内容与格线之间的宽度 194
11.3.7表格内数据的布局对齐 195
11.3.8跨多行、多列的单元格 197
11.3.9表格的颜色设置 198
11.4超级链接 199
11.4.1本地链接 199
11.4.2 URL链接 200
11.4.3目录链接 200
11.5 HTML中图像的设置 200
11.5.1插入图像的基本格式 200
11.5.2图像与文字的对齐方式 202
11.5.3图像与文字之间的距离 205
11.5.4图像按钮（图像链接） 206
11.6应用实践 207
11.6.1任务1——制作文字放大镜效果 207
11.6.2任务2——检测用户屏幕分辨率 210
11.7知识拓展 212
11.7.1使用快速标签编辑器 212
11.7.2清理HTML代码 213
11.8答疑解惑 214
11.9自我检测 214
第12章 使用CSS样式表美化网页 215
12.1 CSS的基本语法 216
12.2伪类、伪元素以及样式表的层叠顺序 216
12.2.1伪类和伪元素 216
12.2.2样式表的层叠顺序 217
12.3 CSS中的属性 217
12.3.1 CSS中的字体以及文本控制 218
12.3.2 CSS中的颜色及背景控制 220
12.3.3 CSS中边框的控制属性 222
12.3.4 CSS中的分类属性 224
12.4应用实践 228
12.4.1任务1——制作边框阴影与折角效果 228
12.4.2任务2——制作热卖商品图文列表 232
12.5知识拓展 238
12.5.1链接一个外部的样式表 238
12.5.2嵌入一个样式表 239
12.5.3联合使用样式表 239
12.6答疑解惑 240
12.7自我检测 241
第13章CSS+Div布局网页 242
13.1 Div概述 243
13.2使用Div 243
13.2.1创建Div 243
13.2.2选择Div 244
13.3 Div+CSS盒模型 245
13.3.1盒模型的概念 245
13.3.2 margin（边界） 246
13.3.3 border（边框） 249
13.3.4 padding（填充） 250
13.4 Div+CSS布局定位 251
13.4.1 relative（相对定位） 251
13.4.2 absolute（绝对定位） 251
13.4.3 float（浮动定位） 252
13.5 Div+CSS布局理念 256
13.5.1将页面用Div分块 256
13.5.2设计各块的位置 256
13.5.3用CSS定位 257
13.6应用实践 257
13.6.1任务1——使用Div进行网页布局 257
13.6.2任务2——使用Div+CSS进行网页布局 260
13.7知识拓展 267
13.7.1居中布局设计 267
13.7.2浮动布局设计 268
13.8答疑解惑 274
13.9自我检测 275
第14章 制作企业官方网站 276
14.1网站项目分析 277
14.2确定网站风格 277
14.3制作网站 278
14.3.1制作网页导航 278
14.3.2制作网页滚动文字 281
14.3.3制作网页主体 282
14.4上传网站 283
附录 自我检测参考答案 285