站点的优化与发布...ppt

1、第7章 站点的优化与发布,7.1 优化素材与HTML代码 7.2 Dreamweaver MX 2004的站点管理 7.3 上传主页的方式 7.4 站点的宣传与推广 7.5 站点的维护与更新,对一个电子商务网站来说，需要运用最少的带宽和服务器资源，为更多的客户提供更快捷的服务。而用户对Web站点的满意度，主要以访问速度来衡量。 从用户角度来说，Web站点只有“快”和“慢”之分；用户往往并不要求实现大容量数据传输，而是希望网站在保证性能的同时，能够容纳更多的访问者。Web用户所关心的问题的实质是访问时间。从网络维护角度说，导致延时的潜在因素是多方面的，这就需要网页设计人员对站点进行合理的优化、管

2、理及进行相关测试。 。,本章第一部分介绍的主要内容有： 了解站点优化的原则 掌握素材优化的方法 掌握HTML代码优化的方法 了解什么是站点管理 掌握站点管理的方法 了解站点测试的流程,商业网站都希望漂亮的门面能吸引更多的浏览者驻足浏览，而很多个网站的站长们更希望绚丽的图片给他们的小天地增加一些活力。然而，由于当前网速的限制，图片成了网速的死敌，动辄数十数百K的图片，往往令访问者知难而退，没有等到页面完全打开便已离去并且可能再不会回来，这样精心的设计变的毫无意义。 操作步骤： 1.设置浏览器不显示图片 2. 给图像添加替代（Alt）属性,7.1 优化素材与HTML代码7.1.1 优化图像,声音文

3、件体积较大，在网页中应控制他的使用。 在通常情况下，在选择网页背景音乐时，应尽量采用简单的mid格式的声音作为背景音乐，如果使用wav或mp3格式的音乐文件，最好使用采样率较低的单音道声音，并且应控制音乐的长度。,7.1.2 优化声音文件, WAVE，扩展名为WAV：该格式记录声音的波形，故只要采样率高、采样字节长、机器速度快，利用该格式记录的声音文件能够和原声基本一致，质量非常高，但这样做的代价就是文件太大。 MOD，扩展名MOD、ST3、XT、S3M、FAR、669等：该格式的文件里存放乐谱和乐曲使用的各种音色样本，具有回放效果明确，音色种类无限等优点。但他也有一些致命弱点，以至于现在已经

4、逐渐淘汰，目前只有MOD迷及一些游戏程序中尚在使用。 MPEG-3，扩展名MP3：现在最流行的声音文件格式，因其压缩率大，在网络可视电话通信方面应用广泛，但和CD唱片相比，音质不能令人非常满意。 Real Audio，扩展名RA：这种格式真可谓是网络的灵魂，强大的压缩量和极小的失真使其在众多格式中脱颖而出。和MP3相同，他也是为了解决网络传输带宽资源而设计的，因此主要目标是压缩比和容错性，其次才是音质。,声音素材的格式, Creative Musical Format，扩展名CMF：Creative公司的专用音乐格式，和MIDI差不多，只是音色、效果上有些特色，专用于FM声卡，但其兼容性也很差

5、。 CD Audio音乐CD，扩展名CDA：唱片采用的格式，又叫“红皮书”格式，记录的是波形流，绝对的纯正、HIFI。但缺点是无法编辑，文件长度太大。 MIDI，扩展名MID：目前最成熟的音乐格式，实际上已经成为一种产业标准，其科学性、兼容性、复杂程度等各方面当然远远超过本文前面介绍的所有标准（除交响乐CD、Unplug CD外，其他CD往往都是利用MIDI制作出来的），他的General MIDI就是最常见的通行标准。作为音乐工业的数据通信标准，MIDI能指挥各音乐设备的运转，而且具有统一的标准格式，能够模仿原始乐器的各种演奏技巧甚至无法演奏的效果，而且文件的长度非常小。,一般说来，建立一个

6、网站有两种方法：一种是把一个有内容的目录当作网站，即把所有网站的元素都存放在这一个目录下。另一种方法是从无到有在一个新目录下建立一个网站。这两种方法，通过Deamweaver MX 2004操作都是非常方便的。,7.2 Dreamweaver MX 2004的站点管理,网站制作过程中因为这样那样的原因可能会产生一些错误的链接，特别是大型站点，错误总是难以避免的，而且一些在制作过程中使用的临时文件也留在站点中，要手动检查出这些错误和废文件是很困难的。 操作步骤： 检查链接、清除站内孤立文件,7.2.1 检查链接、清除站内孤立文件,在网站发布前，最好找一位没有直接参与网站制作的人来做一次测试，也许

7、他会发现制作人员因为过于自信而忽略的问题。 （1）检查链接。虽然Dreamweaver MX 2004有链接检查器，可以方便的检查错误链接，但是在网站发布前从头到尾检查一遍站点的链接是绝对有必要的：即在浏览器中逐个点击链接，主要检查是否有空链、断链、链接错误以及是否缺少回到上一层页面或主页的渠道。 （2）检查网页中出现的脚本是否正确、是否会有显示不出来的图片、在不同的浏览器中是否会有糟糕的表现等等。 （3）在纯文本模式下（即关掉浏览器的图片、声音、动画等多媒体项目，只显示文字）检查整个网站，看看在没有多媒体信息的情况下访问者能否获得整个网站的信息。 （4）注意文字显示是否正常，例如：很多在Dr

8、eamweaver MX 2004下制作的网页在Netscape（网景浏览器）中显示出大字符，在网页中出现乱码等，这些现象是能够避免的。,7.2.2 测试本地站点,完成了页面的制作与优化，就可以发布到Internet上供他人访问了。如果你的服务器是申请的免费空间或是使用虚拟主机，就需要把做好的网页上传了。此外，还要想办法宣传和推广制作好的网站，尽可能的提高网站的知名度，提高站点的访问量。 本章第二部分介绍的主要内容有： 了解什么是站点发布 掌握上传主页的方法 掌握宣传和推广自己主页的方法 了解站点维护知识,1. 用E-mail将做好的网页发送给网络管理员，由该网管员将你的网页放到相应的服务器目

9、录中。这种方式中，主页的维护与更新相当不方便。 2. 基于WWW的上传，相信大家都用过WWW的免费信箱发送过邮件，其实在WWW邮箱中粘贴附件就是上传文件，这种维护和更新网页的方式受网速的影响较大，而且因为WWW不支持断点续传，上传较大的文件变得很困难了。 3. FTP上传是这三种上传方式中最方便的。Dreamweaver MX 2004本身就内置了FTP上传功能，使网页制作者在没有其他上传工具就能上传主页，非常方便,7.3上传主页的方式,Dreamweaver MX 2004软件自带FTP上传功能，但是要使用Dreamweaver MX 2004的FTP功能就必须先定义站点的外部信息。 操作步

10、骤： 用Dreamweaver MX 2004上传主页,7.3.1 用Dreamweaver MX 2004上传主页,CuteFtp是容易使用且很受欢迎的FTP软件，下载文件支持续传、可下载或上传整个目录、具有不会因闲置过久而被站点踢出后台。可以上载下载队列，上载断点续传，整个目录覆盖和删除等。 操作步骤： 使用CuteFtp上传主页,7.3.2 使用CuteFtp上传主页,如果制作的是个人站点，可能是想获得别人的肯定或者寻找某种机遇，或者只是为了兴趣爱好。不管处于什么目的，都会把站点规划成某种类型，比如新闻或者文学，而选择好的类型是站点成功的第一步。 当定位好自己的站点类型后，就要考虑哪些人

11、该是你的访问者。其实这个问题在定位网站类型，已经作了回答，如果选择文学类型，那么爱好文学就会是访问者，之所以要知道谁是访问者，是因为在确定了访问者喜好后，可以更有信心去提供合适的内容。,7.4 站点的宣传与推广,将网站最重要的关键词在主要搜索引擎中排名领先，这是搜索引擎推广中最重要的策略。搜索引擎的“搜索机器人spiders” 会自动搜索网页内容，因此搜索引擎策略从优化网页开始。 （1）添加网页标题（title）。 （2）添加描述性META标签。 （3）在网页中添加粗体文字（一般为文章标题）中也填上你的关键词。 （4）确保在你的网页正文第一段就出现关键词。 （5）导航设计要易于搜索引擎搜索。,

12、7.4.1 让站点有效的登录到搜索引擎中,一说宣传，大多数人首先想到的都是做广告，在网上也是可以做广告的，并且费用较之传统媒体便宜许多。但是如果想将广告放在各大知名网站中，费用也是很可观的。那么还有别的选择吗？ 其实除了收费广告，网上还有各种免费的广告交换计划，所谓广告交换，就是在你的网站上放置其他站点的广告，作为回报，广告交换计划的组织者会根据你主页中显示其他网站广告的次数按一定比例在其他网站上显示你自己的广告。,7.4.2 网络广告,提供邮件列表服务是一个好主意，特别是对商业网站，邮件列表可以定期或不定期地向客户提供网站的更新信息、近期将会开展的活动等等。不过，订阅邮件列表应出于访问者自愿，并且每期都要有能吸引人的东西，否则有可能被当成垃圾邮件列入黑名单，就适得其反了。,7.4.3 邮件列表,友情链接与交换广告类似，但并没有次数的限制，对于个人网站来说，友情链接恐怕比广告交换的效果要好。选择怎样的网页做友情链接，将友情链接放在哪个页面上，都可以由你自己决定。 友情链接是相互建立的，要别人加上你的链接，也应该在自己的网站上放置别人的banner或文字链接。此外，banner相当于你的网站广告了，网友在别人的主页惟一能获得关于你的网站的信息也许就靠这个banner，因此要做的醒目、漂亮，才能让