第8篇 网页制作工具Dreamweaver 8.pptVIP

网站规划与网页设计 电子工业出版社同名教材 配套电子教案 2006.4 * * 8.1 Dreamweaver简介 8.2 站点管理 8.3 制作第一个网页 8.4 超链接 8.5 使用图像 8.6 使用多媒体对象 8.7 使用表格 第8章 网页制作工具Dreamweaver 8 8.1.1 Dreamweaver 8的启动和主工作区 1．启动Dreamweaver 8 安装好Dreamweaver 8后，单击“开始”→“程序”→“Macromedia”→“Macromedia Dreamweaver 8”命令。Dreamweaver 8进行一系列初始化过程后，首先显示“工作区设置”对话框，如图8-1所示。由于要采用可视化方式设计网页，选中“设计者”单选钮，单击“确定”按钮。接下来显示起始页对话框，如图8-2所示。在起始页对话框中可以选择“打开最近项目”、“创建新项目”或“从范例创建”。 8.1 Dreamweaver简介 图8-1 “工作区设置”对话框 图8-2 起始页 2．Dreamweaver 8的主工作区 Dreamweaver 8的主工作区由插入工具栏、文档工具栏、文档窗口、属性面板等部分组成，如图8-3所示。 8.1 Dreamweaver简介 图8-3 Dreamweaver 8的主工作区 （1）插入工具栏 Dreamweaver 8的插入工具栏如图8-4（a）所示，插入工具栏中默认显示的是“常用”类的主要功能按钮。单击“常用”按钮会弹出一个下拉菜单，其中包含了插入工具栏中的其他功能菜单，如图8-4（b）所示。用户选择不同的分类，插入工具栏中包含的功能按钮也随之改变。 8.1 Dreamweaver简介 图8-4 插入工具栏及其功能分类菜单 （2）文档工具栏 文档工具栏中的按钮使用户可以在文档的不同视图间快速切换：代码视图、设计视图、和拆分视图。文档工具栏中还包含一些与查看文档、在本地和远程站点间传输文档有关的常用命令和选项，如图8-5所示。 8.1 Dreamweaver简介 图8-5 文档工具栏的常用命令和选项 8.1.2 Dreamweaver 8的参数设置 1．常规参数设置 选择“编辑”→“首选参数”命令，或按〈Ctrl〉+〈U〉组合键，打开“首选参数”对话框。选择“分类”列表中的“常规”选项，对话框右侧显示出相关的属性。通常设置的属性有文档选项和一些编辑选项。 8.1 Dreamweaver简介 图8-12 常规参数设置中更改工作区 8.1.2 Dreamweaver 8的参数设置 2．新建文档参数设置 新建文档参数设置用于建立默认的新文档类型和首选参数。选择“分类”列表中的“新建文档”选项，对话框右侧显示出相关的属性，如图8-13所示。 8.1 Dreamweaver简介 图8-13 新建文档参数设置 8.1.2 Dreamweaver 8的参数设置 3．站点参数设置 选择“分类”列表中的“站点”选项，对话框右侧显示出相关的属性，用于为“文件”面板设置站点首选参数，如图8-14所示。 8.1 Dreamweaver简介 图8-14 站点参数设置 所谓站点，可以看做是一系列文档的组合，这些文档之间通过各种链接关联起来，可能拥有相似的属性，例如，描述相关的主体，采用相似的设计，或者实现相同的目的等，也可能只是毫无意义的链接。利用浏览器，就可以从一个文档跳转到另一个文档，实现对整个网站的浏览。 8.2.1 本地站点和远端站点 严格地说，站点也是一种文档的磁盘组织形式，它同样是由文档和文档所在的文件夹组成的。设计良好的网站通常具有科学的结构，利用不同的文件夹，将不同的网页内容分门别类地保存，这是设计网站的必要前提。结构良好的网站，不仅便于管理，也便于更新。 8.2 站点管理 8.2.2 建立本地站点 规划好站点结构后，应该先在Dreamweaver中定义站点，然后才能进行开发。 【例8-1】建立一个本地站点，定义站点名称和站点使用的本地根文件夹及默认的图像文件夹。本实例定义站点的名称为Sample，使用的本地文件夹为D:\myweb，默认的图像文件夹为D:\myweb\image，站点的设置如图8-15所示。站点结构如图8-16所示。 8.2 站点管理 图8-15 站点设置 图8-16 站点结构 8.2.3 管理本地站点 1．编辑站点 在Dreamweaver中创建好本地站点后，如果需要，还可以对整个站点