网站制作过程－－－－新手必看！
作者:vlin90 日期:2006-05-23 11:56
网站制作过程－－－－新手必看！
一 基本概念
1 网页（Web Page)
网页就是、、、、（很难懂的概念，极其抽象，看得见摸不着），你为什么到互联网去，你在WWW上看到的就是网页。它是由HTML编写的文件，上面有贴图，有音乐，有、、、、
2 主页（Home Page）
主页（Home Page)它是一个网页，是进入一个网站的开始画面，就同“瘟酒吧”的蓝天白云一样。也就是说，主页是一个网站的门面，要想设计出一个优秀的网站，就必须有一个“要让浏览者想不看都难”的主页，它必须引人入胜，能吸引每一个来访者的注意力，引发人们的好奇心，能让人产生一种深入探索你的网站的冲动。优秀的主页是一个好的网站必须具备的第一要素。
3 超级链接（Hyperlink)
超级链接是WWW的神经系统，它也是向导，把你从一个网页带到另一个网页，或者从网页的某一部分引导到另一部分。超级链接是用特殊的文本或图象来实现链接的，单击它就可以实现它的功能。
4 超文本（HyperText)
超文本是一种新的文件形式，指一个文件的内容可以无限地与相关资料链接。超文本是自然语言文本与计算机交互、转移和动态显示等能力结合，超文本系统允许用户任意构造链接，通过Hyperlink来实现。
5 超文本语言（Hyper Text Markup Language）
超文本语言(HTML)是制作编写网页、包含超级链接的超文件的标准语言，它由文本和标记组成。超文本文件的扩展名一般为 .html或.htm。
网站的组织结构
上网的网虫一定觉得网络上内容丰富、信息繁杂，但你是否想过一个网站的组织结构。网页的组织结构有以下四种：
1、线性结构
这是网站最简单的一种结构，它是以某种顺序组织的，可以是时间顺序，也可以是逻辑甚至是字母顺序。通过这些顺序呈线性地链接。如一般的索引就采用线性结构。线性结构是组织网页的基本结构，复杂的结构也可以看成是由线性结构组成的。
2、二维表结构
这种结构允许用户横向、纵向地浏览信息。它就好象一个二维表，如看课表一样。
3、等级结构
等级结构由一条等级主线构成索引，每一个等级点又由一条线性结构构成。如网站导航等就是这种结构。在构造等级之前，你必须完全彻底的理解你的网站内容，避免线性组织不严的错误，不方便浏览者。
4、网状结构
这是最复杂的组织结构，它完全没有限制，网页组织自由链接。这种结构允许访问者从一个信息栏目跳到另一个栏目去，其目的就是充分利用网络资源和充分享受超级链接。整个互联网就是一个超级大的“网”状结构。
开始构造你的网站
1、总体规划你的网站
当你想建立你的网站是你一定已经在网上浏览过n个小时了，当看见别人的网上之家的时候，或者受朋友“到我的网页看看”的精神刺激下，你开始产生网上建家的冲动了！但是这时候你并不知道你建网站的目的，你也不知道你该做成什么样的网页，“家里”该有些什么摆设。于是你应该静下来想一想，怎样规划你的网站。首先，你要有信心和知识。再次，你得有内容，网站应该有一个什么样的主题，别人来你的网页看什么。接着，你要组织你的网页了，它们该是什么结构，这种结构不仅要让访问者能感觉到你的风格，也要方便你自己维护网站。最后，构思出你的“引人入胜”的门面（Home Page)。
2、准备工具和材料
拿出扳手、电线、螺丝刀和......我们要制作网页了！安装好一种编写HTML语言的编辑器，你可以利用IE的frontpage，但是你应该有更好的，当然是Frontpage98了！Word一般的简易操作；支持Microsoft、Netscape的全部网页标签，极好的兼容性；提供多种设计样板，表单向导等傻瓜功能；强大的管理工能可以检查网页链接、查看组织结构、上网传送甚至检查你的拼写错误；“所见就所得”，普通视图、HTML、预览自由切换。当然你也可以按自己的爱好选择：Hotdog;Pagemill;Homesite......随便你。有了编程工具就该准备你的网页素材了！文本、图片、动画、midi和mp3音乐等等准备搬上网的东东。制作这些东西你也许要用到做图片的Photoshop、做gif动画的GALE、制作image map的工具Map This、中文字库也应该拿出来。
3、制作网页
当然要制作网页了！......于是你把网页制作好了！（以后再讲）
4、测试网站
网页做好了，链接做好了，测试工作必不可少。用Frontpage98的FrontPage web Server（WEB服务器）可以对你的网页进行测试，看看链接是否正确发现问题及时改正。
5、上传你的网页
不对不对，你还得先申请一个放网页的空间。现在网上提供免费主页空间的网站很多，回到我的主页 http://cooler.coool100.net去吧，我收集了一些。申请到空间后，带上ftp工具上路了！如 cuteftp，先在site manage添上你的，填写上传主机服务器的地址，你的用户名，你的密码，就可以了。开始连接主机，登录用户，打开右边允许你上传的目录，
把你要上传的东东都拖过去。注意：你的主页名应该是index.htm；index.html或者default.htm；default.html，按申请地方的要求来，还有就是文件名的大小写，unix主机可区分严格哟。上传后你就可以欣赏你的作品了，怎么样？兴奋吧！
6、宣传你的网页
网页做好了，也上传了。但现在没人知道，怎样宣传你的主页呢？当然是上聊天室，到处贴帖子，发E-MAIL通知好友，登录搜索引擎，用免费广告，同别人互相交换连接......
7、网站维护和更新
要想访问量大，你得经常更新你的网页，增加网页内容，并弥补网站存在的缺陷。
关于网页导览设计的九注意
一.当导览按钮连结到目前此页时
各Webpage若重复使用同一组的导览按钮，无可避免地会产生某一导览按钮连结到目前此页的情形。为达成界面设计的一致性，并没有绝对的必要性拿掉此导览按钮，但Webpage设计者可让此按钮不再具有超连结的功能；或将此按钮的彩度、亮度降低（如∶深绿色变成淡绿色，亮红色变成暗红色），使读者可清楚地意识到∶这个暗设下来的导览按钮不再具有超连结的功能。
二.不要在一篇短文里提供太多的超连结
适当、有效率地使用超连结，是一个优良的导览系统不可或缺的要件之一。但过份滥用超连结，造成短短的一篇文章里却处处是links，反而损害了Webpage行文的流畅与可亲性。在充斥着超连结的短文里，很可能其中不少是无意义、没必要的links。例如∶连结到一页只有两三行注解的link、连结到一页只放了「施工中」的招牌的link。在一篇长短适中的Webpage里（3、4个荧幕页面），文章里提供的文字式超连结最好不要超过10个以上，以使全页行文能够顺畅，而读者也不至于眼见一大堆超连结，反而不知从何点取才好。况且，连续、肩并肩地出现两、三个文字式超连结，很容易被误认为只是一个长度较长的超连结，于是被读者忽略掉，便也失去了这些超连结的原本功能。 如果您果真有那么多的超连结必须提供给读者，不如将这些超连结以条列的方式，一笔一笔清楚地列在一选单页或目录页上，既不防碍走文的顺畅，又呈现一目了然的导览连结。
三.让超连结的字串长短适中且走文自然
抓住能传达主要讯息的字眼当做超连结的锚点（anchor），可有效地控制住超连结的字串长度，避免字串过长（如∶整行、整句都是锚点字串）或过短（如∶仅一个字当做锚点），而不利于读者的阅读或点取。
四.注意超连结颜色与单纯叙述文字的颜色呈现
WWW的语言—HTML允许Webpage设计者特别标明单纯叙述文字与超连结的用色，以便丰富Webpage的色彩呈现。如果您的网站充满知识性的信息，欲传达给访问者，建议您将网页内的文字与超连结用色，设计成较乾净素雅的色调，会较有利于阅读∶纯粹的叙述文字采用较暗、较深的颜色来呈现（如∶黑色、墨绿色、暗褐色），超连结文字则以较鲜明抢眼的色彩来强调（如∶亮黄色、翠绿色、鲜橘色），至于探访过的超连结则采用较低于原超连结亮度的颜色做呈现。
五.分析、说明您提供的bookmarks或coollinks
常常看到热心的Webpage设计者条列了精心收集的bookmarks或coollinks，以分享读者个人遨游WWW的美好经验。但多数Webpage设计者就只提供一大串links，并不分门别类，也不加以分析、说明为什么这个link好，值得推荐？那个link的主要内容为何精彩之处？又在哪？ 提供您的bookmarks或coollinks是一大善举，但未加以分析、说明，却变得功亏一篑。多花几分钟，将您提供的bookmarks或coollinks稍加分类、注解，可提供读者清晰的概念与无限的方便，也使您的站台的导览系统更加周全完善。未加以说明、注解的coollinks，其实一点也不cool。老实说，任何人都可以到Yahoo轻易地找到上百上千的links。您若未对这些推荐的links加以个人独特的评论、介绍，读者又何劳偏得到您的站台去找索引呢？任何一个分类索引或搜寻引擎都绝对比您条列的links还要更完备齐全。
六.在具前后连续顺序的文件里提供必要的连结
将篇幅过长的文件分隔成数篇较小的Webpages大大地增加了界面的亲和性，但在导览按钮与超连结的配置上，Webpage设计者则要更细心周全地安排，使得读者不论身处您站台的哪一阶层，依然能够快速便捷地通往其他任何一个页面。Webpage设计者应特别注意∶
1.提供「上一页」、「下一页」、「回子目录页」与「回首页」的导览按钮或超连结在一系列具前后连续顺序的文件里，每篇Webpage都至少应提供「上一页」、「下一页」、「回子目录页」与「回首页」的导览按钮或超连结，可使读者能够立即得知自己所在的页面，是属于一份较大文件内的一小部分。（考虑、体贴一下某读者不是从您的Home顺序连结至此页，而是依循别的站台的某个link跳跃连结至此）。并且可以藉由这些links随时参考连结「上一页」、「下一页」与本页的连贯内容；直接点取「回子目录页」查寻其他相关的标题；或直接跳跃至homepage，浏览其他不同项目的信息。
2.简明扼要地标明此页、上一页与下一页文件的标题或内容梗概
在一系列具前后连续顺序的文件里，每篇Webpage都应加上一个具说明性的标题，使读者一目了然，马上抓住这一页的重点。 而完善的导览系统除了提供「上一页」、「下一页」的导览按钮或超连结外，更添加精简达意的上一页与下一页标题、内容提要，使读者即使尚未点取这些Webpages时，亦能先梗概地了解自己将连结至什么样的Webpage。
3.提醒读者某一系列文件已到尽头
当读者已达某一系列文件的最后一页时，Webpage设计者应提供一小段告示提醒读者，同时不再提供「下一页」的导览按钮或超连结。 但基于Webpage介面设计的一致性，或许有些Webpage设计者并不希望在同一系列的最后一篇Webpage里忽然少了一个先前每页都有的「下一页」导览按钮（尤其是精心设计过的图形化导览按钮）。为达成此目的，可考虑将最后一页的「下一页」导览按钮颜色暗沉下来，且不赋予超连结的功能，并提供一小段告示提醒读者，此系列文件已到尽头，不再有「下一页」的内容。
七.在较长的Webpage内提供目录表与大标题
理想的Webpage长度以不超过3、4个荧幕页面为佳。但是如果基于某些特殊理由，您的Webpage一定要做得很长，那么不要忘了在此长篇的Webpage最上头，提供一个目录表，Webpage的内容也标上大小标题，以利清楚阅读。尤其重要的是，在这些标题与目录表的HTMLsource里分别设置锚点，与连结到锚点，以使您的Webpage真正发扬WWW的高互动性、高便捷性功能。
八.暂时不提供超连结到尚未完成的Webpage
超连结或导览按钮应该引导读者到一篇真正「有料」的Webpage，而不是以「挂羊头卖狗肉」的方式，事先将某一超连结描述得超级精彩、超级诱人，结果读者兴致勃勃地连结过去，却根本看不到任何精彩、诱人的内容，唯一所见的，只是一张无聊的告示牌∶「施工中」。
如果您急欲在网络上推出您的站台、展现您Homepage，但仍有少数几页Webpage尚未完成，建议您先暂时别让这些「施工中」的Webpage正式露面。（即先暂时别让这些连往「施工中」的Webpage的「超连结」，拥有真正的超连结功能。）等到您「几乎」完工之后（Webpage永远没有「真正」完工之时，总是需要不断地修改、增添、翻新），再正式开放连结也不迟。
倘若您急欲告诉读者，您即将提供一页超级精彩、超级诱人的Webpage在此站台，只是目前仍在努力赶工中，您大可直接摆一段告示在即将是「超连结」的文字旁（但目前仍不具超连结的功能），明白昭告世人，以减省读者徒然点取、徒然往返的时间；也免得读者满怀希望，却又落得失望而归。
九.测试所有的超连结与导览按钮的真实可行性
Webpage上线之后，第一件该做的事，是逐一测试每一页的每一个超连结与每一个导览按钮其真实可行性。彻底检验有没有失败的link无法连结到该连结的Webpage，却反而冒出“FileNotFound"的错误讯号出来。这是一个负责任、够水准的Webpage设计者对自己的作品应有的基本品质要求。
个人网站建站三步曲
现在网上、网下网虫们流行的口头禅：“记着给我发个伊妹儿”“记着网上CALL我”“到我家看看”。从以前的抢信箱，到现在的抢主页空间。随着网易的“第一次”提供免费主页空间，免费主页如中国的网民一样迅速胀开。这可乐煞了我们这些网民了！拥有自己的网上之家，是每个网人的骄傲。在这里我来介绍建站的三步曲。
一、建站
既然是建立个人网站，第一步当然是先拥有一个（...)个人网站啦!但还是得先准备“家具”----网页。制作网页的工具大概分成二类。一类是即见即所得，如：netscape navigator golden、frontpage98等，这类软件使用较简单，适与初学者。而另一类是 文本编辑类，如hotdog、homesitet等，适合于专业设计者。对与我们来讲，当然是Frontpage98了！Word一般的简易操作；支持Microsoft、Netscape的全部网页标签，极好的兼容性；提供多种设计样板，表单向导等傻瓜功能；强大的管理工能可以检查网页链接、查看组织结构、上网传送甚至检查你的拼写错误；“所见就所得”，普通视图、HTML、预览自由切换。当然你也可以按自己的爱好选择：Hotdog;Pagemill;Homesite......随便你。
个人主页的内容是最关 键的，首先得确定自己的网页的主题，不要没主没次，大杂烩。想一想您在做些什么？为什么做？做来干什么？在制作时别忘了尽量少采用大图片，让网页的传输更快捷。免得浏览者还没来得及看看“庐山真面目”就爽快地Close了！很惨的哟！“一切向钱看”嘛。
网页制作完了，就要申请主页空间，不然没地皮怎么建家园呢？现在网上提供免费主页空间的很多，不过现在在大伙的抢劫下，很多都暂停或整顿了。不过还有营业的，申请时尽量多多申请几个，以备万一。有了空间就开始建房了。网页的上载一般有三种方式：Email、Ftp和www。如以Ftp上传 可使用cuteftp等工具，在host：填上主机地址，再填上用户名和密码。(这些东东，在你申请后，提供空间的站点会Email给你，或者建站注意等地方有。）连接主机，登录，上传......哈哈！我的家建好了！（一副惟我独尊的样子）
二、宣传
要是只有你自己一个人知道你网页的地址,那么......(名副其实的个人网站）。因此如何给自己网站做广告就成为网页浏览量的关键。网页的宣传大致有以下几种方法。第一种，到各大搜索引擎注册，例如到yahoo、goyoyo等国外搜索引擎。国内的如：网易、搜狐、瀛海威等，填填表格，就能注册了。第二种，参加各种广告交换组织把它的广告加到你的主页，而你的主页广告也会出现在其他会员的主页上。第三种方法，到国内外ISP的个人空间的栏目中登记你的网页，根据你网页的内容选取不同 的类型登记。第三种方法，利用网上广播站，Broadcaster(www.broadcater.co.uk),它能帮你到近***个搜索引擎处注册。第四种方法，到各公告栏、论坛、BBS、聊天室等大肆宣传一番，使得...第五种方法，发Email给你的网友，告诉他们“我有自己的家了”。不断地宣传，宣传再宣传，你网页上的计数器肯定会...(不会吧!位数不够了?)
三、维护更新
其实这才应该是最重要的，要保持网页的浏览人数，你就要不断地更新你的主页，增加内容， 永远给人一种新鲜感。平时上网时多搜集资料，多听听别人的意见。内容第一嘛！
一 基本概念
1 网页（Web Page)
网页就是、、、、（很难懂的概念，极其抽象，看得见摸不着），你为什么到互联网去，你在WWW上看到的就是网页。它是由HTML编写的文件，上面有贴图，有音乐，有、、、、
2 主页（Home Page）
主页（Home Page)它是一个网页，是进入一个网站的开始画面，就同“瘟酒吧”的蓝天白云一样。也就是说，主页是一个网站的门面，要想设计出一个优秀的网站，就必须有一个“要让浏览者想不看都难”的主页，它必须引人入胜，能吸引每一个来访者的注意力，引发人们的好奇心，能让人产生一种深入探索你的网站的冲动。优秀的主页是一个好的网站必须具备的第一要素。
3 超级链接（Hyperlink)
超级链接是WWW的神经系统，它也是向导，把你从一个网页带到另一个网页，或者从网页的某一部分引导到另一部分。超级链接是用特殊的文本或图象来实现链接的，单击它就可以实现它的功能。
4 超文本（HyperText)
超文本是一种新的文件形式，指一个文件的内容可以无限地与相关资料链接。超文本是自然语言文本与计算机交互、转移和动态显示等能力结合，超文本系统允许用户任意构造链接，通过Hyperlink来实现。
5 超文本语言（Hyper Text Markup Language）
超文本语言(HTML)是制作编写网页、包含超级链接的超文件的标准语言，它由文本和标记组成。超文本文件的扩展名一般为 .html或.htm。
网站的组织结构
上网的网虫一定觉得网络上内容丰富、信息繁杂，但你是否想过一个网站的组织结构。网页的组织结构有以下四种：
1、线性结构
这是网站最简单的一种结构，它是以某种顺序组织的，可以是时间顺序，也可以是逻辑甚至是字母顺序。通过这些顺序呈线性地链接。如一般的索引就采用线性结构。线性结构是组织网页的基本结构，复杂的结构也可以看成是由线性结构组成的。
2、二维表结构
这种结构允许用户横向、纵向地浏览信息。它就好象一个二维表，如看课表一样。
3、等级结构
等级结构由一条等级主线构成索引，每一个等级点又由一条线性结构构成。如网站导航等就是这种结构。在构造等级之前，你必须完全彻底的理解你的网站内容，避免线性组织不严的错误，不方便浏览者。
4、网状结构
这是最复杂的组织结构，它完全没有限制，网页组织自由链接。这种结构允许访问者从一个信息栏目跳到另一个栏目去，其目的就是充分利用网络资源和充分享受超级链接。整个互联网就是一个超级大的“网”状结构。
开始构造你的网站
1、总体规划你的网站
当你想建立你的网站是你一定已经在网上浏览过n个小时了，当看见别人的网上之家的时候，或者受朋友“到我的网页看看”的精神刺激下，你开始产生网上建家的冲动了！但是这时候你并不知道你建网站的目的，你也不知道你该做成什么样的网页，“家里”该有些什么摆设。于是你应该静下来想一想，怎样规划你的网站。首先，你要有信心和知识。再次，你得有内容，网站应该有一个什么样的主题，别人来你的网页看什么。接着，你要组织你的网页了，它们该是什么结构，这种结构不仅要让访问者能感觉到你的风格，也要方便你自己维护网站。最后，构思出你的“引人入胜”的门面（Home Page)。
2、准备工具和材料
拿出扳手、电线、螺丝刀和......我们要制作网页了！安装好一种编写HTML语言的编辑器，你可以利用IE的frontpage，但是你应该有更好的，当然是Frontpage98了！Word一般的简易操作；支持Microsoft、Netscape的全部网页标签，极好的兼容性；提供多种设计样板，表单向导等傻瓜功能；强大的管理工能可以检查网页链接、查看组织结构、上网传送甚至检查你的拼写错误；“所见就所得”，普通视图、HTML、预览自由切换。当然你也可以按自己的爱好选择：Hotdog;Pagemill;Homesite......随便你。有了编程工具就该准备你的网页素材了！文本、图片、动画、midi和mp3音乐等等准备搬上网的东东。制作这些东西你也许要用到做图片的Photoshop、做gif动画的GALE、制作image map的工具Map This、中文字库也应该拿出来。
3、制作网页
当然要制作网页了！......于是你把网页制作好了！（以后再讲）
4、测试网站
网页做好了，链接做好了，测试工作必不可少。用Frontpage98的FrontPage web Server（WEB服务器）可以对你的网页进行测试，看看链接是否正确发现问题及时改正。
5、上传你的网页
不对不对，你还得先申请一个放网页的空间。现在网上提供免费主页空间的网站很多，回到我的主页 http://cooler.coool100.net去吧，我收集了一些。申请到空间后，带上ftp工具上路了！如 cuteftp，先在site manage添上你的，填写上传主机服务器的地址，你的用户名，你的密码，就可以了。开始连接主机，登录用户，打开右边允许你上传的目录，
把你要上传的东东都拖过去。注意：你的主页名应该是index.htm；index.html或者default.htm；default.html，按申请地方的要求来，还有就是文件名的大小写，unix主机可区分严格哟。上传后你就可以欣赏你的作品了，怎么样？兴奋吧！
6、宣传你的网页
网页做好了，也上传了。但现在没人知道，怎样宣传你的主页呢？当然是上聊天室，到处贴帖子，发E-MAIL通知好友，登录搜索引擎，用免费广告，同别人互相交换连接......
7、网站维护和更新
要想访问量大，你得经常更新你的网页，增加网页内容，并弥补网站存在的缺陷。
关于网页导览设计的九注意
一.当导览按钮连结到目前此页时
各Webpage若重复使用同一组的导览按钮，无可避免地会产生某一导览按钮连结到目前此页的情形。为达成界面设计的一致性，并没有绝对的必要性拿掉此导览按钮，但Webpage设计者可让此按钮不再具有超连结的功能；或将此按钮的彩度、亮度降低（如∶深绿色变成淡绿色，亮红色变成暗红色），使读者可清楚地意识到∶这个暗设下来的导览按钮不再具有超连结的功能。
二.不要在一篇短文里提供太多的超连结
适当、有效率地使用超连结，是一个优良的导览系统不可或缺的要件之一。但过份滥用超连结，造成短短的一篇文章里却处处是links，反而损害了Webpage行文的流畅与可亲性。在充斥着超连结的短文里，很可能其中不少是无意义、没必要的links。例如∶连结到一页只有两三行注解的link、连结到一页只放了「施工中」的招牌的link。在一篇长短适中的Webpage里（3、4个荧幕页面），文章里提供的文字式超连结最好不要超过10个以上，以使全页行文能够顺畅，而读者也不至于眼见一大堆超连结，反而不知从何点取才好。况且，连续、肩并肩地出现两、三个文字式超连结，很容易被误认为只是一个长度较长的超连结，于是被读者忽略掉，便也失去了这些超连结的原本功能。 如果您果真有那么多的超连结必须提供给读者，不如将这些超连结以条列的方式，一笔一笔清楚地列在一选单页或目录页上，既不防碍走文的顺畅，又呈现一目了然的导览连结。
三.让超连结的字串长短适中且走文自然
抓住能传达主要讯息的字眼当做超连结的锚点（anchor），可有效地控制住超连结的字串长度，避免字串过长（如∶整行、整句都是锚点字串）或过短（如∶仅一个字当做锚点），而不利于读者的阅读或点取。
四.注意超连结颜色与单纯叙述文字的颜色呈现
WWW的语言—HTML允许Webpage设计者特别标明单纯叙述文字与超连结的用色，以便丰富Webpage的色彩呈现。如果您的网站充满知识性的信息，欲传达给访问者，建议您将网页内的文字与超连结用色，设计成较乾净素雅的色调，会较有利于阅读∶纯粹的叙述文字采用较暗、较深的颜色来呈现（如∶黑色、墨绿色、暗褐色），超连结文字则以较鲜明抢眼的色彩来强调（如∶亮黄色、翠绿色、鲜橘色），至于探访过的超连结则采用较低于原超连结亮度的颜色做呈现。
五.分析、说明您提供的bookmarks或coollinks
常常看到热心的Webpage设计者条列了精心收集的bookmarks或coollinks，以分享读者个人遨游WWW的美好经验。但多数Webpage设计者就只提供一大串links，并不分门别类，也不加以分析、说明为什么这个link好，值得推荐？那个link的主要内容为何精彩之处？又在哪？ 提供您的bookmarks或coollinks是一大善举，但未加以分析、说明，却变得功亏一篑。多花几分钟，将您提供的bookmarks或coollinks稍加分类、注解，可提供读者清晰的概念与无限的方便，也使您的站台的导览系统更加周全完善。未加以说明、注解的coollinks，其实一点也不cool。老实说，任何人都可以到Yahoo轻易地找到上百上千的links。您若未对这些推荐的links加以个人独特的评论、介绍，读者又何劳偏得到您的站台去找索引呢？任何一个分类索引或搜寻引擎都绝对比您条列的links还要更完备齐全。
六.在具前后连续顺序的文件里提供必要的连结
将篇幅过长的文件分隔成数篇较小的Webpages大大地增加了界面的亲和性，但在导览按钮与超连结的配置上，Webpage设计者则要更细心周全地安排，使得读者不论身处您站台的哪一阶层，依然能够快速便捷地通往其他任何一个页面。Webpage设计者应特别注意∶
1.提供「上一页」、「下一页」、「回子目录页」与「回首页」的导览按钮或超连结在一系列具前后连续顺序的文件里，每篇Webpage都至少应提供「上一页」、「下一页」、「回子目录页」与「回首页」的导览按钮或超连结，可使读者能够立即得知自己所在的页面，是属于一份较大文件内的一小部分。（考虑、体贴一下某读者不是从您的Home顺序连结至此页，而是依循别的站台的某个link跳跃连结至此）。并且可以藉由这些links随时参考连结「上一页」、「下一页」与本页的连贯内容；直接点取「回子目录页」查寻其他相关的标题；或直接跳跃至homepage，浏览其他不同项目的信息。
2.简明扼要地标明此页、上一页与下一页文件的标题或内容梗概
在一系列具前后连续顺序的文件里，每篇Webpage都应加上一个具说明性的标题，使读者一目了然，马上抓住这一页的重点。 而完善的导览系统除了提供「上一页」、「下一页」的导览按钮或超连结外，更添加精简达意的上一页与下一页标题、内容提要，使读者即使尚未点取这些Webpages时，亦能先梗概地了解自己将连结至什么样的Webpage。
3.提醒读者某一系列文件已到尽头
当读者已达某一系列文件的最后一页时，Webpage设计者应提供一小段告示提醒读者，同时不再提供「下一页」的导览按钮或超连结。 但基于Webpage介面设计的一致性，或许有些Webpage设计者并不希望在同一系列的最后一篇Webpage里忽然少了一个先前每页都有的「下一页」导览按钮（尤其是精心设计过的图形化导览按钮）。为达成此目的，可考虑将最后一页的「下一页」导览按钮颜色暗沉下来，且不赋予超连结的功能，并提供一小段告示提醒读者，此系列文件已到尽头，不再有「下一页」的内容。
七.在较长的Webpage内提供目录表与大标题
理想的Webpage长度以不超过3、4个荧幕页面为佳。但是如果基于某些特殊理由，您的Webpage一定要做得很长，那么不要忘了在此长篇的Webpage最上头，提供一个目录表，Webpage的内容也标上大小标题，以利清楚阅读。尤其重要的是，在这些标题与目录表的HTMLsource里分别设置锚点，与连结到锚点，以使您的Webpage真正发扬WWW的高互动性、高便捷性功能。
八.暂时不提供超连结到尚未完成的Webpage
超连结或导览按钮应该引导读者到一篇真正「有料」的Webpage，而不是以「挂羊头卖狗肉」的方式，事先将某一超连结描述得超级精彩、超级诱人，结果读者兴致勃勃地连结过去，却根本看不到任何精彩、诱人的内容，唯一所见的，只是一张无聊的告示牌∶「施工中」。
如果您急欲在网络上推出您的站台、展现您Homepage，但仍有少数几页Webpage尚未完成，建议您先暂时别让这些「施工中」的Webpage正式露面。（即先暂时别让这些连往「施工中」的Webpage的「超连结」，拥有真正的超连结功能。）等到您「几乎」完工之后（Webpage永远没有「真正」完工之时，总是需要不断地修改、增添、翻新），再正式开放连结也不迟。
倘若您急欲告诉读者，您即将提供一页超级精彩、超级诱人的Webpage在此站台，只是目前仍在努力赶工中，您大可直接摆一段告示在即将是「超连结」的文字旁（但目前仍不具超连结的功能），明白昭告世人，以减省读者徒然点取、徒然往返的时间；也免得读者满怀希望，却又落得失望而归。
九.测试所有的超连结与导览按钮的真实可行性
Webpage上线之后，第一件该做的事，是逐一测试每一页的每一个超连结与每一个导览按钮其真实可行性。彻底检验有没有失败的link无法连结到该连结的Webpage，却反而冒出“FileNotFound"的错误讯号出来。这是一个负责任、够水准的Webpage设计者对自己的作品应有的基本品质要求。
个人网站建站三步曲
现在网上、网下网虫们流行的口头禅：“记着给我发个伊妹儿”“记着网上CALL我”“到我家看看”。从以前的抢信箱，到现在的抢主页空间。随着网易的“第一次”提供免费主页空间，免费主页如中国的网民一样迅速胀开。这可乐煞了我们这些网民了！拥有自己的网上之家，是每个网人的骄傲。在这里我来介绍建站的三步曲。
一、建站
既然是建立个人网站，第一步当然是先拥有一个（...)个人网站啦!但还是得先准备“家具”----网页。制作网页的工具大概分成二类。一类是即见即所得，如：netscape navigator golden、frontpage98等，这类软件使用较简单，适与初学者。而另一类是 文本编辑类，如hotdog、homesitet等，适合于专业设计者。对与我们来讲，当然是Frontpage98了！Word一般的简易操作；支持Microsoft、Netscape的全部网页标签，极好的兼容性；提供多种设计样板，表单向导等傻瓜功能；强大的管理工能可以检查网页链接、查看组织结构、上网传送甚至检查你的拼写错误；“所见就所得”，普通视图、HTML、预览自由切换。当然你也可以按自己的爱好选择：Hotdog;Pagemill;Homesite......随便你。
个人主页的内容是最关 键的，首先得确定自己的网页的主题，不要没主没次，大杂烩。想一想您在做些什么？为什么做？做来干什么？在制作时别忘了尽量少采用大图片，让网页的传输更快捷。免得浏览者还没来得及看看“庐山真面目”就爽快地Close了！很惨的哟！“一切向钱看”嘛。
网页制作完了，就要申请主页空间，不然没地皮怎么建家园呢？现在网上提供免费主页空间的很多，不过现在在大伙的抢劫下，很多都暂停或整顿了。不过还有营业的，申请时尽量多多申请几个，以备万一。有了空间就开始建房了。网页的上载一般有三种方式：Email、Ftp和www。如以Ftp上传 可使用cuteftp等工具，在host：填上主机地址，再填上用户名和密码。(这些东东，在你申请后，提供空间的站点会Email给你，或者建站注意等地方有。）连接主机，登录，上传......哈哈！我的家建好了！（一副惟我独尊的样子）
二、宣传
要是只有你自己一个人知道你网页的地址,那么......(名副其实的个人网站）。因此如何给自己网站做广告就成为网页浏览量的关键。网页的宣传大致有以下几种方法。第一种，到各大搜索引擎注册，例如到yahoo、goyoyo等国外搜索引擎。国内的如：网易、搜狐、瀛海威等，填填表格，就能注册了。第二种，参加各种广告交换组织把它的广告加到你的主页，而你的主页广告也会出现在其他会员的主页上。第三种方法，到国内外ISP的个人空间的栏目中登记你的网页，根据你网页的内容选取不同 的类型登记。第三种方法，利用网上广播站，Broadcaster(www.broadcater.co.uk),它能帮你到近***个搜索引擎处注册。第四种方法，到各公告栏、论坛、BBS、聊天室等大肆宣传一番，使得...第五种方法，发Email给你的网友，告诉他们“我有自己的家了”。不断地宣传，宣传再宣传，你网页上的计数器肯定会...(不会吧!位数不够了?)
三、维护更新
其实这才应该是最重要的，要保持网页的浏览人数，你就要不断地更新你的主页，增加内容， 永远给人一种新鲜感。平时上网时多搜集资料，多听听别人的意见。内容第一嘛！
[细节篇]菜鸟建站全攻略-从入门到精通
作者:vlin90 日期:2006-05-23 11:45
[细节篇]菜鸟建站全攻略-从入门到精通
五. 具体细节篇
1．导航栏的设计
每次增加新的栏目或是对原有栏目的调整，都要对所有的页面更新。刚开始可能还算轻松，因为没几个页面，但当有几十、几百个网页后，这工作量实在太大了！如果偷懒只更新几个主要的网页，访问量就会剧减。
笔者首先想到的是FLASH可以做出漂亮的导航按钮，所有的页都用一样的导航栏，以后只要更新这个FLASH动画就可以使整个网站的页面都得到更新。但实际使用后发现FLASH造成网页的体积过大，在加上网站LOGO，商业BANNER……使网页变的臃肿不堪。
这办法不太好，于是笔者又考虑做个JavaScript的导航栏，体积又很小。假设我们要做一个包含“动漫专栏”、“游戏天地”、“音乐同人”、“交友直通车”四个栏目的导航栏：
首先是便于更新，所以要做个外接的JavaScript脚本，至于用到的语句就只有document.write(“”),新建一个文本文件，打开，输入： document.write(" ");
document.write("动漫专栏"); /*在“ ”里的是HTML格式的元素，该元素定义了一个锚(Anchor)，也就是把“动漫专栏”作为一个超链接，“HREF”属性指定“动漫专栏”链接到的其他资源上，也就是“http://richardddd.easthome.net”。（以下相同）*/
document.write(" ");/*该行是让链接之间保持一个空格，使链接的下划线不至于连在一起。也可以把空格该成“|”等来制造各种效果*/
document.write("游戏天地");
document.write(" ");
document.write("音乐同人");
document.write(" ");
document.write("交友直通车");
完成后，选择“文件”菜单的“另存为”，在对话框的“文件名”中输入“navigation.js”，“文件格式”里选“*.*”，于是，外接的JS脚本就写好了。
接下来就是把JS链接到我们主页的HTML源代码里了。
具体做法：
在和之间，选择想要让导航栏显示的地方，定位，输入：
保存退出。随后就是测试的工作了。双击主页，看看效果，导航栏是否出现在我们想要的位置上。效果如下：
动漫专栏 游戏天地 音乐同人 交友直通车
注意：
1．在navigation.js里，除了HTML格式本来就必须有的空格外，最好不要有别的空格（包括全角的空格）或是回车，不然的话，装载网页时可能会提示出错。如果觉得语句太长，想让脚本看得清楚些而使用回车时，可以在每行末用“”来结束，再打回车。
2．这个navigation.js要和网页放在同一目录下，如果要放在不同的目录，就要在网页里的那段代码里navigation.js的前面加上该文件的路径。
导航栏真的是网站里非常重要的一环，如果少了导航栏，你的站点将会是一个漆黑的、让人摸不到东西南北的大迷宫（大家玩过仙剑吧，和那个迷宫是一样的：）。即使是经验丰富的老鸟，也会被弄得不知所措，说不定还会以为你的站点就这么一页呢。所以为了方便访问者，同时也是为了你的网站能有更多的回头客，首先就必须做出分类明确、位置醒目的导航栏，把你的站点的风采以及你自己的才华完全展现出来。其次还要保持导航栏的便于更新，因为随着时间的推移，你的站点内容会越来越丰富多彩，总得重新整理整理吧，让自己的网页随时保持在最方便访问的位置，而不是层层的链接之下。想想看，要是访问者为了找到自己感兴趣的内容必须点上5、6次鼠标的话，那你肯定就失去他了。
2．留下联系方法
留下E-mail或其它联系方法（比如电话号码、联系地址等），给了访客一个发泄对你站点的不满的机会，同时也可以方便访客通过这些渠道把网站的BUG反馈给你，之后让你能及时修改调整。
但建议不要留下ISP给你的E-mail信箱，因为这个信箱在邮件超出限定的容量时，要收取相当高的费用。如果你的访客中有人因为对你站点的不满，而给你发邮件炸弹的话，你就有得受了！所以最好只留免费的信箱，比如新浪网就提供容量达50M的免费信箱，即便有人攻击也没什么大不了的——用WEB方式登陆新浪后，再删除就行了，就算真的被炸了，还可以重新申请（反正不收钱）。反观攻击者，要塞满50M的邮箱也够他累的了^_^
如果你平时使用ICQ或是OICQ的话，不妨也把号码留在网页上，因为这种点对点的传输方式比E-mail更迅速、更直接，会使向你反馈意见的朋友觉得很亲切。
3．使用统一的风格
CI（corporate identity）意思是通过视觉来统一整体的形象，包括LOGO、色彩、广告语等可以作为标志性的东西。这原是广告学里的一个专用名词，但用在网站设计上也很恰当。背景颜色、字体颜色大小、导航栏、版权信息、标题、注脚、版面布局，甚至文字说明使用的语气这些方面都要注意前后一致，或者说前后协调。
4．色彩的搭配
暖色系：红、橙、橙黄、黄等色彩表现温馨、和煦、热情。
中性系：黄绿、绿等色彩表现舒适、和谐。
寒色系：青绿、蓝绿、蓝等色彩表现宁静、清凉、高雅。
一般来说，学过美术的人对于色彩的选择和搭配方面比较具有优势，但这也不是绝对的，只要平时注重自己审美观的培养，即使不是专业人员一样可以有好的创作。再退一步，你不是专业人士，也没有这方面的天赋，其实也没关系，你可以使用大家一致公认的经典组合（如黑底白字），即使缺少新意，也不会让人觉得不舒服。
但必须注意的是，在整个站点的色彩选择上，应该尽量使用同一种色系的，色彩种类以不超过三、四种为界限。
适当的对比色可以增加文字的可阅读性，但如果对比太强的话，就不适于长篇文本的阅读，并会对浏览者的视力造成很大的伤害！
5．使用CSS控制整体格式
CSS（Cascading Style sheets，层叠样式表）是为网站制作者带来福音的好东东！它最大的特点是可以使网页的内容和结构版面控制相脱离，大量的减少网页中重复使用的HTML代码，从而减小网页的体积，这对于在网上传输是非常有利的。同时CSS可以使用外接*.CSS文件的方法使一次性修改大批量的网页成为可能，这就意味着你可以经常地改变网站的界面（包括文字、色彩、背景图片等），而每次只需要上传一个体积很小的CSS文件就行了！
所以，笔者在这里极力向大家推荐使用！接着就简单扼要地介绍常用功能。
具体方法：
新建一个文本文件，打开，输入：
body {
font-size: 10pt; //标记里的字体大小为10pt；
background-color: rgb(255,255,255); //网页背景颜色为白色；
background-image: url('back.gif') //背景图片为与网页同一目录下的“back.gif”；
}
table {
border: 0; //表格的边框隐藏；
width: 100%; //表格宽度为100%；
text-align: left; //表格文本对齐方式为靠左；
}
th {
font-size: 11pt; //表头字体为11pt，较普通字体稍大；
color: FFFFFF; //表头背景色为RGB：FFFFFF；
text-align: center; //表头文本队旗方式为居中；
}
a {text-decoration: none} //链接无下划线；
a.visited {color: rgb(153,52,43);} //点击过的链接的颜色；
a.active {color: rgb(153,0,255);} //点击着的链接的颜色；
A.hover {
COLOR: #ffba75; //鼠标经过时链接的颜色；
TEXT-DECORATION: underline //鼠标经过时链接加下划线；
}
完成后，选择“文件”菜单的“另存为”，在对话框的“文件名”中输入“base.css”，“文件格式”里选“*.*”，于是，外接的CSS层叠样式表就写好了。
接着，在网页的HTML代码里的和之间加上：
保存退出。以后只要在CSS文件里做修改就可以使所有加了以上代码的网页自动更新了！
6．使用表格定位
想要一张整齐的网页需要做定位工作，有人使用
五. 具体细节篇
1．导航栏的设计
每次增加新的栏目或是对原有栏目的调整，都要对所有的页面更新。刚开始可能还算轻松，因为没几个页面，但当有几十、几百个网页后，这工作量实在太大了！如果偷懒只更新几个主要的网页，访问量就会剧减。
笔者首先想到的是FLASH可以做出漂亮的导航按钮，所有的页都用一样的导航栏，以后只要更新这个FLASH动画就可以使整个网站的页面都得到更新。但实际使用后发现FLASH造成网页的体积过大，在加上网站LOGO，商业BANNER……使网页变的臃肿不堪。
这办法不太好，于是笔者又考虑做个JavaScript的导航栏，体积又很小。假设我们要做一个包含“动漫专栏”、“游戏天地”、“音乐同人”、“交友直通车”四个栏目的导航栏：
首先是便于更新，所以要做个外接的JavaScript脚本，至于用到的语句就只有document.write(“”),新建一个文本文件，打开，输入： document.write(" ");
document.write("动漫专栏"); /*在“ ”里的是HTML格式的元素，该元素定义了一个锚(Anchor)，也就是把“动漫专栏”作为一个超链接，“HREF”属性指定“动漫专栏”链接到的其他资源上，也就是“http://richardddd.easthome.net”。（以下相同）*/
document.write(" ");/*该行是让链接之间保持一个空格，使链接的下划线不至于连在一起。也可以把空格该成“|”等来制造各种效果*/
document.write("游戏天地");
document.write(" ");
document.write("音乐同人");
document.write(" ");
document.write("交友直通车");
完成后，选择“文件”菜单的“另存为”，在对话框的“文件名”中输入“navigation.js”，“文件格式”里选“*.*”，于是，外接的JS脚本就写好了。
接下来就是把JS链接到我们主页的HTML源代码里了。
具体做法：
在和之间，选择想要让导航栏显示的地方，定位，输入：
保存退出。随后就是测试的工作了。双击主页，看看效果，导航栏是否出现在我们想要的位置上。效果如下：
动漫专栏 游戏天地 音乐同人 交友直通车
注意：
1．在navigation.js里，除了HTML格式本来就必须有的空格外，最好不要有别的空格（包括全角的空格）或是回车，不然的话，装载网页时可能会提示出错。如果觉得语句太长，想让脚本看得清楚些而使用回车时，可以在每行末用“”来结束，再打回车。
2．这个navigation.js要和网页放在同一目录下，如果要放在不同的目录，就要在网页里的那段代码里navigation.js的前面加上该文件的路径。
导航栏真的是网站里非常重要的一环，如果少了导航栏，你的站点将会是一个漆黑的、让人摸不到东西南北的大迷宫（大家玩过仙剑吧，和那个迷宫是一样的：）。即使是经验丰富的老鸟，也会被弄得不知所措，说不定还会以为你的站点就这么一页呢。所以为了方便访问者，同时也是为了你的网站能有更多的回头客，首先就必须做出分类明确、位置醒目的导航栏，把你的站点的风采以及你自己的才华完全展现出来。其次还要保持导航栏的便于更新，因为随着时间的推移，你的站点内容会越来越丰富多彩，总得重新整理整理吧，让自己的网页随时保持在最方便访问的位置，而不是层层的链接之下。想想看，要是访问者为了找到自己感兴趣的内容必须点上5、6次鼠标的话，那你肯定就失去他了。
2．留下联系方法
留下E-mail或其它联系方法（比如电话号码、联系地址等），给了访客一个发泄对你站点的不满的机会，同时也可以方便访客通过这些渠道把网站的BUG反馈给你，之后让你能及时修改调整。
但建议不要留下ISP给你的E-mail信箱，因为这个信箱在邮件超出限定的容量时，要收取相当高的费用。如果你的访客中有人因为对你站点的不满，而给你发邮件炸弹的话，你就有得受了！所以最好只留免费的信箱，比如新浪网就提供容量达50M的免费信箱，即便有人攻击也没什么大不了的——用WEB方式登陆新浪后，再删除就行了，就算真的被炸了，还可以重新申请（反正不收钱）。反观攻击者，要塞满50M的邮箱也够他累的了^_^
如果你平时使用ICQ或是OICQ的话，不妨也把号码留在网页上，因为这种点对点的传输方式比E-mail更迅速、更直接，会使向你反馈意见的朋友觉得很亲切。
3．使用统一的风格
CI（corporate identity）意思是通过视觉来统一整体的形象，包括LOGO、色彩、广告语等可以作为标志性的东西。这原是广告学里的一个专用名词，但用在网站设计上也很恰当。背景颜色、字体颜色大小、导航栏、版权信息、标题、注脚、版面布局，甚至文字说明使用的语气这些方面都要注意前后一致，或者说前后协调。
4．色彩的搭配
暖色系：红、橙、橙黄、黄等色彩表现温馨、和煦、热情。
中性系：黄绿、绿等色彩表现舒适、和谐。
寒色系：青绿、蓝绿、蓝等色彩表现宁静、清凉、高雅。
一般来说，学过美术的人对于色彩的选择和搭配方面比较具有优势，但这也不是绝对的，只要平时注重自己审美观的培养，即使不是专业人员一样可以有好的创作。再退一步，你不是专业人士，也没有这方面的天赋，其实也没关系，你可以使用大家一致公认的经典组合（如黑底白字），即使缺少新意，也不会让人觉得不舒服。
但必须注意的是，在整个站点的色彩选择上，应该尽量使用同一种色系的，色彩种类以不超过三、四种为界限。
适当的对比色可以增加文字的可阅读性，但如果对比太强的话，就不适于长篇文本的阅读，并会对浏览者的视力造成很大的伤害！
5．使用CSS控制整体格式
CSS（Cascading Style sheets，层叠样式表）是为网站制作者带来福音的好东东！它最大的特点是可以使网页的内容和结构版面控制相脱离，大量的减少网页中重复使用的HTML代码，从而减小网页的体积，这对于在网上传输是非常有利的。同时CSS可以使用外接*.CSS文件的方法使一次性修改大批量的网页成为可能，这就意味着你可以经常地改变网站的界面（包括文字、色彩、背景图片等），而每次只需要上传一个体积很小的CSS文件就行了！
所以，笔者在这里极力向大家推荐使用！接着就简单扼要地介绍常用功能。
具体方法：
新建一个文本文件，打开，输入：
body {
font-size: 10pt; //标记里的字体大小为10pt；
background-color: rgb(255,255,255); //网页背景颜色为白色；
background-image: url('back.gif') //背景图片为与网页同一目录下的“back.gif”；
}
table {
border: 0; //表格的边框隐藏；
width: 100%; //表格宽度为100%；
text-align: left; //表格文本对齐方式为靠左；
}
th {
font-size: 11pt; //表头字体为11pt，较普通字体稍大；
color: FFFFFF; //表头背景色为RGB：FFFFFF；
text-align: center; //表头文本队旗方式为居中；
}
a {text-decoration: none} //链接无下划线；
a.visited {color: rgb(153,52,43);} //点击过的链接的颜色；
a.active {color: rgb(153,0,255);} //点击着的链接的颜色；
A.hover {
COLOR: #ffba75; //鼠标经过时链接的颜色；
TEXT-DECORATION: underline //鼠标经过时链接加下划线；
}
完成后，选择“文件”菜单的“另存为”，在对话框的“文件名”中输入“base.css”，“文件格式”里选“*.*”，于是，外接的CSS层叠样式表就写好了。
接着，在网页的HTML代码里的和之间加上：
保存退出。以后只要在CSS文件里做修改就可以使所有加了以上代码的网页自动更新了！
6．使用表格定位
想要一张整齐的网页需要做定位工作，有人使用
和标记，但实际上套用表格更简单一些，虽然精确度不及前者。很多大的站点都使用表格来定位文字和图片，制作时很直观，效果不错。但值得注意的是，当你的页面很大的时候，千万别在整个网页上用一个大的表格套很多小表格！因为如果浏览器在接受数据时发现表格，就必须知道表格的结构，也就是说要把整张表格的内容都接受完毕才显示其内容，之前会给浏览者一张“白板”看，很多人因为没耐心等待而转去看其他站点了。所以分用几个小表格，让他们可以分别显示，收到多少显示多少，浏览者可以在等待的时候看先收到的部分，这样一来就增加了浏览者继续等待的信心。但是你觉得分别显示页面会破坏整体的美感，那就用大表格吧！^_^
7．站点地图
即使导航栏条理分明，结构合理，但对于内容较多的站点来说，还是做一份站点的导航地图，才对得起访客。在站点地图里，你可以详细的介绍素有的栏目，以及每个栏目里分别包括些什么小栏目或是含有什么样的具体内容，应该尽力写得详实明了，让人有一目了然的感觉才达到我们的目的，不要担心版面不够，因为整个地图版面存在的理由就在于此（如果没有起到它应起的作用，还不如不要呢）。
8．使用模版
很多刚开始做网站的朋友往往在收集了大量的素材后，立即投入制作，生成了绝大部分成品网页，但由于经验不足或其他什么原因，做完了才发现问题，只好一个个网页的修改，结果浪费了巨大的精力。所以笔者建议：在完成了所有的构思以后，先要做一个模版网页，在这个网页里包括了所有网页的公共元素（比如LOGO、导航栏、更新时间、推荐栏目、外接的CSS样式表的链接、加入收藏夹、返回首页、站点地图、E-mail地址、滚动的状态栏、广告条、版权信息等等），之后只要复制多份，填入不同的内容就相对轻松多了。
建议：如果页面太多而没有给每个网页写TITLE的话，FrontPage2000就会自动给每个网页加上按“new page 1”、“new page 2”的顺序排列的TITLE，很不美观和规范，或是使人产生“站长是个懒鬼”的想法。所以，在制作模版的时候，就可以在TITLE里加上一句无论放在哪个页面里都合适的欢迎词（比如“欢迎您的光临！”之类）。这样一来，网页才不会让人当成“半成品”来看待。^_^
9．少用JAVA
虽然使用JAVA可以做出许多精彩的网页特效，但由于现在JAVA程序的处理速度实在让人不敢恭维，往往是等上老半天还看不到网页的内容，更有甚者，在漫长的等待后，浏览器提示APPLET不能启动。过分追求技巧和特效，结果却适得其反，把最重要的内容给拉下了，这种做法显然是不可取的。
10．控制图片的大小
除了文字说明，图片就是我们网页上最重要的内容了。许多漂亮的字体，浏览器可能并不支持，所以要用图片的方式来显示；单纯的文字网页信息量巨大，浏览者很难快速地了解网页想要表达的内容，但通过图片就能比较形象地把意思传达给浏览者了。此外统一风格（每个网页使用相同的LOGO）、美化网页（用色彩鲜艳的花边修饰网页边框、分隔大段的文本）、烘托气氛等作用也是文字说明无法做到的，特别是GIF089a格式保存的图片，不但可以制造动画效果、活泼网页的气氛，还能够在显示较大的图片时逐渐的显示，先显示分辨率比较低的图片，让浏览者有个初步了解，知道自己等待的是什么？究竟有没有必要再等待？这对于速度相对较慢的中国互联网来说是一件天大的好事。
一般来说，一张网页上的图片总体积不应该超过50KB，这样光图片的下载将花去浏览者近10秒的时间（按使用56K的MODEM计算，不过56K的MODEM在中国已经是标准配置了），而即使加上文字也多不了多少时间，对于习惯了慢如蚂蚁的网络的用户是可以接受的。因此，可以说图片是造成网页下载速度过慢的“罪魁祸首”。所以，必须在美观和速度之间做出选择，两者都要兼顾，大家自己平衡吧^_^
11．选择使用框架
框架（FRAME）也叫帧页，是现在制作网页是较为常用的一种技术。该技术可以把浏览器窗口划分为几个小窗口，每一个窗口都显示一个网页的内容，并分别设置大小、有无滚动条等信息。这样就方便了设计网站的结构，可以在上方的框架里放置网站的LOGO，在左面的框架里显示导航栏，而在下方的框架里安置版权信息。当然这只是一个比较公式化的设计，每个人可以根据自己的实际需要和创意来做安排。而且浏览时，可以指定链接的网页在哪个框架里显示，从而避免了网页上相同内容的重复下载，而这些内容往往是LOGO、BANNER等体积较大，需要很长下载时间的图片。这对于提高网页显示速度和网络传输效率方面都有着积极的意义。
尽管这是种方便网站设计者的技术，但对于浏览者来说就不一定了。因为框架技术是一种新兴技术，很多浏览器还不支持它，也就是是说，有一部分的浏览者并不能正常的看到你那美仑美奂的网页。所以，笔者建议：为了这些网友，尽量不要使用框架。如果实在要用，就一定要记得在框架网页的HTML代码里加上元素，在<NOFRAMES>里可以设定当浏览器不支持框架的时候在浏览器里显示的替代内容，让没有使用最新版本的用户也可以看到网页的内容。 <br />
<br />
12．发布更新消息 <br />
<br />
更新消息可以通过多种方式传达给浏览者，最常用的就是在主页上逐条列出最新的内容，或是专门做一个“最近更新”的网页，在网页上详细地介绍最几一次、几次更新的内容，并提供通往新内容的链接。<br />
<br />
还有一种方法用的也比较普遍，但一般需要存放站点的服务器方面支持提交表单才行。就是浏览者通过提交表单的方式，将自己具体的联系方法送到站长指定的E-MAIL、CGI、文本文件等目的地，然后再由站长定期或在更新后，向这些地址发送网站最近更新的消息，让浏览者知道是否真的有自己感兴趣的内容，是否值得花费时间和金钱去浏览你的网站。既方便了浏览者，又显得站长很专业、很尽责。<br />
<br />
<br />
<br />
13．坚持经常更新 <br />
<br />
更新包括两方面的内容： <br />
<br />
首先是内容，即使是内容丰富多彩的站点，也需要经常更新。因为浏览者不可能喜欢你网站所有的内容，大多数网友只喜欢其中的一小部分，而且也只浏览这一小部分，所以你要经常把新的内容加进去，来满足网友的需求。当然有会有例外，一些专门提供下载服务的站点相对而言就不是特别需要经常的更新了，因为供网友下载的大多是流行音乐的MP3、游戏DEMO、商业软件的BETA等体积很大的文件，网友光是下载这些文件就要花上很长很长的时间。记得有一次，笔者找到一个很大的MP3下载站点，一下子往网络蚂蚁里加入了近80首MP3，之后的一个月笔者就再也没去过那个站点，直到所有的MP3下载完毕为止。但如果你做的不是这样的下载站点的话（一般的个人主页也不太可能提供大量的下载，毕竟上传也要花很多人民币~~），就必须要经常更新了。 <br />
<br />
其次是维护，也可以说是对网站结构、美工方面的更新。没人会喜欢老是看到相同的页面，而且还可能是不怎么漂亮的页面。时间久了，内容多了，也会需要对站点的结构、导航做些调整的。<br />
<br />
建议：如果真的是很忙，没时间天天更新，希望能在主页上留一个“站长自述”的版块，没天抽出一小会儿，为浏览者写几句话，甚至可以写自己的生活日记。浏览者就会觉得站长和自己距离很近，是个很亲切友好的人。<br />
<br />
14．注意文件名的长度 <br />
<br />
一般来说，我们使用的Windows98、ME、2000、NT和Linux等操作系统均支持长文件名、大写的和中文文件名，但大多数提供免费主页的服务器都不支持长文件名大写的和中文文件名。也就是说，如果使用了服务器不支持的文件名格式，会造成你辛苦做成的网页成为“死页”，别人将无法访问这些网页，即使是你自己也不能浏览，当然你还是可以对之行使服务开放给你的FTP权利（包括改名、删除等）。 <br />
<br />
另外需要注意的是，很多服务器对于主页的命名都有特别的要求，最常见的是index.htm，其他还可能有index.html、default.htm、default.html、welcome.htm、welcome.html等。如果服务器向用户开放CGI、ASP和PHP的权限的话，还会有以asp和php3等结尾的网页名出现。<br />
<br />
所以在不太清楚服务器情况的时候，为了避免出现无法访问的网页，最好还是使用在DOS下通用的8。3命名规则较为保险。<br />
<br />
15．广告代码<br />
<br />
面对中国目前不匪的上网费用，大多数的网友不是缩衣节食，就是尽力克制自己上网的冲动。但随着上网时间的增加，接触到的新事物也在不断增加，忽然有朋友发现上网也能挣些美元（不管最后是不是真的到手，但这确实是个能缓解上网费用过高的办法）。就是在自己的主页上加一段广告代码，只要访客能适时地点击广告，一个月下来，就能为站长带来那么几个美元补贴上网费，不过可能要过好几个月才能收到支票。<br />
<br />
但需要注意的是，有些朋友为了多赚些美元，就自己拼命点击广告条，但他们不知道在极短的时间里有太大的点击率、这些点击全出自同一个IP地址，又或是你的广告条放的位置不符合广告商的要求的话，你就将收不到支票，并且会被广告公司加入黑名单。结果自然是“赔了夫人又折兵”，既赚不到美元，又花了自己的时间和精力（点击广告时花费的）。<br />
<br />
即使靠广告条能增加收入，但也要考虑到由于大家都和你有相同的想法，所以在Internet上早就是广告满天飞了，现在的网友可是一看到广告就反感，接着是连看也不看你的网站里有些什么内容就键入别的地址了。因此很可能发生的是，放了广告代码后，非但没收到美元，反而连自己的访客也给吓走了，有句老话就是形容这种情况的：“偷鸡不成蚀把米”^_^ <br />
<br />
可是，就算不放置为自己谋福利的广告条，但提供主页空间给你的那个网站的那个广告你还是得放在主页上的，不然的话，很可能会不经通知就删除你的主页空间哦！ <br />
<br />
</div>
<div class="Content-bottom">
<div class="ContentBLeft"></div>
<div class="ContentBRight"></div>
类别:
<a href="category-6.html">网站建设</a>
| <a href="read-332.html#tb_top">引用: -5</a>
| <a href="read-332.html#comm_top">评论: 0</a>
| <a href="read-332.html">阅读: 2782</a>
</div>
</div>
</div>
<div class="Content">
<div class="Content-top">
<div class="ContentLeft"></div>
<div class="ContentRight"></div>
<h1 class="ContentTitle"><img src="images/icons/1.gif" style="margin: 0px 2px -4px 0px" alt="" class="CateIcon"/><a class="titleA" href="read-331.html"> [技巧篇]菜鸟建站全攻略-从入门到精通</a>
</h1>
<h2 class="ContentAuthor">
作者:vlin90 日期:2006-05-23 11:42 </h2>
</div>
<div id="log_2" >
<div class="Content-body" id="logcontent_331" style="word-break:break-all; table-layout: fixed;">
[技巧篇]菜鸟建站全攻略-从入门到精通<br />
<br />
六. 实用技巧篇<br />
<br />
1．特色ICO <br />
<br />
每次看到好的网页总想把它保存在收藏夹里方便以后再去，但时间一久，太多的链接就让人眼花缭乱了，没办法，删！你不想让自己的网页也遭到这样的命运吧？ <br />
<br />
具体方法：<br />
<br />
先打开网页的HTML源文件，在<head>和</head>之间找个空的地方点一下鼠标，（千万别点在<>里），输入：<br />
<br />
<link rel="shortcut icon" href="logo.ico"><br />
<br />
保存退出。其中“logo.ico”替换成你自己的ICO图标文件的路径。最后记得把网页和ICO图标文件都上传到网上就行了，不过ICO的路径不要变。<br />
<br />
这样一来，当别人把你的网页保存到收藏夹的时候看到的不再是千篇一律的HTML文件的图标了，怎么样，很跳吧？^_^<br />
<br />
2．设为主页<br />
<br />
在网页显眼的地方加上“设为主页”的链接一定会增加被设为主页的机会，毕竟在IE菜单栏上操作太麻烦了，而现在只需要点击一下鼠标。<br />
<br />
具体方法： <br />
<br />
在网页HTML源文件的<body>和</body>之间的空白处点击鼠标，输入：<br />
<br />
<a href="#" onclick="this.style.behavior='url(#default#homepage)';<br />
<br />
this.sethomepage('http://www.homepage.com');">设为主页</a><br />
<br />
保存退出。其中的“<a href="http://www.homepage.com”替换成你自己的主页；“设为主页”替换成你想要的文字说明或是图片链接。" target="_blank">http://www.homepage.com”替换成你自己的主页；“设为主页”替换成你想要的文字说明或是图片链接。</a> 如果想更霸道些，就把“onclick”改成“onmouseover”试试，不过可能会引起访客的反感哦！自己衡量利弊吧^_^ <br />
<br />
3．加入收藏夹 <br />
<br />
原理和设为主页差不多。 具体方法： 在网页HTML源文件的和之间的空白处点击鼠标，输入：<br />
<br />
<a href="javascript:window.external.AddFavorite<br />
('http://www.favorite.com',%20'这是加到收藏夹实例')">加到收藏夹</a><br />
<br />
保存退出。其中的“<a href="http://www.favorite.com”替换成你自己的主页；“这是加到收藏夹实例”替换成你想要的文字说明（在收藏夹里显示的说明）；“加到收藏夹”替换成你想要的文字说明或是图片链接。" target="_blank">http://www.favorite.com”替换成你自己的主页；“这是加到收藏夹实例”替换成你想要的文字说明（在收藏夹里显示的说明）；“加到收藏夹”替换成你想要的文字说明或是图片链接。</a> <br />
4．显示当前日期和时间 可以让来访者知道现在的时间，而且会随着系统时间随时调整。<br />
<br />
具体方法：<br />
<br />
在网页HTML源文件的<body>和</body>之间你想要时间显示的空白处点击鼠标，输入：<br />
<br />
<Script language=”JavaScript”><br />
<br />
<!--<br />
<br />
var enabled = 0; today = new Date();<br />
<br />
var day; var date;<br />
<br />
if(today.getDay()==0) day = "星期日 "<br />
<br />
if(today.getDay()==1) day = "星期一 "<br />
<br />
if(today.getDay()==2) day = "星期二 "<br />
<br />
if(today.getDay()==3) day = "星期三 "<br />
<br />
if(today.getDay()==4) day = "星期四 "<br />
<br />
if(today.getDay()==5) day = "星期五 "<br />
<br />
if(today.getDay()==6) day = "星期六 "<br />
<br />
document.fgColor = " FF0072";<br />
<br />
date1 =(today.getYear()) + "年" + (today.getMonth() + 1 ) + "月" + today.getDate() + "日 " ;<br />
<br />
date2 = day ;<br />
<br />
document.write(date1.fontsize(2));<br />
<br />
document.write(date2.fontsize(2));<br />
<br />
document.write("<span id='clock'></span>");<br />
<br />
var now,hours,minutes,seconds,timeValue;<br />
<br />
function showtime(){<br />
<br />
now = new Date();<br />
<br />
hours = now.getHours();<br />
<br />
minutes = now.getMinutes();<br />
<br />
seconds = now.getSeconds();<br />
<br />
timeValue = (hours >= 12) ? "下午 " : "上午 ";<br />
<br />
timeValue += hours+ ":";<br />
<br />
timeValue += ((minutes < 10) ? "0" : "") + minutes + ":";<br />
<br />
timeValue += ((seconds < 10) ? "0" : "") + seconds + "";<br />
<br />
clock.innerHTML = timeValue;<br />
<br />
setTimeout("showtime()",100);<br />
<br />
}<br />
<br />
showtime();<br />
<br />
--><br />
<br />
</Script><br />
<br />
保存退出。这里就不要再做什么替换了。<br />
<br />
<br />
5．显示来了几次 当访客每次来的时候，都可以知道自己究竟来的几次，他会觉得站长一直把他当作贵宾对待而心存感激，而你要做的只是加一段代码罢了^_^<br />
<br />
具体方法：<br />
<br />
在网页HTML源文件的<body>和</body>之间的空白处点击鼠标，输入：<br />
<br />
<Script language=”JavaScript”><br />
<br />
<!--<br />
<br />
function getCookieVal(offset)<br />
<br />
{var endstr=document.cookie.indexOf(";",offset);<br />
<br />
if(endstr==-1)<br />
<br />
endstr=document.cookie.length;<br />
<br />
return unescape(document.cookie.substring(offset,endstr));}<br />
<br />
function GetCookie(name)<br />
<br />
{var arg=name+"=";var alen=arg.length;<br />
<br />
var clen=document.cookie.length;var i=0;<br />
<br />
while(i<clen)<br />
<br />
{var j=i+alen;<br />
<br />
if(document.cookie.substring(i,j)==arg)<br />
<br />
return getCookieVal(j);<br />
<br />
i=document.cookie.indexOf(" ",i)+1;<br />
<br />
if(i==0)<br />
<br />
break;}<br />
<br />
return null;}<br />
<br />
function SetCookie(name,value)<br />
<br />
{var argv=SetCookie.arguments;<br />
<br />
var argc=SetCookie.arguments.length;<br />
<br />
var expires=(2<argc)?argv[2]:null;<br />
<br />
var path=(3<argc)?argv[3]:null;<br />
<br />
var domain=(4<argc)?argv[4]:null;<br />
<br />
var secure=(5<argc)?argv[5]:false;<br />
<br />
document.cookie=name+"="+escape(value)+((expires==null)?"""; expires="+expires.toGMTString()))+((path==null)?"""; path="+path))+((domain==null)?"""; domain="+domain))+((secure==true)?"; secure":"");} <br />
<br />
var expdate=new Date();<br />
<br />
var visits;<br />
<br />
expdate.setTime(expdate.getTime()+(24*60*60*1000*365));<br />
<br />
if(!(visits=GetCookie("visits")))<br />
<br />
visits=0;<br />
<br />
visits++;<br />
<br />
SetCookie("visits",visits,expdate,"/",null,false);<br />
<br />
if(document.lastModified.substring(2,3)=="/") <br />
<br />
document.write(“你已经来了”);<br />
<br />
document.write("<font color=red ><B>"+visits+"</font>"+"</B> ");<br />
<br />
document.write(“次了！”);<br />
<br />
--><br />
<br />
</Script><br />
<br />
保存退出。我设置的数字字体颜色是大红，汉字颜色是默认的。<br />
<br />
<br />
<br />
6．动态显示欢迎词 欢迎词几乎是每个网站必备的装备之一，但天天看千篇一律的“欢迎光临”之类的欢迎词，任谁都会觉得厌烦的。所以我们要做个与众不同的，能按具体情况具体分析的“智能型”欢迎词^_^<br />
<br />
具体方法：<br />
<br />
在网页HTML源文件的<body>和</body>之间的空白处点击鼠标，输入：<br />
<br />
<Script language=”JavaScript”><br />
<br />
<!--<br />
<br />
now=new Date(),hour=now.getHours()<br />
<br />
if (hour<6){document.write("今天不上班？^_^")}<br />
<br />
else if (hour<8){document.write("早上好！上班前记得吃早餐！^_^")}<br />
<br />
else if (hour<12){document.write("不怕老板来检查吗？^_^")}<br />
<br />
else if (hour<14){document.write("午餐吃得还好吗？^_^")}<br />
<br />
else if (hour<18){document.write("下午好!")}<br />
<br />
else if (hour<22){document.write("不看电视，选择上网是明智的！^_^")}<br />
<br />
else if (hour<24){document.write("夜猫子,还不去睡？^_^")}<br />
<br />
--><br />
<br />
</Script><br />
<br />
保存退出。看明白了吗？其实原理很简单，就是根据系统的时间，决定该用什么样的欢迎词，可以把时间的间隔分得更小一些，显示的欢迎词也可以更富有人情味。 <br />
<br />
7．解决乱码 大陆地区和台湾地区虽然都使用中文，但在电脑网络上的编码方式却有很大的不同，前者使用的是GB2312码（国标码），而后者用的是BIG5码（大五码），两者互相不兼容，这就使通过网络在两地之间交流变得很不方便，出现了乱码的E-mail和网页。要正确显示两种编码不但要用户的计算机安装相关软件，还要做相关设置，并且每次都要用手动切换，很不方便。其实，只要在网页中加上一行代码就至少可以避免每次手动切换的麻烦了。<br />
<br />
具体方法：<br />
<br />
在网页HTML源文件的<head>和</head>之间的空白处点击鼠标，输入：<br />
<br />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"><br />
<br />
保存退出。这样就可以强制浏览者用GB码来看你的网页，只要他的计算机安装了相关的IE字符包就能正常显示国标码了。如果想显示的是BIG5码，只要把“gb2312”替换成“big5”就行了。<br />
<br />
8．禁止使用鼠标右键<br />
<br />
使用鼠标右键可以对所浏览的网页做多项操作（比如保存图片等），如果不想自己的网页让别人“共享”的话，可以把鼠标右键的功能屏蔽掉。<br />
<br />
具体方法：<br />
<br />
在网页HTML源文件的<head>和</head>之间的空白处点击鼠标，输入：<br />
<br />
<Script language=”JavaScript”><br />
<br />
<!--<br />
<br />
function click(){<br />
<br />
if(event.button==2){<br />
<br />
alert(“你的鼠标功能挺多的嘛！^_^”)<br />
<br />
}<br />
<br />
}<br />
<br />
document.onmousedown=click<br />
<br />
</Script><br />
<br />
--><br />
<br />
保存退出。其中“你的鼠标功能挺多的嘛！^_^”可以替换成你想要显示的警告信息。不过一定要把脚本加在<head>里，不然的话浏览者可以在网页没下载完前使用鼠标右键的。<br />
<br />
<br />
<br />
9．自动弹出欢迎窗口 每次访问都自动弹出欢迎窗口有可能会让人心烦，但如果你觉得好就加上去。<br />
<br />
具体方法：<br />
<br />
在网页HTML源文件的<body>标记里的空白处点击鼠标，输入：<br />
<br />
onLoad= alert("你好，欢迎访问！")<br />
<br />
保存退出。其中“你好，欢迎访问！”可以替换成别的欢迎词。<br />
<br />
10．自动弹出欢送窗口<br />
<br />
和自动弹出欢迎窗口差不多。<br />
<br />
具体方法：<br />
<br />
在网页HTML源文件的<body>标记里的空白处点击鼠标，输入：<br />
<br />
onUnload= alert("再见，有时间再来啊！")<br />
<br />
保存退出。其中“再见，有时间再来啊！”可以替换成别的欢送词。<br />
<br />
11．去除连接的下划线 链接有下划线是天经地义的事，但我们要改变它！<br />
<br />
具体方法：<br />
<br />
在网页HTML源文件的<head>和</head>之间的空白处点击鼠标，输入：<br />
<br />
<style><br />
<br />
a {text-decoration:none}<br />
<br />
</style><br />
<br />
保存退出。其中的“none”可以替换成“underline”，就是显示下划线。 <br />
12．标题栏跑马灯 网页的垂直版面是“寸土寸金”的宝地，往往是访客第一眼看到的内容，所以不能浪费在欢迎词和不太重要的消息发布上，那么只好来“开发”标题栏了！^_^<br />
<br />
具体方法：<br />
<br />
在网页HTML源文件的<head>和</head>之间的空白处点击鼠标，输入：<br />
<br />
<Script language=”JavaScript”><br />
<br />
<!-- <br />
<br />
var msg = "内容丰富，经常更新，时有抽奖，敬请光临！";<br />
<br />
var speed = 300;<br />
<br />
var msgud = " " + msg; <br />
<br />
function titleScroll() { <br />
<br />
if (msgud.length msgud = msgud.substring(1, msgud.length); <br />
<br />
document.title = msgud.substring(0, msg.length);<br />
<br />
window.setTimeout("titleScroll()", speed); <br />
<br />
}<br />
<br />
--><br />
<br />
</Script><br />
<br />
在网页HTML源文件的<body>标记里的空白处点击鼠标，输入：<br />
<br />
onload="window.setTimeout('titleScroll()', 500)"<br />
<br />
保存退出。其中“内容丰富，经常更新，时有抽奖，敬请光临！”就是滚动显示的内容。<br />
<br />
<br />
<br />
14．自动跳出别人的Frame（框架） 因为本身站点的内容太少，而把别人的网页当成自己的，并显示在自己网站的框架中的人还是大有人在的。如果你觉得这是对你劳动成果的不尊重，可以通过E-mail警告对方，也可以直接在自己的网页里加一句代码。<br />
<br />
具体方法：<br />
<br />
在网页HTML源文件的<head>和</head>之间的空白处点击鼠标，输入：<br />
<br />
<Script language=”JavaScript”><br />
<br />
<!-- <br />
<br />
if (top.location !== self.location) {<br />
<br />
top.location=self.location;<br />
<br />
}<br />
<br />
--><br />
<br />
</Script><br />
<br />
保存退出。<br />
<br />
或者在网页HTML源文件的<head>和</head>之间的空白处点击鼠标，输入： <SCRIPT language="JavaScript"><br />
<br />
<!--<br />
<br />
if (parent.frames.length > 0) {<br />
<br />
parent.location.href = location.href;<br />
<br />
}<br />
<br />
// --><br />
<br />
</SCRIPT><br />
<br />
保存退出。<br />
<br />
<br />
<br />
15．网页自动滚屏 在网页HTML源文件的<head>和</head>之间的空白处点击鼠标，输入：<br />
<br />
<Script language="JavaScript"><br />
<br />
<!--<br />
<br />
locate = 0;<br />
<br />
function scroller()<br />
<br />
{if (locate !=400 )<br />
<br />
{locate++;scroll(0,locate);<br />
<br />
clearTimeout(timer);<br />
<br />
var timer = setTimeout("scroller()",3);timer;}<br />
<br />
}<br />
<br />
--><br />
<br />
</script><br />
<br />
在网页HTML源文件的<body>标记里的空白处点击鼠标，输入：<br />
<br />
onload="scroller()"<br />
<br />
保存退出。其中“locate！=400”控制文件的长度，“setTimeout("scroller()",3);”控制滚动的速度。<br />
<br />
<br />
<br />
16．为图片加注释<br />
<br />
这不但适用于图片，还可以针对网页上所有的链接，在浏览者将鼠标放在图片或链接上的时候自动显示的一小段预先准备的文本，可以是对图片本身的解释，也可以告知链接通向哪儿。 <br />
<br />
具体方法： <br />
<br />
打开网页的HTML源文件，在<IMG>标记里加上：<br />
<br />
alt=”image information” <br />
<br />
保存退出。其中的“image information”替换为每个图片的具体解释。<br />
<br />
如果是文字链接需要加注释，在<a>标记里加上：<br />
<br />
title=”link information” <br />
<br />
保存退出。其中“link information”就是注释内容。 <br />
<br />
17．显示替代图片 <br />
<br />
如果要显示的图片体积太大，可以用一个体积较小的图片在原图片位置先作替代性的显示，使浏览者可以在先看到这些信息的同时，再等待原图片的下载。<br />
<br />
具体方法：<br />
<br />
打开网页的HTML源文件，在<IMG>标记里加上：<br />
<br />
LOWSRC=”standin.gif”<br />
<br />
保存退出。其中的“standin.gif”就是用来替换的图片。 <br />
<br />
<br />
<br />
<br />
18．定义网页的关键字<br />
<br />
网页的关键字（KEYWORD）是供搜索引擎（比如YAHOO、SOHU等）检索的文字说明，搜索引擎根据用户查找网页时提交的搜索关键字和网页所包含的关键字作比较，按照符合要求的程度不同而作相应的顺序排列。很显然，在网页的关键字上做些文章就能明显地改善网页在那些著名的搜索引擎中的“地位”，从而增加网站的访问率！所以，我总结了一部分搜索率较高的关键字供大家选择使用：“性”（sex）、“音乐”（music or mp3）、“电影”（movie、film or video）、“新闻”（news）、“图片”（picture or photo）、“明星”（star or art）、“军事”（military）、“小说”（novel）、“交友”（friend or love）、“电脑”（computer or IT）、“招聘”（invite）…………另外关键字也不是一成不变的，例如去年“克林顿”（Clinton）也成了关键字呢！至于原因嘛~~相信我不说大家也明白^_^ <br />
<br />
记住，具体问题具体分析总是不会错的，什么最热门，关键字就用什么，但是也别编造些自己站点上没有的“关键字”哦！因为即使别人上了一次当，让你的记数器跳了一格，但他应该再也不会是你站点的访客了！！！ <br />
<br />
其实，想用热门的关键字和去骗人并没有必然的联系，就拿“克林顿”来说吧，你可以在使用它做关键字后，对你的网站也做少许的修改，真的只是“少许的修改”，因为笔者的建议是：收集、整理一些克林顿绯闻的相关报道（SINA上面有得是），做成一个专题报告就行了。这样一来，既没有骗人，又成功地把网友吸引来了，即使你的克林顿专题报告做得不怎么样，但通过这个专题却让浏览者有机会看到你的站点上还有很多别的信息和资源。也就是把设立关键字作为一种提高访问量的手段，建立相关专题作为桥梁，把潜在的访客领到你的站点里来。<br />
<br />
具体方法： <br />
<br />
打开网页的HTML源文件，在 标记里加上：<br />
<br />
name=”keyword” content=”music, mp3, news, movie, photo, star” <br />
<br />
保存退出。其中的“music, mp3, news, movie, photo, star”就是网页的关键字，可以根据需要修改（可以使用中文信息），但是字母区分大小写，长度以不超过255个字符为宜（因为即使为了面面俱到而加了上千个关键字，也会被搜索引擎的服务器删除的，所以应该尽量简洁明了，避免重复），每个关键字之间要用“，”分隔。 <br />
19．防止背景图片滚动 <br />
<br />
当网页的内容很长，需要使用滚动条来浏览的时候，背景图片也会随之滚动，好像和文字说明粘合在一起似的。这样对于定位视线有些不良的影响，特别是色彩花哨的背景图片，感觉则更不适。对此，我们可以将背景和文字说明相分离，浮动在浏览器窗口里。<br />
<br />
具体方法：<br />
<br />
打开网页的HTML源文件，在标记里加上：<br />
<br />
Bgproperties="fixed" <br />
<br />
保存退出。 <br />
<br />
20．用wingdings字体作画 <br />
<br />
wingdings字体可以让普通的ASCII码以一些简单预定图形的方式在浏览器里显示，如果我们用Wingdings字体来替代部分图片的话，必然将大大加快网页的下载速度，因为只要看看HTML源文件就会知道网页上的图形只是一小段代码而已。 <br />
<br />
虽然大多数的图形都很简单，但是还是可以起到一些作用的，比如用“*”的Wingdings字体*表示E-mail或信箱，用“（”的Wingdings字体(表示电话号码，用“<” 的Wingdings字体<表示下载……具体应用就看大家的想象力了^_^ <br />
<br />
不过需要注意的是，IE对于Wingdings字体的支持很好，而Netscape可能会出现一些显示上的问题。附录部分Wingdings字体、ASCII码和普通字体的对照表（见附录1）。 <br />
<br />
<br />
<br />
<br />
21．网页变换效果 只要搭配得当，这些变换效果会给访客留下非常深刻的印象，即使是那些本来对你的站点没兴趣的访客。特别是喜欢学习网页制作的朋友，很可能就把你的网页复制下来，以供学习研究之用。其实你不过是加了短短一段代码而已^_^ <br />
<br />
网页变换效果（Trans）共分四大类："进入网页"（Page-Enter）、"离开网页"（Page-Exit）、"进入站点"（Site-Enter）、"离开站点"（Site-Exit）。每一大类又分为25个小类，先用进入网页效果来举例说明：<br />
<br />
进入网页时的效果 <br />
<br />
1．混合效果 代码如下： <br />
<br />
<meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)"><br />
<br />
2．盒状收缩效果 代码如下： <br />
<br />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=0)"><br />
<br />
3．盒状放射效果 代码如下： <br />
<br />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=1)"><br />
<br />
4．圆形收缩效果 代码如下：<br />
<br />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=2)"><br />
<br />
5．圆形放射效果 代码如下： <br />
<br />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=3)"><br />
<br />
6．向上擦除效果 代码如下：<br />
<br />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)"><br />
<br />
7．向下擦除效果 代码如下： <br />
<br />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)"><br />
<br />
8．向右擦除效果 代码如下： <br />
<br />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=6)"><br />
<br />
9．向左擦除效果 代码如下： <br />
<br />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=7)"><br />
<br />
10．垂直遮蔽效果 代码如下： <br />
<br />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=8)"><br />
<br />
11．水平遮蔽效果 代码如下： <br />
<br />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=9)"><br />
<br />
12．横向棋盘式效果 代码如下： <br />
<br />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=10)"><br />
<br />
13．纵向棋盘式效果 代码如下： <br />
<br />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=11)"><br />
<br />
14．随即分解效果 代码如下： <br />
<br />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=12)"><br />
<br />
15．左右向中央缩进效果 代码如下： <br />
<br />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=13)"><br />
<br />
16．中央向左右扩展效果 代码如下： <br />
<br />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=14)"><br />
<br />
17．上下向中央缩进效果 代码如下：<br />
<br />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=16)"><br />
<br />
18．中央向上下扩展效果 代码如下： <br />
<br />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=17)"><br />
<br />
19．从左下抽出效果 代码如下： <br />
<br />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=18)"><br />
<br />
20．从左上抽出效果 代码如下： <br />
<br />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=19)"><br />
<br />
21．从右下抽出效果 代码如下： <br />
<br />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=20)"><br />
<br />
22．从右上抽出效果 代码如下： <br />
<br />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=21)"><br />
<br />
23．随机水平线条效果 代码如下： <br />
<br />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)"><br />
<br />
24．随机垂直线条效果 代码如下： <br />
<br />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)"><br />
<br />
25．随机效果 代码如下： <br />
<br />
<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)"><br />
<br />
现在让我们来分析一下这些代码，首先大家一定能看出这些代码大多数地方很相似。事实上，虽然分类很多，但每个大类下的25个小类是分别对应相同的，并且用数字来标识，（除了混合效果 blendTrans(Duration=1.0)），所以不用对没个大类一一举例说明，只要把“Page-Enter”换为“Page-Exit”（离开网页）、“Site-Enter”（进入站点）、“Site-Exit”（离开站点），就可以达到需要的效果了，同时记忆起来也比较方便。其中“Duration=1.0”可以设定每个周期的时间为多久，单位是秒（现在设置的是每周期1秒）。 <br />
<br />
需要注意的是四个大类的效果可以在一个网页里同时设置，但每个大类只能设置一种效果。另外如果网页是帧页的话，也将无法显示出效果。<br />
<br />
<br />
<br />
22．网页自动刷新 有时候为了让浏览者看到最新的内容或是看到准备的特效等目的，而希望网页能自动刷新。 具体方法： 打开网页的HTML源文件，在<Head>里加上：<br />
<br />
<Meta http-equiv=”progma” content=”no-cache”><br />
<br />
<Meta http-equiv=”expires” content=”wed,26 Feb 1997 10:10:10 GMT”><br />
<br />
保存退出。其中的“Refresh”表示要刷新网页，“10”是延迟的秒数，“<a href="http://url”是你的网页地址，秒数和网页地址可以按需要更换。在更换网页地址后还可以做到一项对于想做个网站的封面的朋友很有用的特效，就是让网页自动刷新，并转到另一个网页，既让浏览者看到漂亮的网站封面，又省去了点击才能进入站点的麻烦。" target="_blank">http://url”是你的网页地址，秒数和网页地址可以按需要更换。在更换网页地址后还可以做到一项对于想做个网站的封面的朋友很有用的特效，就是让网页自动刷新，并转到另一个网页，既让浏览者看到漂亮的网站封面，又省去了点击才能进入站点的麻烦。</a><br />
<br />
23．强制每次进入网页都从WEB上下载<br />
<br />
IE浏览器在下载完网页后，会在本地硬盘上的临时文件夹（Temporary Internet Files）里保存浏览过的网页和图片，以方便下次再访问该网页时可以从硬盘上读取，进而加快浏览的速度。所以换个角度来看，想要每次进入网页都从WEB上下载，只要使网页不装入访客的硬盘就行了，或者说为网页设定一个“过期”的日子，一旦过期就要从WEB上重新下载。 <br />
<br />
具体方法：<br />
<br />
打开网页的HTML源文件，在<HEAD>标记里加上：<br />
<br />
<Meta http-equiv=”progma” content=”no-cache”><br />
<br />
<Meta http-equiv=”expires” content=”wed,26 Feb 1997 10:10:10 GMT”><br />
<br />
保存退出。其中“wed,26 Feb 1997 10:10:10 GMT”是一个已经过去的日子，把它当作过期的标准，无论是谁想要再浏览你的网页都必须重新下载才行了。：P <br />
24．利用标题栏做广告 笔者认为最适合标题栏的工作是提示网页自身的内容，可以让浏览者一目了然，知道自己将看到什么样的信息，以及为什么而等待。但做过站长的朋友一定知道事情并不象想象中那么简单，因为一个稍具规模的个人站点一般都有100个以上的网页，并会随着时间的推移而迅速增长（当然这是针对勤奋负责的站长而言的^_^）。受到时间和精力的限制，不可能对每一个网页都细致地总结一个标题，即使是有时间的闲人也可能会因一时的疏忽而忘了加标题。如果你用FP2000来做网页，这时候就会在标题栏看到“new page 1”（这是FP2000自动为网页加的标题），大大地破坏了网站的整体效果。如果做网页用的是模版，结果可能更糟糕，货不对板的情况会让浏览者倒足胃口。<br />
<br />
笔者也经常为这个问题而苦恼，有一次，头被天上掉落的一重物击中，瞬间眼前金星乱冒，伸手一抓，金星没抓到，却抓到一个点子：用模版做网页前，先修改模版的标题为“欢迎光临”之类的万能欢迎词，把标题栏显示网页内容的功能该成显示欢迎词。这样一来，就不用为每个网页分别做标题而烦恼了^_^<br />
<br />
具体方法：<br />
<br />
打开模版网页的HTML源文件，把<title>和</title>之间的内容改为：<br />
<br />
欢迎光临XX的网站！^_^<br />
<br />
保存退出。当然修改的内容可以挑自己喜欢的欢迎词。 25．移动的字幕<br />
<br />
可以动态地显示消息，比静止地发布更能吸引别人的眼球，一般用于简单扼要的新闻报道、广告用语等方面。除此之外，还有代码简洁明了，动态效果种类多，和无需使用JAVA的优势，因为实现这一效果只需要加入一个HTML标识而已。<br />
<br />
接着，我来举些具体的实例帮助大家了解。<br />
<br />
具体方法：<br />
<br />
打开模版网页的HTML源文件，把<body>和</body>之间加入：<br />
<br />
<marquee>移动字幕的实例</marquee><br />
<br />
<marquee direction=”left”>从左向右移动字幕的实例</marquee><br />
<br />
<marquee direction=”right”>从右向左移动字幕的实例</marquee><br />
<br />
<marquee behavior=”slide”>一次性移动字幕的实例</marquee><br />
<br />
<marquee behavior=”scroll”>循环移动字幕的实例</marquee><br />
<br />
<marquee behavior=”alternate”>来回循环移动字幕的实例</marquee><br />
<br />
<marquee scrollamount=”10”>快速移动字幕的实例</marquee><br />
<br />
<marquee hspace=”20” vspace=”20” height=”50” width=”50%” bgcolor=”red” align=”top”>红色背景移动字幕的实例</marquee><br />
<br />
保存退出。现在来解释一下代码的含义：<br />
<br />
marquee是HTML的标识之一，用于实现文字的移动效果。IE4。0以上的浏览器才能正常显示。<br />
<br />
Direction设置文字移动的方向。取值为left（从左向右移动）或right（从右向左移动）。<br />
<br />
Behavior设置文字移动的方式。取值为slide（一次性移动）、scroll（循环移动）和alternate（来回循环移动）。<br />
<br />
Scrollamount设置文字移动的速度。<br />
<br />
Hspace（水平空白）、vspace（垂直空白）设置文字周围的空白区域。<br />
<br />
Height（高度）、width（宽度）设置文字的宽度和高度。<br />
<br />
Bgcolor设置文字的背景颜色。<br />
<br />
只要使用搭配得当，即使是这样一个小小的特效也能为你的网页增色不少哦^_^<br />
<br />
<br />
<br />
26．改变鼠标的形状<br />
<br />
在网页上，鼠标平时呈箭头形，指向链接时成为手形，等待网页下载时成为沙漏形……这似乎是约定俗成的。虽然这样的设计能使我们知道浏览器现在的状态或是可以做什么，但这些好像还不能完全地满足我们的需要。就拿链接来说，可以是指向一个帮助文件，也可以是向前进一页或是向后退一页，针对如此多的功能光靠千篇一律的手形鼠标是不能说明问题的。值得庆幸的是，CSS提供了多达13种的鼠标形状，供我们选择。<br />
<br />
具体方法：<br />
<br />
在任意一个链接的标识里加入：<br />
<br />
style=”cursor:move”<br />
<br />
保存退出。“style”是CSS的标记，“cursor:move”表示指向该链接时鼠标变成十字箭头的形状。其它还有12种不同的形状将在附录3里介绍。<br />
<br />
27．消除网页的边距<br />
<br />
做完一个网页后往往会发现自己编写的内容和网页的边界还保持着一些空白，主要发生在网页的顶部和左边，对于文字来说影响还不大，不过相对网页的顶部的LOGO来说就显得很难看了。但经过仔细地检查后又没有发现任何错误的HTML代码，这是怎么一回事呢？<br />
<br />
其实HTML的BODY标识符默认在网页的顶部和左边设置一些空白区域，来保持网页的整洁，但我们不需要的时候也可以通过BODY标识把空白去掉。<br />
<br />
具体方法：<br />
<br />
打开网页的HTML源文件，在标识里加上：<br />
<br />
topmargin=”0” leftmargin=”0”<br />
<br />
保存退出。这样就消除了网页的上边界和左边界的空白，如果需要增加留白也可以自己修改。
</div>
<div class="Content-bottom">
<div class="ContentBLeft"></div>
<div class="ContentBRight"></div>
类别:
<a href="category-6.html">网站建设</a>
| <a href="read-331.html#tb_top">引用: -5</a>
| <a href="read-331.html#comm_top">评论: 0</a>
| <a href="read-331.html">阅读: 1784</a>
</div>
</div>
</div>
<div class="Content">
<div class="Content-top">
<div class="ContentLeft"></div>
<div class="ContentRight"></div>
<h1 class="ContentTitle"><img src="images/icons/1.gif" style="margin: 0px 2px -4px 0px" alt="" class="CateIcon"/><a class="titleA" href="read-330.html"> [规划篇]菜鸟建站全攻略-从入门到精通</a>
</h1>
<h2 class="ContentAuthor">
作者:vlin90 日期:2006-05-23 11:41 </h2>
</div>
<div id="log_3" >
<div class="Content-body" id="logcontent_330" style="word-break:break-all; table-layout: fixed;">
[规划篇]菜鸟建站全攻略-从入门到精通<br />
<br />
设计网站需要考虑的因素非常多，从前期网站开发时的设计、规划，到中期的资料收集、页面美工，再最后的调试、发布、宣传是一个庞大的工程，要花费大量的时间和金钱（除非想做一个临时的，只有很少网页的站点）。所以能找些志同道合的朋友一起来做比较现实，最好大家有各自的特色，每人负责自己拿手的方面，管理最熟悉的版面。也可以按别的标准来分工协作，比如一人收集整理资料，一人做美工，文笔出色的搞创作，外文过硬的做翻译，工作学习不怎么忙的人负责维护，站点的全局结构布局则一起讨论决定，总之各取所长，各司其职，各尽所能就是了。<br />
<br />
1．站点的访客定位 <br />
<br />
只有确定了自己服务的对象是谁，才能有的放矢地投其所好，在内容选取、美工设计、划分栏目各方面尽力做到合理，并吸引住更多的眼球。就个人站点而言，目的大多是为了展示自我表现的风采，为众多有共同兴趣爱好的朋友（网友）提供其所需的咨询（如新闻、公告等）和资源（如计算机教程、游戏攻略、桌面屏保等）。所以把访问者定位于和自己年龄相仿的网友是比较合适的（笔者建议的范围是15~30，其中有学生和年轻的上班族，是上网的主要人群，而且对新事物充满的好奇心，估计兴趣在动漫、音乐、小说、军事、电脑、游戏等方面），按这部分网友的兴趣把内容收集起来，加以分类整理就可以大致上确定站点的发展方向了。当然，在站点正式运作后，也可以通过调查表单和E-mail来了解访问者对站点的看法和建议，从而及时做出调整和修改，让站点更适合来访者的口味，具体方法会在下文中涉及，这里就不重复了。 <br />
<br />
2．站点的主题选择<br />
<br />
可选择的范围很广，但建议选自己擅长的或是非常喜欢的，并且立志做到最好。因为网络上各种各样的咨询信息很多，别人可以轻易的在知名站点查找几乎所有自己想要的信息，但可能要花上不少时间或只能找到一部分信息，所以我们要关注的是怎样节省网友的时间，让他能更快更便捷的找到想要的（如果能提供他找不到的部分就更好了），这就是我们和那些知名的大站点所要竞争的地方了。 <br />
<br />
往往内容特别丰富多彩的站点都有一个致命的弱点，那就是查找信息困难。为什么会这样呢？其实原因很简单，正是因为注意面面俱到，使内容太多、太杂，网友查一个消息要点上很多次鼠标，而且还会象进了大观园一样找不到来时的“路”。最难的是这个弱点没法克服，只能使用导航栏和有条理的索引来缓和。所以笔者不建议大家做这种“面面俱到、什么都有”的站点，就让那些有钱的大公司去做吧^_^<br />
<br />
如果有时间的话，还可以自己写些文件，放上去。不管是散文、小说还是软件教程，甚至是游戏攻略也行，只要有你的特色，相信一定会被网友所接受。<br />
<br />
3．站点整体风格的确定<br />
<br />
知道了什么样的人会来以及要做什么样的内容，就可以确定需要什么样的风格了。如果有美工基础的话，只要再加上少许的创意，就可以做出非同一般的效果。让人看一眼就留下深刻印象的站点，无论对于吸引眼球还是增加回头率都是大有裨益的。（建议：使用FrontPage2000里设定的模版——其实就是Microsoft请专业美工师为我们设计的站点布局，而且每个模版都各具特色——相信对于网站制作的新手动手做出自己的个性，一定会有很大帮助。） <br />
<br />
另外，风格（Style）是非常抽象的概念，往往要结合整个站点来看，而且不同的人的审美观都不同，对于风格的喜好也很不同。所以想使每一个人都满意是不可能的，重要的是让自己满意先（当然自己的满意有很大程度是建立在访问者满意上的），再照顾忠实的支持者。 <br />
<br />
建议：如果站点内容范围不太广，属于相同的主题，可以考虑整个站点设计为同一种风格；但如果各栏目的差异很大，比如站点里既有严肃的军事栏目，同时也有轻松活泼的动漫栏目，很显然将这两者设计成各有特色的风格会更使人感觉舒适。可是不管用什么风格，都要记得风格是为主题服务的，也就是要让它做好衬托气氛的任务，而不是单纯地照搬照抄别人的特色，因为也许那并不适合你的站点。<br />
<br />
4．浏览器版本和分辨率<br />
<br />
不同的浏览器对网页会做出不同的显示，在Internet Explore里非常漂亮的页面，用Netscape Navigator显示可能是一团糟。所以即使在现在这种IE一统天下的时候，也要考虑少数使用NN的用户，也许他们正是你的潜在访客，你总不愿意因为自己的懒惰而失去他们吧！把每个网页都放在两种浏览器里看看，有什么问题马上解决。<br />
<br />
如果考虑到IE和NN老版本的兼容性就更好了，因为有写新的网页技术（比如框架）老版本的浏览器并不支持。<br />
<br />
排除在UNIX操作系统下使用的浏览器（比如Emacs-W3、Arena、Amaya等），另外有些浏览器使用的是IE内核（很多国产的浏览器都是），又或是市场占有率不高（比如Opera、Mozilla Milestone18等），这里就不一一叙述了。<br />
<br />
1024x768，800x600，640x480是使用最多的三种分辨率，一个网页能在这三种分辨率里都很好的显示是最好的，但如果不行的话，请最先考虑800x600，因为现在大多数人都在使用它。具体做法：可以在网页里做个表格，并且把宽度设置为“100%”，而不是具体的象素值，这样一来，网页就会在不同的分辨率里自动调整。但需要注意的是，这样设置后，如果你的表格里又都是文字内容的话，只要浏览者缩小浏览器的窗口，网页上的内容可能会变得很不协调，甚至会破坏你原先所期待的效果。解决办法是在表格里插入一个宽度为800象素的图片，把表格“撑满”，当浏览器窗口再缩小的时候将会出现滚动条来代替内容上的调整。<br />
<br />
5．尊重版权 <br />
<br />
互联网的精神是“共享”，但这并不意味着你可以随便抄袭别人的作品，因为网上的作品也是某个人或某些人辛勤劳动的成果，不管在什么情况下剽窃都是不道德的行为！甚至会引起法律问题：在外国版权问题受到重视是由来已久的，美国的MP3。COM网站因为向网友提供无版权的MP3音乐，而被唱片公司联名告上法庭；Napster公司因为发布了同名网络音乐搜索软件而被告得一败涂地，现在还在停业整顿中；中国在版权问题上的立法和执法上历来都比较薄弱，但著名的原创文学网站榕树下，和未经授权就出版榕树下网站原创作品的某家出版社对簿公堂，而法院最终判决榕树下网站胜诉，就意味着中国在版权问题上也有法可依，有法必依的时代来到了。所以在转载别人作品的时候要先征得对方同意，并在网站上注明作者和其他相关信息，“先斩后奏”、甚至“光斩不奏”的做法只会害了自己！ <br />
</div>
<div class="Content-bottom">
<div class="ContentBLeft"></div>
<div class="ContentBRight"></div>
类别:
<a href="category-6.html">网站建设</a>
| <a href="read-330.html#tb_top">引用: 0</a>
| <a href="read-330.html#comm_top">评论: 0</a>
| <a href="read-330.html">阅读: 1574</a>
</div>
</div>
</div>
<div class="Content">
<div class="Content-top">
<div class="ContentLeft"></div>
<div class="ContentRight"></div>
<h1 class="ContentTitle"><img src="images/icons/1.gif" style="margin: 0px 2px -4px 0px" alt="" class="CateIcon"/><a class="titleA" href="read-329.html"> [准备篇]菜鸟建站全攻略-从入门到精通</a>
</h1>
<h2 class="ContentAuthor">
作者:vlin90 日期:2006-05-23 11:40 </h2>
</div>
<div id="log_4" >
<div class="Content-body" id="logcontent_329" style="word-break:break-all; table-layout: fixed;">
[准备篇]菜鸟建站全攻略-从入门到精通<br />
<br />
1．HTML语言*： <br />
<br />
先要学习HTML超文本语言，也许有人认为有了Frontpage2000和Dreamweaver之类的图形化网页制作工具就不再需要学习HTML语言了，其实这是个很普遍的认识误区。因为即便有强大的软件，但它们都只能自动生成很简单的HTML代码，对于想创作复杂的网页结构还不太使用。所以在很多时候，比如用FrontPage做好一个网页后，还经常需要直接在网页的HTML代码里作修改，加以完善，以求达到想要的效果。 <br />
<br />
另外，懂得HTML语言也可以帮助我们看懂别人做的网页里的结构和特效，从而提高自己的水平，这也是一个学习网页制作的大好机会。建议大家去学，但如果实在不愿意，笔者也不勉强。^_^ <br />
<br />
2．工具的选择：<br />
<br />
除了学习一些基本的HTML语言知识外，一般说来还需要学习诸如：网页制作工具、图形工具、网页动画工具、FTP上传工具等常用的软件。笔者简单地来介绍一下： <br />
<br />
网页制作工具：<br />
<br />
Frontpage2000*是Microsoft公司的产品，包括在Office2000专业版的套装里，支持所见即所得的编辑方式，在站点的管理方面做的很出色。不需要你掌握很深的网页制作技术知识，甚至不需要你了解HTML的基本语法，很适合新手。事实上，如果你会使用MS Word的话，你很快就会学会使用FrontPage，并发现这其实是一件再简单不过的事，因它的基本使用方法和Word十分相似。<br />
<br />
Dreamweaver*是Macromedia公司的产品，和FrontPage的功能类似，也是图形化的网页制作工具，还支持层的操作，并且可以避免生成冗余代码。现在，不少网站在招聘网站设计人员时，都要求应聘该职位的人员能熟练地操作Dreamweaver，所以立志于将来从事网站制作工作的朋友一定要学好Dreamweaver才行。<br />
<br />
以上工具同时支持对HTML源代码进行直接编写。<br />
<br />
Hotdog是纯代码工具，只支持手写HTML代码，但由于软件本身包含的了很多制作网页时要用到的基本元素，所以笔者认为还是非常顺手的，特别对于熟悉HTML语言的朋友和代码狂人来说。^_^<br />
<br />
图形工具：<br />
<br />
Photoshop5.5*是Adobe公司的产品，是功能非常强大的专业图形软件，可以制作任何你想要的平面效果。其中包含的ImageReady是用于网页图片制作的。缺点是体积庞大，操作比较复杂，非专业人士很难熟练掌握。<br />
<br />
Paint Pro则是一款小巧玲珑、使用简便的软件，功能也很多，基本上可以满足一般的图形制作，而且最大的优势是完全免费的！ <br />
<br />
另外，矢量图形工具有CorelDraw等，可以做出体积很小的矢量图片，缺点是网页上无法直接插入显示。 <br />
<br />
网页动画工具：<br />
<br />
ImageReady已经介绍过了，可以制作GIF89a格式的图片。随着图片帧数的增加，动画形象会更丰满，当然体积也会更大。特点是与Photoshop交换作品方便，缺点是制作的位图体积较大。<br />
<br />
Flash*是Macromedia公司的产品，与Dreamweaver和firework并称网页制作三剑客，可以非常方便地制作动画效果，并根据鼠标事件（Event）来引发一些特效，适合制作交互动画、小游戏。最吸引人的还是作品SWF体积出奇的小，并且可以以插件的形式加入到网页中。通常几分钟的复杂动画才几百K，比起AVI格式真有天渊之别，很多在网上传播的流行音乐的MTV，5分钟左右连图像带歌曲也只有2、3百K，而以压缩比高著称的MP3格式光5分钟的歌曲就要4M呢！Flash在两年来迅速发展，相信成为网络上广为接受的标准格式已经为期不远了。 <br />
<br />
FTP上传工具： <br />
<br />
制作好的网页要上传到提供给我们主页空间的服务器后，才能让网友去访问。上传工具将影响到我们对站点更新维护的效率。<br />
<br />
CuteFTP：老牌的上传软件，功能强大，使用方便，支持拖放。<br />
<br />
UploadNow！：中文软件，可以自动把本地站点上更新过的文件上传，避免上传没有更新过的文件，节省的上网的时间和费用。<br />
<br />
WS-FTP*：速度特别快，支持拖放，对有多个站点要维护的朋友比较适用。<br />
<br />
3．其它技术：<br />
<br />
此外，掌握少量的编程技巧和多方面的先进技术也是有益无害的。 <br />
<br />
首先是脚本语言JavaScript*和Vbscript，JavaScript是Netscape公司的产品，它介于JAVA和HTML之间，是基于对象（Object）和事件驱动（Event Driven）并运行于客户端的编程语言。对于新版本的Netscape Navigator和Internet Explore的兼容性都相当的好。特别是JavaScript，不允许访问本地硬盘的安全性和与操作环境无关的跨平台性也对它的推广起了很大的作用，在一定程度上可以代替JAVA完成一些网页特效。学过C、C++的朋友会觉得JavaScript是一种很容易学的脚本语言。建议先了解DHTML的对象模型再学JavaScript。 <br />
<br />
其次是CGI（Common Gate Interface，通用网关接口）不同于JavaScript，它运行于服务器端，动态响应用户的操作（包括用户搜索、提交表单、记数器等），可用任何编译型语言进行编写（如Delphi、C++等）。 <br />
<br />
ASP（Active Server Pages）是包括HTML标记、文本和脚本命令的文件，使用它可以创建动态、交互的 Web 服务器应用程序，并可以组合HTML页、脚本命令和ActiveX组件以创建交互的Web页和基于Web的功能强大的应用程序。 <br />
<br />
IDC（Internet Database Connector，网络数据库接口）包含于Windows NT Server里的IIS(Internet Information Server)，提供了一种网络数据库内容得以发布并可与用户交互的方法，它实际上是一个ISAPI应用程序。<br />
<br />
ADO（ActiveX Data Object）可以与ASP结合，以建立提供数据资讯的网页内容，只需在网页面中执行SQL指令（Structured Query Language，结构化查询语言），让用户在浏览器界面中输入、更新和删除WEB服务器上的数据资料。 <br />
<br />
PHP（Hypertext Preprocessor）与IIS上的ASP相似，是一种HTML内嵌式的语言。用 PHP写出来的Web后端CGI程序，可以很轻易的移植到不同的平台上，而且是免费的。 <br />
<br />
XML（Extensible Markup Language，可扩展标记语言），是SGML（Standard Generic Markup Language，标准通用标记语言）的一个子集，可以很方便对结构化数据进行描述，允许用户对自己的标记语言进行定义，实际上提供了一个直接处理Web数据的通用方法。 <br />
<br />
VRML（Virtual Reality Modeling Language，虚拟现实模型语言）是一种网上虚拟现实语言，可以实现实物虚拟化，由于能在电脑上虚拟真实的产品，所以对于商品展示和电子商务的发展起到很大的推动作用。 <br />
<br />
WML类似于HTML语言，是信息家电上网浏览所使用的，随着更多的人加入到网络中来和信息家电的普及，WML可能发展到象HTML一样成为一种标准。<br />
<br />
注：带*的软件是笔者特别推荐使用的。 <br />
</div>
<div class="Content-bottom">
<div class="ContentBLeft"></div>
<div class="ContentBRight"></div>
类别:
<a href="category-6.html">网站建设</a>
| <a href="read-329.html#tb_top">引用: 514</a>
| <a href="read-329.html#comm_top">评论: 0</a>
| <a href="read-329.html">阅读: 1997</a>
</div>
</div>
</div>
<div class="Content">
<div class="Content-top">
<div class="ContentLeft"></div>
<div class="ContentRight"></div>
<h1 class="ContentTitle"><img src="images/icons/1.gif" style="margin: 0px 2px -4px 0px" alt="" class="CateIcon"/><a class="titleA" href="read-328.html"> 菜鸟建站全攻略-从入门到精通(基础知识)</a>
</h1>
<h2 class="ContentAuthor">
作者:vlin90 日期:2006-05-23 11:39 </h2>
</div>
<div id="log_5" >
<div class="Content-body" id="logcontent_328" style="word-break:break-all; table-layout: fixed;">
随着互联网的不断发展和中国网络人口的日益增长，从外行到菜鸟、菜鸟到老鸟、老鸟又成为了一代大虾，（本人还只是老鸟而已，还未到大侠的境界），其中不知道发生了多少的变化……<br />
<br />
以前是浏览别人的网站，看到整齐的文字和花花绿绿的图片，真是羡慕极了！后来呢，自学了Frontpage2000，觉得做主页其实也很容易，不就是写些文章，插点图片嘛……于是，兴致勃勃地写了个漂亮的主页，加了几个链接，通到大众软件、电脑之家……做好站点、上传、打开IE、在地址栏里打上<a href="http://www.xxx.com，再用激动到颤抖的手按下回车……" target="_blank">http://www.xxx.com，再用激动到颤抖的手按下回车……</a> <br />
<br />
此后鲜花掌声千千万，但麻烦也接踵而来，主要是内容收集分类困难，更新不便，界面过于简陋……但笔者并不气馁，驾着小猫上网找网站制作的教程，DOMN下来拌着方便面和好多个不眠之夜慢慢啃。终于黄天不负苦心人，在无数次的失败后，笔者渐渐积累起的经验反映在个人站点的不断发展中了^_^ <br />
<br />
由于深深地体会过自己摸索的痛苦，所以把笔者的建站心得，拿来和众多同好分享，可惜的是笔者的站点正面临全面改版，无法留下地址，供大家学习参考，水平所限文章中错误在所难免，还望高手、大侠不吝赐教^_^ <br />
<br />
注：笔者在这里说的网站指的是个人申请的免费主页，也就是说不具有商业性质，（其实很多提供免费主页申请服务的站点在网友申请前都有规定，禁止主页用于商业用途），所以笔者在设计时考虑较多的是网友们兴趣爱好，而不是注重商品的展示，但总体的设计思想和某些技巧也适用于商业站点，取舍就看您的喜好了。<br />
<br />
网站制作除了可以按制作的时期分为前期规划、中期制作、发布，及后期维护外，还可以按工作性质分成：结构设计、资料收集、美工设计、宣传推广等。<br />
<br />
首先来了解一下我们平时说的万维网是什么？（没学过网络知识也没关系，笔者会尽量说的浅显易懂）<br />
<br />
www（world wide web）是指在internet上的许多计算机连接在一起而形成的网络，这些计算机相互或是单向的传递信息，（包括文字、程序、图像、声音和其他众多多媒体文件）。<br />
<br />
我们怎么访问这些信息呢？<br />
<br />
通过URL和相关的Protocol就可以做到了。 <br />
<br />
URL（Uniform Resource Locator）就是统一资源地址，是URI（Universal Resource Identifier，通用资源标识）命名体系规范中的一个分支。顾名思义，URL就是帮助我们在网络上找到需要的资源的“路径”，举个例子：<br />
<br />
<a href="http://www.webjx.com/web/index.htm" target="_blank">http://www.webjx.com/web/index.htm</a><br />
<br />
这个地址说明了通过HTTP协议，能够在叫www.webjx.com的主机上，在路径“/web/”下找到一个index.htm的文件。<br />
<br />
Protocol（协议）里用与internet的是TCP/IP（Transmission Control Protocol/Internet Protocol,传输控制协议/网际互联协议），TCP/IP最初由DARPA（美国国防高级研究规划局）设计，用于国防相关的工程，现在被广泛的操作系统所支持，（包括Windows, NT, NetWare, Macintosh等），成为了通用的网络协议。<br />
<br />
HTTP（Hypertext Transfer Protocol，超文本传输协议）是用来在Internet上传送超文本的传送协议，它运行在TCP/IP协议之上。其他常用的协议还有文件传输协议FTP（File Transfer Protocol）、远程登录协议Telnet、NEWS以及Gopher等。 <br />
<br />
HTML（Hypertext Markup Language，超文本标识语言）是WWW上的发布语言、标记性语言或页面格式定义语言，可以用文本编辑器来制作，我们平时见到的网页就是HTML文件。HTML可以插入图形、音频、视频等对象，使其具有极为丰富的网页内容和很强的可观赏性，同时文件本身的体积很小（不包括插入的图像、声音之类额定文件），非常适合在网络上传输，目前版本是4.0。 <br />
<br />
</div>
<div class="Content-bottom">
<div class="ContentBLeft"></div>
<div class="ContentBRight"></div>
类别:
<a href="category-6.html">网站建设</a>
| <a href="read-328.html#tb_top">引用: -7</a>
| <a href="read-328.html#comm_top">评论: 0</a>
| <a href="read-328.html">阅读: 1780</a>
</div>
</div>
</div>
<div class="Content">
<div class="Content-top">
<div class="ContentLeft"></div>
<div class="ContentRight"></div>
<h1 class="ContentTitle"><img src="images/icons/1.gif" style="margin: 0px 2px -4px 0px" alt="" class="CateIcon"/><a class="titleA" href="read-327.html"> 真正搞笑的夫妻对话</a>
</h1>
<h2 class="ContentAuthor">
作者:vlin90 日期:2006-05-19 15:25 </h2>
</div>
<div id="log_6" >
<div class="Content-body" id="logcontent_327" style="word-break:break-all; table-layout: fixed;">
真正搞笑的夫妻对话……<br />
关于讲理 <br />
我：你不讲理。 <br />
老婆：和你我从来就没讲过理，家就不是讲理的地方。再说你是男的，还比我大8个月呢，你得让着我。 <br />
关于钱 <br />
我：以后我挣的钱按比例给你吧，我挣的多留的也多，这样有积极性。 <br />
老婆：好。 <br />
我：那我给你百分之多少？ <br />
老婆：百分之一百二。 <br />
<br />
关于睡觉（一） <br />
<br />
我：你那么小人，怎么占那么大地儿！ <br />
老婆：那当然，我得翻身，还得伸懒腰呢！ <br />
<br />
关于睡觉（二） <br />
<br />
老婆：咱们盖那个双人被吧。 <br />
我：别！那到第二天早上就全裹你身上了。我什么也盖不着。还是自己盖自己的吧，心里踏实。 <br />
老婆：哼，你就是自己盖，到明天早上照样也得被我裹走！ <br />
<br />
关于中心 <br />
<br />
老婆：我在我们家一直是中心，在你们家也得以我为中心。 <br />
我：那我在我们家也一直是中心。 <br />
老婆：可我这中心比你那中心重要。 <br />
我：为什么？ <br />
老婆：因为我是千金，你只是个小子。 <br />
<br />
关于主意 <br />
<br />
老婆：咱们出去玩吧。 <br />
我：好，你说去哪儿就去哪儿。 <br />
老婆：我要有主意还和你说！ <br />
我：我出的主意你从来都不同意呀。 <br />
老婆：我不同意的那叫什么主意呀，那叫敷衍！你得不停地有主意，直到我满意为止。 <br />
<br />
关于打电话 <br />
<br />
老婆：你为什么不给我打电话？！ <br />
我：倒打一耙！今天不是说好你给我打电话的嘛。结果我等了一天，还是我打给你的。 <br />
老婆：我是说过，可我又改主意了。张爱龄说：女人有改主意的特权。 <br />
我：那你改主意没跟我说呀！ <br />
老婆：我说了，我心里说的，谁让你和我心灵不相通的。 <br />
<br />
关于异性朋友 <br />
<br />
老婆：我可以有男朋友，你不能干涉我。 <br />
我：行，我也交个女朋友。 <br />
老婆：不行！ <br />
我：凭什么你行我不行呀。 <br />
老婆：我交男朋友，你做不到的人家能做到，我就不会老挑你毛病了，有利于家庭幸福。你交女朋友，我心眼儿小，吃醋和你吵架，不利于家庭安定。 <br />
我：那我也心眼儿小。 <br />
老婆：一个男人，和女人一样心眼儿小，亏你好意思说！ <br />
<br />
关于心情 <br />
<br />
老婆：我一干活心情就不好了，会降低咱们的婚姻质量。 <br />
我：那我干活心情也不好。 <br />
老婆：你的心理承受能力应该比我强，因为你个子比我大，心脏也应该比我大！ <br />
<br />
关于拿东西 <br />
<br />
老婆：这个袋子你也拿着吧。 <br />
我：我都拿着四个袋子了，你什么都不拿，好意思吗？ <br />
老婆：那我还挽着你呢！你100多斤呢，我拿的东西不比你拿的东西重多了。 <br />
<br />
关于散步 <br />
<br />
老婆：咱们一直散步到那条马路吧。 <br />
我：到那儿太远了，一会儿该走不回来了。 <br />
老婆：没事，你背我回来。 <br />
<br />
关于婚外恋 <br />
<br />
老婆：现在电视里老演婚外恋，你说，你会有婚外恋吗？ <br />
我：不会。 <br />
老婆：为什么？ <br />
我：有你一个我就够后悔的了，决不能再要第二个 <br />
<br />
关于起床 <br />
<br />
我：起床了，起床了，你不说今天要早起开会嘛。 <br />
老婆：别说话，我再睡一会。 <br />
我：快起吧，要不该迟到了。 <br />
老婆：你别碰我！我要睡觉！！ <br />
老婆：呀！都该迟到了！你怎么叫我的！ <br />
<br />
关于洗碗 <br />
我：一会你洗碗？ <br />
老婆：好。 <br />
我：那怎么还不动啊？ <br />
老婆：我头疼。 <br />
我：懒死了，不让你洗碗你也不头疼。 <br />
老婆：真的！一想到要洗碗我就头疼。 <br />
<br />
关于真话 <br />
<br />
老婆：你看，那女孩多好看。 <br />
我：好看什么呀。 <br />
老婆：你什么意思！你为什么不和我保持一致！ <br />
我：好看好看。 <br />
我：哎，你别走啊，怎么不理我了？ <br />
<br />
关于吃东西 <br />
<br />
老婆：这个话梅我吃了一半，挺好吃的，剩下的给你吃吧。 <br />
我：我不爱吃话梅。 <br />
老婆：不行，你就爱吃！你是不是嫌弃我吃过的！ <br />
我：这鱼挺好吃的，来。 <br />
老婆：你的脏筷子碰过的，谁吃！ <br />
我：那你吃过一半我还吃呢，我不嫌弃你，你怎么嫌弃我？ <br />
老婆：那就对了。我嫌弃你说明我比你干净。我比你干净你凭什么嫌弃我？！ <br />
<br />
关于离婚 <br />
<br />
老婆：咱们要是离了婚，房子归我，我的钱我也得拿走。 <br />
我：那我的钱呢？ <br />
老婆：你的钱都是我的钱，你有什么钱！ <br />
老婆：还有，离婚后你每月的收入也得给我80%。嗯，如果你再结婚了，那就给我60%就成了。 <br />
我：老婆，我决不跟你离婚！ <br />
<br />
关于买衣服 <br />
<br />
老婆：这衣服好看吗？ <br />
我：好看。 <br />
老婆：你就敷衍我，想让我赶快买完了赶快回家！ <br />
老婆：那衣服好看吗？ <br />
我：不好看。 <br />
老婆：你就舍不得给我买！ <br />
<br />
关于干家务 <br />
<br />
我：咱们把家务分分工吧。 <br />
老婆：好。首先，脏活累活得男人干吧，比如擦地、刷马桶、擦桌子…… <br />
我：这对。 <br />
老婆：你是学理工的，我是学文科的，带电的东西得你干吧，像洗衣机、电冰箱、电饭锅、电熨斗…… <br />
我：这……行！ <br />
老婆：男主外，女主内。和外人打交道的活得你干吧，买菜、交水电费、取报纸牛奶…… <br />
我：行，行，那你干什么？ <br />
老婆：别着急呀。厨房里油烟这么大，可毁皮肤了，做饭得你干吧。 <br />
我：你就告诉我你干什么吧。 <br />
老婆：我也有很多要干的呀。我可以陪着你，监督你，赞美你，安慰你…… <br />
<br />
关于孩子 <br />
<br />
老婆：咱们要个孩子吧。 <br />
我：行。 <br />
老婆：那你喜欢咱们的孩子吗？ <br />
我：喜欢。 <br />
老婆：那不行！你就得喜欢我一个人！ <br />
老公：好，好，就喜欢你一个人。 <br />
老婆：那我的孩子你凭什么不喜欢啊！ <br />
我：咱还是别要孩子了。 <br />
<br />
关于男女平等 <br />
<br />
我：都说男女平等，咱们家是不是也得平等平等？ <br />
老婆：行呀。你们男的欺负女的欺负了好几千年。我们也得欺负你们几千年，再平等，才是真正的平等呢。别急，再过几千年，咱们家就平等了。 <br />
<br />
关于幸福 <br />
<br />
老婆：你娶了我是不是特幸福？ <br />
我：没觉得。你又不讲理，又不干活，还老折腾人，我怎么幸福啊？ <br />
老婆：这就是你的幸福啊。我不讲理，要不是我牺牲自己，能反衬出你的宽容大度吗；我不干活，就培养出了你呀，艺多不压身，你能力强还不好；我折腾人，那你的生活多丰富多采呀，你看，你的婚姻生活就不像别人家那么单调吧。 <br />
<br />
关于喝水 <br />
<br />
老婆：老公，我要喝水！ <br />
我：我给你倒去。 <br />
哎，这水杯不就在你手边嘛，没看见？ <br />
老婆：看见了，我就是想让你递给我。 <br />
</div>
<div class="Content-bottom">
<div class="ContentBLeft"></div>
<div class="ContentBRight"></div>
类别:
<a href="category-10.html">休闲娱乐</a>
| <a href="read-327.html#tb_top">引用: -5</a>
| <a href="read-327.html#comm_top">评论: 0</a>
| <a href="read-327.html">阅读: 1770</a>
</div>
</div>
</div>
<div class="Content">
<div class="Content-top">
<div class="ContentLeft"></div>
<div class="ContentRight"></div>
<h1 class="ContentTitle"><img src="images/icons/1.gif" style="margin: 0px 2px -4px 0px" alt="" class="CateIcon"/><a class="titleA" href="read-326.html"> 公布QQ理论终身教程</a>
</h1>
<h2 class="ContentAuthor">
作者:vlin 日期:2006-05-17 13:14 </h2>
</div>
<div id="log_7" >
<div class="Content-body" id="logcontent_326" style="word-break:break-all; table-layout: fixed;">
<br />
<br />
准备一张余额不多的手机卡最好是移动动感地带的。以下服务请一次性开完<br />
qq全套<br />
红钻 发送qqf到170035，然后发送qq号码#qq密码到170035617，绑定红钻到指定qq号上<br />
<br />
蓝钻 qqy到1700341然后发送qq号码#qq密码到17003417，绑定蓝钻到指定qq号上<br />
<br />
黄钻 qqh到170035 ，然后发送qqh#qq号码到170035813，绑定黄钻<br />
<br />
会员 55到1700，然后发送55#qq号码#qq密码到1700501000<br />
<br />
<a href="http://love.qq.com/regist_1.shtml，到这个网站，登陆上要开得qq，选择成为高级用户，然后选择手机支付，填入你手机号码按照系统提示做既可。这个是高级交友的" target="_blank">http://love.qq.com/regist_1.shtml，到这个网站，登陆上要开得qq，选择成为高级用户，然后选择手机支付，填入你手机号码按照系统提示做既可。这个是高级交友的</a><br />
<br />
512m硬盘<br />
<a href="http://disk.qq.com/到这个网址，在靠右边有个定实用英语获赠512m硬盘，输入你手机号码和qq号码，按照系统提示做。" target="_blank">http://disk.qq.com/到这个网址，在靠右边有个定实用英语获赠512m硬盘，输入你手机号码和qq号码，按照系统提示做。</a><br />
<br />
绑定手机到qq号码 发送BD#QQ号码#QQ密码到1700即可，这样做是为了开通短信超人和移动QQ<br />
<br />
绑定好后发送MQ到1700开通移动QQ<br />
<br />
发送QE到1700开通短信超人，短信超人附赠炫铃，全套就好了。手机开了全套后就不要再续费了，让它停机就不用管它了，移动和腾讯不同步收费，所以不影响腾讯服务使用，以上是开通QQ理论全套<br />
<br />
<br />
<a href="http://online.rising.com.cn/index.asp到这个网址，输入手机号码，点击购买，然后选择手机话费体验，按照系统提示做，可以获得一张瑞星在线杀毒卡密" target="_blank">http://online.rising.com.cn/index.asp到这个网址，输入手机号码，点击购买，然后选择手机话费体验，按照系统提示做，可以获得一张瑞星在线杀毒卡密</a><br />
<br />
边峰银子 发送MF到536678，发送两次，可以获赠两条卡号密码，每条4万两银子，一张卡可以刷八万两<br />
<br />
然后发送006到777785502，可以获得金山一卡通600点激活码<br />
<br />
发送TM到8828获得1050点泡泡堂激活码，这个需要记下你手机号码<br />
<br />
发送30到11568900可以获得面值30的91大卡，这个移动的比较难成功，看运气吧。<br />
<br />
发送G到221133，可以获赠140点泡泡堂的，一张手机卡可以获得420点，然后回复H转换，在发送区号#账号到221133即可把420点转到你泡泡堂帐号里<br />
<br />
发送JZ区号#账号到8828，一条获赠35点，一张手机卡可以获得420点，这个是直接转到指定泡泡堂账号<br />
<a href="http://xin.qq.com/到这个网址，输入手机号码，开通星座情缘，可以获得当月黄金圣衣一套，可以先都送到自己QQ上，等有人买的时候你在赠送给别人" target="_blank">http://xin.qq.com/到这个网址，输入手机号码，开通星座情缘，可以获得当月黄金圣衣一套，可以先都送到自己QQ上，等有人买的时候你在赠送给别人</a><br />
<br />
到QQ秀商城，任选10Q币的衣服放到购物车里，选择手机短信支付，一张手机卡还可以刷10Q币的QQ秀<br />
<br />
全国其他省份<br />
编辑手机短信 LS 发送到 1118934 <br />
广东 广西 安徽<br />
编辑手机短信 JDM 发送到 8888 <br />
福建、海南<br />
暂未开通 这个指令是刷浩方币的，一张手机卡大概可以获得1000到两千的激活码。反正只要游戏支持手机付费的基本上都能刷，那些收费的电影网站之类的也一样，只要选择手机支付就行了<br />
</div>
<div class="Content-bottom">
<div class="ContentBLeft"></div>
<div class="ContentBRight"></div>
类别:
<a href="category-4.html">教程攻略</a>
| <a href="read-326.html#tb_top">引用: -6</a>
| <a href="read-326.html#comm_top">评论: 0</a>
| <a href="read-326.html">阅读: 2399</a>
</div>
</div>
</div>
<div class="pageContent">
<div class="page" style="float:right">
<ul><li class="pageNumber"><a href="archives-200605-1.html" title="首页">|<</a> <a href="archives-200605-1.html" title="上一页" style="text-decoration:none"><</a> <a href="archives-200605-1.html">1</a> <strong>2</strong> <a href="archives-200605-3.html">3</a> <a href="archives-200605-4.html">4</a> <a href="archives-200605-5.html">5</a> <a href="archives-200605-6.html">6</a> <a href="archives-200605-7.html">7</a> <a href="archives-200605-3.html" title="下一页">></a> <a href="archives-200605-7.html" title="尾页">>|</a> </li></ul> </div>
</div>
</div> <div id="mainContent-bottomimg"></div>
</div>
</div>
<!--处理侧边栏-->
<div id="sidebar">
<div id="innersidebar">
<div id="sidebar-topimg"><!--工具条顶部图象--></div>
<!--侧边栏显示内容-->
<!--用户面板--><div class="sidepanel" id="Side_User"> <h4 class="Ptitle" style="cursor: pointer;" onclick="sidebarTools('content_User')">用户面板</h4> <div class="Pcontent" id="content_User" style="display:"> <div class="UserTable" id="User_Body">
<a href="login.php" class="sideA">登录</a>
<a href="register.php" class="sideA">用户注册</a>
</div> </div> <div class="Pfoot"></div> </div> <!--类别-->
<div class="sidepanel" id="Side_Category">
<h4 class="Ptitle" style="cursor: pointer;" onclick="sidebarTools('content_Category')">类别</h4>
<div class="Pcontent" id="content_Category" style="display:">
<div class="CategoryTable" id="Category_Body">
<script type="text/javascript">
function openCategory(category) {
var oLevel1 = document.getElementById("category_" + category);
var oImg = oLevel1.getElementsByTagName("img")[0];
switch (oImg.src.substr(oImg.src.length - 10, 6)) {
case "isleaf":
return true;
case "closed":
oImg.src = "images/tree/folder_gray/tab_opened.gif";
showLayer("category_" + category + "_children");
expanded = true;
return true;
case "opened":
oImg.src = "images/tree/folder_gray/tab_closed.gif";
hideLayer("category_" + category + "_children");
expanded = false;
return true;
}
return false;
}
function showLayer(id) {
document.getElementById(id).style.display = "block";
return true;
}
function hideLayer(id) {
document.getElementById(id).style.display = "none";
return true;
}
</script>
<div id="treeComponent">
<div id="category_0" style="line-height: 100%">
<div style="display:inline;"><img src="images/tree/folder_gray/tab_top.gif" width="16" align="top" alt=""/></div>
<div style="display:inline; vertical-align:middle; padding-left:3px; cursor:pointer;">
<a href='index.php'>所有类别 (590)</a> <span class="rss"><a href='rss.php'>[RSS]</a></span></div>
</div>
<div id="category_category_1" style="line-height: 100%">
<div style="display:inline; background-image: url('images/tree/folder_gray/navi_back_noactive.gif')"><a class="click"><img src="images/tree/folder_gray/tab_isleaf.gif" align="top" alt=""/></a></div>
<div style="display:inline;" title="">
<div id="text_1" style="padding-left:3px; cursor:pointer;display:inline; vertical-align:middle;"><a href='category-3.html'>免费资源 (30)</a> <span class="rss"><a href='rss.php?cateID=3'>[RSS]</a></span></div>
</div>
</div>
<div id="category_category_2" style="line-height: 100%">
<div style="display:inline; background-image: url('images/tree/folder_gray/navi_back_noactive.gif')"><a class="click"><img src="images/tree/folder_gray/tab_isleaf.gif" align="top" alt=""/></a></div>
<div style="display:inline;" title="">
<div id="text_2" style="padding-left:3px; cursor:pointer;display:inline; vertical-align:middle;"><a href='category-4.html'>教程攻略 (79)</a> <span class="rss"><a href='rss.php?cateID=4'>[RSS]</a></span></div>
</div>
</div>
<div id="category_category_3" style="line-height: 100%">
<div style="display:inline; background-image: url('images/tree/folder_gray/navi_back_noactive.gif')"><a class="click"><img src="images/tree/folder_gray/tab_isleaf.gif" align="top" alt=""/></a></div>
<div style="display:inline;" title="">
<div id="text_3" style="padding-left:3px; cursor:pointer;display:inline; vertical-align:middle;"><a href='category-5.html'>美女欣赏 (103)</a> <span class="rss"><a href='rss.php?cateID=5'>[RSS]</a></span></div>
</div>
</div>
<div id="category_category_4" style="line-height: 100%">
<div style="display:inline; background-image: url('images/tree/folder_gray/navi_back_noactive.gif')"><a class="click"><img src="images/tree/folder_gray/tab_isleaf.gif" align="top" alt=""/></a></div>
<div style="display:inline;" title="">
<div id="text_4" style="padding-left:3px; cursor:pointer;display:inline; vertical-align:middle;"><a href='category-6.html'>网站建设 (157)</a> <span class="rss"><a href='rss.php?cateID=6'>[RSS]</a></span></div>
</div>
</div>
<div id="category_category_5" style="line-height: 100%">
<div style="display:inline; background-image: url('images/tree/folder_gray/navi_back_noactive.gif')"><a class="click"><img src="images/tree/folder_gray/tab_isleaf.gif" align="top" alt=""/></a></div>
<div style="display:inline;" title="">
<div id="text_5" style="padding-left:3px; cursor:pointer;display:inline; vertical-align:middle;"><a href='category-7.html'>源码交流 (69)</a> <span class="rss"><a href='rss.php?cateID=7'>[RSS]</a></span></div>
</div>
</div>
<div id="category_category_6" style="line-height: 100%">
<div style="display:inline; background-image: url('images/tree/folder_gray/navi_back_noactive.gif')"><a class="click"><img src="images/tree/folder_gray/tab_isleaf.gif" align="top" alt=""/></a></div>
<div style="display:inline;" title="">
<div id="text_6" style="padding-left:3px; cursor:pointer;display:inline; vertical-align:middle;"><a href='category-10.html'>休闲娱乐 (120)</a> <span class="rss"><a href='rss.php?cateID=10'>[RSS]</a></span></div>
</div>
</div>
<div id="category_category_7" style="line-height: 100%">
<div style="display:inline; background-image: url('images/tree/folder_gray/navi_back_noactive_end.gif')"><a class="click"><img src="images/tree/folder_gray/tab_isleaf.gif" align="top" alt=""/></a></div>
<div style="display:inline;" title="">
<div id="text_7" style="padding-left:3px; cursor:pointer;display:inline; vertical-align:middle;"><a href='category-12.html'>QQ空间 (32)</a> <span class="rss"><a href='rss.php?cateID=12'>[RSS]</a></span></div>
</div>
</div>
</div>
</div>
</div>
<div class="Pfoot"></div>
</div>
<!--日历--><div class="sidepanel" id="Side_Calendar"> <h4 class="Ptitle" style="cursor: pointer;" onclick="sidebarTools('content_Calendar')">日历</h4> <div class="Pcontent" id="content_Calendar" style="display:"> <div class="CalendarTable" id="Calendar_Body">
<div id="Calendar_Top">
<div><a href="calendar-200812.html" id="LeftB"></a></div>
<div><a href="calendar-200902.html" id="RightB"></a></div>
2009 年 1 月</div>
<div id="Calendar_week">
<ul class="Week_UL">
<li><font color="#ff0000">日</font></li>
<li>一</li>
<li>二</li>
<li>三</li>
<li>四</li>
<li>五</li>
<li>六</li>
</ul>
</div>
<div class="Calendar_Day">
<ul class="Day_UL">
<li class="DayA"><a class="otherday">28</a></li>
<li class="DayA"><a class="otherday">29</a></li>
<li class="DayA"><a class="otherday">30</a></li>
<li class="DayA"><a class="otherday">31</a></li>
<li class="DayA"><a>1</a></li>
<li class="DayA"><a>2</a></li>
<li class="DayA"><a>3</a></li>
</ul>
</div>
<div class="Calendar_Day">
<ul class="Day_UL">
<li class="DayA"><a>4</a></li>
<li class="DayA"><a>5</a></li>
<li class="DayA"><a class="today">6</a></li>
<li class="DayA"><a>7</a></li>
<li class="DayA"><a>8</a></li>
<li class="DayA"><a>9</a></li>
<li class="DayA"><a>10</a></li>
</ul>
</div>
<div class="Calendar_Day">
<ul class="Day_UL">
<li class="DayA"><a>11</a></li>
<li class="DayA"><a>12</a></li>
<li class="DayA"><a>13</a></li>
<li class="DayA"><a>14</a></li>
<li class="DayA"><a>15</a></li>
<li class="DayA"><a>16</a></li>
<li class="DayA"><a>17</a></li>
</ul>
</div>
<div class="Calendar_Day">
<ul class="Day_UL">
<li class="DayA"><a>18</a></li>
<li class="DayA"><a>19</a></li>
<li class="DayA"><a>20</a></li>
<li class="DayA"><a>21</a></li>
<li class="DayA"><a>22</a></li>
<li class="DayA"><a>23</a></li>
<li class="DayA"><a>24</a></li>
</ul>
</div>
<div class="Calendar_Day">
<ul class="Day_UL">
<li class="DayA"><a>25</a></li>
<li class="DayA"><a>26</a></li>
<li class="DayA"><a>27</a></li>
<li class="DayA"><a>28</a></li>
<li class="DayA"><a>29</a></li>
<li class="DayA"><a>30</a></li>
<li class="DayA"><a>31</a></li>
</ul>
</div>
</div> </div> <div class="Pfoot"></div> </div> <!--热门标签-->
<div class="sidepanel" id="Side_HotTags">
<h4 class="Ptitle" style="cursor: pointer;" onclick="sidebarTools('content_HotTags')">热门标签</h4>
<div class="Pcontent" id="content_HotTags" style="display:">
<div class="HotTagsTable" id="HotTags_Body">
<a href="tags-%E7%BD%91%E7%AB%99%E4%BC%98%E5%8C%96.html" style="color:#f60" title="日志数量: 6">网站优化</a> <a href="tags-QQ%E7%A9%BA%E9%97%B4.html" style="color:#690" title="日志数量: 4">QQ空间</a> <a href="tags-%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E.html" style="color:#690" title="日志数量: 3">搜索引擎</a> <a href="tags-dedecms+v3.html" style="color:#09c" title="日志数量: 2">dedecms v3</a> <a href="tags-%E7%BE%8E%E5%A5%B3.html" style="color:#09c" title="日志数量: 2">美女</a> <a href="tags-blog.html" style="color:#999" title="日志数量: 1">blog</a> <a href="tags-%E4%B8%9C%E8%B4%A2%E7%8E%8B%E5%A9%B7%E5%A9%B7.html" style="color:#999" title="日志数量: 1">东财王婷婷</a> <a href="tags-%E8%87%AA%E6%8B%8D.html" style="color:#999" title="日志数量: 1">自拍</a> <a href="tags-%E7%BE%8E%E5%B0%91%E5%A5%B3.html" style="color:#999" title="日志数量: 1">美少女</a> <a href="tags-AV%E5%A5%B3%E5%AD%A9.html" style="color:#999" title="日志数量: 1">AV女孩</a> <a href="tags-%E7%A0%B4%E8%A7%A3.html" style="color:#999" title="日志数量: 1">破解</a> <a href="tags-%E4%BA%BA%E4%BD%93%E8%89%BA%E6%9C%AF.html" style="color:#999" title="日志数量: 1">人体艺术</a> <a href="tag
7．站点地图
即使导航栏条理分明，结构合理，但对于内容较多的站点来说，还是做一份站点的导航地图，才对得起访客。在站点地图里，你可以详细的介绍素有的栏目，以及每个栏目里分别包括些什么小栏目或是含有什么样的具体内容，应该尽力写得详实明了，让人有一目了然的感觉才达到我们的目的，不要担心版面不够，因为整个地图版面存在的理由就在于此（如果没有起到它应起的作用，还不如不要呢）。
8．使用模版
很多刚开始做网站的朋友往往在收集了大量的素材后，立即投入制作，生成了绝大部分成品网页，但由于经验不足或其他什么原因，做完了才发现问题，只好一个个网页的修改，结果浪费了巨大的精力。所以笔者建议：在完成了所有的构思以后，先要做一个模版网页，在这个网页里包括了所有网页的公共元素（比如LOGO、导航栏、更新时间、推荐栏目、外接的CSS样式表的链接、加入收藏夹、返回首页、站点地图、E-mail地址、滚动的状态栏、广告条、版权信息等等），之后只要复制多份，填入不同的内容就相对轻松多了。
建议：如果页面太多而没有给每个网页写TITLE的话，FrontPage2000就会自动给每个网页加上按“new page 1”、“new page 2”的顺序排列的TITLE，很不美观和规范，或是使人产生“站长是个懒鬼”的想法。所以，在制作模版的时候，就可以在TITLE里加上一句无论放在哪个页面里都合适的欢迎词（比如“欢迎您的光临！”之类）。这样一来，网页才不会让人当成“半成品”来看待。^_^
9．少用JAVA
虽然使用JAVA可以做出许多精彩的网页特效，但由于现在JAVA程序的处理速度实在让人不敢恭维，往往是等上老半天还看不到网页的内容，更有甚者，在漫长的等待后，浏览器提示APPLET不能启动。过分追求技巧和特效，结果却适得其反，把最重要的内容给拉下了，这种做法显然是不可取的。
10．控制图片的大小
除了文字说明，图片就是我们网页上最重要的内容了。许多漂亮的字体，浏览器可能并不支持，所以要用图片的方式来显示；单纯的文字网页信息量巨大，浏览者很难快速地了解网页想要表达的内容，但通过图片就能比较形象地把意思传达给浏览者了。此外统一风格（每个网页使用相同的LOGO）、美化网页（用色彩鲜艳的花边修饰网页边框、分隔大段的文本）、烘托气氛等作用也是文字说明无法做到的，特别是GIF089a格式保存的图片，不但可以制造动画效果、活泼网页的气氛，还能够在显示较大的图片时逐渐的显示，先显示分辨率比较低的图片，让浏览者有个初步了解，知道自己等待的是什么？究竟有没有必要再等待？这对于速度相对较慢的中国互联网来说是一件天大的好事。
一般来说，一张网页上的图片总体积不应该超过50KB，这样光图片的下载将花去浏览者近10秒的时间（按使用56K的MODEM计算，不过56K的MODEM在中国已经是标准配置了），而即使加上文字也多不了多少时间，对于习惯了慢如蚂蚁的网络的用户是可以接受的。因此，可以说图片是造成网页下载速度过慢的“罪魁祸首”。所以，必须在美观和速度之间做出选择，两者都要兼顾，大家自己平衡吧^_^
11．选择使用框架
框架（FRAME）也叫帧页，是现在制作网页是较为常用的一种技术。该技术可以把浏览器窗口划分为几个小窗口，每一个窗口都显示一个网页的内容，并分别设置大小、有无滚动条等信息。这样就方便了设计网站的结构，可以在上方的框架里放置网站的LOGO，在左面的框架里显示导航栏，而在下方的框架里安置版权信息。当然这只是一个比较公式化的设计，每个人可以根据自己的实际需要和创意来做安排。而且浏览时，可以指定链接的网页在哪个框架里显示，从而避免了网页上相同内容的重复下载，而这些内容往往是LOGO、BANNER等体积较大，需要很长下载时间的图片。这对于提高网页显示速度和网络传输效率方面都有着积极的意义。
尽管这是种方便网站设计者的技术，但对于浏览者来说就不一定了。因为框架技术是一种新兴技术，很多浏览器还不支持它，也就是是说，有一部分的浏览者并不能正常的看到你那美仑美奂的网页。所以，笔者建议：为了这些网友，尽量不要使用框架。如果实在要用，就一定要记得在框架网页的HTML代码里加上