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

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

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