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

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

1、第5章网页制作基础2wppt课件 Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望主要内容主要内容概述概述设计站点设计站点编辑网页编辑网页页面布局页面布局建立超链接建立超链接使用使用CSS样式样式层、行为和时间轴层、行为和时间轴模板模板管理和发布站点管理和发布站点2大学计算机信息科技教程（第二版）第5章 网页制作基础5.1 概述概述站点站点站点站点具有相关主题的网页有机地整合在一起，集中具有相关主题的网页有机地整合在一起，集中具有相关主题的网页有机地整合在一起，集中

2、具有相关主题的网页有机地整合在一起，集中进行管理，构成一个整体，这就是站点。进行管理，构成一个整体，这就是站点。进行管理，构成一个整体，这就是站点。进行管理，构成一个整体，这就是站点。超文本标记语言超文本标记语言超文本标记语言超文本标记语言HTMLHTML站点中的每个网页的内容都要使用一种标准的站点中的每个网页的内容都要使用一种标准的站点中的每个网页的内容都要使用一种标准的站点中的每个网页的内容都要使用一种标准的语言来描述，这就是超文本标记语言语言来描述，这就是超文本标记语言语言来描述，这就是超文本标记语言语言来描述，这就是超文本标记语言HTMLHTML。常用的网页制作软件常用的网页制作软件常

3、用的网页制作软件常用的网页制作软件 MicrosoftOfficeMicrosoftOffice中的中的中的中的FrontPageFrontPageMacromediaMacromedia公司的公司的公司的公司的DreamweaverDreamweaver3大学计算机信息科技教程（第二版）第5章 网页制作基础5.1 概述概述Dreamweaver概述概述HTML简介简介4大学计算机信息科技教程（第二版）第5章 网页制作基础5.1.1 Dreamweaver简述简述 MacromediaDreamweaver8MacromediaDreamweaver8是美国是美国是美国是美国Macromedi

4、aMacromedia公司开发的一种集网页制作和网公司开发的一种集网页制作和网公司开发的一种集网页制作和网公司开发的一种集网页制作和网站管理于一体的网页制作软件，它具有一套针站管理于一体的网页制作软件，它具有一套针站管理于一体的网页制作软件，它具有一套针站管理于一体的网页制作软件，它具有一套针对专业网页设计师使用的视觉化网页开发工具，对专业网页设计师使用的视觉化网页开发工具，对专业网页设计师使用的视觉化网页开发工具，对专业网页设计师使用的视觉化网页开发工具，利用它可以轻而易举地制作出充满动感的网页，利用它可以轻而易举地制作出充满动感的网页，利用它可以轻而易举地制作出充满动感的网页，利用它可以轻

5、而易举地制作出充满动感的网页，它是网页设计者的首选工具。它是网页设计者的首选工具。它是网页设计者的首选工具。它是网页设计者的首选工具。5大学计算机信息科技教程（第二版）第5章 网页制作基础5.1.1 Dreamweaver简述简述启动启动选择选择选择选择“开始开始开始开始”/“”/“所有程序所有程序所有程序所有程序”/“Micromedia”/“Micromedia”/“MicromediaDreamweaver8”/“MicromediaDreamweaver8”选项，选项，选项，选项，DreamweaverDreamweaver有两种工作区布局模式：有两种工作区布局模式：有两种工作区布局模

6、式：有两种工作区布局模式：设计器和编码器。设计器和编码器。设计器和编码器。设计器和编码器。第一次运行第一次运行第一次运行第一次运行Dreamweaver8Dreamweaver8时会显示时会显示时会显示时会显示“工作工作工作工作区设置区设置区设置区设置”对话框，以供对话框，以供对话框，以供对话框，以供选择所喜欢的工作区选择所喜欢的工作区选择所喜欢的工作区选择所喜欢的工作区布局。布局。布局。布局。6大学计算机信息科技教程（第二版）第5章 网页制作基础5.1.1 Dreamweaver简述简述 启动启动启动启动DreamweaverDreamweaver后，显示起始页。在起始页后，显示起始页。在起

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

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

9、览器，由浏览器解释生成相应的页面。超文本标记语言超文本标记语言超文本标记语言超文本标记语言HTMLHTML由一些格式标签和资源引由一些格式标签和资源引由一些格式标签和资源引由一些格式标签和资源引用构成，通过标签来设置引用内容的格式。标签用构成，通过标签来设置引用内容的格式。标签用构成，通过标签来设置引用内容的格式。标签用构成，通过标签来设置引用内容的格式。标签分头标签和尾标签，用分头标签和尾标签，用分头标签和尾标签，用分头标签和尾标签，用“”“”“”括起来，与括起来，与括起来，与括起来，与被标注的内容区分开来。被标注的内容区分开来。被标注的内容区分开来。被标注的内容区分开来。9大学计算机信息科

10、技教程（第二版）第5章 网页制作基础5.1.2 HTML简介简介和和和和标签标志了文件的开始和结束。文标签标志了文件的开始和结束。文标签标志了文件的开始和结束。文标签标志了文件的开始和结束。文件的件的件的件的段被分成两部分：段被分成两部分：段被分成两部分：段被分成两部分：第一部分叫作头部，以第一部分叫作头部，以第一部分叫作头部，以第一部分叫作头部，以和和和和标签标标签标标签标标签标志开始和结束；志开始和结束；志开始和结束；志开始和结束；第二部分是文件体，它包含对浏览器中显示的内容的第二部分是文件体，它包含对浏览器中显示的内容的第二部分是文件体，它包含对浏览器中显示的内容的第二部分是文件体，它包

11、含对浏览器中显示的内容的具体描述，以具体描述，以具体描述，以具体描述，以和和和和标签标志开始和标签标志开始和标签标志开始和标签标志开始和结束。结束。结束。结束。在头部中，在头部中，在头部中，在头部中，和和和和标签用于定义网页的标签用于定义网页的标签用于定义网页的标签用于定义网页的标题。标题。标题。标题。在文件体中，在文件体中，在文件体中，在文件体中，和和和和标签用于标志一个段落，标签用于标志一个段落，标签用于标志一个段落，标签用于标志一个段落，在这对标签之间加入的文本将显示在浏览器中；在这对标签之间加入的文本将显示在浏览器中；在这对标签之间加入的文本将显示在浏览器中；在这对标签之间加入的文本将

12、显示在浏览器中；和和和和标签用于控制文本的字体、大小、标签用于控制文本的字体、大小、标签用于控制文本的字体、大小、标签用于控制文本的字体、大小、颜色等；颜色等；颜色等；颜色等；和和和和标签用于排版段落的格式；标签用于排版段落的格式；标签用于排版段落的格式；标签用于排版段落的格式；标签用于插入图片，它没有结束标签，通常后标签用于插入图片，它没有结束标签，通常后标签用于插入图片，它没有结束标签，通常后标签用于插入图片，它没有结束标签，通常后面带有属性，表示图片文件的存储路径、对齐、以及面带有属性，表示图片文件的存储路径、对齐、以及面带有属性，表示图片文件的存储路径、对齐、以及面带有属性，表示图片文

13、件的存储路径、对齐、以及大小。大小。大小。大小。10大学计算机信息科技教程（第二版）第5章 网页制作基础5.1.2 HTML简介简介文件的开始文件的结束头部文件体网页标题段落图片11大学计算机信息科技教程（第二版）第5章 网页制作基础5.2 设计站点设计站点网站设计网站设计定义本地站点定义本地站点管理站点资源管理站点资源打开、保存和预览网页打开、保存和预览网页12大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.1 网站设计网站设计每个网页在服务器上都是以文件形式存放的，通常在服每个网页在服务器上都是以文件形式存放的，通常在服每个网页在服务器上都是以文件形式存放的，通常在服每个网页在

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

15、每个网站中存放着一个被称为主页的网页文件，它是获取该网站的信息的起点。主页中含有一些超链接，指获取该网站的信息的起点。主页中含有一些超链接，指获取该网站的信息的起点。主页中含有一些超链接，指获取该网站的信息的起点。主页中含有一些超链接，指向相关信息的网页或其它网站的主页。通常，用户在浏向相关信息的网页或其它网站的主页。通常，用户在浏向相关信息的网页或其它网站的主页。通常，用户在浏向相关信息的网页或其它网站的主页。通常，用户在浏览器窗口中输入网址后，显示出的就是该网址对应服务览器窗口中输入网址后，显示出的就是该网址对应服务览器窗口中输入网址后，显示出的就是该网址对应服务览器窗口中输入网址后，显示

16、出的就是该网址对应服务器中的网站的主页。器中的网站的主页。器中的网站的主页。器中的网站的主页。要建立一个网站，一般首先在本地硬盘中建立一个本地要建立一个网站，一般首先在本地硬盘中建立一个本地要建立一个网站，一般首先在本地硬盘中建立一个本地要建立一个网站，一般首先在本地硬盘中建立一个本地站点，即存放网站的所有文档的文件夹。待网页设计和站点，即存放网站的所有文档的文件夹。待网页设计和站点，即存放网站的所有文档的文件夹。待网页设计和站点，即存放网站的所有文档的文件夹。待网页设计和测试好以后，再把这些文档复制到服务器中，供浏览者测试好以后，再把这些文档复制到服务器中，供浏览者测试好以后，再把这些文档复

17、制到服务器中，供浏览者测试好以后，再把这些文档复制到服务器中，供浏览者浏览。浏览。浏览。浏览。13大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.1 网站设计网站设计设计网站的基本步骤设计网站的基本步骤 对站点进行规划。对站点进行规划。对站点进行规划。对站点进行规划。确定站点的主题和风格，明确建立站点的目的。确定站点的主题和风格，明确建立站点的目的。确定站点的主题和风格，明确建立站点的目的。确定站点的主题和风格，明确建立站点的目的。根据确立的主题，收集一些素材。根据确立的主题，收集一些素材。根据确立的主题，收集一些素材。根据确立的主题，收集一些素材。明确将站点中各部分的内容，规划出

18、几个次要的明确将站点中各部分的内容，规划出几个次要的明确将站点中各部分的内容，规划出几个次要的明确将站点中各部分的内容，规划出几个次要的网页主题，根据各个次要的主题将素材进行分类，网页主题，根据各个次要的主题将素材进行分类，网页主题，根据各个次要的主题将素材进行分类，网页主题，根据各个次要的主题将素材进行分类，规划出合理的站点结构。规划出合理的站点结构。规划出合理的站点结构。规划出合理的站点结构。14大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.1 网站设计网站设计 创建站点的基本结构。创建站点的基本结构。创建站点的基本结构。创建站点的基本结构。在本地站点中建立若干在本地站点中建

19、立若干在本地站点中建立若干在本地站点中建立若干个文件夹，用于存放各个文件夹，用于存放各个文件夹，用于存放各个文件夹，用于存放各类文档，必要时还可以类文档，必要时还可以类文档，必要时还可以类文档，必要时还可以建立子文件夹。建立子文件夹。建立子文件夹。建立子文件夹。创建和编辑网页。创建和编辑网页。创建和编辑网页。创建和编辑网页。将本地站点的所有文档发将本地站点的所有文档发将本地站点的所有文档发将本地站点的所有文档发布到服务器。布到服务器。布到服务器。布到服务器。15大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.2 定义本地站点定义本地站点启动启动启动启动DreamweaverDrea

20、mweaver后，选择后，选择后，选择后，选择“站点站点站点站点”/“”/“新建站新建站新建站新建站点点点点”命令或单击起始页上的命令或单击起始页上的命令或单击起始页上的命令或单击起始页上的选选选选项，出现项，出现项，出现项，出现“站点定义站点定义站点定义站点定义”对话框后，选择对话框后，选择对话框后，选择对话框后，选择“基本基本基本基本”选选选选项卡，然后进行以下操作：项卡，然后进行以下操作：项卡，然后进行以下操作：项卡，然后进行以下操作：“编辑文件编辑文件编辑文件编辑文件”界面的文本框中输入站点名称（如界面的文本框中输入站点名称（如界面的文本框中输入站点名称（如界面的文本框中输入站点名称（

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

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

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

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

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

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

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

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

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

30、单击单击“复制复制复制复制”按钮，建立一个与列表框中选定站点相同的按钮，建立一个与列表框中选定站点相同的按钮，建立一个与列表框中选定站点相同的按钮，建立一个与列表框中选定站点相同的站点。站点。站点。站点。删除站点删除站点单击单击单击单击“删除删除删除删除”按钮，则将选定站点删除。按钮，则将选定站点删除。按钮，则将选定站点删除。按钮，则将选定站点删除。导出站点导出站点选中站点名称后，单击选中站点名称后，单击选中站点名称后，单击选中站点名称后，单击“导出导出导出导出”按钮，按钮，按钮，按钮，将站点导出为包将站点导出为包将站点导出为包将站点导出为包含站点设置的含站点设置的含站点设置的含站点设置的 X

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

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

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

34、空文件夹，在此文件夹中可以进该文件夹是一个空文件夹，在此文件夹中可以进行新建文件夹、新建文件、复制文件、移动文件、行新建文件夹、新建文件、复制文件、移动文件、行新建文件夹、新建文件、复制文件、移动文件、行新建文件夹、新建文件、复制文件、移动文件、删除文件、重命名文件等操作。删除文件、重命名文件等操作。删除文件、重命名文件等操作。删除文件、重命名文件等操作。22大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.3 管理站点资源管理站点资源新建文件夹新建文件夹右单击右单击右单击右单击“文件文件文件文件”面板中要新建文件夹的位置（如：面板中要新建文件夹的位置（如：面板中要新建文件夹的位置（

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

36、后按），然后按），然后按），然后按EnterEnter键即可。键即可。键即可。键即可。23大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.3 管理站点资源管理站点资源新建文件新建文件选择选择选择选择“文件文件文件文件”/“”/“新建新建新建新建”命令，打开命令，打开命令，打开命令，打开“新建文档新建文档新建文档新建文档”对话框。在对话框。在对话框。在对话框。在“新建文档新建文档新建文档新建文档”对话框中选择文件类对话框中选择文件类对话框中选择文件类对话框中选择文件类别和类型后，单击别和类型后，单击别和类型后，单击别和类型后，单击“创建创建创建创建”按钮。按钮。按钮。按钮。单击起始页

37、的单击起始页的单击起始页的单击起始页的“从范例创建从范例创建从范例创建从范例创建”栏中列出的选项，栏中列出的选项，栏中列出的选项，栏中列出的选项，同样能够打开同样能够打开同样能够打开同样能够打开“新建文档新建文档新建文档新建文档”对话框，进行新建文对话框，进行新建文对话框，进行新建文对话框，进行新建文档操作。单击起始页的档操作。单击起始页的档操作。单击起始页的档操作。单击起始页的“创建新项目创建新项目创建新项目创建新项目”栏中的选栏中的选栏中的选栏中的选项，可以直接建立相应的文档。项，可以直接建立相应的文档。项，可以直接建立相应的文档。项，可以直接建立相应的文档。右单击右单击右单击右单击“文件

38、文件文件文件”面板中要新建文件的文件夹，在面板中要新建文件的文件夹，在面板中要新建文件的文件夹，在面板中要新建文件的文件夹，在弹出的快捷菜单中选择弹出的快捷菜单中选择弹出的快捷菜单中选择弹出的快捷菜单中选择“新建文件新建文件新建文件新建文件”命令，便可命令，便可命令，便可命令，便可以建立一个新的文件。以建立一个新的文件。以建立一个新的文件。以建立一个新的文件。24大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.3 管理站点资源管理站点资源移动、复制文件和文件夹移动、复制文件和文件夹在在在在“文件文件文件文件”面板中选定要移动的文件，将文件拖面板中选定要移动的文件，将文件拖面板中选定

39、要移动的文件，将文件拖面板中选定要移动的文件，将文件拖入新的文件夹位置，便可以移动文件的位置。此入新的文件夹位置，便可以移动文件的位置。此入新的文件夹位置，便可以移动文件的位置。此入新的文件夹位置，便可以移动文件的位置。此时将出现时将出现时将出现时将出现“更新文件更新文件更新文件更新文件”对话框，提示是否要更新对话框，提示是否要更新对话框，提示是否要更新对话框，提示是否要更新其他文件中有指向被移动的文件的超链接。其他文件中有指向被移动的文件的超链接。其他文件中有指向被移动的文件的超链接。其他文件中有指向被移动的文件的超链接。25大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.3 管

40、理站点资源管理站点资源若要复制文件，可以在若要复制文件，可以在若要复制文件，可以在若要复制文件，可以在“文件文件文件文件”面板中按住面板中按住面板中按住面板中按住CtrlCtrl键同时将文件拖入目标文件夹。键同时将文件拖入目标文件夹。键同时将文件拖入目标文件夹。键同时将文件拖入目标文件夹。在在在在“文件文件文件文件”面板中选定文件，右单击后弹出快捷面板中选定文件，右单击后弹出快捷面板中选定文件，右单击后弹出快捷面板中选定文件，右单击后弹出快捷菜单，选择菜单，选择菜单，选择菜单，选择“编辑编辑编辑编辑”子菜单下的子菜单下的子菜单下的子菜单下的“剪切剪切剪切剪切”、“拷拷拷拷贝贝贝贝”和和和和“粘

41、贴粘贴粘贴粘贴”命令，同样可以进行文件的移动命令，同样可以进行文件的移动命令，同样可以进行文件的移动命令，同样可以进行文件的移动和复制操作。选择和复制操作。选择和复制操作。选择和复制操作。选择“复制复制复制复制”命令，可以将选定的命令，可以将选定的命令，可以将选定的命令，可以将选定的文件直接复制到同一个文件夹下，建立一个副本。文件直接复制到同一个文件夹下，建立一个副本。文件直接复制到同一个文件夹下，建立一个副本。文件直接复制到同一个文件夹下，建立一个副本。26大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.3 管理站点资源管理站点资源删除、重命名文件和文件夹删除、重命名文件和文件夹

42、选定要删除的文件或文件夹，按选定要删除的文件或文件夹，按选定要删除的文件或文件夹，按选定要删除的文件或文件夹，按DeleteDelete键，单击键，单击键，单击键，单击弹出的确认删除提示框中的弹出的确认删除提示框中的弹出的确认删除提示框中的弹出的确认删除提示框中的“是是是是”按钮，便可以按钮，便可以按钮，便可以按钮，便可以将文件或文件夹删除。将文件或文件夹删除。将文件或文件夹删除。将文件或文件夹删除。选定文件或文件夹后，再次单击文件（文件夹）选定文件或文件夹后，再次单击文件（文件夹）选定文件或文件夹后，再次单击文件（文件夹）选定文件或文件夹后，再次单击文件（文件夹）名，进入编辑名称状态，便可以

43、修改文件（文件名，进入编辑名称状态，便可以修改文件（文件名，进入编辑名称状态，便可以修改文件（文件名，进入编辑名称状态，便可以修改文件（文件夹）名。夹）名。夹）名。夹）名。27大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.3 管理站点资源管理站点资源导入文件和文件夹导入文件和文件夹在在在在“文件文件文件文件”面板的站点名称下拉列表中选择文件面板的站点名称下拉列表中选择文件面板的站点名称下拉列表中选择文件面板的站点名称下拉列表中选择文件或文件夹所在的本地磁盘，选中文件或文件夹后或文件夹所在的本地磁盘，选中文件或文件夹后或文件夹所在的本地磁盘，选中文件或文件夹后或文件夹所在的本地磁盘

44、，选中文件或文件夹后右单击，选择快捷菜单中的右单击，选择快捷菜单中的右单击，选择快捷菜单中的右单击，选择快捷菜单中的“编辑编辑编辑编辑”/“”/“拷贝拷贝拷贝拷贝”命令。然后在站点名称下拉列表中重新选择站点命令。然后在站点名称下拉列表中重新选择站点命令。然后在站点名称下拉列表中重新选择站点命令。然后在站点名称下拉列表中重新选择站点名称，选择快捷菜单中的名称，选择快捷菜单中的名称，选择快捷菜单中的名称，选择快捷菜单中的“编辑编辑编辑编辑”/“”/“粘贴粘贴粘贴粘贴”命命命命令，便将文件或文件夹复制到站点中。令，便将文件或文件夹复制到站点中。令，便将文件或文件夹复制到站点中。令，便将文件或文件夹复

45、制到站点中。28大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.4 打开、保存和预览网页打开、保存和预览网页打开网页文档打开网页文档选择选择选择选择“文件文件文件文件”/“”/“打开打开打开打开”命令，在出现的命令，在出现的命令，在出现的命令，在出现的“打开打开打开打开”对话框中选择网页文件，单击对话框中选择网页文件，单击对话框中选择网页文件，单击对话框中选择网页文件，单击“打开打开打开打开”按钮；按钮；按钮；按钮；选择选择选择选择“文件文件文件文件”/“”/“打开最近的文件打开最近的文件打开最近的文件打开最近的文件”子菜单中列子菜单中列子菜单中列子菜单中列出的文件名；出的文件名；

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

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

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

49、选择“文件文件文件文件”/“”/“在浏览器中预览在浏览器中预览在浏览器中预览在浏览器中预览”/”/“IExplore6.0”“IExplore6.0”命令或按命令或按命令或按命令或按F12F12键，便可以在键，便可以在键，便可以在键，便可以在MicrosoftInternetExplorerMicrosoftInternetExplorer窗口中预览网页。窗口中预览网页。窗口中预览网页。窗口中预览网页。对于没有在编辑窗口中打开的网页文档，则应在对于没有在编辑窗口中打开的网页文档，则应在对于没有在编辑窗口中打开的网页文档，则应在对于没有在编辑窗口中打开的网页文档，则应在“文件文件文件文件”面板中

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