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

《網(wǎng)站規(guī)劃與設(shè)計(jì)報(bào)告》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、湖南交通職業(yè)技術(shù)學(xué)院《網(wǎng)頁設(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è)以及個(gè)人宣傳自己的有利工具，、網(wǎng)站在當(dāng)今時(shí)代被越來越多的人用來宣傳，通過這次個(gè)人網(wǎng)頁的制作，我對(duì)計(jì)算機(jī)有了更深層次得到了解，也有了更濃厚的興趣。尤其是對(duì)網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對(duì)網(wǎng)頁制作的基礎(chǔ)知識(shí)也有了一定的掌握。所以我覺得這次制作網(wǎng)頁我已經(jīng)達(dá)到了自己的目的，

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

3、還要符合網(wǎng)站管理的原則。三．總體設(shè)計(jì)1、網(wǎng)站需要讓每個(gè)人到了解到藝術(shù)2、主題《班級(jí)網(wǎng)站》是在Windwos7環(huán)境下用記事本、Dreamweaver和Photoshop等工具完成靜態(tài)網(wǎng)站的開發(fā)3、此次網(wǎng)站制作共三人合力完成4、需要遵循的規(guī)則和標(biāo)準(zhǔn)：網(wǎng)頁命名要簡(jiǎn)潔、確保頁面的導(dǎo)覽性好、保持新鮮感、合理設(shè)計(jì)視覺效果、為圖片添加文字說明、盡量減少拼寫和語法錯(cuò)誤、頁面長(zhǎng)度要適中、保持鏈接的有效性、整個(gè)頁面風(fēng)格要一致5、網(wǎng)頁色彩搭配原理①色彩的鮮明性。網(wǎng)頁的色彩要鮮艷，容易引人注目。②色彩的獨(dú)特性。要有與眾不同的色彩，使得用戶對(duì)企業(yè)

4、網(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)如下：班級(jí)網(wǎng)站主頁班級(jí)相冊(cè)班級(jí)簡(jiǎn)介留言板同學(xué)錄班級(jí)趣聞?dòng)亚殒溄邮醉撘唬敿?xì)設(shè)計(jì)：界面設(shè)計(jì)：首頁的樣圖主模塊子頁的樣圖關(guān)鍵技術(shù)：主要運(yùn)用：DIV、CSS、JAVASCRIPT腳本語言，表格次要運(yùn)用：JQuerry腳本，flash動(dòng)畫，gif動(dòng)態(tài)圖片等等。運(yùn)用工具：美圖秀秀，表情工廠，DW8，等等五、結(jié)束語1分工說明：黃云清主要負(fù)責(zé)網(wǎng)頁首頁的排版、設(shè)計(jì)和子網(wǎng)頁的超連接

5、，子網(wǎng)頁的整理以及資料的尋找。支煒和伍眾永主要負(fù)責(zé)子網(wǎng)頁的排版設(shè)計(jì)和圖片的PS和處理以及參考資料的尋找。2、不足：整個(gè)網(wǎng)站的子網(wǎng)頁不夠，鏈接也不是很多。班級(jí)介紹的不太詳細(xì)，班級(jí)特點(diǎn)不夠鮮明。網(wǎng)站的簡(jiǎn)介介紹的內(nèi)容不夠全面，只是簡(jiǎn)略的介紹了班級(jí)的一些欄目，但是沒有全面的介紹我們班的具體特點(diǎn)。網(wǎng)站的代碼不太統(tǒng)一，沒有用外部連接文件，后期的維護(hù)困難。改進(jìn)方法：增加子網(wǎng)頁的數(shù)目和詳細(xì)簡(jiǎn)介內(nèi)容，網(wǎng)站的代碼要統(tǒng)一整理，最好一個(gè)外部連接文件控制樣式等，便于后期維護(hù)。六、個(gè)人心得做好主頁，并不是一件容易的事，它包括個(gè)人主頁的選題、內(nèi)容采集

6、整理、圖片的處理、頁面的排版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。1.標(biāo)題在個(gè)人主頁中標(biāo)題起著很重要的作用，它在很大程度上決定了你整套個(gè)人主頁的定位。一個(gè)好的標(biāo)題必須有概括性、簡(jiǎn)短，有特色、容易記，還要符合自己主頁的主題和風(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īng)該突出自己的個(gè)性，把自己的興趣、愛好盡情地發(fā)揮出來，因?yàn)樵诰W(wǎng)絡(luò)上不受限制。主頁就

7、是在網(wǎng)絡(luò)上的一個(gè)小小家園，在那里，可以放上自己喜歡的任何東西，包括你自己平時(shí)喜歡一些文章，一些好聽的歌，一些好的動(dòng)畫作品。把這些內(nèi)容按類別進(jìn)行分類，設(shè)置欄目，讓人一目了然，在欄目上不要設(shè)置太多，最好不要超過十個(gè)，層次上最好少于五層。3.圖片做個(gè)人主頁不能只用文字，必須在主頁上適當(dāng)?shù)丶右恍﹫D片，增加可看性，俗話說"一圖勝（轉(zhuǎn)載自第一范文網(wǎng)http://www.diyifanwen.com，請(qǐng)保留此標(biāo)記。）千言"，我想不無道理，一張?zhí)幚淼煤玫膱D片不需要多做任何解釋，就能讓人一目了然，讓人去思考，去了解它。當(dāng)然處理得不好的以及

8、無關(guān)緊要的圖片最好不要放上去，否則讓人覺得是累贅，同時(shí)也影響網(wǎng)頁的傳輸速度。圖片不僅要好看，還要在保證圖片質(zhì)量的情況下盡量縮小圖片的大?。醋止?jié)數(shù)），在目前網(wǎng)絡(luò)傳輸速度不是很快的情況下，圖片的大小在很大程度上影響了網(wǎng)頁的傳輸速度。那么如何精簡(jiǎn)圖片的大小呢，一般來說，圖片顏色較少的及在256色以內(nèi)的最好把它處理成gif