网页制作全接触—HTML 4.0 & CSS
分類: 图书,计算机/网络,程序设计,HTML XML ,
作者: 陈峰
出 版 社: 人民邮电出版社
出版时间: 2001-3-1字数:版次: 1版1次页数: 428印刷时间:开本:印次:纸张:I S B N : 9787115091369包装: 平装内容简介
本书主要介绍了有关HTML 4.0和CSS 的内容,包括HTML 4.0各个标记的语法和属性,CSS各个属性的语法和属性值,同时介绍了两者在Dreamweaver中的实现,提供大量灵活使用HTML 4.0 和CSS 制作动态网页的实例。
目录
第一部分 HTML部分
第一章 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、JSP6
1.5.1 ASP简介7
1.5.2 PHP简介9
1.5.3 JSP简介10
1.6 HTML与DHTML12
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 头标记25
2.3.1 标题(TITLE)25
2.3.2 文档基础URL(BASE)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.3 在Dreamweaver中的实现57
2.7 列表标记58
2.7.1 列表项(LI)58
2.7.2 有序和无序列表(OL、UL)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.4 表格说明(CAPTION)69
2.8.5 表格横行组(THEAD、TFOOT、TBODY)69
2.8.6 表格竖列组(COLGROUP、COL)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 框架标记79
2.10.1 框架主标记(FRAMESET)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和JavaScript116
4.1.2 VB和VBScript121
4.2 在HTML文档中加入事件和行为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 动态效果完整实例136
4.4.1 导航栏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.1.4 用Dreamweaver维护站点202
5.2 用CuteFTP定义和上传一个站点202
5.2.1 CuteFTP概述202
5.2.2 设置FTP站点连接204
5.2.3 上传以及下载文件205
第二部分 CSS部分
第六章 CSS入门207
6.1 CSS样式表简介207
6.1.1 例说CSS样式表207
6.1.2 CSS样式优点208
6.2 编辑CSS样式表的方法209
6.2.1 用普通的文本编辑工具210
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 HTML中加入CSS的四种方法216
6.4.1 嵌入式样式表216
6.4.2 内联式样式表216
6.4.3 外联式样式表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.3 首行伪元素224
6.5.4 首字母伪元素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
6.6.6 通过多个样式表给出一个样式227
第七章 CSS基本属性228
7.1 字体属性228
7.1.1 字体族(FONT-FAMILY)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.1.8 与JavaScript结合制作动态字体236
7.2 颜色与背景属性236
7.2.1 前景颜色(COLOR)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.3 字符间距(LETTER-SPACING)246
7.3.4 单词间距(WORD-SPACING)246
7.3.5 文本对齐方式(TEXT-ALIGN)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.1 宽度(WIDTH)253
7.4.2 高度(HEIGHT)253
7.4.3补白(PADDING)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 列表270
7.5.1 列表位置(LIST-STYLE-POSITION)270
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
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.2 元素之后分页(PAGE-BREAK-AFTER)291
7.8.3 在Dreamweaver中设置CSS样式表的分页属性291
第八章 滤镜293
8.1滤镜简介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.7 垂直翻转(FLIPV)300
8.2.8 光晕效果(GLOW)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 动态滤镜308
8.4.1 动态滤镜概述308
8.4.2 光线效果(LIGHT)308
8.4.3 渐变效果(BLENDTRANS)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.2.4 背景声音(PLAY-DURING)324
9.3 语音属性324
9.3.1 语速(SPEECH-RATE)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.3.8 阅读时间(SPEAK-TIME)327
9.4 立体声效果327
9.4.1 方位角(AZIMUTH)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
附录Ⅰ 字符实体表387
一、拉丁字符387
二、特殊符号和希腊字母389
三、特殊字符实体392
附录Ⅱ CSS兼容性列表394
附录Ⅲ JavaScript参考手册400