书籍详情
Web前端开发案例教程（HTML5+CSS3 微课版）
作者：李志云，董文华 著
出版社：人民邮电出版社
出版时间：2019-11-01
ISBN：9787115524966
定价：¥49.80
购买这本书可以去
内容简介
本书以真实案例组织内容，介绍如何利用网页制作技术HTML5和CSS3等制作网站。全书共12章，前10章将学院网站制作过程中的知识点进行分解，每章以小案例引导，介绍Web开发设计中的关键知识点，第11章完成学院网站的完整制作，第12章介绍当前流行的电商网站的制作，充分运用HTML5的新增结构元素构建网页内容，利用CSS3的过渡、变形和动画等属性实现图片的变换和旋转。本书可以作为高职高专院校计算机相关专业“Web前端开发”课程的教材，也可以作为Web前端开发爱好者学习Web前端程序设计的参考书。
作者简介
李志云，副教授，山东信息职业技术学院教师，主编《数据库开发实用教程—基于Visual Basic》《Visual c#2005数据库开发案例教程》《网页设计与制作案例教程（HTML+CSS+DIV+JavaScript）》等教材，发表论文20余篇。
目录
第 1章
Web前端开发概述\t1
1．1 认识Web前端开发\t1
1．2 Web相关概念\t1
1．3 HTML5概述\t3
1．4 常用的浏览器\t3
1．5 创建第 一个HTML5页面\t4
1．5．1 Dreamweaver工具简介\t4
1．5．2 案例：创建第 一个HTML5
网页\t4
本章小结\t\t6
实训1\t6
第 2章
HTML5基础\t8
2．1 案例：简单学院网站\t8
2．2 知识准备\t9
2．2．1 HTML5文档的基本结构\t9
2．2．2 HTML标记及其属性\t10
2．2．3 HTML文本标记\t11
2．2．4 HTML列表标记\t16
2．2．5 HTML超链接标记\t20
2．2．6 HTML图像标记\t23
2．3 案例实现\t25
2．3．1 创建站点\t25
2．3．2 创建首页\t27
2．3．3 创建学院简介页面\t28
2．3．4 创建学院新闻页面\t28
2．3．5 创建专业介绍页面\t29
本章小结\t\t30
实训2\t30
第3章
HTML5新增页面元素\t32
3．1 案例：旅游部落网页\t32
3．2 知识准备\t33
3．2．1 HTML5结构元素\t33
3．2．2 HTML5分组元素\t37
3．2．3 HTML5页面交互元素\t38
3．2．4 HTML5文本语义元素\t40
3．3 案例实现\t42
3．3．1 创建站点\t42
3．3．2 页面分析\t43
本章小结\t\t45
实训3\t45
第4章
CSS3基础\t47
4．1 案例：学院新闻详情页面\t47
4．2 知识准备\t48
4．2．1 初识CSS\t48
4．2．2 CSS发展历史\t48
4．2．3 引入CSS样式\t48
4．2．4 CSS基础选择器\t52
4．2．5 CSS常用文本属性\t57
4．2．6 CSS的高级特性\t62
4．3 案例实现\t63
4．3．1 创建新闻详情页面\t63
4．3．2 定义CSS样式\t64
本章小结\t\t65
实训4\t65
第5章
CSS3高级选择器\t66
5．1 案例：景点介绍页面\t66
5．2 知识准备\t66
5．2．1 属性选择器\t67
5．2．2 关系选择器\t68
5．2．3 结构化伪类选择器\t69
5．2．4 伪元素选择器\t74
5．3 案例实现\t75
本章小结\t\t78
实训5\t78
第6章
CSS3盒子模型\t79
6．1 案例：学院简介页面\t79
6．2 知识准备\t80
6．2．1 盒子模型的概念\t80
6．2．2 盒子模型的相关属性\t81
6．2．3 CSS设置背景\t90
6．2．4 元素的类型与转换\t98
6．2．5 块元素间的外边距\t100
6．3 案例实现\t101
6．3．1 制作页面结构\t101
6．3．2 添加CSS样式\t103
本章小结\t\t103
实训6\t104
第7章
列表与超链接\t105
7．1 案例：通知公告块与学院网站
导航条\t105
7．2 知识准备\t106
7．2．1 列表样式设置\t106
7．2．2 超链接样式设置\t108
7．3 案例实现\t109
7．3．1 制作通知公告块\t109
7．3．2 制作学院网站导航条\t112
本章小结\t\t113
实训7\t114
第8章
表格与表单\t115
8．1 表格案例：学生信息表\t115
8．2 表格相关知识\t116
8．2．1 表格标记\t116
8．2．2 合并单元格\t117
8．2．3 使用CSS设置表格样式\t118
8．3 表格案例实现\t120
8．3．1 学生信息表的页面结构\t120
8．3．2 添加CSS样式\t122
8．4 表单案例：用户注册表单\t122
8．5 表单相关知识\t123
8．5．1 认识表单\t123
8．5．2 表单标记\t123
8．5．3 表单控件\t124
8．5．4 使用CSS设置表单样式\t126
8．6 表单案例实现\t129
8．6．1 用户注册表单的页面结构\t129
8．6．2 添加CSS样式\t131
本章小结\t\t132
实训8\t132
第9章
HTML5+CSS3布局
网页\t134
9．1 案例：学院网站主页布局\t134
9．2 知识准备\t135
9．2．1 元素的浮动\t135
9．2．2 元素的定位\t140
9．2．3 元素的overflow属性\t145
9．2．4 HTML5+CSS3布局\t147
9．3 案例实现\t153
9．3．1 制作页面结构\t153
9．3．2 添加CSS样式\t154
本章小结\t\t157
实训9\t157
第 10章
CSS3动画\t159
10．1 过渡属性\t159
10．2 变形属性\t159
10．3 动画属性\t160
10．4 案例\t162
10．4．1 图片遮罩效果\t162
10．4．2 图片翻转效果\t163
10．4．3 照片墙效果\t164
10．4．4 魔方效果\t166
本章小结\t\t168
实训10\t168
第 11章
完整案例：学院网站设计与
制作\t170
11．1 信息学院网站描述\t170
11．2 网站规划\t171
11．3 效果图设计\t172
11．3．1 效果图设计原则\t172
11．3．2 效果图设计步骤\t173
11．3．3 效果图切片导出网页\t178
11．4 网站主页设计\t178
11．5 新闻列表页设计\t194
11．6 制作新闻详情页面\t200
11．7 制作视频宣传页面\t202
11．8 添加网站中的JavaScript
或jQuery脚本\t203
本章小结\t\t205
第 12章
完整案例：化妆品公司网站设计与制作\t206
12．1 化妆品公司网站描述\t206
12．2 网站规划\t208
12．2．1 网站需求分析\t208
12．2．2 网站的风格定位\t208
12．2．3 规划草图\t208
12．2．4 素材准备\t209
12．3 网站主页设计\t209
12．4 网站其他页设计\t223
本章小结\t\t223
参考文献\t224
Web前端开发概述\t1
1．1 认识Web前端开发\t1
1．2 Web相关概念\t1
1．3 HTML5概述\t3
1．4 常用的浏览器\t3
1．5 创建第 一个HTML5页面\t4
1．5．1 Dreamweaver工具简介\t4
1．5．2 案例：创建第 一个HTML5
网页\t4
本章小结\t\t6
实训1\t6
第 2章
HTML5基础\t8
2．1 案例：简单学院网站\t8
2．2 知识准备\t9
2．2．1 HTML5文档的基本结构\t9
2．2．2 HTML标记及其属性\t10
2．2．3 HTML文本标记\t11
2．2．4 HTML列表标记\t16
2．2．5 HTML超链接标记\t20
2．2．6 HTML图像标记\t23
2．3 案例实现\t25
2．3．1 创建站点\t25
2．3．2 创建首页\t27
2．3．3 创建学院简介页面\t28
2．3．4 创建学院新闻页面\t28
2．3．5 创建专业介绍页面\t29
本章小结\t\t30
实训2\t30
第3章
HTML5新增页面元素\t32
3．1 案例：旅游部落网页\t32
3．2 知识准备\t33
3．2．1 HTML5结构元素\t33
3．2．2 HTML5分组元素\t37
3．2．3 HTML5页面交互元素\t38
3．2．4 HTML5文本语义元素\t40
3．3 案例实现\t42
3．3．1 创建站点\t42
3．3．2 页面分析\t43
本章小结\t\t45
实训3\t45
第4章
CSS3基础\t47
4．1 案例：学院新闻详情页面\t47
4．2 知识准备\t48
4．2．1 初识CSS\t48
4．2．2 CSS发展历史\t48
4．2．3 引入CSS样式\t48
4．2．4 CSS基础选择器\t52
4．2．5 CSS常用文本属性\t57
4．2．6 CSS的高级特性\t62
4．3 案例实现\t63
4．3．1 创建新闻详情页面\t63
4．3．2 定义CSS样式\t64
本章小结\t\t65
实训4\t65
第5章
CSS3高级选择器\t66
5．1 案例：景点介绍页面\t66
5．2 知识准备\t66
5．2．1 属性选择器\t67
5．2．2 关系选择器\t68
5．2．3 结构化伪类选择器\t69
5．2．4 伪元素选择器\t74
5．3 案例实现\t75
本章小结\t\t78
实训5\t78
第6章
CSS3盒子模型\t79
6．1 案例：学院简介页面\t79
6．2 知识准备\t80
6．2．1 盒子模型的概念\t80
6．2．2 盒子模型的相关属性\t81
6．2．3 CSS设置背景\t90
6．2．4 元素的类型与转换\t98
6．2．5 块元素间的外边距\t100
6．3 案例实现\t101
6．3．1 制作页面结构\t101
6．3．2 添加CSS样式\t103
本章小结\t\t103
实训6\t104
第7章
列表与超链接\t105
7．1 案例：通知公告块与学院网站
导航条\t105
7．2 知识准备\t106
7．2．1 列表样式设置\t106
7．2．2 超链接样式设置\t108
7．3 案例实现\t109
7．3．1 制作通知公告块\t109
7．3．2 制作学院网站导航条\t112
本章小结\t\t113
实训7\t114
第8章
表格与表单\t115
8．1 表格案例：学生信息表\t115
8．2 表格相关知识\t116
8．2．1 表格标记\t116
8．2．2 合并单元格\t117
8．2．3 使用CSS设置表格样式\t118
8．3 表格案例实现\t120
8．3．1 学生信息表的页面结构\t120
8．3．2 添加CSS样式\t122
8．4 表单案例：用户注册表单\t122
8．5 表单相关知识\t123
8．5．1 认识表单\t123
8．5．2 表单标记\t123
8．5．3 表单控件\t124
8．5．4 使用CSS设置表单样式\t126
8．6 表单案例实现\t129
8．6．1 用户注册表单的页面结构\t129
8．6．2 添加CSS样式\t131
本章小结\t\t132
实训8\t132
第9章
HTML5+CSS3布局
网页\t134
9．1 案例：学院网站主页布局\t134
9．2 知识准备\t135
9．2．1 元素的浮动\t135
9．2．2 元素的定位\t140
9．2．3 元素的overflow属性\t145
9．2．4 HTML5+CSS3布局\t147
9．3 案例实现\t153
9．3．1 制作页面结构\t153
9．3．2 添加CSS样式\t154
本章小结\t\t157
实训9\t157
第 10章
CSS3动画\t159
10．1 过渡属性\t159
10．2 变形属性\t159
10．3 动画属性\t160
10．4 案例\t162
10．4．1 图片遮罩效果\t162
10．4．2 图片翻转效果\t163
10．4．3 照片墙效果\t164
10．4．4 魔方效果\t166
本章小结\t\t168
实训10\t168
第 11章
完整案例：学院网站设计与
制作\t170
11．1 信息学院网站描述\t170
11．2 网站规划\t171
11．3 效果图设计\t172
11．3．1 效果图设计原则\t172
11．3．2 效果图设计步骤\t173
11．3．3 效果图切片导出网页\t178
11．4 网站主页设计\t178
11．5 新闻列表页设计\t194
11．6 制作新闻详情页面\t200
11．7 制作视频宣传页面\t202
11．8 添加网站中的JavaScript
或jQuery脚本\t203
本章小结\t\t205
第 12章
完整案例：化妆品公司网站设计与制作\t206
12．1 化妆品公司网站描述\t206
12．2 网站规划\t208
12．2．1 网站需求分析\t208
12．2．2 网站的风格定位\t208
12．2．3 规划草图\t208
12．2．4 素材准备\t209
12．3 网站主页设计\t209
12．4 网站其他页设计\t223
本章小结\t\t223
参考文献\t224
猜您喜欢
