HTML和中文Dreamweaver MX 2004实用教程

1.4.4　项目拓展　12
1．设置网页的背景颜色　12
2．网页中的16种标准颜色　12
1.5　“俏皮歇后语”网页　12
1.5.1　网页中的基本结构标记　13
1.5.2　网页中的文本标记　14
1.5.3　项目实现　15
1.5.4　项目拓展——添加注释　16
1.6　“动画放映室”网页　16
1.6.1　添加背景音乐和插入Flash动画的HTML语言　16
1.6.2　在网页中插入多媒体文件　17
1.6.3　项目实现　17
1.6.4　项目拓展——利用外部链接增加多媒体对象　17
1.7　“HTML技术演示”网页　18
1.7.1　链接文件使用的HTML标记　18
1.7.2　使用图像或动画的链接　18
1.7.3　项目实现　19
1.7.4　项目拓展——设置链接打开的窗口　19
1.8　“中国的世界文化遗产”网页　19
1.8.1　在同一个网页文件中建立链接的HTML标记　20
1.8.2　建立电子邮件链接　20
1.8.3　项目实现　21
1.8.4　项目拓展——链接到其他页面中的锚点　22
1.9　“Flash技术说明”网页　22
1.9.1　设置框架集和修饰框架集　22
1.9.2　窗口间的链接　23
1.9.3　项目实现　23
1.9.4　项目拓展　24
1．框架边框的设置　24
2．框架滚动条的设置　24
3．设置边框的不可移动属性　24
1.10　“公告板”网页　25
1.10.1　什么是DHTML技术　25
1.10.2　DHTML技术应用举例　25
1.10.3　项目实现　28
1.10.4　项目拓展——DHTML的使用技巧　29
1.11　“水中人”网页　29
1.11.1　ANFY软件介绍　29
1.11.2　ANFY软件中的菜单命令　30
1.11.3　项目实现　31
1.11.4　项目拓展——使用ANFY软件在已有的网页中插入Java网页特效　32
1.12　“俄罗斯方块游戏”网页　33
1.12.1　网页特效精灵软件介绍　33
1.12.2　网页特效精灵软件中的菜单命令　34
1.12.3　项目实现　35
1.12.4　项目拓展——在已有的网页中插入Java程序　35
思考与练习　36
第2章　Dreamweaver MX 2004概述　38
2.1　Dreamweaver MX 2004概述　38
2.1.1　Dreamweaver MX 2004简介　38
2.1.2　第一次运行Dreamweaver MX 2004　40
2.1.3　Dreamweaver MX 2004的工作界面　40
2.1.4　文档窗口和状态栏　41
2.1.5　“属性”栏和“插入”栏　41
2.1.6　面板及面板的基本操作　42
2.1.7　标尺和网格　43
2.1.8　网页文档的基本操作　44
2.1.9　“Macromedia Dreamweaver MX 2004”对话框　45
2.1.10　网页页面属性的设置　46
2.2　“自我介绍”网页　47
2.2.1　文字属性设置　47
2.2.2　设置和修改项目列表　50
2.2.3　项目实现　51
2.2.4　项目拓展　52
2.3　修改“使用图像链接”网页　52
2.3.1　“查找与替换”对话框中各选项的含义　53
2.3.2　文字的复制、移动与拼写检查　54
2.3.3　项目实现　54
2.3.4　项目拓展——查找网页文档中的源代码　55
2.4　再做“自我介绍”网页　56
2.4.1　图像与文字的相对位置　56
2.4.2　编辑图像　57
2.4.3　项目实现　58
2.4.4　项目拓展——低解析度图像　59
2.5　“捉迷藏的图像”网页　59
2.5.1　“插入鼠标经过图像”对话框中各选项的作用　59
2.5.2　编辑网页图像　60
2.5.3　使用Dreamweaver的图像编辑功能编辑网页图像　61
2.5.4　项目实现　63
2.5.5　项目拓展——Fireworks MX 2004简介　64
2.6　“北京的四合院”网页　64
2.6.1　在网页中使用跟踪图像　65
2.6.2　调整跟踪图像　65
2.6.3　项目实现　66
2.6.4　项目拓展——使用照片编辑器软件切割图像　67
思考与练习　68
第3章　在网页中插入对象　70
3.1　“图书导读”网页　70
3.1.1　“插入导航条”对话框中各选项的含义　70
3.1.2　插入水平线　71
3.1.3　项目实现　72
3.1.4　项目拓展——修改导航条　72
3.2　再做“动画放映室”网页　72
3.2.1　Flash对象“属性”栏中各选项的含义　73
3.2.2　设置Flash影片的属性　74
3.2.3　项目实现　74
3.2.4　项目拓展——设置Flash影片的参数　75
3.3　“豆豆的收藏”网页　75
3.3.1　在网页中插入图像查看器　75
3.3.2　“标签”面板中各选项的含义　76
3.3.3　项目实现　77
3.3.4　项目拓展——为“图像检查器”中的图像建立链接　77
3.4　“FLASH简介”网页　78
3.4.1　“插入Flash按钮”对话框　78
3.4.2　“插入Flash文本”对话框　79
3.4.3　项目实现　79
3.4.4　项目拓展——修改网页中的Flash按钮或Flash文字　80
3.5　“日落奇山”网页　80
3.5.1　插入Shockwave影片　81
3.5.2　插入Fireworks HTML　81
3.5.3　项目实现　82
3.5.4　项目拓展——Shockwave简介　82
3.6　“风景幻灯”网页　82
3.6.1　Java Applet概述　83
3.6.2　Java Applet对象的“属性”栏　83
3.6.3　项目实现　83
3.6.4　项目拓展——插入特殊字符　84
3.7　“旋转的地球”网页　84
3.7.1　ActiveX控件“属性”栏中各选项的作用　85
3.7.2　插入插件　85
3.7.3　项目实现　86
3.7.4　项目拓展——ActiveX简介　86
3.8　“考试安排”网页　87
3.8.1　在网页内插入表格　88
3.8.2　选择表格　89
3.8.3　项目实现　89
3.8.4　项目拓展　89
1．控制单元格“填充”和“间距”的HTML标记　89
2．表格内容水平对齐属性的HTML标记　89
3．表格内容垂直对齐属性的HTML标记　90
3.9　调整“考试安排”网页　90
3.9.1　“排序表格”对话框　90
3.9.2　格式化表格　91
3.9.3　项目实现　92
3.9.4　项目拓展——在表格中插入表格　92
3.10　“照相馆”网页　92
3.10.1　表格和单元格的“属性”栏　93
3.10.2　编辑表格　94
3.10.3　项目实现　95
3.10.4　项目拓展——为表格或单元格设置背景图像　96
思考与练习　96
第4章　框架、层与网页布局　98
4.1　重做“Flash技术说明”网页　98
4.1.1　创建框架与编辑框架　98
4.1.2　在框架内插入HTML文件内容与保存框架文件　100
4.1.3　项目实现　100
4.1.4　项目拓展——“框架”面板　102
4.2　“心情随笔”网页　102
4.2.1　设置层的默认属性和创建层　103
4.2.2　层的基本操作　104
4.2.3　项目实现　106
4.2.4　项目拓展——在层中插入对象　106
4.3　“立体的卡通”网页　106
4.3.1　“层”面板　107
4.3.2　层“属性”栏　108
4.3.3　项目实现　109
4.3.4　项目拓展——层中图像的溢出　109
4.4　修改“心情随笔”网页　110
4.4.1　层转换为表格　110
4.4.2　表格转换为层　111
4.4.3　项目实现　111
4.4.4　项目拓展——转换时需要注意的问题　111
4.5　“互联网公司”网页　112
4.5.1　“布局”栏　112
4.5.2　网页布局的调整　113
4.5.3　布局表格和布局单元格的“属性”栏　115
4.5.4　项目实现　116
4.5.5　项目拓展　118
1．层布局　118
2．表格布局　118
3．框架布局　118
4.6　“北京国际教育发展中心”网页　118
4.6.1　网页布局的基本概念　119
4.6.2　网页布局的基本原则　119
4.6.3　项目实现..　120
4.6.4　项目拓展——如何设计一个好的版面结构　121
思考与练习　121
第5章　样式表与时间线　123
5.1　重做“卡通青蛙”网页　123
5.1.1　创建CSS样式表　123
5.1.2　“CSS样式定义”对话框中的边框属性　125
5.1.3　项目实现　125
5.1.4　项目拓展——CSS样式表简介　126
5.2　再做“俏皮歇后语”网页　126
5.2.1　定义样式表中的类型属性　127
5.2.2　定义样式表中的背景属性　128
5.2.3　项目实现　129
5.2.4　项目拓展　129
5.3　“霸道的文字”网页　130
5.3.1　定义样式表中的区块属性　131
5.3.2　定义样式表中的方框属性　132
5.3.3　项目实现　132
5.3.4　项目拓展——“标签”面板中的“CSS属性”选项卡　133
5.4　再做“心情随笔”网页　133
5.4.1　定义样式表中的扩展属性　134
5.4.2　定义样式表中的列表属性和定位属性　135
5.4.3　项目实现　136
5.4.4　项目拓展　136
1．创建样式表文件　136
2．调用外部样式表　137
5.5　“射门”网页　138
5.5.1　“时间轴”面板　138
5.5.2　制作直线移动动画　139
5.5.3　项目实现　140
5.5.4　项目拓展　140
5.6　再做“射门”网页　141
5.6.1　加入关键帧　141
5.6.2　制作沿曲线路径移动的动画　142
5.6.3　项目实现　142
5.6.4　项目拓展——“时间轴”菜单中各菜单命令的含义　142
5.7　“风景幻灯”网页　143
5.7.1　动画的删除、复制、移动和更名　143
5.7.2　使用多个时间轴　144
5.7.3　项目实现　144
5.7.4　项目拓展——应用已有的动画元件　145
5.8　“浮动图像”网页　145
5.8.1　用鼠标拖曳的方法制作沿曲线路径移动的动画　146
5.8.2　用时间轴实现图像动态切换效果　146
5.8.3　项目实现　147
5.8.4　项目拓展　147
思考与练习　147
第6章　行为　149
6.1　“浮动广告”网页　149
6.1.1　“行为”面板　149
6.1.2　时间轴的相关动作　150
6.1.3　项目实现　151
6.1.4　项目拓展——Dreamweaver中的“行为”简介　152
6.2　再做“图书导读”网页　152
6.2.1　选择动作　152
6.2.2　选择事件　153
6.2.3　显示-隐藏层　154
6.2.4　项目实现　155
6.2.5　项目拓展——显示弹出式菜单和隐藏弹出式菜单　156
6.3　为“自我介绍”网页加入欢迎窗口　157
6.3.1　打开浏览器窗口　158
6.3.2　转到URL　159
6.3.3　项目实现　159
6.3.4　项目拓展——“打开浏览器窗口”行为的HTML代码　159
6.4　再做“动画放映室”网页　160
6.4.1　控制Shockwave或Flash　160
6.4.2　检查插件　161
6.4.3　检查浏览器　162
6.4.4　项目实现　162
6.4.5　项目拓展——检查表单　163
6.5　“拼图游戏”网页　163
6.5.1　拖动层　164
6.5.2　预先载入图像　165
6.5.3　项目实现　166
6.5.4　项目拓展——设置文本　167
6.6　继续丰富“俏皮歇后语”网页　168
6.6.1　弹出信息　169
6.6.2　改变属性　170
6.6.3　项目实现　170
6.6.4　项目拓展——弹出信息的HTML代码　171
6.7　继续丰富“自我介绍”网页　171
6.7.1　网页中常用的音乐格式　171
6.7.2　播放声音　172
6.7.3　项目实现　172
6.7.4　项目拓展——为按钮添加声音　172
6.8　继续丰富“图书导读”网页　173
6.8.1　在网页中插入“跳转菜单”　173
6.8.2　跳转菜单　174
6.8.3　项目实现　174
6.8.4　项目拓展——跳转菜单开始按钮　175
6.9　修改“图书导读”网页　175
6.9.1　设置导航栏图像　175
6.9.2　交换图像　177
6.9.3　项目实现　177
6.9.4　项目拓展——调用JavaScript　178
思考与练习　178
第7章　站点与链接　180
7.1　我的网站　180
7.1.1　建立新站点　180
7.1.2　“文件”面板和“站点”窗口　181
7.1.3　项目实现　182
7.1.4　项目拓展——站点地图属性设置　184
7.2　重做“HTML技术演示”网页　184
7.2.1　利用“属性”栏建立与外部文件的链接　185
7.2.2　利用“文件”面板和“站点”窗口建立链接　186
7.2.3　项目实现　187
7.2.4　项目拓展——利用“站点”窗口建立链接的其他方法　187
7.3　重做“中国的世界文化遗产”网页　188
7.3.1　在网页中设置锚记　188
7.3.2　建立与锚记的链接　188
7.3.3　项目实现　189
7.3.4　项目拓展——链接到其他页面中的锚记　190
7.4　“音响世界”网站　190
7.4.1　图像热点的创建　190
7.4.2　图像热点的编辑　191
7.4.3　项目实现　192
7.4.4　项目拓展——在图像中插入热点的HTML代码　192
7.5　为“自我介绍”网页添加邮件链接　193
7.5.1　建立电子邮件链接　194
7.5.2　建立无址链接　195
7.5.3　建立脚本链接与远程登录　195
7.5.4　项目实现　196
7.5.5　项目拓展——Foxmail软件简介　196
7.6　修改“我的网站”站点下的链接　198
7.6.1　自动检查链接　198
7.6.2　人工检查链接　199
7.6.3　修复链接　199
7.6.4　项目实现　200
7.6.5　项目拓展　200
1．设置预览功能　200
2．预览网页　201
7.7　发布“我的网站”站点　201
7.7.1　设置服务器与发布站点　201
7.7.2　发布站点　203
7.7.3　项目实现　204
7.7.4　项目拓展——文件下载　204
7.8　构建本机站点空间　205
7.8.1　安装IIS　205
7.8.2　配置IIS　207
7.8.3　项目实现　211
7.8.4　项目拓展——检查每个页面下载的时间　211
思考与练习　212
第8章　表单、命令与外部插件　214
8.1　“资金收入/支出登记表”网页　214
8.1.1　创建表单域与设置表单域的属性　214
8.1.2　插入表单对象与其他对象　215
8.1.3　项目实现　219
8.1.4　项目拓展　220
8.2　导入“网络技术”网页　220
8.2.1　“清理Word生成的HTML”对话框　221
8.2.2　导入Word文档和Excel文档　222
8.2.3　项目实现　223
8.2.4　项目拓展——XML简介　223
8.3　重做“照相馆”网页　224
8.3.1　应用Dreamweaver MX 2004内置命令创建相册　224
8.3.2　利用Fireworks优化图像　225
8.3.3　项目实现　226
8.3.4　项目拓展　226
8.4　格式化“中国的世界文化遗产”网页　227
8.4.1　自定义命令　227
8.4.2　录制命令　228
8.4.3　项目实现　228
8.4.4　项目拓展——获取更多命令　229
8.5　插件管理器　229
8.5.1　“扩展管理器”简介　230
8.5.2　“扩展管理器”中各选项的功能　230
8.5.3　项目实现　231
8.5.4　项目拓展　232
8.6　“电影放映室”网页　233
8.6.1　RealMedia选项卡中各按钮的作用　234
8.6.2　定义“状态栏”文字　234
8.6.3　项目实现　235
8.6.4　项目拓展——制作Dreamweaver中的插件　236
8.7　用插件丰富“自我介绍”网页　237
8.7.1　定义网页的右键菜单　237
8.7.2　在网页中插入“打印”按钮　238
8.7.3　项目实现　238
8.7.4　项目拓展　239
1．“Ultra Clouse Window”插件　239
2．“Email”插件　240
思考与练习　241
第9章　模板、资源面板与综合实例　242
9.1　“商品介绍”模板　242
9.1.1　创建新模板　242
9.1.2　将已有的HTML文件创建为模板　243
9.1.3　项目实现　244
9.1.4　项目拓展　244
9.2　“商品介绍”网页　244
9.2.1　使用模板创建新网页　245
9.2.2　在已有的页面内使用新模板　246
9.2.3　项目实现　246
9.2.4　项目拓展——“资源”面板中的“模板”栏　247
9.3　修改“商品介绍”模板　247
9.3.1　修改模板更新网页　247
9.3.2　关于模板的其他操作　248
9.3.3　项目实现　249
9.3.4　项目拓展——将HTML标记属性设置为可编辑　249
9.4　为“自我介绍”网页配色　250
9.4.1　设置配色方案　250
9.4.2　网页的配色原则　250
9.4.3　项目实现　252
9.4.4　项目拓展——网页颜色的使用风格　253
9.5　添加“汽车”图像库项目　253
9.5.1　“资源”面板　254
9.5.2　创建库项目和引用库项目　254
9.5.3　修改库项目和更新页面　255
9.5.4　项目实现　256
9.5.5　项目拓展　257
9.6　综合实例：“日本旅游”网站　257
9.6.1　规划站点　257
9.6.2　商业网站制作前的准备工作　258
9.6.3　项目实现　260
9.6.4　项目拓展——网站的风格　261
9.7　发布“日本旅游”网站　262
9.7.1　申请主页空间　262
9.7.2　定义服务器信息　264
9.7.3　项目实现　264
9.7.4　项目拓展　265
1．对网站进行更新　265
2．申请免费域名　266
思考与练习　267
答案...　269