本书用通俗易懂的语言详细介绍了HTML5网页设计和应用CSS3样式美化网页。涵盖了jiaoyubu《Web前端开发职业技能等级标准》1 X证书和工信部蓝桥杯全国软件和信息技术专业人才《Web应用开发》大赛的相关网页设计与制作知识点，以真实岗位生产项目、典型工作任务、案例等为载体组织教学内容并进行教学设计，重点突出教、学、做一体化，注重培养学生的应用能力和解决问题的实际工作能力，培养高素质高技能应用型人才。全书共分为9章，内容包括：HTML5基本标签及开发工具介绍、CSS样式表基础、表格的应用、表单的应用、应用CSS设置链接和导航菜单、应用CSS3样式美化网页、基于DIV CSS的网页、应用CSS3布局网页、应用DIV CSS设计商业网站。本书适合作为高等院校各专业《网页设计与制作》课程的教材，也可作为前端开发的培训教材，还可作为Web开发爱好者的自学用书。 全书共分为9章，内容包括：HTML5基本标签及开发工具介绍、CSS3样式基础、表格的应用、表单的应用、设置链接和导航菜单、应用CSS3样式美化网页、基于DIV CSS的网页、应用CSS3布局网页、应用DIV CSS设计商业网站。 本书既可作为高等院校各专业《网页设计与制作》课程的教材，也可以作为前端开发的培训教材，还可作为WEB开发爱好者的自学用书。

   本书配有丰富的微课资源。

目前正值高职教育大变革时期，高职教育的发展离不开优秀的教材，而电子信息大类

专业群课程的教材也需要进行改革以适应当前高职的教育发展形势。

为什么要学习本书？

本书用通俗易懂的语言详细介绍了 HTML5 网页设计和应用 CSS3 样式美化网页。涵

盖了jiaoyubu1 X《Web 前端开发职业技能等级标准》证书和工信部蓝桥杯全国软

件和信息技术专业人才《Web 应用开发》大赛的相关网页设计与制作知识点，以真实的岗

位生产项目、典型工作任务、案例等为载体组织教学内容并进行教学设计，重点突出教、

学、做一体化，注重培养学生的应用能力和解决问题的实际工作能力，培养高素质高技

能应用型人才。

如何使用本书？

本书根据用人企业的岗位需求，通过企业真实案例开展教学，在教学中大量采取案

例教学、任务驱动、项目引领的教学方法，各个相对完整的教学任务突出了课程内容的

综合应用性、实用性，在行动导向的教学模式中形成技能与能力。

全书共分为 9 章，系统地讲解了 HTML5 网页设计和应用 CSS3 样式美化网页的相关

知识，主要内容如下：

第 1 章主要讲解 HTML5 基本标签及开发工具介绍。

第 2 章主要讲解 CSS3 样式基础。

第 3 章主要讲解网页中表格的应用。

第 4 章主要讲解网页中表单的应用。

第 5 章主要讲解如何设置链接和制作导航菜单。

第 6 章主要讲解如何应用 CSS3 样式美化网页中的元素。

第 7 章主要讲解基于 DIV CSS 的网页的盒模型、浮动和定位。

第 8 章主要讲解如何应用 CSS3 合理布局网页。

第 9 章主要讲解应用 DIV CSS 设计商业网站，渐进式完成项目开发全过程。

前 言

I

文前.indd 1 2022/8/2 14:35:10

本书在内容组织形式上强调学生的主体性学习，每章先提出学习目标，再进行任务分

析，使学生在开始实施每个项目前就知道学习的任务和要求，引起学生的注意与兴趣，然

后针对本项目相关理论知识进行介绍，最后给出技能目标、内容，让学生目标明确地去进

行学习、实践和自我评价。

本书由长期从事HTML5&CSS3 网页设计与制作课程教学的一线教师、IT 企业工

程师联合编写，内容满足国家信息化发展战略对人才培养的要求，深入浅出、图文并茂、

有趣好学。

本书由向文娟主编，李颖、管伟、柴芳老师和高军、杨欣等多位企业工程师参与编写。

在一年的编写过程中，编者付出了大量辛勤的劳动，同时也得到了许多高职院校、企业和

出版社领导的支持与帮助，在此一并标识衷心的感谢。

由于编者水平有限，书中难免存在疏漏与不妥之处，敬请各位读者批评指正，感谢您

使用本书，期待本书能成为您的良师益友。

编者

2022 年 4 月

向文娟，女，武汉外语外事职业学院副教授，学部主任，计算机专业。从教近20年，发表论文10余篇，任副主编撰写基于SQL Server的数据库设计的《HITE5.0网络营销技术工程师》系列教材共10本。