- 科学出版社
- 9787030508102
- 1版
- 324957
- 40258573-1
- 平装
- 16开
- 2016-12
- 340
- 232
- 工学
- 计算机科学与技术
- TP312.8;TP393.092.2
- 计算机类
- 中职
作者简介
内容简介
本书以简洁的语言和具体的项目实例，系统地介绍了应用HTML5+CSS3制作网页的全过程，让学生在较短的时间掌握HTML5、CSS3制作网页的前沿技术，为以后开发网站打下牢固的基础。本书包括8个项目和1个附录。项目一主要讲述HTML的基础，为后面学习HTML5打好基础；项目二介绍HTML5脚本语言的结构特点，重点介绍语义元素的使用方法；项目三介绍移动网站的表单结构、元素特点；项目四讲述HTML5多媒体设计的特点和方法，结合具体项目，运用音视频技术制作多媒体网页；项目五讲述如何使用canvas绘制图形，这是HTML5新特性；项目六讲述CSS3样式基础，各种样式表的应用是该部分的重点；项目七讲述CSS3的定位与布局，该部分内容是建立网站的重点；项目八介绍HTML5设计微网站，描述了一个微网站的设计全过程；附录部分简单介绍JavaScipt基础知识。本书可作为中等职业学校计算机类专业的学生教材，也可作为计算机相关的职业培训教材。
目录
项目一 HTML基础 1
任务一 认识HTML 2
一、HTML的发展历史 2
二、HTML的特点 2
任务二 HTML标签的使用 2
一、HTML基本结构 3
二、文字类标签 4
三、段落和版面标签 5
四、超链接标签 5
五、表格标签 6
六、HTML表单标签 8
七、框架标签 9
八、图形标签 11
任务三 在D
eamweave
中编写HTML 11
一、可视化编辑HTML 11
二、HTML标签的快速操作 13
项目实训一 制作基本页面标签 15
项目实训二 制作文字布局标签 15
项目实训三 制作表格标签 16
项目实训四 制作超链接标签 17
拓展链接 XML与HTML 18
项目小结 18
思考与练习 19
项目二 HTML5构建网站 21
任务一 认识HTML5 22
一、HTML5基本知识 22
二、HTML5文档结构表达方法 25
任务二 HTML5语义元素 27
一、HTML5新增结构元素 27
二、HTML5文本语义元素 29
项目引导 创建博客网站 33
项目实训 制作“个人网站” 37
拓展链接 HTML5技术优点 42
项目小结 43
思考与练习 43
项目三 创建移动设备的We
表单 45
任务一 认识HTML5表单 46
一、HTML5表单应用 46
二、HTML5表单结构 46
三、可用性更强的HTML5表单 47
任务二 移动We
应用input类型的表单 49
一、input类型表单属性 49
二、type属性实例 49
项目引导 制作移动网站“注册表单” 57
项目实训 制作“域名注册”网页 59
拓展链接 We
应用程序的工作原理简介 65
项目小结 65
思考与练习 65
项目四 HTML5多媒体设计 67
任务一 了解网页中的音频和视频 68
一、发展历史 68
二、容器和编码
解码器 68
任务二 嵌入音频视频 70
一、网页中嵌入音频 70
二、网页中嵌入视频 70
项目引导 创建音频网页 72
项目实训 制作“视频网站” 74
拓展链接 FlowPlaye
播放器简介 77
项目小结 78
思考与练习 78
项目五 使用canvas元素绘图 80
任务一 canvas基础 81
任务二 canvas操作进阶 83
一、绘制直线 83
二、绘制圆形 86
三、canvas书写文本 88
四、canvas处理图像 90
项目引导 创建钟表外观 93
项目实训 使用canvas元素绘制logo 97
拓展链接 canvas、svg及Flash的区别 100
项目小结 101
思考与练习 101
项目六 CSS3样式基础 103
任务一 认识CSS3样式表 104
一、初始CSS3样式 104
二、CSS样式表的语法 104
三、CSS样式表的分类 105
四、CSS的继承性、层叠性 107
五、CSS选择器 109
任务二 网页文本样式设置 114
一、网页文本样式设置 114
二、段落样式设置 116
任务三 超链接和背景图像样式设置 118
一、超链接样式设置 118
二、背景图像样式设置 119
任务四 列表样式设置 121
一、无序列表设置 121
二、有序列表设置 122
三、列表属性设置 123
项目引导 制作垂直菜单 125
项目实训 制作“动态堆叠卡” 127
拓展链接 在D
eamweave
中创建编辑样式表 132
项目小结 133
思考与练习 133
项目七 CSS3定位与布局 135
任务一 初识div 136
一、块元素与内联元素 136
二、div概述 137
三、span元素 138
任务二 CSS3定位 138
一、盒子模型的概念 139
二、浮动定位 144
三、精确定位 147
任务三 CSS3布局设置 149
一、固定布局设计 149
二、流动布局设计 151
三、浮动布局设计 153
项目引导 制作博客页面 155
项目实训 制作“公司网” 157
拓展链接 JavaSc
ipt语言与行为 162
项目小结 163
思考与练习 163
项目八 HTML5设计微网站 165
任务一 移动We
概述 166
一、移动互联网发展趋势 166
二、HTML5在移动We
上的应用 167
任务二 移动We
设计 167
一、微网站开发工具 167
二、谷歌浏览器移动端模拟 170
三、微网站屏幕宽度及缩放 172
四、物理分辨率和逻辑分辨率 172
项目引导 移动We
布局 173
项目实训 制作学校微网站 177
拓展链接 APP开发简介 196
项目小结 196
思考与练习 196
附录 JavaSc
ipt简介 197
附录一 在网页中使用JavaSc
ipt 198
一、在HTML中嵌入脚本 198
二、函数 199
三、响应事件 201
附录二 JavaSc
ipt语言基础 202
一、变量 202
二、变量作用域 202
三、变量类型 203
四、运算符 204
五、循环 206
六、数组对象 207
附录三 JavaSc
ipt与页面交互 208
一、操作DOM元素 208
二、JavaSc
ipt动态添加事件 210
附录四
OM对象模型 212
一、window对象 212
二、document对象 215
三、location对象 216
四、navigato
对象 216
五、sc
een对象 217
参考文献 218
任务一 认识HTML 2
一、HTML的发展历史 2
二、HTML的特点 2
任务二 HTML标签的使用 2
一、HTML基本结构 3
二、文字类标签 4
三、段落和版面标签 5
四、超链接标签 5
五、表格标签 6
六、HTML表单标签 8
七、框架标签 9
八、图形标签 11
任务三 在D
eamweave
中编写HTML 11
一、可视化编辑HTML 11
二、HTML标签的快速操作 13
项目实训一 制作基本页面标签 15
项目实训二 制作文字布局标签 15
项目实训三 制作表格标签 16
项目实训四 制作超链接标签 17
拓展链接 XML与HTML 18
项目小结 18
思考与练习 19
项目二 HTML5构建网站 21
任务一 认识HTML5 22
一、HTML5基本知识 22
二、HTML5文档结构表达方法 25
任务二 HTML5语义元素 27
一、HTML5新增结构元素 27
二、HTML5文本语义元素 29
项目引导 创建博客网站 33
项目实训 制作“个人网站” 37
拓展链接 HTML5技术优点 42
项目小结 43
思考与练习 43
项目三 创建移动设备的We
表单 45
任务一 认识HTML5表单 46
一、HTML5表单应用 46
二、HTML5表单结构 46
三、可用性更强的HTML5表单 47
任务二 移动We
应用input类型的表单 49
一、input类型表单属性 49
二、type属性实例 49
项目引导 制作移动网站“注册表单” 57
项目实训 制作“域名注册”网页 59
拓展链接 We
应用程序的工作原理简介 65
项目小结 65
思考与练习 65
项目四 HTML5多媒体设计 67
任务一 了解网页中的音频和视频 68
一、发展历史 68
二、容器和编码
解码器 68
任务二 嵌入音频视频 70
一、网页中嵌入音频 70
二、网页中嵌入视频 70
项目引导 创建音频网页 72
项目实训 制作“视频网站” 74
拓展链接 FlowPlaye
播放器简介 77
项目小结 78
思考与练习 78
项目五 使用canvas元素绘图 80
任务一 canvas基础 81
任务二 canvas操作进阶 83
一、绘制直线 83
二、绘制圆形 86
三、canvas书写文本 88
四、canvas处理图像 90
项目引导 创建钟表外观 93
项目实训 使用canvas元素绘制logo 97
拓展链接 canvas、svg及Flash的区别 100
项目小结 101
思考与练习 101
项目六 CSS3样式基础 103
任务一 认识CSS3样式表 104
一、初始CSS3样式 104
二、CSS样式表的语法 104
三、CSS样式表的分类 105
四、CSS的继承性、层叠性 107
五、CSS选择器 109
任务二 网页文本样式设置 114
一、网页文本样式设置 114
二、段落样式设置 116
任务三 超链接和背景图像样式设置 118
一、超链接样式设置 118
二、背景图像样式设置 119
任务四 列表样式设置 121
一、无序列表设置 121
二、有序列表设置 122
三、列表属性设置 123
项目引导 制作垂直菜单 125
项目实训 制作“动态堆叠卡” 127
拓展链接 在D
eamweave
中创建编辑样式表 132
项目小结 133
思考与练习 133
项目七 CSS3定位与布局 135
任务一 初识div 136
一、块元素与内联元素 136
二、div概述 137
三、span元素 138
任务二 CSS3定位 138
一、盒子模型的概念 139
二、浮动定位 144
三、精确定位 147
任务三 CSS3布局设置 149
一、固定布局设计 149
二、流动布局设计 151
三、浮动布局设计 153
项目引导 制作博客页面 155
项目实训 制作“公司网” 157
拓展链接 JavaSc
ipt语言与行为 162
项目小结 163
思考与练习 163
项目八 HTML5设计微网站 165
任务一 移动We
概述 166
一、移动互联网发展趋势 166
二、HTML5在移动We
上的应用 167
任务二 移动We
设计 167
一、微网站开发工具 167
二、谷歌浏览器移动端模拟 170
三、微网站屏幕宽度及缩放 172
四、物理分辨率和逻辑分辨率 172
项目引导 移动We
布局 173
项目实训 制作学校微网站 177
拓展链接 APP开发简介 196
项目小结 196
思考与练习 196
附录 JavaSc
ipt简介 197
附录一 在网页中使用JavaSc
ipt 198
一、在HTML中嵌入脚本 198
二、函数 199
三、响应事件 201
附录二 JavaSc
ipt语言基础 202
一、变量 202
二、变量作用域 202
三、变量类型 203
四、运算符 204
五、循环 206
六、数组对象 207
附录三 JavaSc
ipt与页面交互 208
一、操作DOM元素 208
二、JavaSc
ipt动态添加事件 210
附录四
OM对象模型 212
一、window对象 212
二、document对象 215
三、location对象 216
四、navigato
对象 216
五、sc
een对象 217
参考文献 218
