网志栈编辑推荐
《HTML5 CSS3 网页设计与布局经典课堂》既注重单个软件的实操应用，又注重多个软件的协同办公，以“理论知识 实际应用 案例展示”为创作思路，向读者全面阐述了各软件在设计领域中的强大功能。在讲解过程中，结合各领域的实际应用，对相关的行业知识进行了深度剖析，以辅助读者完成各种类型的设计工作。 ；
内容简介
《HTML5 CSS3 网页设计与布局经典课堂》以HTML 和CSS 为写作基础，以“理论知识＋实操案例”为创作导向，围绕网页设计的基本知识展开讲解。书中的每个案例都给出了详细的实现代码，同时还对代码中的关键点和效果实现进行了描述。 《HTML5 CSS3 网页设计与布局经典课堂》共12 章，分别对canvas 绘图基础、HTML5 表单元素、HTML5 表单制作、HTML5 多媒体应用、地理位置的获取、离线储存和拖放、CSS3 中的选择器、CSS3 的颜色和图形的应用、CSS3 中的动画及用户交互界面设计进行了详细的我阐述。本书结构清晰，思路明确，内容丰富，语言简练，既有鲜明的基础性，也有很强的实用性。 《HTML5 CSS3 网页设计与布局经典课堂》既可作为大中专院校及高等院校相关专业的教学用书，又可作为网页设计爱好者的学习用书。同时，也可以作为社会各类网页设计及Web 前端开发培训班的*教材。
作者简介
暂无
目录
目录
Chapter / 01
HTML5 轻松上手
1.1 HTML5 新增知识 ； ； ； ； ； ； ； 2
1.1.1 HTML5 的兼容性 ； ； ； ； ； ； ； ； 2
1.1.2 HTML5 的通用访问 ； ； ； ； ； ； ； 2
1.1.3 HTML5 标准改进 ； ； ； ； ； ； ； ； 2
1.2 HTML5 语法 ； ； ； ； ； ； ； 3
1.2.1 文档类型声明 ； ； ； ； ； ； ； ； 3
1.2.2 字符编码 ； ； ； ； ； ； ； ； 4
1.2.3 省略引号 ； ； ； ； ； ； ； ； 4
1.3 HTML5 元素分类 ； ； ； ； ； ； ； 4
1.3.1 结构性元素 ； ； ； ； ； ； ； ； ； 4
1.3.2 级块性元素 ； ； ； ； ； ； ； ； ； 5
1.3.3 行内语义性元素 ； ； ； ； ； ； ； 5
1.3.4 交互性元素 ； ； ； ； ； ； 5
1.4 HTML5 新增主体结构元素 6
1.4.1 article 元素 6
1.4.2 section 元素 7
1.4.3 nav 元素 8
1.4.4 aside 元素 9
1.4.5 pubdate 属性 10
1.5 HTML5 新的非主体结构元素 12
1.5.1 header 元素 12
1.5.2 hgroup 元素 13
1.5.3 footer 元素 14
1.5.4 address 元素 16
1.6 新增的属性 17
1.6.1 表单相关属性 17
1.6.2 其他相关属性 17
1.7 课堂练习 18
强化训练 20
Chapter / 02
使用canvas 绘图
2.1 canvas 入门 22
2.1.1 什么是canvas 22
2.1.2 浏览器对canvas 的支持情况 23
2.1.3 CSS 和canvas 24
2.1.4 canvas 坐标 24
2.2 怎样使用canvas 24
2.2.1 在页面中加入canvas 25
2.2.2 绘制矩形和三角形 27
2.3 canvas 绘制曲线路径 30
2.3.1 路径 30
2.3.2 描边样式 32
2.3.3 填充样式 34
2.3.4 绘制曲线 35
2.4 canvas 绘制图像 38
2.4.1 插入图像 38
2.4.2 绘制渐变图形 39
2.4.3 绘制变形图形 42
2.4.4 组合多个图形 44
2.4.5 图形的缩放 46
2.4.6 像素处理 47
2.5 canvas 文本应用 48
2.5.1 绘制文本 48
2.5.2 应用阴影 49
2.6 课堂练习 50
强化训练 52
Chapter / 03
制作新型表单
3.1 认识HTML5 form 54
3.1.1 HTML5 form 新特性 54
3.1.2 浏览器对HTML5 form 的支持情况 54
3.1.3 新型表单的输入型控件 55
3.2 表单新属性 58
3.2.1 新的表单元素 58
3.2.2 新增表单属性 60
3.3 HTML5 中form 应用 64
3.4 课堂练习 66
强化训练 68
Chapter / 04
多媒体的应用
4.1 认识audio 和video 元素 70
4.2 audio 和video 元素的应用 70
4.2.1 检测浏览器是否支持 70
4.2.2 audio 元素 71
4.2.3 使用audio 元素 72
4.2.4 video 元素 73
4.2.5 使用video 元素 74
4.3 audio 和video 属性、方法和事件 75
4.3.1 audio 和video 相关事件 75
4.3.2 audio 和video 相关属性 76
4.3.3 audio 和video 相关方法 76
4.4 课堂练习 77
强化训练 78
Chapter / 05
获取地理位置
5.1 关于地理位置信息 80
5.1.1 经度和纬度坐标 80
5.1.2 IP 地址定位数据 80
5.1.3 GPS 地理定位数据 80
5.1.4 wi-fi 地理定位数据 81
5.1.5 用户自定义的地理定位 81
5.2 浏览器对Geolocation 的支持 81
5.2.1 GeolocationAPI 必学知识 81
5.2.2 Geolocation 的浏览器支持情况 84
5.3 隐私处理 84
5.3.1 应用隐私保护机制 84
5.3.2 处理位置信息 85
5.4 使用GeolocationAPI 85
5.4.1 检测浏览器是否支持 85
5.4.2 位置请求 86
5.5 在地图上显示你的位置 89
5.6 课堂练习 92
强化训练 94 Contents
Chapter / 06
本地储存和上传
6.1 离线Web 入门 96
6.1.1 离线Web 介绍 96
6.1.2 离线Web 应用的浏览器支持情况 96
6.2 使用离线Web 96
6.2.1 支持离线行为 97
6.2.2 manifest 文件介绍 98
6.2.3 applicationCache 对象 99
6.2.4 离线Web 的具体应用 101
6.3 Web Workers 知识 102
6.3.1 什么是Web Workers 102
6.3.2 W eb Workers 的简单应用 103
6.4 使用Web Workers API 105
6.4.1 检测浏览器是否支持 105
6.4.2 创建Web Workers 106
6.4.3 多线程文件的加载与执行 106
6.4.4 与Web Workers 通信 106
6.5 拖放API 108
6.5.1 实现拖放API 的过程 108
6.5.2 datatransfer 对象的属性与方法 108
6.6 拖放API 的应用 109
6.6.1 拖放应用 109
6.6.2 拖放列表 111
6.7 课堂练习 114
强化训练 117
Chapter / 07
新增的选择器
7.1 回顾CSS 120
7.1.1 什么是CSS 120
7.1.2 CSS 特点及优点 120
7.1.3 CSS 的基本语法 120
7.2 CSS 选择器 121
7.2.1 三大基础选择器 121
7.2.2 集体选择器 124
7.2.3 属性选择器 126
7.3 CSS3 基础知识 127
7.3.1 CSS3 浏览器的支持情况 127
7.3.2 CSS3 新增的长度单位 128
7.3.3 CSS3 新增结构性伪类 129
7.3.4 CSS3 新增UI 元素状态伪类 135
7.3.5 CSS3 新增属性 137
7.4 课堂练习 141
强化训练 143
Chapter / 08
CSS3 文本与颜色
8.1 设计文本和边框样式 146
8.1.1 文本阴影text-shadow 146
8.1.2 文本溢出text-overflow 155
8.1.3 文本换行word-wrap 156
8.1.4 单词拆分word-break 157
8.1.5 圆角边框border-radius 158
8.1.6 盒子阴影box-shadow 160
8.1.7 边界边框border-image 161
8.2 设计颜色样式 163
8.2.1 使用RGBA 颜色值 163
8.2.2 使用HSL 颜色值 164
8.2.3 使用HSLA 颜色值 168
8.3 课堂练习 169
强化训练 171
Chapter / 09
颜色渐变和图形转换
9.1 渐变简介 174
9.1.1 浏览器支持 174
9.1.2 线性渐变 175
9.1.3 径向渐变 178
9.2 CSS3 转换 180
9.2.1 浏览器支持情况 180
9.2.2 2D 转换 180
9.2.3 3D 转换 187
9.3 课堂练习 192
强化训练 194
Chapter / 10
让设计更加灵活
10.1 盒子模型 196
10.1.1 CSS 中的盒子简介 196
10.1.2 外边距设置 196
10.1.3 外边距合并 199 Contents
10.1.4 内边距设置 202
10.2 弹性盒子 202
10.2.1 弹性盒子基础 203
10.2.2 浏览器支持情况 203
10.2.3 对父级容器的设置 203
10.2.4 对子级内容的设置 212
10.3 课堂练习 217
强化训练 219
Chapter / 11
CSS3 设计动画
11.1 过渡基础 222
11.1.1 过渡属性 222
11.1.2 浏览器支持情况 222
11.2 实现过渡 223
11.2.1 单项属性过渡 223
11.2.2 多项属性过渡 224
11.2.3 利用过渡设计电脑桌面 226
11.3 实现动画 228
11.3.1 浏览器支持 228
11.3.2 动画属性 229
11.3.3 实现动画效果 230
11.3.4 利用动画属性制作太阳系动画 233
11.4 课堂练习 236
强化训练 237
Chapter / 12
用户交互界面
12.1 多媒体查询 240
12.1.1 多媒体查询能做什么 240
12.1.2 多媒体查询语法 240
12.1.3 多媒体查询方法 240
12.1.4 制作一个自适应的导航栏 243
12.2 用户界面简介 247
12.2.1 调整尺寸resizing 247
12.2.2 方框大小调整box-sizing 249
12.2.3 外形修饰outline-offset 252
12.2.4 界面的多列布局 253
12.3 课堂练习 256
强化训练 258
参考文献 259
前沿
前 言
为啥要学设计？
随着社会的发展，人们对美好事物的追求与渴望已达到了一个新的高度，这一点充分体现在了审美意识上。毫不夸张地讲，我们身边的美无处不在，大到园林建筑，小到平面海报，抑或是小巷里的门店也都要装饰一番以凸显出自己的特色，这一切都是“设计”的结果。可以说生活中的很多元素都被有意或无意识地设计过。俗话说：学设计饿不死，学设计高工资！那些有经验的设计师们，月薪超过多数行业，正是因为这一点很多人都投身于设计行业。
问：学设计可以就职哪类工作？求职难吗？
答：广为人知的设计行业包括：室内设计、广告设计、UI 设计、珠宝设计、服装设计、环艺设计、影视动画设计……所以你还在问求职难吗！
问：如何选择学习软件？
答：根据设计类型和就业方向，学习相关软件。比如，平面设计类软件大同小异，重在设计体验。室内外设计软件各有侧重，贵在实际应用。各类软件之间也要配合使用，好比设计师要用Photoshop 对建筑效果图做后期处理，为了让设计作品呈现更好的效果，有时会把视频编辑软件与平面软件相互配合。
问：没有美术基础的人也可以学设计吗？
答：可以。设计类的专业有很多，并不是所有的设计专业都需要有美术功底。例如工业设计、展示设计等。俗话说“艺术来源于生活”，学设计不但可以提高自身审美能力，还能有效地指引人们制作出更精良的作品，提升自己的生活品质。
问：设计该从何学起？
答：自学设计可以先从软件入手：位图、矢量图和排版。学会了软件可以胜任90% 的设计工作，只是缺乏“经验”。设计是软件技术 审美 创意，其中软件学习比较容易上手，而审美的提升则需要多欣赏优秀作品，只要不断学习，突破自我，优秀的设计技术就能轻松掌握！系列图书课程安排
配套资源获取方式
本系列图书既注重单个软件的实操应用，又看重多个软件的协同办公，以“理论知识 实际应用 案例展示”为创作思路，向读者全面阐述了各软件在设计领域中的强大功能。在讲解过程中，结合各领域的实际应用，对相关的行业知识进行了深度剖析，以辅助读者完成各种类型的设计工作。正所谓要“授人以渔”，读者不仅可以掌握这些设计软件的使用方法，还能利用它独立完成作品的创作。本系列图书包含以下图书作品：
《3ds max 建模技法经典课堂》
《3ds max Vray 效果图表现技法经典课堂》
《SketchUp 草图大师建筑? 景观? 园林设计经典课堂》
《AutoCAD 3ds max Vray 室内效果图表现技法经典课堂》
《AutoCAD SketchUp Vray 建筑室内外效果表现技法经典课堂》
《Adobe Photoshop CC 图像处理经典课堂》
《Adobe Illustrator CC 平面设计经典课堂》
《Adobe InDesign CC 版式设计经典课堂》
《Adobe Photoshop Illustrator 平面设计经典课堂》
《Adobe Photoshop CorelDR AW 平面设计经典课堂》
《Adobe PremierePro CC 视频编辑经典课堂》
《Adobe After Effects CC 影视特效制作经典课堂》
《HTML5 CSS3 网页设计与布局经典课堂》
《HTML5 CSS3 JavaScript 网页设计经典课堂》
目前市场上很多计算机图书中配带的DVD 光盘，总是容易破损或无法正常读取。鉴于此，本系列图书的资源可以发送邮件至619831182@qq.com，制作者会在第一时间将其发至您的邮箱。
适用读者群体
前端开发制作人员。
网页美工或者想转行前端的设计人员。
UI 及网页设计培训班学员。
大中专院校相关专业师生。
网页设计爱好者。
作者团队
本书由金松河、刘柏生编写。其中，郑州轻工业大学金松河老师编写了第1-11 章，刘柏生老师编写了第12 章，以下人员伏凤恋、王春芳、杨继光、李瑞峰、王银寿、李保荣等也为本书出版付出辛勤的工作，在此对他们的辛苦付出表示真诚的感谢，最后感谢郑州轻工业大学教务处的支持。
HTML5+CSS3网页设计与布局经典课堂 pdf下载声明
本pdf资料下载仅供个人学习和研究使用，不能用于商业用途，请在下载后24小时内删除。如果喜欢，请购买正版
