最新HTML & CSS & JavaScript标准教程PDF电子书下载

HTML篇 12

01 HTML基础知识 12

1.1什么是HTML 12

1.2 HTML的基本结构 12

1.2.1 HTML文件结构 12

1.2.2编写HTML文件时的注意事项 13

1.3 HTML文件编写方法 13

1.3.1使用记事本手工编写HTML页面 14

1.3.2使用Dreamweaver编写HTML页面 14

1.4 HTML页面主体标签〈body〉 15

1.4.1设置网页背景色（bgcolor） 15

1.4.2设置背景图片（background） 16

1.4.3设置文本颜色（text） 16

1.4.4设置链接文本属性（link） 17

1.4.5设置边距（margin） 19

1.5综合实训——创建最基本的HTML文件 20

1.6本章小结 21

1.7代码练习 21

1.7.1使用记事本编写HTML代码 21

1.7.2创建最基本的HTML网页 21

1.8行业链接知识 21

02 HTML网页中的文字、段落和列表 22

2.1插入特殊字符 22

2.1.1空格符号 22

2.1.2特殊符号 23

2.2设置文字的属性 23

2.2.1文字标签〈font〉 24

2.2.2代码演练——设置丰富多彩的文本网页 24

2.3设置段落的格式 26

2.3.1段落格式标签 26

2.3.2代码演练——设置文本的段落格式 26

2.4插入水平线 27

2.4.1水平线标签〈hr〉及属性 27

2.4.2代码演练——在网页中插入多彩的水平线 28

2.5创建无序列表 29

2.5.1无序列表标签〈ul〉 29

2.5.2无序列表的类型（type） 30

2.5.3定义列表标签〈dl〉 31

2.5.4菜单列表标签〈menu〉 32

2.5.5目录列表标签〈dir〉 33

2.6创建有序列表 34

2.6.1有序列表标签〈ol〉 34

2.6.2有序列表的类型（type） 34

2.6.3有序列表的起始数值（start） 35

2.6.4代码演练——在网页中插入列表 36

2.7综合实训——设置页面文本及段落 37

2.8本章小结 39

2.9代码练习 39

2.9.1插入丰富多彩的文本 39

2.9.2使用列表排段落 39

2.10行业链接知识 39

03 图片及多媒体文件的使用 40

3.1图像标签及属性 40

3.1.1图像标签〈img〉 40

3.1.2设置图像高度（height） 41

3.1.3设置图像宽度（width） 41

3.1.4设置图像边框（border） 42

3.1.5设置图像水平间距（hspace） 42

3.1.6设置图像垂直间距（vspace） 43

3.1.7设置图像相对于文字的对齐方式（align） 43

3.1.8设置图像替代文字（alt） 44

3.1.9代码演练——在网页中插入图像 45

3.2添加背景音乐 46

3.2.1背景音乐标签〈bgsound〉 46

3.2.2设置循环播放次数（loop） 47

3.3多媒体文件标签〈embed〉 47

3.4设置滚动效果标签〈marquee〉 48

3.4.1 〈marquee〉标签及其属性 48

3.4.2代码演练——在网页中插入滚动公告 49

3.5综合实训——创建丰富的图像和多媒体网页 51

3.6本章小结 53

3.7代码练习 53

3.7.1为网页添加图像 53

3.7.2插入滚动效果 53

3.8行业链接知识 53

04 HTML超链接和表单 54

4.1超链接的基本概念 54

4.2创建基本超链接 54

4.2.1超链接标签 54

4.2.2设置目标窗口 55

4.3创建图像的超链接 56

4.3.1设置图像超链接 56

4.3.2设置图像热区链接 57

4.4创建锚点链接 58

4.4.1创建锚点 58

4.4.2代码演练——创建链接到页面不同位置的锚点 58

4.5插入表单〈form〉 60

4.5.1处理程序（action） 60

4.5.2表单名称（name） 61

4.5.3传送方法（method） 61

4.5.4编码方式（enctype） 62

4.5.5目标显示方式（target） 63

4.5.6代码演练——制作注册表单完整页面 63

4.6综合实训——插入不同类型的链接 66

4.7本章小结 68

4.8代码练习 68

4.8.1插入表单对象 68

4.8.2给网页添加链接 68

4.9行业链接知识 68

05 创建框架结构网页 69

5.1窗口框架简介 69

5.2设置框架集标签〈frameset〉属性 69

5.2.1水平分割窗口（rows） 69

5.2.2垂直分割窗口（cols） 70

5.2.3嵌套分割窗口 71

5.2.4设置边框（frameborder） 71

5.2.5框架的边框宽度（framespacing） 72

5.2.6框架的边框颜色（bordercolor） 73

5.3设置框架标签（frame）属性 74

5.3.1框架页面源文件（src） 74

5.3.2框架名称（name） 74

5.3.3禁止调整框架窗口尺寸（noresize） 75

5.3.4框架边框与页面内容的水平边距（marg inwidth） 76

5.3.5框架边框与页面内容的垂直边距（marginheight） 76

5.3.6设置框架滚动条显示（scrolling） 77

5.3.7不支持框架标签（noframes） 78

5.3.8代码演练——创建框架页面 78

5.4设置框架中的链接 79

5.4.1代码演练——设置普通框架结构的链接 79

5.4.2代码演练——设置浮动框架的链接 80

5.5综合实训——创建上方固定左侧嵌套的框架网页 81

5.6本章小结 83

5.7代码练习 83

5.7.1创建框架网页 83

5.7.2插入浮动框架 83

06 使用表格 84

6.1创建并设置表格属性 84

6.1.1表格基本标签〈table〉、〈tr〉和〈td〉 84

6.1.2表格宽度和高度（width和height） 85

6.1.3表格标题〈caption〉 86

6.1.4表格表头〈th〉 87

6.1.5表格对齐方式（align） 87

6.1.6表格边框宽度（border） 88

6.1.7表格边框颜色（bordercolor） 89

6.1.8单元格间距（cellspacing） 89

6.1.9表格内文字与边框距离（cellpadding） 90

6.1.10表格背景色（bgcolor） 91

6.1.11表格背景图像（background） 92

6.1.12代码演练——创建表格排列数据 92

6.2调整表格属性 94

6.2.1表格的行属性〈tr〉 94

6.2.2单元格属性〈td〉 95

6.2.3代码演练——设置表格属性 95

6.3表格的结构标签 96

6.3.1设计表头样式〈thead〉 97

6.3.2设计表主体样式〈tbody〉 97

6.3.3设计表尾样式〈tfoot〉 98

6.4综合实训——使用表格排版网页 99

6.5本章小结 100

6.6代码练习 101

6.6.1插入表格 101

6.6.2设置表格的属性 101

6.7行业链接知识 101

07 使用XHTML 102

7.1 XHTML简介 102

7.1.1什么是XHTML 102

7.1.2为什么要升级到XHTML 102

7.2 XHTML页面基本结构 103

7.3 XHTML语法规范 104

7.4代码演练——在Dreamweaver中创建XHTML网页 106

7.5综合实训——将现有的HTML网站类型转换成XHTML 108

7.6本章小结 110

7.7代码练习 110

7.7.1在软件中编写XHTML 110

7.7.2将网页转换成XHTML 110

CSS篇 112

08 CSS入门基础知识 112

8.1 CSS基础 112

8.1.1 CSS基本概念 112

8.1.2 CSS的优点 112

8.2在网页中添加CSS 113

8.2.1添加CSS的优势 113

8.2.2代码演练——编写CSS 113

8.3使用CSS 115

8.3.1 CSS的基本语法结构 115

8.3.2在网页中添加CSS的方法 116

8.3.3代码演练——以链接外部样式表方式添加CSS 117

8.4综合实训——给网页添加CSS 119

8.5本章小结 122

8.6代码练习 122

8.6.1设置链接文本的CSS 122

8.6.2设置背景颜色 122

8.7行业链接知识 122

09 CSS样式表语法基础 123

9.1设置字体属性 123

9.1.1设置字体（font-family） 123

9.1.2设置字号（font-size） 124

9.1.3设置字体风格（font-style） 125

9.1.4设置加粗字体（font-weight） 125

9.1.5设置变体属性（font-variant） 126

9.1.6设置文字修饰（text-decoration） 127

9.1.7代码演练——设置字体的复合属性 128

9.2设置段落属性 129

9.2.1段落属性标签 129

9.2.2代码演练——设置文本段落的属性 130

9.3设置背景和颜色属性 132

9.3.1背景属性 132

9.3.2代码演练——设置背景复合属性 132

9.4设置定位属性 134

9.4.1定位类型（position） 134

9.4.2元素位置（top，right，bottom和left） 134

9.4.3清除属性（clear） 135

9.4.4裁切区域（clip） 136

9.4.5设置宽度和高度（width和height） 136

9.4.6溢出（overflow） 137

9.4.7可见性（visibility） 138

9.5设置列表属性 139

9.5.1列表类型（list-style-type） 139

9.5.2项目符号图像（list-style-image） 139

9.5.3列表位置（list-style-position） 140

9.5.4列表复合属性（list-style） 141

9.6设置边框属性 141

9.6.1边框样式（border-style） 142

9.6.2边框宽度（border-width） 143

9.6.3边框颜色（border-color） 143

9.6.4代码演练——设置边框属性 144

9.7扩展滤镜属性 146

9.7.1不透明度（alpha） 146

9.7.2动感模糊（blur） 147

9.7.3对颜色进行透明处理（chroma） 148

9.7.4设置阴影（dropShadow） 149

9.7.5对象的翻转（flipH和flipv） 150

9.7.6光晕效果（glow） 150

9.7.7灰度处理（gray） 151

9.7.8反相（invert） 152

9.7.9 X光片效果（Xray） 152

9.7.10遮罩效果（mask） 153

9.7.11波形滤镜（wave） 154

9.8综合实训——利用CSS控制网页中的文本 155

9.9本章小结 156

9.10代码练习 156

9.10.1利用CSS设置文本属性 156

9.10.2利用CSS创建特效文字 156

9.11行业链接知识 156

10 CSS+Div布局定位基础 157

10.1 Div标签与Span标签 157

10.1.1 Div概述 157

10.1.2 Div与Span的区别 158

10.2盒子模型 159

10.2.1盒子模型的概念 159

10.2.2 border（边框） 160

10.2.3 padding（填充） 163

10.2.4 margin（边距） 164

10.3元素的定位方式 166

10.3.1 float定位 166

10.3.2 position定位 167

10.3.3 z-index空间位置 171

10.4 CSS布局理念 172

10.4.1将页面用Div分块 172

10.4.2设计各块的位置 173

10.4.3用CSS定位 173

10.5代码演练——常见的布局类型 175

10.5.1一列固定宽度 175

10.5.2一列自适应宽度 176

10.5.3两列固定宽度 177

10.5.4两列自适应宽度 178

10.5.5两列右列自适应宽度 179

10.5.6三列浮动中间自适应宽度 180

10.5.7三行二列居中自适应高度 181

10.6综合实训——利用CSS布局网页 183

10.7本章小结 186

10.8代码练习 187

10.8.1两列固定宽度布局网页 187

10.8.2利用CSS布局网页 187

10.9行业链接知识 187

JavaScript篇 190

11 JavaScript语法基础 190

11.1JavaScript背景知识 190

11.1.1 JavaScript的历史 190

11.1.2 JavaScript的特点 190

11.2 JavaScript描述方法 191

11.2.1 〈script〉标签使用方法 191

11.2.2外部调用文件 191

11.2.3内嵌HTML标签中 192

11.2.4代码演练——编写第一个JavaScript程序 192

11.3 JavaScript运算符 193

11.3.1算术运算符 193

11.3.2逻辑运算符 194

11.3.3比较运算符 194

11.4 JavaScript程序语句 194

11.4.1代码演练——使用if语句 194

11.4.2代码演练——使用for语句 196

11.4.3代码演练——使用switch语句 197

11.4.4代码演练——使用while语句 199

11.5综合实训——制作倒计时特效 201

11.6本章小结 202

11.7代码练习 202

11.7.1顺序输出1～100的整数 202

11.7.2制作提示闹钟 202

12 JavaScript中的事件 203

12.1事件概述 203

12.2事件分析 204

12.2.1 Click事件 204

12.2.2 Change事件 205

12.2.3 Select事件 205

12.2.4 Focus事件 206

12.2.5 Load事件 207

12.2.6 Unload事件 208

12.2.7 Mouseover与Mouseout事件 209

12.2.8 Blur事件 210

12.3其他事件 211

12.4综合实训——将事件应用于按钮中 212

12.5本章小结 213

12.6代码练习 214

12.6.1鼠标单击事件 214

12.6.2弹出窗口效果 214

13 JavaScript中的函数 215

13.1什么是函数 215

13.2函数的定义 215

13.2.1函数的普通定义方式 215

13.2.2函数的变量定义方式 216

13.2.3函数的指针调用方式 217

13.2.4函数的参数 219

13.3函数的返回类型 219

13.3.1值类型 219

13.3.2引用类型 220

13.3.3返回函数 220

13.4函数的分类 221

13.4.1构造函数 221

13.4.2有返回值的函数 221

13.4.3无返回值的函数 222

13.5函数的作用域 222

13.5.1公有函数 222

13.5.2私有函数 222

13.6函数的嵌套 223

13.7综合实训——JavaScript函数应用实例 224

13.8本章小结 226

13.9代码练习 226

13.9.1显示当前日期 226

13.9.2定时关闭窗口 226

13.10行业链接知识 226

14 使用JavaScript中的不同对象 227

14.1 JavaScript象基础 227

14.1.1声明和实例化 227

14.1.2对象的引用 228

14.1.3对象的废除 229

14.1.4对象的绑定 230

14.2浏览器对象 230

14.2.1 navigator对象 230

14.2.2 window对象 231

14.2.3 location对象 233

14.2.4 history对象 235

14.2.5 document对象 235

14.3内置对象 238

14.3.1时间对象（date） 238

14.3.2数学对象（math） 240

14.3.3字符串对象（string） 242

14.3.4数组对象（Array） 244

14.4综合实训——改变网页背景颜色和文字颜色 246

14.5本章小结 248

14.6代码练习 248

14.6.1随机显示文字 248

14.6.2在标题栏显示滚动信息 248

14.7行业链接知识 248

15 利用JavaScript制作特效网页实例 249

15.1时间特效 249

15.1.1代码演练——显示当前时间 249

15.1.2代码演练——显示当前日期 250

15.1.3代码演练——显示网页停留时间 252

15.2图像特效 253

15.2.1代码演练——当鼠标指针经过图像时图像震动效果 253

15.2.2代码演练——图片闪烁效果 254

15.2.3代码演练——自动切换图像 255

15.3窗口特效 257

15.3.1代码演练——全屏显示窗口 257

15.3.2代码演练——定时关闭窗口 258

15.4鼠标特效 259

15.4.1代码演练——禁止鼠标右击 259

15.4.2代码演练——图片跟随鼠标特效 261

15.4.3代码演练——跟随鼠标的文字 262

15.5其他特效 263

15.5.1代码演练——设置为首页和加入收藏夹 263

15.5.2代码演练——检测表单数据 264

15.5.3代码演练——禁止保存网页 266

15.6本章小结 267

15.7代码练习 267

15.7.1制作倒计时特效 267

15.7.2自动弹出提示信息特效 267

15.8行业链接知识 268

综合篇 270

16 Ajax技术 270

16.1 Ajax概述 270

16.1.1 Ajax含义 270

16.1.2 Ajax技术原理 270

16.1.3 Ajax技术的优缺点 271

16.2 Ajax的组成 272

16.2.1 Ajax中的JavaScript 272

16.2.2 Ajax中的XMLHttpRequest 272

16.2.3 Ajax中的CSS 273

16.2.4 Ajax中的DOM 273

16.2.5 Ajax中的XML 273

16.3 XMLHttpRequest对象创建 274

16.4实现Ajax 275

16.4.1创建HTTP请求 275

16.4.2设置响应HTTP请求状态变化的函数 276

16.4.3设置获取服务器返回数据的语句 277

16.4.4发送HTTP请求 277

16.5综合实训——使用Ajax读取HTML文件 278

16.6本章小结 279

17 制作房地产企业网站 280

17.1行业应用指南 280

17.1.1房地产类网站建设目的 280

17.1.2房地产网站分类 280

17.1.3房地产网站的特点 281

17.1.4房地产网站色彩搭配与结构设计 282

17.2网站整体规划 282

17.2.1网站结构规划 282

17.2.2页面结构布局 283

17.3页面效果图 283

17.4设计网站主页 284

17.4.1用CSS设置网页整体外观 284

17.4.2制作#header部分 285

17.4.3制作滚动公告 288

17.4.4制作botBody正文部分 289

17.4.5制作highlight部分 294

17.4.6制作footerbig部分 295

17.5本章小结 297

17.6代码练习——设计房地产公司主页 297

18 制作游戏网站 298

18.1行业应用指南 298

18.1.1游戏网站的分类 298

18.1.2网络游戏的特点 299

18.1.3色彩搭配与风格设计 299

18.2网站整体规划 300

18.2.1网站结构规划 300

18.2.2页面结构布局 300

18.3页面效果图 301

18.4布局设计 302

18.4.1整体样式设计 302

18.4.2页头部分 303

18.4.3内容部分 304

18.4.4页脚部分 311

18.5 JavaScript制作图片循环隐现效果 312

18.6本章小结 313

18.7代码练习——设计综合游戏类网站页面 313

19 制作购物网站 314

19.1行业应用指南 314

19.1.1购物网站分类 314

19.1.2购物网站特点分析 315

19.1.3购物网站主要栏目和功能 316

19.1.4购物网站色彩搭配与结构设计 318

19.2网站整体规划 318

19.2.1购物网站流程 318

19.2.2页面结构布局 319

19.3页面效果图 320

19.4制作网站页面 320

19.4.1制作头部文件 321

19.4.2制作登录区 321

19.4.3制作产品分类区 324

19.4.4制作联系信息区 326

19.4.5制作广告图片 327

19.4.6制作搜索引擎 328

19.4.7使用Flash和XML制作翻页图片 329

19.4.8制作商品展示区 330

19.4.9制作底部版权文件 332

19.5本章小结 332

19.6代码练习——设计美食、鲜花和礼品销售网站 332