Dreamweaver MX 2004经典案例课堂

Part 1 正确理解网页，认真制作网页

Lesson 01 正确理解网页

网页的种类和必要性

Lesson 02 初学者的网页，找到起跑点

明确网页制作的目的和主题

需要了解的知识

制作网页的工具

Lesson 03 网页制作，Step by Step

Part 2 初识Dreamweaver

Lesson 01 安装Dreamweaver MX 2004

安装Dreamweaver MX 2004程序

将本书的范例文件复制到硬盘中

Lesson 02 Dreamweaver MX 2004的操作界面

Dreamweaver程序的操作界面

工具栏

插入工具栏

各种功能面板

Lesson 03 学习前的准备活动——指定网站

Lesson 04 Dreamweaver中的文件管理和预览

新建文件

保存文件

在网页浏览器中预览最终画面

打开保存的文件

Part 3 熟练掌握Dreamweaver的基本功能

Lesson 01 使用背景图和边距设置文档环境

打开用于设置文档环境的Page Progerties对话框

指定背景图和边距

指定文档标题

Lesson 02 输入文本并整理段落

复制并粘贴文本内容

分段与换行

插入空格

文本的缩进方法

Lesson 03 利用列表项整理段落

准备制作列表项

制作成列表项

Lesson 04 添加字体，更改文本的各种属性

添加中文字体

应用字号和字体

指定粗体和下划线

指定文本颜色

Lesson 05 插入特殊符号，并居中对齐

插入特殊符号

居中对齐文本

Lesson 06 插入图像并指定属性

插入图像

指定图像属性

Lesson 07 利用图像占位符创建图像的插入位置

使用图像占位符选定位置

转换成实际图像

Lesson 08 剪切插入图像，并调整大小

调整图像大小

只剪切需要的区域

按照指定的大小剪切必要的部分

调整亮度，饱和度和清晰度

Lesson 09 制作透明GIF图像

将背景颜色处理为透明，保存为透明GIF文件

Lesson 10 使用超链接

利用超链接连接外部网站和内部网页

建立下载文件或者其他图像超链接

建立邮件超链接

确认超链接效果

更改超链接和链接颜色

Lesson 11 制作随意移动的超链接

移动到最顶端

移到文档中指定的位置

Lesson 12 在同一个图像上建立多个超链接

指定图像热区，建立超链接

编辑图像热区

Lesson 13 在跳转菜单上建立超链接

插入跳转菜单

居中对齐插入的跳转菜单，并确认其效果

Lesson 14 鼠标经过图像

分别制作翻转菜单

利用导航栏一次性制作所有菜单

Part 4 利用表格进行页面布局

Lesson 01 征服表格世界

制作表格

选择表格整体、行、列、单元格

调整整个表格、行、列大小

插入/删除行和列

合并/拆分单元格

Lesson 02 编辑表格和单元格

在表格和单元格内填充背景图像和背景色

设置表格和单元格边框，并调整单元格间距

Lesson 03 填充图像和文本

在单元格内插入图像，调整单元格大小

在单元格内输入文本，指定其属性

利用CellPad指定单元格边框和与内容的间距，并对齐其内容

排列整个表格，指定文档属性

Lesson 04 利用透明的表格设计整个网页文档布局

指定文档属性，并插入Border值为0的透明表格

在透明表格中插入透明表格和内容1

在透明表格中插入透明表格和内容2

在透明表格中插入其他文档中的表格

Lesson 05 以字母顺序整理表格样式和单元格内容

以字母顺序排列表格内的文本

使用Format Table功能设置单元格顺序

Lesson 06 表格的细线表现技法

制作1像素和2像素线

利用CellSpace属性制作细线

Lesson 07 使用布局表格

绘制布局表格，并指定其大小

绘制布局单元格，并编辑属性

在布局单元格内插入内容

Lesson 08 将布局表格转换为一般表格模式和扩展表格模式

将布局表格结构转换为一般表格结构，并复制、粘贴其他文档内的文本和图像

利用扩展表格模式调整图像位置

Lesson 09 制作显示底图的布局

在文档内设置跟踪图像

以跟踪图像形态绘制布局表格和布局单元格

指定布局单元格背景和对齐方式，并插入内容

切换到一般表格模式并进行整理

Part 5 利用框架结构有效管理网站

Lesson 01 在新文档中制作框架集结构

理解框架结构的网页文档

制作由左右两部分构成的框架结构

将框架和框架集分别保存为文件

Lesson 02 指定框架大小，制作文档

利用Properties面板指定框架大小和高度

制作左侧框架文档

制作右侧框架文档

Lesson 03 链接框架中的网页文档和外部地址URL

单击左侧框架内的菜单，显示右侧框架中的网页文档

在当前框架中显示网页文档

在其他窗口或整个窗口中显示外部站点（URL）

Lesson 04 利用现有文档制作框架

制作框架结构，指定属性

在各框架中导入文件并保存

在框架文档中建立超链接

Lesson 05 单击一次鼠标，同时在两个以上的框架内显示文档

利用Go To URL行为

Lesson 06 利用iFrame功能在指定位置插入框架

在指定位置插入框架

以iFrame名称建立超链接

Part 6 网页文档的特殊魅力，层的世界

Lesson 01 层的功能

了解层的特征

创建层，插入图像

选择创建的层

利用拖动方式、方向键、Properties面板移动层

调整层大小

填充层背景

Lesson 02 嵌套层

创建多个层

一次选择多个层

一次性对齐多个层

统一调整多个层的大小

编辑层的重叠属性

Lesson 03 利用层设计布局

利用层插入并排列内容

从层结构切换到表格结构

在层上设置滚动条

Lesson 04 玩拼图

创建可拖动的层，准备拼图图像

应用行为实现拖动效果

Lesson 05 移近鼠标弹出下拉菜单

复制文本制作下拉菜单，并指定Visible属性

为菜单建立虚拟超链接后．应用Show-Hide Layers行为

Part 7 样式表的强大威力

Lesson 01 利用Properies面板将一段文字更改为自动形成的样式

制作应用于段落中的两种样式

应用样式表

Lesson 02 利用内部Class祥式表调整字体和行间距

利用CSS Styles面板制作两种样式

将制作的样式应用于各段落标题和内容上

修改样式

Lesson 03 保存样式，并应用于其他网页文档中

制作为外部样式表并保存

在其他文档中打开样式表，并应用

修改为显示段落背景色的样式

Lesson 04 利用选择的图像制作列表项

制作无序项目列表

制作插入图像项目符号的列表项样式

Lesson 05 固定背景图像的位置

指定文档的背景图像和文本属性

修改body和td样式

Lesson 06 利用样式表制作独特的表格边框

制作双线样式的边框

对单元格应用样式

Lesson 07 制作与文档相配的个性滚动条

复制彩色滚动条素材，并粘贴到代码视图中

Lesson 08 随意调整HTML标签

调整图像插入标签．制作虚线边框

修改水平线颜色

Lesson 09 翻转文本菜单

指定文档的超链接属性

制作当鼠标翻转时显示背景颜色的文本菜单样式

Lesson 10 在同一个文档中显示各种样式的翻转文本菜单

制作5种超链接样式

对文本菜单应用样式

扩展文本菜单的背景颜色区域，修改边框和指针

Lesson 11 利用样式表滤镜，表现各种图像效果

利用Gray滤镜制作黑白图像

利用Blur滤镜制作模糊的图像

利用Wave滤镜制作晃动的效果

利用Invert滤镜制作出图像的反相效果

制作鼠标移近时显示图像的效果

Lesson 12 利用CSS Properties面板控制样式表属性

利用Duplicate命令复制样式表．在CSS Properties

面板中修改属性

利用Go To URL行为制作翻转鼠标时返回初始画面的效果

Part 8 应用多媒体内容

Lesson 01 一起玩转Flash影片

插入Flash影片

透明处理Flash影片的背景

Lesson 02 用按钮控制Flash影片

利用Control Shockwave行为从头播放Flash影片

Lesson 03 在Dreamweaver中制作Flash按钮

Flash按钮和超链接

Flash文本按钮和超链接

Lesson 04 Flash图像浏览器

插入自动保存的Flash图像浏览器,修改其属性

水珠破裂的Applet

利用插入工具栏插入Applet

复制并粘贴WaterDrop Applet部分,修改其属性

Lesson 05 利用Snow Applet营造圣诞气氛

复制Snow Applet源代码,插入到文档中

根据文档修改属性

Lesson 07 处理各种背景音乐效果

下载文档的同时播放背景音乐

转换文档画面时也继续播放音乐

Lesson 08 插入并控制视频剪辑

单击时在其他插件程序窗口中播放影片

直接插入到网页文档中的视频剪辑

Part 9 利用行为增加网页的生动感

Lesson 01 赋予网页文档生命力

Lesson 02 制作单击就打印并退出窗口的按钮

利用Window.prit() JavaScript函数制作打印按钮

利用Window. class()JavaScript函数制作关闭窗口的按钮

Lesson 03 根据选择的颜色调换Color Brush

定义交替图像的名称

制作单击彩色图像时交替显示图像的效果

Lesson 04 根据浏览器显示各种网页文档

指定行为,制作文档下载的同时根据网页浏览器显示文档的效果

Lesson 05 根据事件弹出指定大小的新窗口

下载文档的同时在指定大小的新窗口中显示文档

单击即可在指定大小的新窗口中显示文档

Lesson 06 制作发出特效音的按钮

单击图像时播放声音的效果

Lesson 07 发出警告声的同时弹出提示框

下载文档时弹出警告对话框

Lesson 08 制作显示菜单和级联菜单的阶梯式导航栏

添加一级和二级下拉菜单

指定下拉菜单的形态和位置

Lesson 09 根据翻转状态显示层图像的补充说明文字

指定层名，对按钮图像应用Set Text of Layer行为

Lesson 10 在状态栏上显示每个按钮菜单的补充说明文字

下载文档的同时显示文字

将鼠标移到按钮上时在状态栏上显示相应文本内容

Lesson 11 将鼠标移到图像缩览框上时，显示大图像的效果

指定要变更的图像名称．并对缩览图像应用Swap Image行为

Part 10 灵活应用Command，资源，库和模板

Lesson 01 利用命令取消重复操作

记录2行1列．400像素的表格插入命令

执行记录的命令，插入内容

Lesson 02 利用History永久记录并执行命令

利用History面板的Replay按钮执行命令

利用History面板永久保存命令

利用加载的命令制作推荐网站目录

利用超链接和Color Schima功能一次指定文本和链接颜色

Lesson 03 将用DC拍摄的照片整理成Photo Album

利用Web Photo Album制作网页文档

根据站点风格整理Web Photo Album文档

Lesson 04 利用收藏夹功能添加并使用资源

利用Assets面板插入超链接

将常用的图像加载到收藏夹内

Lesson 05 利用统一风格的模板制作网站各文档

理解模板

加载为模板文档

应用模板制作4个文档

在模板文档中建立超链接．并修改文本属性

Lesson 06 利用库插入文档的共同要素

库(Library)的概念

将跳转菜单加载到库

在模板文档中插入库,并更新文档

制作插入为库的跳转菜单的样式表

Part 11 使用第三方插件扩展Dreamweaver

Lesson 01 了解扩展的概念

执行扩展管理程序

Lesson 02 禁止使用鼠标右键

应用在文档中单击鼠标右键时弹出警告对话框的扩展

修改发出警告音的同时弹出的警告提示框

Lesson 03 链接时显示其他图像

利用Random Image命令每次下载文档时都显示不同的图像

Lesson 04 制作固定的广告条

在文档中应用Persistent Layer扩展和onLoad事件

Lesson 05 层动画效果

从中间逐渐向上下显示内容的Splite Vertical Out转场动画

Lesson 06 利用Next和Previous按钮控制幻灯效果

在文档中应用扩展并插入幻灯效果

将控制文本按钮转换为图像按钮

Lesson 07 将鼠标移到按钮上控制滚动条

应用dHTML ScrollableArea命令

变更层内的内容．并将滚动条的上下控制按钮改换为图像

Lesson 08 在网页浏览器中全屏显示文档

应用扩展,表现单击按钮时以全屏模式显示文档的效果

Lesson 09 没有边框的特殊Chromless窗口

应用行为，制作出单击鼠标时弹出Chromless窗口的效果

修改发生错误的ChromIess Window行为

Lesson 10 根据图像大小自动弹出的窗口

单击缩览图像,则在与原图像大小相同的新窗口中显示图像

Part 12 创建一个完整的网站

Lesson 01 为创建站点收集材料

准备主题和内容

指定本地站点(Local Site)和远程站点(Remote Site)

Lesson 02 主页面的制作

以表格组织画面布局

鼠标经过导航栏的制作

根据单元格背景图像调整单元格的高度

以1 pixel宽度的边线围绕表格

Lesson 03 子页面的制作和超链接的设置

应用子页面的共同布局页面,保存各个页面

在主页面中链接所有子页面

在子页面中进行链接

Lesson 04 利用Site窗发布Web

连接Web账户/传送/确认最终结果