HTML CSS JavaScript网页制作全能一本通PDF电子书下载

第1篇 HTML篇 1

第1章 HTML入门 1

1.1什么是HTML 2

1.2 HTML文件的基本结构 3

1.2.1 HTML文件结构 3

1.2.2编写HTML文件的注意事项 4

1.3 HTML文件编写方法 4

1.3.1使用记事本编写HTML页面 4

1.3.2使用Dreamweaver编写HTML页面 6

1.4网页设计与开发的过程 6

1.4.1明确网站定位 6

1.4.2收集信息和素材 7

1.4.3规划栏目结构 7

1.4.4设计页面图像 8

1.4.5制作页面 8

1.4.6实现后台功能 9

1.4.7网站的测试与发布 10

1.5本章小结 11

第2章 HTML基本标记 12

2.1 HTML页面主体的常用设置 13

2.1.1定义网页背景色——bgcolor 13

2.1.2设置背景图片——background 14

2.1.3设置文字颜色——text 15

2.1.4设置链接文字属性 16

2.1.5设置页面边距 18

2.2页面头部元素〈head〉和〈！DOCTYPE〉 19

2.3页面标题元素〈title〉 20

2.4元信息元素〈meta〉 21

2.4.1设置页面关键词 21

2.4.2设置页面主要内容 22

2.4.3定义页面的搜索方式 22

2.4.4定义编辑工具 23

2.4.5定义页面的作者信息 23

2.4.6定义网页文字及语言 24

2.4.7定义页面的跳转 24

2.4.8定义页面的版权信息 25

2.5脚本元素〈script〉 25

2.6创建样式元素〈style〉 26

2.7链接元素〈link〉 27

2.8综合实战——创建基本的HTML文件 28

2.9本章小结 29

第3章 用HTML设置文字与段落格式 30

3.1插入其他标记 31

3.1.1输入空格符号 31

3.1.2输入特殊符号 32

3.2设置文字的格式 33

3.2.1设置字体——face 33

3.2.2设置字号——size 33

3.2.3设置文字颜色——color 34

3.2.4设置粗体、斜体、下画线——b、strong、em、u 35

3.2.5设置上标与下标——sup、sub 36

3.3设置段落的格式 37

3.3.1段落标记——p 37

3.3.2段落的对齐属性——align 38

3.3.3不换行标记——nobr 39

3.3.4换行标记——br 40

3.4水平线标记 40

3.4.1插入水平线——hr 40

3.4.2设置水平线宽度与高度属性——width、size 41

3.4.3设置水平线的颜色——color 42

3.4.4设置水平线的对齐方式——align 43

3.4.5水平线去掉阴影——noshade 44

3.5设置滚动文字 44

3.5.1滚动文字标签——marquee 44

3.5.2滚动方向属性——direction 45

3.5.3滚动方式属性——behavior 46

3.5.4滚动速度属性——scrollamount 47

3.5.5滚动延迟属性——scrolldelay 48

3.5.6滚动循环属性——loop 48

3.5.7滚动范围属性——width、height 49

3.5.8滚动背景颜色属性——bgcolor 50

3.5.9滚动空间属性——hspace、vspace 51

3.6综合实例——设置页面文本及段落 51

3.7本章小结 53

第4章 用HTML创建精彩的图像和多媒体页面 54

4.1网页中常见的图像格式 55

4.2插入图像并设置图像属性 56

4.2.1图像标记——img 56

4.2.2设置图像高度——height 57

4.2.3设置图像宽度——width 57

4.2.4设置图像的边框——border 58

4.2.5设置图像水平间距——hspace 59

4.2.6设置图像垂直间距——vspace 60

4.2.7设置图像的对齐方式——align 61

4.2.8设置图像的替代文字——alt 61

4.3添加多媒体文件 62

4.4添加背景音乐 63

4.4.1设置背景音乐——bgsound 63

4.4.2设置循环播放次数——loop 64

4.5综合实例 65

综合实例1——创建多媒体网页 65

综合实例2——创建图文混合排版网页 66

4.6本章小结 68

第5章 用HTML创建超链接和表单 69

5.1超链接的基本概念 70

5.2创建基本超链接 71

5.2.1超链接标记 71

5.2.2设置的目标窗口 72

5.3创建图像的超链接 73

5.3.1设置图像超链接 73

5.3.2设置图像热区链接 75

5.4创建锚点链接 76

5.4.1创建锚点 76

5.4.2链接到页面不同位置的锚点链接 77

5.5插入表单——form 79

5.5.1处理动作——action 79

5.5.2表单名称——name 79

5.5.3传送方法——method 80

5.5.4编码方式——enctype 80

5.5.5目标显示方式——target 81

5.6综合实例 82

综合案例1——插入表单对象 82

综合案例2——给网页添加链接 84

5.7本章小结 85

第6章 使用HTML创建强大的表格 86

6.1创建并设置表格属性 87

6.1.1表格的基本标记——table、tr、td 87

6.1.2表格宽度和高度——width、height 89

6.1.3表格的标题——caption 89

6.1.4表格的表头——th 91

6.1.5表格对齐方式——align 92

6.1.6表格的边框宽度——border 94

6.1.7表格边框颜色——bordercolor 95

6.1.8单元格间距——cellspacing 96

6.1.9单元格边距——cellpadding 97

6.1.10表格的背景色——bgcolor 98

6.1.11表格的背景图像——-background 99

6.2表格的结构标记 100

6.2.1设计表头样式——thead 100

6.2.2设计表主体样式——tbody 102

6.2.3设计表尾样式——tfoot 103

6.3综合实例——使用表格排版网页 104

6.4本章小结 107

第7章 创建框架结构网页 108

7.1窗口框架简介 109

7.2设置框架集标记frameset属性 110

7.2.1水平分割窗口——rows 110

7.2.2垂直分割窗口——cols 111

7.2.3嵌套分割窗口 112

7.2.4设置边框——frameborder 113

7.2.5框架的边框宽度——fiamespacing 114

7.2.6框架的边框颜色——bordercolor 115

7.3设置框架标记frame属性 116

7.3.1框架页面源文件——src 116

7.3.2框架名称——name 117

7.3.3调整框架窗口的尺寸——noresize 118

7.3.4框架边框与页面内容的水平边距——marginwidth 119

7.3.5框架边框与页面内容的垂直边距——marginheight 120

7.3.6设置框架滚动条显示——scrolling 121

7.3.7不支持框架标记——noreames 122

7.4浮动框架 123

7.4.1浮动框架的页面源文件——src 123

7.4.2浮动框架的宽度和高度——width和height 124

7.4.3浮动框架的对齐方式——align 124

7.4.4设置浮动框架是否显示滚动条——scrolling 125

7.4.5浮动框架的边框——frameborder 126

7.5综合实例——创建上方固定、左侧嵌套的框架网页 126

7.6本章小结 129

第8章 移动开发基础HTML5 130

8.1认识HTML 5 131

8.1.1实用性和用户优先 131

8.1.2化繁为简 132

8.2 HTML 5的新特性 133

8.3 HTML 5与HTML4的区别 134

8.3.1 HTML 5的语法变化 134

8.3.2 HTML 5中的标记方法 134

8.3.3 HTML 5语法中的三个要点 135

8.3.4标签实例 135

8.4新增的主体结构元素 138

8.4.1 article元素 138

8.4.2 section元素 139

8.4.3 nav元素 140

8.4.4 aside元素 143

8.4.5 time元素 143

8.4.6 progress属性 144

8.5新增的非主体结构元素 146

8.5.1 header元素 146

8.5.2 hgroup元素 147

8.5.3 footer元素 147

8.5.4 address元素 148

8.6本章小结 149

第2篇 CSS篇 150

第9章 CSS基础知识 150

9.1 CSS简介 151

9.1.1 CSS基本概念 151

9.1.2 CSS的优点 152

9.1.3 CSS功能 152

9.1.4浏览器与CSS 153

9.1.5 CSS发展历史 153

9.2在HTML 5中使用CSS的方法 154

9.2.1内嵌样式 154

9.2.2行内样式 155

9.2.3链接外部样式表 155

9.2.4导入样式 156

9.2.5优先级问题 157

9.3使用Dreamweaver设置CSS样式 157

9.3.1设置文本样式 157

9.3.2设置背景样式 159

9.3.3设置区块样式 160

9.3.4设置方框样式 162

9.3.5设置边框样式 163

9.3.6设置列表样式 165

9.3.7设置定位样式 166

9.3.8设置扩展样式 168

9.3.9过渡样式的定义 168

9.4选择器类型 169

9.4.1标签选择器 169

9.4.2类选择器 169

9.4.3 ID选择器 171

9.5编辑和浏览CSS 172

9.5.1手工编写CSS 172

9.5.2 Dreamweaver编写CSS 173

9.6综合实例——为网页添加CSS样式 174

9.7本章小结 175

第10章 用CSS设计丰富的文字效果 176

10.1通过CSS控制文本样式 177

10.1.1字体——font-family 177

10.1.2字号——font-size 178

10.1.3加粗字体——font-weight 180

10.1.4字体风格——font-style 180

10.1.5小写字母转为大写字母——font-variant 182

10.2通过CSS控制段落格式 183

10.2.1单词间隔——word-spacing 183

10.2.2字符间隔letter-spacing 184

10.2.3文字修饰——text-decoration 185

10.2.4垂直对齐方式——vertial-align 186

10.2.5文本转换——text-transform 187

10.2.6水平对齐方式——text-align 188

10.2.7文本缩进——text-indent 189

10.2.8文本行高——line-height 190

10.2.9处理空白——white-space 192

10.3综合实例——CSS字体样式综合演练 193

10.4本章小结 195

第11章 用CSS设计图像和背景 196

11.1设置网页的背景 197

11.1.1背景颜色 197

11.1.2背景图像 198

11.2设置背景图像的属性 200

11.2.1设置背景重复 200

11.2.2设置固定背景 201

11.2.3设置背景定位 202

11.3设置网页图像的样式 205

11.3.1设置图像边框 205

11.3.2图文混合排版 207

11.4应用CSS滤镜制作图像特效 208

11.4.1控制图像和背景的透明度（alpha） 208

11.4.2灰度（Gray） 210

11.4.3反色（Invert） 210

11.5综合实例 211

综合实例1——给图片添加边框 211

综合实例2——鼠标移到图片上时产生渐变效果 212

11.6本章小结 213

第12章 设计更富灵活性的表格和表单 214

12.1网页中的表格 215

12.1.1表格对象标记 215

12.1.2在Dreamweaver中插入表格 216

12.1.3设置表格的颜色 217

12.1.4设置表格的边框样式 219

12.1.5设置表格的阴影 220

12.1.6设置表格的渐变背景 221

12.2网页中的表单 223

12.2.1表单对象 223

12.2.2表单标记 223

12.2.3设置边框样式 224

12.2.4设置背景样式 226

12.2.5设置输入文本的样式 229

12.3综合实例 229

综合实例1——制作变换背景色的表格 229

综合实例2——设计文本框的样式 231

12.4本章小结 233

第13章 用CSS制作链接与网站导航 234

13.1超链接基础 235

13.1.1超链接的基本概念 235

13.1.2使用页面属性设置超链接 236

13.2链接标记 237

13.2.1 a：link 237

13.2.2 a：visited 238

13.2.3 a：active 239

13.2.4 a：hover 240

13.3各种形式的超链接 241

13.3.1背景色变换链接 241

13.3.2多姿多彩的下画线链接 243

13.3.3图像翻转链接 244

13.3.4边框变换链接 246

13.4项目列表 248

13.4.1有序列表 248

13.4.2无序列表 250

13.5横排导航 251

13.5.1文本导航 251

13.5.2标签式导航 253

13.6竖排导航 255

13.7综合实例——实现背景变换的导航菜单 256

13.8本章小结 258

第14章 CSS中的滤镜 259

14.1滤镜概述 260

14.2动感模糊blur 261

14.3对颜色进行透明处理chroma 262

14.4设置阴影DropShadow 263

14.5对象的翻转FlipH、FlipV 264

14.6发光效果Glow 264

14.7 X光片效果Xray 265

14.8波形滤镜Wave 266

14.9遮罩效果Mask 267

14.10本章小结 267

第15章 CSS＋DIV布局定位基础 268

15.1网站与Web标准 269

15.1.1什么是Web标准 269

15.1.2为什么要建立Web标准 270

15.2 Div标记与Span标记 270

15.2.1 Div概述 270

15.2.2 Div与Span的区别 271

15.3盒子模型 273

15.3.1盒子模型的概念 273

15.3.2 border 273

15.3.3 padding 279

15.3.4 margin 281

15.4盒子的浮动与定位 283

15.4.1盒子的浮动float 284

15.4.2 position定位 286

15.4.3 z-index空间位置 291

15.5本章小结 292

第16章 CSS＋DIV布局方法 293

16.1 CSS布局理念 294

16.1.1将页面用div分块 294

16.1.2设计各块的位置 295

16.1.3用CSS定位 295

16.2固定宽度布局 296

16.2.1一列固定宽度 296

16.2.2两列固定宽度 298

16.2.3圆角框 299

16.3可变宽度布局 301

16.3.1一列自适应 301

16.3.2两列宽度自适应 302

16.3.3两列右列宽度自适应 304

16.3.4三列浮动中间宽度自适应 304

16.3.5三行二列居中高度自适应布局 305

16.4 CSS布局与传统的表格方式布局分析 307

16.5本章小结 310

第17章 CSS 3指南 311

17.1预览激动人心的CSS 3 313

17.1.1 CSS 3的发展历史 313

17.1.2 CSS 3新增特性 313

17.1.3主流浏览器对CSS 3的支持 318

17.2使用CSS 3实现圆角表格 318

17.3使用CSS 3制作图片滚动菜单 320

17.4使用CSS 3制作文字立体效果 323

17.5使用CSS 3制作多彩的网页图片库 325

17.6使用CSS 3实现的幻灯图片效果 329

17.7本章小结 334

第3篇 Java Script篇 335

第18章 JavaScript基础知识 335

18.1 JavaScript简介 336

18.1.1 JavaScript的历史 336

18.1.2 JavaScript特点 336

18.1.3 JavaScript注释 337

18.2 JavaScript的添加方法 337

18.2.1内部引用 337

18.2.2外部调用js文件 338

18.2.3添加到事件中 339

18.3第一个JavaScript程序 339

18.3.1预备知识 339

18.3.2 JavaScript编辑器的选择 340

18.3.3编写good morning！程序 341

18.3.4浏览器对JavaScript的支持 341

18.4综合实例——浏览器状态栏显示信息 342

18.5本章小结 343

第19章 数据类型和运算符 344

19.1基本数据类型 345

19.1.1使用字符串型数据 345

19.1.2使用数值型数据 346

19.1.3使用布尔型数据 347

19.1.4使用Undefined和Null类型 347

19.2复合数据类型 348

19.2.1常用的内置对象 348

19.2.2日期对象 349

19.2.3数学对象 352

19.2.4字符串对象 353

19.2.5数组对象 354

19.3常量 355

19.3.1常量的种类 355

19.3.2常量的使用方法 356

19.4变量 357

19.4.1变量的含义 357

19.4.2变量的定义方式 357

19.4.3变量的命名规则 358

19.4.4变量的作用范围 358

19.5运算符介绍 359

19.5.1运算符 359

19.5.2操作数的类型 360

19.6算术运算符 360

19.6.1加法运算符 360

19.6.2减法运算符 361

19.6.3乘法运算符 361

19.6.4除法运算符 362

19.6.5取模运算符 363

19.6.6负号运算符 363

19.6.7正号运算符 364

19.6.8递增运算符 364

19.6.9递减运算符 365

19.7关系运算符 366

19.7.1相等运算符 366

19.7.2等同运算符 367

19.7.3不等运算符 368

19.7.4不等同运算符 369

19.7.5小于运算符 369

19.7.6大于运算符 370

19.7.7小于或等于运算符 370

19.7.8大于或等于运算符 371

19.8字符串运算符 372

19.9赋值运算符 372

19.10逻辑运算符 373

19.10.1逻辑与运算符 373

19.10.2逻辑或运算符 374

19.10.3逻辑非运算符 374

19.11位运算符 374

19.11.1位与运算符 375

19.11.2位或运算符 375

19.11.3位异或运算符 376

19.11.4位非运算符 376

19.11.5左移运算符 377

19.11.6带符号右移运算符 377

19.12本章小结 378

第20章 JavaScript语法基础 379

20.1函数 380

20.1.1什么是函数 380

20.1.2函数的参数传递 381

20.1.3函数中变量的作用域和返回值 381

20.2函数的定义 382

20.2.1函数的普通定义方式 382

20.2.2函数的变量定义方式 384

20.2.3函数的指针调用方式 384

20.3使用选择语句 386

20.3.1 if选择语句 386

20.3.2 if…else选择语句 387

20.3.3 if…else if…else选择语句 387

20.3.4 switch多条件选择语句 389

20.4使用循环语句 390

20.4.1 for循环语句 390

20.4.2 while循环语句 391

20.4.3 do…while循环语句 392

20.4.5 break和continue跳转语句 393

20.5综合实例——禁止鼠标右击 395

20.6本章小结 396

第21章 JavaScript中的事件 397

21.1事件驱动与事件处理 398

21.1.1事件详解 398

21.1.2事件与事件驱动 398

21.1.3事件与处理代码关联 399

21.1.4调用函数的事件 401

21.1.5调用代码的事件 402

21.1.6设置对象事件的方法 403

21.2常见事件 404

21.2.1 onClick事件 404

21.2.2 onchange事件 405

21.2.3 onSelect事件 406

21.2.4 onfocus事件 407

21.2.5 onload事件 408

21.2.6鼠标移动事件 409

21.2.7 onblur事件 410

21.2.8 onsubmit事件和onreset事件 411

21.2.9 onresize事件 412

21.2.10键盘事件 413

21.3其他常用事件 414

21.4综合实例——将事件应用于按钮中 415

21.5本章小结 416

第22章 JavaScript中的对象 417

22.1 JavaScript对象的声明和引用 418

22.1.1声明和实例化 418

22.1.2对象的引用 419

22.2浏览器对象 420

22.2.1 navigator对象 420

22.2.2 window对象 421

22.2.3 location对象 422

22.2.4 history对象 423

22.2.5 document对象 424

22.3内置对象 425

22.3.1 date对象 426

22.3.2数学对象math 427

22.3.3字符串对象string 428

22.3.4数组对象array 429

22.4综合实例——改变网页背景颜色 430

22.5本章小结 431

第4篇 综合实例篇 432

第23章 设计制作企业网站 432

23.1网站整体规划 433

23.1.1网站的需求分析 433

23.1.2色彩搭配与风格设计 433

23.2页面架构分析 434

23.2.1页面内容结构布局 434

23.2.2页面HTML框架代码 435

23.3页面的通用规则 436

23.4制作页面头部header部分 437

23.4.1制作页面头部的结构 437

23.4.2定义页面头部的样式 438

23.5制作网站导航nav部分 442

23.5.1制作网站导航nav部分页面结构 442

23.5.2定义网站导航nav部分样式 442

23.6制作欢迎文字welcome部分 444

23.6.1制作welcome部分页面结构 444

23.6.2定义welcome部分样式 444

23.7制作会员登录与精彩活动部分 445

23.7.1制作会员登录部分 445

23.7.2制作精彩活动部分 448

23.8制作我们的优势和应对策略部分 450

23.8.1制作我们的优势部分 450

23.8.2制作应对策略部分 452

23.9制作底部footer部分 455

23.10利用JavaScript制作网页特效 457

23.11本章小结 458