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

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

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

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