第5章网页制作基础2wppt课件

《第5章网页制作基础2wppt课件》由会员分享，可在线阅读，更多相关《第5章网页制作基础2wppt课件（242页珍藏版）》请在金锄头文库上搜索。

1、第第5章章 网页制作基础网页制作基础主要内容主要内容概述概述设计站点设计站点编辑网页编辑网页页面布局页面布局建立超链接建立超链接使用使用CSS样式样式层、行为和时间轴层、行为和时间轴模板模板管理和发布站点管理和发布站点2大学计算机信息科技教程（第二版）第5章 网页制作基础5.1 概述概述站点站点站点站点具有相关主题的网页有机地整合在一起，集中具有相关主题的网页有机地整合在一起，集中具有相关主题的网页有机地整合在一起，集中具有相关主题的网页有机地整合在一起，集中进行管理，构成一个整体，这就是站点。进行管理，构成一个整体，这就是站点。进行管理，构成一个整体，这就是站点。进行管理，构成一个整体，这就

2、是站点。超文本标记语言超文本标记语言超文本标记语言超文本标记语言HTMLHTML站点中的每个网页的内容都要使用一种标准的站点中的每个网页的内容都要使用一种标准的站点中的每个网页的内容都要使用一种标准的站点中的每个网页的内容都要使用一种标准的语言来描述，这就是超文本标记语言语言来描述，这就是超文本标记语言语言来描述，这就是超文本标记语言语言来描述，这就是超文本标记语言HTMLHTML。常用的网页制作软件常用的网页制作软件常用的网页制作软件常用的网页制作软件 MicrosoftOfficeMicrosoftOffice中的中的中的中的FrontPageFrontPageMacromediaMacr

3、omedia公司的公司的公司的公司的DreamweaverDreamweaver3大学计算机信息科技教程（第二版）第5章 网页制作基础5.1 概述概述Dreamweaver概述概述HTML简介简介4大学计算机信息科技教程（第二版）第5章 网页制作基础5.1.1 Dreamweaver简述简述 MacromediaDreamweaver8MacromediaDreamweaver8是美国是美国是美国是美国MacromediaMacromedia公司开发的一种集网页制作和网公司开发的一种集网页制作和网公司开发的一种集网页制作和网公司开发的一种集网页制作和网站管理于一体的网页制作软件，它具有一套针站

4、管理于一体的网页制作软件，它具有一套针站管理于一体的网页制作软件，它具有一套针站管理于一体的网页制作软件，它具有一套针对专业网页设计师使用的视觉化网页开发工具，对专业网页设计师使用的视觉化网页开发工具，对专业网页设计师使用的视觉化网页开发工具，对专业网页设计师使用的视觉化网页开发工具，利用它可以轻而易举地制作出充满动感的网页，利用它可以轻而易举地制作出充满动感的网页，利用它可以轻而易举地制作出充满动感的网页，利用它可以轻而易举地制作出充满动感的网页，它是网页设计者的首选工具。它是网页设计者的首选工具。它是网页设计者的首选工具。它是网页设计者的首选工具。 5大学计算机信息科技教程（第二版）第5章

5、 网页制作基础5.1.1 Dreamweaver简述简述启动启动选择选择选择选择“ “开始开始开始开始” ”/“/“所有程序所有程序所有程序所有程序” ”/“/“MicromediaMicromedia” ”/“/“MicromediaMicromediaDreamweaver8”Dreamweaver8”选项，选项，选项，选项，DreamweaverDreamweaver有两种工作区布局模式：有两种工作区布局模式：有两种工作区布局模式：有两种工作区布局模式：设计器和编码器。设计器和编码器。设计器和编码器。设计器和编码器。第一次运行第一次运行第一次运行第一次运行Dreamweaver8Drea

6、mweaver8时会显示时会显示时会显示时会显示“工作工作工作工作区设置区设置区设置区设置” ”对话框，以供对话框，以供对话框，以供对话框，以供选择所喜欢的工作区选择所喜欢的工作区选择所喜欢的工作区选择所喜欢的工作区布局。布局。布局。布局。 6大学计算机信息科技教程（第二版）第5章 网页制作基础5.1.1 Dreamweaver简述简述启动启动启动启动DreamweaverDreamweaver后，显示起始页。在起始页后，显示起始页。在起始页后，显示起始页。在起始页后，显示起始页。在起始页中可以打开最近使用过的网页，快速地创建新的中可以打开最近使用过的网页，快速地创建新的中可以打开最近使用过的

7、网页，快速地创建新的中可以打开最近使用过的网页，快速地创建新的网页。网页。网页。网页。 7大学计算机信息科技教程（第二版）第5章 网页制作基础5.1.1 Dreamweaver简述简述打开或者创建网页后的操作界面打开或者创建网页后的操作界面打开或者创建网页后的操作界面打开或者创建网页后的操作界面 “插入”栏“标准”工具栏“文档”工具栏文档窗口面板组属性检查器8大学计算机信息科技教程（第二版）第5章 网页制作基础5.1.2 HTML简介简介HTMLHTML是是是是HyperTextHyperText MackupMackupLanguageLanguage的缩的缩的缩的缩写，称为超文本标记语言，

8、它是一种用于制作超写，称为超文本标记语言，它是一种用于制作超写，称为超文本标记语言，它是一种用于制作超写，称为超文本标记语言，它是一种用于制作超文本文档的简单标记语言。它只是提供一些语法文本文档的简单标记语言。它只是提供一些语法文本文档的简单标记语言。它只是提供一些语法文本文档的简单标记语言。它只是提供一些语法标记给浏览器，由浏览器解释生成相应的页面。标记给浏览器，由浏览器解释生成相应的页面。标记给浏览器，由浏览器解释生成相应的页面。标记给浏览器，由浏览器解释生成相应的页面。超文本标记语言超文本标记语言超文本标记语言超文本标记语言HTMLHTML由一些格式标签和资源引由一些格式标签和资源引由一

9、些格式标签和资源引由一些格式标签和资源引用构成，通过标签来设置引用内容的格式。标签用构成，通过标签来设置引用内容的格式。标签用构成，通过标签来设置引用内容的格式。标签用构成，通过标签来设置引用内容的格式。标签分头标签和尾标签，用分头标签和尾标签，用分头标签和尾标签，用分头标签和尾标签，用“ “”括起来，与括起来，与括起来，与括起来，与被标注的内容区分开来。被标注的内容区分开来。被标注的内容区分开来。被标注的内容区分开来。 9大学计算机信息科技教程（第二版）第5章 网页制作基础5.1.2 HTML简介简介和和和和标签标志了文件的开始和结束。文标签标志了文件的开始和结束。文标签标志了文件的开始和结

10、束。文标签标志了文件的开始和结束。文件的件的件的件的段被分成两部分：段被分成两部分：段被分成两部分：段被分成两部分： 第一部分叫作头部，以第一部分叫作头部，以第一部分叫作头部，以第一部分叫作头部，以和和和和标签标标签标标签标标签标志开始和结束；志开始和结束；志开始和结束；志开始和结束； 第二部分是文件体，它包含对浏览器中显示的内容的第二部分是文件体，它包含对浏览器中显示的内容的第二部分是文件体，它包含对浏览器中显示的内容的第二部分是文件体，它包含对浏览器中显示的内容的具体描述，以具体描述，以具体描述，以具体描述，以和和和和标签标志开始和标签标志开始和标签标志开始和标签标志开始和结束。结束。结束

11、。结束。 在头部中，在头部中，在头部中，在头部中，和和和和标签用于定义网页的标签用于定义网页的标签用于定义网页的标签用于定义网页的标题。标题。标题。标题。 在文件体中，在文件体中，在文件体中，在文件体中，和和和和标签用于标志一个段落，标签用于标志一个段落，标签用于标志一个段落，标签用于标志一个段落，在这对标签之间加入的文本将显示在浏览器中；在这对标签之间加入的文本将显示在浏览器中；在这对标签之间加入的文本将显示在浏览器中；在这对标签之间加入的文本将显示在浏览器中；和和和和标签用于控制文本的字体、大小、标签用于控制文本的字体、大小、标签用于控制文本的字体、大小、标签用于控制文本的字体、大小、颜色

12、等；颜色等；颜色等；颜色等；和和和和标签用于排版段落的格式；标签用于排版段落的格式；标签用于排版段落的格式；标签用于排版段落的格式；标签用于插入图片，它没有结束标签，通常后标签用于插入图片，它没有结束标签，通常后标签用于插入图片，它没有结束标签，通常后标签用于插入图片，它没有结束标签，通常后面带有属性，表示图片文件的存储路径、对齐、以及面带有属性，表示图片文件的存储路径、对齐、以及面带有属性，表示图片文件的存储路径、对齐、以及面带有属性，表示图片文件的存储路径、对齐、以及大小。大小。大小。大小。 10大学计算机信息科技教程（第二版）第5章 网页制作基础5.1.2 HTML简介简介文件的开始文件

13、的结束头部文件体网页标题段落图片11大学计算机信息科技教程（第二版）第5章 网页制作基础5.2 设计站点设计站点网站设计网站设计定义本地站点定义本地站点管理站点资源管理站点资源打开、保存和预览网页打开、保存和预览网页12大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.1 网站设计网站设计每个网页在服务器上都是以文件形式存放的，通常在服每个网页在服务器上都是以文件形式存放的，通常在服每个网页在服务器上都是以文件形式存放的，通常在服每个网页在服务器上都是以文件形式存放的，通常在服务器上有多个主题相关的网页，这些网页按一定的组织务器上有多个主题相关的网页，这些网页按一定的组织务器上有多个

14、主题相关的网页，这些网页按一定的组织务器上有多个主题相关的网页，这些网页按一定的组织结构、以超链接方式连接在一起，形成一个整体，这就结构、以超链接方式连接在一起，形成一个整体，这就结构、以超链接方式连接在一起，形成一个整体，这就结构、以超链接方式连接在一起，形成一个整体，这就是网站。是网站。是网站。是网站。在每个网站中存放着一个被称为主页的网页文件，它是在每个网站中存放着一个被称为主页的网页文件，它是在每个网站中存放着一个被称为主页的网页文件，它是在每个网站中存放着一个被称为主页的网页文件，它是获取该网站的信息的起点。主页中含有一些超链接，指获取该网站的信息的起点。主页中含有一些超链接，指获取

15、该网站的信息的起点。主页中含有一些超链接，指获取该网站的信息的起点。主页中含有一些超链接，指向相关信息的网页或其它网站的主页。通常，用户在浏向相关信息的网页或其它网站的主页。通常，用户在浏向相关信息的网页或其它网站的主页。通常，用户在浏向相关信息的网页或其它网站的主页。通常，用户在浏览器窗口中输入网址后，显示出的就是该网址对应服务览器窗口中输入网址后，显示出的就是该网址对应服务览器窗口中输入网址后，显示出的就是该网址对应服务览器窗口中输入网址后，显示出的就是该网址对应服务器中的网站的主页。器中的网站的主页。器中的网站的主页。器中的网站的主页。要建立一个网站，一般首先在本地硬盘中建立一个本地要建

16、立一个网站，一般首先在本地硬盘中建立一个本地要建立一个网站，一般首先在本地硬盘中建立一个本地要建立一个网站，一般首先在本地硬盘中建立一个本地站点，即存放网站的所有文档的文件夹。待网页设计和站点，即存放网站的所有文档的文件夹。待网页设计和站点，即存放网站的所有文档的文件夹。待网页设计和站点，即存放网站的所有文档的文件夹。待网页设计和测试好以后，再把这些文档复制到服务器中，供浏览者测试好以后，再把这些文档复制到服务器中，供浏览者测试好以后，再把这些文档复制到服务器中，供浏览者测试好以后，再把这些文档复制到服务器中，供浏览者浏览。浏览。浏览。浏览。 13大学计算机信息科技教程（第二版）第5章 网页制

17、作基础5.2.1 网站设计网站设计设计网站的基本步骤设计网站的基本步骤对站点进行规划。对站点进行规划。对站点进行规划。对站点进行规划。确定站点的主题和风格，明确建立站点的目的。确定站点的主题和风格，明确建立站点的目的。确定站点的主题和风格，明确建立站点的目的。确定站点的主题和风格，明确建立站点的目的。根据确立的主题，收集一些素材。根据确立的主题，收集一些素材。根据确立的主题，收集一些素材。根据确立的主题，收集一些素材。明确将站点中各部分的内容，规划出几个次要的明确将站点中各部分的内容，规划出几个次要的明确将站点中各部分的内容，规划出几个次要的明确将站点中各部分的内容，规划出几个次要的网页主题，

18、根据各个次要的主题将素材进行分类，网页主题，根据各个次要的主题将素材进行分类，网页主题，根据各个次要的主题将素材进行分类，网页主题，根据各个次要的主题将素材进行分类，规划出合理的站点结构。规划出合理的站点结构。规划出合理的站点结构。规划出合理的站点结构。 14大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.1 网站设计网站设计创建站点的基本结构。创建站点的基本结构。创建站点的基本结构。创建站点的基本结构。在本地站点中建立若干在本地站点中建立若干在本地站点中建立若干在本地站点中建立若干个文件夹，用于存放各个文件夹，用于存放各个文件夹，用于存放各个文件夹，用于存放各类文档，必要时还可以

19、类文档，必要时还可以类文档，必要时还可以类文档，必要时还可以建立子文件夹。建立子文件夹。建立子文件夹。建立子文件夹。 创建和编辑网页。创建和编辑网页。创建和编辑网页。创建和编辑网页。将本地站点的所有文档发将本地站点的所有文档发将本地站点的所有文档发将本地站点的所有文档发布到服务器。布到服务器。布到服务器。布到服务器。15大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.2 定义本地站点定义本地站点启动启动启动启动DreamweaverDreamweaver后，选择后，选择后，选择后，选择“ “站点站点站点站点” ”/“/“新建站新建站新建站新建站点点点点” ”命令或单击起始页上的命令

20、或单击起始页上的命令或单击起始页上的命令或单击起始页上的选选选选项，出现项，出现项，出现项，出现“ “站点定义站点定义站点定义站点定义” ”对话框后，选择对话框后，选择对话框后，选择对话框后，选择“ “基本基本基本基本” ”选选选选项卡，然后进行以下操作：项卡，然后进行以下操作：项卡，然后进行以下操作：项卡，然后进行以下操作：“ “编辑文件编辑文件编辑文件编辑文件” ”界面的文本框中输入站点名称（如界面的文本框中输入站点名称（如界面的文本框中输入站点名称（如界面的文本框中输入站点名称（如“ “旅游天地旅游天地旅游天地旅游天地” ”）和）和）和）和URLURL（若暂时没有，可以忽略），（若暂时没

21、有，可以忽略），（若暂时没有，可以忽略），（若暂时没有，可以忽略），单击单击单击单击“ “下一步下一步下一步下一步” ”按钮。按钮。按钮。按钮。 进入进入进入进入“ “编辑文件编辑文件编辑文件编辑文件 第第第第2 2部分部分部分部分” ”界面，确定是否要使界面，确定是否要使界面，确定是否要使界面，确定是否要使用服务器技术。若要制作设计用服务器技术。若要制作设计用服务器技术。若要制作设计用服务器技术。若要制作设计ASPASP、ASP.NETASP.NET、JSPJSP技术的动态网页，则需选择使用服务器技术，技术的动态网页，则需选择使用服务器技术，技术的动态网页，则需选择使用服务器技术，技术的动态

22、网页，则需选择使用服务器技术，否则可以选择不使用服务器技术。设置后，单击否则可以选择不使用服务器技术。设置后，单击否则可以选择不使用服务器技术。设置后，单击否则可以选择不使用服务器技术。设置后，单击“ “下一步下一步下一步下一步” ”按钮。按钮。按钮。按钮。 16大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.2 定义本地站点定义本地站点进入进入进入进入“ “编辑文件编辑文件编辑文件编辑文件 第第第第3 3部分部分部分部分” ”界面，选择使用文界面，选择使用文界面，选择使用文界面，选择使用文件的方式：一种方式是编辑计算机上的本地副件的方式：一种方式是编辑计算机上的本地副件的方式：一

23、种方式是编辑计算机上的本地副件的方式：一种方式是编辑计算机上的本地副本、完成后再上传到服务器，另一种方式是使本、完成后再上传到服务器，另一种方式是使本、完成后再上传到服务器，另一种方式是使本、完成后再上传到服务器，另一种方式是使用本地网络直接在服务器上进行编辑，建议选用本地网络直接在服务器上进行编辑，建议选用本地网络直接在服务器上进行编辑，建议选用本地网络直接在服务器上进行编辑，建议选择前一种方式。然后指定文件存储的位置（如择前一种方式。然后指定文件存储的位置（如择前一种方式。然后指定文件存储的位置（如择前一种方式。然后指定文件存储的位置（如E:E:MysiteMysite），单击），单击），

24、单击），单击“ “下一步下一步下一步下一步” ”按钮。按钮。按钮。按钮。进入进入进入进入“ “共享文件共享文件共享文件共享文件” ”界面，设置连接远程服务器界面，设置连接远程服务器界面，设置连接远程服务器界面，设置连接远程服务器的方式和存储文件的位置。的方式和存储文件的位置。的方式和存储文件的位置。的方式和存储文件的位置。17大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.2 定义本地站点定义本地站点进入进入进入进入“ “共享文件，共享文件，共享文件，共享文件，2 2部分完成部分完成部分完成部分完成” ”界面，设置是否界面，设置是否界面，设置是否界面，设置是否启用存回和取出功能。如

25、果需要有多人共同设计启用存回和取出功能。如果需要有多人共同设计启用存回和取出功能。如果需要有多人共同设计启用存回和取出功能。如果需要有多人共同设计站点，则可以设置启用存回和取出功能；否则可站点，则可以设置启用存回和取出功能；否则可站点，则可以设置启用存回和取出功能；否则可站点，则可以设置启用存回和取出功能；否则可以不启用存回和取出功能。设置完成后单击以不启用存回和取出功能。设置完成后单击以不启用存回和取出功能。设置完成后单击以不启用存回和取出功能。设置完成后单击“ “下下下下一步一步一步一步” ”按钮。按钮。按钮。按钮。进入进入进入进入“ “总结总结总结总结” ”界面，显示出站点的定义信息，确

26、界面，显示出站点的定义信息，确界面，显示出站点的定义信息，确界面，显示出站点的定义信息，确定这些设置信息后单击定这些设置信息后单击定这些设置信息后单击定这些设置信息后单击“ “完成完成完成完成” ”按钮。此时，本按钮。此时，本按钮。此时，本按钮。此时，本地计算机上定义了一个地计算机上定义了一个地计算机上定义了一个地计算机上定义了一个WebWeb站点，自动建立了站站点，自动建立了站站点，自动建立了站站点，自动建立了站点文件夹（点文件夹（点文件夹（点文件夹（E:E:MysiteMysite），并显示在），并显示在），并显示在），并显示在“ “文件文件文件文件” ”面面面面板上显示了创建的站点名称和

27、位置。板上显示了创建的站点名称和位置。板上显示了创建的站点名称和位置。板上显示了创建的站点名称和位置。 18大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.2 定义本地站点定义本地站点修改站点的设置信息修改站点的设置信息选择选择选择选择“ “站点站点站点站点” ”/“/“管理站点管理站点管理站点管理站点” ”命令或在命令或在命令或在命令或在“ “文件文件文件文件” ”面面面面板的板的板的板的“ “站点名称站点名称站点名称站点名称” ”下拉列表中选择下拉列表中选择下拉列表中选择下拉列表中选择“ “管理站点管理站点管理站点管理站点” ”选项，打开选项，打开选项，打开选项，打开“ “站点

28、管理站点管理站点管理站点管理” ”对话框，选择要修改的对话框，选择要修改的对话框，选择要修改的对话框，选择要修改的站点名称后单击站点名称后单击站点名称后单击站点名称后单击“ “编辑编辑编辑编辑” ”按钮，出现按钮，出现按钮，出现按钮，出现“ “站点定义站点定义站点定义站点定义” ”对话框，可以对站点已有的设置信息进行对话框，可以对站点已有的设置信息进行对话框，可以对站点已有的设置信息进行对话框，可以对站点已有的设置信息进行修改。如果要进行更详细的修改。如果要进行更详细的修改。如果要进行更详细的修改。如果要进行更详细的设置，可以选择设置，可以选择设置，可以选择设置，可以选择“ “高级高级高级高级

29、” ”选项选项选项选项卡。卡。卡。卡。19大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.2 定义本地站点定义本地站点建立多个站点建立多个站点利用利用利用利用“ “管理站点管理站点管理站点管理站点” ”对话框可以建立和管理多个站点。单击对话框可以建立和管理多个站点。单击对话框可以建立和管理多个站点。单击对话框可以建立和管理多个站点。单击“ “新建新建新建新建” ”按钮并选择按钮并选择按钮并选择按钮并选择“ “站点站点站点站点” ”选项，在打开的选项，在打开的选项，在打开的选项，在打开的“ “站点定站点定站点定站点定义义义义” ”对话框中可以再建立另一个站点。对话框中可以再建立另一个

30、站点。对话框中可以再建立另一个站点。对话框中可以再建立另一个站点。复制站点复制站点单击单击单击单击“ “复制复制复制复制” ”按钮，建立一个与列表框中选定站点相同的按钮，建立一个与列表框中选定站点相同的按钮，建立一个与列表框中选定站点相同的按钮，建立一个与列表框中选定站点相同的站点。站点。站点。站点。删除站点删除站点单击单击单击单击“ “删除删除删除删除” ”按钮，则将选定站点删除。按钮，则将选定站点删除。按钮，则将选定站点删除。按钮，则将选定站点删除。导出站点导出站点选中站点名称后，单击选中站点名称后，单击选中站点名称后，单击选中站点名称后，单击“ “导出导出导出导出” ”按钮，按钮，按钮，

31、按钮，将站点导出为包将站点导出为包将站点导出为包将站点导出为包含站点设置的含站点设置的含站点设置的含站点设置的 XMLXML文件，其文件扩展名为文件，其文件扩展名为文件，其文件扩展名为文件，其文件扩展名为.ste.ste。以后单。以后单。以后单。以后单击击击击“ “导入导入导入导入” ”按钮，可以导入该文件，并成为站点。按钮，可以导入该文件，并成为站点。按钮，可以导入该文件，并成为站点。按钮，可以导入该文件，并成为站点。20大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.2 定义本地站点定义本地站点在在在在DreamweaverDreamweaver中，同一时刻只能打开一个站点。中

32、，同一时刻只能打开一个站点。中，同一时刻只能打开一个站点。中，同一时刻只能打开一个站点。在在在在“ “管理站点管理站点管理站点管理站点” ”对话框中选定站点后，单击对话框中选定站点后，单击对话框中选定站点后，单击对话框中选定站点后，单击“ “完完完完成成成成” ”按钮，则打开该站点，按钮，则打开该站点，按钮，则打开该站点，按钮，则打开该站点，“ “文件文件文件文件” ”面板中显示面板中显示面板中显示面板中显示该站点的内容。在该站点的内容。在该站点的内容。在该站点的内容。在“ “文件文件文件文件” ”面板中的面板中的面板中的面板中的“ “站点名称站点名称站点名称站点名称” ”下拉列表中列出了现有

33、站点的名称，选择站点下拉列表中列出了现有站点的名称，选择站点下拉列表中列出了现有站点的名称，选择站点下拉列表中列出了现有站点的名称，选择站点名称后，同样打开该站点。名称后，同样打开该站点。名称后，同样打开该站点。名称后，同样打开该站点。 21大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.3 管理站点资源管理站点资源定义了本地站点后，在本地计算机中建立了一个定义了本地站点后，在本地计算机中建立了一个定义了本地站点后，在本地计算机中建立了一个定义了本地站点后，在本地计算机中建立了一个用于存放站点中的文档的文件夹。初始状态下，用于存放站点中的文档的文件夹。初始状态下，用于存放站点中的文

34、档的文件夹。初始状态下，用于存放站点中的文档的文件夹。初始状态下，该文件夹是一个空文件夹，在此文件夹中可以进该文件夹是一个空文件夹，在此文件夹中可以进该文件夹是一个空文件夹，在此文件夹中可以进该文件夹是一个空文件夹，在此文件夹中可以进行新建文件夹、新建文件、复制文件、移动文件、行新建文件夹、新建文件、复制文件、移动文件、行新建文件夹、新建文件、复制文件、移动文件、行新建文件夹、新建文件、复制文件、移动文件、删除文件、重命名文件等操作。删除文件、重命名文件等操作。删除文件、重命名文件等操作。删除文件、重命名文件等操作。 22大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.3 管理站点

35、资源管理站点资源新建文件夹新建文件夹右单击右单击右单击右单击“ “文件文件文件文件” ”面板中要新建文件夹的位置（如：面板中要新建文件夹的位置（如：面板中要新建文件夹的位置（如：面板中要新建文件夹的位置（如：站点名称或子文件夹名），在弹出的快捷菜单中站点名称或子文件夹名），在弹出的快捷菜单中站点名称或子文件夹名），在弹出的快捷菜单中站点名称或子文件夹名），在弹出的快捷菜单中选择选择选择选择“ “新建文件夹新建文件夹新建文件夹新建文件夹” ”命令，建立一个以命令，建立一个以命令，建立一个以命令，建立一个以“ “untitled”untitled”为默认名称的文件夹，此时输入新为默认名称的文件夹，

36、此时输入新为默认名称的文件夹，此时输入新为默认名称的文件夹，此时输入新建文件夹的名称（如：建文件夹的名称（如：建文件夹的名称（如：建文件夹的名称（如：PicturePicture），然后按），然后按），然后按），然后按EnterEnter键即可。键即可。键即可。键即可。 23大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.3 管理站点资源管理站点资源新建文件新建文件选择选择选择选择“ “文件文件文件文件” ”/“/“新建新建新建新建” ”命令，打开命令，打开命令，打开命令，打开“ “新建文档新建文档新建文档新建文档” ”对话框。在对话框。在对话框。在对话框。在“ “新建文档新建文档

37、新建文档新建文档” ”对话框中选择文件类对话框中选择文件类对话框中选择文件类对话框中选择文件类别和类型后，单击别和类型后，单击别和类型后，单击别和类型后，单击“ “创建创建创建创建” ”按钮。按钮。按钮。按钮。单击起始页的单击起始页的单击起始页的单击起始页的“ “从范例创建从范例创建从范例创建从范例创建” ”栏中列出的选项，栏中列出的选项，栏中列出的选项，栏中列出的选项，同样能够打开同样能够打开同样能够打开同样能够打开“ “新建文档新建文档新建文档新建文档” ”对话框，进行新建文对话框，进行新建文对话框，进行新建文对话框，进行新建文档操作。单击起始页的档操作。单击起始页的档操作。单击起始页的档

38、操作。单击起始页的“ “创建新项目创建新项目创建新项目创建新项目” ”栏中的选栏中的选栏中的选栏中的选项，可以直接建立相应的文档。项，可以直接建立相应的文档。项，可以直接建立相应的文档。项，可以直接建立相应的文档。右单击右单击右单击右单击“ “文件文件文件文件” ”面板中要新建文件的文件夹，在面板中要新建文件的文件夹，在面板中要新建文件的文件夹，在面板中要新建文件的文件夹，在弹出的快捷菜单中选择弹出的快捷菜单中选择弹出的快捷菜单中选择弹出的快捷菜单中选择“ “新建文件新建文件新建文件新建文件” ”命令，便可命令，便可命令，便可命令，便可以建立一个新的文件。以建立一个新的文件。以建立一个新的文件

39、。以建立一个新的文件。 24大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.3 管理站点资源管理站点资源移动、复制文件和文件夹移动、复制文件和文件夹在在在在“ “文件文件文件文件” ”面板中选定要移动的文件，将文件拖面板中选定要移动的文件，将文件拖面板中选定要移动的文件，将文件拖面板中选定要移动的文件，将文件拖入新的文件夹位置，便可以移动文件的位置。此入新的文件夹位置，便可以移动文件的位置。此入新的文件夹位置，便可以移动文件的位置。此入新的文件夹位置，便可以移动文件的位置。此时将出现时将出现时将出现时将出现“ “更新文件更新文件更新文件更新文件” ”对话框，提示是否要更新对话框，提

40、示是否要更新对话框，提示是否要更新对话框，提示是否要更新其他文件中有指向被移动的文件的超链接。其他文件中有指向被移动的文件的超链接。其他文件中有指向被移动的文件的超链接。其他文件中有指向被移动的文件的超链接。 25大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.3 管理站点资源管理站点资源若要复制文件，可以在若要复制文件，可以在若要复制文件，可以在若要复制文件，可以在“ “文件文件文件文件” ”面板中按住面板中按住面板中按住面板中按住CtrlCtrl键同时将文件拖入目标文件夹。键同时将文件拖入目标文件夹。键同时将文件拖入目标文件夹。键同时将文件拖入目标文件夹。在在在在“ “文件文件

41、文件文件” ”面板中选定文件，右单击后弹出快捷面板中选定文件，右单击后弹出快捷面板中选定文件，右单击后弹出快捷面板中选定文件，右单击后弹出快捷菜单，选择菜单，选择菜单，选择菜单，选择“ “编辑编辑编辑编辑” ”子菜单下的子菜单下的子菜单下的子菜单下的“ “剪切剪切剪切剪切” ”、“ “拷拷拷拷贝贝贝贝” ”和和和和“ “粘贴粘贴粘贴粘贴” ”命令，同样可以进行文件的移动命令，同样可以进行文件的移动命令，同样可以进行文件的移动命令，同样可以进行文件的移动和复制操作。选择和复制操作。选择和复制操作。选择和复制操作。选择“ “复制复制复制复制” ”命令，可以将选定的命令，可以将选定的命令，可以将选定

42、的命令，可以将选定的文件直接复制到同一个文件夹下，建立一个副本。文件直接复制到同一个文件夹下，建立一个副本。文件直接复制到同一个文件夹下，建立一个副本。文件直接复制到同一个文件夹下，建立一个副本。 26大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.3 管理站点资源管理站点资源删除、重命名文件和文件夹删除、重命名文件和文件夹选定要删除的文件或文件夹，按选定要删除的文件或文件夹，按选定要删除的文件或文件夹，按选定要删除的文件或文件夹，按DeleteDelete键，单击键，单击键，单击键，单击弹出的确认删除提示框中的弹出的确认删除提示框中的弹出的确认删除提示框中的弹出的确认删除提示框中

43、的“ “是是是是” ”按钮，便可以按钮，便可以按钮，便可以按钮，便可以将文件或文件夹删除。将文件或文件夹删除。将文件或文件夹删除。将文件或文件夹删除。选定文件或文件夹后，再次单击文件（文件夹）选定文件或文件夹后，再次单击文件（文件夹）选定文件或文件夹后，再次单击文件（文件夹）选定文件或文件夹后，再次单击文件（文件夹）名，进入编辑名称状态，便可以修改文件（文件名，进入编辑名称状态，便可以修改文件（文件名，进入编辑名称状态，便可以修改文件（文件名，进入编辑名称状态，便可以修改文件（文件夹）名。夹）名。夹）名。夹）名。27大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.3 管理站点资源管

44、理站点资源导入文件和文件夹导入文件和文件夹在在在在“ “文件文件文件文件” ”面板的站点名称下拉列表中选择文件面板的站点名称下拉列表中选择文件面板的站点名称下拉列表中选择文件面板的站点名称下拉列表中选择文件或文件夹所在的本地磁盘，选中文件或文件夹后或文件夹所在的本地磁盘，选中文件或文件夹后或文件夹所在的本地磁盘，选中文件或文件夹后或文件夹所在的本地磁盘，选中文件或文件夹后右单击，选择快捷菜单中的右单击，选择快捷菜单中的右单击，选择快捷菜单中的右单击，选择快捷菜单中的“ “编辑编辑编辑编辑” ”/“/“拷贝拷贝拷贝拷贝” ”命令。然后在站点名称下拉列表中重新选择站点命令。然后在站点名称下拉列表中

45、重新选择站点命令。然后在站点名称下拉列表中重新选择站点命令。然后在站点名称下拉列表中重新选择站点名称，选择快捷菜单中的名称，选择快捷菜单中的名称，选择快捷菜单中的名称，选择快捷菜单中的“ “编辑编辑编辑编辑” ”/“/“粘贴粘贴粘贴粘贴” ”命命命命令，便将文件或文件夹复制到站点中。令，便将文件或文件夹复制到站点中。令，便将文件或文件夹复制到站点中。令，便将文件或文件夹复制到站点中。 28大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.4 打开、保存和预览网页打开、保存和预览网页打开网页文档打开网页文档选择选择选择选择“ “文件文件文件文件” ”/“/“打开打开打开打开” ”命令，

46、在出现的命令，在出现的命令，在出现的命令，在出现的“ “打开打开打开打开” ”对话框中选择网页文件，单击对话框中选择网页文件，单击对话框中选择网页文件，单击对话框中选择网页文件，单击“ “打开打开打开打开” ”按钮；按钮；按钮；按钮；选择选择选择选择“ “文件文件文件文件” ”/“/“打开最近的文件打开最近的文件打开最近的文件打开最近的文件” ”子菜单中列子菜单中列子菜单中列子菜单中列出的文件名；出的文件名；出的文件名；出的文件名；单击起始页中列出的最近打开的文件名；单击起始页中列出的最近打开的文件名；单击起始页中列出的最近打开的文件名；单击起始页中列出的最近打开的文件名；单击起始页中单击起始

47、页中单击起始页中单击起始页中“ “打开打开打开打开” ”选项，在出现的选项，在出现的选项，在出现的选项，在出现的“ “打开打开打开打开” ”对话框选择文件；对话框选择文件；对话框选择文件；对话框选择文件；在在在在“ “文件文件文件文件” ”面板中双击文件名。面板中双击文件名。面板中双击文件名。面板中双击文件名。 29大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.4 打开、保存和预览网页打开、保存和预览网页保存网页文档保存网页文档选择选择选择选择“ “文件文件文件文件” ”/“/“另存为另存为另存为另存为” ”命令，打开命令，打开命令，打开命令，打开“ “另存为另存为另存为另存为”

48、 ”对话框，输入文件名，单击对话框，输入文件名，单击对话框，输入文件名，单击对话框，输入文件名，单击“ “保存保存保存保存” ”按钮；按钮；按钮；按钮；当网页的内容后，选择当网页的内容后，选择当网页的内容后，选择当网页的内容后，选择“ “文件文件文件文件” ”/“/“保存保存保存保存” ”命令、命令、命令、命令、或按或按或按或按Ctrl+SCtrl+S键、或单击键、或单击键、或单击键、或单击“ “标准标准标准标准” ”工具栏上的工具栏上的工具栏上的工具栏上的“ “保保保保存存存存” ”按钮；按钮；按钮；按钮；选择选择选择选择“ “文件文件文件文件” ”/“/“全部保存全部保存全部保存全部保存”

49、 ”命令或单击命令或单击命令或单击命令或单击“ “标准标准标准标准” ”工具栏上的工具栏上的工具栏上的工具栏上的“ “全部保存全部保存全部保存全部保存” ”按钮。按钮。按钮。按钮。30大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.4 打开、保存和预览网页打开、保存和预览网页预览网页预览网页对于打开的网页，在预览网页之前必须先保存网对于打开的网页，在预览网页之前必须先保存网对于打开的网页，在预览网页之前必须先保存网对于打开的网页，在预览网页之前必须先保存网页文档。选择页文档。选择页文档。选择页文档。选择“ “文件文件文件文件” ”/“/“在浏览器中预览在浏览器中预览在浏览器中预览在

50、浏览器中预览” ”/ /“ “IExploreIExplore6.0”6.0”命令或按命令或按命令或按命令或按F12F12键，便可以在键，便可以在键，便可以在键，便可以在MicrosoftInternetExplorerMicrosoftInternetExplorer窗口中预览网页。窗口中预览网页。窗口中预览网页。窗口中预览网页。对于没有在编辑窗口中打开的网页文档，则应在对于没有在编辑窗口中打开的网页文档，则应在对于没有在编辑窗口中打开的网页文档，则应在对于没有在编辑窗口中打开的网页文档，则应在“ “文件文件文件文件” ”面板中选定文件，右单击后在快捷菜单面板中选定文件，右单击后在快捷菜单面

51、板中选定文件，右单击后在快捷菜单面板中选定文件，右单击后在快捷菜单中选择中选择中选择中选择“ “文件文件文件文件” ”/“/“在浏览器中预览在浏览器中预览在浏览器中预览在浏览器中预览” ”/“/“IExploreIExplore6.0”6.0”命令，或者按命令，或者按命令，或者按命令，或者按F12F12键。键。键。键。31大学计算机信息科技教程（第二版）第5章 网页制作基础5.3 编辑网页编辑网页文本编辑文本编辑表格使用表格使用图像应用图像应用多媒体的应用多媒体的应用页面属性设置页面属性设置32大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑输入文本内容输入文本

52、内容添加文本添加文本添加文本添加文本 在设计视图中，定位插入点，然后开始输入文本内容，在设计视图中，定位插入点，然后开始输入文本内容，在设计视图中，定位插入点，然后开始输入文本内容，在设计视图中，定位插入点，然后开始输入文本内容，遇到窗口边界时会自动换行。遇到窗口边界时会自动换行。遇到窗口边界时会自动换行。遇到窗口边界时会自动换行。 当输入完一个段落时，用当输入完一个段落时，用当输入完一个段落时，用当输入完一个段落时，用EnterEnter键另起一段。键另起一段。键另起一段。键另起一段。 用用用用Shift+EnterShift+Enter键强制分行，但不分段。键强制分行，但不分段。键强制分行

53、，但不分段。键强制分行，但不分段。 默认情况下，输入文本时不允许输入多个连续的空格，默认情况下，输入文本时不允许输入多个连续的空格，默认情况下，输入文本时不允许输入多个连续的空格，默认情况下，输入文本时不允许输入多个连续的空格，只能输入一个空格。如果要输入多个连续的空格，可只能输入一个空格。如果要输入多个连续的空格，可只能输入一个空格。如果要输入多个连续的空格，可只能输入一个空格。如果要输入多个连续的空格，可以先插入一个空格，然后单击以先插入一个空格，然后单击以先插入一个空格，然后单击以先插入一个空格，然后单击“ “拆分拆分拆分拆分” ”按钮。此时在按钮。此时在按钮。此时在按钮。此时在HTML

54、HTML代码窗口中代码窗口中代码窗口中代码窗口中1 1个空格显示为个空格显示为个空格显示为个空格显示为“ “ nbsp;”;”，选中，选中，选中，选中“ “ nbsp;”;”并进行复制，便可以产生多个空格。并进行复制，便可以产生多个空格。并进行复制，便可以产生多个空格。并进行复制，便可以产生多个空格。 另外，选择另外，选择另外，选择另外，选择“ “编辑编辑编辑编辑” ”/“/“首选参数首选参数首选参数首选参数” ”命令，在命令，在命令，在命令，在“ “首选参首选参首选参首选参数数数数” ”对话框中选择对话框中选择对话框中选择对话框中选择“ “常规常规常规常规” ”分类，并选中分

55、类，并选中分类，并选中分类，并选中“ “允许输入允许输入允许输入允许输入多个连续的空格多个连续的空格多个连续的空格多个连续的空格” ”复选框，便可以在复选框，便可以在复选框，便可以在复选框，便可以在“ “设计设计设计设计” ”界面中界面中界面中界面中输入多个空格。输入多个空格。输入多个空格。输入多个空格。 33大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑插入特殊符号插入特殊符号插入特殊符号插入特殊符号选择选择选择选择“ “插入插入插入插入” ”工具栏中的工具栏中的工具栏中的工具栏中的“ “文本文本文本文本” ”选项卡，选项卡，选项卡，选项卡，单击单击单击单击

56、“ “字符字符字符字符” ”按钮旁边的下拉箭头，在弹出按钮旁边的下拉箭头，在弹出按钮旁边的下拉箭头，在弹出按钮旁边的下拉箭头，在弹出的菜单中选择要插入的字符。的菜单中选择要插入的字符。的菜单中选择要插入的字符。的菜单中选择要插入的字符。34大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑如果要菜单中没有要插入符号，可以选择如果要菜单中没有要插入符号，可以选择如果要菜单中没有要插入符号，可以选择如果要菜单中没有要插入符号，可以选择“ “其他字符其他字符其他字符其他字符” ”选项，在弹出的选项，在弹出的选项，在弹出的选项，在弹出的“ “插入其他字符插入其他字符插入其

57、他字符插入其他字符” ”对话框中选择字符。对话框中选择字符。对话框中选择字符。对话框中选择字符。35大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑在插入特殊字符时，由于文档编码方式不同，在插入特殊字符时，由于文档编码方式不同，在插入特殊字符时，由于文档编码方式不同，在插入特殊字符时，由于文档编码方式不同，某些特殊字符不能显示出来，某些特殊字符不能显示出来，某些特殊字符不能显示出来，某些特殊字符不能显示出来， 此时会出现警此时会出现警此时会出现警此时会出现警告信息对话框，单击告信息对话框，单击告信息对话框，单击告信息对话框，单击“ “确定确定确定确定” ”按钮。

58、在设计视按钮。在设计视按钮。在设计视按钮。在设计视图中选定特殊符号，在属性检查器中将它的字图中选定特殊符号，在属性检查器中将它的字图中选定特殊符号，在属性检查器中将它的字图中选定特殊符号，在属性检查器中将它的字体设置为西文字体，即可显示相应的符号。体设置为西文字体，即可显示相应的符号。体设置为西文字体，即可显示相应的符号。体设置为西文字体，即可显示相应的符号。 36大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑插入水平线插入水平线插入水平线插入水平线 选择选择选择选择“ “插入插入插入插入” ”/“HTML”/“/“HTML”/“水平线水平线水平线水平线” ”

59、命令，或命令，或命令，或命令，或者单击者单击者单击者单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “HTML”HTML”选项卡中的选项卡中的选项卡中的选项卡中的“ “水平线水平线水平线水平线” ”按钮。按钮。按钮。按钮。选定水平线，将显示水平线的属性检查器。选定水平线，将显示水平线的属性检查器。选定水平线，将显示水平线的属性检查器。选定水平线，将显示水平线的属性检查器。 37大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑插入日期插入日期插入日期插入日期选择选择选择选择“ “插入插入插入插入” ”/“/“日期日期日期日期” ”命令，或者在命

60、令，或者在命令，或者在命令，或者在“ “插入插入插入插入” ”栏的栏的栏的栏的“ “常用常用常用常用” ”选项卡中单击选项卡中单击选项卡中单击选项卡中单击“ “日期日期日期日期” ”按钮，按钮，按钮，按钮，打开打开打开打开“ “插入日期插入日期插入日期插入日期” ”对话框。对话框。对话框。对话框。38大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑移动和复制移动和复制移动和复制移动和复制 先选定要移动或复制文本的内容，选择先选定要移动或复制文本的内容，选择先选定要移动或复制文本的内容，选择先选定要移动或复制文本的内容，选择“ “编辑编辑编辑编辑” ”/“/“剪切

61、剪切剪切剪切” ”命令，然后将插入点定位于要移命令，然后将插入点定位于要移命令，然后将插入点定位于要移命令，然后将插入点定位于要移动到的目标位置，选择动到的目标位置，选择动到的目标位置，选择动到的目标位置，选择“ “编辑编辑编辑编辑” ”/“/“粘贴粘贴粘贴粘贴” ”命命命命令。令。令。令。同样，如果需要复制文本内容，可以使用同样，如果需要复制文本内容，可以使用同样，如果需要复制文本内容，可以使用同样，如果需要复制文本内容，可以使用“ “编编编编辑辑辑辑” ”/“/“拷贝拷贝拷贝拷贝” ”和和和和“ “粘贴粘贴粘贴粘贴” ”命令。命令。命令。命令。另外，进行移动和复制操作的方法还有：使用另外，

62、进行移动和复制操作的方法还有：使用另外，进行移动和复制操作的方法还有：使用另外，进行移动和复制操作的方法还有：使用“ “标准标准标准标准” ”工具栏上的工具栏上的工具栏上的工具栏上的“ “剪切剪切剪切剪切” ”、“ “复制复制复制复制” ”和和和和“ “粘贴粘贴粘贴粘贴” ”按钮，或右单击鼠标选择快捷菜单中相按钮，或右单击鼠标选择快捷菜单中相按钮，或右单击鼠标选择快捷菜单中相按钮，或右单击鼠标选择快捷菜单中相应的命令。应的命令。应的命令。应的命令。 39大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑导入导入导入导入WordWord文档文档文档文档 选择选择选择

63、选择“ “文件文件文件文件” ”/“/“导入导入导入导入” ”/“Word/“Word文档文档文档文档” ”命令，命令，命令，命令，打开打开打开打开“ “导入导入导入导入WordWord文档文档文档文档” ”对话框，选择要导入对话框，选择要导入对话框，选择要导入对话框，选择要导入的文件后单击的文件后单击的文件后单击的文件后单击“ “打开打开打开打开” ”按钮。按钮。按钮。按钮。在导入在导入在导入在导入WordWord文档时，可以在文档时，可以在文档时，可以在文档时，可以在“ “格式化格式化格式化格式化” ”下拉下拉下拉下拉列表中选择导入的格式，仅包含文本内容，或列表中选择导入的格式，仅包含文本

64、内容，或列表中选择导入的格式，仅包含文本内容，或列表中选择导入的格式，仅包含文本内容，或者带有段落、列表和表格等结构，或者带有基者带有段落、列表和表格等结构，或者带有基者带有段落、列表和表格等结构，或者带有基者带有段落、列表和表格等结构，或者带有基本格式、全部格式。本格式、全部格式。本格式、全部格式。本格式、全部格式。 40大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑设置文本格式设置文本格式设置文本字体设置文本字体设置文本字体设置文本字体 选中文本内容后，在属性检查器的选中文本内容后，在属性检查器的选中文本内容后，在属性检查器的选中文本内容后，在属性检查器的

65、“ “字体字体字体字体” ”下下下下拉列表中可以选择所需要的字体，也可以在拉列表中可以选择所需要的字体，也可以在拉列表中可以选择所需要的字体，也可以在拉列表中可以选择所需要的字体，也可以在 “ “文本文本文本文本” ”/“/“字体字体字体字体” ”子菜单下选择字体。子菜单下选择字体。子菜单下选择字体。子菜单下选择字体。 DreamweaverDreamweaver的的的的“ “字体字体字体字体” ”下拉列表中列出的下拉列表中列出的下拉列表中列出的下拉列表中列出的是由多种字体构成的字体组合，用户浏览网页是由多种字体构成的字体组合，用户浏览网页是由多种字体构成的字体组合，用户浏览网页是由多种字体构

66、成的字体组合，用户浏览网页时，时，时，时，浏览器按字体组合中的字体顺序在用户计浏览器按字体组合中的字体顺序在用户计浏览器按字体组合中的字体顺序在用户计浏览器按字体组合中的字体顺序在用户计算机系统上进行查找并显示字体。算机系统上进行查找并显示字体。算机系统上进行查找并显示字体。算机系统上进行查找并显示字体。 41大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑选择选择选择选择“ “编辑字体列表编辑字体列表编辑字体列表编辑字体列表” ”选项，打开选项，打开选项，打开选项，打开“ “编辑字编辑字编辑字编辑字体列表体列表体列表体列表” ”对话框，从中添加或修改对话框，从

67、中添加或修改对话框，从中添加或修改对话框，从中添加或修改“ “字体字体字体字体” ”下拉列表中的字体组合。下拉列表中的字体组合。下拉列表中的字体组合。下拉列表中的字体组合。 42大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑设置文本大小设置文本大小设置文本大小设置文本大小 在默认状态下，没有设置文本字体的固定大小，在设在默认状态下，没有设置文本字体的固定大小，在设在默认状态下，没有设置文本字体的固定大小，在设在默认状态下，没有设置文本字体的固定大小，在设计视图中看到的文本大小并不一定是以后用户在浏览计视图中看到的文本大小并不一定是以后用户在浏览计视图中看到的文

68、本大小并不一定是以后用户在浏览计视图中看到的文本大小并不一定是以后用户在浏览器窗口中看到的文本字体大小。在浏览器窗口中可以器窗口中看到的文本字体大小。在浏览器窗口中可以器窗口中看到的文本字体大小。在浏览器窗口中可以器窗口中看到的文本字体大小。在浏览器窗口中可以设置查看文本的大小，当设置的文字大小不同，网页设置查看文本的大小，当设置的文字大小不同，网页设置查看文本的大小，当设置的文字大小不同，网页设置查看文本的大小，当设置的文字大小不同，网页中显示的文本大小也就不同了。中显示的文本大小也就不同了。中显示的文本大小也就不同了。中显示的文本大小也就不同了。 选定文本后在文本的属性检查器的选定文本后在

69、文本的属性检查器的选定文本后在文本的属性检查器的选定文本后在文本的属性检查器的“ “大小大小大小大小” ”下拉列表下拉列表下拉列表下拉列表中选择文本的大小。设置文本大小有两种方式：一种中选择文本的大小。设置文本大小有两种方式：一种中选择文本的大小。设置文本大小有两种方式：一种中选择文本的大小。设置文本大小有两种方式：一种是用数值来设置文本的大小。另一种方式是设置文本是用数值来设置文本的大小。另一种方式是设置文本是用数值来设置文本的大小。另一种方式是设置文本是用数值来设置文本的大小。另一种方式是设置文本的相对大小：极小、特小、小、中、大、特大、极大、的相对大小：极小、特小、小、中、大、特大、极大

70、、的相对大小：极小、特小、小、中、大、特大、极大、的相对大小：极小、特小、小、中、大、特大、极大、较小、较大等。用浏览器查看网页时，用数值设置大较小、较大等。用浏览器查看网页时，用数值设置大较小、较大等。用浏览器查看网页时，用数值设置大较小、较大等。用浏览器查看网页时，用数值设置大小的文本能保持设计时的大小，而设置相对大小的文小的文本能保持设计时的大小，而设置相对大小的文小的文本能保持设计时的大小，而设置相对大小的文小的文本能保持设计时的大小，而设置相对大小的文本将随着浏览器的设置而改变文本的大小。本将随着浏览器的设置而改变文本的大小。本将随着浏览器的设置而改变文本的大小。本将随着浏览器的设置

71、而改变文本的大小。 43大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑设置文本颜色设置文本颜色设置文本颜色设置文本颜色 单击属性检查器中的单击属性检查器中的单击属性检查器中的单击属性检查器中的“ “文本颜色文本颜色文本颜色文本颜色” ”按钮按钮按钮按钮单击单击单击单击“ “调色盘调色盘调色盘调色盘” ”按钮，出现按钮，出现按钮，出现按钮，出现“ “颜色颜色颜色颜色” ”对话框对话框对话框对话框选择选择选择选择“ “文本文本文本文本” ”/“/“颜色颜色颜色颜色” ”命令命令命令命令 ，出现，出现，出现，出现“ “颜色颜色颜色颜色” ”对对对对话框话框话框话框“

72、调色盘调色盘”按按钮钮44大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑设置文本的其他格式设置文本的其他格式设置文本的其他格式设置文本的其他格式 选定文本后，选择选定文本后，选择选定文本后，选择选定文本后，选择“ “文本文本文本文本” ”/“/“样式样式样式样式” ”子菜单子菜单子菜单子菜单中：粗体、斜体、下划线、删除线、打字型、中：粗体、斜体、下划线、删除线、打字型、中：粗体、斜体、下划线、删除线、打字型、中：粗体、斜体、下划线、删除线、打字型、强调、加强等命令。强调、加强等命令。强调、加强等命令。强调、加强等命令。属性检查器中属性检查器中属性检查器中属性检

73、查器中“ “粗体粗体粗体粗体” ”按钮和按钮和按钮和按钮和“ “斜体斜体斜体斜体” ”按钮。按钮。按钮。按钮。 45大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑编排段落格式编排段落格式段落是由一些字符组成，以段落是由一些字符组成，以段落是由一些字符组成，以段落是由一些字符组成，以EnterEnter键结束的，段落键结束的，段落键结束的，段落键结束的，段落的格式包括段落的对齐方式、段落的缩进和突出。的格式包括段落的对齐方式、段落的缩进和突出。的格式包括段落的对齐方式、段落的缩进和突出。的格式包括段落的对齐方式、段落的缩进和突出。DreamweaverDream

74、weaver还提供了若干个标准格式，用于统还提供了若干个标准格式，用于统还提供了若干个标准格式，用于统还提供了若干个标准格式，用于统一地设置段落中字符的大小和颜色。一地设置段落中字符的大小和颜色。一地设置段落中字符的大小和颜色。一地设置段落中字符的大小和颜色。段落的格式是作用于整个段落的，因此在设置段落段落的格式是作用于整个段落的，因此在设置段落段落的格式是作用于整个段落的，因此在设置段落段落的格式是作用于整个段落的，因此在设置段落的格式时不必选定整个段落的内容，只要将插入点的格式时不必选定整个段落的内容，只要将插入点的格式时不必选定整个段落的内容，只要将插入点的格式时不必选定整个段落的内容，

75、只要将插入点定位于段落中的任何位置，设置的格式将会作用于定位于段落中的任何位置，设置的格式将会作用于定位于段落中的任何位置，设置的格式将会作用于定位于段落中的任何位置，设置的格式将会作用于整个段落。整个段落。整个段落。整个段落。 46大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑应用标准格式应用标准格式应用标准格式应用标准格式 DreamweaverDreamweaver提供了多种标准格式，它包括：提供了多种标准格式，它包括：提供了多种标准格式，它包括：提供了多种标准格式，它包括：“ “段落段落段落段落” ”、“ “预先格式化的预先格式化的预先格式化的预先格式

76、化的” ”、“ “标题标题标题标题1”“1”“标题标题标题标题6”6”等。等。等。等。将插入点定位于要应用标准格式的段落中，在将插入点定位于要应用标准格式的段落中，在将插入点定位于要应用标准格式的段落中，在将插入点定位于要应用标准格式的段落中，在属性检查器中的属性检查器中的属性检查器中的属性检查器中的“ “格式格式格式格式” ”下拉列表中选择合适下拉列表中选择合适下拉列表中选择合适下拉列表中选择合适的格式。的格式。的格式。的格式。“ “文本文本文本文本” ”/“/“段落格式段落格式段落格式段落格式” ”子菜单中列出的标准子菜单中列出的标准子菜单中列出的标准子菜单中列出的标准格式。格式。格式。格

77、式。 47大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑设置对齐方式设置对齐方式设置对齐方式设置对齐方式段落的对齐方式有段落的对齐方式有段落的对齐方式有段落的对齐方式有4 4种：左对齐、居中对齐、种：左对齐、居中对齐、种：左对齐、居中对齐、种：左对齐、居中对齐、右对齐和两端对齐。右对齐和两端对齐。右对齐和两端对齐。右对齐和两端对齐。单击属性检查器中的单击属性检查器中的单击属性检查器中的单击属性检查器中的“ “左对齐左对齐左对齐左对齐” ”按钮、按钮、按钮、按钮、“ “居中居中居中居中对齐对齐对齐对齐” ”按钮、按钮、按钮、按钮、“ “右对齐右对齐右对齐右对齐”

78、 ”按钮或按钮或按钮或按钮或“ “两端对齐两端对齐两端对齐两端对齐” ”按钮。按钮。按钮。按钮。“ “文本文本文本文本” ”/“/“段落格式段落格式段落格式段落格式” ”子菜单中的对齐格式。子菜单中的对齐格式。子菜单中的对齐格式。子菜单中的对齐格式。 48大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑文本缩进和突出文本缩进和突出文本缩进和突出文本缩进和突出 文本缩进：将整个段落的左右边界分别向中央文本缩进：将整个段落的左右边界分别向中央文本缩进：将整个段落的左右边界分别向中央文本缩进：将整个段落的左右边界分别向中央缩进一段距离；缩进一段距离；缩进一段距离；缩进

79、一段距离；文本凸出：将段落的左右边界向外扩展一段距文本凸出：将段落的左右边界向外扩展一段距文本凸出：将段落的左右边界向外扩展一段距文本凸出：将段落的左右边界向外扩展一段距离。离。离。离。单击属性检查器中的单击属性检查器中的单击属性检查器中的单击属性检查器中的“ “文本缩进文本缩进文本缩进文本缩进” ”按钮和按钮和按钮和按钮和“ “文文文文本突出本突出本突出本突出” ”按钮；按钮；按钮；按钮；选择选择选择选择“ “文本文本文本文本” ”/“/“缩进缩进缩进缩进” ”和和和和“ “突出突出突出突出” ”命令；命令；命令；命令；按按按按TabTab键，设置段落缩进。键，设置段落缩进。键，设置段落缩进

80、。键，设置段落缩进。 49大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑制作列表制作列表列表分为两种：项目列表和编号列表。列表分为两种：项目列表和编号列表。列表分为两种：项目列表和编号列表。列表分为两种：项目列表和编号列表。 文本缩进项目列表Shift+Enter换行50大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑项目列表项目列表项目列表项目列表 单击属性检查器中的单击属性检查器中的单击属性检查器中的单击属性检查器中的“ “项目列表项目列表项目列表项目列表” ”按钮；按钮；按钮；按钮；选择选择选择选择“ “文本文本文本文本”

81、 ”/“/“列表列表列表列表” ”/“/“项目列表项目列表项目列表项目列表” ”命令。命令。命令。命令。项目列表是作用于段落的，因此项目符号仅显项目列表是作用于段落的，因此项目符号仅显项目列表是作用于段落的，因此项目符号仅显项目列表是作用于段落的，因此项目符号仅显示在段落的开头。示在段落的开头。示在段落的开头。示在段落的开头。改变列表的层次：单击属性检查器中的改变列表的层次：单击属性检查器中的改变列表的层次：单击属性检查器中的改变列表的层次：单击属性检查器中的“ “文本文本文本文本缩进缩进缩进缩进” ”按钮和按钮和按钮和按钮和“ “文本突出文本突出文本突出文本突出” ”按钮。按钮。按钮。按钮。

82、清除项目列表形式：再次单击清除项目列表形式：再次单击清除项目列表形式：再次单击清除项目列表形式：再次单击“ “项目列表项目列表项目列表项目列表” ”按按按按钮，或选择钮，或选择钮，或选择钮，或选择“ “文本文本文本文本” ”/“/“列表列表列表列表” ”/“/“无无无无” ”命令。命令。命令。命令。 51大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑编号列表编号列表编号列表编号列表 单击属性检查器中的单击属性检查器中的单击属性检查器中的单击属性检查器中的“ “编号列表编号列表编号列表编号列表” ”按钮；按钮；按钮；按钮；选择选择选择选择“ “文本文本文本文本”

83、 ”/“/“列表列表列表列表” ”/“/“编号列表编号列表编号列表编号列表” ”命令。命令。命令。命令。 改变编号列表的层次：设置文本的缩进和突出改变编号列表的层次：设置文本的缩进和突出改变编号列表的层次：设置文本的缩进和突出改变编号列表的层次：设置文本的缩进和突出清除编号：再次单击清除编号：再次单击清除编号：再次单击清除编号：再次单击“ “编号列表编号列表编号列表编号列表” ”按钮，或选按钮，或选按钮，或选按钮，或选择择择择“ “文本文本文本文本” ”/“/“列表列表列表列表” ”/“/“无无无无” ”命令。命令。命令。命令。 52大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.

84、1 文本编辑文本编辑修改列表属性修改列表属性修改列表属性修改列表属性 默认的项目符号是默认的项目符号是默认的项目符号是默认的项目符号是“ “”，编号是，编号是，编号是，编号是“ “1.2.3.”1.2.3.”。选择选择选择选择“ “文本文本文本文本” ”/“/“列表列表列表列表” ”/“/“属性属性属性属性” ”命令，或者命令，或者命令，或者命令，或者单击属性检查器中的单击属性检查器中的单击属性检查器中的单击属性检查器中的“ “列表项目列表项目列表项目列表项目” ”按钮，在打按钮，在打按钮，在打按钮，在打开的开的开的开的“ “列表属性列表属性列表属性列表属性” ”对话框中可以重新设置列表对话框

85、中可以重新设置列表对话框中可以重新设置列表对话框中可以重新设置列表的外观。的外观。的外观。的外观。 53大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑文本拼写检查、查找和替换文本拼写检查、查找和替换拼写检查拼写检查拼写检查拼写检查 选择选择选择选择“ “文本文本文本文本” ”/“/“检查拼写检查拼写检查拼写检查拼写” ”命令，便对页面中命令，便对页面中命令，便对页面中命令，便对页面中的文本进行拼写检查。当遇到无法识别的单词的文本进行拼写检查。当遇到无法识别的单词的文本进行拼写检查。当遇到无法识别的单词的文本进行拼写检查。当遇到无法识别的单词时，将出现时，将出现

86、时，将出现时，将出现“ “检查拼写检查拼写检查拼写检查拼写” ”对话框。对话框。对话框。对话框。54大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑查找和替换查找和替换查找和替换查找和替换 选择选择选择选择“ “编辑编辑编辑编辑” ”/“/“查找和替换查找和替换查找和替换查找和替换” ”命令，打开命令，打开命令，打开命令，打开“ “查查查查找和替换找和替换找和替换找和替换” ”对话框。对话框。对话框。对话框。55大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 插入表格插入表格表格是由若干个单元格组成的，每个单元格中可以表格是由若

87、干个单元格组成的，每个单元格中可以表格是由若干个单元格组成的，每个单元格中可以表格是由若干个单元格组成的，每个单元格中可以插入文字、图片等各种元素，甚至可以在单元格插入文字、图片等各种元素，甚至可以在单元格插入文字、图片等各种元素，甚至可以在单元格插入文字、图片等各种元素，甚至可以在单元格中再插入另一个表格。中再插入另一个表格。中再插入另一个表格。中再插入另一个表格。 56大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 在文档中插入表格在文档中插入表格在文档中插入表格在文档中插入表格 选择选择选择选择“ “插入插入插入插入” ”/“/“表表表表格格格格” ”命

88、令命令命令命令 单击单击单击单击“ “插入插入插入插入” ”工具栏工具栏工具栏工具栏的的的的“ “常用常用常用常用” ”选项卡中选项卡中选项卡中选项卡中的的的的“ “表格表格表格表格” ”按钮。按钮。按钮。按钮。 单元格边距是单元格内容单元格边距是单元格内容单元格边距是单元格内容单元格边距是单元格内容和单元格边框之间的像素和单元格边框之间的像素和单元格边框之间的像素和单元格边框之间的像素数。数。数。数。 单元格间距确定相邻的表单元格间距确定相邻的表单元格间距确定相邻的表单元格间距确定相邻的表格单元格之间的像素数。格单元格之间的像素数。格单元格之间的像素数。格单元格之间的像素数。 若要确保浏览器

89、不显示表若要确保浏览器不显示表若要确保浏览器不显示表若要确保浏览器不显示表格中的边距和间距，请将格中的边距和间距，请将格中的边距和间距，请将格中的边距和间距，请将“ “单元格边距单元格边距单元格边距单元格边距” ”和和和和“ “单元单元单元单元格间距格间距格间距格间距” ”设置为设置为设置为设置为 0 0。57大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 建立了表格以后，将插入点定位于单元格中，建立了表格以后，将插入点定位于单元格中，建立了表格以后，将插入点定位于单元格中，建立了表格以后，将插入点定位于单元格中，可以像非表格区域一样直接输入文本或插入图可以像

90、非表格区域一样直接输入文本或插入图可以像非表格区域一样直接输入文本或插入图可以像非表格区域一样直接输入文本或插入图像等网页元素。像等网页元素。像等网页元素。像等网页元素。输入一个单元格的内容后，还可以使用键盘上输入一个单元格的内容后，还可以使用键盘上输入一个单元格的内容后，还可以使用键盘上输入一个单元格的内容后，还可以使用键盘上的方向键将插入点移到相邻的单元格，按的方向键将插入点移到相邻的单元格，按的方向键将插入点移到相邻的单元格，按的方向键将插入点移到相邻的单元格，按TabTab键将插入点移到下一个单元格，而按键将插入点移到下一个单元格，而按键将插入点移到下一个单元格，而按键将插入点移到下一

91、个单元格，而按Shift+TabShift+Tab键将插入点移到上一个单元格。键将插入点移到上一个单元格。键将插入点移到上一个单元格。键将插入点移到上一个单元格。 58大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 导入表格式数据导入表格式数据导入表格式数据导入表格式数据在导入之前先将数据源文件中的数据按指定格在导入之前先将数据源文件中的数据按指定格在导入之前先将数据源文件中的数据按指定格在导入之前先将数据源文件中的数据按指定格式编排：每行数据以式编排：每行数据以式编排：每行数据以式编排：每行数据以EnterEnter键结束，同一行中键结束，同一行中键结束，同

92、一行中键结束，同一行中的各项数据之间用某一定界符（如的各项数据之间用某一定界符（如的各项数据之间用某一定界符（如的各项数据之间用某一定界符（如TabTab、逗号、逗号、逗号、逗号、分号等）进行分隔，并保存为文本文件。分号等）进行分隔，并保存为文本文件。分号等）进行分隔，并保存为文本文件。分号等）进行分隔，并保存为文本文件。59大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 选择选择选择选择“ “文件文件文件文件” ”/“/“导入导入导入导入” ”/“/“表格式数据表格式数据表格式数据表格式数据” ”命命命命令；令；令；令；选择选择选择选择“ “插入插入插入插入

93、” ”/“/“表格对象表格对象表格对象表格对象” ”/“/“导入表格式导入表格式导入表格式导入表格式数据数据数据数据” ”命令，打开命令，打开命令，打开命令，打开“ “导入表格式数据导入表格式数据导入表格式数据导入表格式数据” ”对话对话对话对话框。框。框。框。 60大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 编辑表格编辑表格选定表格元素选定表格元素选定表格元素选定表格元素 选定整张表格选定整张表格选定整张表格选定整张表格单击表格中的边框线单击表格中的边框线将插入点定位于表格中任意单元格后，单击文档将插入点定位于表格中任意单元格后，单击文档窗口左下方状态行

94、上的窗口左下方状态行上的标签；标签；两次选择两次选择“编辑编辑”/“全选全选”命令；命令；连续按两次连续按两次Ctrl+A键；键；选择选择“修改修改”/“表格表格”/“选择表格选择表格”命令；命令；右单击后，在快捷菜单中选择右单击后，在快捷菜单中选择“表格表格”/“选择表选择表格格”。61大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 选定表格行的方法选定表格行的方法选定表格行的方法选定表格行的方法将插入点定位于要选定的表格行中任意单元格后，将插入点定位于要选定的表格行中任意单元格后，单击文档窗口左下方状态行上的单击文档窗口左下方状态行上的标签；标签；将鼠标移

95、到表格行的左边框附近位置，当鼠标指将鼠标移到表格行的左边框附近位置，当鼠标指针呈指向右方的黑色水平箭头形状、并且相应行的针呈指向右方的黑色水平箭头形状、并且相应行的单元格外框呈红色时，单击后便选中相应的行。单元格外框呈红色时，单击后便选中相应的行。选定表格行后上下拖动鼠标，则选中相邻的多行选定表格行后上下拖动鼠标，则选中相邻的多行表格。表格。按住按住Ctrl键，然后在表格左边框附近位置单击，则键，然后在表格左边框附近位置单击，则选中不相邻的表格行。选中不相邻的表格行。62大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 选定表格列的方法选定表格列的方法选定表格列

96、的方法选定表格列的方法将鼠标移到表格列的顶部边框附近位置，当鼠标将鼠标移到表格列的顶部边框附近位置，当鼠标指针呈指向下的黑色垂直箭头形状时单击，便选中指针呈指向下的黑色垂直箭头形状时单击，便选中相应的列。相应的列。选定表格列后左右拖动鼠标，则选中相邻的多列选定表格列后左右拖动鼠标，则选中相邻的多列表格。表格。按住按住Ctrl键，然后在表格顶部边框附近位置单击，键，然后在表格顶部边框附近位置单击，则选中不相邻的表格列。则选中不相邻的表格列。63大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 选定单元格的基本方法选定单元格的基本方法选定单元格的基本方法选定单元格的

97、基本方法按住按住Ctrl键单击要选定的单元格。键单击要选定的单元格。将插入点定位于要选定的单元格，单击文档窗口将插入点定位于要选定的单元格，单击文档窗口左下方状态行上的左下方状态行上的标签；标签；将插入点定位于要选定的单元格，选择将插入点定位于要选定的单元格，选择“编辑编辑”/“全选全选”命令；命令；将插入点定位于要选定的单元格，按将插入点定位于要选定的单元格，按Ctrl+A键。键。64大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 选定相邻的单元格选定相邻的单元格选定相邻的单元格选定相邻的单元格将鼠标指向要选定的第一个单元格，单击后拖到将鼠标指向要选定的第一

98、个单元格，单击后拖到最后一个单元格；最后一个单元格；选定第一个单元格后，按住选定第一个单元格后，按住Shift键单击最后一个键单击最后一个单元格。单元格。选定若干个不相邻的单元格选定若干个不相邻的单元格选定若干个不相邻的单元格选定若干个不相邻的单元格选定一个单元格后，按住选定一个单元格后，按住Ctrl键然后选择其余单元键然后选择其余单元格，可以同时选定若干个不相邻的单元格。格，可以同时选定若干个不相邻的单元格。取消选定状态取消选定状态取消选定状态取消选定状态选定整张表格、表格行、列或单元格后，单击任选定整张表格、表格行、列或单元格后，单击任意一个单元格，或者单击表格以外部分，便取消选意一个单元

99、格，或者单击表格以外部分，便取消选定状态。定状态。65大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 插入行与列插入行与列插入行与列插入行与列选择选择选择选择“ “修改修改修改修改” ”/“/“表格表格表格表格” ”/“/“插入行插入行插入行插入行” ”命令；命令；命令；命令；选择选择选择选择“ “修改修改修改修改” ”/“/“表格表格表格表格” ”/“/“插入列插入列插入列插入列” ”命令；命令；命令；命令；选择选择选择选择“ “修改修改修改修改” ”/“/“表格表格表格表格” ”/“/“插入行或列插入行或列插入行或列插入行或列” ”命命命命令；令；令；令；

100、选择选择选择选择“ “插入插入插入插入” ”/“/“表格对象表格对象表格对象表格对象” ”/“/“在上面插入在上面插入在上面插入在上面插入行行行行” ”、“ “在下面插入行在下面插入行在下面插入行在下面插入行” ”、“ “在左边插入列在左边插入列在左边插入列在左边插入列” ”或或或或“ “在右边插入列在右边插入列在右边插入列在右边插入列” ”命令。命令。命令。命令。66大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 删除行与列删除行与列删除行与列删除行与列选择选择选择选择“ “修改修改修改修改” ”/“/“表格表格表格表格” ”/“/“删除行删除行删除行删除行

101、” ”或或或或“ “删除删除删除删除列列列列” ”命令；命令；命令；命令；按按按按DeleteDelete键；键；键；键；但是，若选定单元格后按但是，若选定单元格后按但是，若选定单元格后按但是，若选定单元格后按DeleteDelete键，则删除键，则删除键，则删除键，则删除单元格的内容。单元格的内容。单元格的内容。单元格的内容。 67大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 拆分单元格拆分单元格拆分单元格拆分单元格 选定一个单元格后，选择选定一个单元格后，选择选定一个单元格后，选择选定一个单元格后，选择“ “修改修改修改修改” ”/“/“表格表格表格表格

102、” ”/“/“拆分单元格拆分单元格拆分单元格拆分单元格” ”命令；命令；命令；命令；单击单元格属性检查器中的单击单元格属性检查器中的单击单元格属性检查器中的单击单元格属性检查器中的“ “拆分单元格为拆分单元格为拆分单元格为拆分单元格为行或列行或列行或列行或列” ”按钮，打开按钮，打开按钮，打开按钮，打开“ “拆分单元格拆分单元格拆分单元格拆分单元格” ”对话框。对话框。对话框。对话框。 68大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 合并单元格合并单元格选定相邻的几个单元格后，选择选定相邻的几个单元格后，选择选定相邻的几个单元格后，选择选定相邻的几个单元格

103、后，选择“ “修改修改修改修改” ”/“/“表格表格表格表格” ”/“/“合并单元格合并单元格合并单元格合并单元格” ”命令；命令；命令；命令；单击单元格属性检查器中的单击单元格属性检查器中的单击单元格属性检查器中的单击单元格属性检查器中的“ “合并所选单元格合并所选单元格合并所选单元格合并所选单元格” ”按钮。按钮。按钮。按钮。 69大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 移动和复制行与列移动和复制行与列移动和复制行与列移动和复制行与列 选择选择选择选择“ “编辑编辑编辑编辑” ”/“/“剪切剪切剪切剪切” ”命令或单击标准工具栏上的命令或单击标准工

104、具栏上的命令或单击标准工具栏上的命令或单击标准工具栏上的“ “剪切剪切剪切剪切” ”按钮，然后将插入点定位于新的位置，选择按钮，然后将插入点定位于新的位置，选择按钮，然后将插入点定位于新的位置，选择按钮，然后将插入点定位于新的位置，选择“ “编辑编辑编辑编辑” ”/“/“粘贴粘贴粘贴粘贴” ”命令或单击标准工具栏上的命令或单击标准工具栏上的命令或单击标准工具栏上的命令或单击标准工具栏上的“ “粘贴粘贴粘贴粘贴” ”按钮，便将整行内容移动到选定位置所在行的上方，按钮，便将整行内容移动到选定位置所在行的上方，按钮，便将整行内容移动到选定位置所在行的上方，按钮，便将整行内容移动到选定位置所在行的上方

105、，或者将整列内容移动到选定位置所在列的左面。或者将整列内容移动到选定位置所在列的左面。或者将整列内容移动到选定位置所在列的左面。或者将整列内容移动到选定位置所在列的左面。 若选定位置在表格之外，则粘贴的行或列作为一个新若选定位置在表格之外，则粘贴的行或列作为一个新若选定位置在表格之外，则粘贴的行或列作为一个新若选定位置在表格之外，则粘贴的行或列作为一个新的表格内容，放置在表格之后。的表格内容，放置在表格之后。的表格内容，放置在表格之后。的表格内容，放置在表格之后。 选定行或列后，选择选定行或列后，选择选定行或列后，选择选定行或列后，选择“ “编辑编辑编辑编辑” ”/“/“拷贝拷贝拷贝拷贝” ”

106、命令或单击标命令或单击标命令或单击标命令或单击标准工具栏上的准工具栏上的准工具栏上的准工具栏上的“ “拷贝拷贝拷贝拷贝” ”按钮，然后选择按钮，然后选择按钮，然后选择按钮，然后选择“ “粘贴粘贴粘贴粘贴” ”命令，命令，命令，命令，可以将选定行或列复制到指定位置的上方或左面。可以将选定行或列复制到指定位置的上方或左面。可以将选定行或列复制到指定位置的上方或左面。可以将选定行或列复制到指定位置的上方或左面。 70大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 调整表格大小调整表格大小调整表格大小调整表格大小 改变表格的宽度：拖动表格右边的控制点。改变表格的宽度：

107、拖动表格右边的控制点。改变表格的宽度：拖动表格右边的控制点。改变表格的宽度：拖动表格右边的控制点。 改变表格的高度：拖动表格底部的控制点。改变表格的高度：拖动表格底部的控制点。改变表格的高度：拖动表格底部的控制点。改变表格的高度：拖动表格底部的控制点。 同时改变表格高度和宽度：拖动表格右下角的控制点。同时改变表格高度和宽度：拖动表格右下角的控制点。同时改变表格高度和宽度：拖动表格右下角的控制点。同时改变表格高度和宽度：拖动表格右下角的控制点。 改变某一行高度：拖动某一行单元格下方的边框线。改变某一行高度：拖动某一行单元格下方的边框线。改变某一行高度：拖动某一行单元格下方的边框线。改变某一行高度

108、：拖动某一行单元格下方的边框线。 改变某一列宽度：拖动某一列单元格右面的边框线。改变某一列宽度：拖动某一列单元格右面的边框线。改变某一列宽度：拖动某一列单元格右面的边框线。改变某一列宽度：拖动某一列单元格右面的边框线。 在属性检查器的在属性检查器的在属性检查器的在属性检查器的“ “宽宽宽宽” ”和和和和“ “高高高高” ”文本框中列宽和行高的文本框中列宽和行高的文本框中列宽和行高的文本框中列宽和行高的精确数值。精确数值。精确数值。精确数值。 调整表格的大小时，各列的宽度按原来比例自动调整。调整表格的大小时，各列的宽度按原来比例自动调整。调整表格的大小时，各列的宽度按原来比例自动调整。调整表格的

109、大小时，各列的宽度按原来比例自动调整。没有设置行高的各行也按原来比例调整高度，而对于设没有设置行高的各行也按原来比例调整高度，而对于设没有设置行高的各行也按原来比例调整高度，而对于设没有设置行高的各行也按原来比例调整高度，而对于设置过行高的行，其高度不会改变。置过行高的行，其高度不会改变。置过行高的行，其高度不会改变。置过行高的行，其高度不会改变。 71大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 格式化表格格式化表格套用现有表格格式套用现有表格格式套用现有表格格式套用现有表格格式选择选择选择选择“ “命令命令命令命令” ”/“/“格式化表格格式化表格格式化

110、表格格式化表格” ”命令。命令。命令。命令。72大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 设置表格的属性设置表格的属性设置表格的属性设置表格的属性 选定表格后，在表格的属性检查器中设置。选定表格后，在表格的属性检查器中设置。选定表格后，在表格的属性检查器中设置。选定表格后，在表格的属性检查器中设置。73大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 设置单元格、行和列的属性设置单元格、行和列的属性设置单元格、行和列的属性设置单元格、行和列的属性 选定行、列或单元格后，在行或列的属性检选定行、列或单元格后，在行或列的属性检

111、选定行、列或单元格后，在行或列的属性检选定行、列或单元格后，在行或列的属性检查器中设置。查器中设置。查器中设置。查器中设置。74大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.3 图像应用图像应用 插入图像插入图像在在在在WebWeb页中通常使用三种：页中通常使用三种：页中通常使用三种：页中通常使用三种：GIFGIF、JPEGJPEG和和和和PNGPNG，这三种格式的共同特点是压缩率较高。，这三种格式的共同特点是压缩率较高。，这三种格式的共同特点是压缩率较高。，这三种格式的共同特点是压缩率较高。目前，目前，目前，目前，GIFGIF和和和和JPEGJPEG文件格式的支持情况最好，文件

112、格式的支持情况最好，文件格式的支持情况最好，文件格式的支持情况最好，大多数浏览器都可以查看它们，因此通常在网页大多数浏览器都可以查看它们，因此通常在网页大多数浏览器都可以查看它们，因此通常在网页大多数浏览器都可以查看它们，因此通常在网页中插入的图像都使用中插入的图像都使用中插入的图像都使用中插入的图像都使用GIFGIF和和和和JPEGJPEG文件格式。文件格式。文件格式。文件格式。 75大学计算机信息科技教程（第二版）第5章 网页制作基础GIF（图形交换格式）文件最多使用（图形交换格式）文件最多使用256种颜色，种颜色，最适合显示色调不连续或具有大面积单一颜色的图最适合显示色调不连续或具有大面

113、积单一颜色的图像，例如导航条、按钮、图标、徽标或其它具有统像，例如导航条、按钮、图标、徽标或其它具有统一色彩和色调的图像。一色彩和色调的图像。JPEG（联合图像专家组标准）文件格式是用于摄（联合图像专家组标准）文件格式是用于摄影或连续色调图像的高级格式，这是因为影或连续色调图像的高级格式，这是因为JPEG文文件可以包含数百万种颜色。随着件可以包含数百万种颜色。随着JPEG文件品质的文件品质的提高，文件的大小和下载时间也会随之增加。通常提高，文件的大小和下载时间也会随之增加。通常可以通过压缩可以通过压缩JPEG文件在图像品质和文件大小之文件在图像品质和文件大小之间达到良好的平衡。间达到良好的平衡

114、。76大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.3 图像应用图像应用插入图像插入图像插入图像插入图像 选择选择选择选择“ “插入插入插入插入” ”/“/“图像图像图像图像” ”命令；命令；命令；命令；单击单击单击单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “常用常用常用常用” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “图像图像图像图像” ”按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择“ “图像图像图像图像” ”命令。命令。命令。命令。77大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.3 图

115、像应用图像应用如果插入的图像文件不在站点文件夹中，单击如果插入的图像文件不在站点文件夹中，单击如果插入的图像文件不在站点文件夹中，单击如果插入的图像文件不在站点文件夹中，单击“ “确定确定确定确定” ”按钮后将出现提示信息框，提示按钮后将出现提示信息框，提示按钮后将出现提示信息框，提示按钮后将出现提示信息框，提示“ “是是是是否愿意将该文件复制到根文件夹中吗？否愿意将该文件复制到根文件夹中吗？否愿意将该文件复制到根文件夹中吗？否愿意将该文件复制到根文件夹中吗？” ”。通。通。通。通常单击常单击常单击常单击“ “是是是是” ”按钮，出现按钮，出现按钮，出现按钮，出现“ “复制文件为复制文件为复制

116、文件为复制文件为” ”对话对话对话对话框，选择保存文字并输入文件名后单击框，选择保存文字并输入文件名后单击框，选择保存文字并输入文件名后单击框，选择保存文字并输入文件名后单击“ “保存保存保存保存” ”按钮。按钮。按钮。按钮。然后出现然后出现然后出现然后出现“ “图像标签辅助功能属性图像标签辅助功能属性图像标签辅助功能属性图像标签辅助功能属性” ”对话框，。对话框，。对话框，。对话框，。在在在在“ “替换文本替换文本替换文本替换文本” ”组合框中可以输入组合框中可以输入组合框中可以输入组合框中可以输入一段简短描一段简短描一段简短描一段简短描述，以后浏览网页时当鼠标指向该图像，在鼠述，以后浏览网

117、页时当鼠标指向该图像，在鼠述，以后浏览网页时当鼠标指向该图像，在鼠述，以后浏览网页时当鼠标指向该图像，在鼠标指针下方将显示这段描述。标指针下方将显示这段描述。标指针下方将显示这段描述。标指针下方将显示这段描述。78大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.3 图像应用图像应用插入图像占位符插入图像占位符插入图像占位符插入图像占位符 图像占位符是在准备将最终图像添加到图像占位符是在准备将最终图像添加到图像占位符是在准备将最终图像添加到图像占位符是在准备将最终图像添加到WebWeb页之前使页之前使页之前使页之前使用的临时图形。用的临时图形。用的临时图形。用的临时图形。 选择选择选

118、择选择“ “插入插入插入插入” ”/“/“图像对象图像对象图像对象图像对象” ”/“/“图像占位符图像占位符图像占位符图像占位符” ”命令；命令；命令；命令； 单击单击单击单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “常用常用常用常用” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “图像图像图像图像” ”按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择“ “图像占位符图像占位符图像占位符图像占位符” ”命令。命令。命令。命令。 当找到合适的图像素材后，双击图像占位符，打开当找到合适的图像素材后，双击图像占位符，打开当找到合适的图

119、像素材后，双击图像占位符，打开当找到合适的图像素材后，双击图像占位符，打开“ “选择图像源文件选择图像源文件选择图像源文件选择图像源文件” ”对话框，选择图像文件；对话框，选择图像文件；对话框，选择图像文件；对话框，选择图像文件； 也可以选定图像占位符，在属性检查器中单击也可以选定图像占位符，在属性检查器中单击也可以选定图像占位符，在属性检查器中单击也可以选定图像占位符，在属性检查器中单击“ “源文源文源文源文件件件件” ”文本框旁的按钮，选择图像文件。文本框旁的按钮，选择图像文件。文本框旁的按钮，选择图像文件。文本框旁的按钮，选择图像文件。 添加图像后，图像占位符对象变为图像对象，其大小添加

120、图像后，图像占位符对象变为图像对象，其大小添加图像后，图像占位符对象变为图像对象，其大小添加图像后，图像占位符对象变为图像对象，其大小由添加图像的大小决定。由添加图像的大小决定。由添加图像的大小决定。由添加图像的大小决定。 79大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.3 图像应用图像应用创建鼠标经过图像创建鼠标经过图像创建鼠标经过图像创建鼠标经过图像 包括主图像（原始图像）和次图像（鼠标经过图包括主图像（原始图像）和次图像（鼠标经过图包括主图像（原始图像）和次图像（鼠标经过图包括主图像（原始图像）和次图像（鼠标经过图像）两个对象。像）两个对象。像）两个对象。像）两个对象。选

121、择选择选择选择“ “插入插入插入插入” ”/“/“图像对象图像对象图像对象图像对象” ”/“/“鼠标经过图像鼠标经过图像鼠标经过图像鼠标经过图像” ”命令；命令；命令；命令；单击单击单击单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “常用常用常用常用” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “图图图图像像像像” ”按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择“ “鼠标经过图像鼠标经过图像鼠标经过图像鼠标经过图像” ”命令。命令。命令。命令。80大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.3 图像应用图像应

122、用编辑图像编辑图像设置图像属性设置图像属性设置图像属性设置图像属性 选中图像后，在属性检查器中可以设置和修选中图像后，在属性检查器中可以设置和修选中图像后，在属性检查器中可以设置和修选中图像后，在属性检查器中可以设置和修改图像的各个属性。改图像的各个属性。改图像的各个属性。改图像的各个属性。81大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.3 图像应用图像应用使用内部图像编辑器使用内部图像编辑器使用内部图像编辑器使用内部图像编辑器 裁剪裁剪裁剪裁剪选定图像后，选择选定图像后，选择“修改修改”/“图像图像”/“裁剪裁剪”命命令或单击属性检查器中的令或单击属性检查器中的“裁剪裁剪”按

123、钮，弹出提示按钮，弹出提示信息框。单击信息框。单击“确定确定”按钮后，拖动图像周围出现按钮后，拖动图像周围出现用于裁剪的控制点。双击边界框内部或者按用于裁剪的控制点。双击边界框内部或者按Enter键，键，图像缩小为指定区域大小。图像缩小为指定区域大小。重新取样重新取样重新取样重新取样选择选择“修改修改”/“图像图像”/“重新取样重新取样”命令或单击命令或单击“重新取样重新取样”按钮。按钮。(可让您对已调整大小的图像进可让您对已调整大小的图像进行重新取样，提高图片在新的大小和形状下的品质。行重新取样，提高图片在新的大小和形状下的品质。)82大学计算机信息科技教程（第二版）第5章 网页制作基础图像

124、重新取样添加或减少已调整大小的图像重新取样添加或减少已调整大小的JPEG和和GIF图像文件中的像素，以与原始图像的外观尽可图像文件中的像素，以与原始图像的外观尽可能地匹配。对图像进行重新取样会减小图像文件的能地匹配。对图像进行重新取样会减小图像文件的大小，其结果是下载性能的提高。大小，其结果是下载性能的提高。在在Dreamweaver中重新调整图像的大小时，您中重新调整图像的大小时，您可以对图像进行重新取样，以容纳其新尺寸。重新可以对图像进行重新取样，以容纳其新尺寸。重新取样位图对象时，会在图像中添加或删除像素，以取样位图对象时，会在图像中添加或删除像素，以使其变大或变小。重新取样图像以取得更

125、高的分辨使其变大或变小。重新取样图像以取得更高的分辨率一般不会导致品质下降。但重新取样以取得较低率一般不会导致品质下降。但重新取样以取得较低的分辨率总会导致数据丢失，并且通常会使品质下的分辨率总会导致数据丢失，并且通常会使品质下降。降。83大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.3 图像应用图像应用修改修改修改修改亮度和对比度亮度和对比度亮度和对比度亮度和对比度( (修改图像中像素的亮度或对比修改图像中像素的亮度或对比修改图像中像素的亮度或对比修改图像中像素的亮度或对比度度度度 ) )选择选择“修改修改”/“图像图像”/“亮度亮度/对比度对比度”命令命令单击单击“亮度和对比

126、度亮度和对比度”按钮按钮84大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.3 图像应用图像应用锐化图像锐化图像锐化图像锐化图像( (可让您调整图像的清晰度可让您调整图像的清晰度可让您调整图像的清晰度可让您调整图像的清晰度) )选择选择“修改修改”/“图像图像”/“锐化锐化”命令命令单击单击“锐化锐化”按钮按钮85大学计算机信息科技教程（第二版）第5章 网页制作基础锐化可通过增加图像中边缘的对比度来调整锐化可通过增加图像中边缘的对比度来调整图像的焦点。扫描图像或拍摄数码照片时，图像的焦点。扫描图像或拍摄数码照片时，大多数图像捕获软件的默认操作是柔化图像大多数图像捕获软件的默认操作是

127、柔化图像中各对象的边缘。这可以防止特别精细的细中各对象的边缘。这可以防止特别精细的细节从组成数码图像的像素中丢失。不过，要节从组成数码图像的像素中丢失。不过，要显示数码图像文件中的细节，经常需要锐化显示数码图像文件中的细节，经常需要锐化图像，从而提高边缘的对比度，使图像更清图像，从而提高边缘的对比度，使图像更清晰。晰。86大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.4 多媒体的应用多媒体的应用 插入插入Flash动画动画选择选择选择选择“ “插入插入插入插入” ”/“/“媒体媒体媒体媒体” ”/“Flash”/“Flash”命令；命令；命令；命令；单击单击单击单击“ “插入插入

128、插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “常用常用常用常用” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “媒媒媒媒体体体体” ”按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择“ “Flash”Flash”命令。命令。命令。命令。查看动画的播放效果：选中插入的查看动画的播放效果：选中插入的查看动画的播放效果：选中插入的查看动画的播放效果：选中插入的FlashFlash动画后，动画后，动画后，动画后，单击属性检查器中的单击属性检查器中的单击属性检查器中的单击属性检查器中的“ “播放播放播放播放” ”按钮。按钮。按钮。按钮。 87大学计算机信息

129、科技教程（第二版）第5章 网页制作基础5.3.4 多媒体的应用多媒体的应用 插入插入Flash文本文本选择选择选择选择“ “插入插入插入插入” ”/“/“媒体媒体媒体媒体” ”/“Flash/“Flash文本文本文本文本” ”命令；命令；命令；命令；单击单击单击单击“ “插入插入插入插入” ”工具栏工具栏工具栏工具栏的的的的“ “常用常用常用常用” ”选项卡中选项卡中选项卡中选项卡中的的的的“ “媒体媒体媒体媒体” ”按钮旁的按钮旁的按钮旁的按钮旁的下拉箭头，选择下拉箭头，选择下拉箭头，选择下拉箭头，选择“ “FlashFlash文本文本文本文本” ”命令。命令。命令。命令。修改修改修改修改F

130、lashFlash文本：选文本：选文本：选文本：选定后单击属性检查器定后单击属性检查器定后单击属性检查器定后单击属性检查器中的中的中的中的“ “编辑编辑编辑编辑” ”按钮。按钮。按钮。按钮。88大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.4 多媒体的应用多媒体的应用 插入插入Flash按钮按钮选择选择选择选择“ “插入插入插入插入” ”/“/“媒体媒体媒体媒体” ”/“Flash/“Flash按钮按钮按钮按钮” ”命令；命令；命令；命令；单击单击单击单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “常用常用常用常用” ”选项卡中的选项卡中的选项卡中的选项卡中

131、的“ “媒体媒体媒体媒体” ”按钮旁的下拉箭按钮旁的下拉箭按钮旁的下拉箭按钮旁的下拉箭头，选择头，选择头，选择头，选择“ “FlashFlash按钮按钮按钮按钮” ”命令。命令。命令。命令。89大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.4 多媒体的应用多媒体的应用插入插入Flash视频视频选择选择选择选择“ “插入插入插入插入” ”/“/“媒体媒体媒体媒体” ”/“Flash/“Flash视频视频视频视频” ”命令；命令；命令；命令；单击单击单击单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “常用常用常用常用” ”选项卡中的选项卡中的选项卡中的选项卡中的

132、“ “媒体媒体媒体媒体” ”按钮旁的下拉箭按钮旁的下拉箭按钮旁的下拉箭按钮旁的下拉箭头，选择头，选择头，选择头，选择“ “FlashVideoFlashVideo” ”命令。命令。命令。命令。90大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.5 页面属性设置页面属性设置文档的页面属性包括许多内容，例如页面标题、文档的页面属性包括许多内容，例如页面标题、文档的页面属性包括许多内容，例如页面标题、文档的页面属性包括许多内容，例如页面标题、背景图像和颜色、文本和链接颜色、边距等。页背景图像和颜色、文本和链接颜色、边距等。页背景图像和颜色、文本和链接颜色、边距等。页背景图像和颜色、文本和

133、链接颜色、边距等。页面属性主要分为五类，它们是：外观、链接、标面属性主要分为五类，它们是：外观、链接、标面属性主要分为五类，它们是：外观、链接、标面属性主要分为五类，它们是：外观、链接、标题、标题题、标题题、标题题、标题/ /编码、跟踪图像。编码、跟踪图像。编码、跟踪图像。编码、跟踪图像。选择选择选择选择“ “修改修改修改修改” ”/“/“页面属性页面属性页面属性页面属性” ”命令或者单击属性命令或者单击属性命令或者单击属性命令或者单击属性检查器上的检查器上的检查器上的检查器上的“ “页面属性页面属性页面属性页面属性” ”按钮，在打开的按钮，在打开的按钮，在打开的按钮，在打开的“ “页面页面页

134、面页面属性属性属性属性” ”对话框中可以设置页面的各类属性。对话框中可以设置页面的各类属性。对话框中可以设置页面的各类属性。对话框中可以设置页面的各类属性。 91大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.5 页面属性设置页面属性设置外观外观在在在在“ “页面属性页面属性页面属性页面属性” ”对话框中选择对话框中选择对话框中选择对话框中选择“ “分类分类分类分类” ”列表框列表框列表框列表框中的中的中的中的“ “外观外观外观外观” ”选项后，可以设置与网页外观相选项后，可以设置与网页外观相选项后，可以设置与网页外观相选项后，可以设置与网页外观相关的属性。关的属性。关的属性。关的

135、属性。 92大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.5 页面属性设置页面属性设置链接链接在在在在“ “页面属性页面属性页面属性页面属性” ”对话框中选择对话框中选择对话框中选择对话框中选择“ “分类分类分类分类” ”列表框中列表框中列表框中列表框中的的的的“ “链接链接链接链接” ”选项后，可以定义链接文本的默认字选项后，可以定义链接文本的默认字选项后，可以定义链接文本的默认字选项后，可以定义链接文本的默认字体、字体大小，以及链接、访问过的链接和活动体、字体大小，以及链接、访问过的链接和活动体、字体大小，以及链接、访问过的链接和活动体、字体大小，以及链接、访问过的链接和活动

136、链接的颜色。链接的颜色。链接的颜色。链接的颜色。93大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.5 页面属性设置页面属性设置标题标题在在在在“ “页面属性页面属性页面属性页面属性” ”对话框中选择对话框中选择对话框中选择对话框中选择“ “分类分类分类分类” ”列表框中列表框中列表框中列表框中的的的的“ “标题标题标题标题” ”选项后，可以重新定义属性检查器的选项后，可以重新定义属性检查器的选项后，可以重新定义属性检查器的选项后，可以重新定义属性检查器的“ “格式格式格式格式” ”下拉列表中各种格式的文字字体、大小下拉列表中各种格式的文字字体、大小下拉列表中各种格式的文字字体、大

137、小下拉列表中各种格式的文字字体、大小和颜色。和颜色。和颜色。和颜色。 94大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.5 页面属性设置页面属性设置标题标题/编码编码在在在在“ “页面属性页面属性页面属性页面属性” ”对话框中选择对话框中选择对话框中选择对话框中选择“ “分类分类分类分类” ”列表框中的列表框中的列表框中的列表框中的“ “标题标题标题标题/ /编码编码编码编码” ”选项后，可以重新定义网页的标题，选项后，可以重新定义网页的标题，选项后，可以重新定义网页的标题，选项后，可以重新定义网页的标题，制作制作制作制作 WebWeb页面时所用语言的文档编码类型，以及指页面时所

138、用语言的文档编码类型，以及指页面时所用语言的文档编码类型，以及指页面时所用语言的文档编码类型，以及指定要用于该编码类型的定要用于该编码类型的定要用于该编码类型的定要用于该编码类型的 UnicodeUnicode标准化表单。标准化表单。标准化表单。标准化表单。 95大学计算机信息科技教程（第二版）第5章 网页制作基础HTML页面的标题可以帮助站点访问者在浏页面的标题可以帮助站点访问者在浏览时明确所查看的内容，并在访问者的历史览时明确所查看的内容，并在访问者的历史记录和书签列表中标识页面。如果不给页面记录和书签列表中标识页面。如果不给页面加标题，页面会在浏览器窗口、书签列表和加标题，页面会在浏览器

139、窗口、书签列表和历史记录列表中显示为无标题文档。历史记录列表中显示为无标题文档。注意注意:给文档起一个文件名（通过保存该文给文档起一个文件名（通过保存该文件）不同于给页面加标题。件）不同于给页面加标题。96大学计算机信息科技教程（第二版）第5章 网页制作基础97大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.5 页面属性设置页面属性设置跟踪图像跟踪图像在在在在“ “页面属性页面属性页面属性页面属性” ”对话框中选择对话框中选择对话框中选择对话框中选择“ “分类分类分类分类” ”列表框列表框列表框列表框中的中的中的中的“ “跟踪图像跟踪图像跟踪图像跟踪图像” ”选项后，可以设置在设计

140、页选项后，可以设置在设计页选项后，可以设置在设计页选项后，可以设置在设计页面时插入用作参考的图像文件。面时插入用作参考的图像文件。面时插入用作参考的图像文件。面时插入用作参考的图像文件。 98大学计算机信息科技教程（第二版）第5章 网页制作基础5.4 页面布局页面布局表格式页面布局表格式页面布局框架式页面布局框架式页面布局99大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局 一般来讲，网页总体上是从上到下进行布局的。一般来讲，网页总体上是从上到下进行布局的。一般来讲，网页总体上是从上到下进行布局的。一般来讲，网页总体上是从上到下进行布局的。可分为三个

141、区域：栏目导航区、主内容区和版可分为三个区域：栏目导航区、主内容区和版可分为三个区域：栏目导航区、主内容区和版可分为三个区域：栏目导航区、主内容区和版权区。权区。权区。权区。栏目导航区又可以细分为栏目区和导航区，栏目导航区又可以细分为栏目区和导航区，栏目导航区又可以细分为栏目区和导航区，栏目导航区又可以细分为栏目区和导航区，主内容区可以根据实际情况分为若干个区域，主内容区可以根据实际情况分为若干个区域，主内容区可以根据实际情况分为若干个区域，主内容区可以根据实际情况分为若干个区域，版权区比较简单，一般不再细分。版权区比较简单，一般不再细分。版权区比较简单，一般不再细分。版权区比较简单，一般不再

142、细分。100大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局左图是一个主页的页面，在制作网页之前，先在左图是一个主页的页面，在制作网页之前，先在左图是一个主页的页面，在制作网页之前，先在左图是一个主页的页面，在制作网页之前，先在布局模式下把网页设计成如右图的布局，然后在每布局模式下把网页设计成如右图的布局，然后在每布局模式下把网页设计成如右图的布局，然后在每布局模式下把网页设计成如右图的布局，然后在每个区域中插入网页的内容。个区域中插入网页的内容。个区域中插入网页的内容。个区域中插入网页的内容。 101大学计算机信息科技教程（第二版）第5章 网页制作

143、基础5.4.1 表格式页面布局表格式页面布局布局模式是一种特殊的表格模式，它与标准表格布局模式是一种特殊的表格模式，它与标准表格布局模式是一种特殊的表格模式，它与标准表格布局模式是一种特殊的表格模式，它与标准表格绘制方法的不同之处在于：在布局模式中，用户绘制方法的不同之处在于：在布局模式中，用户绘制方法的不同之处在于：在布局模式中，用户绘制方法的不同之处在于：在布局模式中，用户可以在页面上绘制任意数目和大小的布局表格，可以在页面上绘制任意数目和大小的布局表格，可以在页面上绘制任意数目和大小的布局表格，可以在页面上绘制任意数目和大小的布局表格，在布局表格的任意位置可以绘制任意数量和大小在布局表格

144、的任意位置可以绘制任意数量和大小在布局表格的任意位置可以绘制任意数量和大小在布局表格的任意位置可以绘制任意数量和大小的布局单元格。的布局单元格。的布局单元格。的布局单元格。布局单元格必须放在布局表格之中，如果在布局布局单元格必须放在布局表格之中，如果在布局布局单元格必须放在布局表格之中，如果在布局布局单元格必须放在布局表格之中，如果在布局表格以外绘制布局单元格，系统会自动创建一个表格以外绘制布局单元格，系统会自动创建一个表格以外绘制布局单元格，系统会自动创建一个表格以外绘制布局单元格，系统会自动创建一个布局表格，以容纳这个布局单元格。布局表格，以容纳这个布局单元格。布局表格，以容纳这个布局单元

145、格。布局表格，以容纳这个布局单元格。另外，布局表格中还能绘制另一个布局表格。另外，布局表格中还能绘制另一个布局表格。另外，布局表格中还能绘制另一个布局表格。另外，布局表格中还能绘制另一个布局表格。 102大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局进入布局模式的方法进入布局模式的方法进入布局模式的方法进入布局模式的方法选择选择选择选择“ “查看查看查看查看” ”/“/“表格模式表格模式表格模式表格模式” ”/“/“布局模式布局模式布局模式布局模式” ”命命命命令；令；令；令；在在在在“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“

146、“布局布局布局布局” ”选项卡中单击选项卡中单击选项卡中单击选项卡中单击“ “布局布局布局布局” ”按钮。按钮。按钮。按钮。返回标准模式的方法返回标准模式的方法返回标准模式的方法返回标准模式的方法选择选择选择选择“ “查看查看查看查看” ”/“/“表格模式表格模式表格模式表格模式” ”/“/“标准模式标准模式标准模式标准模式” ”命命命命令；令；令；令；单击单击单击单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “布局布局布局布局” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “标准标准标准标准” ”按钮。按钮。按钮。按钮。 103大学计算机信息科技教程（第二版）第5章

147、网页制作基础5.4.1 表格式页面布局表格式页面布局绘制布局表格绘制布局表格单击单击单击单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “布局布局布局布局” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “布布布布局表格局表格局表格局表格” ”按钮后，拖动鼠标绘制出布局表格。布按钮后，拖动鼠标绘制出布局表格。布按钮后，拖动鼠标绘制出布局表格。布按钮后，拖动鼠标绘制出布局表格。布局表格的底色为灰色、边框为浅绿色，带有布局局表格的底色为灰色、边框为浅绿色，带有布局局表格的底色为灰色、边框为浅绿色，带有布局局表格的底色为灰色、边框为浅绿色，带有布局表格标签和宽度值。表格标签和宽度

148、值。表格标签和宽度值。表格标签和宽度值。 单击单击单击单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “布局布局布局布局” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “绘绘绘绘制布局单元格制布局单元格制布局单元格制布局单元格” ”按钮，在布局表格中拖动鼠标绘按钮，在布局表格中拖动鼠标绘按钮，在布局表格中拖动鼠标绘按钮，在布局表格中拖动鼠标绘制布局单元格。布局单元格的底色为白色、外加制布局单元格。布局单元格的底色为白色、外加制布局单元格。布局单元格的底色为白色、外加制布局单元格。布局单元格的底色为白色、外加蓝色的边框。蓝色的边框。蓝色的边框。蓝色的边框。104大学计算机信

149、息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局布局单元格不能够重叠，因此不能在布局单元格布局单元格不能够重叠，因此不能在布局单元格布局单元格不能够重叠，因此不能在布局单元格布局单元格不能够重叠，因此不能在布局单元格上再绘制布局表格。而布局表格中却可以再绘制上再绘制布局表格。而布局表格中却可以再绘制上再绘制布局表格。而布局表格中却可以再绘制上再绘制布局表格。而布局表格中却可以再绘制布局表格，使得新的布局表格包含在原来的布局布局表格，使得新的布局表格包含在原来的布局布局表格，使得新的布局表格包含在原来的布局布局表格，使得新的布局表格包含在原来的布局表格之中。表格之

150、中。表格之中。表格之中。在绘制表格和单元格时，在绘制表格和单元格时，在绘制表格和单元格时，在绘制表格和单元格时，DreamweaverDreamweaver会自动会自动会自动会自动激活绘制区的对齐特性，因此很容易绘制出整齐激活绘制区的对齐特性，因此很容易绘制出整齐激活绘制区的对齐特性，因此很容易绘制出整齐激活绘制区的对齐特性，因此很容易绘制出整齐的表格。的表格。的表格。的表格。在绘制时按住在绘制时按住在绘制时按住在绘制时按住AltAlt键同时拖动鼠标，可以精确到键同时拖动鼠标，可以精确到键同时拖动鼠标，可以精确到键同时拖动鼠标，可以精确到1 1像素为单位。像素为单位。像素为单位。像素为单位。

151、105大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局布局单元格中能够插入任何类型的数据，如文本、布局单元格中能够插入任何类型的数据，如文本、布局单元格中能够插入任何类型的数据，如文本、布局单元格中能够插入任何类型的数据，如文本、图像甚至是多媒体对象。建立布局表格后，将插图像甚至是多媒体对象。建立布局表格后，将插图像甚至是多媒体对象。建立布局表格后，将插图像甚至是多媒体对象。建立布局表格后，将插入点定位于要添加内容的布局单元格中，然后直入点定位于要添加内容的布局单元格中，然后直入点定位于要添加内容的布局单元格中，然后直入点定位于要添加内容的布局单元格

152、中，然后直接输入数据。在输入数据时，布局单元格的宽度接输入数据。在输入数据时，布局单元格的宽度接输入数据。在输入数据时，布局单元格的宽度接输入数据。在输入数据时，布局单元格的宽度会随着输入数据的多少而变化。会随着输入数据的多少而变化。会随着输入数据的多少而变化。会随着输入数据的多少而变化。隐藏布局表格上的标签和宽度值：隐藏布局表格上的标签和宽度值：隐藏布局表格上的标签和宽度值：隐藏布局表格上的标签和宽度值：选中选中选中选中“ “查看查看查看查看” ”/“/“可视化助理可视化助理可视化助理可视化助理” ”/“/“隐藏所有隐藏所有隐藏所有隐藏所有” ”命命命命令。令。令。令。 106大学计算机信息

153、科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局编辑布局表格编辑布局表格修改布局表格和布局单元格的大小修改布局表格和布局单元格的大小修改布局表格和布局单元格的大小修改布局表格和布局单元格的大小 改变位置改变位置改变位置改变位置单击布局表格或布局单元格的边框线，选中后拖动单击布局表格或布局单元格的边框线，选中后拖动使用键盘上的方向键移动布局表格和布局单元格。每按一次使用键盘上的方向键移动布局表格和布局单元格。每按一次方向键，移动方向键，移动1个像素的位置。同时按住个像素的位置。同时按住Alt键，每次移动键，每次移动10个像素。个像素。 改变大小改变大小改变大小改变大

154、小选中后，拖动边框上的控制点选中后，拖动边框上的控制点 单元格的高度随着内容的变化而变化单元格的高度随着内容的变化而变化单元格的高度随着内容的变化而变化单元格的高度随着内容的变化而变化单击布局表格宽度值旁的箭头，选择单击布局表格宽度值旁的箭头，选择“清除所有高度清除所有高度”命令；命令；单击属性检查器中的单击属性检查器中的“清除行高清除行高”按钮。按钮。107大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局设置宽度类型和间隔图像设置宽度类型和间隔图像设置宽度类型和间隔图像设置宽度类型和间隔图像布局表格和布局单元格的宽度类型有两种：固布局表格和布局单元

155、格的宽度类型有两种：固布局表格和布局单元格的宽度类型有两种：固布局表格和布局单元格的宽度类型有两种：固定宽度类型和自动伸展宽度类型。定宽度类型和自动伸展宽度类型。定宽度类型和自动伸展宽度类型。定宽度类型和自动伸展宽度类型。默认情况下，布局表格和布局单元格为固定宽默认情况下，布局表格和布局单元格为固定宽默认情况下，布局表格和布局单元格为固定宽默认情况下，布局表格和布局单元格为固定宽度类型，其宽度是固定的，不会随着内容的增度类型，其宽度是固定的，不会随着内容的增度类型，其宽度是固定的，不会随着内容的增度类型，其宽度是固定的，不会随着内容的增减而自动改变宽度。减而自动改变宽度。减而自动改变宽度。减而

156、自动改变宽度。108大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局将布局表格设置为自动伸展宽度类型的方法将布局表格设置为自动伸展宽度类型的方法将布局表格设置为自动伸展宽度类型的方法将布局表格设置为自动伸展宽度类型的方法是：选中布局表格后，单击属性检查器中的是：选中布局表格后，单击属性检查器中的是：选中布局表格后，单击属性检查器中的是：选中布局表格后，单击属性检查器中的“ “自动伸展自动伸展自动伸展自动伸展” ”单选按钮，打开单选按钮，打开单选按钮，打开单选按钮，打开“ “选择占位图选择占位图选择占位图选择占位图像像像像” ”对话框。对话框。对话框。

157、对话框。109大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局布局表格设置为自动伸展宽度类型后，表格的布局表格设置为自动伸展宽度类型后，表格的布局表格设置为自动伸展宽度类型后，表格的布局表格设置为自动伸展宽度类型后，表格的宽度自动调整与文档窗口的大小相符，表格最宽度自动调整与文档窗口的大小相符，表格最宽度自动调整与文档窗口的大小相符，表格最宽度自动调整与文档窗口的大小相符，表格最右边一列的宽度自动伸展，同时该列变为自动右边一列的宽度自动伸展，同时该列变为自动右边一列的宽度自动伸展，同时该列变为自动右边一列的宽度自动伸展，同时该列变为自动伸展类型。自动

158、伸展类型的布局表格的宽度为伸展类型。自动伸展类型的布局表格的宽度为伸展类型。自动伸展类型的布局表格的宽度为伸展类型。自动伸展类型的布局表格的宽度为100%100%，一个布局表格只能有一列可以被设置，一个布局表格只能有一列可以被设置，一个布局表格只能有一列可以被设置，一个布局表格只能有一列可以被设置为自动伸展宽度类型。为自动伸展宽度类型。为自动伸展宽度类型。为自动伸展宽度类型。如果要设置其他列为自动伸展宽度类型如果要设置其他列为自动伸展宽度类型如果要设置其他列为自动伸展宽度类型如果要设置其他列为自动伸展宽度类型单击列标题旁的下拉箭头，选择单击列标题旁的下拉箭头，选择“列设置为自动列设置为自动伸展

159、伸展”命令；命令；选中布局单元格后单击属性检查器中的选中布局单元格后单击属性检查器中的“自动伸自动伸展展”单选按钮。单选按钮。当一列被设置为自动伸展类型后，原来的自动伸当一列被设置为自动伸展类型后，原来的自动伸展宽度类型列变为固定宽度类型。展宽度类型列变为固定宽度类型。110大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局 间隔图像是一幅间隔图像是一幅间隔图像是一幅间隔图像是一幅1111像素的透明的像素的透明的像素的透明的像素的透明的GIFGIF图像，用来控图像，用来控图像，用来控图像，用来控制自动伸展表格中的间距。制自动伸展表格中的间距。制自动伸展

160、表格中的间距。制自动伸展表格中的间距。 当设置某列自动伸展时，当设置某列自动伸展时，当设置某列自动伸展时，当设置某列自动伸展时，DreamweaverDreamweaver将自动添加将自动添加将自动添加将自动添加间隔图像，除非选择了间隔图像，除非选择了间隔图像，除非选择了间隔图像，除非选择了“ “对于自动伸展表格不要使用对于自动伸展表格不要使用对于自动伸展表格不要使用对于自动伸展表格不要使用间隔图像间隔图像间隔图像间隔图像” ”单选按钮。包含间隔图像的列的列宽的区单选按钮。包含间隔图像的列的列宽的区单选按钮。包含间隔图像的列的列宽的区单选按钮。包含间隔图像的列的列宽的区域中显示双线。域中显示双

161、线。域中显示双线。域中显示双线。 单击固定宽度类型的列的标题栏上的箭头按钮，选择单击固定宽度类型的列的标题栏上的箭头按钮，选择单击固定宽度类型的列的标题栏上的箭头按钮，选择单击固定宽度类型的列的标题栏上的箭头按钮，选择“ “删除间隔图像删除间隔图像删除间隔图像删除间隔图像” ”或或或或“ “添加间隔图像添加间隔图像添加间隔图像添加间隔图像” ”命令，便可以命令，便可以命令，便可以命令，便可以在该列中删除或添加间隔图像了。在该列中删除或添加间隔图像了。在该列中删除或添加间隔图像了。在该列中删除或添加间隔图像了。 在布局表格的标题栏中选择在布局表格的标题栏中选择在布局表格的标题栏中选择在布局表格的

162、标题栏中选择“ “移除所有分隔符图像移除所有分隔符图像移除所有分隔符图像移除所有分隔符图像” ”命令，或者单击布局表格的属性检查器中的命令，或者单击布局表格的属性检查器中的命令，或者单击布局表格的属性检查器中的命令，或者单击布局表格的属性检查器中的“ “删除所删除所删除所删除所有间隔图像有间隔图像有间隔图像有间隔图像” ”按钮，表格中各列的间隔图像都将被删按钮，表格中各列的间隔图像都将被删按钮，表格中各列的间隔图像都将被删按钮，表格中各列的间隔图像都将被删除。除。除。除。111大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局删除布局表格的嵌套删除布局

163、表格的嵌套删除布局表格的嵌套删除布局表格的嵌套在布局表格中可以插入另一个布局表格，这样在布局表格中可以插入另一个布局表格，这样在布局表格中可以插入另一个布局表格，这样在布局表格中可以插入另一个布局表格，这样就形成了布局表格的嵌套。就形成了布局表格的嵌套。就形成了布局表格的嵌套。就形成了布局表格的嵌套。在子表格的标题栏中选择在子表格的标题栏中选择在子表格的标题栏中选择在子表格的标题栏中选择“ “删除嵌套删除嵌套删除嵌套删除嵌套” ”命令，命令，命令，命令，或者单击属性检查器中的或者单击属性检查器中的或者单击属性检查器中的或者单击属性检查器中的“ “删除嵌套删除嵌套删除嵌套删除嵌套” ”按钮，按钮

164、，按钮，按钮，子表格中的内容被融入到父表格中，子表格中子表格中的内容被融入到父表格中，子表格中子表格中的内容被融入到父表格中，子表格中子表格中的内容被融入到父表格中，子表格中的布局单元格作为父表格中的布局单元格，放的布局单元格作为父表格中的布局单元格，放的布局单元格作为父表格中的布局单元格，放的布局单元格作为父表格中的布局单元格，放置在原来的位置，子表格被删除。置在原来的位置，子表格被删除。置在原来的位置，子表格被删除。置在原来的位置，子表格被删除。 112大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局格式化布局表格格式化布局表格设置布局表格的格式

165、设置布局表格的格式设置布局表格的格式设置布局表格的格式113大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局设置布局单元格的格式设置布局单元格的格式设置布局单元格的格式设置布局单元格的格式114大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局设置布局模式的参数设置布局模式的参数选择选择选择选择“ “编辑编辑编辑编辑” ”/“/“首选参数首选参数首选参数首选参数” ”命令，在打开的命令，在打开的命令，在打开的命令，在打开的“ “首选参数首选参数首选参数首选参数” ”对话框的分类框中单击对话框的分类框中单击对话

166、框的分类框中单击对话框的分类框中单击“ “布局模式布局模式布局模式布局模式” ”选项。选项。选项。选项。115大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局使用辅助定位工具使用辅助定位工具标尺标尺标尺标尺显示标尺显示标尺显示标尺显示标尺选中选中“查看查看”/“标尺标尺”/“显示显示”命令。命令。指定标尺度量单位指定标尺度量单位指定标尺度量单位指定标尺度量单位选择选择“查看查看”/“标尺标尺”/“像素像素”、“英寸英寸”或或“厘厘米米”命令。命令。改变原点的位置改变原点的位置改变原点的位置改变原点的位置拖动水平标尺和垂直标尺的交界位置。拖动水平标尺和

167、垂直标尺的交界位置。恢复原点的位置恢复原点的位置恢复原点的位置恢复原点的位置选择选择“查看查看”/“标尺标尺”/“重设原点重设原点”命令。命令。116大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局网格网格网格网格显示和隐藏网格显示和隐藏网格显示和隐藏网格显示和隐藏网格选择选择“查看查看”/“网格网格”/“显示网格显示网格”命令命令边框自动靠齐到网格线边框自动靠齐到网格线边框自动靠齐到网格线边框自动靠齐到网格线选中选中“查看查看”/“网格网格”/“靠齐到网格靠齐到网格”命令命令网格设置网格设置网格设置网格设置选择选择“查看查看”/“网格网格”/“网格

168、设置网格设置”命令命令117大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局草稿图草稿图草稿图草稿图草稿图也叫跟踪图像，它的作用是帮助用户正草稿图也叫跟踪图像，它的作用是帮助用户正草稿图也叫跟踪图像，它的作用是帮助用户正草稿图也叫跟踪图像，它的作用是帮助用户正确地设计网页的版面，浏览网页时不会显示出确地设计网页的版面，浏览网页时不会显示出确地设计网页的版面，浏览网页时不会显示出确地设计网页的版面，浏览网页时不会显示出草稿图。草稿图。草稿图。草稿图。首先要使用外部的图像编辑软件创建用于表示首先要使用外部的图像编辑软件创建用于表示首先要使用外部的图像编辑

169、软件创建用于表示首先要使用外部的图像编辑软件创建用于表示版面的图像，并保存图像文件。版面的图像，并保存图像文件。版面的图像，并保存图像文件。版面的图像，并保存图像文件。选择选择选择选择“ “查看查看查看查看” ”/“/“跟踪图像跟踪图像跟踪图像跟踪图像” ”/“/“载入载入载入载入” ”命令。命令。命令。命令。在在在在“ “页面属性页面属性页面属性页面属性” ”对话框的对话框的对话框的对话框的“ “分类分类分类分类” ”列表中选择列表中选择列表中选择列表中选择“ “跟踪图像跟踪图像跟踪图像跟踪图像” ”选项。选项。选项。选项。118大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.2

170、 框架式页面布局框架式页面布局 框架集是一个框架集是一个框架集是一个框架集是一个HTMLHTML文件，文件，文件，文件，它定义一组框架的布它定义一组框架的布它定义一组框架的布它定义一组框架的布局和属性，包括：框架的数目、框架的大小和位局和属性，包括：框架的数目、框架的大小和位局和属性，包括：框架的数目、框架的大小和位局和属性，包括：框架的数目、框架的大小和位置以及在每个框架中初始显示的网页等。框架是置以及在每个框架中初始显示的网页等。框架是置以及在每个框架中初始显示的网页等。框架是置以及在每个框架中初始显示的网页等。框架是浏览器窗口中的一个独立的区域，在此区域中指浏览器窗口中的一个独立的区域，

171、在此区域中指浏览器窗口中的一个独立的区域，在此区域中指浏览器窗口中的一个独立的区域，在此区域中指定一个定一个定一个定一个HTMLHTML文档作为网页显示的内容。文档作为网页显示的内容。文档作为网页显示的内容。文档作为网页显示的内容。事实上，框架集本身并不包含网页内容，它只是事实上，框架集本身并不包含网页内容，它只是事实上，框架集本身并不包含网页内容，它只是事实上，框架集本身并不包含网页内容，它只是向浏览器提供一组框架的信息：浏览器窗口中显向浏览器提供一组框架的信息：浏览器窗口中显向浏览器提供一组框架的信息：浏览器窗口中显向浏览器提供一组框架的信息：浏览器窗口中显示哪些框架、这些框架的大小位置如

172、何、分别显示哪些框架、这些框架的大小位置如何、分别显示哪些框架、这些框架的大小位置如何、分别显示哪些框架、这些框架的大小位置如何、分别显示哪些网页等。而框架则是一个区域，用于显示示哪些网页等。而框架则是一个区域，用于显示示哪些网页等。而框架则是一个区域，用于显示示哪些网页等。而框架则是一个区域，用于显示指定的指定的指定的指定的HTMLHTML文件的内容。文件的内容。文件的内容。文件的内容。 119大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.2 框架式页面布局框架式页面布局 120大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.2 框架式页面布局框架式页面布局 创建框

173、架创建框架创建框架集和框架创建框架集和框架创建框架集和框架创建框架集和框架 在起始页中单击在起始页中单击在起始页中单击在起始页中单击“ “从范例创建从范例创建从范例创建从范例创建” ”框中的框中的框中的框中的“ “框架框架框架框架集集集集” ”选项。选项。选项。选项。选择选择选择选择“ “文件文件文件文件” ”/ /“ “新建新建新建新建” ”命令命令命令命令 121大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.2 框架式页面布局框架式页面布局 对于已有的网页，单击对于已有的网页，单击对于已有的网页，单击对于已有的网页，单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具

174、栏的“ “布布布布局局局局” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “框架框架框架框架” ”按钮旁的下拉箭头，按钮旁的下拉箭头，按钮旁的下拉箭头，按钮旁的下拉箭头，列出各种框架布局方式，选择某一布局方式。列出各种框架布局方式，选择某一布局方式。列出各种框架布局方式，选择某一布局方式。列出各种框架布局方式，选择某一布局方式。框架的嵌套框架的嵌套框架的嵌套框架的嵌套在一个框架集的内部插入另一个框架集在一个框架集的内部插入另一个框架集基本的框架只有基本的框架只有6种形式：左侧固定、右侧固定、种形式：左侧固定、右侧固定、上方固定、下方固定、垂直拆分和水平拆分，它们上方固定、下方固定、垂直拆分和

175、水平拆分，它们将都将窗口分隔成水平方向或垂直方向的两部分。将都将窗口分隔成水平方向或垂直方向的两部分。122大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.2 框架式页面布局框架式页面布局 指定框架源文件指定框架源文件指定框架源文件指定框架源文件将已设计好的网页的内容显示在框架中，作将已设计好的网页的内容显示在框架中，作将已设计好的网页的内容显示在框架中，作将已设计好的网页的内容显示在框架中，作为框架的源文件，其操作方法是：为框架的源文件，其操作方法是：为框架的源文件，其操作方法是：为框架的源文件，其操作方法是：选中选中“窗口窗口”/“框架框架”命令，打开命令，打开“框架框架”面板

176、；面板；在在“框架框架”面板上单击要指定源文件的框架；面板上单击要指定源文件的框架；在属性检查器中显示相应框架的属性。在属性检查器中显示相应框架的属性。123大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.2 框架式页面布局框架式页面布局 保存框架集和框架文件保存框架集和框架文件保存框架集和框架文件保存框架集和框架文件 选择选择选择选择“ “文件文件文件文件” ”/“/“框架框架框架框架” ”命令命令命令命令单击单击单击单击“ “全部保存全部保存全部保存全部保存” ”按钮按钮按钮按钮 在在在在“ “框架框架框架框架” ”面板上单击要保存的框架集边框，面板上单击要保存的框架集边框，面

177、板上单击要保存的框架集边框，面板上单击要保存的框架集边框，选择选择选择选择“ “文件文件文件文件” ”/“/“保存框架页保存框架页保存框架页保存框架页” ”命令命令命令命令选择选择选择选择“ “文件文件文件文件” ”/“/“框架集另存为框架集另存为框架集另存为框架集另存为” ”命令命令命令命令 选择选择选择选择“ “文件文件文件文件” ”/“/“保存框架保存框架保存框架保存框架” ”命令命令命令命令单击单击单击单击“ “保存保存保存保存” ”按钮按钮按钮按钮 选择选择选择选择“ “文件文件文件文件” ”/“/“框架另存为框架另存为框架另存为框架另存为” ”命令命令命令命令 124大学计算机信息

178、科技教程（第二版）第5章 网页制作基础5.4.2 框架式页面布局框架式页面布局 调整和编辑框架页调整和编辑框架页调整框架大小调整框架大小调整框架大小调整框架大小用鼠标拖动框架的边框；用鼠标拖动框架的边框；用鼠标拖动框架的边框；用鼠标拖动框架的边框；在属性检查器中设置框架的大小。在属性检查器中设置框架的大小。在属性检查器中设置框架的大小。在属性检查器中设置框架的大小。 选中选中选中选中“ “查看查看查看查看” ”/“/“可视化助理可视化助理可视化助理可视化助理” ”/“/“框架边框框架边框框架边框框架边框” ”选项，显示出框架的边框。选项，显示出框架的边框。选项，显示出框架的边框。选项，显示出框

179、架的边框。 125大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.2 框架式页面布局框架式页面布局 拆分和删除框架页拆分和删除框架页拆分和删除框架页拆分和删除框架页拆分框架页的方法拆分框架页的方法拆分框架页的方法拆分框架页的方法选择选择“修改修改”/“框架页框架页”/“拆分左框架拆分左框架”、“拆分右框架拆分右框架”、“拆分上框架拆分上框架”或或“拆分下框架拆分下框架”命令。命令。将鼠标指针指向框架集的外框，当鼠标变成双向将鼠标指针指向框架集的外框，当鼠标变成双向箭头时，向内拖动，便分出一个新的框架。箭头时，向内拖动，便分出一个新的框架。删除框架的方法删除框架的方法删除框架的方法删

180、除框架的方法将框架的内边框拖出编辑窗口，即可删除框架。将框架的内边框拖出编辑窗口，即可删除框架。126大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.2 框架式页面布局框架式页面布局编辑无框架内容编辑无框架内容编辑无框架内容编辑无框架内容选中选中选中选中“ “修改修改修改修改” ”/“/“框架页框架页框架页框架页” ”/“/“编辑无框架内容编辑无框架内容编辑无框架内容编辑无框架内容” ”命令，便打开无框架编辑窗口，输入无框架命令，便打开无框架编辑窗口，输入无框架命令，便打开无框架编辑窗口，输入无框架命令，便打开无框架编辑窗口，输入无框架内容。内容。内容。内容。取消选中取消选中取消选

181、中取消选中“ “修改修改修改修改” ”/“/“框架页框架页框架页框架页” ”/“/“编辑无框架编辑无框架编辑无框架编辑无框架内容内容内容内容” ”命令，便返回框架编辑状态。命令，便返回框架编辑状态。命令，便返回框架编辑状态。命令，便返回框架编辑状态。127大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.2 框架式页面布局框架式页面布局设置框架和框架集的属性设置框架和框架集的属性在框架集的属性检查器中设置在框架集的属性检查器中设置在框架集的属性检查器中设置在框架集的属性检查器中设置128大学计算机信息科技教程（第二版）第5章 网页制作基础5.5 建立超链接建立超链接超链接概述超链接概

182、述创建各种超链接创建各种超链接制作图像地图链接制作图像地图链接创建特定位置的链接创建特定位置的链接129大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.1 超链接概述超链接概述 超链接基本概念超链接基本概念超链接是从源端点到目标端点的一种跳转。源端超链接是从源端点到目标端点的一种跳转。源端超链接是从源端点到目标端点的一种跳转。源端超链接是从源端点到目标端点的一种跳转。源端点是被链接的对象，可以是文本，也可以是图像点是被链接的对象，可以是文本，也可以是图像点是被链接的对象，可以是文本，也可以是图像点是被链接的对象，可以是文本，也可以是图像等非文本对象。目标端点是连接到的对象，可以等非

183、文本对象。目标端点是连接到的对象，可以等非文本对象。目标端点是连接到的对象，可以等非文本对象。目标端点是连接到的对象，可以是任何网络资源，它可以是一个页面、一幅图像、是任何网络资源，它可以是一个页面、一幅图像、是任何网络资源，它可以是一个页面、一幅图像、是任何网络资源，它可以是一个页面、一幅图像、一段视频等，也可以是一个页面中的某个位置，一段视频等，也可以是一个页面中的某个位置，一段视频等，也可以是一个页面中的某个位置，一段视频等，也可以是一个页面中的某个位置，甚至是任意文件。甚至是任意文件。甚至是任意文件。甚至是任意文件。浏览网页时，单击超链接后显示对应的页面、图浏览网页时，单击超链接后显示

184、对应的页面、图浏览网页时，单击超链接后显示对应的页面、图浏览网页时，单击超链接后显示对应的页面、图像和视频，或者跳转到网页中的某个位置。如果像和视频，或者跳转到网页中的某个位置。如果像和视频，或者跳转到网页中的某个位置。如果像和视频，或者跳转到网页中的某个位置。如果超链接的链接到的对象无法在浏览器中直接打开，超链接的链接到的对象无法在浏览器中直接打开，超链接的链接到的对象无法在浏览器中直接打开，超链接的链接到的对象无法在浏览器中直接打开，则弹出则弹出则弹出则弹出“ “文件下载文件下载文件下载文件下载” ”对话框，从而达到了下载文对话框，从而达到了下载文对话框，从而达到了下载文对话框，从而达到了

185、下载文件的目的。件的目的。件的目的。件的目的。 130大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.1 超链接概述超链接概述 在浏览器中访问网页时，作为超链接源端点的文在浏览器中访问网页时，作为超链接源端点的文在浏览器中访问网页时，作为超链接源端点的文在浏览器中访问网页时，作为超链接源端点的文本（即超文本）有本（即超文本）有本（即超文本）有本（即超文本）有3 3种状态：未被访问的超文本、种状态：未被访问的超文本、种状态：未被访问的超文本、种状态：未被访问的超文本、已被访问的超文本和正在被访问的超文本。默认已被访问的超文本和正在被访问的超文本。默认已被访问的超文本和正在被访问的超文

186、本。默认已被访问的超文本和正在被访问的超文本。默认状态下，不同状态的超文本的颜色由浏览器决定。状态下，不同状态的超文本的颜色由浏览器决定。状态下，不同状态的超文本的颜色由浏览器决定。状态下，不同状态的超文本的颜色由浏览器决定。通过设置页面属性，可以定义各种链接状态下文通过设置页面属性，可以定义各种链接状态下文通过设置页面属性，可以定义各种链接状态下文通过设置页面属性，可以定义各种链接状态下文本的字体颜色。本的字体颜色。本的字体颜色。本的字体颜色。131大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.1 超链接概述超链接概述 根据目标端点的对象不同，可以把超链接分为根据目标端点的对象

187、不同，可以把超链接分为根据目标端点的对象不同，可以把超链接分为根据目标端点的对象不同，可以把超链接分为 外部链接外部链接外部链接外部链接外部链接的目标端点是本站点以外的站点或文档，利用外部外部链接的目标端点是本站点以外的站点或文档，利用外部链接可以跳转到其他网站。链接可以跳转到其他网站。 内部连接内部连接内部连接内部连接内部链接的目标端点是本站点中的文档，利用内部链接可以内部链接的目标端点是本站点中的文档，利用内部链接可以跳转到本站点中的其他页面。跳转到本站点中的其他页面。 E-mailE-mail链接链接链接链接E-mail链接的目标端点是电子邮件程序，单击这种超链接后链接的目标端点是电子邮

188、件程序，单击这种超链接后自动启动电子邮件程序，并以超链接指定的自动启动电子邮件程序，并以超链接指定的E-mail地址为收地址为收件人，开始撰写新邮件。件人，开始撰写新邮件。 局部链接局部链接局部链接局部链接局部链接的目标端点是网页中标记的位置，利用局部链接可局部链接的目标端点是网页中标记的位置，利用局部链接可以跳转到网页中的指定位置。以跳转到网页中的指定位置。132大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.1 超链接概述超链接概述 链接路径链接路径绝对路径绝对路径绝对路径绝对路径 提供所链接文档的完整提供所链接文档的完整提供所链接文档的完整提供所链接文档的完整URLURL，它

189、包括了所使用的协议，它包括了所使用的协议，它包括了所使用的协议，它包括了所使用的协议，例如例如例如例如http:/http:/ 绝对路径与链接的源端点没有任何关系，只要目标端绝对路径与链接的源端点没有任何关系，只要目标端绝对路径与链接的源端点没有任何关系，只要目标端绝对路径与链接的源端点没有任何关系，只要目标端点的地址不变，无论超链接所在的网页文件在站点文点的地址不变，无论超链接所在的网页文件在站点文点的地址不变，无论超链接所在的网页文件在站点文点的地址不变，无论超链接所在的网页文件在站点文件夹中如何移动，都可以实现正常的跳转而不会出错。件夹中如何移动，都可以实现正常的跳转而不会出错。件夹中如

190、何移动，都可以实现正常的跳转而不会出错。件夹中如何移动，都可以实现正常的跳转而不会出错。 绝对路径通常用于表示外部链接。绝对路径通常用于表示外部链接。绝对路径通常用于表示外部链接。绝对路径通常用于表示外部链接。相对路径相对路径相对路径相对路径 常用于表示内部链接，相对路径包括文档相对路径和常用于表示内部链接，相对路径包括文档相对路径和常用于表示内部链接，相对路径包括文档相对路径和常用于表示内部链接，相对路径包括文档相对路径和站点根目录相对路径站点根目录相对路径站点根目录相对路径站点根目录相对路径两种。两种。两种。两种。133大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.1 超链接

191、概述超链接概述 文档相对路径文档相对路径文档相对路径文档相对路径是以当前网页所在文件夹为基础来描述路径的，是以当前网页所在文件夹为基础来描述路径的，是以当前网页所在文件夹为基础来描述路径的，是以当前网页所在文件夹为基础来描述路径的，对于对于对于对于WebWeb站点中的文件来说，使用相对路径站点中的文件来说，使用相对路径站点中的文件来说，使用相对路径站点中的文件来说，使用相对路径比较适合。比较适合。比较适合。比较适合。 站点根目录相对路径站点根目录相对路径站点根目录相对路径站点根目录相对路径从当前站点的根目录开始描述路径的，从当前站点的根目录开始描述路径的，从当前站点的根目录开始描述路径的，从当

192、前站点的根目录开始描述路径的，站点根站点根站点根站点根目录相对路径目录相对路径目录相对路径目录相对路径以一个正斜杠开始，该正斜杠表以一个正斜杠开始，该正斜杠表以一个正斜杠开始，该正斜杠表以一个正斜杠开始，该正斜杠表示站点根文件夹。例如：示站点根文件夹。例如：示站点根文件夹。例如：示站点根文件夹。例如：/contents/contents/yjsx.htmlyjsx.html是相对路径，表示是相对路径，表示是相对路径，表示是相对路径，表示yjsx.htmlyjsx.html文件位于站点的根文件夹的文件位于站点的根文件夹的文件位于站点的根文件夹的文件位于站点的根文件夹的contentsconten

193、ts文件夹中。文件夹中。文件夹中。文件夹中。134大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.1 超链接概述超链接概述 例例例例 若要从若要从若要从若要从yjsx.htmlyjsx.html链接到链接到链接到链接到rwjg.htmlrwjg.html，其相对路径是，其相对路径是，其相对路径是，其相对路径是rwjg.htmlrwjg.html。 若要从若要从若要从若要从yjsx.htmlyjsx.html链接到链接到链接到链接到mulu.htmlmulu.html，其相对路径为，其相对路径为，其相对路径为，其相对路径为lywh/mulu.htmllywh/mulu.html。 若

194、要从若要从若要从若要从yjsx.htmlyjsx.html链接到链接到链接到链接到index.htmlindex.html，其相对路径为，其相对路径为，其相对路径为，其相对路径为././index.htmlindex.html。 若要从若要从若要从若要从yjsx.htmlyjsx.html链接到链接到链接到链接到changjiang.jpegchangjiang.jpeg，其相对路径为，其相对路径为，其相对路径为，其相对路径为./photo/./photo/changjiang.jpegchangjiang.jpeg。135大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.1 超链接

195、概述超链接概述 在在在在 “ “文件文件文件文件” ”面板中改变文件名或者移动文件面板中改变文件名或者移动文件面板中改变文件名或者移动文件面板中改变文件名或者移动文件时，将弹出时，将弹出时，将弹出时，将弹出“ “更新文件更新文件更新文件更新文件” ”对话框，显示出需对话框，显示出需对话框，显示出需对话框，显示出需要更新的文件名列表，单击要更新的文件名列表，单击要更新的文件名列表，单击要更新的文件名列表，单击“ “更新更新更新更新” ”按钮可按钮可按钮可按钮可以完成超链接的路径更新。以完成超链接的路径更新。以完成超链接的路径更新。以完成超链接的路径更新。 136大学计算机信息科技教程（第二版）第

196、5章 网页制作基础5.5.2 创建各种超链接创建各种超链接 插入文本超链接插入文本超链接选择选择选择选择“ “插入插入插入插入” ”/“/“超级链接超级链接超级链接超级链接” ”命令命令命令命令单击单击单击单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “常用常用常用常用” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “超超超超级链接级链接级链接级链接” ”按钮按钮按钮按钮 137大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.2 创建各种超链接创建各种超链接 使用属性检查器建立超链接使用属性检查器建立超链接在属性检查器的在属性检查器的在属性检查器的在属性检查

197、器的“ “链接链接链接链接” ”文本框中输入超链接目文本框中输入超链接目文本框中输入超链接目文本框中输入超链接目标标标标文档的路径和文件名；文档的路径和文件名；文档的路径和文件名；文档的路径和文件名；单击单击单击单击“ “链接链接链接链接” ”文本框右侧的文件夹图标，可以通文本框右侧的文件夹图标，可以通文本框右侧的文件夹图标，可以通文本框右侧的文件夹图标，可以通过浏览选择一个文件作为超链接的目标文件；过浏览选择一个文件作为超链接的目标文件；过浏览选择一个文件作为超链接的目标文件；过浏览选择一个文件作为超链接的目标文件；将将将将“ “链接链接链接链接” ”文本框右侧的文本框右侧的文本框右侧的文本

198、框右侧的“ “指向文件指向文件指向文件指向文件” ”图标图标图标图标拖动拖动拖动拖动到到到到“ “文件文件文件文件” ”面板中的文件上面板中的文件上面板中的文件上面板中的文件上。 138大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.2 创建各种超链接创建各种超链接 139大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.2 创建各种超链接创建各种超链接 建立电子邮件链接建立电子邮件链接选择选择选择选择“ “插入插入插入插入” ”/“/“电子邮件链接电子邮件链接电子邮件链接电子邮件链接” ”命令；命令；命令；命令；单击单击单击单击“ “插入插入插入插入” ”工具栏的工具栏

199、的工具栏的工具栏的“ “常用常用常用常用” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “电子邮件链接电子邮件链接电子邮件链接电子邮件链接” ”按钮。按钮。按钮。按钮。自动设置邮件的主题，例如：自动设置邮件的主题，例如：自动设置邮件的主题，例如：自动设置邮件的主题，例如：??subject=咨询旅游线路咨询旅游线路咨询旅游线路咨询旅游线路140大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.3 制作图像地图链接制作图像地图链接热点是在图像地图上画出的封闭区域，热点是在图像地图上画出的封闭区域，热点是在图像地图上画出的封闭区域，热点是在图像地图上画出的封闭区域，图像地图图像地图图像

200、地图图像地图是含有是含有是含有是含有多个热点的图像，不同的热点指向不同的多个热点的图像，不同的热点指向不同的多个热点的图像，不同的热点指向不同的多个热点的图像，不同的热点指向不同的超链接。超链接。超链接。超链接。 在图像地图中，单击不同的热点，可以在图像地图中，单击不同的热点，可以在图像地图中，单击不同的热点，可以在图像地图中，单击不同的热点，可以超链接到相应的网页。超链接到相应的网页。超链接到相应的网页。超链接到相应的网页。图像地图有服务器端图像地图和客户端图像地图图像地图有服务器端图像地图和客户端图像地图图像地图有服务器端图像地图和客户端图像地图图像地图有服务器端图像地图和客户端图像地图两

201、种，它们的不同之处在于鼠标单击热点后的处两种，它们的不同之处在于鼠标单击热点后的处两种，它们的不同之处在于鼠标单击热点后的处两种，它们的不同之处在于鼠标单击热点后的处理方法上。理方法上。理方法上。理方法上。 141大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.3 制作图像地图链接制作图像地图链接创建客户端图像地图创建客户端图像地图首先在网页中插入作为图像地图的图像；首先在网页中插入作为图像地图的图像；首先在网页中插入作为图像地图的图像；首先在网页中插入作为图像地图的图像；单击图像的属性检查器中的热点工具，绘制出一单击图像的属性检查器中的热点工具，绘制出一单击图像的属性检查器中的热

202、点工具，绘制出一单击图像的属性检查器中的热点工具，绘制出一个热点区域：个热点区域：个热点区域：个热点区域：矩形热点工具矩形热点工具矩形热点工具矩形热点工具椭圆形热点工具椭圆形热点工具椭圆形热点工具椭圆形热点工具多边形热点工具多边形热点工具多边形热点工具多边形热点工具通过属性检查器设置热点对应的超链接和目标位通过属性检查器设置热点对应的超链接和目标位通过属性检查器设置热点对应的超链接和目标位通过属性检查器设置热点对应的超链接和目标位置。置。置。置。 142大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.3 制作图像地图链接制作图像地图链接椭圆形热点矩形热点多边形热点143大学计算机信

203、息科技教程（第二版）第5章 网页制作基础5.5.3 制作图像地图链接制作图像地图链接修改图像地图修改图像地图选中热点选中热点选中热点选中热点 选中图像地图后，单击选中图像地图后，单击选中图像地图后，单击选中图像地图后，单击“ “指针热点工具指针热点工具指针热点工具指针热点工具” ”按钮，然后按钮，然后按钮，然后按钮，然后单击热点，即可选中热点。若需要同时选中多个热点，单击热点，即可选中热点。若需要同时选中多个热点，单击热点，即可选中热点。若需要同时选中多个热点，单击热点，即可选中热点。若需要同时选中多个热点，可以从选择第二个热点开始，按住可以从选择第二个热点开始，按住可以从选择第二个热点开始，

204、按住可以从选择第二个热点开始，按住ShiftShift键同时单击需键同时单击需键同时单击需键同时单击需要选择的热点。按要选择的热点。按要选择的热点。按要选择的热点。按Ctrl+ACtrl+A键，则选中图像地图中的所键，则选中图像地图中的所键，则选中图像地图中的所键，则选中图像地图中的所有热点。有热点。有热点。有热点。改变热点的位置改变热点的位置改变热点的位置改变热点的位置 选中热点后，将鼠标移到热点上然后进行拖动选中热点后，将鼠标移到热点上然后进行拖动选中热点后，将鼠标移到热点上然后进行拖动选中热点后，将鼠标移到热点上然后进行拖动改变热点区域的形状或大小改变热点区域的形状或大小改变热点区域的形

205、状或大小改变热点区域的形状或大小 选中热点后，拖动热点的控制点选中热点后，拖动热点的控制点选中热点后，拖动热点的控制点选中热点后，拖动热点的控制点改变叠放次序改变叠放次序改变叠放次序改变叠放次序 右单击热点区域，在快捷菜单中选择右单击热点区域，在快捷菜单中选择右单击热点区域，在快捷菜单中选择右单击热点区域，在快捷菜单中选择“ “移到最上面移到最上面移到最上面移到最上面” ”或或或或“ “移到最下面移到最下面移到最下面移到最下面” ”命令命令命令命令144大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.4 创建特定位置的链接创建特定位置的链接通过插入通过插入通过插入通过插入命名锚记可

206、以设置标记，这些标记通常命名锚记可以设置标记，这些标记通常命名锚记可以设置标记，这些标记通常命名锚记可以设置标记，这些标记通常放在文档的特定主题处或顶部。然后可以创建到放在文档的特定主题处或顶部。然后可以创建到放在文档的特定主题处或顶部。然后可以创建到放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接，这些链接可快速将访问者这些命名锚记的链接，这些链接可快速将访问者这些命名锚记的链接，这些链接可快速将访问者这些命名锚记的链接，这些链接可快速将访问者带到指定位置。带到指定位置。带到指定位置。带到指定位置。 145大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.4 创建特定位

207、置的链接创建特定位置的链接插入命名锚记插入命名锚记将插入点定位于要设置标记的位置将插入点定位于要设置标记的位置将插入点定位于要设置标记的位置将插入点定位于要设置标记的位置选择选择选择选择“ “插入插入插入插入” ”/“/“命名锚记命名锚记命名锚记命名锚记” ”命令命令命令命令。插入命名锚记后，网页中出现一个标记，标志出插入命名锚记后，网页中出现一个标记，标志出插入命名锚记后，网页中出现一个标记，标志出插入命名锚记后，网页中出现一个标记，标志出锚记的位置。如果看不到锚记标记，可以选中锚记的位置。如果看不到锚记标记，可以选中锚记的位置。如果看不到锚记标记，可以选中锚记的位置。如果看不到锚记标记，可

208、以选中“ “查看查看查看查看” ”/“/“可视化助理可视化助理可视化助理可视化助理” ”/“/“不可见元素不可见元素不可见元素不可见元素” ”命令，命令，命令，命令，将锚记标记显示出来。将锚记标记显示出来。将锚记标记显示出来。将锚记标记显示出来。 146大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.4 创建特定位置的链接创建特定位置的链接建立命名锚记链接建立命名锚记链接选择选择选择选择“ “插入插入插入插入” ”/“/“超级链接超级链接超级链接超级链接” ”命令，输入超链接文本内容，命令，输入超链接文本内容，命令，输入超链接文本内容，命令，输入超链接文本内容，并在并在并在并在“

209、“链接链接链接链接” ”下拉列表中选择锚记名称。下拉列表中选择锚记名称。下拉列表中选择锚记名称。下拉列表中选择锚记名称。属性检查器中，链接到锚记的超链接的表示形式为锚记属性检查器中，链接到锚记的超链接的表示形式为锚记属性检查器中，链接到锚记的超链接的表示形式为锚记属性检查器中，链接到锚记的超链接的表示形式为锚记名称前加数字符号名称前加数字符号名称前加数字符号名称前加数字符号“ “#”#”。在属性检查器中直接输入这样。在属性检查器中直接输入这样。在属性检查器中直接输入这样。在属性检查器中直接输入这样的超链接（如：的超链接（如：的超链接（如：的超链接（如：#psjpsj）。）。）。）。如果要链接到

210、其他网页的命名锚记，则需要在锚记前加如果要链接到其他网页的命名锚记，则需要在锚记前加如果要链接到其他网页的命名锚记，则需要在锚记前加如果要链接到其他网页的命名锚记，则需要在锚记前加上网页文档名称。例如，如果要链接到网页上网页文档名称。例如，如果要链接到网页上网页文档名称。例如，如果要链接到网页上网页文档名称。例如，如果要链接到网页maoji.htmlmaoji.html名为名为名为名为xdjxdj的锚记，应在的锚记，应在的锚记，应在的锚记，应在“ “链接链接链接链接” ”文本框中输入：文本框中输入：文本框中输入：文本框中输入：maoji.html#xdjmaoji.html#xdj。在属性检查

211、器中在属性检查器中在属性检查器中在属性检查器中将将将将“ “链接链接链接链接” ”文本框右侧的文本框右侧的文本框右侧的文本框右侧的“ “指向文件指向文件指向文件指向文件” ”图标图标图标图标拖动到网页中的锚记标记上。拖动到网页中的锚记标记上。拖动到网页中的锚记标记上。拖动到网页中的锚记标记上。 147大学计算机信息科技教程（第二版）第5章 网页制作基础5.6 使用使用CSS样式样式CSS样式概述样式概述创建创建CSS样式样式管理管理CSS样式表样式表148大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.1 CSS样式概述样式概述 CSSCSS是一系列格式的设置规则，它们用于控制是一

212、系列格式的设置规则，它们用于控制是一系列格式的设置规则，它们用于控制是一系列格式的设置规则，它们用于控制WebWeb页面内容的外观。使用页面内容的外观。使用页面内容的外观。使用页面内容的外观。使用CSSCSS设置页面格式时，设置页面格式时，设置页面格式时，设置页面格式时，页面内容与表现形式分开。页面内容（即页面内容与表现形式分开。页面内容（即页面内容与表现形式分开。页面内容（即页面内容与表现形式分开。页面内容（即HTMLHTML代码）驻留在代码）驻留在代码）驻留在代码）驻留在HTMLHTML文件自身中，而用于定义代文件自身中，而用于定义代文件自身中，而用于定义代文件自身中，而用于定义代码表现形

213、式的码表现形式的码表现形式的码表现形式的CSSCSS规则驻留在另一个文件（外部规则驻留在另一个文件（外部规则驻留在另一个文件（外部规则驻留在另一个文件（外部样式表）或样式表）或样式表）或样式表）或 HTMLHTML文档的另一部分（通常为文文档的另一部分（通常为文文档的另一部分（通常为文文档的另一部分（通常为文件头部分）中。件头部分）中。件头部分）中。件头部分）中。CSSCSS的主要优点是它提供了便利的更新功能。的主要优点是它提供了便利的更新功能。的主要优点是它提供了便利的更新功能。的主要优点是它提供了便利的更新功能。CSSCSS允许控制允许控制允许控制允许控制HTMLHTML无法独自控制的许多

214、属性。无法独自控制的许多属性。无法独自控制的许多属性。无法独自控制的许多属性。使用使用使用使用CSSCSS控制控制控制控制WebWeb页面中块级别元素的格式和定页面中块级别元素的格式和定页面中块级别元素的格式和定页面中块级别元素的格式和定位。位。位。位。149大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.1 CSS样式概述样式概述 CSSCSS格式设置规则由两部分组成：选择器和声明。格式设置规则由两部分组成：选择器和声明。格式设置规则由两部分组成：选择器和声明。格式设置规则由两部分组成：选择器和声明。选择器是标识格式元素的术语（如选择器是标识格式元素的术语（如选择器是标识格式元素

215、的术语（如选择器是标识格式元素的术语（如 P P、H1H1、类、类、类、类名或名或名或名或 IDID），声明用于定义元素样式。），声明用于定义元素样式。），声明用于定义元素样式。），声明用于定义元素样式。介于括号介于括号介于括号介于括号 ()()之间的所有内容都是声明，声明之间的所有内容都是声明，声明之间的所有内容都是声明，声明之间的所有内容都是声明，声明由两部分组成：属性和值。由两部分组成：属性和值。由两部分组成：属性和值。由两部分组成：属性和值。H1H1font-size:16pixels;font-size:16pixels;图图图图5-6-1“CSS5-6-1“CSS样式样式样式样式”

216、 ”面板面板面板面板font-font-family:Helveticafamily:Helvetica; ;font-font-weight:boldweight:bold; ; 150大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.1 CSS样式概述样式概述 将将将将CSSCSS样式加入网页的方法样式加入网页的方法样式加入网页的方法样式加入网页的方法从外部附加从外部附加从外部附加从外部附加CSSCSS样式样式样式样式直接在直接在直接在直接在DreamweaverDreamweaver中创建中创建中创建中创建CSSCSS样式。样式。样式。样式。 151大学计算机信息科技教程（第二

217、版）第5章 网页制作基础5.6.1 CSS样式概述样式概述 “ “CSSCSS样式样式样式样式” ”面板面板面板面板可以创建和管理可以创建和管理可以创建和管理可以创建和管理CSSCSS样式、查看样式、查看样式、查看样式、查看CSSCSS样式样式样式样式的属性。的属性。的属性。的属性。选中选中选中选中“ “窗口窗口窗口窗口” ”/“CSS/“CSS样式样式样式样式” ”命令或按命令或按命令或按命令或按Shift+F11Shift+F11键，将打键，将打键，将打键，将打开开开开“ “CSSCSS样式样式样式样式” ”面板。面板。面板。面板。152大学计算机信息科技教程（第二版）第5章 网页制作基础

218、5.6.2 创建创建CSS样式样式 选择选择选择选择“ “文本文本文本文本” ”/“CSS/“CSS样式样式样式样式” ”/“/“新建新建新建新建” ”命令命令命令命令单击单击单击单击“ “CSSCSS样式样式样式样式” ”面板的面板的面板的面板的“ “新建新建新建新建CSSCSS规则规则规则规则” ”按钮按钮按钮按钮 153大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.2 创建创建CSS样式样式 新建新建“类类”规则规则“ “类类类类” ”CSSCSS规则规则规则规则可作为可作为可作为可作为 classclass属性应用于文本范属性应用于文本范属性应用于文本范属性应用于文本范围

219、或文本块的自定义样式，是唯一可以应用于文围或文本块的自定义样式，是唯一可以应用于文围或文本块的自定义样式，是唯一可以应用于文围或文本块的自定义样式，是唯一可以应用于文档中任何文本（与控制文本的标签无关）的档中任何文本（与控制文本的标签无关）的档中任何文本（与控制文本的标签无关）的档中任何文本（与控制文本的标签无关）的 CSSCSS样式类型。样式类型。样式类型。样式类型。在在在在“ “新建新建新建新建CSSCSS规则规则规则规则” ”对话框中，选中对话框中，选中对话框中，选中对话框中，选中“ “类（可应类（可应类（可应类（可应用于任何标签）用于任何标签）用于任何标签）用于任何标签）” ”单选按钮

220、，然后在单选按钮，然后在单选按钮，然后在单选按钮，然后在“ “名称名称名称名称” ”框框框框中输入名称。类名称是以句点开头、后跟任意字中输入名称。类名称是以句点开头、后跟任意字中输入名称。类名称是以句点开头、后跟任意字中输入名称。类名称是以句点开头、后跟任意字母和数字的字符串。母和数字的字符串。母和数字的字符串。母和数字的字符串。单击单击单击单击“ “确定确定确定确定” ”按钮后，打开按钮后，打开按钮后，打开按钮后，打开“ “CSSCSS规则定义规则定义规则定义规则定义” ”对对对对话框，在话框，在话框，在话框，在“ “CSSCSS规则定义规则定义规则定义规则定义” ”对话框中选择类别并对话框

221、中选择类别并对话框中选择类别并对话框中选择类别并设置格式。设置格式。设置格式。设置格式。 154大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.2 创建创建CSS样式样式 155大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.2 创建创建CSS样式样式 新建新建“标签标签”规则规则“ “标签标签标签标签” ”CSSCSS规则用于规则用于规则用于规则用于重新定义已有的重新定义已有的重新定义已有的重新定义已有的 HTMLHTML标标标标签的格式设置，以扩充它的功能。重新定义某个签的格式设置，以扩充它的功能。重新定义某个签的格式设置，以扩充它的功能。重新定义某个签的格式设置，

222、以扩充它的功能。重新定义某个HTMLHTML标签格式后，网页中使用该标签的元素不标签格式后，网页中使用该标签的元素不标签格式后，网页中使用该标签的元素不标签格式后，网页中使用该标签的元素不需要进行套用操作而立即产生效果。需要进行套用操作而立即产生效果。需要进行套用操作而立即产生效果。需要进行套用操作而立即产生效果。在在在在“ “新建新建新建新建CSSCSS规则规则规则规则” ”对话框中，选中对话框中，选中对话框中，选中对话框中，选中“ “标签（重标签（重标签（重标签（重新定义特定标签的外观）新定义特定标签的外观）新定义特定标签的外观）新定义特定标签的外观）” ”单选按钮，在单选按钮，在单选按钮

223、，在单选按钮，在“ “标签标签标签标签” ”下拉列表中选择标签名称。下拉列表中选择标签名称。下拉列表中选择标签名称。下拉列表中选择标签名称。单击单击单击单击“ “确定确定确定确定” ”按钮后，可以在打开的按钮后，可以在打开的按钮后，可以在打开的按钮后，可以在打开的“ “CSSCSS规则规则规则规则定义定义定义定义” ”对话框中设置标签格式，其方法与设置对话框中设置标签格式，其方法与设置对话框中设置标签格式，其方法与设置对话框中设置标签格式，其方法与设置“ “类类类类” ”规则相同。完成设置后，单击规则相同。完成设置后，单击规则相同。完成设置后，单击规则相同。完成设置后，单击“ “应用应用应用应

224、用” ”按钮，按钮，按钮，按钮，设置的设置的设置的设置的CSSCSS样式名称将显示在样式名称将显示在样式名称将显示在样式名称将显示在“ “CSSCSS样式样式样式样式” ”面板。面板。面板。面板。156大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.2 创建创建CSS样式样式 157大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.2 创建创建CSS样式样式 新建新建“高级高级”规则规则“ “高级高级高级高级” ”CSSCSS规则主要用于设置超链接的格式，规则主要用于设置超链接的格式，规则主要用于设置超链接的格式，规则主要用于设置超链接的格式，可以在其中设置鼠标的互动效果

225、，包括：一般状可以在其中设置鼠标的互动效果，包括：一般状可以在其中设置鼠标的互动效果，包括：一般状可以在其中设置鼠标的互动效果，包括：一般状态、已访问的状态和鼠标指针指向时的状态等。态、已访问的状态和鼠标指针指向时的状态等。态、已访问的状态和鼠标指针指向时的状态等。态、已访问的状态和鼠标指针指向时的状态等。在在在在“ “新建新建新建新建CSSCSS规则规则规则规则” ”对话框中，选中对话框中，选中对话框中，选中对话框中，选中“ “高级（高级（高级（高级（IDID、伪类选择器等）伪类选择器等）伪类选择器等）伪类选择器等）” ”单选按钮，在单选按钮，在单选按钮，在单选按钮，在“ “选择器选择器选择

226、器选择器” ”下拉下拉下拉下拉列表中列出了列表中列出了列表中列出了列表中列出了4 4个选项：个选项：个选项：个选项：a:linka:link、a:visiteda:visited、a:hovera:hover和和和和a:activea:active，选定后可以分别设置这些，选定后可以分别设置这些，选定后可以分别设置这些，选定后可以分别设置这些选择器的规则。选择器的规则。选择器的规则。选择器的规则。158大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.2 创建创建CSS样式样式 159大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.3 管理管理CSS样式表样式表编辑和删除

227、编辑和删除CSS样式表样式表在在在在“ “CSSCSS样式样式样式样式” ”面板中选中要修改的面板中选中要修改的面板中选中要修改的面板中选中要修改的CSSCSS样式名样式名样式名样式名称，单击称，单击称，单击称，单击“ “CSSCSS样式样式样式样式” ”面板底部的面板底部的面板底部的面板底部的“ “编辑样式编辑样式编辑样式编辑样式” ”按钮；按钮；按钮；按钮；在在在在“ “CSSCSS样式样式样式样式” ”面板中双击要修改的面板中双击要修改的面板中双击要修改的面板中双击要修改的CSSCSS样式名样式名样式名样式名称。称。称。称。在在在在“ “CSSCSS样式样式样式样式” ”面板中选中要修改

228、的面板中选中要修改的面板中选中要修改的面板中选中要修改的CSSCSS样式名样式名样式名样式名称，然后直接在下面的属性列表中进行设置。称，然后直接在下面的属性列表中进行设置。称，然后直接在下面的属性列表中进行设置。称，然后直接在下面的属性列表中进行设置。选中选中选中选中CSSCSS样式名称，单击样式名称，单击样式名称，单击样式名称，单击“ “CSSCSS样式样式样式样式” ”面板底部面板底部面板底部面板底部的的的的“ “删除删除删除删除CSSCSS规则规则规则规则” ”按钮，便可以删除创建的按钮，便可以删除创建的按钮，便可以删除创建的按钮，便可以删除创建的CSSCSS样式。样式。样式。样式。 1

229、60大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.3 管理管理CSS样式表样式表创建和附加外部样式表创建和附加外部样式表在在在在“ “新建新建新建新建CSSCSS规则规则规则规则” ”对话框选中对话框选中对话框选中对话框选中“ “仅对该文档仅对该文档仅对该文档仅对该文档” ”单选按钮，建立的单选按钮，建立的单选按钮，建立的单选按钮，建立的CSSCSS样式嵌入在当前文档中，样式嵌入在当前文档中，样式嵌入在当前文档中，样式嵌入在当前文档中，直接写在直接写在直接写在直接写在headhead文件头中，可以作用于当前网页文件头中，可以作用于当前网页文件头中，可以作用于当前网页文件头中，可以

230、作用于当前网页中的多个文本。中的多个文本。中的多个文本。中的多个文本。创建外部样式表的方法是：在创建创建外部样式表的方法是：在创建创建外部样式表的方法是：在创建创建外部样式表的方法是：在创建CSSCSS样式时，样式时，样式时，样式时，在在在在“ “新建新建新建新建CSSCSS规则规则规则规则” ”对话框的对话框的对话框的对话框的“ “定义在定义在定义在定义在” ”框的下框的下框的下框的下拉列表中选择拉列表中选择拉列表中选择拉列表中选择“ “新建样式表文件新建样式表文件新建样式表文件新建样式表文件” ”选项。单击选项。单击选项。单击选项。单击“ “确定确定确定确定” ”按钮后，打开按钮后，打开按

231、钮后，打开按钮后，打开“ “保存样式表文件为保存样式表文件为保存样式表文件为保存样式表文件为” ”对话对话对话对话框，选择样式表文件的保存位置，并且输入文件框，选择样式表文件的保存位置，并且输入文件框，选择样式表文件的保存位置，并且输入文件框，选择样式表文件的保存位置，并且输入文件名，单击名，单击名，单击名，单击“ “保存保存保存保存” ”按钮。按钮。按钮。按钮。 161大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.3 管理管理CSS样式表样式表外部样式表文件的扩展名为外部样式表文件的扩展名为外部样式表文件的扩展名为外部样式表文件的扩展名为. .csscss，它可以保存多，它可以

232、保存多，它可以保存多，它可以保存多个个个个CSSCSS样式。建立外部样式表以后，再次创建样式。建立外部样式表以后，再次创建样式。建立外部样式表以后，再次创建样式。建立外部样式表以后，再次创建CSSCSS样式时，在样式时，在样式时，在样式时，在“ “新建新建新建新建CSSCSS规则规则规则规则” ”对话框的对话框的对话框的对话框的“ “定定定定义在义在义在义在” ”框的下拉列表中选择样式表文件名，便可框的下拉列表中选择样式表文件名，便可框的下拉列表中选择样式表文件名，便可框的下拉列表中选择样式表文件名，便可以将创建的新的以将创建的新的以将创建的新的以将创建的新的CSSCSS样式保存到已有的样式表

233、文样式保存到已有的样式表文样式保存到已有的样式表文样式保存到已有的样式表文件中。件中。件中。件中。163大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.3 管理管理CSS样式表样式表外部样式表可以同时控制多个外部样式表可以同时控制多个外部样式表可以同时控制多个外部样式表可以同时控制多个WebWeb页的外观，使页的外观，使页的外观，使页的外观，使得它们的风格保持一致，而不需要对每个得它们的风格保持一致，而不需要对每个得它们的风格保持一致，而不需要对每个得它们的风格保持一致，而不需要对每个WebWeb页页页页分别设置样式。分别设置样式。分别设置样式。分别设置样式。使用样式表文件中的使用

234、样式表文件中的使用样式表文件中的使用样式表文件中的CSSCSS样式：样式：样式：样式：在在在在“ “CSSCSS样式样式样式样式” ”面板中单击面板中单击面板中单击面板中单击“ “附加样式表附加样式表附加样式表附加样式表” ”按按按按钮，打开钮，打开钮，打开钮，打开“ “链接外部样式表链接外部样式表链接外部样式表链接外部样式表” ”对话框。在对话框。在对话框。在对话框。在“ “文文文文件件件件/URL”/URL”下拉列表中指定样式表文件，选择添下拉列表中指定样式表文件，选择添下拉列表中指定样式表文件，选择添下拉列表中指定样式表文件，选择添加样式表的方式后，单击加样式表的方式后，单击加样式表的方

235、式后，单击加样式表的方式后，单击“ “确定确定确定确定” ”按钮。按钮。按钮。按钮。164大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.3 管理管理CSS样式表样式表使用外部样式表的优点使用外部样式表的优点将同一样式应用到多个将同一样式应用到多个将同一样式应用到多个将同一样式应用到多个WebWeb页，使其风格一致页，使其风格一致页，使其风格一致页，使其风格一致使用样式表文件中的使用样式表文件中的使用样式表文件中的使用样式表文件中的CSSCSSCSSCSS样式样式样式样式或或下一张使用方法：使用方法：链接或导入外链接或导入外部样式表到当部样式表到当前网页中前网页中165大学计算机信

236、息科技教程（第二版）第5章 网页制作基础5.6.3 管理管理CSS样式表样式表“ “链接链接链接链接” ”与与与与“ “导入导入导入导入” ”的不同：的不同：的不同：的不同：链接：链接：链接：链接：在网页中指定样式表的在网页中指定样式表的在网页中指定样式表的在网页中指定样式表的URLURL，然后将其，然后将其，然后将其，然后将其定义的定义的定义的定义的CSSCSS规则添加到网页中。规则添加到网页中。规则添加到网页中。规则添加到网页中。导入：导入：导入：导入：将外部样式表中的将外部样式表中的将外部样式表中的将外部样式表中的CSSCSS规则嵌入到网页规则嵌入到网页规则嵌入到网页规则嵌入到网页中，如

237、同创建在当前网页中的中，如同创建在当前网页中的中，如同创建在当前网页中的中，如同创建在当前网页中的CSSCSS样式。样式。样式。样式。 166大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.3 管理管理CSS样式表样式表添加样式表添加样式表添加样式表添加样式表CSSCSS规则有规则有规则有规则有“ “链接链接链接链接” ”和和和和“ “导入导入导入导入” ”两种两种两种两种方式。方式。方式。方式。“ “链接链接链接链接” ”方式在网页中指定样式表的方式在网页中指定样式表的方式在网页中指定样式表的方式在网页中指定样式表的URLURL，然后，然后，然后，然后将其定义的将其定义的将其定义

238、的将其定义的CSSCSS规则添加到网页中。规则添加到网页中。规则添加到网页中。规则添加到网页中。“ “导入导入导入导入” ”方式则将外部样式表中的方式则将外部样式表中的方式则将外部样式表中的方式则将外部样式表中的CSSCSS规则嵌入规则嵌入规则嵌入规则嵌入到网页中，如同创建在当前网页中的到网页中，如同创建在当前网页中的到网页中，如同创建在当前网页中的到网页中，如同创建在当前网页中的CSSCSS样式。样式。样式。样式。 167大学计算机信息科技教程（第二版）第5章 网页制作基础5.7 层、行为和时间轴层、行为和时间轴层和绝对定位层和绝对定位行为行为时间轴时间轴168大学计算机信息科技教程（第二版

239、）第5章 网页制作基础5.7.1 层和绝对定位层和绝对定位层是一种新的网页元素定位技术，它可以包含文层是一种新的网页元素定位技术，它可以包含文层是一种新的网页元素定位技术，它可以包含文层是一种新的网页元素定位技术，它可以包含文本、图像、表格等大部分页面元素，甚至层里还本、图像、表格等大部分页面元素，甚至层里还本、图像、表格等大部分页面元素，甚至层里还本、图像、表格等大部分页面元素，甚至层里还可以包含其他的层。可以包含其他的层。可以包含其他的层。可以包含其他的层。层可以放置在网页中的任何位置，利用层不仅可层可以放置在网页中的任何位置，利用层不仅可层可以放置在网页中的任何位置，利用层不仅可层可以放

240、置在网页中的任何位置，利用层不仅可以随心所欲地安排网页上各种元素的位置，而且以随心所欲地安排网页上各种元素的位置，而且以随心所欲地安排网页上各种元素的位置，而且以随心所欲地安排网页上各种元素的位置，而且可以使它们前后叠放、产生层叠效果，还可以在可以使它们前后叠放、产生层叠效果，还可以在可以使它们前后叠放、产生层叠效果，还可以在可以使它们前后叠放、产生层叠效果，还可以在屏幕上显示某层的同时隐藏另一层。屏幕上显示某层的同时隐藏另一层。屏幕上显示某层的同时隐藏另一层。屏幕上显示某层的同时隐藏另一层。 169大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.1 层和绝对定位层和绝对定位创建层

241、创建层创建层的操作只能在创建层的操作只能在创建层的操作只能在创建层的操作只能在“ “标准视图标准视图标准视图标准视图” ”和和和和“ “扩展视图扩展视图扩展视图扩展视图” ”下进行，在下进行，在下进行，在下进行，在“ “布局视图布局视图布局视图布局视图” ”中不能创建新层。中不能创建新层。中不能创建新层。中不能创建新层。创建层的方法有两类：创建层的方法有两类：创建层的方法有两类：创建层的方法有两类：选择选择选择选择“ “插入插入插入插入” ”/“/“布局对象布局对象布局对象布局对象” ”/“/“层层层层” ”命令；命令；命令；命令；使用使用使用使用“ “插入插入插入插入” ”工具栏工具栏工具栏

242、工具栏“ “布局布局布局布局” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “绘绘绘绘制层制层制层制层” ”按钮。按钮。按钮。按钮。在在在在DreamweaverDreamweaver中，页面中可以创建单个层，中，页面中可以创建单个层，中，页面中可以创建单个层，中，页面中可以创建单个层，也可以创建多个层。页面中包含多层时，层与层也可以创建多个层。页面中包含多层时，层与层也可以创建多个层。页面中包含多层时，层与层也可以创建多个层。页面中包含多层时，层与层之间可以是相互对立的，也可以是一个层中包含之间可以是相互对立的，也可以是一个层中包含之间可以是相互对立的，也可以是一个层中包含之间可以是相互对

243、立的，也可以是一个层中包含另一个层。另一个层。另一个层。另一个层。 170大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.1 层和绝对定位层和绝对定位创建新层创建新层创建新层创建新层 选择选择选择选择“ “插入插入插入插入” ”/“/“布局对象布局对象布局对象布局对象” ”/“/“层层层层” ”命令；命令；命令；命令； 单击单击单击单击“ “插入插入插入插入” ”工具栏工具栏工具栏工具栏“ “布局布局布局布局” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “绘制层绘制层绘制层绘制层” ”按钮，按住鼠标左键不放，并拖动到页面中，同样将按钮，按住鼠标左键不放，并拖动到页面中，同样将按

244、钮，按住鼠标左键不放，并拖动到页面中，同样将按钮，按住鼠标左键不放，并拖动到页面中，同样将在页面的左上角插入一个预设大小的层。在页面的左上角插入一个预设大小的层。在页面的左上角插入一个预设大小的层。在页面的左上角插入一个预设大小的层。 单击单击单击单击“绘制层绘制层绘制层绘制层” ”按钮，然后将鼠标指针移到页面上，按钮，然后将鼠标指针移到页面上，按钮，然后将鼠标指针移到页面上，按钮，然后将鼠标指针移到页面上，此时鼠标指针呈十字形。按住鼠标左键拖动，便可以此时鼠标指针呈十字形。按住鼠标左键拖动，便可以此时鼠标指针呈十字形。按住鼠标左键拖动，便可以此时鼠标指针呈十字形。按住鼠标左键拖动，便可以在页

245、面中绘制出一个所需大小的区域，作为层。在页面中绘制出一个所需大小的区域，作为层。在页面中绘制出一个所需大小的区域，作为层。在页面中绘制出一个所需大小的区域，作为层。 单击单击单击单击“ “绘制层绘制层绘制层绘制层” ”按钮后，直接单击页面上的某个位置。按钮后，直接单击页面上的某个位置。按钮后，直接单击页面上的某个位置。按钮后，直接单击页面上的某个位置。 单击单击单击单击“ “绘制层绘制层绘制层绘制层” ”按钮，按住按钮，按住按钮，按住按钮，按住CtrlCtrl键，连续绘制多个层。键，连续绘制多个层。键，连续绘制多个层。键，连续绘制多个层。 171大学计算机信息科技教程（第二版）第5章 网页制作

246、基础5.7.1 层和绝对定位层和绝对定位编辑层的内容编辑层的内容编辑层的内容编辑层的内容插入点定位于层内，像在页面中添加内容一样，插入点定位于层内，像在页面中添加内容一样，插入点定位于层内，像在页面中添加内容一样，插入点定位于层内，像在页面中添加内容一样，在层中进行编辑文本、插入图像等各种操作。在层中进行编辑文本、插入图像等各种操作。在层中进行编辑文本、插入图像等各种操作。在层中进行编辑文本、插入图像等各种操作。调整层的大小调整层的大小调整层的大小调整层的大小单击层的边框，边框上将出现单击层的边框，边框上将出现单击层的边框，边框上将出现单击层的边框，边框上将出现8 8个控制点，拖个控制点，拖个

247、控制点，拖个控制点，拖动控制点可以。动控制点可以。动控制点可以。动控制点可以。172大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.1 层和绝对定位层和绝对定位创建嵌套层创建嵌套层创建嵌套层创建嵌套层 嵌套层是包含在另一个层中的层，通常用于将层组织嵌套层是包含在另一个层中的层，通常用于将层组织嵌套层是包含在另一个层中的层，通常用于将层组织嵌套层是包含在另一个层中的层，通常用于将层组织在一起。在一起。在一起。在一起。 将插入点定位于现有的层内，选择将插入点定位于现有的层内，选择将插入点定位于现有的层内，选择将插入点定位于现有的层内，选择“ “插入插入插入插入” ”/“/“布局对布局对

248、布局对布局对象象象象” ”/“/“层层层层” ”命令命令命令命令; ; 将将将将“ “绘制层绘制层绘制层绘制层” ”按钮，拖动到现有的层中；按钮，拖动到现有的层中；按钮，拖动到现有的层中；按钮，拖动到现有的层中； 选择选择选择选择“ “编辑编辑编辑编辑” ”/“/“首选参数首选参数首选参数首选参数” ”命令，选中命令，选中命令，选中命令，选中“ “层层层层” ”选项中选项中选项中选项中的的的的“ “如果在层中则使用嵌套如果在层中则使用嵌套如果在层中则使用嵌套如果在层中则使用嵌套” ”复选框后，在现有的层复选框后，在现有的层复选框后，在现有的层复选框后，在现有的层内拖动鼠标。内拖动鼠标。内拖动鼠

249、标。内拖动鼠标。 如果没有选中如果没有选中如果没有选中如果没有选中“ “如果在层中则使用嵌套如果在层中则使用嵌套如果在层中则使用嵌套如果在层中则使用嵌套” ”复选框，单复选框，单复选框，单复选框，单击击击击“绘制层绘制层绘制层绘制层” ”按钮后必须按住按钮后必须按住按钮后必须按住按钮后必须按住AltAlt键同时拖动鼠标，键同时拖动鼠标，键同时拖动鼠标，键同时拖动鼠标，才能绘制出嵌套层。才能绘制出嵌套层。才能绘制出嵌套层。才能绘制出嵌套层。173大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.1 层和绝对定位层和绝对定位 在页面中可以同时存在多个层，这些层可以是相互独立的，在页面中可

250、以同时存在多个层，这些层可以是相互独立的，在页面中可以同时存在多个层，这些层可以是相互独立的，在页面中可以同时存在多个层，这些层可以是相互独立的，也可以是相互嵌套的。通常将嵌套层称为子层，将其外部的也可以是相互嵌套的。通常将嵌套层称为子层，将其外部的也可以是相互嵌套的。通常将嵌套层称为子层，将其外部的也可以是相互嵌套的。通常将嵌套层称为子层，将其外部的层称为父层，子层一般在其父层的内部。而相互独立的层的层称为父层，子层一般在其父层的内部。而相互独立的层的层称为父层，子层一般在其父层的内部。而相互独立的层的层称为父层，子层一般在其父层的内部。而相互独立的层的位置可以是相互分开的，也可以是部分相互

251、重叠的，甚至可位置可以是相互分开的，也可以是部分相互重叠的，甚至可位置可以是相互分开的，也可以是部分相互重叠的，甚至可位置可以是相互分开的，也可以是部分相互重叠的，甚至可以完全重叠的。以完全重叠的。以完全重叠的。以完全重叠的。 单击某个层的外框，该层被选中，其外框呈蓝色，左上角带单击某个层的外框，该层被选中，其外框呈蓝色，左上角带单击某个层的外框，该层被选中，其外框呈蓝色，左上角带单击某个层的外框，该层被选中，其外框呈蓝色，左上角带有选择柄。如果是独立的层，则仅选中该层，其外框呈蓝色，有选择柄。如果是独立的层，则仅选中该层，其外框呈蓝色，有选择柄。如果是独立的层，则仅选中该层，其外框呈蓝色，有

252、选择柄。如果是独立的层，则仅选中该层，其外框呈蓝色，而与它重叠的层的外框颜色不变。如果单击的是嵌套层父层而与它重叠的层的外框颜色不变。如果单击的是嵌套层父层而与它重叠的层的外框颜色不变。如果单击的是嵌套层父层而与它重叠的层的外框颜色不变。如果单击的是嵌套层父层的外框，则父层和子层均被选中，它们的外框都呈蓝色。的外框，则父层和子层均被选中，它们的外框都呈蓝色。的外框，则父层和子层均被选中，它们的外框都呈蓝色。的外框，则父层和子层均被选中，它们的外框都呈蓝色。174大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.1 层和绝对定位层和绝对定位管理层管理层“ “层层层层” ”面板面板面板面

253、板选择选择选择选择“ “窗口窗口窗口窗口” ”/“/“层层层层” ”命令或者按命令或者按命令或者按命令或者按F2F2键，将显键，将显键，将显键，将显示或隐藏示或隐藏示或隐藏示或隐藏“ “层层层层” ”面板。面板。面板。面板。在在在在“ “层层层层” ”面板中，页面中的所有层都显示在面板中，页面中的所有层都显示在面板中，页面中的所有层都显示在面板中，页面中的所有层都显示在层列表中，并且显示出了页面中各个层的关层列表中，并且显示出了页面中各个层的关层列表中，并且显示出了页面中各个层的关层列表中，并且显示出了页面中各个层的关系。如果存在嵌套层，则以树状结构显示。系。如果存在嵌套层，则以树状结构显示。

254、系。如果存在嵌套层，则以树状结构显示。系。如果存在嵌套层，则以树状结构显示。175大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.1 层和绝对定位层和绝对定位利用利用利用利用“ “层层层层” ”面板可以完成以下操作：面板可以完成以下操作：面板可以完成以下操作：面板可以完成以下操作：单击单击列，可以显示或隐藏某一层；列，可以显示或隐藏某一层；双击层的名称，可以修改层的名称；双击层的名称，可以修改层的名称；单击单击Z列，可以调整层的重叠顺序。列，可以调整层的重叠顺序。如果选中如果选中“防止重叠防止重叠”复选框，则表示在创建层复选框，则表示在创建层时禁止各层重叠。创建嵌套层时，必须取消选

255、择时禁止各层重叠。创建嵌套层时，必须取消选择该复选框。该复选框。176大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.1 层和绝对定位层和绝对定位改变层的重叠顺序改变层的重叠顺序改变层的重叠顺序改变层的重叠顺序 “ “层层层层” ”在平面坐标在平面坐标在平面坐标在平面坐标X X、Y Y基础上又添加一个具有三维空间基础上又添加一个具有三维空间基础上又添加一个具有三维空间基础上又添加一个具有三维空间的坐标的坐标的坐标的坐标Z Z，使得层有一个叠放顺序，使得层有一个叠放顺序，使得层有一个叠放顺序，使得层有一个叠放顺序，Z Z值大的叠放在上面。值大的叠放在上面。值大的叠放在上面。值大的叠放

256、在上面。对于嵌套层，对于嵌套层，对于嵌套层，对于嵌套层，Z Z值与其父层的值与其父层的值与其父层的值与其父层的Z Z值无关，它们是独立编号值无关，它们是独立编号值无关，它们是独立编号值无关，它们是独立编号的。的。的。的。 改变层的重叠顺序的方法有三种：改变层的重叠顺序的方法有三种：改变层的重叠顺序的方法有三种：改变层的重叠顺序的方法有三种：在在“层层”面板单击某一层的面板单击某一层的Z列，重新输入列，重新输入Z值；值；单击某个层的名称选定该层，然后上下拖动该行；单击某个层的名称选定该层，然后上下拖动该行；选择选择“修改修改”/“排列顺序排列顺序”/“移到最上层移到最上层”或或“移到最下层移到最

257、下层”命令。命令。 如果按住如果按住如果按住如果按住CtrlCtrl键，同时将某一层拖动到目标层的名称上，键，同时将某一层拖动到目标层的名称上，键，同时将某一层拖动到目标层的名称上，键，同时将某一层拖动到目标层的名称上，当目标层所在行外面加上外框时，松开鼠标，便可以以当目标层所在行外面加上外框时，松开鼠标，便可以以当目标层所在行外面加上外框时，松开鼠标，便可以以当目标层所在行外面加上外框时，松开鼠标，便可以以目标层为父层、选定层为子层，将现有的层作为嵌套层。目标层为父层、选定层为子层，将现有的层作为嵌套层。目标层为父层、选定层为子层，将现有的层作为嵌套层。目标层为父层、选定层为子层，将现有的层

258、作为嵌套层。 对于嵌套层，如果直接拖动嵌套层的父层，则连同其子对于嵌套层，如果直接拖动嵌套层的父层，则连同其子对于嵌套层，如果直接拖动嵌套层的父层，则连同其子对于嵌套层，如果直接拖动嵌套层的父层，则连同其子层一起改变重叠顺序。如果不按任何键，将子层拖动到层一起改变重叠顺序。如果不按任何键，将子层拖动到层一起改变重叠顺序。如果不按任何键，将子层拖动到层一起改变重叠顺序。如果不按任何键，将子层拖动到父层以外，则取消它们之间的嵌套关系，作为独立的层。父层以外，则取消它们之间的嵌套关系，作为独立的层。父层以外，则取消它们之间的嵌套关系，作为独立的层。父层以外，则取消它们之间的嵌套关系，作为独立的层。

259、177大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.1 层和绝对定位层和绝对定位显示和隐藏层显示和隐藏层显示和隐藏层显示和隐藏层在在在在“ “层层层层” ”面板中，通过单击要改变可见性的层面板中，通过单击要改变可见性的层面板中，通过单击要改变可见性的层面板中，通过单击要改变可见性的层的可见性列，可以改变其可见性状态，设置层的可见性列，可以改变其可见性状态，设置层的可见性列，可以改变其可见性状态，设置层的可见性列，可以改变其可见性状态，设置层的显示和隐藏。的显示和隐藏。的显示和隐藏。的显示和隐藏。可见性图标为睁眼形状可见性图标为睁眼形状时表示层可见；时表示层可见；可见性图标为闭眼形

260、状可见性图标为闭眼形状时表示层不可见；时表示层不可见；没有图标时表示该层继承父层的可见性。没有图标时表示该层继承父层的可见性。单击可见性列的标题，可以一次改变所有层的单击可见性列的标题，可以一次改变所有层的单击可见性列的标题，可以一次改变所有层的单击可见性列的标题，可以一次改变所有层的可见性。第一次单击后，所有层都变为可见，可见性。第一次单击后，所有层都变为可见，可见性。第一次单击后，所有层都变为可见，可见性。第一次单击后，所有层都变为可见，再次单击则都变成不可见。再次单击则都变成不可见。再次单击则都变成不可见。再次单击则都变成不可见。178大学计算机信息科技教程（第二版）第5章 网页制作基础

261、5.7.1 层和绝对定位层和绝对定位操作层操作层选定层选定层选定层选定层 在在在在“ “层层层层” ”面板中单击层的名称；面板中单击层的名称；面板中单击层的名称；面板中单击层的名称； 在页面中将鼠标指针指向层的边框，单击鼠标左键。在页面中将鼠标指针指向层的边框，单击鼠标左键。在页面中将鼠标指针指向层的边框，单击鼠标左键。在页面中将鼠标指针指向层的边框，单击鼠标左键。 选定多个层：先选定第一个层，然后按住选定多个层：先选定第一个层，然后按住选定多个层：先选定第一个层，然后按住选定多个层：先选定第一个层，然后按住ShiftShift键同时键同时键同时键同时单击页面或单击页面或单击页面或单击页面或“

262、 “层层层层” ”面板中的其余要选定的层。选定多面板中的其余要选定的层。选定多面板中的其余要选定的层。选定多面板中的其余要选定的层。选定多层后，这些层都以蓝色边框显示，其中最后一个选定层后，这些层都以蓝色边框显示，其中最后一个选定层后，这些层都以蓝色边框显示，其中最后一个选定层后，这些层都以蓝色边框显示，其中最后一个选定的层的控制点为实心方块，其余层的控制点均为空心的层的控制点为实心方块，其余层的控制点均为空心的层的控制点为实心方块，其余层的控制点均为空心的层的控制点为实心方块，其余层的控制点均为空心方块。方块。方块。方块。 当选定层以后，按当选定层以后，按当选定层以后，按当选定层以后，按De

263、leteDelete键可以删除选定的层。键可以删除选定的层。键可以删除选定的层。键可以删除选定的层。179大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.1 层和绝对定位层和绝对定位调整层的大小调整层的大小调整层的大小调整层的大小拖动层的外框上控制点；拖动层的外框上控制点；拖动层的外框上控制点；拖动层的外框上控制点；按按按按CtrlCtrl键和方向键，可以将高度或宽度增大或键和方向键，可以将高度或宽度增大或键和方向键，可以将高度或宽度增大或键和方向键，可以将高度或宽度增大或缩小一个像素。缩小一个像素。缩小一个像素。缩小一个像素。按住按住按住按住Ctrl+ShiftCtrl+Shif

264、t键，然后按方向键，可以使层键，然后按方向键，可以使层键，然后按方向键，可以使层键，然后按方向键，可以使层的高度或宽度每次改变的高度或宽度每次改变的高度或宽度每次改变的高度或宽度每次改变1010个像素。个像素。个像素。个像素。选定多个层后，选择选定多个层后，选择选定多个层后，选择选定多个层后，选择“ “修改修改修改修改” ”/“/“排列顺序排列顺序排列顺序排列顺序” ”/“/“设成宽度相同设成宽度相同设成宽度相同设成宽度相同” ”或或或或“ “设成高度相同设成高度相同设成高度相同设成高度相同” ”命命命命令，则以最后一个选中的层的大小为标准，调令，则以最后一个选中的层的大小为标准，调令，则以最

265、后一个选中的层的大小为标准，调令，则以最后一个选中的层的大小为标准，调整其他层的大小，使得它们具有相同的宽度或整其他层的大小，使得它们具有相同的宽度或整其他层的大小，使得它们具有相同的宽度或整其他层的大小，使得它们具有相同的宽度或高度。高度。高度。高度。 180大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.1 层和绝对定位层和绝对定位移动层的位置移动层的位置移动层的位置移动层的位置拖动层的边框或选择柄；拖动层的边框或选择柄；拖动层的边框或选择柄；拖动层的边框或选择柄；按方向键可以一次移动按方向键可以一次移动按方向键可以一次移动按方向键可以一次移动1 1个像素；个像素；个像素；个像

266、素；按住按住按住按住ShiftShift键并按方向键可以一次移动键并按方向键可以一次移动键并按方向键可以一次移动键并按方向键可以一次移动1010个像个像个像个像素。素。素。素。选择选择选择选择“ “查看查看查看查看” ”/“/“网格网格网格网格” ”/“/“靠齐到网格靠齐到网格靠齐到网格靠齐到网格” ”命令，命令，命令，命令，选择选择选择选择“ “查看查看查看查看” ”/“/“网格网格网格网格” ”/“/“显示网格显示网格显示网格显示网格” ”命令，命令，命令，命令，选择选择选择选择“ “查看查看查看查看” ”/“/“网格网格网格网格” ”/“/“网格设置网格设置网格设置网格设置” ”命令。命

267、令。命令。命令。选定多个层以后，选择选定多个层以后，选择选定多个层以后，选择选定多个层以后，选择“ “修改修改修改修改” ”/“/“排列顺序排列顺序排列顺序排列顺序” ”/“/“左对齐左对齐左对齐左对齐” ”、“ “右对齐右对齐右对齐右对齐” ”、“ “对齐上缘对齐上缘对齐上缘对齐上缘” ”或或或或“ “对齐下缘对齐下缘对齐下缘对齐下缘” ”命令。命令。命令。命令。181大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.1 层和绝对定位层和绝对定位设置层的属性设置层的属性设置层的属性设置层的属性 182大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为行为概述行

268、为概述行为是事件和由该事件触发的动作的组合。行为是事件和由该事件触发的动作的组合。行为是事件和由该事件触发的动作的组合。行为是事件和由该事件触发的动作的组合。实际上，事件是浏览器生成的消息，指示该页的访问者实际上，事件是浏览器生成的消息，指示该页的访问者实际上，事件是浏览器生成的消息，指示该页的访问者实际上，事件是浏览器生成的消息，指示该页的访问者执行了某种操作。执行了某种操作。执行了某种操作。执行了某种操作。不同的页元素定义了不同的事件。不同的页元素定义了不同的事件。不同的页元素定义了不同的事件。不同的页元素定义了不同的事件。动作是由预先编写的动作是由预先编写的动作是由预先编写的动作是由预先

269、编写的JavaScriptJavaScript代码组成的，这些代码代码组成的，这些代码代码组成的，这些代码代码组成的，这些代码执行特定的任务，例如打开浏览器窗口、显示或隐藏层、执行特定的任务，例如打开浏览器窗口、显示或隐藏层、执行特定的任务，例如打开浏览器窗口、显示或隐藏层、执行特定的任务，例如打开浏览器窗口、显示或隐藏层、播放声音或停止播放声音或停止播放声音或停止播放声音或停止 MacromediaShockwaveMacromediaShockwave影片。当事影片。当事影片。当事影片。当事件发生后，浏览器就查找是否存在与该事件对应的动作，件发生后，浏览器就查找是否存在与该事件对应的动作，

270、件发生后，浏览器就查找是否存在与该事件对应的动作，件发生后，浏览器就查找是否存在与该事件对应的动作，如果存在，则执行之。这就是整个行为的过程。如果存在，则执行之。这就是整个行为的过程。如果存在，则执行之。这就是整个行为的过程。如果存在，则执行之。这就是整个行为的过程。在将行为附加到页元素之后，只要对该元素发生了指定在将行为附加到页元素之后，只要对该元素发生了指定在将行为附加到页元素之后，只要对该元素发生了指定在将行为附加到页元素之后，只要对该元素发生了指定的事件，浏览器就会调用与该事件关联的动作的事件，浏览器就会调用与该事件关联的动作的事件，浏览器就会调用与该事件关联的动作的事件，浏览器就会调

271、用与该事件关联的动作（JavaScriptJavaScript代码）。代码）。代码）。代码）。183大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为主要事件主要事件主要事件主要事件 鼠标事件鼠标事件鼠标事件鼠标事件onClick：单击选定元素将触发该事件。：单击选定元素将触发该事件。onDblClick：双击选定元素将触发该事件。：双击选定元素将触发该事件。onMouseDown：按下鼠标时（不必释放鼠标）时触：按下鼠标时（不必释放鼠标）时触发该事件。发该事件。onMouseMove：当鼠标指针停留在对象边界内时触：当鼠标指针停留在对象边界内时触发该事件。发该事件。on

272、MouseOut：当鼠标指针离开对象边界时触发该事：当鼠标指针离开对象边界时触发该事件。件。onMouseOver：当鼠标指针从指定对象之外用户移动：当鼠标指针从指定对象之外用户移动到指定对象上时触发该事件。到指定对象上时触发该事件。onMouseUp：当按下的鼠标被释放时触发该事件。：当按下的鼠标被释放时触发该事件。184大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为 键盘事件键盘事件键盘事件键盘事件onKeyPress：按下并释放任意键时触发该事件。：按下并释放任意键时触发该事件。onKeyDown：按下任意键时触发该事件。：按下任意键时触发该事件。onKeyPr

273、ess：按下任意键后释放该键时触发该事件。：按下任意键后释放该键时触发该事件。 页面事件页面事件页面事件页面事件onLoad：当图片或页面完成载入后触发该事件。：当图片或页面完成载入后触发该事件。onUnload：离开页面时触发该事件。：离开页面时触发该事件。onError：页面或图片时，当浏览器发生错误时触发该事件。：页面或图片时，当浏览器发生错误时触发该事件。onMove：移动窗口或框架时触发该事件。：移动窗口或框架时触发该事件。onResize：调整浏览器窗口或框架尺寸时触发该事件。：调整浏览器窗口或框架尺寸时触发该事件。onScroll：拖动滚动条上下移动浏览器窗口时触发该事件。：拖动

274、滚动条上下移动浏览器窗口时触发该事件。185大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为表单事件表单事件表单事件表单事件onChange：改变了页面上的值或文本域的值后单击页：改变了页面上的值或文本域的值后单击页面其他位置时触发该事件。面其他位置时触发该事件。onFocus：交互的焦点移到指定元素上时触发该事件。：交互的焦点移到指定元素上时触发该事件。onBlur：交互的焦点离开指定元素时触发该事件。：交互的焦点离开指定元素时触发该事件。onSelect：在文本域中选定文本时触发该事件。：在文本域中选定文本时触发该事件。onSubmit：确认表单时触发该事件。：确认

275、表单时触发该事件。onReset：当表单被复位到其默认值时触发该事件。：当表单被复位到其默认值时触发该事件。186大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为应用行为应用行为选择选择选择选择“ “窗口窗口窗口窗口” ”/“/“行为行为行为行为” ”命令，或者按命令，或者按命令，或者按命令，或者按Shift+F3Shift+F3键，打键，打键，打键，打开开开开“ “行为行为行为行为” ”面板。面板。面板。面板。在在在在“ “行为行为行为行为” ”面板中，单击面板中，单击面板中，单击面板中，单击“ “添加行为添加行为添加行为添加行为” ”按钮，将弹出一按钮，将弹出一按钮

276、，将弹出一按钮，将弹出一个菜单，其中包含了可以附加到当前所选元素的多个动个菜单，其中包含了可以附加到当前所选元素的多个动个菜单，其中包含了可以附加到当前所选元素的多个动个菜单，其中包含了可以附加到当前所选元素的多个动作，在菜单中选择某个动作后，将出现一个对话框，从作，在菜单中选择某个动作后，将出现一个对话框，从作，在菜单中选择某个动作后，将出现一个对话框，从作，在菜单中选择某个动作后，将出现一个对话框，从中可以设置该动作的参数；中可以设置该动作的参数；中可以设置该动作的参数；中可以设置该动作的参数；单击单击单击单击“ “删除事件删除事件删除事件删除事件” ”按钮或按按钮或按按钮或按按钮或按De

277、leteDelete键，将删除行为列表键，将删除行为列表键，将删除行为列表键，将删除行为列表中选中的事件和动作。中选中的事件和动作。中选中的事件和动作。中选中的事件和动作。单击单击单击单击“ “增加事件值增加事件值增加事件值增加事件值” ”按钮和按钮和按钮和按钮和“ “降低事件值降低事件值降低事件值降低事件值” ”按钮，行为按钮，行为按钮，行为按钮，行为列表中选中的事件和动作将向上或向下移动，调整其执列表中选中的事件和动作将向上或向下移动，调整其执列表中选中的事件和动作将向上或向下移动，调整其执列表中选中的事件和动作将向上或向下移动，调整其执行顺序。单击某个事件，在该事件旁出现下拉箭头，从行顺

278、序。单击某个事件，在该事件旁出现下拉箭头，从行顺序。单击某个事件，在该事件旁出现下拉箭头，从行顺序。单击某个事件，在该事件旁出现下拉箭头，从中可以选择事件。中可以选择事件。中可以选择事件。中可以选择事件。187大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为Dreamweaver常用的内置行为常用的内置行为调用调用调用调用 JavaScriptJavaScript“ “调用调用调用调用JavaScript”JavaScript”动作允许用户指定当发生动作允许用户指定当发生动作允许用户指定当发生动作允许用户指定当发生某个事件时应该执行的自定义函数或某个事件时应该执行的自定

279、义函数或某个事件时应该执行的自定义函数或某个事件时应该执行的自定义函数或 JavaScriptJavaScript代码行。代码行。代码行。代码行。选择一个对象并在选择一个对象并在选择一个对象并在选择一个对象并在“ “行为行为行为行为” ”面板中单击面板中单击面板中单击面板中单击“ “添添添添加行为加行为加行为加行为” ”按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择“ “调用调用调用调用JavaScript”JavaScript”菜单项。菜单项。菜单项。菜单项。188大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为控制控制控制控

280、制 ShockwaveShockwave或或或或 FlashFlash 使用使用使用使用“ “控制控制控制控制ShockwaveShockwave或或或或Flash”Flash”动作可以实现对动作可以实现对动作可以实现对动作可以实现对ShockwaveShockwave或或或或FlashFlash对象的控制，可以设置动画的播放、停止、后退，甚至对象的控制，可以设置动画的播放、停止、后退，甚至对象的控制，可以设置动画的播放、停止、后退，甚至对象的控制，可以设置动画的播放、停止、后退，甚至可以直接跳转到动画序列中的某一帧。可以直接跳转到动画序列中的某一帧。可以直接跳转到动画序列中的某一帧。可以直接

281、跳转到动画序列中的某一帧。 选择选择选择选择“ “插入插入插入插入” ”/“/“媒体媒体媒体媒体” ”/“Shockwave”/“Shockwave”或或或或“ “Flash”Flash”命令，在页命令，在页命令，在页命令，在页面中插入面中插入面中插入面中插入 ShockwaveShockwave或或或或 FlashSWFFlashSWF文件。然后在属性检查文件。然后在属性检查文件。然后在属性检查文件。然后在属性检查器中输入影片的名称。若要用器中输入影片的名称。若要用器中输入影片的名称。若要用器中输入影片的名称。若要用“ “控制控制控制控制 ShockwaveShockwave或或或或Flas

282、h”Flash”动动动动作对影片进行控制，必须对该影片进行命名。作对影片进行控制，必须对该影片进行命名。作对影片进行控制，必须对该影片进行命名。作对影片进行控制，必须对该影片进行命名。 在在在在“ “行为行为行为行为” ”面板中单击面板中单击面板中单击面板中单击“ “添加行为添加行为添加行为添加行为” ”按钮并从弹出菜单中选择按钮并从弹出菜单中选择按钮并从弹出菜单中选择按钮并从弹出菜单中选择“ “控制控制控制控制 ShockwaveShockwave或或或或Flash”Flash”。189大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为打开浏览器窗口打开浏览器窗口打开浏

283、览器窗口打开浏览器窗口 使用使用使用使用“ “打开浏览器窗口打开浏览器窗口打开浏览器窗口打开浏览器窗口” ”动作，可以在一个动作，可以在一个动作，可以在一个动作，可以在一个新的窗口中打开指定新的窗口中打开指定新的窗口中打开指定新的窗口中打开指定URLURL位置上的文档。位置上的文档。位置上的文档。位置上的文档。选择一个对象并打开选择一个对象并打开选择一个对象并打开选择一个对象并打开“ “行为行为行为行为” ”面板，单击面板，单击面板，单击面板，单击“ “添加行为添加行为添加行为添加行为” ”按钮并从弹出菜单中选择按钮并从弹出菜单中选择按钮并从弹出菜单中选择按钮并从弹出菜单中选择“ “打开打开打

284、开打开浏览器窗口浏览器窗口浏览器窗口浏览器窗口” ”菜单项。菜单项。菜单项。菜单项。 190大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为播放声音播放声音播放声音播放声音 使用使用使用使用“ “播放声音播放声音播放声音播放声音” ”动作，可以在网页中播放声音动作，可以在网页中播放声音动作，可以在网页中播放声音动作，可以在网页中播放声音文件。例如，可以设置在每次鼠标指针滑过某幅文件。例如，可以设置在每次鼠标指针滑过某幅文件。例如，可以设置在每次鼠标指针滑过某幅文件。例如，可以设置在每次鼠标指针滑过某幅图像时播放一段音乐，或在网页载入时播放音乐图像时播放一段音乐，或在网页

285、载入时播放音乐图像时播放一段音乐，或在网页载入时播放音乐图像时播放一段音乐，或在网页载入时播放音乐剪辑。剪辑。剪辑。剪辑。选择一个对象后在选择一个对象后在选择一个对象后在选择一个对象后在“ “行为行为行为行为” ”面板中单击面板中单击面板中单击面板中单击“ “添加行添加行添加行添加行为为为为” ”按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择“ “播放声音播放声音播放声音播放声音” ”菜单菜单菜单菜单项。项。项。项。 191大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为弹出信息弹出信息弹出信息弹出信息 使用使用使用使用“ “弹

286、出信息弹出信息弹出信息弹出信息” ”动作，可以显示一个带有动作，可以显示一个带有动作，可以显示一个带有动作，可以显示一个带有指定信息的信息框，起到提示的作用。指定信息的信息框，起到提示的作用。指定信息的信息框，起到提示的作用。指定信息的信息框，起到提示的作用。选择一个对象后在选择一个对象后在选择一个对象后在选择一个对象后在“ “行为行为行为行为” ”面板中单击面板中单击面板中单击面板中单击“ “添添添添加行为加行为加行为加行为” ”按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择“ “弹出信弹出信弹出信弹出信息息息息” ”菜单项。菜单项。菜单项。菜单项。

287、 192大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为预先载入图像预先载入图像预先载入图像预先载入图像 使用使用使用使用“ “预先载入图像预先载入图像预先载入图像预先载入图像” ”动作，可以将不会立即出现在动作，可以将不会立即出现在动作，可以将不会立即出现在动作，可以将不会立即出现在页上的图像载入浏览器缓存中。这样可以防止当图像页上的图像载入浏览器缓存中。这样可以防止当图像页上的图像载入浏览器缓存中。这样可以防止当图像页上的图像载入浏览器缓存中。这样可以防止当图像应该出现时由于下载而导致延迟。应该出现时由于下载而导致延迟。应该出现时由于下载而导致延迟。应该出现时由于下

288、载而导致延迟。 选择一个对象后在选择一个对象后在选择一个对象后在选择一个对象后在“ “行为行为行为行为” ”面板中单击面板中单击面板中单击面板中单击“ “添加行为添加行为添加行为添加行为” ”按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择“ “预先载入图像预先载入图像预先载入图像预先载入图像” ”菜单项。菜单项。菜单项。菜单项。 193大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为设置状态栏文本设置状态栏文本设置状态栏文本设置状态栏文本 使用使用使用使用“ “设置状态栏文本设置状态栏文本设置状态栏文本设置状态栏文本” ”动作，

289、可以在浏览动作，可以在浏览动作，可以在浏览动作，可以在浏览器窗口底部左侧的状态栏中显示指定的消息。器窗口底部左侧的状态栏中显示指定的消息。器窗口底部左侧的状态栏中显示指定的消息。器窗口底部左侧的状态栏中显示指定的消息。选择一个对象后在选择一个对象后在选择一个对象后在选择一个对象后在“ “行为行为行为行为” ”面板中单击面板中单击面板中单击面板中单击“ “添添添添加行为加行为加行为加行为” ”按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择“ “设置文设置文设置文设置文本本本本” ”/“/“设置状态栏文本设置状态栏文本设置状态栏文本设置状态栏文本” ”菜单

290、项。菜单项。菜单项。菜单项。 194大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为显示隐藏层显示隐藏层显示隐藏层显示隐藏层 使用使用使用使用“ “显示隐藏层显示隐藏层显示隐藏层显示隐藏层” ”动作，可以显示、隐藏或恢复一个动作，可以显示、隐藏或恢复一个动作，可以显示、隐藏或恢复一个动作，可以显示、隐藏或恢复一个或多个层的默认可见性。此动作用于在用户与网页进行交或多个层的默认可见性。此动作用于在用户与网页进行交或多个层的默认可见性。此动作用于在用户与网页进行交或多个层的默认可见性。此动作用于在用户与网页进行交互时显示信息。互时显示信息。互时显示信息。互时显示信息。 “

291、“显示隐藏层显示隐藏层显示隐藏层显示隐藏层” ”还可用于创建预先载入层，即一个最初还可用于创建预先载入层，即一个最初还可用于创建预先载入层，即一个最初还可用于创建预先载入层，即一个最初挡住页的内容的较大的层，在所有页组件都完成载入后该挡住页的内容的较大的层，在所有页组件都完成载入后该挡住页的内容的较大的层，在所有页组件都完成载入后该挡住页的内容的较大的层，在所有页组件都完成载入后该层即消失。层即消失。层即消失。层即消失。 在创建在创建在创建在创建“ “显示隐藏层显示隐藏层显示隐藏层显示隐藏层” ”动作之前，先建立相关的层，然动作之前，先建立相关的层，然动作之前，先建立相关的层，然动作之前，先建

292、立相关的层，然后选择一个对象后在后选择一个对象后在后选择一个对象后在后选择一个对象后在“ “行为行为行为行为” ”面板中单击面板中单击面板中单击面板中单击“ “添加行为添加行为添加行为添加行为” ”按按按按钮，从弹出菜单中选择钮，从弹出菜单中选择钮，从弹出菜单中选择钮，从弹出菜单中选择“ “设置文本设置文本设置文本设置文本” ”/“/“显示隐藏层显示隐藏层显示隐藏层显示隐藏层” ”菜单项。菜单项。菜单项。菜单项。195大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为交换图像交换图像交换图像交换图像 使用使用使用使用“ “交换图像交换图像交换图像交换图像” ”动作，可以通

293、过更改动作，可以通过更改动作，可以通过更改动作，可以通过更改imgimg标签的标签的标签的标签的srcsrc属性将一个图像和另一个图像进行交换。属性将一个图像和另一个图像进行交换。属性将一个图像和另一个图像进行交换。属性将一个图像和另一个图像进行交换。 在创建交换图像动作之前，首先在页面中插入原图像，在创建交换图像动作之前，首先在页面中插入原图像，在创建交换图像动作之前，首先在页面中插入原图像，在创建交换图像动作之前，首先在页面中插入原图像，为了便于区分图像，应在属性检查器中输入该图像的为了便于区分图像，应在属性检查器中输入该图像的为了便于区分图像，应在属性检查器中输入该图像的为了便于区分图像

294、，应在属性检查器中输入该图像的名称。然后选择一个对象后在名称。然后选择一个对象后在名称。然后选择一个对象后在名称。然后选择一个对象后在“ “行为行为行为行为” ”面板中单击面板中单击面板中单击面板中单击“ “添加行为添加行为添加行为添加行为” ”按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择“ “交换图像交换图像交换图像交换图像” ”菜菜菜菜单项。单项。单项。单项。 196大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为恢复图像交换恢复图像交换恢复图像交换恢复图像交换 与与与与“ “交换图像交换图像交换图像交换图像” ”动作对应

295、，使用动作对应，使用动作对应，使用动作对应，使用“ “恢复交换图像恢复交换图像恢复交换图像恢复交换图像” ”动动动动作，可以将所有被交换显示的图像恢复成原始图像。作，可以将所有被交换显示的图像恢复成原始图像。作，可以将所有被交换显示的图像恢复成原始图像。作，可以将所有被交换显示的图像恢复成原始图像。一般来说，在设置交换图像动作时，选中一般来说，在设置交换图像动作时，选中一般来说，在设置交换图像动作时，选中一般来说，在设置交换图像动作时，选中“ “鼠标滑开鼠标滑开鼠标滑开鼠标滑开时恢复图像时恢复图像时恢复图像时恢复图像” ”复选框，会自动添加复选框，会自动添加复选框，会自动添加复选框，会自动添加

296、“ “恢复交换图像恢复交换图像恢复交换图像恢复交换图像” ”动作。动作。动作。动作。 如果没有设置如果没有设置如果没有设置如果没有设置“ “恢复交换图像恢复交换图像恢复交换图像恢复交换图像” ”动作的话，可以在动作的话，可以在动作的话，可以在动作的话，可以在“ “行为行为行为行为” ”面板中单击面板中单击面板中单击面板中单击“ “添加行为添加行为添加行为添加行为” ”按钮，从弹出菜单中按钮，从弹出菜单中按钮，从弹出菜单中按钮，从弹出菜单中选择选择选择选择“ “恢复交换图像恢复交换图像恢复交换图像恢复交换图像” ”菜单项。菜单项。菜单项。菜单项。 197大学计算机信息科技教程（第二版）第5章 网

297、页制作基础5.7.3 时间轴时间轴时间轴概述时间轴概述时间轴用于表示网页元素在不同时间处于的不同时间轴用于表示网页元素在不同时间处于的不同时间轴用于表示网页元素在不同时间处于的不同时间轴用于表示网页元素在不同时间处于的不同状态，利用时间轴可以创建各种动态效果。所谓状态，利用时间轴可以创建各种动态效果。所谓状态，利用时间轴可以创建各种动态效果。所谓状态，利用时间轴可以创建各种动态效果。所谓动画，是将许多画面按照时间先后连起来播放，动画，是将许多画面按照时间先后连起来播放，动画，是将许多画面按照时间先后连起来播放，动画，是将许多画面按照时间先后连起来播放，以产生运动的感觉。因此动画的基本单位就是一

298、以产生运动的感觉。因此动画的基本单位就是一以产生运动的感觉。因此动画的基本单位就是一以产生运动的感觉。因此动画的基本单位就是一个画面，称为帧。在动画中，有些画面是关键的，个画面，称为帧。在动画中，有些画面是关键的，个画面，称为帧。在动画中，有些画面是关键的，个画面，称为帧。在动画中，有些画面是关键的，可以影响整个动画，这样的帧称为可以影响整个动画，这样的帧称为可以影响整个动画，这样的帧称为可以影响整个动画，这样的帧称为“ “关键帧关键帧关键帧关键帧” ”。时间轴就是用来排列画面顺序的，它由通道组成，时间轴就是用来排列画面顺序的，它由通道组成，时间轴就是用来排列画面顺序的，它由通道组成，时间轴就

299、是用来排列画面顺序的，它由通道组成，每一个通道里面放置一个要运动的对象。每一个通道里面放置一个要运动的对象。每一个通道里面放置一个要运动的对象。每一个通道里面放置一个要运动的对象。 198大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.3 时间轴时间轴选择选择选择选择“ “窗口窗口窗口窗口” ”/“/“时间轴时间轴时间轴时间轴” ”命令或者按命令或者按命令或者按命令或者按Alt+F9Alt+F9键，键，键，键，便可打开或隐藏便可打开或隐藏便可打开或隐藏便可打开或隐藏“ “时间轴时间轴时间轴时间轴” ”面板。面板。面板。面板。时间轴菜单 帧编号 播放栏动画条 关键帧 动画通道行为通道

300、199大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.3 时间轴时间轴创建时间轴动画创建时间轴动画制作层的直线运动制作层的直线运动制作层的直线运动制作层的直线运动 打开打开打开打开“ “时间轴时间轴时间轴时间轴” ”面板后，选定页面中要移动的层，然面板后，选定页面中要移动的层，然面板后，选定页面中要移动的层，然面板后，选定页面中要移动的层，然后选择后选择后选择后选择“ “修改修改修改修改” ”/“/“时间轴时间轴时间轴时间轴” ”/“/“在时间轴上添加对象在时间轴上添加对象在时间轴上添加对象在时间轴上添加对象” ”命令，或者直接将选定层拖至命令，或者直接将选定层拖至命令，或者直接将

301、选定层拖至命令，或者直接将选定层拖至“ “时间轴时间轴时间轴时间轴” ”面板中的面板中的面板中的面板中的动画通道中。在动画通道中。在动画通道中。在动画通道中。在“ “时间轴时间轴时间轴时间轴” ”面板上拖动动画条或关键面板上拖动动画条或关键面板上拖动动画条或关键面板上拖动动画条或关键帧，便可以改变起始关键帧和结束关键帧的位置。帧，便可以改变起始关键帧和结束关键帧的位置。帧，便可以改变起始关键帧和结束关键帧的位置。帧，便可以改变起始关键帧和结束关键帧的位置。 在在在在“ “时间轴时间轴时间轴时间轴” ”面板上选定起始关键帧，然后在页面中面板上选定起始关键帧，然后在页面中面板上选定起始关键帧，然后

302、在页面中面板上选定起始关键帧，然后在页面中将层拖至动画的开始位置；选定结束关键帧后，在页将层拖至动画的开始位置；选定结束关键帧后，在页将层拖至动画的开始位置；选定结束关键帧后，在页将层拖至动画的开始位置；选定结束关键帧后，在页面中将层拖至动画的结束位置，页面中显示出动画运面中将层拖至动画的结束位置，页面中显示出动画运面中将层拖至动画的结束位置，页面中显示出动画运面中将层拖至动画的结束位置，页面中显示出动画运动路径的直线，指示出动画的运动轨迹。动路径的直线，指示出动画的运动轨迹。动路径的直线，指示出动画的运动轨迹。动路径的直线，指示出动画的运动轨迹。200大学计算机信息科技教程（第二版）第5章

303、网页制作基础5.7.3 时间轴时间轴201大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.3 时间轴时间轴制作层的曲线运动制作层的曲线运动制作层的曲线运动制作层的曲线运动 单击动画条中间的某单击动画条中间的某单击动画条中间的某单击动画条中间的某个位置，或者拖动播个位置，或者拖动播个位置，或者拖动播个位置，或者拖动播放栏，将播放栏移到放栏，将播放栏移到放栏，将播放栏移到放栏，将播放栏移到作为曲线运动转折点作为曲线运动转折点作为曲线运动转折点作为曲线运动转折点的位置，然后选择的位置，然后选择的位置，然后选择的位置，然后选择“ “修改修改修改修改” ”/“/“时间轴时间轴时间轴时间轴”

304、”/“/“增加关键帧增加关键帧增加关键帧增加关键帧” ”命令，在动画条上添命令，在动画条上添命令，在动画条上添命令，在动画条上添加一个关键帧。选定加一个关键帧。选定加一个关键帧。选定加一个关键帧。选定新增的关键帧后，在新增的关键帧后，在新增的关键帧后，在新增的关键帧后，在页面中将层移到所需页面中将层移到所需页面中将层移到所需页面中将层移到所需的位置，动画路径就的位置，动画路径就的位置，动画路径就的位置，动画路径就成为曲线。成为曲线。成为曲线。成为曲线。202大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.3 时间轴时间轴添加关键帧的方法还有：添加关键帧的方法还有：添加关键帧的方法还

305、有：添加关键帧的方法还有：单击单击“时间轴时间轴”面板右上角的按钮，在弹出菜单面板右上角的按钮，在弹出菜单中选择中选择“增加关键帧增加关键帧”命令；命令；选定动画条上要添加关键帧的位置，然后右单击，选定动画条上要添加关键帧的位置，然后右单击，在快捷菜单中选择在快捷菜单中选择“增加关键帧增加关键帧”命令；命令；按住按住Ctrl键，鼠标指针呈小圆点形状，同时单击动键，鼠标指针呈小圆点形状，同时单击动画条上要添加关键帧的位置。画条上要添加关键帧的位置。对于动画条上多余的关键帧，选择对于动画条上多余的关键帧，选择对于动画条上多余的关键帧，选择对于动画条上多余的关键帧，选择“ “移除关键移除关键移除关键

306、移除关键帧帧帧帧” ”命令，将删除关键帧。命令，将删除关键帧。命令，将删除关键帧。命令，将删除关键帧。 203大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.3 时间轴时间轴时间轴的行为时间轴的行为为时间轴绑定行为为时间轴绑定行为为时间轴绑定行为为时间轴绑定行为单击行为通道上要附加行为的帧位置，然后单单击行为通道上要附加行为的帧位置，然后单单击行为通道上要附加行为的帧位置，然后单单击行为通道上要附加行为的帧位置，然后单击击击击“ “行为行为行为行为” ”面板上的面板上的面板上的面板上的“ “添加行为添加行为添加行为添加行为” ”按钮，选定按钮，选定按钮，选定按钮，选定帧附加行为。帧

307、附加行为。帧附加行为。帧附加行为。完成附加行为操作后，在行为通道上的相应位完成附加行为操作后，在行为通道上的相应位完成附加行为操作后，在行为通道上的相应位完成附加行为操作后，在行为通道上的相应位置出现行为标记，浏览网页时，当时间轴播放置出现行为标记，浏览网页时，当时间轴播放置出现行为标记，浏览网页时，当时间轴播放置出现行为标记，浏览网页时，当时间轴播放到相应帧时，即可触发该行为。到相应帧时，即可触发该行为。到相应帧时，即可触发该行为。到相应帧时，即可触发该行为。204大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.3 时间轴时间轴播放时间轴播放时间轴播放时间轴播放时间轴 使用使用使

308、用使用“ “播放时间轴播放时间轴播放时间轴播放时间轴” ”动作，可以使网页中某个事件动作，可以使网页中某个事件动作，可以使网页中某个事件动作，可以使网页中某个事件触发时自动开始播放时间轴，例如访问者通过单击触发时自动开始播放时间轴，例如访问者通过单击触发时自动开始播放时间轴，例如访问者通过单击触发时自动开始播放时间轴，例如访问者通过单击超链接或按钮，或者在鼠标移到图像上开始播放某超链接或按钮，或者在鼠标移到图像上开始播放某超链接或按钮，或者在鼠标移到图像上开始播放某超链接或按钮，或者在鼠标移到图像上开始播放某个动画。当个动画。当个动画。当个动画。当“ “时间轴时间轴时间轴时间轴” ”面板中选中

309、面板中选中面板中选中面板中选中“ “自动播放自动播放自动播放自动播放” ”复复复复选框时，选框时，选框时，选框时，“ “播放时间轴播放时间轴播放时间轴播放时间轴” ”动作通过动作通过动作通过动作通过onLoadonLoad事件自动事件自动事件自动事件自动附加到网页中。附加到网页中。附加到网页中。附加到网页中。 选择一个对象后，在选择一个对象后，在选择一个对象后，在选择一个对象后，在“ “行为行为行为行为” ”面板中单击面板中单击面板中单击面板中单击“ “添加行添加行添加行添加行为为为为” ”按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择“ “时间轴时间

310、轴时间轴时间轴” ”/“/“播放时播放时播放时播放时间轴间轴间轴间轴” ”菜单项。菜单项。菜单项。菜单项。205大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.3 时间轴时间轴停止时间轴停止时间轴停止时间轴停止时间轴与使用与使用与使用与使用“ “播放时间轴播放时间轴播放时间轴播放时间轴” ”动作一样，使用动作一样，使用动作一样，使用动作一样，使用“ “停止停止停止停止时间轴时间轴时间轴时间轴” ”动作可以使访问者利用某个事件控制动作可以使访问者利用某个事件控制动作可以使访问者利用某个事件控制动作可以使访问者利用某个事件控制自动停止动画播放。自动停止动画播放。自动停止动画播放。自动停

311、止动画播放。选择一个对象后，在选择一个对象后，在选择一个对象后，在选择一个对象后，在“ “行为行为行为行为” ”面板中单击面板中单击面板中单击面板中单击“ “添添添添加行为加行为加行为加行为” ”按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择“ “时间轴时间轴时间轴时间轴” ”/“/“停止时间轴停止时间轴停止时间轴停止时间轴” ”菜单项。菜单项。菜单项。菜单项。 206大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.3 时间轴时间轴转到时间轴帧转到时间轴帧转到时间轴帧转到时间轴帧使用使用使用使用“ “转到时间轴帧转到时间轴帧转到时间轴帧转到

312、时间轴帧” ”动作，可以将播放栏移到指定的动作，可以将播放栏移到指定的动作，可以将播放栏移到指定的动作，可以将播放栏移到指定的帧。可以在行为通道中的某个帧附加该动作，使得时间帧。可以在行为通道中的某个帧附加该动作，使得时间帧。可以在行为通道中的某个帧附加该动作，使得时间帧。可以在行为通道中的某个帧附加该动作，使得时间轴的某一部分循环一定次数。或者创建具有轴的某一部分循环一定次数。或者创建具有轴的某一部分循环一定次数。或者创建具有轴的某一部分循环一定次数。或者创建具有“ “前进前进前进前进” ”或或或或“ “后退后退后退后退” ”功能的超链接或按钮，跳转到动画的某个位置。功能的超链接或按钮，跳转

313、到动画的某个位置。功能的超链接或按钮，跳转到动画的某个位置。功能的超链接或按钮，跳转到动画的某个位置。选择一个对象或帧以后，在选择一个对象或帧以后，在选择一个对象或帧以后，在选择一个对象或帧以后，在“ “行为行为行为行为” ”面板中单击面板中单击面板中单击面板中单击“ “添加添加添加添加行为行为行为行为” ”按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择“ “时间轴时间轴时间轴时间轴” ”/“/“转到时转到时转到时转到时间轴帧间轴帧间轴帧间轴帧” ”菜单项。菜单项。菜单项。菜单项。 207大学计算机信息科技教程（第二版）第5章 网页制作基础5.8 模板

314、模板创建和保存模板创建和保存模板编辑和使用模板编辑和使用模板应用模板创建网页应用模板创建网页208大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.1 创建和保存模板创建和保存模板选择选择选择选择“ “文件文件文件文件” ”/“/“新建新建新建新建” ”命令，打开命令，打开命令，打开命令，打开“ “新建文档新建文档新建文档新建文档” ”对话框，在对话框，在对话框，在对话框，在“ “类别类别类别类别” ”列表中选中列表中选中列表中选中列表中选中“ “基本页基本页基本页基本页” ”选选选选项，并在项，并在项，并在项，并在“ “基本页基本页基本页基本页” ”列表中选择列表中选择列表中选择列

315、表中选择“ “HTMLHTML模板模板模板模板” ”选选选选项，单击项，单击项，单击项，单击“ “创建创建创建创建” ”按钮。按钮。按钮。按钮。单击单击单击单击“ “标准标准标准标准” ”工具栏上的工具栏上的工具栏上的工具栏上的“ “保存保存保存保存” ”按钮，保存在按钮，保存在按钮，保存在按钮，保存在站点的站点的站点的站点的TemplatesTemplates文件夹中。文件夹中。文件夹中。文件夹中。209大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.1 创建和保存模板创建和保存模板选择选择选择选择“ “窗口窗口窗口窗口” ”/“/“资源资源资源资源” ”命令或按命令或按命令或按

316、命令或按F11F11键，打开键，打开键，打开键，打开“ “资源资源资源资源” ”面板。面板。面板。面板。 210大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.2 编辑和使用模板编辑和使用模板 模板定义了网页的布局结构，在模板中可以进行模板定义了网页的布局结构，在模板中可以进行模板定义了网页的布局结构，在模板中可以进行模板定义了网页的布局结构，在模板中可以进行网页编辑的各种操作，如输入文本、插入图像、网页编辑的各种操作，如输入文本、插入图像、网页编辑的各种操作，如输入文本、插入图像、网页编辑的各种操作，如输入文本、插入图像、设置属性等。在模板中通常只是制作出标题栏等设置属性等。在模

317、板中通常只是制作出标题栏等设置属性等。在模板中通常只是制作出标题栏等设置属性等。在模板中通常只是制作出标题栏等各个网页的公共部分，把这些内容放在锁定区域各个网页的公共部分，把这些内容放在锁定区域各个网页的公共部分，把这些内容放在锁定区域各个网页的公共部分，把这些内容放在锁定区域中，一般放在网页的四周，而把中间部分留给各中，一般放在网页的四周，而把中间部分留给各中，一般放在网页的四周，而把中间部分留给各中，一般放在网页的四周，而把中间部分留给各个网页安排具体的内容。个网页安排具体的内容。个网页安排具体的内容。个网页安排具体的内容。一般在模板中定义可编辑区域，编辑使用模板创一般在模板中定义可编辑区

318、域，编辑使用模板创一般在模板中定义可编辑区域，编辑使用模板创一般在模板中定义可编辑区域，编辑使用模板创建的网页时，只有可编辑区域才能输入网页的内建的网页时，只有可编辑区域才能输入网页的内建的网页时，只有可编辑区域才能输入网页的内建的网页时，只有可编辑区域才能输入网页的内容。容。容。容。创建模板时，可编辑区域和锁定区域都可以更改。创建模板时，可编辑区域和锁定区域都可以更改。创建模板时，可编辑区域和锁定区域都可以更改。创建模板时，可编辑区域和锁定区域都可以更改。但是，在基于模板的文档中，模板用户只能在可但是，在基于模板的文档中，模板用户只能在可但是，在基于模板的文档中，模板用户只能在可但是，在基于

319、模板的文档中，模板用户只能在可编辑区域中进行更改；无法修改锁定区域。编辑区域中进行更改；无法修改锁定区域。编辑区域中进行更改；无法修改锁定区域。编辑区域中进行更改；无法修改锁定区域。 211大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.2 编辑和使用模板编辑和使用模板 有四种类型的模板区域：有四种类型的模板区域：有四种类型的模板区域：有四种类型的模板区域：可编辑区域可编辑区域可编辑区域可编辑区域重复区域重复区域重复区域重复区域可选区域可选区域可选区域可选区域可编辑标签属性。可编辑标签属性。可编辑标签属性。可编辑标签属性。 可选区域可编辑区域锁定区域212大学计算机信息科技教程（第

320、二版）第5章 网页制作基础5.8.2 编辑和使用模板编辑和使用模板 可编辑区域可编辑区域可编辑区域是基于模板的文档中的未锁定区域，可编辑区域是基于模板的文档中的未锁定区域，可编辑区域是基于模板的文档中的未锁定区域，可编辑区域是基于模板的文档中的未锁定区域，它是模板用户可以编辑的部分。在编辑模板时可它是模板用户可以编辑的部分。在编辑模板时可它是模板用户可以编辑的部分。在编辑模板时可它是模板用户可以编辑的部分。在编辑模板时可以将模板的任何区域指定为可编辑的。如果要使以将模板的任何区域指定为可编辑的。如果要使以将模板的任何区域指定为可编辑的。如果要使以将模板的任何区域指定为可编辑的。如果要使模板生效

321、，在模板中至少要包含一个可编辑区域，模板生效，在模板中至少要包含一个可编辑区域，模板生效，在模板中至少要包含一个可编辑区域，模板生效，在模板中至少要包含一个可编辑区域，否则将无法编辑基于该模板的页面。否则将无法编辑基于该模板的页面。否则将无法编辑基于该模板的页面。否则将无法编辑基于该模板的页面。213大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.2 编辑和使用模板编辑和使用模板 选择选择选择选择“ “插入插入插入插入” ”/“/“模板对象模板对象模板对象模板对象” ”/“/“可编辑区域可编辑区域可编辑区域可编辑区域” ”命命命命令，或者单击令，或者单击令，或者单击令，或者单击“

322、“插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “常用常用常用常用” ”选项卡选项卡选项卡选项卡中的中的中的中的“ “模板模板模板模板” ”按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择“ “可编辑可编辑可编辑可编辑区域区域区域区域” ”命令。命令。命令。命令。 在编辑基于模板创建的网页时，单击可编辑区域，在编辑基于模板创建的网页时，单击可编辑区域，在编辑基于模板创建的网页时，单击可编辑区域，在编辑基于模板创建的网页时，单击可编辑区域，可以将插入点定位在该区域中，输入和编辑网页可以将插入点定位在该区域中，输入和编辑网页可以将插入点定位在该区

323、域中，输入和编辑网页可以将插入点定位在该区域中，输入和编辑网页内容。内容。内容。内容。 214大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.2 编辑和使用模板编辑和使用模板 可选区域和可编辑的可选区域可选区域和可编辑的可选区域可选区域是在模板中指定为可选的部分，用于保可选区域是在模板中指定为可选的部分，用于保可选区域是在模板中指定为可选的部分，用于保可选区域是在模板中指定为可选的部分，用于保存有可能在基于模板的文档中出现的内容（如可存有可能在基于模板的文档中出现的内容（如可存有可能在基于模板的文档中出现的内容（如可存有可能在基于模板的文档中出现的内容（如可选文本或图像）。在基于模

324、板的页面上，通常控选文本或图像）。在基于模板的页面上，通常控选文本或图像）。在基于模板的页面上，通常控选文本或图像）。在基于模板的页面上，通常控制是否显示内容。有两种可选区域对象，它们是制是否显示内容。有两种可选区域对象，它们是制是否显示内容。有两种可选区域对象，它们是制是否显示内容。有两种可选区域对象，它们是可选区域和可编辑的可选区域。在基于模板的网可选区域和可编辑的可选区域。在基于模板的网可选区域和可编辑的可选区域。在基于模板的网可选区域和可编辑的可选区域。在基于模板的网页中，可选区域中无法编辑内容，但可以控制显页中，可选区域中无法编辑内容，但可以控制显页中，可选区域中无法编辑内容，但可以

325、控制显页中，可选区域中无法编辑内容，但可以控制显示和隐藏这个区域。在可编辑的可选区域中，可示和隐藏这个区域。在可编辑的可选区域中，可示和隐藏这个区域。在可编辑的可选区域中，可示和隐藏这个区域。在可编辑的可选区域中，可以设置是否显示或隐藏该区域，并可以编辑该区以设置是否显示或隐藏该区域，并可以编辑该区以设置是否显示或隐藏该区域，并可以编辑该区以设置是否显示或隐藏该区域，并可以编辑该区域中的内容。域中的内容。域中的内容。域中的内容。215大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.2 编辑和使用模板编辑和使用模板 选择选择选择选择“ “插入插入插入插入” ”/“/“模板对象模板对象

326、模板对象模板对象” ”/“/“可选区域可选区域可选区域可选区域” ”命令，命令，命令，命令，或者单击或者单击或者单击或者单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “常用常用常用常用” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “模板模板模板模板” ”按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择“ “可选区域可选区域可选区域可选区域” ”命令。命令。命令。命令。 216大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.2 编辑和使用模板编辑和使用模板 在在在在编辑基于模板创建的网页时，默认状态下网页中将显编辑基于

327、模板创建的网页时，默认状态下网页中将显编辑基于模板创建的网页时，默认状态下网页中将显编辑基于模板创建的网页时，默认状态下网页中将显示可选区域中的内容。如果不希望显示可选区域中的内示可选区域中的内容。如果不希望显示可选区域中的内示可选区域中的内容。如果不希望显示可选区域中的内示可选区域中的内容。如果不希望显示可选区域中的内容，可以选择容，可以选择容，可以选择容，可以选择“ “修改修改修改修改” ”/“/“模板属性模板属性模板属性模板属性” ”命令，打开命令，打开命令，打开命令，打开“ “模板模板模板模板属性属性属性属性” ”对话框。在列表框中选中要修改属性的可选区域对话框。在列表框中选中要修改属

328、性的可选区域对话框。在列表框中选中要修改属性的可选区域对话框。在列表框中选中要修改属性的可选区域名称，取消选中名称，取消选中名称，取消选中名称，取消选中“ “显示显示显示显示ptionalRegionptionalRegion” ”复选框，使得列复选框，使得列复选框，使得列复选框，使得列表框中对应的值为表框中对应的值为表框中对应的值为表框中对应的值为“ “假假假假” ”。单击。单击。单击。单击“ “确定确定确定确定” ”按钮后，可选按钮后，可选按钮后，可选按钮后，可选区域中的内容被隐藏区域中的内容被隐藏区域中的内容被隐藏区域中的内容被隐藏。 217大学计算机信息科技教程（第二版）第5章 网页制

329、作基础5.8.2 编辑和使用模板编辑和使用模板 选择选择选择选择“ “插入插入插入插入” ”/“/“模板对象模板对象模板对象模板对象” ”/“/“可编辑的可选区可编辑的可选区可编辑的可选区可编辑的可选区域域域域” ”命令，或者单击命令，或者单击命令，或者单击命令，或者单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “常用常用常用常用” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “模板模板模板模板” ”按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择“ “可编辑的可选区域可编辑的可选区域可编辑的可选区域可编辑的可选区域” ”命令。命

330、令。命令。命令。在基于模板的网页中，在可编辑的可选区域中既在基于模板的网页中，在可编辑的可选区域中既在基于模板的网页中，在可编辑的可选区域中既在基于模板的网页中，在可编辑的可选区域中既可以像可编辑区域那样输入和修改内容，又可以可以像可编辑区域那样输入和修改内容，又可以可以像可编辑区域那样输入和修改内容，又可以可以像可编辑区域那样输入和修改内容，又可以像可选区域那样选择是否显示。像可选区域那样选择是否显示。像可选区域那样选择是否显示。像可选区域那样选择是否显示。 218大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.2 编辑和使用模板编辑和使用模板 重复区域和重复表格重复区域和重复表

331、格重复区域重复区域重复区域重复区域是文档中设置为重复的布局部分。是文档中设置为重复的布局部分。是文档中设置为重复的布局部分。是文档中设置为重复的布局部分。在模板中插入两种类型的重复区域：重复区域和在模板中插入两种类型的重复区域：重复区域和在模板中插入两种类型的重复区域：重复区域和在模板中插入两种类型的重复区域：重复区域和重复表格。在基于模板的网页中，可以使用重复重复表格。在基于模板的网页中，可以使用重复重复表格。在基于模板的网页中，可以使用重复重复表格。在基于模板的网页中，可以使用重复区域在网页中复制任意次数的指定区域。重复区区域在网页中复制任意次数的指定区域。重复区区域在网页中复制任意次数的

332、指定区域。重复区区域在网页中复制任意次数的指定区域。重复区域不是可编辑的区域，若要使得重复区域中的内域不是可编辑的区域，若要使得重复区域中的内域不是可编辑的区域，若要使得重复区域中的内域不是可编辑的区域，若要使得重复区域中的内容可编辑，必须在重复区域内插入可编辑区域。容可编辑，必须在重复区域内插入可编辑区域。容可编辑，必须在重复区域内插入可编辑区域。容可编辑，必须在重复区域内插入可编辑区域。219大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.2 编辑和使用模板编辑和使用模板 选择选择选择选择“ “插入插入插入插入” ”/“/“模板对象模板对象模板对象模板对象” ”/“/“重复区域

333、重复区域重复区域重复区域” ”命令，命令，命令，命令，或者单击或者单击或者单击或者单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “常用常用常用常用” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “模板模板模板模板” ”按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择“ “重复区域重复区域重复区域重复区域” ”命令。命令。命令。命令。 220大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.2 编辑和使用模板编辑和使用模板 重复区域中包含了一个可编辑区域。在可编辑区重复区域中包含了一个可编辑区域。在可编辑区重复区域中包含了

334、一个可编辑区域。在可编辑区重复区域中包含了一个可编辑区域。在可编辑区域中可以输入内容，单击域中可以输入内容，单击域中可以输入内容，单击域中可以输入内容，单击按钮，将在当前所选按钮，将在当前所选按钮，将在当前所选按钮，将在当前所选项下面添加一个重复区域项，单击项下面添加一个重复区域项，单击项下面添加一个重复区域项，单击项下面添加一个重复区域项，单击按钮删除所按钮删除所按钮删除所按钮删除所选重复区域项。单击选重复区域项。单击选重复区域项。单击选重复区域项。单击按钮将所选项向下移动一按钮将所选项向下移动一按钮将所选项向下移动一按钮将所选项向下移动一个位置，单击个位置，单击个位置，单击个位置，单击按钮

335、将所选项向上移动一个位置。按钮将所选项向上移动一个位置。按钮将所选项向上移动一个位置。按钮将所选项向上移动一个位置。 若要剪切、复制和删除重复区域项，可以先将插若要剪切、复制和删除重复区域项，可以先将插若要剪切、复制和删除重复区域项，可以先将插若要剪切、复制和删除重复区域项，可以先将插入点放在重复区域中，然后选择入点放在重复区域中，然后选择入点放在重复区域中，然后选择入点放在重复区域中，然后选择“ “编辑编辑编辑编辑” ”/“/“重重重重复项复项复项复项” ”/“/“剪切重复项剪切重复项剪切重复项剪切重复项” ”、“ “复制重复项复制重复项复制重复项复制重复项” ”和和和和“ “删除重复项删除

336、重复项删除重复项删除重复项” ”命令。若要粘贴重复区域项，可选命令。若要粘贴重复区域项，可选命令。若要粘贴重复区域项，可选命令。若要粘贴重复区域项，可选择择择择“ “编辑编辑编辑编辑” ”/“/“粘贴粘贴粘贴粘贴” ”命令。命令。命令。命令。 221大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.2 编辑和使用模板编辑和使用模板 选择选择选择选择“ “插入插入插入插入” ”/“/“模板对象模板对象模板对象模板对象” ”/“/“重复表格重复表格重复表格重复表格” ”命令，命令，命令，命令，或者单击或者单击或者单击或者单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“

337、“常用常用常用常用” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “模板模板模板模板” ”按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择“ “重复表格重复表格重复表格重复表格” ”命令。命令。命令。命令。 222大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.3 应用模板创建网页应用模板创建网页创建基于模板的网页创建基于模板的网页选择选择选择选择“ “文件文件文件文件” ”/“/“新建新建新建新建” ”命令，打开命令，打开命令，打开命令，打开“ “新建文档新建文档新建文档新建文档” ”对话框，单击对话框，单击对话框，单击对话框，单击“ “

338、模板模板模板模板” ”选项卡，显示选项卡，显示选项卡，显示选项卡，显示“ “从模板从模板从模板从模板新建新建新建新建” ”对话框。对话框。对话框。对话框。223大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.3 应用模板创建网页应用模板创建网页在现有网页上应用模板在现有网页上应用模板首先在文档窗口中打开需要应用模板的网页，然首先在文档窗口中打开需要应用模板的网页，然首先在文档窗口中打开需要应用模板的网页，然首先在文档窗口中打开需要应用模板的网页，然后在后在后在后在“ “资源资源资源资源” ”面板中选中要应用的模板名称，将面板中选中要应用的模板名称，将面板中选中要应用的模板名称，将面

339、板中选中要应用的模板名称，将模板从模板从模板从模板从“ “资源资源资源资源” ”面板中拖到文档窗口，或者单击面板中拖到文档窗口，或者单击面板中拖到文档窗口，或者单击面板中拖到文档窗口，或者单击“ “应用应用应用应用” ”按钮。此时会出现以下两种情况：按钮。此时会出现以下两种情况：按钮。此时会出现以下两种情况：按钮。此时会出现以下两种情况：如果现有的网页曾经应用过模板，则会对两个如果现有的网页曾经应用过模板，则会对两个如果现有的网页曾经应用过模板，则会对两个如果现有的网页曾经应用过模板，则会对两个模板的可编辑区域进行比较，应用新的模板时模板的可编辑区域进行比较，应用新的模板时模板的可编辑区域进行

340、比较，应用新的模板时模板的可编辑区域进行比较，应用新的模板时将原先网页中的内容放入匹配的可编辑区域中。将原先网页中的内容放入匹配的可编辑区域中。将原先网页中的内容放入匹配的可编辑区域中。将原先网页中的内容放入匹配的可编辑区域中。224大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.3 应用模板创建网页应用模板创建网页 如果现有的网页是如果现有的网页是如果现有的网页是如果现有的网页是一个尚未应用模板的网页，则没有一个尚未应用模板的网页，则没有一个尚未应用模板的网页，则没有一个尚未应用模板的网页，则没有可编辑区域以进行比较，于是会出现不匹配的情况。可编辑区域以进行比较，于是会出现不匹配

341、的情况。可编辑区域以进行比较，于是会出现不匹配的情况。可编辑区域以进行比较，于是会出现不匹配的情况。此时将打开此时将打开此时将打开此时将打开“ “不一致的区域名称不一致的区域名称不一致的区域名称不一致的区域名称” ”对话框。如果要继对话框。如果要继对话框。如果要继对话框。如果要继续应用新的模板，可以选择未解析的内容，然后再续应用新的模板，可以选择未解析的内容，然后再续应用新的模板，可以选择未解析的内容，然后再续应用新的模板，可以选择未解析的内容，然后再“ “将内容移到新区域将内容移到新区域将内容移到新区域将内容移到新区域” ”下拉列表中选择要未解析的内容下拉列表中选择要未解析的内容下拉列表中选

342、择要未解析的内容下拉列表中选择要未解析的内容移动到哪些区域，并单击移动到哪些区域，并单击移动到哪些区域，并单击移动到哪些区域，并单击“ “确定确定确定确定” ”按钮。按钮。按钮。按钮。 225大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.3 应用模板创建网页应用模板创建网页尚未应用模板的网页尚未应用模板的网页尚未应用模板的网页尚未应用模板的网页应用模板后的网页应用模板后的网页应用模板后的网页应用模板后的网页 226大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.3 应用模板创建网页应用模板创建网页在现有的网页上应用模板的另一个方法是选择在现有的网页上应用模板的另一个方

343、法是选择在现有的网页上应用模板的另一个方法是选择在现有的网页上应用模板的另一个方法是选择“ “修改修改修改修改” ”/“/“模板模板模板模板” ”/“/“套用模板到页套用模板到页套用模板到页套用模板到页” ”命令。命令。命令。命令。227大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.3 应用模板创建网页应用模板创建网页从模板中分离网页从模板中分离网页用模板设计网页时，模板中不可编辑区域被锁定，用模板设计网页时，模板中不可编辑区域被锁定，用模板设计网页时，模板中不可编辑区域被锁定，用模板设计网页时，模板中不可编辑区域被锁定，不能修改其中的内容。为了能够更改这部分内容，不能修改其中的

344、内容。为了能够更改这部分内容，不能修改其中的内容。为了能够更改这部分内容，不能修改其中的内容。为了能够更改这部分内容，必须将该文档从模板中分离出来。必须将该文档从模板中分离出来。必须将该文档从模板中分离出来。必须将该文档从模板中分离出来。选择选择选择选择“ “修改修改修改修改” ”/“/“模板模板模板模板” ”/“/“从模板中分离从模板中分离从模板中分离从模板中分离” ”命令。命令。命令。命令。 228大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.3 应用模板创建网页应用模板创建网页更新基于模板的网页更新基于模板的网页更改模板并保存文件后，系统打开更改模板并保存文件后，系统打开更

345、改模板并保存文件后，系统打开更改模板并保存文件后，系统打开“ “更新模板文更新模板文更新模板文更新模板文件件件件” ”对话框，提示是否更新基于该模板的网页。对话框，提示是否更新基于该模板的网页。对话框，提示是否更新基于该模板的网页。对话框，提示是否更新基于该模板的网页。 229大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.3 应用模板创建网页应用模板创建网页选择选择选择选择“ “修改修改修改修改” ”/“/“模板模板模板模板” ”/“/“更新当前页更新当前页更新当前页更新当前页” ”命令命令命令命令 选择选择选择选择“ “修改修改修改修改” ”/“/“模板模板模板模板” ”/“/

346、“更新页面更新页面更新页面更新页面” ”命令命令命令命令 右单击模板列表，选择右单击模板列表，选择右单击模板列表，选择右单击模板列表，选择“ “更新站点更新站点更新站点更新站点” ”命令命令命令命令 230大学计算机信息科技教程（第二版）第5章 网页制作基础5.9 管理和发布站点管理和发布站点管理站点地图管理站点地图维护与发布站点维护与发布站点231大学计算机信息科技教程（第二版）第5章 网页制作基础5.9.1 管理站点地图管理站点地图要显示站点地图，必须在此之前为站点地图定义要显示站点地图，必须在此之前为站点地图定义要显示站点地图，必须在此之前为站点地图定义要显示站点地图，必须在此之前为站点

347、地图定义一个主页，作为站点地图的开始端。一个主页，作为站点地图的开始端。一个主页，作为站点地图的开始端。一个主页，作为站点地图的开始端。选择选择选择选择“ “站点站点站点站点” ”/“/“管理站点管理站点管理站点管理站点” ”命令。命令。命令。命令。232大学计算机信息科技教程（第二版）第5章 网页制作基础5.9.1 管理站点地图管理站点地图选择选择选择选择“ “窗口窗口窗口窗口” ”/“/“文件文件文件文件”命令，显示命令，显示命令，显示命令，显示“ “文件文件文件文件” ”面面面面板，在板，在板，在板，在“ “文件文件文件文件” ”面板上单击面板上单击面板上单击面板上单击按钮按钮按钮按钮

348、单击单击单击单击“ “站点地图站点地图站点地图站点地图” ”按钮右下角的箭头按钮右下角的箭头按钮右下角的箭头按钮右下角的箭头，可以，可以，可以，可以选择选择选择选择“ “仅地图仅地图仅地图仅地图” ”或或或或“ “地图和文件地图和文件地图和文件地图和文件” ”选项。选项。选项。选项。 233大学计算机信息科技教程（第二版）第5章 网页制作基础5.9.1 管理站点地图管理站点地图选中选中选中选中“ “查看查看查看查看” ”/“/“站点地图选项站点地图选项站点地图选项站点地图选项” ”/“/“显示标记为显示标记为显示标记为显示标记为隐藏的文件隐藏的文件隐藏的文件隐藏的文件” ”命令命令命令命令选择

349、选择选择选择“ “查看查看查看查看” ”/“/“站点地图选项站点地图选项站点地图选项站点地图选项” ”/“/“显示显示显示显示/ /隐藏隐藏隐藏隐藏链接链接链接链接” ”命令命令命令命令 选中选中选中选中“ “查看查看查看查看” ”/“/“站点地图选项站点地图选项站点地图选项站点地图选项” ”/“/“显示附属文显示附属文显示附属文显示附属文件件件件” ”命令命令命令命令选中选中选中选中“ “查看查看查看查看” ”/“/“站点地图选项站点地图选项站点地图选项站点地图选项” ”/“/“显示网页标显示网页标显示网页标显示网页标题题题题” ”命令命令命令命令 234大学计算机信息科技教程（第二版）第5

350、章 网页制作基础5.9.1 管理站点地图管理站点地图选择选择选择选择“ “查看查看查看查看” ”/“/“站点地图选项站点地图选项站点地图选项站点地图选项” ”/“/“作为根查看作为根查看作为根查看作为根查看” ”命令命令命令命令 235大学计算机信息科技教程（第二版）第5章 网页制作基础5.9.2 维护与发布站点维护与发布站点 检查与修正站点链接检查与修正站点链接选择选择选择选择“ “站点站点站点站点” ”/“/“检查站点范围的链接检查站点范围的链接检查站点范围的链接检查站点范围的链接” ”命令命令命令命令按按按按Ctrl+F8Ctrl+F8键键键键 236大学计算机信息科技教程（第二版）第5

351、章 网页制作基础5.9.2 维护与发布站点维护与发布站点 设置远程服务器设置远程服务器本地和远程站点结构本地和远程站点结构本地和远程站点结构本地和远程站点结构 本地站点 远程站点237大学计算机信息科技教程（第二版）第5章 网页制作基础5.9.2 维护与发布站点维护与发布站点 选择选择选择选择“ “站点站点站点站点” ”/“/“管理站点管理站点管理站点管理站点” ”命令命令命令命令 238大学计算机信息科技教程（第二版）第5章 网页制作基础5.9.2 维护与发布站点维护与发布站点 上传和下载文件上传和下载文件上传文件就是将本地站点中的文件复制到远程站上传文件就是将本地站点中的文件复制到远程站上

352、传文件就是将本地站点中的文件复制到远程站上传文件就是将本地站点中的文件复制到远程站点上，下载文件则将远程站点上的文件复制到本点上，下载文件则将远程站点上的文件复制到本点上，下载文件则将远程站点上的文件复制到本点上，下载文件则将远程站点上的文件复制到本地站点。打开站点窗口，在本地站点中选中文件，地站点。打开站点窗口，在本地站点中选中文件，地站点。打开站点窗口，在本地站点中选中文件，地站点。打开站点窗口，在本地站点中选中文件，单击单击单击单击“ “上传文件上传文件上传文件上传文件” ”按钮按钮按钮按钮，当出现提示上传任何，当出现提示上传任何，当出现提示上传任何，当出现提示上传任何从属文件时单击从属

353、文件时单击从属文件时单击从属文件时单击“ “确定确定确定确定” ”按钮即可。按钮即可。按钮即可。按钮即可。与此相反，在远程站点中选定要下载的文件，单与此相反，在远程站点中选定要下载的文件，单与此相反，在远程站点中选定要下载的文件，单与此相反，在远程站点中选定要下载的文件，单击击击击“ “获取文件获取文件获取文件获取文件” ”按钮按钮按钮按钮，便可以将远程站点中的，便可以将远程站点中的，便可以将远程站点中的，便可以将远程站点中的文件下载到本地站点。文件下载到本地站点。文件下载到本地站点。文件下载到本地站点。239大学计算机信息科技教程（第二版）第5章 网页制作基础5.9.2 维护与发布站点维护与

354、发布站点对于一些规模较大的站点，往往需要多人共同协对于一些规模较大的站点，往往需要多人共同协对于一些规模较大的站点，往往需要多人共同协对于一些规模较大的站点，往往需要多人共同协作完成维护工作。借助于作完成维护工作。借助于作完成维护工作。借助于作完成维护工作。借助于DreamweaverDreamweaver的的的的“ “存存存存回回回回” ”和和和和“ “取出取出取出取出” ”功能，能够确保一个文件在同一功能，能够确保一个文件在同一功能，能够确保一个文件在同一功能，能够确保一个文件在同一时刻只能由一个人对其进行修改和编辑。时刻只能由一个人对其进行修改和编辑。时刻只能由一个人对其进行修改和编辑。

355、时刻只能由一个人对其进行修改和编辑。 在使用存回在使用存回在使用存回在使用存回/ /取出系统之前，必须激活存回取出系统之前，必须激活存回取出系统之前，必须激活存回取出系统之前，必须激活存回/ /取出取出取出取出系统。在系统。在系统。在系统。在“ “定义站点定义站点定义站点定义站点” ”对话框中，选中对话框中，选中对话框中，选中对话框中，选中“ “启用存启用存启用存启用存回和取出回和取出回和取出回和取出” ”复选框，下方显示复选框，下方显示复选框，下方显示复选框，下方显示“ “取出名称取出名称取出名称取出名称” ”和和和和“ “电子邮件地址电子邮件地址电子邮件地址电子邮件地址” ”文本框。当文件

356、被取出时，站点文本框。当文件被取出时，站点文本框。当文件被取出时，站点文本框。当文件被取出时，站点窗口中被取出的文件名旁将显示窗口中被取出的文件名旁将显示窗口中被取出的文件名旁将显示窗口中被取出的文件名旁将显示“ “取出名称取出名称取出名称取出名称” ”文文文文本框中输入的名称，用于识别该文件的最终版本本框中输入的名称，用于识别该文件的最终版本本框中输入的名称，用于识别该文件的最终版本本框中输入的名称，用于识别该文件的最终版本所在位置，以便于其他成员了解和使用。所在位置，以便于其他成员了解和使用。所在位置，以便于其他成员了解和使用。所在位置，以便于其他成员了解和使用。240大学计算机信息科技教

357、程（第二版）第5章 网页制作基础5.9.2 维护与发布站点维护与发布站点选中文件，单击选中文件，单击选中文件，单击选中文件，单击“ “取出取出取出取出” ”按钮，出现按钮，出现按钮，出现按钮，出现“ “相关文件相关文件相关文件相关文件” ”对话框，单击对话框，单击对话框，单击对话框，单击“ “是是是是” ”按钮将相关文件随选定文按钮将相关文件随选定文按钮将相关文件随选定文按钮将相关文件随选定文件一起下载，单击件一起下载，单击件一起下载，单击件一起下载，单击“ “否否否否” ”按钮则禁止下载相关文按钮则禁止下载相关文按钮则禁止下载相关文按钮则禁止下载相关文件。当文件图标后面显示一个绿色标记，表示

358、文件。当文件图标后面显示一个绿色标记，表示文件。当文件图标后面显示一个绿色标记，表示文件。当文件图标后面显示一个绿色标记，表示文件被取出，小组其他成员只能读该文件，不能对件被取出，小组其他成员只能读该文件，不能对件被取出，小组其他成员只能读该文件，不能对件被取出，小组其他成员只能读该文件，不能对其修改。若显示一个绿色标记，则表示文件被小其修改。若显示一个绿色标记，则表示文件被小其修改。若显示一个绿色标记，则表示文件被小其修改。若显示一个绿色标记，则表示文件被小组其他成员取出，不能修改。组其他成员取出，不能修改。组其他成员取出，不能修改。组其他成员取出，不能修改。对取出的文件进行编辑和修改以后，

359、单击对取出的文件进行编辑和修改以后，单击对取出的文件进行编辑和修改以后，单击对取出的文件进行编辑和修改以后，单击“ “存回存回存回存回文件文件文件文件” ”按钮，将文件存回服务器。此时，文件又按钮，将文件存回服务器。此时，文件又按钮，将文件存回服务器。此时，文件又按钮，将文件存回服务器。此时，文件又可以被其他成员取出和编辑。在本地站点中，存可以被其他成员取出和编辑。在本地站点中，存可以被其他成员取出和编辑。在本地站点中，存可以被其他成员取出和编辑。在本地站点中，存回的文件变成只读文件，以免他人在取出文件时回的文件变成只读文件，以免他人在取出文件时回的文件变成只读文件，以免他人在取出文件时回的文

360、件变成只读文件，以免他人在取出文件时本人去修改该文件。本人去修改该文件。本人去修改该文件。本人去修改该文件。 241大学计算机信息科技教程（第二版）第5章 网页制作基础5.9.2 维护与发布站点维护与发布站点除了使用除了使用除了使用除了使用DreamweaverDreamweaver发布站点，也可以使用发布站点，也可以使用发布站点，也可以使用发布站点，也可以使用专业的专业的专业的专业的FTPFTP软件将本地站点的文件上传到远程站软件将本地站点的文件上传到远程站软件将本地站点的文件上传到远程站软件将本地站点的文件上传到远程站点，以实现发布站点的目的。点，以实现发布站点的目的。点，以实现发布站点的目的。点，以实现发布站点的目的。242大学计算机信息科技教程（第二版）第5章 网页制作基础