- 相關推薦
web前端設計實訓心得（通用12篇）
當我們受到啟發(fā)，對生活有了新的感悟時，應該馬上記錄下來，寫一篇心得體會，這樣可以不斷更新自己的想法。到底應如何寫心得體會呢？下面是小編幫大家整理的web前端設計實訓心得，歡迎閱讀，希望大家能夠喜歡。
web前端設計實訓心得 1
仔細想來，在Web前端開發(fā)方向實習已經(jīng)一年多了，從最初的DIV+CSS學起，到JavaScript、jQuery、Bootstrap框架等等，前端要學習的東西很多。接下來就總結一下我在學習過程中的一些經(jīng)驗吧。
第一、學好基礎知識，做一個基礎扎實的開發(fā)者。在IT行業(yè)，每年都會有很多新的技術誕生并且得到廣泛的推廣，前端技術也不例外。所以無論學到多深的程度，扎實的基本功肯定是必不可少的。
�。�1）HTML：盡量掌握盡可能多的標簽。必須掌握的標簽有等，這些雖然平時比較少用甚至幾乎不用，但是當你學到Boostrap框架時，你會發(fā)現(xiàn)Boostrap框架為這些標簽賦予了特定的功能與外觀。除此之外，新增了很多標簽和屬性，使得HTML語言更加強大。還有很多新的內容，需要初學者更多的接觸并掌握。
�。�2）CSS：對各個屬性以及一些屬性之間結合使用的技巧應該多鉆研。CSS能夠統(tǒng)一有效地對頁面的布局、字體等網(wǎng)頁中的各個元素顯示屬性進行控制，可以方便快捷地實現(xiàn)精美的.頁面表現(xiàn)效果。你會用CSS技術的使用技巧解決下列問題嗎？清除浮動有哪些方式？比較好的方式是哪一種？當容器中具有浮動元素時，如何為容器設置邊框或背景顏色？怎樣讓塊級元素在容器中水平居中？當多個連續(xù)塊級元素的浮動布局影響了原本不想浮動的對象時該如何處理？容器內部的對象如何實現(xiàn)相對于容器的自由定位？為什么要初始化CSS樣式？
�。�3）CSS+div布局模式：許多布局模式的基礎，也是大部分前端開發(fā)人員接觸到的第一種布局方式。這種布局模式對于PC端頁面的設計是非常有幫助的，同時對于后面將會遇到的“移動端布局”、“響應式布局”等，這種布局方式都具有一定的指導意義。
第二、將JavaScript作為前端學習的重點。JavaScript是目前大多數(shù)主流瀏覽器支持的面向對象的腳本語言，它可以在不與服務器交互的前提下對HTML的頁面內容進行修改。JavaScript控制著網(wǎng)頁的行為，決定著網(wǎng)頁“做什么”。系統(tǒng)學習過JavaScript的同學們，你看看下列問題你能準確的找到答案嗎？通過表達式來系統(tǒng)闡述“==”和“===”這兩個運算符的區(qū)別。把某個元素移除你的視線的方法有哪些？你對JSON了解嗎？通過哪個函數(shù)可以判斷從文本框中獲取的內容是不是數(shù)字？DOM操作——怎樣添加、移除、移動、復制、創(chuàng)建和查找節(jié)點？怎樣判斷是否為整數(shù)？運算符都能刪除哪些內容？在腳本中，this有幾種使用情況呢？
第三、多練習多操作，實踐是檢驗真理的唯一標準。IT編程是需要多加實踐的，要不斷反復進行上機操作，是學習編程開發(fā)的唯一方法。
這些問題的答案就是我的實習心得，經(jīng)過這段時間的實習，我覺得自己可以獨當一面，當一個web前端工程師了呢。
web前端設計實訓心得 2
第一部分：HTML的學習
其實HTML的四天學習的話，重要的就是一個標記的學習，這大概是學習一門語言最基礎的一部分吧。但是也不是說背一背就解決問題的，選擇IT，程序員這一方面，只要多練習，多敲代碼感覺就好了，所以熟練的使用這些標記其實不是很大的問題，對自己來說，比較難的是一個表格和框架，也許會有人說，表格有什么難的，就行列的問題啊，但是不知道為什么，在學習的那幾天對于表格的學習和接受能力都沒有別的那么好，表格的整體框架能搭出來，但是就是對于表格的美化總做不到自己心里所預期的那樣。其實練習的話也是挺多的，對于表格的網(wǎng)頁練習做了應該也有一二十個的，但是就是沒那么理想，所以這方面的話也是需要自己多加練習和修正的，因為表格的用處還是挺大的。HTML的學習方面還有框架和表單，框架的話，就是一個網(wǎng)頁的主體了，網(wǎng)頁的大致形式基本上從你的框架結構就可以知道的，學習框架，重要的就是網(wǎng)頁的'布局如何劃分，然后利用框架的嵌套，浮動就可以解決的，學習過程也不會是很大的難度。
想想HTML還學了些什么呢？表單！表單對前端開發(fā)來說還是挺高的，因為我們能在一個網(wǎng)頁中看到很多的表單應用。包括用戶的注冊啦，密碼驗證啦，還有搜索欄之類的，幾乎全是表單的應用。表單學習比較重要的地方應該就是那十來個表單控件的應用，這些表單控件進一步區(qū)分的話還有就是單邊標記和雙邊標的的表單控件，因為很多單邊標記的表單，他的值一般只能是存在value當中，如果不注意的話，很多時候我們會忘記寫上這個value。這個階段的表單感覺并不是那么難，當然，學到后面的JS之后，相對于表單驗證之類的才感覺難了很多。
第二部分：CSS學習
對我來說，CSS課程雖然只有三天，但是卻是更應該學好的一個模塊。因為我們都知道，其實一個網(wǎng)站的WEB前端，就是用
加CSS來寫的，不是用之前的表格來寫的，足以見得CSS的重要性。CSS就是網(wǎng)頁樣式，一個網(wǎng)頁的整體美感，在你確定了框架之后，就看你的CSS樣式的添加了，所以一直以來都很想把CSS學好。記得CSS學習的那幾天，自己的消化還是很好的，自己去獨立完成練習的時候也是沒有太大難度的，但是不知道是為什么，到后面學習JS JQ的時候，操作CSS時居然會吧CSS和HTML弄的有點混淆，這一點一直沒做好。CSS的學習還有一個地方就是浮動，因為存在塊元素和行輩元素，塊元素因為其本身特性，一個塊元素標記他要占用一整行的空間，而一個行內元素他只能占用行內的一些空間，但是在實際操作中，很多時候我們卻要想將多個塊元素排在同一行，或者將多個行內元素排在不同行，這時候就可以使用浮動的方法來實現(xiàn)，浮動最主要做的就是這個，唯一要記住的一點就是做了浮動之后，如果他的父元素是沒有進行匡高的設定的話，是不是要進行清除浮動，防止下面的操作也是有浮動的。
第三部分：重點學習JS
JS是相對于這整個月學習的重點吧，也是很多人沒辦法很好接觸的地方，當然，自己在這里的學習也是有不足的地方。像一些對屬性的操作的標記之類，懂得怎么用，但是不是很熟悉，所以經(jīng)常在操作的時候要去查手冊。學的最不好的一個地方應該是將數(shù)組中的元素按照一定的規(guī)則或者順序添加到指定或對應的表格中，這中題型是自己做的比較少的，也是掌握很不好的地方，所以也希望用放假的這幾天好好練習一下，不能拖到下一個階段去。個人對JS的理解其實就是大量算法的集合，因為很多時候你都會用到函數(shù)，只是多了一些找元素和對元素綁定標記的過程，最重要的還是構造函數(shù)，調用函數(shù)的過程！
第四部分：JQ及Bootstrap
對于JQ和Bootstrap的學習來說，其實就是一個應用的過程吧，所有的函數(shù)都幫你寫好了，你只需要學會調用就好了的。當然。調用他，其實對于JQ來說，學習的過程沒有具備很大的難度，只是嘗試著去多寫寫，寫兩三次基本就記住怎么用了。最后還有一天的Bootstrap學習，寫過一些案例，只要會改，基本沒有太大的難度。
后續(xù)：其實對于WEB前端的學習的話重要的就是多用，很多東西我們上課聽得時候其實都基本聽得懂，但是更重要的是在于你課后的練習，離開了老師的一個思維引導，我們該怎樣去完成項目才是我們該學會的。這一個月的學習難度系數(shù)都不是很高。但卻是一個比較繁雜的過程，因為作為前端來說，我們需要不斷的優(yōu)化，不斷的修正，美化整個頁面。不管是前端還是后端，都希望自己能好好學！
web前端設計實訓心得 3
進入web班近一個月了，從一無所知的小白到現(xiàn)在也完成了京東詳情頁的一個小項目。學習過程中除了偶爾遇到困難，總體還算順利。在這里主要想分享自己以一個文科生——零基礎學員的角度來學習web前端開發(fā)的感受。
由于之前在大學里是學的旅游專業(yè)，和計算機毫無關系，來到XX時對自己有些半信半疑。不少人甚至懷疑XX是行騙機構。在做了全面的了解之后，我勸服家人同意我來這里學習。另一方面，我向老師咨詢了自己學習的方向，考慮到自己從文科到計算機專業(yè)跨度較大的轉變，我在Java與web之間選擇了web。相對于Java，web的學習更基礎，容易入手，就業(yè)的機會也非常多。
Web開班第一天，老師即從網(wǎng)頁基礎、HTML入手，攫取重點，給我們介紹了它的相關知識。我們主要學習了HTML5，里面有很多的新特性且時下較為流行。它相當于一個網(wǎng)頁界面的宏觀架構。如果把一個網(wǎng)頁的實現(xiàn)比作是一座建筑的.建造過程，那么HTML即是這座建筑里的。鋼筋混泥土，搭建起整個建筑的框架、承重。
之后，我們又學習了CSS基礎樣式，仍然借用上面的比喻，CSS則相當于建筑里各個房間的不同結構，它們使得這座建筑更加的多樣化。且相對于HTML，它更加的復雜、多樣化，呈現(xiàn)的效果也具有更多的可能性。老師向我們推薦了《CSS禪意花園》這本書，里面列舉了豐富且多種多樣的CSS樣式。
作為今后可能成為的優(yōu)秀前端工程師，僅僅學習自己內部的知識是遠遠不夠的。因此，第一個月中我們也學習了UI中PS繪圖制作基礎，這對于一個前端來說也是非常重要的，在今后的工作中，我們可能會面對各種各樣的問題，如果掌握部分PS尤其是切圖技術，在和UI的接觸中可以減少很多不必要的繁瑣工作。
總之，作為一個前端工程師，我們所要掌握的知識是全面的，當我們寫代碼時的思維是縝密的。HTML和CSS是基礎中的基礎。之后我們會學習更多的JavaScript相關知識和其他，希望自己在這過程中仍能保持謙遜的的心態(tài)，去學習前人留下的珍貴寶藏。
web前端設計實訓心得 4
作為web前端工程師，在XX工作了5個月，自己從剛開始的一名新人到最后和大家融為一體，為組內貢獻自己的一份力量，我經(jīng)歷了很多，成長了很多。
剛進到公司，我內心是很惶恐的。我對自己沒有一個正確的定位，對公司的環(huán)境也是那么的陌生。我不知道自己能不能勝任公司的工作。我所能做的就是努力再努力，用自己的勤奮來掩飾自己內心的慌張。
很欣慰的是我們組內有一個女生。她性格很柔和。每次，和他請教問題他都會耐心的幫助你。我和他成為了閨蜜，我經(jīng)常的去問他問題，一些環(huán)境的配置，系統(tǒng)的某部分業(yè)務或者其他的問題等等。很感謝她，他幫助我盡快的'去熟悉了系統(tǒng)的環(huán)境及業(yè)務。除了組長，組內還有李大牛和許小牛。后來許小牛走了，又來了兩名同事，工作期間，他們都對我有很大的幫助，無論是工作上還是生活上，很欣慰能夠遇到他們并共事一場。
工作中不是那么的順利。別人是因為任務重，工作壓力大。而我則是因為任務太輕而煩惱。我的任務總是比較簡單，我很快就能做完，我體現(xiàn)不了自己的價值，我不開心。我去向組長爭取機會，贏得了自己的第一份比較有挑戰(zhàn)性的工作。
我要做一個webservice接口。這個任務的需求很不明確，需要我去和接口使用方進行溝通。我對系統(tǒng)的數(shù)據(jù)庫了解甚少，對自己的庫就不太了解，將他們的庫對應到我們的庫就更困難了。加上交流也不是很有經(jīng)驗，我最后搬出我們組長去跟他們溝通確定需求才開始進行開發(fā)。需求的確定用了好長時間，之后的驗證也用了好久。當時開發(fā)時，接口由于沒有數(shù)據(jù)，只用一條數(shù)據(jù)進行了驗證，但到部署到現(xiàn)場時出現(xiàn)了好多的"問題�？蛻籼焯齑撸约旱膲毫么�。好幾天都加班到好晚。這件事情比較曲折，后面的博文會詳細講述這件事情。
最后一個月，我們組要進行封閉開發(fā)。這是我在XX的最后一個月了。剛開始我以為不會給我分配什么有含量的活了。這里非常感謝組長，他并沒有讓我的這一個月荒廢。我有我的任務，而且也很重要。因為這些，我可以和大家共同奮斗。全組成員一起加班到晚上兩點那次，雖然很累，但是我很開心。這是一件很值得回憶的事情。曾經(jīng)，我們也瘋狂過。
web前端設計實訓心得 5
記得初到公司時，我對公司的了解僅僅局限于公司網(wǎng)站的簡單介紹，除此之外，便一無所知了。但是，在領導和同事們的支持和幫助下，我不僅加深了對公司的了解，而且很快就掌握和熟悉本崗位工作的要求及技巧，嚴格做到按時按量完成產品終端頁等頁面的制作，保證頁面的與效果圖的一致性和頁面在各個瀏覽器中的兼容性。同時，減少頁面中冗余的代碼，保證頁面的加載速度。
自從擔任web前端工程師以來，雖然在工作中取得了較好的成績，但也還存在一些不足之處。例如：工作中沒有充分領會領導的意圖，有時會忽視公司的工作流程等等，這些都是由于工作態(tài)度和細節(jié)決定的。這些不足都需要在今后的工作中加以改進。
在今后的工作中，我將努力提高技術水平，克服不足，朝著以下兩個方向努力：
1、在以后的工作中不斷學習技術知識，通過多看、多學、多問、多練來不斷的提高自己的各項業(yè)務技能。
2、提高自己解決實際問題的能力，并在工作過程中慢慢克服急躁情緒，積極、熱情、細致地的.對待每一項工作。
短短三個月的時間，我學到了很多專業(yè)的知識，能夠得心應手開展工作；在一個和諧的環(huán)境下，開心的工作；可以說都是受益于各位領導的栽培和各位同事的賜教。總的來說，由于本人工作經(jīng)驗不多，能力還有欠缺。雖然能勝任本職工作，但是社會在不斷的進步，技術在不斷的更新，我還需要更多的磨礪。為此，今后在工作中，我需要進一步增強開拓創(chuàng)新精神，刻苦鉆研新的技術。在上級的正確領導下，努力拼搏，扎實工作，以更好的質量、更高的效率、更扎實的作風做好本職工作，為我們這個光榮的集體、輝煌的事業(yè)做出應有的貢獻。
web前端設計實訓心得 6
21世紀的時期，中國的網(wǎng)絡正在實飛猛進，大多的企業(yè)都是通過建立網(wǎng)站來進入企業(yè)宣傳，通過企業(yè)網(wǎng)站來打廣告，宣傳產品、品牌推廣，促進銷售等 方法來實現(xiàn)企業(yè)營利的目的。所以，中國的互聯(lián)網(wǎng)在中國的近幾年來，有了非常大的發(fā)展空間，如“網(wǎng)上商店”“網(wǎng)上服務”“網(wǎng)絡資源”非常的流行。所以網(wǎng)頁設計師中一個緊缺的人才。對一個企業(yè)來說，做好一個網(wǎng)站是必不可少的。我們現(xiàn)在做為電子商務專業(yè)的，我們的最終目標是針對全球這個大的市場，還有這個網(wǎng)絡市場。作為一個企業(yè)的管理者，應當為自己設計一個能夠促進銷而且能夠代表我們企業(yè)的形象、宣傳我們企業(yè)最新出來的產品的這么一個網(wǎng)站。
我們學了一個學期的網(wǎng)頁設計，這周我們開始實踐我們專用的計劃如下：
第一天：網(wǎng)頁設計與布局。網(wǎng)頁的題材自己定，可以任選。
第二天：準備材料。建立站點，將所有的題材放到自己所建立好的站點里去，以便在做的可以更方便、快捷的應用到網(wǎng)頁中，提高速率。
第三天：將所在準備的材料一起聯(lián)接起來，放到自己的所設計的布局結構中。再做二級網(wǎng)頁，建立超鏈接，把一級和二級網(wǎng)頁連接起來。
第四天：將所做的網(wǎng)頁進行整理、調試、發(fā)布。在網(wǎng)站上申請一個空間，將自己做的網(wǎng)頁傳到網(wǎng)上去。
第五天：寫實習報告。將寫好的實習報告打成電子文檔，傳到老師處，審查。
網(wǎng)頁的布局：
網(wǎng)頁的布局指的是網(wǎng)頁的整體架構，也就是排版。在一個被別人打開網(wǎng)頁之后，如何才能突出我們網(wǎng)站里面最重要的內容，即讓用戶第一眼就看到這個網(wǎng)頁所想要傳達的信息和內容。這首先就要從網(wǎng)頁布局做起。 我覺得網(wǎng)頁布局應當注意以下幾點：
1、整個網(wǎng)頁的長和寬的比例。
2、導航條的設置。
3、正文的框架結構。
我的這個上網(wǎng)頁中，我的大體布局就是“F“型的。從我的首頁上看上去雖然有點亂的感覺，但整個的布局是清楚的，亂而有型。在大多數(shù)企業(yè)網(wǎng)站中的布局都是大同小異，但是它們做出來的效果顯得非常的.完美，所也是他們企業(yè)的成功之處所在。因此，一個網(wǎng)頁布局是一個非常重要的一個工作。
網(wǎng)頁的設計：
網(wǎng)頁的設計不僅需要學好網(wǎng)頁設計軟件的方法，還需要和其它的'軟件一起使用，如動畫設計軟件，靜態(tài)圖像處理軟件，等等。所以學習起來的確有點困難，所以需要有有點耐心去學習，不要是因為一時的好奇而去做網(wǎng)站，那肯定是不得行的。當我們遇到問題的時候要總要想著自己去面對解決，不要掉入技術的陷阱，如果你的網(wǎng)頁設計技術一流，并且對軟件的掌握程度已經(jīng)達到一定水平，但是你設計的網(wǎng)頁確不堪目睹，這是因為網(wǎng)頁設計是介于平面設計和編程技術兩者之間的"邊緣科學。"不僅涉及到美學，心理學，平面構成，色彩搭配等平面設計的方面的知識，還涉及到html，javascript，css，asp，php等編程語言技術方面的知識。只有綜合運用多種知識，才能設計出視聽特效，動感十足，富于個性的web頁面，才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨特魅力和多維空間的超強功能。
網(wǎng)頁的整個形象：
在一個網(wǎng)頁做成之后，就要去找開看下網(wǎng)站的整個效果。首先是給視覺效果人視覺效果的，而在視覺效果中又最注重是顏色的，所以色彩的配合是必不可少的知識。在調整好之后，到網(wǎng)上去申請一個空間，傳到網(wǎng)上去，看下效果。
總結：
從我不知從何下手做網(wǎng)頁時到現(xiàn)在學習了一學期和這個專用周結束，總算有一個大體的方向和設置的格式了。我一開始對什么網(wǎng)頁的布局和設置啊，什么都著落，對于一個好的網(wǎng)站的是如何做出來的和它所應用的方法都大概有一個認識。比如說那些動畫、流動的窗口和按鈕、彈出圖片等等一些廣告、視屏之類的。在我們的課本中沒有多少的代碼，只有文字性的操作步驟。還有那些什么JAVA代碼一個都沒有。然而在我們制作過程中，我們很多的時候都需要使用那些JAVA代碼，我們又不知道，只有到網(wǎng)上去找。但是這并不是一件壞事。我們還可以學到很多東西，這也是我們所需要的。我覺得我現(xiàn)在做出的網(wǎng)頁雖然不是很好，但是通過了這一周的實習，我收獲也是不少��！
web前端設計實訓心得 7
大學生活讓我對計算機理論知識有了一定的了解，但實際操作領域依舊是一片空白。紙上得來終覺淺，絕知此事要躬行。經(jīng)過網(wǎng)頁實訓課的實習，讓我對自己有了新的認識，并明確了網(wǎng)頁設計方面的前進方向。
1.繼續(xù)學習，不斷提升理論素養(yǎng)
在信息時代，學習是不斷地汲取新信息，獲得事業(yè)進步的動力�，F(xiàn)在通過實習總感覺自己學的不夠，要用到知識時總感覺腦袋總是空白。實習后讓我明白，為了能更好的適應工作，不得不利用自己空閑時間去彌補學習中的不足。實訓內容是與自己所學專業(yè)有密切聯(lián)系的，所以自己在這方面格外側重，希望能夠加強自己的專業(yè)知識。
2.加強信心，堅持下去
上學的時候大家都說“能珍惜現(xiàn)在的日子就好好珍惜!”，等工作了才真正的領悟這句話的涵義。經(jīng)歷第一次實訓課的學習后，就希望能把實習所學習的知識，也能運用到課堂上。對自己多一點信心，多給自己點贊賞，多給自己鼓鼓勁，相信自己總會走出一條寬敞大道。
3、實訓學習中的同學相處
感覺學生時代很美好，不僅僅是不需要去努力工作，而是在學生時代你可以有很好的同學，很好的朋友，大家相互噓寒問暖，不必勾心斗角。我感覺這里才真的有純潔的友誼。我想當踏上了社會，就會存在著利益關系，有工作繁忙，也多了份人情世故。希望以后自己努力，可以多幾個朋友，希望自己可以有個團結工作的環(huán)境。在整個網(wǎng)頁設計實訓的過程中，實訓同學之間的關系總是那般融洽!
實習，是開端也是結束。在書本上學過很多理論，但從未付諸實踐過，也許等到真正運用時，才會體會到難度有多大。在今后的工作和生活中，自己需要更加努力的奮斗下去。
實習的同時也讓我了解到了自己的不足，我會繼續(xù)努力，完善自己。對于學校的精心安排和指導老師的用心輔導非常感謝。
光陰似箭，日月如梭。轉眼間，愉快而又充實的網(wǎng)頁實習課程結束了，在這幾個月的時間里，在實訓的過程中 ，讓我嘗試了理論與實踐的結合。網(wǎng)頁設計理論一點點轉化為實踐經(jīng)驗，模擬網(wǎng)頁實訓變成了真正面對社會的基礎，盡管生澀但在慢慢趨近成熟。豐富的實訓知識，讓我的實習生活充滿驚喜、快樂和充實，當然也少不了網(wǎng)頁設計處理過程中的困難。實習結束了，感覺腦袋里又注入了新的知識，對網(wǎng)頁設計也有了更深的了解，在以后的工作中，希望能用自己了解的東西去處理相關的問題，再探究新的問題，使自己和公司不斷進步。
最后談談我個人對自身的職業(yè)之路規(guī)劃。當然這些還不夠成熟，僅僅是這一個學期的實習帶給我的一點想法，今后我會結合學習生活進一步修正。
首先是個人學習，通過實習我認識到利用課堂外的時間也是關鍵，下一步打算結合自己的興趣，利用課余時間自己培訓;其次是社會實踐，初步打算是利用假期等時間充分工作，以提高自身實際工作能力為目的，畢竟“想”和“做”是不一樣的，這次實習中我也認識到了這點，平時覺得自己能夠勝任的簡單事情，當真正動手做時卻總不是那么簡單了;最后，打算結合個人的興趣、價值觀、能力、職業(yè)發(fā)展傾向做個詳細的職業(yè)發(fā)展規(guī)劃。
網(wǎng)頁設計伴隨著網(wǎng)絡的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡的頻繁而變得非常重要。生活中我每天上網(wǎng)都要接觸到網(wǎng)頁，原來沒有留意過網(wǎng)頁的設計，但是經(jīng)過這段時間的學習了解，現(xiàn)在我打開一個網(wǎng)頁都會習慣性的先看看排版、布局和色彩運用。
通過老師的講解和對課本的翻閱，我學習到了一些關于建設網(wǎng)站和制作網(wǎng)頁的知識，對網(wǎng)頁制作的基礎知識也有了一定的掌握。通過Dreamweaver制作網(wǎng)頁，我用到了一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等。但是在自己嘗試著做的時候，總是出現(xiàn)這里那里的問題。不是圖片不能固定在自己想要的位置，就是滾動文本的顯示區(qū)域不知道為什么撐過了頁面，還有就是不同分辨率、不同瀏覽器都會對瀏覽網(wǎng)頁產生影響。而且在CSS方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結了經(jīng)驗。例如：
1、命名站點或者文件夾的的時候一定要注意，最好用相應的英語或者漢語拼音，要見名知意，如圖片文件夾用image或者tu，這樣可以避免頁面調用時不正確的現(xiàn)象發(fā)生。
2、調用Style時可以單擊鼠標右鍵選擇Custon Style來調用Style標準，也可以在狀態(tài)欄中的元素列表上單擊右鍵來調用Style。雖然不同的方法達到的效果看似一樣，但實際上產生的HTML代碼則完全不同。在這個過程中，我同樣認識到網(wǎng)頁設計不是一門學科的獨秀，而是多種課程的綜合，它是Flash、Photoshop等網(wǎng)頁軟件的綜合應用。例如Flash提供了功能齊全的繪圖和編輯圖形工具�？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，可以很直觀的反映出效果。
頁面設計應以美觀、大方、簡潔為原則，保持一致的`風格。為了達到最佳的視覺表現(xiàn)效果，應講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。網(wǎng)頁最主要的功能就是給每個上網(wǎng)者提供一種形式，讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁設計，就需要站在用戶的角度來看。用戶是一個網(wǎng)站成敗的關鍵。如果用戶要花很多時間進入網(wǎng)站，很有可能他會立即關掉網(wǎng)站，或者網(wǎng)站操作很不方便用戶也會馬上離開，這種網(wǎng)站是很失敗的設計，只會讓用戶失望的離去。所以網(wǎng)頁容量即包括圖像在內的網(wǎng)頁字節(jié)數(shù)最好不要超過50K。
還涉及到界面弱化的問題。一個好的界面設計它的界面是弱化的，它突出的是功能，著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區(qū)等等。要讓訪客在0.5秒內就能把握網(wǎng)站的行業(yè)性質，1秒內就知道該從哪個地方開始使用這個網(wǎng)站，能點一次的，絕不點第二次。
當然上面說的是大多數(shù)功能性網(wǎng)站，對于宣傳展示性網(wǎng)站，諸如加特效的或Flash網(wǎng)站，可能就不得不花哨一些，但不能太過分。網(wǎng)站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現(xiàn)意境，點到為止。
web前端設計實訓心得 8
我第一次步入了社會，從此開始了面對社會、工作的生活。剛剛走入社會的我是一個性格有些內向的人，面對陌生的人，我不善言辭，不會給自己的外表進行很好的包裝，不適合做那些銷售、接待的工作，只有技術類的工作，少說多干的活適合我，這個我很清楚�，F(xiàn)在，中國每年都有很多畢業(yè)的大學生找不到工作，我也不例外，所以，這第一次實習工作肯定不會太好找，但是相反，我的運氣還不錯。找到了一份網(wǎng)頁設計的工作�，F(xiàn)將我在工作中的情況總結如下。
一、工作介紹
我工作的這家公司，從事網(wǎng)站開發(fā)工作的，公司在技術團隊這部分是比較正規(guī)的，一般是五到六人為一個小組，小組中有明確分工，有負責聯(lián)系客戶接恰生意的，有專門做技術的，而在技術這塊分為網(wǎng)站前臺、后臺開發(fā)，我在學校主要做的是后臺開發(fā)，當然前臺設計工作也還算熟練，但不是很精通。我們這個小組一般接下的活都是一些小型網(wǎng)站的開發(fā)工作，這樣的網(wǎng)站技術難度不大，而且工作周期短，有相當一部分的，只需要通過cms軟件就可以進行開發(fā)。但是有個別的網(wǎng)站開發(fā)時，我們還是需要進行一些手寫代碼工作的。
二、開發(fā)技術
做為一個剛畢業(yè)的大學生，我的知識儲備肯定有不足的地方，畢竟學校教的東西肯定會有一部分和社會是脫節(jié)的，但好在我的領導對于我沒有太多的要求，他只是要求我盡快的適應公司的工作和生活，在短時間內熟練的掌握相關技術，干好本職工作。
在大學里對一個學生來說什么是最重要的，那就是學習能力。要知道，這個世界上，知識在發(fā)展，人類在進步，每天都在進行日新月異的.變化，我們的知識儲備總會有不夠的地方，但是一定要有學習能力，將不會知識快速掌握，只有這樣才能占據(jù)主動，減少被動情況的尷尬發(fā)生，通過二個星期的時間，我成功的適應了公司的工作和生活節(jié)奏，每天早九點上班，晚17：30下班，中午休息一個半小時，每周還有兩天假期。我利用業(yè)余時間，抓緊學習，將工作中所需要的技術進行了強化學習，其實這些東西在學校的時候就接觸過，只是不精通。那個時候學的東西多，難免有個主次之分，這次工作了，才知道哪個應該多學點，但好在我都有學過，所以有個好的基礎在這里，也就不怕了，比如說：flash，公司要求技術人員會做flash，flash這東西以前我在宿舍的時候經(jīng)常玩的，可是后來在分析就業(yè)情況時，分析錯了方向，以為這東西沒有什么用處，結果就給荒廢了。但好在還有印象，并且當初記了很多的筆記，所以說記筆記是很重要的事情。而其它像javascript、ml、數(shù)據(jù)庫這些東西我都學過，只是實踐能力稍差一點，但好在從前在學習方面用的功不是白費的。通過這種實戰(zhàn)環(huán)境，和半個月的刻苦學習，我終于可以感上小組的工作進度了，已經(jīng)可以很好的完成領導教給我的任務了。
像我這個組常用的是css+div排版，后臺使用php技術進行開發(fā)，服務器平臺采用，linu+apache+mysql+php，這種lamp組合，我很高興在學校學的東西能學有所用。以前我們是用表格（table）進行排版，這種方式簡單但是已經(jīng)有些過時了，現(xiàn)在大部分網(wǎng)站都開始了重新構架，所以都采用css+div進行網(wǎng)頁排版，我目前正在學習，掌握的還算比較快。而在后臺開發(fā)部分，我們使用php來進行開發(fā)，我的工作是手寫一些小模塊�；蛘哂胘avascript寫一些特效小代碼。
web前端設計實訓心得 9
從開始的實習，讓我體驗到這個暑假回會過得更有意義，會特別漫長特別充實。的確學習是一個漫長的過程，學習要耐得住寂寞的抵住誘惑。
通過這次的實習，不僅讓我覺得我應該改變自己的內向，學會轉變與人主動交流，才能解決問題，讓我覺得設計還是不錯的，但是自己的專業(yè)真的很需要培養(yǎng)與加強，感覺到學校教的和自己學的'遠遠不夠。而且在接下來的日子還要規(guī)劃好自己的未來，才能更好得在崗位上發(fā)揮自己的才能。
最后感謝av給我這么一個機會，留在公司實習，公司不僅需要各類型的人才，更需要一個有堅定和遠見的老板；感謝william，看過頭像和手機桌面，女兒很可愛，想必是個和藹的爸爸，從一開始便覺得他是個很會閱人的hr，但后來才知道是pm，不過沒有變的，總是耐心地培養(yǎng)我，給我很多資料和很多網(wǎng)站，提高自己的審美和用戶體驗感受；感謝mk，認真的時候很認真，玩的`時候還像個大孩子。
喜歡和參數(shù)組交流時逗逗我，調劑我，這點我最喜歡了，因為有你們整個公司才顯得有活氣，沒有那么沉悶；感謝kevin，雖然接觸不多，感覺他很用心，是市場方面的主管，看的最多就是修空調，快遞要發(fā)票的`時候，會為公司的財政斤斤計較，到后來q總q總得叫我，真不好意思呢；感謝小楊，能夠和你愉快的合作。
如果可以我也想學jsp，后來小白走了，你又要一個人辛苦了；感謝aam，強硬的技術支持，我想沒有你這位核心人物為公司撐下一片藍天，可能我們這個產品就很難走下去了；謝謝一起在虎之翼公司里工作的所有工作人員。
我很喜歡你們，喜歡這樣的工作氛圍，謝謝你們。
web前端設計實訓心得 10
網(wǎng)絡成了我們獲取知識和信息的一種便捷工具，現(xiàn)在的網(wǎng)民也在不斷的增多，所以，了解和學習網(wǎng)絡知識是我們作為一名大學生迫切所需的，我利用寒假的時間，對網(wǎng)頁設計進行了初步的認識和了解，并基本掌握Dreamweaver的應用。
通過對網(wǎng)頁設計書籍的翻閱，我學習到了一些關于建設網(wǎng)站和制作網(wǎng)頁的知識，在實踐查閱資料時，對flash也有所了解。我還了解了一些基礎的網(wǎng)絡技術。通過學習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎知識也有了一定的掌握。在這個過程中，我同樣認識到網(wǎng)頁設計不是一門學科的獨秀，而是多種課程的綜合，他是、Flash、Fireworks等網(wǎng)頁軟件的綜合應用。
下面闡述一下我在翻閱《Dreamweaver》時的一些關于網(wǎng)頁設計的'見解。在具體的制作一個網(wǎng)頁時我了解到一個優(yōu)秀的網(wǎng)頁設計應該具備一些基本原則。
首先，要·確定網(wǎng)頁設計的內容一個優(yōu)秀的風站要有一個明確的主題。整個網(wǎng)站圍繞這個主題，也就是你在網(wǎng)頁設計之前要明確你這個網(wǎng)站有什么目的，用來做什么，所有頁面都是圍繞著這個內容來制作，有了明確的內容對排名有很重要的作用;其次，要了解你網(wǎng)站所在行業(yè)的客戶，及你的網(wǎng)頁屬于哪個類別。用戶是一個網(wǎng)站成敗的關鍵，如果用戶要花很多時間進入你網(wǎng)站很有可能用戶會立即關掉你網(wǎng)站，或者你網(wǎng)站操作很不方便用戶也會馬上離開，這種網(wǎng)站是很失敗的設計，只會讓用戶失望的離去。
在完成以上的`基本內容之后網(wǎng)頁的基本框架便成形成了。
下面要開始的便是優(yōu)化工作：
內容是整個網(wǎng)頁的核心。在網(wǎng)頁設計之前必須明確網(wǎng)頁的內容安排。優(yōu)秀網(wǎng)頁設計是要建立在平凡的基礎上的。然后在具體的規(guī)劃一個網(wǎng)頁時，可以用樹狀結構先把每個頁面的內容大綱列出來，尤其要制作一個大的網(wǎng)站 (有很多頁面) 的時候，特別需要把這個架構規(guī)劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網(wǎng)站的架構，很浪費時間和財力。大綱列出來后，還必須考慮每個頁面之間的鏈接關系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個網(wǎng)站優(yōu)劣的重要標志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內容的發(fā)揮�？蚣芏ㄏ聛砹�，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發(fā)展打下良好的基礎。下一步，就以動手制作具體內容了，題材選定，框架選定，接下來就開始往主頁里面填內容。
如果是個人主頁，有能力的人完全可以靠自己來創(chuàng)作所有的內容。大部分人的方法是：從報紙，雜志，光盤等媒體中把相關的資料收集整理，再加上一定的編輯后就可以了。另外一個好的方法是從網(wǎng)絡上收集，您只要到搜索引擎上查找相應的關鍵字，就可以找到一大堆的資料。在準備材料的時候我們可以用一些小的動畫和動態(tài)圖片，F(xiàn)lash提供了功能齊全的繪圖和編輯圖形工具�？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。然后是開始正式制作主頁。通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設置;文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網(wǎng)頁。
總體來說，通過這個假期對網(wǎng)頁設計的學習，有收獲也有遺憾。但是，我已經(jīng)邁入了網(wǎng)頁設計的大門，只要我再認真努力的去學習，在今后的閑余時間學習制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高，我堅信將來設計出的網(wǎng)頁會更加專業(yè)，更加華麗，使它最終成為自己的一項技能。
web前端設計實訓心得 11
不知不覺我學習整站網(wǎng)頁設計也有一段時間了，很高興我能在這計算機深入的社會里，學習到建設網(wǎng)站和網(wǎng)頁設計的一些知識。網(wǎng)絡成了我們獲取知識和信息的一種便捷工具，如今的生活，商業(yè)都已經(jīng)在網(wǎng)絡上如火如荼地開展，我認為，學習網(wǎng)絡知識，對于生活在網(wǎng)絡時代的我們還是很有必要的。接下來我想分享一下我的獨家網(wǎng)頁設計學習心得。希望能夠為正在學習網(wǎng)頁設計的你們也提供一點幫助。
學習網(wǎng)頁設計的過程中，我也成功制作了屬于自己的網(wǎng)站，通過這一次嘗試，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎知識也有了一定的掌握。我覺得，在設計網(wǎng)頁之前：
首先必須做到先確定網(wǎng)頁設計的內容，因為一個優(yōu)秀的風站要有一個明確的主題，整個網(wǎng)站圍繞這個主題，也就是你在網(wǎng)頁設計之前要明確你這個網(wǎng)站有什么目的，用來做什么，所有頁面都是圍繞著這個內容來制作，有了明確的內容對排名有很重要的作用。
其次自然是了解你網(wǎng)站所在行業(yè)的客戶。要知道用戶是一個網(wǎng)站成敗的關鍵，如果用戶要花很多時間進入你網(wǎng)站很有可能用戶會立即關掉你網(wǎng)站，或者你網(wǎng)站操作很不方便用戶也會馬上離開，這種網(wǎng)站是很失敗的設計，只會讓用戶失望的離開。
我在這次設計網(wǎng)頁的過程中，終于體會到做一個網(wǎng)頁的主頁不是一件容易的事情，它包括個人主頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套網(wǎng)頁的色調等很多東西。制作主頁要注意：
要想一個好的`標題。標題在個人主頁中起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、有特色、簡短易記，不要符合自己主頁的主題和風格。
主頁中不光要有文字，還要適當?shù)丶右恍﹫D片。一張好的圖片可以勝過你的千言萬語。也能讓進入你網(wǎng)頁的人一目了然，產生興趣。
網(wǎng)頁頁面整體的排版設計也是不可忽略了，很重要的一個原則是合理也運用空間，讓自己的網(wǎng)頁井然有序，留下合適空間，會給人輕松的感覺。
當然在做這些內容之前，是要找好資料的，我們可以從報紙，雜志，光盤等媒體中把相關的資料收集，再加上一定的編輯后就可以了。另外一個好的方法是從網(wǎng)絡上收集，您只要到搜索引擎上查找相應的關鍵字，就可以找到一大堆的資料。設計制作網(wǎng)頁我可以推薦一個不錯的軟件，那就是Dreamweaver。只需要用到此款軟件中的一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網(wǎng)頁。好了，網(wǎng)頁設計制作完畢后，最后一步就是要優(yōu)化網(wǎng)站了。
就我的觀點，我覺得個人認為網(wǎng)頁設計應該注重實用性，因為我們用它就是來互動的，所以我建議以簡單美為好，太多復制的圖片文字和頁面排版只會讓看的人感覺更不舒服，還有最后申明一下，我不是專業(yè)網(wǎng)站設計師，以上只是我對網(wǎng)頁設計學習的一些心得罷了。
web前端設計實訓心得 12
經(jīng)過這幾個月的實習努力，我做的幾個網(wǎng)站已經(jīng)掛到了網(wǎng)上，很欣慰，有進步，繼續(xù)加油。
我的第一份工作是在深圳E醫(yī)院工作，我歸屬于網(wǎng)絡部網(wǎng)頁設計開發(fā)兼優(yōu)化推廣等，在深圳E醫(yī)院網(wǎng)絡部，我主要是負責的是：網(wǎng)頁設計（如網(wǎng)站的改良工、設計新的專題網(wǎng)站等），兼顧優(yōu)化與推廣。
磨煉了二個多月，逐漸的接觸網(wǎng)站的設計與改良，全部的網(wǎng)站都重新排版與設計，同時，得采用優(yōu)化角度考慮布局和運用CSS+DIV來構建心里苦澀，CSS+DIV，我還沒學到家吖，看來還得努力學習，就這樣，白天專心做好工作事項，晚上專心惡補CSS+DIV、優(yōu)化知識等。終于自己設計的網(wǎng)站成功上線，很欣慰，無愧于此。
原本想讓自己休息一陣子，可是無聊和休閑不太適合我，于是到第三天，開始網(wǎng)站投簡歷，意料不到，隔天就收到深圳市z科技有限公司的面試通知，最后面試完不久，又接到該公司成功錄取（很開心也很興奮，嘻嘻，因為我不用做無業(yè)游民了）。
3月14日，我又重新展開我的職業(yè)生涯，勇敢向前沖。在剛到新公司報到，一切都得從零開始，同時，要學習知識方面也逐漸地擴大。蔣副總和主管給我兩周左右的時間適當環(huán)境與熟悉一下最近輔助軟件等，終于在第三周起，我逐漸地開始接觸公司布置的`任務，剛開始，著手設計并規(guī)劃公司的門戶，因為目前公司成立將近四年多，還沒有一個能真正給大眾能一目清晰的公司性質與發(fā)展方向等。
其實，自己在負責設計與制作公司門戶，其中碰到不少問題，因為如今采用布局框架，唯獨CSS+DIV，因此，過程中碰到的問題不單單只是CSS規(guī)范寫法，同時得考慮寫法是否引起兼容性的錯亂等等。
當初成品網(wǎng)站提給老總和副總等人瀏覽時，其中錯誤不斷，而且也出現(xiàn)編寫腳本錯誤等等，讓我無比的無奈，因為我在編寫與設計過程，基本會考慮到IE、FF等常見的BUG問題，沒想到在本機測試時，基本都正常，但在給不同用戶體驗時，時常會出現(xiàn)腳本錯誤提醒和一些屬性中在不同瀏覽出現(xiàn)的BUG……
經(jīng)過不斷地測試與修改，終于，完成了該站，結束為期半個多月的任務，同時，公司門戶也如期更新與使用。事后主管也跟我說，經(jīng)過這次CASE中，自己要多想想并做好總結，那些是自己日后該避免，那些是自己目前得加強與鞏固等等，讓自己的設計與制作水平提高一定層次，切記驕傲滯前！
在獨自完成這個CASE中，我也發(fā)現(xiàn)自己需要惡補的東西，很多很多，例如，如何能做到盡快克服各瀏覽器中的BUG，怎樣使得布局按照優(yōu)化角度來設計，怎樣讓用戶者體驗舒服，怎樣讓呆板的網(wǎng)頁賦有生機，讓大眾感覺盡管內容雖少卻不失想瀏覽之心或內容過充實卻不會造成冗余等等，而其中就借助JavaScript、aJax、Jquery等腳本的編寫……這些知識是我目前最為缺乏的，也是最需要惡補的知識，所以，一旦有時間，我得努力地學習與逐漸地應用實際操作上，讓自己做到懂得一舉反三等等，而不是過于呆板引用等。
總之，經(jīng)過這半年工作實踐與體驗，雖在不同公司性質中實習，但確實讓自己成長了不少，也明白不管在學校還是在社會上，如果要讓別人肯定你，聘用你等，關鍵在于自己是否有一門技術吸引著別人或讓別人想收為己用的心態(tài)等，同時，主管也跟我說起：自己要懂得，如果想要在IT行業(yè)長時間發(fā)展，不單單只需要良好的WEB前端技術，同時也需要一門動態(tài)語言來補充著自己，讓自己不過于依賴別人，嘗試讓別人依賴自己，這樣，處于IT網(wǎng)頁制作行業(yè)中，就不輕易讓人淘汰等。
在調整好心態(tài)，努力工作下，目前在該公司獨自做好幾個CASE，現(xiàn)在又接手做子公司站，希望自己能越做越好，加油，為美好的明天，勇敢向前沖！
【web前端設計實訓心得】相關文章：
web前端實訓總結（通用6篇）05-24
大一web前端實訓心得（通用5篇）12-27
web前端課程設計心得（精選20篇）12-30
web前端課程設計心得（通用7篇）12-23
web前端設計師的具體職責10-24
web前端實習報告09-06
web實訓心得體會范文07-13
web實訓總結（精選7篇）04-15