自助建站全攻略.doc

建站全攻略-从入门到精通-基础知识随着互联网的不断发展和中国网络人口的日益增长，从外行到菜鸟、菜鸟到老鸟、老鸟又成为了一代大虾，（本人还只是老鸟而已，还未到大侠的境界），其中不知道发生了多少的变化以前是浏览别人的网站，看到整齐的文字和花花绿绿的图片，真是羡慕极了！后来呢，自学了Frontpage2000，觉得做主页其实也很容易，不就是写些文章，插点图片嘛于是，兴致勃勃地写了个漂亮的主页，加了几个链接，通到大众软件、电脑之家做好站点、上传、打开IE、在地址栏里打上，再用激动到颤抖的手按下回车 此后鲜花掌声千千万，但麻烦也接踵而来，主要是内容收集分类困难，更新不便，界面过于简陋但笔者并不气馁，驾着小猫上网找网站制作的教程，DOMN下来拌着方便面和好多个不眠之夜慢慢啃。终于黄天不负苦心人，在无数次的失败后，笔者渐渐积累起的经验反映在个人站点的不断发展中了_ 由于深深地体会过自己摸索的痛苦，所以把笔者的建站心得，拿来和众多同好分享，可惜的是笔者的站点正面临全面改版，无法留下地址，供大家学习参考，水平所限文章中错误在所难免，还望高手、大侠不吝赐教_ 注：笔者在这里说的网站指的是个人申请的免费主页，也就是说不具有商业性质，（其实很多提供免费主页申请服务的站点在网友申请前都有规定，禁止主页用于商业用途），所以笔者在设计时考虑较多的是网友们兴趣爱好，而不是注重商品的展示，但总体的设计思想和某些技巧也适用于商业站点，取舍就看您的喜好了。网站制作除了可以按制作的时期分为前期规划、中期制作、发布，及后期维护外，还可以按工作性质分成：结构设计、资料收集、美工设计、宣传推广等。首先来了解一下我们平时说的万维网是什么？（没学过网络知识也没关系，笔者会尽量说的浅显易懂）www（world wide web）是指在internet上的许多计算机连接在一起而形成的网络，这些计算机相互或是单向的传递信息，（包括文字、程序、图像、声音和其他众多多媒体文件）。我们怎么访问这些信息呢？通过URL和相关的Protocol就可以做到了。 URL（Uniform Resource Locator）就是统一资源地址，是URI（Universal Resource Identifier，通用资源标识）命名体系规范中的一个分支。顾名思义，URL就是帮助我们在网络上找到需要的资源的“路径”，举个例子：/web/index.htm这个地址说明了通过HTTP协议，能够在叫的主机上，在路径“/web/”下找到一个index.htm的文件。Protocol（协议）里用与internet的是TCP/IP（Transmission Control Protocol/Internet Protocol,传输控制协议/网际互联协议），TCP/IP最初由DARPA（美国国防高级研究规划局）设计，用于国防相关的工程，现在被广泛的操作系统所支持，（包括Windows, NT, NetWare, Macintosh等），成为了通用的网络协议。HTTP（Hypertext Transfer Protocol，超文本传输协议）是用来在Internet上传送超文本的传送协议，它运行在TCP/IP协议之上。其他常用的协议还有文件传输协议FTP（File Transfer Protocol）、远程登录协议Telnet、NEWS以及Gopher等。 HTML（Hypertext Markup Language，超文本标识语言）是WWW上的发布语言、标记性语言或页面格式定义语言，可以用文本编辑器来制作，我们平时见到的网页就是HTML文件。HTML可以插入图形、音频、视频等对象，使其具有极为丰富的网页内容和很强的可观赏性，同时文件本身的体积很小（不包括插入的图像、声音之类额定文件），非常适合在网络上传输，目前版本是4.0。建站全攻略-从入门到精通-细节篇1导航栏的设计每次增加新的栏目或是对原有栏目的调整，都要对所有的页面更新。刚开始可能还算轻松，因为没几个页面，但当有几十、几百个网页后，这工作量实在太大了！如果偷懒只更新几个主要的网页，访问量就会剧减。笔者首先想到的是FLASH可以做出漂亮的导航按钮，所有的页都用一样的导航栏，以后只要更新这个FLASH动画就可以使整个网站的页面都得到更新。但实际使用后发现FLASH造成网页的体积过大，在加上网站LOGO，商业BANNER使网页变的臃肿不堪。这办法不太好，于是笔者又考虑做个JavaScript的导航栏，体积又很小。假设我们要做一个包含“动漫专栏”、“游戏天地”、“音乐同人”、“交友直通车”四个栏目的导航栏：首先是便于更新，所以要做个外接的JavaScript脚本，至于用到的语句就只有document.write(“”),新建一个文本文件，打开，输入： document.write( ); document.write(动漫专栏); /*在“ ”里的是HTML格式的元素，该元素定义了一个锚(Anchor)，也就是把“动漫专栏”作为一个超链接，“HREF”属性指定“动漫专栏”链接到的其他资源上，也就是“”。（以下相同）*/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代码里加上元素，在里可以设定当浏览器不支持框架的时候在浏览器里显示的替代内容，让没有使用最新版本的用户也可以看到网页的内容。 12发布更新消息 更新消息可以通过多种方式传达给浏览者，最常用的就是在主页上逐条列出最新的内容，或是专门做一个“最近更新”的网页，在网页上详细地介绍最几一次、几次更新的内容，并提供通往新内容的链接。还有一种方法用的也比较普遍，但一般需要存放站点的服务器方面支持提交表单才行。就是浏览者通过提交表单的方式，将自己具体的联系方法送到站长指定的E-MAIL、CGI、文本文件等目的地，然后再由站长定期或在更新后，向这些地址发送网站最近更新的消息，让浏览者知道是否真的有自己感兴趣的内容，是否值得花费时间和金钱去浏览你的网站。既方便了浏览者，又显得站长很专业、很尽责。13坚持经常更新 更新包括两方面的内容： 首先是内容，即使是内容丰富多彩的站点，也需要经常更新。因为浏览者不可能喜欢你网站所有的内容，大多数网友只喜欢其中的一小部分，而且也只浏览这一小部分，所以你要经常把新的内容加进去，来满足网友的需求。当然有会有例外，一些专门提供下载服务的站点相对而言就不是特别需要经常的更新了，因为供网友下载的大多是流行音乐的MP3、游戏DEMO、商业软件的BETA等体积很大的文件，网友光是下载这些文件就要花上很长很长的时间。记得有一次，笔者找到一个很大的MP3下载站点，一下子往网络蚂蚁里加入了近80首MP3，之后的一个月笔者就再也没去过那个站点，直到所有的MP3下载完毕为止。但如果你做的不是这样的下载站点的话（一般的个人主页也不太可能提供大量的下载，毕竟上传也要花很多人民币），就必须要经常更新了。 其次是维护，也可以说是对网站结构、美工方面的更新。没人会喜欢老是看到相同的页面，而且还可能是不怎么漂亮的页面。时间久了，内容多了，也会需要对站点的结构、导航做些调整的。建议：如果真的是很忙，没时间天天更新，希望能在主页上留一个“站长自述”的版块，没天抽出一小会儿，为浏览者写几句话，甚至可以写自己的生活日记。浏览者就会觉得站长和自己距离很近，是个很亲切友好的人。14注意文件名的长度 一般来说，我们使用的Windows98、ME、2000、NT和Linux等操作系统均支持长文件名、大写的和中文文件名，但大多数提供免费主页的服务器都不支持长文件名大写的和中文文件名。也就是说，如果使用了服务器不支持的文件名格式，会造成你辛苦做成的网页成为“死页”，别人将无法访问这些网页，即使是你自己也不能浏览，当然你还是可以对之行使服务开放给你的FTP权利（包括改名、删除等）。 另外需要注意的是，很多服务器对于主页的命名都有特别的要求，最常见的是index.htm，其他还可能有index.html、default.htm、default.html、welcome.htm、welcome.html等。如果服务器向用户开放CGI、ASP和PHP的权限的话，还会有以asp和php3等结尾的网页名出现。所以在不太清楚服务器情况的时候，为了避免出现无法访问的网页，最好还是使用在DOS下通用的8。3命名规则较为保险。15广告代码面对中国目前不匪的上网费用，大多数的网友不是缩衣节食，就是尽力克制自己上网的冲动。但随着上网时间的增加，接触到的新事物也在不断增加，忽然有朋友发现上网也能挣些美元（不管最后是不是真的到手，但这确实是个能缓解上网费用过高的办法）。就是在自己的主页上加一段广告代码，只要访客能适时地点击广告，一个月下来，就能为站长带来那么几个美元补贴上网费，不过可能要过好几个月才能收到支票。但需要注意的是，有些朋友为了多赚些美元，就自己拼命点击广告条，但他们不知道在极短的时间里有太大的点击率、这些点击全出自同一个IP地址，又或是你的广告条放的位置不符合广告商的要求的话，你就将收不到支票，并且会被广告公司加入黑名单。结果自然是“赔了夫人又折兵”，既赚不到美元，又花了自己的时间和精力（点击广告时花费的）。即使靠广告条能增加收入，但也要考虑到由于大家都和你有相同的想法，所以在Internet上早就是广告满天飞了，现在的网友可是一看到广告就反感，接着是连看也不看你的网站里有些什么内容就键入别的地址了。因此很可能发生的是，放了广告代码后，非但没收到美元，反而连自己的访客也给吓走了，有句老话就是形容这种情况的：“偷鸡不成蚀把米”_ 可是，就算不放置为自己谋福利的广告条，但提供主页空间给你的那个网站的那个广告你还是得放在主页上的，不然的话，很可能会不经通知就删除你的主页空间哦！ 了解了以上几个方面后，再来将一些实用技巧。建站全攻略-从入门到精通-技巧篇1特色ICO 每次看到好的网页总想把它保存在收藏夹里方便以后再去，但时间一久，太多的链接就让人眼花缭乱了，没办法，删！你不想让自己的网页也遭到这样的命运吧？ 具体方法：先打开网页的HTML源文件，在和之间找个空的地方点一下鼠标，（千万别点在里），输入：保存退出。其中“logo.ico”替换成你自己的ICO图标文件的路径。最后记得把网页和ICO图标文件都上传到网上就行了，不过ICO的路径不要变。这样一来，当别人把你的网页保存到收藏夹的时候看到的不再是千篇一律的HTML文件的图标了，怎么样，很跳吧？_2设为主页在网页显眼的地方加上“设为主页”的链接一定会增加被设为主页的机会，毕竟在IE菜单栏上操作太麻烦了，而现在只需要点击一下鼠标。具体方法： 在网页HTML源文件的和之间的空白处点击鼠标，输入：设为主页保存退出。其中的“”替换成你自己的主页；“设为主页”替换成你想要的文字说明或是图片链接。 如果想更霸道些，就把“onclick”改成“onmouseover”试试，不过可能会引起访客的反感哦！自己衡量利弊吧_ 3加入收藏夹 原理和设为主页差不多。 具体方法： 在网页HTML源文件的和之间的空白处点击鼠标，输入：加到收藏夹保存退出。其中的“”替换成你自己的主页；“这是加到收藏夹实例”替换成你想要的文字说明（在收藏夹里显示的说明）；“加到收藏夹”替换成你想要的文字说明或是图片链接。4显示当前日期和时间 可以让来访者知道现在的时间，而且会随着系统时间随时调整。具体方法：在网页HTML源文件的和之间你想要时间显示的空白处点击鼠标，输入：!-var enabled = 0; today = new Date();var day; var date;if(today.getDay()=0) day = 星期日 if(today.getDay()=1) day = 星期一 if(today.getDay()=2) day = 星期二 if(today.getDay()=3) day = 星期三 if(today.getDay()=4) day = 星期四 if(today.getDay()=5) day = 星期五 if(today.getDay()=6) day = 星期六 document.fgColor = FF0072;date1 =(today.getYear() + 年 + (today.getMonth() + 1 ) + 月 + today.getDate() + 日 ;date2 = day ;document.write(date1.fontsize(2);document.write(date2.fontsize(2);document.write();var now,hours,minutes,seconds,timeValue;function showtime()now = new Date();hours = now.getHours();minutes = now.getMinutes();seconds = now.getSeconds();timeValue = (hours = 12) ? 下午 : 上午 ;timeValue += hours+ :;timeValue += (minutes 10) ? 0 : ) + minutes + :;timeValue += (seconds 保存退出。这里就不要再做什么替换了。5显示来了几次 当访客每次来的时候，都可以知道自己究竟来的几次，他会觉得站长一直把他当作贵宾对待而心存感激，而你要做的只是加一段代码罢了_具体方法：在网页HTML源文件的和之间的空白处点击鼠标，输入：!-function getCookieVal(offset)var endstr=document.cookie.indexOf(;,offset);if(endstr=-1)endstr=document.cookie.length;return unescape(document.cookie.substring(offset,endstr);function GetCookie(name)var arg=name+=;var alen=arg.length;var clen=document.cookie.length;var i=0;while(iclen)var j=i+alen;if(document.cookie.substring(i,j)=arg)return getCookieVal(j);i=document.cookie.indexOf( ,i)+1;if(i=0)break;return null;function SetCookie(name,value)var argv=SetCookie.arguments;var argc=SetCookie.arguments.length;var expires=(2argc)?argv2:null;var path=(3argc)?argv3:null;var domain=(4argc)?argv4:null;var secure=(5argc)?argv5:false;document.cookie=name+=+escape(value)+(expires=null)?:(; expires=+expires.toGMTString()+(path=null)?:(; path=+path)+(domain=null)?:(; domain=+domain)+(secure=true)?; secure:); var expdate=new Date();var visits;expdate.setTime(expdate.getTime()+(24*60*60*1000*365);if(!(visits=GetCookie(visits)visits=0;visits+;SetCookie(visits,visits,expdate,/,null,false);if(document.lastModified.substring(2,3)=/) document.write(“你已经来了”);document.write(+visits+ );document.write(“次了！”);-保存退出。我设置的数字字体颜色是大红，汉字颜色是默认的。6动态显示欢迎词 欢迎词几乎是每个网站必备的装备之一，但天天看千篇一律的“欢迎光临”之类的欢迎词，任谁都会觉得厌烦的。所以我们要做个与众不同的，能按具体情况具体分析的“智能型”欢迎词_具体方法：在网页HTML源文件的和之间的空白处点击鼠标，输入：!-now=new Date(),hour=now.getHours()if (hour6)document.write(今天不上班？_)else if (hour8)document.write(早上好！上班前记得吃早餐！_)else if (hour12)document.write(不怕老板来检查吗？_)else if (hour14)document.write(午餐吃得还好吗？_)else if (hour18)document.write(下午好!)else if (hour22)document.write(不看电视，选择上网是明智的！_)else if (hour保存退出。看明白了吗？其实原理很简单，就是根据系统的时间，决定该用什么样的欢迎词，可以把时间的间隔分得更小一些，显示的欢迎词也可以更富有人情味。7解决乱码 大陆地区和台湾地区虽然都使用中文，但在电脑网络上的编码方式却有很大的不同，前者使用的是GB2312码（国标码），而后者用的是BIG5码（大五码），两者互相不兼容，这就使通过网络在两地之间交流变得很不方便，出现了乱码的E-mail和网页。要正确显示两种编码不但要用户的计算机安装相关软件，还要做相关设置，并且每次都要用手动切换，很不方便。其实，只要在网页中加上一行代码就至少可以避免每次手动切换的麻烦了。具体方法：在网页HTML源文件的和之间的空白处点击鼠标，输入：保存退出。这样就可以强制浏览者用GB码来看你的网页，只要他的计算机安装了相关的IE字符包就能正常显示国标码了。如果想显示的是BIG5码，只要把“gb2312”替换成“big5”就行了。8禁止使用鼠标右键使用鼠标右键可以对所浏览的网页做多项操作（比如保存图片等），如果不想自己的网页让别人“共享”的话，可以把鼠标右键的功能屏蔽掉。具体方法：在网页HTML源文件的和之间的空白处点击鼠标，输入：!-function click()if(event.button=2)alert(“你的鼠标功能挺多的嘛！_”)document.onmousedown=click-保存退出。其中“你的鼠标功能挺多的嘛！_”可以替换成你想要显示的警告信息。不过一定要把脚本加在里，不然的话浏览者可以在网页没下载完前使用鼠标右键的。9自动弹出欢迎窗口 每次访问都自动弹出欢迎窗口有可能会让人心烦，但如果你觉得好就加上去。具体方法：在网页HTML源文件的标记里的空白处点击鼠标，输入：onLoad= alert(你好，欢迎访问！)保存退出。其中“你好，欢迎访问！”可以替换成别的欢迎词。10自动弹出欢送窗口和自动弹出欢迎窗口差不多。具体方法：在网页HTML源文件的标记里的空白处点击鼠标，输入：onUnload= alert(再见，有时间再来啊！)保存退出。其中“再见，有时间再来啊！”可以替换成别的欢送词。11去除连接的下划线 链接有下划线是天经地义的事，但我们要改变它！具体方法：在网页HTML源文件的和之间的空白处点击鼠标，输入：a text-decoration:none保存退出。其中的“none”可以替换成“underline”，就是显示下划线。12标题栏跑马灯 网页的垂直版面是“寸土寸金”的宝地，往往是访客第一眼看到的内容，所以不能浪费在欢迎词和不太重要的消息发布上，那么只好来“开发”标题栏了！_具体方法：在网页HTML源文件的和之间的空白处点击鼠标，输入：在网页HTML源文件的标记里的空白处点击鼠标，输入：onload=window.setTimeout(titleScroll(), 500)保存退出。其中“内容丰富，经常更新，时有抽奖，敬请光临！”就是滚动显示的内容。14自动跳出别人的Frame（框架） 因为本身站点的内容太少，而把别人的网页当成自己的，并显示在自己网站的框架中的人还是大有人在的。如果你觉得这是对你劳动成果的不尊重，可以通过E-mail警告对方，也可以直接在自己的网页里加一句代码。具体方法：在网页HTML源文件的和之间的空白处点击鼠标，输入：保存退出。或者在网页HTML源文件的和之间的空白处点击鼠标，输入： 0) parent.location.href = location.href;/ -保存退出。15网页自动滚屏 在网页HTML源文件的和之间的空白处点击鼠标，输入：在网页HTML源文件的标记里的空白处点击鼠标，输入：onload=scroller()保存退出。其中“locate！=400”控制文件的长度，“setTimeout(scroller(),3);”控制滚动的速度。16为图片加注释这不但适用于图片，还可以针对网页上所有的链接，在浏览者将鼠标放在图片或链接上的时候自动显示的一小段预先准备的文本，可以是对图片本身的解释，也可以告知链接通向哪儿。 具体方法： 打开网页的HTML源文件，在标记里加上：alt=”image information” 保存退出。其中的“image information”替换为每个图片的具体解释。如果是文字链接需要加注释，在标记里加上：title=”link information” 保存退出。其中“link information”就是注释内容。 17显示替代图片 如果要显示的图片体积太大，可以用一个体积较小的图片在原图片位置先作替代性的显示，使浏览者可以在先看到这些信息的同时，再等待原图片的下载。具体方法：打开网页的HTML源文件，在标记里加上：LOWSRC=”standin.gif”保存退出。其中的“standin.gif”就是用来替换的图片。 18定义网页的关键字网页的关键字（KEYWORD）是供搜索引擎（比如YAHOO、SOHU等）检索的文字说明，搜索引擎根据用户查找网页时提交的搜索关键字和网页所包含的关键字作比较，按照符合要求的程度不同而作相应的顺序排列。很显然，在网页的关键字上做些文章就能明显地改善网页在那些著名的搜索引擎中的“地位”，从而增加网站的访问率！所以，我总结了一部分搜索率较高的关键字供大家选择使用：“性”（sex）、“音乐”（music or mp3）、“电影”（movie、film or video）、“新闻”（news）、“图片”（pictu