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

.設(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è)水院要聞石門(mén)公園流溪公園校園內(nèi)部街口廣百欣榮商城頁(yè)面設(shè)計(jì)圖主頁(yè)面水院生活指南（index.html）首頁(yè)輪播：學(xué)院各主題圖文本：簡(jiǎn)介水院水院?jiǎn)挝簧钪改现苓吘包c(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é)系部黨群組織行政單位教輔單位主體部門(mén)動(dòng)圖（左右滑動(dòng)）：師資力量，學(xué)生作品水院資訊（syzixun.html）首頁(yè)水院?jiǎn)挝皇醉?yè)：水院資訊招生就業(yè)水院要聞?wù)猩蜆I(yè)水院要聞文字滾動(dòng)欄可加折疊顯示生活指南（syshenghuo.html）首頁(yè)水院?jiǎn)挝惠啿ィ荷钪黝}圖片首頁(yè)：生活指南吃貨圖片住宿圖片購(gòu)物、美味與住宿街口中心欣榮商圈第九菜系學(xué)生宿舍周邊景點(diǎn)（syzhoubian.html）首頁(yè)水院?jiǎn)挝皇醉?yè)：周邊景點(diǎn)文本：介紹周?chē)包c(diǎn)帶圖標(biāo)：石門(mén)帶圖標(biāo)：玫瑰園帶圖標(biāo)：流溪河帶圖標(biāo)：溪頭村交通路線（syluxian.html）首頁(yè)水院?jiǎn)挝皇醉?yè)：交通路線到校自駕車(chē)到校公車(chē)游玩路線三級(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ō)明以下類(lèi)推（具體見(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ō)明以下類(lèi)推（具體見(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í)萌な聦W(xué)生宿舍(xueshengsushe.html)首頁(yè)水院?jiǎn)挝皇醉?yè)： 生后指南學(xué)生宿舍宿舍彩漫動(dòng)圖高清、特寫(xiě)（亂搭）部分板塊設(shè)計(jì)圖周邊景點(diǎn)-折疊塊設(shè)計(jì)圖景點(diǎn)大圖基本信息景點(diǎn)亮點(diǎn)溫馨提示上下折疊模塊（表格）首頁(yè)： 周邊景點(diǎn)玫瑰園詳細(xì)介紹水院?jiǎn)挝粚W(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ì)模板代碼 水院生活指南 /*公共樣式*/ *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; /*頁(yè)面上升*/ /*內(nèi)容樣式*/ /*頁(yè)眉*/.headwidth:100%;height:40px;background:#ddd;/*內(nèi)容*/.navwidth:90%;height:60px;border-bottom:1px #000 solid;margin:20px auto;/*頁(yè)腳*/.foot ptext-align:center;color:#000;/*導(dǎo)航樣式*/ 首頁(yè) 當(dāng)前位置：首頁(yè)水院資訊 廣東水利電力職業(yè)技術(shù)