《HTML、CSS、JavaScript网页制作从入门到精通》.(刘西杰).[PDF]
介绍:
HTML是网页制作的基础语言,是每个网页制作者必须掌握的内容。《HTML、CSS、JavaScript网页制作从入门到精通》系统、全面地介绍了各种HTML网页制作标记,不仅包括基本的语法、说明和范例演示,还穿插了在Dreamweaver中应用HTML的范例效果,便于读者更好地利用HTML完成网页中各部分的细节制作。
全书共分为18章和4个附录,重点介绍使用HTML进行网页制作的方方面面,同时讲解了目前流行的Web标准与CSS网页布局实例,以及基于JavaScript语言的网页特效制作。为了便于读者学习,附录中汇集了经过作者精心整理的网页制作技巧60多例网页制作技巧。
《HTML、CSS、JavaScript网页制作从入门到精通》语言简洁、内容丰富,适合网页设计与制作人员、网站建设与开发人员、大中专院校相关专业师生、网页制作培训班学员、个人网站爱好者阅读。
目录:
《HTML、CSS、JavaScript网页制作从入门到精通》
第1章 HTML基础 1
1.1 HTML的基本概念 1
1.1.1 HTML简介 1
1.1.2 HTML文件的基本结构 2
1.1.3 认识HTML标记 2
1.2 HTML文件的编写方法 2
1.2.1 使用记事本手工编写HTML 2
1.2.2 使用Dreamweaver编写HTML文件 3
1.3 使用浏览器浏览HTML文件 4
1.3.1 查看页面效果 4
1.3.2 查看源文件 5
1.4 练习题 6
第2章 HTML基本标记 7
2.1 HTML头部标记head 7
2.2 标题标记title 8
2.3 元信息标记meta 8
2.3.1 设置页面关键字 8
2.3.2 设置页面说明 9
2.3.3 定义编辑工具 10
2.3.4 设置作者信息 10
2.3.5 设置网页文字及语言 10
2.3.6 设置网页的定时跳转 11
2.4 网页的主体标记body 12
2.4.1 网页背景色bgcolor 12
2.4.2 网页背景图片background 13
2.4.3 文字颜色text 15
2.4.4 链接文字属性link 16
2.4.5 边距margin 18
2.5 页面注释标记[!-- --] 19
2.6 练习题 20
第3章 文字与段落标记 21
3.1 标题字 21
3.1.1 标题字标记h 21
3.1.2 标题字对齐属性align 22
3.2 文本基本标记 23
3.2.1 字体属性face 24
3.2.2 字号属性size 25
3.2.3 颜色属性color 26
3.3 文本格式化标记 27
3.3.1 粗体标记b、strong 27
3.3.2 斜体标记i、em、cite 28
3.3.3 上标标记sup 29
3.3.4 下标标记sub 30
3.3.5 大字号标记big 30
3.3.6 小字号标记small 31
3.3.7 下画线标记u 32
3.4 段落标记 33
3.4.1 段落标记p 33
3.4.2 换行标记br 34
3.4.3 不换行标记nobr 35
3.5 水平线 36
3.5.1 插入水平线hr 36
3.5.2 水平线宽度width 37
3.5.3 水平线高度size 38
3.5.4 水平线去掉阴影noshade 38
3.5.5 水平线颜色color 39
3.5.6 水平线排列align 40
3.6 其他标记 42
3.6.1 插入空格 42
3.6.2 插入特殊符号 43
3.7 练习题 44
第4章 使用图像 45
4.1 图像的格式 45
4.2 插入图像 46
4.2.1 插入图像标记img 46
4.2.2 图像的源文件src 47
4.2.3 图像的提示文字alt 47
4.2.4 图像的宽度和高度width、height 48
4.2.5 图像的边框border 49
4.2.6 图像的垂直边距vspace 50
4.2.7 图像的水平间距hspace 51
4.2.8 图像的排列align 52
4.3 图像的超链接 53
4.3.1 图像的超链接 53
4.3.2 图像热区链接 54
4.4 练习题 57
第5章 使用列表 59
5.1 认识列表标记 59
5.2 有序列表 59
5.2.1 有序列表ol 59
5.2.2 有序列表的序号类型type 61
5.2.3 有序列表的起始数值start 62
5.3 无序列表 63
5.3.1 无序列表标记 63
5.3.2 无序列表的类型type 65
5.3.3 目录列表标记 66
5.3.4 定义列表标记 67
5.3.5 菜单列表标记 68
5.4 练习题 69
第6章 使用表格 71
6.1 创建表格 71
6.1.1 表格的基本构成table、tr、td 71
6.1.2 设置表格的标题caption 73
6.1.3 表头th 74
6.2 表格基本属性 76
6.2.1 表格宽度width 76
6.2.2 表格高度height 77
6.2.3 表格对齐方式align 78
6.3 表格的边框 80
6.3.1 表格边框宽度border 80
6.3.2 表格边框颜色bordercolor 81
6.3.3 内框宽度cellspacing 82
6.3.4 表格内文字与边框间距cellpadding 83
6.4 表格背景 84
6.4.1 表格背景颜色bgcolor 84
6.4.2 表格背景图像 85
6.5 表格的行属性 86
6.5.1 高度控制height 86
6.5.2 边框颜色bordercolor 87
6.5.3 行背景bgcolor、background 88
6.5.4 行文字的水平对齐方式align 89
6.5.5 行文字的垂直对齐方式valign 90
6.6 单元格属性 91
6.6.1 单元格大小width、height 91
6.6.2 水平跨度colspan 93
6.6.3 垂直跨度rowspan 94
6.6.4 对齐方式align、valign 95
6.6.5 单元格的背景色 97
6.6.6 单元格的边框颜色bordercolor 98
6.6.7 单元格的亮边框bordercolorlight 99
6.6.8 单元格的暗边框bordercolordark 100
6.6.9 单元格的背景图像background 101
6.7 表格的结构 102
6.7.1 表格的表首标记 102
6.7.2 表格的表主体标记 104
6.7.3 表格的表尾标记 105
6.8 练习题 107
第7章 建立超链接 108
7.1 超链接的基本知识 108
7.1.1 绝对路径 108
7.1.2 相对路径 108
7.2 内部链接 109
7.2.1 认识内部链接 109
7.2.2 链接的目标窗口 110
7.3 锚点链接 111
7.3.1 建立锚点 111
7.3.2 链接同一页面中的锚点 113
7.3.3 链接到其他页面中的锚点 115
7.4 外部链接 116
7.4.1 链接到外部网站 116
7.4.2 链接到E-mail 117
7.4.3 链接到FTP 119
7.4.4 链接到Telnet 119
7.4.5 下载文件 120
7.5 练习题 121
第8章 添加多媒体 122
8.1 设置滚动效果 122
8.1.1 滚动标记marquee 122
8.1.2 滚动方向direction 123
8.1.3 滚动方式behavior 124
8.1.4 滚动速度scrollamount 125
8.1.5 滚动延迟scrolldelay 126
8.1.6 滚动循环loop 127
8.1.7 滚动范围width、height 128
8.1.8 滚动背景颜色bgcolor 129
8.1.9 空白空间hspace、vspace 130
8.2 插入多媒体文件 131
8.2.1 插入Flash动画 131
8.2.2 插入音频和视频文件 133
8.3 设置背景音乐 133
8.3.1 背景音乐bgsound 134
8.3.2 循环次数loop 135
8.4 插入Java Applet 136
8.5 练习题 137
第9章 使用框架结构 139
9.1 框架的基本概念 139
9.2 设置框架集的属性frameset 139
9.2.1 水平分割窗口rows 140
9.2.2 垂直分割窗口cols 141
9.2.3 嵌套分割窗口 142
9.2.4 框架的边框frameborder 143
9.2.5 框架的边框宽度framespacing 144
9.2.6 框架的边框颜色bordercolor 145
9.3 设置窗口属性frame 146
9.3.1 页面源文件src 146
9.3.2 页面名称name 147
9.3.3 禁止调整窗口的尺寸noresize 148
9.3.4 边框与页面内容的水平边距marginwidth 149
9.3.5 边框与页面内容的垂直边距marginheight 150
9.3.6 控制框架滚动条显示scrolling 151
9.3.7 不支持框架标记noframes 152
9.4 浮动框架iframe 152
9.4.1 页面源文件src 152
9.4.2 浮动框架的宽和高width、height 153
9.4.3 浮动框架的对齐方式align 154
9.4.4 浮动框架滚动条显示属性scrolling 155
9.5 创建框架链接 157
9.5.1 普通框架结构的链接 157
9.5.2 浮动框架的链接 160
9.6 练习题 162
第10章 使用表单 163
10.1 表单标记form 163
10.1.1 提交表单action 163
10.1.2 表单名称name 164
10.1.3 传送方法method 164
10.1.4 编码方式enctype 165
10.1.5 目标显示方式target 166
10.2 插入表单对象 166
10.2.1 文字字段text 166
10.2.2 密码域password 168
10.2.3 单选按钮radio 169
10.2.4 复选框checkbox 170
10.2.5 普通按钮button 171
10.2.6 提交按钮submit 171
10.2.7 重置按钮reset 172
10.2.8 图像域image 173
10.2.9 隐藏域hidden 174
10.2.10 文件域file 175
10.3 菜单和列表 176
10.3.1 下拉菜单 176
10.3.2 列表项 177
10.4 文本域标记textarea 178
10.5 id标记 179
10.6 创建表单实例 180
10.7 练习题 182
第11章 使用XHTML 183
11.1 XHTML简介 183
11.1.1 什么是XHTML 183
11.1.2 为什么要升级到XHTML 184
11.2 XHTML页面结构 184
11.2.1 文档类型声明 184
11.2.2 元素和名字空间 184
11.2.3 网页头部元素 185
11.2.4 页面标题元素 185
11.2.5 页面主体元素 185
11.3 XHTML语法规范 186
11.3.1 XHTML元素必须是完全嵌套的 186
11.3.2 XHTML文档格式必须规范 186
11.3.3 标签名必须是小写的 187
11.3.4 所有的XHTML元素都必须有始有终 187
11.3.5 用id属性代替name属性 187
11.3.6 DOCTYPE声明是不可缺少的 187
11.3.7 属性必须加上英文双引号 188
11.3.8 明确所有属性的值 188
11.4 在Dreamweaver中编辑XHTML文件 188
11.5 将现有的HTML网站转换成XHTML 190
11.6 练习题 190
第12章 使用CSS样式表 191
12.1 认识CSS 191
12.2 使用CSS 192
12.2.1 CSS的基本语法 192
12.2.2 添加CSS的方法 192
12.3 字体属性 194
12.3.1 字体font-family 194
12.3.2 字号font-size 195
12.3.3 字体风格font-style 197
12.3.4 加粗字体font-weight 198
12.3.5 小写字母转为大写font-variant 199
12.3.6 字体复合属性 200
12.4 颜色和背景属性 201
12.4.1 颜色属性color 202
12.4.2 背景颜色background-color 203
12.4.3 背景图像background-image 204
12.4.4 背景重复background-repeat 205
12.4.5 背景附件background-attachment 206
12.4.6 背景位置background-position 208
12.4.7 背景复合属性background 209
12.5 段落属性 211
12.5.1 单词间隔word-spacing 211
12.5.2 字符间隔letter-spacing 212
12.5.3 文字修饰text-decoration 213
12.5.4 垂直对齐方式vertical-align 214
12.5.5 文本转换text-transform 215
12.5.6 水平对齐方式text-align 216
12.5.7 文本缩进text-indent 218
12.5.8 文本行高line-height 219
12.5.9 处理空白white-space 220
12.5.10 文本反排unicode-bidi、direction 221
12.6 外边距与内边距属性 222
12.6.1 上边距margin-top 223
12.6.2 其他边距margin-bottom、margin-left、margin-right 224
12.6.3 外边距复合属性margin 225
12.6.4 顶端内边距padding-top 226
12.6.5 其他内边距padding-bottom、padding-right、padding-left 227
12.6.6 内边距复合属性padding 228
12.7 边框属性 230
12.7.1 边框样式border-style 230
12.7.2 边框宽度border-width 231
12.7.3 边框颜色border-color 233
12.7.4 边框属性border 234
12.8 定位属性 235
12.8.1 定位方式position 235
12.8.2 元素位置top、right、bottom、left 235
12.8.3 层叠顺序z-index 237
12.8.4 浮动属性float 238
12.8.5 清除属性clear 239
12.8.6 可视区域clip 240
12.8.7 层的宽度和高度width、height 241
12.8.8 超出范围overflow 243
12.8.9 可见属性visibility 244
12.9 列表属性 245
12.9.1 列表符号list-style-type 245
12.9.2 图像符号list-style-image 246
12.9.3 列表缩进list-style-position 248
12.9.4 列表复合属性list-style 249
12.10 光标属性cursor 250
12.11 滤镜属性 252
12.11.1 不透明度alpha 252
12.11.2 动感模糊blur 254
12.11.3 对颜色进行透明处理chroma 255
12.11.4 阴影效果dropShadow 256
12.11.5 对象翻转flipH、flipV 257
12.11.6 发光效果glow 258
12.11.7 灰度处理gray 259
12.11.8 反相invert 260
12.11.9 X光片效果xray 261
12.11.10 遮罩效果mask 262
12.11.11 波形滤镜wave 263
12.12 练习题 265
第13章 Web标准与CSS网页布局实例 266
13.1 Web标准与CSS布局 266
13.1.1 什么是Web标准 266
13.1.2 CSS布局的优势 267
13.2 DIV+CSS布局网页基础 268
13.2.1 认识DIV 268
13.2.2 一列固定宽度 268
13.2.3 一列自适应 269
13.2.4 两列固定宽度 271
13.2.5 两列宽度自适应 272
13.2.6 两列右列宽度自适应 272
13.3 使用CSS设计网站导航栏 274
13.3.1 实现背景变换的导航菜单 274
13.3.2 利用CSS制作横向导航 276
13.4 使用CSS设计表单样式 277
13.4.1 改变按钮的背景颜色和文字颜色 278
13.4.2 设计文本框的样式 278
13.4.3 设计文本框中的文字样式 279
13.5 字体及段落样式设计 280
13.5.1 利用CSS控制字体大小和行距 280
13.5.2 制作光晕文字效果 281
13.6 使用CSS设计图片样式 281
13.6.1 鼠标指针移上时图片渐变的效果 282
13.6.2 设计不重复出现的背景 283
13.7 使用CSS控制链接样式 284
13.7.1 使用CSS实现鼠标指针形状改变 284
13.7.2 鼠标指针移到链接文字上时改变文字大小或颜色 284
13.8 练习题 285
第14章 JavaScript脚本基础 287
14.1 JavaScript简介 287
14.2 JavaScript基本语法 289
14.2.1 常量和变量 289
14.2.2 表达式和运算符 290
14.2.3 基本语句 291
14.2.4 函数 295
14.3 JavaScript的事件 295
14.3.1 onClick事件 295
14.3.2 onchange事件 296
14.3.3 onSelect事件 297
14.3.4 onFocus事件 299
14.3.5 onLoad事件 300
14.3.6 onUnload事件 301
14.3.7 onBlur事件 302
14.3.8 onMouseOver事件 303
14.3.9 onMouseOut事件 304
14.3.10 onDblClick事件 306
14.3.11 其他常用事件 307
14.4 浏览器的内部对象 309
14.4.1 navigator对象 309
14.4.2 document对象 310
14.4.3 windows对象 311
14.4.4 location对象 313
14.4.5 history对象 314
14.5 练习题 315
第15章 利用JavaScript制作网页特效 316
15.1 时间特效 316
15.1.1 显示当前时间 316
15.1.2 显示当前日期 317
15.1.3 显示网页停留时间 318
15.1.4 制作倒计时特效 320
15.2 图像特效 320
15.2.1 当鼠标指针经过图像时图像震动效果 321
15.2.2 图片闪烁效果 322
15.2.3 自动切换图像 323
15.3 窗口特效 324
15.3.1 全屏显示窗口 324
15.3.2 定时关闭窗口 325
15.4 鼠标特效 325
15.4.1 禁止鼠标右击 326
15.4.2 跟随鼠标指针移动的图像 326
15.4.3 跟随鼠标指针的滚动字幕 328
15.5 其他特效 330
15.5.1 设置为首页和加入收藏夹 330
15.5.2 浏览器状态栏显示信息 331
15.5.3 进入网站的口令设置 333
15.6 练习题 334
第16章 在Dreamweaver中编辑HTML网页 335
16.1 Dreamweaver的基本操作界面 335
16.2 在网页中使用文本 336
16.2.1 插入文本 336
16.2.2 设置文本属性 337
16.2.3 插入特殊字符 339
16.2.4 插入水平线 341
16.3 插入图像 342
16.3.1 在网页中插入图像 342
16.3.2 设置图像属性 344
16.3.3 使用图像编辑器 345
16.3.4 插入鼠标经过图像 347
16.4 插入多媒体 350
16.4.1 插入Flash 350
16.4.2 打开浏览器窗口 352
16.4.3 插入Java Applet 355
16.5 设置链接 357
16.5.1 创建文字链接 357
16.5.2 创建图像链接 358
16.5.3 创建锚点链接 359
16.6 布局网页 363
16.6.1 使用表格 363
16.6.2 使用DIV 367
16.7 使用表单 368
16.7.1 插入表单 369
16.7.2 插入文本域 370
16.7.3 插入单选按钮和复选框 372
16.7.4 插入菜单和列表 375
16.7.5 插入跳转菜单 377
16.7.6 插入按钮 378
16.8 使用CSS样式表 380
16.8.1 CSS的基本概念 380
16.8.2 建立标签样式 380
16.8.3 建立类样式 381
16.8.4 建立复合内容样式 382
16.8.5 应用CSS固定字体大小 382
16.9 使用行为 384
16.9.1 行为的基本知识 384
16.9.2 使用行为制作特效 386
16.10 在网页中添加脚本 388
16.11 练习题 390
第17章 个人博客网站布局 391
17.1 博客网站概述 391
17.2 博客网站主页布局设计 391
17.3 博客网站主页具体制作过程 393
17.3.1 导入外部CSS 393
17.3.2 制作网页头部分 394
17.3.3 制作页面内容部分 397
17.3.4 制作页面页脚部分 405
17.4 练习题 407
第18章 公司宣传网站的布局 408
18.1 企业网站设计分析 408
18.1.1 企业网站内容设计 408
18.1.2 排版构架 409
18.2 各部分设计 410
18.2.1 Logo与顶部导航 410
18.2.2 左侧导航 413
18.2.3 主体内容 415
18.2.4 制作搜索部分 418
18.2.5 制作公司新闻 419
18.2.6 制作联系我们 420
18.2.7 底部版权信息 420
18.3 练习题 421
附录A HTML网页制作技巧精讲 422
技巧1 制作带背景音乐的网页 422
技巧2 设置每隔一定的时间自动刷新网页 422
技巧3 提高站点在搜索引擎中被搜索到的机会 422
技巧4 让站点自动跳转到另一页 422
技巧5 避免自己的图片被其他站点利用 422
技巧6 不用表格而准确地分隔图片和文字 422
技巧7 跳到页面的顶部 423
技巧8 在一个站点的不同页面播放同一个声音文件 423
技巧9 清除页面中的框架结构 423
技巧10 防止站点页面被任意链接 423
技巧11 为文字链接加上提示 423
技巧12 删除图片链接的蓝色边框 423
技巧13 让浏览器正确显示word格式文件 423
技巧14 利用水平线制作垂直线 424
技巧15 正确选择JPG和GIF图片格式 424
技巧16 正确使用分隔线 424
技巧17 去除页面四周的空白 424
技巧18 去除浏览器的滚动条 424
附录B CSS常用技巧精讲 425
技巧1 去掉网页超链接的下画线 425
技巧2 设置浮动背景 425
技巧3 正确对齐文本 425
技巧4 超链接访问过后防止hover样式出现问题 426
技巧5 解决list-style-image无法准确定位的问题 426
技巧6 让文本垂直居中 426
技巧7 使一个层垂直居中于浏览器 427
技巧8 给部分内容加上边框 427
技巧9 利用CSS去掉下画线 427
技巧10 让div横向排列 428
技巧11 巧妙设置滚动条颜色 428
附录C JavaScript特效制作精讲 429
技巧1 添加链接提示 429
技巧2 在网页中加入最后修改日期 429
技巧3 实现图片循环隐现的效果 429
技巧4 给图像添加探照灯效果 430
技巧5 打开一个新的浏览器窗口并设置窗口的属性 431
技巧6 利用单击来关闭浏览器窗口 431
技巧7 禁止保存网页 432
技巧8 制作网页中雪花飘飘效果 432
技巧9 在状态栏中显示跑马灯效果 434
技巧10 制作烟花效果 435
技巧11 制作状态栏数字时钟 437
技巧12 制作围绕鼠标指针旋转的文本 437
技巧13 制作跟随鼠标指针飘动的双层时钟 439
技巧14 实现每天不同时间显示不同信息 443
技巧15 禁止鼠标右键和左键对页面的操作 443
技巧16 实现鼠标指针移上时图片加亮的效果 444
技巧17 让网页中跳出一个会说话的老人 444
技巧18 让浏览者知道自己访问网页的次数 446
技巧19 禁止页面最小化 447
技巧20 设置网页由中间向外扩大变化 447
附录D Dreamweaver常用技巧精讲 448
技巧1 在Dreamweaver中插入空格 448
技巧2 在Dreamweaver中设置Flash动画的背景透明 448
技巧3 在Dreamweaver中准确定位层 448
技巧4 把别人网页上的背景音乐保存下来 448
技巧5 使网页在不同分辨率下都全屏铺开 448
技巧6 在Dreamweaver中给水平线加颜色 448
技巧7 在网页中实现Flash的全屏播放 449
技巧8 怎么样让在800×600分辨率下生成的网页在1024×768分辨率下居中显示 449
技巧9 清除网页中不必要的HTML代码 449
技巧10 在网页中添加E-mail链接并显示预定的主题 449
技巧11 在网页中添加电子邮件表单提交 449
技巧12 防止别人把自己的网页放在框架里 449
技巧13 巧妙实现两个表格的并排 450
**** Hidden Message *****
没看完~~~~~~ 先顶,好同志 正需要,支持楼主大人了! 相当不错,感谢无私分享精神! 过来看看的 看帖回帖是美德!:lol 正需要,支持楼主大人了! 过来看看的 正需要,支持楼主大人了! 学习了,不错,讲的太有道理了