网页设计与制作案例教程(HTML5+CSS3+JavaScript)(微课版)(第2版)
定 价:59.8 元
- 作者:李志云 田 洁
- 出版时间:2024/1/1
- ISBN:9787115625694
- 出 版 社:人民邮电出版社
- 中图法分类:TP312.8
- 页码:264
- 纸张:
- 版次:02
- 开本:16开
本书共六大模块、26 个案例,以案例驱动组织学习内容,按照“应用为主,理论够用”的原则编写。前24 个案例为小案例,每个案例通过制作网页、网站或实现某种功能,介绍 HTML5、CSS3 和 JavaScript 基础知识。最后两个案例是综合案例,按照真实网站开发流程,学习小米商城网站和美丽山东网站的设计与制作。小米商城网站案例模仿真实的小米商城网站开发,将真实的小米商城网站适当简化处理,便于初学者学习。美丽山东网站案例充分运用 CSS3 的过渡、变形和动画等属性实现图片的移动、遮罩和翻转等动画效果,代码简洁、高效,页面表现力强。
1.项目贯穿、案例驱动
全书以完成网站项目组织学习,将网站实现的知识和技能分解到小案例中,在完成小案例的基础上,循序渐进,最终完成综合网站项目。
2.以岗定课、课岗直通
根据网页设计相关岗位需求,介绍最新主流的网页设计知识,摒弃过时、不需要的知识点,做到课堂所学与岗位需求无缝衔接。
3.产教融合、校企合作
本书是与山东树湾信息科技有限公司、国基北盛(南京)科技发展有限公司的Web前端开发工程师合作编写的。
李志云,工学硕士学位,副教授,研究方向为Web应用技术、数据库技术和高职教育研究;主持的“标准对接、项目引领、价值融入:《Web前端开发》教学内容和模式改革实践”获省级教学成果二等奖;山东省职业教育课程思政示范课程《Web前端开发》主持人;主编教材四部,其中两部获批“十四五”“十三五”职业教育国家规划教材,发表论文二十余篇。
目录CONTENTS
模块一 使用HTML5搭建网页
案例1 第一个HTML5网页 2
1.1 案例描述 2
1.2 案例实现 2
1.3 相关知识点 4
1.3.1 网页相关概念 4
1.3.2 常用的网页编辑软件 6
1.3.3 常用的浏览器 7
案例小结 7
习题与实训 7
扩展阅读 8
案例2 公司介绍网页 8
2.1 案例描述 9
2.2 案例实现 9
2.3 相关知识点 10
2.3.1 HTML5文档的基本结构 10
2.3.2 HTML标记及其属性 11
2.3.3 HTML文本标记 12
案例小结 15
习题与实训 15
案例3 新闻列表网页 17
3.1 案例描述 17
3.2 案例实现 17
3.3 相关知识点 18
3.3.1 无序列表 18
3.3.2 有序列表 19
3.3.3 列表嵌套 20
3.3.4 自定义列表 21
案例小结 23
习题与实训 23
案例4 简单公司网站 23
4.1 案例描述 24
4.2 案例实现 25
4.2.1 新建项目 25
4.2.2 创建网站首页 25
4.2.3 创建公司简介页面 26
4.2.4 创建所获荣誉页面 27
4.2.5 创建管理团队页面 27
4.3 相关知识点 29
4.3.1 HTML超链接标记 29
4.3.2 HTML图像标记 30
4.3.3 绝对路径和相对路径 33
案例小结 34
习题与实训 34
扩展阅读 35
模块二 使用CSS3美化网页
案例5 新闻详情网页 37
5.1 案例描述 37
5.2 案例实现 37
5.3 相关知识点 39
5.3.1 引入CSS样式 39
5.3.2 CSS常用文本属性 43
案例小结 47
习题与实训 47
案例6 百度搜索结果网页 49
6.1 案例描述 49
6.2 案例实现 49
6.3 相关知识点 51
6.3.1 CSS常用选择器 51
6.3.2 CSS的高级特性 55
案例小结 57
习题与实训 57
案例7 手机展示网页 58
7.1 案例描述 58
7.2 案例实现 59
7.3 相关知识点 60
7.3.1 盒子模型的概念 60
7.3.2 盒子模型的相关属性 62
案例小结 68
习题与实训 68
案例8 山东介绍网页 69
8.1 案例描述 69
8.2 案例实现 70
8.3 相关知识点 72
8.3.1 设置背景颜色及背景图像 72
8.3.2 设置不透明度 77
8.3.3 设置渐变效果 79
案例小结 80
习题与实训 80
扩展阅读 81
案例9 美丽风光网页 81
9.1 案例描述 81
9.2 案例实现 82
9.3 相关知识点 83
9.3.1 元素的类型 83
9.3.2 块元素间的外边距 84
9.3.3 元素的浮动 87
案例小结 91
习题与实训 91
案例10 笔记本电脑展示网页 91
10.1 案例描述 91
10.2 案例实现 92
10.3 相关知识点 95
10.3.1 元素的定位 95
10.3.2 定位类型 95
10.3.3 z-index属性 99
案例小结 99
习题与实训 99
案例11 公司新闻块 100
11.1 案例描述 101
11.2 案例实现 101
11.3 相关知识点 104
11.3.1 列表样式设置 104
11.3.2 超链接样式设置 105
案例小结 106
习题与实训 106
案例12 导航条 107
12.1 案例描述 107
12.2 案例实现 108
12.3 相关知识点 110
元素类型的转换 110
案例小结 112
习题与实训 112
模块三 创建表格和表单
案例13 手机型号表 114
13.1 案例描述 114
13.2 案例实现 114
13.3 相关知识点 117
13.3.1 表格标记 117
13.3.2 合并单元格 118
13.3.3 定义表格CSS样式 119
案例小结 122
习题与实训 122
案例14 登录表单 123
14.1 案例描述 123
14.2 案例实现 123
14.3 相关知识点 125
14.3.1 表单标记 125
14.3.2 控件 126
案例小结 129
习题与实训 129
案例15 调查问卷表单 131
15.1 案例描述 131
15.2 案例实现 131
15.3 相关知识点 135
15.3.1