在程序員進行詳細設計的同時,網頁設計師開始設計網站的整體形象和首頁。
整體形象設計包括標準字,Logo,標準色彩,廣告語等。 首頁設計包括版面,色彩,圖像,動態效果,圖標等風格設計,也包括banner,菜單,標題,版權等模塊設計。首頁一般設計1-3個不同風格,完成后,供客戶選擇。
(整體形象設計這里簡略帶過,詳細說明見 http://www.realsky.com/ 網頁制作版《網站設計的思考》系列文章)
記。涸诳蛻舸_定首頁風格之后,請客戶簽字認可。以后不得再對版面風格有大的變動,否則視為第二次設計。
2.開發制作
到這里,程序員和網頁設計師同時進入全力開發階段,需要提醒的是,測試人員需要隨時測試網頁與程序,發現Bug立刻記錄并反饋修改。不要等到完全制作完畢再測試,這樣會浪費大量的時間和精力。項目經理需要經常了解項目進度,協調和溝通程序員與網頁設計師的工作。
3.調試完善
在網站初步完成后,上傳到服務器,對網站進行全范圍的測試。包括速度,兼容性,交互性,鏈接正確性,程序健壯性,超流量測試等,發現問題及時解決并記錄下來。
為什么要記錄文檔呢?其實本軟件工程本身就是一個文檔,是一個不斷充實和完善的標準。通過不斷的發現問題,解決問題,修改,補充文檔,使這個標準越來越規范,越來越工業化。進而使得網站開發趨向規范,趨向合理。
4.宣傳推廣
宣傳推廣的基本方法有:
a.網頁里設置適當的META標簽;
b.各搜索引擎登錄;
c.準備新聞稿件在各新聞公告板發表;
d.合理使用Email郵件列表;
e.廣告條交換;
f.付費廣告。
至此,網站項目建設完畢,將有關網址,使用操作說明文檔等提交客戶驗收。如果需要維護,另行簽定維護項目。
(附)維護
網站成功推出后,長期的維護工作才剛剛開始,我們需要做到的是:
a.及時響應客戶反饋;例如可以采取Email自動回復功能,然后在1-3個工作日里解決問題,再次回復;
b.網站流量統計分析和相應對策;
c.盡量推廣和使用您的網址;
d.網站內容的及時更新和維護。
1.網站目錄規范
目錄建立的原則:以最少的層次提供最清晰簡便的訪問結構。
a.根目錄。根目錄指DNS域名服務器指向的索引文件的存放目錄。根目錄只允許存放index.html和main.html文件,以及其他必須的系統文件;
b.每個語言版本存放于獨立的目錄;
c.每個主要功能(主菜單)建立一個相應的獨立目錄;
d.當頁面超過20頁,每個目錄下存放各自獨立images目錄.共用的圖片放在根目錄下的images目錄下;
e.所有的js文件存放在根目錄下統一目錄script;
f.所有的CSS文件存放在各語言版本下的style目錄
g.所有的CGI程序存放在根目錄并列目錄cgi_bin目錄
2.文件命名規范
文件命名的原則:以最少的字母達到最容易理解的意義。
a.索引文件統一使用index.html文件名(小寫)。index.html文件統一作為"橋頁",不制作具體內容,僅僅作為跳轉頁和meta標簽頁。主內容頁為main.htm;
b.菜單圖片名稱按菜單名的英語翻譯為名稱。例如:
關于我們 aboutus
信息反饋 feedback
產 品 product
所有單英文單詞文件名都必須為小寫,所有組合英文單詞文件名第二個起第一個字母大寫;
c.所有文件名字母間連線都為下劃線
d.圖片命名原則以圖片英語字母為名。大小原則寫同上。
e.js的命名原則以功能的英語單詞為名。例如:廣告條的js文件名為:ad.js
f.所有的CGI文件后綴為.cgi。
3.鏈接結構規范
鏈接結構的原則:用最少的鏈接,使得瀏覽最有效率。
首頁和一級頁面之間用星狀鏈接結構,一級和二級頁面之間用樹狀鏈接結構。超過三級頁面,在頁面頂部設置導航條。
4.尺寸規范
a.頁面標準按800*600分辨率制作,實際尺寸為778*434px
b.每個標準頁面為A4幅面大小,即8.5X11英寸
c.大banner為468*60px,小banner為88*31px
head區是指首頁HTML代碼的< head>和< /head>之間的內容。
必須加入的標簽:
a.公司版權注釋
< !--- The site is designed by Maketown,Inc 06/2000 --->
b.網頁顯示字符集
簡體中文:< 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">
c.網頁制作者信息
< META name="author" content="webmaster@maketown.com">
d.網站簡介
< META NAME="DESCRIPTION" CONTENT="xxxxxxxxxxxxxxxxxxxxxxxxxx">
e.搜索關鍵字
< META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">
f.網頁的css規范
< LINK href="style/style.css" rel="stylesheet" type="text/css">
g.網頁標題
< title>xxxxxxxxxxxxxxxxxx< /title>
寫在最后
以上僅僅是阿捷自己的經驗和心得總結,而且偏重了設計方面。網站工程是一個復雜和全面的規范,還有許多方面和細節需要不斷完善和規范,比如:網站工程的風險控制,網站項目的質量管理和人員考核,項目的分解和分配,網站的營銷策劃等等。希望通過這里的拋磚引玉,吸引更多的網站項目管理者來參與討論,貢獻自己的經驗和見解,使我們的行業更加成熟,更加規范。
文章來源于領測軟件測試網 http://www.kjueaiud.com/