製作首頁的五十個秘訣

 製作首頁的五十個秘訣

一、內容

    1、讓讀者有理由逗留。要把網頁作得趣味盎然，引人入勝。但首要的是要讓它有用處。這樣做的一個很簡單的辦法是提供相互參與——讓讀者做一些事情，如報名擷取定期發送的通訊，並用某種方式報答他們的參與，如每周抽獎或給予下載一些東西的機會。

    2、對訪問者來說最具價值的網站是那些立刻就能讓人明白哪些資訊可以擷取，怎樣擷取，以及可能還有怎樣讓讀者來更正他自己認為有錯誤的地方或加上他自己的內容。

    3、簽上自己的名字，並展示得到的榮譽——但不要在這裡弄上一個長長的簽名。少許的自我宣傳可能是中肯的，尤其是當你想讓自己的網頁具有個人特色時，但這 可能會帶來困窘和妨礙實質內容。你所要作的只是串連到關於作者的那一頁，該頁也是棄權、著作權聲明及類似說明的合適地方。

    4、不要包括一些一般化的Web參考資訊和人人都有的已不再是熱點的串連。串連到Alta Vista和Yahoo可能就已足夠了，否則你的外部串連應該是具有特殊意義和讀者還沒有遇到過的地方。

    5、要是有以評論或讀者意見的形式取得的肯定性的反饋，可考慮把它包括在首頁之內——也許在開頭的某個地方，或者作為到榮譽頁的一個串連。如果做得恰到好 處，可以鼓勵新的訪問者並使他們放心。相反，要是做得不合適，就會被認為是自我吹噓，而真正的內容反而處於次要地位。

    6、忘掉已學會的在紙上寫作的大多數習慣。基於文字、面向紙張的寫作所面臨的任務是精心安排的敘述，在提供知識、愉悅心情或說服別人的過程當中要能保持讀 者的興趣；但是文字並不是大多數Web版面的主要組成部分——即便是頁面上的文字比其他元素多，也常常是其他組成部分(映像、超媒體串連)被認為比單純的 文字更重要。

    7、結構至關重要。網頁可能會看起來是二維的，但不應如此理解。印刷頁面的原有結構在Web已不複存在；寫作者得著重於檔案以可見的方式表現出來的結構，因為它可能已具有更微妙的交流功能。

    8、Web的讀者不會去讀每一個詞，他們的閱讀方式更近似於快速閱讀而不是象讀呆板的樹式檔案那樣的逐行閱讀。通過電腦螢幕閱讀並不是件格外舒服的事情，因此讀者希望最好能儘快得到結果。

    9、在Web頁面創作中讀者實際上是一個配合者。除了要注意在任何類型的寫作中都要考慮的詞彙、語調和其他事項外，網頁作者還要意識和具體考慮到讀者的身體運動——按滑鼠鍵、滾動頁面、寫作郵件——也是交流過程的一部分。

二、頁面設計

    10、有了一個HTML編輯器和幾兆伺服器空間並不能說馬上就可以設計網頁了。在開始編寫文字、尋找映像和進行HTML標記之前應該先把基本的網頁結構組 織號。如果沒什麼要說的，就什麼也不要說。要是開始的時候在腦子裡沒有一個相當明確的結構，那幾乎肯定會以一團糟而告終。開始時謹慎一些，然後不停地學 習,不停地改進。卸載一些你喜歡的頁面，核對HTML源檔案，看它是怎樣寫的，把它全部或部分粘貼到一個實驗檔案進行檢驗。整頁地拷貝別人的東西是剽竊行 為，但是向別人學習則是研究過程。

    11、人們第一次進入你的首頁時，他們通常不是在尋找值得閱讀的地方，他們可能正在尋找可供選擇的東西，以超文本術語說即是可用滑鼠點取的詞句、映像、按 鈕等等，接下來是閱讀文字，選定一個可選項，按滑鼠鍵，下頁出現後又重複此過程。這裡的技巧是確定閱讀時按鍵的適當比率。提供的可選項要是太少，訪問者會 覺得沒意思，要是太多又會嚇倒別人。

    12、要是頁麵包含的內容資訊量大，在開始設計頁面之前就要先確定好讀者對象。對新手或新的訪問者來說用一種固定的檔案結構並在開始的時候給予說明是有意 義的。例如，關於內容的說明表格或某種類似結構。如果你要滿足知識或經驗不在同一個層次的讀者，提供限制性的線索可以讓某些讀者跳過基本內容直達目標。提 供串連時要考慮到各個層次的讀者。

    13、不要讓讀者不知所措。不必非要用聲音和映像充斥網頁，也不要把檔案做得太長以至於在裝載檔案時讓讀者等得腳後跟發涼，因此使用映像時要謹慎：大的映像顯然會降低頁面建立的速度，但許多需要順序裝載的小映像也會如此。

三、布局    

    14、別輕易讓文字置中和使用粗體或斜體字元。除了視感混亂之外，很多流覽器不能很好地顯示斜體字，也不能補償由於字母傾斜引起的空白變化。

    15、利用短的段落，加點列示，適當的整區塊引述文字，用水平線分節，用影象地圖指引主要串連，使你的頁面能吸引人和容易閱讀。

    16、不要在每一頁使用風格不同的表徵圖。

    17、不必在以頁面上填滿映像來增加視覺趣味。盡量使用彩色圓點——它們較小並能為清單項目增加色彩活力(並能用於彩色列表)。彩色分隔條也能在不擾亂頻寬的情況下增強圖形感。

    18、對用作背景的GIF要謹慎。它們可以使一個頁面看起來很有趣，甚至很專業，但是裝飾背景很容易使文字變得不可辨讀。要把背景做得好，光有顏色對比是 不夠的。背景要麼很亮(文字較暗)要麼很暗(文字較亮)。如果背景含有映像，對比要較低才不至於過於分散讀者的注意力。

    19、在 IMG 行加 ALT 標記。假設標題映像顯示為 The Offal Eaters' HomePage，你可以在括弧內加上一個 ALT 標記，ALT="The Offal Eaters' HomePage"，直接把它加在 IMG SRC=Offal.com.uk/images/gif/home-top.gif之後。這樣就會讓使用基於文本的流覽器的讀者除了看到 [IMAGE] 以外還能看到別的一些東西，使用圖形流覽器的讀者在映像未能成功載入之時也會看到一些東西，而你也能讓自己的HTML檔案相當整潔。

    20、也可以在分隔條上使用ALT標記，這樣就使得使用基於文本的流覽器的讀者能看到一些更有趣的東西，而不只是一條直線。

    21、不要把重要的內容放到頁尾——有些讀者可能不會往下看那麼遠。

    22、不要讓什麼東西看起來象是一個按鈕卻不起按鈕的作用。

四、HTML格式

    23、應避免使用交叉標記。不同的瀏覽器對交叉標記的反映會不同。

    24、使用交織 GIF 和 Jpeg 。因為交織映像是分級顯示出來的——首先以很低的解析度顯示，然後逐步提高解析度，直至最後達到正常顯示——這種方式有時候會使較大的映像看起來好象裝載 得快一些(實際上並非如此，但這是一種有益的錯覺)。這樣也便於讀者在映像裝載的過程中看到它的模樣，如果他們不喜歡或不想看的話就有機會中斷傳輸或轉向 別的地方。

    25、另一種增加可得頻寬的巧妙方法是在HTML底稿中使用 Lowsrc 命令。比如說有一張400×600像素的1600萬色掃描圖，所佔空間約為35K。使用 Paint Shop Pro 這一類的工具對原圖
重新取樣，比如說高度為100像素(也許為了達到你自己的要求你得進行調整才能找到最合適的大小，但可以從高度除以4開始)，Paint Shop Pro 會自動計算新畫面的寬度。儲存新畫面，它的大小現在應為6K或更小。然後在HTML檔案中可以這樣寫上：
<img src="bigpic.jpg" lowsrc="smallpic.jpg" width="600" height="400">
Lowsrc命令指示瀏覽器在真正的畫面載入以前先裝載低解析度的映像，這樣就讓讀者清楚將會出現什麼樣的畫面。(為確保瀏覽器能即時以合適的大小顯示映像，高度和寬度很重要)。

    26、當然，可以用 Lowsrc 提取你想要的任何映像。一條雙色的“請等待下傳”的資訊可能只佔幾百位元組，同時由於映像是存在瀏覽器的緩衝區，因此可用“請等待”資訊代替所有畫面。當映像平靜地消失於背景之中的時候，讀者可以悠閑地瀏覽你的網頁。

    27、可以在一個 HTML 元素內嵌入一個串連，如：
<H1><A HREF="Destina-tion.html">Myheading</A></H1>
但不能反其道而行之，把一個標題或其他HTML元素嵌入一個串連。下面這樣的結構是正式的 HTML 規定禁止的，並可能在大多數最新的瀏覽器下不見效果：
<A HREF="Destination.html"><H1>Myheading</H1></A>

五、長檔案    

    28、當頁面為單個長檔案時要小心。它的傳輸時間明顯要比較短的頁面的傳輸時間長，即使通訊速率為 28.8Kbps 的讀者也可能會失去耐心。閱讀大的檔案時頁面滾動也很困難。大的檔案和較慢的裝載速度可能會使人沮喪，再也不會返回到你的網點。

    29、如果你覺得檔案大小很重要，不便改變，就要考慮讀者將會怎樣使用網頁。努力確保讀者瀏覽長檔案時瀏覽器捲軸小的移動不會在頁面上產生大的跳躍。作 為一條經驗規則，按一次捲軸頁面移動的範圍要少於一頁，這樣就還看得見上一個視窗的部分內容。任何比這更大的移動都會讓人迷失方向。

    30、要不然就把一個長檔案分成幾個子檔案，在首頁給予串連。不過要記住子頁可能會成為死頁——有時候命中率要低於10%。做得聰明一點，給讀者一個很好的理由裝入子頁或給他們一個很好的理由瀏覽它。

    31、如果頁面很多，在首頁給出一個內容列表或目錄顯然是個好辦法。不要非得作成那種常規的、令人厭煩的、死板的樹形布局，把它做得有趣一些，讓讀者有理由進入串連，協助他們瞭解他們可能看不出來的內容。

    32、要是你必須把所有的內容都放在一個檔案裡面，使用一個內容列表，從表的項目可直接跳到各部分的開頭。或者做得更好，提供一個獨立的文字檔用於下傳——去掉所有的格式符——使下傳的時間減到最少。

六、串連

    33、通常的順序文本寫作與線上檔案寫作之間的一個主要區別是線上檔案的讀者可能在檔案的任何一點進入該檔案。儘管你已做了一個漂亮的首頁作為入口，其他 人可能會對你的傑作內的具體指標或子頁給出串連。向這些新的訪問者提供一些關於他們在什麼地方以及為什麼在這裡的線索是有意義的。

   34、從頭至尾都要使用互動中心圖示，尤其是要用“返回到首頁”串連。可以在每部分都做這樣做。比如在每頁的頂端(或底部)都有一小串表徵圖，第一個回到首頁，第二個回到章，第三個回到節。

    35、在頁面上應該有一些串連協助訪問者來回跳轉。總是以相同的格式把這些串連放到所有頁面上，這樣讀者就總能知道到哪兒去找到它們以及怎樣使用它們。

    36、一般來說應該使用相對串連，因為：(1) 這樣容易把一組檔案移到另一個地方(相對路徑名仍然有效)，(2) 輸入量較少。在同一頁的串連項當然應該使用相對位址，因為使用絕對位址後可能會每選擇一個串連都要把該頁重新裝載一次。

    37、串連到不直接相關的檔案時使用絕對路徑。這樣以後要是把源檔案移到另外的目錄下就不需更改串連了。

    38、確保可選擇的串連清楚直觀——用標題或明顯相關的映像來表明它有什麼內容。特別要避免“請按這裡”，任何要“按這裡”的人都會謹慎考慮，它是不是正好就在“這裡”，並且串連無誤。不要讓串連的名稱與串連的 URL 相同，這樣會使讀者要作的工作增加。

    39、Mail to 串連中應把 e-mail 地址作為串連名稱。例如，可能有一個人名和一個 e-mail 地址，人名串連到他的首頁，e-mail 地址串連到 mailto。新聞群組串連應當直接用組名。

    40、核對 href ，不要在頁內出現任何沒有出路的串連，也不要讓串連落掉。

七、通則    

    41、實際上，網頁要麼處於建設之中要麼就是死的——如果你不更新它，並且它不是純粹的曆史資料，它馬上就會變舊。“最後一次更新”記錄是一個好辦法。且不說別的，如果你的頁面變化太少，你很快就會在讀者評論中得到諷刺意見。

    42、鼓勵讀者通過填表或發郵件反饋意見。但要準備處理隨之而來的事務——要儘快地回E-mail，增加串連，修改輸入錯誤等等。給通過 E-mail 進行評論的人回感謝函。

    43、在頁內告訴讀者如果他們在自己的首頁內設定一個指向你的串連你不會介意，並表明你也同樣會設定一個指向他的首頁的串連。每個人都希望有人訪問自己的網頁，而這種相互支援會鼓勵對見解類似的網點的訪問。

    44、聯機時間是昂貴的，而訪問者的注意時間之短是眾所周知的。想辦法告訴讀者下傳要用的時間——告訴他們要出現的映像的大小或下傳一個文字檔或二進位 檔案要用多久的時間。為把聯機時間減到最少，指出你會給出FTP地點或提供到其他頁的串連，讀者會欣賞你的這種做法。

    45、利用 Digital 的優秀檢索工具 Alta Vista 找出誰已建立了指向你的Web的串連。在進階檢索方式下，輸入：
link:http://my.site.com/ANDNOTurl:http://my.site.com/
在簡單查詢中也可同樣做到，輸入：
+link:http://my.site.com/-url:http://my.site.com/

    46、Web上的大多數寫作都相當糟糕。由於多數網頁都是空話連篇，自我吹噓，編寫粗糙，編輯審核也不存在，好的寫作就很突出了。

    47、不要忘記為你的首頁加一個描述性的標題，當某個人把它儲存在自己的熱點目錄後能知道這裡是什麼內容。

八、裝置獨立

    48、HTML不包括檔案顯示時用到的字型、段落形式及空白資訊。這正是它的意義所在，無論在什麼平台上，包括文字終端，你的檔案都能成功地顯示出來。由此產生出最低命令標準。因此要瞭解不同的瀏覽器用不同的空白和字型。

    49、假設你的頁面要用某個特定的瀏覽器閱讀時要當心。要是沒有滑鼠器，讓別人“按這裡”是不會有效，如果你的讀者使用 Internet Explorer 或Spry Mosaic，Netscape2.0 的外掛程式就不會有效，除非你能保證讀者有 Netscape 或 Internet Explorer 相容的瀏覽器，否則重新調整過的映像可能會以預想不到的大小顯示出來，表格也會很難看(或根本看不見)。在少數瀏覽器上，你根本不能看Jpeg映像。

    50、不會有很多讀者不能處理16位的映像，但是要注意，如果用16位(64K色)或24位(1670萬色)的調色盤製作精巧的背景，你可能會發現使用較 老的裝置的人只能跳過去。用8位元影像看彩色背景時會降為可怕的圖形。帶視卡但 RAM 少於 2M 的 PC 是不能觀看映像的。