基 础 篇
第1章 网页基础
1.1 基础项目1：制作“我为自己代言”网页
1.2 知识库：网页基础知识
1.2.1 网站开发流程
1.2.2 网页常用术语
1.2.3 网页文件命名规范
1.3 基础项目2：制作“陈欧介绍”网页
1.4 知识库：Dreamweaver CC 2018的工作界面和使用技巧
1.4.1 启动Dreamweaver CC 2018
1.4.3 更改Dreamweaver CC 2018默认界面和布局
1.4.4 使用Dreamweaver CC 2018的几个小技巧
1.5 提高项目：制作“青春颂歌”网页
1.6 拓展项目：制作“支付”网页
知识检测1
第2章 HTML语言基础
2.1 基础项目1：制作“走向远方”网页
2.2 知识库：HTML语言的概念和基本结构
2.2.1 HTML语言的概念
2.2.2 HTML文档的基本结构
2.3 基础项目2：制作“我的空间”网页
2.4 知识库：HTML标签分类及常见HTML标签
2.4.1 HTML标签分类
2.4.2 常见HTML标签
2.5 提高项目：制作“深海骑兵”网页
2.6 拓展项目：制作“菜鸟加油”网页
知识检测2
第3章 CSS样式基础
3.1 基础项目1：制作“古诗词欣赏”网页
3.2 知识库：CSS语言的概念和基本结构
3.2.1 CSS语言的概念
3.2.2 CSS语言的基本结构和注释
3.2.3 CSS书写顺序及规范
3.3 基础项目2：制作“电影资讯”网页
3.4 知识库：CSS样式表的引入及选择器的使用
3.4.1 CSS样式表的引入
3.4.2 CSS选择器的使用
3.5 提高项目：制作“美味生活”网页
3.6 拓展项目：制作“马云创业语录”网页
知识检测3
技 能 篇
第4章 使用CSS设置文字样式
4.1 基础项目1：制作“古人书房佳联赏析”网页
4.2 知识库：CSS文字样式
4.2.1 文字样式常用属性
4.2.2 网页安全色
4.2.3 CSS网页元素的长度单位
4.3 基础项目2：制作“创业人物”网页
4.4 知识库：CSS段落样式与元素特性
4.4.1 段落样式常用属性
4.4.2 关于＜span＞标签
4.4.3 清除行内块元素默认空白间隙技巧
4.5 提高项目：制作“诗词鉴赏”网页
4.6 拓展项目：制作“智能交通”网页
知识检测4
第5章 使用CSS设置图像样式
5.1 基础项目1：制作“李彦宏—众里寻他千百度”网页
5.2 知识库：CSS图像样式
5.2.1 网页图像格式
5.2.2 CSS常用图像样式
5.2.3 图像映射
5.3 基础项目2：制作“少年中国说”网页
5.4 知识库：CSS背景样式
5.4.1 背景颜色样式
5.4.2 背景图像样式
5.4.3 CSS雪碧图
5.5 提高项目：制作“低碳生活 从我做起”网页
5.6 拓展项目：制作“春节民俗”网页
知识检测5
第6章 使用CSS设置列表样式
6.1 基础项目1：制作简单横向导航栏
6.2 基础项目2：制作简单纵向导航栏
6.3 基础项目3：制作下拉菜单式导航栏
6.4 基础项目4：制作热门旅游攻略列表
6.5 基础项目5：制作热门歌手榜
6.6 知识库：CSS常用列表样式
6.6.1 HTML列表
6.6.2 常用CSS列表样式
6.7 提高项目：制作“童书畅销榜”网页
6.8 拓展项目：制作“商品列表”网页
知识检测6
第7章 使用CSS设置表格样式
7.1 基础项目1：制作“通讯录”表格
7.2 知识库：表格的HTML标签和常用样式
7.2.1 表格的HTML标签
7.2.2 表格的常用CSS样式
7.3 基础项目2：制作“百度日历”网页
7.4 知识库：单元格的合并与拆分
7.5 提高项目：制作“NBA常规赛得分表”网页
7.6 拓展项目：制作“热门景点排行榜”网页
知识检测7
第8章 使用CSS设置表单样式
8.1 基础项目1：制作“网易邮箱注册”网页
8.2 知识库：常用表单元素类型及结构
8.2.1 表单标签
8.2.2 常用表单元素
8.2.3 表单按钮
8.3 基础项目2：制作“速递网在线下单”网页
8.4 知识库：域集和组
8.4.1 域集
8.4.2 组
8.5 提高项目：制作电商网站“商家入驻”网页
8.6 拓展项目：制作“快乐数独”网页
知识检测8
第9章 盒子模型
9.1 基础项目：根据布局图创建简单的盒子模型页面
9.2 知识库：盒子模型的理解与应用
9.2.1 盒子模型的概念
9.2.2 盒子模型的计算
9.2.3 box-sizing属性介绍
9.2.4 伪元素
9.2.5 实际开发中遇到的和盒子模型相关的应用及小问题
9.3 拓展项目：使用盒子模型创建网页布局
知识检测9
第10章 CSS标准流布局
10.1 基础项目：制作“谷穗儿机构”网页
10.1.1 对页面进行整体布局
10.1.2 制作页头部分

目前，市面上适合中等职业学校学生学习能力的网页设计和网站建设方面的教材比较匮乏。徐洪亮、陈晓靖、常宽主编的《网页设计与制作案例教程(HTML5+CSS3职业教育校企深度融合模式系列教材)》从中职学生学习实际出发，采用项目教学方式，以基础项目一提高项目一拓展项目的模式，零基础讲解网页设计及网站建设的相关技能。通过大量案例对网页的HTML结构和CSS样式进行深入讲解，使读者轻松掌握网页设计和网站建设的各项技术及实战技能。
全书共14章，分为基础篇、技能篇、布局篇和应用篇。基础篇主要内容包括网页基础、HTML语言基础、CSS样式基础。技能篇主要介绍使用CSS设置文字样式、图像样式、列表样式、表格样式以及表单样式。布局篇中详细讲解了使用CSS+DIV布局网页的三种基本方法：流布局、浮动布局和定位布局。最后，在应用篇中给出了两个具有很强实用性的综合网站案例。
本书注重理论与实践相结合，将企业实际工作规范融入案例中，避免学生学到的书本知识与实际应用脱节，实现学习与工作的自然衔接。
本书面向初、中级用户，可作为中、高等职业技术院校网站建设专业的教材，同时也适合想学习网页设计和网站建设的人员参考，还可供广大网页设计爱好者自学使用。