第5章 DW简介、建立站点与编辑网页.ppt

第五章 Dreamweaver简介 建站与编辑网页 * * （1）工作界面、面板介绍 （2）如何建立、编辑站点 1 Dreamweaver简介 （1）Dreamweaver 的工作界面 Dreamweaver MX是当前Macromedia公司必威体育精装版版本的网页制作软件。安装了该软件后，首次启动它系统会打开一个提示用户选择工作区的对话框，如图所示。用户可以根据需要选择一种工作区设置。本书约定将采用第一种界面设置，即DreamweaverMX用户工作区布局。 在“工作区设置”对话框中，选取“DreamweaverMX工作区”单选按钮，然后单击“确定”按钮，系统启动DreamweaverMX软件，并自动打开一个空白未命名的文档窗口，这就是制作网页时的工作界面，如图所示。 插入面板有两种显示方式：菜单方式与制表符方式 菜单方式 制表符方式 在插入窗口中MX 2004新增“收藏夹”，可以将我们经常使用的插入操作放在收藏夹中， 点击右键-自定义收藏夹，弹出如下窗口，将左边出现的功能放置右边即可。 工具栏 代码视图 设计视图 当我们在设计视图中选择视图选项的显示文件头内容，则在界面上方会出现相应的 文件头内容标签，如标题等。 一般情况下，文件头内容都在插入面板-HTML中的子项里 状态栏 属性窗口 （2）创建与管理站点 1．新建本地站点 在Dreamweaver中建立本地站点的方法如下。 （1）在文档窗口中选择“站点”菜单中的“新建站点”命令或“站点”面板“站点”菜单中的“新建站点”命令，打开“定义站点”对话框，选择“高级”选项卡（也可按“基本”选项卡中的向导操作，但不如用“高级”选项卡方便）。 （2）在“站点名称”文本框内输入站点名称，例如localsite。该站点名称只是在Dreamweaver中的一个站点标识，因此可以采用中文名称。 （3）在“本地根文件夹”文本框旁边单击“浏览”按钮 ，在打开的“选择站点localsite的本地根文件夹”对话框中，定位到事先建立的站点文件夹，或者在打开的对话框中单击“新建文件夹”按钮 创建一个新文件夹，如图2.6所示。选定文件夹后，“站点定义”对话框中相应文本框的内容自动更新。 （4）在“默认图像文件夹”文本框旁边单击“浏览”按钮 ，用同样的方式指定站点中用于存放图像的文件夹。这样设置之后，以后网页中要用到的图像文件都应该放到该文件夹，以便统一管理。 （5）其他选项保持不变，单击“确定”按钮，此时站点面板中出现新建的站点窗口。 2．管理本地站点 ? 文件的基本操作 在Dreamweaver中，可以使用“文件”菜单来对单独的文件进行管理。例如，执行“新建”、“打开”、“保存”、“另存为”等命令。另外也可以在“站点”面板中对网站中的文件进行管理。例如，执行“新建”、“打开”、“删除”、“移动”、“复制”、“重命名”等命令。 选择“站点”面板“文件”菜单中对应命令，即可对选取文件进行编辑操作。例如，选择文件后，在“站点”面板中选择“文件”菜单中的“打开”命令，则Dreamweaver在文档窗口中打开该文件（当然最简单的方法是在站点窗口中双击相应的文件图标）。 在对站点中的文件或文件夹进行操作时，合理地使用右键快捷菜单能大大加快操作速度。例如，在选中的文件夹上单击鼠标右键，然后选择“新建文件夹”命令，可以在相应文件夹中新建一个文件夹。 ? 编辑站点 在Dreamweaver中创建好本地站点后，如果需要，还可以对整个站点（本地根目录）进行编辑操作。例如，复制站点、删除站点等。 如果需要编辑站点，可以执行以下步骤。 （1）在站点面板中单击“站点名称”选框，在下拉列表中选择“编辑站点”命令，打开“编辑站点”对话框，如图2.8所示。 （2）在对话框左侧列表中选择需要编辑的站点，然后单击右侧按钮，则可以进行相应的操作。 单击“新建”按钮，打开“站点定义”对话框，可以新建一个站点；单击“编辑”按钮，打开“站点定义”对话框，可以编辑站点信息；单击“复制”按钮，可以复制一个被选择的站点；单击“删除”按钮，可以将站点文件夹在Dreamweaver中清除；单击“导出”按钮，可以将Dreamweaver中的站点导出，以便别的用户或者在别的计算机上使用该站点；单击“导入”按钮，打开“导入站点”对话框，浏览到要导入的站点（保存为XML文件）并将其选定可以导入一个站点（在导入文件之前，必须先从Dreamweaver中导出站点，将站点保存为XML文件）。 （3）操作完成后，单击“完成”按钮。 ? 指定站点首页 网站的门户就是首页