第一篇：網(wǎng)頁設(shè)計實訓(xùn)報告

重慶科創(chuàng)職業(yè)學(xué)院

《靜態(tài)網(wǎng)站建設(shè)》 實 訓(xùn) 報 告

題目：

專業(yè)：班級：學(xué)號：姓名：成績：指導(dǎo)教師：

完成日期：年月日

目錄

一、課程設(shè)計目的....................1

二、課程設(shè)計題目描述和要求.....................1

三、課程設(shè)計報告內(nèi)容...................1

3.1總體功能介紹...............................1

3.2總體框架結(jié)構(gòu)設(shè)計..............................2

3.3頁面設(shè)計.........................2

3.4總體測試與發(fā)布...........................2

四、結(jié)論......................2

五、結(jié)束語.........................3

六、主要參考資料....................3一、課程設(shè)計目的本課程是一門計算機(jī)科學(xué)與技術(shù)及相關(guān)專業(yè)實踐性環(huán)節(jié)。以HTML和CSS為基礎(chǔ)，全面介紹與網(wǎng)頁設(shè)計制作有關(guān)的知識，向?qū)W生闡明Web基本工作機(jī)制，并使學(xué)生具有一般網(wǎng)頁制作的能力。與此同時，通過對Web頁制作技術(shù)和制作工具的學(xué)習(xí)，使學(xué)生對網(wǎng)頁設(shè)計中所涉及的相關(guān)知識有一個全面的了解。通過本課程的學(xué)習(xí)，使學(xué)生全面了解網(wǎng)站建設(shè)與網(wǎng)頁設(shè)計的基本概念、基本理論及業(yè)務(wù)運作模式，了解網(wǎng)站建設(shè)與網(wǎng)頁設(shè)計的特點及工作過程，掌握網(wǎng)站的建立及網(wǎng)頁設(shè)計制作的方法，能夠完成一般性網(wǎng)站的建設(shè)，因此要求利用網(wǎng)頁設(shè)計方法，設(shè)計一個網(wǎng)站，提高綜合應(yīng)用所學(xué)知識的能力，積累 Web 程序的編程經(jīng)驗，提高編程與調(diào)試能力，培養(yǎng)獨立學(xué)習(xí)、吸取他人的經(jīng)驗、探討技術(shù)的習(xí)慣和團(tuán)隊協(xié)作能力。

二、課程設(shè)計題目描述和要求

每個設(shè)計人員設(shè)計制作利用DIV+CSS網(wǎng)頁布局方法制作的任意類型的網(wǎng)站（主題不限），制作網(wǎng)站所需的相關(guān)文字資料、圖片資料等可以到相關(guān)類型的網(wǎng)站上進(jìn)行采集或自行采集。

要求：根據(jù)上面指定的網(wǎng)站開發(fā)項目內(nèi)容進(jìn)行開發(fā)設(shè)計，網(wǎng)站欄目設(shè)置、網(wǎng)站要表達(dá)的具體內(nèi)容和網(wǎng)站的風(fēng)格根據(jù)小組確定的課題進(jìn)行設(shè)計；要求根據(jù)網(wǎng)站設(shè)計規(guī)范和常用網(wǎng)制作頁技術(shù)進(jìn)行設(shè)計；設(shè)計的網(wǎng)站要求結(jié)構(gòu)合理，版面美觀大方，顏色合理，風(fēng)格一致，并運用適當(dāng)?shù)膭討B(tài)網(wǎng)頁技術(shù)進(jìn)行修飾。

三、課程設(shè)計報告內(nèi)容

3.1總體功能介紹

制作該網(wǎng)站的時代背景？該網(wǎng)站主要的功能是什么？可以實現(xiàn)哪些用途？主要使用的技術(shù)是什么？利用了哪些語言實現(xiàn)哪些效果……

3.2總體框架結(jié)構(gòu)設(shè)計

該網(wǎng)站有多少個模塊？層次關(guān)系是什么樣子的？并且可以繪制一個流程圖來進(jìn)行進(jìn)一步說明。

3.3頁面設(shè)計

3.3.1首頁（頁面、設(shè)計思路、主要代碼）

1．進(jìn)行截圖；

2．對設(shè)計思路進(jìn)行說明。

3．將主要代碼復(fù)制粘貼。

3.3.2各子頁（頁面、設(shè)計思路、主要代碼）

1．進(jìn)行截圖；

2．對設(shè)計思路進(jìn)行說明。

3．將主要代碼復(fù)制粘貼。

3.4總體測試與發(fā)布

使用的測試方法是什么？

測試中遇到的問題以及解決的方法。

四、結(jié)論

寫法要求：

1、概括地說明所進(jìn)行工作的情況和價值，分析其優(yōu)點和特色，指出創(chuàng)新所在，性能達(dá)到何種水平，并應(yīng)指出其中存在的問題和今后的改進(jìn)方向，特別是對工作中遇到的重要問題要著重指出，并提出自己的見解。篇幅不宜過長。

2、結(jié)論要簡單、明確。在措辭上應(yīng)嚴(yán)密，容易被人領(lǐng)會。應(yīng)實事求是地介紹自己的工作成果，忌言過其實，在無充分把握時，應(yīng)留有余地。

五、結(jié)束語

要求：在文章結(jié)尾處，通常以簡短的文字，對設(shè)計過程中自己的收獲，及工作過程中曾給自己以直接幫助的人員，例如指導(dǎo)老師、答疑老師及其他人員，表示自己的謝意。這不僅是一種禮貌，也是對他人勞動的尊重，是治學(xué)者應(yīng)有的品質(zhì)。

六、主要參考資料

[1]吳東偉等，《網(wǎng)頁設(shè)計三劍客》，北京，清華大學(xué)出版社，2004年

[2]李宏，張敏，《網(wǎng)頁設(shè)計與制作》，北京，化學(xué)工業(yè)出版社，2006年

[3]李桂杰，《網(wǎng)頁設(shè)計與制作》，大連，大連理工大學(xué)出版社，2008年

[4]李英俊，《網(wǎng)頁設(shè)計與制作》，大連，大連理工大學(xué)出版社，2010年

…………………………………………………………………………..(要求:五號字，宋體，1.5倍行距。按作者、書名、出版社、地點、出版時間格式逐一列出，中間用逗號格開)

第二篇：網(wǎng)頁設(shè)計實訓(xùn)報告

天津電子信息職業(yè)技術(shù)學(xué)院 暨國家示范性軟件職業(yè)技術(shù)學(xué)院

網(wǎng)頁制作實訓(xùn)報告

姓名：系別：專業(yè)：班級：指導(dǎo)教師：完成時間：2012 年 6 月 1日

第三篇：網(wǎng)頁設(shè)計實訓(xùn)報告

《網(wǎng)頁設(shè)計與制作》實訓(xùn)報告

實訓(xùn)題目:

專業(yè):

班級：

學(xué)號:

姓名：

實訓(xùn)時間：

實訓(xùn)地點：

指導(dǎo)教師:

一、實訓(xùn)目的二、實訓(xùn)環(huán)境(軟、硬件環(huán)境)

三、實訓(xùn)內(nèi)容及相關(guān)技術(shù)

(具體的設(shè)計步驟及所使用的關(guān)鍵技術(shù)，要求附有圖表說明)

四、實訓(xùn)結(jié)果及分析

五、實訓(xùn)收獲、體會和問題

第四篇：《網(wǎng)頁設(shè)計》實訓(xùn)報告

溫州科技職業(yè)學(xué)院信息技術(shù)系

《網(wǎng)頁設(shè)計》實訓(xùn)報告

班級：數(shù)字媒體12-2班

學(xué)號:120309215指導(dǎo)教師：李余黨

姓名:李敏梓

一、實訓(xùn)目的與要求

通過實訓(xùn)使學(xué)生能夠更進(jìn)一步的領(lǐng)會網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計的基本知識，熟悉和掌握網(wǎng)站建設(shè)的基本流程和注意事項，熟練運用常用的網(wǎng)頁制作和設(shè)計工具的使用，熟練掌握DIV+CSS網(wǎng)頁布局設(shè)計技術(shù),希望通過對網(wǎng)站的規(guī)劃與設(shè)計來培養(yǎng)學(xué)生綜合運用所學(xué)知識來建立網(wǎng)站的能力，掌握相關(guān)網(wǎng)頁制作軟件，為今后從事網(wǎng)站規(guī)劃、設(shè)計和開發(fā)工作打下基礎(chǔ)。

二.實訓(xùn)內(nèi)容

制作好心情科技網(wǎng)頁，要求該網(wǎng)站能基本滿足該類型企業(yè)的某些需求能展示公司或產(chǎn)品的相關(guān)信息、宣傳企業(yè)形象與產(chǎn)品性能。網(wǎng)站設(shè)計和開發(fā)過程中，可以采用網(wǎng)絡(luò)素材，技術(shù)以靜態(tài)為主，積極支持和鼓勵使用動態(tài)技術(shù)

三.實訓(xùn)過程中出現(xiàn)的主要問題和解決辦法

主要問題：在網(wǎng)頁創(chuàng)作中，網(wǎng)站主頁分布不規(guī)范，解決問題：利用div根據(jù)網(wǎng)頁所需的內(nèi)容 創(chuàng)建大致網(wǎng)站的框架，使之網(wǎng)頁美觀，干凈，整潔

第五篇：網(wǎng)頁設(shè)計實訓(xùn)報告

實訓(xùn)時間：2011年6月20日——2011年6月24日

實訓(xùn)地點：一號教學(xué)樓5樓實訓(xùn)室

實訓(xùn)目的：

1．要求學(xué)生獨立制作有一定思想和創(chuàng)意網(wǎng)頁。

2．掌握網(wǎng)站建設(shè)的基本思路和流程。

3．網(wǎng)站基本架設(shè)、發(fā)布、維護(hù)。

實訓(xùn)主要內(nèi)容

1．使用Dreamweaver編輯網(wǎng)頁。網(wǎng)站要求包含二級頁面，8-10個頁面。使用Dreamweaver布局視圖，設(shè)置本地站點。使用布局視圖，在標(biāo)準(zhǔn)模式中插入層對象制作層動畫，利用行為面板添加鼠標(biāo)行為，制作翻轉(zhuǎn)動畫，使用CSS樣式統(tǒng)一網(wǎng)頁中文字樣式，插入Fireworks中的GIF 文件及導(dǎo)入Flash中的SWF文檔，設(shè)置文檔間的超級鏈接。

2．編輯要有一定的創(chuàng)意，能符合觀賞的視覺感受；網(wǎng)頁結(jié)構(gòu)清晰，主題突出，美觀大方，內(nèi)容豐富，制作規(guī)范，色彩協(xié)調(diào)。

3.頁面制作完整，外觀力求精美，訪問速度快，無HTML語句錯誤。

4．撰寫實訓(xùn)報告。

操作步驟：

1、利用Dreamweaver制作一個靜態(tài)網(wǎng)站，要求網(wǎng)站有特色，整個網(wǎng)站的內(nèi)容和形式要統(tǒng)一，應(yīng)能夠反映一個簡單的主題。

2、使用Dreamweaver編輯網(wǎng)頁。網(wǎng)站要求包含二級頁面，8-10個頁面。

3、用到框架、表格或?qū)优虐婕夹g(shù)、Flash技術(shù)和圖像處理技術(shù)，使網(wǎng)站具有合理的外觀和功能。

4、主頁基本要求：網(wǎng)頁標(biāo)題動畫，可以制作成GIF動畫或者Flash動畫；

5、制作一個表單頁面。

6、某個頁面有滾動字幕。

7、至少添加一種行為效果。

8、整個網(wǎng)站各頁面之間保持風(fēng)格一致，頁面之間要有合理的超級鏈接。實訓(xùn)效果：

設(shè)計開始，想法不全面,主題，布局都沒有頭緒，后來，開始做，而且覺得越做越有頭緒了。

開始時布局總是不能做到很美觀，后來，發(fā)現(xiàn)頁面屬性改了左邊距沒有設(shè)為，上邊距為0，剛好把背景圖片里面的那些亮麗的鈕扣圖案顯示出來，改變了表格背景圖的灰暗，使網(wǎng)頁的整體看起來更美觀了。

在做CSS樣式表的時候，做字的顏色的時候，尤其體現(xiàn)出來色彩學(xué)的作用。這次實訓(xùn)中，我也有許多收獲。首先，我體會到了作為一個網(wǎng)頁設(shè)計師，不會用css的痛苦和尷尬；然后，我發(fā)現(xiàn)了很多以前都不曾注意到的細(xì)節(jié)；其次，在實訓(xùn)中，我對作為一名網(wǎng)頁設(shè)計師應(yīng)該學(xué)習(xí)的內(nèi)容做了一個更深層次的理解；最后，我還從這次實訓(xùn)中看到了自己很他人的差距，危機(jī)意識增強(qiáng)，為了不使這個差距拉大，甚至趕上前面的同學(xué)，我會努力的。

個人心得：

這次實訓(xùn)為我提供了與眾不同的學(xué)習(xí)方法和學(xué)習(xí)體會，從書本中面對現(xiàn)實，為我將來走上社會打下了扎實的基礎(chǔ)。設(shè)計網(wǎng)頁，應(yīng)該先策劃，策劃很重要，加上創(chuàng)意，配色很重要，技術(shù)與鑒賞能力是最主要的。建立站點的時候，各個文件夾取名的時候，最好用相應(yīng)的英語，見名知意，如圖片文件夾用image，網(wǎng)頁文件夾用html。

作為在電子商務(wù)專業(yè)的大專生，現(xiàn)在我能做的就是吸取知識，提高自身的綜合素質(zhì)，提高自己的創(chuàng)新能力和合作能力等，自己有了能力，到時候才會是“車到山前必有路”。我相信在不久的未來，會有屬于我自己的一片天空！

在設(shè)計中遇到了很多的技術(shù)問題，最后在老師的辛勤指導(dǎo)下，終于豁然開朗。同時，在老師的身上我學(xué)得到很多實用的知識，在這次實訓(xùn)中，我也有許多收獲。首先，我體會到了作為一個網(wǎng)頁設(shè)計師，不會用css的痛苦和尷尬；然后，我發(fā)現(xiàn)了很多以前都不曾注意到的細(xì)節(jié)；其次，在實訓(xùn)中，我對作為一名網(wǎng)頁設(shè)計師應(yīng)該學(xué)習(xí)的內(nèi)容做了一個更深層次的理解；最后，我還從這次實訓(xùn)中看到了自己很他人的差距，危機(jī)意識增強(qiáng)，為了不使這個差距拉大，甚至趕上前面的同學(xué)，我會努力的。

本次實訓(xùn)，給我最深刻、最刻骨銘心的感覺就是累，不僅每天白天要一整天對著一臺機(jī)器，我時常想，以后的日子里，如果我成為了一名網(wǎng)頁設(shè)計師也會是這樣嗎？好像很無聊的樣子啊。好動的我一定坐不住吧?？墒?，我也知道，為了衣食父母，為了生存，為了未來，現(xiàn)在我還沒有任何的資格想這個問題，時間不對，而現(xiàn)在最最應(yīng)該想的是——我要怎樣成為一個頂級的網(wǎng)頁設(shè)計師。當(dāng)我終于有能力的時候，才是考慮無不無聊的問題，我還是明白這一點點。

總之，這此實訓(xùn)讓我明白作為在校網(wǎng)頁設(shè)計師專業(yè)的大專生，我能做的就是好好的吸取知識，努力的提高自己的技術(shù)水平和自身的綜合素質(zhì)，提高自己的表達(dá)能力、寫作能力和合作能力。如此，出了社會，自己有了能力，到時候才會是 “吃嘛嘛香”，并且是自己選公司，而不是悲慘的等待公司來選。我相信在不久的未來，會有屬于我自己的一片天空。