建站全攻略-从入门到精通-基础知识_第1页
建站全攻略-从入门到精通-基础知识_第2页
建站全攻略-从入门到精通-基础知识_第3页
建站全攻略-从入门到精通-基础知识_第4页
建站全攻略-从入门到精通-基础知识_第5页
已阅读5页，还剩22页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、建站全攻略-从入门到精通-基础知识随着互联网的不断发展和中国网络人口的日益增长，从外行到菜鸟、菜鸟到老鸟、老鸟又成为了一代大虾，（本人还只是老鸟而已，还未到大侠的境界），其中不知道发生了多少的变化首先来了解一下我们平时说的万维网是什么？（没学过网络知识也没关系，笔者会尽量说的浅显易懂）www（world wide web）是指在internet上的许多计算机连接在一起而形成的网络，这些计算机相互或是单向的传递信息，（包括文字、程序、图像、声音和其他众多多媒体文件）。我们怎么访问这些信息呢？通过URL和相关的Protocol就可以做到了。 URL（Uniform Resource Locator

2、）就是统一资源地址，是URI（Universal Resource Identifier，通用资源标识）命名体系规范中的一个分支。顾名思义，URL就是帮助我们在网络上找到需要的资源的“路径”，举个例子：这个地址说明了通过HTTP协议，能够在叫的主机上，在路径“/web/”下找到一个index.htm的文件。Protocol（协议）里用与internet的是TCP/IP（Transmission Control Protocol/Internet Protocol,传输控制协议/网际互联协议），TCP/IP最初由DARPA（美国国防高级研究规划局）设计，用于国防相关的工程，现在被广泛的操作系统所

3、支持，（包括Windows, NT, NetWare, Macintosh等），成为了通用的网络协议。HTTP（Hypertext Transfer Protocol，超文本传输协议）是用来在Internet上传送超文本的传送协议，它运行在TCP/IP协议之上。其他常用的协议还有文件传输协议FTP（File Transfer Protocol）、远程登录协议Telnet、NEWS以及Gopher等。 HTML（Hypertext Markup Language，超文本标识语言）是WWW上的发布语言、标记性语言或页面格式定义语言，可以用文本编辑器来制作，我们平时见到的网页就是HTML文件。HTM

4、L可以插入图形、音频、视频等对象，使其具有极为丰富的网页内容和很强的可观赏性，同时文件本身的体积很小（不包括插入的图像、声音之类额定文件），非常适合在网络上传输，目前版本是4.0。建站全攻略-从入门到精通-细节篇1导航栏的设计每次增加新的栏目或是对原有栏目的调整，都要对所有的页面更新。刚开始可能还算轻松，因为没几个页面，但当有几十、几百个网页后，这工作量实在太大了！如果偷懒只更新几个主要的网页，访问量就会剧减。笔者首先想到的是FLASH可以做出漂亮的导航按钮，所有的页都用一样的导航栏，以后只要更新这个FLASH动画就可以使整个网站的页面都得到更新。但实际使用后发现FLASH造成网页的体积过大，

5、在加上网站LOGO，商业BANNER使网页变的臃肿不堪。这办法不太好，于是笔者又考虑做个JavaScript的导航栏，体积又很小。假设我们要做一个包含“动漫专栏”、“游戏天地”、“音乐同人”、“交友直通车”四个栏目的导航栏：首先是便于更新，所以要做个外接的JavaScript脚本，至于用到的语句就只有document.write(“”),新建一个文本文件，打开，输入： document.write(" "); document.write(" ");/*该行是让链接之间保持一个空格，使链接的下划线不至于连在一起。也可以把空格该成“|”等来制造各种效果*/

6、document.write(" ");document.write(" ");完成后，选择“文件”菜单的“另存为”，在对话框的“文件名”中输入“navigation.js”，“文件格式”里选“*.*”，于是，外接的JS脚本就写好了。接下来就是把JS链接到我们主页的HTML源代码里了。具体做法：在<body>和</body>之间，选择想要让导航栏显示的地方，定位，输入：<Script language=“JavaScript” src=navigation.js></script>保存退出。随后就是测试的工

7、作了。双击主页，看看效果，导航栏是否出现在我们想要的位置上。效果如下：动漫专栏 游戏天地 音乐同人 交友直通车注意： 1在navigation.js里，除了HTML格式本来就必须有的空格外，最好不要有别的空格（包括全角的空格）或是回车，不然的话，装载网页时可能会提示出错。如果觉得语句太长，想让脚本看得清楚些而使用回车时，可以在每行末用“”来结束，再打回车。2这个navigation.js要和网页放在同一目录下，如果要放在不同的目录，就要在网页里的那段代码里navigation.js的前面加上该文件的路径。 导航栏真的是网站里非常重要的一环，如果少了导航栏，你的站点将会是一个漆黑的、让人摸不到东

8、西南北的大迷宫（大家玩过仙剑吧，和那个迷宫是一样的：）。即使是经验丰富的老鸟，也会被弄得不知所措，说不定还会以为你的站点就这么一页呢。所以为了方便访问者，同时也是为了你的网站能有更多的回头客，首先就必须做出分类明确、位置醒目的导航栏，把你的站点的风采以及你自己的才华完全展现出来。其次还要保持导航栏的便于更新，因为随着时间的推移，你的站点内容会越来越丰富多彩，总得重新整理整理吧，让自己的网页随时保持在最方便访问的位置，而不是层层的链接之下。想想看，要是访问者为了找到自己感兴趣的内容必须点上5、6次鼠标的话，那你肯定就失去他了。2留下联系方法留下E-mail或其它联系方法（比如电话号码、联系地址等

9、），给了访客一个发泄对你站点的不满的机会，同时也可以方便访客通过这些渠道把网站的BUG反馈给你，之后让你能及时修改调整。但建议不要留下ISP给你的E-mail信箱，因为这个信箱在邮件超出限定的容量时，要收取相当高的费用。如果你的访客中有人因为对你站点的不满，而给你发邮件炸弹的话，你就有得受了！所以最好只留免费的信箱，比如新浪网就提供容量达50M的免费信箱，即便有人攻击也没什么大不了的用WEB方式登陆新浪后，再删除就行了，就算真的被炸了，还可以重新申请（反正不收钱）。反观攻击者，要塞满50M的邮箱也够他累的了_如果你平时使用ICQ或是OICQ的话，不妨也把号码留在网页上，因为这种点对点的传输方式

10、比E-mail更迅速、更直接，会使向你反馈意见的朋友觉得很亲切。3使用统一的风格CI（corporate identity）意思是通过视觉来统一整体的形象，包括LOGO、色彩、广告语等可以作为标志性的东西。这原是广告学里的一个专用名词，但用在网站设计上也很恰当。背景颜色、字体颜色大小、导航栏、版权信息、标题、注脚、版面布局，甚至文字说明使用的语气这些方面都要注意前后一致，或者说前后协调。4色彩的搭配暖色系：红、橙、橙黄、黄等色彩表现温馨、和煦、热情。中性系：黄绿、绿等色彩表现舒适、和谐。寒色系：青绿、蓝绿、蓝等色彩表现宁静、清凉、高雅。一般来说，学过美术的人对于色彩的选择和搭配方面比较具有优势

11、，但这也不是绝对的，只要平时注重自己审美观的培养，即使不是专业人员一样可以有好的创作。再退一步，你不是专业人士，也没有这方面的天赋，其实也没关系，你可以使用大家一致公认的经典组合（如黑底白字），即使缺少新意，也不会让人觉得不舒服。但必须注意的是，在整个站点的色彩选择上，应该尽量使用同一种色系的，色彩种类以不超过三、四种为界限。适当的对比色可以增加文字的可阅读性，但如果对比太强的话，就不适于长篇文本的阅读，并会对浏览者的视力造成很大的伤害！5使用CSS控制整体格式CSS（Cascading Style sheets，层叠样式表）是为网站制作者带来福音的好东东！它最大的特点是可以使网页的内容和结构

12、版面控制相脱离，大量的减少网页中重复使用的HTML代码，从而减小网页的体积，这对于在网上传输是非常有利的。同时CSS可以使用外接*.CSS文件的方法使一次性修改大批量的网页成为可能，这就意味着你可以经常地改变网站的界面（包括文字、色彩、背景图片等），而每次只需要上传一个体积很小的CSS文件就行了！所以，笔者在这里极力向大家推荐使用！接着就简单扼要地介绍常用功能。具体方法：新建一个文本文件，打开，输入：body font-size: 10pt; /<body>标记里的字体大小为10pt；background-color: rgb(255,255,255); /网页背景颜色为白色；ba

13、ckground-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:

14、 rgb(153,52,43); /点击过的链接的颜色；a.active color: rgb(153,0,255); /点击着的链接的颜色；A.hover COLOR: #ffba75; /鼠标经过时链接的颜色；TEXT-DECORATION: underline /鼠标经过时链接加下划线；完成后，选择“文件”菜单的“另存为”，在对话框的“文件名”中输入“base.css”，“文件格式”里选“*.*”，于是，外接的CSS层叠样式表就写好了。接着，在网页的HTML代码里的<head>和</head>之间加上：<link href="base.css&qu

15、ot; rel="stylesheet" type="text/css">保存退出。以后只要在CSS文件里做修改就可以使所有加了以上代码的网页自动更新了！6使用表格定位想要一张整齐的网页需要做定位工作，有人使用<DIV>和<SPAN>标记，但实际上套用表格更简单一些，虽然精确度不及前者。很多大的站点都使用表格来定位文字和图片，制作时很直观，效果不错。但值得注意的是，当你的页面很大的时候，千万别在整个网页上用一个大的表格套很多小表格！因为如果浏览器在接受数据时发现表格，就必须知道表格的结构，也就是说要把整张表格的内容都接受完毕

16、才显示其内容，之前会给浏览者一张“白板”看，很多人因为没耐心等待而转去看其他站点了。所以分用几个小表格，让他们可以分别显示，收到多少显示多少，浏览者可以在等待的时候看先收到的部分，这样一来就增加了浏览者继续等待的信心。但是你觉得分别显示页面会破坏整体的美感，那就用大表格吧！_ 7站点地图即使导航栏条理分明，结构合理，但对于内容较多的站点来说，还是做一份站点的导航地图，才对得起访客。在站点地图里，你可以详细的介绍素有的栏目，以及每个栏目里分别包括些什么小栏目或是含有什么样的具体内容，应该尽力写得详实明了，让人有一目了然的感觉才达到我们的目的，不要担心版面不够，因为整个地图版面存在的理由就在于此（

17、如果没有起到它应起的作用，还不如不要呢）。8使用模版 很多刚开始做网站的朋友往往在收集了大量的素材后，立即投入制作，生成了绝大部分成品网页，但由于经验不足或其他什么原因，做完了才发现问题，只好一个个网页的修改，结果浪费了巨大的精力。所以笔者建议：在完成了所有的构思以后，先要做一个模版网页，在这个网页里包括了所有网页的公共元素（比如LOGO、导航栏、更新时间、推荐栏目、外接的CSS样式表的链接、加入收藏夹、返回首页、站点地图、E-mail地址、滚动的状态栏、广告条、版权信息等等），之后只要复制多份，填入不同的内容就相对轻松多了。 建议：如果页面太多而没有给每个网页写TITLE的话，FrontPa

18、ge2000就会自动给每个网页加上按“new page 1”、“new page 2”的顺序排列的TITLE，很不美观和规范，或是使人产生“站长是个懒鬼”的想法。所以，在制作模版的时候，就可以在TITLE里加上一句无论放在哪个页面里都合适的欢迎词（比如“欢迎您的光临！”之类）。这样一来，网页才不会让人当成“半成品”来看待。_ 9少用JAVA 虽然使用JAVA可以做出许多精彩的网页特效，但由于现在JAVA程序的处理速度实在让人不敢恭维，往往是等上老半天还看不到网页的内容，更有甚者，在漫长的等待后，浏览器提示APPLET不能启动。过分追求技巧和特效，结果却适得其反，把最重要的内容给拉下了，这种做法

19、显然是不可取的。10控制图片的大小 除了文字说明，图片就是我们网页上最重要的内容了。许多漂亮的字体，浏览器可能并不支持，所以要用图片的方式来显示；单纯的文字网页信息量巨大，浏览者很难快速地了解网页想要表达的内容，但通过图片就能比较形象地把意思传达给浏览者了。此外统一风格（每个网页使用相同的LOGO）、美化网页（用色彩鲜艳的花边修饰网页边框、分隔大段的文本）、烘托气氛等作用也是文字说明无法做到的，特别是GIF089a格式保存的图片，不但可以制造动画效果、活泼网页的气氛，还能够在显示较大的图片时逐渐的显示，先显示分辨率比较低的图片，让浏览者有个初步了解，知道自己等待的是什么？究竟有没有必要再等待？

20、这对于速度相对较慢的中国互联网来说是一件天大的好事。一般来说，一张网页上的图片总体积不应该超过50KB，这样光图片的下载将花去浏览者近10秒的时间（按使用56K的MODEM计算，不过56K的MODEM在中国已经是标准配置了），而即使加上文字也多不了多少时间，对于习惯了慢如蚂蚁的网络的用户是可以接受的。因此，可以说图片是造成网页下载速度过慢的“罪魁祸首”。所以，必须在美观和速度之间做出选择，两者都要兼顾，大家自己平衡吧_ 11选择使用框架 框架（FRAME）也叫帧页，是现在制作网页是较为常用的一种技术。该技术可以把浏览器窗口划分为几个小窗口，每一个窗口都显示一个网页的内容，并分别设置大小、有无滚

21、动条等信息。这样就方便了设计网站的结构，可以在上方的框架里放置网站的LOGO，在左面的框架里显示导航栏，而在下方的框架里安置版权信息。当然这只是一个比较公式化的设计，每个人可以根据自己的实际需要和创意来做安排。而且浏览时，可以指定链接的网页在哪个框架里显示，从而避免了网页上相同内容的重复下载，而这些内容往往是LOGO、BANNER等体积较大，需要很长下载时间的图片。这对于提高网页显示速度和网络传输效率方面都有着积极的意义。尽管这是种方便网站设计者的技术，但对于浏览者来说就不一定了。因为框架技术是一种新兴技术，很多浏览器还不支持它，也就是是说，有一部分的浏览者并不能正常的看到你那美仑美奂的网页。

22、所以，笔者建议：为了这些网友，尽量不要使用框架。如果实在要用，就一定要记得在框架网页的HTML代码里加上<NOFRAMES>元素，在<NOFRAMES>里可以设定当浏览器不支持框架的时候在浏览器里显示的替代内容，让没有使用最新版本的用户也可以看到网页的内容。 12发布更新消息 更新消息可以通过多种方式传达给浏览者，最常用的就是在主页上逐条列出最新的内容，或是专门做一个“最近更新”的网页，在网页上详细地介绍最几一次、几次更新的内容，并提供通往新内容的链接。还有一种方法用的也比较普遍，但一般需要存放站点的服务器方面支持提交表单才行。就是浏览者通过提交表单的方式，将自己具体的

23、联系方法送到站长指定的E-MAIL、CGI、文本文件等目的地，然后再由站长定期或在更新后，向这些地址发送网站最近更新的消息，让浏览者知道是否真的有自己感兴趣的内容，是否值得花费时间和金钱去浏览你的网站。既方便了浏览者，又显得站长很专业、很尽责。13坚持经常更新 更新包括两方面的内容： 首先是内容，即使是内容丰富多彩的站点，也需要经常更新。因为浏览者不可能喜欢你网站所有的内容，大多数网友只喜欢其中的一小部分，而且也只浏览这一小部分，所以你要经常把新的内容加进去，来满足网友的需求。当然有会有例外，一些专门提供下载服务的站点相对而言就不是特别需要经常的更新了，因为供网友下载的大多是流行音乐的MP3、

24、游戏DEMO、商业软件的BETA等体积很大的文件，网友光是下载这些文件就要花上很长很长的时间。记得有一次，笔者找到一个很大的MP3下载站点，一下子往网络蚂蚁里加入了近80首MP3，之后的一个月笔者就再也没去过那个站点，直到所有的MP3下载完毕为止。但如果你做的不是这样的下载站点的话（一般的个人主页也不太可能提供大量的下载，毕竟上传也要花很多人民币），就必须要经常更新了。 其次是维护，也可以说是对网站结构、美工方面的更新。没人会喜欢老是看到相同的页面，而且还可能是不怎么漂亮的页面。时间久了，内容多了，也会需要对站点的结构、导航做些调整的。建议：如果真的是很忙，没时间天天更新，希望能在主页上留一个

25、“站长自述”的版块，没天抽出一小会儿，为浏览者写几句话，甚至可以写自己的生活日记。浏览者就会觉得站长和自己距离很近，是个很亲切友好的人。14注意文件名的长度 一般来说，我们使用的Windows98、ME、2000、NT和Linux等操作系统均支持长文件名、大写的和中文文件名，但大多数提供免费主页的服务器都不支持长文件名大写的和中文文件名。也就是说，如果使用了服务器不支持的文件名格式，会造成你辛苦做成的网页成为“死页”，别人将无法访问这些网页，即使是你自己也不能浏览，当然你还是可以对之行使服务开放给你的FTP权利（包括改名、删除等）。 另外需要注意的是，很多服务器对于主页的命名都有特别的要求，最

26、常见的是index.htm，其他还可能有index.html、default.htm、default.html、welcome.htm、welcome.html等。如果服务器向用户开放CGI、ASP和PHP的权限的话，还会有以asp和php3等结尾的网页名出现。所以在不太清楚服务器情况的时候，为了避免出现无法访问的网页，最好还是使用在DOS下通用的8。3命名规则较为保险。15广告代码面对中国目前不匪的上网费用，大多数的网友不是缩衣节食，就是尽力克制自己上网的冲动。但随着上网时间的增加，接触到的新事物也在不断增加，忽然有朋友发现上网也能挣些美元（不管最后是不是真的到手，但这确实是个能缓解上网费用

27、过高的办法）。就是在自己的主页上加一段广告代码，只要访客能适时地点击广告，一个月下来，就能为站长带来那么几个美元补贴上网费，不过可能要过好几个月才能收到支票。但需要注意的是，有些朋友为了多赚些美元，就自己拼命点击广告条，但他们不知道在极短的时间里有太大的点击率、这些点击全出自同一个IP地址，又或是你的广告条放的位置不符合广告商的要求的话，你就将收不到支票，并且会被广告公司加入黑名单。结果自然是“赔了夫人又折兵”，既赚不到美元，又花了自己的时间和精力（点击广告时花费的）。即使靠广告条能增加收入，但也要考虑到由于大家都和你有相同的想法，所以在Internet上早就是广告满天飞了，现在的网友可是一看

28、到广告就反感，接着是连看也不看你的网站里有些什么内容就键入别的地址了。因此很可能发生的是，放了广告代码后，非但没收到美元，反而连自己的访客也给吓走了，有句老话就是形容这种情况的：“偷鸡不成蚀把米”_ 可是，就算不放置为自己谋福利的广告条，但提供主页空间给你的那个网站的那个广告你还是得放在主页上的，不然的话，很可能会不经通知就删除你的主页空间哦！ 了解了以上几个方面后，再来将一些实用技巧。建站全攻略-从入门到精通-技巧篇6动态显示欢迎词 欢迎词几乎是每个网站必备的装备之一，但天天看千篇一律的“欢迎光临”之类的欢迎词，任谁都会觉得厌烦的。所以我们要做个与众不同的，能按具体情况具体分析的“智能型”欢

29、迎词_具体方法：在网页HTML源文件的<body>和</body>之间的空白处点击鼠标，输入：<Script language=”JavaScript”><!-now=new Date(),hour=now.getHours()if (hour<6)document.write("今天不上班？_")else if (hour<8)document.write("早上好！上班前记得吃早餐！_")else if (hour<12)document.write("不怕老板来检查吗？_&quo

30、t;)else if (hour<14)document.write("午餐吃得还好吗？_")else if (hour<18)document.write("下午好!")else if (hour<22)document.write("不看电视，选择上网是明智的！_")else if (hour<24)document.write("夜猫子,还不去睡？_")-></Script>保存退出。看明白了吗？其实原理很简单，就是根据系统的时间，决定该用什么样的欢迎词，可以把时间的

31、间隔分得更小一些，显示的欢迎词也可以更富有人情味。7解决乱码 大陆地区和台湾地区虽然都使用中文，但在电脑网络上的编码方式却有很大的不同，前者使用的是GB2312码（国标码），而后者用的是BIG5码（大五码），两者互相不兼容，这就使通过网络在两地之间交流变得很不方便，出现了乱码的E-mail和网页。要正确显示两种编码不但要用户的计算机安装相关软件，还要做相关设置，并且每次都要用手动切换，很不方便。其实，只要在网页中加上一行代码就至少可以避免每次手动切换的麻烦了。具体方法：在网页HTML源文件的<head>和</head>之间的空白处点击鼠标，输入：<meta htt

32、p-equiv="Content-Type" content="text/html; charset=gb2312">保存退出。这样就可以强制浏览者用GB码来看你的网页，只要他的计算机安装了相关的IE字符包就能正常显示国标码了。如果想显示的是BIG5码，只要把“gb2312”替换成“big5”就行了。8禁止使用鼠标右键使用鼠标右键可以对所浏览的网页做多项操作（比如保存图片等），如果不想自己的网页让别人“共享”的话，可以把鼠标右键的功能屏蔽掉。具体方法：在网页HTML源文件的<head>和</head>之间的空白处点击鼠标，输

33、入：<Script language=”JavaScript”><!-function click()if(event.button=2)alert(“你的鼠标功能挺多的嘛！_”)document.onmousedown=click</Script>->保存退出。其中“你的鼠标功能挺多的嘛！_”可以替换成你想要显示的警告信息。不过一定要把脚本加在<head>里，不然的话浏览者可以在网页没下载完前使用鼠标右键的。9自动弹出欢迎窗口 每次访问都自动弹出欢迎窗口有可能会让人心烦，但如果你觉得好就加上去。具体方法：在网页HTML源文件的<body&

34、gt;标记里的空白处点击鼠标，输入：onLoad= alert("你好，欢迎访问！")保存退出。其中“你好，欢迎访问！”可以替换成别的欢迎词。10自动弹出欢送窗口和自动弹出欢迎窗口差不多。具体方法：在网页HTML源文件的<body>标记里的空白处点击鼠标，输入：onUnload= alert("再见，有时间再来啊！")保存退出。其中“再见，有时间再来啊！”可以替换成别的欢送词。11去除连接的下划线 链接有下划线是天经地义的事，但我们要改变它！具体方法：在网页HTML源文件的<head>和</head>之间的空白处点击鼠

35、标，输入：<style>a text-decoration:none</style>保存退出。其中的“none”可以替换成“underline”，就是显示下划线。12标题栏跑马灯 网页的垂直版面是“寸土寸金”的宝地，往往是访客第一眼看到的内容，所以不能浪费在欢迎词和不太重要的消息发布上，那么只好来“开发”标题栏了！_具体方法：在网页HTML源文件的<head>和</head>之间的空白处点击鼠标，输入：<Script language=”JavaScript”><!- var msg = "内容丰富，经常更新，时有抽奖

36、，敬请光临！"var speed = 300;var msgud = " " + msg; function titleScroll() if (msgud.length msgud = msgud.substring(1, msgud.length); document.title = msgud.substring(0, msg.length);window.setTimeout("titleScroll()", speed); -></Script>在网页HTML源文件的<body>标记里的空白处点击鼠标，输

37、入：onload="window.setTimeout('titleScroll()', 500)"保存退出。其中“内容丰富，经常更新，时有抽奖，敬请光临！”就是滚动显示的内容。14自动跳出别人的Frame（框架） 因为本身站点的内容太少，而把别人的网页当成自己的，并显示在自己网站的框架中的人还是大有人在的。如果你觉得这是对你劳动成果的不尊重，可以通过E-mail警告对方，也可以直接在自己的网页里加一句代码。具体方法：在网页HTML源文件的<head>和</head>之间的空白处点击鼠标，输入：<Script language=

38、”JavaScript”><!- if (top.location != self.location) top.location=self.location;-></Script>保存退出。或者在网页HTML源文件的<head>和</head>之间的空白处点击鼠标，输入： <SCRIPT language="JavaScript"><!-/ -></SCRIPT>保存退出。15网页自动滚屏 在网页HTML源文件的<head>和</head>之间的空白处点击鼠标，

39、输入：<Script language="JavaScript"><!-locate = 0;function scroller()if (locate !=400 )locate+;scroll(0,locate);clearTimeout(timer);var timer = setTimeout("scroller()",3);timer;-></script>在网页HTML源文件的<body>标记里的空白处点击鼠标，输入：onload="scroller()"保存退出。其中“lo

40、cate！=400”控制文件的长度，“setTimeout("scroller()",3);”控制滚动的速度。16为图片加注释这不但适用于图片，还可以针对网页上所有的链接，在浏览者将鼠标放在图片或链接上的时候自动显示的一小段预先准备的文本，可以是对图片本身的解释，也可以告知链接通向哪儿。 具体方法： 打开网页的HTML源文件，在<IMG>标记里加上：alt=”image information” 保存退出。其中的“image information”替换为每个图片的具体解释。如果是文字链接需要加注释，在<a>标记里加上：title=”link inf

41、ormation” 保存退出。其中“link information”就是注释内容。 17显示替代图片 如果要显示的图片体积太大，可以用一个体积较小的图片在原图片位置先作替代性的显示，使浏览者可以在先看到这些信息的同时，再等待原图片的下载。具体方法：打开网页的HTML源文件，在<IMG>标记里加上：LOWSRC=”standin.gif”保存退出。其中的“standin.gif”就是用来替换的图片。 18定义网页的关键字网页的关键字（KEYWORD）是供搜索引擎（比如YAHOO、SOHU等）检索的文字说明，搜索引擎根据用户查找网页时提交的搜索关键字和网页所包含的关键字作比较，按照符

42、合要求的程度不同而作相应的顺序排列。很显然，在网页的关键字上做些文章就能明显地改善网页在那些著名的搜索引擎中的“地位”，从而增加网站的访问率！所以，我总结了一部分搜索率较高的关键字供大家选择使用：“性”（sex）、“音乐”（music or mp3）、“电影”（movie、film or video）、“新闻”（news）、“图片”（picture or photo）、“明星”（star or art）、“军事”（military）、“小说”（novel）、“交友”（friend or love）、“电脑”（computer or IT）、“招聘”（invite）另外关键字也不是一成不变的，例

43、如去年“克林顿”（Clinton）也成了关键字呢！至于原因嘛相信我不说大家也明白_ 记住，具体问题具体分析总是不会错的，什么最热门，关键字就用什么，但是也别编造些自己站点上没有的“关键字”哦！因为即使别人上了一次当，让你的记数器跳了一格，但他应该再也不会是你站点的访客了！ 其实，想用热门的关键字和去骗人并没有必然的联系，就拿“克林顿”来说吧，你可以在使用它做关键字后，对你的网站也做少许的修改，真的只是“少许的修改”，因为笔者的建议是：收集、整理一些克林顿绯闻的相关报道（SINA上面有得是），做成一个专题报告就行了。这样一来，既没有骗人，又成功地把网友吸引来了，即使你的克林顿专题报告做得不怎么样

44、，但通过这个专题却让浏览者有机会看到你的站点上还有很多别的信息和资源。也就是把设立关键字作为一种提高访问量的手段，建立相关专题作为桥梁，把潜在的访客领到你的站点里来。具体方法： 打开网页的HTML源文件，在 标记里加上：name=”keyword” content=”music, mp3, news, movie, photo, star” 保存退出。其中的“music, mp3, news, movie, photo, star”就是网页的关键字，可以根据需要修改（可以使用中文信息），但是字母区分大小写，长度以不超过255个字符为宜（因为即使为了面面俱到而加了上千个关键字，也会被搜索引擎的服

45、务器删除的，所以应该尽量简洁明了，避免重复），每个关键字之间要用“，”分隔。19防止背景图片滚动 当网页的内容很长，需要使用滚动条来浏览的时候，背景图片也会随之滚动，好像和文字说明粘合在一起似的。这样对于定位视线有些不良的影响，特别是色彩花哨的背景图片，感觉则更不适。对此，我们可以将背景和文字说明相分离，浮动在浏览器窗口里。具体方法：打开网页的HTML源文件，在标记里加上：Bgproperties="fixed" 保存退出。 20用wingdings字体作画 wingdings字体可以让普通的ASCII码以一些简单预定图形的方式在浏览器里显示，如果我们用Wingdings字

46、体来替代部分图片的话，必然将大大加快网页的下载速度，因为只要看看HTML源文件就会知道网页上的图形只是一小段代码而已。 虽然大多数的图形都很简单，但是还是可以起到一些作用的，比如用“*”的Wingdings字体*表示E-mail或信箱，用“（”的Wingdings字体(表示电话号码，用“<” 的Wingdings字体<表示下载具体应用就看大家的想象力了_ 不过需要注意的是，IE对于Wingdings字体的支持很好，而Netscape可能会出现一些显示上的问题。附录部分Wingdings字体、ASCII码和普通字体的对照表（见附录1）。 21网页变换效果 只要搭配得当，这些变换效果会

47、给访客留下非常深刻的印象，即使是那些本来对你的站点没兴趣的访客。特别是喜欢学习网页制作的朋友，很可能就把你的网页复制下来，以供学习研究之用。其实你不过是加了短短一段代码而已_ 网页变换效果（Trans）共分四大类："进入网页"（Page-Enter）、"离开网页"（Page-Exit）、"进入站点"（Site-Enter）、"离开站点"（Site-Exit）。每一大类又分为25个小类，先用进入网页效果来举例说明：进入网页时的效果 1混合效果 代码如下： <meta http-equiv="Page-

48、Enter" content="blendTrans(Duration=1.0)">2盒状收缩效果 代码如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=0)">3盒状放射效果 代码如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=1)">4圆

49、形收缩效果 代码如下：<meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=2)">5圆形放射效果 代码如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=3)">6向上擦除效果 代码如下：<meta http-equiv="Page-Enter" content=&

50、quot;revealTrans(Duration=1.0,Transition=4)">7向下擦除效果 代码如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=4)">8向右擦除效果 代码如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=6)">9向左擦除效果 代

51、码如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=7)">10垂直遮蔽效果 代码如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=8)">11水平遮蔽效果 代码如下： <meta http-equiv="Page-Enter" content=&quo

52、t;revealTrans(Duration=1.0,Transition=9)">12横向棋盘式效果 代码如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=10)">13纵向棋盘式效果 代码如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=11)">14随即分解

53、效果 代码如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=12)">15左右向中央缩进效果 代码如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=13)">16中央向左右扩展效果 代码如下： <meta http-equiv="Page-Enter"

54、content="revealTrans(Duration=1.0,Transition=14)">17上下向中央缩进效果 代码如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=16)">18中央向上下扩展效果 代码如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=17

55、)">19从左下抽出效果 代码如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=18)">20从左上抽出效果 代码如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=19)">21从右下抽出效果 代码如下： <meta http-equiv="Pag

56、e-Enter" content="revealTrans(Duration=1.0,Transition=20)">22从右上抽出效果 代码如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=21)">23随机水平线条效果 代码如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Tr

57、ansition=22)">24随机垂直线条效果 代码如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=22)">25随机效果 代码如下： <meta http-equiv="Page-Enter" content="revealTrans(Duration=1.0,Transition=23)">现在让我们来分析一下这些代码，首先大家一定能看出这些代码大多数地方很相似

58、。事实上，虽然分类很多，但每个大类下的25个小类是分别对应相同的，并且用数字来标识，（除了混合效果 blendTrans(Duration=1.0)），所以不用对没个大类一一举例说明，只要把“Page-Enter”换为“Page-Exit”（离开网页）、“Site-Enter”（进入站点）、“Site-Exit”（离开站点），就可以达到需要的效果了，同时记忆起来也比较方便。其中“Duration=1.0”可以设定每个周期的时间为多久，单位是秒（现在设置的是每周期1秒）。 需要注意的是四个大类的效果可以在一个网页里同时设置，但每个大类只能设置一种效果。另外如果网页是帧页的话，也将无法显示出效果。

59、22网页自动刷新 有时候为了让浏览者看到最新的内容或是看到准备的特效等目的，而希望网页能自动刷新。 具体方法： 打开网页的HTML源文件，在<Head>里加上：<Meta http-equiv=”progma” content=”no-cache”><Meta http-equiv=”expires” content=”wed,26 Feb 1997 10:10:10 GMT”>保存退出。其中的“Refresh”表示要刷新网页，“10”是延迟的秒数，“http:/url”是你的网页地址，秒数和网页地址可以按需要更换。在更换网页地址后还可以做到一项对于想做个网站的封面的朋友很有用的特效，就是让网页自动刷新，并转到另一个网页，既让浏览者看到漂亮的网站封面，又省去了点击才能进入站点的麻烦。23强制每次进入网页都从WEB上下载IE浏览器在下载完网页后，会在本地硬盘上的临时文件夹（Temporary Internet Files）里保存浏览过的网页和

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论