新書推薦:

《
罗马史 随书附赠专有名词对照册 诺贝尔文学奖获奖巨著
》
售價:NT$
2030.0

《
索恩丛书·伊斯兰帝国:十五座城市定义一种文明
》
售價:NT$
658.0

《
现代日本简史 近现代日本发展之路的通俗历史读本 解析日本百年来的兴盛与阵痛
》
售價:NT$
449.0

《
墨菲定律受益一生的黄金法则和人生定律心理学基础入门
》
售價:NT$
250.0

《
企业国家:一部日本经济史
》
售價:NT$
653.0

《
汉简《苍颉篇》研究
》
售價:NT$
653.0

《
抑郁症(精装全彩版)牛津科普系列:拨开抑郁症的迷雾,探索情绪背后的深层真相
》
售價:NT$
449.0

《
天才的盛会:文艺复兴艺术三百年
》
售價:NT$
500.0
|
編輯推薦: |
1.行业性
本书主编及参编既有具有多年网站设计赛项带队指导以及Web前端开发相关课程教学经验的资深校内教师,对行业需求有专门的调查研究,又有具有多年企业工作经验的技术专家,共同打造本书,以保证本书内容紧贴行业需求,满足师生需要。
2.1 X等立体化数字资源丰富
本书主编及参编近年来一直负责推进学校Web前端开发1 X职业技能等级证书的考核工作,积累了丰富的经验以及数字化资源,并且本书已经获批码农计划支持,配套视频会十分完善。
3.课程思政贯穿始终
本书选用传统文化、党史学习、乡村振兴等等具有积极向上的正能量引导的项目案例,解决当前教师备课的一大难题。
|
內容簡介: |
本书较为全面地介绍Web前端开发中常用到的HTML及CSS知识,同时对HTML5及CSS3的一些新变化进行讲解。全书共10个项目,主要内容有Web前端职业前景与开发初体验、制作5G新时代科学知识页面、制作背包客旅行网站注册和登录页面、开发今日影评网站页面、美化传统文化网、优化国学文化网、开发响应式音乐播放页面、制作游乐场摩天轮动画效果页面、开发果果鲜水果电商PC端网站、开发果果鲜水果电商移动端网站等。每个项目均提供了若干“1 X”职业技能等级考核理论及实操题,帮助读者巩固所学知识、提升职业技能。
本书可以作为高等院校计算机相关专业网页设计与制作课程的教材,也可以作为Web前端开发培训班的教材,还适合网页制作爱好者自学使用。
|
關於作者: |
卞孝丽,郑州财税金融职业学院信息技术学院卞孝丽,郑州财税金融职业学院信息技术学院卞孝丽,郑州财税金融职业学院信息技术学院卞孝丽,郑州财税金融职业学院信息技术学院
|
目錄:
|
项目1 Web前端职业前景与开发初
体验 1
任务1.1 认识Web前端开发工程师 1
【任务目标】 1
【导学知识】 2
1.1.1 Web前端开发岗位 2
1.1.2 Web前端开发的发展方向 2
【任务实现】 3
任务1.2 熟悉Web前端开发相关
技术 4
【任务目标】 4
【导学知识】 5
1.2.1 Web前端开发的入门技术 5
1.2.2 相关专业术语 6
1.2.3 Web前端开发工具简介 7
1.2.4 HBuilder X 9
【任务实现】 12
任务1.3 熟悉Web前端开发工作
流程 12
【任务目标】 12
【导学知识】 13
1.3.1 Web前端开发工作流程 13
1.3.2 Web前端开发岗位分工 13
1.3.3 Web前端项目目录结构 13
【任务实现】 15
任务1.4 初识HTML5页面 16
【任务目标】 16
【导学知识】 16
1.4.1 项目目录及文件 16
1.4.2 HTML网页标签结构分析 16
【任务实现】 17
【任务拓展】 19
项目2 制作5G新时代科学知识页面 24
任务2.1 规划页面的布局 24
【任务目标】 24
【导学知识】 25
2.1.1 传统的布局标签 25
2.1.2 HTML5新增语义化标签 25
【任务实现】 26
任务2.2 构建网页的内容 27
【任务目标】 27
【导学知识】 28
2.2.1 文本控制标记 28
2.2.2 图像和超链接 30
2.2.3 表格和列表 32
【任务实现】 35
任务2.3 美化网页的样式 36
【任务目标】 36
【导学知识】 36
2.3.1 使用CSS的方式 36
2.3.2 CSS选择器 38
2.3.3 文本格式化 40
【任务实现】 44
项目3 制作背包客旅行网站注册和登录
页面 50
任务3.1 创建背包客旅行网站注册和
登录页面 50
【任务目标】 50
【导学知识】 51
3.1.1 初识表单 51
3.1.2 创建表单 51
3.1.3 构建表单控件 53
【任务实现】 57
任务3.2 美化背包客旅行网站注册和登录页面 60
【任务目标】 60
【导学知识】 61
3.2.1 定义页面布局和基础样式 61
3.2.2 使用CSS控制表单样式 61
【任务实现】 61
项目4 开发今日影评网站页面 69
任务4.1 制作今日影评网站剧情简介
页面 69
【任务目标】 69
【导学知识】 70
4.1.1 应用CSS样式规则 70
4.1.2 引入CSS 71
4.1.3 CSS中的特殊选择器 72
【任务实现】 73
任务4.2 使用CSS控制元素样式 77
【任务目标】 77
【导学知识】 77
4.2.1 CSS图像 77
4.2.2 CSS链接 78
4.2.3 CSS表格 78
4.2.4 CSS列表 78
4.2.5 CSS表单 79
【任务实现】 79
任务4.3 使用CSS高级设置 85
【任务目标】 85
【导学知识】 85
4.3.1 CSS组合选择器 85
4.3.2 CSS的特征 86
4.3.3 CSS优先级 87
4.3.4 CSS排错 88
【任务实现】 88
项目5 美化传统文化网 98
任务5.1 制作图片展及图片边框 98
【任务目标】 98
【导学知识】 99
5.1.1 认识盒子模型 99
5.1.2 盒子的外边距与内边距 99
5.1.3 盒子的宽度与高度 101
5.1.4 盒子边框属性 103
5.1.5 轮廓属性 104
5.1.6 盒子阴影属性 104
5.1.7 CSS3新增盒子模型属性 105
【任务实现】 109
【任务拓展】 112
任务5.2 添加创意渐变色与多重图像
背景 113
【任务目标】 113
【导学知识】 113
5.2.1 背景颜色 113
5.2.2 背景图像 114
5.2.3 CSS3新增渐变 117
【任务实现】 119
【任务拓展】 121
项目6 优化国学文化网 127
任务6.1 转换元素类型 127
【任务目标】 127
【导学知识】 128
6.1.1 认识元素类型 128
6.1.2 转换元素类型 128
6.1.3 对象的显示与隐藏 129
【任务实现】 129
任务6.2 处理元素的溢出问题 130
【任务目标】 130
【导学知识】 130
6.2.1 认识溢出 130
【任务实现】 131
任务6.3 改变元素的排列方式 132
【任务目标】 132
【导学知识】 133
6.3.1 认识浮动 133
6.3.2 清除浮动 134
6.3.3 父级塌陷 134
【任务实现】 137
【任务拓展】 141
任务6.4 重定义元素间位置关系 142
【任务目标】 142
【导学知识】 142
6.4.1 认识定位 142
6.4.2 认识偏移 143
6.4.3 定位案例 143
【任务实现】 147
【任务拓展】 149
任务6.5 调整元素的层叠顺序 150
【任务目标】 150
【导学知识】 150
6.5.1 认识层叠 150
【任务实现】 151
项目7 开发响应式音乐播放页面 156
任务7.1 设计响应式页面 156
【任务目标】 156
【导学知识】 157
7.1.1 响应式布局简介 157
7.1.2 响应式页面设计 157
【任务实现】 161
【任务拓展】 165
任务7.2 设计响应式音乐播放
界面 169
【任务目标】 169
【导学知识】 170
7.2.1 音频/视频嵌入技术概述 170
7.2.2 在HTML5中嵌入音频 170
7.2.3 在HTML5中嵌入视频 172
【任务实现】 174
【任务拓展】 181
项目8 制作游乐场摩天轮动画效果
页面 185
任务8.1 创建网页导航条 185
【任务目标】 185
【导学知识】 186
8.1.1 认识transform属性 186
8.1.2 二维变形 186
8.1.3 三维变形 191
【任务实现】 199
任务8.2 设计爱心照片墙 202
【任务目标】 202
【导学知识】 203
8.2.1 过渡简介 203
8.2.2 过渡属性的使用 203
【任务实现】 205
【任务拓展】 209
任务8.3 制作游乐场摩天轮动画
效果 210
【任务目标】 210
【导学知识】 210
8.3.1 animation动画 210
8.3.2 @keyframes规则 211
8.3.3 animation属性 212
【任务实现】 214
项目9 开发果果鲜水果电商PC端
网站 222
任务9.1 创建网站项目目录 223
【任务目标】 223
【导学知识】 223
9.1.1 分析网站项目目录结构 223
9.1.2 搭建网站项目目录结构 223
9.1.3 网页基本代码结构 224
【任务实现】 224
任务9.2 开发网站 229
【任务目标】 229
【导学知识】 229
9.2.1 网站常见模块分析 229
9.2.2 版心 229
【任务实现】 230
任务9.3 使用字体图标美化
网站 248
【任务目标】 248
【导学知识】 248
9.3.1 字体图标概述 248
9.3.2 iconfont字体图标库的下载 249
【任务实现】 249
任务9.4 开发网站动效交互 252
【任务目标】 252
【导学知识】 252
9.4.1 JavaScript概述 253
9.4.2 引入外部JavaScript代码 253
9.4.3 在
|
|