文件域 （上传文件）
1. 插入文件域
插入文件域的具体操作步骤如下：
（1）将光标放到表单中要插入文件域的位置。
（2）单击“插入”>“表单”>“文件域”命令，或单击“插入”工具栏中“表单”子工具栏中的“文件域”按钮。
2. 设置文件域属性
选定文件域，打开属性面板，通过属性面板即可设置文件域属性。
按钮
按钮在单击时执行任务，例如提交或重置表单。Dreamweaver存在3种类型的按钮：提交、重置和无。
1. 创建按钮
创建按钮的具体操作步骤如下：
（1）插入一个表单，将光标放到表单中。
（2）单击“插入”>“表单”>“按钮”命令，或单击“插入”工具栏中“表单”子工具栏中的“按钮”，即可插入按钮。
2. 设置按钮属性
选定按钮，打开属性面板，通过属性面板即可设置按钮属性。
图像域
1. 插入图像域
创建图像域的具体操作步骤如下：
（1）将光标放到表单中要插入图像域的位置。
（2）单击“插入”>“表单”>“图像域”命令，或单击“插入”工具栏中“表单”子工具栏中的“图像域”按钮，打开“选择图像源文件”对话框。
（3）从中选择一幅图像，单击“确定”按钮即可。
2. 设置图像域属性
选定图像域，打开属性面板，通过属性面板即可设置图像域的属性。
隐藏域
1. 创建隐藏域
（1）将光标放到要插入隐藏域的位置。
（2）单击“插入”>“表单”>“隐匿域”命令，或单击“插入”工具栏中“表单”子工具栏中的
“隐藏域”按钮。
2. 设置隐藏域属性
选定隐藏域，打开属性面板，通过属性面板即可设置隐藏域的属性。
跳转菜单
1. 插入跳转菜单
插入跳转菜单的具体操作步骤如下：
（1）将光标放到要插入跳转菜单的位置。
（2）单击“插入”>“表单”>“跳转菜单”命令，或单击“插入”工具栏中“表单”子工具栏中的“跳转菜单”按钮，打开“插入跳转菜单”对话框。
（3）若需要添加多个跳转菜单项，可单击“+”按钮，若要删除跳转菜单项，可单击“－”按钮。
（4）设置完成后，单击“确定”按钮即可。
层的分类
1．CSS层
CSS层主要使用SPAN和DIV来确定定位页面内容的位置，其属性由全球广域网协会W3C的Positioning HTML Elements with Cascading Style Sheets（使用级联样式表确定HTML元素的位置）定义，主要通过CSS样式来实现对内容的定位。CSS层具有很好的兼容性，可以在大多数浏览器中被正确浏览。
2．Netscape层
Netscape层主要使用Netscape的LAYER和ILAYER确定定位页面内容的位置。其属性由Netscape的特有层格式定义。Netscape层的兼容性比较差。
创建普通层
创建普通层的具体操作步骤如下：
（1）将光标放到要创建层的位置。
（2）执行下列操作方法之一：
° 单击“插入”>“布局对象”>“层”命令
° 单击“布局”子工具栏上的“绘制层”按钮，然后在文档窗口中拖动鼠标
创建嵌套层
创建嵌套层的具体操作步骤如下：
（1）将光标放在已存在层中。
（2）单击“插入”>“布局对象”>“层”命令。
设置层的属性
选择层，打开层属性面板，通过层属性面板即可设置层的属性。
设置层的参数
设置层的参数的操作步骤如下：
（1）单击“编辑”>“首选参数”命令，弹出“首选参数”对话框，在“分类”列表框中选择“层”，设置层的参数。
（2）设置完成后，单击“确定”按钮。
层的基本操作
选择层
1．选择一个层
° 在层的边框上单击。
° 在“层”面板中单击层的名称。 CSS-层
°单击一个层的选择柄，若选择柄不可见，则在该层中的任意位置单击以显示该选项。
2．选择多个层
° 按住Shift键并单击“层”面板上的层名称。
°按住Shift键并在两个或更多个层的边框内（或边框上）单击。
在层中添加内容
°若要输入文字，则将光标放到层中，然后输入文字。输入到层的文字可以任意调整字体及字号等属性。
° 若向层中添加图像，则将光标放到层中，单击“插入”>“图像”命令，从弹出的“选择
图像源文件”对话框中选择要插入的图像。
调整层的大小
1．使用鼠标拖动
（1）选定层，层的周围出现8个控制点。
（2）拖动层上、下边框中间的控制点，可调整层的高度；拖动层左、右边框中间的控制点，可调整层的宽度；拖动层4个角的控制点，可以同时调整层的高度和宽度。
2．利用键盘
利用键盘调整层的大小的操作方法如下：
° 选中层，按住Ctrl键再使用方向键，一次可以调整一个像素。
° 选中层，按住Ctrl+Shift键，使用方向键，可以按当前网格吸附量进行调整。
3．利用属性面板
利用属性面板调整层的大小的操作方法是：在属性面板上“宽”和“高”数值框中输入数值。
移动层
移动层的具体操作步骤如下：
° 选中层，使用方向键移动，系统默认每次移动一像素。
° 选中层，按住Shift键使用方向键，可以按当前网格的吸附量移动。
° 拖动层右上角的“回”字图标，移动鼠标到适当位置。
显示和隐藏层
单击“层”面板上的眼睛图标，可以在显示和隐藏层之间进行切换。
更改层的名称
° 双击层面板“名称”栏下面的层的名称，直接输入新名称即可。必须要以英文开头
° 在属性面板上“层编号”文本框中输入名称。
使用时间轴创建动画
时间轴面板
单击“窗口”>“时间轴”命令（也可以使用Alt+F9组合键），打开“时间轴”面板，利用时间轴面板中的各项功能可以创建动画。
使用时间轴创建动画
1．沿直线移动图片
操作步骤如下：
（1）在网页上绘制一个层，在层中插入图片。
（2）单击“窗口”>“时间轴”命令，打开时间轴面板。
执行下列操作之一：
°将层拖到时间轴的某一动画轨道上
°单击“时间轴”面板右上角的图标 ，打开下拉菜单，选择“添加对象”命令。
（3）添加了动画对象后，默认的动画有两个关键帧，表示动画的开始位置和结束位置，拖动动画条上起止关键帧标志，设置总帧数。
（4）单击动画条上的起始帧，然后将网页上的层拖动到起始位置；单击动画条上的结束帧,将层拖动到结束位置，此时出现一条直线。这条直线即是对象移动的路线。
（5）如果要让动画在页面载入后自动播放，则选定“自动播放”复选框，如果要循环播放，则选定“循环”复选框。
（6）按F12键浏览网页即可发现图片运动。
2. 通过拖动路径来创建动画
通过拖动路径的功能可以制作出复杂的动画，如沿曲线运动等。
具体操作步骤如下：
（1）选中层，将其定位到初始位置。
（2）单击“修改”>“时间轴”>“录制层路径”命令，在网页上拖动层，自定义路径，然后松开鼠标。
3. 垂直滚动
在许多网页上常常会看到一个矩形区域，该区域中的文字由下向上滚动，它就是滚动效果。
具体操作步骤如下：
（1）在页面上创建两个层，命名为L1和L2，在L1中输入要滚动的文字。
（2）选定L2，打开“属性”面板，单击“溢出”右端的下拉按钮，打开下拉列表，选择hidden，
（3）将L2的背景设置为与当前网页的背景相同。
（4）调整层的大小及位置，使L2比L1宽，L2的高度约为L1的1/2，将L1放到L2的正下方。
（5）将L1拖入时间轴的某一动画轨道上，调整起止帧的位置为第1帧到第60帧，将Fps设置为4，选定“自动播放”和“循环”复选框，。
（6）单击时间轴上1的最后一帧，用键盘箭头键将1移到2的正上方。按F12键浏览网页，即可产生滚动效果。
时间轴的基本操作
1．添加或删除时间轴上的帧
添加帧或删除帧的操作方法是：
单击“修改”菜单，选择“时间轴”子菜单中的“添加帧”或“移除帧”命令。
2．改变动画条的长度
改变动画条的长度，可以使动画播放过程更长一些，如果要改变动画条的长度，可拖动动画条末端的帧标记。若按住Ctrl键的同时拖动帧，可防止其他关键帧移动位置。
3 ．改变动画的起始时间
按住与动画相对应的动画条，然后在动画通道上自由移动，即可改变动画的起始时间，按住Shift键，可以选定多个动画条。
4. 改变关键帧的位置
将动画条上的关键帧左右移动，即可改变关键帧的位置。
HTML的基本语法
HTML的组成
一个完整的HTML文档由两部分组成：head和body部分。head部分是除文档标题外的不可见部分，文档标题出现在浏览器和Dreamweaver中的窗口标题栏中。head部分还包含其他重要信息；body部分是文档的主要部分，也是包含文本和图像等的可见部分。
常用标签
1．一般标签
一般标签是由一个起始标签和一个结束标签所组成，其语法为：<x>文字</x>
其中，x代表标签元素。<x>和</x>就如同一组开关：起始标签<x>为开启的某种功能，而结束标签</x>（通常为起始标签加上一个斜线/）为关功能，文字信息便放在两标签之间。
2．文件结构标签
此类标签的目的是用来标示出文件的结构，主要有：
<html>...</html>：标示html文件的起始和终止。
<head>...</head>：标示出文件标题区。
<body>...</body>：标示出文件主体区。
3．区段格式标签
此类标签的主要用途是将HTML文件中的某个区段文字，以特定格式显示，增加文件的可视性。主要有：
<title>...</title>：文件题目，<h1>...</h6>：网页标题，<hr>：产生水平线，<br>：强迫换行。
4. 表格标签
此类标签用制作表格，如<table>...</table>、<caption>...</caption>、<th>...</th>、<tr>...</tr>。
代码编辑视图
Dreamweaver为用户提供了两种代码显示视图：只显示代码视图和同时显示代码和设计视图。单击“文档工具栏”上的“代码”按钮，则在整个窗口中显示代码视图；单击“拆分”按钮，则会将窗体分为上、下两个部分，上部显示代码，下部显示设计。
用户也可以通过菜单命令切换到代码视图和代码设计视图，方法是：单击“视图”>“代码”命令，或单击“视图”>“代码和设计”命令。
“代码检查器”面板介绍
打开“代码检查器”面板的操作方法有2种：
° 单击“窗口”>“代码检查器”命令
° 按F10键
设置“代码检查器”面板属性
具体操作步骤如下：
（1）单击“代码检查器”面板上的“选项菜单”按钮，打开下拉列表。
（2）从中选择相应的命令。
