.jpg)
配套资源：微课视频、电子课件、授课计划、教案、素材文件、教学大纲
本书特色：
·以培养职业能力为核心，以工作实践为主线，以真实项目驱动的方式贯穿整个过程
·基于现代职业教育课程结构构建模块化教学内容，面向网页前端工程师岗位要求细化课程内容
本书配套资源、样书均可在本页下载申请，也可联系微信13146070618索取
本书以培养职业能力为核心，以工作实践为主线，基于现代职业教育课程结构构建模块化教学内容，将HTML5与CSS3进行整合。全书分为网页设计与策划、网站效果图设计与制作、HTML图文混排的实现、使用HTML5元素实现页面布局、使用层叠样式表、使用CSS美化页面效果、使用CSS实现页面布局、使用HTML实现网页表单、使用CSS实现动态效果9个任务。除“制作历代优秀墨竹作品学习网站”项目贯穿全书外，每个任务的知识点均设有相应的应用实例。本书所有教学内容均符合岗位需求，初学者通过本书的系统学习和实践，可以更加熟悉网页前端工程师的工作。 本书内容丰富，实用性强，可作为高职高专计算机软件技术、移动应用开发、数字媒体技术、计算机应用技术、电子商务等专业“网页设计与制作”课程的教材，也可作为网页设计爱好者的学习参考书。
- 图书详情
配套资源：微课视频、电子课件、授课计划、教案、素材文件、教学大纲
本书特色：
·以培养职业能力为核心，以工作实践为主线，以真实项目驱动的方式贯穿整个过程
·基于现代职业教育课程结构构建模块化教学内容，面向网页前端工程师岗位要求细化课程内容
本书配套资源、样书均可在本页下载申请，也可联系微信13146070618索取
本书以培养职业能力为核心，以工作实践为主线，基于现代职业教育课程结构构建模块化教学内容，将HTML5与CSS3进行整合。全书分为网页设计与策划、网站效果图设计与制作、HTML图文混排的实现、使用HTML5元素实现页面布局、使用层叠样式表、使用CSS美化页面效果、使用CSS实现页面布局、使用HTML实现网页表单、使用CSS实现动态效果9个任务。除“制作历代优秀墨竹作品学习网站”项目贯穿全书外，每个任务的知识点均设有相应的应用实例。本书所有教学内容均符合岗位需求，初学者通过本书的系统学习和实践，可以更加熟悉网页前端工程师的工作。 本书内容丰富，实用性强，可作为高职高专计算机软件技术、移动应用开发、数字媒体技术、计算机应用技术、电子商务等专业“网页设计与制作”课程的教材，也可作为网页设计爱好者的学习参考书。
任务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 <header>标签
4.2.3 <article>标签
4.2.4 <section>标签
4.2.5 <nav>标签
4.2.6 <footer>标签
4.2.7 <aside>标签
4.2.8 <figure>标签
4.3 行内语义性元素
4.3.1 <progress>标签
4.3.2 <meter>标签
4.3.3 <time>标签
4.4 交互性元素
4.4.1 <details>标签和<summary>标签
4.4.2 <menu>标签与<command>标签
4.5 多媒体对象的使用
4.5.1 视频与音频格式
4.5.2 使用<video>标签插入视频
4.5.3 使用<audio>标签插入音频
【任务实施】
4.6 使用HTML5结构性标签构建墨竹作品赏析页面
4.6.1 页面效果展示
4.6.2 页面实现分析
4.6.3 页面实现过程
【习题与拓展实践】
任务5 使用层叠样式表
【知识准备】
5.1 CSS3的介绍
5.2 CSS样式
5.2.1 CSS样式设置规则
5.2.2 CSS样式的引入方法
5.3 CSS基本选择器
5.3.1 标签选择器
5.3.2 类选择器
5.3.3 ID选择器
5.3.4 通用选择器
5.4 其他CSS选择器
5.4.1 组合选择器
5.4.2 属性选择器
5.4.3 结构伪类选择器
5.4.4 链接伪类选择器
5.4.5 伪元素选择器
5.5 CSS的继承性与层叠性
5.5.1 CSS的继承性
5.5.2 CSS的层叠性
5.5.3 CSS的冲突处理
【任务实施】
5.6 历代优秀墨竹作品学习页面的CSS设计
5.6.1 页面效果展示
5.6.2 页面实现分析
5.6.3 页面实现过程
【习题与拓展实践】
任务6 使用CSS美化页面效果
【知识准备】
6.1 文本样式设置
6.1.1 设置CSS的字体属性
6.1.2 文本属性
6.2 列表样式设置
6.2.1 列表符号
6.2.2 图像符号
6.2.3 列表缩进
6.2.4 列表复合属性
6.3 背景样式设置
6.3.1 背景的基本设置
6.3.2 CSS3新增的背景设置
【任务实施】
6.4 历代优秀墨竹作品学习页面Logo、导航条与banner的CSS样式设计
6.4.1 页面效果展示
6.4.2 页面实现分析
6.4.3 页面实现过程
【习题与拓展实践】
任务7 使用CSS实现页面布局
【知识准备】
7.1 盒子模型
7.2 盒子模型的常用属性
7.2.1 边框属性
7.2.2 边距属性
7.2.3 边框其他属性
7.3 浮动与定位
7.3.1 元素的类型与转换
7.3.2 浮动属性
7.3.3 清除浮动属性
7.3.4 元素的定位
7.3.5 overflow属性
7.4 弹性布局
7.4.1 认识弹性布局
7.4.2 容器属性
7.4.3 项目属性
7.4.4 案例：Flex布局网站导航条与banner
7.5 网格布局
7.5.1 网格布局的概念
7.5.2 网格布局的使用方法
7.5.3 案例：网格布局网站导航条与banner
【任务实施】
7.6 历代优秀墨竹作品学习页面的HTML+CSS整体布局
7.6.1 页面效果展示
7.6.2 页面实现分析
7.6.3 页面实现过程
【习题与拓展实践】
任务8 使用HTML实现网页表单
【知识准备】
8.1 表单的概述
8.2 表单的建立
8.3 表单的基本元素
8.3.1 表单域
8.3.2 表单按钮
8.4 表单新增元素
8.4.1 新增的表单元素
8.4.2 新增的表单属性
【任务实施】
8.5 墨竹爱好者用户注册页面
8.5.1 页面效果展示
8.5.2 页面实现分析
8.5.3 页面实现过程
【习题与拓展实践】
任务9 使用CSS实现动态效果
【知识准备】
9.1 CSS3转换
9.1.1 transform简介
9.1.2 常用的变形方法
9.1.3 3D变形
9.2 过渡（transition）
9.2.1 transition功能介绍
9.2.2 过渡属性的应用
9.3 动画（animation）
9.3.1 动画的基本定义与调用
9.3.2 animation的其他属性
【任务实施】
9.4 墨竹名家作品展示页面设计实现
9.4.1 页面效果展示
9.4.2 页面实现分析
9.4.3 页面实现过程
【习题与拓展实践】
附录 二维码资源索引
参考文献
