1、設(shè)計(jì)說明書需求分析目標(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)樗麄兲峁┧璧纳钏璧男畔ⅰ、 他們最想本網(wǎng)站為他們提供校內(nèi)外的所有資訊，包括飲食，住宿，景點(diǎn)旅游等。c、 本網(wǎng)站制作內(nèi)容架構(gòu)清晰，避免過多的文字介紹造成用戶過多閱讀的麻煩。d、 用戶可以每天瀏覽我們?yōu)槠涮峁┑膶?shí)時(shí)熱點(diǎn)以及校內(nèi)外最新的資訊，比如：校園通

2、知、飯?zhí)脙r(jià)格等。市場(chǎng)前景a、 本網(wǎng)站的市場(chǎng)需求在于為本校師生以及想要了解我校的用戶提供最便捷，最新的信息。b、 基于前面的分析，決定了本網(wǎng)站的設(shè)計(jì)風(fēng)格要簡(jiǎn)明、清晰；主題圍繞著學(xué)生所需而開展。網(wǎng)站規(guī)劃內(nèi)容策劃a、 本往網(wǎng)站主要經(jīng)營(yíng)的內(nèi)容是：校園文化、校園資訊、美食住宿、周邊景點(diǎn)等主題。b、 基于以上主題，其中重點(diǎn)制作的是校園文化和美食住宿；而輔助的是校園資訊等主題。對(duì)于網(wǎng)頁如此劃分的目的是，使用本網(wǎng)站的用戶都是想要了解我們學(xué)校于他們息息相關(guān)的事情，無論是新生、老生還是其他用戶，都想知道我們學(xué)校有哪些特色的文化和美食。文化可以增進(jìn)他們知道我們學(xué)校的最近的文化活動(dòng)生活。而美食，則能吸引更多的學(xué)生來了

3、解我們學(xué)校的吃貨，這對(duì)于新進(jìn)校園的新生有著極強(qiáng)引導(dǎo)作用。界面設(shè)計(jì)a、 對(duì)于每個(gè)版塊的設(shè)計(jì)都有著其不同的元素，首頁，主要突出網(wǎng)頁圍繞的主題設(shè)計(jì)導(dǎo)航，并且使用簡(jiǎn)單明了的文字對(duì)學(xué)院做出說明；而二級(jí)頁面，則分為六個(gè)版塊，每個(gè)版塊都有著不同的設(shè)計(jì)元素來突出其主題；對(duì)于三級(jí)頁面，由于其劃分表達(dá)內(nèi)容上得較為詳細(xì)，所以社體元素較為單調(diào)以圖文介紹為主。b、 全版設(shè)計(jì)所使用的元素極為簡(jiǎn)單，主要以框架、線條、設(shè)計(jì)，在此基礎(chǔ)之上配合色彩、陰影、重疊、浮動(dòng)、定位等的元素來協(xié)調(diào)畫面風(fēng)格。c、 對(duì)于次級(jí)頁面的導(dǎo)航欄設(shè)計(jì)，是浮動(dòng)置于頁面的底部，這樣設(shè)計(jì)的效果是讓用戶瀏覽簡(jiǎn)潔方便，而且導(dǎo)航欄不會(huì)占據(jù)頁面的內(nèi)容。網(wǎng)站設(shè)計(jì)網(wǎng)站架構(gòu)

4、圖 *細(xì)模塊* *折疊快*水院生活指南網(wǎng)機(jī)構(gòu)設(shè)置水院文化生活指南周邊景點(diǎn)水院資訊交通路線社團(tuán)活動(dòng)學(xué)習(xí)環(huán)境校園風(fēng)光吃遍水院住宿環(huán)境宣傳視頻購(gòu)物娛樂流溪灘涂森林公園招生就業(yè)水院要聞石門公園流溪公園校園內(nèi)部街口廣百欣榮商城頁面設(shè)計(jì)圖主頁面水院生活指南（index.html）首頁輪播：學(xué)院各主題圖文本：簡(jiǎn)介水院水院?jiǎn)挝簧钪改现苓吘包c(diǎn)交通路線水院文化機(jī)構(gòu)設(shè)置水院資訊二級(jí)頁面水院文化（sywenhua.html）首頁水院?jiǎn)挝皇醉摚核何幕谋荆何幕詈?jiǎn)潔社團(tuán)活動(dòng)校園風(fēng)光宣傳視頻學(xué)習(xí)環(huán)境拖動(dòng)形狀至中心，跳轉(zhuǎn)到下一頁面拖動(dòng)后，形狀復(fù)位機(jī)構(gòu)設(shè)置（syjigou.html）首頁水院?jiǎn)挝皇醉摚簷C(jī)構(gòu)設(shè)置教學(xué)系部黨

5、群組織行政單位教輔單位主體部門動(dòng)圖（左右滑動(dòng)）：師資力量，學(xué)生作品水院資訊（syzixun.html）首頁水院?jiǎn)挝皇醉摚核嘿Y訊招生就業(yè)水院要聞?wù)猩蜆I(yè)水院要聞文字滾動(dòng)欄可加折疊顯示生活指南（syshenghuo.html）首頁水院?jiǎn)挝惠啿ィ荷钪黝}圖片首頁：生活指南吃貨圖片住宿圖片購(gòu)物、美味與住宿街口中心欣榮商圈第九菜系學(xué)生宿舍周邊景點(diǎn)（syzhoubian.html）首頁水院?jiǎn)挝皇醉摚褐苓吘包c(diǎn)文本：介紹周圍景點(diǎn)帶圖標(biāo)：石門帶圖標(biāo)：玫瑰園帶圖標(biāo)：流溪河帶圖標(biāo)：溪頭村交通路線（syluxian.html）首頁水院?jiǎn)挝皇醉摚航煌肪€到校自駕車到校公車游玩路線三級(jí)頁面社團(tuán)活動(dòng)(syshetuan.

6、html)-首頁水院?jiǎn)挝皇醉摚?水院文化社團(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）首頁水院?jiǎn)挝皇醉摚?水院文化學(xué)習(xí)環(huán)境長(zhǎng)邊幅網(wǎng)頁，上下拖動(dòng)，參考“八音盒”學(xué)習(xí)（設(shè)計(jì)）圖片簡(jiǎn)潔文字說明以下類推（具體見詳細(xì)圖）頂部校園風(fēng)光(syfengguang.html)首頁水院?jiǎn)挝皇醉摚?水院文化校園風(fēng)光長(zhǎng)邊幅網(wǎng)頁，上下拖動(dòng)，參考“八音盒”環(huán)境（設(shè)計(jì)）圖片簡(jiǎn)潔文字說明以下類推（具體見詳細(xì)圖）頂部宣傳視頻（syshipin.html）首頁水院?jiǎn)挝皇醉摚?水院文化宣傳視頻視頻窗口視頻窗口街口中心（jiekouzhongxin.html）首

7、頁水院?jiǎn)挝皇醉摚?生后指南街口中心簡(jiǎn)介街口購(gòu)物中心圖片短文字簡(jiǎn)介短文字簡(jiǎn)介欣榮商圈(xinrongshangquan.html)首頁水院?jiǎn)挝皇醉摚?生后指南欣榮商圈簡(jiǎn)介欣榮宏廣場(chǎng)圖片短文字簡(jiǎn)介短文字簡(jiǎn)介第九菜系（xueyuanshitang.html）首頁水院?jiǎn)挝皇醉摚?生后指南第九菜系短文字簡(jiǎn)介輪播：特色菜歷屆學(xué)生評(píng)價(jià)飯?zhí)萌な聦W(xué)生宿舍(xueshengsushe.html)首頁水院?jiǎn)挝皇醉摚?生后指南學(xué)生宿舍宿舍彩漫動(dòng)圖高清、特寫（亂搭）部分板塊設(shè)計(jì)圖周邊景點(diǎn)-折疊塊設(shè)計(jì)圖景點(diǎn)大圖基本信息景點(diǎn)亮點(diǎn)溫馨提示上下折疊模塊（表格）首頁： 周邊景點(diǎn)玫瑰園詳細(xì)介紹水院?jiǎn)挝粚W(xué)習(xí)環(huán)境詳細(xì)設(shè)計(jì)圖（主要參考八

8、音盒）首頁水院?jiǎn)挝皇醉摚?水院文化學(xué)習(xí)環(huán)境環(huán)境（設(shè)計(jì)）圖片簡(jiǎn)潔文字說明靜謐（設(shè)計(jì)）圖片氛圍（設(shè)計(jì)）圖片相冊(cè)底部導(dǎo)航條首頁水院文化機(jī)構(gòu)設(shè)置水院資訊交通路線周邊景點(diǎn)生活指南程序設(shè)計(jì)模板代碼 水院生活指南 /*公共樣式*/ *margin:0px;padding:0px;ul lilist-style-type:none;#page atext-decoration: none;color:#000;text-shadow:none;p,h2text-shadow:none;color:#000;body #pagebackground-image:url(img/bj.jpg);fonttext-shadow:none; /*body margin-bottom:60px !important; /*頁面上升*/ /*內(nèi)容樣式*/ /*頁眉*/.headwidth:100%;height:40px;background:#ddd;/*內(nèi)容*/.navwidth:90%;height:60px;border-bottom:1px #000 solid;margin:20px auto;/*頁腳*/.foot ptext-align:center;color:#000;/*導(dǎo)航樣式*/ 首頁 當(dāng)前位置：首頁水院資訊 廣東水利電力職業(yè)技術(shù)學(xué)院©1