Dreamweaver创建本地站点.ppt

1、第 2章 创建本地站点1 *主要内容2.1 定义站点12.2 修改站点信息22.3 多站点管理32 *2.4 创建站点目录结构42.5 文化目录的命名规范52.6 目录结构规范62.7 上机实训 mysamplesite 站点72.1 定义站点3 *图 2.7 设 置 “版本控制 ”选项 卡 图 2.9 显 示出本地站点的名称和存 储 路径2.2 修改站点信息4 *v2.2.1 打开站点定 义对话 框图 2.10 选择 “高 级设 置 ”选项 卡中的 “本地信息 ”选项2.2 修改站点信息5 *v2.2.2 设 置本地信息图 2.11 设 置 “本地信息 ”参数2.3 多站点管理6 *v2.3

2、.1 新建站点v2.3.2 站点之间的切换图 2.12 创 建的新站点 mywebsite 2 图 2.13 在下拉列表框中 选择 要切 换 到的站点2.3 多站点管理7 *v2.3.3 编辑站点 在 “管理站点 ”对话框中，选中要编辑站点的名称，然后单击 “编辑 ”按钮，就可以重新打开站点定义对话框，修改选中站点的属性。v2.3.4 复制与删除站点v2.3.5 导出与导入站点 在 “管理站点 ”对话框中单击 “导出 ”按钮，可以把选中站点的设置导出为一个 XML文件。 在 “管理站点 ”对话框中单击 “导入 ”按钮，可以把导出的包含站点设置信息的 XML文件再次导入。2.4 创建站点目录结构

3、8 *v2.4.1 新建网页文件图 2.20 新建的文件2.4 创建站点目录结构9 *v2.4.2 修改文件名和文件夹名图 2.21 修改状 态 下的文件 图 2.22 “更新文件 ”对话 框2.4 创建站点目录结构10 *v2.4.3 移动文件和文件夹图 2.23 移 动 文件2.4 创建站点目录结构11 *v2.4.4 删除文件和文件夹图 2.24 警告 对话 框2.4 创建站点目录结构12 *v2.4.5 复制文件到站点内图 2.25 在站点目 录 中粘 贴 文件2.5 文件目录的命名规范13 *v 2.5.1 文件和文件 夹 的命名 1. 最好不使用中文命名 2. 最好使用小写 3.

4、不能使用特殊字符 5. 合理使用下划线 4. 不推荐使用拼音命名2.5 文件目录的命名规范14 *v 2.5.2 网站首 页 的命名 当用户在浏览新浪网时，只要在地址栏中输入http:/，并回车确认，就能打开新浪网的首页，并不需要输入首页的文件名。这是因为网站发布服务器中设置了默认文档的缘故。一般的默认文档包括 default.htm和 index.htm，但由于很多网站使用 Active Server Pages（动态服务页面，简称ASP）文件发布数据，这种文件的扩展名为 .asp或 .aspx，因此，首页的文件名也可以是 default.asp、 index.asp或 default.as

5、px、index.aspx。2.6 目录结构规范15 * 站点根目录一般只存放 index.htm以及其他必需的系统文件，不要将所有网页都放在根目录下。 每个一级栏目创建一个独立的目录。 根目录下的 images用于存放各页面都要使用的公用图片，子目录下的 images目录存放本栏目页面使用的私有图片。 所有 JavaScript等脚本文件存放在根目录下的 scripts文件夹中。 所有 CSS文件存放在根目录下的 styles文件夹中。 如果有多个语言版本，最好分别位于不同的服务器上或存放于不同的目录中。 多媒体文件存放在根目录下的 media文件夹中。 目录层次不要太深，建议不要超过 3层。 如果链接目录结构不能控制在 3层以内，建议在页面里添加明确的导航信息，这样可以帮助浏览者明确自己所处的位置。 不要使用过长的目录名。2.7上机实训 mysamplesite站点16 * （ 1）在本地硬盘上创建一个文件夹 mysamplesite，然后使用Dreamweaver CS5将其定义为一个本地站点。 （ 2）在 mysamplesite站点中创建以下一级目录： best、 design、fashion、 form、 images。 （ 3）将素材目录 mysamplesite中各目录的图片，复制到本地硬盘站点内对应的目录中。17 *