網(wǎng)頁(yè)設(shè)計(jì)與制作課程設(shè)計(jì)報(bào)告2300字

網(wǎng)頁(yè)設(shè)計(jì)與制作課程設(shè)計(jì)報(bào)告2300字

《網(wǎng)頁(yè)設(shè)計(jì)與制作》期末課程設(shè)計(jì)報(bào)告題目：周杰倫中文網(wǎng)學(xué)院系別：班級(jí)：學(xué)生姓名：學(xué)號(hào)：指導(dǎo)老師：陸興完成日期：2011－12－21目錄一、系統(tǒng)概述?????????????????????二、系統(tǒng)分析?????????????????????三、系統(tǒng)總體設(shè)計(jì)??????????????????四、系統(tǒng)實(shí)現(xiàn)?????????????????????五、設(shè)計(jì)過(guò)程中的問(wèn)題及解決方法??????????六、系統(tǒng)測(cè)試情況???????????????????七、總結(jié)與心得?????????????????????一．系統(tǒng)概述網(wǎng)站的主旨在于介從各個(gè)方面全面的介紹周杰倫，只要包括杰倫的電影，歌曲，MV，還有一些活動(dòng)和歌迷的情況。另外，網(wǎng)站里還應(yīng)包括杰倫的相冊(cè)，建立一個(gè)展示杰倫的平臺(tái)。同時(shí)，網(wǎng)站里的每一個(gè)網(wǎng)頁(yè)都要有統(tǒng)一的風(fēng)格，以加強(qiáng)渲染杰倫性格的效果。最重要的是做出自己的風(fēng)格，吸引瀏覽者的眼球。主要在網(wǎng)站上搜集所要的網(wǎng)頁(yè)信息，包括圖片、文字、相關(guān)的新聞，同時(shí)，查詢(xún)相關(guān)的圖書(shū)、報(bào)紙、光盤(pán)、多媒體等，也可以得來(lái)更加有說(shuō)服力的信息。常言道：“巧婦難為無(wú)米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁(yè)的素材。二．系統(tǒng)分析系統(tǒng)分析是平臺(tái)開(kāi)發(fā)的一個(gè)不可缺少的環(huán)節(jié)，為了使本系統(tǒng)更好，更完善的被設(shè)計(jì)出來(lái)，就必須先進(jìn)行調(diào)查研究，在系統(tǒng)調(diào)查的基礎(chǔ)上，對(duì)系統(tǒng)功能進(jìn)行細(xì)致的分析，從而才能開(kāi)發(fā)出完整的系統(tǒng)設(shè)計(jì)。三．系統(tǒng)總體設(shè)計(jì)系統(tǒng)功能分析：我的網(wǎng)站包括10個(gè)頁(yè)面，每一個(gè)頁(yè)面用統(tǒng)一的背景圖片，以保證網(wǎng)站統(tǒng)一的風(fēng)格。用杰倫的名字命名網(wǎng)站Loge,網(wǎng)站整體色調(diào)為灰黑色，然后點(diǎn)綴其他不同的顏色相配，突出主題，但顏色不宜過(guò)多，過(guò)雜，給人一種雜亂的感覺(jué)。版面設(shè)計(jì)要靈活，根據(jù)各部分內(nèi)容的不同適當(dāng)?shù)淖杂稍O(shè)計(jì)?？傮w結(jié)構(gòu)圖：各個(gè)網(wǎng)頁(yè)的功能如下：資料：主要是講解周杰倫的個(gè)人資料以及一些個(gè)人簡(jiǎn)介之類(lèi)的。杰式靚相：主要是周杰倫的一些圖片照片。活動(dòng)：主要是各地杰倫歌迷會(huì)的一些活動(dòng)聚會(huì)。我的調(diào)調(diào)：原創(chuàng)文章，有關(guān)于杰倫的。貼圖：主要是周杰倫的一些生活照片。電影：主要講周杰倫所有拍過(guò)的電影簡(jiǎn)單介紹。關(guān)于我們：主要是寧夏歌迷會(huì)的一些情況。問(wèn)卷調(diào)查：主要是調(diào)查瀏覽者對(duì)于該網(wǎng)站的一些調(diào)查。入門(mén)網(wǎng)頁(yè)的界面：該界面是一個(gè)動(dòng)靜結(jié)合而成的，包含了flash動(dòng)畫(huà)，圖片，文字等，該頁(yè)面的鏈接主要設(shè)置在文字上，點(diǎn)擊相關(guān)文字可以進(jìn)入不同的網(wǎng)頁(yè)進(jìn)行瀏覽。四.系統(tǒng)實(shí)現(xiàn)1.軟件環(huán)境軟件的開(kāi)發(fā)環(huán)境主要是Dreamweaver軟件2.主頁(yè)制作每個(gè)頁(yè)面的主元素和位置不能變，比如loge.版權(quán)信息等。網(wǎng)頁(yè)布局主要用層和表格，用層定位內(nèi)容的大體結(jié)構(gòu)，再用表格具體定位。位子的設(shè)計(jì)也是重要的一個(gè)部分，根據(jù)具體內(nèi)容決定字體風(fēng)格，相同的風(fēng)格多次調(diào)用是，用css設(shè)計(jì)一個(gè)樣式，以保證隨時(shí)、準(zhǔn)確的調(diào)用。另外，為了網(wǎng)頁(yè)布局的協(xié)調(diào)，還可以加入flash動(dòng)態(tài)圖片，會(huì)達(dá)到更好的效果。3.各功能模塊的制作各功能模塊主要是依據(jù)一些杰迷喜愛(ài)的版塊而制作的，比如我的調(diào)調(diào)模塊是一些網(wǎng)友寫(xiě)的原創(chuàng)文章，主要是對(duì)于周杰倫的一些歌曲的領(lǐng)悟而寫(xiě)成的自己對(duì)生活的感悟，而圖片版塊主要是杰倫的一些生活照和工作照片，充分表現(xiàn)了生活中和工作中的杰倫。五．設(shè)計(jì)過(guò)程中的問(wèn)題及解決方法比如說(shuō)層的疊加應(yīng)用，圖片的移動(dòng)，時(shí)間軸的設(shè)置都還不是很熟練，通過(guò)看網(wǎng)上的教程和同學(xué)的幫助，解決了這些問(wèn)題六．1.系統(tǒng)測(cè)試情況系統(tǒng)測(cè)試比較成功，網(wǎng)頁(yè)基本上可以達(dá)到預(yù)期的目標(biāo)，只是在一些美化方面還存在問(wèn)題，這需要以后更好的去解決2.結(jié)果分析項(xiàng)目應(yīng)用框架結(jié)構(gòu)將主要的內(nèi)容顯示于一個(gè)主網(wǎng)頁(yè)內(nèi)，內(nèi)容表現(xiàn)緊湊。設(shè)置較為合理。因?yàn)闀r(shí)間的關(guān)系，本網(wǎng)站的內(nèi)容有限，許多功能有待進(jìn)一步增加。比如進(jìn)一步完善在線測(cè)試。交流園地等方面的內(nèi)容，增加網(wǎng)站的互動(dòng)性。另外該網(wǎng)站的美工設(shè)計(jì)尚可以進(jìn)一步改進(jìn)，以增加網(wǎng)站的美觀和吸引力。七．總結(jié)與心得經(jīng)濟(jì)迅速發(fā)展的今天，Internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會(huì)發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。非常感謝老師給了我這次，獨(dú)立設(shè)計(jì)，制作網(wǎng)頁(yè)的機(jī)會(huì)，通過(guò)這次試驗(yàn)，我的收益頗多。首先，獨(dú)立的實(shí)踐了一個(gè)完整的網(wǎng)站設(shè)計(jì)的全過(guò)程，把設(shè)計(jì)中零散的注意點(diǎn)和要求在自己大腦中形成了一個(gè)完整的框架體系，使平時(shí)學(xué)到的知識(shí)點(diǎn)有了一個(gè)質(zhì)的升華，并且合理的在試驗(yàn)中進(jìn)行了實(shí)踐。第二，在這次實(shí)驗(yàn)的過(guò)程中，我搜集了大量的素材和網(wǎng)頁(yè)設(shè)計(jì)的技術(shù)技巧方面的書(shū)，擴(kuò)大了知識(shí)面，給我在以后的設(shè)計(jì)過(guò)程中能博采眾長(zhǎng)，制作出技術(shù)精湛的網(wǎng)頁(yè)打下了基礎(chǔ)。最后，我感受最深的是，技術(shù)方面的學(xué)習(xí)，最重要的是自己實(shí)踐做出東西，只通過(guò)自己的親身實(shí)踐，才能學(xué)會(huì)、學(xué)懂、學(xué)通技術(shù)。從制作網(wǎng)頁(yè)過(guò)程中，我學(xué)到了新的美化網(wǎng)頁(yè)的方法，運(yùn)用了更多以前未運(yùn)用的技巧。這使我學(xué)到了更多的知識(shí)，并且為我自己在制作網(wǎng)頁(yè)這方面積累了一些經(jīng)驗(yàn)。這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會(huì)后的一筆巨大的財(cái)富。這次實(shí)習(xí)的收獲對(duì)我來(lái)說(shuō)有不少，我自己感覺(jué)在知識(shí)、技能等方面都有了不少的收獲?？傮w來(lái)說(shuō)這次是對(duì)我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高。附錄：參考文獻(xiàn)Dreamweaver中文版基礎(chǔ)培訓(xùn)教程網(wǎng)頁(yè)制作與網(wǎng)站開(kāi)發(fā)從入門(mén)到精通網(wǎng)站設(shè)計(jì)與網(wǎng)頁(yè)制作項(xiàng)目教程網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)用技術(shù)

第二篇：《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程設(shè)計(jì)報(bào)告600字網(wǎng)頁(yè)設(shè)計(jì)與制作課程設(shè)計(jì)報(bào)告書(shū)題目：_____________________________專(zhuān)業(yè)：_____________________________班級(jí)：____________________________學(xué)號(hào)：____________________________姓名：_____________________________山西大學(xué)商務(wù)學(xué)院學(xué)院信息學(xué)院網(wǎng)站設(shè)計(jì)背景個(gè)人家庭攝影及攝像網(wǎng)絡(luò)交流缺乏，建立一個(gè)交流平臺(tái)，使大家能有一個(gè)較好的交流平臺(tái)。網(wǎng)站建設(shè)的目標(biāo)建立個(gè)人家庭攝像及攝影的交流性個(gè)人網(wǎng)站。網(wǎng)站建設(shè)的架構(gòu)網(wǎng)站采用PHP168CMS6.02程序制作，模板采用DIV+CSS布局。演示作品采用了純靜態(tài)化頁(yè)面設(shè)計(jì)。相關(guān)網(wǎng)站借鑒：天馬影樓站點(diǎn)設(shè)計(jì)結(jié)構(gòu)圖網(wǎng)站風(fēng)格家庭攝影站點(diǎn)立意：建立家庭愛(ài)心攝影技術(shù)交流，交流下一代教育、學(xué)前教育及其他各個(gè)方面的交流。技術(shù)難點(diǎn)：JavaScript頁(yè)面效果較難設(shè)計(jì)，首頁(yè)部分加載緩慢