网页设计与制作案例教程(HTML5+CSS3)(第2版)

本书共14个项目53个任务，分为基础篇、技能篇、布局篇和应用篇。基础篇主要内容包括网页基础、HTML语言基础、CSS样式基础。技能篇主要介绍使用CSS设置文字样式、图像样式、列表样式、表格样式及表单样式。布局篇详细讲解盒子模型，以及网页的三种基本布局方法：标准流布局、浮动布局和定位布局。应用篇给出了两个具有很强实用性的综合应用案例。
本书注重理论与实践相结合，将企业实际工作规范融入案例中，以避免书本知识与实际应用脱节，实现学习与工作的紧密衔接。
本书面向初、中级用户，可作为中、高等职业院校网站建设与管理专业的教材，同时也适合学习网页设计与制作的人员作为参考，还可供广大网页设计爱好者自学使用。

基 础 篇
第1章 网页基础 / 1
1.1 基础项目1：制作“念奴娇·赤壁怀古”网页 / 1
1.2 知识库：网页基础知识 / 5
1.2.1 网站开发流程 / 5
1.2.2 网页常用术语 / 8
1.2.3 网页文件命名规范 / 10
1.3 基础项目2：制作“苏轼介绍”网页 / 11
1.4 知识库：Dreamweaver 2021的工作界面和使用技巧 / 14
1.4.1 启动Dreamweaver 2021 / 14
1.4.2 认识Dreamweaver 2021工作界面 / 17
1.4.3 更改Dreamweaver 2021默认界面和布局 / 21
1.4.4 使用Dreamweaver 2021的几个小技巧 / 22
1.5 提高项目：制作“青春颂歌”网页 / 23
1.6 拓展项目：制作“速度滑冰”网页 / 24
知识检测1 / 24
第2章 HTML语言基础 / 26
2.1 基础项目1：制作“走向远方”网页 / 26
2.2 知识库：HTML语言的概念和基本结构 / 27
2.2.1 HTML语言的概念 / 27
2.2.2 HTML文档的基本结构 / 28
2.3 基础项目2：制作“我的空间”网页 / 30
2.4 知识库：HTML标签的分类及常见的HTML标签 / 32
2.4.1 HTML标签的分类 / 32
2.4.2 常见的HTML标签 / 34
2.5 提高项目：制作“垃圾分类 人人有责”网页 / 43
2.6 拓展项目：制作“菜鸟加油”网页 / 44
知识检测2 / 44
第3章 CSS样式基础 / 45
3.1 基础项目1：制作“古诗词欣赏”网页 / 45
3.2 知识库：CSS语言的概念和基本结构 / 50
3.2.1 CSS语言的概念 / 50
3.2.2 CSS语言的基本结构和注释 / 50
3.2.3 CSS书写顺序及规范 / 51
3.3 基础项目2：制作“服务奥运，精彩人生”网页 / 54
3.4 知识库：CSS样式表的引入及选择器的使用 / 58
3.4.1 CSS样式表的引入 / 58
3.4.2 CSS选择器的使用 / 61
3.5 提高项目：制作“女排精神”网页 / 68
3.6 拓展项目：制作“琴棋书画”网页 / 69
知识检测3 / 70
技 能 篇
第4章 使用CSS设置文字样式 / 71
4.1 基础项目1：制作“古人书房佳联赏析”网页 / 71
4.2 知识库：CSS文字样式 / 75
4.2.1 文字样式常用属性 / 75
4.2.2 网页安全色 / 80
4.2.3 CSS网页元素的长度单位 / 80
4.3 基础项目2：制作“中国名花”网页 / 82
4.4 知识库：CSS段落样式与元素特性 / 87
4.4.1 段落样式常用属性 / 87
4.4.2 关于＜span＞标签 / 92
4.4.3 清除行内块元素默认空白间隙技巧 / 92
4.5 提高项目：制作“诗词鉴赏”网页 / 94
4.6 拓展项目：制作“古典园林”网页 / 96
知识检测4 / 97
第5章 使用CSS设置图像样式 / 98
5.1 基础项目1：制作“茶文化”网页 / 98
5.2 知识库：CSS图像样式 / 102
5.2.1 网页图像格式 / 102
5.2.2 常用CSS图像样式 / 103
5.2.3 图像映射 / 107
5.3 基础项目2：制作“少年中国说”网页 / 109
5.4 知识库：CSS背景样式 / 113
5.4.1 背景颜色样式 / 113
5.4.2 背景图像样式 / 114
5.4.3 CSS雪碧图 / 116
5.5 提高项目：制作“低碳生活 从我做起”网页 / 119
5.6 拓展项目：制作“春节民俗”网页 / 120
知识检测5 / 121
第6章 使用CSS设置列表样式 / 122
6.1 基础项目1：制作“特色北京”横向导航栏 / 122
6.2 基础项目2：制作“特色北京”纵向导航栏 / 125
6.3 基础项目3：制作“八大菜系”下拉菜单式导航栏 / 127
6.4 基础项目4：制作“青少年文明公约”网页 / 132
6.5 基础项目5：制作“2020年感动中国十大人物”网页 / 136
6.6 知识库：CSS常用列表样式 / 141
6.6.1 HTML列表 / 141
6.6.2 常用CSS列表样式 / 143
6.7 提高项目：制作“悦读图书榜”网页 / 144
6.8 拓展项目：制作“环保在行动”网页 / 145
知识检测6 / 145
第7章 使用CSS设置表格样式 / 147
7.1 基础项目1：制作“神舟系列飞船发射情况表”网页 / 147
7.2 知识库：表格的HTML标签和常用样式 / 150
7.2.1 表格的HTML标签 / 150
7.2.2 表格的常用CSS样式 / 151
7.3 基础项目2：制作“青铜之美”网页 / 153
7.4 知识库：单元格的合并与拆分 / 158
7.5 提高项目：制作“中国二十四节气―春天篇”网页 / 159
7.6 拓展项目：制作“中国十大名胜古迹”网页 / 160
知识检测7 / 161
第8章 使用CSS设置表单样式 / 162
8.1 基础项目1：制作“邮箱注册”网页 / 162
8.2 知识库：常用表单元素类型及结构 / 178
8.2.1 表单标签 / 178
8.2.2 常用表单元素 / 179
…… / 394