網(wǎng)站規(guī)劃與設(shè)計(jì)報(bào)告

1、湖南交通職業(yè)技術(shù)學(xué)院網(wǎng)頁(yè)設(shè)計(jì)與制作課程項(xiàng)目報(bào)告書題目班級(jí)網(wǎng)站學(xué)院：交通信息學(xué)院班級(jí)：智軟1201成員：煒哥、黃*、伍*指導(dǎo)教師：二一.概述1.網(wǎng)站幵發(fā)背景和目的隨著網(wǎng)絡(luò)技術(shù)的發(fā)展與互聯(lián)網(wǎng)的普及，網(wǎng)站建設(shè)與網(wǎng)頁(yè)制作越來(lái)越成為各行 各業(yè)以及個(gè)人宣傳自己的有利工具，、網(wǎng)站在當(dāng)今時(shí)代被越來(lái)越多的人用來(lái)宣 傳，通過這次個(gè)人網(wǎng)頁(yè)的制作，我對(duì)計(jì)算機(jī)有了更深層次得到了解，也有了 更濃厚的興趣。尤其是對(duì)網(wǎng)頁(yè)制作的過程與一些技巧手法更有了另外一番了 解，對(duì)網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí)也有了一定的掌握。所以我覺得這次制作網(wǎng)頁(yè)我 已經(jīng)達(dá)到了自己的目的，而不是單單為了完成作業(yè)而已。這是一個(gè)完全關(guān)于 班級(jí)網(wǎng)站的網(wǎng)頁(yè)。主題班級(jí)網(wǎng)站是

2、在Windwos7環(huán)境下用記事本、Dreamweaver和Photoshop等工具完成靜態(tài)網(wǎng)站的幵發(fā)，我們完全是運(yùn)用了這 一學(xué)期的網(wǎng)頁(yè)制作教程所學(xué)習(xí)的知識(shí)和課外自學(xué)知識(shí)完成的。二.需求分析用戶對(duì)網(wǎng)站的要求是：風(fēng)格統(tǒng)一和諧的網(wǎng)頁(yè)，網(wǎng)頁(yè)操作合理、方便、友好需要實(shí)現(xiàn)的功能和性能是：適當(dāng)運(yùn)用HTML吾言和CSS羊式定義，并正確運(yùn)用多媒體信息，設(shè)計(jì)出風(fēng)格統(tǒng)一和諧的網(wǎng)頁(yè)；網(wǎng)站正常運(yùn)行，功能達(dá)到設(shè)計(jì)要 求，風(fēng)格和諧統(tǒng)一，操作合理、方便、友好，界面具有美感或創(chuàng)意，還要符 合網(wǎng)站管理的原則。三 總體設(shè)計(jì)1、網(wǎng)站需要讓每個(gè)人到了解到藝術(shù)2、 主題班級(jí)網(wǎng)站是在 Windwos7環(huán)境下用記事本、 Dreamweave

3、r和Photoshop 等工具完成靜態(tài)網(wǎng)站的開發(fā)3、此次網(wǎng)站制作共三人合力完成4、需要遵循的規(guī)則和標(biāo)準(zhǔn)：網(wǎng)頁(yè)命名要簡(jiǎn)潔、確保頁(yè)面的導(dǎo)覽性好、保 持新鮮感、合理設(shè)計(jì)視覺效果、為圖片添加文字說明、盡量減少拼寫 和吾法錯(cuò)誤、頁(yè)面長(zhǎng)度要適中、保持鏈接的有效性、整個(gè)頁(yè)面風(fēng)格要 一致5、網(wǎng) 頁(yè)色彩搭配原理 色彩的鮮明性。網(wǎng)頁(yè)的色彩要鮮艷，容易引人注目。 色彩的獨(dú)特性。 要有與眾不同的色彩， 使得用戶對(duì)企業(yè)網(wǎng)站的印象強(qiáng) 烈。 色彩的合適性。色彩和網(wǎng)站表達(dá)的內(nèi)容要與氣氛相適應(yīng)。 色彩的聯(lián)想性。 不同色彩會(huì)產(chǎn)生不同的聯(lián)想， 如藍(lán)色想到天空， 白色 想到純潔等。網(wǎng)站的功能框架結(jié)構(gòu)如下：首頁(yè)四.詳細(xì)設(shè)計(jì)：界面設(shè)計(jì)：

4、首頁(yè)的樣圖主模塊子頁(yè)的樣圖關(guān)鍵技術(shù)：主要運(yùn)用：DIV、CSS JAVASCRIPT本語(yǔ)言，表格次要運(yùn)用：JQuerry腳本，flash動(dòng)畫，gif動(dòng)態(tài)圖片等等。運(yùn)用工具：美圖秀秀，表情工廠，DW8等等五、結(jié)束語(yǔ)1分工說明：黃云清主要負(fù)責(zé)網(wǎng)頁(yè)首頁(yè)的排版、設(shè)計(jì)和子網(wǎng)頁(yè)的超連接，子網(wǎng)頁(yè)的整理以及資料的尋找。支煒和伍眾永主要負(fù)責(zé)子網(wǎng)頁(yè)的排版設(shè)計(jì)和圖片的PS和處理以及參考資料的尋找。2、不足：整個(gè)網(wǎng)站的子網(wǎng)頁(yè)不夠，鏈接也不是很多。班級(jí)介紹的不太詳細(xì)，班 級(jí)特點(diǎn)不夠鮮明。 網(wǎng)站的簡(jiǎn)介介紹的內(nèi)容不夠全面， 只是簡(jiǎn)略的介紹了班級(jí)的一 些欄目，但是沒有全面的介紹我們班的具體特點(diǎn)。網(wǎng)站的代碼不太統(tǒng)一，沒有用 外部

5、連接文件，后期的維護(hù)困難。改進(jìn)方法： 增加子網(wǎng)頁(yè)的數(shù)目和詳細(xì)簡(jiǎn)介內(nèi)容，網(wǎng)站的代碼要統(tǒng)一整理，最好 一個(gè)外部連接文件控制樣式等，便于后期維護(hù)。六、個(gè)人心得做好主頁(yè)，并不是一件容易的事，它包括個(gè)人主頁(yè)的選題、內(nèi)容采集整理、 圖片的處理、頁(yè)面的排版設(shè)置、背景及其整套網(wǎng)頁(yè)的色調(diào)等很多東西。1. 標(biāo)題在個(gè)人主頁(yè)中標(biāo)題起著很重要的作用， 它在很大程度上決定了你整套個(gè)人主 頁(yè)的定位。一個(gè)好的標(biāo)題必須有概括性、簡(jiǎn)短，有特色、容易記，還要符合自己 主頁(yè)的主題和風(fēng)格，決不要取一個(gè)名不符實(shí)的 好名字 ，別人第一次上了當(dāng)，下 次再也不會(huì)光顧了。2. 內(nèi)容的采集選好標(biāo)題后，開始采集內(nèi)容，內(nèi)容必須與標(biāo)題相符，在采集內(nèi)容的過程中， 應(yīng)注重特色，所謂特色應(yīng)該是有一些自己的東西。個(gè)人主頁(yè)中的特色，應(yīng)該突出 自己的個(gè)性，把自己的興趣、愛好盡情地發(fā)揮出來(lái)，因?yàn)樵诰W(wǎng)絡(luò)上不受限制。主 頁(yè)就是在網(wǎng)絡(luò)上的一個(gè)小小家園，在那里，可以放上自己喜歡的任何東西，包括 你自己平時(shí)喜歡一些文章，一些好聽的歌，一些好的動(dòng)畫作品。把這些內(nèi)容按類 別進(jìn)行分類，設(shè)置欄目，讓人一目了然，在欄目上不要設(shè)置太多，最好不要超過 十個(gè)，層次上最好少于五層3. 圖片4. 網(wǎng)頁(yè)排版網(wǎng)頁(yè)頁(yè)面整體的排版設(shè)計(jì)也是不可忽略的， 要讓讀者在狹小的電腦屏幕上閱 讀，很重要的一個(gè)原則是合理地運(yùn)用空間，讓自己的網(wǎng)頁(yè)井井有條，留下必要的 空白，人覺得