- 相關(guān)推薦
web前端開發(fā)實訓心得體會（通用25篇）
某些事情讓我們心里有了一些心得后，馬上將其記錄下來，這樣可以不斷更新自己的想法。那么問題來了，應該如何寫心得體會呢？下面是小編為大家收集的web前端開發(fā)實訓心得體會，歡迎大家分享。
web前端開發(fā)實訓心得體會 1
進入XXweb班近一個月了，從一無所知的小白到現(xiàn)在也完成了京東詳情頁的一個小項目。學習過程中除了偶爾遇到困難，總體還算順利。在這里主要想分享自己以一個文科生——零基礎(chǔ)學員的角度來學習web前端開發(fā)的感受。
由于之前在大學里是學的旅游專業(yè)，和計算機毫無關(guān)系，來到XX時對自己有些半信半疑。不少人甚至懷疑XX是行騙機構(gòu)。在做了全面的了解之后，我勸服家人同意我來這里學習。另一方面，我向老師咨詢了自己學習的方向，考慮到自己從文科到計算機專業(yè)跨度較大的轉(zhuǎn)變，我在Java與web之間選擇了web。相對于Java，web的學習更基礎(chǔ)，容易入手，就業(yè)的機會也非常多。
Web開班第一天，老師即從網(wǎng)頁基礎(chǔ)、HTML入手，攫取重點，給我們介紹了它的相關(guān)知識。我們主要學習了HTML5，里面有很多的新特性且時下較為流行。它相當于一個網(wǎng)頁界面的宏觀架構(gòu)。如果把一個網(wǎng)頁的實現(xiàn)比作是一座建筑的建造過程，那么HTML即是這座建筑里的鋼筋混泥土，搭建起整個建筑的框架、承重。
之后，我們又學習了CSS基礎(chǔ)樣式，仍然借用上面的比喻，CSS則相當于建筑里各個房間的不同結(jié)構(gòu)，它們使得這座建筑更加的多樣化。且相對于HTML，它更加的復雜、多樣化，呈現(xiàn)的'效果也具有更多的可能性。老師向我們推薦了《CSS禪意花園》這本書，里面列舉了豐富且多種多樣的CSS樣式。
作為今后可能成為的優(yōu)秀前端工程師，僅僅學習自己內(nèi)部的知識是遠遠不夠的。因此，第一個月中我們也學習了UI中PS繪圖制作基礎(chǔ)，這對于一個前端來說也是非常重要的，在今后的工作中，我們可能會面對各種各樣的問題，如果掌握部分PS尤其是切圖技術(shù)，在和UI的接觸中可以減少很多不必要的繁瑣工作。
總之，作為一個前端工程師，我們所要掌握的知識是全面的，當我們寫代碼時的思維是縝密的。HTML和CSS是基礎(chǔ)中的基礎(chǔ)。之后我們會學習更多的JavaScript相關(guān)知識和其他，希望自己在這過程中仍能保持謙遜的的心態(tài)，去學習前人留下的珍貴寶藏。
web前端開發(fā)實訓心得體會 2
經(jīng)過這幾個月的實習努力，我做的幾個網(wǎng)站已經(jīng)掛到了網(wǎng)上，很欣慰，有進步，繼續(xù)加油。
我的第一份工作是在深圳E醫(yī)院工作，我歸屬于網(wǎng)絡部網(wǎng)頁設(shè)計開發(fā)兼優(yōu)化推廣等，在深圳E醫(yī)院網(wǎng)絡部，我主要是負責的是：網(wǎng)頁設(shè)計（如網(wǎng)站的改良工、設(shè)計新的專題網(wǎng)站等），兼顧優(yōu)化與推廣。
磨煉了二個多月，逐漸的接觸網(wǎng)站的設(shè)計與改良，全部的'網(wǎng)站都重新排版與設(shè)計，同時，得采用優(yōu)化角度考慮布局和運用CSS+DIV來構(gòu)建心里苦澀，CSS+DIV，我還沒學到家吖，看來還得努力學習，就這樣，白天專心做好工作事項，晚上專心惡補CSS+DIV、優(yōu)化知識等。終于自己設(shè)計的網(wǎng)站成功上線，很欣慰，無愧于此。
原本想讓自己休息一陣子，可是無聊和休閑不太適合我，于是到第三天，開始網(wǎng)站投簡歷，意料不到，隔天就收到深圳市z科技有限公司的面試通知，最后面試完不久，又接到該公司成功錄�。ê荛_心也很興奮，嘻嘻，因為我不用做無業(yè)游民了）。
3月14日，我又重新展開我的職業(yè)生涯，勇敢向前沖。在剛到新公司報到，一切都得從零開始，同時，要學習知識方面也逐漸地擴大。蔣副總和主管給我兩周左右的時間適當環(huán)境與熟悉一下最近輔助軟件等，終于在第三周起，我逐漸地開始接觸公司布置的任務，剛開始，著手設(shè)計并規(guī)劃公司的門戶，因為目前公司成立將近四年多，還沒有一個能真正給大眾能一目清晰的公司性質(zhì)與發(fā)展方向等。
其實，自己在負責設(shè)計與制作公司門戶，其中碰到不少問題，因為如今采用布局框架，唯獨CSS+DIV，因此，過程中碰到的問題不單單只是CSS規(guī)范寫法，同時得考慮寫法是否引起兼容性的錯亂等等。
當初成品網(wǎng)站提給老總和副總等人瀏覽時，其中錯誤不斷，而且也出現(xiàn)編寫腳本錯誤等等，讓我無比的無奈，因為我在編寫與設(shè)計過程，基本會考慮到IE、FF等常見的BUG問題，沒想到在本機測試時，基本都正常，但在給不同用戶體驗時，時常會出現(xiàn)腳本錯誤提醒和一些屬性中在不同瀏覽出現(xiàn)的BUG……
經(jīng)過不斷地測試與修改，終于，完成了該站，結(jié)束為期半個多月的任務，同時，公司門戶也如期更新與使用。事后主管也跟我說，經(jīng)過這次CASE中，自己要多想想并做好總結(jié)，那些是自己日后該避免，那些是自己目前得加強與鞏固等等，讓自己的設(shè)計與制作水平提高一定層次，切記驕傲滯前！
在獨自完成這個CASE中，我也發(fā)現(xiàn)自己需要惡補的東西，很多很多，例如，如何能做到盡快克服各瀏覽器中的BUG，怎樣使得布局按照優(yōu)化角度來設(shè)計，怎樣讓用戶者體驗舒服，怎樣讓呆板的網(wǎng)頁賦有生機，讓大眾感覺盡管內(nèi)容雖少卻不失想瀏覽之心或內(nèi)容過充實卻不會造成冗余等等，而其中就借助JavaScript、aJax、Jquery等腳本的編寫……這些知識是我目前最為缺乏的，也是最需要惡補的知識，所以，一旦有時間，我得努力地學習與逐漸地應用實際操作上，讓自己做到懂得一舉反三等等，而不是過于呆板引用等。
總之，經(jīng)過這半年工作實踐與體驗，雖在不同公司性質(zhì)中實習，但確實讓自己成長了不少，也明白不管在學校還是在社會上，如果要讓別人肯定你，聘用你等，關(guān)鍵在于自己是否有一門技術(shù)吸引著別人或讓別人想收為己用的心態(tài)等，同時，主管也跟我說起：自己要懂得，如果想要在IT行業(yè)長時間發(fā)展，不單單只需要良好的WEB前端技術(shù)，同時也需要一門動態(tài)語言來補充著自己，讓自己不過于依賴別人，嘗試讓別人依賴自己，這樣，處于IT網(wǎng)頁制作行業(yè)中，就不輕易讓人淘汰等。
在調(diào)整好心態(tài)，努力工作下，目前在該公司獨自做好幾個CASE，現(xiàn)在又接手做子公司站，希望自己能越做越好，加油，為美好的明天，勇敢向前沖！
web前端開發(fā)實訓心得體會 3
在過去的幾個月里，我有幸參與了一些前端開發(fā)項目，這是我的前端實訓經(jīng)歷。這次的實訓是在一個知名的互聯(lián)網(wǎng)公司進行的，公司的開發(fā)團隊非常專業(yè)，實訓期間我所接觸到的項目都是一些實際的前端開發(fā)任務。
實訓期間，我參與了幾個重要的項目，包括一個電商網(wǎng)站的開發(fā)。我主要負責的是網(wǎng)站首頁的重新設(shè)計，以及一些交互功能的實現(xiàn)。在這個項目中，我學習了如何使用Vue.js框架來完成組件的開發(fā)，以及如何使用其生態(tài)系統(tǒng)中豐富的插件和庫。同時，我也學習了如何使用Node.js進行服務器端渲染，以及如何使用Webpack進行模塊化的打包。
在這個過程中，我遇到了很多問題，但每一次的困擾都讓我收獲頗豐。例如，在實現(xiàn)一個動態(tài)組件的過程中，我曾經(jīng)遇到了性能問題，經(jīng)過一番研究，我找到了問題的根源，并成功地優(yōu)化了代碼。此外，在處理頁面交互效果時，我嘗試使用了CSS3的動畫效果，但發(fā)現(xiàn)兼容性問題頗多。在請教了同事后，我學習到了如何使用JavaScript來實現(xiàn)這些效果，不僅解決了兼容性問題，還讓頁面更加生動活潑。
這次前端實訓讓我收獲頗豐。我不僅學會了如何使用前端開發(fā)工具，如VSCode和SublimeText，還學會了如何使用各種前端開發(fā)框架和庫，如Vue.js和React。同時，我也明白了團隊協(xié)作的重要性，學會了如何與團隊成員有效溝通，共同解決問題。更重要的是，我學會了如何從問題中學習，不斷提升自己的技術(shù)水平。
總的.來說，這次前端實訓是一次非常寶貴的經(jīng)歷。我不僅學到了很多前端開發(fā)的知識和技能，還學會了如何面對問題，如何解決問題。我相信，這次實訓的經(jīng)驗將對我未來的職業(yè)發(fā)展產(chǎn)生積極影響。我期待在未來的工作中，能夠?qū)⑽以谶@次實訓中學到的知識和技能應用到實際工作中，不斷提升自己的技術(shù)水平，為公司創(chuàng)造更大的價值。
web前端開發(fā)實訓心得體會 4
在我剛剛開始我的前端實訓時，我對于這個新的領(lǐng)域充滿了興奮和好奇。作為一名計算機科學的學生，我一直對網(wǎng)頁設(shè)計和開發(fā)充滿熱情。在經(jīng)過幾個月的實踐和學習后，我想分享一下我在這個領(lǐng)域的成長和收獲。
在實訓的過程中，我學習了HTML、CSS、和JavaScript等前端技術(shù)，并親手實踐了一些項目。我不僅加深了對前端技術(shù)的理解，還提高了自己的編程能力。通過編寫代碼，我逐漸理解了前端開發(fā)的重要性和復雜性。
在實踐中，我遇到了一些困難和挑戰(zhàn)。例如，在學習CSS時，我遇到了盒模型、選擇器和布局等復雜的概念。起初，我感到困惑和難以理解，但是我并沒有放棄。我通過查閱資料、向?qū)熣埥�，以及不斷地實踐，最終逐漸掌握了這些知識。
在這個過程中，我也學會了團隊合作。在項目開發(fā)中，我們需要與團隊成員協(xié)作，共享代碼和進度。這使我學會了如何有效地與他人溝通和協(xié)調(diào)，并解決可能出現(xiàn)的問題。
總的來說，前端實訓對我來說是一次寶貴的學習和成長的機會。我不僅提高了自己的.技術(shù)水平，還學會了如何解決問題和與他人協(xié)作。雖然我還有很多需要改進的地方，但我相信在未來的學習和工作中，我會更加努力，爭取取得更大的進步。
web前端開發(fā)實訓心得體會 5
經(jīng)過一個學期的努力，我們完成了前端實訓的學習。這次實訓的內(nèi)容包括HTML、CSS、JavaScript、React.js和Webpack等。在這個學期的學習中，我學到了很多關(guān)于前端開發(fā)的知識和技能。
HTML是超文本標記語言，用于創(chuàng)建網(wǎng)頁的結(jié)構(gòu)。CSS用于控制網(wǎng)頁的樣式和布局。JavaScript是一種腳本語言，用于為網(wǎng)頁添加交互性和動態(tài)性。React.js是一個用于構(gòu)建用戶界面的JavaScript庫。Webpack是一個模塊打包工具，可以將多個模塊打包成一個文件，從而提高網(wǎng)頁的加載速度。
在學習過程中，我遇到了很多問題。例如，在編寫HTML代碼時，我經(jīng)常忘記在結(jié)束標簽中添加關(guān)閉標簽。在編寫CSS代碼時，我經(jīng)常忘記在選擇器后面添加大括號。在編寫JavaScript代碼時，我經(jīng)常忘記在函數(shù)后面添加分號。這些問題都是由于粗心大意或者不夠細心導致的。
解決這些問題后，我開始學習如何使用這些技術(shù)來構(gòu)建一個完整的網(wǎng)站。在這個過程中，我遇到了很多挑戰(zhàn)。例如，在編寫React代碼時，我經(jīng)常遇到語法錯誤和邏輯錯誤。在打包Webpack時，我經(jīng)常遇到各種錯誤。但是，通過不斷地嘗試和調(diào)試，我最終解決了這些問題。
通過這次學習，我不僅學到了很多關(guān)于前端開發(fā)的`知識和技能，還學會了如何解決問題和如何堅持不懈地追求卓越。我相信，這次學習對我未來的職業(yè)生涯將有很大的幫助。
web前端開發(fā)實訓心得體會 6
時光荏苒，轉(zhuǎn)眼間我已經(jīng)完成了為期三個月的大學生web前端實訓�；厥走@段時光，我深刻地感受到了自己在學習和實踐中的成長與收獲。
我認為與同學一起參加實訓是一大亮點。與身邊志同道合的同學一起共同學習，交流心得，共同探討問題，能夠讓我更深刻地理解前端知識，更好地掌握前端技能。同時，在項目中我們也互相協(xié)作，互相幫助，使整個項目的開發(fā)效率大大提高。
實訓過程中，我收獲最大的是實踐鍛煉的機會。通過完成項目，在實踐中鞏固了所學知識，加深了對前端技術(shù)的理解，并且獲得了寶貴的經(jīng)驗。同時也發(fā)現(xiàn)了自己存在的不足，例如代碼規(guī)范性、團隊合作能力等，在實踐中逐步地改進自己。
第三，師資力量是實訓的重要保障。感謝我的導師和老師們，他們教會了我許多技能和知識。他們不僅傳授了前端開發(fā)中的常用工具和技術(shù)，還為我們提供了實現(xiàn)項目所需的技術(shù)路線和思路，總能在關(guān)鍵時刻給我提供有益的建議和指導。在這里，我要向他們表達我的感激之情。
最后，我想說的是，這段時間的實訓讓我更加深入了解前端技術(shù)，并且為我將來的職業(yè)發(fā)展提供了寶貴的.經(jīng)驗和知識儲備。我將會在今后的學習和工作中不斷努力，追求更高的技術(shù)水平和職業(yè)能力，為我將來的發(fā)展打下更為堅實的基礎(chǔ)。
web前端開發(fā)實訓心得體會 7
在進行前端實訓的過程中，我不僅學到了很多有關(guān)前端開發(fā)的知識和技能，還體驗到了實際工作中的挑戰(zhàn)和團隊協(xié)作的重要性。以下是我對前端實訓的深刻印象和主要收獲。
1.技術(shù)實踐：在實訓期間，我學習了HTML、CSS、JavaScript等前端開發(fā)的基礎(chǔ)知識，并掌握了如何使用這些技術(shù)構(gòu)建動態(tài)、交互式網(wǎng)站和應用。我通過實際項目不斷練習和實踐，逐漸提高了我的編程能力和解決問題的能力。
2.團隊協(xié)作：在實訓過程中，我與團隊成員緊密協(xié)作，共同完成了多個項目。這讓我深刻體會到團隊協(xié)作的`重要性，以及如何有效地與團隊成員溝通和協(xié)調(diào)。在團隊中，我學會了分享和傾聽，同時也學會了接受他人的建議和批評，這對我的成長和提高有很大的幫助。
3.項目管理：實訓中，我學會了如何有效地管理項目進度和質(zhì)量。我學會了使用項目管理工具（如Git和Jira），并學會了如何跟蹤和解決問題。我還學習了如何與客戶和團隊成員進行有效的溝通和協(xié)作，以確保項目能夠按時交付并滿足預期的質(zhì)量標準。
4.實踐經(jīng)驗：通過實際項目，我深入了解了前端開發(fā)中的實際挑戰(zhàn)和問題。我了解到，在實際工作中，我們需要更加注重用戶體驗和交互效果，同時也需要時刻關(guān)注性能和安全問題。此外，我也逐漸明白了代碼的可維護性和可讀性的重要性。
5.職業(yè)道德：在實訓期間，我深刻體會到職業(yè)道德和責任感的重要性。我了解到，作為一名前端開發(fā)人員，我們需要時刻保持對技術(shù)的熱情和好奇心，不斷學習和探索新的技術(shù)和方法。同時，我們還需要積極對待工作，保持良好的工作態(tài)度和習慣。
總的來說，前端實訓對我來說是一次寶貴的學習和體驗機會。我不僅學到了前端開發(fā)的知識和技能，還提高了我的編程能力和團隊協(xié)作能力。通過這次實訓，我更加明確了自己在前端領(lǐng)域的職業(yè)發(fā)展方向，并期待在未來的工作中繼續(xù)學習和成長。
web前端開發(fā)實訓心得體會 8
隨著互聯(lián)網(wǎng)的快速發(fā)展，前端開發(fā)技術(shù)也逐漸成為了人們關(guān)注的熱門話題。為了增加自己的競爭力，在大學期間，我選擇了參加一次前端實訓。通過這次實訓，我不僅學到了許多實用的前端開發(fā)技術(shù)，更重要的是對前端開發(fā)有了更深入的了解。在這篇文章中，我將分享我在前端實訓中的體會和心得。
在前端實訓開始的第一天，我對前端開發(fā)只是聽說過，對它的具體內(nèi)容并不了解。但是通過導師的細心指導和同學們的協(xié)助，我很快適應了前端開發(fā)的環(huán)境和工具。我們首先學習了HTML和CSS基礎(chǔ)知識，這是前端開發(fā)的基石。隨后，我們學習了JavaScript和jQuery以及一些常用的前端框架和工具。尤其是JavaScript和jQuery，它們?yōu)榫W(wǎng)頁的交互和動態(tài)效果提供了很大的便利。在學習的過程中，我逐漸掌握了許多前端開發(fā)技術(shù)和工具的使用，包括代碼編輯器、調(diào)試工具和版本控制工具等。通過實踐，我發(fā)現(xiàn)前端開發(fā)不僅僅是寫些代碼，還需要關(guān)注用戶體驗和性能優(yōu)化，更要與設(shè)計和后端開發(fā)團隊緊密協(xié)作。
在實訓的過程中，我們分為小組進行項目開發(fā)。每個小組都擁有一個具體的項目需求，我們需要在限定時間內(nèi)完成項目的開發(fā)和測試。這就要求我們要具備良好的時間管理和團隊協(xié)作能力。在小組合作的過程中，我體會到了團隊合作的重要性。每個成員都有自己的專長，通過互相交流和協(xié)作，我們能夠更好地完成項目任務。同時，合理安排工作時間和分配任務也是保證項目順利進行的關(guān)鍵。通過與團隊成員一同解決問題和分享經(jīng)驗，我更加深刻地認識到了團隊力量的重要性，這將對我未來的工作產(chǎn)生積極的影響。
除了技術(shù)能力的提升，前端實訓也讓我收獲了更多。在實訓過程中，我發(fā)現(xiàn)自己的動手能力得到了鍛煉，解決問題的能力得到了提高。在獨立完成一些項目任務時，我主動學習并運用一些新的`技術(shù)，不斷向?qū)熀屯瑢W們請教。通過挑戰(zhàn)和實踐，我逐漸克服了困難，提高了自己的學習和解決問題的能力。此外，實訓的過程也讓我更加深入地了解了前端開發(fā)行業(yè)的趨勢和發(fā)展方向。我發(fā)現(xiàn)前端開發(fā)不僅僅是技術(shù)的堆積，還需要關(guān)注用戶體驗和行業(yè)發(fā)展動態(tài)，不斷學習和提升自己。
通過參加前端實訓，我意識到前端開發(fā)不僅僅是一門技術(shù)，更是一種態(tài)度。作為一個前端開發(fā)者，不僅需要具備扎實的技術(shù)能力，還需要持續(xù)學習和關(guān)注行業(yè)動態(tài)。在解決問題的過程中，我們要敢于嘗試和創(chuàng)新，不斷追求提升用戶體驗。同時，團隊合作和溝通能力也是必不可少的。通過與導師和同學們的交流和合作，我明白團隊的力量是無窮的，只有團結(jié)合作才能取得好的結(jié)果。
總結(jié)而言，前端實訓為我提供了一個很好的學習和實踐的機會。通過學習前端開發(fā)技術(shù)和參與項目開發(fā)，我不僅僅提升了自己的技術(shù)能力，也鍛煉了自己的動手能力和團隊合作能力。同時，我也對前端開發(fā)行業(yè)的趨勢和發(fā)展方向有了更深入的了解。未來，我將繼續(xù)深入學習和實踐前端開發(fā)，不斷提升自己，追求更好的職業(yè)發(fā)展。
web前端開發(fā)實訓心得體會 9
在過去的幾個月里，我有幸參與了一些前端開發(fā)項目，這是我的前端實訓經(jīng)歷。這次實訓讓我對前端技術(shù)有了更深入的了解，也讓我在實踐中掌握了一些核心技能。
實訓期間，我參與了一些關(guān)鍵項目，包括網(wǎng)站頁面重構(gòu)、重構(gòu)現(xiàn)有代碼，以及一些性能優(yōu)化工作。通過這些項目，我深入了解了前端開發(fā)的各種方面，包括設(shè)計、編碼、測試和性能優(yōu)化等。
在學習和工作中，我遇到了許多問題，但這些問題也促使我不斷學習，尋找解決方案。例如，在重構(gòu)一個舊代碼庫時，我學會了如何使用現(xiàn)代化的工具和技術(shù)來解決遺留問題。在優(yōu)化性能時，我學會了如何使用工具來分析性能瓶頸，并提出解決方案。
這次前端實訓讓我深刻體會到團隊合作的重要性。我與其他實習生和導師之間進行了大量的交流，這讓我學會了如何有效地與團隊成員溝通，并從他們的經(jīng)驗中學習。
總的`來說，這次前端實訓讓我收獲頗豐。我不僅學到了前端開發(fā)的核心技能，還學會了如何解決問題、如何有效地與團隊合作，以及如何持續(xù)學習。這些技能將在我未來的職業(yè)生涯中起到重要的作用。
web前端開發(fā)實訓心得體會 10
隨著互聯(lián)網(wǎng)的高速發(fā)展，前端開發(fā)逐漸成為一項炙手可熱的技能。為了更好地提升自己的前端開發(fā)能力，我參加了一次前端實訓課程。在課程結(jié)束之時，我深深地感受到了這段時間的收獲和成長。下面，我將從實訓內(nèi)容、團隊合作、技術(shù)提升、問題解決和個人成長五個方面來分享我的前端實訓心得體會。
首先，實訓內(nèi)容是我前端開發(fā)能力提升的重要途徑之一。通過實訓，我學到了許多前端開發(fā)的基本知識和技能，掌握了HTML、CSS、JavaScript等前端技術(shù)的基本應用。在實際操作中，我還學習了響應式布局、移動端適配等高級技術(shù)，使我能夠更好地適應不同終端的頁面開發(fā)需求。通過實際項目的練習，我不僅加深了對前端技術(shù)的理解，還提升了代碼的質(zhì)量和效率。
其次，團隊合作是實訓過程中不可缺少的一部分。在實訓中，我被分配到一個團隊中與其他成員共同完成一個項目。通過與團隊成員的合作，我學到了如何與人合作、如何進行有效的溝通，以及如何分工協(xié)作。每個人各司其職，互相支持，共同協(xié)作完成了一個優(yōu)秀的項目。通過與團隊成員的.交流和合作，我不僅提高了技術(shù)能力，還學到了很多團隊合作的經(jīng)驗和技巧。
再次，實訓過程中我不僅學到了技術(shù)知識，還提升了自己的問題解決能力。在開發(fā)過程中，難免會遇到各種問題和挑戰(zhàn)。我習慣于利用自己掌握的知識和技能來解決這些問題。當遇到難以解決的問題時，我會主動尋求幫助，向老師和同學請教。通過與大家的討論和分享，我懂得了如何快速定位問題所在，然后一步步解決問題。這個過程不僅提升了我的解決問題的能力，也培養(yǎng)了我的邏輯思維和分析能力。
此外，實訓還讓我從技術(shù)和實踐中得到不斷成長。通過實訓，我學會了如何將理論知識與實際項目相結(jié)合，靈活應用所學的技術(shù)。我了解到前端開發(fā)不僅僅是編寫代碼，還需要考慮用戶體驗、頁面性能等方面。在實際項目中，我不斷嘗試新的技術(shù)和方法，追求更好的用戶體驗和頁面性能，也提升自己的思維方式和工作方法。實訓的過程讓我逐漸成長為一名合格的前端開發(fā)者。
總結(jié)起來，通過這次前端實訓，我不僅掌握了前端開發(fā)的基本知識和技能，還學到了團隊合作、問題解決和個人成長的重要經(jīng)驗。這次實訓對我來說是一次寶貴的經(jīng)歷，我將繼續(xù)努力，不斷提升自己的前端開發(fā)能力。
web前端開發(fā)實訓心得體會 11
21世紀的時期，中國的網(wǎng)絡正在實飛猛進，大多的企業(yè)都是通過建立網(wǎng)站來進入企業(yè)宣傳，通過企業(yè)網(wǎng)站來打廣告，宣傳產(chǎn)品、品牌推廣，促進銷售等 方法來實現(xiàn)企業(yè)營利的目的。所以，中國的互聯(lián)網(wǎng)在中國的近幾年來，有了非常大的發(fā)展空間，如“網(wǎng)上商店”“網(wǎng)上服務”“網(wǎng)絡資源”非常的流行。所以網(wǎng)頁設(shè)計師中一個緊缺的人才。對一個企業(yè)來說，做好一個網(wǎng)站是必不可少的。我們現(xiàn)在做為電子商務專業(yè)的，我們的最終目標是針對全球這個大的市場，還有這個網(wǎng)絡市場。作為一個企業(yè)的管理者，應當為自己設(shè)計一個能夠促進銷而且能夠代表我們企業(yè)的形象、宣傳我們企業(yè)最新出來的產(chǎn)品的這么一個網(wǎng)站。
我們學了一個學期的`網(wǎng)頁設(shè)計，這周我們開始實踐我們專用的計劃如下：
第一天：網(wǎng)頁設(shè)計與布局。網(wǎng)頁的題材自己定，可以任選。
第二天：準備材料。建立站點，將所有的題材放到自己所建立好的站點里去，以便在做的可以更方便、快捷的應用到網(wǎng)頁中，提高速率。
第三天：將所在準備的材料一起聯(lián)接起來，放到自己的所設(shè)計的布局結(jié)構(gòu)中。再做二級網(wǎng)頁，建立超鏈接，把一級和二級網(wǎng)頁連接起來。
第四天：將所做的網(wǎng)頁進行整理、調(diào)試、發(fā)布。在網(wǎng)站上申請一個空間，將自己做的網(wǎng)頁傳到網(wǎng)上去。
第五天：寫實習報告。將寫好的實習報告打成電子文檔，傳到老師處，審查。
網(wǎng)頁的布局：
網(wǎng)頁的布局指的是網(wǎng)頁的整體架構(gòu)，也就是排版。在一個被別人打開網(wǎng)頁之后，如何才能突出我們網(wǎng)站里面最重要的內(nèi)容，即讓用戶第一眼就看到這個網(wǎng)頁所想要傳達的信息和內(nèi)容。這首先就要從網(wǎng)頁布局做起。 我覺得網(wǎng)頁布局應當注意以下幾點：
1、整個網(wǎng)頁的長和寬的比例。
2、導航條的設(shè)置。
3、正文的框架結(jié)構(gòu)。
我的這個上網(wǎng)頁中，我的大體布局就是“F“型的。從我的首頁上看上去雖然有點亂的感覺，但整個的布局是清楚的，亂而有型。在大多數(shù)企業(yè)網(wǎng)站中的布局都是大同小異，但是它們做出來的效果顯得非常的完美，所也是他們企業(yè)的成功之處所在。因此，一個網(wǎng)頁布局是一個非常重要的一個工作。
網(wǎng)頁的設(shè)計：
網(wǎng)頁的設(shè)計不僅需要學好網(wǎng)頁設(shè)計軟件的方法，還需要和其它的軟件一起使用，如動畫設(shè)計軟件，靜態(tài)圖像處理軟件，等等。所以學習起來的確有點困難，所以需要有有點耐心去學習，不要是因為一時的好奇而去做網(wǎng)站，那肯定是不得行的。當我們遇到問題的時候要總要想著自己去面對解決，不要掉入技術(shù)的陷阱，如果你的網(wǎng)頁設(shè)計技術(shù)一流，并且對軟件的掌握程度已經(jīng)達到一定水平，但是你設(shè)計的網(wǎng)頁確不堪目睹，這是因為網(wǎng)頁設(shè)計是介于平面設(shè)計和編程技術(shù)兩者之間的"邊緣科學。"不僅涉及到美學，心理學，平面構(gòu)成，色彩搭配等平面設(shè)計的方面的知識，還涉及到html，javascript，css，asp，php等編程語言技術(shù)方面的知識。只有綜合運用多種知識，才能設(shè)計出視聽特效，動感十足，富于個性的web頁面，才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨特魅力和多維空間的超強功能。
網(wǎng)頁的整個形象：
在一個網(wǎng)頁做成之后，就要去找開看下網(wǎng)站的整個效果。首先是給視覺效果人視覺效果的，而在視覺效果中又最注重是顏色的，所以色彩的配合是必不可少的知識。在調(diào)整好之后，到網(wǎng)上去申請一個空間，傳到網(wǎng)上去，看下效果。
總結(jié)：
從我不知從何下手做網(wǎng)頁時到現(xiàn)在學習了一學期和這個專用周結(jié)束，總算有一個大體的方向和設(shè)置的格式了。我一開始對什么網(wǎng)頁的布局和設(shè)置啊，什么都著落，對于一個好的網(wǎng)站的是如何做出來的和它所應用的方法都大概有一個認識。比如說那些動畫、流動的窗口和按鈕、彈出圖片等等一些廣告、視屏之類的。在我們的課本中沒有多少的代碼，只有文字性的操作步驟。還有那些什么JAVA代碼一個都沒有。然而在我們制作過程中，我們很多的時候都需要使用那些JAVA代碼，我們又不知道，只有到網(wǎng)上去找。但是這并不是一件壞事。我們還可以學到很多東西，這也是我們所需要的。我覺得我現(xiàn)在做出的網(wǎng)頁雖然不是很好，但是通過了這一周的實習，我收獲也是不少��！
web前端開發(fā)實訓心得體會 12
大學生活讓我對計算機理論知識有了一定的了解，但實際操作領(lǐng)域依舊是一片空白。紙上得來終覺淺，絕知此事要躬行。經(jīng)過網(wǎng)頁實訓課的實習，讓我對自己有了新的認識，并明確了網(wǎng)頁設(shè)計方面的前進方向。
1.繼續(xù)學習，不斷提升理論素養(yǎng)
在信息時代，學習是不斷地汲取新信息，獲得事業(yè)進步的動力�，F(xiàn)在通過實習總感覺自己學的不夠，要用到知識時總感覺腦袋總是空白。實習后讓我明白，為了能更好的適應工作，不得不利用自己空閑時間去彌補學習中的不足。實訓內(nèi)容是與自己所學專業(yè)有密切聯(lián)系的，所以自己在這方面格外側(cè)重，希望能夠加強自己的專業(yè)知識。
2.加強信心，堅持下去
上學的時候大家都說“能珍惜現(xiàn)在的日子就好好珍惜!”，等工作了才真正的領(lǐng)悟這句話的涵義。經(jīng)歷第一次實訓課的學習后，就希望能把實習所學習的知識，也能運用到課堂上。對自己多一點信心，多給自己點贊賞，多給自己鼓鼓勁，相信自己總會走出一條寬敞大道。
3、實訓學習中的同學相處
感覺學生時代很美好，不僅僅是不需要去努力工作，而是在學生時代你可以有很好的同學，很好的朋友，大家相互噓寒問暖，不必勾心斗角。我感覺這里才真的有純潔的友誼。我想當踏上了社會，就會存在著利益關(guān)系，有工作繁忙，也多了份人情世故。希望以后自己努力，可以多幾個朋友，希望自己可以有個團結(jié)工作的環(huán)境。在整個網(wǎng)頁設(shè)計實訓的過程中，實訓同學之間的關(guān)系總是那般融洽!
實習，是開端也是結(jié)束。在書本上學過很多理論，但從未付諸實踐過，也許等到真正運用時，才會體會到難度有多大。在今后的工作和生活中，自己需要更加努力的奮斗下去。
實習的同時也讓我了解到了自己的不足，我會繼續(xù)努力，完善自己。對于學校的精心安排和指導老師的用心輔導非常感謝。
光陰似箭，日月如梭。轉(zhuǎn)眼間，愉快而又充實的網(wǎng)頁實習課程結(jié)束了，在這幾個月的時間里，在實訓的過程中 ，讓我嘗試了理論與實踐的結(jié)合。網(wǎng)頁設(shè)計理論一點點轉(zhuǎn)化為實踐經(jīng)驗，模擬網(wǎng)頁實訓變成了真正面對社會的基礎(chǔ)，盡管生澀但在慢慢趨近成熟。豐富的實訓知識，讓我的實習生活充滿驚喜、快樂和充實，當然也少不了網(wǎng)頁設(shè)計處理過程中的困難。實習結(jié)束了，感覺腦袋里又注入了新的知識，對網(wǎng)頁設(shè)計也有了更深的了解，在以后的工作中，希望能用自己了解的東西去處理相關(guān)的問題，再探究新的問題，使自己和公司不斷進步。
最后談談我個人對自身的職業(yè)之路規(guī)劃。當然這些還不夠成熟，僅僅是這一個學期的實習帶給我的一點想法，今后我會結(jié)合學習生活進一步修正。
首先是個人學習，通過實習我認識到利用課堂外的時間也是關(guān)鍵，下一步打算結(jié)合自己的興趣，利用課余時間自己培訓;其次是社會實踐，初步打算是利用假期等時間充分工作，以提高自身實際工作能力為目的，畢竟“想”和“做”是不一樣的，這次實習中我也認識到了這點，平時覺得自己能夠勝任的簡單事情，當真正動手做時卻總不是那么簡單了;最后，打算結(jié)合個人的興趣、價值觀、能力、職業(yè)發(fā)展傾向做個詳細的職業(yè)發(fā)展規(guī)劃。
網(wǎng)頁設(shè)計伴隨著網(wǎng)絡的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡的頻繁而變得非常重要。生活中我每天上網(wǎng)都要接觸到網(wǎng)頁，原來沒有留意過網(wǎng)頁的設(shè)計，但是經(jīng)過這段時間的學習了解，現(xiàn)在我打開一個網(wǎng)頁都會習慣性的先看看排版、布局和色彩運用。
通過老師的講解和對課本的翻閱，我學習到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。通過Dreamweaver制作網(wǎng)頁，我用到了一些基本的功能：圖片插入和對齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等。但是在自己嘗試著做的時候，總是出現(xiàn)這里那里的問題。不是圖片不能固定在自己想要的位置，就是滾動文本的顯示區(qū)域不知道為什么撐過了頁面，還有就是不同分辨率、不同瀏覽器都會對瀏覽網(wǎng)頁產(chǎn)生影響。而且在CSS方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結(jié)了經(jīng)驗。例如：
1、命名站點或者文件夾的的時候一定要注意，最好用相應的英語或者漢語拼音，要見名知意，如圖片文件夾用image或者tu，這樣可以避免頁面調(diào)用時不正確的現(xiàn)象發(fā)生。
2、調(diào)用Style時可以單擊鼠標右鍵選擇Custon Style來調(diào)用Style標準，也可以在狀態(tài)欄中的元素列表上單擊右鍵來調(diào)用Style。雖然不同的方法達到的效果看似一樣，但實際上產(chǎn)生的HTML代碼則完全不同。在這個過程中，我同樣認識到網(wǎng)頁設(shè)計不是一門學科的獨秀，而是多種課程的綜合，它是Flash、Photoshop等網(wǎng)頁軟件的綜合應用。例如Flash提供了功能齊全的繪圖和編輯圖形工具�？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，可以很直觀的'反映出效果。
頁面設(shè)計應以美觀、大方、簡潔為原則，保持一致的風格。為了達到最佳的視覺表現(xiàn)效果，應講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。網(wǎng)頁最主要的功能就是給每個上網(wǎng)者提供一種形式，讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁設(shè)計，就需要站在用戶的角度來看。用戶是一個網(wǎng)站成敗的關(guān)鍵。如果用戶要花很多時間進入網(wǎng)站，很有可能他會立即關(guān)掉網(wǎng)站，或者網(wǎng)站操作很不方便用戶也會馬上離開，這種網(wǎng)站是很失敗的設(shè)計，只會讓用戶失望的離去。所以網(wǎng)頁容量即包括圖像在內(nèi)的網(wǎng)頁字節(jié)數(shù)最好不要超過50K。
還涉及到界面弱化的問題。一個好的界面設(shè)計它的界面是弱化的，它突出的是功能，著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區(qū)等等。要讓訪客在0.5秒內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì)，1秒內(nèi)就知道該從哪個地方開始使用這個網(wǎng)站，能點一次的，絕不點第二次。
當然上面說的是大多數(shù)功能性網(wǎng)站，對于宣傳展示性網(wǎng)站，諸如加特效的或Flash網(wǎng)站，可能就不得不花哨一些，但不能太過分。網(wǎng)站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現(xiàn)意境，點到為止。
web前端開發(fā)實訓心得體會 13
我第一次步入了社會，從此開始了面對社會、工作的生活。剛剛走入社會的我是一個性格有些內(nèi)向的人，面對陌生的人，我不善言辭，不會給自己的外表進行很好的包裝，不適合做那些銷售、接待的工作，只有技術(shù)類的工作，少說多干的活適合我，這個我很清楚。現(xiàn)在，中國每年都有很多畢業(yè)的大學生找不到工作，我也不例外，所以，這第一次實習工作肯定不會太好找，但是相反，我的運氣還不錯。找到了一份網(wǎng)頁設(shè)計的工作�，F(xiàn)將我在工作中的情況總結(jié)如下。
一、工作介紹
我工作的這家公司，從事網(wǎng)站開發(fā)工作的，公司在技術(shù)團隊這部分是比較正規(guī)的，一般是五到六人為一個小組，小組中有明確分工，有負責聯(lián)系客戶接恰生意的，有專門做技術(shù)的，而在技術(shù)這塊分為網(wǎng)站前臺、后臺開發(fā)，我在學校主要做的是后臺開發(fā)，當然前臺設(shè)計工作也還算熟練，但不是很精通。我們這個小組一般接下的活都是一些小型網(wǎng)站的開發(fā)工作，這樣的網(wǎng)站技術(shù)難度不大，而且工作周期短，有相當一部分的，只需要通過cms軟件就可以進行開發(fā)。但是有個別的網(wǎng)站開發(fā)時，我們還是需要進行一些手寫代碼工作的。
二、開發(fā)技術(shù)
做為一個剛畢業(yè)的大學生，我的知識儲備肯定有不足的地方，畢竟學校教的東西肯定會有一部分和社會是脫節(jié)的.，但好在我的領(lǐng)導對于我沒有太多的要求，他只是要求我盡快的適應公司的工作和生活，在短時間內(nèi)熟練的掌握相關(guān)技術(shù)，干好本職工作。
在大學里對一個學生來說什么是最重要的，那就是學習能力。要知道，這個世界上，知識在發(fā)展，人類在進步，每天都在進行日新月異的變化，我們的知識儲備總會有不夠的地方，但是一定要有學習能力，將不會知識快速掌握，只有這樣才能占據(jù)主動，減少被動情況的尷尬發(fā)生，通過二個星期的時間，我成功的適應了公司的工作和生活節(jié)奏，每天早九點上班，晚17：30下班，中午休息一個半小時，每周還有兩天假期。我利用業(yè)余時間，抓緊學習，將工作中所需要的技術(shù)進行了強化學習，其實這些東西在學校的時候就接觸過，只是不精通。那個時候?qū)W的東西多，難免有個主次之分，這次工作了，才知道哪個應該多學點，但好在我都有學過，所以有個好的基礎(chǔ)在這里，也就不怕了，比如說：flash，公司要求技術(shù)人員會做flash，flash這東西以前我在宿舍的時候經(jīng)常玩的，可是后來在分析就業(yè)情況時，分析錯了方向，以為這東西沒有什么用處，結(jié)果就給荒廢了。但好在還有印象，并且當初記了很多的筆記，所以說記筆記是很重要的事情。而其它像javascript、ml、數(shù)據(jù)庫這些東西我都學過，只是實踐能力稍差一點，但好在從前在學習方面用的功不是白費的。通過這種實戰(zhàn)環(huán)境，和半個月的刻苦學習，我終于可以感上小組的工作進度了，已經(jīng)可以很好的完成領(lǐng)導教給我的任務了。
像我這個組常用的是css+div排版，后臺使用php技術(shù)進行開發(fā)，服務器平臺采用，linu+apache+mysql+php，這種lamp組合，我很高興在學校學的東西能學有所用。以前我們是用表格（table）進行排版，這種方式簡單但是已經(jīng)有些過時了，現(xiàn)在大部分網(wǎng)站都開始了重新構(gòu)架，所以都采用css+div進行網(wǎng)頁排版，我目前正在學習，掌握的還算比較快。而在后臺開發(fā)部分，我們使用php來進行開發(fā)，我的工作是手寫一些小模塊�；蛘哂胘avascript寫一些特效小代碼。
web前端開發(fā)實訓心得體會 14
從開始的實習，讓我體驗到這個暑假回會過得更有意義，會特別漫長特別充實。的確學習是一個漫長的過程，學習要耐得住寂寞的抵住誘惑。
通過這次的實習，不僅讓我覺得我應該改變自己的'內(nèi)向，學會轉(zhuǎn)變與人主動交流，才能解決問題，讓我覺得設(shè)計還是不錯的，但是自己的專業(yè)真的很需要培養(yǎng)與加強，感覺到學校教的和自己學的遠遠不夠。而且在接下來的日子還要規(guī)劃好自己的未來，才能更好得在崗位上發(fā)揮自己的才能。
最后感謝av給我這么一個機會，留在公司實習，公司不僅需要各類型的人才，更需要一個有堅定和遠見的老板；感謝william，看過頭像和手機桌面，女兒很可愛，想必是個和藹的爸爸，從一開始便覺得他是個很會閱人的hr，但后來才知道是pm，不過沒有變的，總是耐心地培養(yǎng)我，給我很多資料和很多網(wǎng)站，提高自己的審美和用戶體驗感受；感謝mk，認真的時候很認真，玩的時候還像個大孩子。
喜歡和參數(shù)組交流時逗逗我，調(diào)劑我，這點我最喜歡了，因為有你們整個公司才顯得有活氣，沒有那么沉悶；感謝kevin，雖然接觸不多，感覺他很用心，是市場方面的主管，看的最多就是修空調(diào)，快遞要發(fā)票的`時候，會為公司的財政斤斤計較，到后來q總q總得叫我，真不好意思呢；感謝小楊，能夠和你愉快的合作。
如果可以我也想學jsp，后來小白走了，你又要一個人辛苦了；感謝aam，強硬的技術(shù)支持，我想沒有你這位核心人物為公司撐下一片藍天，可能我們這個產(chǎn)品就很難走下去了；謝謝一起在虎之翼公司里工作的所有工作人員。
我很喜歡你們，喜歡這樣的工作氛圍，謝謝你們。
web前端開發(fā)實訓心得體會 15
網(wǎng)絡成了我們獲取知識和信息的一種便捷工具，現(xiàn)在的網(wǎng)民也在不斷的增多，所以，了解和學習網(wǎng)絡知識是我們作為一名大學生迫切所需的，我利用寒假的時間，對網(wǎng)頁設(shè)計進行了初步的認識和了解，并基本掌握Dreamweaver的應用。
通過對網(wǎng)頁設(shè)計書籍的翻閱，我學習到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識，在實踐查閱資料時，對flash也有所了解。我還了解了一些基礎(chǔ)的網(wǎng)絡技術(shù)。通過學習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。在這個過程中，我同樣認識到網(wǎng)頁設(shè)計不是一門學科的獨秀，而是多種課程的綜合，他是、Flash、Fireworks等網(wǎng)頁軟件的綜合應用。
下面闡述一下我在翻閱《Dreamweaver》時的一些關(guān)于網(wǎng)頁設(shè)計的見解。在具體的制作一個網(wǎng)頁時我了解到一個優(yōu)秀的網(wǎng)頁設(shè)計應該具備一些基本原則。
首先，要·確定網(wǎng)頁設(shè)計的內(nèi)容一個優(yōu)秀的風站要有一個明確的主題。整個網(wǎng)站圍繞這個主題，也就是你在網(wǎng)頁設(shè)計之前要明確你這個網(wǎng)站有什么目的，用來做什么，所有頁面都是圍繞著這個內(nèi)容來制作，有了明確的內(nèi)容對排名有很重要的作用;其次，要了解你網(wǎng)站所在行業(yè)的客戶，及你的'網(wǎng)頁屬于哪個類別。用戶是一個網(wǎng)站成敗的關(guān)鍵，如果用戶要花很多時間進入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站，或者你網(wǎng)站操作很不方便用戶也會馬上離開，這種網(wǎng)站是很失敗的設(shè)計，只會讓用戶失望的離去。
在完成以上的基本內(nèi)容之后網(wǎng)頁的基本框架便成形成了。
下面要開始的便是優(yōu)化工作：
內(nèi)容是整個網(wǎng)頁的核心。在網(wǎng)頁設(shè)計之前必須明確網(wǎng)頁的內(nèi)容安排。優(yōu)秀網(wǎng)頁設(shè)計是要建立在平凡的基礎(chǔ)上的。然后在具體的規(guī)劃一個網(wǎng)頁時，可以用樹狀結(jié)構(gòu)先把每個頁面的內(nèi)容大綱列出來，尤其要制作一個大的網(wǎng)站 (有很多頁面) 的時候，特別需要把這個架構(gòu)規(guī)劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網(wǎng)站的架構(gòu)，很浪費時間和財力。大綱列出來后，還必須考慮每個頁面之間的鏈接關(guān)系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個網(wǎng)站優(yōu)劣的重要標志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內(nèi)容的發(fā)揮。框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發(fā)展打下良好的基礎(chǔ)。下一步，就以動手制作具體內(nèi)容了，題材選定，框架選定，接下來就開始往主頁里面填內(nèi)容。
如果是個人主頁，有能力的人完全可以靠自己來創(chuàng)作所有的內(nèi)容。大部分人的方法是：從報紙，雜志，光盤等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了。另外一個好的方法是從網(wǎng)絡上收集，您只要到搜索引擎上查找相應的關(guān)鍵字，就可以找到一大堆的資料。在準備材料的時候我們可以用一些小的動畫和動態(tài)圖片，F(xiàn)lash提供了功能齊全的繪圖和編輯圖形工具�？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。然后是開始正式制作主頁。通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設(shè)置;文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個簡單的網(wǎng)頁。
總體來說，通過這個假期對網(wǎng)頁設(shè)計的學習，有收獲也有遺憾。但是，我已經(jīng)邁入了網(wǎng)頁設(shè)計的大門，只要我再認真努力的去學習，在今后的閑余時間學習制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高，我堅信將來設(shè)計出的網(wǎng)頁會更加專業(yè)，更加華麗，使它最終成為自己的一項技能。
web前端開發(fā)實訓心得體會 16
不知不覺我學習整站網(wǎng)頁設(shè)計也有一段時間了，很高興我能在這計算機深入的社會里，學習到建設(shè)網(wǎng)站和網(wǎng)頁設(shè)計的一些知識。網(wǎng)絡成了我們獲取知識和信息的一種便捷工具，如今的生活，商業(yè)都已經(jīng)在網(wǎng)絡上如火如荼地開展，我認為，學習網(wǎng)絡知識，對于生活在網(wǎng)絡時代的我們還是很有必要的。接下來我想分享一下我的獨家網(wǎng)頁設(shè)計學習心得。希望能夠為正在學習網(wǎng)頁設(shè)計的你們也提供一點幫助。
學習網(wǎng)頁設(shè)計的過程中，我也成功制作了屬于自己的網(wǎng)站，通過這一次嘗試，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。我覺得，在設(shè)計網(wǎng)頁之前：
首先必須做到先確定網(wǎng)頁設(shè)計的內(nèi)容，因為一個優(yōu)秀的風站要有一個明確的主題，整個網(wǎng)站圍繞這個主題，也就是你在網(wǎng)頁設(shè)計之前要明確你這個網(wǎng)站有什么目的，用來做什么，所有頁面都是圍繞著這個內(nèi)容來制作，有了明確的'內(nèi)容對排名有很重要的作用。
其次自然是了解你網(wǎng)站所在行業(yè)的客戶。要知道用戶是一個網(wǎng)站成敗的關(guān)鍵，如果用戶要花很多時間進入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站，或者你網(wǎng)站操作很不方便用戶也會馬上離開，這種網(wǎng)站是很失敗的設(shè)計，只會讓用戶失望的離開。
我在這次設(shè)計網(wǎng)頁的過程中，終于體會到做一個網(wǎng)頁的主頁不是一件容易的事情，它包括個人主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。制作主頁要注意：
要想一個好的標題。標題在個人主頁中起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、有特色、簡短易記，不要符合自己主頁的主題和風格。
主頁中不光要有文字，還要適當?shù)丶右恍﹫D片。一張好的圖片可以勝過你的千言萬語。也能讓進入你網(wǎng)頁的人一目了然，產(chǎn)生興趣。
網(wǎng)頁頁面整體的排版設(shè)計也是不可忽略了，很重要的一個原則是合理也運用空間，讓自己的網(wǎng)頁井然有序，留下合適空間，會給人輕松的感覺。
當然在做這些內(nèi)容之前，是要找好資料的，我們可以從報紙，雜志，光盤等媒體中把相關(guān)的資料收集，再加上一定的編輯后就可以了。另外一個好的方法是從網(wǎng)絡上收集，您只要到搜索引擎上查找相應的關(guān)鍵字，就可以找到一大堆的資料。設(shè)計制作網(wǎng)頁我可以推薦一個不錯的軟件，那就是Dreamweaver。只需要用到此款軟件中的一些基本的功能：圖片插入和對齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個簡單的網(wǎng)頁。好了，網(wǎng)頁設(shè)計制作完畢后，最后一步就是要優(yōu)化網(wǎng)站了。
就我的觀點，我覺得個人認為網(wǎng)頁設(shè)計應該注重實用性，因為我們用它就是來互動的，所以我建議以簡單美為好，太多復制的圖片文字和頁面排版只會讓看的人感覺更不舒服，還有最后申明一下，我不是專業(yè)網(wǎng)站設(shè)計師，以上只是我對網(wǎng)頁設(shè)計學習的一些心得罷了。
web前端開發(fā)實訓心得體會 17
轉(zhuǎn)眼間，已到了期末，學習網(wǎng)頁設(shè)計這門課程也要結(jié)束了，雖然時間有點短，但是學過這個幾周以后我受益匪淺。
記得最初接觸dreamweaver的時候，我很茫然，因為剛接觸陌生的軟件心里會很害怕跟不上老師的進程。剛開始幾節(jié)課，老師講得比較基礎(chǔ)，還能跟得上，漸漸的老師授課的進程開始加速，有些跟不上了，需要下課后自己補上，問老師和周圍的同學。漸漸的，在老師的悉心教導下，我們開始熟悉這個軟件了。老師布置的第一個任務，要求做一個自己形象網(wǎng)站。由于學習的時間較短，老師只要求用PS做好模板即可，任務相對簡單。但也要求設(shè)計感強，色彩搭配和諧，并且盡可能的做成實用又符合實際的漂亮網(wǎng)頁。
第二個網(wǎng)頁設(shè)計老師要求相對較高，用dreamweaver做一個比較接近真實的網(wǎng)頁，還要做一個二級頁面。于是開始收集各方面的資料。確定了主題就開始布局了。最開始使用了一個表格，然后在表格內(nèi)進行拆分合并處理，接著就把通過ps處理出來一個版頭并且把修改過大小的圖片放進去了。
中間時預覽，問題出現(xiàn)了，發(fā)現(xiàn)版頭與下面的圖片文字之間出現(xiàn)了很大的一段距離，但是在軟件中已經(jīng)把距離縮小為0了，多次嘗試后沒有效果。最后想到可以另外再加一個表格，把版頭放在一個表格內(nèi)面，這樣問題就解決了。預覽是效果還不錯。但是總覺得首頁做得太普通，一次瀏覽學長做的網(wǎng)頁時，覺得他們的文字滾動窗口做得效果做得不錯，于是想借見一下。就決定把自己網(wǎng)站的左邊修改修改。復制了他的代碼，把上面的.內(nèi)容修改成我的網(wǎng)站需要的文字。本以為可以輕松的完成，但是卻出現(xiàn)大問題了。
因為需要滾動的文字占的空間太大，把左邊的那部分表格全部占滿了，而在實際的網(wǎng)頁預覽中，這個有文字滾動的框只占了左邊Oeasy教你玩轉(zhuǎn)網(wǎng)頁設(shè)計瀏覽的工具建站程序三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了很多方法，在網(wǎng)站查了很多資料，可能因為沒有專業(yè)術(shù)語作為搜索的關(guān)鍵詞，查不到任何相關(guān)的資料，試過div標簽，試過不停的拆分表格，最后還是沒有效果。就這樣試著試著，突然想到了層這個概念。于是在布局中點擊了繪制層，結(jié)果成功了，經(jīng)過一些加工，終于成功的完成左邊的布局。印象還比較深刻的是插入聲音，記得老師曾經(jīng)給我們講過很多次怎樣插入聲音，可是等到自己做網(wǎng)頁的時候卻忘記了，于是問其他人，結(jié)果居然都忘記了，于是自己在百度上收。
最后終于找到了一個可以使用的代碼，但是在加入聲音路徑時出現(xiàn)了問題。在屬性內(nèi)加入源文件，結(jié)果就是加不進去MP3的音樂文件，然后自己就嘗試加入了一個視頻，記下了路徑格式，然后照著這種格式寫下了指向聲音源文件的路徑，最后成功了。在設(shè)計過程中還出現(xiàn)了很多的問題，但通過看書，上網(wǎng)查詢，請教同學等方式，不斷的學習、解決、提高，設(shè)計出的網(wǎng)頁不論是外觀還是內(nèi)容，都在不斷的進步、改善。可以說在自己動手，不斷實踐的過程中，網(wǎng)頁設(shè)計水平得到了很大的提高。熱情和執(zhí)著，我將來設(shè)計出的網(wǎng)頁會更加專業(yè)，更完善。
web前端開發(fā)實訓心得體會 18
這兩個星期是我們的網(wǎng)頁設(shè)計實訓時間，這正是考驗我們實力的時候了。
經(jīng)過一個學期的網(wǎng)頁設(shè)計的學習，我們的專業(yè)基礎(chǔ)更加扎實了，我們對于自己的專業(yè)學習更加有信心了。一開始對于網(wǎng)站設(shè)計我是抱著好奇以及興趣認真地學習，剛開始接觸網(wǎng)頁設(shè)計會覺得很神奇，平時上網(wǎng)接觸到的網(wǎng)頁可以通過自己的努力來建成。一心想著設(shè)計一個美觀大氣的大網(wǎng)站，可以與其他網(wǎng)站媲美。對于我這種初學者，有這種天真的夢想促使我更努力。
平時老師授課，講解了有關(guān)網(wǎng)頁設(shè)計的理論知識以及實際操作的示范。網(wǎng)頁設(shè)計更著重于實際操作，我們在機房通過每次上課的學習運用，已經(jīng)有了一定的基礎(chǔ)。一開始我們都是看著別人的網(wǎng)站去模仿建設(shè)，到后來每個人在設(shè)計自己的網(wǎng)頁時都有自己的人個人風格，這就是網(wǎng)頁設(shè)計的樂趣。他不僅可以激發(fā)同學們的興趣，還可以把自己的風格更大膽地展示出來，是一個可以展示自己的空間，使我們更有成就感。
這兩個星期我們實訓課讓我們更清楚地認識到自己的建站水平。實訓任務是建立自己班級的網(wǎng)站，剛開始覺得兩個星期足夠我們?nèi)ソǔ梢粋�網(wǎng)站，但是我們都太高估我們自己了。一開始設(shè)計網(wǎng)站時不知道從何下手，之前老師上課講的知識一時不知道怎么靈活運用起來，我才發(fā)覺對我軟件功能的不太熟悉，除了基本的框架構(gòu)建，其他的設(shè)計都需要比較長的時間去思考以及翻查書本。但是同學們都很積極地向老師提問，把自己存在的問題一一的解決掉。雖然建立網(wǎng)站不是很順利，也只有這樣我們才可以正視自身，把平時半桶水的聽課方式給改掉。在這次的網(wǎng)站建設(shè)過程中，我發(fā)現(xiàn)自己對于知識不能靈活運用，不能巧妙地結(jié)合起來，對代碼的不熟悉，這更加是一個大問題。建站過程中會遇到代碼出錯，代碼位置寫錯之類的問題，當測試的時候出現(xiàn)了錯誤但是不能看懂出錯原因，只能靠網(wǎng)上搜索。因為對于這種程序的東西我會比較抗拒，從小就不喜歡思維性太強的學習，所以建站會遇到比較多這種問題，但是我只能積極去面對才能完成任務，畢竟這是我的專業(yè)，為了專業(yè)而專業(yè)，不能說不喜歡就不愿意去學，這次實訓我反省了自身的存在問題。我們建立網(wǎng)站的時候都發(fā)揮自己的創(chuàng)新力、想象力，用心地完成這個大項目。會遇到很多的問題，經(jīng)常因為一個細小的.步驟而出錯，做動態(tài)網(wǎng)頁的時候會遇到更多類似的問題，通常都會花費我很多時間來解決出錯原因。打個比方，我會一個上午都在弄留言板，因為不知道出錯原因，當請教老師或是同學的時候才恍然大悟，原來是這么簡單的。當然，最終可以解決困難我還是很欣慰的。
當我真正建立起自己的網(wǎng)站的時候，我看著自己的作品非常地興奮，這是我用心血完成的只屬于自己的網(wǎng)站，特別地欣慰。因為過程的困難，我更加珍惜自己第一次的作品，做每一步都會小心翼翼，就像母親生怕會失去自己的孩子一樣，我就是這樣的感受。
我可以說網(wǎng)頁設(shè)計給了我很大的收獲，我是用我的熱情去學習，也是用我的真心去設(shè)計，屬于自己的東西永遠是最美好的。網(wǎng)頁設(shè)計不是用嘴巴就可以設(shè)計的，更需要的我們的堅持、創(chuàng)新、用心，才能收獲更大的勝利。
web前端開發(fā)實訓心得體會 19
在學習網(wǎng)頁制作的這幾天里，我利用了學習之余的一切可利用的剩余時間，全心全意投入到網(wǎng)頁世界，去不斷的學習，去不斷的探索；同時去不斷的充實，去不斷的完善自己，在網(wǎng)絡的天空下逐漸的美化自己的人生！
做好主頁，并不是一件容易的事，它包括個人主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。
理論上的認識：
隨著Internet在中國的迅速發(fā)展，人們?nèi)粘Ｉ钪性絹碓蕉嗟厥褂眠@項新的技術(shù)來為自己的工作和學習服務。由于WEB頁面能把文本、圖像、聲音、動畫、視像等多種媒體信息集于一體，不但使信息的顯示更加生動，而且使信息的瀏覽更為方便，同時WEB頁能實現(xiàn)網(wǎng)上交易平臺、客戶信息反饋方便了企業(yè)與客戶之間信息交流，因此許多企業(yè)紛紛建設(shè)具有自己獨特風格的網(wǎng)站以增強企業(yè)知名度。
網(wǎng)頁藝術(shù)設(shè)計是伴隨著計算機互聯(lián)網(wǎng)絡的產(chǎn)生而形成的視聽設(shè)計新課題，是網(wǎng)頁設(shè)計者以所處時代所能獲取的技術(shù)和藝術(shù)經(jīng)驗為基礎(chǔ)，依照設(shè)計目的和要求自覺地對網(wǎng)頁的構(gòu)成元素進行藝術(shù)規(guī)劃的創(chuàng)造性思維活動，必然要成為設(shè)計藝術(shù)的重要組成部分，并隨著網(wǎng)絡技術(shù)的發(fā)展而發(fā)展。表面上看，它不過是關(guān)于網(wǎng)頁版式編排的技巧與方法，而實際上，它不僅是一種技能，更是藝術(shù)與技術(shù)的高度統(tǒng)一。
1、標題
在個人主頁中標題起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、簡短，有特色、容易記，還要符合自己主頁的主題和風格。
2、內(nèi)容的采集
選好標題后，開始采集內(nèi)容，內(nèi)容必須與標題相符，在采集內(nèi)容的過程中，應注重特色，所謂特色應該是有一些自己的東西。個人主頁中的特色，應該突出自己的個性，把自己的.興趣、愛好盡情地發(fā)揮出來，因為在網(wǎng)絡上不受限制。主頁就是在網(wǎng)絡上的一個小小家園，在那里，可以放上自己喜歡的任何東西，包括你自己平時喜歡一些文章，一些好聽的歌，一些好的動畫作品。
3、圖片
做個人主頁不能只用文字，必須在主頁上適當?shù)丶右恍﹫D片，增加可看性，俗話說"一圖勝千言"，我想不無道理，一張?zhí)幚淼煤玫膱D片不需要多做任何解釋，就能讓人一目了然，讓人去思考，去了解它。
4、網(wǎng)頁排版
網(wǎng)頁頁面整體的排版設(shè)計也是不可忽略的，很重要的一個原則是合理地運用空間，讓自己的網(wǎng)頁井井有條，留下必要的空白，人覺得很輕松。
5、特色
讓自己的網(wǎng)頁更有特色一些，可適當?shù)丶右恍┞曇簟討B(tài)網(wǎng)頁、Java、Applet。
實踐中的認識：
話雖是像上面這樣說的，但是真要做起來確是很難。做網(wǎng)頁設(shè)計不僅要從藝術(shù)的角度來考慮而且要從社會大眾的認可性來考慮。網(wǎng)頁設(shè)計必須要服從企業(yè)或部門的經(jīng)營理念來考慮。如果設(shè)計的作品很好看但是和企業(yè)不搭調(diào)那就等于白做。
以上就是我對網(wǎng)頁設(shè)計的認識和總結(jié)，雖然從理論上都知道如何去做，但是實際做起來很難�？偟膩碚f就是很難突破，很難超越自己。因此在以后的學習中要更加完善自己，突破自己。
web前端開發(fā)實訓心得體會 20
不知不覺，二個星期的《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程的實操即將過去，回顧這一段日子，真的令我體會很深，也學會很多東西，懂得很多以前不懂的東西，也明白了一些事情.
自從第一天接觸《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程，我以下定決心要把網(wǎng)頁這門課學好，做出一個優(yōu)秀的網(wǎng)站.所以我時刻沒有錯過任何學習的機會，無論在課堂上，還是在課外上.更何況這一次實操.回顧今次的實操我覺得我過得很充實，很有意義，因為我可以誠實的說我在實操沒有玩過一次游戲，我每時每刻都在設(shè)計網(wǎng)站，還記得晚上做網(wǎng)站做到一、二點，可能有人會說我傻，但正因為這個傻的行動，令我學會很多東西，學會別人不懂的東西，做出一個令自己滿意的網(wǎng)站，可能跟別人比還需要繼續(xù)完善，但我不會因為實操結(jié)束，就把網(wǎng)頁設(shè)計拋到九霄云外，我會繼續(xù)頁設(shè)計技術(shù)，把它變?yōu)樽约旱囊豁椞亻L。
回顧第一天的《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程實操，老師叫我們繼續(xù)完善以前設(shè)計的網(wǎng)站，做出留言板、注冊的功能。我很快就完成了，但可能我是一個追求完善的人，所以盡管一個網(wǎng)站做好可以馬上交給老師。但我做出一個別人都不贊同的決定，從頭開始做一個網(wǎng)站。因為我覺得以前那個真的不是太好，盡管實操的時間過去了一半，盡管別人對我說你交原來這個不就行了嗎！何必再做一個呢？但真因為我的執(zhí)著，追求成功，追求完善的人，才會使我今天交出一個令自己滿足的答卷。
在制作個人網(wǎng)站時我們首先：
一、必需進行個人網(wǎng)站前臺功能設(shè)計
包括個人網(wǎng)站主題的確定，前臺功能設(shè)計與管理、個人網(wǎng)站主頁設(shè)計、個人網(wǎng)站留言板、注冊、忘記密碼、搜索等網(wǎng)頁設(shè)計與管理。
二、對個人網(wǎng)站后臺管理功能設(shè)計
包括個人網(wǎng)站后臺管理功能的設(shè)計、后臺管理信息系統(tǒng)功能的設(shè)計、后臺系統(tǒng)權(quán)限管理、后臺文件管理、個人網(wǎng)站后臺管理系統(tǒng)主頁設(shè)計。
三、網(wǎng)站的發(fā)布
通常我們發(fā)布一個網(wǎng)站可能以能過域名注冊，但我們也可以利用自己主機，裝了iis別人就可以通過我的ip地址來訪問我的主頁。第一次做的那個網(wǎng)頁我已經(jīng)發(fā)布在上網(wǎng)了。
四、個人網(wǎng)站推廣
一個網(wǎng)站做好了，就要對個人網(wǎng)站進行推廣，這是一個電子商務網(wǎng)站必需做得的一步，因為如果你不對你的網(wǎng)站進行推廣，就算你發(fā)布了也沒有人會知道的。
在設(shè)計這個網(wǎng)站時真的體會很多東西，從一開始網(wǎng)頁主題的確定，到主頁總體的設(shè)計、搜集資料、前臺功能設(shè)計與管理、后臺功能設(shè)計與管理、每個分頁面的設(shè)計等。我都一一進行了規(guī)劃，因為如果你不規(guī)劃好，想做什么就做什么，是不會做得好的。因我為體會到這一句話：“機會中屬于有準備的人”。我詳細到一個表格寬度都一一列明。例如：775寬度，分三欄，每一欄占多少。因為我深深懂得“細微處才見真功夫”。
在這次實操過程中令我印象最深的是做留言板，因為剛好在上一個星期sql數(shù)據(jù)庫實操做過了，所以今次在做就比較輕松，但我以前是經(jīng)過一個比較長的練習，做完了n次，可能有人會想，肯定是不會才做這么多次啦！但我想告訴這位同學我每次做得都不是不同的方法。第一次我用的是access數(shù)據(jù)庫，第二次我用的`是sql數(shù)據(jù)庫加權(quán)限管理，第三次我用的是數(shù)據(jù)源名稱的連接，第四次我用的是自定義連接字符串，第五次……每一次用的方法都是不同的，可能有人會說我傻，會一種方法就行了，還要那么多嗎？但我想說的就是不是這么多次的練習，不是之么多次不同的方法，也就不會造就出今天熟能生巧的我，也不會對同學提出的問題解決到，也不會輕松教會同學，因為你自己首先學會，學通，學廣，才能把問題一一的解決。
令我難以忘懷的鏡頭也是在做留言板的時候，但不是為我自己的而做，而是一步一步教同學做，直到令同學學懂；把同學留言板的問題一一解決；當同學因為做不出而沒心情，過去對她進行鼓勵的，然后一一解決；當自己也不會，與同學共同研究的情況，這種學習氛圍是最難得的，就是在做留言板的時候，令我深深體會到我?guī)拙湓挘赫J真做事只是把事情做對，用心做事才能把事情做好。把每一件簡單的事情做好就是不簡單，把第一件平凡的事情做好就是不平凡。
web前端開發(fā)實訓心得體會 21
不知不覺，我已經(jīng)學習《網(wǎng)頁設(shè)計與制作》這門課程一個學期了，雖然時間有點短，但這一個學期以后我卻受益匪淺，不僅讓我全面的、系統(tǒng)的學會了頁設(shè)計與制作的基礎(chǔ)知識，還讓我學會了自己動手去制作屬于自己的網(wǎng)頁，這對于我來說是很值得高興的，能讓我在以后的工作生活中更好的展現(xiàn)自己。
建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設(shè)計出一個滿意的網(wǎng)站。 首先，我們要確立網(wǎng)站主題。網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于像我這樣的個人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個能力，也沒這個精力。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。
然后，我們要找材料。明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。
找到材料后，我們還要規(guī)劃網(wǎng)站。一個網(wǎng)站設(shè)計得成功與否，很大程度上決定于設(shè)計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣，圖紙設(shè)計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的'設(shè)置、網(wǎng)站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容，我們在下面會有詳細介紹。
做好以上三步之后，我們就要選擇合適的制作工具。 盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，在這里，我們一般都是用有“網(wǎng)絡三劍客”之稱的Dreamweaver、Fireworks、flash來制作網(wǎng)頁 ，對于圖片部分的處理，個人覺得Photoshop比較好用。
最后，我們就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。 網(wǎng)頁做好之后，就要發(fā)布到Web服務器上，才能夠讓全世界的朋友觀看，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它。
以上就是我對于網(wǎng)頁制作的一些個人心得，由于本人的技術(shù)還不是很成熟，還存在很多的不足（如：背景過于單調(diào)和網(wǎng)頁布置不合理）。選擇學習這門課是很正確的選擇，雖然在以后不會再有機會去上了，但我還是會通過各種方式繼續(xù)頁設(shè)計和制作的，同時很感謝帶我入門的徐兵老師，讓我有機會去學習有關(guān)網(wǎng)頁的知識，謝謝！
web前端開發(fā)實訓心得體會 22
一連上了兩個星期的頁實訓課，可以說學到很多以前沒有學到的東西。雖然在大一的時候我們的專業(yè)出開設(shè)了頁設(shè)計課，但感覺這兩個星期學到的遠遠比以前學一個學期的要多，要豐富。
每一天都有新的內(nèi)容要學，讓人感覺很興奮，很高興，恨不得馬上就把它給學會。通過這次實訓使我更熟練掌握dreamweaver、 flash 、fireworks 、photoshop等軟件的功能和應用。不但如此，更增加了同學間的友誼，陪養(yǎng)了彼此間的團結(jié)。
在這期間，每一天老師都會發(fā)一些素材和實訓給我們，首先是頁素材的準備，在上查看一些頁背景和背景顏色搭配，讓我了解到頁的'顏色不能多過3種色彩。接下來的幾天再結(jié)合自己的頁來進行策劃，在做首頁之前，先用圖紙把頁的結(jié)構(gòu)畫出來，內(nèi)容和結(jié)構(gòu)都想清楚用fireworks把頁設(shè)計出來，再切割圖片，把它們導成html格式在dreamweaver中進行進一步的編輯。
我們的站主要是圍繞宿舍而展開的一串活動、人物等，宿舍給我們一種很溫馨、很快樂的感覺，所以我們決定將這次的頁名叫funny room。主題確定了，那么分工出就明確了，我們組有三個人，兩個人負責找素材，另一個美術(shù)的就負責頁的頁面設(shè)計，但是我們始終不是學美術(shù)方面的，所以色彩方面搭配的不是很，后來采用了色彩比較清新自然的綠色來作為首頁的主色調(diào)，讓人第一眼看上去就有難忘的感覺。而從第二頁開始就采用粉色為主色調(diào)，讓人可以感受到我們的主題，因為首頁和其它的顏色不一樣，所以我們就把首頁當作是過渡頁，第二頁開始才是頁的內(nèi)容。為了增加頁的新鮮感和活潑感，還適當在添加一些透明flash和一些頁特效。在這實訓的時間里面，我們分工合作，共同努力，對頁反復調(diào)試和修改，特別是對于fireworks軟件不那么熟悉，有很多的實例都要看過老師的演示才會明白，不過這也恰恰讓我學到更多。雖然中途難不免會有因為意見的不合而發(fā)生一些小小的爭吵，但我覺得不影響我們的頁設(shè)計，反而會因為這些不同的意見而重新學到更多的知識。
web前端開發(fā)實訓心得體會 23
作為一個以前從來沒有接觸過互聯(lián)網(wǎng)產(chǎn)品設(shè)計的菜鳥級產(chǎn)品設(shè)計人員，在沒有人指導，只能自己摸索的情況下設(shè)計出并和技術(shù)與美工培訓和將網(wǎng)站做出來，其中的艱辛只能自己體會。不過，雖然過程艱辛，但自己的收獲頗大。一直以來希望能夠轉(zhuǎn)型做互聯(lián)網(wǎng)的產(chǎn)品，但總是沒有機會。這次公司網(wǎng)站的策劃及設(shè)計給了自己很好的學習和實踐機會。在這斷斷續(xù)續(xù)的七個月中，自己對于網(wǎng)站的策劃和設(shè)計有了一定的認識，也通過實踐的對照，對過去自己看過的產(chǎn)品設(shè)計和產(chǎn)品經(jīng)理書籍中的理論有了更加深刻的理解。
在此，將在網(wǎng)站設(shè)計過程中的一些心得總結(jié)如下。雖然對于已經(jīng)身為產(chǎn)品經(jīng)理的人可能沒有用處。但，我想，可能對于那些想要入行，或者希望在自己的公司內(nèi)部轉(zhuǎn)入產(chǎn)品行業(yè)的人來說，可能多少有一點點用。
1、要注意網(wǎng)站的定位
任何一個公司或單位，要設(shè)計一個網(wǎng)站，都必然有其核心定位，即這個網(wǎng)站設(shè)計出來要干什么。這一點對網(wǎng)站的設(shè)計具有決定性的影響。如果不能將網(wǎng)站的定位把握好，作為一個設(shè)計人員，其工作往往會是無功而返。因此，在網(wǎng)站策劃階段，產(chǎn)品設(shè)計人員必須多和上層溝通，甚至多和領(lǐng)導爭辯，通過溝通和爭辯來明晰公司對網(wǎng)站的定位。同時，也可以讓領(lǐng)導對網(wǎng)站的定位更加明晰。只有完成了這一項，其余的策劃和設(shè)計工作才應該繼續(xù)進行。
2、要了解用戶
產(chǎn)品經(jīng)理或產(chǎn)品設(shè)計人員很容易將自己作為用戶來判斷產(chǎn)品的功能或體驗是否好用，但現(xiàn)實的情況是大部分用戶很可能與產(chǎn)品經(jīng)理所屬的人群差距很大。比如，在網(wǎng)站設(shè)計過程中，發(fā)現(xiàn)本網(wǎng)站的使用人群中竟然有不知道如何注冊網(wǎng)站的人，這這真是出乎意料。但這就是現(xiàn)實。所以，在產(chǎn)品設(shè)計的過程中，不能以自己為中心，把自己當做用戶。事實上，很多用戶的互聯(lián)網(wǎng)水平真得沒有達到我們的水平。
3、明確、牢記目的和需求
網(wǎng)站的定位明確后，接下來要明確的是網(wǎng)站設(shè)計的目的和要滿足的需求。即：網(wǎng)站整體設(shè)計完成要達成什么目的，每個模塊設(shè)計完成要達成什么目的。從另一個層面來講，也就是，網(wǎng)站整體要滿足用戶什么需求，每個模塊又要滿足用戶什么需求。同時，在網(wǎng)站的設(shè)計過程中，要一直將目的和需求牢記心中，不斷地對照當前的設(shè)計是否能夠達到目的或滿足用戶需求。在設(shè)計過程中不斷修改不斷調(diào)整最終導致偏離目的和需求的情況屢見不鮮。
4、保持簡潔
為什么要簡潔?因為，無論是設(shè)計一個網(wǎng)站，還是設(shè)計一個其他的產(chǎn)品，都不可能一步到位。尤其在人力物力時間等資源有限的情況下，更是不可能一次性滿足所需求，達成所有目的。因此，在這種情況下，為了確保核心目標和需求的達成，只能也必須優(yōu)先保證核心功能的完成，只上核心模塊或功能。同時，在產(chǎn)品設(shè)計的過程中，也要不斷地向同事和領(lǐng)導灌輸這種意識。否則，需求無止境，網(wǎng)站永遠難以完成上線。
5、注意細節(jié)
這次的網(wǎng)站設(shè)計師自己第一次設(shè)計網(wǎng)站。因此，在設(shè)計網(wǎng)站的過程中自然而然地非常關(guān)注網(wǎng)站的整個架構(gòu)，什么模塊放什么地方，模塊之間如何相互聯(lián)系等等。但網(wǎng)站最終出來的結(jié)果展示了殘忍的一面。由于在細節(jié)上把握不夠，網(wǎng)站的.設(shè)計和實現(xiàn)結(jié)果和想象中出入很大，甚至一些格式、排版上的問題都出現(xiàn)在了網(wǎng)站的各個地方。自然，最終的結(jié)果就是網(wǎng)站成品與原始設(shè)計相差甚遠。因此，在產(chǎn)品設(shè)計的過程中，作為設(shè)計人員，一定不能小看細節(jié)。一定要將細節(jié)想細致，沒有細節(jié)餓網(wǎng)站很容易出問題。
6、注重邏輯性
網(wǎng)站的設(shè)計過程中，必須要注意邏輯判斷。對于輸入信息或注冊流程中的每一個環(huán)節(jié)的每一種狀態(tài)都要考慮到。舉一個最簡單的例子，一個輸入框輸入數(shù)據(jù)，有正確的輸入、必然有錯誤的輸入，也必然有空輸入。那么，每種狀態(tài)下系統(tǒng)都要考慮到，也都要有相應的反應。
7、流程圖很重要。
說到邏輯性，就不能不談流程圖。作為梳理邏輯的工具，流程圖非常重要。它不但可以幫助我們梳理每隔一環(huán)節(jié)的不同狀態(tài)，更可以幫助我們和技術(shù)進行溝通，確保技術(shù)對核心流程的把握。雖然每個技術(shù)的邏輯能力都不錯，但在編程的過程中不可能次次幫我們想到邏輯的不合理處。因此，一個合格的流程圖就非常重要了。
8、沒想清楚的事情不錯
即使是一個非常小的網(wǎng)站，也是一個系統(tǒng)，如果需要添加功能或模塊，就需要考慮到方方面面的變動，是一個比較復雜的過程。而若是一個較大的網(wǎng)站，那需要考慮的方面就更多了。因此，在設(shè)計過程中要本著一個原則：如果一個功能或模塊沒有想清楚為什么添加，有什么用處，那就不要無謂地添加這類功能或模塊。除了增加技術(shù)人員和設(shè)計人員的工作量、增加網(wǎng)站的復雜程度外，基本沒有啥好處。
9、一定要評審
評審對于所有的產(chǎn)品設(shè)計人員來說都是一場“噩夢”。但是評審可不可以省略呢?不可以。一方面，我們需要通過評審讓大家認可自己的設(shè)計。如果對我們的設(shè)計不認可，那么在真正執(zhí)行過程中便會有更多的障礙。另一方面，我們需要通過評審收集意見，查漏補缺，找到我們沒有注意到的地方。不過，在評審過程中，我們也一定要做好心理準備，畢竟，讓一大堆人說你設(shè)計的這不行那也不行，心里是絕對不會好受的。唯一能夠減少這種情況出現(xiàn)的方法，也許就是盡可能細致地想到各個方面，有充足的理由來說服對方。
10、一定要寫產(chǎn)品需求文檔。
在自己設(shè)計網(wǎng)站之前，看過一些產(chǎn)品經(jīng)理方面的書，每本書里都介紹到了產(chǎn)品需求文檔的撰寫，可見產(chǎn)品需求文檔的重要性。但說來奇怪，在自己真正做網(wǎng)站時，由于團隊里人很少，所以自己竟然認為不需要寫產(chǎn)品需求文檔，認為只要當面溝通就可以了。但事實是，沒有需求文檔，很多細節(jié)的東西，自己設(shè)計的時候哦想得很好，但過段時間卻模糊了，結(jié)果技術(shù)人員詢問時只能憑感覺給出解決方案。當然，結(jié)果可想而知，出現(xiàn)了很多不應該出現(xiàn)的問題和BUG。這些問題和BUG讓我真正體會到了產(chǎn)品需求文檔的重要性。
11、要懂得妥協(xié)和聽取意見。
在產(chǎn)品設(shè)計過程中，經(jīng)常會出現(xiàn)一種情況：產(chǎn)品設(shè)計人員或產(chǎn)品經(jīng)理苦思冥想找到一種解決方案或展現(xiàn)形式，可以上級領(lǐng)導或公司管理層不認可。這種情況下，我們常常會因為“自家孩子就是好”的心理而忽略他人的意見，或者堅決不妥協(xié)、不接納他人意見。這樣做非常不利于我們工作的推進。因此，在這種時候，產(chǎn)品人員一要沉下心來，耐心聽取別人的意見，看看是否有可取之處。而是要懂得妥協(xié)，不在非常細節(jié)的地方和領(lǐng)導層較勁，阻礙工作的推進。
12、要堅定，更要執(zhí)行。
當然，在產(chǎn)品設(shè)計過程中，也會出現(xiàn)這種情況：我們認為某個功能非常重要，可上級認為不需要，要砍掉;或者，我們認為一個功能或模塊完全沒必要展現(xiàn)，可上級堅持要求添加。這種不可調(diào)和的矛盾怎么處理呢?我的建議是：要堅定，更要執(zhí)行。首先，我們要堅定我們的想法和做法，盡量通過種.種方法去說服上級。只要我們的說法和做法有道理，上級應該會同意我們的做法。其次，如果無法說服上級，那么，一旦上級決定如何做，我們則堅決執(zhí)行。雖然我們常說產(chǎn)品是為客戶設(shè)計的，但很多時候，產(chǎn)品也是為老板設(shè)計的。
13、要抱著做完美產(chǎn)品的心態(tài)去設(shè)計產(chǎn)品。
看過很多產(chǎn)品類的書籍，都說完美主義要不得。在這點上，我也同意。但是，從另一個層面來講，在產(chǎn)品設(shè)計或構(gòu)思的過程中，一定要保證做完美產(chǎn)品的心態(tài)去設(shè)計。因為，很多時候，即使完美的設(shè)計，在通過執(zhí)行的種.種換屆后，也可能變得慘不忍睹，或者最終也就是成為一個及格產(chǎn)品。而如果我們抱著湊乎的心態(tài)來設(shè)計產(chǎn)品，那做出來的東西可能真的就沒辦法用了。
14、要相信自己的直覺
在產(chǎn)品設(shè)計或制作的過程中，可能常常會有這種感覺：“好像哪兒不對呀�！币晕业慕�(jīng)驗來說，這種感覺的出現(xiàn)往往是自己忘掉了一些地方或做的東西中有錯誤，潛意識在提醒我們。所以，在這種情況下，一定要相信自己的直覺，來對相應的模塊或功能進行審查，找出不合理的地方進行修改或彌補。
15、要看鍋下菜
現(xiàn)實里，每個公司的資源都是有限的。而做一個網(wǎng)站也好，做一個產(chǎn)品也好，公司能夠提供的資源也是有限的。因此，作為產(chǎn)品經(jīng)理或設(shè)計人員，一定要有現(xiàn)實感。要知道在現(xiàn)有資源情況下，能夠做到什么程度。比如：不要指望一個拿3000塊工資的美工設(shè)計出一流的頁面，也不要指望一個臨時來幫忙上傳資料的同事能夠一步到位地將資料的格式調(diào)整到最好的狀態(tài)，更不要指望剛畢業(yè)的程序員能夠迅速地解決你所提出的BUG。一句話，不要指望同事做出超過其能力以外的事情，不要指望公司提供超出其能力范圍外的資源。
16、永遠不要偷懶。
最后一條，永遠不要偷懶。我的感受是，偷懶絕對會讓我們在后期多花費更多的時間和精力。不要因為自己懶不想寫產(chǎn)品需求文檔就隨便弄個原型給技術(shù)，那樣后期會讓你有無窮BUG去修改;不要因為自己懶或時間緊急就不做評審，否則，一旦領(lǐng)導層看到設(shè)計沒有滿足其要求，你可能得重頭再來;不要技術(shù)改了BUG你就天真地相信一定是沒問題了，一定要自己確認，否則，過兩天就會有人找你問為什么BUG沒有修改。今天的偷懶往往需要明天的雙倍甚至多倍付出。
web前端開發(fā)實訓心得體會 24
個人網(wǎng)站的設(shè)計需要有以下幾個步驟：
一、要進行個人網(wǎng)站前臺功能設(shè)計
包括個人網(wǎng)站主題確定、前臺功能設(shè)計與管理、個人網(wǎng)站首頁設(shè)計、個人網(wǎng)站留言板、注冊、忘記密碼、搜索等網(wǎng)頁設(shè)計與管理。
二、個人網(wǎng)站后臺管理功能設(shè)計
包括個人網(wǎng)站后臺管理功能設(shè)計，后臺管理信息系統(tǒng)功能設(shè)計，后臺系統(tǒng)權(quán)限管理，后臺文件管理，個人網(wǎng)站后臺管理系統(tǒng)主頁設(shè)計。
三、網(wǎng)站發(fā)布
通常我們發(fā)布一個網(wǎng)站，這樣我們可以注冊域名，但我們也可以利用主機和安裝iis，這樣其他人可以通過“我的IP”地址訪問“我的主頁”。
四、個人網(wǎng)站推廣
一個網(wǎng)站做好了，就有必要推廣一下個人網(wǎng)站，這是一個電子商務網(wǎng)站必須做的一步，因為如果你不推廣你的網(wǎng)站，即使你發(fā)布了也沒有人會知道。
在設(shè)計網(wǎng)站時真的可以體會很多東西，從一開始確定頁面的`主題，到整個主頁的設(shè)計，信息的收集，前臺功能的設(shè)計與管理，后臺功能的設(shè)計與管理，每一個頁面的表面設(shè)計。我把它們都一一進行規(guī)劃，因為如果你不好好規(guī)劃，想做什么就做什么，你是做不好的。因為我意識到這句話：“機會是屬于那些有準備的人”。我詳細到一個表的寬度都一一列出來。例如：775寬，分成三欄，每欄占多少。因為我深知“細微之處才見真功夫”。
給我最深印象的是留言板，因為之前SQL數(shù)據(jù)庫實際鍛煉做過了，所以這次做相對容易，但我經(jīng)過長時間的練習，完成了n次，有些人可能會認為，肯定是不會才做很多次！但我想告訴這些人，我每次做都是用不同的方法。第一次使用access數(shù)據(jù)庫，第二次使用SQL數(shù)據(jù)庫+權(quán)限管理，第三次使用數(shù)據(jù)源名稱的連接。每次用的方法都不一樣。
可能會有人說我笨，有方法就行了，要那么多干嘛？但我想說的是，沒有這么多次練習，就不會有這么多不同的方法，不會創(chuàng)造今天熟能生巧的我。方法，只有你自己先學會，才會學通、學廣。
web前端開發(fā)實訓心得體會 25
作為本學期的第十三周，我們電子商務0901班由此開始了為期兩周的網(wǎng)頁設(shè)計與制作實訓課程，雖然我們實訓的內(nèi)容不多，但通過同學之間的互相幫助與交流以及老師的精心指導，我們大家依然收獲很多。
這一周里，可以說實訓的內(nèi)容不難，但每天都有不同的東西需要學習，讓人感到很高興，大家都希望能夠通過自己的努力可以多掌握一點本專業(yè)的東西，總的來說，我們通過對“飄舞的雪花”及“倒影”的練習制作，已經(jīng)熟練的掌握了flash的一些簡單操作和應用，不但如此，更增加了同學間的友誼，陪養(yǎng)了彼此間的團結(jié)。
實訓期間，老師會根據(jù)我們的練習程度發(fā)一些素材和視頻實訓給我們，由此我了解到了網(wǎng)頁設(shè)計與制作的一些程序和步驟，知道了怎么處理圖片透明以及遮罩層的運用，知道了flash基本操作的步驟，為了增加動畫的`美感和活潑感，還適當在添加一些透明flash和一些網(wǎng)頁特效。在實訓的時間里面，我們大家一起合作，共同努力，對網(wǎng)頁設(shè)計有了更進一步的認識，并且對這門課程越發(fā)的感興趣，從剛開始的好奇進而想要去更深層次的了解。
這一周的實訓課程已然結(jié)束，flash制作讓我受益匪淺，我們知道了很多，也進步了很多，很快就要進入下一周的實訓了，雖然還不知道具體的有什么內(nèi)容，但通過這一周的學習，下一周，我想也很值得期待。希望能夠?qū)W到更多的東西，充實自己的頭腦，豐富自己的知識。
【web前端開發(fā)實訓心得體會】相關(guān)文章：
web實訓報告09-30
web實訓心得體會07-29
Web前端開發(fā)個人簡歷范文03-28
web前端開發(fā)工程師的具體職責09-13
中級web前端開發(fā)工程師的職責11-23
web實訓心得體會最新10-20
web前端心得體會03-24