cs3网页设计案例教程（第二版） 教学课件 沈大林 主编 第9章 站点管理和网站发布

在线教务辅导网 教材其余课件及动画素材请查阅在线教务辅导网 QQ 349134187或者直接输入下面地址 点 按钮 第9章 站点管理和网站发布 9 1 案例40 中国名胜 网站相关知识在完成网站各网页的制作以后 需要进行站点的设置与管理 站点管理需要对 管理站点 对话框 文件 面板和 站点 窗口中的选项进行设置 然后删除 编辑 复制 新建 导入和导出站点 下面主要介绍 文件 面板和 站点 窗口的使用方法 1 文件 面板和 站点 窗口的基本操作单击 文件 面板内标准工具栏中的 展开以显示本地和远端站点 按钮 即可打开 站点 窗口 站点文件 状态 如图9 1 18所示 这时 站点 窗口中会显示出新建站点的结构 站点内的文件夹和文件的名字 大小 修改日期等 再单击 站点 窗口标准工具栏内的 折叠以只显示本地或远端站 关闭 站点 窗口 回到 文件 面板 如图9 1 5所示 文件 面板和 站点 窗口的特点如下 图9 1 18 站点 窗口 站点文件 状态 1 站点 窗口 站点文件 状态 内有两个列表框 左边是 测试服务器 列表框 右边是 本地文件 列表框 拖动两列表框之间的分隔条 可以调整两个列表框的大小比例 甚至隐藏其中一个列表框 2 在 文件 面板和 站点 窗口内可以进行标准的文件操作 将鼠标指针移到 文件 面板内或 站点 窗口的 本地文件 列表框内右击 弹出快捷菜单 利用该菜单可以进行创建新文件夹 创建新 文件 选择文件 编辑文件 移动文件 删除文件 打开文件和文件重命名等操作 3 单击 站点 窗口内的 站点地图 按钮右下角的下拉按钮 可以弹出下拉菜单 单击该菜单中的 地图和文件 命令 可切换到 地图和文件 状态 左边是 站点导航 列表框 右边是 本地文件 列表框 如图9 1 19所示 单击该菜单中的 仅地图 命令 可使右边的 本地文件 列表框隐藏 只显示 站点导航 列表框 单击按钮 可以展开该文件内的链接文件 单击按钮 可以将展开的链接文件 收缩 利用 站点导航 列表框可以非常清楚地了解网站内的文件和文件之间的链接关系 4 单击 站点 窗口内的 站点文件 按钮 可使 站点 窗口左边的列表框切换为 远端站点 站点 窗口右边的列表框仍然显示 本地文件 5 单击 站点 窗口内的 测试服务器 按钮 可使 站点 窗口左边的列表框切换为 测试服务器 站点 窗口右边的列表框仍然显示 本地文件 图9 1 19 站点 窗口 地图和文件 状态 2 站点地图属性设置单击 管理站点 对话框中的 编辑 按钮 弹出 站点定义为 对话框 单击选中该对话框内 分类 列表框中的 站点地图布局 选项 使 站点定义为 对话框变为图9 1 20所示 其右边是 站点 地图布局 区域 其中各选项的作用如下 图9 1 20 站点定义为 站点地图布局 对话框 1 主页 文本框和文件夹按钮 单击文件夹按钮 弹出 选择首页 对话框 利用它可以选择主页 再单击 打开 按钮 即可完成主页的设置 此时 主页 文本框内会显示出主页的路径与文件的名字 如果没有设置主页 则不显示 站点地图 视图 2 列数 文本框和 列宽 文本框 分别输入站点地图的列数和列宽 用来确定 站点 窗口内 地图 栏内一行图标可以有的个数 以及一列的宽度 3 图标标签 选项组 有两个单选按钮 选择 文件名称 单选按钮时 用文件名作为地图中文件 图标的名字 选择 页面标题 单选按钮时 用页面标题作为地图中文件图标的名字 4 选项 选项组 有两个复选框 显示标记为隐藏的文件 复选框用来选择是否显示隐藏文件 显示相关的文件 复选框用来选择是否显示相关联的文件 单击 站点定义为 对话框中的 确定 按钮 即可完成站点地图属性的设置 3 利用 站点 窗口创建链接 1 调出 文件 面板 在该面板内的 显示 下拉列表框中选择 ZGMS 选项 单击该面板内标准 工具栏中的按钮 调出 站点 窗口 如图9 1 21所示 2 使要链接的目标文件名字出现在 站点 窗口右边的 站点文件 列表框内 使源文件出现在 站 点 窗口左边的 地图 栏内 此处的源文件是 index html 网页文件 3 单击选中 站点 窗口左边 站点导航 列表框内建立链接的源文件 index html 的图标 此时源文件图标右上方会出现一个指向图标 如果没有出现指向图标 可右击源文件图标 弹出其快捷菜单 单击菜单中的 显示 隐藏链接 命令 可使指向图标显示 4 用鼠标拖动 站点 窗口左边 站点导航 列表框内的指向图标 到图9 1 21所示 站点 窗口右边 本地文件 列表框内要链接的目标文件 这时会产生一个从指向图标指向目标文件的箭头 当目标文件名字周围出现矩形虚线框时 释放鼠标左键 即可完成链接 例如 指向目标文件 bdlg html 时的情况如图9 1 21所示 图9 1 21 利用 站点 窗口的链接方法 4 利用 站点 窗口的快捷命令创建链接 1 右击 站点导航 栏内的源文件图标 弹出源文件图标快捷菜单 单击该菜单中的 链接到已有文件 命令 弹出 选择因特网文件 对话框 如图9 1 22所示 利用该对话框选择要链接的目标文件 再单击 确定 按钮 即可实现源文件与目标文件的链接 2 如果单击 站点导航 列表框内的源文件图标快捷菜单中的 链接到新文件 命令 会弹出 链接到新文件 对话框 如图9 1 23所示 利用它输入要链接的网页文件名字 标题和链接文本 单击 确定 按钮 即可建立一个新的已链接的网页文件 图9 1 22 选择因特网文件 对话框 图9 1 23 链接到新文件 对话框 利用 站点 窗口的链接方法产生的链接 会在源文件内自动产生一个超链接和标题字 如图9 1 24所示 超链接的内容就是目标文件的名字或 链接到新文件 对话框中输入的文件文字 用户可以编辑 修改超链接的内容 但要先输入新的内容 然后再删除原内容 此处 将文字剪切复制到一个新创建 的APDiv内 图9 1 24 源文件内自动产生的超链 1 在 l 5 用高级方式查找和替换文本DreamweaverCS3提供了很强的查找与替换功能 它可以在站点 目录或文件内查找与替换页面中的文字 HTML程序中的文字和标记以及链接等 单击 站点 窗口内的 编辑 查找和替换 命令 弹出 查找和替换 对话框 在 查找和替换 对话框中的 搜索 下拉列表框内选择 文本 高级 选项后 对话框会增加一些选项 变为如图9 1 25所示 增加的各选项的含义如下 按钮右边的第一个列表框 用来指定查找的文本是否在指定的标记内 它有两个选项 在标签中 和 不在标签中 2 在 按钮右边的第2个列表框 用来选择标记 3 按钮 当标记的限定条件大于一个时 单击该按钮 可增加新的下拉列表框 4 按钮 单击该按钮 可取消刚增加的下拉列表框 同时也就减少了限定的条件 5 指定标签 方式的HTML标记查找 在 查找和替换 对话框中的 搜索 下拉列表框内选择了 指定标签 选项后 对话框会增加一些选项 如图9 1 26所示 增加的选项的含义如下 l 在 按钮右边新增的下拉列表框 用来增加查找的条件 动作 选项组 该选项组的三个下拉列表框用来指定对查找到的标记进行何种操作 图9 1 25 文本 高级 方式下的 图9 1 26 查找和替换 对话框 6 设置预览功能 在DreamweaverCS3中可以设置20种浏览器的预览功能 前提是计算机内应安装了这些浏览器 浏 览器预览功能的设置步骤如下 1 单击 编辑 首选参数 命令 弹出 首选参数 对话框 在该对话框的 分类 列表框内 选择 在浏览器中预览 选项 此时该对话框右边部分如图9 1 27所示 2 在 浏览器 选项组的显示框内列出了当前可以使用的浏览器 单击按钮 可以删除选中的浏 览器 单击按钮 可以增加浏览器 3 单击按钮 可弹出 添加浏览器 对话框 如图9 1 28所示 在 名称 文本框内输入要增加的浏览器的名称 在 应用程序 文本框内输入要增加的浏览器的程序路径 再设置成默认的浏览器 再单击 确定 按钮完成设置 4 完成设置后 单击 首选参数 对话框中的 确定 按钮 退出该对话框 5 单击 查看 工具栏 文档 命令 调出 文档工具 栏 单击 文档工具 栏中的 在 浏览器中预览 调试 按钮 可以看到菜单中增加了新的浏览器名称 图9 1 27 首选参数 在浏览器中预览 对话框 图9 1 28 添加浏览器 对话框 6 选中 首选参数 对话框中的 使用临时文件预览 复选框 见图9 1 27 可为预览和服务器调试创建临时复制 如果要直接更新文档 可撤销对此复选框的选择 当在本地浏览器中预览文档时 不能显示用根目录相对路径所链接的内容 除非选中了 使临时文件预览 复选框 这是由于浏览器不能识别站点根目录 而服务器能够识别 若要预览用根目录相对路径所链接的内容 可将此文件放在远程服务器上 然后单击 文件 在浏览器中预览 命令来查看它 在网页编辑窗口状态下 按 F12 键 可以启动第一浏览器显示网页 按 Ctrl F12 组合键可以启动第2个浏览器显示网页 9 2 案例41 申请主页空间和发布站点 相关知识 1 防火墙参数的设置 如果前面选中了 使用防火墙 复选框 则在连接远程服务器以前 应进行防火墙参数的设置 防火 墙参数的设置方法如下所述 1 单击 编辑 首选参数 命令 弹出 首选参数 对话框 再选择该对话框内 分类 列表 框中的 站点 选项 此时该对话框如图9 2 17所示 2 在该对话框右边的 防火墙主机 文本框内输入服务器的地址 完成上述设置后 单击界面上的 测试 按钮 如果设置正确 则会弹出一个提示框 提示连接FTP服务器成功 如果出错 则再根据出错提示进行相关设置的更改 进行设置更改后再进行测试 直至测试成功 能够成功地连接到Web服务器为止 单击 确认 按钮 返回 管理站点 对话框 再单击 完成 按钮 返回 站点 窗口 在上述设置完成后 即可向远程服务器发布站点 图9 2 17 选择 站点 选项后的 首选参数 对话框 2 文件下载和刷新 1 文件下载 如果本地站点丢失了文件或文件夹 可将服务器中的文件下载到本地站点 方法如下 在 站点 窗口左边的列表框内 选中要下载的文件和文件夹 单击 站点 窗口工具栏内的 获取