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

電子商務(wù)網(wǎng)頁設(shè)計實訓(xùn)報告

網(wǎng)頁設(shè)計或網(wǎng)頁制作對于我們來說，多少會有點(diǎn)難度的，制作網(wǎng)頁是很精力和時間的，畢竟要求比較高。要制作好一張好的網(wǎng)頁得會熟練使用Photoshop,Flash,和用于制作網(wǎng)頁的Dreamweaver軟件。

Potoshop和Flash軟件我們上個學(xué)期學(xué)了一點(diǎn)皮毛，或者說連皮毛也沒能學(xué)好，原因或者是雙向的。由于我Photoshop是我自學(xué)的，所以會好一點(diǎn)，處理圖片相比較他人我會更擅長，但Flash卻成了我的短板。一直都沒花時間自學(xué)，連制作一個簡單的小動畫都成了問題。Dreamweaver是我們這個學(xué)期剛開的課，所以了解的也不是很多，對于網(wǎng)頁制作我們只有過一次的經(jīng)歷。就是模仿鄉(xiāng)村旅游網(wǎng)的首頁來做一張網(wǎng)頁。

對于這兩周的實訓(xùn)我們做兩張網(wǎng)頁，并且要求學(xué)會分析電子商務(wù)網(wǎng)頁模板，使用Dreamweaver和DIV+CSS的方法布局電子商務(wù)網(wǎng)頁，掌握運(yùn)用JavaScript控制電子商務(wù)網(wǎng)頁行為的能力，這無疑對我們是個挑戰(zhàn)。因為我對JavaScript語言根本不懂，畢竟我學(xué)的時間有限。

剛開始的時候，實訓(xùn)指導(dǎo)老師包金龍老師就讓我們寫好實訓(xùn)規(guī)劃，并且要用坐標(biāo)軸表示出來，每天需要做哪些東西，包括完成情況等，都得表示出來。

我的計劃是：

第一天選好題目，并且做好網(wǎng)頁規(guī)劃；第二，三天用ＰＳ制作規(guī)劃效果圖； 第四天制作簡單Ｆlash和圖片素材；第五天完成效果圖制作； 第六七天完成Div布局，第七八天開始制作網(wǎng)頁，剩余時間開始完善。開始的規(guī)劃和實際的完成情況多少是有差距的，實際操作的時候制作的速度還是比較快的，所以完成的時間大大縮短了。

但是在做的過程中，還是有許許多多的疑問和不懂在里面。尤其在制作Flash的時候遇到的麻煩很多，畢竟我不會。還有就是網(wǎng)頁的布局，老師讓CSS+Div層加樣式布局，但是我到現(xiàn)在都不明白是怎么回事，但是只沿著步驟走下去。

還有就是常遇到網(wǎng)頁布局錯位現(xiàn)象，以至于多次布局好的網(wǎng)頁都因為錯位問題而不得不重做，因為我的知識還沒有達(dá)到，自由修改的程度，所以我的路還很長。我的網(wǎng)頁已經(jīng)做好了兩張，并且也已經(jīng)成功地做好了鏈接，但是老師卻不允許用表格來制作網(wǎng)頁。

還得必須從網(wǎng)上下載模板做，做的越像越好。我覺得為什么非得下載模板做，學(xué)生自己做的網(wǎng)頁，那是自己智慧的產(chǎn)物，好歹也是自己的想法。只是初學(xué)者做的沒那么專業(yè)罷了，但是你卻因為這一點(diǎn)把別人的作品所否定。就算你的模板做的再好，這也是別人的東西，不是你的，也永遠(yuǎn)不會是你的。

有類似你這樣的老師存在，中國教出的學(xué)生怎么可能會有創(chuàng)新的思想。現(xiàn)在都強(qiáng)調(diào)創(chuàng)新，但是學(xué)生有自己思想的時候，都被你們給扼殺了，思維定式的時候，卻又強(qiáng)調(diào)創(chuàng)新。病態(tài)的教育。

雖說我很不愿意重新做，但你是實訓(xùn)的老師，做為學(xué)生還得按照你說法來做。我下載了一個新的模板，并且都有素材。沿著模板布局，插入Div標(biāo)簽。慢慢一步一步地做，由于我的網(wǎng)頁大小和模板有出入，并不是和模板一樣，所以我得把素材的大小用PS來完善一下。這樣往網(wǎng)頁里面插入的時候，就不會發(fā)生錯位之類的事。

最終模板的樣式，做好了，但是我制作了一張。內(nèi)容頁也就是鏈接的網(wǎng)頁，我還是用自己做的網(wǎng)頁。雖然我做的并不好，但再差也是我自己一步一步做出來的，所以我不會丟棄我自己的作品，來用模板代替。這對于我來說是不可能的。網(wǎng)頁做好了。

由于提前做好了，所以時間充裕，這樣就可以幫助他人了。還有就是網(wǎng)頁設(shè)計大賽就要舉行了，我們開始為大賽忙碌著。

第二篇：電子商務(wù)網(wǎng)頁制作實訓(xùn)報告

一周的網(wǎng)站規(guī)劃實訓(xùn)又結(jié)束了，在這短短的一周實訓(xùn)中，我們每一個學(xué)生都受益匪淺。時間過得真快呀，這也是這學(xué)期我們最后一次在學(xué)校里的實訓(xùn)，每一個同學(xué)都懷著飽滿的熱情，都在積極緊張的實訓(xùn)，我也一樣，只是多了一種不舍得感覺，雖然我們在實訓(xùn)中也有些苦痛和煩惱，但是我會努力的克服自己所遇到的任何困難以及在老師熱心的幫助下我們很快的解決了自己遇到的一些困難。

總的來說：我在實訓(xùn)中不僅學(xué)到了課本上面沒有的知識，而且還學(xué)到了堅持不懈，不拋棄，不放棄的一種學(xué)習(xí)的精神。這次實訓(xùn)讓我增長了很多關(guān)于網(wǎng)站制作的知識，也讓我體會到了做網(wǎng)站并不是我想象中的那么簡單。網(wǎng)頁設(shè)計與制作綜合實訓(xùn)是我們學(xué)習(xí)過程中重要的實踐性學(xué)習(xí)環(huán)節(jié)。它是根據(jù)我們學(xué)習(xí)計劃的要求，在老師的指導(dǎo)下對我們進(jìn)行網(wǎng)頁制作專業(yè)技能的訓(xùn)練,培養(yǎng)我們綜合運(yùn)用理論知識分析和解決實際問題的能力,實現(xiàn)由理論知識向操作技能的培養(yǎng)過程.因此加強(qiáng)實踐學(xué)習(xí)環(huán)節(jié),搞好實訓(xùn)教學(xué),對實現(xiàn)我們專業(yè)的培養(yǎng)目標(biāo),提高我們的綜合素質(zhì)有著重要的作用。通過這次實訓(xùn)，我學(xué)到了很多有價值的東西。我獨(dú)立的完成網(wǎng)站設(shè)計的全過程，把設(shè)計中散亂的網(wǎng)頁鏈接成框架體系，使平時學(xué)到的知識點(diǎn)有了很高的提高，并且合理的在試驗中進(jìn)行了實踐。在這次實驗的過程中，我搜集了大量的素材和網(wǎng)頁設(shè)計制作的知識，增加知識面，給我在以后的設(shè)計過程中能博采眾長，制作出好的網(wǎng)頁打下了基礎(chǔ)。

通過短短幾天的網(wǎng)站規(guī)劃實訓(xùn)，我從中學(xué)到了很多的知識。每一個同學(xué)都在認(rèn)認(rèn)真真的實訓(xùn)，都在認(rèn)真的做網(wǎng)頁。盡管在實訓(xùn)中遇到了許多不少的問題，通過自己上網(wǎng)查閱資料和老師的耐心教導(dǎo)，我們每一個同學(xué)都解決了自己在實訓(xùn)中遇到的困難。有的同學(xué)還互相幫助和積極討論遇到的問題，同樣在學(xué)習(xí)的良好氛圍之下解決了遇到的困難。在這次網(wǎng)站規(guī)劃中，我們學(xué)到了課本上沒有的知識，不僅開拓了我們的視野，而且增加了我們設(shè)計制作網(wǎng)站的能力。雖然實訓(xùn)也有些苦痛和煩惱，但是我們每一個人都懷著一顆學(xué)習(xí)的心，不怕困哪和苦痛，認(rèn)真的完成了網(wǎng)站規(guī)劃的實訓(xùn)。在網(wǎng)站規(guī)劃中，我們熟悉了Frontpage軟件的新型的功能，增加了對軟件的認(rèn)識和認(rèn)知，學(xué)會了怎么做一個漂亮的網(wǎng)站和優(yōu)美的布局。

我收獲頗豐，學(xué)到了很多知識，特別是提高了綜合分析應(yīng)用的能力。實訓(xùn)過程是繁瑣的，但同學(xué)們都表現(xiàn)得很積極，不怕課程難，相互幫助一起分析。任課老師也非常認(rèn)真負(fù)責(zé)，耐心講解，細(xì)心指導(dǎo)，一點(diǎn)一點(diǎn)解答同學(xué)們的疑惑，直到同學(xué)們理解了為止。在實訓(xùn)中，分析、討論、演算，機(jī)房里充滿了濃濃的學(xué)習(xí)氣氛。此次實訓(xùn)培養(yǎng)了同學(xué)們耐心的工作作風(fēng)，增強(qiáng)了同學(xué)們的合作意識，提高了大家的應(yīng)用分析能力。

第三篇：網(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)報告

重慶科創(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ù)運(yùn)作模式，了解網(wǎng)站建設(shè)與網(wǎng)頁設(shè)計的特點(diǎn)及工作過程，掌握網(wǎng)站的建立及網(wǎng)頁設(shè)計制作的方法，能夠完成一般性網(wǎng)站的建設(shè)，因此要求利用網(wǎng)頁設(shè)計方法，設(shè)計一個網(wǎng)站，提高綜合應(yīng)用所學(xué)知識的能力，積累 Web 程序的編程經(jīng)驗，提高編程與調(diào)試能力，培養(yǎng)獨(dú)立學(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)格一致，并運(yùn)用適當(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)點(diǎn)和特色，指出創(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倍行距。按作者、書名、出版社、地點(diǎn)、出版時間格式逐一列出，中間用逗號格開)

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

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

實訓(xùn)題目:

專業(yè):

班級：

學(xué)號:

姓名：

實訓(xùn)時間：

實訓(xùn)地點(diǎ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)收獲、體會和問題