第3章创建与管理本地站点-副本

1、3.1.1创建本地静态站点创建本地静态站点在Dreamweaver CC中创建本地静态站点的方法非常简单，也非常的方便，下面我们就通过一个小练习，向读者介绍如何在Dreamweaver CC中创建本地静态站点。动手实践动手实践创建本地静态站点创建本地静态站点无论是一个网页制作的新手，还是一个专业的网页设计师，都要从构建站点开始，理清网站结构的脉络。当然，不同的网站有不同的结构，功能也不会相同，所以一切都应按照需求组织站点的结构。 3.1.2设置服务器设置服务器功能功能在“站点设置对象”对话框中单击“服务器”选项，可以切换到“服务器”选项卡，在该选项卡中可以指定远程服务器和测试服务器。最终文件：

2、无视频：光盘视频第3章3-1-1.swf3.1.3设置服务器基本选项设置服务器基本选项在“服务器设置”窗口中分为“基本”和“高级”两个选项卡，在“基本”选项卡中可以对服务器的相关基本选项进行设置。3.1.4设置服务器高级选项设置服务器高级选项无论选择哪种连接方式连接远程服务器，在其相关的设置对话框中都有一个“高级”选项卡，无论选择哪种连接方式，其“高级”选项卡中的选项都是相同的，单击“高级”选项卡，切换到“高级”选项卡中。3.1.5版本控制选项版本控制选项在“站点设置对象”对话框中单击“版本控制”选项，可以切换到“版本控制”选项卡，在“访问”下拉列表中选择Subversion，Dreamwea

3、ver可以连接到Subversion（SVN）的服务器。前面已经介绍了如何通过“站点设置对象”对话框来创建一个本地静态站点。如果在“站点设置对象”对话框中单击“高级设置”选项，即可展开站点的高级设置，可以对站点的 “遮盖”、“设计备注”、“Web字体”等高级选项进行设置。3.2.1本地信息本地信息单击“站点设置对象”对话框左侧“高级设置”选项中的“本地信息”选项，可以对站点的本地信息进行设置。3.2.2遮盖遮盖单击“站点设置对象”对话框左侧“高级设置”选项中的“遮盖”选项，可以对站点的遮盖进行设置，使用文件遮盖之后，可以在进行一些站点操作的时候排除被遮盖的文件。例如，如果不希望上传Flash动

4、画文件，可以将站点中的Flash动画文件，即扩展名为swf的文件设置遮盖，这样Flash动画文件就不会被上传了。3.2.3设计备注设计备注单击“站点设置对象”对话框左侧“高级设置”选项中的“设计备注”选项，可以对站点的设计备注进行设置。如果一个人开发站点，可能需要记录一些开发过程中的信息，防止以后忘记。如果是团队成员共同开发站点，则可能需要记录一些需要别人分享的信息，然后上传到服务器上，使其他人也能够访问。3.2.4文件视图列文件视图列单击“站点设计对象”对话框左侧“高级设置”选项下的“文件视图列”选项，该选项用来设置站点管理器中文件浏览窗口所显示的内容，在文件浏览窗口默认情况下会显示如下内容

5、，单击“添加新列”按钮 ，将弹出“添加新列”对话框。3.2.5Contribute单击“站点设置对象”对话框左侧“高级设置”选项中的Contribute选项，可以对站点的Contribute选项进行设置。3.2.6模板模板单击“站点设计对象”对话框左侧“高级设置”选项中的“模板”选项，可以对站点的“模板”选项进行设置。3.2.7jQuery单击“站点设计对象”对话框左侧“高级设置”选项中的jQuery选项，可以对站点的jQuery选项进行设置。3.2.8Web字体字体单击“站点设计对象”对话框左侧“高级设置”选项中的“Web字体”选项，可以对站点的Web字体选项进行设置。该选项用于设置Web字

6、体在站点中的保存位置，默认的站点Web字体文件夹位于站点的根目标中，名称为webfonts。3.2.9Edge Animate资源资源菜单菜单单击“站点设计对象”对话框左侧“高级设置”选项中的“Edge Animate资源”选项，可以对站点的Edge Animate资源选项进行设置。该选项用来设置Edge Animate资源文件夹的位置，默认的站点Edge Animate资源文件夹位于站点的根目录中，名称为edgeanimate_assets。在创建站点之前，需要对站点的结构进行规划，特别是大型的网站站点，更需要对站点有好的规划，好的站点规划可以使网站的结构目录更加清晰。完成站点的创建，就可以

7、在站点中进行新建文件夹、新建页面等基本的操作了，以及在站点中复制文件和调整文件位置等。3.3.1站点规划站点规划如同做事情之前要先计划一样，在创建网站前，最关键的事情就是规划整个站点的结构。如果要制作的网站规模非常大，分类非常多，或者栏目繁杂，这时就更需要有充分的时间做好规划工作了。3.3.2在站点中新建在站点中新建文件夹文件夹刚创建的站点，通常都是空的，用户可以根据网站的实际需要在站点中创建文件夹和文件。建立文件夹的过程实际上就是构思网站结构的过程，多数情况下文件夹代表网站的子栏目，每个子栏目都要有自己对应的文件夹。动手实践动手实践在站点中新建文件夹在站点中新建文件夹最终文件：无视频：光盘视

8、频第3章3-3-2.swf3.3.3在站点中新建在站点中新建文件文件在站点中新建了文件夹，就可以在站点中创建新的页面了。创建页面的方法有很多，接下来我们向读者介绍如何在“文件”面板中创建新页面。动手实践动手实践在站点中新建文件在站点中新建文件3.3.4使用使用“新建文档新建文档”对话框新建文件对话框新建文件在“文件”面板中只可以新建默认格式的HTML页面，而通过“新建文档”对话框可以新建多种格式的文件，并且还可以新建具有布局示例的页面和多种网页相关文件。最终文件：无视频：光盘视频第3章3-3-3.swf3.3.5移动和复制文件或移动和复制文件或文件夹文件夹从“文件”面板的站点文件列表中，选中需

9、要移动或复制的文件（或文件夹）。如果要进行移动操作，可以单击鼠标右键，在弹出的快捷菜单中选择“编辑剪切”命令；如果要进行复制操作，可以单击鼠标右键，在弹出的快捷菜单中选择“编辑复制”命令；在需要粘贴的位置单击鼠标右键，在弹出的快捷菜单中选择“编辑粘贴”命令，可以将文件或文件夹移动或复制到相应的位置。3.3.6重命名文件或重命名文件或文件夹文件夹给文件或文件夹重命名的操作十分简单，使用鼠标选中需要重命名的文件或文件夹，然后按快捷键F2，文件名即变为可编辑状态，如图3-51所示。在其中输入文件名，再按Enter键确认即可。3.3.7删除文件或文件夹删除文件或文件夹要从站点文件列表中删除文件，可以先

10、选中需要删除的文件或文件夹，然后在其右键的快捷菜单中选择“编辑删除”命令或按Delete键，这时会弹出一个提示对话框，询问是否要真正删除文件或文件夹，单击“是”按钮确认后，即可将文件或文件夹从本地站点中删除。在Dreamweaver CC中集成了Business Catalyst的功能，以满足设计者对于独立工作平台的需求。Business Catalyst可以提供一个专业的在线远程服务器站点，使设计者能够获得一个专业的在线平台。3.4.1什么是什么是Business CatalystBusiness catalyst为网站设计人员提供了一个功能强大的电子商务内容管理系统。Business Ca

11、talyst平台拥有一些非常实用的功能，例如网站分析、电子邮件营销等。3.4.2创建创建Business Catalyst站点站点在Dreamweaver CC中可以更加方便的创建Business Catalyst站点，就像是创建本地静态站点一样，接下来就向读者介绍一下如何创建Business Catalyst站点。动手实践动手实践创建创建Business Catalyst站点站点最终文件：无视频：光盘视频第3章3-4-2.swf3.4.3Business Catalyst面面板板通过Business Catalyst面板可以对所创建的Business Catalyst站点页面进行设置和创建相

12、应的内容。打开“文件”面板，单击“连接到远程服务器”按钮 ，连接到远程的Business Catalyst服务器，打开Business Catalyst面板，可以看到该面板的提示信息。在Dreamweaver中可以创建多个不同类型的站点，包括本地站点、远程站点等，如何对Dreamweaver中创建的多个站点进行管理呢？3.5.1使用使用“管理站点管理站点”对话框管对话框管理站理站点点执行“站点管理站点”命令，在弹出的“管理站点”对话框中可以对Dreamweaver站点进行全面的管理操作。3.5.2自由切换自由切换站点站点使用Dreamweaver CC中编辑网页或进行网站管理时，每次只能操作一个站点。在“文件”面板左边的下拉列表中选择已经创建的站点，就可以快速切换到对这个站点进行操作的状态。通常情况下，都是创建本地站点，完成网站的制作后，再设置远程服务器信息，将网站上传到远程服务器，但有些情况下，也可以在创建站点时，将该站点的远程服务器设置好，这样可以制作好一部分网站页面，就上传一部分页面，可以便于在网络中查看页面的效果。动手实践动手实践创建远程企业站点创建远程企业站点最终文件