书籍详情
HTML5+CSS3 网页设计（实战从入门到精通 视频教学版）
作者：刘玉红，蒲娟 著
出版社：清华大学出版社
出版时间：2017-09-01
ISBN：9787302480723
定价：¥78.00
购买这本书可以去
内容简介
本书采取“HTML5网页设计→CSS3美化网页→网页版式布局→综合案例实战”的讲解模式，深入浅出地为读者讲解了网页设计和排版布局的各项技术及实战技能。 本书第1篇“HTML5网页设计”主要讲解HTML5快速入门、HTML5网页文档结构、HTML5网页中的文本和图像、用HTML5建立超链接、用HTML5创建表格和表单、HTML5中的多媒体、使用HTML5绘制图形、获取地理位置、Web通信新技术、构建离线的Web应用等；第2篇“CSS3美化网页”主要讲解CSS3概述与基本语法、使用CSS3美化网页字体与段落、使用CSS3美化网页图片、使用CSS3美化网页背景与边框、使用CSS3美化表格和表单样式、使用CSS3美化超链接和鼠标、使用CSS3控制网页导航菜单的样式等；第3篇“网页版式布局”主要讲解CSS定位与DIV布局核心技术、CSS+DIV盒子的浮动与定位、网页布局实战案例剖析等；第4篇“综合案例实战”主要讲解制作在线购物类网页、制作移动设备类网页和制作娱乐休闲类网页实战。 本书适合任何没有网页设计基础的人员，也适用于有一定的HTML5和CSS3基础，想更精通网页设计的人员，同时也可作为大专院校及培训学校教师和学生用书。
作者简介
刘玉红老师在新疆大学主要负责计算机系的毕业生实训，善于引导学生学习，让学校所学的知识和社会的需求很好地衔接，同时具有丰富的教学经验和开发经验。
目录
目录
第1篇 HTML5网页设计
第1章 HTML5快速入门
1.1 HTML5概述 4
1.1.1 HTML5简介 4
1.1.2 HTML5文件的基本结构 5
1.2 HTML5文件的编写方法 5
1.2.1 案例1——手工编写HTML5 5
1.2.2 案例2——使用HTML编辑器编写HTML 6
1.3 使用浏览器查看HTML5文件 10
1.3.1 各大浏览器与HTML5的兼容 10
1.3.2 案例3——查看页面效果 11
1.3.3 案例4——查看源文件 11
1.4 高手甜点 12
1.5 跟我练练手 12
第2章 HTML5网页文档结构
2.1 Web标准 14
2.1.1 Web标准概述 14
2.1.2 Web标准规定的内容 15
2.2 HTML5文档的基本结构 16
2.2.1 HTML5结构 16
2.2.2 文档类型说明 17
2.2.3 HTML5标记 17
2.2.4 头标记 17
2.2.5 网页的主体标记 20
2.2.6 页面注释标记 21
2.3 综合案例——符合W3C标准的
HTML5网页 22
2.4 高手甜点 23
2.5 跟我练练手 24
第3章 HTML5网页中的文本和图像
3.1 在网页中添加文本 26
3.1.1 案例1——普通文本的添加 26
3.1.2 案例2——特殊字符文本的添加 26
3.1.3 案例3——添加特殊文本 28
3.2 文本排版 30
3.2.1 案例4——换行标记
30
3.2.2 案例5——段落标记 31
3.2.3 案例6——标题标记～ 32
3.3 文字列表 33
3.3.1 案例7——建立无序列表 33
3.3.2 案例8——建立有序列表 34
3.3.3 案例9——建立不同类型的无序列表 35
3.3.4 案例10——建立不同类型的有序列表 36
3.3.5 案例11——建立嵌套列表 37
3.3.6 案例12——自定义列表 38
3.4 网页中的图像 39
3.4.1 案例13——插入图像 39
3.4.2 案例14——设置图像的宽度和高度
width、height 41
3.4.3 案例15——设置图片的提示文字alt 42
3.4.4 案例16——将图片设置为网页背景
background 43
3.4.5 案例17——排列图像align 44
3.5 综合案例1——图文并茂房屋装饰装修
网页 44
3.6 综合案例2——在线购物网站产品展示
效果 46
3.7 高手甜点 47
3.8 跟我练练手 48
第4章 用HTML5建立超链接
4.1 网页超链接概述 50
4.1.1 超链接的概念 50
4.1.2 超链接中的URL 50
4.1.3 超链接的URL类型 51
4.2 建立网页超链接href 51
4.2.1 案例1——创建超文本链接 51
4.2.2 案例2——创建图片链接 53
4.2.3 案例3——创建下载链接 54
4.2.4 案例4——使用相对路径和绝对路径 55
4.2.5 案例5——设置以新窗口显示超链接
页面 56
4.2.6 案例6——设置电子邮件链接 58
4.3 案例7——浮动框架iframe 59
4.4 案例8——精确定位热点区域map、
area 61
4.5 综合案例——使用锚链接制作电子书
阅读网页 64
4.6 高手甜点 67
4.7 跟我练练手 68
第5 章 用HTML5创建表格和表单
5.1 表格的基本结构 70
5.2 使用HTML5创建表格 72
5.2.1 案例1——创建普通表格
72
5.2.2 案例2——创建一个带有标题的表格
73
5.2.3 案例3——定义表格的边框类型border 74
5.2.4 案例4——定义表格的表头 75
5.2.5 案例5——设置表格背景bgcolor、
background 76
5.2.6 案例6——设置单元格背景bgcolor 78
5.2.7 案例7——合并单元格colspan、
rowspan 79
5.2.8 案例8——排列单元格中的内容align 83
5.2.9 案例9——设置单元格的行高与列宽
cellpadding 84
5.3 案例10——创建完整的表格 85
5.4 案例11——认识表单 87
5.5 表单基本元素的使用 88
5.5.1 案例12——单行文本输入框text 88
5.5.2 案例13——多行文本输入框textarea 89
5.5.3 案例14——密码域password 89
5.5.4 案例15——单选按钮radio 90
5.5.5 案例16——复选框checkbox 91
5.5.6 案例17——下拉列表框select 92
5.5.7 案例18——普通按钮button 93
5.5.8 案例19——提交按钮submit 94
5.5.9 案例20——重置按钮reset 95
5.6 表单高级元素的使用 96
5.6.1 案例21——url属性的应用 96
5.6.2 案例22——email属性的应用 97
5.6.3 案例23——date和time的应用 98
5.6.4 案例24——number属性的应用 99
5.6.5 案例25——range属性的应用 100
5.6.6 案例26——required属性的应用 101
5.7 综合案例1——创建用户反馈单 102
5.8 综合案例2——制作商品报价单 103
5.9 高手甜点 105
5.10 跟我练练手 106
第6章 HTML5中的多媒体
6.1 网页音频标记audio 108
6.1.1 audio标记概述 108
6.1.2 audio标记的属性 108
6.1.3 音频解码器 109
6.1.4 audio标记浏览器的支持情况 109
6.2 网页视频标记video 109
6.2.1 video标记概述 109
6.2.2 video标记的属性 110
6.2.3 视频解码器 110
6.2.4 video标记浏览器的支持情况 110
6.3 添加网页音频文件 111
6.3.1 案例1——设置背景音乐 111
6.3.2 案例2——设置音乐循环播放loop 112
6.4 添加网页视频文件 112
6.4.1 案例3——为网页添加视频文件video 112
6.4.2 案例4——设置自动运行autoplay 113
6.4.3 案例5——设置视频文件的循环
播放loop 114
6.4.4 案例6——设置视频窗口的高度与宽度
height、width 115
6.5 添加网页滚动文字 115
6.5.1 案例7——滚动文字标记marquee 116
6.5.2 案例8——滚动方向属性direction 116
6.5.3 案例9——滚动方式属性behavior 117
6.5.4 案例10——滚动速度属性scrollamount 118
6.5.5 案例11——滚动延迟属性scrolldelay 119
6.5.6 案例12——滚动循环属性loop 120
6.5.7 案例13——滚动范围属性height、
width 121
6.5.8 案例14——滚动背景颜色属性bgcolor 122
6.5.9 案例15——滚动空间属性hspace、
vspace 123
6.6 高手甜点 124
6.7 跟我练练手 124
第7章 使用HTML5绘制图形
7.1 什么是canvas 126
7.2 绘制基本形状 127
7.2.1 案例1——绘制矩形 127
7.2.2 案例2——绘制圆形 128
7.2.3 案例3——使用moveTo与lineTo
绘制直线 129
7.2.4 案例4——使用bezierCurveTo绘制
贝济埃曲线 131
7.3 绘制渐变图形 133
7.3.1 案例5——绘制线性渐变 133
7.3.2 案例6——绘制径向渐变 135
7.4 绘制变形图形 136
7.4.1 案例7——变换原点坐标 136
7.4.2 案例8——图形缩放 137
7.4.3 案例9——旋转图形 138
7.5 绘制其他样式的图形 139
7.5.1 案例10——图形组合 140
7.5.2 案例11——绘制带阴影的图形 142
7.5.3 案例12——绘制文字 143
7.6 使用图像 145
7.6.1 案例13——绘制图像 145
7.6.2 案例14——图像平铺 146
7.6.3 案例15——图像裁剪 148
7.6.4 案例16——像素处理 149
7.7 图形的保存与恢复 151
7.7.1 案例17——保存与恢复状态 152
7.7.2 案例18——保存文件 153
7.8 综合案例1——绘制火柴棒人物 154
7.9 综合案例2——绘制商标 157
7.10 高手甜点 159
7.11 跟我练练手 160
第8章 获取地理位置
8.1 Geolocation API获取地理位置 162
8.1.1 地理定位的原理 162
8.1.2 获取定位信息的方法 162
8.1.3 常用地理定位方法 162
8.1.4 案例1——判断浏览器是否支持HTML5
获取地理位置信息 163
8.1.5 案例2——指定纬度和经度坐标 164
8.1.6 案例3——获取当前位置的经度与纬度 165
8.2 目前浏览器对地理定位的支持情况 167
8.3 综合案例——在网页中调用
Google地图 168
8.4 高手甜点 171
8.5 跟我练练手 172
第9章 Web通信新技术
9.1 跨文档消息传输 174
9.1.1 跨文档消息传输的基本知识 174
9.1.2 案例1——跨文档通信应用测试 174
9.2 Web Sockets API 177
9.2.1 WebSocket API的概念 177
9.2.2 Web Sockets通信基础 177
9.2.3 案例2——服务器端使用Web
Sockets API 179
9.2.4 案例3——客户端使用Web
Sockets API 183
9.3 综合案例——编写简单的Web Socket
服务器 183
9.4 高手甜点 188
9.5 跟我练练手 188
第10章 构建离线的Web
10.1 HTML5离线Web应用概述 190
10.2 使用HTML5离线Web应用API 190
10.2.1 案例1——检查浏览器的支持情况 190
10.2.2 案例2——搭建简单的离线应用程序 191
10.2.3 案例3——支持离线行为 191
10.2.4 案例4——manifest文件 192
10.2.5 案例5——Application Cache API 193
10.3 实例2——使用HTML5离线Web应用
构建应用 195
10.3.1 案例6——创建记录资源的manifest
文件 195
10.3.2 案例7——创建构成界面的HTML和
CSS 195
10.3.3 案例8——创建离线的JavaScript 196
10.3.4 案例9——检查applicationCache的
支持情况 198
10.3.5 案例10——为Update按钮添加处理
函数 198
10.3.6 案例11——添加Storage功能代码 199
10.3.7 案例12——添加离线事件处理程序 199
10.4 高手甜点 200
10.5 跟我练练手 201
第2篇??CSS3美化网页
第1篇 HTML5网页设计
第1章 HTML5快速入门
1.1 HTML5概述 4
1.1.1 HTML5简介 4
1.1.2 HTML5文件的基本结构 5
1.2 HTML5文件的编写方法 5
1.2.1 案例1——手工编写HTML5 5
1.2.2 案例2——使用HTML编辑器编写HTML 6
1.3 使用浏览器查看HTML5文件 10
1.3.1 各大浏览器与HTML5的兼容 10
1.3.2 案例3——查看页面效果 11
1.3.3 案例4——查看源文件 11
1.4 高手甜点 12
1.5 跟我练练手 12
第2章 HTML5网页文档结构
2.1 Web标准 14
2.1.1 Web标准概述 14
2.1.2 Web标准规定的内容 15
2.2 HTML5文档的基本结构 16
2.2.1 HTML5结构 16
2.2.2 文档类型说明 17
2.2.3 HTML5标记 17
2.2.4 头标记 17
2.2.5 网页的主体标记 20
2.2.6 页面注释标记 21
2.3 综合案例——符合W3C标准的
HTML5网页 22
2.4 高手甜点 23
2.5 跟我练练手 24
第3章 HTML5网页中的文本和图像
3.1 在网页中添加文本 26
3.1.1 案例1——普通文本的添加 26
3.1.2 案例2——特殊字符文本的添加 26
3.1.3 案例3——添加特殊文本 28
3.2 文本排版 30
3.2.1 案例4——换行标记
30
3.2.2 案例5——段落标记 31
3.2.3 案例6——标题标记～ 32
3.3 文字列表 33
3.3.1 案例7——建立无序列表 33
3.3.2 案例8——建立有序列表 34
3.3.3 案例9——建立不同类型的无序列表 35
3.3.4 案例10——建立不同类型的有序列表 36
3.3.5 案例11——建立嵌套列表 37
3.3.6 案例12——自定义列表 38
3.4 网页中的图像 39
3.4.1 案例13——插入图像 39
3.4.2 案例14——设置图像的宽度和高度
width、height 41
3.4.3 案例15——设置图片的提示文字alt 42
3.4.4 案例16——将图片设置为网页背景
background 43
3.4.5 案例17——排列图像align 44
3.5 综合案例1——图文并茂房屋装饰装修
网页 44
3.6 综合案例2——在线购物网站产品展示
效果 46
3.7 高手甜点 47
3.8 跟我练练手 48
第4章 用HTML5建立超链接
4.1 网页超链接概述 50
4.1.1 超链接的概念 50
4.1.2 超链接中的URL 50
4.1.3 超链接的URL类型 51
4.2 建立网页超链接href 51
4.2.1 案例1——创建超文本链接 51
4.2.2 案例2——创建图片链接 53
4.2.3 案例3——创建下载链接 54
4.2.4 案例4——使用相对路径和绝对路径 55
4.2.5 案例5——设置以新窗口显示超链接
页面 56
4.2.6 案例6——设置电子邮件链接 58
4.3 案例7——浮动框架iframe 59
4.4 案例8——精确定位热点区域map、
area 61
4.5 综合案例——使用锚链接制作电子书
阅读网页 64
4.6 高手甜点 67
4.7 跟我练练手 68
第5 章 用HTML5创建表格和表单
5.1 表格的基本结构 70
5.2 使用HTML5创建表格 72
5.2.1 案例1——创建普通表格
72
5.2.2 案例2——创建一个带有标题的表格
73
5.2.3 案例3——定义表格的边框类型border 74
5.2.4 案例4——定义表格的表头 75
5.2.5 案例5——设置表格背景bgcolor、
background 76
5.2.6 案例6——设置单元格背景bgcolor 78
5.2.7 案例7——合并单元格colspan、
rowspan 79
5.2.8 案例8——排列单元格中的内容align 83
5.2.9 案例9——设置单元格的行高与列宽
cellpadding 84
5.3 案例10——创建完整的表格 85
5.4 案例11——认识表单 87
5.5 表单基本元素的使用 88
5.5.1 案例12——单行文本输入框text 88
5.5.2 案例13——多行文本输入框textarea 89
5.5.3 案例14——密码域password 89
5.5.4 案例15——单选按钮radio 90
5.5.5 案例16——复选框checkbox 91
5.5.6 案例17——下拉列表框select 92
5.5.7 案例18——普通按钮button 93
5.5.8 案例19——提交按钮submit 94
5.5.9 案例20——重置按钮reset 95
5.6 表单高级元素的使用 96
5.6.1 案例21——url属性的应用 96
5.6.2 案例22——email属性的应用 97
5.6.3 案例23——date和time的应用 98
5.6.4 案例24——number属性的应用 99
5.6.5 案例25——range属性的应用 100
5.6.6 案例26——required属性的应用 101
5.7 综合案例1——创建用户反馈单 102
5.8 综合案例2——制作商品报价单 103
5.9 高手甜点 105
5.10 跟我练练手 106
第6章 HTML5中的多媒体
6.1 网页音频标记audio 108
6.1.1 audio标记概述 108
6.1.2 audio标记的属性 108
6.1.3 音频解码器 109
6.1.4 audio标记浏览器的支持情况 109
6.2 网页视频标记video 109
6.2.1 video标记概述 109
6.2.2 video标记的属性 110
6.2.3 视频解码器 110
6.2.4 video标记浏览器的支持情况 110
6.3 添加网页音频文件 111
6.3.1 案例1——设置背景音乐 111
6.3.2 案例2——设置音乐循环播放loop 112
6.4 添加网页视频文件 112
6.4.1 案例3——为网页添加视频文件video 112
6.4.2 案例4——设置自动运行autoplay 113
6.4.3 案例5——设置视频文件的循环
播放loop 114
6.4.4 案例6——设置视频窗口的高度与宽度
height、width 115
6.5 添加网页滚动文字 115
6.5.1 案例7——滚动文字标记marquee 116
6.5.2 案例8——滚动方向属性direction 116
6.5.3 案例9——滚动方式属性behavior 117
6.5.4 案例10——滚动速度属性scrollamount 118
6.5.5 案例11——滚动延迟属性scrolldelay 119
6.5.6 案例12——滚动循环属性loop 120
6.5.7 案例13——滚动范围属性height、
width 121
6.5.8 案例14——滚动背景颜色属性bgcolor 122
6.5.9 案例15——滚动空间属性hspace、
vspace 123
6.6 高手甜点 124
6.7 跟我练练手 124
第7章 使用HTML5绘制图形
7.1 什么是canvas 126
7.2 绘制基本形状 127
7.2.1 案例1——绘制矩形 127
7.2.2 案例2——绘制圆形 128
7.2.3 案例3——使用moveTo与lineTo
绘制直线 129
7.2.4 案例4——使用bezierCurveTo绘制
贝济埃曲线 131
7.3 绘制渐变图形 133
7.3.1 案例5——绘制线性渐变 133
7.3.2 案例6——绘制径向渐变 135
7.4 绘制变形图形 136
7.4.1 案例7——变换原点坐标 136
7.4.2 案例8——图形缩放 137
7.4.3 案例9——旋转图形 138
7.5 绘制其他样式的图形 139
7.5.1 案例10——图形组合 140
7.5.2 案例11——绘制带阴影的图形 142
7.5.3 案例12——绘制文字 143
7.6 使用图像 145
7.6.1 案例13——绘制图像 145
7.6.2 案例14——图像平铺 146
7.6.3 案例15——图像裁剪 148
7.6.4 案例16——像素处理 149
7.7 图形的保存与恢复 151
7.7.1 案例17——保存与恢复状态 152
7.7.2 案例18——保存文件 153
7.8 综合案例1——绘制火柴棒人物 154
7.9 综合案例2——绘制商标 157
7.10 高手甜点 159
7.11 跟我练练手 160
第8章 获取地理位置
8.1 Geolocation API获取地理位置 162
8.1.1 地理定位的原理 162
8.1.2 获取定位信息的方法 162
8.1.3 常用地理定位方法 162
8.1.4 案例1——判断浏览器是否支持HTML5
获取地理位置信息 163
8.1.5 案例2——指定纬度和经度坐标 164
8.1.6 案例3——获取当前位置的经度与纬度 165
8.2 目前浏览器对地理定位的支持情况 167
8.3 综合案例——在网页中调用
Google地图 168
8.4 高手甜点 171
8.5 跟我练练手 172
第9章 Web通信新技术
9.1 跨文档消息传输 174
9.1.1 跨文档消息传输的基本知识 174
9.1.2 案例1——跨文档通信应用测试 174
9.2 Web Sockets API 177
9.2.1 WebSocket API的概念 177
9.2.2 Web Sockets通信基础 177
9.2.3 案例2——服务器端使用Web
Sockets API 179
9.2.4 案例3——客户端使用Web
Sockets API 183
9.3 综合案例——编写简单的Web Socket
服务器 183
9.4 高手甜点 188
9.5 跟我练练手 188
第10章 构建离线的Web
10.1 HTML5离线Web应用概述 190
10.2 使用HTML5离线Web应用API 190
10.2.1 案例1——检查浏览器的支持情况 190
10.2.2 案例2——搭建简单的离线应用程序 191
10.2.3 案例3——支持离线行为 191
10.2.4 案例4——manifest文件 192
10.2.5 案例5——Application Cache API 193
10.3 实例2——使用HTML5离线Web应用
构建应用 195
10.3.1 案例6——创建记录资源的manifest
文件 195
10.3.2 案例7——创建构成界面的HTML和
CSS 195
10.3.3 案例8——创建离线的JavaScript 196
10.3.4 案例9——检查applicationCache的
支持情况 198
10.3.5 案例10——为Update按钮添加处理
函数 198
10.3.6 案例11——添加Storage功能代码 199
10.3.7 案例12——添加离线事件处理程序 199
10.4 高手甜点 200
10.5 跟我练练手 201
第2篇??CSS3美化网页
猜您喜欢
