第一篇：網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)報(bào)告

《網(wǎng)頁(yè)設(shè)計(jì)與制作》實(shí)訓(xùn)報(bào)告

實(shí)訓(xùn)題目:

專業(yè):

班級(jí)：

學(xué)號(hào):

姓名：

實(shí)訓(xùn)時(shí)間：

實(shí)訓(xùn)地點(diǎn)：

指導(dǎo)教師:

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

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

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

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

五、實(shí)訓(xùn)收獲、體會(huì)和問(wèn)題

第二篇：網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)報(bào)告

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

網(wǎng)頁(yè)制作實(shí)訓(xùn)報(bào)告

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

第三篇：網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)報(bào)告

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

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

題目：

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

完成日期：年月日

目錄

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

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

三、課程設(shè)計(jì)報(bào)告內(nèi)容...................1

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

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

3.3頁(yè)面設(shè)計(jì).........................2

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

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

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

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

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

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

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

三、課程設(shè)計(jì)報(bào)告內(nèi)容

3.1總體功能介紹

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

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

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

3.3頁(yè)面設(shè)計(jì)

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

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

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

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

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

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

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

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

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

使用的測(cè)試方法是什么？

測(cè)試中遇到的問(wèn)題以及解決的方法。

四、結(jié)論

寫(xiě)法要求：

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

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

五、結(jié)束語(yǔ)

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

六、主要參考資料

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

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

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

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

…………………………………………………………………………..(要求:五號(hào)字，宋體，1.5倍行距。按作者、書(shū)名、出版社、地點(diǎn)、出版時(shí)間格式逐一列出，中間用逗號(hào)格開(kāi))

第四篇：《網(wǎng)頁(yè)設(shè)計(jì)》實(shí)訓(xùn)報(bào)告

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

《網(wǎng)頁(yè)設(shè)計(jì)》實(shí)訓(xùn)報(bào)告

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

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

姓名:李敏梓

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

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

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

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

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

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

第五篇：網(wǎng)頁(yè)設(shè)計(jì)實(shí)訓(xùn)報(bào)告

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

實(shí)訓(xùn)地點(diǎn)：一號(hào)教學(xué)樓5樓實(shí)訓(xùn)室

實(shí)訓(xùn)目的：

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

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

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

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

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

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

3.頁(yè)面制作完整，外觀力求精美，訪問(wèn)速度快，無(wú)HTML語(yǔ)句錯(cuò)誤。

4．撰寫(xiě)實(shí)訓(xùn)報(bào)告。

操作步驟：

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

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

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

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

5、制作一個(gè)表單頁(yè)面。

6、某個(gè)頁(yè)面有滾動(dòng)字幕。

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

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

設(shè)計(jì)開(kāi)始，想法不全面,主題，布局都沒(méi)有頭緒，后來(lái)，開(kāi)始做，而且覺(jué)得越做越有頭緒了。

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

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

個(gè)人心得：

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

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

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

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

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