第9章创建站点和文档

第9章创建站点和文档 本章要点 创建新站点 编辑站点 新建文档 设置文档属性 9 1站点的建立和管理 在使用DreamweaverMX制作网页前 通常要先定义一个本地站点 所谓本地站点就是本地计算机硬盘上的一个文件夹 站点内的所有文件夹 网页文档 图片及其它资源文件都存放在该文件夹下 创建站点就是要先在本地计算机硬盘上建立一个目录 然后用DreamweaverMX新建站点 再进行网页的制作 并将所有的网页和相关的文件都放在里面 9 1 1创建新站点 创建一个新站点的步骤如下 1 首先确定本地站点的根目录所在位置 2 启动DreamweaverMX 选择菜单命令 站点 新建站点 即可打开 站点定义 对话框 此时选择 高级 标签 如图 3 左边 分类 中是可选择的选项 右边则是与之对应的详细信息选项 4 在 站点名称 文本框中输入站点的名称 5 在 本地根文件夹 文本框中 输入该本地站点根目录的位置 6 如选中 自动刷新本地文件列表 复选框 则每次向本地站点复制文件 或从本地站点删除文件时 会自动刷新站点窗口的文件列表 7 在 默认图像文件夹 对话框中 可以输入本地站点中默认的保存图像的文件夹名 该文件夹必须位于站点根目录内 8 在 HTTP地址 对话框输入该站点的域名 若没有域名也可空着 其他设置如图 9 设置结束 单击 确定 按钮 完成本地站点的建立 站点 面板现在显示当前站点的新本地根文件夹 同时显示一个图标能以分层视图查看所有本地磁盘 如图 注意 1 作为本地站点的根文件夹名 站点内的子文件夹和站点内所有的网页文件名以及其他文件名 最好全部采用英文或数字进行命名 因为DreamweaverMX和目前互联网上不识别中文文件名 2 一个站点的创建工作只需做一次 本次创建的站点 在下次启动DreamweaverMX时 系统会默认进入该站点 3 若有多个站点 则可在如图所示的 站点 面板 通过在面板列表中选择一个现存站点来打开一个站点 9 1 2编辑站点 站点创建后 若不满意还可以对它进行修改 步骤如下 1 选择菜单命令 站点 编辑站点 或如上图所示在 站点 面板列表选择 编辑站点 这时将打开编辑站点对话框 如图 2 从列表中选择要修改或编辑的站点名 单击 编辑 按钮 出现如图所示的对话框 根据需要对其中参数进行修改 修改完毕单击 确定 3 返回如图所示的对话框 单击 完成 按钮确定所作的修改 4 在如图所示的对话框中 还可进行站点的新建 删除和复制 若单击 新建 按钮 则会打开如图所示对话框 可创建一个新站点 5 若选中某个站点名 再单击 删除 按钮 此时出现提示对话框 询问是否真的要删除该站点 选择 是 就可删除所选的站点 且此操作是不可恢复的 6 若选中某个站点名 再单击 复制 按钮 则可将该站点复制 新站点名出现在站点列表中 新名称为原名后加上 拷贝 如需要可单击 编辑 对其进行修改 9 2创建文档 9 2 1新建文档要新建一个空白文档 可以有以下几种方法 1 启动DreamweaverMX 就可直接创建一个空白网页 对其进行编辑后保存 2 若已启动DreamweaverMX 在 站点 面板中 选择菜单命令 文件 新建文件 即可在站点目录下建立一个空白文档 3 在文档窗口选择菜单命令 文件 新建 打开新建文档对话框 选择 常规 选项 在 类别 列表中 选择要创建的文档类别 9 2 2打开已有文档 打开一个现有的文档 可采用如下几种方法 1 在文档窗口 选择菜单命令 文件 打开 出现 打开 对话框 选择需要的文件 按 打开 按钮 即可打开该文件 2 若需打开的文件就在本站点中 则在 站点 面板中 鼠标双击要打开的文件名 即可在文档窗口打开该文件 9 2 3添加元素 浏览页面 1 在文档中添加元素向文档中添加各种对象有以下方法 一是可以通过 插入 菜单命令来插入各种对象 二是可以使用 插入 面板 通过单击面板上的相应图标按钮 向网页中添加对象 2 浏览页面要在浏览器中预览某个页面 可以按键盘上的 F12 建 或者单击文档工具栏的 预览 调试 按钮 在弹出的下拉菜单中选择 预览在Iexplore 此时会打开浏览器窗口 即可看到页面的外观效果 9 2 4保存文档 保存文档的步骤如下 1 切换到要保存的文档所在的文档窗口 选择菜单 文件 保存 命令 或是按下Ctrl S组合键 2 如果文档尚未被保存过 则会出现Windows标准的文件保存对话框 选择路径并输入文件名 按下 保存 按钮 即可存储文档 3 如果文档已经被保存过 则会直接存储文档 9 3设置文档的页面属性 9 3 1设置页面标题设置页面标题的方法可以有以下几种 1 直接在工具栏的 标题 文本框输入页面标题 如图 2 选择 修改 页面属性 菜单命令 或在网页空白处单击鼠标右键 选择 页面属性 项 打开 页面属性 对话框 如图所示 在 标题 文本框输入页面标题 单击 确定 按钮 3 选择 查看 文件头内容 菜单命令 出现头部内容栏 单击其中的标题图标按钮 打开标题属性面板 在标题框内输入页面标题 如图 9 3 2页面属性的设置 选择 修改 页面属性 菜单命令 或在网页空白处单击鼠标右键 选择 页面属性 项 可以打开 页面属性 对话框 进行综合设置文档的页面属性 如图 9 3 3定义文本的颜色 选择 命令 设定配色方案 菜单命令 打开如图所示的对话框 在左边的背景列表选择背景颜色 在右边的文本和链接列表选择需要的文本和链接颜色 在最右边的示例框中显示所选择的颜色方案 如果满意 单击 应用 或 确定 按钮 9 3 4使用历史面板 1 历史面板择 窗口 其它 历史记录 菜单命令 或使用快捷键Shift F10 即可打开历史面板 如图 2 撤消操作 3 自动化任务 在历史面板中可以一次重复一个或多个步骤 而且如果要经常执行某些操作 可以创建一个新命令 让其自动执行这些操作 9 4小结 本章主要介绍了如何使用Dreamw