今天給各位分享網(wǎng)站建設(shè)項目實訓(xùn)報告的知識，其中也會對網(wǎng)站建設(shè)實訓(xùn)收獲和感想進(jìn)行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關(guān)注本站，現(xiàn)在開始吧！

本文目錄一覽：

• 1、網(wǎng)站設(shè)計實訓(xùn)總結(jié)
• 2、網(wǎng)頁設(shè)計實訓(xùn)心得三篇
• 3、網(wǎng)頁設(shè)計實訓(xùn)總結(jié)心得6篇(2)
• 4、要一份網(wǎng)頁實訓(xùn)報告
• 5、《網(wǎng)頁設(shè)計》實驗報告

網(wǎng)站設(shè)計實訓(xùn)總結(jié)

首先我要做的就是要選擇好題目和網(wǎng)站的風(fēng)格，之后我就分步驟準(zhǔn)備在制作網(wǎng)站前所要做好的準(zhǔn)備工作。我瀏覽了中國美食網(wǎng)的一些特點，借監(jiān)這些網(wǎng)站的優(yōu)秀之處，不好的地方在自己的網(wǎng)站上加以改良，從而使自己的網(wǎng)站更加美觀。

回顧這次課程設(shè)計，至今我仍感慨頗多。的卻。從選題到開始制作，從理論到實踐，在實訓(xùn)機房日子里，可以說得是苦多于甜，但是可以學(xué)到很多很多的的東西，同時不僅可以鞏固了以前所學(xué)過的知識，而且學(xué)到了很多在書本上所沒有學(xué)到過的知識。

在選擇好題目和網(wǎng)站的風(fēng)格之后，我就開始了實訓(xùn)項目的進(jìn)程，按照實訓(xùn)方案的規(guī)定，先是將網(wǎng)站的總體策劃以書面的形式展現(xiàn)出來，通過老師審核之后，在相應(yīng)的時間段找相關(guān)的素材，搜集與主題相關(guān)的文字、圖像等。再是設(shè)計網(wǎng)站的內(nèi)容結(jié)構(gòu)、目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)，設(shè)計首頁及其頁面的版式結(jié)構(gòu)。然后創(chuàng)建本地網(wǎng)站，建立網(wǎng)站的目錄結(jié)構(gòu)。制作首頁、二級子頁、內(nèi)容頁，創(chuàng)建超級鏈接。最后就是測試與瀏覽網(wǎng)頁，如果還有什么不理想的地方再改進(jìn)再預(yù)覽，如此反復(fù)，最后達(dá)到最好效果！

在此次網(wǎng)站的設(shè)計與制作過程中，難免會遇到過各種各樣的問題，這畢竟是第一次獨自設(shè)計網(wǎng)站、制作網(wǎng)站。但值得高興的是：在設(shè)計的過程中發(fā)現(xiàn)了自己的不足之處，對以前所學(xué)過的知識理解得不夠深刻，掌握得不夠牢固，沒有能完全達(dá)到自己預(yù)期的效果，還好通過老師的細(xì)心指導(dǎo)才能達(dá)到最終效果……

一周網(wǎng)頁設(shè)計與制作的實訓(xùn)課程結(jié)束了，回顧這次課程設(shè)計實訓(xùn)，至今我仍感慨頗多。的確，從選材到開始制作，從理論到實踐，在兩周的實訓(xùn)日子里，可以說得是苦多于甜，但是可以學(xué)到很多很多的的東西，同時不僅可以鞏固了以前所學(xué)過的知識，而且學(xué)到了很多在書本上所沒有學(xué)到過的知識。更懂得并親身體會到了理論與實際相結(jié)合的重要性，只有理論知識是遠(yuǎn)遠(yuǎn)不夠的，把所學(xué)的理論知識與實踐相結(jié)合起來，從理論中得出結(jié)論，才能真正為掌握技術(shù)，從而提高自己的實際動手能力和獨立思考的能力。

網(wǎng)頁設(shè)計實訓(xùn)心得三篇

網(wǎng)頁設(shè)計實訓(xùn)心得一：

這兩個星期是我們的網(wǎng)頁設(shè)計實訓(xùn)時間，這正是考驗我們實力的時候了。

經(jīng)過一個學(xué)期的網(wǎng)頁設(shè)計的學(xué)習(xí)，我們的專業(yè)基礎(chǔ)更加扎實了，我們對于自己的專業(yè)學(xué)習(xí)更加有信心了。一開始對于網(wǎng)站設(shè)計我是抱著好奇以及興趣認(rèn)真地學(xué)習(xí)，剛開始接觸網(wǎng)頁設(shè)計會覺得很神奇，平時上網(wǎng)接觸到的網(wǎng)頁可以通過自己的努力來建成。一心想著設(shè)計一個美觀大氣的大網(wǎng)站，可以與其他網(wǎng)站媲美。對于我這種初學(xué)者，有這種天真的夢想促使我更努力的學(xué)習(xí)網(wǎng)頁設(shè)計。

平時老師授課，講解了有關(guān)網(wǎng)頁設(shè)計的理論知識以及實際操作的示范。網(wǎng)頁設(shè)計更著重于實際操作，我們在機房通過每次上課的學(xué)習(xí)運用，已經(jīng)有了一定的基礎(chǔ)。一開始我們都是看著別人的網(wǎng)站去模仿建設(shè)，到后來每個人在設(shè)計自己的網(wǎng)頁時都有自己的人個人風(fēng)格，這就是網(wǎng)頁設(shè)計的樂趣。他不僅可以激發(fā)同學(xué)們的興趣，還可以把自己的風(fēng)格更大膽地展示出來，是一個可以展示自我的空間，使我們更有成就感。

這兩個星期我們實訓(xùn)課讓我們更清楚地認(rèn)識到自己的建站水平。實訓(xùn)任務(wù)是建立自己班級的網(wǎng)站，剛開始覺得兩個星期足夠我們?nèi)ソǔ梢粋€網(wǎng)站，但是我們都太高估我們自己了。一開始設(shè)計網(wǎng)站時不知道從何下手，之前老師上課講的知識一時不知道怎么靈活運用起來，我才發(fā)覺對我軟件功能的不太熟悉，除了基本的框架構(gòu)建，其他的設(shè)計都需要比較長的時間去思考以及翻查書本。但是同學(xué)們都很積極地向老師提問，把自己存在的問題一一的解決掉。雖然建立網(wǎng)站不是很順利，也只有這樣我們才可以正視自身，把平時半桶水的聽課方式給改掉。在這次的網(wǎng)站建設(shè)過程中，我發(fā)現(xiàn)自己對于知識不能靈活運用，不能巧妙地結(jié)合起來，對代碼的不熟悉，這更加是一個大問題。建站過程中會遇到代碼出錯，代碼位置寫錯之類的問題，當(dāng)測試的時候出現(xiàn)了錯誤但是不能看懂出錯原因，只能靠網(wǎng)上搜索。因為對于這種程序的東西我會比較抗拒，從小就不喜歡思維性太強的學(xué)習(xí)，所以建站會遇到比較多這種問題，但是我只能積極去面對才能完成任務(wù)，畢竟這是我的專業(yè)，為了專業(yè)而專業(yè)，不能說不喜歡就不愿意去學(xué)，這次實訓(xùn)我反省了自身的存在問題。我們建立網(wǎng)站的時候都發(fā)揮自己的創(chuàng)新力、 想象力 ，用心地完成這個大項目。會遇到很多的問題，經(jīng)常因為一個細(xì)小的步驟而出錯，做動態(tài)網(wǎng)頁的時候會遇到更多類似的問題，通常都會花費我很多時間來解決出錯原因。打個比方，我會一個上午都在弄留言板，因為不知道出錯原因，當(dāng)請教老師或是同學(xué)的時候才恍然大悟，原來是這么簡單的。當(dāng)然，最終可以解決困難我還是很欣慰的。

當(dāng)我真正建立起自己的網(wǎng)站的時候，我看著自己的作品非常地興奮，這是我用心血完成的只屬于自己的網(wǎng)站，特別地欣慰。因為過程的困難，我更加珍惜自己第一次的作品，做每一步都會小心翼翼，就像母親生怕會失去自己的孩子一樣，我就是這樣的感受。

我可以說網(wǎng)頁設(shè)計給了我很大的收獲，我是用我的熱情去學(xué)習(xí)，也是用我的真心去設(shè)計，屬于自己的東西永遠(yuǎn)是最美好的。網(wǎng)頁設(shè)計不是用嘴巴就可以設(shè)計的，更需要的我們的堅持、創(chuàng)新、用心，才能收獲更大的勝利。

網(wǎng)頁設(shè)計實訓(xùn)心得二：

轉(zhuǎn)眼間，已到了期末，學(xué)習(xí)網(wǎng)頁設(shè)計這門課程也要結(jié)束了，雖然時間有點短，但是學(xué)過這個幾周以后我受益匪淺。

記得最初接觸dreamweaver的時候，我很茫然，因為剛接觸陌生的軟件心里會很害怕跟不上老師的進(jìn)程。剛開始幾節(jié)課，老師講得比較基礎(chǔ)，還能跟得上，漸漸的老師授課的進(jìn)程開始加速，有些跟不上了，需要下課后自己補上，問老師和周圍的同學(xué)。漸漸的，在老師的悉心教導(dǎo)下，我們開始熟悉這個軟件了。老師布置的第一個任務(wù)，要求做一個自我形象網(wǎng)站。由于學(xué)習(xí)的時間較短，老師只要求用PS做好模板即可，任務(wù)相對簡單。但也要求設(shè)計感強，色彩搭配和諧，并且盡可能的做成實用又符合實際的漂亮網(wǎng)頁。

第二個網(wǎng)頁設(shè)計老師要求相對較高，用dreamweaver做一個比較接近真實的網(wǎng)頁，還要做一個二級頁面。于是開始收集各方面的資料。確定了主題就開始布局了。最開始使用了一個表格，然后在表格內(nèi)進(jìn)行拆分合并處理，接著就把通過ps處理出來一個版頭并且把修改過大小的圖片放進(jìn)去了。

中間時預(yù)覽，問題出現(xiàn)了，發(fā)現(xiàn)版頭與下面的圖片文字之間出現(xiàn)了很大的一段距離，但是在軟件中已經(jīng)把距離縮小為0了，多次嘗試后沒有效果。最后想到可以另外再加一個表格，把版頭放在一個表格內(nèi)面，這樣問題就解決了。預(yù)覽是效果還不錯。但是總覺得首頁做得太普通，一次瀏覽學(xué)長做的網(wǎng)頁時，覺得他們的文字滾動窗口做得效果做得不錯，于是想借見一下。就決定把自己網(wǎng)站的左邊修改修改。復(fù)制了他的代碼，把上面的內(nèi)容修改成我的網(wǎng)站需要的文字。本以為可以輕松的完成，但是卻出現(xiàn)大問題了。

因為需要滾動的文字占的空間太大，把左邊的那部分表格全部占滿了，而在實際的網(wǎng)頁預(yù)覽中，這個有文字滾動的框只占了左邊Oeasy教你玩轉(zhuǎn)網(wǎng)頁設(shè)計瀏覽的工具建站程序三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了很多 方法 ，在網(wǎng)站查了很多資料，可能因為沒有專業(yè)術(shù)語作為搜索的關(guān)鍵詞，查不到任何相關(guān)的資料，試過div標(biāo)簽，試過不停的拆分表格，最后還是沒有效果。就這樣試著試著，突然想到了層這個概念。于是在布局中點擊了繪制層，結(jié)果成功了，經(jīng)過一些加工，終于成功的完成左邊的布局。印象還比較深刻的是插入聲音，記得老師曾經(jīng)給我們講過很多次怎樣插入聲音，可是等到自己做網(wǎng)頁的時候卻忘記了，于是問其他人，結(jié)果居然都忘記了，于是自己在百度上收。最后終于找到了一個可以使用的代碼，但是在加入聲音路徑時出現(xiàn)了問題。在屬性內(nèi)加入源文件，結(jié)果就是加不進(jìn)去MP3的音樂文件，然后自己就嘗試加入了一個視頻，記下了路徑格式，然后照著這種格式寫下了指向聲音源文件的路徑，最后成功了。在設(shè)計過程中還出現(xiàn)了很多的問題，但通過看書，上網(wǎng)查詢，請教同學(xué)等方式，不斷的學(xué)習(xí)、解決、提高，設(shè)計出的網(wǎng)頁不論是外觀還是內(nèi)容，都在不斷的進(jìn)步、改善?？梢哉f在自己動手，不斷實踐的過程中，網(wǎng)頁設(shè)計水平得到了很大的提高。熱情和執(zhí)著，我將來設(shè)計出的網(wǎng)頁會更加專業(yè)，更完善。

網(wǎng)頁設(shè)計實訓(xùn)心得三：

科學(xué)是發(fā)展生產(chǎn)力的根本前提，當(dāng)今的社會是互聯(lián)網(wǎng)蓬勃發(fā)展的世界，每當(dāng)我們上網(wǎng)的時候，那一個個精美別致的網(wǎng)頁給人是多么流暢順利的感覺，無論是尋找資料還是網(wǎng)上商城購物，都給我們帶來了方便快捷的好處，我想，科學(xué)技術(shù)的發(fā)展，離不開互聯(lián)網(wǎng)的發(fā)展，而互聯(lián)網(wǎng)的發(fā)展也離不開網(wǎng)頁制作的發(fā)展，而只有把兩者結(jié)合起來才是正確的。

首先，了解網(wǎng)頁并不是單純的認(rèn)為他僅僅只是為人們服務(wù)的，而它的存在也是給我們帶來了利益和好處。當(dāng)然，了解網(wǎng)頁首先也從幾個軟件開始：

1. dreamweaver m_ __ (或dreamweaver 8)。

2. flash m_ __ (或flash 8)

3. fireworks 8

而網(wǎng)頁制作就是開始從這些軟件開始著手的，今天，我終于可以學(xué)習(xí)網(wǎng)頁制作了，我們在杜奕老師的教導(dǎo)下，各位同學(xué)們也都在聆聽老師的講解和指導(dǎo)我們運用以上這些軟件的功能和網(wǎng)頁的剖析。所謂網(wǎng)頁，就是指一個可以瀏覽內(nèi)容并且可以使用ie瀏覽器打開的內(nèi)容稱之為網(wǎng)頁。

在剛開始接觸網(wǎng)頁的第一堂課上，聽說網(wǎng)頁制作會是一門很無聊并且很難聽懂的過程，而事實卻印證了這樣一個事實，但是只要我們努力，無論是怎樣的艱難險阻，成功依然會迎面直擊。在剛開始時我覺得dreamweaver m_ __ 很難理解，不管老師做怎樣的解釋，而我卻對它感到很是吃力，諸如里面有許多不知道的功能。如：布局表格、繪制層、制作css樣式表等，這些內(nèi)容迷糊了我的視線，真是沒想到制作一個精巧別致的網(wǎng)頁是如此的困難，可是心有不甘，每天上網(wǎng)看著那樣多的網(wǎng)頁，于是我才下定決心選擇了網(wǎng)頁制作這一門課程，目的就是希望以后能夠做出一個完美的網(wǎng)頁來。

“路漫漫其修遠(yuǎn)兮，吾將上下而求索”學(xué)習(xí)的道路是艱苦漫長的，更何況這是關(guān)于一個科學(xué)技術(shù)的一個代名詞，隨后，課堂的氣氛慢慢的好轉(zhuǎn)，耐心的老師和專心的學(xué)生在課堂上都盡情的發(fā)揮各自的才能，老師也為了能教好每一位學(xué)生，而學(xué)生也不辜負(fù)老師的使命，就這樣，網(wǎng)頁制作這一門課程進(jìn)行的很順利，學(xué)習(xí)了dreamweaver m_ __ 對它如何徹底的剖析和分解，我們終于認(rèn)清了它的原理，摸清了應(yīng)該怎樣去完全的使用它，而我們在老師的指導(dǎo)和訓(xùn)練的結(jié)果下，終于開始做屬于自己的網(wǎng)頁了。

慢慢的快接近尾聲了，我們也快臨近期末了，老師給我們的任務(wù)卻是需要我們每人至少做出三個網(wǎng)頁來，且內(nèi)存不能超過3m，剛開始我以為我會對著感到很是吃力，不知道該如何是好，畢竟網(wǎng)頁才是剛剛起步，根基不穩(wěn)，怎么能夠做出這樣的網(wǎng)頁呢?而我對dreamweaver m_ __ 它也不是很熟悉，心里真是很擔(dān)憂。

在這最后的時間里，我仔細(xì)掂量了一番，網(wǎng)頁制作給我的結(jié)論是：要想制作一個能夠像網(wǎng)上的那樣，還得需要經(jīng)過長時間的刻苦努力和不斷地檢驗及實踐，否則，如果只靠老師在課堂上講的那些知識是遠(yuǎn)遠(yuǎn)不夠的。畢竟網(wǎng)頁是一個技術(shù)性的知識，不像文學(xué)那樣的純理論知識。通過這個課程的學(xué)習(xí)，我從中得到了一些對網(wǎng)頁知識如功能、概念的理解，原來要做出一個簡單可行的網(wǎng)頁并不是一件害怕的事情，而是一件努力和嘗試的事情。

網(wǎng)頁設(shè)計實訓(xùn)心得三篇相關(guān) 文章 ：

★ 網(wǎng)頁設(shè)計實習(xí)心得體會3篇

★ 網(wǎng)頁設(shè)計實訓(xùn)心得

★ 網(wǎng)頁設(shè)計實訓(xùn)報告心得

★ 網(wǎng)頁設(shè)計實習(xí)心得體會感想

★ 網(wǎng)頁設(shè)計實習(xí)心得體會

★ 設(shè)計實訓(xùn)心得體會3篇

★ 設(shè)計實訓(xùn)心得體會范文3篇

★ 網(wǎng)頁制作實習(xí)心得

★ 有關(guān)網(wǎng)頁制作實訓(xùn)報告心得體會

★ 網(wǎng)頁制作實習(xí)心得小結(jié)

網(wǎng)頁設(shè)計實訓(xùn)總結(jié)心得6篇(2)

網(wǎng)頁設(shè)計實訓(xùn)總結(jié)心得體會范文4

上周，也就是5月31日到6月4日的五天里，我們電商專業(yè)進(jìn)行了為期五天的網(wǎng)頁制作實訓(xùn)。

在機房里待了一個星期，雖然生理反應(yīng)不大，但是還是不好受。原本以為是實訓(xùn)比平時上課要舒服多了吧，但是這一個星期下來差點沒被累死，比平時上課還疼苦。但是在這實訓(xùn)的一星期里我的收獲還是很多的。

第一、從這次實訓(xùn)當(dāng)中我深刻的體會到理論知識的重要性，只有在自己熟練理論知識后再能在實踐中游刃有余，才不會出現(xiàn)“書到用時方恨少”的尷尬體會。

第二、實訓(xùn)中我印象最深的是對各種網(wǎng)頁制作工具的使用不熟練，甚至還有個別不會用的，只是自己想要做個圖片或圖標(biāo)等都做不好，其心情想而知。所以對這些網(wǎng)頁是做工具的使用都要練習(xí)。

第三、集體協(xié)作是我又一個體會。這次網(wǎng)頁制作由于某些原因我一個人一組，是我搞掘到壓力很大而且很累，而且我自己的思維能力很有限，網(wǎng)站設(shè)計和制作上也略顯粗糙和不足，正所謂：你有一個思想，我有一個思想，分享后我們就都有兩個思想。所以與同學(xué)合作是很有必要的。

總之，這5天里自己雖然很累，但是自己的收獲也是很不小的，所以我也是很開心的。

網(wǎng)頁設(shè)計實訓(xùn)總結(jié)心得體會范文5

實訓(xùn)的五天中，我的心情就好像這五天的天氣變化，有晴有陰，只是差了點眼淚。但這并沒有使我放棄，我不想落后，也不想拖小組的后腿，我告訴自己只有努力做好一切才是我的選擇。一次次的失敗，一次次的嘗試，做好的那一刻，激動、高興。我不是天才，有些知識不會。查書，問同學(xué)，找代碼等等，時間飛速的流逝著，有些學(xué)會了，但仍然有不會的。

我們的小組從開始就產(chǎn)生了分歧，網(wǎng)站主題不一致。直到制作網(wǎng)站的第三天，我們才達(dá)成共識，兩方各退一步。還好，大家做出來的效果差不多，接下來的幾天大家一起努力制作網(wǎng)頁。遇到問題了，互相討論，找出解決的方法，解決不了的就找人問。

在規(guī)劃網(wǎng)站結(jié)構(gòu)前，我們在互聯(lián)網(wǎng)上大量的尋找網(wǎng)站布局規(guī)劃，“不行”、“不行”、“與主題不搭”等一遍遍否定的話不斷說出，終于確定了。我們做旅游的，以春夏秋冬四季分作，色調(diào)意思及顏色搭配。制作的過程中，我們改變了初衷，不知道是好，還是壞，決定做春夏冬三季及另外涉及天下旅游方面的主網(wǎng)頁。

選取素材，一個個的挑，看的越多也變得越難選，好多與自己想要的想差太遠(yuǎn)，找的眼都花了，還是得找。磨練又一次的來了，堅持吧，努力吧，找完就好了。

制作網(wǎng)頁，一遍遍的改。不對、不對，顏色不搭，不能突出主題，瀏覽出來的結(jié)構(gòu)不搭，改吧。累啊，煩呢，還是得繼續(xù)做。做網(wǎng)站是即使出現(xiàn)再多的錯誤，也要堅持做，耐心點，做好做完就好了，就輕松了。

我們經(jīng)常在嘴邊掛著要有“團(tuán)隊合作理念”，但行動起來時，有些人還是會忘記，也許是固執(zhí)，也許是其他原因。遇到這種情況時，要有人站出來調(diào)節(jié)，盡快解決矛盾，否者會影響整體的工作進(jìn)程，彼此不高興。制作網(wǎng)頁不協(xié)調(diào)，影響質(zhì)量。

我們這次實訓(xùn)的目的及要求是：以小組為單位，合作完成從確定網(wǎng)站主題、規(guī)劃網(wǎng)站結(jié)構(gòu)、選取網(wǎng)頁素材、到制作網(wǎng)頁內(nèi)容等步驟，從而掌握網(wǎng)站建設(shè)的全流程。同時，培養(yǎng)團(tuán)隊協(xié)作精神，提高綜合運用所學(xué)分析、解決實際問題的能力，實現(xiàn)由理論知識向操作技能的轉(zhuǎn)化。

網(wǎng)頁設(shè)計實訓(xùn)總結(jié)心得體會范文6

從學(xué)校 畢業(yè) 后，我第一次步入了社會，從此開始了面對社會、工作的生活。剛剛走入社會的我是一個性格有些內(nèi)向的人，面對陌生的人，我不善言辭，不會給自己的外表進(jìn)行很好的包裝，不適合做那些銷售、接待的工作，只有技術(shù)類的工作，少說多干的活適合我，這個我很清楚?，F(xiàn)在，中國每年都有很多畢業(yè)的大學(xué)生找不到工作，我也不例外，所以，這第一次實習(xí)工作肯定不會太好找，但是相反，我的運氣還不錯。找到了一份網(wǎng)頁設(shè)計的工作。現(xiàn)將我在工作中的情況 報告 如下。

一、工作介紹

我工作的這家公司，從事網(wǎng)站開發(fā)工作的，公司在技術(shù)團(tuán)隊這部分是比較正規(guī)的，一般是五到六人為一個小組，小組中有明確分工，有負(fù)責(zé)聯(lián)系客戶接恰生意的，有專門做技術(shù)的，而在技術(shù)這塊分為網(wǎng)站前臺、后臺開發(fā)，我在學(xué)校主要做的是后臺開發(fā)，當(dāng)然前臺設(shè)計工作也還算熟練，但不是很精通。我們這個小組一般接下的活都是一些小型網(wǎng)站的開發(fā)工作，這樣的網(wǎng)站技術(shù)難度不大，而且工作周期短，有相當(dāng)一部分的，只需要通過cms軟件就可以進(jìn)行開發(fā)。但是有個別的網(wǎng)站開發(fā)時，我們還是需要進(jìn)行一些手寫代碼工作的。

二、開發(fā)技術(shù)

做為一個剛畢業(yè)的大學(xué)生，我的知識儲備肯定有不足的地方，畢竟學(xué)校教的東西肯定會有一部分和社會是脫節(jié)的，但好在我的領(lǐng)導(dǎo)對于我沒有太多的要求，他只是要求我盡快的適應(yīng)公司的工作和生活，在短時間內(nèi)熟練的掌握相關(guān)技術(shù)，干好本職工作。

在大學(xué)里對一個學(xué)生來說什么是最重要的，那就是學(xué)習(xí)能力。要知道，這個世界上，知識在發(fā)展，人類在進(jìn)步，每天都在進(jìn)行日新月異的變化，我們的知識儲備總會有不夠的地方，但是一定要有學(xué)習(xí)能力，將不會知識快速掌握，只有這樣才能占據(jù)主動，減少被動情況的尷尬發(fā)生，通過二個星期的時間，我成功的適應(yīng)了公司的工作和生活節(jié)奏，每天早九點上班，晚17:30下班，中午休息一個半小時，每周還有兩天假期。我利用業(yè)余時間，抓緊學(xué)習(xí)，將工作中所需要的技術(shù)進(jìn)行了強化學(xué)習(xí)，其實這些東西在學(xué)校的時候就接觸過，只是不精通。那個時候?qū)W的東西多，難免有個主次之分，這次工作了，才知道哪個應(yīng)該多學(xué)點，但好在我都有學(xué)過，所以有個好的基礎(chǔ)在這里，也就不怕了，比如說：flash，公司要求技術(shù)人員會做flash，flash這東西以前我在宿舍的時候經(jīng)常玩的，可是后來在分析就業(yè)情況時，分析錯了方向，以為這東西沒有什么用處，結(jié)果就給荒廢了。但好在還有印象，并且當(dāng)初記了很多的筆記，所以說記筆記是很重要的事情。而其它像javascript、xml、數(shù)據(jù)庫這些東西我都學(xué)過，只是實踐能力稍差一點，但好在從前在學(xué)習(xí)方面用的功不是白費的。通過這種實戰(zhàn)環(huán)境，和半個月的刻苦學(xué)習(xí)，我終于可以感上小組的工作進(jìn)度了，已經(jīng)可以很好的完成領(lǐng)導(dǎo)教給我的任務(wù)了。

像我這個組常用的是css+div排版，后臺使用php技術(shù)進(jìn)行開發(fā)，服務(wù)器平臺采用，linux+apache+mysql+php,這種lamp組合，我很高興在學(xué)校學(xué)的東西能學(xué)有所用。以前我們是用表格(table)進(jìn)行排版，這種方式簡單但是已經(jīng)有些過時了，現(xiàn)在大部分網(wǎng)站都開始了重新構(gòu)架，所以都采用css+div進(jìn)行網(wǎng)頁排版，我目前正在學(xué)習(xí)，掌握的還算比較快。而在后臺開發(fā)部分，我們使用php來進(jìn)行開發(fā)，我的工作是手寫一些小模塊。或者用javascript寫一些特效小代碼。

三、工作流程

小組分工時，我負(fù)責(zé)后臺里小模塊的開發(fā)工作，如：留言板或論壇，還有一部分javascript代碼編寫工作。前臺部分的工作是和組里的丁珊珊做一些排版的工作，使用css+div技術(shù)。編寫代碼這種工作看起來有些枯燥，其實時間長了以后，還真有點厭煩，但是后來我明白，只有將自己的本職工作做好，提高自己的技術(shù)，做出優(yōu)良的東西，這樣自己才會有價值感，才會對自己的工作保持新鮮感。所以我每天都在工作后，記錄下每天在技術(shù)上的不足之處，回家后，將強學(xué)習(xí)，這所謂：找出不會的地方，學(xué)會它，你就變的強大了。

php是現(xiàn)在比較流行的一種網(wǎng)站開發(fā)技術(shù)，由于它是開源的免費代碼，并因良好的跨平臺性能受到了大重的喜歡，我個人認(rèn)為php很簡單，適合初學(xué)者學(xué)習(xí)使用，但是在某些地方想要做好，就需要你認(rèn)真的學(xué)習(xí)了。目前，我負(fù)責(zé)的只是技術(shù)性較低和規(guī)模較小的模塊，不過，我覺得從簡單處做起也挺好的，但是我在寫代碼時，還是經(jīng)常犯些小錯誤，導(dǎo)致代碼頁面經(jīng)常出錯，而自己往往還找不到是哪錯了，有幾次急的都不行，不管怎么弄，結(jié)果就是錯誤，后來我才發(fā)現(xiàn)，原來只是一個小錯誤，小的不仔細(xì)察看，我都找不到。于是我明白，做開發(fā)工作，一定要細(xì)心，否則就會給自己和別人帶來麻煩。

四、安全檢查

安全檢查是很重要的一個環(huán)節(jié)，就像你給人家蓋房子，房子蓋好了，可是門和窗不結(jié)實，那這種就必然不會安全的了。頁站的制做也是同樣的道理，在安全方面，有一個地方是和開發(fā)人員有很大的關(guān)系的。因為開發(fā)人員技術(shù)的高低決定了網(wǎng)站的安全性，有些人員在一些環(huán)節(jié)上的疏漏，很有可能導(dǎo)致網(wǎng)站在實際使用時，遭到黑客攻擊，如果造成了經(jīng)濟(jì)損失就無法挽救了。

所以，我們每個人在將各自的工作完成以后，組長和其它專門的技術(shù)人員會對網(wǎng)站的安全性進(jìn)行測試，找出存在的漏洞，然后加以修改。以使它的安全性達(dá)到最高最穩(wěn)定的狀態(tài)。

在公司進(jìn)行實習(xí)工作的這段時間，我在個人技術(shù)上收獲了很多，現(xiàn)在的我已經(jīng)能獨檔一面了，做一些難度比較大的工作，我通過優(yōu)異的表現(xiàn)，已經(jīng)轉(zhuǎn)為正式員工，我對自己的表現(xiàn)感到滿意，最重要的是我給自己的學(xué)校爭了光，但是在社交能力方面，溝通能力上還有不足的地方。我決定在今后的工作和學(xué)習(xí)，要加強和別人的溝通能力。使自己變的更好，為國家為社會做出更多的貢獻(xiàn)。

網(wǎng)頁設(shè)計實訓(xùn)總結(jié)心得6篇相關(guān) 文章 ：

★ 網(wǎng)頁設(shè)計實訓(xùn)總結(jié)心得6篇

★ 網(wǎng)頁設(shè)計實習(xí)心得體會3篇

★ 網(wǎng)頁設(shè)計實訓(xùn)報告心得

★ 網(wǎng)頁設(shè)計實訓(xùn)心得

★ 網(wǎng)頁設(shè)計實習(xí)心得體會總結(jié)

★ 網(wǎng)頁設(shè)計實訓(xùn)心得三篇

★ 網(wǎng)頁設(shè)計實習(xí)心得體會

★ 網(wǎng)頁設(shè)計實習(xí)心得體會感想

★ 學(xué)習(xí)網(wǎng)頁設(shè)計的總結(jié)

★ 有關(guān)網(wǎng)頁制作實訓(xùn)報告心得體會

要一份網(wǎng)頁實訓(xùn)報告

一、實習(xí)目的：

通過教學(xué)實習(xí)掌握站點制作、站點測試與發(fā)布技術(shù)。會綜合利用Fireworks

、Flash和Dreamweaver三個軟件進(jìn)行靜態(tài)網(wǎng)站的設(shè)計。

二、實習(xí)內(nèi)容：

1.用Fireworks處理圖片。對圖片裁剪、鈍化、高斯模糊。設(shè)置圖片的GIF動畫格式，制作標(biāo)題動畫。對文字應(yīng)用效果。利用Fireworks制作導(dǎo)航條并導(dǎo)出格式為html。

2.用Flash制作標(biāo)題動畫。首頁中的動畫不超過20M。制作按鈕來超級鏈接到其他頁面。

3.使用Dreamweaver布局視圖，設(shè)置本地站點。在標(biāo)準(zhǔn)視圖和布局視圖模式相互轉(zhuǎn)換。建議使用布局視圖，在標(biāo)準(zhǔn)模式中插入層對象制作層動畫，利用行為面板添加鼠標(biāo)行為，制作翻轉(zhuǎn)動畫，使用CSS樣式統(tǒng)一網(wǎng)頁中文字樣式，插入Fireworks中的GIF

文件及導(dǎo)入Flash中的SWF文檔，設(shè)置文檔間的超級鏈接。

三、具體要求：

1、利用Dreamweaver制作一個靜態(tài)網(wǎng)站，要求網(wǎng)站有特色，整個網(wǎng)站的內(nèi)容和形式要統(tǒng)一，應(yīng)能夠反映一個簡單的主題?？梢赃x擇制作《個人網(wǎng)站設(shè)計》、《企業(yè)網(wǎng)站設(shè)計》、《文化網(wǎng)站的設(shè)計》、《娛樂網(wǎng)站設(shè)計》或者其他自己認(rèn)為適合的網(wǎng)站。

2、 作一個主頁面，至少5個次頁面。

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

4、 主頁基本要求：

　頁頭Logo，準(zhǔn)確無誤地標(biāo)識站點和企業(yè)標(biāo)志；

　網(wǎng)頁標(biāo)題動畫，可以制作成GIF動畫或者Flash動畫；

　導(dǎo)航條；

　E-mail地址，用來接受用戶垂詢；

　聯(lián)系信息，如普通郵件地址或電話；

　版權(quán)信息。

5、制作一個表單頁面。

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

7、為一個頁面添加背景音樂。

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

9、整個網(wǎng)站各頁面之間保持風(fēng)格一致，頁面之間要有合理的超級鏈接。

10、進(jìn)行站點測試后申請免費空間并發(fā)布到網(wǎng)絡(luò)。

四、網(wǎng)站設(shè)計思路：

本站應(yīng)該算是一個個人主頁的小型網(wǎng)站。關(guān)于本站站名的來源：微言微語個人主頁，因為，我覺得這個網(wǎng)站里面的所有文字都是像一個人在自言自語，在低聲地向某人訴說著什么，沒有主題，沒有目的。取這個站名，是做了網(wǎng)站的大概構(gòu)思后才取的，覺得，這個名字與網(wǎng)站的圖片、背景音樂還有文字都很相符。

個人主頁，一般都會包括首頁，相冊，鏈接，一些個人喜歡的文字加圖片，我的個人主頁也不例外，包括次首頁（個人喜歡的的文章加圖片），我的作品（里面包括自己做的三個FLASH動畫），文章（一些自己喜歡的文章），相冊（Firworks處理過的相冊），關(guān)于（關(guān)于自己的文字，關(guān)于本站的一些說明），鏈接（世界著名網(wǎng)站的有關(guān)鏈接），反饋表（瀏覽者信息反饋表）。

五、網(wǎng)站設(shè)計過程：

把所有的素材都整理好（圖片，文章，相片），開始布局。此站大多數(shù)用的是“三”字型的，三字型是我給它取的名字，因為，最開頭是一張帶有導(dǎo)航條的圖片，用Firworks處理過的HTML文件，中間一大片用于放正文，下面就是版權(quán)信息，E-mail地址用來接受用戶垂詢；聯(lián)系信息，如普通郵件地址或電話，像被分開的三個部分，所以我叫它三字型。這種布局方式看起來比較的整齊，簡潔美觀。

首頁本想做一個動態(tài)網(wǎng)頁，由于時間有限所以還沒完全成功。只好用了一張與次頁面一樣的背景圖片做背景，加上從下向上的滾動字幕，背景圖片是用Firworks處理過的圖片，大片的灰色墻壁加上顏色艷麗的鈕扣圖案，首頁加了狀態(tài)欄逐字出現(xiàn)的效果，加了“加入收藏”、“設(shè)為首頁”等代碼。

次頁面包括如下些內(nèi)容：首頁、作品、文章、相冊、關(guān)于、鏈接以及反饋表。這些頁面是用模板做的，上面的圖片，導(dǎo)航條以及下面的版權(quán)聯(lián)系方式是不用改變的，都保持著首頁的風(fēng)格，背景圖一樣，字體與樣式一樣，圖片風(fēng)格一樣。中間是兩個可編輯區(qū)域。

在所有的頁面導(dǎo)航條下面，插入層對象制作了一個層動畫，來回移動的層，里面存放日期，利用行為面板為此層添加了鼠標(biāo)行為，單擊此層，會出現(xiàn)對話框，“歡迎您訪問我的個人主頁！”，做布局大多使用表格布局，使用了少量的css樣式，字體，字號，顏色都統(tǒng)一套用相應(yīng)的樣式。

首頁中添加背景音樂，小說音樂《我在那一角落患過傷風(fēng)》，一邊看慢慢上移的文字，一邊聽這輕柔的音樂，給人一種意境美。其實次頁面添加《蟲兒飛》，輕快而活潑。首頁禁止右鍵復(fù)制功能，右鍵單擊沒有反應(yīng)。

次首頁，就是進(jìn)入次頁面的第一個頁面。主題算是與青春有關(guān)的三種感情，三張圖片，用Firworks處理，加上相應(yīng)的文字。要用到兩個表格，分別放在兩個可編輯區(qū)域里面，一個1*2的表格，一個2*2的表格，第一個表格放一張有關(guān)于親情的圖片加一小段文字，第二個表格放一張有關(guān)于友情的圖片加一小段文字,還有一張有關(guān)于愛情的圖片加一小段文字。作品頁面是三個FLASH動畫，第一個是左右鍵控制的圖片移動按鈕，可以單擊來鏈接到主頁面（代碼見附錄），四個圖片經(jīng)過裁剪、高斯模糊。第二個是光芒四射（代碼見附錄），要用到ActionScript語言，長短不一的線條加上透明度的改變組成光芒四射。第三個是鼠標(biāo)跟隨特效（代碼見附錄）。文章頁面，就是簡單的文字頁面，沒有什么特別的。相冊頁面，上面是一個用Firworks處理后的一組圖片，鼠標(biāo)移到小圖片上，下面做出現(xiàn)相應(yīng)的大相片，中間有少量文字，底部是用FLASH做的一組循環(huán)滾動圖片（代碼見附錄），圖片跟著鼠標(biāo)的移動而左右移動。關(guān)于頁面，也是簡單的文字頁面，沒什么特別的，“個人簡歷”文字鏈接到WORD文檔“個人簡歷”(代碼：a

href="my.doc")，下面有個信息反饋的鏈接，鏈接到有關(guān)的“瀏覽者信息反饋表”，此信息反饋表用表單做的，用到單行文本域，多行文本域，單選框，復(fù)選框，按鍵，此表單可以用郵件方式反饋信息（mailto:redcarrot2001@163.com）。鏈接頁面，前面是我的個人主頁LOGO，一張用Firworks做的LOGO，并建立有關(guān)鏈接，中間是一些文字，下面是世界著名網(wǎng)頁的有關(guān)網(wǎng)址以及相應(yīng)鏈接。

附錄：源代碼

(1) 狀態(tài)欄逐字出現(xiàn)的效果代碼：

script language="JavaScript"

var msg = "歡迎來到☆※◎~~~微言微語~~~☆※◎個人主頁，請多提意見。謝謝! "

;

var interval = 120

var spacelen = 120;

var space10=" ";

var seq=0;

function Helpor_net() {

len = msg.length;

window.status = msg.substring(0, seq+1);

seq++;

if ( seq = len ) {

seq = 0;

window.status = '';

window.setTimeout("Helpor_net();", interval );

}

else

window.setTimeout("Helpor_net();", interval );

}

Helpor_net();

/script

(2) 首頁收藏代碼：

onClick="window.external.addFavorite('','微言微語個人主頁')"---收藏本站br

（3）設(shè)為首頁代碼：

onclick="var

strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('');"---設(shè)為首頁/span/p

（4）滾動字幕代碼：

marquee align=left direction=up

behavior=scroll height=400

width=550 hspcace=5 scrollmount=2 scrolldelay=200

vspce=5 loop=-1

pspan class="553bbf884e6d253a css"1、真的很喜歡那些記錄多于表達(dá)的人。

br /

…………

…………

183、希望每一個新的一天，醒來的那個你都神清氣爽。/span

/p

/div

/p

/marquee

（5）添加背景音樂代碼：

bgsound src="aa.mp3" loop=1

（6）禁止右鍵復(fù)制功能代碼：

script language="JavaScript"

!--

document.oncontextmenu=new

Function("event.returnValue=false;"); //禁止右鍵功能,單擊右鍵將無任何反應(yīng)

document.onselectstart=new

Function("event.returnValue=false;"); //禁止先擇,也就是無法復(fù)制//--

/script

style type="text/css"

（7）光芒四射代碼：

duplicateMovieClip("line","line"+i,i);

setProperty("line"+i,_rotation,random(360));

setProperty("line"+i,_alpha,random(100));

i++;）

if(i100){

gotoAndPlay(1);

}else{

i=1;

}

（8）鼠標(biāo)跟隨代碼：

movie._visible=0;

i=0;

i++;

if(i100){

i=1;

}

movie._x+=(_xmouse-movie._x)/30;

movie._y+=(_ymouse-movie._y)/30;

duplicateMovieClip(movie,"movie"+i,i);

this["movie"+i]._x=movie._x;

this["movie"+i]._y=movie._y;

gotoAndPlay(2);

（9）循環(huán)滾動圖片：

onClipEvent (enterFrame) {

this._x-=(_root._xmouse-300)/15;

if(this._x1371.1){

this._x=this._x-1371.1;

}

if(this._x-1371.1){

this._x=this._x+1371.1;

}

}

（10）左右鍵控制的圖片移動按鈕：

on(release)

{getURL("index.html","_blank");}

六、實訓(xùn)中遇到的難點及解決辦法：

在設(shè)計開始的時候，想的太多，不知道怎么開頭，定哪個主題，背景，色調(diào)，文字，布局都沒有頭緒，后來，開始做，而且覺得越做越有頭緒了，所以我覺得，還是不要想的太多，太復(fù)雜了，不要追求完美，不要做的網(wǎng)頁太多，搞到最后，別人都不知道，你這個網(wǎng)站的主題是什么了。

還有就是布局的時候總是不能做到很美觀，后來，我把頁面屬性改了左過距為10，上邊距為10，剛好把背景圖片里面的那些亮麗的鈕扣圖案顯示出來，改變了表格背景圖的灰暗，使網(wǎng)頁的整體看起來更美觀了。

在做CSS樣式表的時候，做字的顏色的時候，老是不知道用哪種顏色才搭配的起這個背景，后來，看到那個背景的鈕扣顏色與灰色配起來很好看就用吸管取了鈕扣的顏色了。

七、實訓(xùn)心得：

在我看來，設(shè)計網(wǎng)頁，應(yīng)該先策劃，策劃很重要，加上創(chuàng)意，配色很重要，技術(shù)與鑒賞能力是最主要的。建立站點的時候，各個文件夾取名的時候，最好用相應(yīng)的英語，見名知意，如圖片文件夾用image，網(wǎng)頁文件夾用html。

在所有配色當(dāng)中，不同的顏色傳達(dá)著不同的意義也有不同的象征。如白色代表著：清潔、天真、潔凈、真理、和平、冷淡、貧乏；灰色讓人聯(lián)想到灰塵、石頭、水泥、白銀，象征著中庸、平凡、溫和、謙讓，它給人以中立和高雅的感覺。太多的顏色會給人帶來視覺上的疲勞。所以，在我下載準(zhǔn)備素材的時候，就選擇用灰色做背景顏色，灰色太貧乏，就加上亮色的鈕扣起到“中和”的作用。

通過此次實訓(xùn),我覺得平面設(shè)計的創(chuàng)意思維、版面設(shè)計、色彩配置、圖形創(chuàng)意等方面都有很重要，對于網(wǎng)頁制作來說，我覺得是一個以多學(xué)科設(shè)計為基礎(chǔ)，受到包括視覺藝術(shù)、技術(shù)、內(nèi)容的多種影響。網(wǎng)頁設(shè)計的技術(shù)不算什么困難，真正困難的是網(wǎng)頁的設(shè)計創(chuàng)意，文字我覺得也很重要，有些人瀏覽你的網(wǎng)頁不是喜歡上你的艷麗漂亮的圖片，也許是喜歡上你的文字，那種感動人心的，唯美的文字。文字與圖片要搭得上調(diào)，不可能用一張美女圖做背景，上面卻寫有關(guān)于親情的文章。也就是整體的搭配問題。

通過此次實訓(xùn)，使我對于網(wǎng)頁制作的三大軟件有了進(jìn)一步的了解，各功能都能夠?qū)崿F(xiàn)。提高了自己的鑒賞能力，綜合搭配能力，也對以前學(xué)過的內(nèi)容進(jìn)行了綜合的復(fù)習(xí)。

通過此次實訓(xùn)，我更了解到，生活中有許多色彩，搭配顏色的時候，聯(lián)想到生活中的東西會做的更漂亮，給人一種親切感，現(xiàn)在看到什么東西，我就會聯(lián)想到做網(wǎng)頁的時候，還有怎么布局。反正此次實訓(xùn)收獲很多。

最后，我想，如果此次實訓(xùn)老師是要我們分組來做的話，也許，我們可以做得更好，因為，一個想的畢竟不全面，而且，一個人的申美有限，我們可以分工合作，一個人做一個方面的東西，也可以根據(jù)他所善長的方面來分工，善長動畫制作的人做動畫，善長圖片處理的人做圖片，善長文字與布局的就來布局。但是，也許那樣，有些同學(xué)會懶的動手，推著給別人做。

《網(wǎng)頁設(shè)計》實驗報告

1、

設(shè)計由多個網(wǎng)頁組成的小型網(wǎng)站，自選主題，要求積極、健康，不得從網(wǎng)絡(luò)上下載；

2、

構(gòu)建本地站點，創(chuàng)建站點目錄；

3、

站點目錄中各種文件分類存放，文件命名

科學(xué)

，網(wǎng)站不少于10個頁面；

4、

整個網(wǎng)站內(nèi)容大小不超過20M；

5、

網(wǎng)頁版面采用表格布局；

6、

網(wǎng)頁中引入CSS

樣式表

技術(shù)。

7、

超級鏈接的都可正確點通；

8、

網(wǎng)頁中需添加如

動畫

、

音頻

、視頻等多媒體元素；

9、

欄目設(shè)計合理，頁面

文字

充實，圖文并茂。

10、

使用動態(tài)頁面效果，如

時間軸動畫

、彈出信息、彈出菜單等；

11、

可根據(jù)個人能力和興趣使用數(shù)據(jù)庫，ASP，JSP，PHP等網(wǎng)頁技術(shù)。

實驗報告

應(yīng)包涵以下幾個部分：

1、實驗說明：說明網(wǎng)戰(zhàn)在設(shè)計所應(yīng)用的技術(shù)，站點下各目錄、各文件；素材的收集途徑等；

2、實驗步驟：詳細(xì)闡述網(wǎng)頁設(shè)計整體

流程

和其中各個環(huán)節(jié)的操作步驟；

3、實驗心得。

關(guān)于網(wǎng)站建設(shè)項目實訓(xùn)報告和網(wǎng)站建設(shè)實訓(xùn)收獲和感想的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。