网页菜单，让你的网站更具个性

　　一个人拥有自己独特的风格，是一般人所没有的，就会让人注意到那个人的特别，若那个人的风格是正面的，甚至就会引起别人的羡慕与注意，或是赞赏。就如同一个网站，拥有别的网站所没有的风格，就会让浏览者愿意多停留些时间，细细品尝该站的内容，甚至该站会得到多人的鼓励与注目，粗略的说，网站风格可以从以下几个方向来探讨，而每一项都是有关联性的：

　　1. 色系：网页的底色、文字字型、图片的色系、颜色等等。
　　2. 排版：表格、框架的应用、文字缩排、段落等等。
　　3. 窗口：窗口效果，例如：全屏幕窗口、特效窗口等。
　　4. 程序：网页互动程序，例如：ASP . PHP . XML . CGI等等。
　　5. 特效：让网页看起来生动活泼的各种应用，如：Flash . Java script . Java applets . DHTML等等。
　　6. 架构：目录规划、层次浅显易懂、选单应用等等。
　　7. 内容：网站主题、整体实用性、文件关联性、内容切合度、是否有不必要的档案等等。
　　8. 走向：对于网站的未来规划、网站整体内容走向等。

　　以上这些项目都与网页风格有密切的关系，网页的风格不是某一项相同，网站就是有整体感，而是要各项目的配合应用，才能达到完美的网站风格设计。接下来的段落，将会为每个项目做简单的介绍。


　　【一、色系 】

　　网站的色系是浏览者整体的视觉观感，若一个网站色系能有一致性，不仅会使网站看起来美观，更能让浏览者对内容不易混淆，增加了浏览的简洁与方便。而网站的色系更能衬托出网站的主题，若色系能与主题合理搭配，将会增加浏览者的易读性。网站的色系包含了网页的底色、文字字型、图片的色系、颜色等等，这不单只是将颜色搭配得当就算完美，还要配合每个内容，及网站主题。对于网站的色系，应该要在网站开始制作前，做好规划及设计，才不会到着手制作网站时，难以搭配，甚至造成混乱的设计。

　　网页的底色是整个网站风格的重要指针。举例来说，以黑色作为背景颜色的网页，因黑色本对人的视觉上会造成黯淡的感觉，若是拿来用作活泼的儿童网站，就是不适合了。因为小孩子是天真无邪的、活泼的、有朝气的，与黑色的沉稳、黯淡，很难联想在一起。再举个例子，若是写一个有关于环保的网站，若用暗红色作为网页底色，决计不会有人联想到网页的内容是与环保有关。当然，每个人的审美观不同，可能也会对颜色的代表性看法不同，但既然网站不是只写给自己看的，就应该要注意到大部分人可能会有的观点，然后以众人居多的观点出发，来设计网页。

　　文字字型上的设计，最好的网站是以所有浏览者都能看到的字型为主。常会看到有需多网站要求浏览者须自行下载某种字型，才能达到最佳浏览效果，这是种非常奇怪的行为。毕竟浏览者只是来找资料或是来看网站的内容，不可能会因为这种「为达最佳浏览效果」，而自行下载所需要的字型。当所要求的字型若不下载，并不会影响到网站内容上的浏览与不便，那么对浏览者的要求就微乎其微的不可能发生任何作用。这么一来，对于网页设计者来说，无非是非常可惜的，因为当初的设计风格却未能让浏览者一窥全貌，岂不是白费心思的吗？

　　何谓图片的色系？以色彩学简单的区分，可分为冷色系与暖色系，再详细一点的区分，又可分出各种颜色的色系，而色系的区分，就在于主观浏览意识上的差异了。如何将图片的色系与网站整体色系相对应，就是比较困难的地方了。对于网页初学者来说，要绘制一张图并非易事，要绘制一张符合自己网页风格的图，更是困难重重。大部分的网页制作者，并不大可能驾轻就熟的使用影像处理软件或绘图软件，于是乎，网页素材的网站就开始盛行了。当然，不会使用绘图软件并不代表网页就不能设计的很出色，若是能将网络上的素材资源妥善利用，网站也是可以走出自己的风格的。而该怎么选择适合自己网站的图片，就是门很大的学问了。

　　选择图片该以何作为标准呢？举例来说，若网站内容为科学探讨，当然不能以卡通图片来作为插图，试想，当您正在浏览一个有关天文学的网站，却满是皮卡丘的可爱图片，不是很不协调吗？再举个例子，如果一个教学网站，里头却尽是明星图片，看上去根本就不像是教学网站，而是大杂汇的明星相片网。很多人喜欢将自己欣赏的明星照放上自己的网页中，如果仅是个人网站倒也还好，因为个人网站本就无主题居多，也就没有所谓的符不符合主题的顾虑，但若是有主题的网站，岂不糟糕？

　　以图片内容来说，能切合网站主题最好，若不能，也别差异太多。以颜色来说，若一个网页是蓝色的底色，但整个网页的图档却乱七八糟，各种颜色纷纷出笼，更糟的是，蓝色是属于冷色系的颜色，若以蓝色为底的网页，却尽都是大红色、橘色的图片，那将会使整张网页看起来就像垃圾堆，杂乱无章。所以，可以简单的归纳出，网页与图档的颜色，色系一致或是视觉效果一致，将会使网页看起来更为美观且有自己的风格。

　　网页的颜色，并非单一就图文件、文字颜色、或是底色为主，而是以浏览者的角度来观看，整体网页看上去是偏向哪种色系。常常见到许多网站虽然色系搭配的很好，但却是没有自己的风格。以目前流行的柔色系、粉色系网站来说，就是失了自己独到的风格。因为使用粉色系的网站，不外乎都有相同的特点，文字颜色浅，底色也以浅色系为主，这样除了没有自己的风格外，看起来既不大方也难登大雅之堂。

　　如今，上网冲浪已经是一件很时髦的事情，在网上安“家”的虫虫们也越来越多。为了使自己的“家”更有特色，吸引更多的人参观，往往是“八仙过海，各显神通”。而使用得最多的就是应用一些JaveScript小插件。本文就向各位网友提供比较常用的小程序。

　　使用方法很简单，拷贝＋粘贴即可。如果你稍懂一些HTML语言和JaveScript插件语法则更好。

　　1.欢迎对话框

　　一进入网友的“家”，冷不丁蹦出来一个问好的对话框，是不是感到很亲切?没错，实现这效果的程序就是下面的几行：

　＜SCRIPT LANGUAGE=″JAVASCRIPT″＞

　　alert (″n ″既来之，则安之″nn 欢迎您光临我的主页nn 别犹豫 nn LET'S GO！″);

　　＜/SCRIPT＞

　　(注：n 的作用是在对话框中换行)

　　＜b＞2.停留时间＜/b＞

　　网友进入你的“家”，抬头一看，有一个计时钟在不停地跳动，显示他的来访时间，很有趣吧!程序如下：

　　＜HTML＞

　　＜HEAD＞

　　＜META HTTP－EQUIV=″Content－Type″ CONTENT=″text/html;CHARSET=gb2312″＞

　　＜TITLE＞停留时间＜/TITLE＞

　　＜/HEAD＞

　　＜SCRIPT LANGUAGE=″JAVASCRIPT″＞

　　＜!－－

　　var ap_name = navigator.appName;

　　var ap_vinfo = navigator.appVersion;

　　var ap_ver = parseFloat(ap_vinfo.substring(0,ap_vinfo.indexOf(′(′)));

　　var time_start = new Date();

　　var clock_start = time_start.getTime();

　　var dl_ok=false;

　　function init ()

　　{

　　if(ap_name==″Netscape″ ＆＆ ap_ver＞=3.0)

　　dl_ok=true;

　　return true;

　　7}

　　function get_time_spent ()

　　{

　　var time_now = new Date();

　　return((time_now.getTime() － clock_start)/1000);

　　}

　　function show_secs () // show the time user spent on the side

　　{

　　var i_total_secs = Math.round(get_time_spent());

　　var i_secs_spent = i_total_secs ％ 60;

　　var i_mins_spent = Math.round((i_total_secs－30)/60);

　　var s_secs_spent = ″″ ＋ ((i_secs_spent＞9) ? i_secs_spent : ″0″ ＋ i_secs_spent);

　　var s_mins_spent = ″″ ＋ ((i_mins_spent＞9) ? i_mins_spent : ″0″ ＋ i_mins_spent);

　　document.fm0.time_spent.value = s_mins_spent ＋ ″:″ ＋ s_secs_spent;

　　window.setTimeout(′show_secs()′,1000);

　　}

　　// －－＞

　　＜/SCRIPT＞

　　＜BODY onLoad=″init(); window.setTimeout(′show_secs()′,1);″＞

　　＜form name=″fm0″ onSubmit=″0″＞

　　＜font size=″－1″＞＜I＞＜FONT COLOR=″＃888888″＞停留时间:＜/FONT＞＜/I＞＜/font＞＜br＞

　　＜INPUT type=″text″ name=″time_spent″ size=7 onFocus=″this.blur()″＞

　　＜/form＞

　　＜/BODY＞

　　＜/HTML＞