网页设计项目教程（HTML5+CSS3+JavaScript）

第1章 HTML5概述\t1
1．1 HTML简介\t1
1．2 了解HTML5\t2
1．3 搭建HTML5的开发环境\t4
1．4 HTML5文件的编写方法\t4
1．4．1　使用记事本手工编写HTML5文件\t4
1．4．2　使用Dreamweaver CS编写HTML
文件\t6
1．4．3　实例：编写第一个HTML5网页
文件\t7
1．4．4 预览HTML5网页\t8
本章小结\t8
练习与实训\t8
第2章 全新的HTML5\t9
2．1　HTML5的适用范围\t9
2．1．1 HTML5与各大浏览器的兼容性\t9
2．1．2 运用＜video＞和＜audio＞标签进行
视频和音频制作\t9
2．1．3 更炫酷的界面\t10
2．1．4 更强大的表单功能\t10
2．1．5 提升可访问性\t10
2．2 语法变化\t10
2．2．1 HTML5的语法变化\t10
2．2．2 HTML5中的标记方法\t11
2．2．3 HTML5与之前版本的兼容性\t12
2．3 HTML5新增和废除的元素\t13
2．3．1 新增的结构元素\t13
2．3．2 新增的其他元素\t14
2．3．3 废除的元素\t15
2．4 新增的属性\t16
2．5 全局属性\t17
2．5．1 hidden属性\t18
2．5．2 spellcheck属性\t18
2．5．3 contenteditable属性\t18
2．5．4 designmode属性\t19
2．5．5 tabindex属性\t19
本章小结\t19
练习与实训\t19
第3章 认识HTML5的文档结构\t20
3．1 Web标准\t20
3．1．1　Web标准概述\t20
3．1．2　Web标准规定的内容\t20
3．2 HTML5的基本结构\t21
3．2．1 文档类型标记doctype\t21
3．2．2　html标记\t21
3．2．3　头标记head\t21
3．2．4 主体标记body\t22
3．2．5　标题标记title\t22
3．2．6　元信息标记meta\t22
3．2．7　页面注释标记\t24
3．3　综合实例――符合W3C标准的HTML5
网页\t24
3．3．1 HTML\t26
3．3．2　CSS\t27
3．3．3　JavaScript\t27
3．4 HTML5页面构成\t28
3．4．1 HTML5页面主要组成部分\t28
3．4．2 综合实例――HTML5页面构成\t29
本章小结\t36
练习与实训\t36
第4章 网页文本设计\t37
4．1　添加文本\t37
4．1．1 普通文本\t37
4．1．2 特殊字符文本\t37
4．1．3 文本特殊样式\t38
4．2 文本排版\t41
4．2．1 段落标记\t41
4．2．2 标题标记\t43
4．2．3 center标记\t44
4．2．4 hr标记\t45
4．2．5 span标记\t46
4．2．6 特殊信息文本\t47
4．3 网页文字列表设计\t52
4．3．1　建立无序列表\t52
4．3．2　建立有序列表\t54
4．3．3　建立自定义列表\t55
本章小结\t56
练习与实训\t56
第5章 美化网页――使用CSS3技术\t57
5．1　CSS3概述\t57
5．2　CSS3基本选择器\t57
5．2．1　标记选择器\t58
5．2．2　类选择器\t58
5．2．3　ID选择器\t59
5．3　在HTML5中使用CSS3的方法\t60
5．3．1　行内样式\t60
5．3．2　嵌入样式\t60
5．3．3　链接样式\t61
5．3．4　导入样式\t62
5．3．5　样式的优先级\t62
5．4　CSS3复合选择器\t64
5．4．1　交集选择器\t64
5．4．2　并集选择器\t64
5．4．3　后代选择器\t65
5．4．4　子选择器\t66
5．4．5　相邻选择器\t67
5．4．6 伪类选择器\t67
5．4．7　伪对象选择器\t68
5．5 CSS3常用效果与技巧\t69
5．5．1 阴影效果\t70
5．5．2 2D与3D效果\t71
本章小结\t75
练习与实训\t75
第6章 文本格式的高级设置\t76
6．1　文本样式\t76
6．1．1　字体\t76
6．1．2　字号\t77
6．1．3　字体风格\t78
6．1．4　加粗字体\t78
6．1．5　小写字母转为大写字母\t78
6．1．6　字体复合属性\t79
6．1．7　字体颜色\t79
6．1．8　溢出文本\t80
6．1．9 控制换行\t81
6．2 文本样式\t81
6．2．1　单词间隔\t81
6．2．2　字符间隔\t82
6．2．3　文字修饰\t82
6．2．4　垂直对齐方式\t83
6．2．5　水平对齐方式\t84
6．2．6　文本缩进\t84
6．2．7　文本行高\t85
6．2．8　处理空白\t85
6．2．9　文本反排\t86
6．3　CSS3设置文本样式\t87
6．4　综合实例―― 用CSS3设计网站侧边导
航栏\t88
本章小结\t92
练习与实训\t92
第7章 网页色彩和图片设计\t93
7．1 网页色彩和图片的关系\t93
7．2　网页图像的应用\t94
7．2．1 网页图片格式的选择\t94
7．2．2　路径表示法\t96
7．2．3　图片的使用\t97
7．3　用CSS3设置颜色与背景\t98
7．3．1　用CSS3设置图像效果\t100
7．3．2　图片缩放\t101
本章小结\t103
练习与实训\t103
第8章 网页超链接设计\t104
8．1　创建超文本与图片链接\t104
8．2　创建下载链接\t105
8．3　使用相对路径和绝对路径\t106
8．4　设置链接目标打开窗口\t107
8．5　超文本链接到一个E-mail地址\t108
8．6　使用锚链接制作电子书阅读网页\t110
8．7　创建热点区域\t112
8．8　浮动框架\t113
8．9 综合实例――图片热点区域制作\t114
本章小结\t118
练习与实训\t118
第9章 用HTML5创建表格\t119
9．1　创建表格\t119
9．1．1 创建表格的基本语法――table
元素、tr元素、th元素、td元素\t119
9．1．2 表格的描述――summary属性\t121
9．2 表格的标题――caption元素\t122
9．3 设置单元格――th元素、td元素\t122
9．3．1 使用th元素和td元素定义单元格\t122
9．3．2 跨多行、多列的单元格\t124
9．4 表格的按行分组显示――thead元素、
tfoot元素、tbody元素\t127
9．5 表格的按列分组显示――colgroup
元素、col元素\t128
本章小结\t130
练习与实训\t130
第10章 网页表单设计\t131
10．1　熟悉表单属性\t131
10．1．1 表单的用途\t131
10．1．2 表单的属性设置\t132
10．2 基本元素的应用\t134
10．2．1 文本框\t137
10．2．2 密码域\t138
10．2．3 单选框\t138
10．2．4 复选框\t139
10．2．5 普通按钮\t140
10．2．6 提交按钮\t141
10．2．7 重置按钮\t141
10．2．8 多行文本框textarea\t141
10．2．9 label标签\t142
10．2．10 下拉列表框\t143
10．2．11 其他基本元素\t144
10．3 表单高级元素的使用\t145
10．3．1 url类型元素\t145
10．3．2 email类型元素\t146
10．3．3 number类型元素\t146
10．3．4 range类型元素\t147
10．3．5 search类型元素\t148
10．3．6 color类型元素\t149
10．3．7 日期和时间元素\t149
10．3．8 datalist标签\t150
10．3．9 input表单控件新增属性\t151
10．4 综合实例――创建用户反馈表单\t153
本章小结\t160
练习与实训\t160
第11章 网页多媒体设计\t162
11．1　HTML5 audio元素和video元素概述\t162
11．1．1 视频容器\t162
11．1．2 音频和视频编解码器\t162
11．1．3 audio元素和video元素的src
属性和source属性\t164
11．2　网页中的音频文件\t165
11．2．1 audio元素的浏览器支持情况\t165
11．2．2 添加自动播放音频文件（autoplay
属性）\t165
11．2．3 添加带有控件的音频文件
（controls属性）\t166
11．2．4 添加循环播放音频文件
（loop属性）\t167
11．2．5 添加预播放的音频文件
（preload属性）\t167
11．3　网页中的视频文件\t168
11．3．1 video元素的浏览器支持情况\t168
11．3．2 添加带有控件的视频文件
（controls属性）\t169
11．3．3 添加自动播放的视频文件
（autoplay属性）\t171
11．3．4 添加循环播放的视频文件（loop
属性）\t172
11．3．5 添加预播放的视频文件（preload
属性）\t173
11．3．6 设置视频文件的宽度和高度
（width与height属性）\t174
11．3．7 设置视频文件的error属性\t175
11．3．8 设置视频文件的networkState
属性（只读属性）\t176
11．3．9 视频文件的readyState属性\t176
11．4　多媒体元素常用方法和事件简述\t176
11．5 综合实例 ―― 使用多媒体元素播放
文件\t177
本章小结\t178
练习与实训\t178
第12章 HTML5布局\t179
12．1 布局简介\t179
12．1．1 页面元素与布局核心技巧\t179
12．1．2 元素显示方式\t179
12．2 图文混排与题图文字布局\t180
12．2．1 图文混排布局\t180
12．2．2 题图文字布局\t181
12．3 float多栏布局\t182
12．3．1 float浮动\t183
12．3．2 清除浮动clear\t185
12．3．3 float两列均分布局\t186
12．3．4 float多栏布局\t191
12．4 盒布局与弹性盒布局\t197
12．4．1 盒布局\t197
12．4．2 弹性盒布局\t199
12．5 position定位\t205
12．5．1 position\t205
12．5．2 z-index\t207
12．5．3 clip\t208
本章小结\t209
练习与实训\t209
第13章 使用JavaScript脚本语言实现网页
动态效果\t210
13．1　JavaScript简介\t210
13．1．1　JavaScript的概念和特点\t210
13．1．2　JavaScript与Java\t211
13．1．3　第一个JavaScript程序\t212
13．2　在html文档中使用脚本代码\t215
13．2．1 内部引用JavaScript\t216
13．2．2 外部引用JavaScript\t216
13．2．3 内联引用JavaScript\t217
13．3　JavaScript语言基础\t218
13．3．1　JavaScript语法格式\t218
13．3．2　JavaScript语句\t218
13．3．3　JavaScript注释\t219
13．3．4　数据类型\t220
13．3．5　常量\t220
13．3．6　变量\t221
13．4　表达式与运算符\t222
13．4．1　表达式\t222
13．4．2　运算符\t222
13．5　JavaScript控制结构与函数\t224
13．5．1　JavaScript控制结构\t224
13．5．2　函数\t233
13．6 事件驱动及事件处理\t237
13．7　对象编程\t239
13．7．1 内置对象\t239
13．7．2 文档对象编程\t248
13．8　综合实例――实现即时验证效果\t254
本章小结\t259
练习与实训\t259
第14章 网页设计与开发综合范例\t260
14．1　网页内容分析\t260
14．2　综合实例――制作门户类网页\t261
14．2．1 网页框架构建及素材的准备\t261
14．2．2 建立本地站点\t262
14．2．3 使用HTML创建页面结构\t263
14．2．4 使用CSS布局并美化页面\t265
本章小结\t271
练习与实训\t271
参考文献 \t272