Evo. G Tech Team Forum
Welcome to Evo. G Tech Team Forum. We have moved to a new website : www.evogtechteam.com

Thanks you.

by Evo. G Tech Team Management.

【转载】新手入门之------建站全攻略-从入门到精通

View previous topic View next topic Go down

【转载】新手入门之------建站全攻略-从入门到精通

Post by cyjian on December 12th 2014, 09:31

建站全攻略-从入门到精通

                           前言

      随着互联网的不断发展和中国网络人口的日益增长,从外行到、到老鸟、老鸟又成为了一代大虾,(本人还只是老鸟而已,还未到大侠的境界),其中不知道发生了多少的变化……

   以前是浏览别人的网站,看到整齐的文字和花花绿绿的图片,真是羡慕极了!后来呢,自学了Frontpage2000,觉得做主页其实也很容易,不就是写 些文章,插点图片嘛……于是,兴致勃勃地写了个漂亮的主页,加了几个链接,通到大众软件、电脑之家……做好站点、上传、打开IE、在地址栏里打上[You must be registered and logged in to see this link.],再用激动到颤抖的手按下回车……

   此后鲜花掌声千千万,但麻烦也接踵而来,主要是内容收集分类困难,更新不便,界面过于简陋……但笔者并不气馁,驾着小猫上网找网站制作的教程,DOMN 下来拌着方便面和好多个不眠之夜慢慢啃。终于黄天不负苦心人,在无数次的失败后,笔者渐渐积累起的经验反映在个人站点的不断发展中了^_^

  由于深深地体会过自己摸索的痛苦,所以把笔者的建站心得,拿来和众多同好分享,可惜的是笔者的站点正面临全面改版,无法留下地址,供大家学习参考,水平所限文章中错误在所难免,还望、大侠不吝赐教^_^

   注:笔者在这里说的网站指的是个人申请的主页,也就是说不具有商业性质,(其实很多提供主页申请服务的站点在网友申请前都有规定,禁止主页用于商业用 途),所以笔者在设计时考虑较多的是网友们兴趣爱好,而不是注重商品的展示,但总体的设计思想和某些技巧也适用于商业站点,取舍就看您的喜好了。

  网站制作除了可以按制作的时期分为前期规划、中期制作、发布,及后期维护外,还可以按工作性质分成:结构设计、资料收集、美工设计、宣传推广等。
建站全攻略-从入门到精通--规划篇

      设计网站需要考虑的因素非常多,从前期网站开发时的设计、规划,到中期的资料收集、页 面美工,再最后的调试、发布、宣传是一个庞大的工程,要花费大量的时间和金钱(除非想做一个临时的,只有很少网页的站点)。所以能找些志同道合的朋友一起 来做比较现实,最好大家有各自的特色,每人负责自己拿手的方面,管理最熟悉的版面。也可以按别的标准来分工协作,比如一人收集整理资料,一人做美工,文笔 出色的搞创作,外文过硬的做翻译,工作学习不怎么忙的人负责维护,站点的全局结构布局则一起讨论决定,总之各取所长,各司其职,各尽所能就是了。

  1.站点的访客定位

   只有确定了自己服务的对象是谁,才能有的放矢地投其所好,在内容选取、美工设计、划分栏目各方面尽力做到合理,并吸引住更多的眼球。就个人站点而言,目 的大多是为了展示自我表现的风采,为众多有共同兴趣爱好的朋友(网友)提供其所需的咨询(如新闻、公告等)和资源(如计算机教程、游戏攻略、桌面屏保 等)。所以把访问者定位于和自己年龄相仿的网友是比较合适的(笔者建议的范围是15~30,其中有学生和年轻的上班族,是上网的主要人群,而且对新事物充 满的好奇心,估计兴趣在动漫、音乐、小说、军事、电脑、游戏等方面),按这部分网友的兴趣把内容收集起来,加以分类整理就可以大致上确定站点的发展方向 了。当然,在站点正式运作后,也可以通过调查表单和E-mail来了解访问者对站点的看法和建议,从而及时做出调整和修改,让站点更适合来访者的口味,具 体方法会在下文中涉及,这里就不重复了。

  2.站点的主题选择

  可选择的范围很广,但建议选自己擅长的或是非常喜 欢的,并且立志做到最好。因为网络上各种各样的咨询信息很多,别人可以轻易的在知名站点查找几乎所有自己想要的信息,但可能要花上不少时间或只能找到一部 分信息,所以我们要关注的是怎样节省网友的时间,让他能更快更便捷的找到想要的(如果能提供他找不到的部分就更好了),这就是我们和那些知名的大站点所要 竞争的地方了。

  往往内容特别丰富多彩的站点都有一个致命的弱点,那就是查找信息困难。为什么会这样呢?其实原因很简单,正是因为注 意面面俱到,使内容太多、太杂,网友查一个消息要点上很多次鼠标,而且还会象进了大观园一样找不到来时的“路”。最难的是这个弱点没法克服,只能使用导航 栏和有条理的索引来缓和。所以笔者不建议大家做这种“面面俱到、什么都有”的站点,就让那些有钱的大公司去做吧^_^

  如果有时间的话,还可以自己写些文件,放上去。不管是散文、小说还是软件教程,甚至是游戏攻略也行,只要有你的特色,相信一定会被网友所接受。

  3.站点整体风格的确定

   知道了什么样的人会来以及要做什么样的内容,就可以确定需要什么样的风格了。如果有美工基础的话,只要再加上少许的创意,就可以做出非同一般的效果。让 人看一眼就留下深刻印象的站点,无论对于吸引眼球还是增加回头率都是大有裨益的。(建议:使用FrontPage2000里设定的模版——其实就是 Microsoft请专业美工师为我们设计的站点布局,而且每个模版都各具特色——相信对于网站制作的新手动手做出自己的个性,一定会有很大帮助。)

  另外,风格(Style)是非常抽象的概念,往往要结合整个站点来看,而且不同的人的审美观都不同,对于风格的喜好也很不同。所以想使每一个人都满意是不可能的,重要的是让自己满意先(当然自己的满意有很大程度是建立在访问者满意上的),再照顾忠实的支持者。

   建议:如果站点内容范围不太广,属于相同的主题,可以考虑整个站点设计为同一种风格;但如果各栏目的差异很大,比如站点里既有严肃的军事栏目,同时也有 轻松活泼的动漫栏目,很显然将这两者设计成各有特色的风格会更使人感觉舒适。可是不管用什么风格,都要记得风格是为主题服务的,也就是要让它做好衬托气氛 的任务,而不是单纯地照搬照抄别人的特色,因为也许那并不适合你的站点。

  4.浏览器版本和分辨率

  不同的浏览器对 网页会做出不同的显示,在Internet Explore里非常漂亮的页面,用Netscape Navigator显示可能是一团糟。所以即使在现在这种IE一统天下的时候,也要考虑少数使用NN的用户,也许他们正是你的潜在访客,你总不愿意因为自 己的懒惰而失去他们吧!把每个网页都放在两种浏览器里看看,有什么问题马上解决。

  如果考虑到IE和NN老版本的兼容性就更好了,因为有写新的网页技术(比如框架)老版本的浏览器并不支持。

  排除在UNIX操作系统下使用的浏览器(比如Emacs-W3、Arena、Amaya等),另外有些浏览器使用的是IE内核(很多国产的浏览器都是),又或是市场占有率不高(比如Opera、Mozilla Milestone18等),这里就不一一叙述了。

   1024x768,800x600,640x480是使用最多的三种分辨率,一个网页能在这三种分辨率里都很好的显示是最好的,但如果不行的话,请最先 考虑800x600,因为现在大多数人都在使用它。具体做法:可以在网页里做个表格,并且把宽度设置为“100%”,而不是具体的象素值,这样一来,网页 就会在不同的分辨率里自动调整。但需要注意的是,这样设置后,如果你的表格里又都是文字内容的话,只要浏览者缩小浏览器的窗口,网页上的内容可能会变得很 不协调,甚至会破坏你原先所期待的效果。解决办法是在表格里插入一个宽度为800象素的图片,把表格“撑满”,当浏览器窗口再缩小的时候将会出现滚动条来 代替内容上的调整。

  5.尊重版权

  互联网的精神是“共享”,但这并不意味着你可以随便抄袭别人的作品,因为网上 的作品也是某个人或某些人辛勤劳动的成果,不管在什么情况下剽窃都是不道德的行为!甚至会引起法律问题:在外国版权问题受到重视是由来已久的,美国的 MP3。COM网站因为向网友提供无版权的MP3音乐,而被唱片公司联名告上法庭;Napster公司因为发布了同名网络音乐搜索软件而被告得一败涂地, 现在还在停业整顿中;中国在版权问题上的立法和执法上历来都比较薄弱,但著名的原创文学网站榕树下,和未经授权就出版榕树下网站原创作品的某家出版社对簿 公堂,而法院最终判决榕树下网站胜诉,就意味着中国在版权问题上也有法可依,有法必依的时代来到了。所以在转载别人作品的时候要先征得对方同意,并在网站 上注明作者和其他相关信息,“先斩后奏”、甚至“光斩不奏”的做法只会害了自己!
建站全攻略-从入门到精通--技巧篇
  
1.特色ICO

每次看到好的网页总想把它保存在收藏夹里方便以后再去,但时间一久,太多的链接就让人眼花缭乱了,没办法,删!你不想让自己的网页也遭到这样的命运吧?

具体方法:

先打开网页的HTML源文件,在和之间找个空的地方点一下鼠标,(千万别点在<>里),输入:



保存退出。其中“logo.ico”替换成你自己的ICO图标文件的路径。最后记得把网页和ICO图标文件都上传到网上就行了,不过ICO的路径不要变。

这样一来,当别人把你的网页保存到收藏夹的时候看到的不再是千篇一律的HTML文件的图标了,怎么样,很跳吧?^_^

2.设为主页

在网页显眼的地方加上“设为主页”的链接一定会增加被设为主页的机会,毕竟在IE菜单栏上操作太麻烦了,而现在只需要点击一下鼠标。

具体方法:

在网页HTML源文件的和之间的空白处点击鼠标,输入:

设为主页

保存退出。其中的“http://www.homepage.com”替换成你自己的主页;“设为主页”替换成你想要的文字说明或是图片链接。 如果想更霸道些,就把“onclick”改成“onmouseover”试试,不过可能会引起访客的反感哦!自己衡量利弊吧^_^

3.加入收藏夹

原理和设为主页差不多。 具体方法: 在网页HTML源文件的和之间的空白处点击鼠标,输入:

加到收藏夹

保存退出。其中的“http://www.favorite.com”替换成你自己的主页;“这是加到收藏夹实例”替换成你想要的文字说明(在收藏夹里显示的说明);“加到收藏夹”替换成你想要的文字说明或是图片链接。

4.显示当前日期和时间 可以让来访者知道现在的时间,而且会随着系统时间随时调整。

具体方法:

在网页HTML源文件的和之间你想要时间显示的空白处点击鼠标,输入:







保存退出。这里就不要再做什么替换了。

5.显示来了几次 当访客每次来的时候,都可以知道自己究竟来的几次,他会觉得站长一直把他当作贵宾对待而心存感激,而你要做的只是加一段代码罢了^_^

具体方法:

在网页HTML源文件的和之间的空白处点击鼠标,输入:







保存退出。我设置的数字字体颜色是大红,汉字颜色是默认的。
6.动态显示欢迎词 欢迎词几乎是每个网站必备的装备之一,但天天看千篇一律的“欢迎光临”之类的欢迎词,任谁都会觉得厌烦的。所以我们要做个与众不同的,能按具体情况具体分析的“智能型”欢迎词^_^

具体方法:

在网页HTML源文件的和之间的空白处点击鼠标,输入:







保存退出。看明白了吗?其实原理很简单,就是根据系统的时间,决定该用什么样的欢迎词,可以把时间的间隔分得更小一些,显示的欢迎词也可以更富有人情味。

7. 解决乱码 大陆地区和台湾地区虽然都使用中文,但在电脑网络上的编码方式却有很大的不同,前者使用的是GB2312码(国标码),而后者用的是BIG5码(大五 码),两者互相不兼容,这就使通过网络在两地之间交流变得很不方便,出现了乱码的E-mail和网页。要正确显示两种编码不但要用户的计算机安装相关软 件,还要做相关设置,并且每次都要用手动切换,很不方便。其实,只要在网页中加上一行代码就至少可以避免每次手动切换的麻烦了。

具体方法:

在网页HTML源文件的和之间的空白处点击鼠标,输入:



保存退出。这样就可以强制浏览者用GB码来看你的网页,只要他的计算机安装了相关的IE字符包就能正常显示国标码了。如果想显示的是BIG5码,只要把“gb2312”替换成“big5”就行了。

8.禁止使用鼠标右键

使用鼠标右键可以对所浏览的网页做多项操作(比如保存图片等),如果不想自己的网页让别人“共享”的话,可以把鼠标右键的功能屏蔽掉。

具体方法:

在网页HTML源文件的和之间的空白处点击鼠标,输入:





保存退出。其中“你的鼠标功能挺多的嘛!^_^”可以替换成你想要显示的警告信息。不过一定要把脚本加在里,不然的话浏览者可以在网页没下载完前使用鼠标右键的。

9.自动弹出欢迎窗口 每次访问都自动弹出欢迎窗口有可能会让人心烦,但如果你觉得好就加上去。

具体方法:

在网页HTML源文件的标记里的空白处点击鼠标,输入:

onLoad= alert("你好,欢迎访问!")

保存退出。其中“你好,欢迎访问!”可以替换成别的欢迎词。

10.自动弹出欢送窗口

和自动弹出欢迎窗口差不多。

具体方法:

在网页HTML源文件的标记里的空白处点击鼠标,输入:

onUnload= alert("再见,有时间再来啊!")

保存退出。其中“再见,有时间再来啊!”可以替换成别的欢送词。

11.去除连接的下划线 链接有下划线是天经地义的事,但我们要改变它!

具体方法:

在网页HTML源文件的和之间的空白处点击鼠标,输入:



保存退出。其中的“none”可以替换成“underline”,就是显示下划线。

12.标题栏跑马灯 网页的垂直版面是“寸土寸金”的宝地,往往是访客第一眼看到的内容,所以不能浪费在欢迎词和不太重要的消息发布上,那么只好来“开发”标题栏了!^_^

具体方法:

在网页HTML源文件的和之间的空白处点击鼠标,输入:







在网页HTML源文件的标记里的空白处点击鼠标,输入:

onload="window.setTimeout('titleScroll()', 500)"

保存退出。其中“内容丰富,经常更新,时有抽奖,敬请光临!”就是滚动显示的内容。

14.自动跳出别人的Frame(框架) 因为本身站点的内容太少,而把别人的网页当成自己的,并显示在自己网站的框架中的人还是大有人在的。如果你觉得这是对你劳动成果的不尊重,可以通过E-mail警告对方,也可以直接在自己的网页里加一句代码。

具体方法:

在网页HTML源文件的和之间的空白处点击鼠标,输入:







保存退出。

或者在网页HTML源文件的和之间的空白处点击鼠标,输入:





保存退出。

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)、“图片”(picture or photo)、“明星”(star or art)、“军事”(military)、“小说”(novel)、“交友”(friend or love)、“电脑”(computer or IT)、“招聘”(invite)…………另外关键字也不是一成不变的,例如去年“克林顿”(Clinton)也成了关键字呢!至于原因嘛~~相信我不说 大家也明白^_^

记住,具体问题具体分析总是不会错的,什么最热门,关键字就用什么,但是也别编造些自己站点上没有的“关键字”哦!因为即使别人上了一次当,让你的记数器跳了一格,但他应该再也不会是你站点的访客了!!!

其 实,想用热门的关键字和去骗人并没有必然的联系,就拿“克林顿”来说吧,你可以在使用它做关键字后,对你的网站也做少许的修改,真的只是“少许的修改”, 因为笔者的建议是:收集、整理一些克林顿绯闻的相关报道(SINA上面有得是),做成一个专题报告就行了。这样一来,既没有骗人,又成功地把网友吸引来 了,即使你的克林顿专题报告做得不怎么样,但通过这个专题却让浏览者有机会看到你的站点上还有很多别的信息和资源。也就是把设立关键字作为一种提高访问量 的手段,建立相关专题作为桥梁,把潜在的访客领到你的站点里来。

具体方法:

打开网页的HTML源文件,在 标记里加上:

name=”keyword” content=”music, mp3, news, movie, photo, star”

保 存退出。其中的“music, mp3, news, movie, photo, star”就是网页的关键字,可以根据需要修改(可以使用中文信息),但是字母区分大小写,长度以不超过255个字符为宜(因为即使为了面面俱到而加了上 千个关键字,也会被搜索引擎的服务器删除的,所以应该尽量简洁明了,避免重复),每个关键字之间要用“,”分隔。

19.防止背景图片滚动

当网页的内容很长,需要使用滚动条来浏览的时候,背景图片也会随之滚动,好像和文字说明粘合在一起似的。这样对于定位视线有些不良的影响,特别是色彩花哨的背景图片,感觉则更不适。对此,我们可以将背景和文字说明相分离,浮动在浏览器窗口里。

具体方法:

打开网页的HTML源文件,在标记里加上:

Bgproperties="fixed"

保存退出。

20.用wingdings字体作画

wingdings字体可以让普通的ASCII码以一些简单预定图形的方式在浏览器里显示,如果我们用Wingdings字体来替代部分图片的话,必然将大大加快网页的下载速度,因为只要看看HTML源文件就会知道网页上的图形只是一小段代码而已。

虽 然大多数的图形都很简单,但是还是可以起到一些作用的,比如用“*”的Wingdings字体*表示E-mail或信箱,用“(”的Wingdings字 体(表示电话号码,用“<” 的Wingdings字体<表示下载……具体应用就看大家的想象力了^_^

不过需要注意的是,IE对于Wingdings字体的支持很好,而Netscape可能会出现一些显示上的问题。附录部分Wingdings字体、ASCII码和普通字体的对照表(见附录1)。

21.网页变换效果 只要搭配得当,这些变换效果会给访客留下非常深刻的印象,即使是那些本来对你的站点没兴趣的访客。特别是喜欢学习网页制作的朋友,很可能就把你的网页复制下来,以供学习研究之用。其实你不过是加了短短一段代码而已^_^

网页变换效果(Trans)共分四大类:"进入网页"(Page-Enter)、"离开网页"(Page-Exit)、"进入站点"(Site-Enter)、"离开站点"(Site-Exit)。每一大类又分为25个小类,先用进入网页效果来举例说明:

进入网页时的效果

1.混合效果 代码如下:



2.盒状收缩效果 代码如下:



3.盒状放射效果 代码如下:



4.圆形收缩效果 代码如下:



5.圆形放射效果 代码如下:



6.向上擦除效果 代码如下:



7.向下擦除效果 代码如下:



8.向右擦除效果 代码如下:



9.向左擦除效果 代码如下:



10.垂直遮蔽效果 代码如下:

">

11.水平遮蔽效果 代码如下:



12.横向棋盘式效果 代码如下:



13.纵向棋盘式效果 代码如下:



14.随即分解效果 代码如下:



15.左右向中央缩进效果 代码如下:



16.中央向左右扩展效果 代码如下:



17.上下向中央缩进效果 代码如下:



18.中央向上下扩展效果 代码如下:



19.从左下抽出效果 代码如下:



20.从左上抽出效果 代码如下:



21.从右下抽出效果 代码如下:



22.从右上抽出效果 代码如下:



23.随机水平线条效果 代码如下:



24.随机垂直线条效果 代码如下:



25.随机效果 代码如下:



现 在让我们来分析一下这些代码,首先大家一定能看出这些代码大多数地方很相似。事实上,虽然分类很多,但每个大类下的25个小类是分别对应相同的,并且用数 字来标识,(除了混合效果 blendTrans(Duration=1.0)),所以不用对没个大类一一举例说明,只要把“Page-Enter”换为“Page-Exit”(离 开网页)、“Site-Enter”(进入站点)、“Site-Exit”(离开站点),就可以达到需要的效果了,同时记忆起来也比较方便。其中 “Duration=1.0”可以设定每个周期的时间为多久,单位是秒(现在设置的是每周期1秒)。

需要注意的是四个大类的效果可以在一个网页里同时设置,但每个大类只能设置一种效果。另外如果网页是帧页的话,也将无法显示出效果。

22.网页自动新 有时候为了让浏览者看到的内容或是看到准备的特效等目的,而希望网页能自动新。 具体方法: 打开网页的HTML源文件,在里加上:





保存退出。其中的“Refresh”表示要新网页,“10”是延迟的秒数,“http://url”是你的网页地址,秒数和网页地址可以按需要更换。在更换网页地址后还可以做到一项对于想做个网站的封面的朋友很有用的特效,就是让网页自动新,并转到另一个网页,既让浏览者看到漂亮的网站封面,又省去了点击才能进入站点的麻烦。

23.强制每次进入网页都从WEB上下载

IE 浏览器在下载完网页后,会在本地硬盘上的临时文件夹(Temporary Internet Files)里保存浏览过的网页和图片,以方便下次再访问该网页时可以从硬盘上读取,进而加快浏览的速度。所以换个角度来看,想要每次进入网页都从WEB 上下载,只要使网页不装入访客的硬盘就行了,或者说为网页设定一个“过期”的日子,一旦过期就要从WEB上重新下载。

具体方法:

打开网页的HTML源文件,在标记里加上:





保存退出。其中“wed,26 Feb 1997 10:10:10 GMT”是一个已经过去的日子,把它当作过期的标准,无论是谁想要再浏览你的网页都必须重新下载才行了。:P

24. 利用标题栏做广告 笔者认为最适合标题栏的工作是提示网页自身的内容,可以让浏览者一目了然,知道自己将看到什么样的信息,以及为什么而等待。但做过站长的朋友一定知道事情 并不象想象中那么简单,因为一个稍具规模的个人站点一般都有100个以上的网页,并会随着时间的推移而迅速增长(当然这是针对勤奋负责的站长而言的 ^_^)。受到时间和精力的限制,不可能对每一个网页都细致地总结一个标题,即使是有时间的闲人也可能会因一时的疏忽而忘了加标题。如果你用FP2000 来做网页,这时候就会在标题栏看到“new page 1”(这是FP2000自动为网页加的标题),大大地破坏了网站的整体效果。如果做网页用的是模版,结果可能更糟糕,货不对板的情况会让浏览者倒足胃口。

笔 者也经常为这个问题而苦恼,有一次,头被天上掉落的一重物击中,瞬间眼前金星乱冒,伸手一抓,金星没抓到,却抓到一个点子:用模版做网页前,先修改模版的 标题为“欢迎光临”之类的万能欢迎词,把标题栏显示网页内容的功能该成显示欢迎词。这样一来,就不用为每个网页分别做标题而烦恼了^_^

具体方法:

打开模版网页的HTML源文件,把之间的内容改为:

欢迎光临XX的网站!^_^

保存退出。当然修改的内容可以挑自己喜欢的欢迎词。 25.移动的字幕

可以动态地显示消息,比静止地发布更能吸引别人的眼球,一般用于简单扼要的新闻报道、广告用语等方面。除此之外,还有代码简洁明了,动态效果种类多,和无需使用JAVA的优势,因为实现这一效果只需要加入一个HTML标识而已。

接着,我来举些具体的实例帮助大家了解。

具体方法:

打开模版网页的HTML源文件,把和之间加入:

移动字幕的实例

从左向右移动字幕的实例

从右向左移动字幕的实例

一次性移动字幕的实例

循环移动字幕的实例

来回循环移动字幕的实例

快速移动字幕的实例

红色背景移动字幕的实例

保存退出。现在来解释一下代码的含义:

marquee是HTML的标识之一,用于实现文字的移动效果。IE4。0以上的浏览器才能正常显示。

Direction设置文字移动的方向。取值为left(从左向右移动)或right(从右向左移动)。

Behavior设置文字移动的方式。取值为slide(一次性移动)、scroll(循环移动)和alternate(来回循环移动)。

Scrollamount设置文字移动的速度。

Hspace(水平空白)、vspace(垂直空白)设置文字周围的空白区域。

Height(高度)、width(宽度)设置文字的宽度和高度。

Bgcolor设置文字的背景颜色。

只要使用搭配得当,即使是这样一个小小的特效也能为你的网页增色不少哦^_^

26.改变鼠标的形状

在 网页上,鼠标平时呈箭头形,指向链接时成为手形,等待网页下载时成为沙漏形……这似乎是约定俗成的。虽然这样的设计能使我们知道浏览器现在的状态或是可以 做什么,但这些好像还不能完全地满足我们的需要。就拿链接来说,可以是指向一个帮助文件,也可以是向前进一页或是向后退一页,针对如此多的功能光靠千篇一 律的手形鼠标是不能说明问题的。值得庆幸的是,CSS提供了多达13种的鼠标形状,供我们选择。

具体方法:

在任意一个链接的标识里加入:

style=”cursor:move”

保存退出。“style”是CSS的标记,“cursor:move”表示指向该链接时鼠标变成十字箭头的形状。其它还有12种不同的形状将在附录3里介绍。

27.消除网页的边距

做完一个网页后往往会发现自己编写的内容和网页的边界还保持着一些空白,主要发生在网页的顶部和左边,对于文字来说影响还不大,不过相对网页的顶部的LOGO来说就显得很难看了。但经过仔细地检查后又没有发现任何错误的HTML代码,这是怎么一回事呢?

其实HTML的BODY标识符默认在网页的顶部和左边设置一些空白区域,来保持网页的整洁,但我们不需要的时候也可以通过BODY标识把空白去掉。

具体方法:

打开网页的HTML源文件,在标识里加上:

topmargin=”0” leftmargin=”0”

保存退出。这样就消除了网页的上边界和左边界的空白,如果需要增加留白也可以自己修改。

cyjian
Spammer
Spammer

Posts : 211
Points : 24415
Reputation : 0
Join date : 2014-06-18

View user profile

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum