第2章 创建和管理站点

《第2章 创建和管理站点》由会员分享，可在线阅读，更多相关《第2章 创建和管理站点（29页珍藏版）》请在文档大全上搜索。

1、 本章将首先介绍网页制作软件本章将首先介绍网页制作软件Dreamweaver Dreamweaver CS3CS3的工作界面、常用工具栏和面板以及工作区的工作界面、常用工具栏和面板以及工作区布局，然后介绍在布局，然后介绍在Dreamweaver CS3Dreamweaver CS3中创建和管中创建和管理站点的方法。理站点的方法。第第2 2章章 创建和管理站点创建和管理站点学习目标了解了解Dreamweaver CS3Dreamweaver CS3的工作界面。的工作界面。了解了解Dreamweaver CS3Dreamweaver CS3的常用工具栏和面板。的常用工具栏和面板。了解了解Dream

2、weaver CS3Dreamweaver CS3的工作区布局。的工作区布局。掌握定义站点的基本方法。掌握定义站点的基本方法。掌握设置首选参数的基本方法。掌握设置首选参数的基本方法。掌握创建文件夹和文件的基本方法。掌握创建文件夹和文件的基本方法。掌握编辑、复制和删除站点的基本方法。掌握编辑、复制和删除站点的基本方法。掌握导出和导入站点的基本方法。掌握导出和导入站点的基本方法。2.1 认识Dreamweaver CS3工作界面工作界面常用工具栏常用工具栏常用面板常用面板工作区布局工作区布局2.1.1 工作界面一、欢迎屏幕一、欢迎屏幕启动启动Dreamweaver CS3，在，在Dreamweav

3、er CS3的工作界面中首的工作界面中首先出现的是欢迎屏幕。先出现的是欢迎屏幕。如果从网页制作的角度来看欢迎屏幕，可以将其分为页眉、主如果从网页制作的角度来看欢迎屏幕，可以将其分为页眉、主体和页脚体和页脚3个部分，其中主体又分为左栏、中栏和右栏个部分，其中主体又分为左栏、中栏和右栏3列。在页眉列。在页眉部分显示的是部分显示的是Dreamweaver CS3的名称和的名称和Adobe的标志，在主体部分的标志，在主体部分的左栏提供了用户打开文档的方式，在主体部分的中栏提供了新建的左栏提供了用户打开文档的方式，在主体部分的中栏提供了新建文档的方式，在主体部分的右栏提供了从模板创建文档的方式，在文档的

4、方式，在主体部分的右栏提供了从模板创建文档的方式，在页脚部分提供了帮助信息，初次使用页脚部分提供了帮助信息，初次使用Dreamweaver CS3的用户可从的用户可从中了解该软件的基本情况。中了解该软件的基本情况。如果希望以后在启动如果希望以后在启动Dreamweaver CS3时不再显示欢迎屏幕，时不再显示欢迎屏幕，可以勾选页脚中的【不再显示】复选框。也可以通过选择菜单栏中可以勾选页脚中的【不再显示】复选框。也可以通过选择菜单栏中的【编辑】的【编辑】/【首选参数】命令，打开【首选参数】对话框，在【常【首选参数】命令，打开【首选参数】对话框，在【常规】分类中的【显示欢迎屏幕】复选框中设置是否显

5、示欢迎屏幕，规】分类中的【显示欢迎屏幕】复选框中设置是否显示欢迎屏幕，勾选该项将在启动勾选该项将在启动Dreamweaver CS3时显示欢迎屏幕，否则不显示时显示欢迎屏幕，否则不显示欢迎屏幕。欢迎屏幕。2.1.1 工作界面2.1.1 工作界面二、工作界面二、工作界面在欢迎屏幕中，选择主体部分中栏的【新建】在欢迎屏幕中，选择主体部分中栏的【新建】/【HTML】命令，】命令，将新建一个将新建一个HTML文档，文档，2.1.2 常用工具栏一、【插入】工具栏一、【插入】工具栏【插入】工具栏位于菜单栏的下面，如图【插入】工具栏位于菜单栏的下面，如图2-4所示，可以通过在所示，可以通过在菜单栏中选择【查

6、看】菜单栏中选择【查看】/【工具栏】【工具栏】/【插入】命令（或选择【窗口】【插入】命令（或选择【窗口】/【插入】命令）将其显示或隐藏。【插入】工具栏通常有两种表现【插入】命令）将其显示或隐藏。【插入】工具栏通常有两种表现形式：制表符格式和菜单格式。形式：制表符格式和菜单格式。2.1.2 常用工具栏二、【文档】工具栏二、【文档】工具栏【文档】工具栏可以通过选择【查看】【文档】工具栏可以通过选择【查看】/【工具栏】【工具栏】/【文档】命【文档】命令来对其进行显示或隐藏。通过【文档】令来对其进行显示或隐藏。通过【文档】 工具栏可以在【设计】视工具栏可以在【设计】视图、【代码】视图和【拆分】视图之间

7、进行切换。图、【代码】视图和【拆分】视图之间进行切换。2.1.2 常用工具栏在【文档】工具栏中，单击在【文档】工具栏中，单击 下拉菜单，从中可以选择要预下拉菜单，从中可以选择要预览网页的浏览器。在下拉菜单中选择【编辑浏览器列表】命令，将览网页的浏览器。在下拉菜单中选择【编辑浏览器列表】命令，将打开【首选参数】对话框，可以在【在浏览器中预览】分类中添加打开【首选参数】对话框，可以在【在浏览器中预览】分类中添加其他浏览器。可以对在【浏览器】列表中所选择的浏览器进行编辑，其他浏览器。可以对在【浏览器】列表中所选择的浏览器进行编辑，还可以通过设置【默认】选项为还可以通过设置【默认】选项为“主浏览器主浏

8、览器”或或“次浏览器次浏览器”来设来设定所添加的浏览器是主浏览器还是次浏览器。定所添加的浏览器是主浏览器还是次浏览器。2.1.2 常用工具栏三、【标准】工具栏三、【标准】工具栏在默认情况下，【标准】工具栏是不显示的，可以通过选择在默认情况下，【标准】工具栏是不显示的，可以通过选择【查看】【查看】/【工具栏】【工具栏】/【标准】命令来显示或隐藏该工具栏。【标准】命令来显示或隐藏该工具栏。2.1.3 常用面板一、【文件】面板一、【文件】面板Dreamweaver CS3提供了许多功能面板，这些功能面板的命令提供了许多功能面板，这些功能面板的命令都集中在【窗口】菜单中。如果要显示某个面板，在【窗口】

9、菜单都集中在【窗口】菜单中。如果要显示某个面板，在【窗口】菜单中选择相应的命令（即在命令前打上中选择相应的命令（即在命令前打上“”号）即可。这些功能面板号）即可。这些功能面板绝大多数都显示在窗口的右侧，多个面板可以组成一个面板组，如绝大多数都显示在窗口的右侧，多个面板可以组成一个面板组，如【文件】面板组包括【文件】、【资源】和【代码片断】【文件】面板组包括【文件】、【资源】和【代码片断】3个面板，个面板，再如【再如【CSS】面板组包括【】面板组包括【CSS样式】和【样式】和【AP元素】两个面板。元素】两个面板。2.1.3 常用面板二、【属性】面板二、【属性】面板【属性】面板通常显示在编辑区域的

10、最下面，如果工作界面中【属性】面板通常显示在编辑区域的最下面，如果工作界面中没有显示【属性】面板，在菜单栏中选择【窗口】没有显示【属性】面板，在菜单栏中选择【窗口】/【属性】命令即【属性】命令即可将其显示出来。单击【属性】面板右下角的可将其显示出来。单击【属性】面板右下角的 按钮或按钮或 按钮可以隐藏按钮可以隐藏或重新显示高级设置项目。通过【属性】面板可以检查、设置和修或重新显示高级设置项目。通过【属性】面板可以检查、设置和修改所选对象的属性。选择的对象不同，【属性】面板中的项目也不改所选对象的属性。选择的对象不同，【属性】面板中的项目也不一样。一样。2.1.4 工作区布局在在Dreamwea

11、ver CS3工作界面中，工具栏和面板是否显示以及工作界面中，工具栏和面板是否显示以及显示的位置都是可以调整的。调整好的工作区布局可以保存下来，显示的位置都是可以调整的。调整好的工作区布局可以保存下来，选择【窗口】选择【窗口】/【工作区布局】【工作区布局】/【保存当前【保存当前】命令，打开【保存工】命令，打开【保存工作区布局】对话框进行设置即可。选择【窗口】作区布局】对话框进行设置即可。选择【窗口】/【工作区布局】【工作区布局】/【管理【管理】命令，打开【管理工作区布局】对话框可对工作区进行】命令，打开【管理工作区布局】对话框可对工作区进行管理。管理。2.2 创建站点 定义站点定义站点 设置首

12、选参数设置首选参数 创建文件夹和文件创建文件夹和文件2.2.1 定义站点1、选择【站点】、选择【站点】/【新建站点】命令，打开【未命名站点【新建站点】命令，打开【未命名站点2 的的站点定义为】对话框，输入站点的名称，如果还没有站点的站点定义为】对话框，输入站点的名称，如果还没有站点的HTTP地址，下方的文本框可不填。地址，下方的文本框可不填。 2、设置是否使用服务器技术。、设置是否使用服务器技术。2.2.1 定义站点3、设置文件的使用方式。、设置文件的使用方式。4、设置浏览站点的、设置浏览站点的URL。5、设置是否使用远程服务器。、设置是否使用远程服务器。 2.2.2 设置首选参数在使用在使用

13、Dreamweaver CS3制作网页之前，可以结合自己的需要来定义制作网页之前，可以结合自己的需要来定义Dreamweaver CS3的使用规则。例如，在的使用规则。例如，在Dreamweaver CS3启动时是否启动时是否显示欢迎屏幕，在文本处理中是否允许输入多个连续的空格，在定义文显示欢迎屏幕，在文本处理中是否允许输入多个连续的空格，在定义文本或其他元素外观时是使用本或其他元素外观时是使用CSS标签还是使用标签还是使用HTML标签，不可见元素标签，不可见元素是否显示，新建文档默认的扩展名是什么等。这些规则可以通过设置是否显示，新建文档默认的扩展名是什么等。这些规则可以通过设置Dreamw

14、eaver CS3的首选参数来实现。的首选参数来实现。1、设置【常规】分类、设置【常规】分类2.2.2 设置首选参数2、 设置【不可见元素】分类设置【不可见元素】分类3、设置【复制、设置【复制/粘贴】分类粘贴】分类2.2.2 设置首选参数4、 设置【新建文档】分类设置【新建文档】分类2.2.3 创建文件夹和文件一、文件夹和文件的命名规则一、文件夹和文件的命名规则汉语拼音：即根据每个页面的标题或主要内容，提取两三个概括汉语拼音：即根据每个页面的标题或主要内容，提取两三个概括字，将它们的汉语拼音作为文件名。如字，将它们的汉语拼音作为文件名。如“公司简介公司简介”页面可提取页面可提取“简介简介”这两

15、个字的汉语拼音，文件名为这两个字的汉语拼音，文件名为“jianjie.htm”。拼音缩写：即根据每个页面的标题或主要内容，提取每个汉字的拼音缩写：即根据每个页面的标题或主要内容，提取每个汉字的第第1个字母作为文件名。如个字母作为文件名。如“公司简介公司简介”页面的拼音是页面的拼音是“gongsijianjie”，那么文件名就是，那么文件名就是“gsjj.htm”。英文缩写：一般适用于专有名词。例如，英文缩写：一般适用于专有名词。例如，“Active Server Pages”这个专有名词一般用这个专有名词一般用ASP来代替，因此文件名为来代替，因此文件名为“asp.htm”。英文原义：这种方法

16、比较实用、准确。如可以将英文原义：这种方法比较实用、准确。如可以将“图书列表图书列表”页页面命名为面命名为“BookList.htm”。以上以上4种命名方式有时会与数字、符号组合使用。例如种命名方式有时会与数字、符号组合使用。例如“Book1.htm”、“Book_1.htm”。一个网站中最好不要使用不同的命名规则，以。一个网站中最好不要使用不同的命名规则，以免造成维护上的麻烦。免造成维护上的麻烦。2.2.3 创建文件夹和文件二、创建文件夹和文件的方法二、创建文件夹和文件的方法在【文件】在【文件】/【文件】面板中创建文件夹的方法是，用鼠标右键单击根文件【文件】面板中创建文件夹的方法是，用鼠标右

17、键单击根文件夹，在弹出的快捷菜单中选择【新建文件夹】命令，然后在夹，在弹出的快捷菜单中选择【新建文件夹】命令，然后在“untitled”处处输入新的文件夹名，如输入新的文件夹名，如“images”，然后按，然后按Enter键确认。键确认。在【文件】在【文件】/【文件】面板中创建文件的方法是，用鼠标右键单击根文件夹，【文件】面板中创建文件的方法是，用鼠标右键单击根文件夹，在弹出的快捷菜单中选择【新建文件】命令，然后在在弹出的快捷菜单中选择【新建文件】命令，然后在“untitled.asp”处输处输入新的文件名，如入新的文件名，如“index.asp”，然后按，然后按Enter键确认。也可在菜单栏

18、中选键确认。也可在菜单栏中选择【文件】择【文件】/【新建】命令或按【新建】命令或按Ctrl+N键打开【新建文档】对话框来创建键打开【新建文档】对话框来创建文档。文档。2.3 管理站点 编辑站点编辑站点 复制站点复制站点 删除站点删除站点 导出站点导出站点 导入站点导入站点2.3.1 编辑站点选择【站点】选择【站点】/【管理站点】命令，打开【管理站点】对话框，在【管理站点】命令，打开【管理站点】对话框，在站点列表中选中要编辑的站点，然后单击站点列表中选中要编辑的站点，然后单击 按钮。按钮。2.3.2 编辑站点在站点列表中选中要复制的站点，然后单击在站点列表中选中要复制的站点，然后单击 按钮将复制

19、一按钮将复制一个站点。个站点。2.3.3 编辑站点在【管理站点】对话框中选中要删除的站点，然后单击在【管理站点】对话框中选中要删除的站点，然后单击 按钮，按钮，将弹出提示对话框。将弹出提示对话框。2.3.4 导出站点选中要导出的站点，然后单击选中要导出的站点，然后单击 按钮打开【导出站点】对话框，按钮打开【导出站点】对话框，设置导出站点文件的路径和文件名称。设置导出站点文件的路径和文件名称。2.3.5 导入站点在【管理站点】对话框中单击在【管理站点】对话框中单击 按钮，打开【导入站点】对话按钮，打开【导入站点】对话框，选中要导入的站点文件。框，选中要导入的站点文件。2.4实例导入、编辑和导出站点通过前面各节的学习，读者规划、创建和管理站点已通过前面各节的学习，读者规划、创建和管理站点已经没有问题了。本节将综合运用前面所介绍的知识来经没有问题了。本节将综合运用前面所介绍的知识来导入一个站点，然后对该站点进行编辑，最后导出该导入一个站点，然后对该站点进行编辑，最后导出该站点。站点。