HTML5+CSS3任务驱动教程
作者: 赵峰,汤怀主编 杨启芳,刘闯,周春学副主编
出版时间:2019年版
内容简介
本书共分为11个模块,29个任务,主要内容包括Web基础知识、HTML5标记与网页制作、网页中多媒体的应用、表格与表单、列表与超链接、CSS3基础、CSS美化网站元素、DIV+CSS网页布局等。书中内容从实际应用出发,采用任务式的编写模式,通过“知识准备”使学生快速掌握网页设计的相关基础知识;通过“任务实现”培养学生的设计思路,使学生掌握网页设计的方法和步骤;通过“思考与练习”使学生进一步巩固所学知识,拓展网页设计的应用能力。本书内容丰富、知识全面、图文并茂、步骤清晰、通俗易懂、专业性强,使学生既能掌握HTML+CSS网页样式与布局技术,又能解决工作中的实际问题。本书既可作为应用型本科院校、高职高专院校计算机相关专业的教材,又可作为广大网页设计人员和网页制作爱好者的参考用书。
目录
模块一 网页设计基础知识 1
任务1 Dreamweaver CC 2017的安装 1
任务描述 1
知识准备 2
1.1 Dreamweaver CC 2017的新增
功能 2
任务实现 3
任务小结 4
任务2 网站的建立 4
任务描述 4
知识准备 5
1.2 网页、网站、首页 5
1.3 静态网页和动态网页 6
1.4 IP地址、域名和URL 7
1.5 HTTP和FTP 7
任务实现 7
任务小结 9
任务3 网页的基本知识 9
任务描述 9
知识准备 10
1.6 网页的基本结构 10
1.7 网页的基本内容 10
1.8 网页的表现 11
1.9 网页的行为 11
1.10 网页的Web标准 11
任务小结 12
思考与练习 12
模块二 HTML5开发基础 14
任务1 编写一个简单的HTML5
页面 14
任务描述 14
知识准备 15
2.1 HTML简介 15
2.2 HTML的基本结构 16
任务实现 21
任务小结 22
任务2 设置“在线学习网”的首页
文件头部信息 22
任务描述 22
知识准备 23
2.3 页面文件的头部信息 23
任务实现 26
任务小结 27
思考与练习 27
模块三 文本与段落 30
任务1 文字的基本排版 30
任务描述 30
知识准备 31
3.1 段落 31
3.2 换行 31
3.3 预格式化 31
3.4 水平线 31
3.5 各级标题 32
任务实现 32
任务小结 33
任务2 对文字进行加强描述 33
任务描述 33
知识准备 33
3.6 强调文本 33
3.7 作品标题 34
3.8 小型文本 34
3.9 标记文本的更改 34
3.10 文本的上下标 35
3.11 时间和日期 35
3.12 其他相关元素 35
任务实现 36
任务小结 36
任务3 使用块级元素和行内元素
制作专业信息页面 37
任务描述 37
知识准备 37
3.13 块级元素 37
3.14 行内元素 38
3.15 <span>标记 38
任务实现 38
任务小结 40
任务4 特殊符号的使用 40
任务描述 40
知识准备 41
3.16 字符实体 41
任务实现 41
任务小结 42
任务5 添加注释 42
任务描述 42
知识准备 42
3.17 旁注 42
3.18 注释 43
任务实现 43
任务小结 44
思考与练习 44
模块四 网页中的图像与多媒体技术 46
任务1 制作“在线学习网”的平面
作品展示页面 46
任务描述 46
知识准备 47
4.1 网页中的图像 47
4.2 使用<img>标记插入图像 48
任务实现 54
任务小结 55
任务2 制作“在线学习网”的广告
作品展示页面 56
任务描述 56
知识准备 56
4.3 使用<object>标记在网页中插入
Flash动画 56
4.4 使用<embed>标记在网页中插入
多媒体内容 57
任务实现 58
任务小结 60
任务3 制作“在线学习网”的多媒体
作品展示页面 60
任务描述 60
知识准备 61
4.5 网页中的多媒体内容 61
4.6 使用<video>标记在网页中插入
视频 61
4.7 使用<audio>标记在网页中插入
音频 63
任务实现 64
任务小结 65
思考与练习 65
模块五 应用表格布局页面 68
任务1 图书借阅详情页面的制作 68
任务描述 68
知识准备 69
5.1 表格的基本结构 69
5.2 创建表格 69
5.3 表格的其他元素 71
任务实现 72
任务小结 73
任务2 课程表的制作 73
任务描述 73
知识准备 74
5.4 跨行跨列设置 74
5.5 背景颜色设置 75
任务实现 75
任务小结 78
任务3 学院首页页面的制作 78
任务描述 78
知识准备 79
5.6 对齐方式的设置 79
5.7 宽度、高度的设置 80
5.8 背景图片的设置 80
任务实现 80
任务小结 81
思考与练习 82
模块六 创建网页中的超链接 83
任务 创建“在线学习网”页面的
超链接 83
任务描述 83
知识准备 85
6.1 创建超链接 85
6.2 超链接的类型 88
任务实现 92
任务小结 96
思考与练习 97
模块七 网页表单设计 99
任务1 注册页面的设计 99
任务描述 99
知识准备 99
7.1 了解表单 99
7.2 输入元素input 101
任务实现 105
任务小结 108
任务2 读者留言板的设计 108
任务描述 108
知识准备 108
7.3 下拉选择框元素select 108
7.4 多行文本域textarea 110
任务实现 111
任务小结 113
思考与练习 114
模块八 网页的CSS样式设计 115
任务1 网页大标题的样式设计 115
任务描述 115
知识准备 116
8.1 什么是CSS 116
8.2 CSS的应用 118
任务实现 119
任务小结 121
任务2 网页中的文字排版 122
任务描述 122
知识准备 123
8.3 CSS字体样式 123
任务实现 125
任务小结 129
任务3 制作新闻列表排行榜 129
任务描述 129
知识准备 130
8.4 列表的应用 130
任务实现 133
任务小结 135
思考与练习 135
模块九 使用DIV+CSS布局页面 138
任务1 网页中的图文混排 138
任务描述 138
知识准备 139
9.1 CSS盒子模型 139
9.2 CSS浮动与定位 146
任务实现 147
任务小结 149
任务2 网页中的全图排版 149
任务描述 149
知识准备 150
9.3 CSS背景控制 150
任务实现 152
任务小结 154
任务3 多行多列式布局 154
任务描述 154
知识准备 155
9.4 CSS代码优化 155
任务实现 157
任务小结 162
思考与练习 162
模块十 使用CSS3美化网站元素 164
任务1 使用CSS3设计网站导航 164
任务描述 164
知识准备 165
10.1 CSS3背景渐变及阴影 165
10.2 CSS超链接样式 166
任务实现 166
任务小结 168
任务2 使用CSS3美化表格 168
任务描述 168
知识准备 169
10.3 HTML表格的特殊应用 169
任务实现 170
任务小结 172
任务3 使用CSS3美化表单 172
任务描述 172
知识准备 172
10.4 CSS属性选择器 172
任务实现 173
任务小结 176
思考与练习 176
模块十一 综合案例 178
任务 学校网站的页面设计 178
任务描述 178
任务实现 178
任务小结 201
参考文献 202