1、網頁製作策劃書
1、 建設企業網站所遵循的一般原則
(1) 系統性原則。同時提供設計方案。設計實施單位應充分了解企業文化和企業機構及管理信息等基本情況,對營銷目標、行業競爭狀況、產品特徵、用戶需求行為以及網站推廣運營等基本問題等要素融入到網站建設方案中。
(2) 完整性原則。企業網站是企業在互聯網上的經營場所,應該為用戶提供完整的信息和服務:網站的基本要素合理、完整;網站的內容全面、有效;網站的服務和功能適用、方便;網站建設與網站運營維護銜接並提供支持。
(3) 友好性原則。網站的友好性包括三個方面:對用戶友好——滿足用戶需求、獲得用戶信任;對網路環境友好——適合搜索引擎檢索、便於積累網路營銷資源;對經營者友好——網站便於管理維護、提高工作效率。
(4) 簡單性原則。在保證網站基本要素完整的前提下,盡可能減少不相關的內容、圖片和多媒體文件等,使得用戶以盡可能少的點擊次數和盡可能短的時間獲得需要的信息和服務。
(5) 適應性原則。企業網站的功能、內容、服務和表現形式等需要適應不斷變化的網路營銷環境,網站應具有連續性和可擴展性。
2、網站建設基本流程規范
企業網站建設(升級改版)包含下列基本流程:
(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;在網站運營支持方面,融入目前居於領先地位的網站優化思想和方法,使得遵照規范建設的企業網站全面符合主流搜索引擎的優化指南,具有明顯的搜索引擎優化優勢。
網站規劃:
•整體規劃合理,主輔菜單不清晰;
•網站建設導向明確,重點突出;
•欄目適應;
•各欄目統一規劃,整個網站比較清晰;
•網站的促銷功能得到明顯體現。
菜單設置:
•菜單採用不宜圖片形式,圖標標識明確,有文字說明,不要用戶移動滑鼠進行猜測;
•菜單層次不宜過多,有效信息層次要少,不需要多次點擊才能找到有效信息;
•過多採用滑鼠響應式菜單,欄目設置不合理,使得用戶難以發現需要的信息;
•欄目設置有重疊;
•欄目名稱意義不明確,容易造成混淆;
•全flash首頁和菜單,無法優化處理,也沒有相應的文字說明,不採用。
•欄目清晰夠用,但重要信息完整,充分體現有效信息。
網站首頁:
•少採用大型圖片,用戶關心的信息在首頁體現,不應多次點擊;
•首頁下載速度要快;
•首頁有效信息量豐富;
•首頁有標題;
•提供一種以上外語鏈接頁面。
•主頁布局比整潔,重要信息得以重點體現;
•打開網頁不宜彈出多個窗口,影響正常瀏覽;
•不要刻意追求「創意」效果,以至於很難理解網站要表達的意思。
頁面信息:
•重要信息完整,如聯系方式和產品介紹等;
•頁面信息足夠,減少多次翻頁;
•去除與企業形象、產品、促銷等方面無關的信息;
•產品詳細介紹內容過少;
•內容頁面沒有標題,或者全部使用公司名為標題;
•客戶能夠方便的及時維護補充,保持其時效性;
•不允許有無任何內容的欄目。
網頁字體和美工:
•注重美術效果,但不必大量採用圖片,影響網頁下載速度;
•注重美觀,但有些連基本信息內容都不可用圖片格式,影響基本信息獲取;
•文字適中、顏色明晰、不影響正常視覺;
•頁面不應過於花哨。
必須克服的問題 :
(1)網站規劃和欄目設置要合理:主要表現在欄目設置不應有重疊、交叉、或者欄目名稱意義不明確,容易造成混淆,使得用戶難以發現需要的信息,避免欄目過於繁多和雜亂、網站導航系統混亂;
(2)重要信息完整:企業介紹、聯系方式、產品分類和詳細介紹、產品促銷等是企業網站最基本的信息,企業網站上這些重要信息完整;
(3)網頁信息量足夠:包括兩種情況:一種頁面上的內容,或者將本來一個網頁可以發布的內容不可分為多個網頁,而且各網頁之間必須有相互鏈接,不需要再次點擊主頁;另一方面是盡管內容總量不少,但有用的信息少,籠統介紹的內容多;
(4)欄目層次過深。重要的信息應該出現在最容易被用戶發現的位置,應盡可能縮簡訊息傳遞的渠道,以使企業信息更加有效地傳遞給用戶;
(5)網站有利於促銷:通過網站向訪問者展示產品、對銷售提供支持,有多種具體表現方式,如主要頁面的產品圖片、介紹、通過頁面廣告較好體現出企業形象或者新產品信息、列出銷售機構聯系方式、銷售網店信息等,或者具有積累內部網路營銷資源和拓展外部網路營銷資源的作用 。
1. XHTML 適應現在越多的網路設備和應用的需要 ;
2. XML是web發展的趨勢 。 可以使web平滑的過渡到XML。
3. 使用XHTML 嚴密。
4. XHTML 與其它基於XML的標記語言、應用程序及協議進行良好的交互工作。
這是中國互聯網協會對企業網站製作的標准,這樣做會使其網站價格提升.
一般情況下單位做網站還是用.net語言為好,價格便宜安全性能好,不要使用asp太落後了,而且安全性不好。jsp價格高點,就是虛擬主機價格偏高。
如果需要可以給我留言
不明白的在告訴我。
你是需求方吧?你想怎麼做?
需要我幫你出標書方案?
這樣,你只要吧你所需要的和網站需要實現的功能呢個弄出來,加上以上的條款,整理一下就可以.
還有問題嗎?
2、網頁設計的規劃書
一、實驗目的和要求
綜合應用Dreamweaver 8的基礎知識創建和編輯網頁。
二、實驗內容及步驟
(1) 在「文件」中新建一個網頁,在「插入面板」的「布局」中,新建「左側和嵌套的頂部框架」框架,並使框架網頁符合下列要求。
① 「文件」中的「框架集」另存為,保存框架集時,把框架集文件名改為index.htm。
② 在「框架浮動面板」中選中左框架,在「文件」中選擇「保存框架頁」,同時給左框架文件命名為left.htm,在框架浮動面板中選中左框架,在「修改」中將「頁面屬性」中設置背景圖像為bg0035.jpg以及左框架的列寬度為320像素。
③在框架浮動面板中選中頂框架,在「文件」中選擇「保存框架頁」,頂框架文件名為top.htm,選中頂框架,「屬性面板」中設置行高度為65像素。
④ 選中主框架,在「屬性面板」中設置主框架頁面的「滾動」方式為自動,[源文件]為本地站點中的網頁文件main.htm。
⑤ 分別選中3個框架,在「屬性面板」,「頁面屬性」中將三個框架網頁的頁面屬性「左邊界」、「頂部邊界」、「邊界寬度」、「邊界高度」設為0,在「文件」中選擇「保存全部」,將全部框架文件保存在本地站點中。
(2) 用photo子文件夾中的圖像創建網站圖像冊,其要求如下。
①新建一個網頁,在「命令」中「創建網站相冊」,在彈出的窗口中設置標題為「名畫——人類的精神糧食」,省略副標題。
②在①彈出的窗口中繼續設置頁面圖像的縮略圖尺寸為100*100像素;每行列數我為6列;縮略圖像文件格式為.jpg。
③在①彈出的窗口中繼續設置「源圖像文件」為本地站點根文件夾中的photo子文件夾,「目標文件夾」為本地站點根文件夾,其他參數默認。
④在「頁面屬性」中用img文件夾中的文件bg0029.jpg設置網頁背景圖像。
⑤插入「庫」項目:在頁面中插入層,點擊「文件浮動面板」,「資源」中選擇「庫」,選中庫項目return,按下」插入」按鈕。
⑥在「文件」中選擇「另存為」,保存網頁文件,以index1.htm為名保存在本地站點的根文件夾中。
(3) 新建一個網頁,命名為 fg1.htm,並將此文件保存本地站點根文件夾中。打開文件fangao.dwt.
①將 「梵高的故事.doc」中的文字內容復制粘貼到網頁文字可編輯區域的藍色框中,並在模板左側2個圖像可編輯區域中,單擊可編輯區域,在「插入」中選擇「圖像」,選擇img文件夾中的tu1_3.jpg和tu2_3.jpg,模板頂部標題可編輯區域輸入文字「梵高的故事」。
②在「屬性面板」中選擇「樣式」,「附加樣式表」,附加本地站點根文件夾中的外部層疊樣式表文件format.css,選中網頁標題,在「屬性面板」樣式中選擇title作用於網頁標題,同樣方法將樣式format作用於網頁中的其他文字,樣式filter作用於圖像文件tu1_3.jpg和tu2_3.jpg。
③把游標放在要插入的位置,在「插入」中選擇「命名錨記」,輸入名稱」aa」,在網頁中最後一段的文字「鑲板畫」中間插入用於超鏈接的名為「aa」的站點。
④在頁面左下角插入層, 在「文件浮動面板」的「資源」中選擇「庫」,選中庫項目return,按下」插入」按鈕。
(4) 新建網頁文件,並將此文件以fg2.htm為名保存在本地站點的文件夾中。
①在「屬性面板」的「頁面屬性」中設置頁面背景圖像為bg0029.jpg,在「插入」中選中「表單」中的「表單」。在「屬性面板」中設置表單的名稱為:「調查」,動作為:答題學生本人的郵件地址,方式為:POST。
②輸入文字「問卷調查」,選中文字在「屬性面板「中設定」居中」,並設置文字格式。
③在「插入」中選擇「表單」,「文本域」,在表單的第2行,插入文本域。設置標簽文字為「姓名」,確定.選中文本域,在「屬性面板」中設置「字元寬度」為20,「類型」為單行,「最多字元數」為20。
④在「插入」中選擇「表單」,「單選按鈕組」,在同一行中再插入單選按鈕組,單選按鈕組的名稱為「性別」。將標簽改為」男\女」,在屬性面板中設置標識是「男」的單選按鈕的「初始狀態」為已勾選,「選定值」為「男」。標識為「女」的單選按鈕的「初始狀態」為未勾選,「選定值」為「女」。
⑤在「插入」中選擇「表單」,「文本區域」,在表單的第3行中插入多行文本域,在彈出的窗口中設置標簽文字為「談談你對本網站的觀感:」。換行後,插入多行文本域,選中該文本域,在屬性面板中設置其「字元寬度」為50,「類型」為多行,「行數」為10,「換行」為默認,「初始值」為「請發表您的瀏覽觀感」。
⑥在「插入」中選擇「表單」,「按鈕」,在表單的第5行居中插入2個按鈕,在「屬性面板」中並分別將它們的「標簽」和「動作」設為:遞交表單和重設表單。
⑦在頁面左下角插入層, 在「文件浮動面板」中選擇「資源」,「庫」,選中庫項目return,按下」插入」按鈕。
(5) 打開網頁首頁文件index.htm。
①點擊頂部框架,在「插入」中選擇「媒體」中的flash,在頂部框架中插入Flash文件fgl.swf。
②在「插入面板」的「布局」中選擇「繪制布局表格」,在左框架的上半部分畫布局表格,在其中畫5個布局單元格分別選中,在「屬性面板」中設置大小為93*63像素,在「插入」中選擇「滑鼠經過圖像」,在其中分別插入「滑鼠經過圖像」,在彈出的窗口中設置其「原始圖像」文件分別為tu1_2.gif、tu2_2.gif、tu3_2.gif、tu4_2.gif、tu5_2.gif,「滑鼠經過圖像」文件分別為tu1_1.gif、tu2_1.gif、tu3_1.gif、tu4_1.gif、tu5_1.gif。
③在左框架的下半部分按樣張畫三個層,屬性設置為210*150大小,在這個3層中插入3幅圖像分別是tu1_3.gif、tu2_3.gif、tu3_3.gif,選中3個層,在「修改」中選擇「排列順序」中設置3個層重疊,分別將3個層選中,在右鍵菜單中選擇添加到時間軸,在3幅圖像的動畫條中插入適當的關鍵幀,在「屬性」中更改關鍵幀處的可見性,製作時間軸控制3幅圖像輪流顯示的時間軸動畫,每幅圖像顯示的時間為1s,並鉤選自動播放和循環
④在「文件浮動面板」的「資源」中選擇「庫」中,選中庫項目return,點擊面板右下角的」編輯」按鈕,選中它,在「屬性面板」中設置其與首頁index.htm建立鏈接,並使首頁index.htm在復框架中顯示,目標_parent,然後「修改」中選擇「庫」的「更新頁面站點」。
⑤在首頁文件index.htm被瀏覽時播放聲音文件Applause.wav。
⑥將文件保存
.
(6) 按下列要求為左框架中的5個圖像按鈕添加行為和超鏈接。
①選中圖像,在「行為面板」中選擇行為「Ondblclick」.然後「添加行為」,「控制shockwave或flash」,操作:停止, 在「行為面板」中選擇行為Onclick,「添加行為」「控制shockwave或flash」,操作:播放,可達到以下效果:雙擊該圖像,停止播放頂部框架中的Flash文件fg1.swf,單擊該圖像,開始播放頂部框架中的Flash文件fg1.swf。
②選中第2個滑鼠經過圖像在「屬性面板」添加超鏈接,鏈接至index1.htm,選擇「目標」為「mainframe」可達到以下效果:單擊此圖像是鏈接網站相冊文件index1.htm,並使該文件在主框架中顯示。
③選中圖片在「屬性面板」中設置鏈接為fg1.htm#aa,目標為_mainframe,即可單擊此圖像時鏈接到文件fg1.htm的錨點「aa」上,並使該文件在主框架中顯示。
④給網頁左框架第4個滑鼠經過圖像添加超鏈接,選中圖片,在「屬性面板」中設置鏈接至fg2.htm, 目標為_mainframe,即可單擊此圖像時鏈接到文件fg2.htm上,並使該文件在主框架中顯示。
⑤選中圖像,在行為面板中選擇行為「Ondblclick」, 「添加行為」「控制」shockwave或flash,操作:停止;選擇行為「Onclick」, 「添加行為」「控制」shockwave或flash,操作:播放。使雙擊該圖像,停止播放左框架底部的時間軸動畫,單擊該圖像,開始播放左框架底部的時間軸動畫。
三、實驗中遇到的問題及解決方法
1.起初插入的flash動畫始終無法顯示,插入的main.htm中有個別圖象無法顯示,通過改變絕對路徑,完成顯示效果.
2.做超鏈接時,鏈接的無效果,通過改變鏈接途徑達到鏈接效果。
3.在做最後一步的六個圖片的超鏈接時,添加行為和控制shockwave或flash,多次操作和調試都無法成功,後來經過請教同學,知道是在「行為面板」中選擇行為「Ondblclick」.然後「添加行為」,「控制shockwave或flash」,操作:停止,再在「行為面板」中選擇行為Onclick,「添加行為」「控制shockwave或flash」,操作:播放,即可達到要求的效果。
4.在做3副圖象輪流顯示的時間軸動畫時,開始不會做,後來知道是在右鍵菜單中選擇「添加到時間軸」,在3幅圖像的動畫條中插入適當的關鍵幀,在「屬性」中更改關鍵幀處的可見性,製作時間軸控制3幅圖像輪流顯示的時間軸動畫,每幅圖像顯示的時間為1s,並鉤選自動播放和循環。
3、什麼是網頁設計?
網頁設計,又稱web界面設計,是企業將產品、服務、理念、文化等信息傳遞給訪問者的一種形式,和我們通常所見的平面設計是有一些不同之處的,最為主要的就是利用文字和圖片之間的組合,從而達到很好的和諧與美的布局設計。
網頁設計中需要達到的一個要求就是需要體現不同頁面之間的聯系,正確處理網頁之間、網頁的順序和內容、網頁內部和區域之間的關系。為了可以使得最終的效果得到良好的呈現,在布局的時候需要特別的注意是否合理和諧,美化視覺的合理性,讓參觀者有一個流暢的視覺體驗
4、網頁設計需要學習什麼?
學HTML,必須的。學好這個然後學DIV+CSS,當然要把網頁做的好看。必須學會PS,也就是PHOTOSHOP。這兩樣學會了。就會做一般的靜態網站了。如果想做一些動態效果,就得學FLASH。要是想做動態數據,就要學,PHP,ASP,JSP ,.NET中的某種。最重要的還是,HTML CSS 和PS了。這個是基礎。
從哪入手,學什麼軟體,怎麼學。
先學會做第一個HTML網頁,學DREAMWEAVER做。看一本書,先大概看完,看完後,主要是手動操作,要忘記書,書這東西有時候是好東西,可是你看完後,到操作上了,就要忘記書。大概了解後。就可以直接操作了。不出一個星期你定能學會必要的操作。然後學TABLE做表格。兩三天,這個學好了,然後學TABLE+CSS,做漂亮的表格。兩三天,這個學好了。學DIV+CSS做網頁,最多一個月。DIV+CSS是最高難度的。因為涉及到非常多的兼容仍屬,這個你都學會了。就是一個基礎前端了。會做網站了。
用案例來學,積極性會很高。建議,直接找一個網頁。然後照那個網頁的樣子,模仿出來。等你能仿出任何網站了,說明你的基本功就到位了。
希望採納!!
5、網頁製作與網站設計報告書
網站項目管理規范
一.概念
網站項目管理就是根據特定的規范、在預算范圍內、按時完成的網站開發任務。
二.需求分析
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
6、求一份網頁製作策劃書
那你這樣看是策劃什麼類型的網站了 網站類型有多種:政府網站、商業網站、企業網站、個人網站等
以下是個人網站的策劃:
1、網站作用:讓別人了解我認識我
2、網站規模:因為是個人網站一般由一二十個網頁組成,所以規模不大
3、網站目標客戶:同學,朋友,和廣大青年朋友。
4、網站特色:我的這類網站受眾一般為青年人,所以在色彩上和設計風格上追求青年人的口味,畫面絢爛,在內容上的特色表現為:
(1)內容標准化與個性化(2)充分體現互動性(3)內容實用性(4)多媒體技術專業性(5)網站平台延展性
5.網站的宣傳標語:展示自我,分享快樂。
一、網站的風格及配色方案
1、網站名稱:意度空間
2、網站域名:
3、網站LOGO
4、網站標准色:整個網站以橙黃色為主基色,配以黑白色,我認為配這種色代表年輕人的激情。
5、網站標准字體:在字體上我主張採用默認字體,因為這種字體無論在那種瀏覽器上都能正常顯示。所以我採用系統默認字體。
二、網站的欄目設計(畫出欄目結構圖)
三、網站設計和製作中所採用的技術
1、Flash特效功能
2、圖片展示功能
3、文章查詢功能
4、相冊功能
5、在線視聽功能
6、我的QQ群功能
7、文件下載功能
8、在線留言功能
9、友情鏈接功能
10、時鍾功能
11、電子郵件功能
12、點至通訊錄
13、圈子(我的QQ空間)
14、網摘功能
15、新聞功能
四、首頁的設計簡述為了使我的的首頁美觀生動,吸引人在我的首頁我還添加了形象開頭動畫頁面在頁面上我首先映入你眼簾的是美麗的西京圖片在它的上面我添加可透明的FLASH動畫,這樣會使網頁具有動態美的感覺,加上合理淺淡桔黃色,動聽的背景音樂,無論是從視覺,聽覺還是感覺上都是一個不錯的網站。在網站的右上角我還插了滾動字幕,這樣可以讓瀏覽著第一時間了解我本站的最新動態。在網頁的右下角是我的網站的名稱,通過點擊它就可以進入我的主頁。
五、欄目頁及內容頁的設計構思我的個人網站大體上包括一下內容:我的圈子,我的相冊,我的音樂,最新動態,項目互動,資源下載,六大模塊這六大模塊簡介如下我的圈子簡介:
(1)介紹我的班級和我班級里邊的同學,把我班裡邊的同學加到我的網頁中並對每個人做詳細的介紹,形成一個同學錄一樣的頁面,在這里邊每個人可以都可以盡量書寫個人的興趣愛好。
(2)個人簡歷。首先是個人詳細的自我介紹,然後加上個人的求職信個人簡歷,以便企業更深的了解我(3)因為只要有QQ號的幾乎都有自己的空間所以我可以加個超連接,連接到我的QQ空間我的相冊。
我的相冊簡介:
(1)設計個人的相冊
(2)朋友的相冊
(3)貼圖,如果發現好的圖片我收集起來可以和廣大朋友共同分享。
我的音樂簡介:
這個模塊主要包括:
(1)國內最新流行的音樂
(2)日韓最新流行的音樂
(3)歐美最新流行的音樂
最新動態簡介:
(1)本站公告
(2)站內新聞
(3)最新游戲
(4)新款服飾
項目互動簡介:
(1)請你留言,通過這個模塊可以在線時時交流
(2)站內論壇
資源下載簡介:
(1)原創作品;在這里可以寫個人的個人日誌,心得體會
(2)資源共享附欄目頁或內容頁模板圖我的相冊、我的音樂、你我互動、 最新動態、 資源下載
六、網站完成後的自查:網站在本地和上傳到伺服器中有無圖片和動畫無法顯示或鏈接失效等情況通過反復的測試,在本地和上傳到伺服器中都沒有發現圖片和動畫無法顯示的或鏈接失效等情況。
七、網站完成後,你打算如何做進一步的推廣,請寫出網站推廣的方案。(根據電子商務的知識寫出較為詳細推廣方案)電子郵件推廣電子郵件是最有效的網路許可營銷方法之一。
分為:廣告郵件、電子雜志兩種。
前者通過廣泛發布郵件信息獲得第一注意力;後者通過用戶許可,獲得定期、定向宣傳效果,起到事半功倍的效果;搜索引擎加註統計表明,50%以上的自發訪問量來自於搜索引擎;有效加註搜索引擎是注意力推廣的必備手段之一;加註搜索引擎既要注意措辭和選這好引擎也要注意定期跟蹤加註效果,並做出合理的修正或補充;廣告策略廣告是注意力營銷和推廣強有力的手段,包括網上廣告和網下廣告,網上包括付費廣告,互換廣告,友情連接等方法網下推廣法網下推廣方式多樣,除廣告外還包括:確定網站CI形象,宣傳標識,口碑傳遞參加公益活動,活動贊助,派發小禮品、傳單、作小型市場調查,相關單位機構合作等;雁過留聲法大量訪問同類網站或者人氣旺盛的網路平台,發布留言和論壇信息(可用技術手段實現)內容主要有:本網站介紹或者本網站部分精品內容發布,吸引愛好者訪問;整合營銷與推廣聯盟策略首先實現同
以下是企業類型的網站策劃:
1、 建設企業網站所遵循的一般原則
(1) 系統性原則。同時提供設計方案。設計實施單位應充分了解企業文化和企業機構及管理信息等基本情況,對營銷目標、行業競爭狀況、產品特徵、用戶需求行為以及網站推廣運營等基本問題等要素融入到網站建設方案中。
(2) 完整性原則。企業網站是企業在互聯網上的經營場所,應該為用戶提供完整的信息和服務:網站的基本要素合理、完整;網站的內容全面、有效;網站的服務和功能適用、方便;網站建設與網站運營維護銜接並提供支持。
(3) 友好性原則。網站的友好性包括三個方面:對用戶友好——滿足用戶需求、獲得用戶信任;對網路環境友好——適合搜索引擎檢索、便於積累網路營銷資源;對經營者友好——網站便於管理維護、提高工作效率。
(4) 簡單性原則。在保證網站基本要素完整的前提下,盡可能減少不相關的內容、圖片和多媒體文件等,使得用戶以盡可能少的點擊次數和盡可能短的時間獲得需要的信息和服務。
(5) 適應性原則。企業網站的功能、內容、服務和表現形式等需要適應不斷變化的網路營銷環境,網站應具有連續性和可擴展性。
2、網站建設基本流程規范
企業網站建設(升級改版)包含下列基本流程:
(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)銷售及售後服務相關的聯系和服務信息;
5、網站優化
網站優化包括三個方面:對用戶獲取信息優化、搜索引擎優化、網站維護優化。
(1)網站欄目結構合理,欄目設置不要過於復雜;
(2)網站導航清晰且全站統一,通過任何一個網頁可以逐級返回上一級欄目直到首頁;
(3)網頁布局設計合理,網站設計符合用戶瀏覽習慣;
(4)重要文字信息盡可能出現在網頁靠前位置;
(5)字體清晰,CSS風格協調一致;
6、網頁模版設計
(1)重要信息盡可能出現在用戶最關注的位置;
(2)網頁寬度定位適應當前主流屏幕解析度模式;
(3)保持整站CSS風格一致;
(4)超級鏈接有下劃線或顏色的明顯指示;
(5)整個網站中在新窗口打開或原窗口打開網頁的規則一致;
(6)網站首頁位元組數不宜過大;
(7)多語言版本網站內容之間的切換方式設計合理。
7、企業網站可信度
(1)網站具有必須的法定證書;
(2)對企業基本狀況的介紹真實可信;
(3)公布顧客服務/售後服務承諾;
(4)有必要的個人信息保護聲明;
(5)網站公布的聯系方式有效,尤其是地址、固定電話和Email地址;
(6)網站公布的Email地址與企業網站域名後綴一致而不是免費郵箱;
(7)網站主域名與企業名稱/品牌/核心產品一致或相關;
8、網站運營維護
(1)建立網站內容發布審核機制,始終保持網站內容的合法性;
(2)保持網站伺服器正常工作,對網站訪問速度等進行日常跟蹤管理;
(3)保持合理的網站內容更新頻率;
(4)網站內容製作符合網站優化所必須具備的規范;
(5)重要信息(如資料庫等、訪問日誌等)的備份機制;
雖然看上去有點復雜 不過你自己可以簡化的 希望以上信息能給你一些幫助!
7、網站規劃書怎麼寫?最好有範文和網站框架?借鑒一下。
一個網站的成功與否與建站前的網站規劃有著極為重要的關系。在建立網站前應明確建設網站的目的,確定網站的功能,確定網站規模、投入費用,進行必要的市場分析等。只有詳細的規劃,才能避免在網站建設中出現的很多問題,使網站建設能順利進行。
網站規劃是指在網站建設前對市場進行分析、確定網站的目的和功能,並根據需要對網站建設中的技術、內容、費用、測試、維護等做出規劃。網站規劃對網站建設起到計劃和指導的作用,對網站的內容和維護起到定位作用。
網站規劃書出應該盡可能涵蓋網站規劃中的各個方面,網站規劃書的寫作要科學、認真、實事求是。
網站規劃書包含的內容如下:
一、建設網站前的市場分析
1、相關行業的市場是怎樣的,市場有什麼樣的特點,是否能夠在互聯網上開展公司業務。
2、市場主要競爭者分析,競爭對手上網情況及其網站規劃、功能作用。
3、公司自身條件分析、公司概況、市場優勢,可以利用網站提升哪些競爭力,建設網站的能力(費用、技術、人力等)。
二、建設網站目的及功能定位
1、為什麼要建立網站,是為了宣傳產品,進行電子商務,還是建立行業性網站?是企業的需要還是市場開拓的延伸?
2、整合公司資源,確定網站功能。根據公司的需要和計劃,確定網站的功能:產品宣傳型、網上營銷型、客戶服務型、電子商務型等。
3、根據網站功能,確定網站應達到的目的作用。
4、企業內部網(Intranet)的建設情況和網站的可擴展性。
三、網站技術解決方案
根據網站的功能確定網站技術解決方案。
1、採用自建伺服器,還是租用虛擬主機。
2、選擇操作系統,用unix,Linux還是Window2000/NT。分析投入成本、功能、開發、穩定性和安全性等。
3、採用系統性的解決方案(如IBM,HP)等公司提供的企業上網方案、電子商務解決方案?還是自己開發。
4、網站安全性措施,防黑、防病毒方案。
5、相關程序開發。如網頁程序ASP、JSP、CGI、資料庫程序等。
四、網站內容規劃
1、根據網站的目的和功能規劃網站內容,一般企業網站應包括:公司簡介、產品介紹、服務內容、價格信息、聯系方式、網上定單等基本內容。
2、電子商務類網站要提供會員注冊、詳細的商品服務信息、信息搜索查詢、定單確認、付款、個人信息保密措施、相關幫助等。
3、如果網站欄目比較多,則考慮採用網站編程專人負責相關內容。 注意:網站內容是網站吸引瀏覽者最重要的因素,無內容或不實用的信息不會吸引匆匆瀏覽的訪客。可事先對人們希望閱讀的信息進行調查,並在網站發布後調查人們對網站內容的滿意度,以及時調整網站內容。
五、網頁設計
1、網頁設計美術設計要求,網頁美術設計一般要與企業整體形象一致,要符合CI規范。要注意網頁色彩、圖片的應用及版面規劃,保持網頁的整體一致性。
2、在新技術的採用上要考慮主要目標訪問群體的分布地域、年齡階層、網路速度、閱讀習慣等。
3、制定網頁改版計劃,如半年到一年時間進行較大規模改版等。
六、網站維護
1、伺服器及相關軟硬體的維護,對可能出現的問題進行評估,制定響應時間。
2、資料庫維護,有效地利用數據是網站維護的重要內容,因此資料庫的維護要受到重視。
3、內容的更新、調整等。
4、制定相關網站維護的規定,將網站維護制度化、規范化。
七、網站測試
網站發布前要進行細致周密的測試,以保證正常瀏覽和使用。主要測試內容:
1、伺服器穩定性、安全性。
2、程序及資料庫測試。
3、網頁兼容性測試,如瀏覽器、顯示器。
4、根據需要的其他測試。
八、網站發布與推廣
1、網站測試後進行發布的公關,廣告活動。
2、搜索引掣登記等。
九、網站建設日程表
各項規劃任務的開始完成時間,負責人等。
十、費用明細
各項事宜所需費用清單。
以上為網站規劃書中應該體現的主要內容,根據不同的需求和建站目的,內容也會在增加或減少。在建設網站之初一定要進行細致的規劃,才能達到預期建站目的。
8、網頁規劃設計
互聯網站規劃與設計
摘要 本文概述了互聯網站的規劃與設計的方法,介紹了網站設計規劃的規范,及所需的關鍵技術,對電信系網站的構建作了系統分析,提出了總體設計方案和製作步驟,而且論述了構建網站過程中所遇到的技術難題及解決辦法。
關鍵詞 網站規劃 網站設計 網站維護 ASP
一、引言
在當今全球信息化大潮中,互聯網(即網際網路——Internet)異軍突起,給20世紀末的人類社會增添了無限的活力,成為現代社會生活中一道亮麗的風景線。 互聯網帶給人們的不僅僅是技術,而是一種以信息為標志的嶄新的生活方式。 他正在改變著人們的工作和生活方式。有人曾以「圍城」比喻互聯網,但所不同的是,「外面的人想進去,裡面的人不想出來。」互聯網為什麼有這么大的魅力呢?這不僅與人們日益增長的文化生活有關,更重要的是與互聯網的技術不斷更新和革命有關。
一個網站的整體規劃和設計的好壞是它發展的重要之處, 也是它吸引人們瀏覽的所在之處。Internet/Intranet技術的日益發展,使人們認識到了Internet/Intranet的優勢,更使得資料庫與web的連接成為資料庫開發方面的熱門技術之一。
通常情況下,通過瀏覽器看到的網頁大多是靜態的。所謂「靜態」,是指網站的網頁內容「固定不變」, 當瀏覽器通過互聯網的HTTP(Hypertext Transport Protocol)協議向Web伺服器請求提供網頁時,伺服器僅僅是將原來設計好的靜態HTML文檔傳給瀏覽器。其頁面內容使用的僅僅是標準的HTML代碼,最多再加上流行的GIF89A 格式的動態圖片,比如產生幾只小貓小狗跑來跑去的動畫效果。 若網站維護者要更新網頁的內容,就必須手動更新所有的HTML文檔。
靜態網站的致命弱點就是不易維護。為了更新網頁的內容, 網站維護者必須重復製作HTML文檔,隨著網站內容和信息量的日益擴增,可以想像這是多麼復雜繁瑣的工作。那麼,什麼是動態網站呢?所謂「動態」,並不是指放在網頁上的圖片會動,動態頁面應具有以下幾個特點:
(一).交互性:即網頁能根據客戶的要求和選擇而動態改變和響應,瀏覽器即作為客戶端界面,這是今後Web發展的大勢所趨。
(二).自動更新:即無需手動更新HTML文檔, 就能自動生成新的頁面,從而大大減少工作量。
(三).因時因人而變:即當不同的時間、不同的人訪問同一網址時能產生不同的頁面,這一點對於需要對使用者授權的網站尤其適用。
隨著的Internet迅速發展,不管是專業的ISP(Internet服務提供者)和ICP(Internet內容提供者),還是一般的政府機關、銀行、交通部門、學校、醫院、服務者,甚至是每個人,都在積極尋求在Internet上發布信息,提供新型的網上管理和服務。可以說,網站設計和網站的編輯正成為新興的熱門行業。
二、網站的系統分析
(一).項目立項
我們接到客戶的業務咨詢,經過雙方不斷的接洽和了解,並通過基本的可行性討論夠,初步達成製作協議,這時就需要將項目立項。較好的做法是成立一個專門的項目小組,小組成員包括:項目經理,網頁設計,程序員,測試員,編輯/文檔等必須人員。
(二).客戶的需求說明書
收稿日期 : 2001年5月25
作者簡介:馬彥文,西北第二民族學院電子與信息工程系97通信專業學生。
第一步是需要客戶提供一個完整的需求說明。很多客戶對自己的需求並不是很清楚,需要您不斷引導和幫助分析。有些客戶可能對自己建什麼樣的網站根本就沒有明確的目的,以及他的網站建好後來干什麼也是一無所知,為了客戶能有明確的目的我們需要耐心說明,仔細分析,挖掘出客戶潛在的,真正的需求。這樣對大家都有好處,我們的宗旨應該是「客戶明明白白,雙方高高興興。」對客戶和自己都是一種負責。
配合客戶寫一份詳細的,完整的需求說明會花很多時間,但這樣做是值得的,而且一定要讓客戶滿意,簽字認可。把好這一關,可以杜絕很多因為需求不明或理解偏差造成的失誤和項目失敗。糟糕的需求說明不可能有高質量的網站。那麼需求說明書要達到怎樣的標准呢?簡單說,包含下面幾點:正確性:每個功能必須清楚描寫交付的功能;可行性:確保在當前的開發能力和系統環境下可以實現每個需求;必要性:功能是否必須交付,是否可以推遲實現,是否可以在削減開支情況發生時"砍"掉;簡明性:不要使用專業的網路術語;檢測性:如果開發完畢,客戶可以根據需求檢測。
三、建設方案
(一).建站理念
(1)預早籌劃
設計主頁未必很艱難。但這一工作與編制傳統的宣傳品一樣,都需要我們謹慎處理和籌劃。換言之,我們必須首先 確定自己需要傳達的主要信息,然後細意斟酌、把所有意念合情合理地組織起來;之後是設計一個頁面式樣,試用於有代表性的用戶,接著重復修訂,務求盡善盡美。
(2)盡量精簡
主頁的作用好比一本書的封面,是為了吸引用戶測覽你的網址內容。因此,主頁的設汁應以醒目為上、令人一目瞭然。切勿堆砌太多不必要的細節,或使畫面過於復雜。在主頁上清楚列出三項要點,例如機構名稱、提供的產品或服務 、以及主頁內容(亦即你的其他頁面還載有什麼資料)。應切記頁面給人的第一觀感最為重要。在網上到處瀏覽的人很多。如果你的主頁真沒有吸引力,很難令他們深入觀賞。
(3)盡量簡朴
現今大部分用戶那是用數據機接駁萬維網,所以他們一般都要花很多時間等待主頁傳送到自己的系統。主頁上的圖形應力求簡朴, 避免耽擱用戶的時間。圖像愈大、顏色愈深,傳送頁面的時間愈長。這並不是說你要完全略去圖像不用,只是提醒你要注注意使用圖像所引起的效果。主頁上的顏色最好不超過六十四種,頁頂圖像最好保持在大約10KB(千位元組)以下。切勿禁不住誘惑,覺得非要放入大幅的圖畫不可;應考慮只用三兩幅短小精悍的圖像。主頁整體上要能夠迅速傳送。如果載入的時間超過十至十五秒,很多用戶就會等得不耐煩。如果情況許可,最好先測試你的主頁在稍差的條件下的傳送速率,14.4千波特的數據機,或透過 Prodigy 等網上服務接駁萬維網等。
此外、還須注意配合最低檔的設備,例如標準的小型顯示器,不要假設人人都用高解像度的大熒幕。運用先進瀏覽軟體所提供的一些尖端功能是可以的、但應確保你的主頁在次一級的瀏覽軟體上(例如某些網上服務所提供的專用瀏覽軟體)仍可暢順地顯現。
(4)善用圖像
用戶在網上四處漫遊,你必須設法吸引和維護他們對你的主頁的注意力。萬維網的其中一個最重大資源是其多媒體能力,所以我們無論如何要善加利用。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款,使其別具特色,令人過目不忘。圖像的內容應有一定的實際作用,切忌虛飾浮誇。最佳的圖像應集美觀與傳訊於一身。注意圖畫可以彌補文字之不足,但並不能夠完全取代文字。很多用戶把瀏覽軟體設定為略去圖像,以求節省時間他們只看文字。因此,製作主頁時,必須注意將圖像所帶的重要信息或聯接其他頁面的指示用文字重復表達—次。用「純文中」模式測試已製成的主頁,確保其傳達到所有信息。
(5)使主頁易於漫遊
主頁的其中一個主要功能是作為漫遊工具,指引用戶查閱你存儲在網址或其他地點的信息。盡量使漫遊過程不費吹灰之力。基於清晰明確和速度的考慮,主頁上的聯接項目應只限於幾個高級的類別,例如公司、產品、服務、支援等。用六至八個聯接項目最為理想。
此外,你提供的信息不應埋藏在重重疊疊的頁面之下。穿越五個以上的聯接項目已足以令人厭煩。因此,你必須在廣度和深度之間求取平衡。如果你的網址上有太多信息,你可能要編制較長的頁面或使用更多聯接項目,甚至可能要建立多個主頁、 使每個主頁載有不同的信息。如果能夠讓用戶在主頁上以關鍵字或詞語查找所需的信息,肯定受用戶歡迎。
假若你有充足的資源,便應找一位專家來評估你設計的主頁是否方便易用。設法找一些對主頁陌生的用戶,來試用你的初步製成品。
(6)提網協領
主頁—般須載有以下事項:
標題,此標題須清楚無誤地標示你的網站。標題可以是名稱、標語徽號或圖像。
電子郵件地址 ,以便用戶有問題時,可以通知你。
版權資料,這是適用於主頁內容的版權規定。你可以在主頁上標示一句簡短的版權聲明,用聯接方法帶出另—個載有詳細使用條款的頁面,這樣可以避免主頁顯得亂糟糟。
聯絡資料 ,列出通訊地址電話號碼等。
(7)循環利用現有信息
製作主頁時,通常都毋須從頭做起,因為有許多現成的文字、圖畫等資料可供我們重用,例如宣傳小冊、公關文件、技術手冊、資料庫等。很多情況下,只要用少許功夫、就可把這些材料轉到網頁上使用。
(8)保持新鮮感
萬維網上不斷有新事物出現、每天都有新花樣。如果你的主頁從不改變,用戶很快會厭倦。在主頁上預告即將有新資料推出,可吸引用戶再來瀏覽不妨在頁頭以大字標題宣布新消息。可以定期改變主頁上的圖像、或更改主頁的式樣。趣味性的事項可以持續或自動更新、例如列出會瀏覽你的網站的人次。
同樣,為保持新鮮感,應時刻確保主頁提供的是最新信息。將更新主頁信息的工作納入既定的公關及資料編制計劃內,亦即當你使用傳統方法(例如新聞稿)傳遞的新信息時出現在你的主頁上。確保連接項目運作暢順,以免用戶在熒幕上收到「無法查閱所需檔案」的信息而大感沒趣。
(9)貫徹諾言
做不到的事情,千萬不要輕易承諾。切勿隨便叫用戶做出回應行動,例如要求用戶填交訂貸表格,除非你已制訂好處理這些訂單的方法和交貨程序。如果在網上列出聯絡電話,就要確保自己能夠迅速解決來電者的問題。
(10)吸引用戶瀏覽
既然絞盡腦汁把主頁弄得美觀實用,沒有人來欣賞就太可惜了。為吸引所有網中人來瀏覽,必須使主頁易於尋找。通知其他網站(例如題材相關的網站),他們可能想連接你的主頁。安排將自己的網址列在所有相關的網址目錄、索引、查找程序和「What』s new」頁面上。盡量將網址傳播開去,使之出現在 Internet和所有傳統煤體上、例如書刊廣告、公關文件、宣傳品等。
在網站上,於每個頁面設置「home」按鍵,方便用戶隨時返回主頁。
萬維網充滿生命力、正在不斷演進,所以一些現時適用的經驗,將來未必合用。舉例來說,將來家居用戶有高速線路接駁Internet,就可以消除數據傳輸目前的所受的限制、使主頁的篇幅可以更長,頁面更華麗。新的瀏覽功能、例如Sun的 HotJava瀏覽軟體所提供的先進功能、將使萬維網更強勁和更方便溝通。 HotJava將主頁由靜態的文件轉為動態的實體, 提供諸如即時製作動畫、背景音樂、即時存入資料(例如不斷更新股票價格)、話音廣播等功能、為網上用戶帶來更多樂趣。有好的主頁,還須有精良的設備支持。網站伺服器不斷推陳出新,使建設網站的工作愈來愈容易。 以 S u n的Netra Internet Server為例、全套設備包括上網所需的軟硬體,以及建立完善的高效能網站所需購各種軟硬體設施。這些發展為萬維網及其用戶開拓了壯闊的前景。建設網站的上作,從未如此容易過。
(二).網站總體設計
在拿到客戶的需求說明後,並不是直接開始製作,而是需要對項目進行總體設計,詳細設計出一份網站建設方案給客戶。總體設計是非常關鍵的一步。它主要確定:網站需要實現哪些功能;網站開發使用什麼軟體,在什麼樣的硬體環境;需要多少人,多少時間;需要遵循的規則和標准有哪些。同時需要寫一份總體規劃說明書,包括:網站的欄目和板塊;網站的功能和相應的程序;網站的鏈接結構;如果有資料庫,進行資料庫的概念設計;網站的交互性和用戶友好設計。
在總體設計出來後,一般需要給客戶一個網站建設方案。很多網頁製作公司在接洽業務時就被客戶要求提供方案。那時的方案一般比較籠統,而且在客戶需求不是十分明確的情況下提交方案,往往和實際製作後的結果會有很大差異。所以應該盡量取得客戶的理解,在明確需求並總體設計後提交方案,這樣對雙方都有益處。網站建設方案的包括以下幾個部分:.客戶情況分析;網站需要實現的目的和目標;網站形象說明;網站的欄目板塊和結構;網站內容的安排,相互鏈接關系;使用軟體,硬體和技術分析說明;開發時間進度表;宣傳推廣方案;維護方案;製作費用;本公司簡介:成功作品,技術,人才說明等。當您的方案通過客戶的認可,那麼可以開始動手製作網站了。但還不是真正意義上的製作,你需要進行詳細設計。
(三).網站詳細設計
總體設計階段以比較抽象概括的方式提出了解決問題的辦法。詳細設計階段的任務就是把解法具體化。詳細設計主要是針對程序開發部分來說的。但這個階段的不是真正編寫程序,而是設計出程序的詳細規格說明。這種規格說明的作用很類似於其他工程領域中工程師經常使用的工程藍圖,它們應該 包含必要的細節,例如:程序界面,表單,需要的數據等。程序員可以根據它們寫出實際的程序代碼。我們這次主要用ASP來實現有關功能和解決有關問題的,例如,公告版BBS,聊天室,信息發布系統, 網上超市等都用ASP來實現人機交互功能的,其中也用到調用資料庫的技術。
ASP (Active Server Pages)是Microsoft 公司推出的一種Web應用程序開發技術,也是伺服器端的腳本(Script)運行環境,使用該技術可以開發動態的、交互的Web應用程序。
ASP可用來產生和執行動態的高性能的WE B伺服器程序。當用戶使用瀏覽器請求ASP主頁時,WEB伺服器做出響應,調用ASP引擎來執行ASP文件,並解釋其中的腳本語言(JScript 或VBScript),通過ODBC連接資料庫,由資料庫訪問組件ADO完成資料庫操作,最後ASP生成包含數據查詢結果或做出其他響應的HTML頁面,送回用戶端顯示。
ASP程序通常運行在Windows NT+ IIS(Internet Information Server) , 或者Windows 2000 + IIS, 或者Windows 95/98+PWS(Personal Web Server)環境下。其程序代碼簡單、通用,文件名由.asp結尾。ASP文件通常由四部分構成: 標準的HTML標記; ASP語法命令,即<% %> 標簽內的ASP代碼; 伺服器端的include語句; 以及腳本語言,即:ASP自帶JScript和VBScript兩種腳本語言,用於增ASP的編程功能,用戶也可安裝其它腳本語言,如Per語言等。
ASP提供了六個內建對象供用戶直接調用,以實現頁面的交互: Application對象負責管理所有會話信息,可用來在指定的應用程序的所有用戶之間共享信息; Session對象存貯特定用戶的會話信息,只被該用戶訪問,當用戶在不同WEB頁面跳轉時,Session中的變數在用戶整個會話過程中一直存在;Session對象需cookie支持; Request對象從用戶端取得信息傳遞給伺服器,是ASP讀取用戶輸入的主要方法;Response對象支持伺服器將輸出內容發送到用戶端;Server對象提供對伺服器有關方法和屬性的訪問; Object Context對象是IIS 4.0新增對象,用來進行事務處理。此項功能需得到MTS(Microsoft Transaction Server)管理的支持。
ASP還內置以下組件以增強其功能: Ad Rotator組件用來按指定計劃在同一頁面上自動輪換顯示廣告,用於WWW上日益重要的廣告服務; Browser Capabilities組件確定訪問WEB站點的用戶瀏覽器的功能數據,包括類型、性能、版本等; Database Access組件即ADO (ActiveX Data Objects),用來訪問資料庫; File Access組件提供對伺服器端文件的讀寫功能; Content Linking組件生成WEB頁內容列表,並將各頁順序連接,用於製作導航條。 此外,用戶還可安裝Myinfo、Counters、Content Rotator、Page Count等組件,也可自行編制ActiveX組件,以提高系統的實用性。
如上所述,ADO是ASP內置的ActiveX伺服器組件(ActiveX Server Component)。它可通過開放式資料庫連接介面ODBC和通用數據源介面OLEDB訪問多種資料庫,是對目前微軟所支持的資料庫進行操作的最有效、最簡單和最直接的方法。
ADO組件主要提供了以下七個對象和四個集合來訪問資料庫: Connection對象用於建立與後台資料庫的連接; Command對象用於執行SQL指令,訪問資料庫; Parameters對象和Parameters集合為Command對象提供數據和參數; RecordSet對象存放從資料庫中調用的數據記錄; Field對象和Field集合提供對RecordSet中當前記錄的各個欄位進行訪問的功能; Property對象和Properties集合提供有關信息,供Connection、Command、RecordSet、Field對象使用; Error對象和Errors集合提供訪問資料庫時的錯誤信息。
在ASP中使用ADO組件訪問後台資料庫一般步驟為 :
在WEB伺服器上打開「控制面板」,選中「ODBC」, 定義數據源;然後使用ADO組件查詢WEB資料庫;再調用Server.CreateObject方法取得「ADODB.Connection」的實例,此後用Open方法打開資料庫,指定要執行的SQL命令對資料庫進行操作,如查詢、瀏覽、修改、刪除等。 當然也可以用本文介紹的方法不定義數據源,直接調用資料庫的數據。
(四).網站的製作規范探討
(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 產 品proct;所有單英文單詞文件名都必須為小寫,所有組合英文單詞文件名第二個起第一個字母大寫;
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。
(5) 首頁HEAD區規范
a.公司版權注釋
<! --- The site is designed by dxxweb.inc05/2001-->
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="[email protected]">
d.網站簡介
<META NAME="DESCRIPTION" CONTENT="電子與信息工程系">
e.搜索關鍵字
<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">
f.網頁的css規范
<LINK href="style/style.css" rel="stylesheet" type="text/css">
g.網頁標題
<title>電子與信息工程系</title>
四、網站的設計製作
1.整體形象設計
在程序員進行詳細設計的同時,網頁設計師開始設計網站的整體形象和首頁。
整體形象設計包括標准字,Logo,標准色彩,廣告語等。 首頁設計包括版面,色彩,圖像,動態效果,圖標等風格設計,也包括banner,菜單,標題,版權等模塊設計。首頁一般設計1-3個不同風格。
2.開發製作
本次網站規劃設計採用軟體工程的設計方法,設計小組在系統分析和總體設計的基礎上,將設計任務分解,分配到設計組的每個成員,各模塊有設計組成員單獨承擔設計和調試,既有分工,又有協作,最後將各模塊上載到伺服器上,做鏈接和整體的調試。
3.調試完善
各模塊初步完成後,上傳到伺服器,對網站進行全范圍的測試。包括速度,兼容性,交互性,鏈接正確性,程序健壯性,超流量測試等,發現問題及時解決並記錄下來。
網站建設實際上是一個不斷充實和完善的過程,通過不斷的發現問題,解決問題,修改,補充,使網站結構趨向合理,內容更加豐富,形式更富有感染力。
4.宣傳推廣
剛剛建成的網站就好像一個新注冊的電話號碼,沒有人會自動找上門來,這時你就需要適當地做一些網站推廣工作了,這里有很多方法,例如:
a.網頁里設置適當的META標簽;
b.交換友情鏈接。這是個免費而高效的辦法,就好比在別人商店打上你的廣告,在你的商店打上別人的廣告,這樣一來當網友參觀別人的網站時就知道你的網站了,如果你的廣告做的好,他一多半都會參觀你的網站,這是件無須開支、互利互惠的好事情,推薦使用。
c. 在各大搜索網站(例如sohu.com yahoo.com)注冊你的網站,這樣當別人在搜索同類的信息時就會發現你的網站;
d.備新聞稿件在各新聞公告板發表;
e.合理使用Email郵件列表;
f.付費廣告,這個辦法最有效了,但它是付費的;
g.在論壇里貼條子。這個辦法效率不高,也很累,有時也會被別人刪除掉,所以不推薦。
另外還需要說明的是,請千萬不要使用發垃圾郵件來推廣個人主頁,這樣不但不會使別人喜歡你的網站,反而會引起別人的極度反感,這是一種不道德的行為。
至此,網站項目建設完畢。
5.維護
網站做好了是不是就打算一勞永逸呢?不是,如果網站做大的話,網站維護也是個艱巨的工作。當網站變得十分龐大時將會有不計其數的圖片、網頁文件等內容,如果它們有一個丟失或鏈接失敗都會引起網頁錯誤,想想我們做的多副圖片如果少一副會是什麼情景?所以我們一定要保證整個網站的「健康」和完整。為了使網站健康、完整,通常我們在做新網站之前,都應該在DW里建設一個「本地網站」,也就是自己電腦上的網站副本,這樣才能有效減少網站錯誤,剛才我們製作網站時是先做網頁後建網站,其實這種網站建設方法是錯誤的,正確的是先建網站後添加內容。另外就是要時常檢查網站的鏈接是否有誤,這里我們可以使用DW的SITE程序的SITE菜單中CHECK LINK SITEWIDE選項來檢查網站中是否有斷掉的鏈接,以便及時修復。
另外我們還應該科學地存放不同類型的文件,例如將網站中的圖片都放在一個文件夾里,將網頁放在另一個文件夾里。而且如果將來網站真的「肥沃」起來,我們甚至需要為每一個欄目建立一個文件夾,例如將有關MUSIC欄目的文件放在一個文件夾里,將PICTURES欄目的文件放在一個文件夾里,這樣一來,會為我們的維護工作減少很多不必要的麻煩!
網站維護最後要說的就是網站的文件備份了,如果電腦發生了災難,我們的網站就很可能要癱瘓了,所以時常備份網站文件也是很重要的。
網站成功推出後,長期的維護工作才剛剛開始,我們需要做到的是:及時響應客戶反饋;例如可以採取Email自動回復功能,然後盡快解決問題,再次回復;網站流量統計分析和相應對策;盡量推廣和使用您的網址;網站內容的及時更新和維護。
五、網站安全問題及對策
防火牆是阻止外面的人對你的網路進行訪問的任何設備,此設備通常是軟體和硬體和組合體,它通常根據一些規則來挑選想要或不想要的地址。
首先絕大多數簡單的身份驗證過程都是以IP地址為根據的。IP地址是Internet網上最普遍的身份索引,它有靜態和動態之分。 靜態IP地址即固定不變的IP地址;它可以是某台連在Internet網上的主機地址。靜態IP地址分在幾類。其中一類能通過Whois查詢命令得到;並且此類地址主要是Internet網上最高層的主機的IP地址,這些主機可以是域名伺服器、Web伺服器和「根」主機,並且在InterNIC的Whois資料庫中都有它們的注冊主機名。另一類靜態IP地址被分配給Internet網中的第二和第三層主機(這些機器還有固定的物理地址),然而這些機器不一定擁有注冊主機名。但不管怎樣它們有注冊的IP地址。動態IP地址是指每次強制分配給不同的上網主機的地址。ISP的拔號伺服器中經常使用動態IP地址--節點機每次拔號上網,都會被分配一個不同的IP地址。無論IP地址是靜態還是動態的,它都被用於網路傳輸中。
9、網站的設計方案要怎麼寫?
網站規劃書包含的內容如下:
一、建設網站前的市場分析
1、相關行業的市場是怎樣的,市場有什麼樣的特點,是否能夠在互聯網上開展公司業務。
2、市場主要競爭者分析,競爭對手上網情況及其網站規劃、功能作用。
3、公司自身條件分析、公司概況、市場優勢,可以利用網站提升哪些競爭力,建設網站的能力(費用、技術、人力等)。
二、建設網站目的及功能定位
1、為什麼要建立網站,是為了宣傳產品,進行電子商務,還是建立行業性網站?是企業的需要還是市場開拓的延伸?
2、整合公司資源,確定網站功能。根據公司的需要和計劃,確定網站的功能:產品宣傳型、網上營銷型、客戶服務型、電子商務型等。
3、根據網站功能,確定網站應達到的目的作用。
4、企業內部網(Intranet)的建設情況和網站的可擴展性。
三、網站技術解決方案
根據網站的功能確定網站技術解決方案。
1、採用自建伺服器,還是租用虛擬主機。
2、選擇操作系統,用unix,Linux還是Window2000/NT。分析投入成本、功能、開發、穩定性和安全性等。
3、採用系統性的解決方案(如IBM,HP)等公司提供的企業上網方案、電子商務解決方案?還是自己開發。
4、網站安全性措施,防黑、防病毒方案。
5、相關程序開發。如網頁程序ASP、JSP、CGI、資料庫程序等。
四、網站內容規劃
1、根據網站的目的和功能規劃網站內容,一般企業網站應包括:公司簡介、產品介紹、服務內容、價格信息、聯系方式、網上定單等基本內容。
2、電子商務類網站要提供會員注冊、詳細的商品服務信息、信息搜索查詢、定單確認、付款、個人信息保密措施、相關幫助等。
3、如果網站欄目比較多,則考慮採用網站編程專人負責相關內容。 注意:網站內容是網站吸引瀏覽者最重要的因素,無內容或不實用的信息不會吸引匆匆瀏覽的訪客。可事先對人們希望閱讀的信息進行調查,並在網站發布後調查人們對網站內容的滿意度,以及時調整網站內容。
五、網頁設計
1、網頁設計美術設計要求,網頁美術設計一般要與企業整體形象一致,要符合CI規范。要注意網頁色彩、圖片的應用及版面規劃,保持網頁的整體一致性。
2、在新技術的採用上要考慮主要目標訪問群體的分布地域、年齡階層、網路速度、閱讀習慣等。
3、制定網頁改版計劃,如半年到一年時間進行較大規模改版等。
六、網站維護