网页开发手记 HTML+CSS+JavaScript实战详解PDF电子书下载

第1篇HTML网页技术 1

第1章 网页技术学前班 2

1.1 Intetnet相关技术介绍 3

1.1.1 TCP/IP协议 3

1.1.2 IP地址和域名简介 3

1.1.3 URL简介 4

1.1.4 Web浏览器 4

1.2 Internet技术的应用 4

1.3 HTML网页技术简介 5

1.3.1什么是HTML 5

1.3.2 HTML网页的结构 5

1.3.3如何获取网页的HTML 6

1.4静态网页和动态网页 6

1.4.1有动画的网页就是动态网页吗 6

1.4.2有了动态网页还有必要学习HTML吗 7

1.4.3网站简介 8

1.5小结 8

第2章 网页制作的第一次接触 9

2.1配置Web服务器运行环境 10

2.1.1系统要求 10

2.1.2 IIS是干什么的 10

2.1.3安装IIS 10

2.1.4配置IIS 11

2.1.5网页制作工具的选择 13

2.2了解网页技术的工作原理 13

2.2.1静态HTML的工作流程 14

2.2.2如何设置Web技术中的访问路径 14

2.2.3网页中怎么表示颜色 15

2.2.4学习网页技术的顺序 16

2.3制作一个完整的HTML网页 17

2.3.1怎样写HTML网页的标签 17

2.3.2完成第一个网页 17

2.4小结 19

第3章HTML网页的整体设置 20

3.1 HTML的头部信息设置 21

3.1.1定义网页的标题 21

3.1.2设置网页的基底网址 22

3.1.3掌握强大的元信息标签 22

3.1.4怎样和CSS及JavaScript产生联系 24

3.1.5头部信息的其他设置 25

3.2 HTML主体的常用设置 26

3.2.1设置网页的背景色 26

3.2.2设置网页的背景图片 27

3.3页面的整体边距 29

3.4 HTML代码的注释 30

3.5小结 30

第4章HTML网页中的文字和段落 31

4.1段落排版和换行 32

4.1.1给大段文字进行分段 32

4.1.2给文字加入空格 33

4.1.3设置文字换行与不换行 33

4.1.4设置文字对齐方式 34

4.1.5添加水平分隔线 35

4.2文字的多样化修饰 37

4.2.1文字样式设置的基本标签—<font> 37

4.2.2设置文字的颜色 37

4.2.3设置文字的尺寸 38

4.2.4设置文字的字体 39

4.2.5使文字倾斜 39

4.2.6使文字加粗 39

4.2.7给文字加下画线 40

4.2.8多种标题样式的使用 40

4.2.9学会处理网页中的特殊字符 41

4.2.10如何更方便地忽略浏览器对部分HTML的解析 42

4.2.11其他文字修饰方法 43

4.3制作滚动文字 44

4.3.1设置文字滚动 44

4.3.2设置文字滚动的方向 45

4.3.3设置文字滚动的速度和形式 45

4.4用于组织数据的列表 46

4.4.1列表的结构组成 46

4.4.2制作无序列表 46

4.4.3制作有序列表 46

4.5超级链接 47

4.5.1给文字添加链接 48

4.5.2修改链接的窗口打开方式 48

4.5.3给链接添加提示文字 49

4.5.4什么是锚（anchor） 49

4.5.5电子邮件、FTP和Telnet的链接 51

4.6小结 52

第5章HTML网页中的图片 53

5.1认识网页中的图片格式 54

5.1.1常用的图片格式 54

5.1.2选择合适的图片格式 55

5.2插入图片 56

5.2.1插入图片到网页 56

5.2.2设置图片的高度和宽度 56

5.2.3设置图片的边框 57

5.2.4给图片添加提示文字 57

5.2.5给图片添加替代文字 58

5.3图文混合排版 58

5.4给图片加链接 60

5.5制作滚动图片 62

5.6小结 63

第6章 插入外部资源 64

6.1插入多媒体资源 65

6.1.1为网页添加背景声音 65

6.1.2为网页添加音乐、动画等更多媒体资源 66

6.2插入外部程序 67

6.2.1插入外部JavaScript程序 67

6.2.2区分程序的客户端程序与服务器端程序 68

6.3小结 69

第7章 强大的表格 70

7.1认识表格的作用 71

7.1.1用表格组织数据 71

7.1.2用表格布局网页 72

7.2创建一个表格 73

7.2.1表格的基本构成 73

7.2.2 <tr>与<td>的配合 74

7.2.3表头组和表尾组的设置 75

7.2.4创建一个完整的表格 75

7.3表格的整体控制 76

7.3.1控制表格的高度和宽度 76

7.3.2调整表格的水平对齐方式 77

7.3.3尝试不同类型的表格边框 78

7.3.4调整表格的填充和间距 82

7.3.5改变表格的背景色及背景图片 85

7.4表格行的控制 87

7.4.1整行的高度设置 87

7.4.2行内的对齐控制 88

7.5表格单元格的控制 89

7.5.1控制单元格的高度和宽度 90

7.5.2单元格的对齐设置 91

7.5.3合并多个单元格 91

7.6表格的互相嵌套 93

7.6.1嵌套表格的作用 93

7.6.2表格布局网页实例 94

7.6.3用Photoshop切片迅速生成布局表格 97

7.7小结 99

第8章 和程序交互的利器—表单 100

8.1表单的用途及属性 101

8.1.1表单的用途 101

8.1.2表单的结构 101

8.1.3表单的数据传递方式 102

8.2表单的控件 103

8.2.1单行文本框控件和密码框控件 103

8.2.2多行文本框控件 104

8.2.3不同类型的按钮控件 105

8.2.4单选框控件和复选框控件 106

8.2.5下拉列表和列表框控件 107

8.2.6图像域控件、文件域控件和隐藏域控件 108

8.3实战表单制作 109

8.3.1表单控件的分组方法 110

8.3.2用户注册表单页面实例 111

8.4小结 113

第9章 网页的框架页面 114

9.1用框架灵活地组织网页 115

9.1.1框架在网站中的作用 115

9.1.2框架的结构分析 115

9.2建立完整的框架页面 116

9.2.1建立窗口框架集 116

9.2.2帧的比例调整 117

9.2.3调整帧边框属性 118

9.2.4设置帧滚动条 119

9.2.5复杂帧结构的框架页面 120

9.3特殊的<iframe>框架 121

9.3.1使用<iframe>的好处 121

9.3.2设置浮动框架属性 122

9.4框架综合实例 123

9.5小结 125

第2篇CSS网站布局与样式 126

第10章CSS的第一次接触 127

10.1何谓Web标准 128

10.1.1理解Web标准的基本组成和内涵 128

10.1.2关于Web标准与浏览器的兼容性 129

10.2 XHTML与CSS的概念 129

10.2.1 XHTML与CSS实现样式与结构分离 129

10.2.2 CSS布局与表格布局的分析 130

10.3 XHTML的基本知识 132

10.4 CSS编写基本模式 133

10.4.1 CSS的声明方法 133

10.4.2 CSS的媒介控制 134

10.5 CSS的基本语法 135

10.5.1 CSS通过接口作用于XHTML元素 135

10.5.2 CSS的属性和选择符 136

10.5.3 CSS的各种选择符详解 137

10.5.4 id和class的区别 139

10.6 CSS的颜色和数值单位 139

10.7小结 139

第11章CSS布局方法 140

11.1什么叫“DIV+ CSS” 141

11.1.1初识div 141

11.1.2 XHTML中的块状元素和内联元素 142

11.1.3 div元素的样式设置 143

11.1.4布局页面的宽度 144

11.1.5布局页面水平居中 145

11.1.6 div元素的嵌套 146

11.1.7 div元素的浮动 147

11.1.8一些高级的div布局技巧 151

11.1.9一个典型的网页布局实例 153

11.2列表元素布局 156

11.2.1列表元素制作导航条 156

11.2.2列表元素的综合使用—导航条制作 158

11.2.3导航条的互动布局 159

11.3 CSS盒模型 161

11.3.1什么是CSS盒模型 161

11.3.2外边距的控制 162

11.3.3边框的样式设置 163

11.3.4内边距的设置 165

11.3.5盒模型兼容问题 167

11.4元素的非常规定位方式 167

11.4.1 CSS绝对定位 167

11.4.2 CSS固定定位 170

11.4.3 CSS相对定位 171

11.5小结 172

第12章CSS网页元素设计 173

12.1背景样式控制 174

12.1.1背景色样式 174

12.1.2背景图片样式的分类 175

12.1.3背景图片样式的模拟 175

12.1.4背景图片的位置 177

12.1.5固定背景图片 179

12.1.6背景属性缩写设置 179

12.1.7背景样式综合示例 181

12.2超级链接深入应用 184

12.2.1超级链接伪类的应用实例1 184

12.2.2超级链接伪类的应用实例2 187

12.3表单的CSS设计 189

12.4列表的CSS设计 192

12.4.1列表演示 192

12.4.2列表显示技巧 194

12.4.3使用图片作为列表符号 195

12.5段落及字体样式设计 198

12.5.1字体样式的设计 198

12.5.2字体修饰 199

12.5.3段落样式的设计 201

12.5.4设置行距 202

12.5.5段落内容裁剪 204

12.5.6纵向段落排版 205

12.6图片样式控制 207

12.6.1图片作为超链接 207

12.6.2漂亮的图文排版 208

12.6.3技巧图片裁切 211

12.7 CSS滤镜 212

12.7.1如何使用CSS滤镜 213

12.7.2 CSS滤镜综合实例 215

12.8小结 217

第13章CSS编写技巧 218

13.1 CSS设计与编写原则 219

13.1.1养成好的命名习惯 219

13.1.2用好id和class 221

13.1.3提高代码重用率技巧1 222

13.1.4提高代码重用率技巧2 224

13.1.5提高代码重用率技巧3 225

13.1.6 CSS属性值的缩写 229

13.2浏览器解析CSS的兼容问题 230

13.2.1 IE浏览器版本兼容问题的解决办法 230

13.2.2 IE与Firefox之间兼容问题的解决办法 232

13.2.3 IE与Firefox之间兼容问题的解决办法：属性选择符 233

13.2.4 IE与Firefox之间兼容问题的解决办法：子对象选择符 234

13.2.5 IE与Firefox之间兼容问题的解决办法：符号修饰选择符 235

13.3小结 236

第3篇JavaScript动态行为 237

第14章JavaScript的第一次接触 238

14.1什么是JavaScript 239

14.2 JavaScript有什么功能 239

14.3在什么地方编写JavaScript 239

14.4写一个简单的JavaScript程序 240

14.5小结 241

第15章JavaScript程序基础知识 242

15.1 JavaScript的基本语法 243

15.1.1字母大小写编写规范 243

15.1.2 JavaScript代码编写格式 243

15.1.3注释格式 243

15.1.4保留字 244

15.1.5基本的输出方法 244

15.1.6关于<script><script>标签的声明 246

15.2 JavaScript交互基本方法 246

15.2.1最常用的信息对话框 246

15.2.2选择对话框 247

15.2.3显示提示的对话框 249

15.3数据类型和变量 250

15.3.1数据类型的理解 250

15.3.2学习几种基本数据类型 251

15.3.3变量的含义 253

15.3.4变量的声明与使用 253

15.4常用的运算符 254

15.4.1运算符与表达式 254

15.4.2基本算术运算符及使用 256

15.4.3关系运算符及使用 259

15.4.4逻辑运算符及使用 261

15.4.5其他常用运算符及使用 263

15.5小结 264

第16章JavaScript程序核心语法 265

16.1程序的核心：分支和循环 266

16.1.1 if和switch的条件分支 266

16.1.2 while和do…while循环 269

16.1.3 for和for…in循环 272

16.1.4如何更合理地控制循环语句 274

16.2函数 278

16.2.1什么是函数 278

16.2.2学会使用函数解决问题 279

16.2.3理解函数的参数传递 280

16.2.4函数中变量的作用域和返回值 281

16.2.5函数的嵌套 283

16.3面向对象编程的简单概念 285

16.3.1什么是面向对象 285

16.3.2如何创建对象 286

16.3.3定义对象的属性 286

16.3.4对象的构造函数和方法 288

16.3.5关联数组的概念 290

16.3.6 with语句和for … in语句 292

16.4小结 294

第17章JavaScript核心对象 295

17.1数组对象 296

17.1.1创建数组 296

17.1.2数组元素的操作 297

17.1.3创建多维数组 299

17.1.4数组的方法 300

17.2日期对象 306

17.2.1用Date对象创建常用日期 306

17.2.2 Date日期对象的方法 307

17.2.3编写一个时间计算程序 311

17.3数学运算对象 312

17.3.1数学运算对象的方法和属性 313

17.3.2做一个小型计算器 315

17.4字符串对象 317

17.4.1字符串对象的属性 317

17.4.2字符串对象的方法 318

17.5函数对象 322

17.6小结 324

第18章 浏览器对象模型 325

18.1 navigator浏览器信息对象 326

18.1.1 navigator对象的管理方法 326

18.1.2在网页上显示浏览者系统的基本信息 326

18.2 window对象 328

18.2.1 window对象的管理方法 328

18.2.2制作可定制的弹出窗口 329

18.2.3完美地关闭窗口 331

18.2.4制作简单网页动画 332

18.2.5延时执行命令 334

18.3 location对象 336

18.4 history对象 338

18.5 screen对象 339

18.6小结 341

第19章 文档对象模型 342

19.1文档对象模型概念详解 343

19.1.1文档对象模型简介 343

19.1.2文档对象的属性 343

19.1.3文档对象的方法 345

19.2 forms对象 347

19.2.1访问表单对象的方法 347

19.2.2表单控件 350

19.2.3制作数据检测功能的注册页面 357

19.3 image对象 361

19.4链接对象 364

19.5小结 366

第20章 事件响应 367

20.1事件响应编程的概念 368

20.1.1事件和事件处理程序 368

20.1.2 HTML元素常用事件的展示 368

20.2事件方法的使用 370

20.3 event对象 372

20.3.1 event对象的各种属性 372

20.3.2网页监视发生事件的元素 373

20.3.3网页检测用户的鼠标信息 374

20.3.4网页检测用户的键盘按键信息 376

20.3.5鼠标随意拖动网页元素 378

20.4事件编程访问网页元素 380

20.4.1数组方式访问 380

20.4.2 id名称和name名称访问 382

20.4.3 HTML标签名称访问 383

20.4.4 DOM节点方法访问 385

20.5结合CSS制作动态页面 387

20.5.1让HTML元素动起来 388

20.5.2通过切换CSS给网页换肤 390

20.5.3动态添加节点 392

20.6小结 395

第21章JavaScript综合范例 396

21.1流行的应用：JavaScript选项卡切换内容块 397

21.1.1思路分析 397

21.1.2编写内容容器切换程序 398

21.1.3选项卡切换实例功能编写 398

21.1.4选项卡切换实例美化 400

21.2仿猫扑：网页框架伸缩 404

21.2.1思路分析 404

21.2.2分析JavaScript的框架操作 405

21.2.3框架伸缩实例功能编写 406

21.2.4框架伸缩实例美化 408

21.3实用多级导航条 412

21.3.1思路分析 413

21.3.2 CSS二级导航条实例功能编写 413

21.3.3完善CSS二级导航条实例 415

21.3.4 JavaScript制作导航条 417

21.4各种对联广告的制作 420

21.4.1分析对联广告如何适应不同分辨率屏幕 420

21.4.2分析对联广告如何关闭 422

21.4.3固定位置的对联广告 425

21.4.4移动的对联广告 428

21.5 HTML元素伸缩效果的制作 431

21.5.1制作进度条 431

21.5.2制作可伸缩的菜单组 433

21.6小结 435

第4篇 网页制作综合实例 436

第22章 制作个人网站 437

22.1网站整体规划 438

22.1.1网站结构规划 438

22.1.2页面功能划分 438

22.1.3页面内容结构布局 439

22.2页面设计效果图 439

22.3站点目录规划 440

22.3.1规划各种资源目录 440

22.3.2配置IIS虚拟目录 441

22.4构建XHTML结构并用CSS布局 442

22.5参照最终效果图美化页面样式 446

22.5.1输入所有的标题和内容 446

22.5.2用CSS设置背景图片 451

22.5.3用CSS设置渐变背景 451

22.5.4用CSS设置页面垂直滚动条样式 452

22.6首页添加动态行为 453

22.7制作日志页面 458

22.7.1日志浏览功能思路分析 458

22.7.2日志代码编写 459

22.8制作相册页面 462

22.8.1相册浏览功能思路分析 463

22.8.2相册代码编写 463

22.9注册域名并发布网站 467

22.10小结 468

第23章 制作门户网站 469

23.1门户网站整体规划 470

23.1.1规划门户网站结构 470

23.1.2规划页面功能结构 470

23.1.3首页内容结构布局 470

23.2页面设计效果图 471

23.3站点目录规划 472

23.4构建XHTML结构并用CSS布局 472

23.5参照最终效果图美化页面样式 478

23.5.1输入所有的标题和内容 478

23.5.2设置页面主体背景 478

23.5.3设置页面渐变背景 479

23.5.4设置有规律的背景图片 479

23.6插入无虚框的Flash动画 480

23.7 JavaScript与Flash制作轮换图片 482

23.8制作栏目页面 488

23.9制作文章页面 492

23.10注册域名并发布门户网站 495

23.11小结 496

附录A HTML标记参考 497

附录B CSS属性列表 503

附录C JavaScript属性及方法列表 506