单元1  网页设计与制作基础	1
任务1.1　认识网页与网站	1
任务陈述	1
相关知识与技能	2
1.1.1　什么是网页	2
1.1.2　网页类型	2
1.1.3　网页基本元素	3
1.1.4　网页的构成	5
1.1.5　网页设计常用基本语言	6
1.1.6　什么是网站	7
1.1.7　网址与域名	7
任务实施	8
1.1.8　网站建设的一般流程	8
任务拓展	9
1.1.9　实践演练——京东官网页面体验	9
任务1.2　使用HTML制作简单的网页	9
任务陈述	9
相关知识与技能	9
1.2.1　HTML5简介	9
1.2.2　HTML5基本语法与结构	11
1.2.3　常用HTML5标签	12
任务实施	22
1.2.4　使用记事本编辑简单网页	22
任务拓展	23
1.2.5　制作滚动图片链接	23
单元实训1.3　制作个人简介网页	24
思政点滴	24
单元练习题	25
单元2  网页版式设计与色彩搭配	26
任务2.1　网页版式设计	26
任务陈述	26
相关知识与技能	27
2.1.1　版式设计概述	27
2.1.2　网页版式的尺寸和构成要素	27
2.1.3　网页版式设计的风格	28
2.1.4　网页版式设计原则	30
2.1.5　网页版式设计的视觉流程	30
2.1.6　网页版式设计的步骤	31
任务实施	31
2.1.7　欣赏与解析不同风格网页作品	31
任务拓展	32
2.1.8　总结不同主题网站页面版式设计风格	32
任务2.2　网页色彩搭配	33
任务陈述	33
相关知识与技能	33
2.2.1　色彩基础知识	33
2.2.2　色彩的视觉效果	34
2.2.3　网页中色彩的作用	36
2.2.4　网页配色原理	36
2.2.5　网页配色技巧	37
2.2.6　网页中色彩的表示	37
任务实施	38
2.2.7　总结不同主题网站的配色风格	38
任务拓展	38
2.2.8　网页配色练习	38
单元实训2.3　校友网首页效果图设计	39
思政点滴	39
单元练习题	40
单元3  Dreamweaver CC工具的使用	41
任务3.1　认识中文版Dreamweaver CC	41
任务陈述	41
相关知识与技能	41
3.1.1　Dreamweaver CC界面介绍	41
3.1.2　Dreamweaver CC初始化设置	45
任务实施	46
3.1.3　在Dreamweaver CC中创建、保存网页文件	46
任务拓展	47
3.1.4　在Dreamweaver CC中创建简单文本页面	47
3.1.5　预览网页文档	47
任务3.2　规划与创建站点	48
任务陈述	48
相关知识与技能	48
3.2.1　站点概述	48
3.2.2　规划站点	49
任务实施	49
3.2.3　创建本地站点	49
3.2.4　管理站点	51
任务拓展	53
3.2.5　创建“欢迎光临”网页	53
3.2.6　设置页面属性	53
单元实训3.3　制作“我的网上家园”欢迎页面	58
思政点滴	59
单元练习题	59
单元4  CSS3样式	60
任务4.1　定义CSS3基础样式	60
任务陈述	60
相关知识与技能	60
4.1.1　CSS3简介	60
4.1.2　CSS3样式设置规则	62
4.1.3　CSS3基本选择器	63
4.1.4　CSS3样式的调用	65
任务实施	66
4.1.5　布局及定义CSS3基础样式	66
4.1.6　链接或导入外部CSS3样式	73
4.1.7　查看CSS3样式	74
4.1.8　编辑与删除CSS3属性	74
4.1.9　常用CSS3属性含义及属性值	74
任务拓展	76
4.1.10　使用CSS美化网页	76
任务4.2　CSS3高级特性及应用	78
任务陈述	78
相关知识与技能	78
4.2.1　CSS3的新增选择器	78
4.2.2　CSS3的特性	80
任务实施	81
4.2.3　使用CSS3设置文字特效	81
任务拓展	83
4.2.4　CSS3浏览器兼容性设置	83
单元实训4.3　使用CSS3样式设计新浪新闻网页	84
思政点滴	86
单元练习题	86
单元5  网页文本和图像	87
任务5.1　制作文本类网页	87
任务陈述	87
相关知识与技能	87
5.1.1　在网页中添加文本元素	87
5.1.2　在网页中创建与设置列表	88
任务实施	90
5.1.3　制作唐诗赏析网页	90
5.1.4　设置文本属性	91
5.1.5　使用CSS设置段落样式	93
任务拓展	94
5.1.6　插入特殊字符、水平线和日期	94
任务5.2　在网页中插入图像	96
任务陈述	96
相关知识与技能	96
5.2.1　网页中常用的图像格式	96
任务实施	96
5.2.2　在网页中添加图像元素	96
5.2.3　设置网页图像属性	97
5.2.4　用CSS设置网页图像样式	98
5.2.5　用CSS设置网页的背景图像	100
任务拓展	101
5.2.6　插入鼠标经过图像	101
5.2.7　图文混排——设计制作电影介绍网站页面	102
单元实训5.3　设计制作图书推荐网页	104
思政点滴	105
单元练习题	106
单元6  网页超链接与导航	107
任务6.1　为网页增加超链接元素	107
任务陈述	107
相关知识与技能	107
6.1.1　超链接概述	107
6.1.2　创建各类超链接	109
任务实施	112
6.1.3  为腊八节网页添加超链接	112
任务拓展	114
6.1.4　用CSS设置超链接	114
6.1.5　创建图像地图	115
任务6.2　设计网页导航	115
任务陈述	115
相关知识与技能	116
6.2.1　网页导航概述	116
6.2.2　网页导航分类	116
6.2.3　网页导航方向	119
任务实施	119
6.2.4　为“中国地理”网页增加垂直方向导航	119
任务拓展	122
6.2.5　为“中国地理”网页增加水平方向导航	122
单元实训6.3　设计制作“点点星空”网站页面	124
思政点滴	126
单元练习题	126
单元7  表格化网页布局	127
任务7.1　表格的插入与编辑	127
任务陈述	127
相关知识与技能	127
7.1.1　认识表格	127
7.1.2　表格标签	128
7.1.3　表格属性面板	128
任务实施	129
7.1.4　插入表格	129
7.1.5　编辑表格	130
任务拓展	132
7.1.6　美化表格	132
任务7.2　使用表格布局“图书资源网”首页	132
任务陈述	132
相关知识与技能	133
7.2.1 “图书资源网”首页效果分析	133
任务实施	133
7.2.2　插入与编辑表格	133
7.2.3　在表格中插入网页元素	134
7.2.4　导入表格式数据	135
任务拓展	136
7.2.5　进一步美化“图书资源网”首页	136
单元实训7.3　使用表格布局两个不同主题的网页	137
7.3.1　实训一　设计制作“旅游信息网”	137
7.3.2　实训二　设计制作“时尚礼品网”	138
思政点滴	140
单元练习题	141
单元8  使用Div+CSS布局网页	142
任务8.1　设计制作“古诗欣赏”网页	142
任务陈述	142
相关知识与技能	142
8.1.1　盒子模型	142
8.1.2　元素的定位	144
任务实施	144
8.1.3  使用盒子模型设计“古诗欣赏”网页	144
任务拓展	146
8.1.4　模拟实现Windows10桌面效果	146
8.1.5　Div标签与span标签	148
任务8.2　设计个人博客页面	149
任务陈述	149
相关知识与技能	150
8.2.1　常用Div+CSS布局版式	150
任务实施	154
8.2.2　使用Div+CSS布局个人博客页面	154
任务拓展	158
8.2.3　定位在网页布局中的应用	158
单元实训8.3　Div+CSS网页布局案例	160
8.3.1　使用Div+CSS实现婚纱网站最新作品列表设置	160
8.3.2　使用Div+CSS布局学院教学成果申报网站首页	161
思政点滴	162
单元练习题	162
单元9  多媒体网页和网页特效	164
任务9.1　制作多媒体网页	164
任务陈述	164
相关知识与技能	164
9.1.1  认识多媒体元素	164
任务实施	167
9.1.2　制作“电子相册”网页	167
任务拓展	169
9.1.3　制作休闲娱乐多媒体网页	169
任务9.2　创建网页特效	171
任务陈述	171
相关知识与技能	171
9.2.1　行为概述	171
9.2.2　动作与事件	172
9.2.3　添加行为	174
任务实施	174
9.2.4　制作网页加载时弹出公告页	174
9.2.5　使用行为设置交换图像特效	175
9.2.6　使用行为设置文本特效	177
任务拓展	179
9.2.7　使用行为设置跳转菜单效果	179
单元实训9.3　制作多媒体网页和创建网页特效案例	181
9.3.1　实训一　制作动态的“美食展示”网页	181
9.3.2　实训二　设置变换图像的导航栏	181
思政点滴	182
单元练习题	183
单元10  使用表单对象	184
任务10.1　设计会员注册网页	184
任务陈述	184
相关知识与技能	185
10.1.1　表单	185
10.1.2　表单对象	186
任务实施	188
10.1.3　布局会员注册网页	188
10.1.4　插入文本域	189
10.1.5　插入单选按钮	190
10.1.6　插入复选框	191
10.1.7　插入选择	192
10.1.8　插入按钮	193
单元实训10.2　表单的应用	193
10.2.1　实训一　设计网上报名页面	194
10.2.2　实训二　设计客户调查页面	194
思政点滴	195
单元练习题	195
单元11  使用JavaScript实现网页的交互	197
任务11.1　使用JavaScript实现下拉菜单	197
任务陈述	197
相关知识与技能	198
11.1.1　JavaScript简介	198
11.1.2　JavaScript的使用方法	198
11.1.3　JavaScript语言基础	200
11.1.4　流程控制语句	205
11.1.5　函数的定义与调用	211
任务实施	214
11.1.6 下拉菜单的设计与实现	214
任务拓展	217
11.1.7  使用JavaScript脚本实现“省份”下拉菜单	217
单元实训11.2　使用JavaScript制作网页特效	218
11.2.1  使用JavaScript制作两款网页特效	218
11.2.2  使用JavaScript完成下拉列表项左右移动	220
思政点滴	221
单元练习题	221
单元12  使用模板设计网页	223
任务12.1　创建基于模板的时尚礼品网	223
任务陈述	223
相关知识与技能	224
12.1.1　模板概述	224
12.1.2　创建模板	224
12.1.3　定义模板的可编辑区域	226
任务实施	227
12.1.4　创建基于模板的网页	227
任务拓展	229
12.1.5　管理模板	229
任务12.2　应用库项目	230
任务陈述	230
相关知识与技能	231
12.2.1　库概述	231
任务实施	232
12.2.2　创建库项目	232
12.2.3　在网页中应用库项目	232
任务拓展	234
12.2.4　更新库项目	234
单元实训12.3　使用模板创建网页及在网页中应用库项目	234
12.3.1　实训一　使用模板创建网页	234
12.3.2　实训二　在网页中应用库项目	236
思政点滴	237
单元练习题	237
单元13  网站的发布与推广	239
任务13.1　免费空间的申请及使用	239
任务陈述	239
相关知识与技能	239
13.1.1　FTP上传工具	239
任务实施	240
13.2.2　申请免费空间	240
13.2.3　发布站点	242
任务13.2　域名注册及收费空间的申请	243
任务陈述	243
相关知识与技能	244
13.2.1　域名	244
13.2.2　网站空间	245
任务实施	245
13.2.3　注册域名	245
13.2.4　租用服务器空间	246
任务13.3　网站的宣传与推广	249
任务陈述	249
相关知识与技能	249
13.3.1　网站推广的作用	249
13.3.2　网站推广的方法	250
任务实施	252
13.3.3　将网站提交给百度搜索引擎	252
13.3.4　使用论坛推广网站	253
任务拓展	254
13.3.5　搜索引擎优化	254
单元实训13.4　通过论坛推广网站	255
思政点滴	255
单元练习题	255
单元14  综合实战项目	256
任务14.1　设计制作工作室网站	256
任务陈述	256
相关知识与技能	256
14.1.1　网站建设流程	256
任务实施	258
14.1.2　网站需求分析	258
14.1.3　网站原型设计	258
14.1.4　创建站点	260
14.1.5　网站首页设计	261
14.1.6　栏目页设计	269
任务拓展	269
14.1.7　type.css参考代码	269
任务14.2　设计制作企业类网站	274
任务陈述	274
相关知识与技能	274
14.2.1　企业类网站首页的布局规划	274
任务实施	275
14.2.2　布局网站首页	275
14.2.3　搭建首页页头的Div	277
14.2.4　搭建“公司简介”部分的Div	278
14.2.5　首页主体部分的Div	278
14.2.6　栏目页设计	280
14.2.7　Flash动画展示部分的Div	282
14.2.8　搭建“产品系列”部分的Div	283