六.使用CSS控制整體格式

　　CSS(Cascading Style sheets，層疊樣式表)是為網(wǎng)站制作者帶來福音的好東東!它最大的特點是可以使網(wǎng)頁的內(nèi)容和結(jié)構版面控制相脫離，大量的減少網(wǎng)頁中重復使用的HTML代碼，從而減小網(wǎng)頁的體積，這對于在網(wǎng)上傳輸是非常有利的。同時CSS可以使用外接*.CSS文件的方法使一次性修改大批量的網(wǎng)頁成為可能，這就意味著你可以經(jīng)常地改變網(wǎng)站的界面(包括文字、色彩、背景圖片等)，而每次只需要上傳一個體積很小的CSS文件就行了!

　　所以，筆者在這里極力向大家推薦使用!接著就簡單扼要地介紹常用功能。

　　具體方法:

　　新建一個文本文件，打開，輸入:

　　body {

　　font-size: 10pt; //標記里的字體大小為10pt;

　　background-color: rgb(255,255,255); //網(wǎng)頁背景顏色為白色;

　　background-image: url('back.gif') //背景圖片為與網(wǎng)頁同一目錄下的“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; //鼠標經(jīng)過時鏈接的顏色;

　　TEXT-DECORATION: underline //鼠標經(jīng)過時鏈接加下劃線;

　　}

　　完成后，選擇“文件”菜單的“另存為”，在對話框的“文件名”中輸入“base.css”，“文件格式”里選“*.*”，于是，外接的CSS層疊樣式表就寫好了。

　　接著，在網(wǎng)頁的HTML代碼里的和之間加上:

　　保存退出。以后只要在CSS文件里做修改就可以使所有加了以上代碼的網(wǎng)頁自動更新了!

　　七.使用表格定位

　　想要一張整齊的網(wǎng)頁需要做定位工作，有人使用

　　和標記，但實際上套用表格更簡單一些，雖然精確度不及前者。很多大的站點都使用表格來定位文字和圖片，制作時很直觀，效果不錯。但值得注意的是，當你的頁面很大的時候，千萬別在整個網(wǎng)頁上用一個大的表格套很多小表格!因為如果瀏覽器在接受數(shù)據(jù)時發(fā)現(xiàn)表格，就必須知道表格的結(jié)構，也就是說要把整張表格的內(nèi)容都接受完畢才顯示其內(nèi)容，之前會給瀏覽者一張“白板”看，很多人因為沒耐心等待而轉(zhuǎn)去看其他站點了。所以分用幾個小表格，讓他們可以分別顯示，收到多少顯示多少，瀏覽者可以在等待的時候看先收到的部分，這樣一來就增加了瀏覽者繼續(xù)等待的信心。但是你覺得分別顯示頁面會破壞整體的美感，那就用大表格吧!^_^

　　八.站點地圖

　　即使導航欄條理分明，結(jié)構合理，但對于內(nèi)容較多的站點來說，還是做一份站點的導航地圖，才對得起訪客。在站點地圖里，你可以詳細的介紹素有的欄目，以及每個欄目里分別包括些什么小欄目或是含有什么樣的具體內(nèi)容，應該盡力寫得詳實明了，讓人有一目了然的感覺才達到我們的目的，不要擔心版面不夠，因為整個地圖版面存在的理由就在于此(如果沒有起到它應起的作用，還不如不要呢)。

　　九.使用模版

　　很多剛開始做網(wǎng)站的朋友往往在收集了大量的素材后，立即投入制作，生成了絕大部分成品網(wǎng)頁，但由于經(jīng)驗不足或其他什么原因，做完了才發(fā)現(xiàn)問題，只好一個個網(wǎng)頁的修改，結(jié)果浪費了巨大的精力。所以筆者建議:在完成了所有的構思以后，先要做一個模版網(wǎng)頁，在這個網(wǎng)頁里包括了所有網(wǎng)頁的公共元素(比如LOO、導航欄、更新時間、推薦欄目、外接的CSS樣式表的鏈接、加入收藏夾、返回首頁、站點地圖、E-mail地址、滾動的狀態(tài)欄、廣告條、版權信息等等)，之后只要復制多份，填入不同的內(nèi)容就相對輕松多了。

　　建議:如果頁面太多而沒有給每個網(wǎng)頁寫TITLE的話，F(xiàn)rontPage2000就會自動給每個網(wǎng)頁加上按“new page 1”、“new page 2”的順序排列的TITLE，很不美觀和規(guī)范，或是使人產(chǎn)生“站長是個懶鬼”的想法。所以，在制作模版的時候，就可以在TITLE里加上一句無論放在哪個頁面里都合適的歡迎詞(比如“歡迎您的光臨!”之類)。這樣一來，網(wǎng)頁才不會讓人當成“半成品”來看待。^_^

　　十.少用JAVA

　　雖然使用JAVA可以做出許多精彩的網(wǎng)頁特效，但由于現(xiàn)在JAVA程序的處理速度實在讓人不敢恭維，往往是等上老半天還看不到網(wǎng)頁的內(nèi)容，更有甚者，在漫長的等待后，瀏覽器提示APPLET不能啟動。過分追求技巧和特效，結(jié)果卻適得其反，把最重要的內(nèi)容給拉下了，這種做法顯然是不可取的。

　　十一.控制圖片的大小

　　除了文字說明，圖片就是我們網(wǎng)頁上最重要的內(nèi)容了。許多漂亮的字體，瀏覽器可能并不支持，所以要用圖片的方式來顯示;單純的文字網(wǎng)頁信息量巨大，瀏覽者很難快速地了解網(wǎng)頁想要表達的內(nèi)容，但通過圖片就能比較形象地把意思傳達給瀏覽者了。此外統(tǒng)一風格(每個網(wǎng)頁使用相同的LOGO)、美化網(wǎng)頁(用色彩鮮艷的花邊修飾網(wǎng)頁邊框、分隔大段的文本)、烘托氣氛等作用也是文字說明無法做到的，特別是GIF089a格式保存的圖片，不但可以制造動畫效果、活潑網(wǎng)頁的氣氛，還能夠在顯示較大的圖片時逐漸的顯示，先顯示分辨率比較低的圖片，讓瀏覽者有個初步了解，知道自己等待的是什么?究竟有沒有必要再等待?這對于速度相對較慢的中國互聯(lián)網(wǎng)來說是一件天大的好事。

　　一般來說，一張網(wǎng)頁上的圖片總體積不應該超過50KB，這樣光圖片的下載將花去瀏覽者近10秒的時間(按使用56K的MODEM計算，不過56K的MODEM在中國已經(jīng)是標準配置了)，而即使加上文字也多不了多少時間，對于習慣了慢如螞蟻的網(wǎng)絡的用戶是可以接受的。因此，可以說圖片是造成網(wǎng)頁下載速度過慢的“罪魁禍首”。所以，必須在美觀和速度之間做出選擇，兩者都要兼顧，大家自己平衡吧^_^

　　十二.選擇使用框架

　　框架(FRAME)也叫幀頁，是現(xiàn)在制作網(wǎng)頁是較為常用的一種技術。該技術可以把瀏覽器窗口劃分為幾個小窗口，每一個窗口都顯示一個網(wǎng)頁的內(nèi)容，并分別設置大小、有無滾動條等信息。這樣就方便了設計網(wǎng)站的結(jié)構，可以在上方的框架里放置網(wǎng)站的LOGO，在左面的框架里顯示導航欄，而在下方的框架里安置版權信息。當然這只是一個比較公式化的設計，每個人可以根據(jù)自己的實際需要和創(chuàng)意來做安排。而且瀏覽時，可以指定鏈接的網(wǎng)頁在哪個框架里顯示，從而避免了網(wǎng)頁上相同內(nèi)容的重復下載，而這些內(nèi)容往往是LOGO、BANNER等體積較大，需要很長下載時間的圖片。這對于提高網(wǎng)頁顯示速度和網(wǎng)絡傳輸效率方面都有著積極的意義。

　　盡管這是種方便網(wǎng)站設計者的技術，但對于瀏覽者來說就不一定了。因為框架技術是一種新興技術，很多瀏覽器還不支持它，也就是是說，有一部分的瀏覽者并不能正常的看到你那美侖美奐的網(wǎng)頁。所以，筆者建議:為了這些網(wǎng)友，盡量不要使用框架。如果實在要用，就一定要記得在框架網(wǎng)頁的HTML代碼里加上＜NOFRAMES＞元素，在＜NOFRAMES＞里可以設定當瀏覽器不支持框架的時候在瀏覽器里顯示的替代內(nèi)容，讓沒有使用最新版本的用戶也可以看到網(wǎng)頁的內(nèi)容。

　　十三.發(fā)布更新消息

　　更新消息可以通過多種方式傳達給瀏覽者，最常用的就是在主頁上逐條列出最新的內(nèi)容，或是專門做一個“最近更新”的網(wǎng)頁，在網(wǎng)頁上詳細地介紹最幾一次、幾次更新的內(nèi)容，并提供通往新內(nèi)容的鏈接。

　　還有一種方法用的也比較普遍，但一般需要存放站點的服務器方面支持提交表單才行。就是瀏覽者通過提交表單的方式，將自己具體的聯(lián)系方法送到站長指定的E-MAIL、CGI、文本文件等目的地，然后再由站長定期或在更新后，向這些地址發(fā)送網(wǎng)站最近更新的消息，讓瀏覽者知道是否真的有自己感興趣的內(nèi)容，是否值得花費時間和金錢去瀏覽你的網(wǎng)站。既方便了瀏覽者，又顯得站長很專業(yè)、很盡責。

　　十四.堅持經(jīng)常更新

　　更新包括兩方面的內(nèi)容:

　　首先是內(nèi)容，即使是內(nèi)容豐富多彩的站點，也需要經(jīng)常更新。因為瀏覽者不可能喜歡你網(wǎng)站所有的內(nèi)容，大多數(shù)網(wǎng)友只喜歡其中的一小部分，而且也只瀏覽這一小部分，所以你要經(jīng)常把新的內(nèi)容加進去，來滿足網(wǎng)友的需求。當然有會有例外，一些專門提供下載服務的站點相對而言就不是特別需要經(jīng)常的更新了，因為供網(wǎng)友下載的大多是流行音樂的MP3、游戲DEMO、商業(yè)軟件的BETA等體積很大的文件，網(wǎng)友光是下載這些文件就要花上很長很長的時間。記得有一次，筆者找到一個很大的MP3下載站點，一下子往網(wǎng)絡螞蟻里加入了近80首MP3，之后的一個月筆者就再也沒去過那個站點，直到所有的MP3下載完畢為止。但如果你做的不是這樣的下載站點的話(一般的個人主頁也不太可能提供大量的下載，畢竟上傳也要花很多人民幣~~)，就必須要經(jīng)常更新了。

　　其次是維護，也可以說是對網(wǎng)站結(jié)構、美工方面的更新。沒人會喜歡老是看到相同的頁面，而且還可能是不怎么漂亮的頁面。時間久了，內(nèi)容多了，也會需要對站點的結(jié)構、導航做些調(diào)整的。

　　建議:如果真的是很忙，沒時間天天更新，希望能在主頁上留一個“站長自述”的版塊，沒天抽出一小會兒，為瀏覽者寫幾句話，甚至可以寫自己的生活日記。瀏覽者就會覺得站長和自己距離很近，是個很親切友好的人。

　　十五.注意文件名的長度

　　一般來說，我們使用的Windows98、ME、2000、NT和Linux等操作系統(tǒng)均支持長文件名、大寫的和中文文件名，但大多數(shù)提供免費主頁的服務器都不支持長文件名大寫的和中文文件名。也就是說，如果使用了服務器不支持的文件名格式，會造成你辛苦做成的網(wǎng)頁成為“死頁”，別人將無法訪問這些網(wǎng)頁，即使是你自己也不能瀏覽，當然你還是可以對之行使服務開放給你的FTP權利(包括改名、刪除等)。

　　另外需要注意的是，很多服務器對于主頁的命名都有特別的要求，最常見的是index.htm，其他還可能有index.html、default.htm、default.html、welcome.htm、welcome.html等。如果服務器向用戶開放CGI、ASP和PHP的權限的話，還會有以asp和php3等結(jié)尾的網(wǎng)頁名出現(xiàn)。

　　所以在不太清楚服務器情況的時候，為了避免出現(xiàn)無法訪問的網(wǎng)頁，最好還是使用在DOS下通用的8。3命名規(guī)則較為保險。

　　十六.廣告代碼

　　面對中國目前不匪的上網(wǎng)費用，大多數(shù)的網(wǎng)友不是縮衣節(jié)食，就是盡力克制自己上網(wǎng)的沖動。但隨著上網(wǎng)時間的增加，接觸到的新事物也在不斷增加，忽然有朋友發(fā)現(xiàn)上網(wǎng)也能掙些美元(不管最后是不是真的到手，但這確實是個能緩解上網(wǎng)費用過高的辦法)。就是在自己的主頁上加一段廣告代碼，只要訪客能適時地點擊廣告，一個月下來，就能為站長帶來那么幾個美元補貼上網(wǎng)費，不過可能要過好幾個月才能收到支票。

　　但需要注意的是，有些朋友為了多賺些美元，就自己拼命點擊廣告條，但他們不知道在極短的時間里有太大的點擊率、這些點擊全出自同一個IP地址，又或是你的廣告條放的位置不符合廣告商的要求的話，你就將收不到支票，并且會被廣告公司加入黑名單。結(jié)果自然是“賠了夫人又折兵”，既賺不到美元，又花了自己的時間和精力(點擊廣告時花費的)。

　　即使靠廣告條能增加收入，但也要考慮到由于大家都和你有相同的想法，所以在Internet上早就是廣告滿天飛了，現(xiàn)在的網(wǎng)友可是一看到廣告就反感，接著是連看也不看你的網(wǎng)站里有些什么內(nèi)容就鍵入別的地址了。因此很可能發(fā)生的是，放了廣告代碼后，非但沒收到美元，反而連自己的訪客也給嚇走了，有句老話就是形容這種情況的:“偷雞不成蝕把米”^_^

　　可是，就算不放置為自己謀福利的廣告條，但提供主頁空間給你的那個網(wǎng)站的那個廣告你還是得放在主頁上的，不然的話，很可能會不經(jīng)通知就刪除你的主頁空間哦! 了解了以上幾個方面后，再來將一些實用技巧。

　　十七. 實用技巧篇

　　1.特色ICO

　　每次看到好的網(wǎng)頁總想把它保存在收藏夾里方便以后再去，但時間一久，太多的鏈接就讓人眼花繚亂了，沒辦法，刪!你不想讓自己的網(wǎng)頁也遭到這樣的命運吧?

　　具體方法:

　　先打開網(wǎng)頁的HTML源文件，在和之間找個空的地方點一下鼠標，(千萬別點在<>里)，輸入:

　　保存退出。其中“l(fā)ogo.ico”替換成你自己的ICO圖標文件的路徑。最后記得把網(wǎng)頁和ICO圖標文件都上傳到網(wǎng)上就行了，不過ICO的路徑不要變。

　　這樣一來，當別人把你的網(wǎng)頁保存到收藏夾的時候看到的不再是千篇一律的HTML文件的圖標了，怎么樣，很跳吧?^_^

　　2.設為主頁

　　在網(wǎng)頁顯眼的地方加上“設為主頁”的鏈接一定會增加被設為主頁的機會，畢竟在IE菜單欄上操作太麻煩了，而現(xiàn)在只需要點擊一下鼠標。

　　具體方法:

　　在網(wǎng)頁HTML源文件的和之間的空白處點擊鼠標，輸入:

　　設為主頁

　　保存退出。其中的“http://www.homepage.com”替換成你自己的主頁;“設為主頁”替換成你想要的文字說明或是圖片鏈接。 如果想更霸道些，就把“onclick”改成“onmouSEOver”試試，不過可能會引起訪客的反感哦!自己衡量利弊吧^_^

　　3.加入收藏夾

　　原理和設為主頁差不多。 具體方法: 在網(wǎng)頁HTML源文件的和之間的空白處點擊鼠標，輸入:

　　加到收藏夾

　　保存退出。其中的“http://www.favorite.com”替換成你自己的主頁;“這是加到收藏夾實例”替換成你想要的文字說明(在收藏夾里顯示的說明);“加到收藏夾”替換成你想要的文字說明或是圖片鏈接。