《HTML网页设计参考手册》PDF下载

  • 购买积分:12 如何计算积分?
  • 作  者:张金霞编著
  • 出 版 社:北京:清华大学出版社
  • 出版年份:2006
  • ISBN:7302131708
  • 页数:350 页
图书介绍:本书以范例的形式,介绍应用HTML制作网页的相关技术。

第1章 HTML入门 1

1.1 HTML的基本概念 2

1.1.1 HTML简介 2

1.1.2 HTML的结构概念 2

1.1.3 HTML的标记 2

1.2 HTML的发展历史 3

1.3 网页设计原则 3

1.4 Dreamweaver简介 4

1.4.1 标题栏 4

1.4.2 菜单栏 5

1.4.3 插入栏 5

1.4.4 文档工具栏 6

1.4.5 属性面板 7

1.4.6 其他面板 7

1.5 在Dreamweaver中直接编写HTML 8

1.5.1 编写HTML代码 8

1.5.2 保存并查看HTML文件 9

第2章 HTML基本标记 11

2.1 头部标记——<head> 12

2.2 标题标记——<title> 12

2.3 元信息标记——<meta> 13

2.3.1 设置页面关键字 13

2.3.2 设置页面描述 13

2.3.3 设置编辑工具 14

2.3.4 设定作者信息 14

2.3.5 限制搜索方式 15

2.3.6 设置网页文字及语言 15

2.3.7 设置网页的定时跳转 16

2.3.8 设定网页的到期时间 17

2.3.9 禁止从缓存中调用 18

2.3.10 删除过期的cookie 18

2.3.11 强制打开新窗口 19

2.3.12 设置网页的过渡效果 19

2.4 基底网址标记——<base> 21

2.5 页面的主体标记——body 23

2.5.1 设置页面背景色——bgcolor 23

2.5.2 设置背景图片——background 23

2.5.3 设置文字颜色——text 25

2.5.4 设置链接文字属性——link 25

2.5.5 设置边距——margin 27

2.6 页面注释标记——<!-- --> 28

第3章 文字与段落 29

3.1 标题文字的建立 30

3.1.1 标题文字标记 30

3.1.2 标题文字的对齐方式——align 30

3.2 文字格式标记 31

3.2.1 设置文字字体——face 31

3.2.2 设置字号——size 32

3.2.3 设置文字颜色——color 33

3.2.4 粗体、斜体、下划线——strong、em、u 33

3.2.5 上标与下标——sup、sub 34

3.2.6 设置删除线——strike 34

3.2.7 等宽文字标记——code 35

3.2.8 空格——&nbsp; 36

3.2.9 其他特殊符号 37

3.3 段落标记 38

3.3.1 段落标记——p 38

3.3.2 取消文字换行标记——nobr 39

3.3.3 换行标记——br 39

3.3.4 保留原始排版方式标记——pre 40

3.3.5 居中对齐标记——center 41

3.3.6 向右缩进标记——blockquote 41

3.4 水平线标记 42

3.4.1 添加水平线——hr 42

3.4.2 设置水平线宽度与高度属性——width、height 43

3.4.3 设置水平线的颜色——color 44

3.4.4 设置水平线的对齐方式——align 45

3.4.5 去掉水平线阴影——noshade 45

3.5 其他标记 46

3.5.1 文字标注标记——ruby 46

3.5.2 声明变量标记——var 47

3.5.3 忽视HTML标签标记——plaintext、xmp 48

第4章 列表 49

4.1 无序列表的设计 50

4.1.1 无序列表标记——ul 50

4.1.2 设置无序列表的符号类型——type 51

4.2 有序列表的设计 52

4.2.1 有序列表标记——ol 52

4.2.2 有序列表的序号类型——type 53

4.2.3 有序列表的起始数值——start 54

4.3 定义列表标记——dl 56

4.4 菜单列表标记——menu 57

4.5 目录列表——dir 57

4.6 列表的高级应用 58

4.6.1 列表的简化 58

4.6.2 设置列表文字的颜色 59

4.7 列表的嵌套 60

第5章 超链接 63

5.1 超链接基本知识 64

5.1.1 超链接 64

5.1.2 绝对路径 64

5.1.3 相对路径 64

5.2 超链接的建立 65

5.2.1 超链接标记的基本语法 65

5.2.2 建立文本超链接 65

5.2.3 设置超链接的目标窗口 67

5.3 内部链接 69

5.4 书签链接 71

5.4.1 建立书签 71

5.4.2 链接到同一页面的书签 73

5.4.3 链接到不同页面的书签 74

5.5 外部链接 75

5.5.1 通过HTTP协议 76

5.5.2 通过FTP协议 76

5.5.3 通过Telnet链接 77

5.5.4 发送到Email 78

5.5.5 下载文件 79

第6章 使用图像 81

6.1 图像格式 82

6.2 添加图像——img 82

6.3 设置图像属性 83

6.3.1 图像高度——height 83

6.3.2 图像宽度——width 84

6.3.3 图像边框——border 85

6.3.4 图像水平间距——hspace 86

6.3.5 图像垂直间距——vspace 87

6.3.6 图像相对于文字基准线的对齐方式——align 88

6.3.7 图像的提示文字——alt 89

6.4 图像的超链接 90

6.4.1 设置图像的超链接 90

6.4.2 设置图像热区链接 92

第7章 添加多媒体元素 97

7.1 设置动态文字 98

7.1.1 设置滚动文字——marquee 98

7.1.2 文字滚动方向——direction 98

7.1.3 设置文字的滚动方式——behavior 100

7.1.4 循环设置——loop 101

7.1.5 滚动速度——scrollamount 101

7.1.6 滚动延迟——scrolldelay 102

7.1.7 滚动文字的背景设置——bgcolor 103

7.1.8 滚动背景面积——width、height 103

7.1.9 设置空白空间——hspace、vspace 104

7.2 设置背景音乐 105

7.2.1 设置背景音乐——bgsound 105

7.2.2 设置背景音乐的循环播放次数——loop 106

7.3 添加多媒体文件 106

7.3.1 添加多媒体文件标记——embed 107

7.3.2 设置自动运行——autostart 107

7.3.3 设置媒体文件的循环播放——loop 108

7.3.4 隐藏面板——hidden 108

7.3.5 添加其他类型的媒体文件 109

第8章 表格的应用 111

8.1 建立表格 112

8.1.1 添加表格——table、tr、td 112

8.1.2 设置表格的标题——caption 113

8.1.3 表格的表头——th 114

8.2 设置表格基本属性 115

8.2.1 设置表格宽度——width 115

8.2.2 设置表格高度——height 117

8.2.3 表格对齐方式——align 118

8.3 表格的边框 119

8.3.1 设置表格的边框宽度——border 119

8.3.2 表格边框颜色——bordercolor 120

8.3.3 内框宽度——cellspacing 121

8.3.4 表格内文字与边框距离——cellpadding 122

8.4 设定表格背景 124

8.4.1 设置表格背景色——bgcolor 124

8.4.2 设置表格的背景图像——background 125

8.5 修改表格的行属性 126

8.5.1 高度的控制——height 126

8.5.2 边框颜色——bordercolor 127

8.5.3 行背景——bgcolor、background 128

8.5.4 行文字的水平对齐方式——align 129

8.5.5 行文字的垂直对齐方式——valign 130

8.5.6 设置表格标题的垂直对齐方式——valign 131

8.6 调整单元格属性 132

8.6.1 单元格大小——width、height 132

8.6.2 水平跨度——colspan 133

8.6.3 垂直跨度——rowspan 134

8.6.4 对齐方式——align、valign 135

8.6.5 设置单元格的背景色 136

8.6.6 单元格的边框颜色——bordercolor 137

8.6.7 设置单元格的亮边框——bordercolorlight 138

8.6.8 设置单元格的暗边框——bordercolordark 139

8.6.9 设置单元格的背景图像——background 140

8.6.10 文字内容不换行——nowrap 141

8.7 表格的结构 143

8.7.1 设计表头样式——thead 144

8.7.2 设计表主体样式——tbody 145

8.7.3 设计表尾样式——tfoot 146

8.8 表格的嵌套 148

8.9 层标记——div 149

第9章 添加表单 151

9.1 表单标——form 152

9.1.1 处理程序——action 152

9.1.2 表单名称——name 153

9.1.3 传送方法——method 153

9.1.4 编码方式——enctype 154

9.1.5 目标显示方式——target 155

9.2 添加控件 156

9.3 输入类的控件 156

9.3.1 文字字段——text 156

9.3.2 密码域——password 158

9.3.3 单选按钮——radio 159

9.3.4 复选框——checkbox 160

9.3.5 普通按钮——button 161

9.3.6 提交按钮——submit 161

9.3.7 重置按钮——reset 163

9.3.8 图像域——image 165

9.3.9 隐藏域——hidden 166

9.3.10 文件域——file 166

9.4 菜单列表类的控件 168

9.4.1 下拉菜单 168

9.4.2 列表项 170

9.5 文本域标记——textarea 172

9.6 id标记 173

第10章 框架结构 175

10.1 窗口框架简介 176

10.1.1 什么是框架 176

10.1.2 框架的基本结构 176

10.2 设置框架集的基本属性 176

10.2.1 水平分割窗口——rows 177

10.2.2 垂直分割窗口——cols 178

10.2.3 嵌套分割窗口 178

10.2.4 设置边框——frameborder 180

10.2.5 框架的边框宽度——framespacing 180

10.2.6 框架的边框颜色——bordercolor 181

10.3 设置窗口属性 182

10.3.1 页面源文件——src 182

10.3.2 页面名称——name 183

10.3.3 调整窗口的尺寸——noresize 183

10.3.4 边框与页面内容的水平边——marginwidth 184

10.3.5 边框与页面内容的垂直边距——marginheight 185

10.3.6 设置框架滚动条显示——scrolling 185

10.3.7 不支持框架标记——noframes 186

10.4 浮动框架 187

10.4.1 必需参数:页面源文件——src 189

10.4.2 特有属性:大小——width和height 189

10.4.3 特有属性:对齐方式——align 190

10.4.4 共有参数设置 191

10.4.5 其他参数——frameborder 192

10.5 框架与链接 193

10.5.1 设置普通框架结构的链接 193

10.5.2 浮动框架与链接 195

第11章 CSS样式表 197

11.1 CSS简介 198

11.1.1 CSS的概念 198

11.1.2 CSS的特点 198

11.2 CSS的使用 199

11.2.1 CSS的基本语法 199

11.2.2 添加CSS的方法 200

11.2.3 CSS的继承 202

11.2.4 CSS样式的冲突 202

11.2.5 书写CSS的注意事项 203

11.3 设置CSS的字体属性 203

11.3.1 设置字体——font-family 203

11.3.2 设置字号——font-size 204

11.3.3 字体风格——font-style 206

11.3.4 设置加粗字体——font-weight 207

11.3.5 小型的大写字母——font-variant 208

11.3.6 复合属性:字体——font 208

11.4 颜色及背景属性 209

11.4.1 颜色属性设置——color 210

11.4.2 背景颜色——background-color 211

11.4.3 背景图像——background-image 212

11.4.4 背景重复——background-repeat 213

11.4.5 背景附件——background-attachment 214

11.4.6 背景位置——background-position 215

11.4.7 复合属性:背景——background 217

11.5 文本属性 218

11.5.1 单词间隔——word-spacing 218

11.5.2 字符间隔——letter-spacing 219

11.5.3 文字修饰——text-decoration 219

11.5.4 纵向排列——vertical-align 220

11.5.5 文本转换——text-transform 221

11.5.6 文本排列——text-align 222

11.5.7 文本缩进——text-indent 223

11.5.8 文本行高——line-height 224

11.5.9 处理空白——white-space 225

11.5.10 文本反排——unicode-bidi与direction 226

11.6 边距与填充属性 228

11.6.1 顶端边距——margin-top 228

11.6.2 其他边距——margin-bottom、margin-left、margin-right 229

11.6.3 复合属性:边距——margin 229

11.6.4 顶端填充——padding-top 230

11.6.5 其他填充——padding-bottom、padding-right、padding-left 231

11.6.6 复合属性:填充——padding 232

11.7 边框属性 233

11.7.1 边框样式——border-style 233

11.7.2 边框宽度——border-width 235

11.7.3 边框颜色——border-color 237

11.7.4 边框属性——border 238

11.8 定位及尺寸属性 239

11.8.1 定位方式——position 239

11.8.2 素位置——top、right、bottom、left 240

11.8.3 层叠顺序——z-index 241

11.8.4 浮动属性——float 242

11.8.5 清除属性——clear 244

11.8.6 可视区域——clip 244

11.8.7 设定大小——width、height 246

11.8.8 超出范围——overflow 247

11.8.9 可见属性——visibility 248

11.9 列表属性 250

11.9.1 列表符号——list-style-type 250

11.9.2 图像符号——list-style-image 251

11.9.3 列表缩进——list-style-position 252

11.9.4 复合属性:列表——list-style 253

11.10 光标属性——cursor 254

11.11 滤镜属性 256

11.11.1 不透明度——alpha 256

11.11.2 动感模糊——blur 257

11.11.3 对颜色进行透明处理——chroma 258

11.11.4 设置阴影——dropShadow 259

11.11.5 对象的翻转——flipH、flipV 260

11.11.6 发光效果——glow 262

11.11.7 灰度处 gray 263

11.11.8 反相——invert 264

11.11.9 X光片效果——xray 265

11.11.10 遮罩效果——mask 266

11.11.11 波形滤镜——wave 267

第12章 使用JavaScript脚本 269

12.1 JavaScript简介 270

12.1.1 什么是JavaScript 270

12.1.2 JavaScript特点 270

12.1.3 一个简单的JavaScript实例 270

12.2 JavaScript的基本语法 271

12.2.1 常量 272

12.2.2 变量 272

12.2.3 运算符 273

12.2.4 表达式 274

12.2.5 基本语句 275

12.2.6 函数 281

12.3 JavaScript对象 282

12.3.1 对象属性的引用 282

12.3.2 对象方法的使用 283

12.3.3 浏览器的内部对象 283

12.4 JavaScript事件 289

12.4.1 事件简介 289

12.4.2 单击事件——onClick 290

12.4.3 改变事件——onChange 290

12.4.4 选中事件——onSelect 291

12.4.5 获得焦点事件——onFocus 292

12.4.6 失去焦点事件——onBlur 292

12.4.7 载入文件事件——onLoad 293

12.4.8 卸载文件事件——onUnload 294

12.4.9 鼠标覆盖事件——onMouseOver 294

12.4.10 鼠标离开事件——onMouseOut 295

12.4.11 其他事件 296

12.5 利用JavaScript制作特效 297

12.5.1 动态显示时间 298

12.5.2 随鼠标移动的图像 298

12.5.3 禁止鼠标右击 300

12.5.4 设置链接文字的自动变色 300

12.5.5 显示浏览器信息 301

12.5.6 显示访客登录信息的窗口 303

12.5.7 标题渐变的窗口 305

12.5.8 网页中的loading条 307

12.5.9 页面的制作完成时间 308

12.5.10 在状态栏显示输入字符的页面 310

12.5.11 页面的加密功能 310

12.5.12 调色板更换页面背景 313

12.5.13 自由移动的图片 314

12.5.14 图片代替按钮效果 315

12.5.15 图片的翻转效果 316

12.5.16 跟着鼠标的烟花 317

12.5.17 跟随鼠标的时钟 319

12.5.18 跟随鼠标的滚动字幕 322

12.5.19 不断闪动的链接 323

12.5.20 在按钮上定时显示不同的链接 325

12.5.21 带链接的滚动字幕 326

第13章 在Dreamweaver中创建网页 329

13.1 常用页面元素 330

13.1.1 插入图像 330

13.1.2 导入媒体 332

13.1.3 添加表格 332

13.1.4 添加时间元素 333

13.1.5 设置超级链接 334

13.2 网页的布局 334

13.2.1 使用布局表格 335

13.2.2 设置框架 336

13.2.3 使用层进行布局 337

13.3 表单的使用 338

13.3.1 插入空白表单 338

13.3.2 插入文本类控件 338

13.3.3 插入选择区域 339

13.3.4 插入菜单和列表 341

13.3.5 添加跳转菜单 342

13.3.6 添加按钮 343

13.4 添加各种类型的文本 344

13.5 添加HTML网页的辅助内容 344

13.5.1 添加水平线 344

13.5.2 设置文件元信息 345

13.5.3 添加脚本 346

附录 颜色关键字对照表 347