网页设计与制作教程（第2版）

　　本书采用项目教学方式，通过大量案例对网页的HTML结构和CSS层叠样式行了深入解析，使用HTML5新的布局方式，让读者可以轻松设计出符合Web标准的网页。本书根据网页制作典型职业活动分析，以工作任务为载体，确定了12个项目，内容涵盖HTML5的基本结构、CSS3样式基础、使用CSS3选择器、使用CSS美化网页字体、使用CSS美化网页段落、使用CSS美化图片、使用CSSCSS美化表格、使用CSS美化表单、使用CSS3动画、HTML5+CSS3网页排版——企业网站的制作、使用CSS3的弹性布局制作响应式页面。每个项目均由项目目标、项目描述、项目分析、知识引入、项目实施、项结、项目拓展7个环节组成，每个环节环环相扣。项目编排的原则是由易到难、循序，遵循学生的认知规律，让学生轻松获取知识及技能，便于教学的实施。本书的后两个综合实例，帮助读结前面所学的知识，综合应用HTML和CSS各类技术制作出符合实际应用需要的网页。

　　曾娜，现为广西工业技师学院信息商贸系教学副主任、 讲师。教学经历：任现职以来先后承担《网页设计与制作》、《计算机基础》、《办公软件》、《二维动画》、《C语言程序设计》、《PHP程序设计》、《图形图像处理》、《工业产品设计（inventor）》 等多门计算机专业课程。编写教材情况：2011年作为示范建设计算机网络技术重点项目建设二级项目负责人对计算机网络技术专业的教材进行了开发。2012年-2013年期间依据编写工作页的标准完成了《网页制作》、《网页设计》这两门学习领域课程工作页的编写，并建立这两门课程的学习资源包。编者还参与其余六门学习领域课程：《网络组建及应用》、《网络建设与管理》、《计算机组装与维护》、《办公设备维护与维修》、《网络综合布线》、《视频监控网络的设计与施工》工作页的编写，这些教材都已于2013年由北京理工学出版，并实施于计算机网络技术专业的一体化课程中。2014年本人作为副主编编写了《网页设计与制作》，该书作为“十二五”职业教育 规划教材经全国职业教育教材审定委员会审定通过，于2015年7月由语文出版社正式出版。

项目1 HTML5的基本结构
子任务1 认识网页与网站
子任务2 了解HTML5的基本结构
子任务3 安装Visual Studio Code编辑器
子任务4 使用Visual Studio Code编辑器
子任务5 HTML5网页
子任务6 使用Chrome浏览器的工具
子任务7 使用换行标签
子任务8 使用段落标签
子任务9 使用标题标签、线标签
项目实施
项目2 CSS3样式基础
子任务1 了解CSS的结构组成
子任务2 使用行内样式
子任务3 使用内嵌式
子任务4 使用链接式
子任务5 使用导入式
项目实施
项目3 使用CSS3选择器
子任务1 了解选择器
子任务2 使用标签选择器
子任务3 使用类别选择器
子任务4 使用ID选择器
子任务5 通配符选择器
子任务6 相邻选择器
子任务7 使用子选择器
子任务8 使用后代选择器
子任务9 使用群组选择器
子任务10 使用伪类洗择器
项目实施
项目4 使用CSS美化网页字体
子任务1 定义字体的类型
子任务2 定义字体的大小
子任务3 定义字体的顔色
子任务4 定义字体的下划线
子任务5 定义斜体字体
子任务6 定义文字的加粗
子任务7 了解span标签的作用
项目实施
项目5 使目CS8美化同页段菠
子任务1 设置段落对齐
子任务2 设置段落
子任务3 设置行间距
子任务4 设养字间距和词间距
项目实施
项目6 使用C55美化图片
子任务1 在网页中插入图像
子任务2 设置图像大小
子任务3 定义图像的边框
子任务4 定义圆角图像