dw实验1 建立站点和插入网页元素.docVIP

实验一 Dreamweaver 站点管理和建立简单的网站 【 实验目的 】 使学生掌握 Dreamweaver 的基本使用方法，并利用 Dreamweaver 工具制作一个比较完整的网页。 【 】【 实验内容 】 【 实验 】 “站点定义”对话框 2、管理本地站点 选择“站点”面板“文件”菜单中对应命令，即可对选取文件进行编辑操作。例如，选择文件后，在“站点”面板中选择“文件”菜单中的“打开”命令，则Dreamweaver在文档窗口中打开该文件(当然最简单的方法是在站点中双击相应的文件图标)。在对站点中的文件或文件夹进行操作时，合理地使用右键快捷菜单能大大加快操作速度。例如，在选中的文件夹上单击鼠标右键，然后选择“新建文件夹”命令，可以在相应文件夹中新建一个文件夹。 3、编辑站点具体操作步骤如下： 在站点面板中单击“站点名称”框右边的下拉列表按钮，在下拉列表中选择“编辑站点”命令，打开“编辑站点”对话框，如图所示。 “编辑站点”对话框 二、图像映射超链接 选中网页中插入的图片，打开属性控制面板，其面板的左下角区域即用于设置图片映像的区域。如图所示。 属性面板热区设置工具 选中图中绘制工具：矩形热区绘制工具圆形热区绘制工具多边形热区绘制工具，其中一种，就可以在图片上绘制热区了。当绘制完热区后，属性控制面板中显示出热区的属性，在link栏内输入网址或网页文件名，或点击link栏右侧的文件夹按钮，在打开的对话框中选择一个网页文件作为链接地址。 三、插入翻转图像 准备好两幅大小相同的图片文件。并将其保存在网页文件所在的文件夹之下。单击“插入”面板中的“鼠标经过图像”按钮→弹出如图所示对话框。 “插入鼠标经过图像”对话框 在对话框中单击“原始图像”右边的“浏览”按钮→选择打开网页时的原始图片文件→单击“鼠标经过图像”右边的“浏览”按钮→选择打开网页时的鼠标经过图片文件→在“替换文本”中输入“鼠标经过图片”→在“按下前往…”中输入超链接的网页文件→单击“确定”。保存文件并按F12预览效果。 四、插入导航栏翻转图像 　　1．打开Dreamweaver→新建一个网页文件，并保存文件名为3.htm. 2.单击“插入”面板中的“导航条”按钮→弹出如下图所示的对话框→在“项目名称”中输入导航按钮的名称→在“状态图像”中选择一个准备好的图片→在“鼠标经过图像”中选择其中一个图片→在“按下前往…”选择一个超链接的网页文件。 　　3．单击对话框中的“＋”号→重复第2步操作，添加多个导航条按钮→在“插入”中选择“垂直”→单击“确定”。 “插入导航条”对话框