網(wǎng)頁(yè)設(shè)計(jì)說(shuō)明書(shū).doc

《網(wǎng)頁(yè)設(shè)計(jì)說(shuō)明書(shū).doc》由會(huì)員分享，可在線閱讀，更多相關(guān)《網(wǎng)頁(yè)設(shè)計(jì)說(shuō)明書(shū).doc（23頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

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