4網頁設計時應注意什麼問題

1、網頁設計應該注意什麼 兼容性重要嗎？

網頁設計與製作注意事項
當你在INTERNET這個信息的海洋中盡情遨遊時，會發現許許多多內容豐富、創意新穎、設計獨特的個人網頁，不知道你見到這樣漂亮可人的網頁是否有點心動。一旦你具備了上網的條件，又萌發了製作主頁的念頭，那麼就應該注意網頁設計時應考慮哪些方面的問題，包括網站功能和以及訪問者需要什麼。你的整個設計都應該圍繞這些方面來進行。下面筆者就自己在實踐操作中的使用體會來談談網頁設計時應該考慮哪些問題，希望能給初建網站的用戶帶來一定的作用。 &dec

1、頁面內容要新穎 &dec

網頁內容的選擇要不落俗套，要重點突出一個「新」字，這個原則要求我們在設計網站內容時不能照抄別人的內容，要結合自身的實際情況創作出一個獨一無二的網站。 放眼望去，網上的許多個人主頁簡直就是"雜貨店"，內容包羅萬象&def題材千篇一律，人人都是"軟體下載"&def個個都有"網路導航"，從頭到尾找不出一絲「鮮」意。所以，我們在設計網頁時，要把功夫下在選材上。選材要盡量做到「少」而「精」&def又必須突出「新」，如能堅持天天更新的話&def我相信這樣的網頁一定會受到大家的歡迎。 &dec

2、命名要簡潔 &dec

由於一個網站不可能就是由一個網頁組成，它有許多子頁面，為了能使這些頁面有效地被連接起來，用戶最後能給這些頁面起一些有代表性的而且簡潔易記的網頁名稱。這樣既會有助於你以後方便管理網頁，在向搜索引擎提交你的網頁時更容易被別人索引到。在給網頁命名時，最好使用自己常用的或符合頁面內容的小寫英文字母，這直接關繫到頁面上的連接。 &dec

3、要及時更新 &dec

網頁製作好後，不能說萬事大吉了，其實事後的工作量更大。因為網頁製作是一時的，而維護更新的工作是每天都要做的。要及時把網頁上已經作廢的連接應該立即刪除掉，比如用戶無意中點擊了頁面中的一個連接，在苦苦的等待之後，換來的是無法訪問的結果，那麼他們會對你的網頁大失所望，可能以後再也不會光顧你的網頁了。若不能及時更新，也最好在主頁上發布信息，告訴前來訪問的朋友，因有特殊情況需要離開一段時間，未能及時更新主頁，希望各位見諒，這樣就能給人一種對別人負責的感覺，同時能得到網友的信任。 &dec

4、注意視覺效果 &dec

設計Web頁面時，一定要用640×480和800×600的解析度來 分別觀察。許多瀏覽器使用640×480的解析度，盡管在800×600高解析度下一 些Web頁面看上去很具吸引力，但在640×480的模式下可能會黯然失色。作一點小小的努力，設計一個在不同解析度下都能正常顯示的網頁。

5、注意網站升級 &dec

時刻注意網站的運行狀況。性能很好的主機隨著訪問人數的增加，可能會運行緩慢。但是，如果你不想失去訪問者的話，一定要仔細計劃好你的升級計劃。 &dec

6、內容要易讀 &dec

網站設計最重要的訣竅，恐怕就是你的網頁要易讀 。這就意味著&def你必須花點心思來規劃文字與背景顏色的搭配方案。 注意不要使背景的顏色沖淡了文字的視覺效果，別用花里胡哨的色彩組合，讓人看起來你的網頁來很費勁。一般來說，淺色背景下的深色文字為佳 。這個要點要求你最好別把文字的規格設得太小、也不能太大。文字太小，人家讀起來難受；文字太大，或者文字視覺效果變化頻繁，像是沖著人大喊大叫，看起來不舒服。另外，最好讓文本左對齊，而不是居中。按當代中文的閱讀習慣，文本大都居左的。當然，標題一般應該居中，因為這符合讀者的閱讀習慣。 &dec

7、善用表格布局 &dec

不要把一個網站的內容象作報告似的一二三四地羅列出來，要注意多用表格把網站內容的層次性和空間性突出顯示出來，使人一眼就能看出你的網站重點突出，結構分明。 &dec

8、少用特殊字體 &dec

雖然你可以在你的HTML中使用特殊的字體，但是，你不可能預測你的訪問者在他們的計算機上將看到什麼。在你的計算機里看起來相當好的頁面，在另一個不同的平台上看起來可能非常糟糕。一些網站設計員喜歡使用來定義特性，這雖然允許你使用特殊的字體，但是仍需要一些變通的方法，以免你所選擇的字體在訪問者的計算機上不能顯示。級聯風格表CSS有助於解決這些問題，但是只有最新版的瀏覽器才支持CSS。 &dec

9、多學習使用HTML &dec

為了成功地設計網站，你必須理解HTML是如何工作的。大多數的網站設計者建議網路新手應從有關HTML的書中去尋找答案，用Notepad製作網頁。因為用HTML設計網站，可以控制設計的整個過程。但是，如果你僅僅是網站設計的新手，你應該尋找一個允許修改HTML的軟體包。HomeSite4是一個很好的Web設計工具。在設計過程中，HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式，以便你在把網站發送到Web之前，預覽你的網站。 &dec

10、少用Java程序 &dec

不要使用大幅面的Java程序&def能夠用javascript替代效果的則盡量不要使用java.因為目前來講java的運行速度實在慢的讓人無法忍受，往往使瀏覽者沒有耐心等頁面全部顯示出來，這樣你的精心設計便毫無效果啦。 &dec

11、 少放網站地圖 &dec

許多設計者把他們的網站地圖放在網站上，這種做法，卻是弊大於利。絕大部分的訪問者上網是尋找一些特別的信息，他們對於你的網站是如何工作的，並沒有興趣。如果你覺得你的網站需要地圖，那很可能是需要改進你的導航和工具條。 &dec

12、為圖片附加註釋文字 &dec

給每個圖形加上文字的說明，在出現之前就可以看到相關內容，尤其是導航按鈕和大圖片更應如此。這樣一來，用戶在訪問你的站點時就有一種親切感覺，認為你心細，比較善解人意，時時刻刻為他人著想，相信你的好心會有好報的。 &dec

13、網站介紹 &dec

一個簡單明了的網站介紹，不僅能讓別人對你的網站能夠提供些什麼有個了解，引發共鳴或是表達你的誠意，常常最能打動讀者，而且還能使訪問者能快速找到想要的東西。但是，許多設計者都沒有這樣做。有效的導航條和搜索工具使人們很容易找到有用的信息，這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。 &dec

14、考慮瀏覽器兼容性

當然現在IE所佔的市場份額越來越大，但是我們仍然需要考慮到Netscape以及Opera這些瀏覽器用戶。設計風格的考慮，如色彩的搭配，圖形、線條的使用等等。要時刻為用戶著想，必須最少在幾種不同類型的瀏覽器下測試網站，看看兼容性如何。 &dec

15、少用閃爍文字 &dec

有的設計者想通過閃爍的文字來引起訪問者的注意是可以被人理解的，但一個頁面中最多不能有三處閃爍文字，太多了給用戶一種眼花繚亂的感覺，反而會影響用戶去訪問該網站的其他內容，正所謂「物極必反」也。

16、多用導航按鈕 &dec

應當避免強迫用戶使用工具欄中的向前和向後按鈕。你的設計應當使用戶能夠很快地找到他們所要的東西。絕大多數好的站點在每一頁同樣的位置上都有相同的導航條，使瀏覽者能夠從每一頁上訪問網站的任何部分。 &dec

17、避免長文本頁面 &dec

在一個站點上有許多隻有文本的冗長頁面，是令人乏味的，人們為了閱讀這些長文本，不得不使用卷滾條，從而也浪費了用戶在網上沖浪的時間。如果你有大量的基於文本的文檔，應當以Adobe Acrobat格式的文件形式來放置，以便你的訪問者能離線閱讀，從而節省寶貴的時間。 &dec

18、 網頁風格統一 &dec
你網頁上所有的圖像、文字，包括像背景顏色、區分線、字體、標題、注腳什麼的，要統一風格，貫穿全站。這樣子讀者看起來舒服、順暢，會對你的網站留下一個「很專業」的印象。 &dec

19、動畫少用 &dec
大家都喜歡用GIF動畫來裝飾網頁，它的確很吸引人，但我們在選擇時，是否能確定必須用GIF動畫，如果答否，那麼就選擇靜止的圖片，因為它的容量要小得多。同樣的尺寸的LOGO，GIF動畫的容量有5K，而靜止LOGO的只有3K。雖然只有2K之差，但多起來，就會影響下載的速度，所以，如果有些不是必須的，就選擇最小的。 20、善用圖像 &dec

用戶在網上四處漫遊，你必須設法吸引和維護他們對你的主頁的注意力。萬維網的其中一個最重大資源是其多媒體能力，所以我們無論如何要善加利用。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款，使其別具特色，令人過目不忘。圖像的內容應有一定的實際作用，切忌虛飾浮誇。注意圖畫可以彌補文字之不足，但並不能夠完全取代文字。很多用戶把瀏覽軟體設定為略去圖像，以求節省時間他們只看文字。因此，製作主頁時，必須注意將圖像所連接的重要信息或聯接其他頁面的指示用文字重復表達幾次，同時要注意避免使用過大的圖像，如果不得不放置大的圖像在網站上，就最好使用Thumbnails軟體，把圖像的縮小版本的預覽效果顯示出來，這樣用戶就不必浪費金錢和時間去下載他們根本不想看的大圖像。。

21、 導航要清晰 &dec

所有的超鏈接應清晰無誤地向讀者標識出來，所有導航性質的設置，像圖像按鈕，都要有清晰的標識，讓人看得明白，千萬別光顧視覺效果的熱鬧的，而讓人家不知東西南北。鏈接文本的顏色最好用約定俗成的：未訪問的，藍色；點擊過的，紫色或栗色。總之，文本鏈接一定要和頁面的其他文字有所區分，給讀者清楚的導向 。

22、不能忽視錯別字 &dec
一個好的網站對設計的每一個細節都不會放過，哪怕是一個微小的拼寫錯誤都是絕對不能出現的。但是遺憾的是，許多設計者都缺少這種技能。確保你拼寫正確，並且格外注意平常容易誤寫的錯別字，要時時刻刻保持一種嚴謹的科學態度。 &dec

23、少用框架 &dec
在大多數網站上，在屏幕的左邊有一個框架。但是設計者立刻就發現，在使用框架時產生了許多的問題。使用框架時如果沒有17英寸的顯示屏幾乎不可能顯示整個網站。框架也使得網站內個人主頁不能夠成為書簽。也許更重要的是，搜索引擎常常被框架混淆，從而不能列出你的網站。

24、使用著名的插件

如果網站上有聲音或視頻，要保證使用者通過使用某個知名的插件，能夠聽到或看到。如果訪問者沒有所要求的插件，將不得不到其它站點去下載，這樣訪問者有可能就不會返回了。許多站點使用QuickTime、RealPlay和 Shockwave插件。因為，許多訪問者並不願意浪費很多時間和金錢去下載可能僅使用一次的插件。

25、使網站具有交互功能

一個靜態網頁始終給人一種呆板的感覺，缺少一種活力和生氣。最好在網站上提供一些回答問題的工具以及其他具有交互性能的設計，使得訪問者能從網站上獲得交互的信息，從而使訪問者有一種參與網路建設的新鮮感和成就感。

26、測試網站

在你的網站正式發布之前，必須進行有用的測試。在設計網站時要使用最新的軟體，但是不要忘了人們並不會使用最新的瀏覽器，所以要照顧到以前的瀏覽器。在上載網站時還要測試所有的鏈接和導航工具條。用圖像、文本和不必要的動畫GIFs來充斥網頁，即使有足夠的空間，在設計時也應該避免使用。

27、保證網頁完整

在瀏覽器中即使去掉了圖像功能，也要保證訪問者能夠在你的網站上獲得滿意的效果，呈現在用戶面前的仍是一個完整的網站。對於那些關掉了圖像功能的訪問者，還能獲得好的網頁載入性能。可以通過在網頁底部提供另外的鏈接和使用替代文字，而不是圖像來滿足訪問者的需要。

28、中文網頁的編碼可設為GB2312（簡體中文）或BIG5（繁體中文）或自動選擇。若自動選擇則需為每中文字間留一空白。否則在 Netscape 中不會折行。

29、不要每頁都加上不同的背景音樂，除非你估計瀏覽者在這頁逗留的時間比音樂長，否則瀏覽者會不耐煩等待音樂下載。解決方法是使用「隱 Frame」的方法，令幾頁或整個網站只播放一首音樂，這樣不但避免每頁都下載音樂，也不會出現斷斷續續的現象。

30、發布網站之前要檢查所有檔案的許可權設定，雖然很多ISP都為你預先設定，當有寫入及執行檔案的時候，最好自已設定。許可權的設定是否正確不光是網頁是否能運行，還涉及安全問題。

31、在所見既所得的網頁中不要按太多的空格和回車鍵，要控制文字物件的位置，宜採用其本身的參數或配合表格、清單和預設格式標記的使用。

32、重視每一頁網頁，凡每一頁都當成首頁來製作，為各頁加上公司或個人名稱、聯絡方法及適當的鏈接，因為你沒辦法確定每一個到訪者都是從首頁進入你的網站。

33、不要讓你的一行或一段太長，特別是文字網頁，不妨加上顯眼的標題或適當的插圖。

34、不要濫用計數器，不必每頁都裝上計數器，它不是網頁必須元件。

35、公開網站之前先檢查所有鏈接是否正常，很多網頁編輯器的站點管理都有此功能，很方便查到。

36、若提供檔案下載，請註明檔案大小。通常訪客需要估計下載時間。

37、不可使用特殊的字體，你可能訪問者的系統沒裝這種字體，雖然瀏覽器會以宋體代替，但可能造成版面變形。

38、不要要求別人將你的主頁加入收藏夾，假如你的寫得好，別人自己會加入。

39、不要要求瀏覽者使用「IE」或「NC」，也不要註明「800x600」，因為只有你遷就瀏覽者才是正確的做法。可以檢測當前瀏覽者的瀏覽器，自動調用相應的頁面或程序。 &dec

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

2、網頁排版一般都要注意什麼問題？

網站的顏色不要過多，最好使用3種顏色最好。

網站設計中少用點FLASH動畫、js程序、視頻、圖片文件，這樣會導致網站速度過慢，影響用戶的體驗度。

網站的布局要清晰明了不要過於復雜，簡單大方的設計可以使用戶第一時間找打他想要的東西。

網站首頁設計時需要放上一些文章更新的版塊，這樣保持每天更新後，可以提高網站的排名

選擇合適的布局

網頁布局大致可分為「國」字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型
1.「國」字型：也可以稱為「同」字型，是一些大型網站所喜歡的類型，即最上面是網站的標題以及橫幅廣告條，接下來就是網站的主要內容，左右分列一些兩小條內容，中間是主要部分，與左右一起羅列到底，最下面是網站的一些基本信息、聯系方式、版權聲明等。這種結構是我們在網上見到的差不多是最多的一種結構類型。

2.拐角型：這種結構與上一種其實只是形式上的區別，其實是很相近的，上面是標題及廣告橫幅，接下來的左側是一窄列鏈接等，右列是很寬的正文，下面也是一些網站的輔助信息。在這種類型中，一種很常見的類型是最上面是標題及廣告，左側是導航鏈接。

3.標題正文型：這種類型即最上面是標題或類似的一些東西，下面是正文，比如一些文章頁面或注冊頁面等就是這種類。

4.左右框架型：這是一種左右為分別兩頁的框架結構，一般左面是導航鏈接，有時最上面會有一個小的標題或標致，右面是正文。我們見到的大部分的大型論壇都是這種結構的，有一些企業網站也喜歡採用。這種類型結構非常清晰，一目瞭然。

5.上下框架型：與上面類似，區別僅僅在於是一種上下分為兩頁的框架。

6.綜合框架型：上頁兩種結構的結合，相對復雜的一種框架結構，較為常見的是類似於「拐角型」結構的，只是採用了框架結構。

7.封面型：這種類型基本上是出現在一些網站的首頁，放上幾個簡單的鏈接或者僅是一個「進入」的鏈接甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現在企業網站和個人主頁，如果說處理的好，會給人帶來賞心悅目的感覺。

8. Flash型：其實這與封面型結構是類似的，只是這種類型採用了目前非常游戲行的Flash，與封面型不同的是，由於Flash強大的功能，頁面所表達的信息更豐富，其視覺效果及聽覺效果如果處理得當，絕不差於傳統的多媒體。

9.變化型：即上面幾種類型的結合與變化，比如本站在視覺上是很接近拐角型的，但所實現的功能的實質是那種上、左、右結構的綜合框架型。

網頁的排版布局要能夠達到一種協調的狀態下才能真正的成功的網頁設計，所以，不能單獨考慮網頁的內容的排版，內容和形式即具體的網頁的排版布局要能夠達到一種協調的狀態下才能真正的成功的網頁設計，所以，不能單獨考慮網頁的內容的排版，以為只要能夠把具體內容清晰流暢的放到網站上就行了，造成整個頁面的形式感很差，這樣嚴重影響使用者的心情

3、企業做網頁設計時，需要注意哪些細節問題

一、網站結構清晰
如果你的網站結構不清晰，就像是一個大迷宮，那麼當百度蜘蛛來爬取信息的時候就會找不到關鍵的內容，對搜索引擎十分不友好，不利於客戶體驗，也不利於優化。因此，網站製作需以結構清晰為原則，事前進行規劃分類，使用的程序也需要精簡，減少垃圾代碼的產生。
二、網站速度要快

網站的速度主要指兩個方面，一是網站的打開速度，另一個是網站的載入速度，其實對於用戶來說這兩點並沒有什麼區別，但是很多企業有一個錯誤的認識，他們認為網站能夠打開就可以啊，這其實就沒有注意到用戶體驗，我們如果設身處地的想一下，自己在看一個網站的時候如果載入速度很慢肯定是沒有任何興趣繼續瀏覽，其實影響網站的速度的原因主要有一下三點：1.伺服器的穩定性，如果伺服器不穩定的話，打開速度肯定不會快，2.網站的功能太多，且代碼不簡潔，3.網站內的圖片過大，太便宜的伺服器通常都會有不穩定這一個問題，網站內的動效視頻也會影響到載入速度，圖片太大也會影響到載入速度，所以在製作網站時需要充分的考慮到以上幾個問題。
三、網站的內容質量

這里主要是指，網站的文字、圖片、內容質量等等。在網站內容的發布上盡量以圖文為主，圖片要清晰、內容要多原創網站製作需要以質量為主，質量好的內容在於原創，而不是抄不是轉。

4、網頁製作都需要注意些什麼？

1.配色問題 一個網頁的色彩最好不要超過3種，一面視覺效果混亂，用色柔和，對比度強的色彩不能應用於一般網站，時尚網站使用還可以。一般不好搭配的顏色，用灰度搭配。
2.字體問題很重要的一個問題，用標准字標准色，這是一個規范，行距一般控制在20px左右，不要太小，也不要太大，自己大小注意，中文12px，英文11px或者10px。不要用黑色字，可以用灰度或者其它柔和顏色，統一整個網頁字體的色彩以及大小，規范整體。
3.布局規范布局是非常重要的，考慮客戶瀏覽習慣以及他們想展現的內容，並且優化。一個網頁，如果布局不合理的話不但影響瀏覽，而且非常難看。
4.製作習慣必須非常熟悉各種網站的功能，要做得非常全面，比如說一個商城的網站應該有哪些內容必須非常清楚，不要等客戶提出之後才補充上去，會顯得自己非常不專業。
5.不可忽視細節客戶對網站的感覺不好，不過又說不出，多半是細節處理問題，細心的處理網頁的每一個象素，力求完美。
隨著網路時代的到來，網頁伴隨著網路的發展而快速興起，人們信息的獲取方式越來越多。現在的大家都習慣通過瀏覽網頁來獲取有關信息，而網頁的設計與製作就變得非常重要。
企事業單位需要通過網頁展示產品、服務、文化、理念等來宣傳企業或是提高知名度，一旦網站建成後，全國、甚至全世界的人都有機會看得到，可以為企業經營和發展提供更多的合作機會。因此網站開發就必須首先明白用戶的需求以及站點設計的目的，建成客戶滿意的網站，合理策畫從而做出切實可行的設計方案。

5、網頁設計與製作技術應該注意點什麼?

網頁設計與製作注意事項
當你在INTERNET這個信息的海洋中盡情遨遊時，會發現許許多多內容豐富、創意新穎、設計獨特的個人網頁，不知道你見到這樣漂亮可人的網頁是否有點心動。一旦你具備了上網的條件，又萌發了製作主頁的念頭，那麼就應該注意網頁設計時應考慮哪些方面的問題，包括網站功能和以及訪問者需要什麼。你的整個設計都應該圍繞這些方面來進行。下面筆者就自己在實踐操作中的使用體會來談談網頁設計時應該考慮哪些問題，希望能給初建網站的用戶帶來一定的作用。 &dec

1、頁面內容要新穎 &dec

網頁內容的選擇要不落俗套，要重點突出一個「新」字，這個原則要求我們在設計網站內容時不能照抄別人的內容，要結合自身的實際情況創作出一個獨一無二的網站。 放眼望去，網上的許多個人主頁簡直就是"雜貨店"，內容包羅萬象&def題材千篇一律，人人都是"軟體下載"&def個個都有"網路導航"，從頭到尾找不出一絲「鮮」意。所以，我們在設計網頁時，要把功夫下在選材上。選材要盡量做到「少」而「精」&def又必須突出「新」，如能堅持天天更新的話&def我相信這樣的網頁一定會受到大家的歡迎。 &dec

2、命名要簡潔 &dec

由於一個網站不可能就是由一個網頁組成，它有許多子頁面，為了能使這些頁面有效地被連接起來，用戶最後能給這些頁面起一些有代表性的而且簡潔易記的網頁名稱。這樣既會有助於你以後方便管理網頁，在向搜索引擎提交你的網頁時更容易被別人索引到。在給網頁命名時，最好使用自己常用的或符合頁面內容的小寫英文字母，這直接關繫到頁面上的連接。 &dec

3、要及時更新 &dec

網頁製作好後，不能說萬事大吉了，其實事後的工作量更大。因為網頁製作是一時的，而維護更新的工作是每天都要做的。要及時把網頁上已經作廢的連接應該立即刪除掉，比如用戶無意中點擊了頁面中的一個連接，在苦苦的等待之後，換來的是無法訪問的結果，那麼他們會對你的網頁大失所望，可能以後再也不會光顧你的網頁了。若不能及時更新，也最好在主頁上發布信息，告訴前來訪問的朋友，因有特殊情況需要離開一段時間，未能及時更新主頁，希望各位見諒，這樣就能給人一種對別人負責的感覺，同時能得到網友的信任。 &dec

4、注意視覺效果 &dec

設計Web頁面時，一定要用640×480和800×600的解析度來 分別觀察。許多瀏覽器使用640×480的解析度，盡管在800×600高解析度下一 些Web頁面看上去很具吸引力，但在640×480的模式下可能會黯然失色。作一點小小的努力，設計一個在不同解析度下都能正常顯示的網頁。

5、注意網站升級 &dec

時刻注意網站的運行狀況。性能很好的主機隨著訪問人數的增加，可能會運行緩慢。但是，如果你不想失去訪問者的話，一定要仔細計劃好你的升級計劃。 &dec

6、內容要易讀 &dec

網站設計最重要的訣竅，恐怕就是你的網頁要易讀 。這就意味著&def你必須花點心思來規劃文字與背景顏色的搭配方案。 注意不要使背景的顏色沖淡了文字的視覺效果，別用花里胡哨的色彩組合，讓人看起來你的網頁來很費勁。一般來說，淺色背景下的深色文字為佳 。這個要點要求你最好別把文字的規格設得太小、也不能太大。文字太小，人家讀起來難受；文字太大，或者文字視覺效果變化頻繁，像是沖著人大喊大叫，看起來不舒服。另外，最好讓文本左對齊，而不是居中。按當代中文的閱讀習慣，文本大都居左的。當然，標題一般應該居中，因為這符合讀者的閱讀習慣。 &dec

7、善用表格布局 &dec

不要把一個網站的內容象作報告似的一二三四地羅列出來，要注意多用表格把網站內容的層次性和空間性突出顯示出來，使人一眼就能看出你的網站重點突出，結構分明。 &dec

8、少用特殊字體 &dec

雖然你可以在你的HTML中使用特殊的字體，但是，你不可能預測你的訪問者在他們的計算機上將看到什麼。在你的計算機里看起來相當好的頁面，在另一個不同的平台上看起來可能非常糟糕。一些網站設計員喜歡使用來定義特性，這雖然允許你使用特殊的字體，但是仍需要一些變通的方法，以免你所選擇的字體在訪問者的計算機上不能顯示。級聯風格表CSS有助於解決這些問題，但是只有最新版的瀏覽器才支持CSS。 &dec

9、多學習使用HTML &dec

為了成功地設計網站，你必須理解HTML是如何工作的。大多數的網站設計者建議網路新手應從有關HTML的書中去尋找答案，用Notepad製作網頁。因為用HTML設計網站，可以控制設計的整個過程。但是，如果你僅僅是網站設計的新手，你應該尋找一個允許修改HTML的軟體包。HomeSite4是一個很好的Web設計工具。在設計過程中，HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式，以便你在把網站發送到Web之前，預覽你的網站。 &dec

10、少用Java程序 &dec

不要使用大幅面的Java程序&def能夠用javascript替代效果的則盡量不要使用java.因為目前來講java的運行速度實在慢的讓人無法忍受，往往使瀏覽者沒有耐心等頁面全部顯示出來，這樣你的精心設計便毫無效果啦。 &dec

11、 少放網站地圖 &dec

許多設計者把他們的網站地圖放在網站上，這種做法，卻是弊大於利。絕大部分的訪問者上網是尋找一些特別的信息，他們對於你的網站是如何工作的，並沒有興趣。如果你覺得你的網站需要地圖，那很可能是需要改進你的導航和工具條。 &dec

12、為圖片附加註釋文字 &dec

給每個圖形加上文字的說明，在出現之前就可以看到相關內容，尤其是導航按鈕和大圖片更應如此。這樣一來，用戶在訪問你的站點時就有一種親切感覺，認為你心細，比較善解人意，時時刻刻為他人著想，相信你的好心會有好報的。 &dec

13、網站介紹 &dec

一個簡單明了的網站介紹，不僅能讓別人對你的網站能夠提供些什麼有個了解，引發共鳴或是表達你的誠意，常常最能打動讀者，而且還能使訪問者能快速找到想要的東西。但是，許多設計者都沒有這樣做。有效的導航條和搜索工具使人們很容易找到有用的信息，這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。 &dec

14、考慮瀏覽器兼容性

當然現在IE所佔的市場份額越來越大，但是我們仍然需要考慮到Netscape以及Opera這些瀏覽器用戶。設計風格的考慮，如色彩的搭配，圖形、線條的使用等等。要時刻為用戶著想，必須最少在幾種不同類型的瀏覽器下測試網站，看看兼容性如何。 &dec

15、少用閃爍文字 &dec

有的設計者想通過閃爍的文字來引起訪問者的注意是可以被人理解的，但一個頁面中最多不能有三處閃爍文字，太多了給用戶一種眼花繚亂的感覺，反而會影響用戶去訪問該網站的其他內容，正所謂「物極必反」也。

16、多用導航按鈕 &dec

應當避免強迫用戶使用工具欄中的向前和向後按鈕。你的設計應當使用戶能夠很快地找到他們所要的東西。絕大多數好的站點在每一頁同樣的位置上都有相同的導航條，使瀏覽者能夠從每一頁上訪問網站的任何部分。 &dec

17、避免長文本頁面 &dec

在一個站點上有許多隻有文本的冗長頁面，是令人乏味的，人們為了閱讀這些長文本，不得不使用卷滾條，從而也浪費了用戶在網上沖浪的時間。如果你有大量的基於文本的文檔，應當以Adobe Acrobat格式的文件形式來放置，以便你的訪問者能離線閱讀，從而節省寶貴的時間。 &dec

18、 網頁風格統一 &dec
你網頁上所有的圖像、文字，包括像背景顏色、區分線、字體、標題、注腳什麼的，要統一風格，貫穿全站。這樣子讀者看起來舒服、順暢，會對你的網站留下一個「很專業」的印象。 &dec

19、動畫少用 &dec
大家都喜歡用GIF動畫來裝飾網頁，它的確很吸引人，但我們在選擇時，是否能確定必須用GIF動畫，如果答否，那麼就選擇靜止的圖片，因為它的容量要小得多。同樣的尺寸的LOGO，GIF動畫的容量有5K，而靜止LOGO的只有3K。雖然只有2K之差，但多起來，就會影響下載的速度，所以，如果有些不是必須的，就選擇最小的。 20、善用圖像 &dec

用戶在網上四處漫遊，你必須設法吸引和維護他們對你的主頁的注意力。萬維網的其中一個最重大資源是其多媒體能力，所以我們無論如何要善加利用。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款，使其別具特色，令人過目不忘。圖像的內容應有一定的實際作用，切忌虛飾浮誇。注意圖畫可以彌補文字之不足，但並不能夠完全取代文字。很多用戶把瀏覽軟體設定為略去圖像，以求節省時間他們只看文字。因此，製作主頁時，必須注意將圖像所連接的重要信息或聯接其他頁面的指示用文字重復表達幾次，同時要注意避免使用過大的圖像，如果不得不放置大的圖像在網站上，就最好使用Thumbnails軟體，把圖像的縮小版本的預覽效果顯示出來，這樣用戶就不必浪費金錢和時間去下載他們根本不想看的大圖像。。

21、 導航要清晰 &dec

所有的超鏈接應清晰無誤地向讀者標識出來，所有導航性質的設置，像圖像按鈕，都要有清晰的標識，讓人看得明白，千萬別光顧視覺效果的熱鬧的，而讓人家不知東西南北。鏈接文本的顏色最好用約定俗成的：未訪問的，藍色；點擊過的，紫色或栗色。總之，文本鏈接一定要和頁面的其他文字有所區分，給讀者清楚的導向 。

22、不能忽視錯別字 &dec
一個好的網站對設計的每一個細節都不會放過，哪怕是一個微小的拼寫錯誤都是絕對不能出現的。但是遺憾的是，許多設計者都缺少這種技能。確保你拼寫正確，並且格外注意平常容易誤寫的錯別字，要時時刻刻保持一種嚴謹的科學態度。 &dec

23、少用框架 &dec
在大多數網站上，在屏幕的左邊有一個框架。但是設計者立刻就發現，在使用框架時產生了許多的問題。使用框架時如果沒有17英寸的顯示屏幾乎不可能顯示整個網站。框架也使得網站內個人主頁不能夠成為書簽。也許更重要的是，搜索引擎常常被框架混淆，從而不能列出你的網站。

24、使用著名的插件

如果網站上有聲音或視頻，要保證使用者通過使用某個知名的插件，能夠聽到或看到。如果訪問者沒有所要求的插件，將不得不到其它站點去下載，這樣訪問者有可能就不會返回了。許多站點使用QuickTime、RealPlay和 Shockwave插件。因為，許多訪問者並不願意浪費很多時間和金錢去下載可能僅使用一次的插件。

25、使網站具有交互功能

一個靜態網頁始終給人一種呆板的感覺，缺少一種活力和生氣。最好在網站上提供一些回答問題的工具以及其他具有交互性能的設計，使得訪問者能從網站上獲得交互的信息，從而使訪問者有一種參與網路建設的新鮮感和成就感。

26、測試網站

在你的網站正式發布之前，必須進行有用的測試。在設計網站時要使用最新的軟體，但是不要忘了人們並不會使用最新的瀏覽器，所以要照顧到以前的瀏覽器。在上載網站時還要測試所有的鏈接和導航工具條。用圖像、文本和不必要的動畫GIFs來充斥網頁，即使有足夠的空間，在設計時也應該避免使用。

27、保證網頁完整

在瀏覽器中即使去掉了圖像功能，也要保證訪問者能夠在你的網站上獲得滿意的效果，呈現在用戶面前的仍是一個完整的網站。對於那些關掉了圖像功能的訪問者，還能獲得好的網頁載入性能。可以通過在網頁底部提供另外的鏈接和使用替代文字，而不是圖像來滿足訪問者的需要。

28、中文網頁的編碼可設為GB2312（簡體中文）或BIG5（繁體中文）或自動選擇。若自動選擇則需為每中文字間留一空白。否則在 Netscape 中不會折行。

29、不要每頁都加上不同的背景音樂，除非你估計瀏覽者在這頁逗留的時間比音樂長，否則瀏覽者會不耐煩等待音樂下載。解決方法是使用「隱 Frame」的方法，令幾頁或整個網站只播放一首音樂，這樣不但避免每頁都下載音樂，也不會出現斷斷續續的現象。

30、發布網站之前要檢查所有檔案的許可權設定，雖然很多ISP都為你預先設定，當有寫入及執行檔案的時候，最好自已設定。許可權的設定是否正確不光是網頁是否能運行，還涉及安全問題。

31、在所見既所得的網頁中不要按太多的空格和回車鍵，要控制文字物件的位置，宜採用其本身的參數或配合表格、清單和預設格式標記的使用。

32、重視每一頁網頁，凡每一頁都當成首頁來製作，為各頁加上公司或個人名稱、聯絡方法及適當的鏈接，因為你沒辦法確定每一個到訪者都是從首頁進入你的網站。

33、不要讓你的一行或一段太長，特別是文字網頁，不妨加上顯眼的標題或適當的插圖。

34、不要濫用計數器，不必每頁都裝上計數器，它不是網頁必須元件。

35、公開網站之前先檢查所有鏈接是否正常，很多網頁編輯器的站點管理都有此功能，很方便查到。

36、若提供檔案下載，請註明檔案大小。通常訪客需要估計下載時間。

37、不可使用特殊的字體，你可能訪問者的系統沒裝這種字體，雖然瀏覽器會以宋體代替，但可能造成版面變形。

38、不要要求別人將你的主頁加入收藏夾，假如你的寫得好，別人自己會加入。

39、不要要求瀏覽者使用「IE」或「NC」，也不要註明「800x600」，因為只有你遷就瀏覽者才是正確的做法。可以檢測當前瀏覽者的瀏覽器，自動調用相應的頁面或程序。 &dec

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

6、網頁設計面試注意哪些問題

1.避重就輕，不要在自己不熟悉或根本不會的領域涉及過多問題，如FLASH，你就說常規的企業網站動畫沒問題，但不要說AS很精通，FLASH整站也會。
2.DIV+CSS要說會，不能說不會，事實上一般中小型的網路公司還是用表格，他們追求單位製作網站的速度，但面試時還會問。我以前面試的公司都這樣問，可進去後發現他們的員工沒一個會的，甚至有的老闆連軟體都不會用，還要求新來的員工什麼都會！
3.個人獨立製作網頁時間。3-4天，這是一般給美工的定位要求。從設計效果圖到輸出網頁，製作FLASH動畫，後期調整。絕對不能說一個星期才能做出來，或一兩天沒問題。給自己留有餘地。告訴他們美工是慢工出細活，網站都是不斷的改出來的，不能光看時間不看質量！讓他們認為你懂這行！
4.忌諱吹毛求疵，說自己所有的都會，只是不精通。須知他們看重的是會基本做網頁，但要有一個特長，如果說全都會，一聽就是吹牛，如果說自己沒有擅長的方面，他們會覺的你技術不行。最起碼說自己軟體應用的非常熟練，可以說自己PS很好！

7、網頁設計中要注意什麼？

網頁設計要注意以下幾個方面：
1、網站設計內容問題
內容是所有網站的靈魂，也是客戶關心的東西，打開網際網路看看企業網站，我們很容易發現，大多數中小企業網站欄目劃分趨於一致：公司簡介、產品介紹、聯系方式等，在版式設計上也基本上是上下分欄、左右分欄等方式，在內容上要從客戶考慮，要了解客戶想從你頁面上了解些什麼，總之要貼近客戶。
2、網站設計技術問題
首先應該說明的是，我們並非鼓動企業在自己的網站中加大技術含量。實際上，最重要的是所使用技術在多大程度上實現了預期的功能，或者說所要的功能需要什麼樣的技術實現比較經濟劃算。而我們在與企業接觸中，常常碰到這種情況：網站中使用了先進的技術，當然進行了大筆的投資，但實際上所實現的功能通過其他方式，很低的投入就可以實現！但是企業並不了解這些。
3、網站設計交互問題
您的網站是否實現了與客戶的交互，在多大程度上實現了這一功能，值得您仔細考慮，在我們接觸的客戶中，甚至有的客戶抱怨：他的信箱至今還沒有收到mail！經過我們的檢查，是因為留言簿中有關信息提交的設置有問題！使得與客戶之間的交流出現很大的問題，這也是很多企業應該注意的問題。另外在設計上應注意什麼
1，對每一個超級鏈接點擊之後採用新開窗口還是直接跳轉，必須認真對待。如果用戶點擊一個link之後是要放棄當前頁面開始新的體驗，則應用直接跳轉。如果用戶點擊link是要了解更多的信息，但是當前頁面的信心仍然有用，則應新開窗口。
2，在每一個用戶可能需要幫助的地方提供幫助信息或幫助按鈕。完善的幫助系統是一個產品，網站成功很重要的因素。
3，承諾問題，不要輕易對你的用戶承諾什麼，但是一旦承諾了，就要盡最大努力去兌現。在首頁規劃和網站設計中最為突出的問題是：1）首頁規劃和欄目設置不合理。主要表現在欄目設置有重疊、交叉、或者欄目名稱意義不明確，容易造成混淆，使得用戶難以發現需要的信息。2）重要信息不完整問題。企業介紹、聯系方式、產品分類和詳細介紹、產品促銷等是企業網站最基本的信息，但為數不少的企業對這些重要信息不完整，尤其是產品介紹過於簡單，有些甚至沒有公布任何聯系方式；上述幾個問題只是企業網站設計問題中的部分問題，還有考慮瀏覽目標群體，從營銷方式設計都應該是現在企業網站所在考慮的問題。每一個細微的不足和問題，都有可能失去用戶，或者根本無法獲得被用戶發現的機會，結果最明顯的表現就是訪問量很小，或者由於得不到有價值的信息和服務，訪問者的轉化率很低，無法取得最終的收益。

8、網頁設計時需要注意哪些方面的問題

1、留白太少 留白是網頁設計中一個重要部分。它有助於防止用戶在瀏覽網站時變得疲憊，它可以在內容中劃出距離，而且它本身也看上去不錯。空白不是必須用白色的，而是，它僅僅是為其他設計元素提供間隔和緩沖的空間。

2、字體設置過多 通常來說一個網頁中最好不要超過三種字體。

3、色彩太多 文本、背景、框架等各為不同的顏色，雖然看似鮮艷但是，多重漸變、幾種鮮艷的色彩和大量有鮮明對比的色調及飽和度，會破壞你網站的層次和空白概念。嘗試限制自己只用一種鮮艷的色調(如藍色)，再搭配反相的單色(白、灰、黑)以獲得一個漂亮的搭配。這里強調下豆瓣的配色。也是我喜歡的顏色搭配。

4、內容過於堆疊 網頁的內容繁多，各種分支信息占據的空間過多，沒有突出關鍵的主題。它有助於在內心組織重要的信息，並引導用戶注意在你想讓他注意的地方。在傳統藝術中，新手們被教導色彩、價值和線性透視三原則和其他藝術指導。在網頁設計中，沒有特別奉行的准則，但以直觀的方式組織你的內容是一條很好的經驗規則。也是多年培養的用戶習慣。最終習慣就是最終用戶。當然一成不變不是我們所鼓勵的。

5、沒有重視用戶電腦的屏幕顯示效果 也許某個解析度對你的電腦效果特別好，但是用在用戶電腦上就不一定如此了。雖然這種解析度的顯示器正在減少，但採用更小的解析度的手機設備也來了。現在的網頁設計寬度標準是960像素，雖然沒有照顧到每一種解析度，但在主流解析度上可以呈現的最好。假如你希望面對大量的手機用戶，最好考慮一個手機版設計。

6、沒有考慮對比效果 你有沒有試過兩種對比色彩的運用或者大小的變化，有些方式之所以比其他的更好，其原因就是這是一種眼睛感知到對比的方式。如果你很難舒服的閱讀文字，考慮一下改變字體大小或方式。成為一個大師級網頁設計師的秘訣：對比，對比，對比。

7、同一件事情做的不夠多，或做的太多(過猶不及) 某個主題過於突出或者某個主題被完全冷落了，在頁腳加一個」返回頂部」的按鈕也很好。但是，太多指向同一目標的途徑會降低可用性。讓你的奶奶用下你的網站，如果她搞不定，想想哪些東西讓初次訪問的用戶拒絕使用這個網站。

8、不一致 網頁內容過於雜亂，沒有統一的框架把他們合並到一個中心主旨上。它是把網頁設計組織在一起的方式，可以創造一種緊密結合的感覺。在網站頁面互相鏈接的情況下，它可以幫助用戶把所有頁面都聯系在一起。如果你在整個網站持續改變字體、大小和色彩，用戶很快會覺得不知所措。

9、沒有足夠的文字間距 間距過小是造成網頁缺陷的一個重要原因。網頁一個是行距，可以用CSS直接調整，關繫到兩行文字之間的距離。這些有助於區分行與段落，使用戶更容易閱讀文字。

10、貧乏的尺寸大小 標准做法是h1的文字大於h2的文字，頭部文字大於段落文字。盡量保持一致的尺寸，因為它有助於一致性(第8條)和內容層次(第4條)。保持文字的可讀性，但不要太大，讓字體的大小表現信息的重要性。還有，10像素以下的尺寸對大量閱讀的人來說太小了。 在平時設計網頁過程中，如果能夠多加註意到這些問題，從而避免不該犯的錯誤，就能在整體設計的基礎上加分，此外，加上自己特色的創意，真正為用戶考慮，才能真正做到優秀的網頁設計。

9、在進行網路設計時應注意哪幾個基本要點

　網頁設計，根據個人愛好以及網頁內容的不同，版面的設計布置千變萬化，換一下背景就是另一種感覺，什麼樣的布局好看，沒有定式。筆者根據自己的經驗體會特總結出如下要點：
1.網頁內容的選擇要不落俗套。 放眼望去，網上的許多個人主頁簡直就是"雜貨店".內容包羅萬象,題材千篇一律.人人都是"軟體下載",個個都有"網路導航"，從頭到尾找不出一絲「鮮」意.所以，我們在設計網頁時，要把功夫下在選材上。選材要盡量做到「少」而「精」,又必須突出「新」，如能堅持天天更新的話,我相信這樣的網頁一定會受到大家的歡迎。

2.內容確定下來以後，不要著急開始製作頁面。我們應該對整個版面規劃設計一下，好好的想一想，主題是什麼，大概內容該怎麼安排，接著最好在紙上把這個框架畫出來——這就是排版。排版是很重要的，沒有一條清晰的主線，那麼整個版面將是混亂一團。

3.整個頁面的主線理好以後，我們還必須對它進行補充，以保證頁面的完整性和整體性。比方說，頁面的標題內容要簡潔明了，使人一看就能明白該網站有沒有自己所需要的東西；遇到長文本時，用劃線把它分隔開，以便人能一目瞭然地看清楚；重點段落要突出顯示，這樣人就能有選擇性地獲取信息；在網頁上留下通訊地址或E－MAIL地址，有利於用戶和你交流；網頁中使用商標，不能侵犯版權；以上都是要考慮的一些細節問題。同時特別要考慮到以後網站的維護更新要方便。

4.製作時,內容不要和其他網站的內容相同,適當加入一些自己的文章,評論和見解,會使大家更加相信您,尊重您.例如翻譯一些英文教程,寫作一些軟體的用法,分析一些實例製作過程.畢竟是個人主頁,要體現您的個性,風格,讓大家了解,接受您的觀點,是個人主頁的精神所在!

5.圖象的製作要兼顧大小和美觀，一般來說，掌握好photophop這個強大的工具，再配合其它一些專用圖象軟體如ulead、paint shop pro等，不難製作出漂亮的精美的圖片。但圖片是為主頁內容服務的，不要讓整個版面太花花綠綠，喧賓奪主。在網上就可以找到很多圖片、圖庫和動畫。

　 6.不要使用大幅面的Java程序,能夠用javascript替代效果的則盡量不要使用java.因為目前來講java的運行速度實在慢的讓人無法忍受，往往使瀏覽者沒有耐心等頁面全部顯示出來，這樣你的精心設計便毫無效果啦！

7.單張圖片不要超過30k,每頁圖片總量不要超過60k(一般情況).據統計分析,每頁不超過60k圖片的網頁,其下載速度是可以讓人接受的.所有的圖片都必須"減肥"小圖片(100x40)一般可以控制在6k以內,動畫控制在15K以內,較大的圖片可以"分割"成小圖片.合理採用jpg和gif格式也是至關重要的,色彩鮮艷高解析度的用jpg,色彩單調低解析度的用gif,採用gif89a格式的圖片在download時能交錯顯示.

　 8.圖片的下載較慢,要想使用戶在圖象沒有傳下來之前，就能夠知道圖象上的內容，我們就必須為圖片加註解.這樣一來，在圖象沒有顯示出來時,可以通過註解的標注來幫助瀏覽者知道這是關於什麼內容的圖片,以方便用戶作出選擇，是否需要等待,是否可以點擊.特別考慮到純文本瀏覽者瀏覽的方便。

　 9.設計Web頁面時，一定要用640×480和800×600的解析度來 分別觀察。許多瀏覽器使用640×480的解析度，盡管在800×600高解析度下一 Web頁面看上去很具吸引力，但在640×480的模式下可能會黯然失色。作一點小小的努力，設計一個在不同解析度下都能正常顯示的網頁。

10、企業網頁設計時，網站頁面設計需要注意那些問題？

首先

網站頁面設計當中，產品信息的主次很重要，這會直接影響用戶瀏覽網頁的便捷性。

所謂的主次設計就是要把最重要的內容或產品放到最顯眼的地方，次要的功能和產品就放到一般的位置上。

這樣做是因為，人們通常訪問一個陌生網頁的時候，基本是掃描性瀏覽，只為捕捉他們認為有用的信息，所以主次分明了，才能讓瀏覽者第一時間內抓到自己想要的東西，也就是你的網站主要想要表達的內容。

其次

網頁的功能性也是很關鍵的，一般網站的主要功能就是傳遞信息了，所以網站的建設要將這點最大化，不要過分追求網頁的酷炫效果，而去用一堆動態圖像啦，或者過長啦之類的，這樣一來會使網頁出現卡頓的線下，和過分冗長的現象，容易讓人失去瀏覽的耐性。

也就是說圖文比例要恰當，表達要有重點，要把最需要表達給瀏覽者的內容強調放大。比如通過鮮明的顏色，或者好看的藝術字等方法進行強調。

最後

網站頁面設計師要了解並意識到瀏覽器的兼容性，瀏覽器對於運作環境來說是很挑剔和難以預料的。

如果設計的網站只能運行在的幾種網頁瀏覽器，那是不夠的，設計者需要盡可能在多種瀏覽器下測試，達到一個最好的效果。

以上就是設計小能手redtrans_cs小姐姐的分享了，希望有幫助~