網(wǎng)站頁面設計實施規(guī)劃（舉例）

申請免費試用、咨詢電話：400-8352-114

頁面設計實施規(guī)劃

1.   頁面寬度

窄屏幕核心內容顯示＋寬屏背景像素拉伸

原則上屏幕核心內容尺寸寬度為800pix

背景單色，隨顯示器分辨率不同像素拉伸變化

參考網(wǎng)站：http://keekorok-lodge.com/

2.   頁面長度

原則上不能超過2.5屏長度，核心內容集中在1-1.5屏內

首頁限制在2屏以內。（以1440x900顯示器參照）

3.   網(wǎng)頁結構設計

全網(wǎng)以css+div進行頁面設計

原則上以css+div全網(wǎng)設計，個別網(wǎng)頁表現(xiàn)可以用table輔助。

4.   網(wǎng)頁兼容性

必須兼容各種主流瀏覽器

需要兼容IE6 IE7 IE8以及Firefox（火狐）瀏覽器，如微軟在系統(tǒng)更新中推出了IE9，仍須在2個月內保證最新IE9的頁面兼容性。

5.   字體字號規(guī)范：

采取標準網(wǎng)頁的宋體字體

字號首頁標準12pix

前臺欄目大概這樣：

援護主頁      服務項目     預約方式      服務全案       新聞中心     援護事業(yè)   

會員價值        援護承諾        援護培訓          援護全國           特許經(jīng)營 

程序功能總體要求：

1前臺頁面功能：

各功能模塊詳細說明：

⑴信息瀏覽功能：

功能用途：

用于用戶瀏覽頁面，完成相關鏈接跳轉。

功能要求：

通過網(wǎng)站后臺的“新聞發(fā)布功能”完成此項功能。

⑵ 信息提交功能：

功能用途：

用于完成用戶在頁面上的信息輸入，提交觸發(fā)等功能。包括調查提交，咨詢提交業(yè)務申請?zhí)峤坏葢谩?

功能要求：

此功能應對于信息提交框進行簡單輸入檢測限制，比如姓名長度，電話不能為中文，信息輸入長度，日期格式等等，建議頁面端前臺腳本檢測。

此功能信息提交按鈕觸發(fā)為兩種模式，一種為信息提交觸發(fā)后信息進入數(shù)據(jù)庫，前頁頁面刷新出現(xiàn)“操作成功”為主要內容的頁面。一種為在前一種的基礎上增加觸發(fā)電子郵件發(fā)送的功能，根據(jù)用戶提交信息，生成自定義格式email發(fā)送用戶郵箱。

⑶全文檢索功能：

功能用途：

用于提供用戶的關鍵字檢索，檢索的結果范圍為全網(wǎng)任何字段。

功能要求：

設計數(shù)據(jù)庫的全文檢索功能，優(yōu)化提高CPU運行效率。搜索的結果頁按照“欄目”“關鍵字內容列表”的形式綜合匯總出來。

⑷ 條件檢索功能：

功能用途：

用于提供用戶單條件或多條件級聯(lián)檢索，檢索特定條件下的內容。

功能要求：

單條件檢索的形式為下拉菜單和圖形菜單兩種，點擊下拉列表或選擇圖像即觸發(fā)檢索結果頁面，無需觸發(fā)按鈕。

多條件級聯(lián)檢索為多個下拉菜單的組合形式，需要觸發(fā)按鈕觸發(fā)檢索結果頁面。

⑸ 上傳下載功能：

功能用途：

用于提供用戶的上傳下載附件的功能。

功能要求：

下載限制格式pdf doc exe zip rar等常見格式。

上傳限制格式doc zip rar，上傳控件功能為本地用戶硬盤上傳，服務器上傳目錄做權限限制，防止木馬病毒。

⑹  郵件直發(fā)功能：

功能用途：

用于提供用戶點擊頁面郵件地址直接激活客戶端郵件軟件，發(fā)送郵件功能。

功能要求：

頁面應用“mailto：”觸發(fā)此功能，確保點擊觸發(fā)后css正確。

⑺  服務調查功能：

功能用途：

用于提供用戶關于服務滿意度調查的網(wǎng)上提交功能。

功能要求：

此功能屬于“信息提交功能”的擴展，相對于“信息提交功能”增加了復選，排他單選，flash評分等功能。相關功能要求基本同“信息提交功能”。

⑻ 郵件回饋功能：

功能用途：

用于系統(tǒng)由于某些功能觸發(fā)后系統(tǒng)自動按照用戶的電子郵件地址給用戶發(fā)送電子郵件。

功能要求：

此功能屬于觸發(fā)性功能，從前臺無法直觀展現(xiàn)，但由前臺其他功能所觸發(fā)。

功能要求前臺某一其他功能觸發(fā)郵件回饋功能后，先由系統(tǒng)后臺根據(jù)相關郵件模板設計生成自定義格式的郵件，再有郵件服務器發(fā)送給用戶。

⑼開卡查詢功能：

功能用途：

用于用戶查詢援護服務卡開通情況以及用戶相關信息。

功能要求：

用戶輸入“卡號”“密碼”“驗證碼”提交信息后，點擊提交按鈕觸發(fā)查詢頁面。查詢結果頁面調用數(shù)據(jù)庫中的卡號，服務有效期，用戶相關信息等數(shù)據(jù)。

⑽ 注冊登錄功能：

功能用途：

此功能包括：用于普通用戶的登錄注冊，用于連鎖中心和總站管理員的登錄管理兩部分。

功能要求：

1用于普通用戶：登錄區(qū)域包括“用戶名”“密碼”“驗證碼”的提交區(qū)域，并且包含“點擊注冊”“忘記密碼”兩個操作鏈接以及登錄按鈕觸發(fā)登錄頁面。

“點擊注冊”頁面包括“用戶名”“密碼”“確認密碼”“電子郵件”“聯(lián)系電話”輸入?yún)^(qū)域以及“對提供的產品及服務感興趣”“對成為加盟商感興趣”“我愿意接收郵件新聞”復選選項，確認按鈕觸發(fā)注冊過程。

“忘記密碼”頁面包括“用戶名”“注冊的郵箱”兩個輸入?yún)^(qū)域，確認提交按鈕觸發(fā)返回結果頁面，結果直接顯示在頁面中。

2用于鎖中心和總站管理員：登錄地址不在全網(wǎng)有任何鏈接接口，以獨立網(wǎng)址的形式告知相關登錄用戶。

登錄功能以“用戶名”“密碼”“驗證碼”，提交按鈕觸發(fā)后登錄頁面。

根據(jù)不同的登錄用戶設定不同的登錄權限，顯示不同的登錄管理后臺，系統(tǒng)增加登錄日志功能，用以監(jiān)管登錄情況防止黑客入侵。

⑾ 博客微博功能：

功能用途：

用于作為援護網(wǎng)站用戶端以及連鎖中心的內容發(fā)布平臺。

功能要求：

此功能需要具備基本的博客功能，注冊登錄，內容撰寫，內容編輯，內容管理，引用轉發(fā)，頁面推薦等功能。

此功能無需自己開發(fā)，在網(wǎng)上尋找成型成熟的博客功能模塊，將博客功能嵌入援護網(wǎng)站即可。

為保證最佳的兼容性，博客功能模塊建議JSP語言開發(fā)，并提供免費的升級服務。

2 連鎖中心后臺功能：

各功能模塊詳細說明：

⑴   郵件回饋功能：

功能用途：

用于收到總部的用戶需求咨詢郵件后，派發(fā)回饋郵件。

功能要求：

此后臺功能模塊分兩部分：

1收到的郵件列表以及操作功能：分別包括序號，日期（倒序），發(fā)件人，郵件地址，標題，內容，模板選擇，操作（發(fā)送郵件，關閉郵件）以及反饋狀態(tài)（關閉郵件，模板n發(fā)送成功等）。

2郵件模板管理功能：分別包括模板序號，注釋以及模板操作（新增，編輯，刪除）。

⑵ 員工跟蹤管理：

功能用途：

用于監(jiān)督調度連鎖中心護理人員的工作情況。

功能要求：

此后臺功能模塊分三部分：

1員工工作內容操作：分別為增加，編輯，刪除。其中增加的項目員工工號，日期，時間，卡號，工作內容，備注，預約請求等。

2員工工作內容查詢：分別為按日期（日歷模式），按工號，按卡號。

3配合實施掌控中心提供的硬件終端設備做“服務開始時間”“服務結束時間”“服務對象卡號”的信息傳輸接口。

⑶ 開卡注冊功能：

功能用途：

用于開通服務卡，注冊用戶信息。

功能要求：

此后臺功能模塊為輸入卡號，密碼。確認按鈕提交后，若為已開通卡號則返回前臺頁面“開卡查詢功能”相同頁面結果。若未開通則信息提交框輸入姓名，性別等相關用戶信息，提交確認后，出現(xiàn)再次確認頁面，內容為剛輸出的信息且包含警告提示，一經(jīng)確認不可更改，再次提交按鈕觸發(fā)后生效。

⑷ 服務預約功能：

功能用途：

用于客戶主動通過各種方式預約服務的記錄查詢。

功能要求：

此后臺功能模塊分兩部分：

1客戶預約內容操作：分別為增加，編輯，刪除。其中增加的項目員工工號，日期，時間，卡號，工作內容，備注等。

2客戶預約內容查詢：分別為按日期（日歷模式），按工號，按卡號。

⑸  報表統(tǒng)計功能：

功能用途：

用于連鎖中心的各種數(shù)據(jù)統(tǒng)計。

功能要求：

此后臺功能模塊主要以分類檢索統(tǒng)計為主要功能，點擊觸發(fā)相關的統(tǒng)計功能，如財務收入，客戶數(shù)量，服務時間等等。查詢觸發(fā)后生成統(tǒng)計結果反饋頁面。

⑹ 充值續(xù)費功能：

功能用途：

此功能分為：用于為用戶服務卡進行費用充值以及連鎖商預存查詢兩部分。

功能要求：

1為用戶充值：此后臺功能模塊為輸入卡號，密碼，確定按鈕觸發(fā)余額查詢，在充值金額信息框中輸入資金數(shù)量確認按鈕觸發(fā)充值，頁面返回最新余額數(shù)量。用戶充值查詢初始頁面為下拉列表分為：序號，日期，卡號，余額，歷史明細。其中點擊“歷史明細”觸發(fā)前20筆充值異動查詢頁面，頁面中包括時間區(qū)域段選擇查詢功能，選擇時間段落點擊確認按鈕觸發(fā)詳細查詢。

2連鎖商預存查詢：初始界面顯示預存金額，傭金比例，歷史明細。其中點擊“歷史明細”觸發(fā)前20筆連鎖中心預存異動。包括客戶充值消費：序號，時間，卡號，充值金額，支付傭金。以及連鎖中心匯款記錄，包括序號，時間，匯款金額。頁面中包括時間區(qū)域段選擇查詢功能，選擇時間段落點擊確認按鈕觸發(fā)詳細查詢。

⑺ 人才搜索功能：

功能用途：

用于為連鎖中心搜索服務人才庫等檢索操作。

功能要求：

此后臺功能模塊主要基于條件檢索功能，按照不同條件如地區(qū)，技能，年齡，工作經(jīng)驗等列表檢索，確定按鈕觸發(fā)檢索結果頁面，點擊某一列表內容彈出完整簡歷。

⑻ 用戶管理功能：

功能用途：

用于為服務用戶進行靈活管理的操作。

功能要求：

此后臺功能模塊為輸入卡號，密碼，確認按鈕觸發(fā)用戶服務卡的狀態(tài)查詢，狀態(tài)有正常，未開通，暫停。操作功能為暫停使用和再次開通。同時具備操作日志功能便于查詢。

⑼ 后臺權限管理：

功能用途：

用于連鎖中心的操作人員權限設置。

功能要求：

此后臺功能模塊為增加，編輯，刪除當前用戶權限功能。增加的權限為超級管理員，以及自定義權限，權限分類為后臺給模塊權限，勾選各模塊，確認按鈕觸發(fā)新的權限。

⑽ 總部溝通功能：

功能用途：

用于連鎖中心與總部的溝通。

功能要求：

此后臺功能模塊為小型新聞發(fā)布系統(tǒng)，純文本模式，分別為標題，內容，答復，上傳附件。上傳附件類型為jpg bmp gif doc。標題加以30字限制，內容300字限制。在通訊列表中，點擊標題鏈接觸發(fā)彈出當前標題內容。

⑾  新聞發(fā)布系統(tǒng)：

功能用途：

用于連鎖中心的項目介紹網(wǎng)站發(fā)布生成。

功能要求：

此后臺功能模塊為小型新聞發(fā)布系統(tǒng)，和前臺模板對應起來，分別為下拉選擇主欄目和二級欄目觸發(fā)內容混編器，混編器需要滿足圖文混編，字號，顏色等常用編輯功能，再加入超鏈接，flash，視頻，聲音等引用路徑功能。除圖片外，拒絕本地上傳影音文件。點擊確定按鈕觸發(fā)上傳提交事件，返回相應欄目的文章列表。列表增加常見操作功能，如編輯，刪除等。

3   總部后臺功能：

各功能模塊詳細說明：

⑴  郵件回饋中心：

功能用途：

用于處理用戶和連鎖中心發(fā)送的需求申請，同時派發(fā)相關郵件給連鎖中心。

功能要求：

此后臺功能模塊分三部分：

1收到的請求列表以及單選功能：分別包括序號，日期（倒序），姓名，郵件地址，聯(lián)系地址，郵編，內容，反饋狀態(tài)（關閉郵件，模板n發(fā)送成功，郵件已派送等）。

2需求操作功能：分別為單選郵件后觸發(fā)郵件操作界面，操作（發(fā)送郵件，關閉郵件，派發(fā)郵件）發(fā)送郵件功能觸發(fā)模板選擇，編輯修改等，發(fā)送按鈕觸發(fā)后激活請求列表狀態(tài)更新。派發(fā)郵件功能觸發(fā)連鎖中心列表選擇，派發(fā)按鈕觸發(fā)后激活請求列表狀態(tài)更新，關閉郵件同理。

3   郵件模板管理功能：分別包括模板序號，注釋以及模板操作（新增，編輯，刪除）。

⑵          新聞發(fā)布系統(tǒng)：

功能用途：

用于總部網(wǎng)站的網(wǎng)站發(fā)布生成。

功能要求：

此后臺功能模塊為小型新聞發(fā)布系統(tǒng)，和前臺模板對應起來，分別為下拉選擇主欄目和二級欄目觸發(fā)內容混編器，混編器需要滿足圖文混編，字號，顏色等常用編輯功能，再加入超鏈接，flash，視頻，聲音等引用路徑功能。除圖片外，可以本地上傳影音文件。點擊確定按鈕觸發(fā)上傳提交事件，返回相應欄目的文章列表。列表增加常見操作功能，如編輯，刪除等。

⑶  企業(yè)溝通功能：

功能用途：

用于連鎖中心與總部的溝通。

功能要求：

此后臺功能模塊為小型新聞發(fā)布系統(tǒng)，純文本模式，分別為標題，內容，答復，上傳附件。上傳附件類型為jpg bmp gif doc。標題加以30字限制，內容300字限制。在通訊列表中，點擊標題鏈接觸發(fā)彈出當前標題內容。

⑷  信息總覽功能：

功能用途：

用于總部對連鎖中心全方位的信息瀏覽監(jiān)管。

功能要求：

此后臺功能模塊主要為條件查詢功能分為按連鎖中心查詢和按照模塊分類查詢。

按連鎖中心查詢：下拉菜單選擇某一連鎖中心直接觸發(fā)查詢頁面，查詢頁面包括“援護人才”“業(yè)務報表”“用戶管理”“郵件回饋”“員工跟蹤管理”“服務預約”等鏈接。點擊某一鏈接觸發(fā)查詢結果頁面，頁面內容為連鎖中心后臺相關功能的只讀瀏覽功能。

按功能模塊查詢：下拉菜單選擇相應的功能模塊，包括“援護人才”“業(yè)務報表”“用戶管理”“郵件回饋”“員工跟蹤管理”“服務預約”等，即時觸發(fā)查詢頁面，頁面結果為全部連鎖中心的同一后臺功能模塊的內容瀏覽，加上“隸屬區(qū)域”的內容區(qū)分。

  所有一切的信息總覽功能要求為只讀的讀取功能，禁止存在修改功能。

⑸資格授權功能：

功能用途：

用于總部對連鎖中心服務人員的資格上崗認證授權。

功能要求：

此后臺功能模塊分兩部分：

1授權服務人員增加：其中增加的項目員工工號，姓名，性別，年齡，聯(lián)系方式，認證資質，隸屬中心，備注等等。其中隸屬中心下拉菜單選擇已有連鎖中心。

2授權服務人員查詢：分別工號，隸屬中心，資格，認證時間，備注，操作（編輯，刪除）。

⑹          充值續(xù)費功能：

功能用途：

此功能為各地連鎖中心預存充值查詢。

功能要求：

初始界面顯示各地連鎖中心預存金額，傭金比例，歷史明細。其中點擊“歷史明細”觸發(fā)前20筆連鎖中心預存異動。包括客戶充值消費：序號，時間，卡號，充值金額，支付傭金。以及連鎖中心匯款記錄，包括序號，時間，匯款金額。頁面中包括時間區(qū)域段選擇查詢功能，選擇時間段落點擊確認按鈕觸發(fā)詳細查詢。頁面中包括地域區(qū)域段選擇查詢功能，選擇各地連鎖中心段落點擊確認按鈕觸發(fā)詳細查詢。

⑺          多級權限功能：

功能用途：

用于限制連鎖中心的授權業(yè)務，屬于系統(tǒng)擴展功能。

功能要求：

此后臺功能模塊為列表選擇連鎖中心，觸發(fā)連鎖中心經(jīng)營項目權限的查詢頁面。分為授權權限，授權狀態(tài)（已授權，未授權），操作（開通，關閉）。其中開通按鈕觸發(fā)單選該功能的授權，授權狀態(tài)更新已授權。關閉按鈕觸發(fā)單選該功能的取消授權，授權狀態(tài)更新未授權。

⑻          后臺權限管理：

功能用途：

用于總部及連鎖中心的操作人員權限設置。

功能要求：

此后臺功能模塊為增加，編輯，刪除當前用戶權限功能。增加的權限為超級管理員，以及自定義權限，權限分類為后臺給模塊權限，勾選各模塊，確認按鈕觸發(fā)新的權限。增加隸屬區(qū)域，下拉類表選擇連鎖中心，并可為連鎖中心增加管理權限。

⑼          服務評估功能：

功能用途：

用于總部對連鎖中心的服務質量考核。

功能要求：

此后臺功能模塊為列表所有連鎖中心的服務質量評估考核結果，下拉列表選擇某一連鎖中心，觸發(fā)用戶服務調查結果信息，根據(jù)調查結果，選擇“周期”觸發(fā)增加對當前連鎖中心的考核頁面，分別為周期，評分，說明，備注。

⑽          用戶登錄功能：

功能用途：

用于連鎖中心和總站管理員的登錄管理。

功能要求：

登錄地址不在全網(wǎng)有任何鏈接接口，以獨立網(wǎng)址的形式告知相關登錄用戶。

登錄功能以“用戶名”“密碼”“驗證碼”，提交按鈕觸發(fā)后登錄頁面。

根據(jù)不同的登錄用戶設定不同的登錄權限，顯示不同的登錄管理后臺，系統(tǒng)增加登錄日志功能，用以監(jiān)管登錄情況防止黑客入侵。

⑾          連鎖中心管理：

功能用途：

用于為連鎖中心進行靈活管理的操作。

功能要求：

此后臺功能模塊為列表顯示所有連鎖中心的狀態(tài)查詢，狀態(tài)有正常，暫停，取消。下拉類表選擇某一連鎖中心觸發(fā)操作功能。操作功能按鈕為暫停使用，再次開通，取消資格。同時具備操作日志功能便于查詢。

    免費網(wǎng)絡營銷顧問：我們?yōu)槟峁┟赓M的網(wǎng)絡營銷顧問服務，您需要了解關于如何開展網(wǎng)絡營銷，電子商務，網(wǎng)站設計等的事宜，歡迎隨時聯(lián)系我們。

    seo友好的網(wǎng)站管理系統(tǒng)：除了優(yōu)質的網(wǎng)站空間，網(wǎng)站管理系統(tǒng)，和網(wǎng)站設計外，我們的網(wǎng)站管理系統(tǒng)更是seo友好的，包括：自定義欄目名，Google Sitemap自動生成，靜態(tài)頁面生成等等，讓您的網(wǎng)站。

     免費網(wǎng)絡營銷培訓：如何更好的投放網(wǎng)絡廣告，如何提高網(wǎng)絡廣告的投資回報，如何發(fā)帖子，
     如何優(yōu)化網(wǎng)站，我們有豐富的經(jīng)驗開放給您！祝君成功！

聯(lián)系我們：010-62199213 62122723-808  400-697-8610  徐小姐
北京網(wǎng)站建設公司-北京信網(wǎng)站：http://keekorok-lodge.com/ 點擊查看經(jīng)典網(wǎng)站案例！