本书是“十三五”职业教育国家规划教材，也是国家职业教育软件技术专业教学资源库配套教材。
本书采用模块化的编写思路，将HTML5、CSS3、JavaScript三方面内容分为网页策划起步，网页的基本页面实现，运用HTML5的新标签，构建网站层叠样式表，设置文本、背景与列表样式，运用盒子模型布局网页，运用影音多媒体，设计表单，运用特殊效果和运用JavaScript实现网页的交互等教学任务。每个任务的编写分为任务描述、知识准备、任务实施、任务拓展、项目实训5个环节。
本书在第2版的基础上更新了部分案例，优化了配套数字化教学资源。与本书配套的数字课程已在“智慧职教”（www.icve.com.cn）网站上线，学习者可以登录网站进行学习，也可以通过扫描书中二维码观看教学视频，详见“智慧职教使用指南”。教师也可发邮件至编辑邮箱1548103297@qq.com索取相关资源。
本书结构合理，内容丰富，实用性强，可以作为高等职业院校计算机类专业、商务类专业、艺术设计类专业的教学用书，还可以作为相关专业从业人员的自学用书。

任务1 网页策划起步
任务描述：网站主页的策划与设计
知识准备
1.1 网页设计的概念与术语
1.1.1 网页与网站的相关概念
1.1.2 网页设计相关的程序设计语言
1.2 网页设计流程
1.2.1 前期策划
1.2.2 网页制作
1.2.3 网页测试
1.3 HTML5概述
1.3.1 HTML5的发展历史
1.3.2 使用HTML5的5大原因
1.3.3 浏览器以及浏览器内核
1.4 编写第一个HTML5页面
1.4.1 HTML5文件的编写工具
1.4.2 HTML5文档的基本格式
1.4.3 使用HTML5编写简单的web页面
1.5 综合实例：体验HTML5的页面特征
任务实施：网站主页的策划与设计
1.资料收集
2.页面规划
3.绘制页面草图
任务拓展
1.认识Dreamweaver CC
2.HBuilder的快速开发技巧
项目实训：智慧校园登录与教师应用门户策划
任务2 网页的基本页面实现
任务描述：运用HTML编写Web页面
知识准备
2.1 HTML5基础
2.1.1 HTML5基本语法
2.1.2 HTML5标签及属性
2.1.3 HTML5文档头部标签
2.2 文字与段落标签
2.2.1 标题与段落标签
2.2.2 文本的格式化标签
2.2.3 特殊字符标签
2.3 图像与超链接标签
2.3.1 图像标签
2.3.2 超链接标签
2.4 表格与列表
2.4.1 表格标签
2.4.2 列表标签
2.5 综合实例：书法家庄辉个人介绍
任务实施：运用HTML编写主页的基本结构
1.制作页面基本结构
2.制作网站头部
3.制作网站banner区域
……
任务3 运用HTML5的新标签
任务4 构建网站层叠样式表
任务5 设置文本、背景与列表样式
任务6 运用盒子模型布局网页
任务7 运用影音多媒体
任务8 设计表单
任务9 运用特殊效果
任务10 运用JavaScript实现网页的交互
参考文献