導航:首頁 > 萬維百科 > 網頁管理站設計的規范

網頁管理站設計的規范

發布時間:2021-01-28 05:03:29

1、手機版網頁設計規范

手機版網頁設計和PC端網頁設計大同小異,只要注意手機端的整體排布盡量採用豎排,橫排太多會壓縮文字和圖片空間,影響呈現效果,手機頁面的尺寸一般寬度設置為640像素,高度不限,其他就沒什麼了!~

2、網頁設計要求:整個站點的網頁數不少於10個,站點中使用圖片數不少於20個。深海大觸伸出援手吧,指導下吧^

說清楚些啊,你看看網路知道的頁面,就滿足你要求,你仿一個吧!

QQ西遊官方網站符合動漫主題!

3、請問設計網站怎麼設計

做網站,首先必須要解決的就是網站內容問題,即確定網站的主題。美國《個人電腦》雜志(PC Magazine)評出了99年度排名前100位的全美知名網站的十類題材:第1類:網上求職;第2類:網上聊天/即時信息/ICQ;第3類:網上社區/討論/郵件列表;第4類:計算機技術;第5類:網頁/網站開發;第6類:娛樂網站;第7類:旅行;第8類:參考/資訊;第9類:家庭/教育;第10類:生活/時尚。我們可以參看上面的分類,繼續細分。如果自己在某些方面有興趣,或掌握的資料較多,也可以做一個自己感興趣的東西,一者,你可以有自己的見解,做出自己的特色;二者,在製作網站時不會覺得無聊或者力不從心。興趣是製作網站的動力,沒有創作熱情,很難設計製作出優秀的作品。

對於內容主題的選擇,要做到小而精,主題定位要小,內容要精。不要去試圖製作一個包羅萬象的站點,這往往會失去網站的特色,也會帶來高強度的勞動,給網站的及時更新帶來困難。記住:在互聯網上只有第一,沒有第二!

要領二:選擇好域名

域名是網站在互聯網上的名字。一個非產品推銷的純信息服務網站,其所有建設的價值,都凝結在其網站域名之上。失去這個域名,所有前期工作就將全部落空。

目前,做個人網站的很多都依賴免費個人空間,其域名也是依賴免費域名指向,如網易的虛擬域名服務,其實這對個人網站的推廣與發展很為不利,不光是它「適時」開啟的窗口妨礙了瀏覽者的視線和好感,讓人一看就知道是個人網站,而且也妨礙了網頁的傳輸速度。所以,就我個人觀點來說,首先花點錢去注冊一個域名,獨立的域名就是個人網站的第一筆財富,要把域名起得形象、簡單、易記。

要領三:掌握建網工具

網路技術的發展帶動了軟體業的發展,所以用於製作Web頁面的工具軟體也越來越豐富。從最基本的HTML編輯器到現在非常流行的Flash互動網頁製作工具,各種各樣的Web頁面製作工具,下面是幾款具有代表性的網頁製作器:

(1)HTML編輯器。雖然HTML代碼復雜,編輯和調試要花費大量的時間,但因HTML的穩定性、廣泛支持性及可創建復雜的頁面效果,仍受高級網頁製作人員的青睞。就目前來說,有眾多的編輯器供選擇,這些編輯器廣泛支持復雜頁面創建及高級HTML規范,使用較為普遍的有Hotdog等專業HTML編輯器。

(2)所見即所得的網頁編輯器。其中以Microsoft Frontpage為代表,它具有如Word一樣的操作界面,熟知Word功能的操作者,只要稍加培訓就能輕松編制網頁。而且,Frontpage還能解析網頁的HTML源代碼,並提供了預覽支持。但Frontpage的一些特殊顯示功能並不能在其它非IE瀏覽器下實現。所以Frontpage是一款非常適合初、中級網頁製作人員使用的工具軟體。

(3)現在非常流行的 Macromedia公司出品的Flash互動網頁製作工具。這是是一款功能非常強大的互動式矢量多媒體網頁製作工具。能夠輕松輸出各種各樣的動畫網頁,它不需要特別繁雜的操作,也比JAVA小巧精悍!但它的動畫效果、互動效果、多媒體效果十分出色。而且還可以在Flash動畫中封裝Mp3音樂、填寫表單等;並且由於Flash編制的網頁文件比普通網頁文件要小得多,所以大大加快了瀏覽速度。這是一款十分適合動態Web製作的工具。

另外,個人網站製作者還需了解W3C的HTML4.0規范、CSS層疊樣式表的基本知識、javascript、VBScript的基本知識。對於常用的一些腳本程序如ASP、CGI、PHP也要有適當了解,還要熟練使用圖形處理工具和動畫製作工具以及矢量繪圖工具,並能部分了解多種圖形圖像動畫工具的基本用法,熟練使用FTP工具以及擁有相應的軟硬體和網路知識也是必備的。

當然,互聯網還是一個免費的資料庫。編制網頁需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成,既浪費時間又浪費金錢,而且還需要強大的圖形、圖片製作技術。所以,為了省卻這些麻煩,網站製作者完全可以從網上下載各種精美實用的圖片、按鈕、背景等網頁素材。

要領四:確定網站界面

界面就是網站給瀏覽者的第一印象,往往決定著網站的可看性,在確定網站的界面時要注意以下三點:

①欄目與板塊編排

構建一個網站就好比寫一篇論文,首先要列出題綱,才能主題明確、層次清晰。網站建設初學者,最容易犯的錯誤就是:確定題材後立刻開始製作,沒有進行合理規劃。從而導致網站結構不清晰,目錄龐雜混亂,板塊編排混亂等。結果不但瀏覽者看得糊里糊塗,製作者自己在擴充和維護網站也相當困難。所以,我們在動手製作網頁前,一定要考慮好欄目和板塊的編排問題。
網站的題材確定後,就要將收集到的資料內容作一個合理的編排。比如,將一些最吸引人的內容放在最突出的位置或者在版面分布上占優勢地位。欄目的實質是一個網站的大綱索引,索引應該將網站的主體明確顯示出來。在制定欄目的時候,要仔細考慮,合理安排。在欄目編排時需要注意的是:

●盡可能刪除那些與主題無關的欄目;

●盡可能將網站內最有價值的內容列在欄目上;

●盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢;輔助內容,如站點簡介、版權信息、個人信息等大可不必放在主欄目里,以免沖淡主題。

另外,板塊的編排設置也要合理安排與劃分。板塊比欄目的概念要大一些,每個板塊都有自己的欄目。舉個例子:ENET矽谷動力(www.enet.com.cn)的站點分新聞、產品、游戲、學院等板塊,每個板塊下面又各有自己的主欄目。一般來說,個人站點內容較少,只要分個欄目也就夠了,不需要設置板塊。如果有必要設置板塊的,應該注意:

●各板塊要有相對獨立性;

●各板塊要有相互關聯;

●各板塊的內容要圍繞站點主題;

②目錄結構與鏈接結構

網站的目錄是指建立網站時創建的目錄。例如:在用Frontpage建立網站時都默認建立了根目錄和Images子目錄。目錄的結構是一個容易忽略的問題,大多數站長都是未經規劃,隨意創建子目錄。目錄結構的好壞,對瀏覽者來說並沒有什麼太大的感覺,但是對於站點本身的維護,以後內容的擴充和移植有著重要的影響。所以建立目錄結構時也要仔細安排,比如:

●不要將所有文件都存放在根目錄下。有網站製作者為了方便,將所有文件都放在根目錄下。這樣就很容易造成:文件管理混亂,搞不清哪些文件需要編輯和更新,哪些無用的文件可以刪除,哪些是相關聯的文件,影響工作效率;上傳速度變慢,伺服器一般都會為根目錄建立一個文件索引,如果將所有文件都放在根目錄下,那麼即使只上傳更新一個文件,伺服器也需要將所有文件再檢索一遍,建立新的索引文件,很明顯,文件量越大,等待的時間也將越長。

●按欄目內容建立子目錄。子目錄的建立,首先按主欄目建立。友情連接內容較多,需要經常更新的可以建立獨立的子目錄。而一些相關性強,不需要經常更新的欄目,例如:網站簡介、站長情況等可以合並放在一個統一目錄下。所有程序一般都存放在特定目錄,例如:CGI程序放在cgi-bin目錄,所有提供下載的內容也最好放在一個目錄下,便於維護管理。

●在每個主目錄下都建立獨立的Images目錄。一般來說,一個站點根目錄下都有一個默認地Images目錄。將所有圖片都存放在這個目錄里很是不方便,比如在欄目刪除時,圖片的管理相當麻煩。所以為每個主欄目建立一個獨立的Images目錄是方便管理的。原因很簡單,就是方便維護與管理。
其它需要注意的還有:目錄的層次不要太深,不要超過3層;不要使用中文目錄,使用中文目錄可能對網址的正確顯示造成困難;不要使用過長的目錄,太長的目錄名不便於記憶;盡量使用意義明確的目錄,以便於記憶和管理。

網站的鏈接結構是指頁面之間相互鏈接的拓撲結構。它建立在目錄結構基礎之上,但可以跨越目錄。形象的說:每個頁面都是一個固定點,鏈接則是在兩個固定點之間的連線。一個點可以和一個點連接,也可以和多個點連接。更重要的是,這些點並不是分布在一個平面上,而是存在於一個立體的空間中。一般的,建立網站的鏈接結構有兩種基本方式:

●樹狀鏈接結構(一對一),這類似DOS的目錄結構,首頁鏈接指向一級頁面,一級頁面鏈接指向二級頁面。這樣的鏈接結構瀏覽時,一級級進入,一級級退出,條理比較清晰,訪問者明確知道自己在什麼位置,不會「不知身在何處」,但是瀏覽效率低,一個欄目下的子頁面到另一個欄目下的子頁面,必須回到首頁再進行。

●星狀鏈接結構(一對多),類似網路伺服器的鏈接,每個頁面相互之間都建立有鏈接。這樣瀏覽比較方便,隨時可以到達自己喜歡的頁面。但是由於鏈接太多,容易使瀏覽者迷路,搞不清自己在什麼位置,看了多少內容。

因此,在實際的網站設計中,總是將這兩種結構混合起來使用。網站希望瀏覽者既可以方便快速地達到自己需要的頁面,又可以清晰地知道自己的位置。所以,最好的辦法是:首頁和一級頁面之間用星狀鏈接結構,一級和二級頁面之間用樹狀鏈接結構。關於鏈接結構的設計,在實際的網頁製作中是非常重要一環,採用什麼樣的鏈接結構直接影響到版面的布局。

③進行形象設計

網站的設計可以從以下幾點出發:

●設計網站標志(LOGO)。LOGO是指網站的標志,標志可以是中文、英文字母,也可以是符號、圖案等。標志的設計創意應當來自網站的名稱和內容。比如:網站內有代表性的人物、動物、植物,可以用它們作為設計的藍本,加以卡通化或者藝術化;專業網站可以以本專業有代表的物品作為標志。最常用和最簡單的方式是用自己網站的英文名稱作標志,採用不同的字體、字母的變形、字母的組合可以很容易製作好自己的標志。

●設計網站色彩。網站給人的第一印象來自視覺沖擊,不同的色彩搭配產生不同的效果,並可能影響到訪問者的情緒。「標准色彩」是指能體現網站型象和延伸內涵的色彩,要用於網站的標志,標題,主菜單和主色塊。給人以整體統一的感覺。至於其它色彩也可以使用,但應當只是作為點綴和襯托,絕不能喧賓奪主。一般來說,一個網站的標准色彩不超過3種,太多則讓人眼花繚亂。適合於網頁標准色的顏色有:藍色,黃/橙色,黑/灰/白色三大系列色。

●設計網站字體。和標准色彩一樣,標准字體是指用於標志,標題,主菜單的特有字體。一般網頁默認的字體是宋體。為了體現站點的「與眾不同」和特有風格,可以根據需要選擇一些特別字體。製作者可以根據自己網站所表達的內涵,選擇更貼切的字體。需要說明的是:使用非默認字體只能用圖片的形式,因為很可能瀏覽者的計算機里沒有安裝特別字體,那麼辛苦設計製作便可能付之東流了。

●設計網站宣傳語。也可以說是網站的精神、主題與中心,或者是網站的目標,用一句話或者一個詞來高度概括。用富有氣勢的話或詞語來概括網站,進行對外宣傳,可以收到比較好的結果。

要領五:確定網站風格

「風格」是抽象的,是指站點的整體形象給瀏覽者的綜合感受。這個「整體形象」包括站點的CI(標志,色彩,字體,標語)、版面布局、瀏覽方式、交互性、文字、語氣、內容價值等等諸多因素,網站可以是平易近人的、生動活潑的也可以是專業嚴肅的。不管是色彩、技術、文字、布局,還是交互方式,只要你能由此讓瀏覽者明確分辨出這是你網站獨有的,這就形成了網站的「風格」。

風格是有人性的,通過網站的色彩、技術、文字、布局、交互方式可以概括出一個站點的個性:是粗獷豪放的,還是清新秀麗的;是溫文儒雅的,還是執著熱情的;是活潑易變的,還是墨守成規的。

總之,有風格的網站與普通網站的區別在於:在普通網站上你看到的只是堆砌在一起的信息,你只能用理性的感受來描述,比如信息量多少,瀏覽速度快慢等;在有風格的網站上你可以獲得除內容之外的更感性的認識,比如站點的品位,對瀏覽者的態度等。

在明確自己想給人以怎樣的印象後,要找出網站中最有特色的東西,就是最能體現網站風格的東西。並以它作為網站的特色加以重點強化、宣傳。總之,風格的形成不是一次定位的,你可以在實踐中不斷強化、調整、改進。

要領六:有創意的內容選擇

好的內容選擇需要有好的創意,作為網頁設計製作者,最苦惱的就是沒有好的內容創意。網路上的最多的創意即是來自於虛擬同現實的結合。創意的目的是為了更好的宣傳與推廣網站,如果創意很好,卻對網站發展毫無意義,那麼,網站設計製作者也應當放棄這個創意。另外,主頁內容是網站的根本之所在,如果內容空洞,即使頁面製作地再怎樣精美,仍然不會有多少用戶。從根本上說,網站內容仍然左右著網站流量,內容為王(Content Is King)依然是個人網站成功的關鍵。

要領七:推廣自己的網站

網站的營銷推廣在個人網站的運行中也占著重要的地位,在推廣個人網站之前,請確保已經做好了以下內容:網站信息內容豐富、准確、及時;網站技術具有一定專業水準,網站的交互性能良好。一般來說,網站的推廣有以下幾種方式:

(1)搜索引擎注冊與搜索目錄登錄技巧

注冊著名的搜索引擎站點是在技術上推廣網站的第一步。注冊搜索引擎有一定的技巧,像AltaVista、搜索客這樣的搜索引擎,它自動收錄提交的網址。另外,注意Meta的使用,不要提交分欄Frame頁面,大部分搜索引擎不識別Frame,所以一定要提交有內容的Main頁面。

而像Yahoo、搜狐等搜索目錄網站採用手工方式收錄網址,以保證收錄網站的質量,在分類查詢時獲得的信息相關性比搜索引擎站點(靠Spider自動搜索的)更強。由於搜索目錄網站收錄網站的人為因素相對較多,因此在提交網站時要注意遵守規則。如Yahoo要求注冊站點描述不超過25個單詞。在此要注意:將網址提交到最合適的目錄下面,要認真詳細的介紹網站,千萬不要有虛假、誇張的成分。

(2)廣告交換技巧

很多個人站點在相互廣告交換時都提出了幾個條件:第一,訪問量相當;第二,首頁交換。顯而易見,這種做法是為了充分利用廣告交換。以很多個人網站的經驗,當與一個個人站點交換鏈接時,對方把網站的LOGO放到了友情連接一頁,而不是首頁時,很少有訪客會來自那裡。通常在首頁,廣告交換才會有很好的效果。

(3)目標電子郵件推廣

使用電子郵件宣傳網址時,主要有如下技巧:可以使用免費郵件列表來進行,只要你申請了免費郵件列表服務,你就可以利用郵件列表來推廣你的網站;可以通過收集的特定郵件地址,來發送信息到特定的網路群體,在特定網路群體中推廣自己的網站;發送HTML格式的郵件,即使其內容與接收者關系不大,也不會被被當作垃圾信件馬上刪掉,人們至少會留意一下發送者的地址。不過,在進行郵件推廣的時候要注意網路道德。

要領八:支撐網站日常運行

當個人網站做到某一程度,就必須把賺錢提到議事日程上來,通常來說,個人網站獲取資金通常有以下兩個渠道:

(1)銷售網站的廣告位

要銷售網站的廣告位,一般來說,每日的流量少於1萬人次的網站在目前是不會吸引廣告主的。網站的專業性及商用性,以往的廣告經驗,技術以及設計要求等也會影響到廣告的銷售。

一般來說,WEB廣告的收費有三種方式:

①CPM (Cost Per Million/Thousand)

放一個廣告,它按每1,000人次來訪問站點收費。這方法對網站經營者最為合適,只要有人瀏覽該網頁,就得錢,不管訪問者對廣告有無反應——是否會看或點擊該廣告。

②點透(Click-through)

通過Banner廣告點到了廣告商的站點,這才算數,廣告商青睞這個,他只為對自己廣告感興趣的人「套錢「。網站經營者就不合適了,據一些調查資料表明,只有3%的訪問者會去「CLICK」廣告。

③提成 (Commission)

根據訪問者點擊位於你站點上廣告所帶來的銷售收入,從中跟做廣告的廠商分成,這種方法對於網站的經營者來說,比上面兩個都更加冒險。

通常的,個人網站的廣告收費方法往往是第一、第二種方法的結合,站點和廣告商都可少冒點險。

(2)與大型網站合作

另外,通過與大型網站合作,獲取經費,也可以維持個人網站的日常運行。不過,個人網站很容易會成為商業網站的附屬品。

有時間和充沛的體力,再加上對新技術和技巧的學習和應用,你就能為自己在網上建一個家了。

4、請問網頁製作的要求?

嚴格說,大中型公司會把網頁製作團隊分為:網頁視覺設計(美工)、前端交互設計(前端)、軟體程序開發(程序)。

單說前端,你可以百度一下「前端設計」,了解一下這個職位是幹嘛的。下面引用一小段:

【前端設計師是一個很新的職業,在國內乃至國際上真正開始受到重視的時間不超過5年。但是,隨著Web2.0概念的普及和W3C組織的推廣,網站重構的影響力正以驚人的速度增長。XHTML+CSS布局、DHTML和Ajax像一陣旋風,鋪天蓋地地席捲而來,包括新浪、搜狐、網易、騰訊、淘寶等在內的各種規模的IT企業都對自己的網站進行了重構。】

因此,從技術上說,前端設計師要至少掌握html極其相關平台屬性、css極其相關兼容語法、javascript極其相關框架、ajax極其相關語言(php或asp或json等)——如果是Flash,你還要懂得ActionScript。

你要用html寫頁面,用css做樣式,用javascript做交互,用ajax優化交互——一切的一切,提供符合標準的html頁面(兼容性好、標簽/命名語義化、符合W3C規范、符合SEO規范、符合或遵循網頁柵格系統),鏈接美工和程序。

從軟體上說,你至少要懂得一款作圖工具(切圖、優化壓縮圖片、校正圖片)、一款編碼工具(組織代站點結構、書寫管理代碼、或者使用SVN類似的版本控制協作)、一寫前端效率插件工具(壓縮css或js、調整json數據、調整優化正則表達式、製作地址欄圖標、製作APP圖標、製作視網膜圖像等)——一切的一切,效率工作,嚴謹風格。

從個人職業修養上說,你需要建立良好的工作習慣和技能提升方法——一切的一切,好好學習,天天向上。

前端設計師,說起來,是一個技能綜合度比較高的職業,首先說,你應該懂數學,一些最基本的交互和計算都是離不開數學的,比較炫酷和提升用戶體驗的設計,通常也都和數學息息相關(圓周率、隨機數、時分秒換算等等),由數學的靈活運用,還可以實現物理上的一些東西(滑動、晃動、彈跳、模擬重力等)。

做好前端,說的直接一點差不多就是【寫的一手好腳本】——作圖有美工,編程有程序——前端設計,就是把圖片轉換為可嵌套程序使用的標准HTML頁面,並站在UEDer(用戶體驗設計師)的角度去設計和製作良好的交互方法。

職業生涯是一個長期的過程,所謂千里之行始於足下,實習階段,你所學習的並不是如何如何做自己的東西,而是學習團隊協作、資源管理和學習方法。好比新兵入伍,不會讓你直接去參與大型的活動,而是乖乖訓練,尋找自己的優勢,探索學習團隊協作,找到提升自我的突破口,為以後的發展提供一個良好的工作習慣和處事方法。

需要說的一點是,大部分學校的教程都是較老的技術教程,在實際的工作中根本用不上。可以說,實習,差不多是帶你進階自己的技能。當你工作一段時間後會很明顯的發現,原來學些學的那些東西到了實際工作中差不多也就是剛入門,各個公司各個團隊都有自己的代碼管理方法和工作流程,實習中,你應該嘗試去接受和學習,公司通常更懂得如何把你的勞動變為金錢,你的價值體現也在於此——工資和物價無關,和你的含金量有關。

經驗之談,聊聊而已。

5、網站信息結構設計要求有哪些

如何創建一個好的網站。有一大堆的關於可用性、界面設計以及網站設計的書可以參考。如今,我們都知道一個好的站點應該有:非常好看的設計、友好的界面、毫無缺點的結構、智能化的後台處理以及非常優秀的內容。唯一被大多數人所忽視的可能是交互性。

在網站設計上經常使用的是一些文字的交互,但是文字交互的效果到現在位置還是非常模糊,除非你每日醉心於交互性設計,否則你根本難以描述什麼叫做"交互"。

如何把我們的注意力集中在交互性上還是繼續讓我們的想像力馳騁?我想,問題在於我們能把我們從媒體上獲得的一些簡單的理論用於我們的實踐。我們需要記得的是網站包含哪些內容?網站的結構是什麼?我們最初的目的是什麼?

不同於其它媒體的"網站交互"

不象其它大多數媒體,如我們看電視,聽收音機或者瀏覽雜志,網站它不是一個被動的媒體。

我們不能真正的觀看網頁。顯而易見,我們可以調出一個網站,然後坐在那裡目不轉睛的瀏覽,如果我們坐在那裡吃爆米花的話,網頁並不能夠自動的變化內容(當然,你可以在右手使用的滑鼠的同時,不停的用左手把爆米花塞到你的嘴裡,這里所述的意思是,如果你不幹預,訪問網站和看電視的最大區別是訪問網站需要根據你的主動選擇)。瀏覽網站的內容根據你的個人喜好,在眾多的連接和下拉菜單中選擇你喜歡或者關心的內容或者連接到另外一個站點。

網站具備大多數媒體所不具備的特殊性:用戶的選擇和主動性。

與此相反的是,許多的出版者的決定來自於意見反饋表、感覺或者來自於電視、收音機和出版物等所有信息的體驗。我們對正在播出的電視、收音機節目基本不具備控制的能力(當然,如果您是電台的工作人員除外),我們僅僅能作的是對你的電視或者收音機作些什麼,而對於內容控制,我們則無能為力。你可以調低音量或者調高音量,或者換個頻道,甚至關閉電視機或者收音機,去作其它的事情,比如到外面散散步,或者到四合院里和鄰居們聊天。

我們可以訂閱或者退訂報紙或者雜志,選擇我們喜歡閱讀的文章,或者給內容編輯寫信探討關於內容的見解或者疑問。但是這些選項還是和網站所能作的不能相比。但是,對於熱門內容的經常[此屬臟話,已被過濾:經典論壇]互,已經成為越來越清晰的表現出對這方面的需求。

不確定的網站交互周期

從應用的觀點來說,我們可以對某事作用於某人我們該做什麼什麼樣的交互給出一個簡單的定義。但,這的確是一個含糊的概念,所以對於某些特定某件事件的交互性的常常有很多的討論,意見多種多樣。

從開始連接上網開始,網站上有太多關於交互性的例子了。比如文本下的下劃線,靜態圖片或者諸如活潑的JavaScript翻轉動畫等動態精美圖片,面對這些令人炫目的特效,實質上呢,這些連接本質上也是靜態的。直到我們對那些連接感興趣的時候,我們才會決定用滑鼠去點擊。

一旦點擊,相關的頁面將出現文字,圖表,表格或者你感興趣的其它內容,這樣你就立刻可以得到滿足(當然,前提是該連接正確有效,而且該連接所在的伺服器和網路保持正常連接而且運行正常)。

網站的交互體現在,作為一種媒體,網站將會對你的選擇做出響應,然後訪問者就可以循環似的選擇,連接到其它的頁面。重復的作這些,繼續點擊,用戶的選擇就可以及時從伺服器得到響應,這是一個非常讓人愉快的過程。

這樣的通過訪問者的手就能夠控制的交互能力對於電視雜志來說是基本不可能實現的。交互性,也是一種"關系"。作為網站開發者或者設計者,學習如何讓我們的良好的視覺設計和技術開發能力和交互性兼顧,將讓網站的訪問者包括我們自己都會為此感到愉悅。

當然,連接不是交互性的全部,但的確是網站結構和設計的核心和靈魂,就象這個世界本身就令我們非常著迷一樣。

必須要理解網站結構

了解站點的結構是非常重要的,特別是對於你要處理大量的數據來說沒有比這個更重要的事情了。當網站的多個欄目有成百上千的文檔需要管理或者有規則的添加新文件的時候,了解站點的結構成為頭等大事。

了解了網站的結構,我們就可以通過網站結構達到控制文件管理的目的。接下來,通過我們理解的網站結構,我們不但要知道我們的網站將和訪問者的動作如何相互影響,而且要利用我們先進的後台技術,不留痕跡的讓這種交互過程變得強大和有效。

當然,我們知道最初的網站並不想成為一個圖形媒體。最初的想法是創建一個方便存取的文本文件以快速連接文件。舉例來說,如果一個醫生要發表一項關於內科的研究成果共同行參考,他或者她就可以在超級終端的純文本環境裡面,將他的論文的連接加入到一個醫學研究的相關目錄。雖然,今天的站點看起來和以前有很大不同,很多的網站有著非常漂亮的圖形界面,豐富的媒體格式和在線游戲等等,但是其本質並沒有改變。它僅僅是對我們未經訓練的眼睛來說有了明顯的變化。

互動式媒體現在被稱為"新媒體"。"新媒體"以它的交互性與常見的諸如報紙、雜志、書、收音機、標準的動畫片、電視和電影等靜態媒體區別開來。

網頁正快速的從純文本向圖形化過渡。一旦我們使用的圖形瀏覽器開始支持圖形文件格式,文本連接就變成了圖形連接。如今,通過使用形形色色的HTML,CSS和JavaScript(一種越來越廣泛使用無需連接大應用伺服器和資料庫就可以產生交互功能的編程語言)的連接越來越豐富。然而,需要強調的是,我們創作的時候依然要重視網站的基本結構。

最好的方法,是使用一個白板把你腦子裡面的想法畫出來。首先,先畫出站點的基本構成,然後就要考慮有那些令人感興趣的頁面可以可以鏈接到其它哪些頁面,依靠集體的力量最終完成該站點。使用更多的線性結構,可以對訪問者以更好的指引。

最終畫出仔細構思的網站結構

你面臨的最大的挑戰是將你的想法畫出來。如果你現在已經因工作的壓力快要發瘋的時候,建議你出去走走,坐在樹下,用草稿紙畫個草圖也許感覺會輕松一些。先畫出主要的部分,一開始不要使用文字,僅僅把需要重點表現出來的頁面或者站點單元按需要畫出框圖即可。然後,回過頭來想想有幾種可能關聯到那些部分,是否是唯一關聯的部分。按照這樣的方法,在創作的道路上,你可能最終得到令人驚喜的結果。其實,類似於這樣的考驗並不常有,但是對於站點製作人員來說,通過這樣的方法可以受益很多。全面使用你的大腦,你將得到一個更具可用性的站點。

6、急求一張網頁設計,要求啟動DreamWeaver MX軟體,創建目錄、站點,文件命名規范。結構清晰布局合理

大哥 您 考試呢? 笑了。聯系我吧,具體 聊下

7、網頁製作與網站設計報告書

網站項目管理規范
一.概念
網站項目管理就是根據特定的規范、在預算范圍內、按時完成的網站開發任務。
二.需求分析
1.項目立項
我們接到客戶的業務咨詢,經過雙方不斷的接洽和了解,並通過基本的可行性討論夠,初步達成製作協議,這時就需要將項目立項。較好的做法是成立一個專門的項目小組,小組成員包括:項目經理,網頁設計,程序員,測試員,編輯/文檔等必須人員。項目實行項目經理制。
2.客戶的需求說明書
第一步是需要客戶提供一個完整的需求說明。很多客戶對自己的需求並不是很清楚,需要您不斷引導和幫助分析。曾經有一次,我問客戶:「您做網站的目的是什麼?」他回答:「沒有目的,只是因為別人都有,我沒有!」。這樣的客戶就需要耐心說明,仔細分析,挖掘出他潛在的,真正的需求。 配合客戶寫一份詳細的,完整的需求說明會花很多時間,但這樣做是值得的,而且一定要讓客戶滿意,簽字認可。把好這一關,可以杜絕很多因為需求不明或理解偏差造成的失誤和項目失敗。糟糕的需求說明不可能有高質量的網站。那麼需求說明書要達到怎樣的標准呢?簡單說,包含下面幾點:
1.正確性:每個功能必須清楚描寫交付的功能;
2.可行性:確保在當前的開發能力和系統環境下可以實現每個需求;
3.必要性:功能是否必須交付,是否可以推遲實現,是否可以在削減開支情況發生時"砍"掉;
4.簡明性:不要使用專業的網路術語;
5.檢測性:如果開發完畢,客戶可以根據需求檢測。
三.系統分析
1.網站總體設計
在拿到客戶的需求說明後,並不是直接開始製作,而是需要對項目進行總體設計,詳細設計,出一份網站建設方案給客戶。總體設計是非常關鍵的一步。它主要確定:
1.網站需要實現哪些功能;
2.網站開發使用什麼軟體,在什麼樣的硬體環境;
3.需要多少人,多少時間;
4.需要遵循的規則和標准有哪些。
同時需要寫一份總體規劃說明書,包括:
1.網站的欄目和版塊;
2.網站的功能和相應的程序;
3.網站的鏈接結構;
4.如果有資料庫,進行資料庫的概念設計;
5.網站的交互性和用戶友好設計。
2.網站建設方案
在總體設計出來後,一般需要給客戶一個網站建設方案。很多網頁製作公司在接洽業務時就被客戶要求提供方案。那時的方案一般比較籠統,而且在客戶需求不是十分明確的情況下提交方案,往往和實際製作後的結果會有很大差異。所以應該盡量取得客戶的理解,在明確需求並總體設計後提交方案,這樣對雙方都有益處。網站建設方案的包括以下幾個部分:
1.客戶情況分析;
2.網站需要實現的目的和目標;
3.網站形象說明;
4.網站的欄目版塊和結構;
5.網站內容的安排,相互鏈接關系;
6.使用軟體,硬體和技術分析說明;
7.開發時間進度表;
8.宣傳推廣方案;
9.維護方案;
10.製作費用;
11.本公司簡介:成功作品,技術,人才說明等。
當您的方案通過客戶的認可,您可以開始動手製作網站了。但還不是真正意義上的製作,你需要進行詳細設計:
3.網站詳細設計
總體設計階段以比較抽象概括的方式提出了解決問題的辦法。詳細設計階段的任務就是把解法具體化。詳細設計主要是針對程序開發部分來說的。但這個階段的不是真正編寫程序,而是設計出程序的詳細規格說明。這種規格說明的作用很類似於其他工程領域中工程師經常使用的工程藍圖,它們應該 包含必要的細節,例如:程序界面,表單,需要的數據等。程序員可以根據它們寫出實際的程序代碼。
四. 項目實施
1.整體形象設計
在程序員進行詳細設計的同時,網頁設計師開始設計網站的整體形象和首頁。
整體形象設計包括標准字,Logo,標准色彩,廣告語等。 首頁設計包括版面,色彩,圖像,動態效果,圖標等風格設計,也包括banner,菜單,標題,版權等模塊設計。首頁一般設計1-3個不同風格,完成後,供客戶選擇。
記住:在客戶確定首頁風格之後,請客戶簽字認可。以後不得再對版面風格有大的變動,否則視為第二次設計。
開發製作
2.開發製作
到這里,程序員和網頁設計師同時進入全力開發階段,需要提醒的是,測試人員需要隨時測試網頁與程序,發現Bug立刻記錄並反饋修改。不要等到完全製作完畢再測試,這樣會浪費大量的時間和精力。項目經理需要經常了解項目進度,協調和溝通程序員與網頁設計師的工作。
調試完善
3.調試完成
在網站初步完成後,上傳到伺服器,對網站進行全范圍的測試。包括速度,兼容性,交互性,鏈接正確性,程序健壯性,超流量測試等,發現問題及時解決並記錄下來。
為什麼要記錄文檔呢?其實本軟體工程本身就是一個文檔,是一個不斷充實和完善的標准。通過不斷的發現問題,解決問題,修改,補充文檔,使這個標准越來越規范,越來越工業化。進而使得網站開發趨向規范,趨向合理。
4.宣傳推廣
宣傳推廣的基本方法有:
1.網頁里設置適當的META標簽;
2.各搜索引擎登錄;
3.准備新聞稿件在各新聞公告板發表;
4.合理使用Email郵件列表;
5.廣告條交換;
6.付費廣告。
至此,網站項目建設完畢,將有關網址,使用操作說明文檔等提交客戶驗收。如果需要維護,另行簽定維護項目。
五.維護
網站成功推出後,長期的維護工作才剛剛開始,需要做到的是:
1.及時響應客戶反饋;例如可以採取Email自動回復功能,然後在1-3個工作日里解決問題,再次回復;
2.網站流量統計分析和相應對策;
3.盡量推廣和使用您的網址;
4.網站內容的及時更新和維護。
六.遵循的規范
1.網站建設目錄規范
2.網站文件命名規范
3.網站建設尺寸規范
4.網站首頁head區代碼規范
5.網站連接結構規范

網站開發規范
任何一個項目或者系統開發之前都需要定製一個開發約定和規則,這樣有利於項目的整體風格統一、代碼維護和擴展。由於Web項目開發的分散性、獨立性、整合的交互性等,所以定製一套完整的約定和規則顯得尤為重要。定製一系列約定和規則,包括組件團隊、文件夾命名規則、文件名命名規則、程序代碼編程風格、資料庫設計約定。這些規則和約定需要與開發人員、設計人員和維護人員共同討論定製,將來開發都將嚴格按規則或約定開發。每個團隊開發都應有自己的一套規范,一個優良可行的規范可以使我們工作得心應手事半功倍,這些規范都不是唯一的標准不存在對與錯,也許有些地方與你當前使用的習慣相駁,很多地方都有爭議。。
非常明顯在Web項目開發中有前後台開發之分,前台開發主要是指非程序編程部分,主要職責是網站AI設計、界面設計、動畫設計等。而後台開發主要是編程和網站運行平台搭建,其主要職責是設計網站資料庫和網站功能模板的實現。下面的這些規范主要是從這2個方面來定製的,這些規范是工作中總結的一點經驗,本文檔比較適合中小型網站或者Web項目的開發規范。
一.組建開發團隊
在接手項目後的第一件事是組建團隊。根據項目的大小團隊可以有幾十人,也有可以是只有幾個人的小團隊,在團隊劃分中應該含有6個角色,這6個角色是必須的,分別是項目經理,策劃,美工,程序員,代碼整合員,測試員。也許你的團隊還沒有6個人,沒有關系一個人可以有多個角色,比如項目經理還可以有策劃這個角色,如程序員還可以含有代碼整合和測試這2個角色,如果你的項目夠大人數夠多那就分為6個組,每個組分工再來細分。下面簡單介紹一下這6個角色的具體職責。
項目經理,項目總體設計,開發進度的定製和監控,定製相應的開發規范,負責各個環節的評審工作,協調各個成員(小組)之間開發。策劃,提供詳細的策劃方案和需求分析。還包括後期網站推廣方面的策劃。美工,根據策劃和需求設計網站AI,界面,Logo等。程序員,根據項目總體設計來設計資料庫和功能模塊的實現。代碼整合員,負責將程序員的代碼和界面融合到一起,代碼整合員可以製作網站的相關頁面,測試員,負責測試程序。
二.開發工具
Web開發工具主要分為3部分,第一部分是網站前台開發工具,第二部分是網站後台開發環境,第三部分是項目管理和輔助軟體。下面分別簡單介紹這三部分需要使用的軟體。
網站前台開發主要是指Web界面設計。包括網站整體框架建立、常用圖片、Flash動畫設計等等,主要使用的相關軟體是:Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等。
網站後台開發主要指網站動態程序開發、資料庫建模,主要使用的相關軟體是: PowerDesigner(資料庫建模),PowerDesigner在資料庫設計方面應用非常強大,用它可以快速創建資料庫概念和物理模型,我最喜歡的還是它生成資料庫Report的功能太方便了,設計資料庫強烈推薦用它。Rational Rose(程序建模),如果你的項目功能模塊不是特別復雜那就剩了它吧,這樣會節省一些時間和開發的復雜度,不過我個人認為不管是大項目還是小項目都應該畫畫Rose圖。
網站項目管理主要指對開發進度和代碼版本的控制。開發進度用Microsoft Project來制定,代碼版本控制採用Visual SourceSafe,當然還有其他的選擇比如CVS和Rational ClearCase。網站測試採用VS.net的附帶工具Microsoft Application Center Test,它可以進行並行、負載測試等。程序文檔編寫採用Word,用WPS也可以。
三.網站開發流程
在項目開始實施之前應該有一個工作步驟也就是工作流程,在項目開發中最需要時間的是總體設計和系統測試,而程序編寫代碼所佔的時間並不多,但有的團隊就急於開發寫代碼,先把程序寫出來再說,沒有注重評審和測試這2個環節,結果造成返工,我在一家比較大的公司中都遇到多次這種情況。所以項目來了不要急於開工寫代碼,應該一步一步慢慢來,只有走的慢才能走得穩走得遠。圖1的開發流程比較好地體現開發的整個環節。

圖 1
從圖1可以看到2條主線,這2條主線分別是前台開發和後台開發。前後台開發在項目開發早期互相沒有交叉,當然不是絕對沒有,Web策劃和需求分析都是互相有關系的,一個是網站表現形式和風格的策劃另一個是網站功能的策劃,它們是衣服和軀乾的關系。到了開發後期就需要把界面和功能模塊結合起來形成一個統一,也就即將發布的網站。
四.資料庫開發規范
數據文件命名採用系統名+_+文件類型,比如系統名為kupage,則資料庫文件命名為kupage_database.mdf,有的資料庫文件有多個,比如SQL Server就有2個,一個是資料庫文件,另一個是日誌文件,那麼他們的文件命名分別為kupage_database.mdf,kupage_log.log。文件名全部採用小寫。
資料庫表命名規范,表名長度不能超過30個字元,表名中含有單詞全部採用單數形式,單詞首寫字母要大寫,多個單詞間不用任何連接符號。若庫中有多個系統,表名採用系統名稱+單詞或多個單詞,系統名是開發系統的縮寫,系統名稱全部採用小寫英文字元,如bbsTitle,bbsForumType。若庫中只含有一個系統,那麼表名僅用一個單詞或多個單詞。單詞選擇能夠概括表內容的一個或多個英文單詞,如UserInfo,UserType。關連表命名規則為Re_表A_表B,Re是Relative的縮寫,如:Re_User_ArticleType, Re_User_FormType。
資料庫欄位命名規范,資料庫欄位名全部採用小寫英文單詞,單詞之間用」_」隔開,命名規則是表別名+單詞,如:user_name,user_pwd。表別名規則,如果表名是一個單詞,別名就取單詞的前4 個字母;如果表名是兩個單詞,就各取兩個單詞的前兩個字母組成4 個字母長的別名;如果表的名字由3 個單片語成,你不妨從頭兩個單詞中各取一個然後從最後一個單詞中再取出兩個字母,結果還是組成4 字母長的別名。
視圖名採用規則View_表A_表B_表C,View表示視圖。這個視圖由幾個表產生就用」_」連接幾個表的名,如果表過多可以將表名適當簡化,但一定要列出所有表名。
存儲過程命名規則P_表名_存取過程名(縮寫),比如P_User_Del,P_ArticleType_AddData。
SQL語句編寫規則,關鍵字必須大寫,其他書寫按上述命名規則,比如:
SELECT user_id, user_name FROM User WHERE user_id = 『tom』
五.文件夾文件名命名規范
文件夾命名一般採用英文,長度一般不超過20個字元,命名採用小寫字母。除特殊情況才使用中文拼音,一些常見的文件夾命名如:images(存放圖形文件),flash(存放Flash文件),style(存放CSS文件),scripts(存放Javascript腳本),inc(存放include文件),link(存放友情鏈接),media(存放多媒體文件)等。
文件名稱統一用小寫的英文字母、數字和下劃線的組合。命名原則的指導思想一是使得你自己和工作組的每一個成員能夠方便的理解每一個文件的意義,二是當我們在文件夾中使用「按名稱排例」的命令時,同一種大類的文件能夠排列在一起,以便我們查找、修改、替換、計算負載量等等操作 。
1、圖片的命名原則名稱分為頭尾兩部分,用下劃線隔開,頭部分表示此圖片的大類性質例如廣告、標志、菜單、按鈕等等。
放置在頁面頂部的廣告、裝飾圖案等長方形的圖片取名: banner
標志性的圖片取名為: logo
在頁面上位置不固定並且帶有鏈接的小圖片我們取名為 button
在頁面上某一個位置連續出現,性質相同的鏈接欄目的圖片我們取名: menu
裝飾用的照片我們取名: pic
不帶鏈接表示標題的圖片我們取名: title
下面是幾個範例: banner_sohu.gif 、banner_sina.gif、 menu_aboutus.gif 、menu_job.gif、 title_news.gif、 logo_police.gif、 logo_national.gif 、pic_people.jpg 。
2、動態語言文件命名規則性質_描述,描述可以有多個單詞,用」_」隔開,性質一般是該頁面得概要。
範例:register_form.asp,register_post.asp,topic_lock.asp
六.程序代碼編程規范
一個良好的程序編碼風格有利於系統的維護,代碼也易於閱讀查錯。在此只討論ASP的編程風格和約定。在ASP中所有變數是弱變數,無需定義就可以直接使用,而且代碼不區分大小寫。但其他語言一般這些都要定義的,為了養成良好的編程習慣,編寫代碼務必按照一下規則。
1、每個變數名必須定義,在ASP文件的最開始添加語句,強制定製每個變數。
2、出於易讀和一致性的目的,在代碼中使用以下變數命名約定:
子類型 前綴 示例
Boolean bln blnFound
Byte byt bytRasterData
Date (Time) dtm dtmStart
Double dbl dblTolerance
Error err errOrderNum
Integer int intQuantity
Long lng lngDistance
Object obj objCurrent
Single sng sngAverage
String str strFirstName
3、程序代碼需要有縮進,縮進採用鍵盤Tab鍵,不採用空格鍵。並且」=」或者鏈接字元串時需要左右空一格,如下:
4、函數過程編寫的約定。函數或者過程命名採用動作+名詞,每個函數需要給出相應的注釋,函數功能,傳入變數,以及作者和修改相關信息。如下面函數:
<%
'[功能] 返回一個參數的值
'[參數] strParameterName 參數名稱
'[作者] icefire 2002/8/20 am
Function GetParameterValue(strParameterName)
Dim objRS, strSQL, strParameterValue
strSQL = "SELECT ParameterValue FROM damsParameters WHERE ParameterName = '" & strParameterName & "'"
.
.
.
GetParameterValue = strParameterValue
Set objRS = Nothing
End Function
5、ASP內置對象區分大小寫。如下代碼片斷
strUserName = Request.Form(「UserName」)
Set conn = Server.CreateObject("ADODB.Connection")
6、資料庫連接一個庫只能有一個資料庫連接文件,創建資料庫對象得原則是盡可能晚地打開資料庫,盡可能早地關閉資料庫。創建資料庫對象調用統一地創建函數。如下:
Sub OpenConn(ByRef conn)
Dim strDBPath, strDBConnection
strDBPath = Server.MapPath("database/tax.mdb")
strDBConnnection = "Driver={Microsoft Access Driver (*.mdb)}; DBQ=" & strDBPath
Set conn = Server.CreateObject("ADODB.Connection")
conn.Open strDBConnnection
End Sub
7、當一個對象不在使用時要釋放對象資源,比如objFSO,objRS對象等。採用統一函數調用。函數如下:
Sub CloseObj(ByRef obj)
If IsObject(obj) Then
obj.Close
Set obj = nothing
End If
End Sub
8、時間全部以字元串的形式保存到資料庫中,這樣做能夠是日期在不同的資料庫中都能良好地保存,也方便資料庫地遷移。時間用14位字元串保存,日期用8位字元串保存。
七.網站首頁head區代碼規范
head區是指首頁HTML代碼的<head>和</head>之間的內容。 必須加入的標簽
1.公司版權注釋
<!--- The site is designed by Maketown,Inc 06/2004 --->
2.網頁顯示字元集
簡體中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
繁體中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">
英 語:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
3.網頁製作者信息
<META name="author" content="[email protected]">
4.網站簡介
<META NAME="DESCRIPTION" CONTENT="本站是一個醫療站點…">
5.搜索關鍵字
<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">
6.網頁的css規范
<LINK href="style/style.css" rel="stylesheet" type="text/css">
(參見目錄及命名規范)
7.網頁標題
<title>xxxxxxxxxxxxxxxxxx</title>
8.可以選擇加入的標簽
1.設定網頁的到期時間。一旦網頁過期,必須到伺服器上重新調閱。
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
2.禁止瀏覽器從本地機的緩存中調閱頁面內容。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
3.用來防止別人在框架里調用你的頁面。
<META HTTP-EQUIV="Window-target" CONTENT="_top">
4.自動跳轉。
<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com"> 5指時間停留5秒。
5.網頁搜索機器人向導.用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引。
<META NAME="robots" CONTENT="none">
CONTENT的參數有all,none,index,noindex,follow,nofollow。默認是all。
6.收藏夾圖標
<link rel = "Shortcut Icon" href="favicon.ico">
所有的javascript的調用盡量採取外部調用.
<SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>
附<body>標簽:
<body>標簽不屬於head區,這里強調一下,為了保證瀏覽器的兼容性,必須設置頁面背景<body bgcolor="#FFFFFF">
八.網站建設尺寸規范
1. 頁面標准按800*600解析度製作,實際尺寸為778*434px
2. 頁面長度原則上不超過3屏,寬度不超過1屏
3. 每個標准頁面為A4幅面大小,即8.5X11英寸
4. 全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px
5. 另外120*90,120*60也是小圖標的標准尺寸
6. 每個非首頁靜態頁面含圖片位元組不超過60K,全尺寸banner不超過14K

8、自適應網站一屏式的設計規范是什麼?

自適應網站可以建成1920的寬度,一般都是用百分比來控制的,圖片寬度尺寸1920像素可以,最終會隨著屏幕的大小而自適應。
圖片具體的尺寸根據你每個模塊分割的尺寸來決定。
比如說首頁的輪播圖你想全屏顯示圖片寬度就設置1920PX,輪播圖的圖片以橫構圖為主。
一般都建議用橫構圖,豎構圖的話高度不好控制,除非你劃分了某個區域是豎構型的。

9、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;在網站運營支持方面,融入目前居於領先地位的網站優化思想和方法,使得遵照規范建設的企業網站全面符合主流搜索引擎的優化指南,具有明顯的搜索引擎優化優勢。
網站規劃:
•整體規劃合理,主輔菜單不清晰;
•網站建設導向明確,重點突出;
•欄目適應;
•各欄目統一規劃,整個網站比較清晰;
•網站的促銷功能得到明顯體現。

與網頁管理站設計的規范相關的知識