页面属性对话框-窦店中学.PPTVIP

第三章 构建本地站点 第三章 构建本地站点 3.1 规划站点结构 3.2 建立本地站点 3.3 管理站点 3.4 操作站点文件 3.1 规划站点结构 规划站点是建立站点的前期准备工作，主要包括规划站点主题、规划站点结构、设计网页版面、收集站点素材等。站点结构主要是指网站的目录结构和链接结构，两者应当相互配合，共同搭建网站的“骨架”。 1. 目录结构 （1） 根据栏目设置建立子目录 （2）为每个栏目建立独立的图片目录 （3）采用正确的命名方式 本章以“DreamweaverCS4基础学习”网站为例，其站点栏目设置、目录结构和站点本地视图。 3.1 规划站点结构 3.1 规划站点结构 3.1 规划站点结构 2. 链接结构 网站的链接结构主要有两种基本方式：树状结构和星状结构。 在树状结构中，以主页作为网站的“主干”，首页链接指向一级页面，一级页面链接指向二级页面。 在星状结构中，每个网页相互之间相互链接。浏览方便，浏览者可以随时到达其他页面，如下图所示。 3.1 规划站点结构 3.2 建立本地站点 Dreamweaver 站点由3个部分（或文件夹）组成，具体取决于开发环境和所开发的 Web 站点类型： （1）本地根文件夹存储用户正在设计和处理的文件。 （2）远程文件夹存储用于测试、生产和协作等用途的文件。 （3）测试服务器文件夹。Dreamweaver 在其中处理动态页的文件夹。 3.2 建立本地站点 1. 建立本地站点 利用Dreamweaver CS4提供的站点创建向导，用户可以轻松地建立本地站点，具体操作步骤如下： （1） 选择“站点”→“新建站点”命令，如图1所示；或者选择“管理站点”命令，在弹出的如图2所示的对话框中单击“新建”按钮，然后在弹出的菜单中选择“站点”命令，弹出如图3所示的“未命名站点1的站点定义为”对话框。 3.2 建立本地站点 3.2 建立本地站点 （2）在如图3所示的对话框中，在“您打算为您的站点起什么名字？”文本框中输入站点名称，例如“未命名站点2”。在“您的站点的HTTP地址（URL）是什么？”文本框中输入所创建站点的HTTP地址，然后单击“下一步”按钮。 （3）在弹出的如图4所示的对话框中，根据网站是否需要服务器技术及何种脚本语言来选择服务器技术（例如选中“否，我不想使用服务器技术”单选按钮），然后单击“下一步”按钮。 3.2 建立本地站点 3.2 建立本地站点 （4）在弹出如图5所示的对话框中选中 “编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）” 单选按钮。 3.2 建立本地站点 3.2 建立本地站点 （5）在弹出的如图6所示的对话框中，为Dreamweaver选择一种访问远程文件夹的方法。 3.2 建立本地站点 （6）单击“下一步”按钮，将弹出如图7所示的总结显示框。 3.3 管理站点 站点创建完成之后，还可以在如图8所示所示的“管理站点”对话框中对创建的一个或多个站点进行相应的管理工作。 3.3 管理站点 （1）在“管理站点”对话框中可以看到所有已经创建好的站点，还可根据需要建立新的站点。 （2）单击“编辑”按钮，可以对所选择的某个站点的相应参数进行重新配置和选择。 （3）单击“复制”按钮，可以创建所选择的站点的副本，创建的副本将出现在站点列表窗口中，如图9所示。 3.3 管理站点 3.3 管理站点 （4）单击“删除”按钮，将从站点列表中删除所选择的Dreamweaver 站点及其所有设置信息，此操作无法撤销。但并不会将站点文件从本地计算机中删除。单击“删除”按钮后，在弹出的如图10所示的对话框中单击“是” 按钮，则从列表中删除站点，或单击“否” 按钮保留站点名称，然后单击“完成”按钮。 3.3 管理站点 3.3 管理站点 ① 选择“站点”→“管理站点”命令。 ② 选择要导出设置的一个或多个站点，然后单击“导出”按钮。 ③ 对于要导出设置的每个站点，可浏览至要保存站点的位置，然后单击“保存”按钮，Dreamweaver会将每个站点的设置保存为扩展名为.ste的XML文件。 3.3 管理站点 3.3 管理站点 （6）单击“导入”按钮，浏览并选择.ste文件中定义的且要导入其设置的一个或多个站点。导入该站点设置之后，站点名称会出现在“管理站点”对话框中。 3.4 操作站点文件 3.4.1 创建新文档 3.4.2 文档的设置 3.4.3 设置页面属性 3.4.1 创建新文档 创建文件的操作步骤如下： （1）选择“窗口”→“文件”命令，打开“文件”面板，如图12所示。 （2）选中需要创建文件的文件夹，单击鼠标右键，在弹出的快捷菜单中选择“新建文件”命令，在“文件”面板中将生成一个名称为“Unt