HTML+CSS+JavaScript实用详解PDF电子书下载

第1章 网页技术学前班 2

1．1Internet相关技术介绍 2

1．1．1TCP/IP协议 2

1．1．2IP地址和域名简介 2

1．1．3URL简介 3

1．1．4Web浏览器 3

1．2Internet技术的应用 3

1．3HTML网页技术简介 4

1．3．1什么是HTML 4

1．3．2HTML网页的结构 4

1．3．3如何获取网页的HTML 5

1．4什么是静态网页和动态网页 5

1．4．1有动画的网页就是动态网页吗 5

1．4．2有了动态网页还有必要学习HTML吗 6

1．4．3网站简介 6

1．5小结 7

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

2．1配置Web服务器运行环境 8

2．1．1系统要求 8

2．1．2IIS是干什么的 8

2．1．3安装IIS 9

2．1．4配置IIS 10

2．1．5网页制作工具的选择 11

2．2了解网页技术的工作原理 12

2．2．1静态HTML的工作流程 12

2．2．2如何设置Web技术中的访问路径 12

2．2．3网页中怎么表示颜色 13

2．2．4学习网页技术的顺序 15

2．3制作一个完整的HTML网页 15

2．3．1怎样写HTML网页的标签 15

2．3．2完成第一个网页 16

2．4小结 17

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

3．1HTML的头部信息设置 18

3．1．1定义网页的标题 18

3．1．2设置网页的基底网址 19

3．1．3掌握强大的元信息标签 19

3．1．4怎样和CSS以及JavaScript产生联系 21

3．1．5头部信息的其他设置 22

3．2HTML主体的常用设置 23

3．2．1设置网页的背景色 23

3．2．2设置网页的背景图片 23

3．3页面的整体边距 26

3．4HTML代码的注释 27

3．5小结 27

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

4．1段落排版和换行 28

4．1．1给大段文字进行分段 28

4．1．2给文字加入空格 29

4．1．3设置文字换行与不换行 30

4．1．4设置文字对齐方式 31

4．1．5添加水平分隔线 32

4．2文字的多样化修饰 34

4．2．1文字样式设置的基本标签—〈font〉 34

4．2．2设置文字的颜色 34

4．2．3设置文字的尺寸 35

4．2．4设置文字的字体 36

4．2．5使文字倾斜 36

4．2．6使文字加粗 37

4．2．7给文字加下划线 37

4．2．8多种标题样式的使用 37

4．2．9学会处理网页中的特殊字符 39

4．2．10如何更方便地忽略浏览器对部分HTML的解析 40

4．2．11其他文字修饰方法 40

4．3制作滚动文字 41

4．3．1设置文字滚动 41

4．3．2设置文字滚动的方向 42

4．3．3设置文字滚动的速度和形式 42

4．4用于组织数据的列表 43

4．4．1列表的结构组成 43

4．4．2制作无序列表 44

4．4．3制作有序列表 44

4．5超级链接 45

4．5．1给文字添加链接 45

4．5．2修改链接的窗口打开方式 46

4．5．3给链接添加提示文字 46

4．5．4什么是锚（anchor） 47

4．5．5电子邮件、FTP和Telnet的链接 48

4．6小结 49

第5章 M网页中的图片 50

5．1认识网页中的图片格式 50

5．1．1常用的图片格式 50

5．1．2怎样选择合适的图片格式 51

5．2插入图片 52

5．2．1插入图片到网页 52

5．2．2设置图片的高度和宽度 53

5．2．3设置图片的边框 53

5．2．4给图片添加提示文字 53

5．2．5给图片添加替代文字 54

5．3图文混合排版 55

5．4给图片加链接 56

5．5制作滚动图片 59

5．6小结 59

第6章 插入外部资源 60

6．1插入多媒体资源 60

6．1．1为网页添加背景声音 60

6．1．2为网页添加音乐、动画等更多媒体资源 61

6．2插入外部程序 62

6．2．1插入外部JavaScript程序 63

6．2．2区分程序的客户端程序与服务器端程序 63

6．3小结 64

第7章 强大的表格 65

7．1认识表格的作用 65

7．1．1用表格组织数据 65

7．1．2用表格布局网页 66

7．2创建一个表格 67

7．2．1表格的基本构成 67

7．2．2〈tr〉与〈td〉的配合 68

7．2．3表头组和表尾组的设置 69

7．2．4创建一个完整的表格 69

7．3表格的整体控制 70

7．3．1控制表格的高度和宽度 71

7．3．2调整表格的水平对齐方式 72

7．3．3尝试不同类型的表格边框 73

7．3．4调整表格的填充和间距 76

7．3．5改变表格的背景色以及背景图片 80

7．4表格行的控制 82

7．4．1整行的高度设置 83

7．4．2行内的对齐控制 84

7．5表格单元格的控制 85

7．5．1控制单元格的高度和宽度 85

7．5．2单元格的对齐设置 86

7．5．3合并多个单元格 87

7．6表格的互相嵌套 88

7．6．1嵌套表格的作用 88

7．6．2表格布局网页实例 90

7．6．3用Photoshop切片迅速生成布局表格 93

7．7小结 95

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

8．1表单的用途及属性 96

8．1．1表单能做什么 96

8．1．2表单的结构 96

8．1．3表单的数据传递方式 97

8．2表单的控件 98

8．2．1单行文本框控件和密码框控件 98

8．2．2多行文本框控件 99

8．2．3不同类型的按钮控件 100

8．2．4单选框控件和复选框控件 101

8．2．5下拉列表和列表框控件 102

8．2．6图像域控件、文件域控件和隐藏域控件 103

8．3实战表单制作 104

8．3．1表单控件的分组方法 105

8．3．2用户注册表单页面实例 106

8．4小结 108

第9章 网页的框架页面 109

9．1用框架灵活地组织网页 109

9．1．1框架在网站中的作用 109

9．1．2框架的结构分析 109

9．2建立完整的框架页面 110

9．2．1建立窗口框架集 110

9．2．2帧的比例调整 111

9．2．3调整帧边框属性 112

9．2．4设置帧滚动条 113

9．2．5复杂帧结构的框架页面 114

9．3特殊的〈iframe〉框架 115

9．3．1使用〈iframe〉的好处 115

9．3．2设置浮动框架属性 116

9．4框架综合实例 117

9．5小结 120

第10章 CSS的第一次接触 122

10．1何谓Web标准 122

10．1．1理解Web标准的基本组成和内涵 122

10．1．2关于Web标准与浏览器的兼容性 123

10．2XHTML与CSS的概念 123

10．2．1XHTML与CSS实现样式与结构分离 123

10．2．2CSS布局与表格布局的分析 124

10．3XHTML的基本知识 127

10．4CSS编写基本模式 127

10．4．1CSS的声明方法 128

10．4．2CSS的媒介控制 129

10．5CSS的基本语法 129

10．5．1CSS通过接口作用于XHTML元素 129

10．5．2CSS的属性和选择符 131

10．5．3CSS的各种选择符详解 132

10．5．4id和class的区别 133

10．6CSS的颜色和数值单位 134

10．7小结 134

第11章 CSS布局方法1 35

11．1什么叫“Div＋CSS” 135

11．1．1初识div 135

11．1．2XHTML中的块状元素和内联元素 137

11．1．3div元素的样式设置 137

11．1．4布局页面的宽度 139

11．1．5布局页面水平居中 139

11．1．6div元素的嵌套 141

11．1．7div元素的浮动 142

11．1．8一些高级的div布局技巧 146

11．1．9一个典型的网页布局实例 148

11．2列表元素布局 151

11．2．1列表元素制作导航条 151

11．2．2列表元素的综合使用——导航条制作 153

11．2．3导航条的互动布局 154

11．3CSS盒模型 156

11．3．1什么是CSS盒模型 156

11．3．2外边距的控制 157

11．3．3边框的样式设置 158

11．3．4内边距的设置 160

11．3．5盒模型兼容问题 162

11．4元素的非常规定位方式 162

11．4．1CSS绝对定位 162

11．4．2CSS固定定位 165

11．4．3CSS相对定位 166

11．5小结 167

第12章 CSS网页元素设计 168

12．1背景样式控制 168

12．1．1背景色样式 168

12．1．2背景图片样式的分类 169

12．1．3背景图片样式的模拟 170

12．1．4背景图片的位置 171

12．1．5固定背景图片 173

12．1．6背景属性缩写设置 174

12．1．7背景样式综合示例 176

12．2超级链接深入应用 179

12．2．1超级链接伪类的应用实例1． 179

12．2．2超级链接伪类的应用实例2． 181

12．3表单的CSS设计 183

12．4列表的CSS设计 187

12．4．1列表演示 187

12．4．2列表显示技巧 188

12．4．3使用图片作为列表符号 189

12．5段落及字体样式设计 192

12．5．1字体样式的设计 192

12．5．2字体修饰 194

12．5．3段落样式的设计 195

12．5．4设置行距 197

12．5．5段落内容裁剪 198

12．5．6纵向段落排版 200

12．6图片样式控制 202

12．6．1图片作为超链接 202

12．6．2漂亮的图文排版 203

12．6．3技巧图片裁切 206

12．7CSS滤镜 207

12．7．1如何使用CSS滤镜 208

12．7．2CSS滤镜综合实例 210

12．8小结 212

第13章 CSS编写技巧 213

13．1CSS设计与编写原则 213

13．1．1养成好的命名习惯 213

13．1．2用好id和class 215

13．1．3提高代码重用率技巧1 217

13．1．4提高代码重用率技巧2 218

13．1．5提高代码重用率技巧3 220

13．1．6CSS属性值的缩写 224

13．2浏览器解析CSS的兼容问题 225

13．2．1IE浏览器版本兼容问题的解决办法 226

13．2．2IE与Firefox之间兼容问题的解决办法 227

13．2．3IE与Firefox之间兼容问题的解决办法：属性选择符 228

13．2．4IE与Firefox之间兼容问题的解决办法：子对象选择符 229

13．2．5IE与Firefox之间兼容问题的解决办法：符号修饰选择符 230

13．3小结 232

第14章 JavaScript的第一次接触 234

14．1什么是JavaScript 234

14．2JavaScript有什么功能 234

14．3在什么地方编写JavaScript 235

14．4写一个简单的JavaScript程序 236

14．5小结 237

第15章 JavaScript程序基础知识 238

15．1JavaScript的基本语法 238

15．1．1字母大小写编写规范 238

15．1．2JavaScript代码编写格式 238

15．1．3注释格式 239

15．1．4保留字 239

15．1．5基本的输出方法 239

15．1．6关于<script〉〈/script〉标签的声明 241

15．2JavaScript交互基本方法 241

15．2．1最常用的信息对话框 242

15．2．2选择对话框 243

15．2．3显示提示的对话框 244

15．3数据类型和变量 246

15．3．1数据类型的理解 246

15．3．2学习几种基本数据类型 246

15．3．3变量的含义 248

15．3．4变量的声明与使用 249

15．4常用的运算符 250

15．4．1运算符与表达式 250

15．4．2基本算术运算符及使用 251

15．4．3关系运算符及使用 255

15．4．4逻辑运算符及使用 257

15．4．5其他常用运算符及使用 258

15．5小结 260

第16章 JavaScript程序核心语法 261

16．1程序的核心：分支和循环 261

16．1．1if和switch的条件分支 261

16．1．2while和do*while循环 265

16．1．3for和for*in循环 267

16．1．4如何更合理地控制循环语句 270

16．2函数 273

16．2．1什么是函数 273

16．2．2学会使用函数解决问题 274

16．2．3理解函数的参数传递 276

16．2．4函数中变量的作用域和返回值 277

16．2．5函数的嵌套 279

16．3面向对象编程的简单概念 280

16．3．1什么是面向对象 280

16．3．2如何创建对象 281

16．3．3定义对象的属性 282

16．3．4对象的构造函数和方法 283

16．3．5关联数组的概念 286

16．3．6with语句和for*in语句 287

16．4小结 290

第17章 JavaScript核心对象 291

17．1数组对象 291

17．1．1创建数组 291

17．1．2数组元素的操作 292

17．1．3创建多维数组 294

17．1．4数组的方法 295

17．2日期对象 301

17．2．1用Date对象创建常用日期 301

17．2．2Date日期对象的方法 302

17．2．3做一个时间计算程序 306

17．3数学运算对象 307

17．3．1数学运算对象的方法和属性 307

17．3．2做一个小型计算器 310

17．4字符串对象 312

17．4．1字符串对象的属性 312

17．4．2字符串对象的方法 313

17．5函数对象 317

17．6小结 318

第18章 浏览器对象模型 319

18．1navigator浏览器信息对象 319

18．1．1navigator对象的管理方法 319

18．1．2在网页上显示浏览者系统的基本信息 320

18．2window对象 321

18．2．1window对象的管理方法 321

18．2．2制作可定制的弹出窗口 323

18．2．3完美地关闭窗口 324

18．2．4制作简单网页动画 325

18．2．5延时执行命令 328

18．3location对象 329

18．4history对象 331

18．5screen对象 333

18．6小结 334

第19章 文档对象模型 335

19．1文档对象模型概念详解 335

19．1．1文档对象模型简介 335

19．1．2文档对象的属性 336

19．1．3文档对象的方法 338

19．2forms对象 339

19．2．1访问表单对象的方法 339

19．2．2表单控件 343

19．2．3制作数据检测功能的注册页面 350

19．3image对象 353

19．4链接对象 356

19．5小结 358

第20章 事件响应 359

20．1事件响应编程的概念 359

20．1．1事件和事件处理程序 359

20．1．2HTML元素常用事件的展示 359

20．2事件方法的使用 361

20．3event对象 363

20．3．1event对象的各种属性 363

20．3．2网页监视发生事件的元素 364

20．3．3网页检测用户的鼠标信息 365

20．3．4网页检测用户的键盘按键信息 366

20．3．5鼠标随意拖动网页元素 369

20．4事件编程访问网页元素 371

20．4．1数组方式访问 371

20．4．2id名称和name名称访问 373

20．4．3HTML标签名称访问 374

20．4．4DOM节点方法访问 375

20．5结合CSS制作动态页面 378

20．5．1让HTML元素动起来 379

20．5．2通过切换CSS给网页换肤 381

20．5．3动态添加节点 383

20．6小结 386

第21章 JavaScript综合范例 387

21．1流行的应用：JavaScript选项卡切换内容块 387

21．1．1思路分析 387

21．1．2编写内容容器切换程序 388

21．1．3选项卡切换实例功能编写 388

21．1．4选项卡切换实例美化 391

21．2仿猫扑：网页框架伸缩 394

21．2．1思路分析 395

21．2．2分析JavaScript的框架操作 395

21．2．3框架伸缩实例功能编写 396

21．2．4框架伸缩实例美化 398

21．3实用多级导航条 403

21．3．1思路分析 403

21．3．2CSS二级导航条实例功能编写 404

21．3．3完善CSS二级导航条实例 405

21．3．4JavaScript制1作导航条 408

21．4各种对联广告的制作 410

21．4．1．分析对联广告如何适应不同分辨率屏幕 411

21．4．2分析对联广告如何关闭 412

21．4．3固定位置的对联广告 415

21．4．4移动的对联广告 418

21．5HTML元素伸缩效果的制作 421

21．5．1制作进度条 421

21．5．2制作可伸缩的菜单组 423

21．6小结 425

第22章 制作个人网站 428

22．1网站整体规划 428

22．1．1网站结构规划 428

22．1．2页面功能划分 429

22．1．3页面内容结构布局 429

22．2页面设计效果图 429

22．3站点目录规划 430

22．3．1规划各种资源目录 430

22．3．2配置IIS虚拟目录 431

22．4构建XHTML结构并用CSS布局 432

22．5参照最终效果图美化页面样式 436

22．5．1输入所有的标题和内容 437

22．5．2用CSS设置背景图片 441

22．5．3用CSS设置渐变背景 442

22．5．4用CSS设置页面垂直滚动条样式 443

22．6首页添加动态行为 443

22．7制作日志页面 448

22．7．1日志浏览功能思路分析 449

22．7．2日志代码编写 450

22．8制作相册页面 454

22．8．1相册浏览功能思路分析 454

22．8．2相册代码编写 454

22．9注册域名并发布网站 458

22．10小结 460

第23章 制作门户网站 461

23．1门户网站整体规划 461

23．1．1规划门户网站结构 461

23．1．2规划页面功能结构 461

23．1．3首页内容结构布局 462

23．2页面设计效果图 462

23．3站点目录规划 463

23．4构建XHTML结构并用CSS布局 463

23．5参照最终效果图美化页面样式 469

23．5．1输入所有的标题和内容 469

23．5．2设置页面主体背景 470

23．5．3设置页面渐变背景 470

23．5．4设置有规律的背景图片 471

23．6插入无虚框的Flash动画 472

23．7JavaScript与Flash制作轮换图片 473

23．8制作栏目页面 479

23．9制作文章页面 484

23．10注册域名并发布门户网站 487

23．11小结 488

附录A HTML标记参考 489

附录B CSS属性列表 495

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