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

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

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

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