Dreamweaver网页制作教程 第2章 创建站点和网页文档

《Dreamweaver网页制作教程 第2章 创建站点和网页文档》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第2章创建站点和网页文档课前复习Dreamweaver8的工作区元素Dreamweaver8的工作区布局打开“首选参数”对话框Dreamweaver8的工具栏Dreamweaver8的面板组使用Dreamweaver帮助系统本章要点：创建和设置本地站点创建和设置远程站点创建文档设置页面属性2.1站点的规划和创建步骤确定站点目标和主题创建站点的逻辑结构和物理结构规划页面的外观布局设计导航方案创建、收集和整理资源选择合适的制作工具制作网页上传测试推广宣传维护更新合理的结构设计对于网站的规划也是至关重要的。以下是三

2、种常用的结构类型。①层状结构层状结构类似于目录系统的树型结构，主页页面1页面2页面3②线性结构线性结构类似于数据结构中的线性表，用于组织本身的线性顺序形式存在的信息，可以引导浏览者按部就班地浏览整个网站文件。主页页面1页面2页面3页面4页面5页面7页面8一级标题二级标题页面6③Web结构Web结构类似于Internet的组成结构，各网页之间形成网状连接，允许用户随意浏览。2.2设置Dreamweaver站点2.2.1.关于Dreamweaver站点1．站点的组成。Dreamweaver站点由三部分（或文件夹）

3、组成，具体取决于开发环境和所开发的Web站点类型：1)本地站点本地站点是用户的工作目录。2)远端站点远端文件夹是存储文件的位置。一般说来，远端文件夹位于运行Web服务器的计算机上。本地站点和远端文件夹使用户能够在本地磁盘和Web服务器之间传输文件；这使用户可以轻松管理Dreamweaver站点中的文件。3)测试服务器测试服务器是Dreamweaver处理动态页的文件夹。2.2.2使用＂向导＂设置本地站点本地站点是Dreamweaver站点的工作目录。此文件夹可以位于本地计算机上，也可以位于网络服务器上。执行以

4、下操作：选择“站点”>“管理站点”。如图2-3所示。单击“新建”。出现“站点定义”对话框。如图2-4所示。完成站点设置过程例2_1使用基本设置创建本地站点＂厦门软件学院网站＂。2.2.2使用＂向导＂设置本地站点例2_1使用基本设置创建本地站点“厦门软件学院网站”。建立本地文件夹＂part2＂。＂站点＂>＂管理站点＂>＂新建＂>＂基本＂。站点名称：厦门软件学院网站。选择文件存储在计算机上的位置：＂part2＂。单击＂下一步＂按钮。选择＂否，我不想使用服务器技术＂。单击＂下一步＂按钮。选择第一个选项＂编辑我的计算

5、机上的本地副本…＂。单击＂下一步＂按钮。选择“无”单击“下一步”按钮。单击＂完成＂按钮。其他选择保持默认值。如图2-5所示。。2.2.3使用＂高级＂设置来设置站点1）选择“站点”>“管理站点”。出现“管理站点”对话框。单击＂新建＂。出现＂站点定义＂对话框。如图2-4所示。单击＂高级＂按钮。2）＂本地信息＂类别：3）＂远端站点＂类别：2.2.3使用＂高级＂设置来设置站点例2_2使用高级设置创建站点“厦门软件职业技术学院网站”。1)在L盘建立本地文件夹＂part2web＂。2)在文件夹＂part2web＂内建立子

6、文件夹＂images＂，并将准备好的图像文件保存在该文件夹内。3)＂站点＂>＂管理站点＂>＂新建＂>＂高级＂。4)在窗口左边选择分类：＂本地信息＂。设置参数为：（1）站点名称：厦门软件职业技术学院网站。（2）本地根文件夹：part2web。（3）默认图像文件夹：part2webimages。其他参数使用默认选项。5）在窗口左边选择分类：＂远端信息＂。设置参数为：访问：本地。远端文件夹：part2web。其他参数使用默认选项。6)单击＂确定＂按钮。2.3创建新文档2.3.1创建新的空白文档1)选择＂文件＂>＂

7、新建＂。即出现＂新建文档＂对话框。＂常规＂选项卡已被选定。如图2-7所示。2)从＂类别＂列表中选择＂基本页＂、＂动态页＂、＂模板页＂、＂其他＂或＂框架集＂；然后从右侧的列表中选择要创建的文档的类型。3)单击＂创建＂按钮。新文档在＂文档＂窗口中打开。4)保存该文档。2.3创建新文档例2_3在厦门软件学院网站内创建网页index.htm。1）＂窗口＂>＂文件＂，打开文件面板。2）在＂文件＂面板中，从弹出菜单（当前站点、服务器或驱动器显示在该菜单中）中选择＂厦门软件学院网站＂站点。3）选择＂文件＂>＂新建＂。在＂新

8、建文档＂对话框中选择＂基本页＂创建HTML文档。单击＂创建＂按钮。4）选择＂文件＂>＂保存。对话框中，定位到part2文件夹。5）在＂文件名称＂文本框中，键入文件名＂index＂。6）单击＂保存＂。2.3创建新文档2.3.2创建基于设计文件的文档1)选择＂文件＂>＂新建＂。即出现＂新建文档＂对话框。＂常规＂选项卡已被选定。2)在“类别”列表中，选择“CSS样式表”、“基于表格的布局”、“页面设计(C