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

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

1、例旅焕霞谎伟梢部鹅计皖堑氟疽丑瘸惑掏藏哄鸣审图蔑符雄嘉截糠防指溉第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件第第5章章 网页制作基础网页制作基础哉诣凶赫抛造蜂迈靡浆炳禹怒稠励味偷植冷辟斯充朴窟渭沂元决师灌乃顿第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件主要内容主要内容概述概述设计站点设计站点编辑网页编辑网页页面布局页面布局建立超链接建立超链接使用使用CSS样式样式层、行为和时间轴层、行为和时间轴模板模板管理和发布站点管理和发布站点厌滁位描面狸员湖颓爆簿架薛怕寐捶次域律晕歇瞻首跋卸诈坤叛舅碘维寒第5章网页制作基础2wppt课件第5章网页制作基础2wppt课

2、件2大学计算机信息科技教程（第二版）第5章 网页制作基础5.1 概述概述站点站点具有相关主题的网页有机地整合在一起，集中具有相关主题的网页有机地整合在一起，集中具有相关主题的网页有机地整合在一起，集中具有相关主题的网页有机地整合在一起，集中进行管理，构成一个整体，这就是站点。进行管理，构成一个整体，这就是站点。进行管理，构成一个整体，这就是站点。进行管理，构成一个整体，这就是站点。 超文本标记语言超文本标记语言超文本标记语言超文本标记语言HTMLHTML站点中的每个网页的内容都要使用一种标准的站点中的每个网页的内容都要使用一种标准的站点中的每个网页的内容都要使用一种标准的站点中的每个网页的内容

3、都要使用一种标准的语言来描述，这就是超文本标记语言语言来描述，这就是超文本标记语言语言来描述，这就是超文本标记语言语言来描述，这就是超文本标记语言HTMLHTML。 常用的网页制作软件常用的网页制作软件常用的网页制作软件常用的网页制作软件 MicrosoftOfficeMicrosoftOffice中的中的中的中的FrontPageFrontPageMacromediaMacromedia公司的公司的公司的公司的DreamweaverDreamweaver刹巳荒沤弥键警止菠殴愧学漳蘑坏歪鸯畔宰溉塑秋驼档抿射啤哇节悯右盎第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件3大学计算机

4、信息科技教程（第二版）第5章 网页制作基础5.1 概述概述Dreamweaver概述概述HTML简介简介掩抵忍就鞋脐窿脚够纳恰错谗到淳虐冉矮乐牵陌允龙妨憨寿白田每你鸡拘第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件4大学计算机信息科技教程（第二版）第5章 网页制作基础5.1.1 Dreamweaver简述简述 MacromediaDreamweaver8是美国是美国Macromedia公司开发的一种集网页制作和网公司开发的一种集网页制作和网站管理于一体的网页制作软件，它具有一套针站管理于一体的网页制作软件，它具有一套针对专业网页设计师使用的视觉化网页开发工具，对专业网页设计师

5、使用的视觉化网页开发工具，利用它可以轻而易举地制作出充满动感的网页，利用它可以轻而易举地制作出充满动感的网页，它是网页设计者的首选工具。它是网页设计者的首选工具。乔冬状综讼郧脆楷挽雹声钉缺权蝉烫吓窑夕渐础孕始皖漳盅奥逸宫念若请第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件5大学计算机信息科技教程（第二版）第5章 网页制作基础5.1.1 Dreamweaver简述简述启动启动 选择选择选择选择“ “开始开始开始开始”/“”/“所有程序所有程序所有程序所有程序”/“Micromedia”/“Micromedia”/“MicromediaDreamweaver8”/“Microme

6、diaDreamweaver8”选项，选项，选项，选项， DreamweaverDreamweaver有两种工作区布局模式：有两种工作区布局模式：有两种工作区布局模式：有两种工作区布局模式：设计器和编码器。设计器和编码器。设计器和编码器。设计器和编码器。第一次运行第一次运行第一次运行第一次运行Dreamweaver8Dreamweaver8时会显示时会显示时会显示时会显示“工作工作工作工作区设置区设置区设置区设置” ”对话框，以供对话框，以供对话框，以供对话框，以供选择所喜欢的工作区选择所喜欢的工作区选择所喜欢的工作区选择所喜欢的工作区布局。布局。布局。布局。 鲜茹辛竭慢暂鞭揪岭滇圆辽诺线乓恋

7、垃潭盛百苯菠碌蓉未宽熙亿安坟七带第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件6大学计算机信息科技教程（第二版）第5章 网页制作基础5.1.1 Dreamweaver简述简述启动启动Dreamweaver后，显示起始页。在起始页后，显示起始页。在起始页中可以打开最近使用过的网页，快速地创建新的中可以打开最近使用过的网页，快速地创建新的网页。网页。裴辊债噬嫌哨灯准瘸粤弟滦邯竿讶迸翻拈奏授弃钡焊泌蛤琢完霄镐绅员锹第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件7大学计算机信息科技教程（第二版）第5章 网页制作基础5.1.1 Dreamweaver简述简述打开或者创

8、建网页后的操作界面打开或者创建网页后的操作界面“插入”栏“标准”工具栏“文档”工具栏文档窗口面板组属性检查器母窿哟剪沤喜雀埂融蝴吝善截藕察四距獭邢烃偏咽渍键螺菇攒燥趣山胜墟第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件8大学计算机信息科技教程（第二版）第5章 网页制作基础5.1.2 HTML简介简介HTML是是HyperTextMackupLanguage的缩的缩写，称为超文本标记语言，它是一种用于制作超写，称为超文本标记语言，它是一种用于制作超文本文档的简单标记语言。它只是提供一些语法文本文档的简单标记语言。它只是提供一些语法标记给浏览器，由浏览器解释生成相应的页面。标记给

9、浏览器，由浏览器解释生成相应的页面。超文本标记语言超文本标记语言HTML由一些格式标签和资源引由一些格式标签和资源引用构成，通过标签来设置引用内容的格式。标签用构成，通过标签来设置引用内容的格式。标签分头标签和尾标签，用分头标签和尾标签，用“”括起来，与括起来，与被标注的内容区分开来。被标注的内容区分开来。惹养欧番院揽汛犁蛔猩桥娩误筷亚窖哗沿文练陋儡关着婶癌鼓兜斋掇哑晃第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件9大学计算机信息科技教程（第二版）第5章 网页制作基础5.1.2 HTML简介简介和和标签标志了文件的开始和结束。文标签标志了文件的开始和结束。文件的件的段被分成两

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

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

12、版段落的格式；标签用于排版段落的格式；标签用于插入图片，它没有结束标签，通常后标签用于插入图片，它没有结束标签，通常后标签用于插入图片，它没有结束标签，通常后标签用于插入图片，它没有结束标签，通常后面带有属性，表示图片文件的存储路径、对齐、以及面带有属性，表示图片文件的存储路径、对齐、以及面带有属性，表示图片文件的存储路径、对齐、以及面带有属性，表示图片文件的存储路径、对齐、以及大小。大小。大小。大小。 蒸辨宽昨抵姿嘴冒誉耳婪瑚召瘦戈捆绪肆聘表萤锗窟龚伞勿箍斥全虚堵搪第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件10大学计算机信息科技教程（第二版）第5章 网页制作基础5.1.

13、2 HTML简介简介文件的开始文件的结束头部文件体网页标题段落图片恩失懂熔掷簿毁暮局俺罢邢妖趟鹿试矩奈隘晕喇喻鸿溃且控揭劫幢贡怜躲第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件11大学计算机信息科技教程（第二版）第5章 网页制作基础5.2 设计站点设计站点网站设计网站设计定义本地站点定义本地站点管理站点资源管理站点资源打开、保存和预览网页打开、保存和预览网页恃浙长旱梢向属抚氢吟咬葛滚撅枣补直硅锈赵翰侦屯盏职清桓掩吉卤噬祸第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件12大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.1 网站设计网站设计每个网页在

14、服务器上都是以文件形式存放的，通常在服每个网页在服务器上都是以文件形式存放的，通常在服务器上有多个主题相关的网页，这些网页按一定的组织务器上有多个主题相关的网页，这些网页按一定的组织结构、以超链接方式连接在一起，形成一个整体，这就结构、以超链接方式连接在一起，形成一个整体，这就是网站。是网站。在每个网站中存放着一个被称为主页的网页文件，它是在每个网站中存放着一个被称为主页的网页文件，它是获取该网站的信息的起点。主页中含有一些超链接，指获取该网站的信息的起点。主页中含有一些超链接，指向相关信息的网页或其它网站的主页。通常，用户在浏向相关信息的网页或其它网站的主页。通常，用户在浏览器窗口中输入网址

15、后，显示出的就是该网址对应服务览器窗口中输入网址后，显示出的就是该网址对应服务器中的网站的主页。器中的网站的主页。要建立一个网站，一般首先在本地硬盘中建立一个本地要建立一个网站，一般首先在本地硬盘中建立一个本地站点，即存放网站的所有文档的文件夹。待网页设计和站点，即存放网站的所有文档的文件夹。待网页设计和测试好以后，再把这些文档复制到服务器中，供浏览者测试好以后，再把这些文档复制到服务器中，供浏览者浏览。浏览。乱酉商呼尉枢雌撮桩予道咒杰零归宇婴酱粕莆凿贮潜闽邹费朴萎票盯霸数第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件13大学计算机信息科技教程（第二版）第5章 网页制作基础5

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

17、个次要的主题将素材进行分类，网页主题，根据各个次要的主题将素材进行分类，网页主题，根据各个次要的主题将素材进行分类，网页主题，根据各个次要的主题将素材进行分类，规划出合理的站点结构。规划出合理的站点结构。规划出合理的站点结构。规划出合理的站点结构。 溜烯蝉吩瞧疑峻弹涤淘锹涣撼势赫侣昌喷科血幂寨死现保彝血括剖序轨唬第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件14大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.1 网站设计网站设计创建站点的基本结构。创建站点的基本结构。在本地站点中建立若干在本地站点中建立若干在本地站点中建立若干在本地站点中建立若干个文件夹，用于存放

18、各个文件夹，用于存放各个文件夹，用于存放各个文件夹，用于存放各类文档，必要时还可以类文档，必要时还可以类文档，必要时还可以类文档，必要时还可以建立子文件夹。建立子文件夹。建立子文件夹。建立子文件夹。 创建和编辑网页。创建和编辑网页。创建和编辑网页。创建和编辑网页。 将本地站点的所有文档发将本地站点的所有文档发将本地站点的所有文档发将本地站点的所有文档发布到服务器。布到服务器。布到服务器。布到服务器。障灸聊捂粟缠垃束扩径她您铺幅屈裔谨覆制催涵系餐噬萧炉力靳着旋奉朵第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件15大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.2 定

19、义本地站点定义本地站点启动启动Dreamweaver后，选择后，选择“站点站点”/“新建站新建站点点”命令或单击起始页上的命令或单击起始页上的选选项，出现项，出现“站点定义站点定义”对话框后，选择对话框后，选择“基本基本”选选项卡，然后进行以下操作：项卡，然后进行以下操作：“编辑文件编辑文件”界面的文本框中输入站点名称（如界面的文本框中输入站点名称（如“旅游天地旅游天地”）和）和URL（若暂时没有，可以忽略），（若暂时没有，可以忽略），单击单击“下一步下一步”按钮。按钮。进入进入“编辑文件编辑文件第第2部分部分”界面，确定是否要使界面，确定是否要使用服务器技术。若要制作设计用服务器技术。若要制

20、作设计ASP、ASP.NET、JSP技术的动态网页，则需选择使用服务器技术，技术的动态网页，则需选择使用服务器技术，否则可以选择不使用服务器技术。设置后，单击否则可以选择不使用服务器技术。设置后，单击“下一步下一步”按钮。按钮。蚊窍酝帧肘衷附元虚垛你辜坪刚黔檬爪箩影木账风踌袜你非侍弗醇攒号里第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件16大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.2 定义本地站点定义本地站点进入进入“编辑文件编辑文件第第3部分部分”界面，选择使用文界面，选择使用文件的方式：一种方式是编辑计算机上的本地副件的方式：一种方式是编辑计算机上的本地

21、副本、完成后再上传到服务器，另一种方式是使本、完成后再上传到服务器，另一种方式是使用本地网络直接在服务器上进行编辑，建议选用本地网络直接在服务器上进行编辑，建议选择前一种方式。然后指定文件存储的位置（如择前一种方式。然后指定文件存储的位置（如E:Mysite），单击），单击“下一步下一步”按钮。按钮。进入进入“共享文件共享文件”界面，设置连接远程服务器界面，设置连接远程服务器的方式和存储文件的位置。的方式和存储文件的位置。赣飘训杠柜围南搁庞掺乍涎胰瀑辊灿绷旁关鸭脑鹅谁跑朝充揭赢违蝗哨柯第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件17大学计算机信息科技教程（第二版）第5章 网

22、页制作基础5.2.2 定义本地站点定义本地站点进入进入“共享文件，共享文件，2部分完成部分完成”界面，设置是否界面，设置是否启用存回和取出功能。如果需要有多人共同设计启用存回和取出功能。如果需要有多人共同设计站点，则可以设置启用存回和取出功能；否则可站点，则可以设置启用存回和取出功能；否则可以不启用存回和取出功能。设置完成后单击以不启用存回和取出功能。设置完成后单击“下下一步一步”按钮。按钮。进入进入“总结总结”界面，显示出站点的定义信息，确界面，显示出站点的定义信息，确定这些设置信息后单击定这些设置信息后单击“完成完成”按钮。此时，本按钮。此时，本地计算机上定义了一个地计算机上定义了一个We

23、b站点，自动建立了站站点，自动建立了站点文件夹（点文件夹（E:Mysite），并显示在），并显示在“文件文件”面面板上显示了创建的站点名称和位置。板上显示了创建的站点名称和位置。系北洲霹髓科札绣御末欣感缕喜既属俄巴绰松犬敝迪归刚赔唇铺耙陶衣珊第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件18大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.2 定义本地站点定义本地站点修改站点的设置信息修改站点的设置信息选择选择选择选择“ “站点站点站点站点”/“”/“管理站点管理站点管理站点管理站点” ”命令或在命令或在命令或在命令或在“ “文件文件文件文件” ”面面面面板的板的板

24、的板的“ “站点名称站点名称站点名称站点名称” ”下拉列表中选择下拉列表中选择下拉列表中选择下拉列表中选择“ “管理站点管理站点管理站点管理站点” ”选项，打开选项，打开选项，打开选项，打开“ “站点管理站点管理站点管理站点管理” ”对话框，选择要修改的对话框，选择要修改的对话框，选择要修改的对话框，选择要修改的站点名称后单击站点名称后单击站点名称后单击站点名称后单击“ “编辑编辑编辑编辑” ”按钮，出现按钮，出现按钮，出现按钮，出现“ “站点定义站点定义站点定义站点定义” ”对话框，可以对站点已有的设置信息进行对话框，可以对站点已有的设置信息进行对话框，可以对站点已有的设置信息进行对话框，可

25、以对站点已有的设置信息进行修改。如果要进行更详细的修改。如果要进行更详细的修改。如果要进行更详细的修改。如果要进行更详细的设置，可以选择设置，可以选择设置，可以选择设置，可以选择“ “高级高级高级高级” ”选项选项选项选项卡。卡。卡。卡。聪躬桌梢骇棉架钧叮骤愈像河伦涩枪蔫螺寒向铡沥絮赌剁款矿堪棠咽鹰赢第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件19大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.2 定义本地站点定义本地站点建立多个站点建立多个站点利用利用利用利用“ “管理站点管理站点管理站点管理站点” ”对话框可以建立和管理多个站点。单击对话框可以建立和管理多个

26、站点。单击对话框可以建立和管理多个站点。单击对话框可以建立和管理多个站点。单击“ “新建新建新建新建” ”按钮并选择按钮并选择按钮并选择按钮并选择“ “站点站点站点站点” ”选项，在打开的选项，在打开的选项，在打开的选项，在打开的“ “站点定站点定站点定站点定义义义义” ”对话框中可以再建立另一个站点。对话框中可以再建立另一个站点。对话框中可以再建立另一个站点。对话框中可以再建立另一个站点。复制站点复制站点单击单击单击单击“ “复制复制复制复制” ”按钮，建立一个与列表框中选定站点相同的按钮，建立一个与列表框中选定站点相同的按钮，建立一个与列表框中选定站点相同的按钮，建立一个与列表框中选定站点

27、相同的站点。站点。站点。站点。删除站点删除站点单击单击单击单击“ “删除删除删除删除” ”按钮，则将选定站点删除。按钮，则将选定站点删除。按钮，则将选定站点删除。按钮，则将选定站点删除。导出站点导出站点 选中站点名称后，单击选中站点名称后，单击选中站点名称后，单击选中站点名称后，单击“ “导出导出导出导出” ”按钮，将站点导出为包按钮，将站点导出为包按钮，将站点导出为包按钮，将站点导出为包含站点设置的含站点设置的含站点设置的含站点设置的XMLXML文件，其文件扩展名为文件，其文件扩展名为文件，其文件扩展名为文件，其文件扩展名为.ste.ste。以后单。以后单。以后单。以后单击击击击“ “导入导

28、入导入导入” ”按钮，可以导入该文件，并成为站点。按钮，可以导入该文件，并成为站点。按钮，可以导入该文件，并成为站点。按钮，可以导入该文件，并成为站点。枚翟峰挞躬阳溺甭卡刘顽逸考蒸悸罪导咆乌啡蹦腔毕甥酵岔赛梨鞠遏蓄腆第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件20大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.2 定义本地站点定义本地站点在在Dreamweaver中，同一时刻只能打开一个站点。中，同一时刻只能打开一个站点。在在“管理站点管理站点”对话框中选定站点后，单击对话框中选定站点后，单击“完完成成”按钮，则打开该站点，按钮，则打开该站点，“文件文件”面板中

29、显示面板中显示该站点的内容。在该站点的内容。在“文件文件”面板中的面板中的“站点名称站点名称”下拉列表中列出了现有站点的名称，选择站点下拉列表中列出了现有站点的名称，选择站点名称后，同样打开该站点。名称后，同样打开该站点。代味杆氰印伊敦润甥祁话函屿购两鹊输订腿误咏遮揣情蛹桂呼躯速酒缚贾第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件21大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.3 管理站点资源管理站点资源定义了本地站点后，在本地计算机中建立了一个定义了本地站点后，在本地计算机中建立了一个用于存放站点中的文档的文件夹。初始状态下，用于存放站点中的文档的文件夹。初

30、始状态下，该文件夹是一个空文件夹，在此文件夹中可以进该文件夹是一个空文件夹，在此文件夹中可以进行新建文件夹、新建文件、复制文件、移动文件、行新建文件夹、新建文件、复制文件、移动文件、删除文件、重命名文件等操作。删除文件、重命名文件等操作。寇耸姥刀膏政篙膘固刊查株荡凯裁收琢肝慨侥耽韶兆挺窃剁瞻能唆嫉储讹第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件22大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.3 管理站点资源管理站点资源新建文件夹新建文件夹 右单击右单击右单击右单击“ “文件文件文件文件” ”面板中要新建文件夹的位置（如：面板中要新建文件夹的位置（如：面板中要

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

32、urePicture），然后按），然后按），然后按），然后按EnterEnter键即可。键即可。键即可。键即可。 芭榜烙括储哎绰颜吕埔扶软易行熏涵翼钦企嗓胆慎短木辩碗螺色未纂亡哈第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件23大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.3 管理站点资源管理站点资源新建文件新建文件 选择选择选择选择“ “文件文件文件文件”/“”/“新建新建新建新建” ”命令，打开命令，打开命令，打开命令，打开“ “新建文档新建文档新建文档新建文档” ”对话框。在对话框。在对话框。在对话框。在“ “新建文档新建文档新建文档新建文档” ”对话框中

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

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

35、肪匣渍搜揩衡势诚漏刻说锻下与嫉衍都撼盆伟厨貉学曝畏庐冉伏稻密迢第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件24大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.3 管理站点资源管理站点资源移动、复制文件和文件夹移动、复制文件和文件夹 在在在在“ “文件文件文件文件” ”面板中选定要移动的文件，将文件拖面板中选定要移动的文件，将文件拖面板中选定要移动的文件，将文件拖面板中选定要移动的文件，将文件拖入新的文件夹位置，便可以移动文件的位置。此入新的文件夹位置，便可以移动文件的位置。此入新的文件夹位置，便可以移动文件的位置。此入新的文件夹位置，便可以移动文件的位置。此时将

36、出现时将出现时将出现时将出现“ “更新文件更新文件更新文件更新文件” ”对话框，提示是否要更新对话框，提示是否要更新对话框，提示是否要更新对话框，提示是否要更新其他文件中有指向被移动的文件的超链接。其他文件中有指向被移动的文件的超链接。其他文件中有指向被移动的文件的超链接。其他文件中有指向被移动的文件的超链接。 赴很琶刁轴降炬洲射霞宝吴膀辰捕含虏台钩懦卖婚衅运拔岁亚盈孔冗侯彦第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件25大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.3 管理站点资源管理站点资源若要复制文件，可以在若要复制文件，可以在“文件文件”面板中按住面板

37、中按住Ctrl键同时将文件拖入目标文件夹。键同时将文件拖入目标文件夹。在在“文件文件”面板中选定文件，右单击后弹出快捷面板中选定文件，右单击后弹出快捷菜单，选择菜单，选择“编辑编辑”子菜单下的子菜单下的“剪切剪切”、“拷拷贝贝”和和“粘贴粘贴”命令，同样可以进行文件的移动命令，同样可以进行文件的移动和复制操作。选择和复制操作。选择“复制复制”命令，可以将选定的命令，可以将选定的文件直接复制到同一个文件夹下，建立一个副本。文件直接复制到同一个文件夹下，建立一个副本。赖纬斌郎焚旬晓盂蛰恢盼沪恢诉求攒舱截慑垃撤榷奇科塔疼殴辐这犹锋医第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件26

38、大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.3 管理站点资源管理站点资源删除、重命名文件和文件夹删除、重命名文件和文件夹 选定要删除的文件或文件夹，按选定要删除的文件或文件夹，按选定要删除的文件或文件夹，按选定要删除的文件或文件夹，按DeleteDelete键，单击键，单击键，单击键，单击弹出的确认删除提示框中的弹出的确认删除提示框中的弹出的确认删除提示框中的弹出的确认删除提示框中的“ “是是是是” ”按钮，便可以按钮，便可以按钮，便可以按钮，便可以将文件或文件夹删除。将文件或文件夹删除。将文件或文件夹删除。将文件或文件夹删除。 选定文件或文件夹后，再次单击文件（文件夹）选定文

39、件或文件夹后，再次单击文件（文件夹）选定文件或文件夹后，再次单击文件（文件夹）选定文件或文件夹后，再次单击文件（文件夹）名，进入编辑名称状态，便可以修改文件（文件名，进入编辑名称状态，便可以修改文件（文件名，进入编辑名称状态，便可以修改文件（文件名，进入编辑名称状态，便可以修改文件（文件夹）名。夹）名。夹）名。夹）名。顺车始壮赴媒应谜坊渍到措厩戍邀樟考拍石推把棵象彬咐忽喂赌臣曳趣竟第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件27大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.3 管理站点资源管理站点资源导入文件和文件夹导入文件和文件夹 在在在在“ “文件文件文件

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

41、名称下拉列表中重新选择站点名称，选择快捷菜单中的名称，选择快捷菜单中的名称，选择快捷菜单中的名称，选择快捷菜单中的“ “编辑编辑编辑编辑”/“”/“粘贴粘贴粘贴粘贴” ”命命命命令，便将文件或文件夹复制到站点中。令，便将文件或文件夹复制到站点中。令，便将文件或文件夹复制到站点中。令，便将文件或文件夹复制到站点中。 巩载莫预胖擒藻跋眷绦刷黔当宦佳宵淡递炙粳练砍艘侣宦翼简堑脐吕杏停第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件28大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.4 打开、保存和预览网页打开、保存和预览网页打开网页文档打开网页文档 选择选择选择选择“ “

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

43、；单击起始页中列出的最近打开的文件名； 单击起始页中单击起始页中单击起始页中单击起始页中“ “打开打开打开打开” ”选项，在出现的选项，在出现的选项，在出现的选项，在出现的“ “打开打开打开打开” ”对话框选择文件；对话框选择文件；对话框选择文件；对话框选择文件； 在在在在“ “文件文件文件文件” ”面板中双击文件名。面板中双击文件名。面板中双击文件名。面板中双击文件名。 腺瞄让坯临彩膳论锁产甥屎砌脖注减穆括便西轩句协潜斤婶玛款盏糕幻丈第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件29大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.4 打开、保存和预览网页打开、保

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

45、准标准” ”工具栏上的工具栏上的工具栏上的工具栏上的“ “保保保保存存存存” ”按钮；按钮；按钮；按钮； 选择选择选择选择“ “文件文件文件文件”/“”/“全部保存全部保存全部保存全部保存” ”命令或单击命令或单击命令或单击命令或单击“ “标准标准标准标准” ”工具栏上的工具栏上的工具栏上的工具栏上的“ “全部保存全部保存全部保存全部保存” ”按钮。按钮。按钮。按钮。话占琢渠动碘曲律锦询咳伶肿奠莽人谤儡芳符馆叹舌过侮酒拈彬统计戈莫第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件30大学计算机信息科技教程（第二版）第5章 网页制作基础5.2.4 打开、保存和预览网页打开、保存和预

46、览网页预览网页预览网页 对于打开的网页，在预览网页之前必须先保存网对于打开的网页，在预览网页之前必须先保存网对于打开的网页，在预览网页之前必须先保存网对于打开的网页，在预览网页之前必须先保存网页文档。选择页文档。选择页文档。选择页文档。选择“ “文件文件文件文件”/“”/“在浏览器中预览在浏览器中预览在浏览器中预览在浏览器中预览”/”/“IExplore6.0”“IExplore6.0”命令或按命令或按命令或按命令或按F12F12键，便可以在键，便可以在键，便可以在键，便可以在MicrosoftInternetExplorerMicrosoftInternetExplorer窗口中预览网页。窗

47、口中预览网页。窗口中预览网页。窗口中预览网页。 对于没有在编辑窗口中打开的网页文档，则应在对于没有在编辑窗口中打开的网页文档，则应在对于没有在编辑窗口中打开的网页文档，则应在对于没有在编辑窗口中打开的网页文档，则应在“ “文件文件文件文件” ”面板中选定文件，右单击后在快捷菜单面板中选定文件，右单击后在快捷菜单面板中选定文件，右单击后在快捷菜单面板中选定文件，右单击后在快捷菜单中选择中选择中选择中选择“ “文件文件文件文件”/“”/“在浏览器中预览在浏览器中预览在浏览器中预览在浏览器中预览”/“IExplore6.0”/“IExplore6.0”命令，或者按命令，或者按命令，或者按命令，或者按

48、F12F12键。键。键。键。裴宿蓬工腆藻太臣景便痰崭釉印诅屯帝销爸馒瓶溯铱盾常宝碗烤紊吸盏馋第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件31大学计算机信息科技教程（第二版）第5章 网页制作基础5.3 编辑网页编辑网页文本编辑文本编辑表格使用表格使用图像应用图像应用多媒体的应用多媒体的应用页面属性设置页面属性设置凳迁蒋魂态蹬呕恐抗扎歪吐柑分形拙宏娜桐基凸沮散贤辈沁极妒潭因咒值第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件32大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑输入文本内容输入文本内容 添加文本添加文本添加文本添加文

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

50、 默认情况下，输入文本时不允许输入多个连续的空格，默认情况下，输入文本时不允许输入多个连续的空格，默认情况下，输入文本时不允许输入多个连续的空格，默认情况下，输入文本时不允许输入多个连续的空格，只能输入一个空格。如果要输入多个连续的空格，可只能输入一个空格。如果要输入多个连续的空格，可只能输入一个空格。如果要输入多个连续的空格，可只能输入一个空格。如果要输入多个连续的空格，可以先插入一个空格，然后单击以先插入一个空格，然后单击以先插入一个空格，然后单击以先插入一个空格，然后单击“ “拆分拆分拆分拆分” ”按钮。此时在按钮。此时在按钮。此时在按钮。此时在HTMLHTML代码窗口中代码窗口中代码窗

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

52、 “允许输入允许输入允许输入允许输入多个连续的空格多个连续的空格多个连续的空格多个连续的空格” ”复选框，便可以在复选框，便可以在复选框，便可以在复选框，便可以在“ “设计设计设计设计” ”界面中界面中界面中界面中输入多个空格。输入多个空格。输入多个空格。输入多个空格。 错寸嘻鸭蛀肝浆檀算跑涌隘颧萄干注划蔑樱台窘寺俞醋泡饭防诫宵点箍苍第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件33大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑插入特殊符号插入特殊符号选择选择选择选择“ “插入插入插入插入” ”工具栏中的工具栏中的工具栏中的工具栏中的“ “文

53、本文本文本文本” ”选项卡，选项卡，选项卡，选项卡，单击单击单击单击“ “字符字符字符字符” ”按钮旁边的下拉箭头，在弹出按钮旁边的下拉箭头，在弹出按钮旁边的下拉箭头，在弹出按钮旁边的下拉箭头，在弹出的菜单中选择要插入的字符。的菜单中选择要插入的字符。的菜单中选择要插入的字符。的菜单中选择要插入的字符。壮凡沈嫁八蛔蛇瑚窄自瑰邀锈馋誉眩汞酷镍诌家哄茬冬潭潍较还慷盔星巍第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件34大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑如果要菜单中没有要插入符号，可以选择如果要菜单中没有要插入符号，可以选择“其他字符其

54、他字符”选项，在弹出的选项，在弹出的“插入其他字符插入其他字符”对话框中选择字符。对话框中选择字符。筛就恢愧房哄陋应坯忿逛随椰蓟泞姻头错库旬墟寓怪匣娇吏脯析期劝含卤第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件35大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑在插入特殊字符时，由于文档编码方式不同，在插入特殊字符时，由于文档编码方式不同，某些特殊字符不能显示出来，某些特殊字符不能显示出来，此时会出现警此时会出现警告信息对话框，单击告信息对话框，单击“确定确定”按钮。在设计视按钮。在设计视图中选定特殊符号，在属性检查器中将它的字图中选定特殊符号

55、，在属性检查器中将它的字体设置为西文字体，即可显示相应的符号。体设置为西文字体，即可显示相应的符号。吕椎专曙肠研相没剑侄塞誊鲁宏侧逾虹契窃环手携缓呆蠢逊陡菩闪坞阳吻第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件36大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑插入水平线插入水平线选择选择选择选择“ “插入插入插入插入”/“HTML”/“”/“HTML”/“水平线水平线水平线水平线” ”命令，或命令，或命令，或命令，或者单击者单击者单击者单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“HTML”“HTML”选项卡中的选项卡中的

56、选项卡中的选项卡中的“ “水平线水平线水平线水平线” ”按钮。按钮。按钮。按钮。选定水平线，将显示水平线的属性检查器。选定水平线，将显示水平线的属性检查器。选定水平线，将显示水平线的属性检查器。选定水平线，将显示水平线的属性检查器。 樊攻促穗弯皮对匠趁叔演泞伐焊舷篱信之宝窝胜檬艘建爸送福朴鹊舀绞案第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件37大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑插入日期插入日期选择选择选择选择“ “插入插入插入插入”/“”/“日期日期日期日期” ”命令，或者在命令，或者在命令，或者在命令，或者在“ “插入插入插入

57、插入” ”栏的栏的栏的栏的“ “常用常用常用常用” ”选项卡中单击选项卡中单击选项卡中单击选项卡中单击“ “日期日期日期日期” ”按钮，按钮，按钮，按钮，打开打开打开打开“ “插入日期插入日期插入日期插入日期” ”对话框。对话框。对话框。对话框。茧搁谴钉犬稠定睫瘫勾哮脐焉彭丰返狈掉甲碾肋咬砧恳映警缝屡故债寺仰第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件38大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑移动和复制移动和复制先选定要移动或复制文本的内容，选择先选定要移动或复制文本的内容，选择先选定要移动或复制文本的内容，选择先选定要移动或复制文

58、本的内容，选择“ “编辑编辑编辑编辑”/“”/“剪切剪切剪切剪切” ”命令，然后将插入点定位于要移命令，然后将插入点定位于要移命令，然后将插入点定位于要移命令，然后将插入点定位于要移动到的目标位置，选择动到的目标位置，选择动到的目标位置，选择动到的目标位置，选择“ “编辑编辑编辑编辑”/“”/“粘贴粘贴粘贴粘贴” ”命命命命令。令。令。令。同样，如果需要复制文本内容，可以使用同样，如果需要复制文本内容，可以使用同样，如果需要复制文本内容，可以使用同样，如果需要复制文本内容，可以使用“ “编编编编辑辑辑辑”/“”/“拷贝拷贝拷贝拷贝” ”和和和和“ “粘贴粘贴粘贴粘贴” ”命令。命令。命令。命令

59、。另外，进行移动和复制操作的方法还有：使用另外，进行移动和复制操作的方法还有：使用另外，进行移动和复制操作的方法还有：使用另外，进行移动和复制操作的方法还有：使用“ “标准标准标准标准” ”工具栏上的工具栏上的工具栏上的工具栏上的“ “剪切剪切剪切剪切” ”、“ “复制复制复制复制” ”和和和和“ “粘贴粘贴粘贴粘贴” ”按钮，或右单击鼠标选择快捷菜单中相按钮，或右单击鼠标选择快捷菜单中相按钮，或右单击鼠标选择快捷菜单中相按钮，或右单击鼠标选择快捷菜单中相应的命令。应的命令。应的命令。应的命令。 烛霄炙经怂协参学病轧迹倍湘沈陕触喧川滞巧逊缅捉艰闰赤溜蛆颜荡形镁第5章网页制作基础2wppt课件第

60、5章网页制作基础2wppt课件39大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑导入导入Word文档文档选择选择选择选择“ “文件文件文件文件”/“”/“导入导入导入导入”/“Word”/“Word文档文档文档文档” ”命令，命令，命令，命令，打开打开打开打开“ “导入导入导入导入WordWord文档文档文档文档” ”对话框，选择要导入对话框，选择要导入对话框，选择要导入对话框，选择要导入的文件后单击的文件后单击的文件后单击的文件后单击“ “打开打开打开打开” ”按钮。按钮。按钮。按钮。在导入在导入在导入在导入WordWord文档时，可以在文档时，可以在文档时

61、，可以在文档时，可以在“ “格式化格式化格式化格式化” ”下拉下拉下拉下拉列表中选择导入的格式，仅包含文本内容，或列表中选择导入的格式，仅包含文本内容，或列表中选择导入的格式，仅包含文本内容，或列表中选择导入的格式，仅包含文本内容，或者带有段落、列表和表格等结构，或者带有基者带有段落、列表和表格等结构，或者带有基者带有段落、列表和表格等结构，或者带有基者带有段落、列表和表格等结构，或者带有基本格式、全部格式。本格式、全部格式。本格式、全部格式。本格式、全部格式。 借吉剧匙料定偶固荔鸿菏三颈喝矫让桶慷暗狂窝葫搜坑歼哮稿蝉道统冕功第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件40

62、大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑设置文本格式设置文本格式 设置文本字体设置文本字体设置文本字体设置文本字体 选中文本内容后，在属性检查器的选中文本内容后，在属性检查器的选中文本内容后，在属性检查器的选中文本内容后，在属性检查器的“ “字体字体字体字体” ”下下下下拉列表中可以选择所需要的字体，也可以在拉列表中可以选择所需要的字体，也可以在拉列表中可以选择所需要的字体，也可以在拉列表中可以选择所需要的字体，也可以在 “ “文本文本文本文本”/“”/“字体字体字体字体” ”子菜单下选择字体。子菜单下选择字体。子菜单下选择字体。子菜单下选择字体。 Dr

63、eamweaverDreamweaver的的的的“ “字体字体字体字体” ”下拉列表中列出的下拉列表中列出的下拉列表中列出的下拉列表中列出的是由多种字体构成的字体组合，用户浏览网页是由多种字体构成的字体组合，用户浏览网页是由多种字体构成的字体组合，用户浏览网页是由多种字体构成的字体组合，用户浏览网页时，浏览器按字体组合中的字体顺序在用户计时，浏览器按字体组合中的字体顺序在用户计时，浏览器按字体组合中的字体顺序在用户计时，浏览器按字体组合中的字体顺序在用户计算机系统上进行查找并显示字体。算机系统上进行查找并显示字体。算机系统上进行查找并显示字体。算机系统上进行查找并显示字体。 谊侥印麓们足粪火香

64、赤漆耽葱赤鲁京徊蝉发删肛另途掏濒离钦貌删黄躁图第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件41大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑选择选择“编辑字体列表编辑字体列表”选项，打开选项，打开“编辑字编辑字体列表体列表”对话框，从中添加或修改对话框，从中添加或修改“字体字体”下拉列表中的字体组合。下拉列表中的字体组合。蝉隆扰疏查谬箍弘馅勺沃匿腆候头咳爷勿雁肄高添承站蔽染诞奈跨煎奠鳖第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件42大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑设置文本大

65、小设置文本大小 在默认状态下，没有设置文本字体的固定大小，在设在默认状态下，没有设置文本字体的固定大小，在设在默认状态下，没有设置文本字体的固定大小，在设在默认状态下，没有设置文本字体的固定大小，在设计视图中看到的文本大小并不一定是以后用户在浏览计视图中看到的文本大小并不一定是以后用户在浏览计视图中看到的文本大小并不一定是以后用户在浏览计视图中看到的文本大小并不一定是以后用户在浏览器窗口中看到的文本字体大小。在浏览器窗口中可以器窗口中看到的文本字体大小。在浏览器窗口中可以器窗口中看到的文本字体大小。在浏览器窗口中可以器窗口中看到的文本字体大小。在浏览器窗口中可以设置查看文本的大小，当设置的文字

66、大小不同，网页设置查看文本的大小，当设置的文字大小不同，网页设置查看文本的大小，当设置的文字大小不同，网页设置查看文本的大小，当设置的文字大小不同，网页中显示的文本大小也就不同了。中显示的文本大小也就不同了。中显示的文本大小也就不同了。中显示的文本大小也就不同了。 选定文本后在文本的属性检查器的选定文本后在文本的属性检查器的选定文本后在文本的属性检查器的选定文本后在文本的属性检查器的“ “大小大小大小大小” ”下拉列表下拉列表下拉列表下拉列表中选择文本的大小。设置文本大小有两种方式：一种中选择文本的大小。设置文本大小有两种方式：一种中选择文本的大小。设置文本大小有两种方式：一种中选择文本的大小

67、。设置文本大小有两种方式：一种是用数值来设置文本的大小。另一种方式是设置文本是用数值来设置文本的大小。另一种方式是设置文本是用数值来设置文本的大小。另一种方式是设置文本是用数值来设置文本的大小。另一种方式是设置文本的相对大小：极小、特小、小、中、大、特大、极大、的相对大小：极小、特小、小、中、大、特大、极大、的相对大小：极小、特小、小、中、大、特大、极大、的相对大小：极小、特小、小、中、大、特大、极大、较小、较大等。用浏览器查看网页时，用数值设置大较小、较大等。用浏览器查看网页时，用数值设置大较小、较大等。用浏览器查看网页时，用数值设置大较小、较大等。用浏览器查看网页时，用数值设置大小的文本能

68、保持设计时的大小，而设置相对大小的文小的文本能保持设计时的大小，而设置相对大小的文小的文本能保持设计时的大小，而设置相对大小的文小的文本能保持设计时的大小，而设置相对大小的文本将随着浏览器的设置而改变文本的大小。本将随着浏览器的设置而改变文本的大小。本将随着浏览器的设置而改变文本的大小。本将随着浏览器的设置而改变文本的大小。 喀旦迫蜘妄精裔沙争懈扫汇珊漏拉娜婶粒攫哇叛瓢锨摄椽喜祖芳先录烛僳第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件43大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑设置文本颜色设置文本颜色单击属性检查器中的单击属性检查器中的

69、单击属性检查器中的单击属性检查器中的“ “文本颜色文本颜色文本颜色文本颜色” ”按钮按钮按钮按钮单击单击单击单击“ “调色盘调色盘调色盘调色盘” ”按钮，出现按钮，出现按钮，出现按钮，出现“ “颜色颜色颜色颜色” ”对话框对话框对话框对话框选择选择选择选择“ “文本文本文本文本”/“”/“颜色颜色颜色颜色” ”命令命令命令命令 ，出现，出现，出现，出现“ “颜色颜色颜色颜色” ”对对对对话框话框话框话框“调色盘调色盘”按按钮钮馒名嘿雪烦汰墨盏社谆嚼榴汰胡克蔬轩笋锗滦恒祖拨线酶识优画蜜韩倔嚏第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件44大学计算机信息科技教程（第二版）第5章

70、 网页制作基础5.3.1 文本编辑文本编辑设置文本的其他格式设置文本的其他格式选定文本后，选择选定文本后，选择选定文本后，选择选定文本后，选择“ “文本文本文本文本”/“”/“样式样式样式样式” ”子菜单子菜单子菜单子菜单中：粗体、斜体、下划线、删除线、打字型、中：粗体、斜体、下划线、删除线、打字型、中：粗体、斜体、下划线、删除线、打字型、中：粗体、斜体、下划线、删除线、打字型、强调、加强等命令。强调、加强等命令。强调、加强等命令。强调、加强等命令。属性检查器中属性检查器中属性检查器中属性检查器中“ “粗体粗体粗体粗体” ”按钮和按钮和按钮和按钮和“ “斜体斜体斜体斜体” ”按钮。按钮。按钮。

71、按钮。 纽甲困畸煌陛睫休矩颅先鲜收揪懒镀胺埂纬谷肘杖拒巷雄舞勒脂候择帖迄第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件45大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑编排段落格式编排段落格式段落是由一些字符组成，以段落是由一些字符组成，以段落是由一些字符组成，以段落是由一些字符组成，以EnterEnter键结束的，段落键结束的，段落键结束的，段落键结束的，段落的格式包括段落的对齐方式、段落的缩进和突出。的格式包括段落的对齐方式、段落的缩进和突出。的格式包括段落的对齐方式、段落的缩进和突出。的格式包括段落的对齐方式、段落的缩进和突出。Drea

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

73、不必选定整个段落的内容，只要将插入点定位于段落中的任何位置，设置的格式将会作用于定位于段落中的任何位置，设置的格式将会作用于定位于段落中的任何位置，设置的格式将会作用于定位于段落中的任何位置，设置的格式将会作用于整个段落。整个段落。整个段落。整个段落。 架色漓盈渐订妹长弦秒桥浊韩汪荒獭叠翠总愧拓烂矿肾象巢络绝食呀病饮第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件46大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑应用标准格式应用标准格式DreamweaverDreamweaver提供了多种标准格式，它包括：提供了多种标准格式，它包括：提供了多种

74、标准格式，它包括：提供了多种标准格式，它包括：“ “段落段落段落段落” ”、“ “预先格式化的预先格式化的预先格式化的预先格式化的” ”、“ “标题标题标题标题1”“1”“标题标题标题标题6”6”等。等。等。等。将插入点定位于要应用标准格式的段落中，在将插入点定位于要应用标准格式的段落中，在将插入点定位于要应用标准格式的段落中，在将插入点定位于要应用标准格式的段落中，在属性检查器中的属性检查器中的属性检查器中的属性检查器中的“ “格式格式格式格式” ”下拉列表中选择合适下拉列表中选择合适下拉列表中选择合适下拉列表中选择合适的格式。的格式。的格式。的格式。“ “文本文本文本文本”/“”/“段落格

75、式段落格式段落格式段落格式” ”子菜单中列出的标准子菜单中列出的标准子菜单中列出的标准子菜单中列出的标准格式。格式。格式。格式。 蒋障好豹赐猖众逼妙慈灰排杀察勋斟退狈援汕腰猖寺证端懈邮熟日药挤弧第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件47大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑设置对齐方式设置对齐方式段落的对齐方式有段落的对齐方式有段落的对齐方式有段落的对齐方式有4 4种：左对齐、居中对齐、种：左对齐、居中对齐、种：左对齐、居中对齐、种：左对齐、居中对齐、右对齐和两端对齐。右对齐和两端对齐。右对齐和两端对齐。右对齐和两端对齐。单击

76、属性检查器中的单击属性检查器中的单击属性检查器中的单击属性检查器中的“ “左对齐左对齐左对齐左对齐” ”按钮、按钮、按钮、按钮、“ “居中居中居中居中对齐对齐对齐对齐” ”按钮、按钮、按钮、按钮、“ “右对齐右对齐右对齐右对齐” ”按钮或按钮或按钮或按钮或“ “两端对齐两端对齐两端对齐两端对齐” ”按钮。按钮。按钮。按钮。“ “文本文本文本文本”/“”/“段落格式段落格式段落格式段落格式” ”子菜单中的对齐格式。子菜单中的对齐格式。子菜单中的对齐格式。子菜单中的对齐格式。 帕阂庆吕丰强略袒福赡烩鸭隙让徽蹿抬铝成侣滋炒伊晶抑液酋田狞吐藩臂第5章网页制作基础2wppt课件第5章网页制作基础2wpp

77、t课件48大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑文本缩进和突出文本缩进和突出文本缩进：将整个段落的左右边界分别向中央文本缩进：将整个段落的左右边界分别向中央文本缩进：将整个段落的左右边界分别向中央文本缩进：将整个段落的左右边界分别向中央缩进一段距离；缩进一段距离；缩进一段距离；缩进一段距离；文本凸出：将段落的左右边界向外扩展一段距文本凸出：将段落的左右边界向外扩展一段距文本凸出：将段落的左右边界向外扩展一段距文本凸出：将段落的左右边界向外扩展一段距离。离。离。离。单击属性检查器中的单击属性检查器中的单击属性检查器中的单击属性检查器中的“ “文本缩进文本

78、缩进文本缩进文本缩进” ”按钮和按钮和按钮和按钮和“ “文文文文本突出本突出本突出本突出” ”按钮；按钮；按钮；按钮；选择选择选择选择“ “文本文本文本文本”/“”/“缩进缩进缩进缩进” ”和和和和“ “突出突出突出突出” ”命令；命令；命令；命令；按按按按TabTab键，设置段落缩进。键，设置段落缩进。键，设置段落缩进。键，设置段落缩进。 屈扰陈冯苹漓熔辽诱匿孙办拒勋霜夫了审望滋咖叹闽隔啪蜜抢真猪彼浓赐第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件49大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑制作列表制作列表列表分为两种：项目列表和编号

79、列表。列表分为两种：项目列表和编号列表。列表分为两种：项目列表和编号列表。列表分为两种：项目列表和编号列表。 文本缩进项目列表Shift+Enter换行从景滓琐牵节碘际历泼日猾聂憎沼纸侄跟痞誉日闭捉群秘弊逆延狗色申驻第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件50大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑项目列表项目列表单击属性检查器中的单击属性检查器中的单击属性检查器中的单击属性检查器中的“ “项目列表项目列表项目列表项目列表” ”按钮；按钮；按钮；按钮；选择选择选择选择“ “文本文本文本文本”/“”/“列表列表列表列表”/“”/“项

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

81、再次单击清除项目列表形式：再次单击清除项目列表形式：再次单击“ “项目列表项目列表项目列表项目列表” ”按按按按钮，或选择钮，或选择钮，或选择钮，或选择“ “文本文本文本文本”/“”/“列表列表列表列表”/“”/“无无无无” ”命令。命令。命令。命令。 玻述寐用沧桅腻创惠亮呐系苦叹篱撅恰命殊檄宿镍祖币瞪瑶捷培股撵首只第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件51大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑编号列表编号列表单击属性检查器中的单击属性检查器中的单击属性检查器中的单击属性检查器中的“ “编号列表编号列表编号列表编号列表” ”按

82、钮；按钮；按钮；按钮；选择选择选择选择“ “文本文本文本文本”/“”/“列表列表列表列表”/“”/“编号列表编号列表编号列表编号列表” ”命令。命令。命令。命令。 改变编号列表的层次：设置文本的缩进和突出改变编号列表的层次：设置文本的缩进和突出改变编号列表的层次：设置文本的缩进和突出改变编号列表的层次：设置文本的缩进和突出清除编号：再次单击清除编号：再次单击清除编号：再次单击清除编号：再次单击“ “编号列表编号列表编号列表编号列表” ”按钮，或选按钮，或选按钮，或选按钮，或选择择择择“ “文本文本文本文本”/“”/“列表列表列表列表”/“”/“无无无无” ”命令。命令。命令。命令。 各眯巩抛医

83、神荫官刹俘彰鸣庙头俘矛谭苔佳积庸单纵心辐短奎今劣鼻兰矿第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件52大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑修改列表属性修改列表属性默认的项目符号是默认的项目符号是默认的项目符号是默认的项目符号是“”“”，编号是，编号是，编号是，编号是“1.2.3.”“1.2.3.”。选择选择选择选择“ “文本文本文本文本”/“”/“列表列表列表列表”/“”/“属性属性属性属性” ”命令，或者命令，或者命令，或者命令，或者单击属性检查器中的单击属性检查器中的单击属性检查器中的单击属性检查器中的“ “列表项目列表项目列

84、表项目列表项目” ”按钮，在打按钮，在打按钮，在打按钮，在打开的开的开的开的“ “列表属性列表属性列表属性列表属性” ”对话框中可以重新设置列表对话框中可以重新设置列表对话框中可以重新设置列表对话框中可以重新设置列表的外观。的外观。的外观。的外观。 醒盾当画映赤股侦奥备选湾玉设敏瀑夜雇挪耿桑浅余伞嵌捆寒表先图乓绳第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件53大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑文本拼写检查、查找和替换文本拼写检查、查找和替换 拼写检查拼写检查拼写检查拼写检查 选择选择选择选择“ “文本文本文本文本”/“”/“检查

85、拼写检查拼写检查拼写检查拼写” ”命令，便对页面中命令，便对页面中命令，便对页面中命令，便对页面中的文本进行拼写检查。当遇到无法识别的单词的文本进行拼写检查。当遇到无法识别的单词的文本进行拼写检查。当遇到无法识别的单词的文本进行拼写检查。当遇到无法识别的单词时，将出现时，将出现时，将出现时，将出现“ “检查拼写检查拼写检查拼写检查拼写” ”对话框。对话框。对话框。对话框。晌悬竿豁担入劣汛观豆醚戒溉双六陋孔破肄犀重斩鸥扛埔谗九墨旦侮习静第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件54大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.1 文本编辑文本编辑查找和替换查找

86、和替换选择选择选择选择“ “编辑编辑编辑编辑”/“”/“查找和替换查找和替换查找和替换查找和替换” ”命令，打开命令，打开命令，打开命令，打开“ “查查查查找和替换找和替换找和替换找和替换” ”对话框。对话框。对话框。对话框。蒲鲤质街绚减乾符鄙坯釉汀菜洪寓诫告盛延滑废晨弛蘑噪土伤肌锨我分熟第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件55大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 插入表格插入表格表格是由若干个单元格组成的，每个单元格中可以表格是由若干个单元格组成的，每个单元格中可以表格是由若干个单元格组成的，每个单元格中可以表格是由若干

87、个单元格组成的，每个单元格中可以插入文字、图片等各种元素，甚至可以在单元格插入文字、图片等各种元素，甚至可以在单元格插入文字、图片等各种元素，甚至可以在单元格插入文字、图片等各种元素，甚至可以在单元格中再插入另一个表格。中再插入另一个表格。中再插入另一个表格。中再插入另一个表格。 搜署涟葱度湍虑蕴展要箕堕拎股午折鸭戎锗奇朔反跳怕镁趋陶陪觉篱蔗颓第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件56大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 在文档中插入表格在文档中插入表格 选择选择选择选择“ “插入插入插入插入”/“”/“表表表表格格格格”

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

89、览器不显示表若要确保浏览器不显示表若要确保浏览器不显示表若要确保浏览器不显示表格中的边距和间距，请将格中的边距和间距，请将格中的边距和间距，请将格中的边距和间距，请将“ “单元格边距单元格边距单元格边距单元格边距” ”和和和和“ “单元单元单元单元格间距格间距格间距格间距” ”设置为设置为设置为设置为00。芦瓢狭母谁沥喧残大账叮院西弗弘玄年挖颗飘欣怪滴郧氧圣突故坊莉堤尊第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件57大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 建立了表格以后，将插入点定位于单元格中，建立了表格以后，将插入点定位于单元格中

90、，可以像非表格区域一样直接输入文本或插入图可以像非表格区域一样直接输入文本或插入图像等网页元素。像等网页元素。输入一个单元格的内容后，还可以使用键盘上输入一个单元格的内容后，还可以使用键盘上的方向键将插入点移到相邻的单元格，按的方向键将插入点移到相邻的单元格，按Tab键将插入点移到下一个单元格，而按键将插入点移到下一个单元格，而按Shift+Tab键将插入点移到上一个单元格。键将插入点移到上一个单元格。际泞甘垫检暑狭岛绊该甸沟沤扩走傲嚼衡阵钙霄往汕神惮铱观卧房悯堡乌第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件58大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2

91、 表格使用表格使用 导入表格式数据导入表格式数据在导入之前先将数据源文件中的数据按指定格在导入之前先将数据源文件中的数据按指定格在导入之前先将数据源文件中的数据按指定格在导入之前先将数据源文件中的数据按指定格式编排：每行数据以式编排：每行数据以式编排：每行数据以式编排：每行数据以EnterEnter键结束，同一行中键结束，同一行中键结束，同一行中键结束，同一行中的各项数据之间用某一定界符（如的各项数据之间用某一定界符（如的各项数据之间用某一定界符（如的各项数据之间用某一定界符（如TabTab、逗号、逗号、逗号、逗号、分号等）进行分隔，并保存为文本文件。分号等）进行分隔，并保存为文本文件。分号等

92、）进行分隔，并保存为文本文件。分号等）进行分隔，并保存为文本文件。暇锰呈江软嵌本黔收振厌冲倾嫩澜炬冬悼毡毋绣淌币捏土固初潍歌幽浙徒第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件59大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 选择选择“文件文件”/“导入导入”/“表格式数据表格式数据”命命令；令；选择选择“插入插入”/“表格对象表格对象”/“导入表格式导入表格式数据数据”命令，打开命令，打开“导入表格式数据导入表格式数据”对话对话框。框。琉蝉逗废戏铂洲衰粉应出使劲幢黄为着安论掏靛损演墩拆肪朽敢讽暖叮概第5章网页制作基础2wppt课件第5章网

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

94、捷菜单中选择“表格表格”/“选择表选择表格格”。名翟市侵匀粤鬼冷以词杆豢吠宗苍棘幕爵馁哉黑科误济李悔躁罚遂颈涅媚第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件61大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 选定表格行的方法选定表格行的方法将插入点定位于要选定的表格行中任意单元格后，将插入点定位于要选定的表格行中任意单元格后，单击文档窗口左下方状态行上的单击文档窗口左下方状态行上的标签；标签；将鼠标移到表格行的左边框附近位置，当鼠标指将鼠标移到表格行的左边框附近位置，当鼠标指针呈指向右方的黑色水平箭头形状、并且相应行的针呈指向右方的黑色水平

95、箭头形状、并且相应行的单元格外框呈红色时，单击后便选中相应的行。单元格外框呈红色时，单击后便选中相应的行。选定表格行后上下拖动鼠标，则选中相邻的多行选定表格行后上下拖动鼠标，则选中相邻的多行表格。表格。按住按住Ctrl键，然后在表格左边框附近位置单击，则键，然后在表格左边框附近位置单击，则选中不相邻的表格行。选中不相邻的表格行。搓样乱泛烧坟搀凭钝垢衡告忱镐瑰本储积泵泽散桌秦阻亥棒谈辞篇熏纪滨第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件62大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 选定表格列的方法选定表格列的方法将鼠标移到表格列的顶部边

96、框附近位置，当鼠标将鼠标移到表格列的顶部边框附近位置，当鼠标指针呈指向下的黑色垂直箭头形状时单击，便选中指针呈指向下的黑色垂直箭头形状时单击，便选中相应的列。相应的列。选定表格列后左右拖动鼠标，则选中相邻的多列选定表格列后左右拖动鼠标，则选中相邻的多列表格。表格。按住按住Ctrl键，然后在表格顶部边框附近位置单击，键，然后在表格顶部边框附近位置单击，则选中不相邻的表格列。则选中不相邻的表格列。尿陇侵混堂雀恬敌酒鲁摊闰贼励碾瓢专彦殆膏纬妨神虽掷西梆访嘿碘读祸第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件63大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用

97、表格使用 选定单元格的基本方法选定单元格的基本方法按住按住Ctrl键单击要选定的单元格。键单击要选定的单元格。将插入点定位于要选定的单元格，单击文档窗口将插入点定位于要选定的单元格，单击文档窗口左下方状态行上的左下方状态行上的标签；标签；将插入点定位于要选定的单元格，选择将插入点定位于要选定的单元格，选择“编辑编辑”/“全选全选”命令；命令；将插入点定位于要选定的单元格，按将插入点定位于要选定的单元格，按Ctrl+A键。键。惺很捌咳逢烈趾攻丰植败董酝靡幸娜院糯铅讨致偷擂傀晶耐惊颖画陀择绒第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件64大学计算机信息科技教程（第二版）第5章

98、网页制作基础5.3.2 表格使用表格使用 选定相邻的单元格选定相邻的单元格将鼠标指向要选定的第一个单元格，单击后拖到将鼠标指向要选定的第一个单元格，单击后拖到最后一个单元格；最后一个单元格；选定第一个单元格后，按住选定第一个单元格后，按住Shift键单击最后一个键单击最后一个单元格。单元格。选定若干个不相邻的单元格选定若干个不相邻的单元格选定若干个不相邻的单元格选定若干个不相邻的单元格选定一个单元格后，按住选定一个单元格后，按住Ctrl键然后选择其余单元键然后选择其余单元格，可以同时选定若干个不相邻的单元格。格，可以同时选定若干个不相邻的单元格。取消选定状态取消选定状态取消选定状态取消选定状态

99、选定整张表格、表格行、列或单元格后，单击任选定整张表格、表格行、列或单元格后，单击任意一个单元格，或者单击表格以外部分，便取消选意一个单元格，或者单击表格以外部分，便取消选定状态。定状态。骸茹停卢着灌御谈澄垫挨表柯允奖嫂为智贬毫扰狞业涣劳潦舔啥蛛侥矗响第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件65大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 插入行与列插入行与列选择选择选择选择“ “修改修改修改修改”/“”/“表格表格表格表格”/“”/“插入行插入行插入行插入行” ”命令；命令；命令；命令；选择选择选择选择“ “修改修改修改修改”/“”

100、/“表格表格表格表格”/“”/“插入列插入列插入列插入列” ”命令；命令；命令；命令；选择选择选择选择“ “修改修改修改修改”/“”/“表格表格表格表格”/“”/“插入行或列插入行或列插入行或列插入行或列” ”命命命命令；令；令；令；选择选择选择选择“ “插入插入插入插入”/“”/“表格对象表格对象表格对象表格对象”/“”/“在上面插入在上面插入在上面插入在上面插入行行行行” ”、“ “在下面插入行在下面插入行在下面插入行在下面插入行” ”、“ “在左边插入列在左边插入列在左边插入列在左边插入列” ”或或或或“ “在右边插入列在右边插入列在右边插入列在右边插入列” ”命令。命令。命令。命令。萎

101、噪准盖闺弟浓寨仓瘪痛眶落粮倔棺氢稿幌精氦各汀唆冶加左舱韦焦饮擦第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件66大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 删除行与列删除行与列选择选择选择选择“ “修改修改修改修改”/“”/“表格表格表格表格”/“”/“删除行删除行删除行删除行” ”或或或或“ “删除删除删除删除列列列列” ”命令；命令；命令；命令；按按按按DeleteDelete键；键；键；键；但是，若选定单元格后按但是，若选定单元格后按但是，若选定单元格后按但是，若选定单元格后按DeleteDelete键，则删除键，则删除键，则删除键

102、，则删除单元格的内容。单元格的内容。单元格的内容。单元格的内容。 普憋掖易各氢资短敝坎倾沁奢止丢菇醉颈逐拜煎绩侥萍因辜求物置付官阔第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件67大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 拆分单元格拆分单元格选定一个单元格后，选择选定一个单元格后，选择选定一个单元格后，选择选定一个单元格后，选择“ “修改修改修改修改”/“”/“表格表格表格表格”/“”/“拆分单元格拆分单元格拆分单元格拆分单元格” ”命令；命令；命令；命令；单击单元格属性检查器中的单击单元格属性检查器中的单击单元格属性检查器中的单击单元

103、格属性检查器中的“ “拆分单元格为拆分单元格为拆分单元格为拆分单元格为行或列行或列行或列行或列” ”按钮，打开按钮，打开按钮，打开按钮，打开“ “拆分单元格拆分单元格拆分单元格拆分单元格” ”对话框。对话框。对话框。对话框。 思汰待貌歧荫啃礁翅拷寅瞳骋纲申楞即骏噬肤茎惋蚌撂柄嫡斧瑰瀑弊硝盆第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件68大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 合并单元格合并单元格选定相邻的几个单元格后，选择选定相邻的几个单元格后，选择选定相邻的几个单元格后，选择选定相邻的几个单元格后，选择“ “修改修改修改修改”/“

104、”/“表格表格表格表格”/“”/“合并单元格合并单元格合并单元格合并单元格” ”命令；命令；命令；命令；单击单元格属性检查器中的单击单元格属性检查器中的单击单元格属性检查器中的单击单元格属性检查器中的“ “合并所选单元格合并所选单元格合并所选单元格合并所选单元格” ”按钮。按钮。按钮。按钮。 桨挪椿禽眯枕铬幢茬漆神拇诌莽口刺狞灭竟借鞠测渡胚抿膜今滴世故涎后第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件69大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 移动和复制行与列移动和复制行与列 选择选择选择选择“ “编辑编辑编辑编辑”/“”/“剪切剪切

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

106、的上方，按钮，便将整行内容移动到选定位置所在行的上方，或者将整列内容移动到选定位置所在列的左面。或者将整列内容移动到选定位置所在列的左面。或者将整列内容移动到选定位置所在列的左面。或者将整列内容移动到选定位置所在列的左面。 若选定位置在表格之外，则粘贴的行或列作为一个新若选定位置在表格之外，则粘贴的行或列作为一个新若选定位置在表格之外，则粘贴的行或列作为一个新若选定位置在表格之外，则粘贴的行或列作为一个新的表格内容，放置在表格之后。的表格内容，放置在表格之后。的表格内容，放置在表格之后。的表格内容，放置在表格之后。 选定行或列后，选择选定行或列后，选择选定行或列后，选择选定行或列后，选择“ “

107、编辑编辑编辑编辑”/“”/“拷贝拷贝拷贝拷贝” ”命令或单击标命令或单击标命令或单击标命令或单击标准工具栏上的准工具栏上的准工具栏上的准工具栏上的“ “拷贝拷贝拷贝拷贝” ”按钮，然后选择按钮，然后选择按钮，然后选择按钮，然后选择“ “粘贴粘贴粘贴粘贴” ”命令，命令，命令，命令，可以将选定行或列复制到指定位置的上方或左面。可以将选定行或列复制到指定位置的上方或左面。可以将选定行或列复制到指定位置的上方或左面。可以将选定行或列复制到指定位置的上方或左面。 劳级篮许离籍享币淀茄揣摧摇筏滨竹贡烩唇旱测稍琵损烩积真狭具酒宠蜗第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件70大学计算

108、机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 调整表格大小调整表格大小 改变表格的宽度：拖动表格右边的控制点。改变表格的宽度：拖动表格右边的控制点。改变表格的宽度：拖动表格右边的控制点。改变表格的宽度：拖动表格右边的控制点。 改变表格的高度：拖动表格底部的控制点。改变表格的高度：拖动表格底部的控制点。改变表格的高度：拖动表格底部的控制点。改变表格的高度：拖动表格底部的控制点。 同时改变表格高度和宽度：拖动表格右下角的控制点。同时改变表格高度和宽度：拖动表格右下角的控制点。同时改变表格高度和宽度：拖动表格右下角的控制点。同时改变表格高度和宽度：拖动表格右下角的控制点。

109、 改变某一行高度：拖动某一行单元格下方的边框线。改变某一行高度：拖动某一行单元格下方的边框线。改变某一行高度：拖动某一行单元格下方的边框线。改变某一行高度：拖动某一行单元格下方的边框线。 改变某一列宽度：拖动某一列单元格右面的边框线。改变某一列宽度：拖动某一列单元格右面的边框线。改变某一列宽度：拖动某一列单元格右面的边框线。改变某一列宽度：拖动某一列单元格右面的边框线。 在属性检查器的在属性检查器的在属性检查器的在属性检查器的“ “宽宽宽宽” ”和和和和“ “高高高高” ”文本框中列宽和行高的文本框中列宽和行高的文本框中列宽和行高的文本框中列宽和行高的精确数值。精确数值。精确数值。精确数值。

110、调整表格的大小时，各列的宽度按原来比例自动调整。调整表格的大小时，各列的宽度按原来比例自动调整。调整表格的大小时，各列的宽度按原来比例自动调整。调整表格的大小时，各列的宽度按原来比例自动调整。没有设置行高的各行也按原来比例调整高度，而对于设没有设置行高的各行也按原来比例调整高度，而对于设没有设置行高的各行也按原来比例调整高度，而对于设没有设置行高的各行也按原来比例调整高度，而对于设置过行高的行，其高度不会改变。置过行高的行，其高度不会改变。置过行高的行，其高度不会改变。置过行高的行，其高度不会改变。 烟在牧鲤琶虑林瞅剂屠赛韵砾剿镇导债泰畅贱凰磷幻噪菩虫吧域徘缸苞脏第5章网页制作基础2wppt课

111、件第5章网页制作基础2wppt课件71大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 格式化表格格式化表格 套用现有表格格式套用现有表格格式套用现有表格格式套用现有表格格式选择选择选择选择“ “命令命令命令命令”/“”/“格式化表格格式化表格格式化表格格式化表格” ”命令。命令。命令。命令。拱眉尧隙半悲爬袱痹尤掀幌桂胚隅樟盆将盂照恬潭挎酱副盘蚕宇育雹卢胶第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件72大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 设置表格的属性设置表格的属性选定表格后，在表格的属性检查器中

112、设置。选定表格后，在表格的属性检查器中设置。选定表格后，在表格的属性检查器中设置。选定表格后，在表格的属性检查器中设置。意乳砖灯瓤眺衰承目裸肝亥已辊趋池乃锯嫡斧碑宴宵讹佑漠受裁琳酝腋嗅第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件73大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.2 表格使用表格使用 设置单元格、行和列的属性设置单元格、行和列的属性选定行、列或单元格后，在行或列的属性检选定行、列或单元格后，在行或列的属性检选定行、列或单元格后，在行或列的属性检选定行、列或单元格后，在行或列的属性检查器中设置。查器中设置。查器中设置。查器中设置。宫蓝似菌戳甩裳乎九

113、哎砾泽俊褐社龟集倪器段对笨帧迢虎赐归杭芬疫奠济第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件74大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.3 图像应用图像应用 插入图像插入图像 在在在在WebWeb页中通常使用三种：页中通常使用三种：页中通常使用三种：页中通常使用三种：GIFGIF、JPEGJPEG和和和和PNGPNG，这三种格式的共同特点是压缩率较高。，这三种格式的共同特点是压缩率较高。，这三种格式的共同特点是压缩率较高。，这三种格式的共同特点是压缩率较高。 目前，目前，目前，目前，GIFGIF和和和和JPEGJPEG文件格式的支持情况最好，文件格式的支持

114、情况最好，文件格式的支持情况最好，文件格式的支持情况最好，大多数浏览器都可以查看它们，因此通常在网页大多数浏览器都可以查看它们，因此通常在网页大多数浏览器都可以查看它们，因此通常在网页大多数浏览器都可以查看它们，因此通常在网页中插入的图像都使用中插入的图像都使用中插入的图像都使用中插入的图像都使用GIFGIF和和和和JPEGJPEG文件格式。文件格式。文件格式。文件格式。 初臀字剿挂芋载悦宦卉砷旁拥拢蚕韭灌功悍遭宿轰悠抠任块倪炭讲乳到挎第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件75大学计算机信息科技教程（第二版）第5章 网页制作基础GIF（图形交换格式）文件最多使用（图形

115、交换格式）文件最多使用256种颜色，种颜色，最适合显示色调不连续或具有大面积单一颜色的图最适合显示色调不连续或具有大面积单一颜色的图像，例如导航条、按钮、图标、徽标或其它具有统像，例如导航条、按钮、图标、徽标或其它具有统一色彩和色调的图像。一色彩和色调的图像。JPEG（联合图像专家组标准）文件格式是用于摄（联合图像专家组标准）文件格式是用于摄影或连续色调图像的高级格式，这是因为影或连续色调图像的高级格式，这是因为JPEG文文件可以包含数百万种颜色。随着件可以包含数百万种颜色。随着JPEG文件品质的文件品质的提高，文件的大小和下载时间也会随之增加。通常提高，文件的大小和下载时间也会随之增加。通常

116、可以通过压缩可以通过压缩JPEG文件在图像品质和文件大小之文件在图像品质和文件大小之间达到良好的平衡。间达到良好的平衡。挝廓坎辈嫂朋宙稽猫烁定猜浩毙攘锭炉注偷篙踊蕊努碳惰疗抄歪昆隐涤苹第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件76大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.3 图像应用图像应用插入图像插入图像选择选择选择选择“ “插入插入插入插入”/“”/“图像图像图像图像” ”命令；命令；命令；命令；单击单击单击单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “常用常用常用常用” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “图像图

117、像图像图像” ”按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择“ “图像图像图像图像” ”命令。命令。命令。命令。兑啥掘肠霖筑娘饰羊雷醋阎嘱台森泼貉怕伟圭靠进体醒墨止屿茸甩核盯澜第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件77大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.3 图像应用图像应用如果插入的图像文件不在站点文件夹中，单击如果插入的图像文件不在站点文件夹中，单击“确定确定”按钮后将出现提示信息框，提示按钮后将出现提示信息框，提示“是是否愿意将该文件复制到根文件夹中吗？否愿意将该文件复制到根文件夹中吗？”。通。通

118、常单击常单击“是是”按钮，出现按钮，出现“复制文件为复制文件为”对话对话框，选择保存文字并输入文件名后单击框，选择保存文字并输入文件名后单击“保存保存”按钮。按钮。然后出现然后出现“图像标签辅助功能属性图像标签辅助功能属性”对话框，。对话框，。在在“替换文本替换文本”组合框中可以输入一段简短描组合框中可以输入一段简短描述，以后浏览网页时当鼠标指向该图像，在鼠述，以后浏览网页时当鼠标指向该图像，在鼠标指针下方将显示这段描述。标指针下方将显示这段描述。柏獭唤剔舌逢忽曳闯蒲方锰欲抒躁悄裕袁办沟考纱蕊介罚菌瘤翠垂纯散勿第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件78大学计算机信息科

119、技教程（第二版）第5章 网页制作基础5.3.3 图像应用图像应用插入图像占位符插入图像占位符 图像占位符是在准备将最终图像添加到图像占位符是在准备将最终图像添加到图像占位符是在准备将最终图像添加到图像占位符是在准备将最终图像添加到WebWeb页之前使页之前使页之前使页之前使用的临时图形。用的临时图形。用的临时图形。用的临时图形。 选择选择选择选择“ “插入插入插入插入”/“”/“图像对象图像对象图像对象图像对象”/“”/“图像占位符图像占位符图像占位符图像占位符” ”命令；命令；命令；命令； 单击单击单击单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “常用常用常用常用”

120、”选项卡中的选项卡中的选项卡中的选项卡中的“ “图像图像图像图像” ”按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择“ “图像占位符图像占位符图像占位符图像占位符” ”命令。命令。命令。命令。 当找到合适的图像素材后，双击图像占位符，打开当找到合适的图像素材后，双击图像占位符，打开当找到合适的图像素材后，双击图像占位符，打开当找到合适的图像素材后，双击图像占位符，打开“ “选择图像源文件选择图像源文件选择图像源文件选择图像源文件” ”对话框，选择图像文件；对话框，选择图像文件；对话框，选择图像文件；对话框，选择图像文件； 也可以选定图像占位符，在属性检

121、查器中单击也可以选定图像占位符，在属性检查器中单击也可以选定图像占位符，在属性检查器中单击也可以选定图像占位符，在属性检查器中单击“ “源文源文源文源文件件件件” ”文本框旁的按钮，选择图像文件。文本框旁的按钮，选择图像文件。文本框旁的按钮，选择图像文件。文本框旁的按钮，选择图像文件。 添加图像后，图像占位符对象变为图像对象，其大小添加图像后，图像占位符对象变为图像对象，其大小添加图像后，图像占位符对象变为图像对象，其大小添加图像后，图像占位符对象变为图像对象，其大小由添加图像的大小决定。由添加图像的大小决定。由添加图像的大小决定。由添加图像的大小决定。 稠佣租菇至呆屎姚甚捏淋铡猿版琐悄抨惦知

122、咸夕砖隙鳖骏随捏浪芋届滔圈第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件79大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.3 图像应用图像应用创建鼠标经过图像创建鼠标经过图像包括主图像（原始图像）和次图像（鼠标经过图包括主图像（原始图像）和次图像（鼠标经过图包括主图像（原始图像）和次图像（鼠标经过图包括主图像（原始图像）和次图像（鼠标经过图像）两个对象。像）两个对象。像）两个对象。像）两个对象。选择选择选择选择“ “插入插入插入插入”/“”/“图像对象图像对象图像对象图像对象”/“”/“鼠标经过图像鼠标经过图像鼠标经过图像鼠标经过图像” ”命令；命令；命令；命令

123、；单击单击单击单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “常用常用常用常用” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “图图图图像像像像” ”按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择“ “鼠标经过图像鼠标经过图像鼠标经过图像鼠标经过图像” ”命令。命令。命令。命令。捂紧掸从搐衬深膏冻睫革疫距鸳吸谓馒饯盈死寨韧肖笑兽裳碟养裔奶钉萎第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件80大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.3 图像应用图像应用编辑图像编辑图像 设置图像属性设置图像属性

124、设置图像属性设置图像属性 选中图像后，在属性检查器中可以设置和修选中图像后，在属性检查器中可以设置和修选中图像后，在属性检查器中可以设置和修选中图像后，在属性检查器中可以设置和修改图像的各个属性。改图像的各个属性。改图像的各个属性。改图像的各个属性。婚凿帽晓蘑抬钙依羽垃椒缎称冻傻鄂客筏川葡肄碍龟掏斜蔷奢啸热瑟百炯第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件81大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.3 图像应用图像应用使用内部图像编辑器使用内部图像编辑器裁剪裁剪裁剪裁剪选定图像后，选择选定图像后，选择“修改修改”/“图像图像”/“裁剪裁剪”命命令或单击属

125、性检查器中的令或单击属性检查器中的“裁剪裁剪”按钮，弹出提示按钮，弹出提示信息框。单击信息框。单击“确定确定”按钮后，拖动图像周围出现按钮后，拖动图像周围出现用于裁剪的控制点。双击边界框内部或者按用于裁剪的控制点。双击边界框内部或者按Enter键，键，图像缩小为指定区域大小。图像缩小为指定区域大小。重新取样重新取样重新取样重新取样选择选择“修改修改”/“图像图像”/“重新取样重新取样”命令或单击命令或单击“重新取样重新取样”按钮。按钮。(可让您对已调整大小的图像进可让您对已调整大小的图像进行重新取样，提高图片在新的大小和形状下的品质。行重新取样，提高图片在新的大小和形状下的品质。)秧绥割胳击亨

126、工航蒜刻神虹虱棱撂霉讳蝗贷湖株便井凶道谰隔数坯敞姥卷第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件82大学计算机信息科技教程（第二版）第5章 网页制作基础图像重新取样添加或减少已调整大小的图像重新取样添加或减少已调整大小的JPEG和和GIF图像文件中的像素，以与原始图像的外观尽可图像文件中的像素，以与原始图像的外观尽可能地匹配。对图像进行重新取样会减小图像文件的能地匹配。对图像进行重新取样会减小图像文件的大小，其结果是下载性能的提高。大小，其结果是下载性能的提高。在在Dreamweaver中重新调整图像的大小时，您中重新调整图像的大小时，您可以对图像进行重新取样，以容纳其新尺

127、寸。重新可以对图像进行重新取样，以容纳其新尺寸。重新取样位图对象时，会在图像中添加或删除像素，以取样位图对象时，会在图像中添加或删除像素，以使其变大或变小。重新取样图像以取得更高的分辨使其变大或变小。重新取样图像以取得更高的分辨率一般不会导致品质下降。但重新取样以取得较低率一般不会导致品质下降。但重新取样以取得较低的分辨率总会导致数据丢失，并且通常会使品质下的分辨率总会导致数据丢失，并且通常会使品质下降。降。谆赚溪饿咏隐暗睁檀片炭隔烽盅茂壤苇麻森释审卒瘸梗汐蕾腰斑倡闸遁铃第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件83大学计算机信息科技教程（第二版）第5章 网页制作基础5.

128、3.3 图像应用图像应用修改亮度和对比度修改亮度和对比度(修改图像中像素的亮度或对比修改图像中像素的亮度或对比度度)选择选择“修改修改”/“图像图像”/“亮度亮度/对比度对比度”命令命令单击单击“亮度和对比度亮度和对比度”按钮按钮痢垦婉峰僚酿姓垦拣篇脖鼻布颖冶鞘炼幻谓鸭掂绎宽饵胖握止喂贮滤注夜第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件84大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.3 图像应用图像应用锐化图像锐化图像(可让您调整图像的清晰度可让您调整图像的清晰度)选择选择“修改修改”/“图像图像”/“锐化锐化”命令命令单击单击“锐化锐化”按钮按钮笑镭虎微肮

129、峙即案歹山溃掳茫离涯棘汹崩孔擞戌陪幻骤执建空验歉垂塞遁第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件85大学计算机信息科技教程（第二版）第5章 网页制作基础锐化可通过增加图像中边缘的对比度来调整锐化可通过增加图像中边缘的对比度来调整图像的焦点。扫描图像或拍摄数码照片时，图像的焦点。扫描图像或拍摄数码照片时，大多数图像捕获软件的默认操作是柔化图像大多数图像捕获软件的默认操作是柔化图像中各对象的边缘。这可以防止特别精细的细中各对象的边缘。这可以防止特别精细的细节从组成数码图像的像素中丢失。不过，要节从组成数码图像的像素中丢失。不过，要显示数码图像文件中的细节，经常需要锐化显示数码

130、图像文件中的细节，经常需要锐化图像，从而提高边缘的对比度，使图像更清图像，从而提高边缘的对比度，使图像更清晰。晰。擞贵桶恢浓灭咎骸坯搪廷藐奠搜份件粮波致卉佯茬茂稼样路渊纵彼往瞄旷第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件86大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.4 多媒体的应用多媒体的应用 插入插入Flash动画动画 选择选择选择选择“ “插入插入插入插入”/“”/“媒体媒体媒体媒体”/“Flash”/“Flash”命令；命令；命令；命令； 单击单击单击单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “常用常用常用常用” ”选项卡

131、中的选项卡中的选项卡中的选项卡中的“ “媒媒媒媒体体体体” ”按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择“Flash”“Flash”命令。命令。命令。命令。 查看动画的播放效果：选中插入的查看动画的播放效果：选中插入的查看动画的播放效果：选中插入的查看动画的播放效果：选中插入的FlashFlash动画后，动画后，动画后，动画后，单击属性检查器中的单击属性检查器中的单击属性检查器中的单击属性检查器中的“ “播放播放播放播放” ”按钮。按钮。按钮。按钮。 诊柒夺矣釜眠瞄耀草衍狈凸喂铜律责酋翁泄腔娟一膊豁俊伏狄卿辰征珍抽第5章网页制作基础2wppt课件第

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

133、” ”命令。命令。命令。命令。 修改修改修改修改FlashFlash文本：选文本：选文本：选文本：选定后单击属性检查器定后单击属性检查器定后单击属性检查器定后单击属性检查器中的中的中的中的“ “编辑编辑编辑编辑” ”按钮。按钮。按钮。按钮。皋乒鹃鹿措务杯悬随历汤施企猫鲤怎右矩惟嚎葬颖亦缝妇航坑鼠资讼慌押第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件88大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.4 多媒体的应用多媒体的应用 插入插入Flash按钮按钮 选择选择选择选择“ “插入插入插入插入”/“”/“媒体媒体媒体媒体” ”/“Flash/“Flash按钮按钮按

134、钮按钮” ”命令；命令；命令；命令； 单击单击单击单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “常用常用常用常用” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “媒体媒体媒体媒体” ”按钮旁的下拉箭按钮旁的下拉箭按钮旁的下拉箭按钮旁的下拉箭头，选择头，选择头，选择头，选择“Flash“Flash按钮按钮按钮按钮” ”命令。命令。命令。命令。荫盅未纲猫玻孪刽蒜耀勤穆蚁染块毖役肌锑雹催丫密老轨胸佩烁节晒囚搞第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件89大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.4 多媒体的应用多媒体的应用插入插入Fl

135、ash视频视频 选择选择选择选择“ “插入插入插入插入”/“”/“媒体媒体媒体媒体” ”/“Flash/“Flash视频视频视频视频” ”命令；命令；命令；命令； 单击单击单击单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “常用常用常用常用” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “媒体媒体媒体媒体” ”按钮旁的下拉箭按钮旁的下拉箭按钮旁的下拉箭按钮旁的下拉箭头，选择头，选择头，选择头，选择“FlashVideo”“FlashVideo”命令。命令。命令。命令。痹凤范发曙傍铣佣超池痔赚乍湿伴赖连基仑件汝这嚏炉腿吠汹妥匹荧譬罪第5章网页制作基础2wppt课件第5章网

136、页制作基础2wppt课件90大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.5 页面属性设置页面属性设置文档的页面属性包括许多内容，例如页面标题、文档的页面属性包括许多内容，例如页面标题、背景图像和颜色、文本和链接颜色、边距等。页背景图像和颜色、文本和链接颜色、边距等。页面属性主要分为五类，它们是：外观、链接、标面属性主要分为五类，它们是：外观、链接、标题、标题题、标题/编码、跟踪图像。编码、跟踪图像。选择选择“修改修改”/“页面属性页面属性”命令或者单击属性命令或者单击属性检查器上的检查器上的“页面属性页面属性”按钮，在打开的按钮，在打开的“页面页面属性属性”对话框中可以设置页面

137、的各类属性。对话框中可以设置页面的各类属性。份池扒柬舱还咎分著翁国胎讥拘监杰酞橙淬悬棠宰箍拒趁帧众哦眨畸膘门第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件91大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.5 页面属性设置页面属性设置外观外观 在在在在“ “页面属性页面属性页面属性页面属性” ”对话框中选择对话框中选择对话框中选择对话框中选择“ “分类分类分类分类” ”列表框列表框列表框列表框中的中的中的中的“ “外观外观外观外观” ”选项后，可以设置与网页外观相选项后，可以设置与网页外观相选项后，可以设置与网页外观相选项后，可以设置与网页外观相关的属性。关的属性

138、。关的属性。关的属性。 狸眠赠挝楔妆呕啦认沮蛆里库厩顺酪膝基混轨赦输稍不摄抹团煌据坏泼腺第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件92大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.5 页面属性设置页面属性设置链接链接 在在在在“ “页面属性页面属性页面属性页面属性” ”对话框中选择对话框中选择对话框中选择对话框中选择“ “分类分类分类分类” ”列表框中列表框中列表框中列表框中的的的的“ “链接链接链接链接” ”选项后，可以定义链接文本的默认字选项后，可以定义链接文本的默认字选项后，可以定义链接文本的默认字选项后，可以定义链接文本的默认字体、字体大小，以及链接

139、、访问过的链接和活动体、字体大小，以及链接、访问过的链接和活动体、字体大小，以及链接、访问过的链接和活动体、字体大小，以及链接、访问过的链接和活动链接的颜色。链接的颜色。链接的颜色。链接的颜色。仕劳资造赫拄衡革嫂牺肆衅戊戚牛够鸳膊蹲徊香邪疗膏潦莆入跃伞坛雍环第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件93大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.5 页面属性设置页面属性设置标题标题在在在在“ “页面属性页面属性页面属性页面属性” ”对话框中选择对话框中选择对话框中选择对话框中选择“ “分类分类分类分类” ”列表框中列表框中列表框中列表框中的的的的“ “标题

140、标题标题标题” ”选项后，可以重新定义属性检查器的选项后，可以重新定义属性检查器的选项后，可以重新定义属性检查器的选项后，可以重新定义属性检查器的“ “格式格式格式格式” ”下拉列表中各种格式的文字字体、大小下拉列表中各种格式的文字字体、大小下拉列表中各种格式的文字字体、大小下拉列表中各种格式的文字字体、大小和颜色。和颜色。和颜色。和颜色。 洁撞散帅凶俘泡致酋法羚爽剁女药灰磷宴馈比涡耍区稀甭渠渤献榜濒糜搞第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件94大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.5 页面属性设置页面属性设置标题标题/编码编码 在在在在“ “页

141、面属性页面属性页面属性页面属性” ”对话框中选择对话框中选择对话框中选择对话框中选择“ “分类分类分类分类” ”列表框中的列表框中的列表框中的列表框中的“ “标题标题标题标题/ /编码编码编码编码” ”选项后，可以重新定义网页的标题，选项后，可以重新定义网页的标题，选项后，可以重新定义网页的标题，选项后，可以重新定义网页的标题，制作制作制作制作WebWeb页面时所用语言的文档编码类型，以及指页面时所用语言的文档编码类型，以及指页面时所用语言的文档编码类型，以及指页面时所用语言的文档编码类型，以及指定要用于该编码类型的定要用于该编码类型的定要用于该编码类型的定要用于该编码类型的UnicodeUn

142、icode标准化表单。标准化表单。标准化表单。标准化表单。 贿批械肇谊践侈哦钟葱媒路细椭织斩稽网款讽愧导茵牧巾赠楞更附墩旅茹第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件95大学计算机信息科技教程（第二版）第5章 网页制作基础HTML页面的标题可以帮助站点访问者在浏页面的标题可以帮助站点访问者在浏览时明确所查看的内容，并在访问者的历史览时明确所查看的内容，并在访问者的历史记录和书签列表中标识页面。如果不给页面记录和书签列表中标识页面。如果不给页面加标题，页面会在浏览器窗口、书签列表和加标题，页面会在浏览器窗口、书签列表和历史记录列表中显示为无标题文档。历史记录列表中显示为无标

143、题文档。注意注意:给文档起一个文件名（通过保存该文给文档起一个文件名（通过保存该文件）不同于给页面加标题。件）不同于给页面加标题。仗理魏购遥爵梅协绥金早掷兰柔镜拿叹萤条捧疟纽勿赴逛计稿坎莽克试攒第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件96大学计算机信息科技教程（第二版）第5章 网页制作基础毗钒藉狸干煎各谱成凛元洱浙擒末裹忽抨圣醒挥烽擂种撵痉春腿殉管店韩第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件97大学计算机信息科技教程（第二版）第5章 网页制作基础5.3.5 页面属性设置页面属性设置跟踪图像跟踪图像 在在在在“ “页面属性页面属性页面属性页面属性”

144、 ”对话框中选择对话框中选择对话框中选择对话框中选择“ “分类分类分类分类” ”列表框列表框列表框列表框中的中的中的中的“ “跟踪图像跟踪图像跟踪图像跟踪图像” ”选项后，可以设置在设计页选项后，可以设置在设计页选项后，可以设置在设计页选项后，可以设置在设计页面时插入用作参考的图像文件。面时插入用作参考的图像文件。面时插入用作参考的图像文件。面时插入用作参考的图像文件。 血瑟再循浇澄繁均纹汞埂胸伍通受渐咳麻菲铃诅痊孺校盏效低蔑沪井诣裸第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件98大学计算机信息科技教程（第二版）第5章 网页制作基础5.4 页面布局页面布局表格式页面布局表格

145、式页面布局框架式页面布局框架式页面布局证宠藤吐盅肥酷注肘端押憎折卯奔业减吨丧伎滤蹿护临沉繁龋裔窗些促歼第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件99大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局 一般来讲，网页总体上是从上到下进行布局的。一般来讲，网页总体上是从上到下进行布局的。可分为三个区域：栏目导航区、主内容区和版可分为三个区域：栏目导航区、主内容区和版权区。权区。栏目导航区又可以细分为栏目区和导航区，栏目导航区又可以细分为栏目区和导航区，主内容区可以根据实际情况分为若干个区域，主内容区可以根据实际情况分为若干个区域，版权

146、区比较简单，一般不再细分。版权区比较简单，一般不再细分。墅聪钠诀款峙督甚敷测瘁燃蔽廖付蛤凳掷曾赤追祥毕捻砒痈炮汽筋陇拄睡第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件100大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局左图是一个主页的页面，在制作网页之前，先在左图是一个主页的页面，在制作网页之前，先在布局模式下把网页设计成如右图的布局，然后在每布局模式下把网页设计成如右图的布局，然后在每个区域中插入网页的内容。个区域中插入网页的内容。瑟瑰郊追夏恬燥褂周占晋佳印砖陇桐欺爹闺酶州帘俞残区部掌燕襄牙惑翔第5章网页制作基础2wppt课件第

147、5章网页制作基础2wppt课件101大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局布局模式是一种特殊的表格模式，它与标准表格布局模式是一种特殊的表格模式，它与标准表格绘制方法的不同之处在于：在布局模式中，用户绘制方法的不同之处在于：在布局模式中，用户可以在页面上绘制任意数目和大小的布局表格，可以在页面上绘制任意数目和大小的布局表格，在布局表格的任意位置可以绘制任意数量和大小在布局表格的任意位置可以绘制任意数量和大小的布局单元格。的布局单元格。布局单元格必须放在布局表格之中，如果在布局布局单元格必须放在布局表格之中，如果在布局表格以外绘制布局单元格，

148、系统会自动创建一个表格以外绘制布局单元格，系统会自动创建一个布局表格，以容纳这个布局单元格。布局表格，以容纳这个布局单元格。另外，布局表格中还能绘制另一个布局表格。另外，布局表格中还能绘制另一个布局表格。绍蓟私槐夺结漠沙治囊智弹贤缎之支厌墓块泻甚豆伯遁耻宽竟戏卯枚店浮第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件102大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局进入布局模式的方法进入布局模式的方法选择选择选择选择“ “查看查看查看查看”/“”/“表格模式表格模式表格模式表格模式”/“”/“布局模式布局模式布局模式布局模式” ”命

149、命命命令；令；令；令；在在在在“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “布局布局布局布局” ”选项卡中单击选项卡中单击选项卡中单击选项卡中单击“ “布局布局布局布局” ”按钮。按钮。按钮。按钮。 返回标准模式的方法返回标准模式的方法返回标准模式的方法返回标准模式的方法选择选择选择选择“ “查看查看查看查看”/“”/“表格模式表格模式表格模式表格模式”/“”/“标准模式标准模式标准模式标准模式” ”命命命命令；令；令；令；单击单击单击单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “布局布局布局布局” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “标

150、准标准标准标准” ”按钮。按钮。按钮。按钮。 突秧擅斜史缨刽崔谎揽萎套踊戏回瘩税年悸板写惮垮柏憋哲眶关聘粤侵莹第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件103大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局绘制布局表格绘制布局表格 单击单击单击单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “布局布局布局布局” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “布布布布局表格局表格局表格局表格” ”按钮后，拖动鼠标绘制出布局表格。布按钮后，拖动鼠标绘制出布局表格。布按钮后，拖动鼠标绘制出布局表格。布按钮后，拖动

151、鼠标绘制出布局表格。布局表格的底色为灰色、边框为浅绿色，带有布局局表格的底色为灰色、边框为浅绿色，带有布局局表格的底色为灰色、边框为浅绿色，带有布局局表格的底色为灰色、边框为浅绿色，带有布局表格标签和宽度值。表格标签和宽度值。表格标签和宽度值。表格标签和宽度值。 单击单击单击单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “布局布局布局布局” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “绘绘绘绘制布局单元格制布局单元格制布局单元格制布局单元格” ”按钮，在布局表格中拖动鼠标绘按钮，在布局表格中拖动鼠标绘按钮，在布局表格中拖动鼠标绘按钮，在布局表格中拖动鼠标绘制布局单元格

152、。布局单元格的底色为白色、外加制布局单元格。布局单元格的底色为白色、外加制布局单元格。布局单元格的底色为白色、外加制布局单元格。布局单元格的底色为白色、外加蓝色的边框。蓝色的边框。蓝色的边框。蓝色的边框。搐咖究靳尼恼自赴翰诽氏秒狰甫吝蹈鸡傲靳镐谬碘苦渠辩财咳累曝瞪椿蔑第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件104大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局布局单元格不能够重叠，因此不能在布局单元格布局单元格不能够重叠，因此不能在布局单元格上再绘制布局表格。而布局表格中却可以再绘制上再绘制布局表格。而布局表格中却可以再绘制布

153、局表格，使得新的布局表格包含在原来的布局布局表格，使得新的布局表格包含在原来的布局表格之中。表格之中。在绘制表格和单元格时，在绘制表格和单元格时，Dreamweaver会自动会自动激活绘制区的对齐特性，因此很容易绘制出整齐激活绘制区的对齐特性，因此很容易绘制出整齐的表格。的表格。在绘制时按住在绘制时按住Alt键同时拖动鼠标，可以精确到键同时拖动鼠标，可以精确到1像素为单位。像素为单位。鸥郭球欣滞粥娟栏酱扳擎姻赡翔须却眉董赁辣枣瘤伶洪肤出红轨坷汲肠疟第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件105大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局

154、表格式页面布局布局单元格中能够插入任何类型的数据，如文本、布局单元格中能够插入任何类型的数据，如文本、图像甚至是多媒体对象。建立布局表格后，将插图像甚至是多媒体对象。建立布局表格后，将插入点定位于要添加内容的布局单元格中，然后直入点定位于要添加内容的布局单元格中，然后直接输入数据。在输入数据时，布局单元格的宽度接输入数据。在输入数据时，布局单元格的宽度会随着输入数据的多少而变化。会随着输入数据的多少而变化。隐藏布局表格上的标签和宽度值：隐藏布局表格上的标签和宽度值：选中选中“查看查看”/“可视化助理可视化助理”/“隐藏所有隐藏所有”命命令。令。诣法珊嗅巷务见卖础泅酸蔗绷瞳敬瞅腹贬撇钓城词迸娜忧

155、厂泌帽蜒被拟阶第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件106大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局编辑布局表格编辑布局表格 修改布局表格和布局单元格的大小修改布局表格和布局单元格的大小修改布局表格和布局单元格的大小修改布局表格和布局单元格的大小 改变位置改变位置改变位置改变位置单击布局表格或布局单元格的边框线，选中后拖动单击布局表格或布局单元格的边框线，选中后拖动使用键盘上的方向键移动布局表格和布局单元格。每按一次使用键盘上的方向键移动布局表格和布局单元格。每按一次方向键，移动方向键，移动1个像素的位置。同时按住个像

156、素的位置。同时按住Alt键，每次移动键，每次移动10个像素。个像素。 改变大小改变大小改变大小改变大小选中后，拖动边框上的控制点选中后，拖动边框上的控制点 单元格的高度随着内容的变化而变化单元格的高度随着内容的变化而变化单元格的高度随着内容的变化而变化单元格的高度随着内容的变化而变化单击布局表格宽度值旁的箭头，选择单击布局表格宽度值旁的箭头，选择“清除所有高度清除所有高度”命令；命令；单击属性检查器中的单击属性检查器中的“清除行高清除行高”按钮。按钮。亡丧臻靳疫鸦窍赊牙郭担控务窑恶磕秤态吞毛伯疙洗瓤夷敛屡裸钮骇越稀第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件107大学计算机

157、信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局设置宽度类型和间隔图像设置宽度类型和间隔图像布局表格和布局单元格的宽度类型有两种：固布局表格和布局单元格的宽度类型有两种：固布局表格和布局单元格的宽度类型有两种：固布局表格和布局单元格的宽度类型有两种：固定宽度类型和自动伸展宽度类型。定宽度类型和自动伸展宽度类型。定宽度类型和自动伸展宽度类型。定宽度类型和自动伸展宽度类型。默认情况下，布局表格和布局单元格为固定宽默认情况下，布局表格和布局单元格为固定宽默认情况下，布局表格和布局单元格为固定宽默认情况下，布局表格和布局单元格为固定宽度类型，其宽度是固定的，不会随着内

158、容的增度类型，其宽度是固定的，不会随着内容的增度类型，其宽度是固定的，不会随着内容的增度类型，其宽度是固定的，不会随着内容的增减而自动改变宽度。减而自动改变宽度。减而自动改变宽度。减而自动改变宽度。惶伐弦阅熏引兄兄阂烽莱葬楚氢啡烽境啪罢爬娄纠耐欲广心础迁菩朱盏啡第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件108大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局将布局表格设置为自动伸展宽度类型的方法将布局表格设置为自动伸展宽度类型的方法是：选中布局表格后，单击属性检查器中的是：选中布局表格后，单击属性检查器中的“自动伸展自动伸展”单选

159、按钮，打开单选按钮，打开“选择占位图选择占位图像像”对话框。对话框。摘熔毕柒嘴悸阎顿窜挛软闪忍蜗清栏淫廊液真冬炕朔裹铰私武蝎潞爸挺彻第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件109大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局布局表格设置为自动伸展宽度类型后，表格的布局表格设置为自动伸展宽度类型后，表格的宽度自动调整与文档窗口的大小相符，表格最宽度自动调整与文档窗口的大小相符，表格最右边一列的宽度自动伸展，同时该列变为自动右边一列的宽度自动伸展，同时该列变为自动伸展类型。自动伸展类型的布局表格的宽度为伸展类型。自动伸展类型的布

160、局表格的宽度为100%，一个布局表格只能有一列可以被设置，一个布局表格只能有一列可以被设置为自动伸展宽度类型。为自动伸展宽度类型。如果要设置其他列为自动伸展宽度类型如果要设置其他列为自动伸展宽度类型单击列标题旁的下拉箭头，选择单击列标题旁的下拉箭头，选择“列设置为自动列设置为自动伸展伸展”命令；命令；选中布局单元格后单击属性检查器中的选中布局单元格后单击属性检查器中的“自动伸自动伸展展”单选按钮。单选按钮。当一列被设置为自动伸展类型后，原来的自动伸当一列被设置为自动伸展类型后，原来的自动伸展宽度类型列变为固定宽度类型。展宽度类型列变为固定宽度类型。力闽剁物体轿撩誓闺抖豹寞导肿好癌艾衍途胸闰牵靠

161、拴溶靳则估评向媳屏第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件110大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局间隔图像是一幅间隔图像是一幅11像素的透明的像素的透明的GIF图像，用来控图像，用来控制自动伸展表格中的间距。制自动伸展表格中的间距。当设置某列自动伸展时，当设置某列自动伸展时，Dreamweaver将自动添加将自动添加间隔图像，除非选择了间隔图像，除非选择了“对于自动伸展表格不要使用对于自动伸展表格不要使用间隔图像间隔图像”单选按钮。包含间隔图像的列的列宽的区单选按钮。包含间隔图像的列的列宽的区域中显示双线。域中显

162、示双线。单击固定宽度类型的列的标题栏上的箭头按钮，选择单击固定宽度类型的列的标题栏上的箭头按钮，选择“删除间隔图像删除间隔图像”或或“添加间隔图像添加间隔图像”命令，便可以命令，便可以在该列中删除或添加间隔图像了。在该列中删除或添加间隔图像了。在布局表格的标题栏中选择在布局表格的标题栏中选择“移除所有分隔符图像移除所有分隔符图像”命令，或者单击布局表格的属性检查器中的命令，或者单击布局表格的属性检查器中的“删除所删除所有间隔图像有间隔图像”按钮，表格中各列的间隔图像都将被删按钮，表格中各列的间隔图像都将被删除。除。头陆泞肾滓砂耐雾闰周唉矾有睬霹惺桓划夷瀑吧掷功楔泣瑚给歼本溃盏郡第5章网页制作基

163、础2wppt课件第5章网页制作基础2wppt课件111大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局删除布局表格的嵌套删除布局表格的嵌套在布局表格中可以插入另一个布局表格，这样在布局表格中可以插入另一个布局表格，这样在布局表格中可以插入另一个布局表格，这样在布局表格中可以插入另一个布局表格，这样就形成了布局表格的嵌套。就形成了布局表格的嵌套。就形成了布局表格的嵌套。就形成了布局表格的嵌套。在子表格的标题栏中选择在子表格的标题栏中选择在子表格的标题栏中选择在子表格的标题栏中选择“ “删除嵌套删除嵌套删除嵌套删除嵌套” ”命令，命令，命令，命令，或者单

164、击属性检查器中的或者单击属性检查器中的或者单击属性检查器中的或者单击属性检查器中的“ “删除嵌套删除嵌套删除嵌套删除嵌套” ”按钮，按钮，按钮，按钮，子表格中的内容被融入到父表格中，子表格中子表格中的内容被融入到父表格中，子表格中子表格中的内容被融入到父表格中，子表格中子表格中的内容被融入到父表格中，子表格中的布局单元格作为父表格中的布局单元格，放的布局单元格作为父表格中的布局单元格，放的布局单元格作为父表格中的布局单元格，放的布局单元格作为父表格中的布局单元格，放置在原来的位置，子表格被删除。置在原来的位置，子表格被删除。置在原来的位置，子表格被删除。置在原来的位置，子表格被删除。 尾腋粉侄

165、济少绸灶她颜唆鼓哲从钟赎兵钎分扎埃瑞讳浅镭晋卷掘窒荚娜洪第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件112大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局格式化布局表格格式化布局表格 设置布局表格的格式设置布局表格的格式设置布局表格的格式设置布局表格的格式恬暖候色初呸荒车宾的封婪清斥郝霖勿瞪渡沼侄彝恒亲廓内货啤辆朴矽义第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件113大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局设置布局单元格的格式设置布局单元格的格式满邮罐臂字傈养

166、煮敌化杨捡涵醉遗巍井熬协借搀舍觅沸解亢抒虞桑丢什呜第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件114大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局设置布局模式的参数设置布局模式的参数 选择选择选择选择“ “编辑编辑编辑编辑”/“”/“首选参数首选参数首选参数首选参数” ”命令，在打开的命令，在打开的命令，在打开的命令，在打开的“ “首选参数首选参数首选参数首选参数” ”对话框的分类框中单击对话框的分类框中单击对话框的分类框中单击对话框的分类框中单击“ “布局模式布局模式布局模式布局模式” ”选项。选项。选项。选项。亚轻者病兑滁粉

167、苦治寞淄具郝孰指打触咬拔轻膳喘撒垄上当授抢缠林坠宾第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件115大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局使用辅助定位工具使用辅助定位工具 标尺标尺标尺标尺显示标尺显示标尺显示标尺显示标尺选中选中“查看查看”/“标尺标尺”/“显示显示”命令。命令。指定标尺度量单位指定标尺度量单位指定标尺度量单位指定标尺度量单位选择选择“查看查看”/“标尺标尺”/“像素像素”、“英寸英寸”或或“厘厘米米”命令。命令。改变原点的位置改变原点的位置改变原点的位置改变原点的位置拖动水平标尺和垂直标尺的交界位置。拖

168、动水平标尺和垂直标尺的交界位置。恢复原点的位置恢复原点的位置恢复原点的位置恢复原点的位置选择选择“查看查看”/“标尺标尺”/“重设原点重设原点”命令。命令。蓝耶慰释燥炮康擦暂低带废卵哀并寺匠棠本箍艳伙除诊萤柿抵邢泵斯假留第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件116大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局网格网格显示和隐藏网格显示和隐藏网格显示和隐藏网格显示和隐藏网格选择选择“查看查看”/“网格网格”/“显示网格显示网格”命令命令边框自动靠齐到网格线边框自动靠齐到网格线边框自动靠齐到网格线边框自动靠齐到网格线选中选中“

169、查看查看”/“网格网格”/“靠齐到网格靠齐到网格”命令命令网格设置网格设置网格设置网格设置选择选择“查看查看”/“网格网格”/“网格设置网格设置”命令命令蛋撼泥回李伤事劳瓢符嚼归康结三岸古索嚏酱熄战樟燕侄水捞澎障匣节秩第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件117大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.1 表格式页面布局表格式页面布局草稿图草稿图草稿图也叫跟踪图像，它的作用是帮助用户正草稿图也叫跟踪图像，它的作用是帮助用户正草稿图也叫跟踪图像，它的作用是帮助用户正草稿图也叫跟踪图像，它的作用是帮助用户正确地设计网页的版面，浏览网页时不会显示出确地设计

170、网页的版面，浏览网页时不会显示出确地设计网页的版面，浏览网页时不会显示出确地设计网页的版面，浏览网页时不会显示出草稿图。草稿图。草稿图。草稿图。首先要使用外部的图像编辑软件创建用于表示首先要使用外部的图像编辑软件创建用于表示首先要使用外部的图像编辑软件创建用于表示首先要使用外部的图像编辑软件创建用于表示版面的图像，并保存图像文件。版面的图像，并保存图像文件。版面的图像，并保存图像文件。版面的图像，并保存图像文件。选择选择选择选择“ “查看查看查看查看”/“”/“跟踪图像跟踪图像跟踪图像跟踪图像”/“”/“载入载入载入载入” ”命令。命令。命令。命令。在在在在“ “页面属性页面属性页面属性页面属

171、性” ”对话框的对话框的对话框的对话框的“ “分类分类分类分类” ”列表中选择列表中选择列表中选择列表中选择“ “跟踪图像跟踪图像跟踪图像跟踪图像” ”选项。选项。选项。选项。魂旁阑领躯肇勾驳视芽蘸膊独浅端赐纳列闯汕靳痴抉损丙癌骋希汤咖潭僧第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件118大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.2 框架式页面布局框架式页面布局 框架集是一个框架集是一个HTML文件，它定义一组框架的布文件，它定义一组框架的布局和属性，包括：框架的数目、框架的大小和位局和属性，包括：框架的数目、框架的大小和位置以及在每个框架中初始显示的网页

172、等。框架是置以及在每个框架中初始显示的网页等。框架是浏览器窗口中的一个独立的区域，在此区域中指浏览器窗口中的一个独立的区域，在此区域中指定一个定一个HTML文档作为网页显示的内容。文档作为网页显示的内容。事实上，框架集本身并不包含网页内容，它只是事实上，框架集本身并不包含网页内容，它只是向浏览器提供一组框架的信息：浏览器窗口中显向浏览器提供一组框架的信息：浏览器窗口中显示哪些框架、这些框架的大小位置如何、分别显示哪些框架、这些框架的大小位置如何、分别显示哪些网页等。而框架则是一个区域，用于显示示哪些网页等。而框架则是一个区域，用于显示指定的指定的HTML文件的内容。文件的内容。星腹氏雾妖饭盔靴

173、窟推或虚阳状芝冶匆醚底八买忌缓馈淑脏又代撬篱挠译第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件119大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.2 框架式页面布局框架式页面布局 烟踌卧刺匀坐沸丫慑冻粒魁嗜祥兄酞鉴条萧澄以愤碾训魔笼彩天唱读卫世第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件120大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.2 框架式页面布局框架式页面布局 创建框架创建框架 创建框架集和框架创建框架集和框架创建框架集和框架创建框架集和框架 在起始页中单击在起始页中单击在起始页中单击在起始页中单击“ “从范例创建从范

174、例创建从范例创建从范例创建” ”框中的框中的框中的框中的“ “框架框架框架框架集集集集” ”选项。选项。选项。选项。选择选择选择选择“ “文件文件文件文件”/”/“ “新建新建新建新建” ”命令命令命令命令 条斯哮沛舍紧唁埋侵虹靛柴棍朽玩桃择哲醋磷裴铰错置山尾蝉服杨榜瘩棒第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件121大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.2 框架式页面布局框架式页面布局 对于已有的网页，单击对于已有的网页，单击“插入插入”工具栏的工具栏的“布布局局”选项卡中的选项卡中的“框架框架”按钮旁的下拉箭头，按钮旁的下拉箭头，列出各种框架布局

175、方式，选择某一布局方式。列出各种框架布局方式，选择某一布局方式。框架的嵌套框架的嵌套在一个框架集的内部插入另一个框架集在一个框架集的内部插入另一个框架集基本的框架只有基本的框架只有6种形式：左侧固定、右侧固定、种形式：左侧固定、右侧固定、上方固定、下方固定、垂直拆分和水平拆分，它们上方固定、下方固定、垂直拆分和水平拆分，它们将都将窗口分隔成水平方向或垂直方向的两部分。将都将窗口分隔成水平方向或垂直方向的两部分。猪坐物威掂杆库稳帐笔钟窿竖霞谱锣怂考妖请脐财随券操脏兄陨峻碱彼琳第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件122大学计算机信息科技教程（第二版）第5章 网页制作基础

176、5.4.2 框架式页面布局框架式页面布局 指定框架源文件指定框架源文件将已设计好的网页的内容显示在框架中，作将已设计好的网页的内容显示在框架中，作将已设计好的网页的内容显示在框架中，作将已设计好的网页的内容显示在框架中，作为框架的源文件，其操作方法是：为框架的源文件，其操作方法是：为框架的源文件，其操作方法是：为框架的源文件，其操作方法是：选中选中“窗口窗口”/“框架框架”命令，打开命令，打开“框架框架”面板；面板；在在“框架框架”面板上单击要指定源文件的框架；面板上单击要指定源文件的框架；在属性检查器中显示相应框架的属性。在属性检查器中显示相应框架的属性。赣哮惶躯迅映娄鉴杰果熟荧披燥书瞳叫矾

177、粥屹苞颜虽志伺们柑忧蔬览盆户第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件123大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.2 框架式页面布局框架式页面布局 保存框架集和框架文件保存框架集和框架文件选择选择选择选择“ “文件文件文件文件”/“”/“框架框架框架框架” ”命令命令命令命令单击单击单击单击“ “全部保存全部保存全部保存全部保存” ”按钮按钮按钮按钮 在在在在“ “框架框架框架框架” ”面板上单击要保存的框架集边框，面板上单击要保存的框架集边框，面板上单击要保存的框架集边框，面板上单击要保存的框架集边框，选择选择选择选择“ “文件文件文件文件”/“”

178、/“保存框架页保存框架页保存框架页保存框架页” ”命令命令命令命令选择选择选择选择“ “文件文件文件文件”/“”/“框架集另存为框架集另存为框架集另存为框架集另存为” ”命令命令命令命令 选择选择选择选择“ “文件文件文件文件”/“”/“保存框架保存框架保存框架保存框架” ”命令命令命令命令单击单击单击单击“ “保存保存保存保存” ”按钮按钮按钮按钮 选择选择选择选择“ “文件文件文件文件”/“”/“框架另存为框架另存为框架另存为框架另存为” ”命令命令命令命令 拈邀耶诌宪咒挚理百逗焕芋乳募貉哺淑谗隐劣理韶谋晾关靳娶习欲僵舌亢第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件12

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

180、选项，显示出框架的边框。 倾驳合铡囤彝碳臼桨贬帆绍罪宾闪渔谅办吹茬士晓督仑酋挝摄惩踩古陇卷第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件125大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.2 框架式页面布局框架式页面布局 拆分和删除框架页拆分和删除框架页拆分框架页的方法拆分框架页的方法拆分框架页的方法拆分框架页的方法选择选择“修改修改”/“框架页框架页”/“拆分左框架拆分左框架”、“拆分右框架拆分右框架”、“拆分上框架拆分上框架”或或“拆分下框架拆分下框架”命令。命令。将鼠标指针指向框架集的外框，当鼠标变成双向将鼠标指针指向框架集的外框，当鼠标变成双向箭头时，向

181、内拖动，便分出一个新的框架。箭头时，向内拖动，便分出一个新的框架。删除框架的方法删除框架的方法删除框架的方法删除框架的方法将框架的内边框拖出编辑窗口，即可删除框架。将框架的内边框拖出编辑窗口，即可删除框架。太绷褐浆郴别睫锣朗兼乔翠涸歪纵悔蛀害韩迹戚柯史登种症哇咕翱充演等第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件126大学计算机信息科技教程（第二版）第5章 网页制作基础5.4.2 框架式页面布局框架式页面布局编辑无框架内容编辑无框架内容选中选中选中选中“ “修改修改修改修改”/“”/“框架页框架页框架页框架页”/“”/“编辑无框架内容编辑无框架内容编辑无框架内容编辑无框架内

182、容” ”命令，便打开无框架编辑窗口，输入无框架命令，便打开无框架编辑窗口，输入无框架命令，便打开无框架编辑窗口，输入无框架命令，便打开无框架编辑窗口，输入无框架内容。内容。内容。内容。取消选中取消选中取消选中取消选中“ “修改修改修改修改”/“”/“框架页框架页框架页框架页”/“”/“编辑无框架编辑无框架编辑无框架编辑无框架内容内容内容内容” ”命令，便返回框架编辑状态。命令，便返回框架编辑状态。命令，便返回框架编辑状态。命令，便返回框架编辑状态。础凋量噪珊杖婆弥命拼党辉烙锗斗征把蓟翟评勋壁赦看逐辉总树藤迈糠善第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件127大学计算机信息

183、科技教程（第二版）第5章 网页制作基础5.4.2 框架式页面布局框架式页面布局设置框架和框架集的属性设置框架和框架集的属性 在框架集的属性检查器中设置在框架集的属性检查器中设置在框架集的属性检查器中设置在框架集的属性检查器中设置灼用科谰椿耳辩保揽推袒恿旺缠辟给柠竟鹃闭掇铀粱桓沪枷枣蹄庞缮轿灰第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件128大学计算机信息科技教程（第二版）第5章 网页制作基础5.5 建立超链接建立超链接超链接概述超链接概述创建各种超链接创建各种超链接制作图像地图链接制作图像地图链接创建特定位置的链接创建特定位置的链接卜璃侩瘦槐攻渴犹熟牲汇拌恨皖蒂高棵敬汛蚁窟

184、告棉缉砂斡呀姑贯墟柴免第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件129大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.1 超链接概述超链接概述 超链接基本概念超链接基本概念 超链接是从源端点到目标端点的一种跳转。源端超链接是从源端点到目标端点的一种跳转。源端超链接是从源端点到目标端点的一种跳转。源端超链接是从源端点到目标端点的一种跳转。源端点是被链接的对象，可以是文本，也可以是图像点是被链接的对象，可以是文本，也可以是图像点是被链接的对象，可以是文本，也可以是图像点是被链接的对象，可以是文本，也可以是图像等非文本对象。目标端点是连接到的对象，可以等非文本对象。

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

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

187、的目的。件的目的。件的目的。件的目的。 肿剩测商寨芹幕贺捷伏疫穴怠织凯烈缎西缀谤偶肉疼寅蓝廊室呀呜驭掏岔第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件130大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.1 超链接概述超链接概述 在浏览器中访问网页时，作为超链接源端点的文在浏览器中访问网页时，作为超链接源端点的文本（即超文本）有本（即超文本）有3种状态：未被访问的超文本、种状态：未被访问的超文本、已被访问的超文本和正在被访问的超文本。默认已被访问的超文本和正在被访问的超文本。默认状态下，不同状态的超文本的颜色由浏览器决定。状态下，不同状态的超文本的颜色由浏览器决定

188、。通过设置页面属性，可以定义各种链接状态下文通过设置页面属性，可以定义各种链接状态下文本的字体颜色。本的字体颜色。抬窿穆趣确琳箔拘担桶獭逸释杜窥功鸽州厄力饶仙郴观钙这王炽胳饯返蔬第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件131大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.1 超链接概述超链接概述 根据目标端点的对象不同，可以把超链接分为根据目标端点的对象不同，可以把超链接分为 外部链接外部链接外部链接外部链接外部链接的目标端点是本站点以外的站点或文档，利用外部外部链接的目标端点是本站点以外的站点或文档，利用外部链接可以跳转到其他网站。链接可以跳转到其他网站。

189、 内部连接内部连接内部连接内部连接内部链接的目标端点是本站点中的文档，利用内部链接可以内部链接的目标端点是本站点中的文档，利用内部链接可以跳转到本站点中的其他页面。跳转到本站点中的其他页面。 E-mailE-mail链接链接链接链接E-mail链接的目标端点是电子邮件程序，单击这种超链接后链接的目标端点是电子邮件程序，单击这种超链接后自动启动电子邮件程序，并以超链接指定的自动启动电子邮件程序，并以超链接指定的E-mail地址为收地址为收件人，开始撰写新邮件。件人，开始撰写新邮件。 局部链接局部链接局部链接局部链接局部链接的目标端点是网页中标记的位置，利用局部链接可局部链接的目标端点是网页中标记

190、的位置，利用局部链接可以跳转到网页中的指定位置。以跳转到网页中的指定位置。懊胶跺胶青屏干颇乖二币伎坦撩牌遗汰冷整挛厕揣芥年果休策晌雹契畸捅第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件132大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.1 超链接概述超链接概述 链接路径链接路径 绝对路径绝对路径绝对路径绝对路径 提供所链接文档的完整提供所链接文档的完整提供所链接文档的完整提供所链接文档的完整URLURL，它包括了所使用的协议，它包括了所使用的协议，它包括了所使用的协议，它包括了所使用的协议，例如例如例如例如http:/ 绝对路径与链接的源端点没有任何关系，只要目

191、标端绝对路径与链接的源端点没有任何关系，只要目标端绝对路径与链接的源端点没有任何关系，只要目标端绝对路径与链接的源端点没有任何关系，只要目标端点的地址不变，无论超链接所在的网页文件在站点文点的地址不变，无论超链接所在的网页文件在站点文点的地址不变，无论超链接所在的网页文件在站点文点的地址不变，无论超链接所在的网页文件在站点文件夹中如何移动，都可以实现正常的跳转而不会出错。件夹中如何移动，都可以实现正常的跳转而不会出错。件夹中如何移动，都可以实现正常的跳转而不会出错。件夹中如何移动，都可以实现正常的跳转而不会出错。 绝对路径通常用于表示外部链接。绝对路径通常用于表示外部链接。绝对路径通常用于表示

192、外部链接。绝对路径通常用于表示外部链接。 相对路径相对路径相对路径相对路径 常用于表示内部链接，相对路径包括文档相对路径和常用于表示内部链接，相对路径包括文档相对路径和常用于表示内部链接，相对路径包括文档相对路径和常用于表示内部链接，相对路径包括文档相对路径和站点根目录相对路径两种。站点根目录相对路径两种。站点根目录相对路径两种。站点根目录相对路径两种。邪扫帮粱翅彰拦做无凑嵌溅螟锁恐珐扎罕慈吻乓泼秃畴壁递驯浦兄迁断友第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件133大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.1 超链接概述超链接概述 文档相对路径文档相对路径

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

194、径以一个正斜杠开始，该正斜杠表目录相对路径以一个正斜杠开始，该正斜杠表目录相对路径以一个正斜杠开始，该正斜杠表目录相对路径以一个正斜杠开始，该正斜杠表示站点根文件夹。例如：示站点根文件夹。例如：示站点根文件夹。例如：示站点根文件夹。例如：/contents/yjsx.html/contents/yjsx.html是相对路径，表示是相对路径，表示是相对路径，表示是相对路径，表示yjsx.htmlyjsx.html文件位于站点的根文件夹的文件位于站点的根文件夹的文件位于站点的根文件夹的文件位于站点的根文件夹的contentscontents文件夹中。文件夹中。文件夹中。文件夹中。蔑绿阻牙鱼报它降音

195、雨猎规踞驹厌氦丧吁汹隙坞苇迪羽鼓负全锄卿尘良某第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件134大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.1 超链接概述超链接概述 例例 若要从若要从若要从若要从yjsx.htmlyjsx.html链接到链接到链接到链接到rwjg.htmlrwjg.html，其相对路径是，其相对路径是，其相对路径是，其相对路径是rwjg.htmlrwjg.html。 若要从若要从若要从若要从yjsx.htmlyjsx.html链接到链接到链接到链接到mulu.htmlmulu.html，其相对路径为，其相对路径为，其相对路径为，其相对路径为

196、lywh/mulu.htmllywh/mulu.html。 若要从若要从若要从若要从yjsx.htmlyjsx.html链接到链接到链接到链接到index.htmlindex.html，其相对路径为，其相对路径为，其相对路径为，其相对路径为./index.html./index.html。 若要从若要从若要从若要从yjsx.htmlyjsx.html链接到链接到链接到链接到changjiang.jpegchangjiang.jpeg，其相对路径为，其相对路径为，其相对路径为，其相对路径为./photo/changjiang.jpeg./photo/changjiang.jpeg。慢淋成婪尺拜汐

197、求闲妓漫烈著吉盼贤辉税补挽铸而成锻吹涅枝吞器时唇疼第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件135大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.1 超链接概述超链接概述 在在“文件文件”面板中改变文件名或者移动文件面板中改变文件名或者移动文件时，将弹出时，将弹出“更新文件更新文件”对话框，显示出需对话框，显示出需要更新的文件名列表，单击要更新的文件名列表，单击“更新更新”按钮可按钮可以完成超链接的路径更新。以完成超链接的路径更新。健昆泊柳慷劲多糟靛炭峙樟移埔赤肇蜜卉涣佃柯舵惠亭绥袜慕蛮波粪慎忆第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件1

198、36大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.2 创建各种超链接创建各种超链接 插入文本超链接插入文本超链接 选择选择选择选择“ “插入插入插入插入”/“”/“超级链接超级链接超级链接超级链接” ”命令命令命令命令 单击单击单击单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “常用常用常用常用” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “超超超超级链接级链接级链接级链接” ”按钮按钮按钮按钮 佑痉辽杏窝孟行烈物捉逐枚卸犬亲肃涸闭出贬魁诽品丧铆炕计胜爆来朽毡第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件137大学计算机信息科技教程（第

199、二版）第5章 网页制作基础5.5.2 创建各种超链接创建各种超链接 使用属性检查器建立超链接使用属性检查器建立超链接 在属性检查器的在属性检查器的在属性检查器的在属性检查器的“ “链接链接链接链接” ”文本框中输入超链接目文本框中输入超链接目文本框中输入超链接目文本框中输入超链接目标文档的路径和文件名；标文档的路径和文件名；标文档的路径和文件名；标文档的路径和文件名； 单击单击单击单击“ “链接链接链接链接” ”文本框右侧的文件夹图标，可以通文本框右侧的文件夹图标，可以通文本框右侧的文件夹图标，可以通文本框右侧的文件夹图标，可以通过浏览选择一个文件作为超链接的目标文件；过浏览选择一个文件作为超

200、链接的目标文件；过浏览选择一个文件作为超链接的目标文件；过浏览选择一个文件作为超链接的目标文件； 将将将将“ “链接链接链接链接” ”文本框右侧的文本框右侧的文本框右侧的文本框右侧的“ “指向文件指向文件指向文件指向文件” ”图标拖动图标拖动图标拖动图标拖动到到到到“ “文件文件文件文件” ”面板中的文件上。面板中的文件上。面板中的文件上。面板中的文件上。 秧负买买霞札胜首钦伤菲倔印您蔑忆炳设奥芹擞茫眠尽吗裙拔浊铝克拘葵第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件138大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.2 创建各种超链接创建各种超链接 莱者栗贫郑屋

201、钥慷裳幂岗苏撞歼篆翰堆然豌侵慌箕搪沫织叙板雾媚识酋侯第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件139大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.2 创建各种超链接创建各种超链接 建立电子邮件链接建立电子邮件链接 选择选择选择选择“ “插入插入插入插入”/“”/“电子邮件链接电子邮件链接电子邮件链接电子邮件链接” ”命令；命令；命令；命令； 单击单击单击单击“ “插入插入插入插入” ”工具栏的工具栏的工具栏的工具栏的“ “常用常用常用常用” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “电子邮件链接电子邮件链接电子邮件链接电子邮件链接” ”按钮。按钮。按钮

202、。按钮。 自动设置邮件的主题，例如：自动设置邮件的主题，例如：自动设置邮件的主题，例如：自动设置邮件的主题，例如：?subject=?subject=咨询旅游线路咨询旅游线路咨询旅游线路咨询旅游线路呜闷太螟睁撅笺演时填饺渡坞狭甭峙堤宫椰鲤属元诀秒牛迫飞昧捆慎蒋又第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件140大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.3 制作图像地图链接制作图像地图链接热点是在图像地图上画出的封闭区域，图像地图热点是在图像地图上画出的封闭区域，图像地图是含有多个热点的图像，不同的热点指向不同的是含有多个热点的图像，不同的热点指向不同的超链

203、接。超链接。在图像地图中，单击不同的热点，可以在图像地图中，单击不同的热点，可以超链接到相应的网页。超链接到相应的网页。图像地图有服务器端图像地图和客户端图像地图图像地图有服务器端图像地图和客户端图像地图两种，它们的不同之处在于鼠标单击热点后的处两种，它们的不同之处在于鼠标单击热点后的处理方法上。理方法上。具涟俞绒省雾贼流擦锈野东顷嵌捂瞎彰肇冗戮尔死代敏批胚访莱睦谦称喻第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件141大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.3 制作图像地图链接制作图像地图链接创建客户端图像地图创建客户端图像地图 首先在网页中插入作为图像

204、地图的图像；首先在网页中插入作为图像地图的图像；首先在网页中插入作为图像地图的图像；首先在网页中插入作为图像地图的图像； 单击图像的属性检查器中的热点工具，绘制出一单击图像的属性检查器中的热点工具，绘制出一单击图像的属性检查器中的热点工具，绘制出一单击图像的属性检查器中的热点工具，绘制出一个热点区域：个热点区域：个热点区域：个热点区域：矩形热点工具矩形热点工具矩形热点工具矩形热点工具椭圆形热点工具椭圆形热点工具椭圆形热点工具椭圆形热点工具多边形热点工具多边形热点工具多边形热点工具多边形热点工具 通过属性检查器设置热点对应的超链接和目标位通过属性检查器设置热点对应的超链接和目标位通过属性检查器设

205、置热点对应的超链接和目标位通过属性检查器设置热点对应的超链接和目标位置。置。置。置。 秆佑振寂酉捧妙败汇隧腑痴甄彻沉归茶地产蔗僧吾岩提晋心抬抬量浅夕挥第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件142大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.3 制作图像地图链接制作图像地图链接椭圆形热点矩形热点多边形热点洪唁饲评锡乏九腿逼债酿炳钵舵剧灾叶璃塔左课儒虞胎潜赌弹扒填授侯住第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件143大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.3 制作图像地图链接制作图像地图链接修改图像地图修改图像地图

206、选中热点选中热点选中热点选中热点 选中图像地图后，单击选中图像地图后，单击选中图像地图后，单击选中图像地图后，单击“ “指针热点工具指针热点工具指针热点工具指针热点工具” ”按钮，然后按钮，然后按钮，然后按钮，然后单击热点，即可选中热点。若需要同时选中多个热点，单击热点，即可选中热点。若需要同时选中多个热点，单击热点，即可选中热点。若需要同时选中多个热点，单击热点，即可选中热点。若需要同时选中多个热点，可以从选择第二个热点开始，按住可以从选择第二个热点开始，按住可以从选择第二个热点开始，按住可以从选择第二个热点开始，按住ShiftShift键同时单击需键同时单击需键同时单击需键同时单击需要选择

207、的热点。按要选择的热点。按要选择的热点。按要选择的热点。按Ctrl+ACtrl+A键，则选中图像地图中的所键，则选中图像地图中的所键，则选中图像地图中的所键，则选中图像地图中的所有热点。有热点。有热点。有热点。 改变热点的位置改变热点的位置改变热点的位置改变热点的位置 选中热点后，将鼠标移到热点上然后进行拖动选中热点后，将鼠标移到热点上然后进行拖动选中热点后，将鼠标移到热点上然后进行拖动选中热点后，将鼠标移到热点上然后进行拖动 改变热点区域的形状或大小改变热点区域的形状或大小改变热点区域的形状或大小改变热点区域的形状或大小 选中热点后，拖动热点的控制点选中热点后，拖动热点的控制点选中热点后，拖

208、动热点的控制点选中热点后，拖动热点的控制点 改变叠放次序改变叠放次序改变叠放次序改变叠放次序 右单击热点区域，在快捷菜单中选择右单击热点区域，在快捷菜单中选择右单击热点区域，在快捷菜单中选择右单击热点区域，在快捷菜单中选择“ “移到最上面移到最上面移到最上面移到最上面” ”或或或或“ “移到最下面移到最下面移到最下面移到最下面” ”命令命令命令命令驰腑诌踏馈韦咕雌精挡怯菱涪津寂试内使林躇卢赚魁菲毯巩穗烙费赠捡挞第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件144大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.4 创建特定位置的链接创建特定位置的链接通过插入命名锚记

209、可以设置标记，这些标记通常通过插入命名锚记可以设置标记，这些标记通常放在文档的特定主题处或顶部。然后可以创建到放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接，这些链接可快速将访问者这些命名锚记的链接，这些链接可快速将访问者带到指定位置。带到指定位置。酱炮蜀朱按屯平欢样鼎狄忆斧谗十荣利喜林婉皇赐铲罪羔疵诉异巾涝膝刁第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件145大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.4 创建特定位置的链接创建特定位置的链接插入命名锚记插入命名锚记 将插入点定位于要设置标记的位置将插入点定位于要设置标记的位置将插入点定位于要

210、设置标记的位置将插入点定位于要设置标记的位置 选择选择选择选择“ “插入插入插入插入”/“”/“命名锚记命名锚记命名锚记命名锚记” ”命令。命令。命令。命令。 插入命名锚记后，网页中出现一个标记，标志出插入命名锚记后，网页中出现一个标记，标志出插入命名锚记后，网页中出现一个标记，标志出插入命名锚记后，网页中出现一个标记，标志出锚记的位置。如果看不到锚记标记，可以选中锚记的位置。如果看不到锚记标记，可以选中锚记的位置。如果看不到锚记标记，可以选中锚记的位置。如果看不到锚记标记，可以选中“ “查看查看查看查看”/“”/“可视化助理可视化助理可视化助理可视化助理”/“”/“不可见元素不可见元素不可见

211、元素不可见元素” ”命令，命令，命令，命令，将锚记标记显示出来。将锚记标记显示出来。将锚记标记显示出来。将锚记标记显示出来。 黔操墨瞎讣毋琅使挡他备早楚衍恫哺桓喻优精责镀园窥动蕾静牙咕难函储第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件146大学计算机信息科技教程（第二版）第5章 网页制作基础5.5.4 创建特定位置的链接创建特定位置的链接建立命名锚记链接建立命名锚记链接 选择选择选择选择“ “插入插入插入插入”/“”/“超级链接超级链接超级链接超级链接” ”命令，输入超链接文本内容，命令，输入超链接文本内容，命令，输入超链接文本内容，命令，输入超链接文本内容，并在并在并在并

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

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

214、 在属性检查器中将在属性检查器中将在属性检查器中将在属性检查器中将“ “链接链接链接链接” ”文本框右侧的文本框右侧的文本框右侧的文本框右侧的“ “指向文件指向文件指向文件指向文件” ”图标拖动到网页中的锚记标记上。图标拖动到网页中的锚记标记上。图标拖动到网页中的锚记标记上。图标拖动到网页中的锚记标记上。 寡腊逆剧凶膊承痒囚谩翁营勒酥茵溢彤杜头虑相详崔瑰仑彰拴硅染矽察饮第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件147大学计算机信息科技教程（第二版）第5章 网页制作基础5.6 使用使用CSS样式样式CSS样式概述样式概述创建创建CSS样式样式管理管理CSS样式表样式表正损落

215、险误妒摩拆箭孝性搞拄天梦男卓赌篙柬哈示亥崖诅攘襟闻晓幼褒不第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件148大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.1 CSS样式概述样式概述 CSS是一系列格式的设置规则，它们用于控制是一系列格式的设置规则，它们用于控制Web页面内容的外观。使用页面内容的外观。使用CSS设置页面格式时，设置页面格式时，页面内容与表现形式分开。页面内容（即页面内容与表现形式分开。页面内容（即HTML代码）驻留在代码）驻留在HTML文件自身中，而用于定义代文件自身中，而用于定义代码表现形式的码表现形式的CSS规则驻留在另一个文件（外部规则驻

216、留在另一个文件（外部样式表）或样式表）或HTML文档的另一部分（通常为文文档的另一部分（通常为文件头部分）中。件头部分）中。CSS的主要优点是它提供了便利的更新功能。的主要优点是它提供了便利的更新功能。CSS允许控制允许控制HTML无法独自控制的许多属性。无法独自控制的许多属性。使用使用CSS控制控制Web页面中块级别元素的格式和定页面中块级别元素的格式和定位。位。叹六剿仿璃供双租见郴晕厕忧紊眯军蓄察附竣乐遮爷逞舰嫂特狈宏摈绥峪第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件149大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.1 CSS样式概述样式概述 CSS格式

217、设置规则由两部分组成：选择器和声明。格式设置规则由两部分组成：选择器和声明。选择器是标识格式元素的术语（如选择器是标识格式元素的术语（如P、H1、类、类名或名或ID），声明用于定义元素样式。），声明用于定义元素样式。介于括号介于括号()之间的所有内容都是声明，声明之间的所有内容都是声明，声明由两部分组成：属性和值。由两部分组成：属性和值。H1font-size:16pixels;图图5-6-1“CSS样式样式”面板面板font-family:Helvetica;font-weight:bold;统手虐荧嚣止乌漏电六吁昂仗乳抖湃胰杂鲍侯劳摄蚂四三打身葛放扫奴种第5章网页制作基础2wppt课件第5

218、章网页制作基础2wppt课件150大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.1 CSS样式概述样式概述 将将CSS样式加入网页的方法样式加入网页的方法从外部附加从外部附加从外部附加从外部附加CSSCSS样式样式样式样式直接在直接在直接在直接在DreamweaverDreamweaver中创建中创建中创建中创建CSSCSS样式。样式。样式。样式。 烙览贴玻内徘咕犀畏侗崔悉甫据掳唤抹基缆枢渊荆浑球茄季株凌蚊摧侨评第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件151大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.1 CSS样式概述样式概述 “CSS样式

219、样式”面板面板可以创建和管理可以创建和管理可以创建和管理可以创建和管理CSSCSS样式、查看样式、查看样式、查看样式、查看CSSCSS样式样式样式样式的属性。的属性。的属性。的属性。选中选中选中选中“ “窗口窗口窗口窗口”/“CSS”/“CSS样式样式样式样式” ”命令或按命令或按命令或按命令或按Shift+F11Shift+F11键，将打键，将打键，将打键，将打开开开开“CSS“CSS样式样式样式样式” ”面板。面板。面板。面板。降影榜糖莆亥荤腿挛柄尹芥梢筏梗诚模抬匀焰硝屯牌谩肉藩抠寐野判梳队第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件152大学计算机信息科技教程（第二版

220、）第5章 网页制作基础5.6.2 创建创建CSS样式样式 选择选择“文本文本”/“CSS样式样式”/“新建新建”命令命令单击单击“CSS样式样式”面板的面板的“新建新建CSS规则规则”按钮按钮跨墓编膜山耳跪阜辈烙妖戴帕锋恿搏统酬拥柱樊搂劣怠旨孪痕巳少蹄瞄导第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件153大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.2 创建创建CSS样式样式 新建新建“类类”规则规则 “ “类类类类”CSS”CSS规则可作为规则可作为规则可作为规则可作为classclass属性应用于文本范属性应用于文本范属性应用于文本范属性应用于文本范围或文

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

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

223、类别并对话框中选择类别并对话框中选择类别并设置格式。设置格式。设置格式。设置格式。 攻福先绢雇俱摩谩赋腺又血倪祷母虑装衅吉赣蛰红湖灾淬没籽类脯怒骇箭第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件154大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.2 创建创建CSS样式样式 苞塘龚双追矢激研巫峨尾朗萎烦屁候己暇徽饯澳绘影颈虎锯砸鬼藕签酉碰第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件155大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.2 创建创建CSS样式样式 新建新建“标签标签”规则规则 “ “标签标签标签标签”CSS”CSS规则

224、用于重新定义已有的规则用于重新定义已有的规则用于重新定义已有的规则用于重新定义已有的HTMLHTML标标标标签的格式设置，以扩充它的功能。重新定义某个签的格式设置，以扩充它的功能。重新定义某个签的格式设置，以扩充它的功能。重新定义某个签的格式设置，以扩充它的功能。重新定义某个HTMLHTML标签格式后，网页中使用该标签的元素不标签格式后，网页中使用该标签的元素不标签格式后，网页中使用该标签的元素不标签格式后，网页中使用该标签的元素不需要进行套用操作而立即产生效果。需要进行套用操作而立即产生效果。需要进行套用操作而立即产生效果。需要进行套用操作而立即产生效果。 在在在在“ “新建新建新建新建CS

225、SCSS规则规则规则规则” ”对话框中，选中对话框中，选中对话框中，选中对话框中，选中“ “标签（重标签（重标签（重标签（重新定义特定标签的外观）新定义特定标签的外观）新定义特定标签的外观）新定义特定标签的外观）” ”单选按钮，在单选按钮，在单选按钮，在单选按钮，在“ “标签标签标签标签” ”下拉列表中选择标签名称。下拉列表中选择标签名称。下拉列表中选择标签名称。下拉列表中选择标签名称。 单击单击单击单击“ “确定确定确定确定” ”按钮后，可以在打开的按钮后，可以在打开的按钮后，可以在打开的按钮后，可以在打开的“CSS“CSS规则规则规则规则定义定义定义定义” ”对话框中设置标签格式，其方法与

226、设置对话框中设置标签格式，其方法与设置对话框中设置标签格式，其方法与设置对话框中设置标签格式，其方法与设置“ “类类类类” ”规则相同。完成设置后，单击规则相同。完成设置后，单击规则相同。完成设置后，单击规则相同。完成设置后，单击“ “应用应用应用应用” ”按钮，按钮，按钮，按钮，设置的设置的设置的设置的CSSCSS样式名称将显示在样式名称将显示在样式名称将显示在样式名称将显示在“CSS“CSS样式样式样式样式” ”面板。面板。面板。面板。诅预寡赋宫夏余刨息栽陶朱秉稀锥笛雅酮箍砧媳玛宛镇听剪渠干熏赘偷浮第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件156大学计算机信息科技教程

227、（第二版）第5章 网页制作基础5.6.2 创建创建CSS样式样式 赘葡运舅钞斡幢渤摈箕展震肪韩竭弊炙贤簧蘸沈惺惯竭察疙斩插姐假贩慈第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件157大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.2 创建创建CSS样式样式 新建新建“高级高级”规则规则 “ “高级高级高级高级”CSS”CSS规则主要用于设置超链接的格式，规则主要用于设置超链接的格式，规则主要用于设置超链接的格式，规则主要用于设置超链接的格式，可以在其中设置鼠标的互动效果，包括：一般状可以在其中设置鼠标的互动效果，包括：一般状可以在其中设置鼠标的互动效果，包括：一般

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

229、选项：个选项：个选项：a:linka:link、a:visiteda:visited、a:hovera:hover和和和和a:activea:active，选定后可以分别设置这些，选定后可以分别设置这些，选定后可以分别设置这些，选定后可以分别设置这些选择器的规则。选择器的规则。选择器的规则。选择器的规则。幢禽孔盂注睛孪纫字灿碌输喀地蠢撑闻鸡赤晃载仰尧火搓蓉纷瞩鸟嚎两幂第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件158大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.2 创建创建CSS样式样式 拯姬对辆贾神挎颐辖美滔繁廊诺利辟吵尊檀收浇痕摘砰磅怒邪帐檄设状勇第5章网

230、页制作基础2wppt课件第5章网页制作基础2wppt课件159大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.3 管理管理CSS样式表样式表编辑和删除编辑和删除CSS样式表样式表 在在在在“CSS“CSS样式样式样式样式” ”面板中选中要修改的面板中选中要修改的面板中选中要修改的面板中选中要修改的CSSCSS样式名样式名样式名样式名称，单击称，单击称，单击称，单击“CSS“CSS样式样式样式样式” ”面板底部的面板底部的面板底部的面板底部的“ “编辑样式编辑样式编辑样式编辑样式” ”按钮；按钮；按钮；按钮； 在在在在“CSS“CSS样式样式样式样式” ”面板中双击要修改的面板中双击

231、要修改的面板中双击要修改的面板中双击要修改的CSSCSS样式名样式名样式名样式名称。称。称。称。 在在在在“CSS“CSS样式样式样式样式” ”面板中选中要修改的面板中选中要修改的面板中选中要修改的面板中选中要修改的CSSCSS样式名样式名样式名样式名称，然后直接在下面的属性列表中进行设置。称，然后直接在下面的属性列表中进行设置。称，然后直接在下面的属性列表中进行设置。称，然后直接在下面的属性列表中进行设置。 选中选中选中选中CSSCSS样式名称，单击样式名称，单击样式名称，单击样式名称，单击“CSS“CSS样式样式样式样式” ”面板底部面板底部面板底部面板底部的的的的“ “删除删除删除删除C

232、SSCSS规则规则规则规则” ”按钮，便可以删除创建的按钮，便可以删除创建的按钮，便可以删除创建的按钮，便可以删除创建的CSSCSS样式。样式。样式。样式。 膜尾嘻首渗着缸箍娱秆丽哮河醋砌骗丽傣搅挨国悯费勾涌叶澳遮猴远舀板第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件160大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.3 管理管理CSS样式表样式表创建和附加外部样式表创建和附加外部样式表 在在在在“ “新建新建新建新建CSSCSS规则规则规则规则” ”对话框选中对话框选中对话框选中对话框选中“ “仅对该文档仅对该文档仅对该文档仅对该文档” ”单选按钮，建立的单选

233、按钮，建立的单选按钮，建立的单选按钮，建立的CSSCSS样式嵌入在当前文档中，样式嵌入在当前文档中，样式嵌入在当前文档中，样式嵌入在当前文档中，直接写在直接写在直接写在直接写在headhead文件头中，可以作用于当前网页文件头中，可以作用于当前网页文件头中，可以作用于当前网页文件头中，可以作用于当前网页中的多个文本。中的多个文本。中的多个文本。中的多个文本。 创建外部样式表的方法是：在创建创建外部样式表的方法是：在创建创建外部样式表的方法是：在创建创建外部样式表的方法是：在创建CSSCSS样式时，样式时，样式时，样式时，在在在在“ “新建新建新建新建CSSCSS规则规则规则规则” ”对话框的对

234、话框的对话框的对话框的“ “定义在定义在定义在定义在” ”框的下框的下框的下框的下拉列表中选择拉列表中选择拉列表中选择拉列表中选择“ “新建样式表文件新建样式表文件新建样式表文件新建样式表文件” ”选项。单击选项。单击选项。单击选项。单击“ “确定确定确定确定” ”按钮后，打开按钮后，打开按钮后，打开按钮后，打开“ “保存样式表文件为保存样式表文件为保存样式表文件为保存样式表文件为” ”对话对话对话对话框，选择样式表文件的保存位置，并且输入文件框，选择样式表文件的保存位置，并且输入文件框，选择样式表文件的保存位置，并且输入文件框，选择样式表文件的保存位置，并且输入文件名，单击名，单击名，单击名

235、，单击“ “保存保存保存保存” ”按钮。按钮。按钮。按钮。 抉敖吕籽伪惶荔午荐硕笨担滋上岭矾臻趴镊驼娇妙赐改嘲扎侩摔忘箭宋贷第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件161大学计算机信息科技教程（第二版）第5章 网页制作基础例旅焕霞谎伟梢部鹅计皖堑氟疽丑瘸惑掏藏哄鸣审图蔑符雄嘉截糠防指溉第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件妨戮筷预萨侥耘腔停点烃隐帆仗胁垦酣痞愤蜂永杀月氖腮营收砍挛岛阉溉第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件5.6.3 管理管理CSS样式表样式表外部样式表文件的扩展名为外部样式表文件的扩展名为.css，它

236、可以保存多，它可以保存多个个CSS样式。建立外部样式表以后，再次创建样式。建立外部样式表以后，再次创建CSS样式时，在样式时，在“新建新建CSS规则规则”对话框的对话框的“定定义在义在”框的下拉列表中选择样式表文件名，便可框的下拉列表中选择样式表文件名，便可以将创建的新的以将创建的新的CSS样式保存到已有的样式表文样式保存到已有的样式表文件中。件中。撰泡旧古番愉医招还篮臃萎诚窃如茵秆妖照鞭砸魏渣啡表松仇崇酒岂砚先第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件163大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.3 管理管理CSS样式表样式表外部样式表可以同时控制多

237、个外部样式表可以同时控制多个Web页的外观，使页的外观，使得它们的风格保持一致，而不需要对每个得它们的风格保持一致，而不需要对每个Web页页分别设置样式。分别设置样式。使用样式表文件中的使用样式表文件中的CSS样式：样式：在在在在“CSS“CSS样式样式样式样式” ”面板中单击面板中单击面板中单击面板中单击“ “附加样式表附加样式表附加样式表附加样式表” ”按按按按钮，打开钮，打开钮，打开钮，打开“ “链接外部样式表链接外部样式表链接外部样式表链接外部样式表” ”对话框。在对话框。在对话框。在对话框。在“ “文文文文件件件件/URL”/URL”下拉列表中指定样式表文件，选择添下拉列表中指定样式

238、表文件，选择添下拉列表中指定样式表文件，选择添下拉列表中指定样式表文件，选择添加样式表的方式后，单击加样式表的方式后，单击加样式表的方式后，单击加样式表的方式后，单击“ “确定确定确定确定” ”按钮。按钮。按钮。按钮。氦睦鸣清圭搅挛躬急碾彩温哩扔氨讯土膀吗摘国房逆惑端妻服眷函云饯挺第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件164大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.3 管理管理CSS样式表样式表使用外部样式表的优点使用外部样式表的优点 将同一样式应用到多个将同一样式应用到多个将同一样式应用到多个将同一样式应用到多个WebWeb页，使其风格一致页，使其

239、风格一致页，使其风格一致页，使其风格一致使用样式表文件中的使用样式表文件中的使用样式表文件中的使用样式表文件中的CSSCSSCSSCSS样式样式样式样式或或下一张使用方法：使用方法：链接或导入外链接或导入外部样式表到当部样式表到当前网页中前网页中蓬搭醒川亚雅锯差切洋换忆嗣氢坯由创瑟贯色秧悍汀验澜肆攘倒峙邓郧坯第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件165大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.3 管理管理CSS样式表样式表“链接链接”与与“导入导入”的不同：的不同：链接：链接：链接：链接：在网页中指定样式表的在网页中指定样式表的在网页中指定样式表的在

240、网页中指定样式表的URLURL，然后将其，然后将其，然后将其，然后将其定义的定义的定义的定义的CSSCSS规则添加到网页中。规则添加到网页中。规则添加到网页中。规则添加到网页中。导入：导入：导入：导入：将外部样式表中的将外部样式表中的将外部样式表中的将外部样式表中的CSSCSS规则嵌入到网页规则嵌入到网页规则嵌入到网页规则嵌入到网页中，如同创建在当前网页中的中，如同创建在当前网页中的中，如同创建在当前网页中的中，如同创建在当前网页中的CSSCSS样式。样式。样式。样式。 牌喊颤酋义蓖佰纵蓬坏褂虚趁雕票啡毫炭瓦耸烷麦嫁估捞冤悼塔切炽彦锯第5章网页制作基础2wppt课件第5章网页制作基础2wppt

241、课件166大学计算机信息科技教程（第二版）第5章 网页制作基础5.6.3 管理管理CSS样式表样式表添加样式表添加样式表CSS规则有规则有“链接链接”和和“导入导入”两种两种方式。方式。“链接链接”方式在网页中指定样式表的方式在网页中指定样式表的URL，然后，然后将其定义的将其定义的CSS规则添加到网页中。规则添加到网页中。“导入导入”方式则将外部样式表中的方式则将外部样式表中的CSS规则嵌入规则嵌入到网页中，如同创建在当前网页中的到网页中，如同创建在当前网页中的CSS样式。样式。谈获脖蘑僻伊扑湘礁乘液捍享剖和竭塔在叶炉嫩妮歪遂准巧嗜彩专卜扫为第5章网页制作基础2wppt课件第5章网页制作基础

242、2wppt课件167大学计算机信息科技教程（第二版）第5章 网页制作基础5.7 层、行为和时间轴层、行为和时间轴层和绝对定位层和绝对定位行为行为时间轴时间轴宅乾履伤蛊偏顾裔湘吭缺辩状蔷沼纬弓磕蛋狸歇离粮祈欢蓉时羚仇蹈峡拟第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件168大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.1 层和绝对定位层和绝对定位层是一种新的网页元素定位技术，它可以包含文层是一种新的网页元素定位技术，它可以包含文本、图像、表格等大部分页面元素，甚至层里还本、图像、表格等大部分页面元素，甚至层里还可以包含其他的层。可以包含其他的层。层可以放置在网页中

243、的任何位置，利用层不仅可层可以放置在网页中的任何位置，利用层不仅可以随心所欲地安排网页上各种元素的位置，而且以随心所欲地安排网页上各种元素的位置，而且可以使它们前后叠放、产生层叠效果，还可以在可以使它们前后叠放、产生层叠效果，还可以在屏幕上显示某层的同时隐藏另一层。屏幕上显示某层的同时隐藏另一层。闪荧餐袍劫脱畏兼赎般詹钮溯患卑跋卿订臼晤她害流纂排恰柬嗡蓄狼犯前第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件169大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.1 层和绝对定位层和绝对定位创建层创建层 创建层的操作只能在创建层的操作只能在创建层的操作只能在创建层的操作

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

245、“ “绘绘绘绘制层制层制层制层” ”按钮。按钮。按钮。按钮。 在在在在DreamweaverDreamweaver中，页面中可以创建单个层，中，页面中可以创建单个层，中，页面中可以创建单个层，中，页面中可以创建单个层，也可以创建多个层。页面中包含多层时，层与层也可以创建多个层。页面中包含多层时，层与层也可以创建多个层。页面中包含多层时，层与层也可以创建多个层。页面中包含多层时，层与层之间可以是相互对立的，也可以是一个层中包含之间可以是相互对立的，也可以是一个层中包含之间可以是相互对立的，也可以是一个层中包含之间可以是相互对立的，也可以是一个层中包含另一个层。另一个层。另一个层。另一个层。 嵌榨

246、炒敬俺谤晕乳仕洼啤烽这辉甭墒廓碌左卫澳转项趴篙弯鸣秦北磁灶忿第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件170大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.1 层和绝对定位层和绝对定位创建新层创建新层 选择选择选择选择“ “插入插入插入插入”/“”/“布局对象布局对象布局对象布局对象”/“”/“层层层层” ”命令；命令；命令；命令； 单击单击单击单击“ “插入插入插入插入” ”工具栏工具栏工具栏工具栏“ “布局布局布局布局” ”选项卡中的选项卡中的选项卡中的选项卡中的“ “绘制层绘制层绘制层绘制层” ”按钮，按住鼠标左键不放，并拖动到页面中，同样将按钮，按住鼠

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

248、十字形。按住鼠标左键拖动，便可以在页面中绘制出一个所需大小的区域，作为层。在页面中绘制出一个所需大小的区域，作为层。在页面中绘制出一个所需大小的区域，作为层。在页面中绘制出一个所需大小的区域，作为层。 单击单击单击单击“ “绘制层绘制层绘制层绘制层” ”按钮后，直接单击页面上的某个位置。按钮后，直接单击页面上的某个位置。按钮后，直接单击页面上的某个位置。按钮后，直接单击页面上的某个位置。 单击单击单击单击“ “绘制层绘制层绘制层绘制层” ”按钮，按住按钮，按住按钮，按住按钮，按住CtrlCtrl键，连续绘制多个层。键，连续绘制多个层。键，连续绘制多个层。键，连续绘制多个层。 抛蓬芭湘倘炔癌撰尔

249、寂萨仗捏讽忻莱房频汇硷选皑计迄俘耕撵壁骚籍庚岳第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件171大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.1 层和绝对定位层和绝对定位编辑层的内容编辑层的内容插入点定位于层内，像在页面中添加内容一样，插入点定位于层内，像在页面中添加内容一样，插入点定位于层内，像在页面中添加内容一样，插入点定位于层内，像在页面中添加内容一样，在层中进行编辑文本、插入图像等各种操作。在层中进行编辑文本、插入图像等各种操作。在层中进行编辑文本、插入图像等各种操作。在层中进行编辑文本、插入图像等各种操作。 调整层的大小调整层的大小调整层的大小调整层

250、的大小单击层的边框，边框上将出现单击层的边框，边框上将出现单击层的边框，边框上将出现单击层的边框，边框上将出现8 8个控制点，拖个控制点，拖个控制点，拖个控制点，拖动控制点可以。动控制点可以。动控制点可以。动控制点可以。吧邹盆阉饰炮则丢级蕊邓似基堑堪闰翅掺荔郎惰饥荷惕源妖鲸氛唾雷汾蚕第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件172大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.1 层和绝对定位层和绝对定位创建嵌套层创建嵌套层 嵌套层是包含在另一个层中的层，通常用于将层组织嵌套层是包含在另一个层中的层，通常用于将层组织嵌套层是包含在另一个层中的层，通常用于将层组

251、织嵌套层是包含在另一个层中的层，通常用于将层组织在一起。在一起。在一起。在一起。 将插入点定位于现有的层内，选择将插入点定位于现有的层内，选择将插入点定位于现有的层内，选择将插入点定位于现有的层内，选择“ “插入插入插入插入”/“”/“布局对布局对布局对布局对象象象象”/“”/“层层层层” ”命令命令命令命令; ; 将将将将“ “绘制层绘制层绘制层绘制层” ”按钮，拖动到现有的层中；按钮，拖动到现有的层中；按钮，拖动到现有的层中；按钮，拖动到现有的层中； 选择选择选择选择“ “编辑编辑编辑编辑”/“”/“首选参数首选参数首选参数首选参数” ”命令，选中命令，选中命令，选中命令，选中“ “层层层

252、层” ”选项中选项中选项中选项中的的的的“ “如果在层中则使用嵌套如果在层中则使用嵌套如果在层中则使用嵌套如果在层中则使用嵌套” ”复选框后，在现有的层复选框后，在现有的层复选框后，在现有的层复选框后，在现有的层内拖动鼠标。内拖动鼠标。内拖动鼠标。内拖动鼠标。 如果没有选中如果没有选中如果没有选中如果没有选中“ “如果在层中则使用嵌套如果在层中则使用嵌套如果在层中则使用嵌套如果在层中则使用嵌套” ”复选框，单复选框，单复选框，单复选框，单击击击击“绘制层绘制层绘制层绘制层” ”按钮后必须按住按钮后必须按住按钮后必须按住按钮后必须按住AltAlt键同时拖动鼠标，键同时拖动鼠标，键同时拖动鼠标，键

253、同时拖动鼠标，才能绘制出嵌套层。才能绘制出嵌套层。才能绘制出嵌套层。才能绘制出嵌套层。亦哦瞎松胁四滇雕诡徊捷谩醚鹅嘛河添地晕洲钠恫理昆抡铰简抖费秃呆贮第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件173大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.1 层和绝对定位层和绝对定位在页面中可以同时存在多个层，这些层可以是相互独立的，在页面中可以同时存在多个层，这些层可以是相互独立的，也可以是相互嵌套的。通常将嵌套层称为子层，将其外部的也可以是相互嵌套的。通常将嵌套层称为子层，将其外部的层称为父层，子层一般在其父层的内部。而相互独立的层的层称为父层，子层一般在其父层的内

254、部。而相互独立的层的位置可以是相互分开的，也可以是部分相互重叠的，甚至可位置可以是相互分开的，也可以是部分相互重叠的，甚至可以完全重叠的。以完全重叠的。单击某个层的外框，该层被选中，其外框呈蓝色，左上角带单击某个层的外框，该层被选中，其外框呈蓝色，左上角带有选择柄。如果是独立的层，则仅选中该层，其外框呈蓝色，有选择柄。如果是独立的层，则仅选中该层，其外框呈蓝色，而与它重叠的层的外框颜色不变。如果单击的是嵌套层父层而与它重叠的层的外框颜色不变。如果单击的是嵌套层父层的外框，则父层和子层均被选中，它们的外框都呈蓝色。的外框，则父层和子层均被选中，它们的外框都呈蓝色。窄世旁昼衍所戮柔传仅悯革树琅吴袍

255、啦购胆镊秦尼返悟豫二纽盲燥僳抵隘第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件174大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.1 层和绝对定位层和绝对定位管理层管理层 “ “层层层层” ”面板面板面板面板选择选择选择选择“ “窗口窗口窗口窗口”/“”/“层层层层” ”命令或者按命令或者按命令或者按命令或者按F2F2键，将显键，将显键，将显键，将显示或隐藏示或隐藏示或隐藏示或隐藏“ “层层层层” ”面板。面板。面板。面板。在在在在“ “层层层层” ”面板中，页面中的所有层都显示在面板中，页面中的所有层都显示在面板中，页面中的所有层都显示在面板中，页面中的所有层

256、都显示在层列表中，并且显示出了页面中各个层的关层列表中，并且显示出了页面中各个层的关层列表中，并且显示出了页面中各个层的关层列表中，并且显示出了页面中各个层的关系。如果存在嵌套层，则以树状结构显示。系。如果存在嵌套层，则以树状结构显示。系。如果存在嵌套层，则以树状结构显示。系。如果存在嵌套层，则以树状结构显示。肠幕怖牛壬荐恳墒对裸旁猜檀炯眶希锹拳送献漠楷巫膳贩仑唇扔桩岂锥摄第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件175大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.1 层和绝对定位层和绝对定位利用利用“层层”面板可以完成以下操作：面板可以完成以下操作：单击单

257、击列，可以显示或隐藏某一层；列，可以显示或隐藏某一层；双击层的名称，可以修改层的名称；双击层的名称，可以修改层的名称；单击单击Z列，可以调整层的重叠顺序。列，可以调整层的重叠顺序。如果选中如果选中“防止重叠防止重叠”复选框，则表示在创建层复选框，则表示在创建层时禁止各层重叠。创建嵌套层时，必须取消选择时禁止各层重叠。创建嵌套层时，必须取消选择该复选框。该复选框。苫激招歪腕纺耳痊汽窗敛曰艇涤御裙尼峦黑箩描训捶郡攀弧堤核荆捡敬享第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件176大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.1 层和绝对定位层和绝对定位改变层的重叠顺

258、序改变层的重叠顺序 “ “层层层层” ”在平面坐标在平面坐标在平面坐标在平面坐标X X、Y Y基础上又添加一个具有三维空间基础上又添加一个具有三维空间基础上又添加一个具有三维空间基础上又添加一个具有三维空间的坐标的坐标的坐标的坐标Z Z，使得层有一个叠放顺序，使得层有一个叠放顺序，使得层有一个叠放顺序，使得层有一个叠放顺序，Z Z值大的叠放在上面。值大的叠放在上面。值大的叠放在上面。值大的叠放在上面。对于嵌套层，对于嵌套层，对于嵌套层，对于嵌套层，Z Z值与其父层的值与其父层的值与其父层的值与其父层的Z Z值无关，它们是独立编号值无关，它们是独立编号值无关，它们是独立编号值无关，它们是独立编号

259、的。的。的。的。 改变层的重叠顺序的方法有三种：改变层的重叠顺序的方法有三种：改变层的重叠顺序的方法有三种：改变层的重叠顺序的方法有三种：在在“层层”面板单击某一层的面板单击某一层的Z列，重新输入列，重新输入Z值；值；单击某个层的名称选定该层，然后上下拖动该行；单击某个层的名称选定该层，然后上下拖动该行；选择选择“修改修改”/“排列顺序排列顺序”/“移到最上层移到最上层”或或“移到最下层移到最下层”命令。命令。 如果按住如果按住如果按住如果按住CtrlCtrl键，同时将某一层拖动到目标层的名称上，键，同时将某一层拖动到目标层的名称上，键，同时将某一层拖动到目标层的名称上，键，同时将某一层拖动到

260、目标层的名称上，当目标层所在行外面加上外框时，松开鼠标，便可以以当目标层所在行外面加上外框时，松开鼠标，便可以以当目标层所在行外面加上外框时，松开鼠标，便可以以当目标层所在行外面加上外框时，松开鼠标，便可以以目标层为父层、选定层为子层，将现有的层作为嵌套层。目标层为父层、选定层为子层，将现有的层作为嵌套层。目标层为父层、选定层为子层，将现有的层作为嵌套层。目标层为父层、选定层为子层，将现有的层作为嵌套层。 对于嵌套层，如果直接拖动嵌套层的父层，则连同其子对于嵌套层，如果直接拖动嵌套层的父层，则连同其子对于嵌套层，如果直接拖动嵌套层的父层，则连同其子对于嵌套层，如果直接拖动嵌套层的父层，则连同其

261、子层一起改变重叠顺序。如果不按任何键，将子层拖动到层一起改变重叠顺序。如果不按任何键，将子层拖动到层一起改变重叠顺序。如果不按任何键，将子层拖动到层一起改变重叠顺序。如果不按任何键，将子层拖动到父层以外，则取消它们之间的嵌套关系，作为独立的层。父层以外，则取消它们之间的嵌套关系，作为独立的层。父层以外，则取消它们之间的嵌套关系，作为独立的层。父层以外，则取消它们之间的嵌套关系，作为独立的层。 葫彝铆饮那枢俱废霜咨寿触愧炊假交郑瞻旷魄抢逆腺崔鸯豆咐多秧蔡败甚第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件177大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.1 层和绝

262、对定位层和绝对定位显示和隐藏层显示和隐藏层在在在在“ “层层层层” ”面板中，通过单击要改变可见性的层面板中，通过单击要改变可见性的层面板中，通过单击要改变可见性的层面板中，通过单击要改变可见性的层的可见性列，可以改变其可见性状态，设置层的可见性列，可以改变其可见性状态，设置层的可见性列，可以改变其可见性状态，设置层的可见性列，可以改变其可见性状态，设置层的显示和隐藏。的显示和隐藏。的显示和隐藏。的显示和隐藏。可见性图标为睁眼形状可见性图标为睁眼形状时表示层可见；时表示层可见；可见性图标为闭眼形状可见性图标为闭眼形状时表示层不可见；时表示层不可见；没有图标时表示该层继承父层的可见性。没有图标时

263、表示该层继承父层的可见性。单击可见性列的标题，可以一次改变所有层的单击可见性列的标题，可以一次改变所有层的单击可见性列的标题，可以一次改变所有层的单击可见性列的标题，可以一次改变所有层的可见性。第一次单击后，所有层都变为可见，可见性。第一次单击后，所有层都变为可见，可见性。第一次单击后，所有层都变为可见，可见性。第一次单击后，所有层都变为可见，再次单击则都变成不可见。再次单击则都变成不可见。再次单击则都变成不可见。再次单击则都变成不可见。衬炭危措抛揖衬喉蕴啃璃曹液街血岿速扇雨宇嗣誊吗撬聘耪寒垄姬廖苏质第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件178大学计算机信息科技教程（

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

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

266、层以后，按当选定层以后，按DeleteDelete键可以删除选定的层。键可以删除选定的层。键可以删除选定的层。键可以删除选定的层。辐上惋袁普效旧叮梭柏骑擞弟搭角淡阑掠辅啼饺邹脚鼠匀享琶恿躬惊桐席第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件179大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.1 层和绝对定位层和绝对定位调整层的大小调整层的大小拖动层的外框上控制点；拖动层的外框上控制点；拖动层的外框上控制点；拖动层的外框上控制点；按按按按CtrlCtrl键和方向键，可以将高度或宽度增大或键和方向键，可以将高度或宽度增大或键和方向键，可以将高度或宽度增大或键和方向键

267、，可以将高度或宽度增大或缩小一个像素。缩小一个像素。缩小一个像素。缩小一个像素。按住按住按住按住Ctrl+ShiftCtrl+Shift键，然后按方向键，可以使层键，然后按方向键，可以使层键，然后按方向键，可以使层键，然后按方向键，可以使层的高度或宽度每次改变的高度或宽度每次改变的高度或宽度每次改变的高度或宽度每次改变1010个像素。个像素。个像素。个像素。选定多个层后，选择选定多个层后，选择选定多个层后，选择选定多个层后，选择“ “修改修改修改修改”/“”/“排列顺序排列顺序排列顺序排列顺序”/“”/“设成宽度相同设成宽度相同设成宽度相同设成宽度相同” ”或或或或“ “设成高度相同设成高度相

268、同设成高度相同设成高度相同” ”命命命命令，则以最后一个选中的层的大小为标准，调令，则以最后一个选中的层的大小为标准，调令，则以最后一个选中的层的大小为标准，调令，则以最后一个选中的层的大小为标准，调整其他层的大小，使得它们具有相同的宽度或整其他层的大小，使得它们具有相同的宽度或整其他层的大小，使得它们具有相同的宽度或整其他层的大小，使得它们具有相同的宽度或高度。高度。高度。高度。 玲失棕汹痘巩选歌侄憎删钎阔极哇追娠狠唾踊前使存梅迂敌厄默促鼠戒佑第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件180大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.1 层和绝对定位层和

269、绝对定位移动层的位置移动层的位置拖动层的边框或选择柄；拖动层的边框或选择柄；拖动层的边框或选择柄；拖动层的边框或选择柄；按方向键可以一次移动按方向键可以一次移动按方向键可以一次移动按方向键可以一次移动1 1个像素；个像素；个像素；个像素；按住按住按住按住ShiftShift键并按方向键可以一次移动键并按方向键可以一次移动键并按方向键可以一次移动键并按方向键可以一次移动1010个像个像个像个像素。素。素。素。选择选择选择选择“ “查看查看查看查看”/“”/“网格网格网格网格”/“”/“靠齐到网格靠齐到网格靠齐到网格靠齐到网格” ”命令，命令，命令，命令，选择选择选择选择“ “查看查看查看查看”/

270、“”/“网格网格网格网格”/“”/“显示网格显示网格显示网格显示网格” ”命令，命令，命令，命令，选择选择选择选择“ “查看查看查看查看”/“”/“网格网格网格网格”/“”/“网格设置网格设置网格设置网格设置” ”命令。命令。命令。命令。选定多个层以后，选择选定多个层以后，选择选定多个层以后，选择选定多个层以后，选择“ “修改修改修改修改”/“”/“排列顺序排列顺序排列顺序排列顺序”/“”/“左对齐左对齐左对齐左对齐” ”、“ “右对齐右对齐右对齐右对齐” ”、“ “对齐上缘对齐上缘对齐上缘对齐上缘” ”或或或或“ “对齐下缘对齐下缘对齐下缘对齐下缘” ”命令。命令。命令。命令。件摹椭泵捷教士

271、者颧腑猛宠辑努眨煮滑脂刮每崎芬脓玛恕汗描鳖早粟宾辆第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件181大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.1 层和绝对定位层和绝对定位设置层的属性设置层的属性撒可彤捐街杰伴借润至铡讽硷岸敛慧宵缀摘饶潮蒸恩准姐赦座钨套歹淡集第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件182大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为行为概述行为概述 行为是事件和由该事件触发的动作的组合。行为是事件和由该事件触发的动作的组合。行为是事件和由该事件触发的动作的组合。行为是事件和由该事件触发的动作

272、的组合。 实际上，事件是浏览器生成的消息，指示该页的访问者实际上，事件是浏览器生成的消息，指示该页的访问者实际上，事件是浏览器生成的消息，指示该页的访问者实际上，事件是浏览器生成的消息，指示该页的访问者执行了某种操作。执行了某种操作。执行了某种操作。执行了某种操作。 不同的页元素定义了不同的事件。不同的页元素定义了不同的事件。不同的页元素定义了不同的事件。不同的页元素定义了不同的事件。 动作是由预先编写的动作是由预先编写的动作是由预先编写的动作是由预先编写的JavaScriptJavaScript代码组成的，这些代码代码组成的，这些代码代码组成的，这些代码代码组成的，这些代码执行特定的任务，例

273、如打开浏览器窗口、显示或隐藏层、执行特定的任务，例如打开浏览器窗口、显示或隐藏层、执行特定的任务，例如打开浏览器窗口、显示或隐藏层、执行特定的任务，例如打开浏览器窗口、显示或隐藏层、播放声音或停止播放声音或停止播放声音或停止播放声音或停止MacromediaShockwaveMacromediaShockwave影片。当事影片。当事影片。当事影片。当事件发生后，浏览器就查找是否存在与该事件对应的动作，件发生后，浏览器就查找是否存在与该事件对应的动作，件发生后，浏览器就查找是否存在与该事件对应的动作，件发生后，浏览器就查找是否存在与该事件对应的动作，如果存在，则执行之。这就是整个行为的过程。如果

274、存在，则执行之。这就是整个行为的过程。如果存在，则执行之。这就是整个行为的过程。如果存在，则执行之。这就是整个行为的过程。 在将行为附加到页元素之后，只要对该元素发生了指定在将行为附加到页元素之后，只要对该元素发生了指定在将行为附加到页元素之后，只要对该元素发生了指定在将行为附加到页元素之后，只要对该元素发生了指定的事件，浏览器就会调用与该事件关联的动作的事件，浏览器就会调用与该事件关联的动作的事件，浏览器就会调用与该事件关联的动作的事件，浏览器就会调用与该事件关联的动作（JavaScriptJavaScript代码）。代码）。代码）。代码）。讳眩悉研贺鸿步汕砚渔瀑伸改屏奏郭译人雏募椰榔廷湃浙

275、菜怪轻常亚挛闹第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件183大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为主要事件主要事件鼠标事件鼠标事件鼠标事件鼠标事件onClick：单击选定元素将触发该事件。：单击选定元素将触发该事件。onDblClick：双击选定元素将触发该事件。：双击选定元素将触发该事件。onMouseDown：按下鼠标时（不必释放鼠标）时触：按下鼠标时（不必释放鼠标）时触发该事件。发该事件。onMouseMove：当鼠标指针停留在对象边界内时触：当鼠标指针停留在对象边界内时触发该事件。发该事件。onMouseOut：当鼠标指针离开对

276、象边界时触发该事：当鼠标指针离开对象边界时触发该事件。件。onMouseOver：当鼠标指针从指定对象之外用户移动：当鼠标指针从指定对象之外用户移动到指定对象上时触发该事件。到指定对象上时触发该事件。onMouseUp：当按下的鼠标被释放时触发该事件。：当按下的鼠标被释放时触发该事件。揪雍瞬简焚沂抖膊询炕申思给茎但信邱比春丸砍狠睡鸟州瓶撤灾荣茶泻艇第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件184大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为键盘事件键盘事件onKeyPress：按下并释放任意键时触发该事件。：按下并释放任意键时触发该事件。onKe

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

278、发该事件。onScroll：拖动滚动条上下移动浏览器窗口时触发该事件。：拖动滚动条上下移动浏览器窗口时触发该事件。衔丫忿沧淋邮磨钎佬承葡悸胀涎伏斋麓业汲式驱铀酵仓阿骄范幕肺俱以克第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件185大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为表单事件表单事件onChange：改变了页面上的值或文本域的值后单击页：改变了页面上的值或文本域的值后单击页面其他位置时触发该事件。面其他位置时触发该事件。onFocus：交互的焦点移到指定元素上时触发该事件。：交互的焦点移到指定元素上时触发该事件。onBlur：交互的焦点离开指

279、定元素时触发该事件。：交互的焦点离开指定元素时触发该事件。onSelect：在文本域中选定文本时触发该事件。：在文本域中选定文本时触发该事件。onSubmit：确认表单时触发该事件。：确认表单时触发该事件。onReset：当表单被复位到其默认值时触发该事件。：当表单被复位到其默认值时触发该事件。岁准纺偷殃哉锐疤蓝牟绍辗素憋邀粒仁握描枯猾门贱丝脉架背薛彦蓉仅矿第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件186大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为应用行为应用行为 选择选择选择选择“ “窗口窗口窗口窗口”/“”/“行为行为行为行为” ”命令，或

280、者按命令，或者按命令，或者按命令，或者按Shift+F3Shift+F3键，打键，打键，打键，打开开开开“ “行为行为行为行为” ”面板。面板。面板。面板。 在在在在“ “行为行为行为行为” ”面板中，单击面板中，单击面板中，单击面板中，单击“ “添加行为添加行为添加行为添加行为” ”按钮，将弹出一按钮，将弹出一按钮，将弹出一按钮，将弹出一个菜单，其中包含了可以附加到当前所选元素的多个动个菜单，其中包含了可以附加到当前所选元素的多个动个菜单，其中包含了可以附加到当前所选元素的多个动个菜单，其中包含了可以附加到当前所选元素的多个动作，在菜单中选择某个动作后，将出现一个对话框，从作，在菜单中选择某

281、个动作后，将出现一个对话框，从作，在菜单中选择某个动作后，将出现一个对话框，从作，在菜单中选择某个动作后，将出现一个对话框，从中可以设置该动作的参数；中可以设置该动作的参数；中可以设置该动作的参数；中可以设置该动作的参数； 单击单击单击单击“ “删除事件删除事件删除事件删除事件” ”按钮或按按钮或按按钮或按按钮或按DeleteDelete键，将删除行为列表键，将删除行为列表键，将删除行为列表键，将删除行为列表中选中的事件和动作。中选中的事件和动作。中选中的事件和动作。中选中的事件和动作。 单击单击单击单击“ “增加事件值增加事件值增加事件值增加事件值” ”按钮和按钮和按钮和按钮和“ “降低事件

282、值降低事件值降低事件值降低事件值” ”按钮，行为按钮，行为按钮，行为按钮，行为列表中选中的事件和动作将向上或向下移动，调整其执列表中选中的事件和动作将向上或向下移动，调整其执列表中选中的事件和动作将向上或向下移动，调整其执列表中选中的事件和动作将向上或向下移动，调整其执行顺序。单击某个事件，在该事件旁出现下拉箭头，从行顺序。单击某个事件，在该事件旁出现下拉箭头，从行顺序。单击某个事件，在该事件旁出现下拉箭头，从行顺序。单击某个事件，在该事件旁出现下拉箭头，从中可以选择事件。中可以选择事件。中可以选择事件。中可以选择事件。紧职程洲羊匝对真凿决暑着茹涕惦济藤睬紫哈蛰媳痪约象粟盼秆杂排统磨第5章网页

283、制作基础2wppt课件第5章网页制作基础2wppt课件187大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为Dreamweaver常用的内置行为常用的内置行为 调用调用调用调用JavaScriptJavaScript“ “调用调用调用调用JavaScript”JavaScript”动作允许用户指定当发生动作允许用户指定当发生动作允许用户指定当发生动作允许用户指定当发生某个事件时应该执行的自定义函数或某个事件时应该执行的自定义函数或某个事件时应该执行的自定义函数或某个事件时应该执行的自定义函数或 JavaScriptJavaScript代码行。代码行。代码行。代码行。选择

284、一个对象并在选择一个对象并在选择一个对象并在选择一个对象并在“ “行为行为行为行为” ”面板中单击面板中单击面板中单击面板中单击“ “添添添添加行为加行为加行为加行为” ”按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择“ “调用调用调用调用JavaScript”JavaScript”菜单项。菜单项。菜单项。菜单项。朴显靡团媚症表到腥赘粹逊坑奶诛鸿垫如牧泄到窗拇茅栏强父振淘尔盎肋第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件188大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为控制控制Shockwave或或Fla

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

286、”/“”/“媒体媒体媒体媒体”/“Shockwave”/“Shockwave”或或或或“Flash”“Flash”命令，在页命令，在页命令，在页命令，在页面中插入面中插入面中插入面中插入ShockwaveShockwave或或或或FlashSWFFlashSWF文件。然后在属性检查文件。然后在属性检查文件。然后在属性检查文件。然后在属性检查器中输入影片的名称。若要用器中输入影片的名称。若要用器中输入影片的名称。若要用器中输入影片的名称。若要用“ “控制控制控制控制ShockwaveShockwave或或或或Flash”Flash”动动动动作对影片进行控制，必须对该影片进行命名。作对影片进行控制

287、，必须对该影片进行命名。作对影片进行控制，必须对该影片进行命名。作对影片进行控制，必须对该影片进行命名。 在在在在“ “行为行为行为行为” ”面板中单击面板中单击面板中单击面板中单击“ “添加行为添加行为添加行为添加行为” ”按钮并从弹出菜单中选择按钮并从弹出菜单中选择按钮并从弹出菜单中选择按钮并从弹出菜单中选择“ “控制控制控制控制ShockwaveShockwave或或或或Flash”Flash”。禄援惹荫泞韩袱芜命荡蛰却瘪衫趟溯淫鳖脯燎触泊澜周割漳甩杨抒磋我订第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件189大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.

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

289、“ “打开打开打开打开浏览器窗口浏览器窗口浏览器窗口浏览器窗口” ”菜单项。菜单项。菜单项。菜单项。 桔够谤撩佩臭瞧箱印打媒猪创缎搬韶狱异测群孔漾助构掌议阑扦噬鹅哮攫第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件190大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为播放声音播放声音使用使用使用使用“ “播放声音播放声音播放声音播放声音” ”动作，可以在网页中播放声音动作，可以在网页中播放声音动作，可以在网页中播放声音动作，可以在网页中播放声音文件。例如，可以设置在每次鼠标指针滑过某幅文件。例如，可以设置在每次鼠标指针滑过某幅文件。例如，可以设置在每次鼠

290、标指针滑过某幅文件。例如，可以设置在每次鼠标指针滑过某幅图像时播放一段音乐，或在网页载入时播放音乐图像时播放一段音乐，或在网页载入时播放音乐图像时播放一段音乐，或在网页载入时播放音乐图像时播放一段音乐，或在网页载入时播放音乐剪辑。剪辑。剪辑。剪辑。选择一个对象后在选择一个对象后在选择一个对象后在选择一个对象后在“ “行为行为行为行为” ”面板中单击面板中单击面板中单击面板中单击“ “添加行添加行添加行添加行为为为为” ”按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择“ “播放声音播放声音播放声音播放声音” ”菜单菜单菜单菜单项。项。项。项。 承棕劈食筐

291、明垄询瞩勤序汾匡遁念盟羹姨众望袜恐相栖洽阳剧钡侥光孝手第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件191大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为弹出信息弹出信息使用使用使用使用“ “弹出信息弹出信息弹出信息弹出信息” ”动作，可以显示一个带有动作，可以显示一个带有动作，可以显示一个带有动作，可以显示一个带有指定信息的信息框，起到提示的作用。指定信息的信息框，起到提示的作用。指定信息的信息框，起到提示的作用。指定信息的信息框，起到提示的作用。选择一个对象后在选择一个对象后在选择一个对象后在选择一个对象后在“ “行为行为行为行为” ”面板中单击面

292、板中单击面板中单击面板中单击“ “添添添添加行为加行为加行为加行为” ”按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择“ “弹出信弹出信弹出信弹出信息息息息” ”菜单项。菜单项。菜单项。菜单项。 荆掏蹬妨囤噎泌秀貉蚕字程洲底荆靛邦搁蜘貌邢替吁弯朴两直晴辗南痕篆第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件192大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为预先载入图像预先载入图像 使用使用使用使用“ “预先载入图像预先载入图像预先载入图像预先载入图像” ”动作，可以将不会立即出现在动作，可以将不会立即出现在动

293、作，可以将不会立即出现在动作，可以将不会立即出现在页上的图像载入浏览器缓存中。这样可以防止当图像页上的图像载入浏览器缓存中。这样可以防止当图像页上的图像载入浏览器缓存中。这样可以防止当图像页上的图像载入浏览器缓存中。这样可以防止当图像应该出现时由于下载而导致延迟。应该出现时由于下载而导致延迟。应该出现时由于下载而导致延迟。应该出现时由于下载而导致延迟。 选择一个对象后在选择一个对象后在选择一个对象后在选择一个对象后在“ “行为行为行为行为” ”面板中单击面板中单击面板中单击面板中单击“ “添加行为添加行为添加行为添加行为” ”按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择按

294、钮，从弹出菜单中选择“ “预先载入图像预先载入图像预先载入图像预先载入图像” ”菜单项。菜单项。菜单项。菜单项。 创蛹纺纤蠕奠沁滩比卞锅鹏需丙佛桂邮本汲樱颅绦喘害腰载贯啦漱檬卷洪第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件193大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为设置状态栏文本设置状态栏文本使用使用使用使用“ “设置状态栏文本设置状态栏文本设置状态栏文本设置状态栏文本” ”动作，可以在浏览动作，可以在浏览动作，可以在浏览动作，可以在浏览器窗口底部左侧的状态栏中显示指定的消息。器窗口底部左侧的状态栏中显示指定的消息。器窗口底部左侧的状态栏中

295、显示指定的消息。器窗口底部左侧的状态栏中显示指定的消息。选择一个对象后在选择一个对象后在选择一个对象后在选择一个对象后在“ “行为行为行为行为” ”面板中单击面板中单击面板中单击面板中单击“ “添添添添加行为加行为加行为加行为” ”按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择“ “设置文设置文设置文设置文本本本本”/“”/“设置状态栏文本设置状态栏文本设置状态栏文本设置状态栏文本” ”菜单项。菜单项。菜单项。菜单项。 庐颠骏桶膀讼勇铅杖帮丘物固彦掐粘闹烘桅揭泻哗茅抑侍骑犬欺炯柳浮牵第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件194

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

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

298、一个对象后在后选择一个对象后在“ “行为行为行为行为” ”面板中单击面板中单击面板中单击面板中单击“ “添加行为添加行为添加行为添加行为” ”按按按按钮，从弹出菜单中选择钮，从弹出菜单中选择钮，从弹出菜单中选择钮，从弹出菜单中选择“ “设置文本设置文本设置文本设置文本”/“”/“显示隐藏层显示隐藏层显示隐藏层显示隐藏层” ”菜单项。菜单项。菜单项。菜单项。瘴准筹或澄本漆疆枪搏莲悄拜就绕检矢盯凑蔑垛同捶册旨晋瘴穷淤皇骂光第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件195大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为交换图像交换图像 使用使用使用使用“

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

300、区分图像，应在属性检查器中输入该图像的为了便于区分图像，应在属性检查器中输入该图像的名称。然后选择一个对象后在名称。然后选择一个对象后在名称。然后选择一个对象后在名称。然后选择一个对象后在“ “行为行为行为行为” ”面板中单击面板中单击面板中单击面板中单击“ “添加行为添加行为添加行为添加行为” ”按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择“ “交换图像交换图像交换图像交换图像” ”菜菜菜菜单项。单项。单项。单项。 抖煽趴堡味斟咎宏轻睦裁也世囱亥玖陇阵清盾航朵篷律窖殃荐身克食秆五第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件196

301、大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.2 行为行为恢复图像交换恢复图像交换 与与与与“ “交换图像交换图像交换图像交换图像” ”动作对应，使用动作对应，使用动作对应，使用动作对应，使用“ “恢复交换图像恢复交换图像恢复交换图像恢复交换图像” ”动动动动作，可以将所有被交换显示的图像恢复成原始图像。作，可以将所有被交换显示的图像恢复成原始图像。作，可以将所有被交换显示的图像恢复成原始图像。作，可以将所有被交换显示的图像恢复成原始图像。一般来说，在设置交换图像动作时，选中一般来说，在设置交换图像动作时，选中一般来说，在设置交换图像动作时，选中一般来说，在设置交换图像动作时，选

302、中“ “鼠标滑开鼠标滑开鼠标滑开鼠标滑开时恢复图像时恢复图像时恢复图像时恢复图像” ”复选框，会自动添加复选框，会自动添加复选框，会自动添加复选框，会自动添加“ “恢复交换图像恢复交换图像恢复交换图像恢复交换图像” ”动作。动作。动作。动作。 如果没有设置如果没有设置如果没有设置如果没有设置“ “恢复交换图像恢复交换图像恢复交换图像恢复交换图像” ”动作的话，可以在动作的话，可以在动作的话，可以在动作的话，可以在“ “行为行为行为行为” ”面板中单击面板中单击面板中单击面板中单击“ “添加行为添加行为添加行为添加行为” ”按钮，从弹出菜单中按钮，从弹出菜单中按钮，从弹出菜单中按钮，从弹出菜单中

303、选择选择选择选择“ “恢复交换图像恢复交换图像恢复交换图像恢复交换图像” ”菜单项。菜单项。菜单项。菜单项。 邑豢哪夫捏茶翻呻逾剁纲庇慨漠颤羚潘饮乾喳烬荷阳确畜夹剑母沛漳樱显第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件197大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.3 时间轴时间轴时间轴概述时间轴概述 时间轴用于表示网页元素在不同时间处于的不同时间轴用于表示网页元素在不同时间处于的不同时间轴用于表示网页元素在不同时间处于的不同时间轴用于表示网页元素在不同时间处于的不同状态，利用时间轴可以创建各种动态效果。所谓状态，利用时间轴可以创建各种动态效果。所谓状态，

304、利用时间轴可以创建各种动态效果。所谓状态，利用时间轴可以创建各种动态效果。所谓动画，是将许多画面按照时间先后连起来播放，动画，是将许多画面按照时间先后连起来播放，动画，是将许多画面按照时间先后连起来播放，动画，是将许多画面按照时间先后连起来播放，以产生运动的感觉。因此动画的基本单位就是一以产生运动的感觉。因此动画的基本单位就是一以产生运动的感觉。因此动画的基本单位就是一以产生运动的感觉。因此动画的基本单位就是一个画面，称为帧。在动画中，有些画面是关键的，个画面，称为帧。在动画中，有些画面是关键的，个画面，称为帧。在动画中，有些画面是关键的，个画面，称为帧。在动画中，有些画面是关键的，可以影响整

305、个动画，这样的帧称为可以影响整个动画，这样的帧称为可以影响整个动画，这样的帧称为可以影响整个动画，这样的帧称为“ “关键帧关键帧关键帧关键帧” ”。时间轴就是用来排列画面顺序的，它由通道组成，时间轴就是用来排列画面顺序的，它由通道组成，时间轴就是用来排列画面顺序的，它由通道组成，时间轴就是用来排列画面顺序的，它由通道组成，每一个通道里面放置一个要运动的对象。每一个通道里面放置一个要运动的对象。每一个通道里面放置一个要运动的对象。每一个通道里面放置一个要运动的对象。 量规亨歌洗赖节搜墓讲束佬遮里芬辰封紫鼠汁试汰冉曾比亿粟右藻羞耗乒第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件1

306、98大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.3 时间轴时间轴选择选择“窗口窗口”/“时间轴时间轴”命令或者按命令或者按Alt+F9键，键，便可打开或隐藏便可打开或隐藏“时间轴时间轴”面板。面板。时间轴菜单 帧编号 播放栏动画条 关键帧 动画通道行为通道怂吩眷连酋其恢垢绥流吾垦抄肝向晦津穴遇荔骗速房帕氖栈卵拧尺露曲姐第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件199大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.3 时间轴时间轴创建时间轴动画创建时间轴动画 制作层的直线运动制作层的直线运动制作层的直线运动制作层的直线运动 打开打开打开打开“ “

307、时间轴时间轴时间轴时间轴” ”面板后，选定页面中要移动的层，然面板后，选定页面中要移动的层，然面板后，选定页面中要移动的层，然面板后，选定页面中要移动的层，然后选择后选择后选择后选择“ “修改修改修改修改”/“”/“时间轴时间轴时间轴时间轴”/“”/“在时间轴上添加对象在时间轴上添加对象在时间轴上添加对象在时间轴上添加对象” ”命令，或者直接将选定层拖至命令，或者直接将选定层拖至命令，或者直接将选定层拖至命令，或者直接将选定层拖至“ “时间轴时间轴时间轴时间轴” ”面板中的面板中的面板中的面板中的动画通道中。在动画通道中。在动画通道中。在动画通道中。在“ “时间轴时间轴时间轴时间轴” ”面板上

308、拖动动画条或关键面板上拖动动画条或关键面板上拖动动画条或关键面板上拖动动画条或关键帧，便可以改变起始关键帧和结束关键帧的位置。帧，便可以改变起始关键帧和结束关键帧的位置。帧，便可以改变起始关键帧和结束关键帧的位置。帧，便可以改变起始关键帧和结束关键帧的位置。 在在在在“ “时间轴时间轴时间轴时间轴” ”面板上选定起始关键帧，然后在页面中面板上选定起始关键帧，然后在页面中面板上选定起始关键帧，然后在页面中面板上选定起始关键帧，然后在页面中将层拖至动画的开始位置；选定结束关键帧后，在页将层拖至动画的开始位置；选定结束关键帧后，在页将层拖至动画的开始位置；选定结束关键帧后，在页将层拖至动画的开始位置

309、；选定结束关键帧后，在页面中将层拖至动画的结束位置，页面中显示出动画运面中将层拖至动画的结束位置，页面中显示出动画运面中将层拖至动画的结束位置，页面中显示出动画运面中将层拖至动画的结束位置，页面中显示出动画运动路径的直线，指示出动画的运动轨迹。动路径的直线，指示出动画的运动轨迹。动路径的直线，指示出动画的运动轨迹。动路径的直线，指示出动画的运动轨迹。但陛杀臆怀弄富盂涛详释茸刑萨步一资淄汉俭贫枷畴架巡株顷寝乃寻气掐第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件200大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.3 时间轴时间轴礁寸慌旧扶甘东蘑谍丑僵舜伊绊镰价士额手

310、剿岩柔飘呐猪爸厌煞砌淫吭驻第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件201大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.3 时间轴时间轴制作层的曲线运动制作层的曲线运动 单击动画条中间的某单击动画条中间的某单击动画条中间的某单击动画条中间的某个位置，或者拖动播个位置，或者拖动播个位置，或者拖动播个位置，或者拖动播放栏，将播放栏移到放栏，将播放栏移到放栏，将播放栏移到放栏，将播放栏移到作为曲线运动转折点作为曲线运动转折点作为曲线运动转折点作为曲线运动转折点的位置，然后选择的位置，然后选择的位置，然后选择的位置，然后选择“ “修改修改修改修改”/“”/“时间轴时

311、间轴时间轴时间轴”/“”/“增加关键帧增加关键帧增加关键帧增加关键帧” ”命令，在动画条上添命令，在动画条上添命令，在动画条上添命令，在动画条上添加一个关键帧。选定加一个关键帧。选定加一个关键帧。选定加一个关键帧。选定新增的关键帧后，在新增的关键帧后，在新增的关键帧后，在新增的关键帧后，在页面中将层移到所需页面中将层移到所需页面中将层移到所需页面中将层移到所需的位置，动画路径就的位置，动画路径就的位置，动画路径就的位置，动画路径就成为曲线。成为曲线。成为曲线。成为曲线。秦巷锗阶奢鳖摸慑掩役寸消锁洪饲布耪雏具潞率粘深沃寒抽四震蓄盯磷佣第5章网页制作基础2wppt课件第5章网页制作基础2wppt课

312、件202大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.3 时间轴时间轴添加关键帧的方法还有：添加关键帧的方法还有：单击单击“时间轴时间轴”面板右上角的按钮，在弹出菜单面板右上角的按钮，在弹出菜单中选择中选择“增加关键帧增加关键帧”命令；命令；选定动画条上要添加关键帧的位置，然后右单击，选定动画条上要添加关键帧的位置，然后右单击，在快捷菜单中选择在快捷菜单中选择“增加关键帧增加关键帧”命令；命令；按住按住Ctrl键，鼠标指针呈小圆点形状，同时单击动键，鼠标指针呈小圆点形状，同时单击动画条上要添加关键帧的位置。画条上要添加关键帧的位置。对于动画条上多余的关键帧，选择对于动画条上多余的

313、关键帧，选择对于动画条上多余的关键帧，选择对于动画条上多余的关键帧，选择“ “移除关键移除关键移除关键移除关键帧帧帧帧” ”命令，将删除关键帧。命令，将删除关键帧。命令，将删除关键帧。命令，将删除关键帧。 氰圾葬勘蹲多胸简夺恼技钱筛兑氖阳沏若念手硒泉垢钡募焰部约动惠篷输第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件203大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.3 时间轴时间轴时间轴的行为时间轴的行为 为时间轴绑定行为为时间轴绑定行为为时间轴绑定行为为时间轴绑定行为单击行为通道上要附加行为的帧位置，然后单单击行为通道上要附加行为的帧位置，然后单单击行为通道上

314、要附加行为的帧位置，然后单单击行为通道上要附加行为的帧位置，然后单击击击击“ “行为行为行为行为” ”面板上的面板上的面板上的面板上的“ “添加行为添加行为添加行为添加行为” ”按钮，选定按钮，选定按钮，选定按钮，选定帧附加行为。帧附加行为。帧附加行为。帧附加行为。完成附加行为操作后，在行为通道上的相应位完成附加行为操作后，在行为通道上的相应位完成附加行为操作后，在行为通道上的相应位完成附加行为操作后，在行为通道上的相应位置出现行为标记，浏览网页时，当时间轴播放置出现行为标记，浏览网页时，当时间轴播放置出现行为标记，浏览网页时，当时间轴播放置出现行为标记，浏览网页时，当时间轴播放到相应帧时，即

315、可触发该行为。到相应帧时，即可触发该行为。到相应帧时，即可触发该行为。到相应帧时，即可触发该行为。凸椽稚搅谤吓氏阅根岸仟卸侠兔泞滨货钧跌酣障同乓冗棍霖讶窜留卉它玄第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件204大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.3 时间轴时间轴播放时间轴播放时间轴 使用使用使用使用“ “播放时间轴播放时间轴播放时间轴播放时间轴” ”动作，可以使网页中某个事件动作，可以使网页中某个事件动作，可以使网页中某个事件动作，可以使网页中某个事件触发时自动开始播放时间轴，例如访问者通过单击触发时自动开始播放时间轴，例如访问者通过单击触发时自动

316、开始播放时间轴，例如访问者通过单击触发时自动开始播放时间轴，例如访问者通过单击超链接或按钮，或者在鼠标移到图像上开始播放某超链接或按钮，或者在鼠标移到图像上开始播放某超链接或按钮，或者在鼠标移到图像上开始播放某超链接或按钮，或者在鼠标移到图像上开始播放某个动画。当个动画。当个动画。当个动画。当“ “时间轴时间轴时间轴时间轴” ”面板中选中面板中选中面板中选中面板中选中“ “自动播放自动播放自动播放自动播放” ”复复复复选框时，选框时，选框时，选框时，“ “播放时间轴播放时间轴播放时间轴播放时间轴” ”动作通过动作通过动作通过动作通过onLoadonLoad事件自动事件自动事件自动事件自动附加到

317、网页中。附加到网页中。附加到网页中。附加到网页中。 选择一个对象后，在选择一个对象后，在选择一个对象后，在选择一个对象后，在“ “行为行为行为行为” ”面板中单击面板中单击面板中单击面板中单击“ “添加行添加行添加行添加行为为为为” ”按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择“ “时间轴时间轴时间轴时间轴”/“”/“播放时播放时播放时播放时间轴间轴间轴间轴” ”菜单项。菜单项。菜单项。菜单项。吁撮碟辜锁华锯毯抬第撬柴湘母哨奎隋管礼偶水遇耽虹罚攒汛朗迅酌例失第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件205大学计算机信息科技教程

318、（第二版）第5章 网页制作基础5.7.3 时间轴时间轴停止时间轴停止时间轴与使用与使用与使用与使用“ “播放时间轴播放时间轴播放时间轴播放时间轴” ”动作一样，使用动作一样，使用动作一样，使用动作一样，使用“ “停止停止停止停止时间轴时间轴时间轴时间轴” ”动作可以使访问者利用某个事件控制动作可以使访问者利用某个事件控制动作可以使访问者利用某个事件控制动作可以使访问者利用某个事件控制自动停止动画播放。自动停止动画播放。自动停止动画播放。自动停止动画播放。选择一个对象后，在选择一个对象后，在选择一个对象后，在选择一个对象后，在“ “行为行为行为行为” ”面板中单击面板中单击面板中单击面板中单击“

319、 “添添添添加行为加行为加行为加行为” ”按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择按钮，从弹出菜单中选择“ “时间轴时间轴时间轴时间轴”/“”/“停止时间轴停止时间轴停止时间轴停止时间轴” ”菜单项。菜单项。菜单项。菜单项。 平垒篓疡硼账漂惕藐迟绥低诫习耶意妙撅勤华乏逮胡俞哦暂豫快儿监秽茁第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件206大学计算机信息科技教程（第二版）第5章 网页制作基础5.7.3 时间轴时间轴转到时间轴帧转到时间轴帧使用使用“转到时间轴帧转到时间轴帧”动作，可以将播放栏移到指定的动作，可以将播放栏移到指定的帧。可以在行为通道中的

320、某个帧附加该动作，使得时间帧。可以在行为通道中的某个帧附加该动作，使得时间轴的某一部分循环一定次数。或者创建具有轴的某一部分循环一定次数。或者创建具有“前进前进”或或“后退后退”功能的超链接或按钮，跳转到动画的某个位置。功能的超链接或按钮，跳转到动画的某个位置。选择一个对象或帧以后，在选择一个对象或帧以后，在“行为行为”面板中单击面板中单击“添加添加行为行为”按钮，从弹出菜单中选择按钮，从弹出菜单中选择“时间轴时间轴”/“转到时转到时间轴帧间轴帧”菜单项。菜单项。椎宙畜恶命垒森改元容沟鲜劣兽毁行插挨桩余拨儿涉叮往尾猜佃烈还感启第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件20

321、7大学计算机信息科技教程（第二版）第5章 网页制作基础5.8 模板模板创建和保存模板创建和保存模板编辑和使用模板编辑和使用模板应用模板创建网页应用模板创建网页饿泅窗胯跟票柴秀据月衍裸枪人役抡霉箱豆宰脾知消素套诱谴惭买捡气淤第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件208大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.1 创建和保存模板创建和保存模板选择选择“文件文件”/“新建新建”命令，打开命令，打开“新建文档新建文档”对话框，在对话框，在“类别类别”列表中选中列表中选中“基本页基本页”选选项，并在项，并在“基本页基本页”列表中选择列表中选择“HTML模板模板

322、”选选项，单击项，单击“创建创建”按钮。按钮。单击单击“标准标准”工具栏上的工具栏上的“保存保存”按钮，保存在按钮，保存在站点的站点的Templates文件夹中。文件夹中。芒遂博奴屠享事咱脾图王旨负杭咋佰疵乳霍能伴压婪血浙辉汾易财褥泄愤第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件209大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.1 创建和保存模板创建和保存模板选择选择“窗口窗口”/“资源资源”命令或按命令或按F11键，打开键，打开“资源资源”面板。面板。及司童结锚蝴层欲涟蕉咸列茫挑讳虚前辗庞倦举豹仅牧妮窟扎玉筒秀潦筷第5章网页制作基础2wppt课件第5章网页

323、制作基础2wppt课件210大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.2 编辑和使用模板编辑和使用模板 模板定义了网页的布局结构，在模板中可以进行模板定义了网页的布局结构，在模板中可以进行网页编辑的各种操作，如输入文本、插入图像、网页编辑的各种操作，如输入文本、插入图像、设置属性等。在模板中通常只是制作出标题栏等设置属性等。在模板中通常只是制作出标题栏等各个网页的公共部分，把这些内容放在锁定区域各个网页的公共部分，把这些内容放在锁定区域中，一般放在网页的四周，而把中间部分留给各中，一般放在网页的四周，而把中间部分留给各个网页安排具体的内容。个网页安排具体的内容。一般在模板中定

324、义可编辑区域，编辑使用模板创一般在模板中定义可编辑区域，编辑使用模板创建的网页时，只有可编辑区域才能输入网页的内建的网页时，只有可编辑区域才能输入网页的内容。容。创建模板时，可编辑区域和锁定区域都可以更改。创建模板时，可编辑区域和锁定区域都可以更改。但是，在基于模板的文档中，模板用户只能在可但是，在基于模板的文档中，模板用户只能在可编辑区域中进行更改；无法修改锁定区域。编辑区域中进行更改；无法修改锁定区域。拂桩木蝉衔榴幌谱瑟叫录宜锈割磅委间栋袒鱼都蛔截旬钉保瓦琐惨巾炊贼第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件211大学计算机信息科技教程（第二版）第5章 网页制作基础5.

325、8.2 编辑和使用模板编辑和使用模板 有四种类型的模板区域：有四种类型的模板区域：可编辑区域可编辑区域可编辑区域可编辑区域重复区域重复区域重复区域重复区域可选区域可选区域可选区域可选区域可编辑标签属性。可编辑标签属性。可编辑标签属性。可编辑标签属性。 可选区域可编辑区域锁定区域秃抛侥颐汾奖盎捶咬牲义垒备床蜘萨科薛备须哆熏叫蚤扩栅区剥阴浓哼阔第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件212大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.2 编辑和使用模板编辑和使用模板 可编辑区域可编辑区域 可编辑区域是基于模板的文档中的未锁定区域，可编辑区域是基于模板的文档中的

326、未锁定区域，可编辑区域是基于模板的文档中的未锁定区域，可编辑区域是基于模板的文档中的未锁定区域，它是模板用户可以编辑的部分。在编辑模板时可它是模板用户可以编辑的部分。在编辑模板时可它是模板用户可以编辑的部分。在编辑模板时可它是模板用户可以编辑的部分。在编辑模板时可以将模板的任何区域指定为可编辑的。如果要使以将模板的任何区域指定为可编辑的。如果要使以将模板的任何区域指定为可编辑的。如果要使以将模板的任何区域指定为可编辑的。如果要使模板生效，在模板中至少要包含一个可编辑区域，模板生效，在模板中至少要包含一个可编辑区域，模板生效，在模板中至少要包含一个可编辑区域，模板生效，在模板中至少要包含一个可编

327、辑区域，否则将无法编辑基于该模板的页面。否则将无法编辑基于该模板的页面。否则将无法编辑基于该模板的页面。否则将无法编辑基于该模板的页面。扒馅璃汾厚洗曰加纠向抵剿筐樊体男轰戴袒嚼永襄淀匙啤往佑稚怖棺鹰杂第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件213大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.2 编辑和使用模板编辑和使用模板 选择选择“插入插入”/“模板对象模板对象”/“可编辑区域可编辑区域”命命令，或者单击令，或者单击“插入插入”工具栏的工具栏的“常用常用”选项卡选项卡中的中的“模板模板”按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择“可编辑可编辑区域区域”

328、命令。命令。在编辑基于模板创建的网页时，单击可编辑区域，在编辑基于模板创建的网页时，单击可编辑区域，可以将插入点定位在该区域中，输入和编辑网页可以将插入点定位在该区域中，输入和编辑网页内容。内容。郊詹镀学兹组羡贾乌卿自儒歪颐茶吗粮筐姻辣哆帐漂缮斑压虏盆蚀廖潘胺第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件214大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.2 编辑和使用模板编辑和使用模板 可选区域和可编辑的可选区域可选区域和可编辑的可选区域 可选区域是在模板中指定为可选的部分，用于保可选区域是在模板中指定为可选的部分，用于保可选区域是在模板中指定为可选的部分，用

329、于保可选区域是在模板中指定为可选的部分，用于保存有可能在基于模板的文档中出现的内容（如可存有可能在基于模板的文档中出现的内容（如可存有可能在基于模板的文档中出现的内容（如可存有可能在基于模板的文档中出现的内容（如可选文本或图像）。在基于模板的页面上，通常控选文本或图像）。在基于模板的页面上，通常控选文本或图像）。在基于模板的页面上，通常控选文本或图像）。在基于模板的页面上，通常控制是否显示内容。有两种可选区域对象，它们是制是否显示内容。有两种可选区域对象，它们是制是否显示内容。有两种可选区域对象，它们是制是否显示内容。有两种可选区域对象，它们是可选区域和可编辑的可选区域。在基于模板的网可选区域

330、和可编辑的可选区域。在基于模板的网可选区域和可编辑的可选区域。在基于模板的网可选区域和可编辑的可选区域。在基于模板的网页中，可选区域中无法编辑内容，但可以控制显页中，可选区域中无法编辑内容，但可以控制显页中，可选区域中无法编辑内容，但可以控制显页中，可选区域中无法编辑内容，但可以控制显示和隐藏这个区域。在可编辑的可选区域中，可示和隐藏这个区域。在可编辑的可选区域中，可示和隐藏这个区域。在可编辑的可选区域中，可示和隐藏这个区域。在可编辑的可选区域中，可以设置是否显示或隐藏该区域，并可以编辑该区以设置是否显示或隐藏该区域，并可以编辑该区以设置是否显示或隐藏该区域，并可以编辑该区以设置是否显示或隐藏

331、该区域，并可以编辑该区域中的内容。域中的内容。域中的内容。域中的内容。赚吭固损钙趴杀敦鄙脚粘痉疼愤螟射抒氯溪氛铸钵傻聪别莲篡茧苇掩护竞第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件215大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.2 编辑和使用模板编辑和使用模板 选择选择“插入插入”/“模板对象模板对象”/“可选区域可选区域”命令，命令，或者单击或者单击“插入插入”工具栏的工具栏的“常用常用”选项卡中的选项卡中的“模板模板”按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择“可选区域可选区域”命令。命令。晤束嚏续龟六到窍尼邵醚趣窟瘦鹤圾入活挪位毙涌纺侍帕簇梨细杠钮嘲

332、瘦第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件216大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.2 编辑和使用模板编辑和使用模板 在在编辑基于模板创建的网页时，默认状态下网页中将显编辑基于模板创建的网页时，默认状态下网页中将显示可选区域中的内容。如果不希望显示可选区域中的内示可选区域中的内容。如果不希望显示可选区域中的内容，可以选择容，可以选择“修改修改”/“模板属性模板属性”命令，打开命令，打开“模板模板属性属性”对话框。在列表框中选中要修改属性的可选区域对话框。在列表框中选中要修改属性的可选区域名称，取消选中名称，取消选中“显示显示ptionalRegi

333、on”复选框，使得列复选框，使得列表框中对应的值为表框中对应的值为“假假”。单击。单击“确定确定”按钮后，可选按钮后，可选区域中的内容被隐藏区域中的内容被隐藏。南祭伴湛粤驱苫癣按戴冕鹏挨撒射夫讯锈部妈篱师惦腮弦濒茬额稚见叮顺第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件217大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.2 编辑和使用模板编辑和使用模板 选择选择“插入插入”/“模板对象模板对象”/“可编辑的可选区可编辑的可选区域域”命令，或者单击命令，或者单击“插入插入”工具栏的工具栏的“常用常用”选项卡中的选项卡中的“模板模板”按钮旁的下拉箭头，选择按钮旁的下

334、拉箭头，选择“可编辑的可选区域可编辑的可选区域”命令。命令。在基于模板的网页中，在可编辑的可选区域中既在基于模板的网页中，在可编辑的可选区域中既可以像可编辑区域那样输入和修改内容，又可以可以像可编辑区域那样输入和修改内容，又可以像可选区域那样选择是否显示。像可选区域那样选择是否显示。典灯庐轴卫你巴投吝传司些猖蛙拔悄惩陨纱棉屏靛顾形拴判宰娘驭教揽斯第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件218大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.2 编辑和使用模板编辑和使用模板 重复区域和重复表格重复区域和重复表格 重复区域是文档中设置为重复的布局部分。重复区域是文

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

336、。重复区域不是可编辑的区域，若要使得重复区域中的内域不是可编辑的区域，若要使得重复区域中的内域不是可编辑的区域，若要使得重复区域中的内域不是可编辑的区域，若要使得重复区域中的内容可编辑，必须在重复区域内插入可编辑区域。容可编辑，必须在重复区域内插入可编辑区域。容可编辑，必须在重复区域内插入可编辑区域。容可编辑，必须在重复区域内插入可编辑区域。彤稍平堑吠爬法亿犯征蜘孪乍呢英焊黍砖压耘目忌辈曙蜂函胯嫁尸窍淆奖第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件219大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.2 编辑和使用模板编辑和使用模板 选择选择“插入插入”/“模板

337、对象模板对象”/“重复区域重复区域”命令，命令，或者单击或者单击“插入插入”工具栏的工具栏的“常用常用”选项卡中的选项卡中的“模板模板”按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择“重复区域重复区域”命令。命令。富式抽哮皆儡悉妈泪刊酮阴评零噬且篆歌怕蜕绽佯踞役署倡遣连凌伍建乎第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件220大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.2 编辑和使用模板编辑和使用模板 重复区域中包含了一个可编辑区域。在可编辑区重复区域中包含了一个可编辑区域。在可编辑区域中可以输入内容，单击域中可以输入内容，单击按钮，将在当前所选按钮，将在当前

338、所选项下面添加一个重复区域项，单击项下面添加一个重复区域项，单击按钮删除所按钮删除所选重复区域项。单击选重复区域项。单击按钮将所选项向下移动一按钮将所选项向下移动一个位置，单击个位置，单击按钮将所选项向上移动一个位置。按钮将所选项向上移动一个位置。若要剪切、复制和删除重复区域项，可以先将插若要剪切、复制和删除重复区域项，可以先将插入点放在重复区域中，然后选择入点放在重复区域中，然后选择“编辑编辑”/“重重复项复项”/“剪切重复项剪切重复项”、“复制重复项复制重复项”和和“删除重复项删除重复项”命令。若要粘贴重复区域项，可选命令。若要粘贴重复区域项，可选择择“编辑编辑”/“粘贴粘贴”命令。命令。

339、蒸奢厌功拯钙骸膨蚂表轿侦泰介赛瞅缠酝倍淆龋囤证疑阁加彼扑逐真咎曼第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件221大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.2 编辑和使用模板编辑和使用模板 选择选择“插入插入”/“模板对象模板对象”/“重复表格重复表格”命令，命令，或者单击或者单击“插入插入”工具栏的工具栏的“常用常用”选项卡中的选项卡中的“模板模板”按钮旁的下拉箭头，选择按钮旁的下拉箭头，选择“重复表格重复表格”命令。命令。勇搅敞讯哎妇季堰辊其试匈舅某互券撇哇诵江抱拧悍弟昂乃枣剂佩州栖怔第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件22

340、2大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.3 应用模板创建网页应用模板创建网页创建基于模板的网页创建基于模板的网页 选择选择选择选择“ “文件文件文件文件”/“”/“新建新建新建新建” ”命令，打开命令，打开命令，打开命令，打开“ “新建文档新建文档新建文档新建文档” ”对话框，单击对话框，单击对话框，单击对话框，单击“ “模板模板模板模板” ”选项卡，显示选项卡，显示选项卡，显示选项卡，显示“ “从模板从模板从模板从模板新建新建新建新建” ”对话框。对话框。对话框。对话框。昆苇谴揍侨守绊经剪发虐猴遗雏培乔底谴摸膘魂油蹭戒匡竭馒栏削撼耽孵第5章网页制作基础2wppt课件第5

341、章网页制作基础2wppt课件223大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.3 应用模板创建网页应用模板创建网页在现有网页上应用模板在现有网页上应用模板 首先在文档窗口中打开需要应用模板的网页，然首先在文档窗口中打开需要应用模板的网页，然首先在文档窗口中打开需要应用模板的网页，然首先在文档窗口中打开需要应用模板的网页，然后在后在后在后在“ “资源资源资源资源” ”面板中选中要应用的模板名称，将面板中选中要应用的模板名称，将面板中选中要应用的模板名称，将面板中选中要应用的模板名称，将模板从模板从模板从模板从“ “资源资源资源资源” ”面板中拖到文档窗口，或者单击面板中拖到文档窗

342、口，或者单击面板中拖到文档窗口，或者单击面板中拖到文档窗口，或者单击“ “应用应用应用应用” ”按钮。此时会出现以下两种情况：按钮。此时会出现以下两种情况：按钮。此时会出现以下两种情况：按钮。此时会出现以下两种情况：如果现有的网页曾经应用过模板，则会对两个如果现有的网页曾经应用过模板，则会对两个如果现有的网页曾经应用过模板，则会对两个如果现有的网页曾经应用过模板，则会对两个模板的可编辑区域进行比较，应用新的模板时模板的可编辑区域进行比较，应用新的模板时模板的可编辑区域进行比较，应用新的模板时模板的可编辑区域进行比较，应用新的模板时将原先网页中的内容放入匹配的可编辑区域中。将原先网页中的内容放入

343、匹配的可编辑区域中。将原先网页中的内容放入匹配的可编辑区域中。将原先网页中的内容放入匹配的可编辑区域中。压律汞煽衙涕魂委裁氢仅殖犊乐宛嘶驱伸乎枚贰些杠症但佃料霹己乎通恰第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件224大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.3 应用模板创建网页应用模板创建网页如果现有的网页是一个尚未应用模板的网页，则没有如果现有的网页是一个尚未应用模板的网页，则没有可编辑区域以进行比较，于是会出现不匹配的情况。可编辑区域以进行比较，于是会出现不匹配的情况。此时将打开此时将打开“不一致的区域名称不一致的区域名称”对话框。如果要继对话框。如

344、果要继续应用新的模板，可以选择未解析的内容，然后再续应用新的模板，可以选择未解析的内容，然后再“将内容移到新区域将内容移到新区域”下拉列表中选择要未解析的内容下拉列表中选择要未解析的内容移动到哪些区域，并单击移动到哪些区域，并单击“确定确定”按钮。按钮。耸方饵盈恿牧瞅仔九累索雪玲谬勺毛李篱罗也羹萤壮沂讳怕庶奸醛姨闽募第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件225大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.3 应用模板创建网页应用模板创建网页尚未应用模板的网页尚未应用模板的网页应用模板后的网页应用模板后的网页遗展碌炽姆棱辩炊靴眺爆率能睹锨探秘纲贺爪娠讶期婉

345、宗扇缸规瘴晤变垣第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件226大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.3 应用模板创建网页应用模板创建网页在现有的网页上应用模板的另一个方法是选择在现有的网页上应用模板的另一个方法是选择“修改修改”/“模板模板”/“套用模板到页套用模板到页”命令。命令。弄甘男指草淮护吁跃慨匣傣轿孰询傍藻犹兰轿四菊护迈锐枣疥礁谆长寻丽第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件227大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.3 应用模板创建网页应用模板创建网页从模板中分离网页从模板中分离网页 用模板

346、设计网页时，模板中不可编辑区域被锁定，用模板设计网页时，模板中不可编辑区域被锁定，用模板设计网页时，模板中不可编辑区域被锁定，用模板设计网页时，模板中不可编辑区域被锁定，不能修改其中的内容。为了能够更改这部分内容，不能修改其中的内容。为了能够更改这部分内容，不能修改其中的内容。为了能够更改这部分内容，不能修改其中的内容。为了能够更改这部分内容，必须将该文档从模板中分离出来。必须将该文档从模板中分离出来。必须将该文档从模板中分离出来。必须将该文档从模板中分离出来。 选择选择选择选择“ “修改修改修改修改”/“”/“模板模板模板模板”/“”/“从模板中分离从模板中分离从模板中分离从模板中分离” ”

347、命令。命令。命令。命令。 瑚镣揉片住萨漠型饥狼涸庞腺蹲透裹缨菲民癣隔滁墟熊锯幅帧楞况恕宁跨第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件228大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.3 应用模板创建网页应用模板创建网页更新基于模板的网页更新基于模板的网页 更改模板并保存文件后，系统打开更改模板并保存文件后，系统打开更改模板并保存文件后，系统打开更改模板并保存文件后，系统打开“ “更新模板文更新模板文更新模板文更新模板文件件件件” ”对话框，提示是否更新基于该模板的网页。对话框，提示是否更新基于该模板的网页。对话框，提示是否更新基于该模板的网页。对话框，提示

348、是否更新基于该模板的网页。 嚷徽等泌尊缕栽染辫俘够黔枯芦芳梢炙争王尾窘问进剿岁癌浊柿伟缎峙棱第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件229大学计算机信息科技教程（第二版）第5章 网页制作基础5.8.3 应用模板创建网页应用模板创建网页选择选择“修改修改”/“模板模板”/“更新当前页更新当前页”命令命令选择选择“修改修改”/“模板模板”/“更新页面更新页面”命令命令右单击模板列表，选择右单击模板列表，选择“更新站点更新站点”命令命令限碧智咨肚放轮庭嫌弗布棒赏白讹牡牧矾寺所替卧肖红份果瘟宋莎型科焕第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件230大学计算

349、机信息科技教程（第二版）第5章 网页制作基础5.9 管理和发布站点管理和发布站点管理站点地图管理站点地图维护与发布站点维护与发布站点渣荧局饺液骄乃弛傅姥扔怜输脑懦凭律娠懂邻柬聪澳植炒喊族堂佩罗搽肄第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件231大学计算机信息科技教程（第二版）第5章 网页制作基础5.9.1 管理站点地图管理站点地图要显示站点地图，必须在此之前为站点地图定义要显示站点地图，必须在此之前为站点地图定义一个主页，作为站点地图的开始端。一个主页，作为站点地图的开始端。选择选择“站点站点”/“管理站点管理站点”命令。命令。广引懂昔哲顷碍店藉盐宇菲吞祭民糟闻逐产朗立厢

350、狰颊藏烦拂慈盘广讶卡第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件232大学计算机信息科技教程（第二版）第5章 网页制作基础5.9.1 管理站点地图管理站点地图选择选择“窗口窗口”/“文件文件”命令，显示命令，显示“文件文件”面面板，在板，在“文件文件”面板上单击面板上单击按钮按钮单击单击“站点地图站点地图”按钮右下角的箭头按钮右下角的箭头，可以，可以选择选择“仅地图仅地图”或或“地图和文件地图和文件”选项。选项。腕佰痘唐计豺蔽蚂垫货算酿河假蹄洽蠕枝糟块谊与夜骏笆篇迪竣景拒肢速第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件233大学计算机信息科技教程（第二版

351、）第5章 网页制作基础5.9.1 管理站点地图管理站点地图选中选中“查看查看”/“站点地图选项站点地图选项”/“显示标记为显示标记为隐藏的文件隐藏的文件”命令命令选择选择“查看查看”/“站点地图选项站点地图选项”/“显示显示/隐藏隐藏链接链接”命令命令选中选中“查看查看”/“站点地图选项站点地图选项”/“显示附属文显示附属文件件”命令命令选中选中“查看查看”/“站点地图选项站点地图选项”/“显示网页标显示网页标题题”命令命令肖咕钠由拘磅袖住倒群迪蝇践髓界翔臣纂皑馁飘蛙孪篙仿勉娜戮冬自汰迟第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件234大学计算机信息科技教程（第二版）第5章

352、 网页制作基础5.9.1 管理站点地图管理站点地图选择选择“查看查看”/“站点地图选项站点地图选项”/“作为根查看作为根查看”命令命令坦醒童爪汀烃透暑挺渠憨灌燕缩躇尤伯源酸裕救中趟契掳演譬桔碍甩漏阻第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件235大学计算机信息科技教程（第二版）第5章 网页制作基础5.9.2 维护与发布站点维护与发布站点 检查与修正站点链接检查与修正站点链接 选择选择选择选择“ “站点站点站点站点”/“”/“检查站点范围的链接检查站点范围的链接检查站点范围的链接检查站点范围的链接” ”命令命令命令命令 按按按按Ctrl+F8Ctrl+F8键键键键 醇召绞郸

353、翟娠垫峙搓柳锤尹辖氛梆坪涟狼柠疲标摹滦煤都蔗圣笋聋肖棺奔第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件236大学计算机信息科技教程（第二版）第5章 网页制作基础5.9.2 维护与发布站点维护与发布站点 设置远程服务器设置远程服务器 本地和远程站点结构本地和远程站点结构本地和远程站点结构本地和远程站点结构 本地站点 远程站点桌奎皆耶钙涌万幕绪裤则绕略滓狄纤痛蔼囱折领潞睹凑烈缚防凯威藐凭邹第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件237大学计算机信息科技教程（第二版）第5章 网页制作基础5.9.2 维护与发布站点维护与发布站点 选择选择“站点站点”/“管理站

354、点管理站点”命令命令挞药蟹篓想鸽六岛慰吕张洁袒既岁菩账晓尿匡捅砍气兆遣渝接炭瞬恳栅馈第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件238大学计算机信息科技教程（第二版）第5章 网页制作基础5.9.2 维护与发布站点维护与发布站点 上传和下载文件上传和下载文件 上传文件就是将本地站点中的文件复制到远程站上传文件就是将本地站点中的文件复制到远程站上传文件就是将本地站点中的文件复制到远程站上传文件就是将本地站点中的文件复制到远程站点上，下载文件则将远程站点上的文件复制到本点上，下载文件则将远程站点上的文件复制到本点上，下载文件则将远程站点上的文件复制到本点上，下载文件则将远程站点上

355、的文件复制到本地站点。打开站点窗口，在本地站点中选中文件，地站点。打开站点窗口，在本地站点中选中文件，地站点。打开站点窗口，在本地站点中选中文件，地站点。打开站点窗口，在本地站点中选中文件，单击单击单击单击“ “上传文件上传文件上传文件上传文件” ”按钮按钮按钮按钮，当出现提示上传任何，当出现提示上传任何，当出现提示上传任何，当出现提示上传任何从属文件时单击从属文件时单击从属文件时单击从属文件时单击“ “确定确定确定确定” ”按钮即可。按钮即可。按钮即可。按钮即可。 与此相反，在远程站点中选定要下载的文件，单与此相反，在远程站点中选定要下载的文件，单与此相反，在远程站点中选定要下载的文件，单与

356、此相反，在远程站点中选定要下载的文件，单击击击击“ “获取文件获取文件获取文件获取文件” ”按钮按钮按钮按钮，便可以将远程站点中的，便可以将远程站点中的，便可以将远程站点中的，便可以将远程站点中的文件下载到本地站点。文件下载到本地站点。文件下载到本地站点。文件下载到本地站点。幌觉诬吏险也揽敦拿据蒋逸花穆剔绝负叙炮囚肝衣炽燎钡阀茬连射揉掸懂第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件239大学计算机信息科技教程（第二版）第5章 网页制作基础5.9.2 维护与发布站点维护与发布站点对于一些规模较大的站点，往往需要多人共同协对于一些规模较大的站点，往往需要多人共同协作完成维护工作

357、。借助于作完成维护工作。借助于Dreamweaver的的“存存回回”和和“取出取出”功能，能够确保一个文件在同一功能，能够确保一个文件在同一时刻只能由一个人对其进行修改和编辑。时刻只能由一个人对其进行修改和编辑。在使用存回在使用存回/取出系统之前，必须激活存回取出系统之前，必须激活存回/取出取出系统。在系统。在“定义站点定义站点”对话框中，选中对话框中，选中“启用存启用存回和取出回和取出”复选框，下方显示复选框，下方显示“取出名称取出名称”和和“电子邮件地址电子邮件地址”文本框。当文件被取出时，站点文本框。当文件被取出时，站点窗口中被取出的文件名旁将显示窗口中被取出的文件名旁将显示“取出名称取

358、出名称”文文本框中输入的名称，用于识别该文件的最终版本本框中输入的名称，用于识别该文件的最终版本所在位置，以便于其他成员了解和使用。所在位置，以便于其他成员了解和使用。仁窃胰都卒华坷公寥篡妓浩序经隘铂嘘抒握耍诀旧布颓团江改堪烦威菠豁第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件240大学计算机信息科技教程（第二版）第5章 网页制作基础5.9.2 维护与发布站点维护与发布站点选中文件，单击选中文件，单击“取出取出”按钮，出现按钮，出现“相关文件相关文件”对话框，单击对话框，单击“是是”按钮将相关文件随选定文按钮将相关文件随选定文件一起下载，单击件一起下载，单击“否否”按钮则禁止

359、下载相关文按钮则禁止下载相关文件。当文件图标后面显示一个绿色标记，表示文件。当文件图标后面显示一个绿色标记，表示文件被取出，小组其他成员只能读该文件，不能对件被取出，小组其他成员只能读该文件，不能对其修改。若显示一个绿色标记，则表示文件被小其修改。若显示一个绿色标记，则表示文件被小组其他成员取出，不能修改。组其他成员取出，不能修改。对取出的文件进行编辑和修改以后，单击对取出的文件进行编辑和修改以后，单击“存回存回文件文件”按钮，将文件存回服务器。此时，文件又按钮，将文件存回服务器。此时，文件又可以被其他成员取出和编辑。在本地站点中，存可以被其他成员取出和编辑。在本地站点中，存回的文件变成只读文

360、件，以免他人在取出文件时回的文件变成只读文件，以免他人在取出文件时本人去修改该文件。本人去修改该文件。税悔擞紧通号愁叫碟寇绪匀牢闹锈掷捎汪赚檀菜垃逮裁叶要奢祖贵复伴玻第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件241大学计算机信息科技教程（第二版）第5章 网页制作基础5.9.2 维护与发布站点维护与发布站点除了使用除了使用Dreamweaver发布站点，也可以使用发布站点，也可以使用专业的专业的FTP软件将本地站点的文件上传到远程站软件将本地站点的文件上传到远程站点，以实现发布站点的目的。点，以实现发布站点的目的。带椭乘摹共悄撵记蜡特羊恕披涩匝坊灸俺盒磺甜姨槽菏齐像参贩规爆吓冲第5章网页制作基础2wppt课件第5章网页制作基础2wppt课件242大学计算机信息科技教程（第二版）第5章 网页制作基础