龙论坛技术支持
Would you like to react to this message? Create an account in a few clicks or log in to continue.
关键词

最优秀的发帖人
tcw987654321 (2424)
[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Vote_lcap[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Voting_bar[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Vote_rcap 
tiger_tiger (2015)
[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Vote_lcap[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Voting_bar[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Vote_rcap 
梦随峰飘 (542)
[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Vote_lcap[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Voting_bar[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Vote_rcap 
868 (284)
[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Vote_lcap[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Voting_bar[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Vote_rcap 
mmao21 (251)
[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Vote_lcap[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Voting_bar[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Vote_rcap 
x__________________X (222)
[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Vote_lcap[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Voting_bar[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Vote_rcap 
y4341991 (101)
[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Vote_lcap[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Voting_bar[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Vote_rcap 
花生省魔术 (98)
[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Vote_lcap[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Voting_bar[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Vote_rcap 
Tiger&蘋果爸 (80)
[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Vote_lcap[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Voting_bar[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Vote_rcap 
pyy (74)
[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Vote_lcap[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Voting_bar[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Vote_rcap 

社会化书签

社会化书签 reddit      



在您的社会化书签保存并分享地址龙论坛技术支持


[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?)

向下

[轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?) Empty [轉載]網頁百戒(面對很多花巧的代碼,你應怎樣決擇?)

帖子 由 tcw987654321 周六 十月 04, 2008 9:46 am

網頁外觀篇:
不要先決定網頁的外觀,然後強迫自已去適應它,應該從你的訪客對像,你要傳達的訊息以及你的製網目標推導出一個最適合的網頁架構。

每頁排版不要太疏或用太大的字,盡量避免看你的網頁時需要作很大的捲動,要知道在一頁的上部分是顯眼而寶貴的地方,不要只放著幾個粗大的字或圖片。


切勿以 800x600 以上的解像度設計網頁。常用的解像度是 640x480 及 800x600 。明智的網頁設計者是處處照顧瀏覽者,絕不會炫耀自己有專線、有 17 吋的顯示器等。

不要於每頁插入太多的廣告牌。相信你亦不喜歡瀏覽一些貼滿廣告的網頁吧,你需要考慮到該頁內容與廣告的比例,擺放的位置亦很重要,不妨多參考別人的做法。廣告太多,只會令人煩厭。

不要每頁都採用不同的牆紙,以免每次轉頁都要花時間去下載,採用相同的底色 或牆紙還可增加網頁一致性,樹立風格。

底色或牆紙必須與文字對比強烈,易於閱讀,這并不是要求你永遠使用鮮亮的背 景配搭深色的文字,但深色背景常要求與主題配合,有較多的顧慮,若你的網頁 是文章式或包含大量文字,不妨在底色與文字的配搭上下些工夫,力求讓訪者能 舒適閱讀你的文章。
不要把圖片白色當透明,要知道別人的作業系統不一定把內定底色設為白色,解 決方法除了真的把該網頁的底色設為白色之外,最好還是以圖片編輯工具為圖片 設好透明顏色。

太長的一頁要使用內部連結,明智的網頁設計者是不會讓瀏覽者看網頁時作太大的捲動。常見的內部連結應用例子如 FAQ (常見問答)。


一般注意篇:
中文網頁只可設為 Big5 Encoding (編碼)或不指明任何 Encoding。若不指明則需 為每中文字之間留一空白,否則於 Netscape 中不會折行,以 Netscape Composer 製 作網頁尤須注意 Big5 的設定,若以其內定“ISO-8859-1”則 IE 用家只會看到大堆 亂碼。

不要每頁都加上不同的背景音樂,除非你能估計瀏覽者於該頁所逗留的時間比音 樂長,否則瀏覽者會不耐煩於音樂的下載及轉接,解決方法是使用「隱 Frame」的 方法,令幾頁或整個網站只播放一首音樂,這樣不但避免每次都要下載音樂亦不 會有斷斷續續的現象出現。

公開網頁之前,宜撿查所有檔案的權限設定,雖然很多 ISP 都為你預先設定,當 涉及寫入及執行的檔時,最好親自設定。要知道檔案權限設定的適當與否不只是 網頁能否被瀏覽的問題,還涉及安全問題。

在所見即所有的網頁編輯器中不要按太多的 Space 及 Enter 鍵,要控制文字或物件 的位置,請採用其本身的參數或配合表格、清單和預設格式標記的使用。

重視每一頁網頁,把每頁都當成首頁來製作,為各頁加上公司或個人名稱、聯絡 方法及這適當的連結,因你沒法確定每一訪客都只從首頁切入你的網站。

不要讓你的一行或一段太長,特別是文字式網頁,不妨加上顯眼的標題或適當的插圖,精彩的文章亦需要包裝,能既精彩又能留住讀者才算上乘。

不要濫用計數器,特別是你借用別人伺服器所提供的服務時。不必每頁都裝上計 數器,它不是網頁必須的元件。

公開網頁之前宜先檢查所有連結是否正常,若數量很多,可利用 Cycrital Site Updater 或 Homesite 等幫檢查,很快便會有結果。

若以文書處理的軟件建立 HTML 網頁,切記要另存新檔成 ASCII 格式,這樣寫網 頁的人不多,相信應轉用 HotDog 或 Homesite 吧。

若提供任何檔案下載,請列明檔案下小,若真的很小,則不必,通常訪客需要估計下載時間。你也不希望在下載時才知道檔案的下小吧。

不要使用新細明及標楷體以外的中文字型,要知道只有很少的訪者裝有額外字型,雖然瀏覽器會以新細明來代替作業系統沒有有中文字型,但網頁的版面會因字、畫移位而變得醜陋。

不必要求別人 Bookmark 你的網頁,正如要求別人按你的 Banner 一樣,是不明智 的做法,每個人都有發自內心的反叛心理,你可能因此而適得其反,況且你的網頁寫得好,別人也會主動 Bookmark,只要留下一個小小而方便的javascript在旁邊則可,何必如此庸俗。

不要自覺或不自覺地把網頁製成 NC only , IE Only 或 “最好使用 IE”等類型, 和解像度一樣,不必注明“800x600”,永遠都是你照顧瀏覽者,并不是瀏覽者去 遷就你,適當時可使用 JavaScript 或 CGI 自動引導瀏覽者到適當版本的網頁。


標記運用篇:
小心使用框架(Frame)。框架易學難精,它雖有快速、漂亮和方便更新等優點, 但稍有不慎會適得其反,切勿勉強使用,由於 IE 及 NC 對框架屬性定義有所差 異,公開網頁前宜作多方面測試,可能你的框架於 IE 顯示下是漂亮的一頁,但於 NC 可能是最醜陋的。

背景音樂盡量同時使用 bgsound 及 embed 兩種標記,照顧舊版的瀏覽器,或可使 用 JavaScript 分辨瀏覽器以印出適當的媒體標記。

應用框架 Frame 時要加入不支援的提示以提醒舊版的瀏覽器的用家,亦可以是藏著一沒有框架的版本或一個連到另一版本的連結,這樣不但照顧到舊版的瀏覽器,亦有利於登一些尋找引擎。

同一頁中不要使用太多的 HR 標記,即水平分隔線,否則你的網頁看起來會支離 破碎,要達到文件清晰或主次分明,可改變字體的大小、顏色或底色。或採用清單標記,不一定要使用水平線。

不要使用“點選這裏”“Click Here”之類的字眼當作連結,否則不能引起注意,或很大可能被認為是廣告,正確的做法如:“請到 Microsoft 網站看看 Windows 98 的介紹吧”。

不要勉強使用閃爍文字,指 Blink 標記,不必說它的被支援問題,這類的閃爍常為 瀏覽者帶來緊張和不安,要知道製作網頁的首要條件便是要讓訪客看得舒適,不要因小失大。

使用 ImageMap 時,不要讓關鍵區域太近或重疊,不要讓你的訪客猜測關鍵區域, 如果圖片示意不夠清楚可加些文字說明,按鍵的作用只是用以打開另一文件,只 要能做到清楚及顯眼便足夠。

編輯完 ImageMap 後不要更動原來圖片檔案,否則它的測關鍵區域會因相對座標值 的更變而失準。

在表單中使用 Action=mailto 時,要提醒使用者不要期待立即的回應,否則你的訪者便「痴痴地等」或多按幾次“Submit”,最好還是使用 CGI 吧。

不要讓你的表單太長或超過兩頁,除非訪者非填不可,否則他們會不耐煩,在網上要訪者主動填寫你的表單并不容易,所以花多些心思在表單的設計上是應該 的。

使用 <PRE> 標記時,其內的文字不要太長,因為瀏覽者可能使用低解像的作業環境,但該文字卻不會折行以適應瀏覽器視窗。

不要在說明標記 <!-- 說明 --> 中加入其它標記或連結,因為有小數瀏覽會把它解讀 出來。適當運用說明標記,對較大型的網頁是很重要的。*還有一個作用,就是讓你的代碼清晰的分開

不要依賴 <TABLE> 標記中的參數 align="CENTER" 將表格置於中間,因為頗多瀏覽器并不支援,你還是需要不厭其煩地加上 <CENTER> 標記。

網頁的版權聲明有三種顯示方法,第一是當作一般文字顯示於瀏覽畫面,第二是 利用說明標記 <!-- Copyright -->,第三是利用 <META> 標記。

登錄網頁於 META Search Engine 時,先以 <META> 標記於 <HEAD> 位置加上介紹 及關鍵字,這些資料會為尋找引擎所記錄,亦是搜者索所看到的結果。

避免標記交錯使用,如:
對: <B><I>HKIWC</I></B>
錯: <B><I>HKIWC</B></I>
并不是所有瀏覽器都如 IE 一樣,善於處理交錯及欠缺標記。


製作表單時必須分別以 NC 及 IE 作測試。對 NC 而言,表單各元件如文字盒、捲動選單等的高度及其內的文字皆受 <FONT> 一類的字形標記所影響,尤其是 Character Set,若設為 Big5 的話更要注意 NC 及 IE 對各表單元件的大小有不同的顯示效果。


進階技巧篇:
安裝別人的 CGI 程式要事先檢查,尤其閣下是伺服器管理者,於網上含惡意破壞 的 CGI 程式是存在的,若你不熟悉 CGI,可嘗試檢查是否含有 cd/;/bin/rm-rf*。這 兩指令的合併亦是“病毒”的一類了。基本上,只到一些出名的 CGI 網頁下載是 不會有問題的。

不要濫用 Java Applet。由於 Java Applet 先天性慢速,避免在同一頁中使用太多或 太大的 Java Applet,尤其是裝飾用的,簡單的動畫可採用 Animating Gif,而 Counter 則採用 CGI,一個需 30 秒去下載的水中倒影不見到比一編精彩的短文來得吸引。

沒有特別的需要不要採用一些額外的 Plug-in 來製作網頁,如 Shockwave, RealPlayer 等,就算你提供下載該 Plug-in 的連結,瀏覽者示未必有興趣,你會因此而失去一批訪客。每使用一些支援性不高的技巧都要三思,個人網頁還可,公司網頁相信不會冒險吧。

不必告訴瀏覽者其所用的瀏覽器版本及作業系統。君不見很多人利用 JavaScript 在首頁顯示這些資料,這是亳無意義而且浪費了首頁那寶貴的空間,你大可裝上一 個訪客分析的 CGI 程式,暗地裏記下各項瀏覽者資料作統計用,這才是正確的做法。

沒有必要勿要求瀏覽者輸入姓名才能進入網頁,這指的不是以密碼保護的那種,而是以 JavaScript 寫成,取得你的性名以作稱呼用的那種,訪客的瀏覽意慾會因此而減卻。

不要用 JavaScript 產生太多的 Pop-up 畫面,尤其是使用一些如 Geocities 之類的免費空間,它本身己有一個 Pop-up Banner,若多於一個 Pop-up,瀏覽者通常會感到 煩厭。

不要以二進位格式來傳送 CGI 程式,否則會多出許多原本沒有的空白行,這些空白會造成錯誤的標頭。當然亦不要用 ASCII 格式來傳送圖片檔案。

利用 CGI 處理中文資料或於其 Source Code 中加入中文字時,要注意一些含有 perl 特殊符號的的中文字,於 Debug 時可多一重考慮,例如:育、會、例、徑、舉等 等含有符號“|”,這常由作資料庫的分隔符號。

使用 Shockwave 時,為支援沒有安裝此 Plug-in 的使用者,可使用 <NOEMBED> 標 記,於其間夾著 <IMG> 標記放著同大小的後備圖片,當 Shockwave 不被顯示時便 會以此圖片代替,免得其它字、畫走了位。

加入 Java Applet 時可在 <Applet> .... </Applet> 標記之間加入一些提示字句,照顧那 些不能看 Java 的使用者。

不要依賴 Java 來處理網頁的重要資訊或連結,除非你確定大多數訪客都是使用具 Java 能力的劉覽器。事實上 Java 用於顯示按鍵或訊息實是大才小用,亦是不得其 所。

不要採用 JavaScript 的入網及離網事件,那警告視窗不但令人煩厭,其突然而來的 音效亦挺唬人的,可能你的 Window 沒設定音效或沒開著 Speaker 吧。若真的需 要,可以利用自動轉頁,大方得體。

不要在 CGI output 部分使用像 $, &, @ 之類的特殊符號,若真的需要,不防於其前 加上符號 \。當然要善用 CGI Debug 了。


網頁道德篇:
不要將別人的網頁變成你的框架中的一個框窗,這樣不但會為瀏覽者帶來不便, 令你的網頁更醜陋,而且你亦侵犯了別人的版權,解決及預防的方法是採用連結 的 target 參數,如 target="_top" 或 target="new" 等。若重視訪者的感受請從每一細節做起。

不要抄襲別人的創作。網絡上所有資訊均是公開的,但都是有版權的,若有意引用某人的作品,不妨以郵件詢問,徵得同意才進行,這是簡單又正當的做法。特 別是當你利用離線瀏覽器下載別人的網頁或取得別人的程式時,切不可把它當成自己的網頁或程式放到網上。

不要將別人正在使用的尋找器、表單及計數器等放到自已的網頁中,這樣做不但 擾亂其正常運作、增加該伺服器的負荷,除非該主人有明示可以連到他的 cgi-bin 或 JavaClass。

不要利用網頁散播謠言,中傷他人,網絡雖難管制,但本對道德良心,請潔身自 愛。維持良好的網絡環境,每個人都有責任。

引用 Newsgroup、BBS、或其他非電子傳媒的文章,切記注明原作者名稱及文章來源,若引用別人的網頁更要通知網主。


內容指南篇:
不要使用口語化、香港化或台灣化的中文,網絡上口語化的中文和污言穢語是一 樣的,請不要為所屬的文化添上污點,不要誤以為來自世界各地的瀏覽者都能忍 受所謂親切的口語,反映個人品格修養不只在於網頁的整體設計,你的文字表達 才是最直接的因素。

不要製作一些無聊或言之而無物的網站,網上已充斥著這類網頁,若你不潔身自 愛亦加入的話,實屬不智。可嘗試製作有意義的網頁,如個人介紹、收藏和明星 網頁等等,對於初學者,網頁的主題、題材是最大的困惑,不妨多些留意別人的 網頁規劃及內容。

網頁成功的首要條件便是主題清晰。你寫慣了個人網頁吧,譬如叫“Chris's Place”吧,你的內容可能很雜,這無可厚非,只是這類網頁於訪者心中定位不 高,學著專業些或專一些吧,與其把一些亳無關係的內容放在一起,不如寫多一 個網頁。

以上資料,經過tcw987654321作出一定補充,而比較重要的,以粗體顯示
tcw987654321
tcw987654321
版主
版主

男 帖子数 : 2424
年龄 : 31
城市 : 中華人民共和國香港特別行政區
职业/爱好 : 初中学生/读书,上网,MSN
注册日期 : 07-12-27

http://supporting.longluntan.info

返回页首 向下

返回页首


 
您在这个论坛的权限:
不能在这个论坛回复主题