網(wǎng)頁設計說明書.doc

《網(wǎng)頁設計說明書.doc》由會員分享，可在線閱讀，更多相關《網(wǎng)頁設計說明書.doc（23頁珍藏版）》請在裝配圖網(wǎng)上搜索。

設計說明書 需求分析 目標定位 a、 制作這個網(wǎng)站的目的是為了方便我們學院的新生與老生能快速瀏覽的我們學校的基本情況，了解我們學校所有好玩，有趣的事情。 b、 本網(wǎng)站的主要職能是實時為新生提供部分新的資訊。 c、 本網(wǎng)站所面向的用戶是所有進入我校的同學以及想要了解我們學校的用戶。 用戶分析 a、 使用本網(wǎng)站的用戶主要是想要了解我們學校的所有信息，并且能夠為他們提供所需的生活所需的信息。 b、 他們最想本網(wǎng)站為他們提供校內外的所有資訊，包括飲食，住宿，景點旅游等。 c、 本網(wǎng)站制作內容架構清晰，避免過多的文字介紹造成用戶過多閱讀的麻煩。 d、 用戶可以每天瀏覽我們?yōu)槠涮峁┑膶崟r熱點以及校內外最新的資訊，比如：校園通知、飯?zhí)脙r格等。 市場前景 a、 本網(wǎng)站的市場需求在于為本校師生以及想要了解我校的用戶提供最便捷，最新的信息。 b、 基于前面的分析，決定了本網(wǎng)站的設計風格要簡明、清晰；主題圍繞著學生所需而開展。 網(wǎng)站規(guī)劃 內容策劃 a、 本往網(wǎng)站主要經營的內容是：校園文化、校園資訊、美食住宿、周邊景點等主題。 b、 基于以上主題，其中重點制作的是校園文化和美食住宿；而輔助的是校園資訊等主題。 對于網(wǎng)頁如此劃分的目的是，使用本網(wǎng)站的用戶都是想要了解我們學校于他們息息相關的事情，無論是新生、老生還是其他用戶，都想知道我們學校有哪些特色的文化和美食。文化可以增進他們知道我們學校的最近的文化活動生活。而美食，則能吸引更多的學生來了解我們學校的吃貨，這對于新進校園的新生有著極強引導作用。 界面設計 a、 對于每個版塊的設計都有著其不同的元素，首頁，主要突出網(wǎng)頁圍繞的主題設計導航，并且使用簡單明了的文字對學院做出說明；而二級頁面，則分為六個版塊，每個版塊都有著不同的設計元素來突出其主題；對于三級頁面，由于其劃分表達內容上得較為詳細，所以社體元素較為單調以圖文介紹為主。 b、 全版設計所使用的元素極為簡單，主要以框架、線條、設計，在此基礎之上配合色彩、陰影、重疊、浮動、定位等的元素來協(xié)調畫面風格。 c、 對于次級頁面的導航欄設計，是浮動置于頁面的底部，這樣設計的效果是讓用戶瀏覽簡潔方便，而且導航欄不會占據(jù)頁面的內容。 網(wǎng)站設計 網(wǎng)站架構圖 **細模塊** **折疊快** 水院生活指南網(wǎng) 機構設置 水院文化 生活指南 周邊景點 水院資訊 交通路線 社團活動 學習環(huán)境 校園風光 吃遍水院 住宿環(huán)境 宣傳視頻 購物娛樂 流溪灘涂 森林公園 招生就業(yè) 水院要聞 石門公園 流溪公園 校園內部 街口廣百 欣榮商城 頁面設計圖 主頁面 水院生活指南（index.html） 首頁 輪播：學院各主題圖 文本：簡介水院 水院單位 生活指南 周邊景點 交通路線 水院文化 機構設置 水院資訊 二級頁面 水院文化（sywenhua.html） 首頁 水院單位 首頁：水院文化 文本：文化生活簡潔 社團活動 校園風光 宣傳視頻 學習環(huán)境 拖動形狀至中心，跳轉到下一頁面拖動后，形狀復位 機構設置（syjigou.html） 首頁 水院單位 首頁：機構設置 教學系部 黨群組織 行政單位 教輔單位 主體部門 動圖（左右滑動）：師資力量，學生作品 水院資訊（syzixun.html） 首頁 水院單位 首頁：水院資訊 招生就業(yè) 水院要聞 招生就業(yè) 水院要聞 文字滾動欄 可加折疊顯示 生活指南（syshenghuo.html） 首頁 水院單位 輪播：生活主題圖片 首頁：生活指南 吃貨圖片 住宿圖片 購物、美味與住宿 街口中心 欣榮商圈 第九菜系 學生宿舍 周邊景點（syzhoubian.html） 首頁 水院單位 首頁：周邊景點 文本：介紹周圍景點 帶圖標：石門 帶圖標：玫瑰園 帶圖標：流溪河 帶圖標：溪頭村 交通路線（syluxian.html） 首頁 水院單位 首頁：交通路線 到校自駕車 到校公車 游玩路線 三級頁面 社團活動(syshetuan.html)------------ 首頁 水院單位 首頁： 水院文化>社團活動 大屏顯示（未點擊時，出現(xiàn)社團主體圖 點擊時，輪換到每個社團的介紹內容） 學習環(huán)境（syhuanjing.html） 首頁 水院單位 首頁： 水院文化>學習環(huán)境 長邊幅網(wǎng)頁，上下拖動，參考“八音盒” 學 習 （設計） 圖片 簡潔文字說明 以下類推（具體見詳細圖） 頂部 校園風光(syfengguang.html) 首頁 水院單位 首頁： 水院文化>校園風光 長邊幅網(wǎng)頁，上下拖動，參考“八音盒” 環(huán) 境 （設計） 圖片 簡潔文字說明 以下類推（具體見詳細圖） 頂部 宣傳視頻（syshipin.html） 首頁 水院單位 首頁： 水院文化>宣傳視頻 視頻窗口 視頻窗口 街口中心（jiekouzhongxin.html） 首頁 水院單位 首頁： 生后指南>街口中心 簡介街口購物中心 圖片 短文字簡介 短文字簡介 欣榮商圈(xinrongshangquan.html) 首頁 水院單位 首頁： 生后指南>欣榮商圈 簡介欣榮宏廣場 圖片 短文字簡介 短文字簡介 第九菜系（xueyuanshitang.html） 首頁 水院單位 首頁： 生后指南>第九菜系 短文字簡介 輪播：特色菜 歷屆學生評價 飯?zhí)萌な? 學生宿舍(xueshengsushe.html) 首頁 水院單位 首頁： 生后指南>學生宿舍 宿舍彩漫動圖 高清、特寫（亂搭） 部分板塊設計圖 周邊景點--------折疊塊設計圖 景點大圖 基本信息 景點亮點 溫馨提示 上下折疊模塊（表格） 首頁： 周邊景點>玫瑰園>詳細介紹 水院單位 學習環(huán)境詳細設計圖 （主要參考八音盒） 首頁 水院單位 首頁： 水院文化>學習環(huán)境 環(huán) 境 （設計） 圖片 簡潔文字說明 靜 謐 （設計） 圖片 氛 圍 （設計） 圖片 相冊 底部導航條 首頁 水院文化 機構設置 水院資訊 交通路線 周邊景點 生活指南 程序設計 模板代碼 測試發(fā)布 測試 這個階段主要對網(wǎng)站做兼容性測試，使其在匹配主流瀏覽器的基礎之上，匹配更多的瀏覽器。 發(fā)布 前期主要在校內推廣給學生使用，在用戶量增長的同時，嘗試向即將進入我校的新生推廣本網(wǎng)站。 維護 每天都要更新當天的資訊，并且對出現(xiàn)的問題進行維護。