建站常識
網(wǎng)頁制作需要注意的問題集錦
2006-01-07 23:00:00
1 不要先決定網(wǎng)頁的外觀,然后強迫自已去適應它,應該從你的訪客對像,你要傳 達的訊息以及你的制網(wǎng)目標推導出一個最適合的網(wǎng)頁架構。
2 每頁排版不要太疏或用太大的字,盡量避免看你的網(wǎng)頁時需要作很大的卷動,要 知道在一頁的上部分是顯眼而寶貴的地方,不要只放著幾個粗大的字或圖片。
3 最好不要用 800x600 以上的分辨率設計網(wǎng)頁。常用的分辨率是 640x480 及 800x600 。 明智的網(wǎng)頁設計者是處處照顧瀏覽者,絕不會炫耀自己有專線、有17 寸的顯示器等。
4 不要于每頁插入太多的廣告牌。相信你亦不喜歡瀏覽一些貼滿廣告的網(wǎng)頁吧,你要考慮到該頁內容與廣告的比例,擺放的位置亦很重要,不妨多參考別人的做法。廣告太多,只會令人煩厭。
5 不要每頁都采用不同的背景圖片,以免每次轉頁都要花時間去下載,采用相同的底色或背景圖片還可增加網(wǎng)頁一致性,樹立風格。
6 底色或背景圖片必須與文字對比強烈,易于閱讀,這并不是要求你永遠使用鮮亮的背景配搭深色的文字,但深色背景常要求與主題配合,有較多的顧慮,若你的網(wǎng)頁 是文章式或包含大量文字,不妨在底色與文字的配搭上下些工夫,力求讓訪者能舒適閱讀你的文章。
7 不要把圖片白色當透明,要知道別人的作業(yè)系統(tǒng)不一定把內定底色設為白色,解 決方法除了真的把該網(wǎng)頁的底色設為白色之外,最好還是以圖片編輯工具為圖片設好透明顏色。
8 太長的一頁要使用內部連結,明智的網(wǎng)頁設計者是不會讓瀏覽者看網(wǎng)頁時作太大 的卷動。常見的內部連結應用例子如 FAQ (常見問答)。
二.標記運用
小心使用框架(Frame)。框架易學難精,它雖有快速、漂亮和方便更新等優(yōu)點, 但稍有不慎會適得其反,切勿勉強使用,由于 IE 及 NC 對框架屬性定義有所差異,公開網(wǎng)頁前宜作多方面測試,可能你的框架于 IE 顯示下是漂亮的一頁,但于 NC 可能是最丑陋的。
背景音樂盡量同時使用 bgsound 及 embed 兩種標記,照顧舊版的瀏覽器,或可使 用 JavaScript 分辨瀏覽器以印出適當?shù)拿襟w標記。
應用框架 Frame 時要加入不支持的提示以提醒舊版的瀏覽器的用戶,亦可以是藏著一沒有框架的版本或一個連到另一版本的連結,這樣不但照顧到舊版的瀏覽器,亦有利于登一些尋找引擎。
同一頁中不要使用太多的 HR 標記,即水平分隔線,否則你的網(wǎng)頁看起來會支離破碎,要達到文件清晰或主次分明,可改變字體的大小、顏色或底色?;虿捎们鍐螛擞?,不一定要使用水平線。
不要使用“點選這里”“Click Here”之類的字眼當作連結,正確的做法如:“請 到 Microsoft 網(wǎng)站看看 Windows 98 的介紹吧”。
不要勉強使用閃爍文字,指 Blink 標記,不必說它的被支持問題,這類的閃爍常為瀏覽者帶來緊張和不安,要知道制作網(wǎng)頁的首要條件便是要讓訪客看得舒適,不要因小失大。
使用 ImageMap 時,不要讓關鍵區(qū)域太近或重疊,不要讓你的訪客猜測關鍵區(qū)域, 如果圖片示意不夠清楚可加些文字說明,按鍵的作用只是用以打開另一文件,只要能做到清楚及顯眼便足夠。
編輯完 ImageMap 后不要更動原來圖片檔案,否則它的關鍵區(qū)域會因相對座標值的更變而失準。
在表單中使用 Action=mailto 時,要提醒使用者不要期待立即的回應,否則你的訪問者便「癡癡地等」或多按幾次“Submit”,最好還是使用 CGI 吧。
不要讓你的表單太長或超過兩頁,除非訪者非填不可,否則他們會不耐煩,在網(wǎng)上要訪者主動填寫你的表單并不容易,所以花多些心思在表單的設計上是應該的。
使用 <PRE> 標記時,其內的文字不要太長,因為瀏覽者可能使用低解像的作業(yè)環(huán)境,但該文字卻不會換行以適應瀏覽器視窗。
不要在說明標記 <!-- 說明 --> 中加入其它標記或連結,因為有小數(shù)瀏覽會把它解讀出來。適當運用說明標記,對較大型的網(wǎng)頁是很重要的。
不要依賴 <TABLE> 標記中的參數(shù) align="CENTER" 將表格置于中間,因為很多瀏覽器并不支持,你還是需要不厭其煩地加上 <CENTER> 標記。
網(wǎng)頁的版權聲明有三種顯示方法,第一是當作一般文字顯示于瀏覽畫面,第二是利用說明標記 <!-- Copyright -->,第三是利用 <META> 標記。
登錄網(wǎng)頁于 META Search Engine 時,先以 <META> 標記于 <HEAD> 位置加上介紹及關鍵字,這些資料會為搜索引擎所記錄,亦是搜索者所看到的結果。
避免標記交錯使用,如:
對: <B><I>HKIWC</I></B>
錯: <B><I>HKIWC</B></I>
并不是所有瀏覽器都如 IE 一樣,善于處理交錯及欠缺標記。
制作表單時必須分別以 NC 及 IE 作測試。對 NC 而言,表單各元件如文字框、卷動選單等的高度及其內的文字皆受 <FONT> 一類的字形標記所影響,尤其是 Character Set,若設為 GB 2312 的話更要注意 NC 及 IE 對各表單元件的大小有不同的顯示效果。
三. 進階技巧
安裝別人的 CGI 程式要事先檢查,網(wǎng)上含惡意破壞 的 CGI 程式是存在的,若你不熟悉 CGI,可嘗試檢查是否含有 cd/;/bin/rm-rf*。這兩指令的合并亦是“病毒”的一類了。基本上,只到一些出名的 CGI 網(wǎng)頁下載是不會有問題的。
不要濫用 Java Applet。由于 Java Applet 先天性慢速,避免在同一頁中使用太多或太大的 Java Applet,尤其是裝飾用的,簡單的動畫可采用 Animating Gif,而 Counter 則采用 CGI,一個需30 秒去下載的水中倒影不見到比一篇精彩的短文來得吸引。
沒有特別的需要不要采用一些額外的 Plug-in 來制作網(wǎng)頁,如 Shockwave, RealPlayer 等,就算你提供下載該 Plug-in 的連結,瀏覽者示未必有興趣,你會因此而失去一批訪客。每使用一些支持性不高的技巧都要三思,個人網(wǎng)頁還可,公司網(wǎng)頁相信不會冒險吧。
不必告訴瀏覽者其所用的瀏覽器版本及作業(yè)系統(tǒng)。君不見很多人利用 JavaScript 在 首頁顯示這些資料,這是亳無意義而且浪費了首頁那寶貴的空間,你大可裝上一個訪客分析的 CGI 程式,暗地記下各項瀏覽者資料作統(tǒng)計用,這才是正確的做法。
沒有必要勿要求瀏覽者輸入姓名才能進入網(wǎng)頁,這指的不是以密碼保護的那種, 而是以 JavaScript 寫成,取得你的性名以作稱呼用的那種,訪客的瀏覽意欲會因此而減卻。
不要用 JavaScript 產(chǎn)生太多的 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 來處理網(wǎng)頁的重要資訊或連結,除非你確定大多數(shù)訪客都是使用具 Java 能力的瀏覽器。事實上 Java 用于顯示按鍵或訊息實是大才小用,亦是不得其所。
不要采用 JavaScript 的入網(wǎng)及離網(wǎng)事件,那警告視窗不但令人煩厭,其突然而來的音效亦挺唬人的,可能你的 Window 沒設定音效或沒開著 Speaker 吧。若真的需要,可以利用自動轉頁,大方得體。
不要在 CGI output 部分使用像 $, &, @ 之類的特殊符號,若真的需要,不防于其前加上符號 \。當然要善用 CGI Debug 了。
四. 網(wǎng)頁道德
不要將別人的網(wǎng)頁變成你的框架中的一個框窗,這樣不但會為瀏覽者帶來不便, 令你的網(wǎng)頁更丑陋,而且你亦侵犯了別人的版權,解決及預防的方法是采用連結 的 target 參數(shù),如 target="_top" 或 target="new" 等。若重視訪者的感受請從每一細節(jié)做起。
不要抄襲別人的創(chuàng)作。網(wǎng)絡上所有資訊均是公開的,但都是有版權的,若有意引用某人的作品,不妨以郵件詢問,征得同意才進行,這是簡單又正當?shù)淖龇?。特別是當你利用離線瀏覽器下載別人的網(wǎng)頁或取得別人的程序時,切不可把它當成自己的網(wǎng)頁或程序放到網(wǎng)上。
不要將別人正在使用的搜索器、表單及計數(shù)器等放到自已的網(wǎng)頁中,這樣做不但擾亂其正常運作、增加該伺服器的負荷,除非該主人有明示可以連到他的 cgi-bin 或 JavaClass。
不要利用網(wǎng)頁散播謠言,中傷他人,網(wǎng)絡雖難管制,但本對道德良心,請潔身自愛。維持良好的網(wǎng)絡環(huán)境,每個人都有責任。
引用 Newsgroup、BBS、或其他非電子傳媒的文章,切記注明原作者名稱及文章來源,若引用別人的網(wǎng)頁更要通知作者。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設計的五大特點
- [2023-04-27 14:05:55] Html 5 響應式網(wǎng)站設計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設計應該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應該有哪些板塊內容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設為什么要設置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應該如何選擇一家水平高的網(wǎng)站建設公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設計都有哪些新的趨勢?
延伸閱讀
- [2009-11-13 14:29:00] 如何設計網(wǎng)頁橫幅
- [2008-01-02 10:16:00] 設計師的溝通方法-你是否正在被邊緣化后記(一
- [2012-08-13 17:08:13] 專題類網(wǎng)頁的設計與制作
- [2015-10-12 10:47:39] 水平滾動網(wǎng)站的創(chuàng)新設計
- [2009-09-23 10:06:00] 用戶分類淺談
- [2010-03-03 21:52:00] 閑言碎語:用戶體驗的時機
- [2009-11-18 22:33:00] 閑言碎語:設計提案的要點
- [2009-06-02 12:10:00] 回顧35com官網(wǎng)改版歷程系列之一
- [2009-12-10 08:38:00] 細節(jié)決定成敗與web用戶體驗設計
- [2006-10-08 15:00:00] 論中英文網(wǎng)站的設計差異
- [2010-09-14 08:19:00] 淺談按鈕分組和位置
- [2010-05-17 17:12:00] 表格可讀性提升分析
解決方案
輪胎行業(yè)網(wǎng)站設計解決方案 機械行業(yè)網(wǎng)站設計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設計解決方案 科技企業(yè)網(wǎng)站設計解決方案 電子家電網(wǎng)站設計解決方案 食品行業(yè)網(wǎng)站設計解決方案 集團公司網(wǎng)站設計解決方案 企事業(yè)單位網(wǎng)站設計解決方案 外貿行業(yè)網(wǎng)站設計解決方案 健身運動網(wǎng)站設計解決方案 美容與化妝品網(wǎng)站設計解決方案 建筑設計行業(yè)網(wǎng)站設計解決方案 物流行業(yè)網(wǎng)站設計解決方案
TAGS關鍵字
企業(yè)網(wǎng)站設計 搜索引擎蜘蛛 交互設計 網(wǎng)站SEO 網(wǎng)站品牌 青島網(wǎng)站建設公司哪家好 扁平化設計 網(wǎng)頁設計 網(wǎng)站優(yōu)化 青島flash網(wǎng)站 青島輪胎網(wǎng)站設計公司 HTML5 SEO 網(wǎng)站建設,手機網(wǎng)站 集團性網(wǎng)站 網(wǎng)站建設的步驟有哪些 青島高端網(wǎng)站建設公司哪家好 營銷策略 網(wǎng)站建設,企業(yè)網(wǎng)站建設 H5 官網(wǎng)網(wǎng)站建設 營銷型網(wǎng)站 膠南網(wǎng)站建設公司 網(wǎng)站設計趨勢 青島網(wǎng)站制作 外貿網(wǎng)站設計 微官網(wǎng)帶來的好處 圖形網(wǎng)格 企業(yè)網(wǎng)站 空白和簡潔的設計