第1章HTML5概述 1
1.1 HTML5的基本概念 1
1.1.1 HTML 5简介 1
1.1.2 HTML 5文件的基本结构 2
1.2 HTML5文件的编写方法 3
1.2.1使用记事本手工编写HTML文件 3
1.2.2使用Dreamweaver CS5.5编写HTML文件 4
1.3使用浏览器查看HTML5文件 8
1.3.1各大浏览器与HTML5的兼容 8
1.3.2查看页面效果 8
1.3.3查看源文件 9
1.4专家解惑 9
第2章HTML5网页文档结构 11
2.1 Web标准 11
2.1.1 Web标准概述 11
2.1.2 Web标准规定的内容 12
2.2 HTML基本标记 13
2.2.1文档类型说明 13
2.2.2 HTML标记 13
2.2.3头标记head 14
2.2.4网页的主体标记body 17
2.2.5页面注释标记〈!-- --〉 17
2.3综合实例——符合W3C标准的HTML5网页 18
2.4专家解惑 19
第3章HTML5网页中的文本和图像 20
3.1添加文本 20
3.1.1普通文本 20
3.1.2特殊文字符号 20
3.1.3文本特殊样式 22
3.2文本排版 24
3.2.1换行标记〈br/〉与段落标记〈p〉 24
3.2.2标题标记〈hl〉~〈h6〉 26
3.3文字列表 27
3.3.1建立无序列表〈ul〉 27
3.3.2建立有序列表〈ol〉 29
3.4网页中的图像〈img〉 30
3.4.1网页中支持的图片格式 30
3.4.2使用路径 31
3.4.3网页中插入图像标记〈img〉 32
3.5综合实例——图文并茂房屋装饰装修网页 35
3.6专家解惑 36
第4章 用HTML5建立超链接 38
4.1 URL的概念 38
4.1.1 URL的格式 38
4.1.2 URL的类型 39
4.2超链接标记〈a〉 39
4.2.1设置文本和图片的超链接 40
4.2.2超链接指向的目标类型 41
4.2.3设置以新窗口显示超链接页面 43
4.3创建热点区域 44
4.4浮动框架iframe 45
4.5综合实例——用Dreamweaver精确定位热点区域 46
4.6专家解惑 49
第5章用HTM L5创建表格 51
5.1表格基本结构及操作 51
5.1.1表格基本结构 51
5.1.2合并单元格 53
5.2完整的表格标记 57
5.3综合实例——制作计算机报价单 59
5.4专家解惑 61
第6章 使用表单 62
6.1表单概述 62
6.2表单基本元素的使用 63
6.2.1单行文本输入框text 63
6.2.2多行文本框标记〈textarea〉 64
6.2.3密码域password 65
6.2.4单选按钮radio 65
6.2.5复选框checkbox 66
6.2.6选择列表标记〈select〉 67
6.2.7普通按钮button 68
6.2.8提交按钮submit 69
6.2.9重置按钮reset 70
6.3表单高级元素的使用 71
6.3.1 url属性 71
6.3.2 eamil属性 72
6.3.3 date和Times 73
6.3.4 number属性 74
6.3.5 range属性 75
6.3.6 required属性 75
6.4综合实例——创建用户反馈表单 76
6.5专家解惑 78
第7章CSS3概述 79
7.1 CSS3介绍 79
7.1.1 CSS3功能 79
7.1.2 CSS3发展历史 80
7.1.3浏览器与CSS3 80
7.2编辑和浏览CSS 80
7.2.1 CSS基础语法 81
7.2.2使用记事本手工编写CSS文件 81
7.2.3使用Dreamweaver创建CSS文件 82
7.3在HTML5中使用CSS3的方法 84
7.3.1行内样式 84
7.3.2内嵌样式 85
7.3.3链接样式 86
7.3.4导入样式 88
7.3.5优先级问题 89
7.4 CSS3选择器 92
7.4.1标记选择器 92
7.4.2类选择器 93
7.4.3 ID选择器 94
7.4.4全局选择器 96
7.4.5组合选择器 97
7.4.6继承选择器 98
7.4.7伪类 99
7.4.8属性选择器 101
7.4.9结构伪类选择器 102
7.4.10 UI元素状态伪类选择器 104
7.5选择器声明 105
7.5.1集体声明 105
7.5.2多重嵌套声明 106
7.6综合实例1——制作五彩标题 107
7.7综合实例2——制作新闻菜单 110
7.8专家解惑 112
第8章CSS3字体与段落属性 114
8.1字体属性 114
8.1.1字体font-family 114
8.1.2字号font-size 115
8.1.3字体风格font-style 117
8.1.4加粗字体font-weight………: 118
8.1.5小写字母转为大写字母font-variant 119
8.1.6字体复合属性font 120
8.1.7字体颜色color 121
8.2文本高级样式 122
8.2.1阴影文本text-shadow 122
8.2.2溢出文本text-overflow 123
8.2.3控制换行word-wrap 125
8.2.4保持字体尺寸不变font-size-adjust 126
8.3段落属性 127
8.3.1单词间隔word-spacing 127
8.3.2字符间隔letter-spacing 128
8.3.3文字修饰text-decoration 129
8.3.4垂直对齐方式vertial-align 130
8.3.5文本转换text-transform 132
8.3.6水平对齐方式text-align 133
8.3.7文本缩进text-indent 135
8.3.8文本行高line-height 136
8.3.9处理空白white-sapce 137
8.3.10文本反排unicode-bidi和direction 138
8.4综合实例1——制作旅游宣传网页 140
8.5综合实例2——网页简单图文混排 144
8.6专家解惑 146
第9章CSS3美化表格和表单样式 147
9.1表格基本样式 147
9.1.1表格边框样式 147
9.1.2表格边框宽度 150
9.1.3表格边框颜色 151
9.2 CSS3与表单 152
9.2.1美化表单中元素 153
9.2.2美化提交按钮 155
9.2.3美化下拉菜单 156
9.3综合实例1——隔行变色 158
9.4综合实例2——表格图文网页布局 161
9.5综合实例3——变色表格 163
9.6综合实例4——登录表单 167
9.7综合实例5——注册表单 168
9.8专家解惑 171
第10章CSS3美化图像 172
10.1图片样式 172
10.1.1图片边框 172
10.1.2图片缩放 174
10.2对齐图片 176
10.2.1横向对齐方式 176
10.2.2纵向对齐方式 177
10.3图文混排 179
10.3.1文字环绕 179
10.3.2设置图片与文字间距 180
10.4综合实例1——一句话新闻 182
10.5综合实例2——学校宣传单 186
10.6专家解惑 189
第11章CSS3美化背景与边框 190
11.1背景相关属性 190
11.1.1背景颜色 190
11.1.2背景图片 192
11.1.3背景图片重复 193
11.1.4背景图片显示 194
11.1.5背景图片位置 196
11.1.6背景图片大小 198
11.1.7背景显示区域 199
11.1.8背景图像裁剪区域 201
11.1.9背景复合属性 202
11.2边框 203
11.2.1边框样式 203
11.2.2边框颜色 205
11.2.3边框线宽 206
11.2.4边框复合属性 208
11.3圆角边框 209
11.3.1圆角边框属性 209
11.3.2指定两个圆角半径 210
11.3.3绘制四个不同圆角边框 211
11.3.4绘制边框种类 214
11.4图片边框 215
11.4.1图片边框属性 215
11.4.2设置图像边框显示方式 216
11.4.3图像边框重复性解析 219
11.5综合实例——简单公司主页 220
11.6专家解惑 224
第12章JavaScript概述 225
12.1 JavaScript简介 225
12.1.1 JavaScript是什么 225
12.1.2 JavaScript和Java的关系 226
12.1.3 JavaScript的发展历史 226
12.1.4 JavaScript开发及运行环境 227
12.2在HTML5文件中使用JavaScript代码 228
12.2.1 JavaScript嵌入HTML5文件 228
12.2.2外部JavaScript文件 229
12.3综合实例——欢迎光临网站的JavaScript程序 231
12.4专家解惑 232
第13章JavaScript语言基础 233
13.1数据类型与变量 233
13.1.1数据类型 233
13.1.2变量 235
13.1.3保留关键字 237
13.2运算符与表达式 238
13.2.1算术运算符及表达 238
13.2.2赋值运算符及其表达式 239
13.2.3关系运算符及其表达式 240
13.2.4位运算符及其表达式 240
13.2.5逻辑运算符与逻辑表达式 241
13.2.6其他运算符及运算符优先级 242
13.3流程控制语句 243
13.3.1注释语句和语句块 244
13.3.2选择语句 245
13.3.3循环语句 251
13.4函数 255
13.4.1函数简介 255
13.4.2定义函数 255
13.4.3调用函数 258
13.4.4系统函数 260
13.5综合实例——购物简易计算器 264
13.6专家解惑 266
第14章JavaScript内置对象 268
14.1字符串对象 268
14.1.1字符串对象的创建 268
14.1.2字符串对象的常用属性 269
14.1.3字符串对象的常用函数 269
14.2数学对象 272
14.2.1数学对象的属性 272
14.2.2数学对象的函数 272
14.3日期对象 276
14.3.1创建日期对象 276
14.3.2日期对象的常用函数 277
14.3.3日期间的运算 281
14.4数组对象 282
14.4.1数组对象的创建 282
14.4.2数组对象的操作 283
14.4.3数组对象的常用方法 286
14.5综合实例——随机验证码和动态时钟 290
14.6专家解惑 294
第15章JavaScript对象编程 295
15.1文档对象模型(DOM) 295
15.1.1文档对象模型(DOM)介绍 295
15.1.2在DOM模型中获得对象的方法 295
15.1.3事件驱动 297
15.2窗口(window)对象 299
15.2.1窗口(window)介绍 299
15.2.2对话框 301
15.2.3窗口操作 303
15.3文档(document)对象 305
15.3.1文档的属性 305
15.3.2文档中的图片 307
15.3.3文档中的超链接 308
15.4表单对象 310
15.4.1 form对象 310
15.4.2 form对象属性与方法 311
15.4.3单选与复选的使用 313
15.4.4下拉菜单使用 314
15.4.5案例:表单注册与表单验证 315
15.5综合实例——省市联动效果 321
15.6专家解惑 325
第16章JavaScript操纵CSS3 326
16.1 DHTML简介 326
16.2前台动态网页效果 327
16.2.1动态内容 327
16.2.2动态样式 328
16.2.3动态定位 329
16.2.4显示与隐藏 332
16.3综合实例1——JS控制表单背景色和文字提示 333
16.4综合实例2——实现即时验证效果 336
16.5专家解惑 338
第17章HTML5、 CSS3和JavaScript 339
17.1综合实例1——打字效果的文字 339
17.2综合实例2——文字升降特效 341
17.3综合实例3——跑马灯效果 343
17.4综合实例4——闪烁图片 345
17.5综合实例5——左右移动的图片 347
17.6综合实例6——向上滚动菜单 349
17.7综合实例7——跟随鼠标移动的图片 351
17.8综合实例8——树形菜单 353
17.9综合实例9——颜色选择器 359
17.10专家解惑 361
第18章HTML5绘制图形 363
18.1 canvas概述 363
18.1.1添加canvas元素 363
18.1.2绘制矩形 364
18.2绘制基本形状 365
18.2.1绘制圆形 365
18.2.2使用moveTo与lineTo绘制直线 366
18.2.3使用bezierCurveTo绘制贝济埃曲线 368
18.3绘制渐变图形 370
18.3.1绘制线性渐变 370
18.3.2绘制径向渐变 372
18.4绘制变形图形 373
18.4.1变换原点坐标 373
18.4.2图形缩放 374
18.4.3旋转图形 376
18.5图形组合 377
18.6绘制带阴影的图形 379
18.7使用图像 380
18.7.1绘制图像 380
18.7.2图像平铺 382
18.7.3图像裁剪 383
18.7.4像素处理 385
18.8绘制文字 387
18.9图形的保存与恢复 389
18.9.1保存与恢复状态 389
18.9.2保存文件 390
18.9.3绘制图形综合应用 391
18.10综合实例1—绘制火柴棒人物 393
18.11综合实例2—绘制时钟 397
18.12专家解惑 400
第19章HTML5中的音频和视频 401
19.1 〈audio〉标记 401
19.1.1 〈audio〉标记概述 401
19.1.2 〈audio〉标记的属性 402
19.1.3音频解码器 403
19.1.4 〈audio〉标记浏览器的支持情况 403
19.2 〈video〉标记 403
19.2.1 〈video〉标记概述 403
19.2.2 〈video〉标记的属性 404
19.2.3视频解码器 405
19.2.4 〈video〉标记浏览器的支持情况 405
19.3专家解惑 405
第20章 地理定位、离线Web应用和Web存储 407
20.1获取地理位置 407
20.1.1地理地位的原理 407
20.1.2地理定位的函数 407
20.1.3指定纬度和经度坐标 408
20.1.4目前浏览器对地理定位的支持情况 409
20.2 HTML5离线web应用 410
20.2.1新增的本地缓存 410
20.2.2本地缓存的管理者——manifest文件 410
20.2.3浏览器网页缓存与本地缓存的区别 411
20.2.4目前浏览器对Web离线应用的支持情况 411
20.3 Web存储 412
20.3.1本地存储和Cookies的区别 412
20.3.2在客户端存储数据 412
20.3.3 sessionStorage函数 413
20.3.4 localStorage函数 414
20.3.5目前浏览器对Web存储的支持情况 416
20.4专家解惑 416
第21章 企业门户网站的综合实战 417
21.1构思布局 417
21.1.1设计分析 417
21.1.2排版架构 418
21.2模块分割 419
21.2.1 Logo与导航菜单 419
21.2.2左侧文本介绍 421
21.2.3右侧导航链接 423
21.2.4版权信息 425
21.3整体调整 425
21.4专家解惑 426