本书围绕着Web前端设计, 先介绍了HTML5、CC3以及Dreamweaver的基础知识, 再围绕了着基础应用开发, 讲解了页面排版与美化、浮动、定位、列表、表单、主流CSS3技术、HTML5绘图等技术, 再用3个章节, 分别讲解PC端页面、移动端页面和Web App的开发, 最后配以综合实训指导章节。

     本书摒弃了落伍的Dreamweaver和DIV的内容，把重点放在HTML5和CSS3上，采用章节式的传统写法，前7章注重讲知识点，后3章，针对PC端页面、移动端页面和Web App分别讲解如何开发。每章配有实践环节，帮助学生掌握知识点。全书定位在基础入门、简单易学、篇幅较薄。

     吴丰，黄河水利职业技术学院优秀青年教师，曾编写过多部教材书籍。1）网页设计与制作（Dreamweaver CS6+HTML5+CSS3版），独著，ISBN编号: 9787302403845，清华大学出版社，2015年12月出版。 2）Dreamweaver CS5网页设计与制作(DIV+CSS版)，主编，ISBN: 9787302286172，清华大学出版社，2012年7月出版。

第1章　Web前端职业前景与重要
理念　1
1．1　了解Web前端工程师　2
1．1．1　HTML5前端开发的前景与必要
认知　2
1．1．2　认识网页的构成元素　4
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章　HTML 5页面的构建与简单
控制　15
2．1　Dreamweaver的工作环境
概述　16
2．1．1　界面介绍　16
2．1．2　常用工具栏和面板　17
2．2　创建和管理站点　20
2．2．1　创建站点　20
2．2．2　“文件”面板的使用方法　21
2．2．3　管理站点　23
2．3　HTML5入门　23
2．3．1　使用Dreamweaver构建“H5标准
页面”　23
2．3．2　DOCTYPE文档类型与基本结构
元素　25
2．3．3　HTML5常见元素　27
2．3．4　HTML5新增结构元素　35
2．4　课堂动手实践　36


第3章　CSS3基础入门　38
3．1　CSS3的基础知识　39
3．1．1　CSS介绍　39
3．1．2　CSS的语法与注释　40
3．1．3　CSS的引入方式　41
3．2　盒模型　45
3．2．1　盒模型的基本概念　45
3．2．2　计算盒模型中的宽与高　48
3．3　CSS3初级选择器　49
3．3．1　通配符选择器　49
3．3．2　类型选择器　51
3．3．3　类选择器　51
3．3．4　ID选择器　53
3．3．5　后代选择器　54
3．3．6　群组选择器　55
3．4　CSS3高级选择器　56
3．4．1　子元素选择器和相邻兄弟
选择器　56
3．4．2　属性选择器　57
3．4．3　关于优先级　59
3．5　使用CSS3基础知识完成页面简
易美化——404页面的制作　60
3．6　课堂动手实践　63


第4章　实现Web前端排版的基本
美化　64
4．1　控制文本　65
4．1．1　CSS中字体属性与文本属性介绍　66
4．1．2　Web Font与@font-face　70
4．1．3　文本的首行缩进、行高和阴影　73
4．1．4　文本溢出处理　75
4．2　控制超链接　76
4．2．1　文本链接、邮件链接与锚链接　76
4．2．2　CSS伪类与超链接　78
4．3　控制图像和颜色　80
4．3．1　CSS中控制图像和颜色的基本
属性　80
4．3．2　仿“凤凰网”的图文混排　84
4．4　课堂动手实践　89


第5章　浮动、定位与列表　91
5．1　浮动与清除浮动　92
5．1．1　浮动　92
5．1．2　清除浮动的3种方法　94
5．2　CSS定位　96
5．2．1　静态定位和固定定位　97
5．2．2　相对定位和绝对定位　99
5．2．3　相对于某一容器的绝对定位　102
5．3　列表　103
5．3．1　有关列表的CSS样式　103
5．3．2　仿“天猫”首页的纵向导航　104
5．3．3　仿“凤凰网”首页的横向导航　108
5．4　仿“天猫电器城（手机馆）”
的图文信息列表　110
5．5　课堂动手实践　115


第6章　HTML 5增强型表单与简易
表格　116
6．1　表单的创建与编辑　117
6．1．1　表单的基本知识　117
6．1．2　常见的表单对象　119
6．2　CSS控制表单　125
6．2．1　搜索栏　125
6．2．2　用户登录页面　127
6．2．3　传统按钮、CSS3按钮与开源样式库
按钮　131
6．3　表格　134
6．3．1　表格的基本概念及其简易操作　134
6．3．2　细线表格　137
6．3．3　隔行换色表格　139
6．4　课堂动手实践　141


第7章　CSS3与HTML5的高级
应用　142
7．1　CSS Sprite技术　143
7．1．1　CSS Sprite技术分解　143
7．1．2　CSS Sprite技术的应用　144
7．2　CSS3渐变　147
7．3　CSS3动画　149
7．3．1　变形——transform属性　149
7．3．2　过渡——transition属性　151
7．3．3　CSS3动画的应用——
“幽灵按钮”　152
7．4　CSS3选项卡　156
7．5　HTML5 Canvas　160
7．5．1　创建画布并绘制简单图形　160
7．5．2　Canvas坐标、线条与圆　161
7．6　课堂动手实践　163


第8章　PC端典型页面的设计与
实现　164
8．1　Photoshop在Web前端的
常见操作　165
8．1．1　基础操作　165
8．1．2　切片并输出　167
8．2　页面布局规划与实现　168
8．2．1　首页的实现　168
8．2．2　列表页的实现　176
8．2．3　内容页的实现　180
8．3　课堂动手实践　182
第9章　多设备响应式页面的
实现　183
9．1　响应式页面开发　184
9．1．1　了解“响应式Web设计”　184
9．1．2　viewport网页可视区域　185
9．1．3　媒体查询详解　187
9．2　“响应式”页面的设计与实现　191
9．2．1　页面分析　191
9．2．2　详细实施过程　193
9．3　“响应式”框架介绍　199
9．4　课堂动手实践　199


第10章　Web App类页面的设计
与实现　201
10．1　Web App开发基础知识　202


10．1．1　开发模式概述　202
10．1．2　手机屏幕基本知识　203
10．2　Bootstrap框架和Swiper
插件　204
10．2．1　Bootstrap框架　204
10．2．2　Swiper插件　206
10．3　“宇泽鲜风商城”Web App
页面分析与环境准备　208
10．3．1　页面分析　208
10．3．2　环境准备　209
10．4　页面实现的详细过程　210
10．4．1　首页的实现　210
10．4．2　列表页的实现　217
10．4．3　详细内容页的实现　221
10．5　课堂动手实践　224