HTML5+CSS3 Web前端设计基础教程(第2版)(微课版)

前端开发 Web开发 Web程序设计
分享 推荐 0 收藏 6 阅读 837
吴丰 (作者)

关于本书的内容有任何问题,请联系 范博涛

1.好书再版;
2.配套丰富的教学资源,教学视频、PPT、源代码、教学大纲、教学设计、课后习题及答案、拓展学习案例等。
3.新版增加Bootstrap内容,为下一步学习奠定基础。

内容摘要

本书依据Web前端开发工程师所需的岗位技能,结合“1+X”Web前端开发职业技能标准(初级、中级),对知识点重新萃取凝练,同时考虑读者的认知规律,由浅入深地讲解HTML5与CSS3的相关知识。 本书共分11章,内容包括Web前端职业前景与重要理念、HTML5页面的构建与简单控制,CSS 3基础入门,实现Web前端排版的基本美化,浮动、定位与列表,HTML 5增强型表单与简易表格,CSS3与HTML5的高级应用,PC端典型页面的设计与实现,多设备响应式页面的实现,使用Bootstrap框架创建页面,Web App类页面的设计与实现。 本书配套教学视频、源代码、PPT课件、课时授课计划和学期授课计划,为教师高效备课提供帮助。 本书可作为高等教育本、专科院校计算机相关专业的教材,也可作为自学参考书。

目录

第1章 Web前端职业前景与重要理念 1
1.1 了解Web前端工程师 2
1.1.1 HTML5前端开发的前景与必要认知 2
1.1.2 认识网页的构成元素 5
1.1.3 了解专业术语 6
1.2 重要理念——表现和结构相分离 7
1.2.1 体验“表现和结构相分离” 7
1.2.2 认识Web标准 8
1.3 Web前端开发基本流程 10
1.3.1 开发流程 10
1.3.2 常用开发软件介绍 12
1.4 使用记事本创建HTML5页面 13
1.5 课堂动手实践 14
第2章 HTML5页面的构建与简单控制 16
2.1 Dreamweaver的工作环境概述 17
2.1.1 界面介绍 17
2.1.2 常用工具栏和面板 18
2.2 创建和管理站点 20
2.2.1 创建站点 21
2.2.2 “文件”面板的使用方法 21
2.2.3 管理站点 23
2.3 HTML5入门 24
2.3.1 使用Dreamweaver构建“H5标准页面” 24
2.3.2 DOCTYPE文档类型与基本结构元素 25
2.3.3 HTML5常见元素 28
2.3.4 HTML5新增结构元素 37
2.4 课堂动手实践 38
第3章 CSS3基础入门 39
3.1 CSS3的基础知识 40
3.1.1 CSS介绍 40
3.1.2 CSS的语法与注释 41
3.1.3 CSS的引入方式 42
3.2 盒模型 46
3.2.1 盒模型的基本概念 47
3.2.2 计算盒模型中的宽与高 49
3.3 CSS3初级选择器 50
3.3.1 通配符选择器 50
3.3.2 类型选择器 52
3.3.3 类选择器 53
3.3.4 ID选择器 54
3.3.5 后代选择器 55
3.3.6 群组选择器 56
3.4 CSS3高级选择器 57
3.4.1 子元素选择器和相邻兄弟选择器 57
3.4.2 属性选择器 59
3.4.3 关于优先级 60
3.5 使用CSS3基础知识完成页面简易美化——404页面的制作 61
3.6 课堂动手实践 64
第4章 实现Web前端排版的基本美化 66
4.1 控制文本 67
4.1.1 CSS中字体属性与文本属性介绍 68
4.1.2 Web Font与@font-face 72
4.1.3 文本的首行缩进、行高和阴影 75
4.1.4 文本溢出处理 77
4.2 控制超链接 78
4.2.1 文本链接、邮件链接与锚链接 78
4.2.2 CSS伪类与超链接 80
4.3 控制图像和颜色 82
4.3.1 CSS中控制图像和颜色的基本属性 82
4.3.2 图文混排 86
4.4 课堂动手实践 91
第5章 浮动、定位与列表 93
5.1 浮动与清除浮动 94
5.1.1 浮动 94
5.1.2 清除浮动的3种方法 96
5.2 CSS定位 98
5.2.1 静态定位和固定定位 99
5.2.2 相对定位和绝对定位 101
5.2.3 相对于某一容器的绝对定位 104
5.3 列表 105
5.3.1 有关列表的CSS样式 105
5.3.2 纵向导航 106
5.3.3 横向导航 111
5.4 图文信息列表 113
5.5 课堂动手实践 118
第6章 HTML5增强型表单与简易表格 119
6.1 表单的创建与编辑 120
6.1.1 表单的基本知识 120
6.1.2 常见的表单对象 121
6.2 CSS控制表单 128
6.2.1 搜索栏 128
6.2.2 用户登录页面 130
6.2.3 传统按钮、CSS3按钮与开源样式库按钮 134
6.3 表格 137
6.3.1 表格的基本概念及其简易操作 137
6.3.2 细线表格 140
6.3.3 隔行换色表格 142
6.4 课堂动手实践 144
第7章 CSS3与HTML5的高级应用 146
7.1 CSS Sprite技术 147
7.1.1 CSS Sprite技术分解 147
7.1.2 CSS Sprite技术的应用 148
7.2 CSS3渐变 151
7.3 CSS3动画 153
7.3.1 变形——transform属性 153
7.3.2 过渡——transition属性 155
7.3.3 CSS3动画的应用——“幽灵按钮” 156
7.4 CSS3选项卡 160
7.5 HTML5 Canvas 164
7.5.1 创建画布并绘制简单图形 164
7.5.2 Canvas坐标、线条与圆 165
7.6 课堂动手实践 167
第8章 PC端典型页面的设计与实现 168
8.1 Photoshop在Web前端的常见操作 169
8.1.1 基础操作 169
8.1.2 切片并输出 171
8.2 页面布局规划与实现 172
8.2.1 首页的实现 173
8.2.2 列表页的实现 180
8.2.3 内容页的实现 184
8.3 课堂动手实践 186
第9章 多设备响应式页面的实现 187
9.1 响应式页面开发 188
9.1.1 了解“响应式Web设计” 188
9.1.2 viewport网页可视区域 189
9.1.3 媒体查询详解 191
9.2 “响应式”页面的设计与实现 195
9.2.1 页面分析 195
9.2.2 详细实施过程 197
9.3 “响应式”框架介绍 203
9.4 课堂动手实践 203
第10章 使用Bootstrap框架创建页面 205
10.1 Bootstrap框架 206
10.1.1 Bootstrap的环境配置 206
10.1.2 Bootstrap栅格系统 207
10.1.3 Bootstrap表格 211
10.1.4 Bootstrap表单 212
10.1.5 Bootstrap图片 213
10.1.6 Bootstrap导航栏 214
10.2 使用Bootstrap框架搭建简单页面 216
10.2.1 页面结构分析 217
10.2.2 页面搭建过程 218
10.3 课堂动手实践 220
第11章 Web App类页面的设计与实现 221
11.1 Web App开发基础知识 222
11.1.1 开发模式概述 222
11.1.2 手机屏幕基本知识 223
11.2 Swiper插件 224
11.3 Web App页面分析与环境准备 226
11.3.1 页面分析 226
11.3.2 环境准备 227
11.4 页面实现的详细过程 228
11.4.1 首页的实现 228
11.4.2 列表页的实现 236
11.4.3 详细内容页的实现 240
11.5 课堂动手实践 242

读者评论

赶紧抢沙发哦!

我要评论

作者介绍

吴丰,黄河水利职业技术学院优秀青年教师,副教授,曾出版多部相关教材,长期奋战在前端技术教学一线,有丰富的教学经验。

相关图书

联系客服
联系客服
人邮微信
人邮微信
微信二维码
返回顶部
返回顶部