- 科学出版社
- 9787030678805
- 1版
- 438997
- 40258605-1
- 平装
- 16开
- 2022-04
- 403
- 272
- 工学
- 计算机科学与技术
- 计算机类
- 中职
作者简介
内容简介
本书语言简洁，项目实用，系统地介绍了使用HTML5+CSS3+JavaScipt制作网页的全过程。全书共10个项目。项目一主要介绍HTML基本知识；项目二介绍HTML5脚本语言的结构特点，重点介绍语义元素的使用方法；项目三介绍移动网站的表单结构、元素特点；项目四介绍HTML5多媒体设计的特点和方法，结合具体项目，运用音频视频技术制作多媒体网页；项目五介绍如何使用canvas元素绘制图形，这是HTML5非常实用的功能；项目六介绍CSS3样式基础，各种样式表的应用是该部分的重点；项目七介绍CSS3定位与布局，该部分内容是建立网站的重点；项目八简单介绍JavaScipt基础知识；项目九在JavaScipt的基础上介绍jQuey编程；项目十介绍HTML5设计微网站，描述一个微网站的设计全过程。本书提供课件及代码资源，读者可从www.aook.cn免费下载使用。本书既可作为职业院校计算机类专业学生学习网页制作的教材，也可作为相关职业培训教材。
目录
项目一 HTML基本知识 1
任务一 认识HTML2
一、HTML的发展历史2
二、HTML的特点2
任务二 HTML标签的使用2
一、HTML基本结构3
二、文字类标签4
三、段落和版面标签5
四、超链接标签5
五、表格标签7
六、表单标签8
七、框架标签10
八、图形标签12
任务三 在D
eamweave
中编写HTML12
一、可视化编辑HTML13
二、HTML标签的快速操作14
项目实训一 制作基本页面标签15
项目实训二 制作文字布局标签16
项目实训三 制作表格标签17
项目实训四 制作超链接标签18
拓展链接 XML与HTML19
项目小结19
思考与练习20
项目二 HTML5构建网站 22
任务一 认识HTML523
一、HTML5基础知识23
二、HTML5文档结构方法26
任务二 HTML5结构和语义元素28
一、HTML5结构元素28
二、HTML5语义元素30
项目实训一 创建博客网站34
项目实训二 制作个人网站38
拓展链接 HTML5技术的优点43
项目小结44
思考与练习44
项目三 创建移动设备的We
表单 46
任务一 认识HTML5表单47
一、HTML5表单应用47
二、HTML5表单结构47
三、可用性更强的HTML5表单48
任务二 移动We
应用input类型的表单50
一、input类型的表单属性50
二、type属性实例50
项目实训一 制作移动网站“用户注册”表单59
项目实训二 制作“域名注册”网页61
拓展链接 We
应用程序的工作原理68
项目小结68
思考与练习69
项目四 HTML5多媒体设计 71
任务一 网页中的音频和视频72
一、发展历史72
二、容器和编
解码器72
任务二 嵌入音频和视频74
一、网页中嵌入音频74
二、网页中嵌入视频75
项目实训一 创建音频网页76
项目实训二 制作视频网站78
拓展链接 FlowPlaye
播放器简介82
项目小结83
思考与练习84
项目五 使用canvas元素绘图 85
任务一 canvas基础86
任务二 canvas操作进阶88
一、绘制直线88
二、绘制圆形91
三、canvas书写文本93
四、canvas处理图像95
项目实训一 创建钟表外观98
项目实训二 使用canvas元素绘制Logo102
拓展链接 canvas、svg及Flash的区别105
项目小结106
思考与练习106
项目六 CSS3样式基础 108
任务一 认识CSS3样式表109
一、初识CSS3109
二、CSS样式表的语法109
三、CSS样式表的分类110
四、CSS的继承性和层叠性112
五、CSS选择器114
任务二 网页文本样式和段落样式设置119
一、网页文本样式设置119
二、段落样式设置121
任务三 超链接和背景图像样式设置122
一、超链接样式设置123
二、背景图像样式设置124
任务四 列表样式设置126
一、无序列表设置126
二、有序列表设置127
三、列表属性设置128
项目实训一 制作垂直菜单130
项目实训二 制作动态堆叠卡132
拓展链接 在D
eamweave
中创建与编辑样式表138
项目小结138
思考与练习139
项目七 CSS3定位与布局 140
任务一 初识div141
一、块元素与内联元素141
二、div概述142
三、span元素143
任务二 CSS3定位144
一、盒子模型的概念144
二、浮动定位150
三、精确定位153
任务三 CSS3布局设置155
一、固定布局设计155
二、流动布局设计157
三、浮动布局设计159
项目实训一 制作博客页面161
项目实训二 制作公司网164
拓展链接 JavaSc
ipt语言与行为169
项目小结170
思考与练习170
项目八 JavaSc
ipt基础编程 172
任务一 在网页使用JavaSc
ipt173
一、在HTML中嵌入脚本173
二、函数174
三、响应事件176
任务二 JavaSc
ipt语言基础177
一、变量177
二、变量作用域178
三、变量类型178
四、运算符179
五、循环182
六、数组对象183
任务三 与页面交互184
一、操作DOM元素184
二、JavaSc
ipt动态添加事件186
任务四
OM对象模型188
一、window对象188
二、document对象190
三、location对象191
四、navigato
对象192
五、sc
een对象193
项目实训一 二级联动菜单193
项目实训二 制作计时器195
拓展链接 ECMASc
ipt和JavaSc
ipt196
项目小结197
思考与练习197
项目九 jQue
y编程 198
任务一 jQue
y入门199
一、认识jQue
y199
二、jQue
y的优势199
三、目前jQue
y的三大版本200
四、导入jQue
y的.js文件200
五、Visual Studio Code安装200
六、Visual Studio Code配置201
七、Visual Studio Code下快速开始编写HTML的方法202
八、在浏览器中查看HTML页面202
任务二 jQue
y核心基础202
一、jQue
y对象的定义202
二、DOM对象转换成jQue
y对象203
三、jQue
y对象转成DOM对象203
四、jQue
y对象的链式操作方法203
五、$变量的使用204
任务三 jQue
y选择器的使用204
一、jQue
y选择器的定义205
二、jQue
y选择器的分类与操作205
任务四 jQue
y动画效果218
一、显示与隐藏效果218
二、淡入效果220
三、高度变化效果221
项目实训一 制作动态菜单222
项目实训二 制作“手风琴”效果224
拓展链接 jQue
y插件225
项目小结226
思考与练习226
项目十 HTML5设计微网站 227
任务一 移动We
概述228
一、移动互联网的发展228
二、HTML5在移动We
的应用229
任务二 移动We
设计229
一、微网站开发工具229
二、Ch
ome移动端模拟233
三、微网站屏幕宽度及缩放234
四、物理分辨率和逻辑分辨率设置234
项目实训一 移动We
布局235
项目实训二 制作学校微网站239
拓展链接 App开发简介258
项目小结259
思考与练习259
参考文献 260
任务一 认识HTML2
一、HTML的发展历史2
二、HTML的特点2
任务二 HTML标签的使用2
一、HTML基本结构3
二、文字类标签4
三、段落和版面标签5
四、超链接标签5
五、表格标签7
六、表单标签8
七、框架标签10
八、图形标签12
任务三 在D
eamweave
中编写HTML12
一、可视化编辑HTML13
二、HTML标签的快速操作14
项目实训一 制作基本页面标签15
项目实训二 制作文字布局标签16
项目实训三 制作表格标签17
项目实训四 制作超链接标签18
拓展链接 XML与HTML19
项目小结19
思考与练习20
项目二 HTML5构建网站 22
任务一 认识HTML523
一、HTML5基础知识23
二、HTML5文档结构方法26
任务二 HTML5结构和语义元素28
一、HTML5结构元素28
二、HTML5语义元素30
项目实训一 创建博客网站34
项目实训二 制作个人网站38
拓展链接 HTML5技术的优点43
项目小结44
思考与练习44
项目三 创建移动设备的We
表单 46
任务一 认识HTML5表单47
一、HTML5表单应用47
二、HTML5表单结构47
三、可用性更强的HTML5表单48
任务二 移动We
应用input类型的表单50
一、input类型的表单属性50
二、type属性实例50
项目实训一 制作移动网站“用户注册”表单59
项目实训二 制作“域名注册”网页61
拓展链接 We
应用程序的工作原理68
项目小结68
思考与练习69
项目四 HTML5多媒体设计 71
任务一 网页中的音频和视频72
一、发展历史72
二、容器和编
解码器72
任务二 嵌入音频和视频74
一、网页中嵌入音频74
二、网页中嵌入视频75
项目实训一 创建音频网页76
项目实训二 制作视频网站78
拓展链接 FlowPlaye
播放器简介82
项目小结83
思考与练习84
项目五 使用canvas元素绘图 85
任务一 canvas基础86
任务二 canvas操作进阶88
一、绘制直线88
二、绘制圆形91
三、canvas书写文本93
四、canvas处理图像95
项目实训一 创建钟表外观98
项目实训二 使用canvas元素绘制Logo102
拓展链接 canvas、svg及Flash的区别105
项目小结106
思考与练习106
项目六 CSS3样式基础 108
任务一 认识CSS3样式表109
一、初识CSS3109
二、CSS样式表的语法109
三、CSS样式表的分类110
四、CSS的继承性和层叠性112
五、CSS选择器114
任务二 网页文本样式和段落样式设置119
一、网页文本样式设置119
二、段落样式设置121
任务三 超链接和背景图像样式设置122
一、超链接样式设置123
二、背景图像样式设置124
任务四 列表样式设置126
一、无序列表设置126
二、有序列表设置127
三、列表属性设置128
项目实训一 制作垂直菜单130
项目实训二 制作动态堆叠卡132
拓展链接 在D
eamweave
中创建与编辑样式表138
项目小结138
思考与练习139
项目七 CSS3定位与布局 140
任务一 初识div141
一、块元素与内联元素141
二、div概述142
三、span元素143
任务二 CSS3定位144
一、盒子模型的概念144
二、浮动定位150
三、精确定位153
任务三 CSS3布局设置155
一、固定布局设计155
二、流动布局设计157
三、浮动布局设计159
项目实训一 制作博客页面161
项目实训二 制作公司网164
拓展链接 JavaSc
ipt语言与行为169
项目小结170
思考与练习170
项目八 JavaSc
ipt基础编程 172
任务一 在网页使用JavaSc
ipt173
一、在HTML中嵌入脚本173
二、函数174
三、响应事件176
任务二 JavaSc
ipt语言基础177
一、变量177
二、变量作用域178
三、变量类型178
四、运算符179
五、循环182
六、数组对象183
任务三 与页面交互184
一、操作DOM元素184
二、JavaSc
ipt动态添加事件186
任务四
OM对象模型188
一、window对象188
二、document对象190
三、location对象191
四、navigato
对象192
五、sc
een对象193
项目实训一 二级联动菜单193
项目实训二 制作计时器195
拓展链接 ECMASc
ipt和JavaSc
ipt196
项目小结197
思考与练习197
项目九 jQue
y编程 198
任务一 jQue
y入门199
一、认识jQue
y199
二、jQue
y的优势199
三、目前jQue
y的三大版本200
四、导入jQue
y的.js文件200
五、Visual Studio Code安装200
六、Visual Studio Code配置201
七、Visual Studio Code下快速开始编写HTML的方法202
八、在浏览器中查看HTML页面202
任务二 jQue
y核心基础202
一、jQue
y对象的定义202
二、DOM对象转换成jQue
y对象203
三、jQue
y对象转成DOM对象203
四、jQue
y对象的链式操作方法203
五、$变量的使用204
任务三 jQue
y选择器的使用204
一、jQue
y选择器的定义205
二、jQue
y选择器的分类与操作205
任务四 jQue
y动画效果218
一、显示与隐藏效果218
二、淡入效果220
三、高度变化效果221
项目实训一 制作动态菜单222
项目实训二 制作“手风琴”效果224
拓展链接 jQue
y插件225
项目小结226
思考与练习226
项目十 HTML5设计微网站 227
任务一 移动We
概述228
一、移动互联网的发展228
二、HTML5在移动We
的应用229
任务二 移动We
设计229
一、微网站开发工具229
二、Ch
ome移动端模拟233
三、微网站屏幕宽度及缩放234
四、物理分辨率和逻辑分辨率设置234
项目实训一 移动We
布局235
项目实训二 制作学校微网站239
拓展链接 App开发简介258
项目小结259
思考与练习259
参考文献 260
