本书以培养职业能力为核心，以工作实践为主线，基于现代职业教育课程结构构建模块化教学内容，将HTML5与CSS3进行整合。全书分为网页设计与策划、网站效果图设计与制作、HTML图文混排的实现、使用HTML5元素实现页面布局、使用层叠样式表、使用CSS美化页面效果、使用CSS实现页面布局、使用HTML实现网页表单、使用CSS实现动态效果9个任务。除“制作历代优秀墨竹作品学习网站”项目贯穿全书外，每个任务的知识点均设有相应的应用实例。本书所有教学内容均符合岗位需求，初学者通过本书的系统学习和实践，可以更加熟悉网页前端工程师的工作。 本书内容丰富，实用性强，可作为高职高专计算机软件技术、移动应用开发、数字媒体技术、计算机应用技术、电子商务等专业“网页设计与制作”课程的教材，也可作为网页设计爱好者的学习参考书。

刘万辉,江苏电子信息职业学院副教授，是微课设计开发、在线课程设计开发、信息化教学设计实战派培训教师，先后给中国人寿财产保险公司、贵烟集团、起亚汽车、山东省检察院、淮安市检察院等20多家企事业单位进行了信息化培训。先后在全国30个省市进行了600多场报告、培训，到200多所本科、高职院校进行了微课设计开发、在线课程设计开发、信息化教学设计实战培训。先后出版教材20多部。

前言
任务1 网页设计与策划
【知识准备】
1.1 网页和网站
1.1.1 网页和网站的概念
1.1.2 网页中的常用技术
1.2 网站开发流程
1.2.1 前期策划与组织
1.2.2 网页效果图的设计制作
1.2.3 网页制作
1.2.4 网站测试与发布
1.3 常用网页制作软件
1.3.1 网页图像处理工具
1.3.2 网页编辑工具
【任务实施】
1.4 初次体验网页编程
1.4.1 编写第一个HTML5页面
1.4.2 编写第一个HTML+CSS页面
1.5 历代优秀墨竹作品学习网站设计策划
1.5.1 网站开发需求
1.5.2 网站草图绘制
【习题与拓展实践】
任务2 网站效果图设计与制作
【知识准备】
2.1 Photoshop应用基础
2.1.1 认识Photoshop界面
2.1.2 Photoshop的基本操作
2.1.3 图层的相关应用
2.1.4 图层样式的应用
2.1.5 图层混合模式的应用
2.1.6 Photoshop的常用快捷键
2.2 Photoshop 高级应用
2.2.1 通道的概念与使用技巧
2.2.2 蒙版的概念与使用技巧
【任务实施】
2.3 历代优秀墨竹作品学习网站页面效果图设计与制作
2.3.1 页面效果图展示
2.3.2 页面顶部与导航条的制作
2.3.3 页面banner区域的制作
2.3.4 “传统墨竹画源流析”区域的实现
2.3.5 “作品赏析”区域的实现
2.3.6 “郑板桥墨竹作品展示”区域的实现
2.3.7 版权板块的实现
【习题与拓展实践】
任务3 HTML图文混排的实现
【知识准备】
3.1 HTML5简介
3.1.1 HTML5的发展史
3.1.2 HTML5的优势
3.1.3 浏览器与浏览器内核
3.2 HTML5基础
3.2.1 HTML5基本结构
3.2.2 HTML5基本语法
3.3 文字与段落标签
3.3.1 标题与段落标签
3.3.2 文本的格式化标签
3.3.3 特殊字符标签
3.4 列表标签
3.4.1 无序列表
3.4.2 有序列表
3.4.3 嵌套列表
3.4.4 定义列表
3.5 图像标签
3.6 超链接标签
3.6.1 认识与创建超链接
3.6.2 锚点链接
3.6.3 图像热区链接
3.7 表格标签
3.8 HTML的块级元素与内联元素
【任务实施】
3.9 使用HTML标签构建历代优秀墨竹作品学习页面
3.9.1 页面效果展示
3.9.2 页面实现分析
3.9.3 页面实现过程
【习题与拓展实践】
任务4 使用HTML5元素实现页面布局
【知识准备】
4.1 HTML5的元素分类
4.2 结构性元素
4.2.1 认知结构性元素
4.2.2

标签
4.2.3

标签
4.2.4

标签
4.2.5