作者：郭建东主编
页数：186页
出版社：科学出版社
出版日期：2019
ISBN：9787030633873
电子书格式：pdf/epub/txt
内容简介
《HTML5+CSS3网页设计与制作案例教程（第2版）》是Web前端网页设计的基础性教材，结合1+X前端考证，介绍不同前端编辑器下HTML5网站和网页的创建，包括简单页面制作、多列布局的复杂页面制作和导航设计等；然后结合CSS3和HTML5的新特性，由浅入深讲解了HTML5表单制作、使用CSS3样式制作特效文字、过渡渐变和动画效果、HTML5媒体应用技术、Bootstrap响应式布局页面制作等内容，使读者全面理解和掌握基于HTML5+CSS3的前端页面设计与制作技术。《HTML5+CSS3网页设计与制作案例教程（第2版）》还介绍了使用Photoshop制作按钮、导航等网页图片素材，并通过实例介绍网页版面效果图制作和切图技术；最后讲解了一个综合网站的制作过程。 《HTML5+CSS3网页设计与制作案例教程（第2版）》配套提供国家精品课程平台“爱课程中国大学MOOC”的线上学习和广东省精品在线开放课程资源，包括案例视频、教学PPT、案例源代码、素材图片、上机实训素材、授课计划、教学大纲、考核方案和混合式教学方案等。《HTML5+CSS3网页设计与制作案例教程（第2版）》适合作为高职高专院校、应用型本科院校网页设计课程的教材，也可作为网页设计和制作人员自学的参考用书。
目录
第1章 网页设计基础
1.1 网页的基本概念
1.2 网页的基本元素
1.3 常用前端开发工具
1.4 基于Dreamweaver平台的网站创建与管理
1.4.1 Dreamweaver CC开发平台工作区介绍
1.4.2 基于Dreamweaver CC的网站创建与管理
1.5 HBuilder X平台网站项目的创建
1.5.1 HBuilder X开发平台工作区介绍
1.5.2 HBuilder X项目的创建
1.6 网页基本结构和文本元素
1.6.1 网页的基本结构.
1.6.2 HTML中的文本元素
1.6.3 HTML块元素与内联元素.
1.7 创建基于文本的网页.
1.7.1 在网页中添加文字
1.7.2 文字和段落的CSS样式
1.7.3 CSS样式在文本页面的应用案例.
上机实训
课后练习
第2章 HTML5+CSS简单页面制作
2.1 CSS样式基础
2.1.1 CSS盒子模型
2.1.2 CSS页面布局基础
2.1.3 CSS样式分类
2.1.4 样式规则的优先级
2.1.5 样式规则的优先级应用案例
2.1.6 样式命名规范
2.2 一列布局页面制作
2.2.1 制作一列固定宽度布局网页..
2.2.2 制作一列自适应宽度布局网页
2.3 网页中的图片元素
2.4 制作图文混排的网页
2.4.1 文字环绕图片网页制作
2.4.2 一列布局图文混排网页制作
上机实训
课后练习
第3章 多列布局页面制作
3.1 二列布局页面制作
3.1.1 网页常见二列布局方案
3.1.2 二列布局页面制作案例
3.2 三列布局页面制作
3.2.1 网页常见三列布局方案
3.2.2 三列布局页面制作案例
3.3 多列布局页面制作
3.3.1 网页常见多列布局方案
3.3.2 多列布局页面制作案例
上机实训
课后练习
第4章 链接与导航制作
4.1 文字链接
4.1.1 文本链接
4.1.2 邮件链接
4.1.3 下载链接
4.1.4 空链接
4.1.5 链接文字样式设置
4.2 图片链接
4.3 导航设计与制作
4.3.1 横向文字链接导航制作及应用
4.3.2 图片背景导航制作
4.3.3 列表导航制作
上机实训
课后练习
第5章 HTML5表单基础
5.1 认识表单
5.2 表单对象
5.2.1 input元素
5.2.2 textarea(多行文本框)元素
5.2.3 select元素和option元素
5.2.4 无障碍访问表单元素label、fieldset和legend
5.2.5 datalist预设列表选项元素
5.2.6 日历控件
5.2.7 颜色池控件
5.3 表单应用案例
上机实训
课后练习
第6章 CSS3样式基础
6.1 CSS3文本效果应用
6.1.1 文本阴影效果
6.1.2 文本描边效果
6.1.3 文本浮雕效果
6.1.4 CSS3文本效果应用案例
6.2 CSS3背景与渐变效果
6.2.1 线性渐变
6.2.2 径向渐变
6.2.3 重复渐变
6.2.4 CSS3背景与渐变效果应用案例
6.3 CSS3制作边框效果
6.3.1 圆角边框
6.3.2 CSS3圆角边框应用案例
6.3.3 边框阴影
6.3.4 边框阴影制作案例
6.4 CSS3制作动画效果
6.4.1 CSS3 transitions过渡动画制作
6.4.2 过渡动画制作案例
6.4.3 CSS3 animation动画
6.4.4 animation动画制作案例
6.5 CSS3应用综合案例
上机实训
课后练习
第7章 HTML5新特性与媒体应用
7.1 HTML5新特性
7.1.1 解决浏览器兼容问题
7.1.2 新增多个功能丰富的新元素和API
7.1.3 用户优先的原则
7.1.4 元素语法化繁为简
7.2 HTML5常用新增元素
7.2.1 figure元素和figcaption元素
7.2.2 details和summary元素
7.2.3 time和mark元素
7.3 HTML5元素全局属性
7.3.1 contenteditable
7.3.2 data-最
7.3.3 draggable
7.3.4 hidden
7.3.5 spellcheck
7.4 HTML5网页中多媒体应用
7.4.1 HTML5视频播放案例
7.4.2 HTML5音频播放案例
上机实训
课后练习
第8章 Bootstrap响应式布局
8.1 响应式Web设计和视口
8.2 弹性盒布局
8.2.1 弹性盒布局结构
8.2.2 弹性盒容器属性
8.2.3 弹性盒容器子元素属性
8.3 Bootstrap响应式布局
8.3.1 Bootstrap下载与快速部署
8.3.2 栅格系统
8.3.3 组件及公用样式
8.3.4 Bootstrap响应式布局案例
上机实训
课后练习
第9章 Photoshop网页界面设计
9.1 网页界面设计基础
9.1.1 网页界面设计配色
9.1.2 网页文字图片元素
9.1.3 网页中常用的图片格式
9.2 Photoshop简介
9.2.1 Photoshop操作界面简介
9.2.2 工具栏
9.2.3 图层
9.3 网页图片元素的制作案例
9.3.1 线条绘制
9.3.2 按钮制作
9.3.3 文字阴影
9.3.4 导航条制作
9.3.5 网页图像合成与修饰
9.4 网页版面制作案例
上机实训
课后练习
第10章 网站设计制作实例
10.1 网站制作流程
10.2 使用CSS+Div设计制作静态网站
10.2.1 网站的用途及定位
10.2.2 网站内容的选取
10.2.3 使用Photoshop切图
10.2.4 主页框架制作
10.2.5 导航制作
10.2.6 主页内容区内容制作
10.2.7 制作前端内容页“唐诗”页面
10.2.8 制作前端内容页“宋词”页面
10.2.9 制作前端内容页“元曲”页面
10.2.10 制作前端内容页“汉赋”页面
10.3 测试网站
10.4 上传发布网站
10.4.1 使用Dreamweaver CC 2019自带工具上传站点
10.4.2 使用FlashFXP上传文件
上机实训
参考文献
附录 拓展教学资源
1.1 网页的基本概念
1.2 网页的基本元素
1.3 常用前端开发工具
1.4 基于Dreamweaver平台的网站创建与管理
1.4.1 Dreamweaver CC开发平台工作区介绍
1.4.2 基于Dreamweaver CC的网站创建与管理
1.5 HBuilder X平台网站项目的创建
1.5.1 HBuilder X开发平台工作区介绍
1.5.2 HBuilder X项目的创建
1.6 网页基本结构和文本元素
1.6.1 网页的基本结构.
1.6.2 HTML中的文本元素
1.6.3 HTML块元素与内联元素.
1.7 创建基于文本的网页.
1.7.1 在网页中添加文字
1.7.2 文字和段落的CSS样式
1.7.3 CSS样式在文本页面的应用案例.
上机实训
课后练习
第2章 HTML5+CSS简单页面制作
2.1 CSS样式基础
2.1.1 CSS盒子模型
2.1.2 CSS页面布局基础
2.1.3 CSS样式分类
2.1.4 样式规则的优先级
2.1.5 样式规则的优先级应用案例
2.1.6 样式命名规范
2.2 一列布局页面制作
2.2.1 制作一列固定宽度布局网页..
2.2.2 制作一列自适应宽度布局网页
2.3 网页中的图片元素
2.4 制作图文混排的网页
2.4.1 文字环绕图片网页制作
2.4.2 一列布局图文混排网页制作
上机实训
课后练习
第3章 多列布局页面制作
3.1 二列布局页面制作
3.1.1 网页常见二列布局方案
3.1.2 二列布局页面制作案例
3.2 三列布局页面制作
3.2.1 网页常见三列布局方案
3.2.2 三列布局页面制作案例
3.3 多列布局页面制作
3.3.1 网页常见多列布局方案
3.3.2 多列布局页面制作案例
上机实训
课后练习
第4章 链接与导航制作
4.1 文字链接
4.1.1 文本链接
4.1.2 邮件链接
4.1.3 下载链接
4.1.4 空链接
4.1.5 链接文字样式设置
4.2 图片链接
4.3 导航设计与制作
4.3.1 横向文字链接导航制作及应用
4.3.2 图片背景导航制作
4.3.3 列表导航制作
上机实训
课后练习
第5章 HTML5表单基础
5.1 认识表单
5.2 表单对象
5.2.1 input元素
5.2.2 textarea(多行文本框)元素
5.2.3 select元素和option元素
5.2.4 无障碍访问表单元素label、fieldset和legend
5.2.5 datalist预设列表选项元素
5.2.6 日历控件
5.2.7 颜色池控件
5.3 表单应用案例
上机实训
课后练习
第6章 CSS3样式基础
6.1 CSS3文本效果应用
6.1.1 文本阴影效果
6.1.2 文本描边效果
6.1.3 文本浮雕效果
6.1.4 CSS3文本效果应用案例
6.2 CSS3背景与渐变效果
6.2.1 线性渐变
6.2.2 径向渐变
6.2.3 重复渐变
6.2.4 CSS3背景与渐变效果应用案例
6.3 CSS3制作边框效果
6.3.1 圆角边框
6.3.2 CSS3圆角边框应用案例
6.3.3 边框阴影
6.3.4 边框阴影制作案例
6.4 CSS3制作动画效果
6.4.1 CSS3 transitions过渡动画制作
6.4.2 过渡动画制作案例
6.4.3 CSS3 animation动画
6.4.4 animation动画制作案例
6.5 CSS3应用综合案例
上机实训
课后练习
第7章 HTML5新特性与媒体应用
7.1 HTML5新特性
7.1.1 解决浏览器兼容问题
7.1.2 新增多个功能丰富的新元素和API
7.1.3 用户优先的原则
7.1.4 元素语法化繁为简
7.2 HTML5常用新增元素
7.2.1 figure元素和figcaption元素
7.2.2 details和summary元素
7.2.3 time和mark元素
7.3 HTML5元素全局属性
7.3.1 contenteditable
7.3.2 data-最
7.3.3 draggable
7.3.4 hidden
7.3.5 spellcheck
7.4 HTML5网页中多媒体应用
7.4.1 HTML5视频播放案例
7.4.2 HTML5音频播放案例
上机实训
课后练习
第8章 Bootstrap响应式布局
8.1 响应式Web设计和视口
8.2 弹性盒布局
8.2.1 弹性盒布局结构
8.2.2 弹性盒容器属性
8.2.3 弹性盒容器子元素属性
8.3 Bootstrap响应式布局
8.3.1 Bootstrap下载与快速部署
8.3.2 栅格系统
8.3.3 组件及公用样式
8.3.4 Bootstrap响应式布局案例
上机实训
课后练习
第9章 Photoshop网页界面设计
9.1 网页界面设计基础
9.1.1 网页界面设计配色
9.1.2 网页文字图片元素
9.1.3 网页中常用的图片格式
9.2 Photoshop简介
9.2.1 Photoshop操作界面简介
9.2.2 工具栏
9.2.3 图层
9.3 网页图片元素的制作案例
9.3.1 线条绘制
9.3.2 按钮制作
9.3.3 文字阴影
9.3.4 导航条制作
9.3.5 网页图像合成与修饰
9.4 网页版面制作案例
上机实训
课后练习
第10章 网站设计制作实例
10.1 网站制作流程
10.2 使用CSS+Div设计制作静态网站
10.2.1 网站的用途及定位
10.2.2 网站内容的选取
10.2.3 使用Photoshop切图
10.2.4 主页框架制作
10.2.5 导航制作
10.2.6 主页内容区内容制作
10.2.7 制作前端内容页“唐诗”页面
10.2.8 制作前端内容页“宋词”页面
10.2.9 制作前端内容页“元曲”页面
10.2.10 制作前端内容页“汉赋”页面
10.3 测试网站
10.4 上传发布网站
10.4.1 使用Dreamweaver CC 2019自带工具上传站点
10.4.2 使用FlashFXP上传文件
上机实训
参考文献
附录 拓展教学资源
