關於網站設計的思考[6/11]（轉）

首頁的設計
4 |, R! n% H( F' |* n6 M
! s7 ?; f# T" a, w" _' j: K1 Y    在我們全面考慮好網站的欄目，鏈接結構和整體風格之後，我們就可以正式動手製作首頁了。
) {) U1 p& l4 \8 W! Y8 H& W# p* [  R. [    有這麼一句俗語："良好的開端是成功的一半"。
    在網站設計上也是如此，首頁的設計是一個網站成功與否的關鍵。人們往往看到第一頁就已經對你的站點有一個整體的感覺。是不是能夠促使瀏覽者繼續點擊進入，是否能夠吸引瀏覽者留在站點上，全憑首頁設計的"功力"了。
* k: `. j5 v& _2 x7 S0 S    所以，首頁的設計和製作是絕對要重視和花心思的。阿捷的經驗是：一般首頁設計和製作佔整個製作時間的40%。你寧可多花些時間在早期，以免出現全部做好以後再修改，那將是最浪費精力的事。
. |+ p* O, l' m
/ `* _# M/ e: X# L6 B' F9 B　　這裡，先插一個「封面」的問題。封面是指沒有具體內容，只放一個logo點擊進入或者只有簡單的圖形菜單的首頁。
) m: [3 p" w. B. j    是否需要為站點設計一個「封面」？阿捷的個人觀點是：沒必要！
* P! i! H, ]7 q/ m6 y  J    除非你是很藝術類的站點，或者可以確信內容獨特，可以吸引瀏覽者進一步點擊進入的站點，否則的話，封面式的首頁並不會給你的站點帶來什麼好處。我們上網瀏覽需要的是快速，有價值的信息，如果等待xx分鐘，只顯示出一個粗劣的「ENTER」圖標，那麼相信沒有人會再耐心等待進入下一頁。
! \' o; L+ k+ C9 X
　　因為首頁的重要性，阿捷將著重用８篇文章來仔細討論有關首頁設計的方方面面，大致提綱如下：
. h$ n- e  E& M6 D4 i  G: B' Q
　　○版面佈局的竅門
, C1 @, s+ D& t6 L( \　　○色彩的搭配
　　○字體的設置和表格的嵌套
2 N: x7 i) k) ^2 b  d' X　　○細微之處見功力
　　○考慮不同的瀏覽器和分辨率
: g2 v, H; k* n: T( x+ {　　○設計好你的banner和位置
* t0 P4 Y# c. O, O6 h$ C　　○meta標籤的重要性
　　○首頁設計的小建議
/ s1 z! i5 {: D! R- h, ~7 e% k+ L
　　今天，只是關於首頁設計的一個引子。讓我們來大致瞭解一下首頁設計的步驟。
- z1 q8 w! L9 Z+ X/ L. z    首頁，從根本上說就是全站內容的目錄，是一個索引。但只是羅列目錄顯然是不夠的，如何設計好一個首頁呢？一般的步驟是：
3 ~7 r$ J  P- I1 i8 S0 O8 I
6 M2 @; Y5 Y4 g3 x# ]( G●確定首頁的功能模塊
●設計首頁的版面
●處理技術上的細節
　　
' w* l0 k% n. w- f　　一).確定首頁的功能模塊。
　　首頁的內容模塊是指你需要在首頁上實現的主要內容和功能。一般的站點都需要這樣一些模塊：
, c+ F9 h0 c" h3 T網站名稱(logo), 廣告條(banner), 主菜單(menu),
新聞(what's new), 搜索(search), 友情鏈接(links),
7 X) R& @* m  t7 e郵件列表(maillist),計數器(count), 版權(copyright).
　　選擇哪些模塊，實現哪些功能，是否需要添加其他模塊都是首頁設計首先需要確定的。
0 I5 k# ~3 A& p# Y; C" {　　　
　　二).設計首頁的版面
　　在功能模塊確定後，開始設計首頁的版面。就像搭積木，每個模塊是一個單位積木，如何拼搭出一座漂亮的房子，就看你的創意和想像力了。
; E9 J4 M. f0 \, N　　設計版面的最好方法是：找一張白紙，一支筆，先將你理想中的草圖勾勒出來，然後再用網頁製作軟件實現。

/ I4 ^% L6 ]: _9 M7 K" \% L　　三).處理技術上的細節　　　
6 g+ p$ y7 g' }% _+ c　　阿捷經常收到的來信問題就是：我製作的主頁如何能在不同分辨率下保持不變形，如何能在IE和NC下看起來都不至於太醜陋，如何設置字體和鏈接顏色....等等,阿捷將在下面幾篇文章裡為大家詳細介紹。

6 f- [6 y: N3 }1 t　　首頁設計是整個網舊杓頻哪訓愫凸、??⒔菹Ｍ?芄煌u?痛蠹業慕渙鰨?芙岢鲆惶捉銜?俠硪籽納杓品椒ǎ?傭?僖環慈??刮頤悄芄桓?憂崴傻耐瓿燒?穌鏡愕納杓浦譜鰲Ｈ綣?閽敢飩?愕男牡錳寤岷痛蠹曳窒恚?肜蔥臶email][email protected][/email],謝謝！

很好
5 o" ]1 Y3 M' h4 {  f% {3 Y$ z謝謝各位的幫忙呢

支持