導航:首頁 > 萬維百科 > 網站設計指南

網站設計指南

發布時間:2020-08-23 16:39:45

1、網站界面設計規范有哪些?

易用性規范

2.001 常用按鈕要支持快捷方式。

2.002 完成同一功能或任務的元素放在集中位置,減少滑鼠移動的距離。

2.003 界面要支持鍵盤自動瀏覽按鈕功能,即按Tab鍵的自動切換功能。

2.004 界面上首先應輸入的和重要信息的控制項在Tab順序中應當靠前,位置也應放在窗口上較醒目的位置。

2.005 分頁界面要支持在頁面間的快捷切換,常用組合快捷鍵Ctrl+Tab

2.006 默認按鈕要支持Enter和選操作,即按Enter後自動執行默認按鈕對應操作。

2.007 可寫控制項檢測到非法輸入後應給出說明並能自動獲得焦點。

2.008 Tab鍵的順序與控制項排列順序要一致,目前流行總體從上到下,同時行間從左到右的方式。

2.009 復選框和選項框,按選擇幾率的高底而先後排列。

2.010 復選框和選項框要有默認選項,並支持Tab選擇。

2.011 界面空間較小時使用下拉框而不用選項框。

2.012 選項數較少時使用選項框,相反使用下拉列表框。

2.013 根據用戶不同採用相應的詞語語氣語調,如專用軟體,可以出現很多專業詞彙;用戶為兒童:這可以語氣親切和藹;老年用戶則應該成熟穩重。

2.014 滑鼠為不可點擊狀態時顯示箭頭,可點擊狀態顯示手型;系統忙時顯示沙漏形狀
規范性規范

2.015 菜單前的圖標能直觀的代表要完成的操作。

2.016 工具欄要求可以根據用戶的要求自己選擇定製。

2.017 系統常用的工具欄設置默認放置位置。

2.018 工具箱要具有可增減性,由用戶自己根據需求定製。

2.019 狀態條要能顯示用戶切實需要的信息,常用的有、目前的操作、系統狀態、用戶位置、用戶信息、提示信息、錯誤信息等,如果某一操作需要的時間較長,還應該顯示進度條和進程提示。

2.020 滾動條的長度要根據顯示信息的長度或寬度能及時變換,以利於用戶了解顯示信息的位置和百分比。

2.021 狀態條的高度以放置五號字為宜,滾動條的寬度比狀態條的略窄。

2.022 菜單和工具條要有清楚的界限;菜單要求凸出顯示,這樣在移走工具條時仍有立體感。

2.023 工具條一般比菜單要寬,但不要寬的太多,否則看起來很不協調。

幫助規范

2.024 幫助文檔中的性能介紹與說明要與系統性能配套一致。

2.025 打包新系統時,對作了修改的地方在幫助文檔中要做相應的修改。

2.026 在界面上調用幫助時應該能夠及時定位到與該操作相對的幫助位置。也就是說幫助要有即時針對性。

2.027 用戶可以用關鍵詞在幫助索引中搜索所要的幫助,當然也應該提供幫助主題詞。

2.028 如果沒有提供書面的幫助文檔的話,最好有列印幫助的功能。

2.029 在幫助中應該提供我們的技術支持方式,一旦用戶難以自己解決可以方便的尋求新的幫助方式。

合理性規范

2.030 與正在進行的操作無關的按鈕應該加以屏蔽(Windows中用灰色顯示,沒法使用該按鈕)。

2.031 對可能造成數據無法恢復的操作必須提供確認信息,給用戶放棄選擇的機會。

2.032 非法的輸入或操作應有足夠的提示說明。

2.033 對運行過程中出現問題而引起錯誤的地方要有提示,讓用戶明白錯誤出處,避免形成無限期的等待。

2.034 提示、警告、或錯誤說明應該清楚、明了、恰當。

2.035 提交失敗後必須保存用戶已經輸入的內容,以便修改後再次提交。

美觀與協調規范

2.036 長寬接近黃金點比例,切忌長寬比例失調、或寬度超過長度。

2.037 布局要合理,不宜過於密集,也不能過於空曠,合理的利用空間。

2.038 按鈕大小基本相近,忌用太長的名稱,免得佔用過多的界面位置。

2.039 按鈕的大小要與界面的大小和空間要協調。

2.040 避免空曠的界面上放置很大的按鈕。

2.041 放置完控制項後界面不應有很大的空缺位置。

2.042 字體的大小要與界面的大小比例協調。

2.043 前景與背景色搭配合理協調,反差不宜太大,最好少用深色,如大紅、大綠等。如:安全軟體,根據工業標准,可以選取黃色,綠色體現環保,藍色表現時尚、紫色表現浪漫等等,淡色可以使人舒適,暗色做背景使人不覺得累等。

2.044 如果使用其他顏色,主色要柔和,具有親和力與磁力,堅決杜絕刺目的顏色。

2.045 界面風格要保持一致,字的大小、顏色、字體要相同,除非是需要藝術處理或有特殊要求的地方。

2.046 如果能給用戶提供自定義界面風格則更好,由用戶自己選擇顏色、字體等。

2.047 色盲、色弱用戶,即使使用了特殊顏色表示重點或者特別的東西,也應該使用特殊指示符。

2.048 顏色方案也需要測試,常常由於顯示器、顯卡的問題,色彩表現每台機器都不一樣,應該經過嚴格測試,不同機器進行顏色測試。

2.049 使用統一的語言描述,例如一個關閉功能按鈕,可以描述為退出、返回、關閉,則應該統一規定。

菜單設計規范

2.050 菜單通常採用"常用--主要--次要--工具--幫助"的位置排列,符合流行的Windows風格。

2.051 常用的有"文件"、"編輯","查看"等,幾乎每個系統都有這些選項,當然要根據不同的系統有所取捨。

2.052 下拉菜單要根據菜單選項的含義進行分組,並按照一定的規則進行排列,用橫線隔開。

2.053 一組菜單的使用有先後要求或有向導作用時,應該按先後次序排列。

2.054 沒有順序要求的菜單項按使用頻率和重要性排列,常用的放在開頭,不常用的靠後放置;重要的放在開頭,次要的放在後邊。

2.055 如果菜單選項較多,應該採用加長菜單的長度而減少深度的原則排列。

2.056 菜單深度一般要求最多控制在三層以內。

2.057 對與進行的操作無關的菜單要用屏蔽的方式加以處理,如果採用動態載入方式——即只有需要的菜單才顯示——最好。

2.058 菜單前的圖標不宜太大,與字高保持一直最好。

2.059 主菜單的寬度要接近,字數不應多於四個,每個菜單的字數能相同最好。

2.060 主菜單數目不應太多,最好為單排布置。

獨特性規范

2.061 安裝界面上應有單位介紹或產品介紹,並有自己的圖標。

2.062 主界面,最好是大多數界面上要有公司圖標。

2.063 登錄界面上要有本產品的標志,同時包含公司圖標。

2.064 幫助菜單的"關於"中應有版權和產品信息。

2.065 公司的系列產品要保持一直的界面風格,如背景色、字體、菜單排列方式、圖標、安裝過程、按鈕用語等應該大體一致。

安全性規范

2.066 應當注意盡可能避免用戶無意錄入無效的數據。

2.067 採用相關控制項限制用戶輸入值的種類。

2.068 當用戶作出選擇的可能性只有兩個時,可以採用單選框。

2.069 當選擇的可能再多一些時,可以採用復選框,每一種選擇都是有效的,用戶不可能輸入任何一種無效的選擇。

2.070 當選項特別多時,可以採用列表框,下拉式列表框。

2.071 在一個應用系統中,開發者應當避免用戶作出未經授權或沒有意義的操作。

2.072 對可能引起致命錯誤或系統出錯的輸入字元或動作要加限制或屏蔽。

2.073 對可能發生嚴重後果的操作要有補救措施。通過補救措施用戶可以回到原來的正確狀態。

2.074 對一些特殊符號的輸入、與系統使用的符號相沖突的字元等進行判斷並阻止用戶輸入該字元。

2.075 對錯誤操作最好支持可逆性處理,如取消系列操作。

2.076 在輸入有效性字元之前應該阻止用戶進行只有輸入之後才可進行的操作。

2.077 對可能造成等待時間較長的操作應該提供取消功能。

2.078 特殊字元常有;;'"><,`'、"["{、\|}]+=)-(_*&&^%$ #@!~,.。?/還有空格。

2. 079 與系統採用的保留字元沖突的要加以限制。

2.080 讀入用戶所輸入的信息時,根據需要選擇是否去掉前後空格。

2.081 有些讀入資料庫的欄位不支持中間有空格,但用戶切實需要輸入中間空格,這時要在程序中加以處理。

輸入項規范

2.082 必輸項中不可為空,不可輸入空格

2.083 必輸項給出必輸項標識(*)。

2.084 非必輸項欄位,Null插入資料庫時不會出錯,在資料庫中設置默認值

2.085 日期顯示格式一致;或提供固定格式的選擇。

2.086 輸入區域輸入特殊字元,插入資料庫時不出錯或提示不允許輸入特殊字元。

2.087 英文輸入不區分大小寫,不可輸入漢字、數字及特殊字元

2.088 數值欄位只能輸入+ ,— ,0~9及功能鍵(BackSpace 游標) 。數值不能為負數。

2.089 單行文本框/多行文本框;長度合適,可以容納相應文字,但不能超過資料庫該欄位長度,最好將可以輸入的最大字元數標在旁邊。建議單行文本框中當輸入的字元超過一定長度時再輸入無效;對於多行文本框給出最大字元數標識

2.090 附件;可正常添加符合格式的附件; 附件可正常打開和保存,附件名較長時可正常操作;直接輸入錯誤的附件地址,保存時應給出提示信息;附件打開和保存到本地時,文件名要顯示原文件的文件名。

2.091 密碼輸入;在需求中定義密碼是否允許為空或空格;密碼是否允許特殊字元;是否區分大小寫,密碼的可輸入長度;程序中應給出文字說明密碼的可輸入長度。

2、求《精通CSS+DIV網頁樣式布局》和《CSS網站布局實錄:基於Web標準的網站設計指南》第二版

DIV+CSS是網站標准(或稱「WEB標准」)中常用的術語之一,通常為了說明與HTML網頁設計語言中的表格(table)定位方式的區別,因為XHTML網站設計標准中,不再使用表格定位技術,而是採用DIV+CSS的方式實現各種定位。 CSS是英語Cascading Style Sheets(層迭樣式表單)的縮寫,它是一種用來表現 HTML 或 XML 等文件式樣的計算機語言。 DIV元素是用來為HTML文檔內大塊(block-level)的內容提供結構和背景的元素。DIV的起始標簽和結束標簽之間的所有內容都是用來構成這個塊的,其中所包含元素的特性由DIV標簽的屬性來控制,或者是通過使用樣式表格式化這個塊來進行控制。
此教程很適合新手,講的還可以 ,高老師直接在記事本裡面操作,很專業,呵呵,教程5節從最簡單的標記開始,到頁面布局,到最後直接模仿一個門戶站的首頁。很不錯的視頻。

《DIV.CSS應用視頻教程》(DIV.CSS應用培訓教程 DIV+CSS視頻教程)[壓縮包] 高清視頻教程共5節 480M

http://hi.baidu.com/zhangxg2010/blog/item/318ac4c4057958c538db49f2.html

3、網站建設的標准有哪些

1、確保網站的視覺效果
2、保持簡潔
3、保持統一的主題
4、擁抱留白
5、精簡文字

4、網站設計或網頁設計有行業或國家標准或規范?

只有這種網頁才有標准!別的沒有!
標准編號:YD/T 1761-2008
標准名稱:信息無障礙內 身體機能差異人容群 網站設計無障礙技術要求
標准狀態:現行
英文標題:Information Accessibility for People With Physical Disabilities Technical REquirements for Web Accessibility
實施日期:2008-7-1
內容簡介:本標准規定了無障礙上網的網頁設計技術要求,其中包括網頁內容的可感知要求、介面組件的可操作要求、內容和控制的可理解要求、內容對現有和未來可能出現的技術的支持能力要求等。本標准適用於無障礙上網的網頁設計,也適用於公眾網站的擁有者,網站管理人員,網頁開發者設計、開發和管理無障礙網站。
出處: http://www.csres.com/detail/189654.html

5、網站建設的規范是什麼?

1. 在不同設備上採用相似的設計

用戶可以通過不同類型的設備訪問你的網站,這些設備包括:電腦、平板、手機、音樂播放器、甚至是智能手錶等。

無論用戶使用什麼設備訪問你的網頁,確保他們具有類似的體驗,這是用戶體驗設計中的一條重要標准。
2. 導航的設計要簡單易用、清晰明了

導航設計是網頁可用性的基石。

記住:如果用戶在你的網站里找不到導航,那麼無論你的網站有多流弊都沒用。這也是導航設計要遵循以下原則的原因:

簡單。每個網站都應該有盡可能簡單的結構。
·
清晰。導航的每項對用戶而言,都應該是清楚的。
·
一致。系統的導航頁在每一頁中都應該是相同的。
·
用戶以最少的點擊次數,最快地到達他們想要瀏覽的網頁。這才是導航設計的目的。

3. 改變訪問過的鏈接的顏色

鏈接是導航的一個關鍵因素。假如用戶點擊過的鏈接沒有改變顏色,很可能導致用戶多次點擊同一個鏈接。

如果用戶知道自己過去訪問的鏈接和現在還未訪問過的鏈接,那麼用戶會更容易決定自己下一次要點擊什麼。
4. 讓頁面瀏覽變得更容易

用戶瀏覽我們的網頁時,並不是通讀所有的內容,而是快速地掃描整個網頁。

因此,如果用戶來到這個網站,是為了尋找特定的內容或者是完成某個任務,那麼他們會先瀏覽整個網頁,直到用戶找到了自己想要去的地方。

因此,作為網頁設計者的我們,應該通過設計網站可視化的層級架構幫助這些用戶盡快達成自己的目的。

可視化的層級架構意味著網頁上每個元素的擺放或呈現都具有權重(比如說,我們的設計決定了用戶先看到哪個,再看到哪個,最後看到哪個)。

我們在設計網站時,要確保網頁標題、登錄注冊按鈕、導航欄或其它同等重要的元素放在用戶很容易看到的地方,以減少用戶尋找的時間。
用戶的視線是Z字形的。

5. 仔細檢查所有的鏈接

當用戶點擊網站上的一個鏈接,界面上卻出現404的錯誤頁面時,用戶很容易變得沮喪。

當用戶在網站上尋找內容時,他們希望自己點擊過的每個鏈接都是自己正在尋找的那個,而不是出現404的錯誤頁面、或者點進去後,卻發現不是自己尋找的那個頁面。
6. 確保能點擊的元素讓用戶看起來就能點擊

一個物體的樣子會告訴用戶如何使用它。
看起來像按鈕或鏈接的視覺元素卻不能點擊,很容易困擾用戶;這些視覺元素包括:文字下劃線並不代表鏈接、擁有動畫效果的元素也不是超鏈接。
用戶想要知道界面上哪些區域是純靜態內容,哪些區域是可以點擊的。
讓可以點擊的元素明顯一點。
二、設計網站時,不該做什麼

1. 不要讓用戶等

網站用戶的耐心和注意力是非常小的。根據NNGroup的研究,10秒是用戶集中注意力完成一個任務的極限。

當用戶在等待內容載入時,他們很可能會變的沮喪。如果載入速度很慢,用戶很可能會離開這個網站,即使是足夠漂亮的載入動畫設計也無法改變這個結果。

2.不要 在新標簽頁打開鏈接

在新標簽頁打開鏈接的設計讓用戶無法使用「返回」按鈕返回之前的頁面。這是非常不好的設計。
3. 不要整個網站充斥著廣告

促銷和廣告會掩蓋網站里的內容,也會讓用戶很難集中注意力去完成任務,更不用說那些看起來像廣告的事情常常會被用戶忽略(這種現象被稱為:旗幟盲點)。

4. 不要滾動劫持(Hijack scrolling)

滾動劫持是指:網站的設計者或開發者控制滾動條,從而使得用戶在滾動滑鼠時,會在網站上看到不同的效果,包括動畫效果、固定的滾動點、甚至是重新設計過的滾動條。

滾動劫持是用戶最不喜歡的設計之一,因此,它奪取了用戶控制滾動條的權利。

當你設計網站時或設計用戶界面時,你應該讓用戶自己決定自己瀏覽的網頁或APP的位置。
5.不要 自動播放視頻(有聲音)

在後台自動播放視頻、音樂或聲音文件,都是用戶難以接受的設計方式。

用戶很少使用這些元素,除非是在適當的時候。
6. 不要 為了網站的美觀犧牲網站的可用性

一個網站或用戶界面的設計不應該因為內容影響用戶的消費能力。最好不要在文字後使用繁重的背景、也不要使用讓用戶很難閱讀或顏色對比不明顯的配色方案。
7.不要 使用閃爍的文字或廣告

閃爍的內容或閃爍會導致易感人群的癲癇病。這樣的設計不僅能引發癲癇,而且還會因吸引用戶的注意力而惹惱用戶。

6、網站設計:如何回歸內容 「簡潔大氣」設計指南

[核心提示] 如何可以使產品設計「簡潔大氣」?在你沒有靈感的時候,不妨看看這篇文章中的建議。 神馬是「簡潔大氣」? 現在被人們津津樂道的扁平化設計無疑成為了這四個字的代言,也讓之前似乎離開了人們視野的平面設計帶來了新思考,我們發現很多設計方法依舊非常經典。 無論是與客戶的溝通還是和產品經理的 PK 中,在第 N+1 次修改依舊沒有靈感的時候,不妨借鑒一下下面的小建議來救場。 調整圖版率改變印象 圖片的加入是最能立刻改變和更換整體印象的法寶。 圖版率是雜志版式中經常提到的概念:即頁面中圖片所佔面積的比率。圖版率高的雜志頁面會給人帶來年輕與活躍的印象,相反地,全是文字,圖版率為 0,這樣的頁面就顯得沉穩許多。 放大圖片,增加展示空間 雖然在產品上網易微博一直不溫不火,但在設計上採用大圖片的改版讓整體擁有了簡潔的潮流感,並且每次刷新變化的封面圖片讓每天的登錄過程也變的有趣起來。 改變圖片比例 即使全部是圖片也可以改變圖版率。商品展示中經常會有這種圖片羅列的形式,普通的九宮格設計雖然整齊,但是沒有變化和視覺重點,將幾個圖片位合並成為一個進行展示可以產生更強的專題性效果。 色塊進行重復構成排版 當圖片資源不充足,比如消息類信息和圖片並列時,可以採用和圖片相同大小的色塊保持界面的統一性與簡潔性。 使用圖標代替文字 使用意圖明確的圖標代替文字可以幫助導航等操作區與文字閱讀區分開。 創造節奏感 你知道嗎?觀看者和一張簡單的海報設計也會產生交互過程。 當你在 20 米開外的時候會被它上面的人物與色彩吸引,走近至 5 米的時候會看到它的標語,而走到跟前會發現新的小字信息。海報通過觀看距離的變化製造出閱讀的層次感,引導你不斷深入。 同樣的,在界面中除了利用明確的信息分組引導視覺,還可以考慮在交互中也加入節奏,筆者不認為在扁平化的設計時代我們就不需要打造空間關系,通過手勢的變化製造出界面不同的景深效果,可以讓界面充滿呼吸感。 比如AppFlow 中下拉刷新時,背景圖片會由遠至近,就在不覺間擴展了視覺空間。 使用鮮明的色彩營造氣場 穿衣服我們講究「氣場」,而設計中使用的色彩也應該明確,避免使用含混的色彩,這樣界面之間的元素才是有對比的。 戒掉排滿的慣性 格式塔心理學中提到一個刪除原理,就是從構圖形象中排除不重要的部分,只保留那些絕對必要的組成部分,從而達到視覺的簡化。 不要排滿也就是我們時常說的留白,這里的設計需要和產品一起做減法。 在實際項目中,筆者經常遇到這樣的對話: 「這里為什麼要放這個功能?好像用戶用不上誒……」 「這里不放這個功能看起來比較空,而且萬一用戶用到呢?」 「……」 人們以往的消費觀念是面對同樣的價格,最終大家會選擇看起來功能齊全的物品,在信息競爭和功能為上的時代,慣性會讓你想要加入足夠多的功能或信息去滿足用戶,這種情況下,堆滿信息的頁面如果不進行刪減化處理,形成一定層次的分組和條理化處理,也將會變成讓人手足無措的電視遙控器。 其實考慮界面空不空的問題應該交給設計師解決,通過一定程度的留白就可以達到不錯的效果,我們只需要確認到底需不需要這個功能,有多需要,符不符合用戶的使用場景? 隱藏與合並 當面對無法去掉的功能時,我們可以採用「主界面優先模式」,隱藏部分功能。 比如在閱讀中,為了更加沉浸式的閱讀體驗,經常利用手勢將閱讀流之外的功能隱藏起來,比如隨享Pro 向左滑進行評論和轉發,豆瓣閱讀的全屏閱讀。 主界面優先還體現在減少頻繁地切換界面,比如常見的查看大圖功能,在以前我們常用的方式是滑到新的頁面去查看圖片詳情,但真的需要那麼麻煩嗎? 在AppFlow 和網易應用中心應用主頁中,通過手勢向下滑動可以讓圖片當前頁放大,預覽 App 界面效果,這樣的體驗就很簡潔。 除了隱藏功能,我們還可以合並功能,減少 UI 控制項的個數,進而節省下空間,比如下面對音樂播放進度和播放控制項的整合。

7、網頁設計合適的頁面尺寸是多少

網頁設計選用的解析度是72像素,使用的畫布尺寸1920px*1080px。但是並不意味著在整個畫布上進行設計,一般採用全屏展示和兩側留白的方式。
全屏展示,是整個網站看起來大氣一些,但是布局要合理安排,不然看起來有些傻大的感覺。
兩側留白是為了適配不同電腦屏幕的尺寸,能夠確保網站只是電腦站的時候一些筆記本電腦也能顯示全面網站的內容區域,內容限時區域在好控制在1000px-1200px。

8、PC端網頁設計基本規范有哪些

網站建設基本流程規范
企業網站建設(升級改版)包含下列基本流程:
(1)制定網站規劃方案:包括網站預期目標、行業競爭狀況分析、網站欄目結構、用戶行為分析及內容規劃、網頁模版設計、網站伺服器技術選型、網站運營維護規范等基本內容;
(2)網站技術開發、網頁設計;
(3)網站測試;
(4)網站內容發布;
(5)網站維護及管理。
3、網站域名及網站技術規范
(1)採用基於XHTML的國際WEB標准(CSS+DIV);
(2)網站首頁為頂級域名而不是多級層次 ;
(3)網站首頁及各欄目和內容頁面均不採用網址跳轉方式,不採用過渡頁/橋頁等網址重定向;
(4)合理應用靜態網頁與動態網頁,網站欄目首頁和其他重要頁面採用靜態網頁;
(5)網頁內容頁面層次不宜過多,不超過四個層次;
(6)採用主流域名:.cn、.com.cn、.com等;
(7)一個網站對應一個主域名,現有多個域名需統一;
(8)網站鏈接錯誤率在一定范圍之內,首頁等重要頁面無死鏈接;
(9)網站設計對不同瀏覽器具有兼容性。
4、企業網站的基本功能和內容
(1) 與企業辦公網實現無縫鏈接;
(2)具有信息發布、產品發布和管理功能;
(3)產品推薦/廣告管理功能;
(4)詳細的公司介紹;
(5)詳細的聯系方式;
(6)合理的產品分類/匯總/列表;
(7)詳細的產品介紹內容;
(8)銷售及售後服務相關的聯系和服務信息;
(9)在線服務信息;
(10)持續更新的企業動態/產品信息;
(11)相關網站鏈接管理功能;
(12)規范的網站地圖;
(13)網站訪問統計功能。
5、網站優化
網站優化包括三個方面:對用戶獲取信息優化、搜索引擎優化、網站維護優化。
(1)網站欄目結構合理,欄目設置不要過於復雜;
(2)網站導航清晰且全站統一,通過任何一個網頁可以逐級返回上一級欄目直到首頁;
(3)網頁布局設計合理,網站設計符合用戶瀏覽習慣;
(4)重要文字信息盡可能出現在網頁靠前位置;
(5)字體清晰,CSS風格協調一致;
(6)最多3次點擊可到達產品詳細內容頁面;
(7)通過網站任何一個網頁不超過3次點擊可達到站內其他任何一個網頁;
(8)遵照搜索引擎為管理員提供的網站優化指南,通過網站結構和內容等基本要素的優化為搜索引擎檢索信息提供方便,不採用任何被搜索引擎視為垃圾信息的方法和欺騙搜索引擎的方式(如堆積關鍵詞、用戶不可見文本、頁面跳轉、復制網頁等等);
(9)網站首頁、欄目首頁及產品內容頁面均有一定的文字信息量;
(10)每個網頁有獨立的、可概括說明該網頁核心內容的網頁標題(而不是全站或者一個欄目共用一個網頁標題);
(11)每個網頁有獨立的、與該網頁內容相關的META標簽設計(包括description和keywords);
(12)每個網頁有獨立的URL;
(13)產品內容頁面URL盡可能簡短且體現出產品屬性;
(14)產品/企業新聞詳細內容頁面是獨立網頁不是彈出窗口;
(15)對於產品品種多的企業網站,要有合理的產品分頁方式;
(16)網站內容保持適當的更新周期。
6、網頁模版設計
(1)重要信息盡可能出現在用戶最關注的位置;
(2)網頁寬度定位適應當前主流屏幕解析度模式;
(3)保持整站CSS風格一致;
(4)超級鏈接有下劃線或顏色的明顯指示;
(5)整個網站中在新窗口打開或原窗口打開網頁的規則一致;
(6)網站首頁位元組數不宜過大;
(7)多語言版本網站內容之間的切換方式設計合理。
7、企業網站可信度
(1)網站具有必須的法定證書;
(2)對企業基本狀況的介紹真實可信;
(3)公布顧客服務/售後服務承諾;
(4)有必要的個人信息保護聲明;
(5)網站公布的聯系方式有效,尤其是地址、固定電話和Email地址;
(6)網站公布的Email地址與企業網站域名後綴一致而不是免費郵箱;
(7)網站主域名與企業名稱/品牌/核心產品一致或相關;
(8)網站提供的信息及時有效;
(9)網站有自己獨立的風格;
(10)網站各項功能和服務方便易用。
8、網站運營維護
(1)建立網站內容發布審核機制,始終保持網站內容的合法性;
(2)保持網站伺服器正常工作,對網站訪問速度等進行日常跟蹤管理;
(3)保持合理的網站內容更新頻率;
(4)網站內容製作符合網站優化所必須具備的規范;
(5)重要信息(如資料庫等、訪問日誌等)的備份機制;
(6)保持網站重要網頁的持續可訪問性,不受網站改版等原因的影響;
(7)對網站訪問統計信息定期進行跟蹤分析。
其他要求:
由於網路營銷環境和用戶行為在不斷發展變化,企業網站需要增強適應性,可通過改版、重建等方式進行網站升級。 在網站建設技術標准方面,遵照國際WEB標准,不再使用過時的HLML4.01;在網站運營支持方面,融入目前居於領先地位的網站優化思想和方法,使得遵照規范建設的企業網站全面符合主流搜索引擎的優化指南,具有明顯的搜索引擎優化優勢。
網站規劃:
•整體規劃合理,主輔菜單不清晰;
•網站建設導向明確,重點突出;
•欄目適應;
•各欄目統一規劃,整個網站比較清晰;
•網站的促銷功能得到明顯體現。

9、精通CSS+DIV網頁樣式布局和CSS網站布局實錄:基於Web標準的網站設計指南那個好

你去
http://learning.artech.cn/
看看,
裡面有其中大部分視頻都是《精通CSS+DIV網頁樣式布局》裡面的,你看懂裡面的CSS+DIV部分基本就過關了,那一部分的教程做得比較好,視頻不大也可以下載。
其實學網頁設計過來,才發現IT學習不像其他學科,需要實戰操練,看視頻的接受效果很不錯,看幾本書也比不上看視頻跟著在電腦上操練。
另外學div+css的話,你在電驢上找高洛峰的div+css教程,那四個視頻勘稱經典之作,內容比較豐富,需要時間不多。
我是在這兩個地方學的,視頻教室是也算經典網站,而且高洛峰的一起的兄弟連做的視頻口碑很好,視頻質量清晰,我前陣子學兄弟連的php+linux的視頻,受益匪淺。市面有些視頻為了做廣告,視頻質量特意做得很差。故意讓你看不清代碼。

我這么說也許你覺得我忽悠你,你自己看看就知道了,現在IT教學視頻很多,可是有的講師很水,上次看一個黑客基地會員的php視頻,感覺老師相當業余,還收錢。要找有多年項目經驗的老師的視頻,比如曹鵬和高洛峰的web視頻都做得很專業。

至於書,《精通CSS+DIV網頁樣式布局》名氣比較高,不過我建議你先學視頻,書作為補充和深入學習。單一本你看不久就會乏味,對CSS+DIV失去興趣的。

10、網頁設計應當遵循的規范?

在我認為設計當中沒有具體的規范,一切都是根據設計者自己酌情而定。設計當中沒有誰定死了各個模塊的大小,例如logo是什麼尺寸,banner又是什麼尺寸,這些都是自己定的。而你在設計這些的時候要符合美感,符合公司的形象。
相對於整體頁面寬度我建議是980、1000-1004,因為這些寬度在1024解析度下是不會出現橫向滾動條的。
你現在是新手把?我覺得你現在考慮的問題不是大小,而是顏色搭配。你設計的規格大小再怎麼規范,再怎麼合理如果沒有用對顏色,都是白搭。

與網站設計指南相關的知識