单元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
单元