第2章创建站点和网页文档.pptVIP

第2章创建站点和网页文档 厦门软件学院 熊锡义 2007年3月 课前复习 Dreamweaver 8的工作区元素 Dreamweaver 8的工作区布局 打开“首选参数”对话框 Dreamweaver 8的工具栏 Dreamweaver 8的面板组 使用 Dreamweaver 帮助系统 本章要点： 创建和设置本地站点 创建和设置远程站点 创建文档 设置页面属性 2.1站点的规划和创建步骤 确定站点目标和主题 创建站点的逻辑结构和物理结构 规划页面的外观布局 设计导航方案 创建、收集和整理资源 选择合适的制作工具 制作网页 上传测试 推广宣传 维护更新 2.2 设置Dreamweaver站点 2.2.1. 关于Dreamweaver站点 1．站点的组成。 Dreamweaver 站点由三部分（或文件夹）组成，具体取决于开发环境和所开发的 Web 站点类型： 1) 本地站点 本地站点是用户的工作目录。 2) 远端站点 远端文件夹是存储文件的位置。一般说来，远端文件夹位于运行 Web 服务器的计算机上。 本地站点和远端文件夹使用户能够在本地磁盘和 Web 服务器之间传输文件；这使用户可以轻松管理 Dreamweaver 站点中的文件。 3) 测试服务器 测试服务器是 Dreamweaver 处理动态页的文件夹。 2.2.2使用＂向导＂设置本地站点 本地站点是 Dreamweaver 站点的工作目录。此文件夹可以位于本地计算机上，也可以位于网络服务器上。 执行以下操作： 选择“站点”“管理站点”。如图2-3所示。 单击“新建”。 出现“站点定义”对话框。如图2-4所示。完成 站点设置过程 例2_1 使用基本设置创建本地站点＂厦门软件学院网站＂。 2.2.2使用＂向导＂设置本地站点 例2_1 使用基本设置创建本地站点“厦门软件学院网站”。 建立本地文件夹＂part2＂。 ＂站点＂＂管理站点＂＂新建＂＂基本＂。 站点名称：厦门软件学院网站。 选择文件存储在计算机上的位置：＂part2＂。单击＂下一步＂按钮。 选择＂否，我不想使用服务器技术＂。 单击＂下一步＂按钮。 选择第一个选项＂编辑我的计算机上的本地副本…＂。单击＂下一步＂按钮。 选择“无”单击“下一步”按钮。 单击＂完成＂按钮。其他选择保持默认值。如图2-5所示。。 2.2.3使用＂高级＂设置来设置站点 1）选择“站点”“管理站点”。 出现“管理站点”对话框。单击＂新建＂。 出现＂站点定义＂对话框。如图2-4所示。单击＂高级＂按钮。 2）＂本地信息＂类别： 3）＂远端站点＂类别： 2.2.3使用＂高级＂设置来设置站点 例2_2 使用高级设置创建站点“厦门软件职业技术学院网站”。 1) 在L盘建立本地文件夹＂part2web＂。 2) 在文件夹 ＂part2web＂ 内建立子文件夹＂images＂，并将准备好的图像文件保存在该文件夹内。 3) ＂站点＂＂管理站点＂＂新建＂＂高级＂。 4) 在窗口左边选择分类：＂本地信息＂。设置参数为： （1）站点名称：厦门软件职业技术学院网站。 （2）本地根文件夹： part2web。 （3）默认图像文件夹： part2web \images。 其他参数使用默认选项。 5）在窗口左边选择分类：＂远端信息＂。设置参数为： 访问：本地。 远端文件夹：part2web。 其他参数使用默认选项。 6) 单击＂确定＂按钮。 2.3 创建新文档 2.3.1 创建新的空白文档 1) 选择＂文件＂＂新建＂。 即出现＂新建文档＂对话框。＂常规＂选项卡已被选定。如图2-7所示。 2) 从＂类别＂列表中选择＂基本页＂、＂动态页＂、＂模板页＂、＂其他＂或＂框架集＂；然后从右侧的列表中选择要创建的文档的类型。 3) 单击＂创建＂按钮。 新文档在＂文档＂窗口中打开。 4) 保存该文档。 2.3 创建新文档 例2_3 在厦门软件学院网站内创建网页index.htm。 1）＂窗口＂＂文件＂，打开文件面板。 2）在＂文件＂面板中，从弹出菜单（当前站点、服务器或驱动器显示在该菜单中）中选择＂厦门软件学院网站＂站点。 3）选择＂文件＂＂新建＂。 在＂新建文档＂对话框中选择＂基本页＂创建 HTML 文档。单击＂创建＂按钮。 4）选择＂文件＂＂保存。对话框中，定位到part2文件夹。 5）在＂文件名称＂文本框中，键入文件名＂index＂。 6）单击＂保存＂。 2.3 创建新文档 2.3.2 创建基于设计文件的文档 1) 选择＂文件＂＂新建＂。 即出现＂新建文档＂对话框。＂常规＂选项卡已被选定。 2) 在“类别”列表中，选择“CSS 样式表”、“基于表格的布局”、“页面设计 (CSS)”、“页面设计”或“页面设计（有辅助功能的）”，然后从右侧的列表中选