站点的优化与发布

1、第第7章章 站点的优化与发布站点的优化与发布7.1 优化素材与优化素材与HTML代码代码 7.2 Dreamweaver MX 2004的站点管理的站点管理 7.3 上传主页的方式上传主页的方式 7.4 站点的宣传与推广站点的宣传与推广 7.5 站点的维护与更新站点的维护与更新 对一个电子商务网站来说，需要运用最少的带对一个电子商务网站来说，需要运用最少的带宽和服务器资源，为更多的客户提供更快捷的服务。宽和服务器资源，为更多的客户提供更快捷的服务。而用户对而用户对Web站点的满意度，主要以访问速度来衡量。站点的满意度，主要以访问速度来衡量。 从用户角度来说，从用户角度来说，Web站点只有站点只

2、有“快快”和和“慢慢”之分；之分；用户往往并不要求实现大容量数据传输，而是希望用户往往并不要求实现大容量数据传输，而是希望网站在保证性能的同时，能够容纳更多的访问者。网站在保证性能的同时，能够容纳更多的访问者。Web用户所关心的问题的实质是访问时间。从网络维用户所关心的问题的实质是访问时间。从网络维护角度说，导致延时的潜在因素是多方面的，这就护角度说，导致延时的潜在因素是多方面的，这就需要网页设计人员对站点进行合理的优化、管理及需要网页设计人员对站点进行合理的优化、管理及进行相关测试。进行相关测试。 。 本章第一部分介绍的主要内容有：本章第一部分介绍的主要内容有： 了解站点优化的原则了解站点优

3、化的原则 掌握素材优化的方法掌握素材优化的方法 掌握掌握HTML代码优化的方法代码优化的方法 了解什么是站点管理了解什么是站点管理 掌握站点管理的方法掌握站点管理的方法 了解站点测试的流程了解站点测试的流程 商业网站都希望漂亮的门面能吸引更多的浏览商业网站都希望漂亮的门面能吸引更多的浏览者驻足浏览，而很多个网站的站长们更希望绚丽的者驻足浏览，而很多个网站的站长们更希望绚丽的图片给他们的小天地增加一些活力。然而，由于当图片给他们的小天地增加一些活力。然而，由于当前网速的限制，图片成了网速的死敌，动辄数十数前网速的限制，图片成了网速的死敌，动辄数十数百百K的图片，往往令访问者知难而退，没有等到页面

4、的图片，往往令访问者知难而退，没有等到页面完全打开便已离去并且可能再不会回来，这样精心完全打开便已离去并且可能再不会回来，这样精心的设计变的毫无意义。的设计变的毫无意义。操作步骤：操作步骤： 1.设置浏览器不显示图片设置浏览器不显示图片 2. 给给图像添加替代（图像添加替代（Alt）属性）属性 7.1 优化素材与优化素材与HTML代码代码7.1.1 优化图像 声音文件体积较大，在网页中应控制他的使声音文件体积较大，在网页中应控制他的使用。用。 在通常情况下，在选择网页背景音乐时，应在通常情况下，在选择网页背景音乐时，应尽量采用简单的尽量采用简单的mid格式的声音作为背景音乐，如格式的声音作为背

5、景音乐，如果使用果使用wav或或mp3格式的音乐文件，最好使用采样格式的音乐文件，最好使用采样率较低的单音道声音，并且应控制音乐的长度。率较低的单音道声音，并且应控制音乐的长度。 7.1.2 优化声音文件优化声音文件 WAVE，扩展名为，扩展名为WAV：该格式记录声音的波形，故只要采样率高、：该格式记录声音的波形，故只要采样率高、采样字节长、机器速度快，利用该格式记录的声音文件能够和原声基采样字节长、机器速度快，利用该格式记录的声音文件能够和原声基本一致，质量非常高，但这样做的代价就是文件太大。本一致，质量非常高，但这样做的代价就是文件太大。 MOD，扩展名，扩展名MOD、ST3、XT、S3M

6、、FAR、669等：该格式的等：该格式的文件里存放乐谱和乐曲使用的各种音色样本，具有回放效果明确，音文件里存放乐谱和乐曲使用的各种音色样本，具有回放效果明确，音色种类无限等优点。但他也有一些致命弱点，以至于现在已经逐渐淘色种类无限等优点。但他也有一些致命弱点，以至于现在已经逐渐淘汰，目前只有汰，目前只有MOD迷及一些游戏程序中尚在使用。迷及一些游戏程序中尚在使用。 MPEG-3，扩展名，扩展名MP3：现在最流行的声音文件格式，因其压缩率：现在最流行的声音文件格式，因其压缩率大，在网络可视电话通信方面应用广泛，但和大，在网络可视电话通信方面应用广泛，但和CD唱片相比，音质不能唱片相比，音质不能令

7、人非常满意。令人非常满意。 Real Audio，扩展名，扩展名RA：这种格式真可谓是网络的灵魂，强大的压：这种格式真可谓是网络的灵魂，强大的压缩量和极小的失真使其在众多格式中脱颖而出。和缩量和极小的失真使其在众多格式中脱颖而出。和MP3相同，他也是相同，他也是为了解决网络传输带宽资源而设计的，因此主要目标是压缩比和容错为了解决网络传输带宽资源而设计的，因此主要目标是压缩比和容错性，其次才是音质。性，其次才是音质。声音素材的格式声音素材的格式 Creative Musical Format，扩展名，扩展名CMF：Creative公公司的专用音乐格式，和司的专用音乐格式，和MIDI差不多，只是音

8、色、效差不多，只是音色、效果上有些特色，专用于果上有些特色，专用于FM声卡，但其兼容性也很差。声卡，但其兼容性也很差。 CD Audio音乐音乐CD，扩展名，扩展名CDA：唱片采用的格式，：唱片采用的格式，又叫又叫“红皮书红皮书”格式，记录的是波形流，绝对的纯正、格式，记录的是波形流，绝对的纯正、HIFI。但缺点是无法编辑，文件长度太大。但缺点是无法编辑，文件长度太大。 MIDI，扩展名，扩展名MID：目前最成熟的音乐格式，实际：目前最成熟的音乐格式，实际上已经成为一种产业标准，其科学性、兼容性、复杂上已经成为一种产业标准，其科学性、兼容性、复杂程度等各方面当然远远超过本文前面介绍的所有标准程

9、度等各方面当然远远超过本文前面介绍的所有标准（除交响乐（除交响乐CD、Unplug CD外，其他外，其他CD往往都是利往往都是利用用MIDI制作出来的），他的制作出来的），他的General MIDI就是最常就是最常见的通行标准。作为音乐工业的数据通信标准，见的通行标准。作为音乐工业的数据通信标准，MIDI能指挥各音乐设备的运转，而且具有统一的标能指挥各音乐设备的运转，而且具有统一的标准格式，能够模仿原始乐器的各种演奏技巧甚至无法准格式，能够模仿原始乐器的各种演奏技巧甚至无法演奏的效果，而且文件的长度非常小。演奏的效果，而且文件的长度非常小。 一般说来，建立一个网站有两种方法：一种是一般说来，

10、建立一个网站有两种方法：一种是把一个有内容的目录当作网站，即把所有网站的元把一个有内容的目录当作网站，即把所有网站的元素都存放在这一个目录下。另一种方法是从无到有素都存放在这一个目录下。另一种方法是从无到有在一个新目录下建立一个网站。这两种方法，通过在一个新目录下建立一个网站。这两种方法，通过Deamweaver MX 2004操作操作都是非常方便的。都是非常方便的。7.2 Dreamweaver MX 2004的站点管理的站点管理 网站制作过程中因为这样那样的原因可能会产网站制作过程中因为这样那样的原因可能会产生一些错误的链接，特别是大型站点，错误总是难生一些错误的链接，特别是大型站点，错误

11、总是难以避免的，而且一些在制作过程中使用的临时文件以避免的，而且一些在制作过程中使用的临时文件也留在站点中，要手动检查出这些错误和废文件是也留在站点中，要手动检查出这些错误和废文件是很困难的。很困难的。操作步骤：操作步骤： 检查链接、清除站内孤立文件检查链接、清除站内孤立文件7.2.1 检查链接、清除站内孤立文件检查链接、清除站内孤立文件 在网站发布前，最好找一位没有直接参与网站制作的人来做一次测试，在网站发布前，最好找一位没有直接参与网站制作的人来做一次测试，也许他会发现制作人员因为过于自信而忽略的问题。也许他会发现制作人员因为过于自信而忽略的问题。（1）检查链接。虽然）检查链接。虽然Dre

12、amweaver MX 2004有链接检查器，可以方便的有链接检查器，可以方便的检查错误链接，但是在网站发布前从头到尾检查一遍站点的链接是绝对有检查错误链接，但是在网站发布前从头到尾检查一遍站点的链接是绝对有必要的：即在浏览器中逐个点击链接，主要检查是否有空链、断链、链接必要的：即在浏览器中逐个点击链接，主要检查是否有空链、断链、链接错误以及是否缺少回到上一层页面或主页的渠道。错误以及是否缺少回到上一层页面或主页的渠道。（2）检查网页中出现的脚本是否正确、是否会有显示不出来的图片、在）检查网页中出现的脚本是否正确、是否会有显示不出来的图片、在不同的浏览器中是否会有糟糕的表现等等。不同的浏览器中

13、是否会有糟糕的表现等等。（3）在纯文本模式下（即关掉浏览器的图片、声音、动画等多媒体项目，）在纯文本模式下（即关掉浏览器的图片、声音、动画等多媒体项目，只显示文字）检查整个网站，看看在没有多媒体信息的情况下访问者能否只显示文字）检查整个网站，看看在没有多媒体信息的情况下访问者能否获得整个网站的信息。获得整个网站的信息。（4）注意文字显示是否正常，例如：很多在）注意文字显示是否正常，例如：很多在Dreamweaver MX 2004下制下制作的网页在作的网页在Netscape（网景浏览器）中显示出大字符，在网页中出现乱码（网景浏览器）中显示出大字符，在网页中出现乱码等，这些现象是能够避免的。等，

14、这些现象是能够避免的。 7.2.2 测试本地站点测试本地站点 完成了页面的制作与优化，就可以发布到完成了页面的制作与优化，就可以发布到Internet上供他人访问了。如果你的服务器是申请的上供他人访问了。如果你的服务器是申请的免费空间或是使用虚拟主机，就需要把做好的网页免费空间或是使用虚拟主机，就需要把做好的网页上传了。此外，还要想办法宣传和推广制作好的网上传了。此外，还要想办法宣传和推广制作好的网站，尽可能的提高网站的知名度，提高站点的访问站，尽可能的提高网站的知名度，提高站点的访问量。量。 本章第二部分介绍的主要内容有：本章第二部分介绍的主要内容有： 了解什么是站点发布了解什么是站点发布

15、掌握上传主页的方法掌握上传主页的方法 掌握宣传和推广自己主页的方法掌握宣传和推广自己主页的方法了解站点维护知识了解站点维护知识 1. 用用E-mail将做好的网页发送给网络管理员，由该网管员将做好的网页发送给网络管理员，由该网管员将你的网页放到相应的服务器目录中。这种方式中，主页将你的网页放到相应的服务器目录中。这种方式中，主页的维护与更新相当不方便。的维护与更新相当不方便。2. 基于基于WWW的上传，相信大家都用过的上传，相信大家都用过WWW的免费信箱的免费信箱发送过邮件，其实在发送过邮件，其实在WWW邮箱中粘贴附件就是上传文件，邮箱中粘贴附件就是上传文件，这种维护和更新网页的方式受网速的影

16、响较大，而且因为这种维护和更新网页的方式受网速的影响较大，而且因为WWW不支持断点续传，上传较大的文件变得很困难了。不支持断点续传，上传较大的文件变得很困难了。3. FTP上传是这三种上传方式中最方便的。上传是这三种上传方式中最方便的。Dreamweaver MX 2004本身就内置了本身就内置了FTP上传功能，使网页制作者在没上传功能，使网页制作者在没有其他上传工具就能上传主页，非常方便有其他上传工具就能上传主页，非常方便 7.3上传主页的方式上传主页的方式 Dreamweaver MX 2004软件自带软件自带FTP上传功能，上传功能，但是要使用但是要使用Dreamweaver MX 20

17、04的的FTP功能就必功能就必须先定义站点的外部信息。须先定义站点的外部信息。 操作步骤：操作步骤： 用用Dreamweaver MX 2004上传主页上传主页7.3.1 用用Dreamweaver MX 2004上传主页上传主页 CuteFtp是容易使用且很受欢迎的是容易使用且很受欢迎的FTP软件，下软件，下载文件支持续传、可下载或上传整个目录、具有不载文件支持续传、可下载或上传整个目录、具有不会因闲置过久而被站点踢出后台。可以上载下载队会因闲置过久而被站点踢出后台。可以上载下载队列，上载断点续传，整个目录覆盖和删除等。列，上载断点续传，整个目录覆盖和删除等。操作步骤：操作步骤： 使用使用C

18、uteFtp上传主页上传主页7.3.2 使用使用CuteFtp上传主页上传主页 如果制作的是个人站点，可能是想获得别人的如果制作的是个人站点，可能是想获得别人的肯定或者寻找某种机遇，或者只是为了兴趣爱好。肯定或者寻找某种机遇，或者只是为了兴趣爱好。不管处于什么目的，都会把站点规划成某种类型，不管处于什么目的，都会把站点规划成某种类型，比如新闻或者文学，而选择好的类型是站点成功的比如新闻或者文学，而选择好的类型是站点成功的第一步。第一步。 当定位好自己的站点类型后，就要考虑哪些人当定位好自己的站点类型后，就要考虑哪些人该是你的访问者。其实这个问题在定位网站类型，该是你的访问者。其实这个问题在定位

19、网站类型，已经作了回答，如果选择文学类型，那么爱好文学已经作了回答，如果选择文学类型，那么爱好文学就会是访问者，之所以要知道谁是访问者，是因为就会是访问者，之所以要知道谁是访问者，是因为在确定了访问者喜好后，可以更有信心去提供合适在确定了访问者喜好后，可以更有信心去提供合适的内容。的内容。 7.4 站点的宣传与推广站点的宣传与推广 将网站最重要的关键词在主要搜索引擎中排名将网站最重要的关键词在主要搜索引擎中排名领先，这是搜索引擎推广中最重要的策略。搜索引领先，这是搜索引擎推广中最重要的策略。搜索引擎的擎的“搜索机器人搜索机器人spiders” 会自动搜索网页内容，因会自动搜索网页内容，因此搜索

20、引擎策略从优化网页开始。此搜索引擎策略从优化网页开始。 （1）添加网页标题（）添加网页标题（title）。）。 （2）添加描述性）添加描述性META标签。标签。 （3）在网页中添加粗体文字（一般为文章标题）中）在网页中添加粗体文字（一般为文章标题）中也填上你的关键词。也填上你的关键词。 （4）确保在你的网页正文第一段就出现关键词。）确保在你的网页正文第一段就出现关键词。 （5）导航设计要易于搜索引擎搜索。）导航设计要易于搜索引擎搜索。 7.4.1 让站点有效的登录到搜索引擎中让站点有效的登录到搜索引擎中 一说宣传，大多数人首先想到的都是做广告，一说宣传，大多数人首先想到的都是做广告，在网上也是

21、可以做广告的，并且费用较之传统媒体在网上也是可以做广告的，并且费用较之传统媒体便宜许多。但是如果想将广告放在各大知名网站中，便宜许多。但是如果想将广告放在各大知名网站中，费用也是很可观的。那么还有别的选择吗？费用也是很可观的。那么还有别的选择吗？ 其实除了收费广告，网上还有各种免费的广告其实除了收费广告，网上还有各种免费的广告交换计划，所谓广告交换，就是在你的网站上放置交换计划，所谓广告交换，就是在你的网站上放置其他站点的广告，作为回报，广告交换计划的组织其他站点的广告，作为回报，广告交换计划的组织者会根据你主页中显示其他网站广告的次数按一定者会根据你主页中显示其他网站广告的次数按一定比例在其

22、他网站上显示你自己的广告。比例在其他网站上显示你自己的广告。 7.4.2 网络广告网络广告 提供邮件列表服务是一个好主意，特别是对商提供邮件列表服务是一个好主意，特别是对商业网站，邮件列表可以定期或不定期地向客户提供业网站，邮件列表可以定期或不定期地向客户提供网站的更新信息、近期将会开展的活动等等。不过，网站的更新信息、近期将会开展的活动等等。不过，订阅邮件列表应出于访问者自愿，并且每期都要有订阅邮件列表应出于访问者自愿，并且每期都要有能吸引人的东西，否则有可能被当成垃圾邮件列入能吸引人的东西，否则有可能被当成垃圾邮件列入黑名单，就适得其反了。黑名单，就适得其反了。 7.4.3 邮件列表邮件列表 友情链接与交换广告类似，但并没有次数的限友情链接与交换广告类似，但并没