精通HTML5 + CSS3+JavaScript网页设计PDF电子书下载

第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