Dreamweaver UltraDev 4网页设计实例与技巧

第一部分 基础篇

第一章 整装待发……………………………………………………………………………3
1.1 初识网页…………………………………………………………………………………3
1.1.1 网页基本知识…………………………………………………………………………5
1.1.2 网页制作基本设计思路………………………………………………………………5
1.1.3 网页制作工具概述……………………………………………………………………6
1.1.4 生成第一个网页………………………………………………………………………6
1.2 HTML语言简介…………………………………………………………………………7
1.2.1 关于标记的约定………………………………………………………………………8
1.2.2 标记的含义……………………………………………………………………………9
1.2.3 标记的应用范例……………………………………………………………………12

第二章 定制详解……………………………………………………………………………51
2.1 Dreamweaver UltraDev 4概述…………………………………………………………51
2.1.1 工作界面……………………………………………………………………………51
2.1.2 全新特性……………………………………………………………………………56
2.2 定制Dreamweaver UltraDev 4…………………………………………………………65
2.2.1 常规选项的定制……………………………………………………………………65
2.2.2 代码颜色的定制……………………………………………………………………67
2.2.3 浮动面板的定制……………………………………………………………………68
2.2.4 对象面板的定制……………………………………………………………………69
2.2.5 文件类型的定制……………………………………………………………………70
2.2.6 菜单的定制…………………………………………………………………………70
2.2.7 变更操作……………………………………………………………………………72
2.2.8 浏览器的定制………………………………………………………………………74
2.2.9 扩展 Dreamweaver UltraDev 4……………………………………………………77
2.2.10 其他定制…………………………………………………………………………79
2.3 文档操作及格式化文本……………………………………………………………80
2.3.1 文档操作…………………………………………………………………………80
2.3.2 格式化文本………………………………………………………………………81

第三章 构建站点…………………………………………………………………………85
3.1 站点规划………………………………………………………………………85
3.2 定义本地站点…………………………………………………………………86

第四章 应用样式…………………………………………………………………………91
4.1 CSS样式概述…………………………………………………………………………91
4.1.1 CSS样式表入门……………………………………………………………………91
4.1.2 CSS样式表作用……………………………………………………………………92
4.2 CSS样式语法……………………………………………………………………93
4.2.1 CSS样式语法概述…………………………………………………………………93
4.2.2 CSS样式表语法详解………………………………………………………………94
4.3 CSS样式属性……………………………………………………………………96
4.3.1 选择符属性……………………………………………………………………96
4.3.2 媒体属性…………………………………………………………………………97
4.3.3 BOX模型属性…………………………………………………………………98
4.3.4 布局属性…………………………………………………………………………100


4.3.5 背景属性……………………………………………………………………………104
4.3.6 文本属性……………………………………………………………………………105
4.3.7 字体属性……………………………………………………………………………108
4.3.8 鼠标属性……………………………………………………………………………110
4.3.9 分级属性……………………………………………………………………………111
4.3.10 "容器"属性………………………………………………………………………113
4.3.11 列表属性…………………………………………………………………………115
4.3.12 用户界面属性……………………………………………………………………116
4.4 样式表的定位……………………………………………………………………117
4.4.1 定位概述………………………………………………………………………117
4.4.2 动态转换…………………………………………………………………………117
4.4.3 空间定位…………………………………………………………………………119
4.5 样式表的引入与编写…………………………………………………………………120
4.5.1 样式表的引入………………………………………………………………………120
4.5.2 编写CSS样式表……………………………………………………………………121
4.6 编辑CSS样式…………………………………………………………………122
4.6.1 创建新CSS样式……………………………………………………………………122
4.6.2 设置CSS 样式格式………………………………………………………………123
4.6.3 管理CSS样式……………………………………………………………………124
4.6.4 应用CSS样式………………………………………………………………125
4.6.5 将CSS转换为HTML标记………………………………………………………131
4.7 CSS滤镜属性…………………………………………………………………131
4.7.1 滤镜属性概述…………………………………………………………………131
4.7.2 Alpha属性………………………………………………………………132
4.7.3 Blur属性……………………………………………………………………133
4.7.4 Chroma属性………………………………………………………………135
4.7.5 DropShadow属性…………………………………………………………135
4.7.6 FlipH、FlipV属性………………………………………………………………136
4.7.7 Glow属性……………………………………………………………………137
4.7.8 Gray属性………………………………………………………………138
4.7.9 Invert属性………………………………………………………………138

第五章 网页设计…………………………………………………………………………139
5.1 链接…………………………………………………………………………139
5.1.1 链接概述………………………………………………………………………139
5.1.2 创建链接………………………………………………………………………141
5.2 图像……………………………………………………………………145
5.2.1 图像概述………………………………………………………………………145
5.2.2 插入图像…………………………………………………………………………145
5.3 表格……………………………………………………………………149
5.3.1 表格概述…………………………………………………………………………149
5.3.2 表格属性面板……………………………………………………………………150
5.3.3 插入表格……………………………………………………………………………151
5.4 分层……………………………………………………………………153
5.4.1 分层概述……………………………………………………………………………153
5.4.2 创建分层……………………………………………………………………………154
5.4.3 分层面板的使用……………………………………………………………………155
5.4.4 分层属性及操作……………………………………………………………………159
5.5 表单……………………………………………………………………161
5.5.1 表单的基本操作……………………………………………………………………161
5.5.2 表单对象的属性设置………………………………………………………………164
5.6 分帧……………………………………………………………………149
5.6.1 制作一个框架……………………………………………………………………149
5.6.2 有关分帧的几个问题……………………………………………………………171
5.7 模板应用……………………………………………………………………172
5.7.1 模板概览……………………………………………………………………………172
5.7.2 创建模板……………………………………………………………………………172
5.7.3 编辑模板……………………………………………………………………………174
5.7.4 定义模板的可编辑区域……………………………………………………………175
5.7.5 模板的参数选项……………………………………………………………………177
5.7.6 导入和导出XML内容……………………………………………………………178
5.8 素材库……………………………………………………………………181
5.8.1 创建素材库………………………………………………………………………181
5.8.2 编辑素材库………………………………………………………………………182


第二部分 实例篇

第六章 经典网页设计实例……………………………………………………189
6.1 电子邮件表单制作实例………………………………………………………………189
6.2 创建导航条和状态栏制作实例………………………………………………………190
6.3 动态提示制作实例……………………………………………………………………192
6.4 滚动动画制作实例…………………………………………………………………194
6.5 网页下拉菜单制作实例……………………………………………………………194
6.6 可控制式动态菜单制作实例…………………………………………………………198
6.7 弹出窗口制作实例………………………………………………………202
6.8 班级网站设计实例……………………………………………………………………202
6.9 多人协作管理网站设计实例…………………………………………………………205
6.10 用户注册制作实例……………………………………………………………206
6.11 用户登录制作实例………………………………………………………208
6.12 电子邮件确认制作实例………………………………………………………………210

第七章 动态菜单设计实例……………………………………………………213
7.1 图片和层………………………………………………………………………………213
7.1.1 准备图片……………………………………………………………………………213
7.1.2 建立层和表格………………………………………………………………………214
7.2 行为…………………………………………………………………………219
7.2.1 图片的转换………………………………………………………………………219
7.2.2 图片命名…………………………………………………………………220
7.2.3 为图片增加行为……………………………………………………………220
7.2.4 转换最后一个图片……………………………………………………………221
7.2.5 更多的转换效果……………………………………………………………222
7.3 动态数据…………………………………………………………………………223
7.3.1 数据库………………………………………………………………………223
7.3.2 建立指向页面的链接……………………………………………………………227
7.3.3 建立详细页面…………………………………………………………………228
7.3.4 测试页面…………………………………………………………………231

第八章 互动网站设计实例………………………………………………………233
8.1 准备工作………………………………………………………………………………233
8.2 设置Web目录…………………………………………………………………………233
8.3 建立站点…………………………………………………………………………234
8.4 创建网页…………………………………………………………………………234
8.4.1 创建首页………………………………………………………………………234
8.4.2 创建增加页…………………………………………………………………242
8.4.3 增加详细页………………………………………………………………………245
8.4.4 创建更新页…………………………………………………………………253
8.4.5 生成删除页………………………………………………………………………254
8.4.6 创建查询页…………………………………………………………………255
8.4.7 创建查询结果页…………………………………………………………………256
8.5 数据测试………………………………………………………………………………257


第三部分 技巧篇

第九章 实用技巧与问题解答……………………………………………………261
9.1 Dreamweaver UltraDev 4实用技巧……………………………………………………261
9.1.1 图层应用技巧………………………………………………………………………261
9.1.2 样式表应用技巧…………………………………………………………………272
9.1.3 Fireworks文件应用技巧………………………………………………………277
9.1.4 数据库设计应用技巧………………………………………………………282
9.2 Dreamweaver UltraDev 4问题解答………………………………………………284

第十章 Dreamweaver UltraDev 4插件应用……………………………………303
10.1 插件概述………………………………………………………………………………303
10.1.1 插件的定义与安装…………………………………………………………303
10.1.2 插件的分类………………………………………………………………………304
10.2 插件应用…………………………………………………………………………304
10.2.1 页面计数插件应用……………………………………………………………305
10.2.2 截取动态数据插件应用………………………………………………………308
10.2.3 翻页链接插件应用……………………………………………………………311
10.2.4 生成HTML表格插件应用…………………………………………………313
10.2.5 变化背景图案插件应用………………………………………………………316
10.2.6 创建折叠树插件应用……………………………………………………………318


附录 多媒体学习光盘使用说明…………………………………………………………323