网页制作全接触 HTML 4.0 & CSSPDF电子书下载

第一部分 HTML部分 1

第一章 HTML入门 1

1．1 HTML发展历史 1

1．1．1 HTML简单历史 1

1．1．2 HTML 4．0新特性 2

1．2 HTML编辑器 3

1．3 一个简单的HTML页面 4

1．4 HTML与JavaScript、CSS结合 5

1．5 HTML与ASP、PHP、JSP 6

1．5．1 ASP简介 7

1．5．2 PHP简介 9

1．5．3 JSP简介 10

1．6 HTML与DHTML 12

1．6．1 Microsoft IE 4．0对DHTML的支持 12

1．6．2 Netscape Communicator 4．0对DHTML的支持 13

1．7 利用Dreamweaver制作HTML页面 14

第二章 HTML标记 17

2．1 通用属性 17

2．1．1 核心属性 18

2．1．2 多国语言属性 19

2．1．3 通用程序事件 20

2．1．4 在Dreamweaver中的实现 20

2．2 顶级标记 21

2．2．1 HTML文档声明（HTML） 21

2．2．2 文档头部（HEAD） 22

2．2．3 文档体（BODY） 22

2．2．4 框架（FRAMESET） 23

2．2．5 在Dreamweaver中的实现 23

2．3．2 文档基础URL（BASE） 25

2．3 头标记 25

2．3．1 标题（TITLE） 25

2．3．3 单行文本输入（ISINDEX） 26

2．3．4 链接（LINK） 26

2．3．5 元数据（META） 27

2．3．6 样式表（STYLE） 29

2．3．7 在Dreamweaver中的实现 30

2．4 文本布局标记 31

2．4．1 段落（P） 31

2．4．2 预定义格式（PRE） 33

2．4．3 引用（BLOCKQUOTE、Q） 34

2．4．4 标注文档改变（INS、DEL） 35

2．4．5 区块（DIV、SPAN） 37

2．4．6 词标记（HR、BR、NOBR、SPACER、BDO、ABBR、BAR） 39

2．4．7 居中显示（CENTER） 45

2．4．8 在Dreamweaver中的实现 46

2．5 字体样式标记 46

2．5．1 标题字体（H1、H2、H3、H4、H5、H6） 46

2．5．2 字体修正（FONT、BASEFONT） 47

2．5．3 物理字体（B、I、U、TT、SUP、SUB、S、STRIKE） 49

2．5．4 逻辑字体（EM、STRONG、CODE、SAMP、KBD、VAR、BIG、SMALL、DFN、CITE、ACRONYM、ADDRESS） 50

2．5．5 在Dreamweaver中的实现 52

2．6 超级链接 52

2．6．1 URL介绍 52

2．6．2 超级链接标记（A） 54

2．6．3 映射（MAP、AREA） 55

2．6．4 在Dreamweaver中的实现 57

2．7．2 有序和无序列表（OL、UL） 58

2．7．1 列表项（LI） 58

2．7 列表标记 58

2．7．3 定义列表（DL、DT、DD） 60

2．7．4 目录列表和菜单列表（DIR、MENU） 62

2．7．5 在Dreamweaver中的实现 62

2．8 表格标记 62

2．8．1 表格主标记（TABLE） 62

2．8．2 表格横行（TR） 66

2．8．3 表格单元（TH、TD） 67

2．8．6 表格竖列组（COLGROUP、COL） 69

2．8．5 表格横行组（THEAD、TFOOT、TBODY） 69

2．8．4 表格说明（CAPTION） 69

2．8．7 在Dreamweaver中的实现 70

2．9 表单标记 72

2．9．1 表单主标记（FORM） 72

2．9．2 按钮（BUTTON） 73

2．9．3 输入域（INPUT、TEXTAREA） 73

2．9．4 选择域（SELECT、OPTGROUP、OPTION） 75

2．9．5 标签及其样式（FIELDSET、LEGEND、LABEL） 76

2．9．6 在Dreamweaver中的实现 77

2．10．1 框架主标记（FRAMESET） 79

2．10 框架标记 79

2．10．2 框架单元（FRAME） 80

2．10．3 无框架（NOFRAME） 81

2．10．4 内层框架（IFRAME） 81

2．10．5 在Dreamweaver中的实现 82

2．11 容器标记 83

2．11．1 脚本容器（SCRIPT、NOSCRIPT） 83

2．11．2 控件容器（OBJECT、PARAM、APPLET） 84

2．11．3 图像标记（IMG） 87

2．11．4 在Dreamweaver中的实现 89

第三章 HTML使用技巧 91

3．1 在HTML文档中加入多媒体 91

3．1．1 使用EMBED标记嵌入音频和视频 91

3．1．2 在外部窗口中打开媒体 94

3．1．3 使用BGSOUND标记加背景音乐 95

3．1．4 使用IMG标记的DYNSRC属性加视频文件 96

3．1．5 在媒体播放器控件中加入多媒体 97

3．1．6 在HTML中加入GIF动画 102

3．1．7 加入FLASH动画 103

3．1．8 插入Java Applet小程序 105

3．1．9 用Dreamweaver在网页中插入多媒体 106

3．2 调用外部文件 107

3．2．1 使用LAYER和IFRAME标记 107

3．2．2 数据捆绑技术 109

3．2．3 在页面中调用XML文件 112

第四章 制作动态网页 116

4．1 制作动态网页语言简介 116

4．1．1 Java和JavaScript 116

4．2 在HTML文档中加入事件和行为 121

4．1．2 VB和VBScript 121

4．2．1 载入与载出事件 122

4．2．2 鼠标事件——Dreamweaver行为面板的使用 122

4．2．3 键盘事件 127

4．2．4 其他事件 129

4．2．5 改变页面元素属性 129

4．2．6 加入时钟制作动画效果 131

4．2．7 将本页加入收藏夹 132

4．3 MARQUEE的使用 133

4．4．1 导航栏 136

4．4 动态效果完整实例 136

4．4．2 页面内容的显隐 144

4．4．3 漂移的层——Dreamweaver时间线的使用 147

4．4．4 状态栏动态文字 149

4．4．5 文字特效 155

4．4．6 鼠标特效 160

4．4．7 动态改变页面背景 165

4．4．8 控制鼠标右键行为 168

4．4．9 电子信箱入口 170

4．4．10 搜索引擎入口 173

4．4．11 主页问候 176

4．4．12 使用Cookie记录浏览者信息 183

4．4．13 在线测试 186

4．4．14 对浏览器的控制 190

第五章 网站的定义与上传 195

5．1 用Dreamweaver定义和上传一个站点 195

5．1．1 用Dreamweaver定义站点 195

5．1．2 在Dreamweaver中设置上传和下载文件的参数 197

5．1．3 用Dreamweaver上传和下载文件 199

5．2．1 CuteFTP概述 202

5．2 用CuteFTP定义和上传一个站点 202

5．1．4 用Dreamweaver维护站点 202

5．2．2 设置FTP站点连接 204

5．2．3 上传以及下载文件 205

第二部分 CSS部分 207

第六章 CSS入门 207

6．1 CSS样式表简介 207

6．1．1 例说CSS样式表 207

6．1．2 CSS样式优点 208

6．2．1 用普通的文本编辑工具 209

6．2 编辑CSS样式表的方法 209

6．2．2 用普通的HTML编辑工具 210

6．2．3 用Dreamweaver的CSS Styles面板 210

6．3 CSS样式表的定义和应用 211

6．3．1 定义HTML标记的样式表 211

6．3．2 在Dreamweaver中定义HTML标记的样式表 211

6．3．3 用类（Class）来定义样式表 213

6．3．4 用ID属性来定义样式表 214

6．3．5 应用以CLASS或者ID定义的样式表 214

6．3．6 在Dreamweaver中定义和应用CLASS类型的样式表 215

6．4．2 内联式样式表 216

6．4．3 外联式样式表 216

6．4 HTML中加入CSS的四种方法 216

6．4．1 嵌入式样式表 216

6．4．4 输入式样式表 217

6．4．5 应用Dreamweaver创建和应用外联式、输入式样式表 218

6．4．6 层叠的顺序 220

6．5 伪类和伪元素 221

6．5．1 锚伪类 222

6．5．2 使用CSS的网页实例：超级链接文字的动态效果 222

6．5．4 首字母伪元素 224

6．5．3 首行伪元素 224

6．6 CSS样式表高级技巧 225

6．6．1 关联标记 225

6．6．2 标记编组 226

6．6．3 样式的继承 226

6．6．4 注释语句 226

6．6．5 子类的定义和使用 227

7．1 字体属性 228

7．1．1 字体族（FONT-FAMILY） 228

第七章 CSS基本属性 228

7．1．2 字体大小（FONT-SIZE） 229

7．1．3 字体风格（FONT-STYLE） 232

7．1．4 字体粗细（FONT-WEIGHT） 232

7．1．5 字体变形（FONT-VARIANT） 233

7．1．6 字体（FONT） 233

7．1．7 在Dreamweaver中设置CSS样式表的字体属性 234

7．2 颜色与背景属性 236

7．2．1 前景颜色（COLOR） 236

7．1．8 与JavaScript结合制作动态字体 236

7．2．2 背景颜色（BACKGROUND-COLOR） 238

7．2．3 背景图像（BACKGROUND-IMAGE） 239

7．2．4 背景重复方式（BACKGROUND-REPEAT） 241

7．2．5 背景依附方式（BACKGROUND-ATTACHMENT） 242

7．2．6 背景对齐方式（BACKGROUND-POSITION） 242

7．2．7 背景（BACKGROUND） 243

7．2．8 在Dreamweaver中设置CSS样式表的颜色与背景属性 244

7．3 文本属性 245

7．3．1 文本转换（TEXT-TRANSFORM） 245

7．3．2 文本修饰（TEXT-DECORATION） 245

7．3．5 文本对齐方式（TEXT-ALIGN） 246

7．3．4 单词间距（WORD-SPACING） 246

7．3．3 字符间距（LETTER-SPACING） 246

7．3．6 垂直对齐（VERTICAL-ALIGN） 247

7．3．7 文本缩进（TEXT-INDENT） 249

7．3．8 对空白的处理（WHITE-SPACE） 250

7．3．9 行高（LINE-HEIGHT） 250

7．3．10 在Dreamweaver中设置CSS样式表中的文本属性 251

7．4 容器属性 252

7．4．3 补白（PADDING） 253

7．4．2 高度（HEIGHT） 253

7．4．1 宽度（WIDTH） 253

7．4．4 边界（MARGIN） 256

7．4．5 有关边框宽度（BORDER WIDTH）的选项 259

7．4．6 边框颜色（BORDER-COLOR） 261

7．4．7 边框风格（BORDER-STYLE） 261

7．4．8 有关边框（BORDER）的选项 263

7．4．9 边框效果的应用举例 265

7．4．10 浮动 267

7．4．11 清除（CLEAR） 268

7．4．12 在Dreamweaver中设置CSS样式表中的边框与布局 268

7．5．1 列表位置（LIST-STYLE-POSITION） 269

7．5 列表 269

7．5．2 列表类型（LIST-STYLE-TYPE） 271

7．5．3 列表图像（LIST-STYLE-IMAGE） 272

7．5．4 列表风格（LIST-STYLE） 273

7．5．5 显示（DISPLAY） 273

7．5．6 在Dreamweaver中设置CSS样式表中的列表 273

7．6 定位与显示 274

7．6．1 定位（POSITION） 274

7．6．2 左边距（LEFT）与上边距（TOP） 276

6．6．6 通过多个样式表给出一个样式 277

7．6．3 宽度（WIDTH）与高度（HEIGHT） 277

7．6．4 三维定位（Z-INDEX） 278

7．6．5 可见性（VISIBILITY） 280

7．6．6 溢出（OVERFLOW） 281

7．6．7 切片属性（CLIP） 284

7．6．8 在Dreamweaver中设置CSS样式表中的定位与显示 285

7．7 控制鼠标形状 286

7．7．1 鼠标属性（CURSOR） 286

7．7．2 在Dreamweaver中设置CSS样式表的鼠标形状属性 289

7．8 分页位置 290

7．8．1 元素之前分页（PAGE-BREAK-BEFORE） 290

7．8．3 在Dreamweaver中设置CSS样式表的分页属性 291

7．8．2 元素之后分页（PAGE-BREAK-AFTER） 291

8．1 滤镜简介 293

第八章 滤镜 293

8．2 静态的滤镜效果 294

8．2．1 静态滤镜概述 294

8．2．2 透明效果（ALPHA） 295

8．2．3 模糊效果（BLUR） 296

8．2．4 色度调节（CHROMA） 297

8．2．5 投影效果（DROPSHADOW） 298

8．2．6 水平翻转（FLIPH） 299

8．2．8 光晕效果（GLOW） 300

8．2．7 垂直翻转（FLIPV） 300

8．2．9 转化为灰度图（GRAY） 301

8．2．10 反转效果（INVERT） 302

8．2．11 蒙板（MASK） 302

8．2．12 阴影（SHADOW） 303

8．2．13 波纹效果（WAVE） 305

8．2．14 X光片效果（XRAY） 306

8．3 滤镜叠加 306

8．4．3 渐变效果（BLENDTRANS） 308

8．4．2 光线效果（LIGHT） 308

8．4 动态滤镜 308

8．4．1 动态滤镜概述 308

8．4．4 渐变转换效果（REVEALTRANS） 309

8．5 在Dreamweaver中设置CSS样式表中的滤镜 309

8．6 滤镜效果实例 310

8．6．1 改变投影样式 310

8．6．2 图像的逐渐显示 312

8．6．3 进入和离开网页时的特效 313

8．6．4 图像更替特效 315

8．6．5 发光文字 317

8．6．6 探照灯效果 318

第九章 声音样式表 321

9．1 声音样式表概述 321

9．2 通用声音属性 322

9．2．1 音量（VOLUME） 322

9．2．2 词间停顿（PAUSE-BEFORE、PAUSE-AFTER、PAUSE） 323

9．2．3 声音提示（CUE、CUE-BEFORE、CUE-AFTER） 323

9．3 语音属性 324

9．3．1 语速（SPEECH-RATE） 324

9．2．4 背景声音（PLAY-DURING） 324

9．3．2 语音族（VOICE-FAMILY） 325

9．3．3 声调（PITCH,PITCH-RANGE） 325

9．3．4 重读（STRESS） 326

9．3．5 柔和度（RICHESS） 326

9．3．6 标点停顿（SPEAK-PUNCTUATION） 326

9．3．7 阅读日期（SPEAK-DATE） 326

9．4 立体声效果 327

9．4．1 方位角（AZIMUTH） 327

9．3．8 阅读时间（SPEAK-TIME） 327

9．4．2 仰角（EVALUATION） 328

第十章 CSS实例 329

10．1 通过修改样式表的属性值实现相关效果 329

10．1．1 按钮特效 329

10．1．2 动态显示的文字说明 330

10．1．3 显示、隐藏图片 332

10．1．4 可以改变样式的日历 334

10．1．5 页面文字及样式的刷新 342

10．2 与滤镜相关的实例 344

10．2．1 奔驰的汽车 344

10．2．2 有运动背景的彩色文字 346

10．2．3 移动的探照灯 347

10．2．4 渐变转化的下拉式菜单 349

10．2．5 动态的波动效果 353

10．2．6 文字连续显隐 354

10．3 与图层及绝对定位相关的实例 357

10．3．1 为网页开一个天窗 357

10．3．2 滚动公告板 359

10．3．3 精美的贺卡 361

10．3．4 可拖动的图层 364

10．3．5 漫天飘舞的雪花 369

10．3．6 左键弹出式菜单 373

10．3．7 树状折叠菜单 375

10．3．8 用图层排版 380

10．3．9 走动的时钟 382

附录I 字符实体表 387

一、拉丁字符 387

二、特殊符号和希腊字母 389

三、特殊字符实体 392

附录II CSS兼容性列表 394

附录III JavaScript参考手册 400