Contents 目 录

第1章 全新认识Dreamweaver CS4

1.1 Dreamweaver CS4软件简介…………………………… 2 

1.1.1 Dreamweaver CS4软件特点 …………………2 

1.1.2 Dreamweaver CS4功能说明 …………………4 

1.2 Dreamweaver CS4安装的系统要求…………………… 5 

1.3 Dreamweaver CS4操作界面解析……………………… 5 

1.3.1 界面结构布局介绍 …………………………5 

1.3.2 主菜单介绍 …………………………………7 

1.3.3 工具栏介绍 …………………………………9 

1.3.4 常用面板 ………………………………… 11 

1.4 初识网页创建……………………………………… 16 

1.5 课后练习…………………………………………… 20 

第2章 站点的设置和管理

2.1 站点概述…………………………………………… 22 

2.1.1 站点的重要作用 ………………………… 22 

2.1.2 本地站点和远程站点的区别 …………… 23 

2.2 创建站点…………………………………………… 24 

2.2.1 建立本地站点 …………………………… 24 

2.2.2 建立远程站点 …………………………… 26 

2.3 管理站点…………………………………………… 29 

2.3.1 管理站点 ………………………………… 30 

2.3.2 管理站点文件 …………………………… 32 

2.4 高级技巧展示……………………………………… 35 

2.5 拓展训练——站点发布…………………………… 37 

2.6 课后练习…………………………………………… 38 

第3章 创建文本网页

3.1 创建网页文件……………………………………… 40 

3.1.1 新建、保存和打开网页文件 …………… 40 

3.1.2 网页基本属性设置 ……………………… 41 

3.2 网页文本输入……………………………………… 45 

3.2.1 普通文本输入 …………………………… 45 

3.2.2 特殊文本输入 …………………………… 47 

3.3 文本样式设置……………………………………… 49 

3.3.1 文本标题和段落格式设置 ……………… 49 

3.3.2 字体和字号设置 ………………………… 50 

3.3.3 文本颜色设定 …………………………… 52 

3.4 文本列表设置……………………………………… 53 

3.4.1 创建项目列表 …………………………… 53 

3.4.2 创建嵌套项目列表 ……………………… 55 

3.4.3 项目列表属性设置 ……………………… 56 

3.5 检查和替换文本…………………………………… 56 

3.5.1 检查拼写 ………………………………… 56 

3.5.2 查找和替换 ……………………………… 57 

3.6 高级技巧展示……………………………………… 58 

3.6.1 使用水平线 ……………………………… 58 

3.6.2 制作滚动字幕 …………………………… 59 

3.7 拓展训练——文本网页制作……………………… 61 

3.8 课后练习…………………………………………… 64

第4章 表格设置的技巧和应用

 4.1 插入和选择表格…………………………………… 66 

4.1.1 插入表格 ………………………………… 66 

4.1.2 选择表格 ………………………………… 68 

4.2 编辑表格和单元格………………………………… 70 

4.2.1 调整表格的尺寸、列宽与行高 ………… 70 

4.2.2 表格属性设置 …………………………… 70 

4.2.3 单元格属性设置 ………………………… 71 

4.2.4 拆分、合并单元格 ……………………… 72 

4.3 制作嵌套表格……………………………………… 73 

4.4 导出和导入表格数据……………………………… 74 

4.4.1 导入外部数据 …………………………… 74 

4.4.2 导出表格数据 …………………………… 76 

4.5 高级技巧展示……………………………………… 77 

4.5.1 使用表格排序 …………………………… 77 

4.5.2 制作1像素高度的直线 …………………… 78 

4.6 拓展训练——利用表格布局制作网页…………… 80 

4.7 课后练习…………………………………………… 86 

第5章 图像的应用

5.1 网页中图像属性…………………………………… 88 

5.2 在网页中插入图像………………………………… 89 

5.2.1 插入普通图像 …………………………… 89 

5.2.2 插入图像占位符 ………………………… 90 

5.2.3 插入鼠标经过图像 ……………………… 92 

5.3 图像属性设置……………………………………… 93 

5.3.1 设置图像对齐方式 ……………………… 93 

5.3.2 调整图像大小和边距 …………………… 95 

5.4 在网页中简单编辑图像…………………………… 96 

5.4.1 裁剪图像文件 …………………………… 96 

5.4.2 重新取样图像 …………………………… 97 

5.4.3 调整图像亮度和对比度 ………………… 97 

5.4.4 锐化图像文件 …………………………… 98 

5.5 导航图像的使用技巧……………………………… 99 

5.6 高级技巧展示……………………………………… 101 

5.6.1 直接将文件夹中的图像拖到表格中 ……101 

5.6.2 设置网页或表格背景图像 ………………102 

5.7 拓展训练——图文并茂的网页制作……………… 104 

5.8 课后练习…………………………………………… 109 

第6章 网页超级链接

6.1 认识超级链接……………………………………… 112 

6.1.1 超级链接的作用 …………………………112 

6.1.2 超级链接的几种表现方式 ………………112 

6.2 创建超级链接……………………………………… 112 

6.2.1 文本链接 …………………………………113 

6.2.2 图像热点链接 ……………………………115 

6.2.3 使用锚记链接 ……………………………117 

6.2.4 E-Mail 链 接 ………………………………120 

6.2.5 脚本链接 …………………………………121 

6.3 检查网站链接……………………………………… 122 

6.3.1 检查当前网页链接 ………………………122 

6.3.2 检查站点链接 ……………………………123 

6.4 高级技巧展示……………………………………… 124 

6.4.1 无指向链接 ………………………………124 

6.4.2 指向文件图标链接锚记 …………………124 

6.4.3 创建跳转菜单链接 ………………………125 

6.5 拓展训练——创建网站链接……………………… 126 

6.5.1 制作网页 …………………………………126 

6.5.2 制作网页链接 ……………………………131 

6.6 课后练习…………………………………………… 132 

第7章 CSS样式表

7.1 CSS样式表的概念… ………………………………134 

7.1.1 CSS样式表的基础 …………………………134 

7.1.2 CSS样式表的种类 …………………………134 

7.2 CSS样式的基本操作… ……………………………135 

7.2.1 新建CSS样式 ………………………………135 

7.2.2 编辑CSS样式 ………………………………136 

7.2.3 删除CSS样式 ………………………………137 

7.2.4 附加CSS样式文件 …………………………137 

7.2.5 应用CSS样式到网页元素中 ………………139 

7.3 创建CSS规则… ……………………………………141 

7.3.1 定义类型样式 ……………………………141 

7.3.2 定义背景样式 ……………………………142 

7.3.3 定义区块样式 ……………………………142 

7.3.4 定义方框样式 ……………………………143 

7.3.5 定义边框样式 ……………………………144 

7.3.6 定义列表样式 ……………………………144 

7.3.7 定义定位样式 ……………………………145 

7.3.8 定义扩展样式 ……………………………146 

7.4 高级技巧展示……………………………………… 146 

7.4.1 应用样式表设置背景颜色和背景图像 …146 

7.4.2 设置层的滚动效果和鼠标指针样式 ……148 

7.5 拓展训练——DIV+CSS在网页中的应用………… 150 

7.5.1 创建CSS样式表 ……………………………150 

7.5.2 使用DIV进行页面布局 ……………………151 

7.5.3 应用CSS样式 ………………………………154 

7.6 课后练习…………………………………………… 156 

第8章 用框架功能制作网页

8.1 认识框架…………………………………………… 158 

8.1.1 认识框架样式和框架面板 ………………158 

8.1.2 框架和框架集 ……………………………159 

8.1.3 决定是否使用框架 ………………………160 

8.2 创建和保存框架网页……………………………… 160 

8.2.1 创建框架网页 ……………………………160 

8.2.2 选择框架 …………………………………161 

8.2.3 保存框架和框架集 ………………………162 

8.3 框架和框架集的属性设置………………………… 163 

8.3.1 查看和设置框架属性 ……………………163 

8.3.2 查看和设置框架集属性 …………………164 

8.3.3 框架之间的链接设置 ……………………165 

8.4 高级技巧展示……………………………………… 167 

8.4.1 创建嵌套框架 ……………………………168 

8.4.2 在网页中插入Iframe（嵌套帧） …………170 

8.5 拓展训练——制作完整的框架网页……………… 173 

8.6 课后练习…………………………………………… 175 

第9章 使用表单

9.1 认识表单…………………………………………… 178 

9.2 表单对象…………………………………………… 178 

9.2.1 插入表单域 ………………………………178 

9.2.2 创建单行和多行文本域 …………………180 

9.2.3 创建复选框和单选按钮 …………………182 

9.2.4 创建列表/菜单 ……………………………185 

9.2.5 创建文件域和图像域 ……………………187 

9.2.6 插入按钮 …………………………………188 

9.3 验证表单数据……………………………………… 189 

9.4 高级技巧展示……………………………………… 190 

9.4.1 使用Spry验证对象制作表单 ………………191 

9.4.2 使用CSS样式设置表单对象样式 …………193 

9.5 拓展训练——制作完整的表单…………………… 194 

9.6 课后练习…………………………………………… 198 

第10章 AP元素和Spry的使用

10.1 认识AP元素和Spry… …………………………… 200 

10.2 插入AP元素并制作嵌套AP元素 ………………… 201 

10.2.1 普通AP元素的创建方法 ………………201 

10.2.2 嵌入式AP Div的创建方法 ……………203 

10.2.3 AP Div的属性设置 ……………………204 

10.3 AP元素的操作方法… …………………………… 205 

10.3.1 激活AP元素并调整AP元素大小 ………205 

10.3.2 移动和对齐多个AP元素 ………………206 

10.3.3 AP元素和表格的转换 …………………207 

10.4 Spry的使用………………………………………… 208 

10.4.1 使用Spry菜单栏 …………………………208 

10.4.2 使用Spry选项卡式面板 …………………210 

10.4.3 使用Spry折叠式 …………………………212 

10.5 高级技巧展示… ………………………………… 213 

10.5.1 使用AP元素制作购物袋 ………………214 

10.5.2 使用AP元素制作下拉菜单 ……………215 

10.6 拓展训练——完整的特效网页制作… ………… 218 

10.7 课后练习… ……………………………………… 220 

第11章 多媒体对象的使用

11.1 多媒体对象概述… ……………………………… 222 

11.2 插入Flash动画 ……………………………222 

11.3 插入FlashPaper文件 ………………………224 

11.4 插入FLV视频文件 ………………………227 

11.5 播放Shockwave影片 ………………………229 

11.6 插入APPLET文件 …………………………231 

11.7 高级技巧展示… ………………………………… 234 

11.7.1 插入音频文件 …………………………234 

11.7.2 插入视频文件 …………………………236 

11.8 拓展训练——制作多媒体网页… ……………… 237 

11.9 课后练习… ……………………………………… 238 

第12章 行为和脚本的使用

12.1 认识行为和脚本的作用… ……………………… 240 

12.1.1 认识“行为”面板 ……………………240 

12.1.2 为对象附加行为 ………………………241 

12.1.3 关于事件 ………………………………241 

12.2 灵活使用行为功能… …………………………… 242 

12.2.1 交换图像和恢复交换图像 ……………242 

12.2.2 制作弹出提示信息 ……………………244 

12.2.3 打开浏览器窗口 ………………………245 

12.2.4 改变属性 ………………………………246 

12.2.5 制作工作AP元素效果 …………………248 

12.2.6 检查插件 ………………………………250 

12.2.7 设置状态栏文本 ………………………251 

12.2.8 调用JavaScript …………………………252 

12.3 高级技巧展示… ………………………………… 254 

12.3.1 制作浮动广告 …………………………254 

12.3.2 禁止使用鼠标右键功能 ………………257 

12.4 拓展训练——网页特效制作… ………………… 258 

12.5 课后练习… ……………………………………… 261 

第13章 资源、库和模板的使用

13.1 认识“资源”面板上的… ……………………… 264 

13.1.1 在“资源”面板中查看资源 …………264 

13.1.2 将资源添加到文件 ……………………265 

13.1.3 在其他站点中重新使用资源 …………266 

13.1.4 将文件添加或删除到收藏夹中 ………266 

13.1.5 为喜爱的资源创建别名 ………………267 

13.1.6 将资源归类到收藏夹中 ………………268 

13.2 创建和应用库项目… …………………………… 268 

13.2.1 创建站点 ………………………………269 

13.2.2 将已有内容创建为库 …………………269 

13.2.3 在网页中应用库项目 …………………270 

13.2.4 编辑并更新网页 ………………………271 

13.2.5 将库项目从源文件中分离 ……………272 

13.3 创建和应用模板… ……………………………… 272 

13.3.1 创建模板 ………………………………273 

13.3.2 定义可编辑区域 ………………………275 

13.3.3 应用模板创建新网页 …………………277 

13.3.4 编辑模板并更新网页 …………………278 

13.3.5 将文件从模板中分离 …………………279 

13.4 高级技巧展示… ………………………………… 280 

13.4.1 将已有网页保存为模板 ………………280 

13.4.2 更改可编辑区域的名称 ………………281 

13.5 拓展训练——创建和编辑站点中的 

模板网页 ………………………………………282 

13.6 课后练习… ……………………………………… 286 

第14章 HTML与网页代码

14.1 HTML与编码环境………………………………… 288 

14.2 HTML 基本构架…………………………………… 290 

14.2.1 单标签 …………………………………290 

14.2.2 双标签 …………………………………291 

14.2.3 属性标签 ………………………………292 

14.3 在Dreamweaver中使用代码……………………… 292 

14.3.1 支持的文件类型 ………………………292 

14.3.2 充分利用代码 …………………………293 

14.3.3 服务器行为代码 ………………………293 

14.4 编写和编辑代码… ……………………………… 293 

14.4.1 使用代码提示 …………………………293 

14.4.2 使用代码片断 …………………………295 

14.4.3 使用标签选择器插入标签 ……………296 

14.5 高级技巧展示… ………………………………… 297 

14.5.1 错误代码修改 …………………………297 

14.5.2 查找和替换 ……………………………298 

14.6 拓展训练——使用代码编写网页… …………… 299 

14.7 课后练习… ……………………………………… 302

第15章 应用程序

15.1 应用程序概述… ………………………………… 304 

15.2 动态网页的制作流程… ………………………… 305 

15.2.1 准备工作环境和站点目录 ……………305 

15.2.2 建立数据库 ……………………………306 

15.2.3 制作静态网页 …………………………309 

15.2.4 定义数据库连接 ………………………309 

15.2.5 建立记录集 ……………………………310 

15.3 高级技巧展示… ………………………………… 311 

15.3.1 制作会员注册网页 ……………………311 

15.3.2 检查新用户名 …………………………314 

15.3.3 制作会员登录网页 ……………………316 

15.4 拓展训练——简单的留言本制作… …………… 317 

15.4.1 制作留言板网页 ………………………317 

15.4.2 建立留言网页记录集 …………………319 

15.4.3 绑定数据显示内容 ……………………320 

15.4.4 设置多行显示内容 ……………………322 

15.4.5 分页显示聊天记录 ……………………323 

15.4.6 制作留言本管理页面 …………………324 

15.4.7 制作删除记录按钮 ……………………325 

15.4.8 制作编辑数据网页 ……………………326 

15.5 课后练习… ……………………………………… 328 

第16章 完整的网站实例制作

16.1 网站前期准备工作… …………………………… 330 

16.1.1 实例背景概述 …………………………330 

16.1.2 明确网站风格及内容 …………………330 

16.2 创建本地站点… ………………………………… 330 

16.3 创建网站首页… ………………………………… 332 

16.3.1 创建HTML网页 …………………………332 

16.3.2 设置CSS样式 ……………………………332 

16.3.3 制作网页布局 …………………………336 

16.4 制作模板页… …………………………………… 343 

16.5 制作库项目… …………………………………… 345 

16.6 应用模板制作内容页… ………………………… 346 

16.7 更新网页… ……………………………………… 347 

16.8 站点的上传与发布… …………………………… 348 

16.9 课后练习… ……………………………………… 348 

第17章 手机网页制作和发布

17.1 手机网页概念… ………………………………… 350 

17.1.1 WAP基础知识 …………………………350 

17.1.2 WAP网站的优点 ………………………350 

17.1.3 WAP网站的功能和作用 ………………350 

17.1.4 WAP的基本原理 ………………………351 

17.1.5 WAP的技术特点 ………………………351 

17.1.6 什么是WAP浏览器 ……………………351 

17.2 手机网站的运行方式… ………………………… 351 

17.3 WAP网站和网页制作要求… …………………… 352 

17.4 用ASP技术进行动态WAP网站开发实例………… 353 

17.4.1 用ASP技术进行动态WAP网站开发实例 … 354 

17.4.2 用ASP在WAP手机网页中添加旗帜广告 … 354