[精选]网页制作与实用技术32975.pptx

《[精选]网页制作与实用技术32975.pptx》由会员分享，可在线阅读，更多相关《[精选]网页制作与实用技术32975.pptx（504页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、网页制作与实用技术21世纪高等院校规划教材网页设计与制作实用技术齐建玲 主编郭铁柱 刘博涛 何丽娟 副主编中国水利水电出版社通过本章学习，应该掌握以下内容：通过本章学习，应该掌握以下内容：1.认识网页认识网页2.构成网页的基本要素构成网页的基本要素3.制作网页的基本工具制作网页的基本工具4.美化网页的基本工具美化网页的基本工具5.网页制作的基本步骤网页制作的基本步骤第第1章章网页制作初识网页制作初识1.1一个校园网的制作示例一个校园网的制作示例1.1.1 主要网页画面主要网页画面1.1.2 网页的基本功能网页的基本功能1.2网页的基本要素网页的基本要素1.2.1 文字文字 文文字字是是网网页页

2、发发布布信信息息所所用用的的主主要要形形式式，由由文文字字制制作作出出的的网网页页占占用用空空间间小小，当当用用户户浏浏览览时时，可可以以很很快快的的展展现现在在用用户户面面前前。另另外外，文文字字性性网网页页还还可可以以利利用用浏浏览览器器中中“文文件件”菜菜单单下下的的“另另存存为为”功功能能将将其其下下载载。但但是是没没有有编编排排点点缀缀的的纯纯文文字字网网页页，又又会会给给人人带带来来死死板板不不活活泼的感觉，使得人们不愿意再往下浏览。泼的感觉，使得人们不愿意再往下浏览。文文字字性性网网页页一一定定要要注注意意编编排排，包包括括标标题题得得字字型型字字号，内容的层次样式，是否需要变换

3、颜色进行点缀等。号，内容的层次样式，是否需要变换颜色进行点缀等。1标题标题 一一个个网网页页通通常常都都有有一一个个标标题题，表表明明本本网网页页的的主主要要内内容容。标标题题是是否否醒醒目目，是是吸吸引引浏浏览览者者能能否否注注意意的的一一个个关关键，因此对标题的设计是很重要的。键，因此对标题的设计是很重要的。网网页页中中的的文文字字不不能能太太大大或或太太小小。太太大大会会使使得得一一个个网网页页信信息息量量变变小小，太太小小又又使使人人们们浏浏览览时时感感到到费费劲劲。一一个个优优秀秀网网页页中中的的文文字字，应应统统筹筹规规划划，大大小小搭搭配配适适当当，给给人以生动活泼之感觉。人以生

4、动活泼之感觉。2字号字号 在在网网页页适适当当的的位位置置采采用用不不同同的的字字体体字字型型，也也能能使使网网页页产产生生吸吸引引人人的的效效果果。应应该该注注意意的的是是在在报报刊刊上上变变换换字字体体字字型型非非常常普普遍遍，它它可可以以在在不不同同的的地地方方使使用用不不同同的的字字型型。但但在在网网页页制制作作上上却却要要慎慎重重。因因为为有有些些美美丽丽的的字字型型在在制制作作网网页页的的计计算算机机上上有有，但但将将来来别别人人浏浏览览你你的的网网页页时时，浏浏览览者者的的计计算算机机上上未未必必装装有有这这种种字字体体。这这样样浏浏览者就无法得到你预想的浏览效果，甚至适得相反。

5、览者就无法得到你预想的浏览效果，甚至适得相反。如如果果只只是是标标题题或或少少量量的的文文字字，可可以以将将采采用用的的特特殊殊字字体体制制作作成成图图形形方方式式，就就可可避避免免其其他他浏浏览览者者看看不不到到的的尴尬局面了。尴尬局面了。3字型字型 1.2.2 表格表格 当当文文本本内内容容较较多多时时，可可以以利利用用表表格格形形式式来来实实现现。表表格格是是在在网网页页上上的的一一行行或或多多行行单单元元格格，用用来来组组织织网网页页的的布布局局或或系系统统地地布布置置数数据据，用用户户可可以以放放置置任任何何东东西西在在表表格格的的单单元元格格中中，包包括括文文字字、图图形形和和表表

6、单单等等。表表格格具具有有容容量量大大、结结构构严严谨谨和和效效果果直直观观等等多多个个优优点点，是是网网页页中中不不可可缺缺少少的的记记录录或或总总结结工具。工具。表表格格还还可可以以用用来来控控制制网网页页中中信信息息的的布布局局方方式式。许许多多大大型型的的网网站站都都是是使使用用表表格格来来进进行行页页面面布布局局的的,使页面看起来更加直观和有条理。使页面看起来更加直观和有条理。1.2.3 图形图形 这这里里的的图图形形概概念念是是广广义义的的，它它可可以以是是普普通通的的绘绘制制图图形形，可可以以是是各各种种图图像像，还还可可以以是是动动画画。一一幅幅优优秀秀的的网网页页除除了了有有

7、能能吸吸引引浏浏览览者者的的文文字字形形式式和和内内容容外外，图图形形的的表表现现功功能能是是不不能能低低估估的的。网网页页上上的的图图形形格格式式一一般般使使用用JPEGJPEG和和GIFGIF，这这两两种种格格式式具具有有跨跨平平台台的的特特性性，可可以以在在不不同同操操作作系系统统支支持持的的浏浏览览器器上上显显示示。图图形形在在网网页页中中通通常有如下应用：常有如下应用：1菜单按钮菜单按钮 网网页页上上的的菜菜单单按按钮钮有有一一些些是是由由图图形形制制作作，通通常常有有横排和竖排两种形式，由此可以转入不同的页面。横排和竖排两种形式，由此可以转入不同的页面。2背景图形背景图形 为为了了

8、加加强强视视觉觉效效果果，有有些些网网页页在在整整个个网网页页的的底底层层放放置置了了图图形形，称称作作背背景景图图。背背景景图图可可以以使使网网页页更更加加华华丽丽，使使人人感感到到界界面面友友好好。但但由由于于这这是是一一个个比比较较大大的的图图形形，需需要要占占据据较较大大的的空空间间，致致使使网网页页的的显显示示速速度度明明显显变变慢慢，所所以以，近近期期的的网网页页以以及及比比较较著著名名的的访问量比较大网站一般都不设置背景图形。访问量比较大网站一般都不设置背景图形。1.2.4 链接标志链接标志 网网页页上上的的菜菜单单按按钮钮有有一一些些是是由由图图形形制制作作，通通常常有有横横排

9、排和和竖竖排排两两种种形形式式，由由此此可可以以转转入入不不同同的的页页面面。链链接接是是网网页页中中一一种种非非常常重重要要的的功功能能，是是网网页页中中最最重重要要、最最根根本本的的元元素素之之一一。通通过过链链接接可可以以从从一一个个网网页页转转到到另另一一个个网网页页，也也可可以以从从一一个个网网站站转转到到另另一一个个网网站站。链链接接的的标标志志有有文文字字和和图图形形两两种种。制制作作一一些些精精美美的图形作为链接按钮，使它和整个网页融为一体。的图形作为链接按钮，使它和整个网页融为一体。1.2.5 交互功能交互功能 InternetInternet区区别别其其他他媒媒体体的的一一

10、个个重重要要标标志志就就是是它它的的交交互互功功能能。网网页页的的交交互互功功能能其其他他媒媒体体是是无无法法比拟的。比拟的。通通常常网网页页的的交交互互功功能能都都是是利利用用表表单单来来实实现现的的。表表单单是是网网页页中中站站点点服服务务器器处处理理的的一一组组数数据据输输入入域域，当当访访问问者者单单击击按按钮钮或或图图形形来来提提交交表表单单后后，数数据据就就会传送到服务器上。会传送到服务器上。1.3网页制作和美化工具网页制作和美化工具 HTMLHTML（Hypertext Hypertext Markup Markup LanguageLanguage）是是一一种种专专门门用用于于

11、WebWeb页页制制作作的的编编程程语语言言，用用来来描描述述超超文文本本各各个个部部分分的的内内容容，告告诉诉浏浏览览器器如如何何显显示示文文本本，怎怎样样生成与别的文本或图像的链接点。生成与别的文本或图像的链接点。HTMLHTML文文档档由由文文本本、格格式式化化代代码码和和导导向向其其他他文文档的超链接组成。档的超链接组成。1.3.1 网页制作工具网页制作工具1超文本标识语言（超文本标识语言（HTML）DreamweaverDreamweaver是是由由MacromediaMacromedia公公司司推推出出的的一一款款在在网网页页制制作作方方面面大大众众化化的的软软件件，它它具具有有可

12、可视视化化编编辑辑界界面面，用用户户不不必必编编写写复复杂杂的的HTMLHTML源源代代码码就就可可以以生生成成跨跨平平台台、跨跨浏浏览览器器的的网网页页，不不仅仅适适合合于于专专业业网网页页编编辑人员的需要，同时也容易被业余网友们所掌握。辑人员的需要，同时也容易被业余网友们所掌握。DreamweaverDreamweaver支支 持持 动动 态态 HTMLHTML，并并 采采 用用 了了Roundtrip Roundtrip HTMLHTML技技术术，DreamweaverDreamweaver是是一一种种可可以以满满足足多多层层次次需需求求、功功能能强强大大的的可可视视化化专专业业级级网网

13、页页设设计计及制作工具。及制作工具。2Dreamweaver FrontPageFrontPage是是由由MicrosoftMicrosoft公公司司推推出出的的新新一一代代WebWeb网网页页制制作作工工具具。FrontPageFrontPage使使网网页页制制作作者者能能够够更更加加方方便便、快快捷捷地地创创建建和和发发布布网网页页，具具有有直直观观的的网网页页制作和管理方法，简化了大量工作。制作和管理方法，简化了大量工作。FrontPageFrontPage界界面面与与WordWord、PowerPointPowerPoint等等软软件件的的界界面面极极为为相相似似，为为使使用用者者带带

14、来来了了极极大大的的方方便便，MicrosoftMicrosoft公公司司将将FrontPageFrontPage封封装装入入OfficeOffice之之中中，成成为为OfficeOffice家族的一员，使之功能更为强大。家族的一员，使之功能更为强大。3FrontPage PhotoshopPhotoshop是是由由AdobeAdobe公公司司开开发发的的图图形形处处理理软软件件，它它是是目目前前公公认认的的PCPC机机上上最最好好的的通通用用平平面面美美术术设设计计软软件件，它它功功能能完完善善、性性能能稳稳定定、使使用用方方便便，所所以以在在几几乎乎所所有有的的广广告告、出出版版、软软件件

15、公公司司，PhotoshopPhotoshop都都是是首选的平面制作工具。首选的平面制作工具。1.3.2 网页美化工具网页美化工具 1Photoshop FireworksFireworks是是由由MacromediaMacromedia公公司司开开发发的的图图形形处处理理工工具具，它它的的出出现现使使WebWeb作作图图发发生生了了革革命命性性的的变变化化。因因为为FireworksFireworks是是第第一一套套专专门门为为制制作作网网页页图图形形而而设设计计的的软软件件，同同时时也也是是专专业业的的网网页页图图形形设设计计及及制制作作的的解解决决方方案案。作作为为一一个个图图像像处处理

16、理软软件件，FireworksFireworks能能够够自自由由地地导入多种格式的图像进行处理。导入多种格式的图像进行处理。FireworksFireworks还还能能够够自自动动切切割割图图像像、生生成成光光标标动动态态感感应应的的JavaScriptJavaScript程程序序等等等等，而而且且FireworksFireworks具具有有强强大的动画功能和一个相当完美的网络图像生成器。大的动画功能和一个相当完美的网络图像生成器。2Fireworks FlashFlash是是美美国国MacromediaMacromedia公公司司开开发发的的矢矢量量图图形形编编辑辑和和动动画画创创作作的的专

17、专业业软软件件，它它是是一一种种交交互互式式动动画画设设计计工工具具，用用它它可可以以将将音音乐乐、声声效效、动动画画以以及及富富有有新新意意的的界界面面融融合合在在一一起起，以以制制作作出出高高品品质质的的网网页页动动态态效效果果。它它主主要要应应用用于于网网页页设设计计和和多多媒媒体体创创作作等等领领域域，功功能能十十分分强强大大和和独独特特，已已成成为为交交互互式式矢矢量量动动画画的的标标准准，在在网网上上非非常常流流行行。FlashFlash广广泛泛应应用用于于网网页页动动画画制制作作、教教学学动画演示、网上购物、在线游戏等的制作中。动画演示、网上购物、在线游戏等的制作中。3Flash

18、1.4网页制作的基本步骤网页制作的基本步骤 网网站站定定位位要要小小，内内容容要要精精。如如果果要要制制作作一一个个包包罗罗万万象象的的站站点点，把把所所有有精精彩彩的的东东西西都都放放在在上上面面，结结果果往往往往会会事事与与愿愿违违，给给人人的的感感觉觉是是没没有有主主题题，没没有有特特色，色，样样样样有，却有，却样样样样都很肤浅。都很肤浅。网网站站的的题题材材最最好好选选自自己己擅擅长长或或者者喜喜爱爱的的内内容容。兴兴趣趣是是制制作作网网站站的的动动力力，没没有有热热情情，很很难难设设计计制制作作出优秀的网站。出优秀的网站。1.4.1 网站定位网站定位 进进行行网网站站的的整整体体规规

19、划划也也就就是是组组织织网网站站的的内内容容和和设计其结构。设计其结构。组组织织网网站站的的内内容容可可以以从从两两个个角角度度来来考考虑虑。从从设设计计者者的的角角度度来来考考虑虑，可可以以依依据据被被描描述述对对象象的的组组织织机机构构、类类别别划划分分等等来来组组织织内内容容；从从浏浏览览者者的的角角度度来来考考虑虑，就就应应该该将将各各种种素素材材依依据据浏浏览览者者的的需需要要进进行行内内容容分分类类，以以便便浏浏览览者者可可以以快快捷捷地地获获取取所所需需要要的的信信息息及及其其相相关关内容。内容。1.4.2 整体规划整体规划 合合理理的的结结构构设设计计对对于于网网站站的的规规划

20、划也也是是至至关关重重要要的的。以下是三种常用的结构类型。以下是三种常用的结构类型。层状结构层状结构 层状结构类似于目录系统的树型结构，层状结构类似于目录系统的树型结构，主主页页页页面面1页页面面2页页面面3 线性结构线性结构 线线性性结结构构类类似似于于数数据据结结构构中中的的线线性性表表，用用于于组组织织本本身身的的线线性性顺顺序序形形式式存存在在的的信信息息，可可以以引引导导浏浏览览者按部就班地浏览整个网站文件。者按部就班地浏览整个网站文件。主主页页页面页面1页面页面2页面页面3页面页面4页面页面5页面页面7页面页面8一级标题一级标题二级标题二级标题页面页面6 WebWeb结构结构 We

21、bWeb结结构构类类似似于于InternetInternet的的组组成成结结构构，各各网网页页之之间形成网状连接，允许用户随意浏览。间形成网状连接，允许用户随意浏览。通通常常在在进进行行网网页页开开发发时时，首首先先都都进进行行静静态态网网页页的的制制作作，然然后后再再在在其其中中加加入入脚脚本本程程序序、表表单单等等动动态态内内容容。静静态态网网页页仅仅仅仅用用来来被被动动地地发发布布信信息息，而而不不具具有有任何交互功能，它是任何交互功能，它是WebWeb网页的重要组成部分。网页的重要组成部分。一一个个好好的的网网站站首首先先是是内内容容丰丰富富，其其次次就就是是网网页页设设计计美美观。对

22、于网页的外观设计，提供以下建议：观。对于网页的外观设计，提供以下建议：（1 1）不不要要先先决决定定网网页页的的外外观观，然然后后迫迫使使自自己己去去适适应应它它，应应该该根根据据网网站站的的访访问问者者对对象象、要要提提供供的的信信息息以及制作目标得出一个最适合的网页架构。以及制作目标得出一个最适合的网页架构。1.4.3 网页设计与制作网页设计与制作 1静态网页的设计与制作静态网页的设计与制作 （2 2）每每页页排排版版不不要要太太松松散散或或用用太太大大的的字字，尽尽量量避避免免访访问问者者浏浏览览网网页页时时要要作作大大幅幅度度的的滚滚动动，对对于于篇篇幅太长的一页可以使用内部链接解决。

23、幅太长的一页可以使用内部链接解决。（3 3）切切勿勿以以800800600600以以上上的的分分辨辨率率设设计计网网页页，常常用用的的分分辨辨率率是是640640480480及及800800600600。现现在在国国内内的的站站点点基基本本上上都都是是800800600600，但但是是如如果果主主要要是是面面向向国国外访问者的站点，建议使用外访问者的站点，建议使用640640480480。（4 4）不不应应在在每每页页中中插插入入太太多多的的广广告告。相相信信任任何何访访问问者者都都不不会会喜喜欢欢浏浏览览尽尽是是些些广广告告的的网网页页，要要考考虑虑该页内容与广告的比例，广告太多，只会令人烦

24、厌。该页内容与广告的比例，广告太多，只会令人烦厌。（5 5）不不要要每每页页都都采采用用不不同同的的墙墙纸纸，以以免免每每次次转转页时都要花费过多的时间去下载。页时都要花费过多的时间去下载。（6 6）底底色色或或墙墙纸纸必必须须与与文文字字对对比比强强烈烈，以以易易于于阅阅读读。如如果果网网页页是是文文章章式式或或是是包包含含大大量量文文字字，不不妨妨在在底底色色与与文文字字的的搭搭配配上上下下些些工工夫夫，力力求求让让访访问问者者能能够舒适地阅读网页。够舒适地阅读网页。（7 7）不不要要把把图图片片白白色色当当作作透透明明，要要知知道道别别人人的的系系统统不不一一定定把把内内定定底底色色设设

25、为为白白色色，解解决决的的办办法法除除了了真真的的把把该该网网页页的的底底色色设设为为白白色色之之外外，最最好好还还是是用用图图片编辑工具将图片设为透明颜色。片编辑工具将图片设为透明颜色。静静态态网网页页制制作作完完成成后后，接接下下来来的的工工作作就就是是为为网网页页添添加加动动态态效效果果，包包括括一一些些脚脚本本语语言言程程序序和和数数据据库库程程序的设计，以及加入动画效果等。序的设计，以及加入动画效果等。一一个个真真正正的的网网站站，不不仅仅应应该该实实现现传传统统媒媒体体的的电电子子化化，给给用用户户提提供供需需要要的的内内容容，而而且且还还应应该该做做更更多多的的事事情情，完完成成

26、比比页页面面浏浏览览更更高高层层次次的的需需求求，例例如如收收集集信息、数据传递、数据存储以及系统维护等。信息、数据传递、数据存储以及系统维护等。2为网页的添加动态效果为网页的添加动态效果 当当网网页页设设计计人人员员制制作作完完所所有有网网站站页页面面之之后后，需需要要对对所所设设计计的的网网页页进进行行审审查查和和测测试试，测测试试内内容容包包括括功功能性测试和完整性测试两个方面。能性测试和完整性测试两个方面。所所谓谓功功能能性性测测试试就就是是要要保保证证网网页页的的可可用用性性，达达到到最最初初的的内内容容组组织织设设计计目目标标，实实现现所所规规定定的的功功能能，读读者者可可方方便便

27、快快速速地地寻寻找找到到所所需需的的内内容容。完完整整性性测测试试就就是是保保证证页页面面内内容容显显示示正正确确，链链接接准准确确，无无差差错错无无遗遗漏。漏。1.4.4 测试网页测试网页 网网页页设设计计好好，必必须须把把它它发发布布到到互互连连网网上上，否否则则网网站站形形象象仍仍然然不不能能展展现现出出去去。发发布布的的服服务务器器可可以以是是远远程程，也也可可以以是是本本地地，但但必必须须支支持持ASPASP，因因为为动动态态程程序是建立在序是建立在ASPASP基础上的。基础上的。1.4.5 网页上传发布网页上传发布 网网站站的的宣宣传传和和推推广广一一般般有有两两种种途途径径和和方

28、方法法。一一是是通通过过传传统统媒媒体体进进行行广广告告宣宣传传；另另一一是是利利用用InternetInternet自身的特点向外宣传。自身的特点向外宣传。可可用用来来宣宣传传的的传传统统媒媒体体包包括括：电电视视、广广播播、报报纸纸、广告牌、海报和黄页等。广告牌、海报和黄页等。在在InternetInternet上上宣宣传传网网站站的的方方法法也也是是多多种种多多样样的的，如如可可以以将将网网址址和和网网站站信信息息发发布布到到搜搜索索引引擎擎、网网上上黄黄页页、新新闻闻组组、邮邮件件列列表表上上进进行行宣宣传传推推广广，也也可可以以与与其他同类网站交换宣传广告。其他同类网站交换宣传广告。

29、1.4.6 网站的宣传与推广网站的宣传与推广 现现在在的的网网站站注注重重信信息息的的不不断断更更新新和和交交互互性性，只只有有这这样样才才能能吸吸引引更更多多的的浏浏览览者者来来访访问问和和参参与与。如如何何知知道道哪哪些些网网页页内内容容需需要要调调整整、更更新新和和修修改改，网网页页需需要要增增加加那那些些内内容容呢呢？这这些些不不能能靠靠主主观观臆臆断断来来确确定定，而而是是需需要要得得到到访访问问者者的的反反馈馈意意见见，也也可可根根据据不不同同网网页的被访次数来分析。页的被访次数来分析。获获得得用用户户反反馈馈信信息息的的方方法法很很多多，常常用用的的有有计计数数器器、留留言言板板

30、、调调查查表表等等，也也可可以以建建立立系系统统日日志志来来记记录录网网页的被访情况。页的被访情况。1.4.7 网站的反馈与评价网站的反馈与评价 网网站站要要注注意意经经常常维维护护更更新新内内容容，保保持持内内容容的的新新鲜鲜，不不要要做做好好就就放放到到服服务务器器永永远远不不变变了了，只只有有不不断断地地补补充充、更更新新内内容容，才才能能够够吸吸引引浏浏览览者者。维维护护更更新新时时可可以以充充分分利利用用DreamweaverDreamweaver提提供供的的模模板板和和库库技技术术，以以提高工作效率。提高工作效率。1.4.8 网站的更新与维护网站的更新与维护 END通过本章学习，应

31、该掌握以下内容：通过本章学习，应该掌握以下内容：1.规划站点结构的方法规划站点结构的方法2.DreamweaverMX的基本操作的基本操作3.利用利用DreamweaverMX创建站点的方法创建站点的方法4.站点的基本操作站点的基本操作第第2章章创建站点创建站点2.1规划站点结构规划站点结构1按照文件的类型进行规划按照文件的类型进行规划 按按照照文文件件的的类类型型规规划划，就就是是将将不不同同类类型型的的文文件件分别存放在不同的文件夹下。分别存放在不同的文件夹下。2按照网页主题进行规划按照网页主题进行规划 按按照照网网页页主主题题，对对站站点点结结构构规规划划，可可以以使使网网站站条理更清晰

32、，便于日后更好地管理站点。条理更清晰，便于日后更好地管理站点。下面是建立目录结构的一些建议：下面是建立目录结构的一些建议：（1 1）不不要要将将所所有有文文件件都都存存放放在在根根目目录录下下，会会造造成成文件管理混乱文件管理混乱 （3 3）按栏目内容建立子目录）按栏目内容建立子目录 （2 2）在在每每个个主主栏栏目目目目录录下下都都建建立立独独立立的的imagesimages目目录录 （4 4）目录的层次不要太深）目录的层次不要太深 （5 5）不要使用过长的目录）不要使用过长的目录 （6 6）不要使用中文目录）不要使用中文目录 DreamweaverDreamweaver是是Macromed

33、iaMacromedia公公司司的的出出品品的的一一款款“所所见见即即所所得得”的的网网页页编编辑辑工工具具。与与FrontPageFrontPage不不同同，DreamweaverDreamweaver采采用用的的是是MacMac机机浮浮动动面面版版的的设设计计风风格格，对对于于初初学学者者来来说说可可能能会会感感到到不不适适应应。一一旦旦习习惯惯了了其其操操作作方方式式后后，就就会会发发现现DreamweaverDreamweaver的的直直观性与高效性是观性与高效性是FrontPageFrontPage所无法比拟的。所无法比拟的。2.2 2.2 利用利用DreamweaverMX创建站点

34、创建站点2.2.1 Dreamweaver MX简介简介 1DreamweaverMX的界面的界面 菜单栏菜单栏工具栏工具栏文档文档窗口窗口浮动面板浮动面板站点面板站点面板属性属性面板面板浮动浮动面板组面板组插入插入面板面板 （1 1）菜单栏）菜单栏菜菜单单栏栏提提供供了了所所有有的的菜菜单单命命令令，是是提提供供软软件件最最完完整功能的方式。整功能的方式。（2 2）工具栏）工具栏工工具具栏栏提提供供了了常常用用命命令令的的快快捷捷启启动动方方式式，例例如如可可以使用工具栏中的以使用工具栏中的“标题标题”框方便地设置网页的标题。框方便地设置网页的标题。（3 3）插入面板）插入面板插插入入面面板

35、板是是Dreamweaver Dreamweaver MXMX中中新新添添的的部部件件，其其实实就就是是Dreamweaver Dreamweaver 4 4中中的的对对象象面面板板，在在其其中中包包含含一一些些用于创建不同类型对象的按钮。用于创建不同类型对象的按钮。（4 4）浮动面板）浮动面板 浮浮动动面面板板是是一一种种方方便便操操作作的的界界面面方方式式，使使用用者者可可以随时获得特定功能。以随时获得特定功能。（5 5）文档窗口）文档窗口 文文档档窗窗口口是是显显示示用用户户所所编编辑辑文文档档的的地地方方，显显示示结结果与文档在浏览器中显示的结果基本相同。果与文档在浏览器中显示的结果基

36、本相同。（6 6）属性面板）属性面板 属属性性面面板板上上显显示示的的是是被被选选取取对对象象或或文文本本的的各各种种属属性性，在在属属性性面面板板上上还还可可以以检检查查和和编编辑辑当当前前选选定定页页面面元元素的属性。素的属性。2Dreamweaver的视图的视图 单单击击工工具具栏栏上上的的视视图图切切换换按按钮钮 ，即即显显示示设设计计视视图图；使使用用工工具具栏栏中中的的按按钮钮 ，则则可可以以很很方方便便地地切切换换到到代代码码视视图图，以以便便查查看看当当前前编编辑辑网网页页的的HTMLHTML源源代代码码；如如果果需需要要同同时时查查看看代代码码视视图图和和设设计计视视图图，可

37、可以以单单击击工工具具栏栏上上的的显显示示代代码码和和设设计计按按钮钮 ，此此时时DreamweaverDreamweaver将将同同时时在在窗窗口口中中显显示示代代码码视视图图和和设设计计视图。视图。2.2.2 定义站点定义站点 在在DreamweaverMX的的编编辑辑窗窗口口，选选择择“窗窗口口”|“”|“站点站点”菜单，即可打开站点面板，菜单，即可打开站点面板，如图所示如图所示。在在站站点点面面板板中中，用用户户可可以以选选择择菜菜单单“站站点点”|“”|“新新建建站站点点”命命令令创创建建新新站站点点，也也可可以以使使用用“站点站点”|“”|“编辑站点编辑站点”命令编辑已有的站点。命

38、令编辑已有的站点。1站点面板站点面板在在DreamweaverMX中创建站点的方法有两种中创建站点的方法有两种:（1）通过站点定义向导创建站点）通过站点定义向导创建站点在在编编辑辑窗窗口口或或站站点点面面板板选选择择命命令令菜菜单单“站站点点”|“新新建建站站点点”选选项项，弹弹出出“站站点点定定义义”对对话话框框1 1，选选择择“基基本本”选选项项卡卡，然然后后,按按照照提提示示进进行行选选项项设置设置.2创建站点创建站点（2）直接定义站点）直接定义站点在在编编辑辑窗窗口口或或站站点点面面板板选选择择命命令令菜菜单单“站站点点”|“新新建建站站点点”选选项项，弹弹出出“站站点点定定义义”对对

39、话话框框1 1，选选择择“高高级级”选选项项卡卡，然然后后,按按照照提提示示进进行行选选项项设置设置.如果要打开站点，可执行如下操作之一：如果要打开站点，可执行如下操作之一：（1 1）选选择择菜菜单单栏栏“站站点点”|“站站点点文文件件”命命令令，即即可可在在站站点点面面板板中中打打开开当当前前编编辑辑文文件件所所在在的的本本地地站站点点，同时在文档窗口中可以进行该站点文档的编辑操作。同时在文档窗口中可以进行该站点文档的编辑操作。（2 2）在在站站点点面面板板中中打打开开工工具具栏栏的的“站站点点”下下拉拉列列表表框框，选选择择需需要要打打开开的的站站点点，文文件件窗窗口口中中即即会会显显示示

40、该该站点文件夹和文件信息。站点文件夹和文件信息。2.2.3 站点的基本操作站点的基本操作1打开站点打开站点 若若要要复复制制当当前前站站点点，可可以以使使用用文文档档窗窗口口或或站站点点面面板板中中“站站点点”菜菜单单的的“编编辑辑站站点点”命命令令，打打开开“编编辑辑站站点点”对对话话框框。选选中中要要复复制制的的站站点点名名称称，单单击击“复制复制”按钮即可对当前站点进行复制操作。按钮即可对当前站点进行复制操作。执执行行复复制制站站点点操操作作后后，系系统统会会自自动动复复制制一一个个所所选选择择的的站站点点，并并且且会会为为复复制制的的站站点点加加上上一一个个“拷拷贝贝”字样的站点名称。

41、字样的站点名称。2复制站点复制站点 如如果果要要更更改改当当前前站站点点设设置置，比比如如对对站站点点进进行行修修改改站站点点名名称称、设设置置参参数数选选项项等等编编辑辑操操作作，可可以以利利用用上上面面的的方方法法打打开开“编编辑辑站站点点”对对话话框框，选选中中一一个个站站点点后后单单击击“编编辑辑”按按钮钮，即即可可打打开开该该“站站点点定定义义为为”对话框，选择对话框，选择“高级高级”选项卡进行站点编辑。选项卡进行站点编辑。3编辑站点编辑站点 在在DreamweaverMX中中删删除除一一个个站站点点非非常常容容易易，在在弹弹出出的的“编编辑辑站站点点”对对话话框框中中，单单击击“删

42、删除除”按按钮就可以删除选中的站点。钮就可以删除选中的站点。4删除站点删除站点注注意意：此此删删除除操操作作并并未未真真正正删删除除站站点点文文件件夹夹和和其其中中的的内内容容，而而只只是是无无法法再再用用Dreamweaver管管理理该该文文件件夹夹而而已已。如如果果需需要要再再次次用用Dreamweaver管管理理该该文文件件夹夹，只只要要用用新新建建站站点点的的方方式式再再次次将将该该文文件件夹夹指指定定为为站站点点根目录即可。根目录即可。（1）申请域名和主页空间）申请域名和主页空间 网网站站的的发发布布首首先先要要考考虑虑的的是是以以什什么么样样的的域域名名发发布布，发布在什么地方，即

43、要申请域名和主页空间。发布在什么地方，即要申请域名和主页空间。（2）设置浏览器的兼容性）设置浏览器的兼容性 为为了了避避免免在在不不同同类类型型和和版版本本的的浏浏览览器器中中出出现现某某些些元元素素不不能能正正常常显显示示的的现现象象，在在站站点点发发布布前前必必须须设设置置浏浏览器的兼容性。览器的兼容性。5发布站点发布站点 （3）测试站点）测试站点 在在将将站站点点上上传传到到服服务务器器并并宣宣布布已已经经可可供供浏浏览览之之前前，最最好好先先在在本本地地计计算算机机上上对对其其进进行行一一下下测测试试，因因为为在在站站点或者网页中可能会存在许多问题。点或者网页中可能会存在许多问题。站站

44、点点的的测测试试主主要要包包括括：查查看看超超链链接接、验验证证超超链链接接、修复超链接、更新超链接及测试网络连接等。修复超链接、更新超链接及测试网络连接等。（4）测试网络连接）测试网络连接 如如果果在在访访问问或或打打开开一一个个服服务务器器上上的的站站点点时时遇遇到到一一些些问问题题，则则可可以以通通过过测测试试网网络络连连接接来来检检查查主主机机名名称称、本本地主机、地主机、IP地址、地址、TCP/IP协议等设置。协议等设置。（5）在本地计算机上发布站点）在本地计算机上发布站点测测试试完完站站点点后后，如如果果觉觉得得把把站站点点发发布布到到服服务务器器上上的的时时机机还还不不成成熟熟，

45、那那么么可可以以先先在在本本地地机机上上发发布布以以测测试试效效果。果。（6）在服务器上发布站点）在服务器上发布站点 在在本本地地计计算算机机上上设设置置完完浏浏览览器器的的兼兼容容性性、测测试试完完站站点点后后，就就可可以以在在服服务务器器上上正正式式发发布布精精心心制制作作的的站站点点了。了。发发布布站站点点的的方方法法有有很很多多种种，例例如如FTPFTP上上传传或或各各大大站点提供的文件管理器等。站点提供的文件管理器等。DreamweaverMX的站点面板的站点面板返返回回END通过本章学习，应该掌握以下内容：通过本章学习，应该掌握以下内容：1.HTML及其功能及其功能2.利用利用HT

46、ML创建和测试创建和测试Web页的方法页的方法3.利用利用HTML设置标题和文字设置标题和文字4.利用利用HTML设置段落设置段落5.利用利用HTML进行文本格式的处理进行文本格式的处理6.利用利用DreamweaverMX处理文本处理文本第第3章章网页文本的处理网页文本的处理3.1利用利用HTML处理文本处理文本3.1.1 HTML基础基础 一一名名网网页页设设计计高高手手，就就必必需需掌掌握握HTMLHTML语语言言。HTMLHTML是是网网络络的的通通用用语语言言，它它允允许许设设计计者者建建立立文文本本与与图图像像相相结结合合的的复复杂杂页页面面，这这些些页页面面可可以以被被网网上上任

47、任何何人浏览，无论使用的是什么类型的电脑或浏览器。人浏览，无论使用的是什么类型的电脑或浏览器。HTML作作为为一一种种网网页页编编辑辑语语言言，易易学学易易懂懂，能能制制作作出出精精美美的的网网页页效效果果，其其他他的的专专用用网网页页编编辑辑器器（如如FrontPage、Dreamweaver）都都是是以以HTML为为基基础的。础的。1标记符标记符 标标记记符符又又称称标标签签，HTMLHTML是是影影响响网网页页内内容容显显示示格格式式的的标标记记符符集集合合，浏浏览览器器根根据据标标记记符符决决定定网网页页的的实实际际显显示效果。示效果。在在HTML中中，所所有有的的标标记记符符都都用用

48、尖尖括括号号括括起起来来。例例如如，表表示示HTML标标记记符符。绝绝大大多多数数标标记记符符都都是是成成对对出出现现的的，包包括括开开始始标标记记符符和和结结束束标标记记符符。开开始始标标记记符符和和相相应应的的结结束束标标记记符符定定义义了了标标记记符符所所影影响响的的范范围围。结结束束标标记记符符与与开开始始标标记记符符的的区区别别是是有有一一个个斜斜线。如：线。如：.属属性性是是用用来来描描述述对对象象特特征征的的特特性性。在在HTMLHTML中中，所所有有的的属属性性都都放放置置在在开开始始标标记记符符的的尖尖括括号号里里，属属性性与与标标记记符符之之间间用用空空格格分分隔隔，属属性

49、性的的值值放放在在相相应应属属性性之之后后，用等号分隔，而不同的属性之间用空格分隔。格式为：用等号分隔，而不同的属性之间用空格分隔。格式为：受受影响的内容影响的内容 HTMLHTML属属性性通通常常也也不不区区分分大大小小写写。本本书书中中为为了了区区分分标标记记符符及及其其属属性性，标标记记符符均均使使用用大大写写字字母母表表示示，而而属属性均使用小写字母表示。性均使用小写字母表示。HTMLHTML标标记记符符是是不不区区分分大大小小写写的的，但但通通常常约约定定标标记记符使用大写字母，这有利于符使用大写字母，这有利于HTMLHTML文档的维护。文档的维护。2HTML文档的基本结构文档的基本

50、结构 文本标题文本标题文本内容文本内容这这两两个个标标记记符符是是HTML文文档档的的标标记记符符。处处于于文文档档的的最最前前端端，表表示示文文档档的的 开开 始始，即即 浏浏 览览 器器 从从 开开 始始 解解 释释。而而则则位位于于文文件件的的最最后后一一行行，这这样样的的结结果果表表示示这一整份的文档都是这一整份的文档都是HTML语法的文档。语法的文档。（1 1）HTML标记符标记符 （2 2）HEADHEAD标记符标记符 （4）BODY标记标记符符 指指的的是是定定义义出出一一个个HTMLHTML文文档档的的体体部部，位位于于首首部部下下面面。在在标标记记符符内内的的文文字字，所所有