网上建站论坛的选择和安装（菜鸟版）

要想在网络上面发展，创建一个论坛，并且认真的带动人气，一旦人气稳定了。是一笔固定的财富。无论发展什么都比较容易(当然这里指的是一些像偶一样没有什么技术的菜鸟，那些CODE高手，资深级的美工，网络工程师不算在内。人家技术可以吸引很多人。例如，你正在落伍看一个菜鸟的菜菜帖@@!)
首先来说一下论坛的选择，我们只说比较常见的论坛和数据格式
从数据库来看常见的有这么几类
ACCESS,TXTDB(文本存储),MYSQL,MSSQL.
从脚本语言来看有
ASP,CGI,PHP,ASP.NET；jsp和.net的商业味道太浓。就不讨论了
为了方便大家根据自己的情况做出选择我就班门弄斧的谈谈 ^^!
注意:数据库里面就MSSQL 也就是microsoft sql server 微软的数据库的使用是要收版权费的，其他三种都是可以免费用的。(特殊的用户注意这里)
先谈下数据库：
A CCESS论坛现在帖子的极限数量在一万主帖左右。一旦论坛帖子数达到这个数目并且在线人数比较多的话。速度和稳定都是问题，如果你有很大的雄心壮志的话。还是不要用这个的好。数据库负载能力一般，数据库不需要单独安装，无须单独购买空间
TXTDB论坛的好坏要看算法，优秀的算法可以让TXTDB支持很大的帖子数和在线人数同时读写。但是由于文件存储模式的原因WIN主机在帖子数量特别大的时候会严重影响磁盘性能和占用大量的空间。LINUX下部分论坛性能很强。 数据库负载能力好，数据库不需要单独安装，无须单独购买空间
MYSQL是国外公司开发的数据库，性能和MSSQL差距不是特别明显，负载能力和速度都很好。而且免费，虽然有高手说百万条数据同时写入的时候会出错，但是大家的论坛恐怕不会有百万人一起发帖子（又不是开XX网^^），所以这个问题可以忽略。非常适合中型网站使用。数据库负载能力强，数据库需要单独安装，须要单独购买空间
MSSQL是微软主打的数据库，VIP级的收费的东东，他的品质我就不说了。应该说比较完美了。综合种种要强于上面四种。可惜不免费给用，而且数据库空间要单独购买。比较贵。不适合普通用户使用。数据库负载能力很好，数据库需要单独安装，需要单独购买空间
还有几样非常不适合咱们用的，我就不谈了。（也不怎么了解）
再谈下脚本
ASP 微软发明的脚本，兼容性很好，只要是支持html之外的空间都支持这个东东。好像稳定性差了点。执行效率不如php 人多的时候会明显变慢。
空间支持比较容易，价格一般
CGI 以前的论坛是CGI的天下，现在只有少的可怜的CGI论坛在苦苦支撑。所幸，剩下的cgi论坛都是非常优秀的。
空间支持较容易，价格稍贵
PHP 进来才在网上流行起来的准商业型代码，速度快，安全性好,稳定，负载能力都不错，可以说是首选了。
空间支持不是很多，价格贵
综合起来看脚本的好坏，在同一环境下，PHP>ASP和CGI 至于ASP和CGI哪个更好，偶分不清楚。呵呵
仔细谈下如何选择
根据在线人数选择是一个比较好的方法，前提是你的铁足 ^_^ 因为某些空间支持很贵。
在线人数不超过100人，主帖不会超过1万，勉强可以用asp＋ACCESS
在线人数在100到1000之间，主帖不会超过10万，用CGI＋TXTDB或者PHP＋TXTDB应该可以胜任
在线人数超千主帖数超过100万，你的选择只能是PHP＋MYSQL或者PHP＋MSSQL
至于空间价格和空间商的选择，在这里我就不谈了。落伍里曾经有人谈过，很详细，大家好好找找，我好像曾经收藏过一篇，找到就发出来。
面谈下常见的论坛安装
常见的asp论坛：
动网论坛
http://www.aspsky.net
功能型,功能强大，速度一般，新版的问题不少 [ACCESS]
急速论坛
http://www.leadbbs.com
介于功能和速度之间 [ACCESS]
6k论坛
http://www.6kbbs.com/
功能很简单，速度很快，非常小的论坛 [ACCESS]
BBSXP
http://www.bbsxp.com
功能型，功能略低于动网 [ACC或MSSQL]
Web Wiz Forums 一个汉化国外的论坛，虽然各方面都不错，但是国内支持做的不好，不建议新手用，他的安装方法也大同小异就不谈了
常见的CGI论坛
雷奥论坛
http://www.leoboard.com
功能强大，稳定，速度也不慢 CGI论坛的老大哥 [TXTDB]
CCB论坛
http://www.sun126.com/
没有具体测试过，不过自带的界面不好看，可能是他不流行的一个重要原因^^
常见的PHP论坛
IPB论坛
http://www.invisionboard.com/
IPB的中文论坛
http://www.invisionchinese.com/
功能强大，速度快，稳定，安全性好，负载能力强，而且免费 [MYSQL]
VBB论坛
http://www.vbulletin.com/

VBB的中文支持
http://www.cnvbb.com/
和上面的差不多，但是是收费的 [MYSQL]
Discuz论坛
http://www.Discuz.net
一个完全国产的论坛，2.0免费 最新版收费。免费版逊于上面两种论坛 [MYSQL]
OfSTSR
http://www.ofstar.net/
一个国产的新型论坛，功能上还有待改进，似乎是唯一的PHP＋TXTDB论坛 [TXTDB]
当然网络上面还有不少新出的论坛和大论坛的hack版，这里就不谈了。就谈谈这几个用的比较多的。下面我逐一来叫大家如何安装。
论坛的安装方法
论坛大致有两种安装方法
1,上传到空间里面直接就能运行，进后台设置就可以，然后就可以正常运行
2,上传后需要巡行install.XXX或者setup.xxx来安装，之后再进后台设置，之后就能正常使用了
动网，急速，6k，bbsxp，都是属于不需要安装的。这里不谈了。
雷奥论坛的安装方法
首先说雷奥
http://www.leobbs.com/download/getleobbs.cgi
在这里下载最新版，解压后有很多目录，其中cgi－bin和non－cgi是有用的，其他的暂时没用，不用看，可以把non-cgi任意命名后放到cgi －bin里，之后把cgi-bin目录也按照需要改名，这样以后网站看起来会比较好看.之后上传到你的空间里面，架设你把cgi－bin改名为bbs 把 non－cgi改名为img 上传到主机里
在IE里面运行http://你的ip/bbs/install.cgi 如果一切正常的话会出一个安装界面

网站制作过程－－－－新手必看！

一 基本概念
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．导航栏的设计

　　每次增加新的栏目或是对原有栏目的调整，都要对所有的页面更新。刚开始可能还算轻松，因为没几个页面，但当有几十、几百个网页后，这工作量实在太大了！如果偷懒只更新几个主要的网页，访问量就会剧减。

　　笔者首先想到的是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．使用表格定位

　　想要一张整齐的网页需要做定位工作，有人使用