?? 網頁設計師必讀.txt
字號:
網頁設計師必讀
1、不要先決定網頁的外觀，然后強迫自已去適應它，應該從你的訪客對像，你要傳達的訊息以及你的制網目標推導出一個最適合的網頁架構。
2、每頁排版不要太疏或用太大的字，盡量避免看你的網頁時需要作很大的卷動，要知道在一頁的上部分是顯眼而寶貴的地方，不要只放著幾個粗大的字或圖片。
3、最好不要用800x600以上的分辨率設計網頁。常用的分辨率是640x480及800x600。明智的網頁設計者是處處照顧瀏覽者，絕不會炫耀自己有專線、有17寸的顯示器等。
4、不要于每頁插入太多的廣告牌。相信你亦不喜歡瀏覽一些貼滿廣告的網頁吧，你要考慮到該頁內容與廣告的比例，擺放的位置亦很重要，不妨多參考別人的做法。廣告太多，只會令人煩厭。
5、不要每頁都采用不同的背景圖片，以免每次轉頁都要花時間去下載，采用相同的底色或背景圖片還可增加網頁一致性，樹立風格。
6、底色或背景圖片必須要與文字對比強烈，易于閱讀，這并不是要求你永遠使用鮮亮的背景配搭深色的文字，但深色背景常要求與主題配合有較多的顧慮，若你的網頁是文章式或包含大量文字，不妨在底色與文字的配搭上下些工夫，力求讓訪者能舒適閱讀你的文章。
7、不要把圖片白色當透明，要知道別人的作業系統不一定把內定底色設為白色，解決方法除了真的把該網頁的底色設為白色之外，最好還是以圖片編輯工具為圖片設好透明顏色。
8、太長的一頁要使用內部連結，明智的網頁設計者是不會讓瀏覽者看網頁時作太大的卷動。常見的內部連結應用例子如FAQ（常見問答）。
9、中文網頁只可設為GB2312 Encoding（編碼）或不指明任何Encoding。若不指明則為每中文字之間留一空白，否則于Netscape中不會換行，以Netscape Composer制作網頁尤須注意GB2312 的設定，若以其內定“ISO-8859-1”則IE用家只會看到大堆亂碼。
10、不要每頁都加上不同的背景音樂，除非你能估計瀏覽者于該頁所逗留的時間比音樂長，否則瀏覽者會不耐煩于音樂的下載及轉接，解決方法是使用「隱含Frame」的方法，令幾頁或整個網站只播放一首音樂，這樣不但避免每次都要下載音樂亦不會有斷斷續續的現象出現。
11、發布網頁之前，宜撿查所有文件的權限設定，雖然很多ISP都為你預先設定，當涉及寫入及執行的文件時，最好親自設定。要知道文件權限設定的適當與否不只是網頁能否被瀏覽的問題，還涉及安全問題。
12、在所見即所有的網頁編輯器中不要按太多的Space及Enter鍵，要控制文字或物件的位置，請采用其本身的參數或配合表格、清單和預設格式標記的使用。
13、要重視每一頁網頁，把每頁都當成首頁來制作，為各頁加上公司或個人名稱、聯絡方法及這適當的連結，因你沒法確定每一訪客都只從首頁切入你的網站。
14、不要讓你的一行或一段太長，特別是文字式網頁，不妨加上顯眼的標題或適當的插圖，精彩的文章亦要包裝，能既精彩又能留住讀者才算上乘。
15、不要濫用計數器，特別是你借用別人伺服器所提供的服務時。不必每頁都裝上計數器，它不是網頁必須的元素。
16、發布網頁之前宜先檢查所有連結是否正常，若數量很多，可利用Cycrital Site Updater或Homesite等幫檢查，很快便會有結果。
17、若以文書處理的軟件建立HTML網頁，切記要另存新檔成ASCII 格式，這樣寫網頁的人不多。
18、若提供任何文件下載，請列明文件下小，若真的很小，則不必，通常訪客需要估計下載時間。你也不希望在下載時才知道文件的下小吧。
19、不要使用新細明及標楷體以外的中文字型，要知道只有很少的訪者裝有額外字型，雖然瀏覽器會以新細明來代替作業系統沒有有中文字型，但網頁的版面會因字、畫移位而變得丑陋。
20、不必要求別人Bookmark你的網頁，正如要求別人按你的Banner一樣，是不明智的做法，每個人都有發自內心的反叛心理，你可能因此而適得其反，況且你的網頁寫得好，別人也會主動Bookmark，何必要如此庸俗。
21、不要自覺或不自覺地把網頁制成NC only ，IE Only 或“最好使用 IE”等類型， 和分辨率一樣，不必注明“800x600”，永遠都是你照顧瀏覽者，并不是瀏覽者去遷就你，適當時可使用javascript或CGI自動引導瀏覽者到適當版本的網頁。
22、小心使用框架（Frame）?？蚣芤讓W難精，它雖有快速、漂亮和方便更新等優點， 但稍有不慎會適得其反，切勿勉強使用，由于IE及NC對框架屬性定義有所差異，公開網頁前宜作多方面測試，可能你的框架于IE顯示下是漂亮的一頁，但于NC可能是最丑陋的。
23、背景音樂盡量同時使用Bgsound及Embed兩種標記，照顧舊版的瀏覽器，或可使用javascript 分辨瀏覽器以印出適當的媒體標記。
24、應用框架Frame 時要加入不支持的提示以提醒舊版的瀏覽器的用戶，亦可以是藏著一沒有框架的版本或一個連到另一版本的連結，這樣不但照顧到舊版的瀏覽器，亦有利于登一些尋找引擎。
25、同一頁中不要使用太多的 HR 標記，即水平分隔線，否則你的網頁看起來會支離破碎，要達到文件清晰或主次分明，可改變字體的大小、顏色或底色。或采用清單標記，不一定要使用水平線。
26、不要使用“點選這里”“Click Here”之類的字眼當作連結，正確的做法如：“請 到Microsoft網站看看Windows 98的介紹吧”。
27、不要勉強使用閃爍文字，指Blink標記，不必說它的被支持問題，這類的閃爍常為瀏覽者帶來緊張和不安，要知道制作網頁的首要條件便是要讓訪客看得舒適，不要因小失大。
28、使用ImageMap時，不要讓關鍵區域太近或重疊，不要讓你的訪客猜測關鍵區域， 如果圖片示意不夠清楚可加些文字說明，按鍵的作用只是用以打開另一文件，只要能做到清楚及顯眼便足夠。
29、編輯完ImageMap 后不要更動原來圖片檔案，否則它的關鍵區域會因相對座標值的更變而失準。
30、在表單中使用Action=mailto 時，要提醒使用者不要期待立即的回應，否則你的訪問者便「癡癡地等」或多按幾次“Submit”，最好還是使用CGI 吧。
31、不要讓你的表單太長或超過兩頁，除非訪者非填不可，否則他們會不耐煩，在網上要訪者主動填寫你的表單并不容易，所以花多些心思在表單的設計上是應該的。
32、使用<PRE>標記時，其內的文字不要太長，因為瀏覽者可能使用低解像的作業環境，但該文字卻不會換行以適應瀏覽器視窗。
33、不要在說明標記<!--說明-->中加入其它標記或連結，因為有小數瀏覽會把它解讀出來。適當運用說明標記，對較大型的網頁是很重要的。
34、不要依賴<TABLE>標記中的參數align="CENTER" 將表格置于中間，因為很多瀏覽器并不支持，你還是需要不厭其煩地加上<CENTER>標記。
35、關于網頁的版權聲明一般有三種顯示方法，第一是當作一般文字顯示于瀏覽畫面，第二是利用說明標記<!-- Copyright -->，第三是利用<META>標記。
36、登錄網頁于META Search Engine 時，先以<META>標記于<HEAD>位置加上介紹及關鍵字，這些資料會為搜索引擎所記錄，亦是搜索者所看到的結果。
37、避免標記交錯使用，如：對：<B><I>greenzone</I></B> | 錯：<B><I>greenzone</B></I>并不是所有瀏覽器都如IE一樣，善于處理交錯及欠缺標記。
38、制作表單時必須分別以NC及IE作測試。對NC而言，表單各元件如文字框、卷動選單等的高度及其內的文字皆受<FONT>一類的字形標記所影響，尤其是CharacterSet，若設為GB2312的話更要注意NC及IE對各表單元件的大小有不同的顯示效果。
39、安裝別人的CGI 程式要事先檢查，網上含惡意破壞的CGI 程式是存在的，若你不熟悉CGI，可嘗試檢查是否含有cd/;/bin/rm-rf*。這兩指令的合并亦是“病毒”的一類了?；旧?，只到一些出名的CGI 網頁下載是不會有問題的。
40、不要濫用Java Applet。由于Java Applet 先天性慢速，避免在同一頁中使用太多或太大的JavaApplet，尤其是裝飾用的，簡單的動畫可采用Animating Gif，而Counter 則采用CGI，一個需30秒去下載的水中倒影不見到比一篇精彩的短文來得吸引。
41、沒有特別的需要不要采用一些額外的Plug-in來制作網頁，如Shockwave，RealPlayer 等，就算你提供下載該Plug-in的連結，瀏覽者示未必有興趣，你會因此而失去一批訪客。每使用一些支持性不高的技巧都要三思，個人網頁還可，公司網頁相信不會冒險吧。
42、不必告訴瀏覽者其所用的瀏覽器版本及作業系統。很多人利用javascript 在首頁顯示這些資料，這是亳無意義而且浪費了首頁那寶貴的空間，你大可裝上一個訪客分析的CGI 程式，暗地記下各項瀏覽者資料作統計用，這才是正確的做法。
43、沒有必要勿要求瀏覽者輸入姓名才能進入網頁，這指的不是以密碼保護的那種， 而是以javascript 寫成，取得你的性名以作稱呼用的那種，訪客的瀏覽意欲會因此而減卻。
44、不要用javascript 產生太多的Pop-up 畫面，尤其是使用一些如Geocities 之類的免費空間，它本身己有一個Pop-up Banner，若多于一個Pop-up，瀏覽者通常會感到煩厭。
45、不要以二進位的格式來傳送CGI 程式，否則會多出許多原本沒有的空白行，這些空白會造成錯誤的標頭。當然亦不要用ASCII 格式來傳送圖片檔案。
46、利用CGI 處理中文資料或于其Source Code中加入中文字時，要注意一些含有perl 特殊符號的的中文字，于Debug 時可多一重考慮，。
47、如果要使用Shockwave時，為支持沒有安裝此Plug-in的使用者，可使用<NOEMBED>標記，于其間夾著<IMG>標記放著同大小的后備圖片，當Shockwave不被顯示時便會以此圖片代替，免得其它字、畫走了位。
48、加入Java Applet 時可在<Applet> .... </Applet>標記之間加入一些提示字句，照顧那些不能看Java的使用者。
49、不要依賴Java來處理網頁的重要資訊或連結，除非你確定大多數訪客都是使用具Java 能力的瀏覽器。事實上Java用于顯示按鍵或訊息實是大才小用，亦是不得其所。
50、不要采用javascript 的入網及離網事件，那警告視窗不但令人煩厭，其突然而來的音效亦挺唬人的，可能你的Window沒設定音效或沒開著Speaker吧。若真的需要，可以利用自動轉頁，大方得體。
51、不要在CGI output 部分使用像 $, &, @ 之類的特殊符號，若真的需要，不防于其前加上符號 \。當然要善用CGI Debug 了。
52、不要將別人的網頁變成你的框架中的一個框窗，這樣做不但會為瀏覽者帶來不便，且令你的網頁更丑陋，而且你亦侵犯了別人的版權，解決及預防的方法是采用連結的target 參數，如target="_top" 或target="new" 等。若重視訪者的感受請從每一細節做起。
53、不要抄襲別人的創作。網絡上所有資訊均是公開的，但都是有版權的，若有意引用某人的作品，不妨以郵件詢問，征得同意才進行，這是簡單又正當的做法。特別是當你利用離線瀏覽器下載別人的網頁或取得別人的程序時，切不可把它當成自己的網頁或程序放到網上。
54、不要將別人正在使用的搜索器、表單及計數器等放到自已的網頁中，這樣做不但擾亂其正常運作、增加該伺服器的負荷，除非該主人有明示可以連到他的cgi-bin或JavaClass。
55、不要利用網頁散播謠言，中傷他人，網絡雖難管制，但本對道德良心，請潔身自愛。維持良好的網絡環境，每個人都有責任。
56、引用Newsgroup、BBS、或其他非電子傳媒的文章，切記注明原作者名稱及文章來源，若引用別人的網頁更要通知作者。
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -