网页课件第7章.ppt

《网页课件第7章.ppt》由会员分享，可在线阅读，更多相关《网页课件第7章.ppt（46页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第第7章章 Dreamweaver 的基本应用的基本应用12/30/2022n nDl lF Fff ff本章知识技能要点：n nDreamweaverDreamweaver中各个控制面板的作用中各个控制面板的作用中各个控制面板的作用中各个控制面板的作用n n站点的创建与管理站点的创建与管理站点的创建与管理站点的创建与管理n n页面的各个属性及其设置方法页面的各个属性及其设置方法页面的各个属性及其设置方法页面的各个属性及其设置方法n n网页中文本的格式化方法网页中文本的格式化方法网页中文本的格式化方法网页中文本的格式化方法n n在在在在DreamweaverDreamweaver中创建超级链接

2、的方法中创建超级链接的方法中创建超级链接的方法中创建超级链接的方法n n制作网页中的导航栏制作网页中的导航栏制作网页中的导航栏制作网页中的导航栏7.1 初识初识Dreamweaver7.1.1 Dreamweaver7.1.1 Dreamweaver简介简介简介简介n nDreamweaverDreamweaver是是是是MacromediaMacromedia公公公公司司司司推推推推出出出出的的的的一一一一套套套套专专专专业业业业的的的的WebWeb站站站站点点点点开开开开发发发发程程程程序序序序。是是是是一一一一款款款款专专专专业业业业的的的的 HTML HTML 编编编编辑辑辑辑器器器器

3、，用用用用于于于于对对对对 Web Web 站站站站点点点点、Web Web 页页页页和和和和 Web Web 应应应应用用用用程程程程序序序序进进进进行行行行设设设设计计计计、编编编编码码码码和和和和开开开开发发发发。DreamweaverDreamweaver拥拥拥拥有有有有诸诸诸诸多多多多优优优优点点点点，不不不不论论论论是是是是手手手手工工工工编编编编写写写写 HTML HTML 代代代代码码码码还还还还是是是是在在在在可可可可视视视视化化化化编编编编辑辑辑辑环环环环境境境境中中中中工工工工作作作作，Dreamweaver Dreamweaver 都都都都提提提提供供供供了了了了非非非

4、非常常常常有有有有用用用用的的的的工工工工具具具具，使使使使使使使使用用用用者者者者拥拥拥拥有有有有更更更更加加加加完完完完美美美美的的的的 Web Web 创创创创作作作作体体体体验验验验。例例例例如如如如，它它它它是是是是第第第第一一一一个个个个利利利利用用用用最最最最新新新新一一一一代代代代浏浏浏浏览览览览器器器器性性性性能能能能的的的的WebWeb开开开开发发发发程程程程序序序序，并并并并且且且且非非非非常常常常便便便便于于于于开开开开发发发发者者者者利利利利用用用用诸诸诸诸如如如如层层层层叠叠叠叠样样样样式式式式单单单单(Cascading Style Sheets)(Cascadi

5、ng Style Sheets)和动态和动态和动态和动态HTMLHTML等先进特性。等先进特性。等先进特性。等先进特性。7.1 初识初识DreamweaverDreamweaver 8 Dreamweaver 8 包括许多新增功能，使用者只需花费包括许多新增功能，使用者只需花费包括许多新增功能，使用者只需花费包括许多新增功能，使用者只需花费最少的时间和精力便可生成最少的时间和精力便可生成最少的时间和精力便可生成最少的时间和精力便可生成 Web Web 站点和应用程序。下面是站点和应用程序。下面是站点和应用程序。下面是站点和应用程序。下面是 Dreamweaver 8 Dreamweaver 8

6、 中的一些主要新增功能：中的一些主要新增功能：中的一些主要新增功能：中的一些主要新增功能：n n“缩放缩放缩放缩放”工具和辅助线工具和辅助线工具和辅助线工具和辅助线n n可视化可视化可视化可视化 XML XML 数据绑定数据绑定数据绑定数据绑定n n新的新的新的新的 CSS CSS 样式面板样式面板样式面板样式面板n nCSS CSS 布局的可视化布局的可视化布局的可视化布局的可视化n n代码折叠代码折叠代码折叠代码折叠n n“编码编码编码编码”工具栏工具栏工具栏工具栏n n后台文件传输后台文件传输后台文件传输后台文件传输n n“插入插入插入插入 Flash Flash 视频视频视频视频”命令

7、命令命令命令7.1 初识初识Dreamweaver7.1.2 Dreamweaver 8 7.1.2 Dreamweaver 8 的工作环境的工作环境的工作环境的工作环境n n启动启动启动启动Dreamweaver 8Dreamweaver 8之后，进入下图所示画面。在之后，进入下图所示画面。在之后，进入下图所示画面。在之后，进入下图所示画面。在此画面上，可以选择各种进入此画面上，可以选择各种进入此画面上，可以选择各种进入此画面上，可以选择各种进入Dreamweaver 8Dreamweaver 8的方的方的方的方式。式。式。式。Dreamweaver 8的工作环境 7.1.2.1 7.1.2

8、.1 插入工具栏插入工具栏插入工具栏插入工具栏n n插入栏包含用于将各种类型的插入栏包含用于将各种类型的插入栏包含用于将各种类型的插入栏包含用于将各种类型的“对象对象对象对象”（如图像、表格和层）插（如图像、表格和层）插（如图像、表格和层）插（如图像、表格和层）插入到文档中的按钮。允许在插入它时设置不同的属性。当鼠标指入到文档中的按钮。允许在插入它时设置不同的属性。当鼠标指入到文档中的按钮。允许在插入它时设置不同的属性。当鼠标指入到文档中的按钮。允许在插入它时设置不同的属性。当鼠标指针滚动到一个按钮上时，会出现一个工具提示，其中含有该按钮针滚动到一个按钮上时，会出现一个工具提示，其中含有该按钮

9、针滚动到一个按钮上时，会出现一个工具提示，其中含有该按钮针滚动到一个按钮上时，会出现一个工具提示，其中含有该按钮的名称。例如，可以通过单击的名称。例如，可以通过单击的名称。例如，可以通过单击的名称。例如，可以通过单击“插入插入插入插入”栏中的栏中的栏中的栏中的“表格表格表格表格”按钮插入按钮插入按钮插入按钮插入一个表格。也可以不使用一个表格。也可以不使用一个表格。也可以不使用一个表格。也可以不使用“插入插入插入插入”栏而使用栏而使用栏而使用栏而使用“插入插入插入插入”菜单插入对菜单插入对菜单插入对菜单插入对象。象。象。象。7.1.2.2 7.1.2.2 标准工具栏标准工具栏标准工具栏标准工具栏

10、n n标准工具栏包含对文档的一些基本操作命令，例如标准工具栏包含对文档的一些基本操作命令，例如标准工具栏包含对文档的一些基本操作命令，例如标准工具栏包含对文档的一些基本操作命令，例如“新建新建新建新建”、“保存保存保存保存”、“剪切剪切剪切剪切”、“复制复制复制复制”、“粘帖粘帖粘帖粘帖”、“撤销撤销撤销撤销”、“重做重做重做重做”等等。等等。等等。等等。7.1.2.3 7.1.2.3 文档工具栏文档工具栏文档工具栏文档工具栏n n文档工具栏中包含视图切换按钮，这些按钮可以在文档工具栏中包含视图切换按钮，这些按钮可以在文档工具栏中包含视图切换按钮，这些按钮可以在文档工具栏中包含视图切换按钮，这

11、些按钮可以在“代码代码代码代码”视图、视图、视图、视图、“设计设计设计设计”视图、同时显示视图、同时显示视图、同时显示视图、同时显示“代码代码代码代码”和和和和“设计设计设计设计”视图的拆分视图之视图的拆分视图之视图的拆分视图之视图的拆分视图之间快速切换。工具栏中还包含一些与查看文档、在本地和远程站间快速切换。工具栏中还包含一些与查看文档、在本地和远程站间快速切换。工具栏中还包含一些与查看文档、在本地和远程站间快速切换。工具栏中还包含一些与查看文档、在本地和远程站点间传输文档有关的常用命令和选项。点间传输文档有关的常用命令和选项。点间传输文档有关的常用命令和选项。点间传输文档有关的常用命令和选

12、项。7.1.2.4 “7.1.2.4 “文档文档文档文档”窗口窗口窗口窗口 n n“文档文档文档文档”窗口显示当前创建和编辑的网页文档。窗口显示当前创建和编辑的网页文档。窗口显示当前创建和编辑的网页文档。窗口显示当前创建和编辑的网页文档。7.1.2.5 7.1.2.5 属性检查器属性检查器属性检查器属性检查器n n属性检查器是一个很有用的面板，用于查看和更改当前所选对象属性检查器是一个很有用的面板，用于查看和更改当前所选对象属性检查器是一个很有用的面板，用于查看和更改当前所选对象属性检查器是一个很有用的面板，用于查看和更改当前所选对象或文本的各种属性。在编辑网页时，在文档窗口中正在编辑的是或文

13、本的各种属性。在编辑网页时，在文档窗口中正在编辑的是或文本的各种属性。在编辑网页时，在文档窗口中正在编辑的是或文本的各种属性。在编辑网页时，在文档窗口中正在编辑的是哪个对象，属性检查器就自动显示关于这个对象的各个属性。哪个对象，属性检查器就自动显示关于这个对象的各个属性。哪个对象，属性检查器就自动显示关于这个对象的各个属性。哪个对象，属性检查器就自动显示关于这个对象的各个属性。7.1.2.6 “7.1.2.6 “文件文件文件文件”面板面板面板面板n n“文件文件文件文件”面板用于管理当前站点的文件和文件夹，无论它们是面板用于管理当前站点的文件和文件夹，无论它们是面板用于管理当前站点的文件和文件

14、夹，无论它们是面板用于管理当前站点的文件和文件夹，无论它们是 Dreamweaver Dreamweaver 站点的一部分还是在远程服务器上。站点的一部分还是在远程服务器上。站点的一部分还是在远程服务器上。站点的一部分还是在远程服务器上。“文件文件文件文件”面面面面板还可以用来访问本地磁盘上的全部文件，它的显示方式和使用板还可以用来访问本地磁盘上的全部文件，它的显示方式和使用板还可以用来访问本地磁盘上的全部文件，它的显示方式和使用板还可以用来访问本地磁盘上的全部文件，它的显示方式和使用方法非常象方法非常象方法非常象方法非常象WindowsWindows的资源管理器。的资源管理器。的资源管理器。

15、的资源管理器。7.1.2.7 7.1.2.7 状态栏状态栏状态栏状态栏n n状态栏提供与您正创建的文档有关的其它信息。状态栏提供与您正创建的文档有关的其它信息。状态栏提供与您正创建的文档有关的其它信息。状态栏提供与您正创建的文档有关的其它信息。7.1.2.8 7.1.2.8 面板组面板组面板组面板组n n“面板组面板组面板组面板组”是在某个标题下面的相关面板的集合。若要展开是在某个标题下面的相关面板的集合。若要展开是在某个标题下面的相关面板的集合。若要展开是在某个标题下面的相关面板的集合。若要展开一个面板组，请单击组名称左侧的展开箭头；若要取消停靠一个面板组，请单击组名称左侧的展开箭头；若要取

16、消停靠一个面板组，请单击组名称左侧的展开箭头；若要取消停靠一个面板组，请单击组名称左侧的展开箭头；若要取消停靠一个面板组，请拖动该组标题条左边缘的手柄。一个面板组，请拖动该组标题条左边缘的手柄。一个面板组，请拖动该组标题条左边缘的手柄。一个面板组，请拖动该组标题条左边缘的手柄。7.1.2.9 7.1.2.9 菜单概述菜单概述菜单概述菜单概述n n下下下下面面面面就就就就Dreamweaver Dreamweaver 8 8中中中中各各各各菜菜菜菜单单单单的的的的功功功功能能能能进进进进行行行行简简简简要要要要的的的的说说说说明。明。明。明。n n“文文文文件件件件”菜菜菜菜单单单单：包包包包含

17、含含含“新新新新建建建建”、“打打打打开开开开”、“保保保保存存存存”、“保保保保存存存存全全全全部部部部”，还还还还包包包包含含含含各各各各种种种种其其其其他他他他命命命命令令令令，用用用用于于于于查查查查看看看看当当当当前前前前文文文文档档档档或或或或对对对对当当当当前文档执行操作，例如前文档执行操作，例如前文档执行操作，例如前文档执行操作，例如“在浏览器中预览在浏览器中预览在浏览器中预览在浏览器中预览”和和和和“打印代码打印代码打印代码打印代码”。n n“编编编编辑辑辑辑”菜菜菜菜单单单单：包包包包含含含含选选选选择择择择和和和和搜搜搜搜索索索索命命命命令令令令，例例例例如如如如“选选选

18、选择择择择父父父父标标标标签签签签”和和和和“查查查查找找找找和和和和替替替替换换换换”。“编编编编辑辑辑辑”菜菜菜菜单单单单还还还还提提提提供供供供对对对对DWDW菜菜菜菜单单单单中中中中“首首首首选参数选参数选参数选参数”的访问。的访问。的访问。的访问。n n“查查查查看看看看”菜菜菜菜单单单单：使使使使您您您您可可可可以以以以看看看看到到到到文文文文档档档档的的的的各各各各种种种种视视视视图图图图（例例例例如如如如“设设设设计计计计”视视视视图图图图和和和和“代代代代码码码码”视视视视图图图图），并并并并且且且且可可可可以以以以显显显显示示示示和和和和隐隐隐隐藏藏藏藏不不不不同同同同类类

19、类类型型型型的的的的页面元素和页面元素和页面元素和页面元素和 DWDW工具及工具栏。工具及工具栏。工具及工具栏。工具及工具栏。n n“插插插插入入入入”菜菜菜菜单单单单：提提提提供供供供“插插插插入入入入”栏栏栏栏的的的的替替替替代代代代项项项项，用用用用于于于于将将将将对对对对象象象象插插插插入入入入您的文档。您的文档。您的文档。您的文档。n n“修修修修改改改改”菜菜菜菜单单单单：使使使使您您您您可可可可以以以以更更更更改改改改选选选选定定定定页页页页面面面面元元元元素素素素或或或或项项项项的的的的属属属属性性性性。使使使使用用用用此此此此菜菜菜菜单单单单，您您您您可可可可以以以以编编编编

20、辑辑辑辑标标标标签签签签属属属属性性性性，更更更更改改改改表表表表格格格格和和和和表表表表格格格格元元元元素素素素，并并并并且为库项和模板执行不同的操作。且为库项和模板执行不同的操作。且为库项和模板执行不同的操作。且为库项和模板执行不同的操作。n n“文本文本文本文本”菜单：使您可以轻松地设置文本的格式。菜单：使您可以轻松地设置文本的格式。菜单：使您可以轻松地设置文本的格式。菜单：使您可以轻松地设置文本的格式。n n“命命命命令令令令”菜菜菜菜单单单单：提提提提供供供供对对对对各各各各种种种种命命命命令令令令的的的的访访访访问问问问；包包包包括括括括一一一一个个个个根根根根据据据据您您您您的的

21、的的格格格格式式式式首选参数设置代码格式的命令、一个创建相册的命令等。首选参数设置代码格式的命令、一个创建相册的命令等。首选参数设置代码格式的命令、一个创建相册的命令等。首选参数设置代码格式的命令、一个创建相册的命令等。n n“站点站点站点站点”菜单：提供用于管理站点以及上传和下载文件的菜单项。菜单：提供用于管理站点以及上传和下载文件的菜单项。菜单：提供用于管理站点以及上传和下载文件的菜单项。菜单：提供用于管理站点以及上传和下载文件的菜单项。n n“窗口窗口窗口窗口”菜单：提供对菜单：提供对菜单：提供对菜单：提供对 DWDW中的所有面板、检查器和窗口的访问。中的所有面板、检查器和窗口的访问。中

22、的所有面板、检查器和窗口的访问。中的所有面板、检查器和窗口的访问。n n“帮帮帮帮助助助助”菜菜菜菜单单单单：提提提提供供供供对对对对 Dreamweaver Dreamweaver 文文文文档档档档的的的的访访访访问问问问，包包包包括括括括关关关关于于于于使使使使用用用用 Dreamweaver Dreamweaver 以以以以及及及及创创创创建建建建 Dreamweaver Dreamweaver 扩扩扩扩展展展展功功功功能能能能的的的的帮帮帮帮助助助助系系系系统统统统，还包括各种语言的参考材料。还包括各种语言的参考材料。还包括各种语言的参考材料。还包括各种语言的参考材料。7.1.2.10

23、 7.1.2.10 使用面板和面板组使用面板和面板组使用面板和面板组使用面板和面板组n nDreamweaver Dreamweaver 中的面板被组织到面板组中。面板组中选定的面中的面板被组织到面板组中。面板组中选定的面中的面板被组织到面板组中。面板组中选定的面中的面板被组织到面板组中。面板组中选定的面板显示为一个选项卡。每个面板组都可以展开或折叠，并且可以板显示为一个选项卡。每个面板组都可以展开或折叠，并且可以板显示为一个选项卡。每个面板组都可以展开或折叠，并且可以板显示为一个选项卡。每个面板组都可以展开或折叠，并且可以和其它面板组停靠在一起或取消停靠。可以按需要显示或隐藏工和其它面板组停

24、靠在一起或取消停靠。可以按需要显示或隐藏工和其它面板组停靠在一起或取消停靠。可以按需要显示或隐藏工和其它面板组停靠在一起或取消停靠。可以按需要显示或隐藏工作区中的面板组和面板。作区中的面板组和面板。作区中的面板组和面板。作区中的面板组和面板。7.2.1 7.2.1 创建本地站点创建本地站点创建本地站点创建本地站点n nWeb Web 站点是一组具有如相关主题、类似的设计、链接文档和站点是一组具有如相关主题、类似的设计、链接文档和站点是一组具有如相关主题、类似的设计、链接文档和站点是一组具有如相关主题、类似的设计、链接文档和资源。资源。资源。资源。Dreamweaver 8 Dreamweave

25、r 8 是一个站点创建和管理工具，因此使是一个站点创建和管理工具，因此使是一个站点创建和管理工具，因此使是一个站点创建和管理工具，因此使用它不仅可以创建单独的文档，还可以创建完整的用它不仅可以创建单独的文档，还可以创建完整的用它不仅可以创建单独的文档，还可以创建完整的用它不仅可以创建单独的文档，还可以创建完整的 Web Web 站点。站点。站点。站点。创建创建创建创建 Web Web 站点的第一步是规划。为了达到最佳效果，在创建站点的第一步是规划。为了达到最佳效果，在创建站点的第一步是规划。为了达到最佳效果，在创建站点的第一步是规划。为了达到最佳效果，在创建任何任何任何任何 Web Web 站

26、点页面之前，应对站点的结构进行设计和规划。站点页面之前，应对站点的结构进行设计和规划。站点页面之前，应对站点的结构进行设计和规划。站点页面之前，应对站点的结构进行设计和规划。决定要创建多少页，每页上显示什么内容，页面布局的外观以决定要创建多少页，每页上显示什么内容，页面布局的外观以决定要创建多少页，每页上显示什么内容，页面布局的外观以决定要创建多少页，每页上显示什么内容，页面布局的外观以及页是如何互相连接起来的。及页是如何互相连接起来的。及页是如何互相连接起来的。及页是如何互相连接起来的。n n建立一个网站，首先要在本地机器上做好网站，再传到网上的建立一个网站，首先要在本地机器上做好网站，再传

27、到网上的建立一个网站，首先要在本地机器上做好网站，再传到网上的建立一个网站，首先要在本地机器上做好网站，再传到网上的虚拟空间上。下面主要介绍本地站点的建立，站点文件命名。虚拟空间上。下面主要介绍本地站点的建立，站点文件命名。虚拟空间上。下面主要介绍本地站点的建立，站点文件命名。虚拟空间上。下面主要介绍本地站点的建立，站点文件命名。n n在此以建立一个在此以建立一个在此以建立一个在此以建立一个“校园生活网站校园生活网站校园生活网站校园生活网站”为例，介绍具体的操作步骤：为例，介绍具体的操作步骤：为例，介绍具体的操作步骤：为例，介绍具体的操作步骤：（1 1）启动）启动）启动）启动 Dreamwea

28、ver 8 Dreamweaver 8：（2 2）从）从）从）从“站点站点站点站点”菜单选择菜单选择菜单选择菜单选择“新建站点新建站点新建站点新建站点”。出现。出现。出现。出现“站点定义站点定义站点定义站点定义”对对对对话框。如图话框。如图话框。如图话框。如图7-87-8。7.2 创建与管理站点创建与管理站点7.2 创建与管理站点创建与管理站点图7-8 “站点定义”对话框（3 3）在）在）在）在“站点定义站点定义站点定义站点定义”对话框中有两张选项卡，如果对话框显示的是对话框中有两张选项卡，如果对话框显示的是对话框中有两张选项卡，如果对话框显示的是对话框中有两张选项卡，如果对话框显示的是“高高

29、高高级级级级”选项卡，则单击选项卡，则单击选项卡，则单击选项卡，则单击“基本基本基本基本”。出现出现出现出现“站点定义向导站点定义向导站点定义向导站点定义向导”的第一个界的第一个界的第一个界的第一个界面，要求首先为站点输入一个名称。在文本框中，输入一个名称以面，要求首先为站点输入一个名称。在文本框中，输入一个名称以面，要求首先为站点输入一个名称。在文本框中，输入一个名称以面，要求首先为站点输入一个名称。在文本框中，输入一个名称以在在在在 Dreamweaver 8Dreamweaver 8中标识该站点。该名称可以是任何所需的名称。中标识该站点。该名称可以是任何所需的名称。中标识该站点。该名称可

30、以是任何所需的名称。中标识该站点。该名称可以是任何所需的名称。例如键入例如键入例如键入例如键入“校园生活网站校园生活网站校园生活网站校园生活网站”。然后单击。然后单击。然后单击。然后单击“下一步下一步下一步下一步”。（4 4）出现向导的下一个界面，询问是否要使用服务器技术。如图）出现向导的下一个界面，询问是否要使用服务器技术。如图）出现向导的下一个界面，询问是否要使用服务器技术。如图）出现向导的下一个界面，询问是否要使用服务器技术。如图7-97-9。7.2 创建与管理站点创建与管理站点图7-9 “站点定义”对话框因为实例建立的是一个静态站点，就选择因为实例建立的是一个静态站点，就选择因为实例建

31、立的是一个静态站点，就选择因为实例建立的是一个静态站点，就选择“否，我不想使用服否，我不想使用服否，我不想使用服否，我不想使用服务器技术务器技术务器技术务器技术”。指示目前该站点是一个静态站点，没有动态页。指示目前该站点是一个静态站点，没有动态页。指示目前该站点是一个静态站点，没有动态页。指示目前该站点是一个静态站点，没有动态页。单击单击单击单击“下一步下一步下一步下一步”。（5 5）出现向导的下一个界面，询问要如何使用您的文件。）出现向导的下一个界面，询问要如何使用您的文件。）出现向导的下一个界面，询问要如何使用您的文件。）出现向导的下一个界面，询问要如何使用您的文件。n n选择标有选择标有

32、选择标有选择标有“编辑我的计算机上的本地副本，完成后再上传到编辑我的计算机上的本地副本，完成后再上传到编辑我的计算机上的本地副本，完成后再上传到编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）服务器（推荐）服务器（推荐）服务器（推荐）”的选项。的选项。的选项。的选项。在站点开发过程中有多种处理文件在站点开发过程中有多种处理文件在站点开发过程中有多种处理文件在站点开发过程中有多种处理文件的方式，初学网页制作者应选择此选项。如图的方式，初学网页制作者应选择此选项。如图的方式，初学网页制作者应选择此选项。如图的方式，初学网页制作者应选择此选项。如图7-107-10。7.2 创建与管理站点创建

33、与管理站点图7-10 “站点定义”对话框（6 6）对于其下方询问）对于其下方询问）对于其下方询问）对于其下方询问“您将把文件存贮在计算机的什么位置？您将把文件存贮在计算机的什么位置？您将把文件存贮在计算机的什么位置？您将把文件存贮在计算机的什么位置？”n n单击该文本框旁边的文件夹图标。单击该文本框旁边的文件夹图标。单击该文本框旁边的文件夹图标。单击该文本框旁边的文件夹图标。随即会出现随即会出现随即会出现随即会出现“选择站点选择站点选择站点选择站点 校园生校园生校园生校园生活活活活 的本地根文件夹的本地根文件夹的本地根文件夹的本地根文件夹”对话框。对话框。对话框。对话框。n n单击单击单击单击

34、“创建新文件夹创建新文件夹创建新文件夹创建新文件夹”按钮，在按钮，在按钮，在按钮，在D D盘上建立一个名为盘上建立一个名为盘上建立一个名为盘上建立一个名为“mywebmyweb”的的的的站点文件夹，并以此作为站点文件夹，并以此作为站点文件夹，并以此作为站点文件夹，并以此作为“校园生活网站校园生活网站校园生活网站校园生活网站”的本地根文件夹。今的本地根文件夹。今的本地根文件夹。今的本地根文件夹。今后网站中的所有文档、资源都应当存放在此。单击后网站中的所有文档、资源都应当存放在此。单击后网站中的所有文档、资源都应当存放在此。单击后网站中的所有文档、资源都应当存放在此。单击“打开打开打开打开”，在，

35、在，在，在下一个出现的对话框中单击下一个出现的对话框中单击下一个出现的对话框中单击下一个出现的对话框中单击“选择选择选择选择”按钮。回到按钮。回到按钮。回到按钮。回到“站点定义站点定义站点定义站点定义”界界界界面。文本框中显示的面。文本框中显示的面。文本框中显示的面。文本框中显示的“D:D:mywebmyweb”即为站点文件夹所在的位置。即为站点文件夹所在的位置。即为站点文件夹所在的位置。即为站点文件夹所在的位置。单击单击单击单击“下一步下一步下一步下一步”。（7 7）出现向导的下一个界面，询问如何连接到远程服务器。从弹出）出现向导的下一个界面，询问如何连接到远程服务器。从弹出）出现向导的下一

36、个界面，询问如何连接到远程服务器。从弹出）出现向导的下一个界面，询问如何连接到远程服务器。从弹出式菜单中选择式菜单中选择式菜单中选择式菜单中选择“无无无无”。因为可以稍后设置有关远程站点的信息。因为可以稍后设置有关远程站点的信息。因为可以稍后设置有关远程站点的信息。因为可以稍后设置有关远程站点的信息。目前，本地站点信息对于开始创建网页已经足够了。目前，本地站点信息对于开始创建网页已经足够了。目前，本地站点信息对于开始创建网页已经足够了。目前，本地站点信息对于开始创建网页已经足够了。（8 8）单击）单击）单击）单击“下一步下一步下一步下一步”按钮，该向导的下一个屏幕将出现的是以上所按钮，该向导的

37、下一个屏幕将出现的是以上所按钮，该向导的下一个屏幕将出现的是以上所按钮，该向导的下一个屏幕将出现的是以上所有设置的概要。如图有设置的概要。如图有设置的概要。如图有设置的概要。如图7-157-15。7.2 创建与管理站点创建与管理站点7.2 创建与管理站点创建与管理站点“站点定义”完成画面 7.2.2 7.2.2 管理本地站点：管理本地站点：管理本地站点：管理本地站点：n n 如果对所创建的站点有不满意的地方，还可以随时对其如果对所创建的站点有不满意的地方，还可以随时对其如果对所创建的站点有不满意的地方，还可以随时对其如果对所创建的站点有不满意的地方，还可以随时对其进行修改、编辑。例如修改站点的

38、名称、更改站点的存放进行修改、编辑。例如修改站点的名称、更改站点的存放进行修改、编辑。例如修改站点的名称、更改站点的存放进行修改、编辑。例如修改站点的名称、更改站点的存放位置等等。具体操作步骤如下：位置等等。具体操作步骤如下：位置等等。具体操作步骤如下：位置等等。具体操作步骤如下：（1 1）选择）选择）选择）选择“站点站点站点站点”菜单菜单菜单菜单“管理站点管理站点管理站点管理站点”。出现出现出现出现“管理站点管理站点管理站点管理站点”对对对对话框。话框。话框。话框。（2 2）点击）点击）点击）点击“新建新建新建新建(N)”(N)”按钮：可以创建一个新的站点。按钮：可以创建一个新的站点。按钮：

39、可以创建一个新的站点。按钮：可以创建一个新的站点。（3 3）在左侧的站点列表中选择一个站点，可以对其进行下列）在左侧的站点列表中选择一个站点，可以对其进行下列）在左侧的站点列表中选择一个站点，可以对其进行下列）在左侧的站点列表中选择一个站点，可以对其进行下列操作：操作：操作：操作：n n点击点击点击点击“编辑编辑编辑编辑(E)”(E)”按钮：可以对选中的站点重新编辑。按钮：可以对选中的站点重新编辑。按钮：可以对选中的站点重新编辑。按钮：可以对选中的站点重新编辑。n n点击点击点击点击“复制复制复制复制(P)”(P)”按钮：可以复制选中的站点。按钮：可以复制选中的站点。按钮：可以复制选中的站点。

40、按钮：可以复制选中的站点。n n点击点击点击点击“删除删除删除删除(R)(R)按钮：可以删除选中的站点。按钮：可以删除选中的站点。按钮：可以删除选中的站点。按钮：可以删除选中的站点。（4 4）单击）单击）单击）单击“完成完成完成完成”，关闭管理站点对话框。，关闭管理站点对话框。，关闭管理站点对话框。，关闭管理站点对话框。7.2 创建与管理站点创建与管理站点7.2.3 7.2.3 管理本地站点的资源：管理本地站点的资源：管理本地站点的资源：管理本地站点的资源：n n在对网站的编辑过程中，有时需要对多个站点进行管理。在在对网站的编辑过程中，有时需要对多个站点进行管理。在在对网站的编辑过程中，有时需

41、要对多个站点进行管理。在在对网站的编辑过程中，有时需要对多个站点进行管理。在对一个网站的编辑过程中，也往往需要反复利用网站中的其对一个网站的编辑过程中，也往往需要反复利用网站中的其对一个网站的编辑过程中，也往往需要反复利用网站中的其对一个网站的编辑过程中，也往往需要反复利用网站中的其它资源。它资源。它资源。它资源。7.2.3.17.2.3.1切换站点切换站点切换站点切换站点n n在利用在利用在利用在利用Dreamweaver 8 Dreamweaver 8 编辑网页时，每次只能操作一个站编辑网页时，每次只能操作一个站编辑网页时，每次只能操作一个站编辑网页时，每次只能操作一个站点。因而有时就得在

42、多个站点之间相互切换。操作的方法是：点。因而有时就得在多个站点之间相互切换。操作的方法是：点。因而有时就得在多个站点之间相互切换。操作的方法是：点。因而有时就得在多个站点之间相互切换。操作的方法是：点击点击点击点击“文件面板文件面板文件面板文件面板”左侧的下拉列表框的展开按钮，在展开的左侧的下拉列表框的展开按钮，在展开的左侧的下拉列表框的展开按钮，在展开的左侧的下拉列表框的展开按钮，在展开的下拉列表中点击要切换的站点。下拉列表中点击要切换的站点。下拉列表中点击要切换的站点。下拉列表中点击要切换的站点。7.2 创建与管理站点创建与管理站点7.2.3.2 7.2.3.2 利用利用利用利用“资源资源

43、资源资源”面板，管理站点中的资源面板，管理站点中的资源面板，管理站点中的资源面板，管理站点中的资源n n 点击文件面板中的点击文件面板中的点击文件面板中的点击文件面板中的“资源资源资源资源”选项卡，打开选项卡，打开选项卡，打开选项卡，打开“资源资源资源资源”面板。面板。面板。面板。n n 资源面板的左侧有一纵列图标，显示本站点资源面板的左侧有一纵列图标，显示本站点资源面板的左侧有一纵列图标，显示本站点资源面板的左侧有一纵列图标，显示本站点中所有可用资源的分类。按下代表某一类的按钮中所有可用资源的分类。按下代表某一类的按钮中所有可用资源的分类。按下代表某一类的按钮中所有可用资源的分类。按下代表某

44、一类的按钮，便会在右边的列表中列出所有该类资源的文件，便会在右边的列表中列出所有该类资源的文件，便会在右边的列表中列出所有该类资源的文件，便会在右边的列表中列出所有该类资源的文件名及其基本属性。名及其基本属性。名及其基本属性。名及其基本属性。n n 制作网页时，利用制作网页时，利用制作网页时，利用制作网页时，利用“资源资源资源资源”面板可以便利地面板可以便利地面板可以便利地面板可以便利地向页面中添加所选资源。例如，可以使用拖动的向页面中添加所选资源。例如，可以使用拖动的向页面中添加所选资源。例如，可以使用拖动的向页面中添加所选资源。例如，可以使用拖动的方法直接将所选的资源加入到页面；也可以资源

45、方法直接将所选的资源加入到页面；也可以资源方法直接将所选的资源加入到页面；也可以资源方法直接将所选的资源加入到页面；也可以资源面板下方的面板下方的面板下方的面板下方的“插入插入插入插入”按钮，将选中的资源插入到按钮，将选中的资源插入到按钮，将选中的资源插入到按钮，将选中的资源插入到页面。页面。页面。页面。7.2 创建与管理站点创建与管理站点7.3.1 7.3.1 创建网页创建网页创建网页创建网页n n站点创建完成之后，就应该开始编辑网页了。站点创建完成之后，就应该开始编辑网页了。站点创建完成之后，就应该开始编辑网页了。站点创建完成之后，就应该开始编辑网页了。DreamweaverDreamwe

46、aver提供了许多创建一个新页面文档的途径。例提供了许多创建一个新页面文档的途径。例提供了许多创建一个新页面文档的途径。例提供了许多创建一个新页面文档的途径。例如，在打开了如，在打开了如，在打开了如，在打开了Macromedia Dreamweaver 8Macromedia Dreamweaver 8之后，就可以之后，就可以之后，就可以之后，就可以按照以下个方法创建新文档：按照以下个方法创建新文档：按照以下个方法创建新文档：按照以下个方法创建新文档：n n进入图进入图进入图进入图7-27-2所示画面后，在中间的所示画面后，在中间的所示画面后，在中间的所示画面后，在中间的“创建新项目创建新项目

47、创建新项目创建新项目”中选择第中选择第中选择第中选择第一项：一项：一项：一项：HTMLHTML，便可打开一个空白文档；，便可打开一个空白文档；，便可打开一个空白文档；，便可打开一个空白文档；n n在文件菜单下点击在文件菜单下点击在文件菜单下点击在文件菜单下点击“新建新建新建新建”命令，便建立了一个新的空文档；命令，便建立了一个新的空文档；命令，便建立了一个新的空文档；命令，便建立了一个新的空文档；n n在文件面板中单击鼠标右键，在弹出的快捷菜单中选择在文件面板中单击鼠标右键，在弹出的快捷菜单中选择在文件面板中单击鼠标右键，在弹出的快捷菜单中选择在文件面板中单击鼠标右键，在弹出的快捷菜单中选择“

48、新新新新建文件建文件建文件建文件”，便可在当前的站点中建立一个未命名的，便可在当前的站点中建立一个未命名的，便可在当前的站点中建立一个未命名的，便可在当前的站点中建立一个未命名的HtmlHtml文档。文档。文档。文档。7.3 网页的基本属性网页的基本属性7.3.2 7.3.2 页面的基本属性页面的基本属性页面的基本属性页面的基本属性n n在工作区单击鼠标右键，在弹出的快捷菜单中选择在工作区单击鼠标右键，在弹出的快捷菜单中选择在工作区单击鼠标右键，在弹出的快捷菜单中选择在工作区单击鼠标右键，在弹出的快捷菜单中选择“页面属页面属页面属页面属性性性性”，打开，打开，打开，打开“页面属性页面属性页面属

49、性页面属性”对话框。如下图。对话框。如下图。对话框。如下图。对话框。如下图。n n在该对话框的左侧，是分类列表，将页面的属性设置分为在该对话框的左侧，是分类列表，将页面的属性设置分为在该对话框的左侧，是分类列表，将页面的属性设置分为在该对话框的左侧，是分类列表，将页面的属性设置分为“外观外观外观外观”、“链接链接链接链接”、“标题标题标题标题”、“标题标题标题标题/编码编码编码编码”和和和和“跟踪图跟踪图跟踪图跟踪图像像像像”五类。五类。五类。五类。7.3 网页的基本属性网页的基本属性7.3.3 7.3.3 保存网页文档保存网页文档保存网页文档保存网页文档n n单击菜单单击菜单单击菜单单击菜单

50、“文件文件文件文件”中的中的中的中的“保存保存保存保存”命令，弹出一个命令，弹出一个命令，弹出一个命令，弹出一个“另存为另存为另存为另存为”对话框，选择要保存的位置，再确定对话框，选择要保存的位置，再确定对话框，选择要保存的位置，再确定对话框，选择要保存的位置，再确定要保存的文件名，例如设置为要保存的文件名，例如设置为要保存的文件名，例如设置为要保存的文件名，例如设置为“index.htmlindex.html”,”,再点击再点击再点击再点击“保存保存保存保存”就可以了。如果同时打开了多个就可以了。如果同时打开了多个就可以了。如果同时打开了多个就可以了。如果同时打开了多个文档，可以通过文件菜单