新書推薦:
《
养育男孩:官方升级版
》
售價:NT$
230.0
《
小原流花道技法教程
》
售價:NT$
500.0
《
少女映像室 唯美人像摄影从入门到实战
》
售價:NT$
505.0
《
詹姆斯·伍德系列:不负责任的自我:论笑与小说(“美国图书评论奖”入围作品 当代重要文学批评家詹姆斯·伍德对“文学中的笑与喜剧”的精湛研究)
》
售價:NT$
398.0
《
武当内家散手
》
售價:NT$
230.0
《
诛吕:“诸吕之乱”的真相与吕太后时期的权力结构
》
售價:NT$
454.0
《
炙野(全2册)
》
售價:NT$
356.0
《
女人的胜利
》
售價:NT$
254.0
|
編輯推薦: |
1.项目贯穿、案例驱动
全书以完成网站项目组织学习,将网站实现的知识和技能分解到小案例中,在完成小案例的基础上,循序渐进,最终完成综合网站项目。
2.以岗定课、课岗直通
根据网页设计相关岗位需求,介绍最新主流的网页设计知识,摒弃过时、不需要的知识点,做到课堂所学与岗位需求无缝衔接。
3.产教融合、校企合作
本书是与山东树湾信息科技有限公司、国基北盛(南京)科技发展有限公司的Web前端开发工程师合作编写的。
|
內容簡介: |
本书共六大模块、26 个案例,以案例驱动组织学习内容,按照“应用为主,理论够用”的原则编写。前24 个案例为小案例,每个案例通过制作网页、网站或实现某种功能,介绍 HTML5、CSS3 和 JavaScript 基础知识。最后两个案例是综合案例,按照真实网站开发流程,学习小米商城网站和美丽山东网站的设计与制作。小米商城网站案例模仿真实的小米商城网站开发,将真实的小米商城网站适当简化处理,便于初学者学习。美丽山东网站案例充分运用 CSS3 的过渡、变形和动画等属性实现图片的移动、遮罩和翻转等动画效果,代码简洁、高效,页面表现力强。
|
關於作者: |
李志云,工学硕士学位,副教授,研究方向为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
控件 135
15.3.2
控件 137案例小结 138习题与实训 138模块四 使用CSS3实现动画效果案例16 图片遮罩效果 14016.1 案例描述 14016.2 案例实现 14016.3 相关知识点 14216.3.1 过渡属性 14216.3.2 遮罩动画原理 146案例小结 146习题与实训 146案例17 图片变形效果 14717.1 案例描述 14717.2 案例实现 14817.3 相关知识点 151案例小结 155习题与实训 155案例18 图片翻转效果 15518.1 案例描述 15618.2 案例实现 15618.3 相关知识点 15818.3.1 翻转动画原理 15818.3.2 3D变形 159案例小结 163习题与实训 163案例19 魔方动画效果 16419.1 案例描述 16419.2 案例实现 16419.3 相关知识点 16619.3.1 @keyframes—定义动画的关键帧 16619.3.2 设置动画属性 167案例小结 170习题与实训 170模块五 使用JavaScript添加动态效果案例20 输出信息 17320.1 案例描述 17320.2 案例实现 17320.3 相关知识点 17420.3.1 JavaScript的常见应用 17420.3.2 JavaScript的语法规则 17520.3.3 JavaScript的引入方式 17520.3.4 输入 输出方法 177案例小结 178习题与实训 178案例21 表单验证 17921.1 案例描述 17921.2 案例实现 18021.3 相关知识点 18321.3.1 变量 18321.3.2 数据类型 18421.3.3 运算符 18521.3.4 函数 18621.3.5 DOM简介 187案例小结 188习题与实训 188案例22 简单计算器 18922.1 案例描述 18922.2 案例实现 19022.3 相关知识点 19222.3.1 分支语句 19222.3.2 数据类型转换 19522.3.3 事件与事件调用 197案例小结 198习题与实训 199案例23 限时促销 20023.1 案例描述 20023.2 案例实现 20123.3 相关知识点 20423.3.1 面向对象简介 20423.3.2 Date对象 20523.3.3 BOM简介 207案例小结 209习题与实训 210案例24 轮播图 21124.1 案例描述 21124.2 案例实现 21124.3 相关知识点 21424.3.1 设置元素样式 21424.3.2 获取元素尺寸和位置 215案例小结 217习题与实训 217模块六 综合案例案例25 小米商城网站 21925.1 案例描述 21925.2 前期工作 22025.3 制作网站主页 22125.4 制作网站登录页 24325.5 制作网站注册页 243案例小结 243案例26 美丽山东网站 24326.1 案例描述 24326.2 网站规划 24526.3 制作网站主页 24826.4 制作初识山东页面 26426.5 制作景点详情页 264案例小结 264
|
|