- 相關(guān)推薦
html網(wǎng)頁(yè)設計實(shí)訓心得范文（精選17篇）
某些事情讓我們心里有了一些心得后，將其記錄在心得體會(huì )里，讓自己銘記于心，這么做能夠提升我們的書(shū)面表達能力。你想好怎么寫(xiě)心得體會(huì )了嗎？以下是小編收集整理的html網(wǎng)頁(yè)設計實(shí)訓心得范文（精選17篇），希望能夠幫助到大家。
html網(wǎng)頁(yè)設計實(shí)訓心得范文（精選17篇）1
時(shí)光飛逝，轉眼間在千鋒學(xué)習html5開(kāi)發(fā)生活半年了，如今學(xué)成畢業(yè)找到心儀的工作，最要感謝的莫過(guò)于千鋒了。
起初剛來(lái)千鋒還是有些不適應，習慣了大學(xué)散漫的生活，突然正經(jīng)的按時(shí)上課，每天學(xué)習那么久的時(shí)間，覺(jué)得好累，還記得第一天上完課完成作業(yè)是21:15，那時(shí)候我感觸特別深，上了3年的大學(xué)都從沒(méi)有認真學(xué)習到這個(gè)點(diǎn)的時(shí)候，真是奇跡，當時(shí)還興奮的不行，覺(jué)得不可思議，直到后來(lái)，在千鋒的學(xué)習，才知道這是家常便飯，也習以為常。
從起初的不適應覺(jué)得不現實(shí)，到如今的每天主動(dòng)學(xué)習，到關(guān)教學(xué)樓才會(huì )回寢室，這對于我來(lái)說(shuō)就是從一個(gè)學(xué)渣逆襲成為學(xué)霸，千鋒成就了我。
有緣遇見(jiàn)助教華哥盡職盡責
來(lái)到千鋒先認識的就是我們26班的助教華哥，其實(shí)來(lái)千鋒學(xué)習最終收獲滿(mǎn)意的成果最要感謝的莫過(guò)于華哥了，初入千鋒遠離家人，不懂不會(huì )的好多，華哥都會(huì )盡心盡力的幫我們解決，無(wú)論生活還是學(xué)習，就是我們的大哥哥，帶領(lǐng)我們學(xué)習，還記得當初有問(wèn)題，問(wèn)華哥，為我們改問(wèn)題找錯到好晚，
一直陪著(zhù)我們學(xué)習，9.30下晚自習就可以回去休息的他，每天陪我們到關(guān)教學(xué)樓，是班級最后一個(gè)走的人，周六我們上自習，還來(lái)陪我們給我們解決問(wèn)題。
用自己休息的時(shí)間來(lái)帶我們，真的是盡心盡力，從未遇見(jiàn)這么負責的老師。
后來(lái)來(lái)到了32班，又有緣遇見(jiàn)華哥，那時(shí)候正是3階段，最關(guān)鍵的時(shí)候，華哥每天晚自習考我們面試題，給我們講面試題，讓我們找到一個(gè)好工作，真是盡職盡責。
昨日的付出才有今日的成績(jì)
還記得我們不學(xué)好不會(huì )你認真講解的樣子，還記得我們貪玩不認真，你跟我們著(zhù)急生氣的樣子，還記得我們拿到心儀的`offer，你高興的樣子，還記得太多太多，都是你帶給我們的，沒(méi)有你當初陪我們激勵我們學(xué)習，也就沒(méi)有今天的我們，在此特別感謝華哥。感謝千鋒的老師。
還記得做項目期間cookie不會(huì )，想抄以前的代碼改一改，高老師就坐在我旁邊，一步一步的教我怎么寫(xiě)，直到我自己寫(xiě)出來(lái)為止，我回來(lái)為止。
在我自己想放棄的時(shí)候，高老師都沒(méi)有放棄我，而是帶著(zhù)我，一步一步的講解，耐心的給我教會(huì )，也讓我重拾了信心，還有鵬哥，知道我們幾個(gè)人基礎差，每次講完課都會(huì )下來(lái)問(wèn)一遍學(xué)會(huì )了沒(méi)有，沒(méi)聽(tīng)懂就再講一遍，一遍不會(huì )講兩遍，午休給我們講，晚自習還給我們講，直到我們學(xué)會(huì )了為止。
盡心盡力從無(wú)怨言。
真的有你們昨日的付出，才有我們今日的成績(jì)。
感謝遇見(jiàn)這樣的團隊，這樣的老師。
如今，已完成這半年的艱苦奮斗，終于‘修成正果’。
找到理想的工作，是千鋒成就了我，給了我希望，給了我未來(lái)。
在這里特別向千鋒致敬，感謝有這么負責的教育機構，同時(shí)希望千鋒越來(lái)越好，培養出更多的人才。
html網(wǎng)頁(yè)設計實(shí)訓心得范文（精選17篇）2
風(fēng)塵仆仆的來(lái)到了大連，來(lái)參加匯博組織的HTML5培訓，從HTML5基礎講起，起初并不以為然，想這HTML這個(gè)平常上課也經(jīng)常接觸到的東西，但是聽(tīng)完第一堂課后，后面的興趣越來(lái)越濃厚，尤其是講到HTML5的新特性時(shí)候，講到canvas畫(huà)布時(shí)候，突然感覺(jué)HTML的.功能遠遠超出了我的想象，超出了我的預期，當自己做完第一個(gè)實(shí)例的時(shí)候，就想以后一定要把這個(gè)充滿(mǎn)未來(lái)潛力的東西傳到學(xué)校，學(xué)生一定會(huì )感興趣。當老師簡(jiǎn)單講完CSS和JS時(shí)候，然后將HTML5+CSS+JS結合起來(lái)的時(shí)候，就感覺(jué)這是個(gè)強大無(wú)比的組合，不次于使用C#在VS平臺上實(shí)現的功能。尤其是其在游戲和動(dòng)畫(huà)上的效果，使得頁(yè)面可以輕松拋棄Flash的枷鎖也同樣能夠實(shí)現強大的動(dòng)畫(huà)效果。
最后一天Intel的老師講到如何將HTML5的APP上傳到不同平臺的應用商店時(shí)候，這時(shí)候就更感到自己學(xué)到的東西有意義了。不像以前單純教學(xué)，為了完成教學(xué)任務(wù)而教學(xué)，通過(guò)應用的上傳，可以更加鼓勵學(xué)生的積極性，激發(fā)他們的學(xué)習動(dòng)力，嗯，不錯的思路，把這個(gè)思路用在教學(xué)上，一定能有所收獲，學(xué)生一定能感興趣。
這次培訓對于自己在今后教學(xué)過(guò)程中提出了一個(gè)新的思路，我們的教學(xué)可以找到學(xué)生的興趣點(diǎn)，像歐美國家教育環(huán)境那樣能夠激發(fā)出學(xué)生自身的興趣，而這個(gè)激發(fā)就需要我們老師和企業(yè)共同想辦法能為學(xué)生由被動(dòng)學(xué)習變?yōu)橹鲃?dòng)激發(fā)資深興趣去學(xué)習。這才是最重要的，才能培養出高質(zhì)量人才�？傊�，感謝Intel，感謝微軟，感謝匯博給我們提供了這次培訓，期待下次培訓。
html網(wǎng)頁(yè)設計實(shí)訓心得范文（精選17篇）3
利用假期和休息時(shí)間，初步學(xué)習了有關(guān)html+css的知識，感觸頗多。做網(wǎng)站原來(lái)一直處于一種茫然的狀態(tài)，邊學(xué)邊做，邊實(shí)踐邊維護，每每遇到問(wèn)題了，便會(huì )花費很大的精力去解決，在解決問(wèn)題的過(guò)程中也慢慢提高，但工作有時(shí)相當的吃力。通過(guò)一段時(shí)間詳細的接觸到html+css，從基礎知識補起，利用空閑時(shí)間看書(shū)及有關(guān)div+css“布局入門(mén)教程”，它通過(guò)舉一個(gè)例子，然后讓你上機測試效果，讓我有對樣式表CSS有一個(gè)初步的印象，知道了CSS能做什么。我覺(jué)得這份教程很有條理，由淺入深，一步一步引領(lǐng)你向前走，讓你明白他們在說(shuō)什么。
在些之前，我是從未接觸過(guò)div+css的，甚至連dreamwear、photoshop的工具也都是皮毛。我的學(xué)習思路是這樣的：
一、先寫(xiě)HTML還是先寫(xiě)CSS？
對于一個(gè)新手而言，在有了一點(diǎn)html知識之后，對于CSS、DIV都感覺(jué)特別的疑惑，不知道這其中到底是什么聯(lián)系？為什么用了CSS的'網(wǎng)頁(yè)不能像其它代碼一樣直觀(guān)？html和css哪個(gè)先寫(xiě)？其實(shí)這些問(wèn)題在我看完教程，但還沒(méi)真正上手實(shí)踐時(shí)的疑惑！等真正上手自己做時(shí)，我才發(fā)現應該兩者同時(shí)寫(xiě)！
二、把站點(diǎn)建好，目錄建好，比如建好文件夾css,images,這兩個(gè)是最其本的，然后新建一個(gè).html空文件，一個(gè).css空樣式表，把.css外部樣式表連接到.html這個(gè)文件上，鏈接寫(xiě)在中。
三、寫(xiě)HTML中的最基本的布局部分，都是用DIV，然后直接在DIV里加入ID或CLASS，這些布局部分包括外套部分，頭部分，中間部分，左，中，右，版權部分等。
四、到樣式表中寫(xiě)各個(gè)布局層的樣式。
五、寫(xiě)一段代碼后就進(jìn)行瀏覽器的測試，同時(shí)用IE6與FF一起測試。在瀏覽器中調試，調試時(shí)發(fā)現許多之前沒(méi)有預料的問(wèn)題，如瀏覽器的兼容問(wèn)題、浮動(dòng)的問(wèn)題等。
六、不斷的找出問(wèn)題、理解怎么出錯的，不斷的再測試！
這樣的學(xué)習和研究過(guò)程，讓我體驗到了許多次的付出與回報的樂(lè )趣，如：
第一：閱讀一本書(shū)，一般來(lái)說(shuō)我第一次要先把整個(gè)書(shū)通讀一遍，不理解的也要往下看，因為在往下看的過(guò)程中也許會(huì )找到那個(gè)問(wèn)題的答案，等看完后我會(huì )有一個(gè)大概的印象，但一定會(huì )有很多不明白的地方，沒(méi)關(guān)系，繼續往下看。
第二：就要邊看邊做學(xué)習筆記了，我有隨時(shí)寫(xiě)筆記的習慣，電子稿或手寫(xiě)稿均可。把自己認為是重點(diǎn)的部分寫(xiě)上，便于以后查閱；再者，把覺(jué)得有疑問(wèn)的部分記下，帶著(zhù)疑問(wèn)看下去，如果沒(méi)有答案，上網(wǎng)查詢(xún)或是問(wèn)前輩，解疑是提高知識最快的一種方式。
第三：心態(tài)很重要，一定得靜下心看書(shū)，能不越過(guò)的看就不越過(guò)，要樹(shù)立信心，堅持再堅持下去。系統的將教程學(xué)完，一遍不行兩遍，持之以恒。
第四：當你到達終點(diǎn)時(shí)你回發(fā)現一切都是順理成章的事。因為你努力了，努力了就會(huì )有回報，有結果。
學(xué)習永遠沒(méi)有終點(diǎn)，隨著(zhù)學(xué)習，知識不斷提高，所接觸的技術(shù)領(lǐng)域也隨之擴大。堅持看書(shū)，堅持以任何一種方式學(xué)習，都將受益無(wú)窮，也都是一件十分快樂(lè )的`事情。
html網(wǎng)頁(yè)設計實(shí)訓心得范文（精選17篇）4
學(xué)習H5我們不需要過(guò)度的關(guān)注細節，五柳先生的“不求甚解”的態(tài)度就很好，遇到能想起來(lái)，用到明白來(lái)源，不用作為擴展知識。
其次，H5的設計起點(diǎn)就是從實(shí)用出發(fā)的，也就是說(shuō)很多特性都是怎么方便就怎么來(lái)。所以我們可以關(guān)注我們感興趣的技術(shù)，但是開(kāi)發(fā)的時(shí)候還是不要特意的使用H5，能用到而且兼容性也不錯就用，用不到也不要“畫(huà)蛇添足”，比如163郵箱就有用到nav標簽等，但是如果自己不是很精通H5或者是沒(méi)必要重構就不要去把一些東西改為H5的，比如編寫(xiě)JS的時(shí)候特意的用WebWorker，這就很不好!除非我們很明確的知道，這就是針對移動(dòng)端這種基本上全面支持H5的Browser設計開(kāi)發(fā)的功能。
最后，H5技術(shù)不復雜，它從來(lái)都不是什么新技術(shù)，只是HTML的延續，我認為的H5包括如下三點(diǎn):
(1)改進(jìn)及增強的HTML屬性，新頁(yè)面可以嘗試使用。
(2)增強了的JS交互接口:WebWorker、WebStorage、WebDB、OfflineApplication、Geolocation、Canvas，可以說(shuō)H5和JS相互增強更上一層，但是還是要小心使用!
(3)CSS3:改進(jìn)增強CSS功能，讓頁(yè)面效果更絢麗，開(kāi)發(fā)更簡(jiǎn)單，尤其是“移動(dòng)先行”的現代互聯(lián)網(wǎng)網(wǎng)頁(yè)設計理念能讓“響應式設計”越來(lái)越簡(jiǎn)單、流行，甚至出現了很多框架，比如bootstrap。
學(xué)習方法:
學(xué)習HTML這類(lèi)的標記語(yǔ)言，我們需要從四個(gè)方面入手:
(1)語(yǔ)法:即怎樣的書(shū)寫(xiě)格式是Browser接受和支持的，HTML技術(shù)的語(yǔ)法很簡(jiǎn)單，只要注意大小寫(xiě)在HTML、XHTML、H5中的一些細節不同就可以了。
(2)元素:也就是標簽，這個(gè)就靠經(jīng)驗和記憶了，不求甚解多用就好。但是有一點(diǎn)，系統的.學(xué)習和雜亂記憶的不同點(diǎn)就是:系統的學(xué)習會(huì )把元素分類(lèi)。這樣方便記憶、對比和使用，能讓我們盡量減少不必要的錯誤嵌套。一般會(huì )把HTML標簽分為文檔結構標簽、文本格式標簽、字符格式標簽、列表標簽、鏈接標簽、表格標簽和表單標簽這8類(lèi)，有些標簽不實(shí)用就不用看了。
(3)屬性:知道每類(lèi)標簽都有什么屬性，一般來(lái)說(shuō)學(xué)習方法是知道有什么屬性，然后了解下哪些標簽不支持這些屬性。其實(shí)，除了name、id、class、style外很多元素屬性我們都很少用，涉及到格式的屬性，我們都用CSS來(lái)代替了。這也是H5推薦的做法，那些屬性在H5中都被廢棄了，比如background屬性。
(4)其他:其他的東西就是去了解一些額外的知識:歷史背景、關(guān)聯(lián)技術(shù)、深入技術(shù)，比如XML、DTD，甚至是Browser對頁(yè)面的解析、渲染過(guò)程，DOM樹(shù)的構建、RenderTree的構建過(guò)程，來(lái)幫助我們學(xué)習、開(kāi)發(fā)高效頁(yè)面�！罢n外知識”多了，自然就能做到“他強由他強，清風(fēng)拂山崗”的境界了。
html網(wǎng)頁(yè)設計實(shí)訓心得范文（精選17篇）5
如今移動(dòng)互聯(lián)網(wǎng)發(fā)展迅速，技術(shù)不斷的更新迭代，所學(xué)知識也需與時(shí)俱進(jìn)�，F在市場(chǎng)上的主流互聯(lián)網(wǎng)網(wǎng)站，需要打造的是一流用戶(hù)交互體驗。對于前端開(kāi)發(fā)者的要求，不再是簡(jiǎn)單的頁(yè)面展示，而是需要全棧式的前端開(kāi)發(fā)工程師。
方法一：注重實(shí)踐，由實(shí)踐出真知
在HTML5知識學(xué)習過(guò)程中，有些學(xué)員不喜歡動(dòng)手，更喜歡聽(tīng)講師講或者自己背誦，這種學(xué)習方法是萬(wàn)萬(wàn)不可取的。因為代碼的學(xué)習，是個(gè)需要動(dòng)手的過(guò)程。掌握代碼不僅僅只有記憶還有嘗試。嘗試自己去寫(xiě)代碼，然后發(fā)現問(wèn)題，最后進(jìn)行歸納總結，同時(shí)形成理論并記憶。
方法二：由整體到局部，由骨架到血肉
我們在學(xué)習HTML和CSS時(shí)，會(huì )涉及到網(wǎng)頁(yè)的搭建等相關(guān)知識。在學(xué)習這部分知識時(shí)我們采取的是“由外及內”、“由整體到部分”、“由全局到細節”的學(xué)習方法。我們在接觸某一個(gè)新的知識點(diǎn)時(shí)，一定要從主干到枝葉，不要拘泥于某一個(gè)細節而沉溺于其中。主干如同知識的一個(gè)主線(xiàn)，這種先找主干后添枝葉的學(xué)習方法能夠讓知識遺漏變成最少，也會(huì )比較容易建立起知識與知識間的關(guān)系。
方法三：記憶很重要
我們剛才在方法一中提到注重實(shí)踐，并不是讓我們忽略記憶。記憶也是同樣重要的，學(xué)習時(shí)我們通常會(huì )遇到需要記憶的知識點(diǎn)。如有哪些數據類(lèi)型、有哪些標簽元素等等。遇到這類(lèi)知識點(diǎn)時(shí)我們一定要通過(guò)記憶將其熟練掌握，很多人在學(xué)習的過(guò)程中覺(jué)得還是理解是最重要的，這種想法是錯誤的。因為如果連記都記不住還談什么理解呢?
方法四：類(lèi)比
在學(xué)習CSS引入方式這種知識點(diǎn)時(shí)，我們采用了另一種學(xué)習方法。類(lèi)比，或者也可以叫做辨析。這種方法主要針對于區分相似的兩種或多種事物。如strong與em，塊元素與行元素，同步與異步等等此類(lèi)知識具有相似性的知識，應多多思考，抓取幾種事物的不同點(diǎn)，結合去記憶。
方法五：循序漸進(jìn)的學(xué)習
學(xué)習是一個(gè)日積月累的過(guò)程，不能一口吃成一個(gè)胖子。在學(xué)習的過(guò)程中我們通常會(huì )遇到一些大型的知識，這種知識是比較難啃的。當我們遇到此類(lèi)知識時(shí)，不要急于求成，要腳踏實(shí)地一步一步的來(lái)，例如動(dòng)畫(huà)框架的學(xué)習就是一個(gè)典型的例子。
在循序漸進(jìn)的學(xué)習過(guò)程中，學(xué)習思路也是很重要的。換句話(huà)說(shuō)，我們面對一個(gè)“大型”的知識點(diǎn)，知道要按部就班的一步一步的來(lái)完成，但是就是不知道該怎么開(kāi)始，從哪兒開(kāi)始。這時(shí)候就需要我們有明確的學(xué)習思路，在學(xué)習知識的過(guò)程中重點(diǎn)是關(guān)注思路，而具體的小知識點(diǎn)就是血和肉。
方法六：有一雙善于發(fā)現的眼睛，利用生活輔助學(xué)習。
這種學(xué)習方法簡(jiǎn)單來(lái)講就是利用生活中的實(shí)際事物輔助抽象知識的學(xué)習。利用這種方法能夠讓我們更快更好的理解和吸收知識，例如在講解AJAX時(shí)我們利用了信件郵寄。在講解構造函數時(shí)，我們利用了毛坯房和裝修房。在講解引用類(lèi)型變量的時(shí)候我們借助了鑰匙和倉庫的關(guān)系等等。
學(xué)習并不是一蹴而就的，在學(xué)習過(guò)程中有一個(gè)良好的學(xué)習方法這是至關(guān)重要的。掌握一套自己的'學(xué)習方法，日后必定受益終生的。
還有最重要的一個(gè)關(guān)鍵，那就是你必須要堅持，必須要有求知的欲望。
隨著(zhù)互聯(lián)網(wǎng)的高速發(fā)展，軟件行業(yè)更加火爆，幾乎高薪職位都與軟件行業(yè)掛勾，程序員成了高薪的標志。HTML5作為近幾年非�；鸬能浖_(kāi)發(fā)語(yǔ)言，更是得到了多人一致的好評和青睞。既然HTML5這么火，學(xué)習這門(mén)課程當然前景更可觀(guān)。
只要努力學(xué)到真東西，前途自然不會(huì )差。如果你想學(xué)好HTML5開(kāi)發(fā)語(yǔ)言，應該根據自己的實(shí)際需求去實(shí)地看一下，先去試聽(tīng)之后，再選擇比較適合自己的，希望能給你帶去幫助。
其實(shí)你會(huì )使用HTML4.01，那么HTML5不需要多學(xué)，知道幾個(gè)刪除的標簽和新增的標簽就好。H5主要體現在新的javascript的api上，比如canvas的繪圖，js與video標簽結合來(lái)代替傳統的flash player的播放模式。
個(gè)人認為HTML5不止是超文本標簽語(yǔ)言，更像是一種集合，包含了HTML5CSS3JS，HTML5配合CSS3JS結合起來(lái)才能發(fā)揮作用，所以要學(xué)習HTML5還需要學(xué)習CSS3和javascript。
html網(wǎng)頁(yè)設計實(shí)訓心得范文（精選17篇）6
一連上了兩個(gè)星期的網(wǎng)頁(yè)實(shí)訓課，可以說(shuō)學(xué)到很多以前沒(méi)有學(xué)到的東西。雖然在大一的時(shí)候我們的專(zhuān)業(yè)出開(kāi)設了網(wǎng)頁(yè)設計課，但感覺(jué)這兩個(gè)星期學(xué)到的遠遠比以前學(xué)一個(gè)學(xué)期的要多，要豐富。
每一天都有新的內容要學(xué)，讓人感覺(jué)很興奮，很高興，恨不得馬上就把它給學(xué)會(huì )。通過(guò)這次實(shí)訓使我更熟練掌握Dreamweaver、Flash、Fireworks、Photoshop等軟件的功能和應用。不但如此，更增加了同學(xué)間的友誼，陪養了彼此間的團結。
在這期間，每一天老師都會(huì )發(fā)一些素材和實(shí)訓給我們，首先是網(wǎng)頁(yè)素材的準備，在網(wǎng)上查看一些網(wǎng)頁(yè)背景和背景顏色搭配，讓我了解到網(wǎng)頁(yè)的顏色不能多過(guò)3種色彩。接下來(lái)的幾天再結合自己的網(wǎng)頁(yè)來(lái)進(jìn)行策劃，在做首頁(yè)之前，先用圖紙把網(wǎng)頁(yè)的結構畫(huà)出來(lái)，內容和結構都想清楚用Fireworks把網(wǎng)頁(yè)設計出來(lái)，再切割圖片，把它們導成Html格式在Dreamweaver中進(jìn)行進(jìn)一步的編輯。
我們的網(wǎng)站主要是圍繞宿舍而展開(kāi)的一串活動(dòng)、人物等，宿舍給我們一種很溫馨、很快樂(lè )的感覺(jué)，所以我們決定將這次的網(wǎng)頁(yè)名叫funnyroom。主題確定好了，那么分工出就明確了，我們組有三個(gè)人，兩個(gè)人負責找素材，另一個(gè)美術(shù)好的就負責網(wǎng)頁(yè)的頁(yè)面設計，但是我們始終不是學(xué)美術(shù)方面的，所以色彩方面搭配的不是很好，后來(lái)采用了色彩比較清新自然的綠色來(lái)作為首頁(yè)的主色調，讓人第一眼看上去就有難忘的感覺(jué)。而從第二頁(yè)開(kāi)始就采用粉色為主色調，讓人可以感受到我們的主題，因為首頁(yè)和其它的顏色不一樣，所以我們就把首頁(yè)當作是過(guò)渡頁(yè)，第二頁(yè)開(kāi)始才是網(wǎng)頁(yè)的內容。為了增加網(wǎng)頁(yè)的新鮮感和活潑感，還適當在添加一些透明flash和一些網(wǎng)頁(yè)特效。在這實(shí)訓的.時(shí)間里面，我們分工合作，共同努力，對網(wǎng)頁(yè)反復調試和修改，特別是對于Fireworks軟件不那么熟悉，有很多的實(shí)例都要看過(guò)老師的演示才會(huì )明白，不過(guò)這也恰恰讓我學(xué)到更多。雖然中途難不免會(huì )有因為意見(jiàn)的不合而發(fā)生一些小小的爭吵，但我覺(jué)得不影響我們的網(wǎng)頁(yè)設計，反而會(huì )因為這些不同的意見(jiàn)而重新學(xué)到更多的知識。
html網(wǎng)頁(yè)設計實(shí)訓心得范文（精選17篇）7
時(shí)間過(guò)得很快，從剛開(kāi)始的培訓開(kāi)始到現在的培訓結束，似乎都是眨眼間的事情。首先很感謝任課老師莫老師和班主任以及其他騰科工作人員的工作付出，還有班級上共同學(xué)習進(jìn)步的'小伙伴們，讓我順利的學(xué)完了HTML5所有課程。這次HTML5課程的學(xué)習讓我學(xué)到了很多前端方面的知識，感覺(jué)自身的IT技術(shù)提升了不少。
此次課程培訓讓我對HTML5有了更加深入的了解。HTML指的是超文本標記語(yǔ)言，標記語(yǔ)言是一套標記標簽，HTML使用標記標簽來(lái)描述網(wǎng)頁(yè)。HTML5區別于HTML的標準，基于全新的規則手冊，提供了一些新的元素和屬性，在web技術(shù)發(fā)展的過(guò)程中成為新的里程碑。從市場(chǎng)來(lái)看，無(wú)論是桌面應用還是移動(dòng)應用，HTML5都是當下Web技術(shù)中最炙手可熱的新寵，是創(chuàng )新的主旋律，在不久的時(shí)間里一定會(huì )大有作為。
學(xué)習都是一步一個(gè)腳印，H5學(xué)習也是從前端開(kāi)發(fā)的基礎學(xué)起，首先學(xué)習使用HTML、CSS、Java、Jquery等一系列前端技術(shù)，實(shí)現一些網(wǎng)頁(yè)動(dòng)態(tài)效果。再到后面的Vue。js、bootstrap、Type等一些主流框架，還有微信小程序的學(xué)習。培訓課程當然不是上課聽(tīng)懂就可以，而是必須能要去動(dòng)手操作，達到熟練使用的要求和效果，為了保證學(xué)習效果，課程以理論和實(shí)例相結合的方式進(jìn)行授課。而且每個(gè)學(xué)習階段的結束都會(huì )做一個(gè)實(shí)訓項目，做項目不僅能是學(xué)到一些新知識，也能查缺補漏，鞏固自己所學(xué)知識。
最好希望自己早日找到工作，在前端開(kāi)發(fā)這條路上創(chuàng )造輝煌！
html網(wǎng)頁(yè)設計實(shí)訓心得范文（精選17篇）8
HTML5在網(wǎng)頁(yè)開(kāi)發(fā)上，賦予網(wǎng)頁(yè)更好的意義和結構，更加豐富的標簽將隨著(zhù)對RDFa的，微數據與微格式等方面的支持，構建對程序、對用戶(hù)都更有價(jià)值的數據驅動(dòng)的Web。北京恒泰博遠軟件開(kāi)發(fā)公司對HTML5的解釋是，為開(kāi)發(fā)者提供了一個(gè)跨平臺的移動(dòng)apps開(kāi)發(fā)方案，并且該方案具有很好的擴展性和靈活性。
由目前it行業(yè)使用html5開(kāi)發(fā)app來(lái)看，如今國內使用html5開(kāi)發(fā)app應用技術(shù)尚有欠缺，因為在手機開(kāi)發(fā)app上，html5應用只有兩種方法，要不就是全使用HTML5的語(yǔ)法，要不就是僅使用JavaScript引擎。
JavaScript引擎的構建方法讓制作手機網(wǎng)頁(yè)游戲成為可能。由于界面層很復雜，已預訂了一個(gè)UI工具包去使用。
純HTML5手機應用運行緩慢并錯漏百出，但優(yōu)化后的效果會(huì )好轉。盡管不是很多人愿意去做這樣的優(yōu)化，但依然可以去嘗試。
HTML5手機應用的最大優(yōu)勢就是可以在網(wǎng)頁(yè)上直接調試和修改。原生應用的開(kāi)發(fā)人員可能需要花費非常大的力氣才能達到HTML5的效果，不斷地重復編碼、調試和運行，這是首先得解決的一個(gè)問(wèn)題。
即使這樣，我們還是很看好html5app開(kāi)發(fā)，原因有一下幾點(diǎn)。
一、是基于html5強大的兼容性，因為HTML5提供了前所未有的數據與應用接入開(kāi)放接口，使外部應用可以直接與瀏覽器內部的數據直接相連，例如視頻影音可直接與microphones及攝像頭相聯(lián)，就因為這種強大的'兼容性，使得在當下開(kāi)發(fā)界是如此的火，同樣也是因為這強大的兼容性，使得手機應用軟件，app更適合，也更方便。所以更適合手機app軟件開(kāi)發(fā)，正好補充了手機小巧的不足。
二、html5app開(kāi)發(fā)支持的手機系統有android、ios。
三、html5其突出的特點(diǎn)就是強化了web頁(yè)的表現性,追加了本地數據庫，可以用作離線(xiàn)應用的開(kāi)發(fā)，離線(xiàn)應用就是把需要的資源先緩存到本地，下次再查看時(shí)無(wú)需聯(lián)網(wǎng)。
四、html5app開(kāi)發(fā)，能提供更快、更簡(jiǎn)便的服務(wù)，代碼可高度重用，服務(wù)發(fā)布方便。
五、動(dòng)畫(huà)、游戲動(dòng)態(tài)效果，地理定位等很多app應用正在崛起，而html5技術(shù)的強大優(yōu)勢就是這種讓我們驚嘆的效果。而未來(lái)采用html5開(kāi)發(fā)app的，將會(huì )大量減少代碼量，應用軟件也會(huì )得到更高的用戶(hù)體驗，更好的視覺(jué)效果。
html網(wǎng)頁(yè)設計實(shí)訓心得范文（精選17篇）9
這個(gè)學(xué)期學(xué)習了網(wǎng)頁(yè)設計實(shí)訓基礎這門(mén)課程，使我增加了計算機的基礎知識，同時(shí)也增加了對學(xué)習計算機的濃厚興趣。
第一、從這次實(shí)訓當中我深刻的體會(huì )到理論知識的重要性，只有在自己熟練理論知識后再能在實(shí)踐中游刃有余，才不會(huì )出現“用時(shí)方恨少的境地�！�
第二、實(shí)訓中我印象最深的是對各種網(wǎng)頁(yè)制作工具的使用不熟練，甚至還有個(gè)別不會(huì )用的，只是自己想要做個(gè)圖片或圖標等都做不好，其心情想而知。所以對這些網(wǎng)頁(yè)是做工具的使用都要練習。
第三、集體協(xié)作是我又一個(gè)體會(huì )。這次網(wǎng)頁(yè)制作由于某些原因我一個(gè)人一組，是我搞掘到壓力很大而且很累，而且我自己的'思維能力很有限，網(wǎng)站設計和制作上也略顯粗糙和不足，正所謂：你有一個(gè)思想，我有一個(gè)思想，分享后我們就都有兩個(gè)思想。所以與同學(xué)合作是很有必要的。
人生的快樂(lè )莫過(guò)于做自己喜歡的事情，我很慶幸能有這次實(shí)訓機會(huì )，因為我喜歡靜靜地坐著(zhù)去做做自己心里的故事，或許做的不是特別完美，從此也可以看出我以后還需要更多的努力，我會(huì )奮勇向前不斷不努力的，希望能夠得到老師的肯定！
html網(wǎng)頁(yè)設計實(shí)訓心得范文（精選17篇）10
本學(xué)期的網(wǎng)業(yè)設計課程，開(kāi)展了動(dòng)態(tài)思維訓練教學(xué)活動(dòng)，對于我們學(xué)生來(lái)說(shuō)，可以激發(fā)學(xué)習興趣，調動(dòng)學(xué)習的自覺(jué)性，自己動(dòng)腦、動(dòng)手，動(dòng)口，運用網(wǎng)絡(luò )資源，結合教材及老師的指導，通過(guò)自身的實(shí)踐，創(chuàng )作出積聚個(gè)人風(fēng)格、個(gè)性的個(gè)人網(wǎng)頁(yè)�？傮w來(lái)說(shuō)，整個(gè)學(xué)期的學(xué)習過(guò)程，我學(xué)會(huì )了很多知識，雖然過(guò)程比較艱辛，但在INTENET領(lǐng)域中，有了一個(gè)展示自我的空間，我覺(jué)得很開(kāi)心、很有成就感。
一、充分發(fā)揮動(dòng)手能力
作為網(wǎng)頁(yè)設計的初學(xué)者，我對網(wǎng)頁(yè)設計非常感興趣，一心想設計出一個(gè)美觀(guān)、實(shí)用、內容豐富的個(gè)人網(wǎng)頁(yè)。本學(xué)期的教改方案由以前學(xué)生單純接受知識變?yōu)橹鲃?dòng)參與教學(xué)活動(dòng)。在這樣的壓力和動(dòng)力下，通過(guò)自己動(dòng)手、動(dòng)腦，通過(guò)網(wǎng)絡(luò )資源，老師的指導，在不斷發(fā)現問(wèn)題和解決問(wèn)題的過(guò)程中學(xué)到了很多知識，也增強了我的創(chuàng )作能力和動(dòng)手能力，在網(wǎng)頁(yè)設計過(guò)程中，從構思到設計、完善、維護，整個(gè)過(guò)程我都全身心投入，使我真正學(xué)到了網(wǎng)頁(yè)設計的知識。
二、在設計過(guò)程中不斷提高網(wǎng)頁(yè)設計水平
在本次網(wǎng)頁(yè)設計中，我不僅學(xué)到了很多關(guān)于網(wǎng)頁(yè)設計方面的知識，也從中學(xué)會(huì )了關(guān)于網(wǎng)絡(luò )、編程等方面的知識。我從最初開(kāi)始運用FrontPage設計網(wǎng)頁(yè)，到后來(lái)運用Dreamweaver、Flash、Fireworks等網(wǎng)軟件設計網(wǎng)頁(yè)，完善網(wǎng)頁(yè)。在這個(gè)過(guò)程中，我通過(guò)自學(xué)教材、上網(wǎng)查詢(xún)，學(xué)習了Dreamweaver、Flash、Fireworks等網(wǎng)頁(yè)軟件的應用，學(xué)會(huì )了管理、維護自己的站點(diǎn)，以及一些簡(jiǎn)單動(dòng)畫(huà)、控件的制作等等。在設計過(guò)程中也出現了很多的問(wèn)題，但通過(guò)看書(shū)，上網(wǎng)查詢(xún)，請教老師等方式，不斷的學(xué)習、解決、提高，設計出的網(wǎng)頁(yè)不論是外觀(guān)還是內容，都在不斷的進(jìn)步、改善�？梢哉f(shuō)在自己動(dòng)手，不斷實(shí)踐的過(guò)程中，網(wǎng)頁(yè)設計水平得到了很大的提高。
三、不足之處
由于平時(shí)工作比較繁忙，學(xué)習時(shí)間比較少，對于網(wǎng)頁(yè)設計軟件的強大功能運用得還不夠。在網(wǎng)頁(yè)設計過(guò)程中，由于沒(méi)有網(wǎng)頁(yè)制作代碼的知識，所以在設計時(shí)也遇到了很多麻煩，有時(shí)插入一個(gè)特效腳本也是很麻煩。在網(wǎng)頁(yè)制作過(guò)程中，想提高設計水平，想有個(gè)理想的網(wǎng)頁(yè)，必須學(xué)會(huì )代碼的運用，我將在以后的學(xué)習過(guò)程中不斷加強這方面的學(xué)習，希望老師能簡(jiǎn)單介紹一下代碼，讓我也對它有個(gè)初步的'認識，以后再加強學(xué)習也才會(huì )有所提高。
總體來(lái)說(shuō)，通過(guò)今次的對網(wǎng)頁(yè)設計的學(xué)習，有收獲也有遺憾、不足的地方，但我想，我已經(jīng)邁入了網(wǎng)頁(yè)設計的大門(mén)，只要我再認真努力的去學(xué)習，去提高，憑借我對網(wǎng)頁(yè)設計的熱情和執著(zhù)，我將來(lái)設計出的網(wǎng)頁(yè)會(huì )更加專(zhuān)業(yè)，更完善。也希望老師在今后的日子里多指導。
html網(wǎng)頁(yè)設計實(shí)訓心得范文（精選17篇）11
通過(guò)這次實(shí)訓，我收獲了很多。以下是我的實(shí)訓總結。
在實(shí)訓中除了學(xué)到了許多新的知識，還鍛煉了我做項目的能力，提高了獨立思考問(wèn)題、自己動(dòng)手操作的能力。實(shí)訓中的項目作業(yè)也使我更加有團隊精神。
一、繼續學(xué)習，不斷充實(shí)自我。
在實(shí)訓中除了學(xué)到了許多新的知識，了解了關(guān)于HTML5的相關(guān)知識，對互聯(lián)網(wǎng)+有了新的認識，對于未來(lái)工作的方向也多了一種選擇。
二、努力實(shí)踐，不斷提升自我。
只有將理論付諸于實(shí)踐才能實(shí)現理論自身的'價(jià)值，也只有將理論付諸于實(shí)踐才能使理論得以檢驗。同樣，一個(gè)人的價(jià)值也是通過(guò)實(shí)踐活動(dòng)來(lái)實(shí)現的，也只有通過(guò)實(shí)踐才能鍛煉人的品質(zhì)，彰顯人的意志。這次跟隨老師實(shí)訓完成了四個(gè)項目，和我的小伙伴們獨立完成了一個(gè)小項目，滿(mǎn)滿(mǎn)的激動(dòng)，未來(lái)還要更加努力。
三、完善總結，不斷深造自我。
實(shí)訓，展現在自己面前的是一片任自己馳騁的沃土，耕種夢(mèng)想，成就未來(lái)。我將繼續學(xué)習，深入實(shí)踐，不斷提升自我，多反思，多總結，吸取經(jīng)驗，為以后打下基礎。
可以說(shuō)這次實(shí)訓不僅使我學(xué)到了知識，豐富了經(jīng)驗；將會(huì )有利于我更好的適應以后的工作。最后，我要感謝學(xué)院組織的這次十分有意義的實(shí)訓，使我們學(xué)到了很多，也領(lǐng)悟了很多。
html網(wǎng)頁(yè)設計實(shí)訓心得范文（精選17篇）12
20世紀40年代科學(xué)字發(fā)明了計算機之后，人們的工作效率大大提高，但是單個(gè)計算機能夠存儲和處理的信息是非常有限的，為了便于信息的傳遞和處理，人們就把眾多的計算機連接起來(lái)。
網(wǎng)頁(yè)制作論文摘要通過(guò)這次個(gè)人網(wǎng)頁(yè)的制作，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁(yè)制作的過(guò)程與一些技巧手法更有了另外一番了解，對網(wǎng)頁(yè)制作的基礎知識也有了一定的.掌握。通過(guò)把自己的網(wǎng)頁(yè)上傳到互聯(lián)網(wǎng)上，對文件的保存、上傳、下載以及修改等知識有了更牢靠的掌握。通過(guò)自己的努力完成了自己上傳到網(wǎng)上的第一個(gè)作品，那種成就感是無(wú)法用語(yǔ)言形容的。所以我覺(jué)得這次制作網(wǎng)頁(yè)我已經(jīng)達到了自己的目的，而不是單單為了完成作業(yè)而已。這是一個(gè)完全關(guān)于自己的個(gè)人網(wǎng)頁(yè)，既然是介紹自己，就應該讓觀(guān)者在瀏覽了之后了解自己其人。
1、一般來(lái)說(shuō)，個(gè)人主頁(yè)的選材要小而精。如果你想制作一個(gè)包羅萬(wàn)象的站點(diǎn)，把所有您認為精彩的東西都放在上面，那么往往會(huì )事與愿違，給人的感覺(jué)是沒(méi)有主題，沒(méi)有特色，樣樣有卻樣樣都很膚淺，因為您不可能有那么多的精力去維護它。注意：網(wǎng)頁(yè)的最大特點(diǎn)就是更新快。目前最受歡迎的個(gè)人主頁(yè)都是天天更新甚至幾小時(shí)更新一次。
2、題材最好是你自己擅長(cháng)或者喜愛(ài)的內容。比如：您對詩(shī)歌感興趣，可以放置自己的詩(shī)詞；對足球感興趣，可以報道最新的球場(chǎng)戰況等等。這樣在制作時(shí)，才不會(huì )覺(jué)得無(wú)聊或者力不從心。
3、不要太濫或者目標太高�！疤珵E”是指到處可見(jiàn)，人人都有的題材；“目標太高”是指在這一題材上已經(jīng)有非常優(yōu)秀，知名度很高的站點(diǎn)，你要超過(guò)它是很困難的。
選定了一個(gè)好的題材，是不是可以立刻動(dòng)手制作了？不，經(jīng)驗告訴我們，必須要先規劃框架。這是很重要的一步！每個(gè)網(wǎng)站都是一項龐大的工程。好比造高樓，沒(méi)有設計圖紙，規劃好結構，盲目的建造，結果往往是倒塌；也好比寫(xiě)文章，構思好提綱，才不至于邏輯混亂，虎頭蛇尾。全面仔細規劃架構好自己網(wǎng)站，不要急于求成。
規劃一個(gè)網(wǎng)站，可以用樹(shù)狀結構先把每個(gè)頁(yè)面的內容大綱列出來(lái)，尤其當你要制作一個(gè)很大的網(wǎng)站 （有很多頁(yè)面） 的時(shí)候，特別需要把這個(gè)架構規劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個(gè)網(wǎng)站的架構，十分累人，也十分費錢(qián)。
大綱列出來(lái)后，你還必須考慮每個(gè)頁(yè)面之間的鏈接關(guān)系。是星形，樹(shù)形，或是網(wǎng)形鏈接。這也是判別一個(gè)網(wǎng)站優(yōu)劣的重要標志。鏈接混亂，層次不清的站點(diǎn)會(huì )造成瀏覽困難，影響內容的發(fā)揮。
html網(wǎng)頁(yè)設計實(shí)訓心得范文（精選17篇）13
通過(guò)這次實(shí)訓對這門(mén)課程的學(xué)習，做好網(wǎng)頁(yè)，并不是一件容易的事，它包括網(wǎng)頁(yè)的選題、 內容采集整理、 圖片的處理、 頁(yè)面的排版設置、 背景及其整套網(wǎng)頁(yè)的色調等很多東西。
所以我得出一下總結：
一、 準備資料和挑選符合目的主題的合適素材
做網(wǎng)頁(yè)當然要收集、準備資料。在網(wǎng)上多轉轉，看到什么漂亮的網(wǎng)頁(yè)，把它保存起來(lái)， 作為以后自己設計主頁(yè)時(shí)的`參考。另外，還包括搜集美化主頁(yè)可能要用到的各種材料，如背景、小動(dòng)畫(huà)圖標等等�？梢栽谟脖P(pán)上建一個(gè)文件夾，下分“圖片、聲音、動(dòng)畫(huà)”等文件夾， 養成上網(wǎng)時(shí)看到有創(chuàng )意、新鮮的圖像，就按鼠標右鍵存入你硬盤(pán)相應文件夾的習慣，時(shí)間一長(cháng)就擁有了一個(gè)可觀(guān)的圖庫，等做網(wǎng)頁(yè)時(shí)隨手拈來(lái)或加以修改就成你自己的東西了。
二、 規劃好整個(gè)網(wǎng)站
主頁(yè)的設計應以醒目?jì)?yōu)先，應該令人一目了然，切勿堆砌太多不必要的細節，或使畫(huà)面 過(guò)于復雜。切記，頁(yè)面給人的第一觀(guān)感最為重要！在網(wǎng)上到處瀏覽網(wǎng)站的人很多，如果你的主頁(yè)給人的第一印像沒(méi)有吸引力， 很難令他們深入觀(guān)賞， 而且他們恐怕再也不會(huì )訪(fǎng)問(wèn)你的網(wǎng)站了。
三、 善用圖片，增強藝術(shù)效果
我記得老師說(shuō)過(guò)網(wǎng)頁(yè)的迷人之處之一， 要算它上面能點(diǎn)綴許多漂亮的圖片。 精美的圖片設計，可以使自己的網(wǎng)頁(yè)增輝不少，令人過(guò)目不忘。圖片的內容應有一定的實(shí)際作用，切忌 虛飾浮夸，同時(shí)還要注意與文字的顏色搭配。最佳的圖像集美觀(guān)與資訊于一身。
四、善于借鑒他人主頁(yè)制作中的設計技巧
由于在網(wǎng)上用瀏覽器瀏覽任何主頁(yè)時(shí)， 都能查看到該主頁(yè)制作時(shí)所編寫(xiě)的絕大部分網(wǎng)頁(yè)編程源代碼。因此，如果想知道并掌握一些優(yōu)秀的主頁(yè)采用的設計技巧，試著(zhù)將其源代碼 調出來(lái)仔細揣摩，并模仿著(zhù)一步一步去實(shí)現。
最后感謝老師多日來(lái)的辛勤教導！
html網(wǎng)頁(yè)設計實(shí)訓心得范文（精選17篇）14
在炎熱的夏季，又在悶熱的機房中，我們又一次的完成了網(wǎng)站建設的實(shí)習。在這實(shí)習期間，有太多的話(huà)想說(shuō)，都是苦不堪言。但事后又想想，苦過(guò)了，才知道有甜。
在這實(shí)習當中，我知道了div是html(超文本語(yǔ)言)中的一個(gè)元素,div+cs是一種網(wǎng)頁(yè)的布局方法,div+css包括 行內樣式、內嵌式、鏈接式、導入式、css選擇器、標記選擇器、類(lèi)別選擇器、id選擇器、選擇器聲明、css繼承。還有id與class區別：id不允許重復使用，只能用一次，css規范和其他規范javascript控制方法一樣。
說(shuō)實(shí)話(huà)，我對div+css一點(diǎn)兒都不懂，但起碼我知道了這是一種網(wǎng)頁(yè)的布局格式，總比不知道強。有句話(huà)說(shuō)，不懂就要學(xué)。是的，既然學(xué)了了這個(gè)專(zhuān)業(yè)，就不能對這個(gè)專(zhuān)業(yè)模糊。所以，就要學(xué)習學(xué)習再學(xué)習。征服畏懼、建立自信的最快最確實(shí)的方法，就是去做你害怕的事，直到你獲得成功的經(jīng)驗。
我們經(jīng)過(guò)兩周的實(shí)訓，通過(guò)前期的合同洽談、簽訂，到后期的網(wǎng)站制作、網(wǎng)站發(fā)布，讓我受益匪淺。不僅讓我了解通過(guò)網(wǎng)絡(luò )洽談商務(wù)的禮儀和細節，也讓我的網(wǎng)站制作知識及技能有了很大提高。
前期我們通過(guò)發(fā)送電子郵件，進(jìn)行網(wǎng)上商務(wù)的接洽。由于沒(méi)有做好工作——了解商務(wù)郵件的格式，導致郵件發(fā)了很長(cháng)一段時(shí)間，雙方還僅僅停留在認識階段，確實(shí)說(shuō)來(lái)很失敗。
在擬定合同時(shí)，由于不能真正滿(mǎn)足客戶(hù)的需求，一些條款及報價(jià)不合理，因此要一次又一次反復的修改合同。這主要是因為我們不能正確解讀客戶(hù)的要求，并且我們不能拿出我們公司為大洋禮品公司網(wǎng)站建設的特色。
在網(wǎng)站制作的起初階段，由于不曾制作過(guò)網(wǎng)頁(yè)，雖然團隊確立了分工，但還是有些迷茫。公司沒(méi)有確立風(fēng)格和大體的布局，并且搜集資料是一個(gè)漫長(cháng)而又復雜的過(guò)程。通過(guò)瀏覽各類(lèi)禮品網(wǎng)站，心里大概有了一定的想法和設計。
我的主要任務(wù)有“誠聘英才” 、“產(chǎn)品導航” 、“展會(huì )禮品” 、“廣告促銷(xiāo)禮品” 。我最先做的是“誠聘英才” ，我是參照中國電信誠聘英才首頁(yè)做的，它看似制作簡(jiǎn)單，其實(shí)布局十分復雜、精致。在處理圖片是我遇到了不少困難，最典型的就是有一次我想在圖片中插入文字，但始終插入不了，后來(lái)通過(guò)請教老師，總算知道了其中的奧妙。原來(lái)是圖層被鎖定了，要重新拷貝圖層，再考貝的圖層上就可以插入文字了，并且文字其實(shí)也是一個(gè)圖層，它是可以移動(dòng)的。盡管我為誠聘英才網(wǎng)頁(yè)付出了很多，但并沒(méi)有被采納，并且此時(shí)我也設計了logo，也沒(méi)有被采納。
“產(chǎn)品導航”是一個(gè)困擾我一上午的問(wèn)題(此刻公司首頁(yè)已經(jīng)制作完畢，而它與合同上的“產(chǎn)品導航”頁(yè)面布局類(lèi)似，于是這讓我一時(shí)間很難抉擇。我就一邊設計一邊思考，此時(shí)我為公司定的色彩風(fēng)格是紅色，我為導航欄設計的是交互式按鈕，并且設計了初始字體、懸停、按下時(shí)字體顏色�？墒沁@一切都是白費，由于后來(lái)我們將風(fēng)格確定為藍色，并且導航欄確定都采用首頁(yè)中插入的圖片，但我覺(jué)得這樣有些不好：例如它不可以設置超鏈接的字體顏色，這是很不專(zhuān)業(yè)的體現。團隊由于缺乏及時(shí)的溝通，導致其他組員一些好的想法得不到實(shí)施，確實(shí)是我們團隊合作的.一個(gè)問(wèn)題所在。
展會(huì )禮品、廣告促銷(xiāo)禮品由于套用相同的布局，設計上沒(méi)有什么難點(diǎn)，只是在這基礎上進(jìn)行產(chǎn)品的進(jìn)一步分類(lèi)和圖片的搜集有些費神和花時(shí)間。我在制作這一系列網(wǎng)頁(yè)時(shí)，都特別注意修改網(wǎng)頁(yè)標題。網(wǎng)頁(yè)標題是十分重要的，它是每打開(kāi)一張網(wǎng)頁(yè)的頭標。
前面這一階段的工作我還有一個(gè)小收獲，這就是圖片位置，其實(shí)在圖片屬性中圖片定位選擇絕對定位，再在下面輸入距左距上的距離即可，這是一個(gè)很不錯的方法。
后期我們進(jìn)行每個(gè)人作的網(wǎng)頁(yè)整合時(shí)遇到了不少問(wèn)題 ，原先我們認為超鏈接是可以整合的，其實(shí)不然，只能在一個(gè)文件內作。當時(shí)已經(jīng)花了一天的工時(shí)，可后來(lái)在晚上才發(fā)現，不只這個(gè)問(wèn)題，還有每個(gè)人做的網(wǎng)頁(yè)都是保存在網(wǎng)站文件夾下，而最后上傳到服務(wù)器上只能有一個(gè)網(wǎng)站文件夾。所以后來(lái)我們組有三個(gè)人加班熬夜的。原本以為這樣已經(jīng)差不多了，可是當我們把網(wǎng)站通過(guò) windowsxxiis默認web站點(diǎn)上傳進(jìn)行本地調試時(shí)發(fā)現所有網(wǎng)頁(yè)導航欄的圖片都顯示不出來(lái)，一些超鏈接也無(wú)法連接，這下讓我們有些驚慌失措。通過(guò)向老師了解，知道可能是圖片命名的問(wèn)題，web服務(wù)器無(wú)法識別中文命名的圖片，此外網(wǎng)頁(yè)也需命名為英文。于是我們又忙于修改圖片和網(wǎng)頁(yè)的名稱(chēng)。我的所制作的展會(huì )禮品將網(wǎng)頁(yè)都放在private文件夾下，導致所有需要連接到展會(huì )禮品首頁(yè)的都不能進(jìn)行。我首先需要把private文件夾下的網(wǎng)頁(yè)全部剪切出來(lái)，并且檢查超鏈接，而這些只能在frontpage文件夾試圖下進(jìn)行。同時(shí)還要在http上檢測，進(jìn)行及時(shí)的修改。超鏈接檢測是我展會(huì )禮品網(wǎng)頁(yè)的一個(gè)主要問(wèn)題。公司主頁(yè)上的“展會(huì )禮品”始終連接不到“展會(huì )禮品首頁(yè)” ，反復的進(jìn)行超鏈接都無(wú)法成功，其實(shí)是因為我所連接的超鏈接路徑不對，其實(shí)我應該根據瀏覽器上不能連接到的網(wǎng)頁(yè)路徑進(jìn)行修改超鏈接。
經(jīng)過(guò)這翻調試、測試，網(wǎng)站不存在圖片顯示不出來(lái)的問(wèn)題，以及超鏈接無(wú)法連接的問(wèn)題。
在互聯(lián)網(wǎng)越來(lái)越深入到生活中每一個(gè)角落的年代，網(wǎng)頁(yè)的表現形式就如同以前書(shū)本上的文字，傳達著(zhù)的是網(wǎng)絡(luò )語(yǔ)言，每一條線(xiàn)、每一個(gè)色塊、每一種版式、每一種組合都傳遞給閱讀者一種感覺(jué)。實(shí)際上網(wǎng)頁(yè)的表現形式已是互聯(lián)網(wǎng)至關(guān)重要的元素。它是一種創(chuàng )造性、有成就感的工作。
html網(wǎng)頁(yè)設計實(shí)訓心得范文（精選17篇）15
轉眼間，已到了期末，學(xué)習網(wǎng)頁(yè)設計這門(mén)課程也要結束了，雖然時(shí)間有點(diǎn)短，但是學(xué)過(guò)這個(gè)幾周以后我受益匪淺。
記得最初接觸dreamweaver的時(shí)候，我很茫然，因為剛接觸陌生的軟件心里會(huì )很害怕跟不上老師的進(jìn)程。剛開(kāi)始幾節課，老師講得比較基礎，還能跟得上，漸漸的老師授課的進(jìn)程開(kāi)始加速，有些跟不上了，需要下課后自己補上，問(wèn)老師和周?chē)耐瑢W(xué)。漸漸的，在老師的悉心教導下，我們開(kāi)始熟悉這個(gè)軟件了。老師布置的第一個(gè)任務(wù)，要求做一個(gè)自我形象網(wǎng)站。由于學(xué)習的時(shí)間較短，老師只要求用PS做好模板即可，任務(wù)相對簡(jiǎn)單。但也要求設計感強，色彩搭配和諧，并且盡可能的做成實(shí)用又符合實(shí)際的漂亮網(wǎng)頁(yè)。
第二個(gè)網(wǎng)頁(yè)設計老師要求相對較高，用dreamweaver做一個(gè)比較接近真實(shí)的網(wǎng)頁(yè)，還要做一個(gè)二級頁(yè)面。于是開(kāi)始收集各方面的資料。確定了主題就開(kāi)始布局了。最開(kāi)始使用了一個(gè)表格，然后在表格內進(jìn)行拆分合并處理，接著(zhù)就把通過(guò)ps處理出來(lái)一個(gè)版頭并且把修改過(guò)大小的圖片放進(jìn)去了。
中間時(shí)預覽，問(wèn)題出現了，發(fā)現版頭與下面的圖片文字之間出現了很大的一段距離，但是在軟件中已經(jīng)把距離縮小為0了，多次嘗試后沒(méi)有效果。最后想到可以另外再加一個(gè)表格，把版頭放在一個(gè)表格內面，這樣問(wèn)題就解決了。預覽是效果還不錯。但是總覺(jué)得首頁(yè)做得太普通，一次瀏覽學(xué)長(cháng)做的網(wǎng)頁(yè)時(shí)，覺(jué)得他們的文字滾動(dòng)窗口做得效果做得不錯，于是想借見(jiàn)一下。就決定把自己網(wǎng)站的左邊修改修改。復制了他的代碼，把上面的內容修改成我的網(wǎng)站需要的文字。本以為可以輕松的完成，但是卻出現大問(wèn)題了。
因為需要滾動(dòng)的文字占的空間太大，把左邊的那部分表格全部占滿(mǎn)了，而在實(shí)際的網(wǎng)頁(yè)預覽中，這個(gè)有文字滾動(dòng)的框只占了左邊Oeasy教你玩轉網(wǎng)頁(yè)設計瀏覽的工具建站程序三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了很多方法，在網(wǎng)站查了很多資料，可能因為沒(méi)有專(zhuān)業(yè)術(shù)語(yǔ)作為搜索的關(guān)鍵詞，查不到任何相關(guān)的資料，試過(guò)div標簽，試過(guò)不停的'拆分表格，最后還是沒(méi)有效果。
就這樣試著(zhù)試著(zhù)，突然想到了層這個(gè)概念。于是在布局中點(diǎn)擊了繪制層，結果成功了，經(jīng)過(guò)一些加工，終于成功的完成左邊的布局。印象還比較深刻的是插入聲音，記得老師曾經(jīng)給我們講過(guò)很多次怎樣插入聲音，可是等到自己做網(wǎng)頁(yè)的時(shí)候卻忘記了，于是問(wèn)其他人，結果居然都忘記了，于是自己在百度上收。
最后終于找到了一個(gè)可以使用的代碼，但是在加入聲音路徑時(shí)出現了問(wèn)題。在屬性?xún)燃尤朐次募�，結果就是加不進(jìn)去MP3的音樂(lè )文件，然后自己就嘗試加入了一個(gè)視頻，記下了路徑格式，然后照著(zhù)這種格式寫(xiě)下了指向聲音源文件的路徑，最后成功了。在設計過(guò)程中還出現了很多的問(wèn)題，但通過(guò)看書(shū)，上網(wǎng)查詢(xún)，請教同學(xué)等方式，不斷的學(xué)習、解決、提高，設計出的網(wǎng)頁(yè)不論是外觀(guān)還是內容，都在不斷的進(jìn)步、改善�？梢哉f(shuō)在自己動(dòng)手，不斷實(shí)踐的過(guò)程中，網(wǎng)頁(yè)設計水平得到了很大的提高。熱情和執著(zhù)，我將來(lái)設計出的網(wǎng)頁(yè)會(huì )更加專(zhuān)業(yè)，更完善。
html網(wǎng)頁(yè)設計實(shí)訓心得范文（精選17篇）16
6.10號是我去培訓學(xué)校學(xué)習的第一天，剛來(lái)時(shí)什么也不懂也不會(huì )，可以這么說(shuō)完全是零基礎。一天的學(xué)習下來(lái)，自己深受觸動(dòng)，認真聽(tīng)講，認真筆記。一天的學(xué)習量很多也很充實(shí)。于是每天這么度過(guò)，一刻也不敢懈怠。漸漸地，我從無(wú)知到接觸
揣摩H5，開(kāi)始老師講的聽(tīng)不懂，但請教老師同學(xué)后，問(wèn)題迎刃而解。老師同學(xué)都很親切積極幫助。來(lái)的時(shí)候老師就說(shuō)三天學(xué)完基礎，第四天就要求能做出頁(yè)面。我一聽(tīng)不敢相信。因為自己零基礎，短短四天怎么可能，但是跟著(zhù)老師一步步下來(lái)到第四天，自己還真能馬馬虎虎做出來(lái)頁(yè)面。
時(shí)光流逝，很快在這里度過(guò)了一個(gè)月。然而月考即將到來(lái)，我忐忑不安。覺(jué)得自己第一階段還沒(méi)學(xué)好學(xué)扎實(shí)就考試了，感嘆時(shí)間過(guò)得好快，考試的一天，面對筆試題，我笑了，因為我這些日子日以繼夜的背全都會(huì )。機試本來(lái)我其實(shí)是應該發(fā)揮的特別好的.，但是可惜的是框架搭錯了，除了倆個(gè)bug耽誤了一個(gè)小時(shí)，否則三個(gè)頁(yè)面我都能夠敲出來(lái)，不說(shuō)滿(mǎn)分九十多分也是妥妥的。在這段時(shí)間里我拼命的背筆記，敲頁(yè)面練習。穩固扎實(shí)。我覺(jué)得很好，起碼對得起自己，起碼自己學(xué)到手了。
H5說(shuō)難也不難，說(shuō)不難也難，關(guān)鍵看自己有沒(méi)有付出，全身心投入。愛(ài)不愛(ài)好。
html網(wǎng)頁(yè)設計實(shí)訓心得范文（精選17篇）17
一、了解HTML5前端開(kāi)發(fā)技術(shù)
HTML？指的是超文本標記語(yǔ)言？，標記語(yǔ)言是一套標記標簽？HTML？使用標記標簽來(lái)描述網(wǎng)頁(yè)。HTML5區別于HTML的標準，基于全新的'規則手冊，提供了一些新的元素和屬性，在web技術(shù)發(fā)展的過(guò)程中成為新的里程碑。HTML5被推廣用于Web平臺游戲開(kāi)發(fā)，及手機移動(dòng)領(lǐng)域，從市場(chǎng)來(lái)看，無(wú)論是桌面應用還是移動(dòng)應用，HTML5都是當下Web技術(shù)中最炙手可熱的新寵，是創(chuàng )新的主旋律，在不久的時(shí)間里一定會(huì )大有作為。
二、課程能讓你學(xué)到什么
從前端開(kāi)發(fā)的基礎出發(fā)，學(xué)習使用HTML，CSS，JavaScript等一系列前端技術(shù)，實(shí)現動(dòng)畫(huà)特效。以開(kāi)發(fā)實(shí)例展示為主導，循序漸進(jìn)讓學(xué)員掌握HTML5技術(shù)的應用。強化學(xué)員基礎，尤其是要針對JavaScpript基礎的強化從而掌握HTML5新功能API。
HTML5培訓內容首先是學(xué)習HTML5文檔結構和基礎語(yǔ)法，了解HTML5新特性，CSS3基礎語(yǔ)法和布局樣式，圖形圖像軟件使用等。移動(dòng)前端的交互JavaScript編程基礎、JavaScript交互編程實(shí)戰、JavaScript異步操作基礎、Ajax、JQuery、AngularJS使用方法。移動(dòng)前段綜合開(kāi)發(fā)；主要集中在H5+C3+jQ？Mobile，基于HTML5的移動(dòng)網(wǎng)頁(yè)布局、移動(dòng)網(wǎng)頁(yè)界面樣式（CSS3）、HTML5本地存儲API、Geolocation地理定位、智能表單、Video、Audio應用、canvas和SVG的應用、桌面通知、離線(xiàn)應用、webGL基礎及應用（3D網(wǎng)頁(yè)游戲）、WEB前端框架（JQuery，mobile、Sencha？Touch、PhoneGap）、Cocos2d—HTML游戲引擎等。最后，項目實(shí)訓。項目實(shí)訓能夠提高綜合開(kāi)發(fā)能力。
【html網(wǎng)頁(yè)設計實(shí)訓心得】相關(guān)文章：
網(wǎng)頁(yè)設計實(shí)訓心得10篇03-19
網(wǎng)頁(yè)設計實(shí)訓心得(10篇)03-19
網(wǎng)頁(yè)設計實(shí)訓心得15篇03-25