第2章 创建和管理站点

本章将首先介绍网页制作软件DreamweaverCS3的工作界面、常用工具栏和面板以及工作区布局，然后介绍在DreamweaverCS3中创建和管理站点的方法。第2章创建和管理站点学习目标了解DreamweaverCS3的工作界面。了解DreamweaverCS3的常用工具栏和面板。了解DreamweaverCS3的工作区布局。掌握定义站点的基本方法。掌握设置首选参数的基本方法。掌握创建文件夹和文件的基本方法。掌握编辑、复制和删除站点的基本方法。掌握导出和导入站点的基本方法。2.1认识DreamweaverCS3工作界面常用工具栏常用面板工作区布局2.1.1工作界面一、欢迎屏幕启动DreamweaverCS3，在DreamweaverCS3的工作界面中首先出现的是欢迎屏幕。如果从网页制作的角度来看欢迎屏幕，可以将其分为页眉、主体和页脚3个部分，其中主体又分为左栏、中栏和右栏3列。在页眉部分显示的是DreamweaverCS3的名称和Adobe的标志，在主体部分的左栏提供了用户打开文档的方式，在主体部分的中栏提供了新建文档的方式，在主体部分的右栏提供了从模板创建文档的方式，在页脚部分提供了帮助信息，初次使用DreamweaverCS3的用户可从中了解该软件的基本情况。如果希望以后在启动DreamweaverCS3时不再显示欢迎屏幕，可以勾选页脚中的【不再显示】复选框。也可以通过选择菜单栏中的【编辑】/【首选参数】命令，打开【首选参数】对话框，在【常规】分类中的【显示欢迎屏幕】复选框中设置是否显示欢迎屏幕，勾选该项将在启动DreamweaverCS3时显示欢迎屏幕，否则不显示欢迎屏幕。2.1.1工作界面2.1.1工作界面二、工作界面在欢迎屏幕中，选择主体部分中栏的【新建】/【HTML】命令，将新建一个HTML文档，2.1.2常用工具栏一、【插入】工具栏【插入】工具栏位于菜单栏的下面，如图2-4所示，可以通过在菜单栏中选择【查看】/【工具栏】/【插入】命令（或选择【窗口】/【插入】命令）将其显示或隐藏。【插入】工具栏通常有两种表现形式：制表符格式和菜单格式。2.1.2常用工具栏二、【文档】工具栏【文档】工具栏可以通过选择【查看】/【工具栏】/【文档】命令来对其进行显示或隐藏。通过【文档】工具栏可以在【设计】视图、【代码】视图和【拆分】视图之间进行切换。2.1.2常用工具栏在【文档】工具栏中，单击下拉菜单，从中可以选择要预览网页的浏览器。在下拉菜单中选择【编辑浏览器列表】命令，将打开【首选参数】对话框，可以在【在浏览器中预览】分类中添加其他浏览器。可以对在【浏览器】列表中所选择的浏览器进行编辑，还可以通过设置【默认】选项为“主浏览器”或“次浏览器”来设定所添加的浏览器是主浏览器还是次浏览器。2.1.2常用工具栏三、【标准】工具栏在默认情况下，【标准】工具栏是不显示的，可以通过选择【查看】/【工具栏】/【标准】命令来显示或隐藏该工具栏。2.1.3常用面板一、【文件】面板DreamweaverCS3提供了许多功能面板，这些功能面板的命令都集中在【窗口】菜单中。如果要显示某个面板，在【窗口】菜单中选择相应的命令（即在命令前打上“√”号）即可。这些功能面板绝大多数都显示在窗口的右侧，多个面板可以组成一个面板组，如【文件】面板组包括【文件】、【资源】和【代码片断】3个面板，再如【CSS】面板组包括【CSS样式】和【AP元素】两个面板。2.1.3常用面板二、【属性】面板【属性】面板通常显示在编辑区域的最下面，如果工作界面中没有显示【属性】面板，在菜单栏中选择【窗口】/【属性】命令即可将其显示出来。单击【属性】面板右下角的按钮或按钮可以隐藏或重新显示高级设置项目。通过【属性】面板可以检查、设置和修改所选对象的属性。选择的对象不同，【属性】面板中的项目也不一样。2.1.4工作区布局在DreamweaverCS3工作界面中，工具栏和面板是否显示以及显示的位置都是可以调整的。调整好的工作区布局可以保存下来，选择【窗口】/【工作区布局】/【保存当前…】命令，打开【保存工作区布局】对话框进行设置即可。选择【窗口】/【工作区布局】/【管理…】命令，打开【管理工作区布局】对话框可对工作区进行管理。2.2创建站点定义站点设置首选参数创建文件夹和文件2.2.1定义站点1、选择【站点】/【新建站点】命令，打开【未命名站点2的站点定义为】对话框，输入站点的名称，如果还没有站点的HTTP地址，下方的文本框可不填。2、设置是否使用服务器技术。2.2.1定义站点3、设置文件的使用方式。4、设置浏览站点的URL。5、设置是否使用远程服务器。2.2.2设置首选参数在使用DreamweaverCS3制作网页之前，可以结合自己的需要来定义DreamweaverCS3的使用规则。例如，在DreamweaverCS3启动时是否显示欢迎屏幕，在文本处理中是否允许输入多个连续的空格，在定义文本或其他元素外观时是使用CSS标签还是使用HTML标签，不可见元素是否显示，新建文档默认的扩展名是什么等。这些规则可以通过设置DreamweaverCS3的首选参数来实现。1、设置【常规】分类2.2.2设置首选参数2、设置【不可见元素】分类3、设置【复制/粘贴】分类2.2.2设置首选参数4、设置【新建文档】分类2.2.3创建文件夹和文件一、文件夹和文件的命名规则•汉语拼音：即根据每个页面的标题或主要内容，提取两三个概括字，将它们的汉语拼音作为文件名。如“公司简介”页面可提取“简介”这两个字的汉语拼音，文件名为“jianjie.htm”。•拼音缩写：即根据每个页面的标题或主要内容，提取每个汉字的第1个字母作为文件名。如“公司简介”页面的拼音是“gongsijianjie”，那么文件名就是“gsjj.htm”。•英文缩写：一般适用于专有名词。例如，“ActiveServerPages”这个专有名词一般用ASP来代替，因此文件名为“asp.htm”。•英文原义：这种方法比较实用、准确。如可以将“图书列表”页面命名为“BookList.htm”。以上4种命名方式有时会与数字、符号组合使用。例如“Book1.htm”、“Book_1.htm”。一个网站中最好不要使用不同的命名规则，以免造成维护上的麻烦。2.2.3创建文件夹和文件二、创建文件夹和文件的方法在【文件】/【文件】面板中创建文件夹的方法是，用鼠标右键单击根文件夹，在弹出的快捷菜单中选择【新建文件夹】命令，然后在“untitled”处输入新的文件夹名，如“images”，然后按Enter键确认。在【文件】/【文件】面板中创建文件的方法是，用鼠标右键单击根文件夹，在弹出的快捷菜单中选择【新建文件】命令，然后在“untitled.asp”处输入新的文件名，如“index.asp”，然后按Enter键确认。也可在菜单栏中选择【文件】/【新建】命令或按Ctrl+N键打开【新建文档】对话框来创建文档。2.3管理站点编辑站点复制站点删除站点导出站点导入站点2.3.1编辑站点选择【站点】/【管理站点】命令，打开【管理站点】对话框，在站点列表中选中要编辑的站点，然后单击按钮。2.3.2编辑站点在站点列表中选中要复制的站点，然后单击按钮将复制一个站点。2.3.3编辑站点在【管理站点】对话框中选中要删除的站点，然后单击按钮，将弹出提示对话框。2.3.4导出站点选中要导出的站点，然后单击按钮打开【导出站点】对话框，设置导出站点文件的路径和文件名称。2.3.5导入站点在【管理站点】对话框中单击按钮，打开【导入站点】对话框，选中要导入的站点文件。2.4实例──导入、编辑和导出站点通过前面各节的学习，读者规划、创建和管理站点已经没有问题了。本节将综合运用前面所介绍的知识来导入一个站点，然后对该站点进行编辑，最后导出该站点。