做html的心得體會7篇

寫心得體會是我提高自我反省能力的有效方式，心得體會是情感的抒發，是內心的真實寫照，以下是本站小編精心為您推薦的做html的心得體會7篇，供大家參考。

做html的心得體會篇1

本學期的網業設計課程，開展了動態思維訓練教學活動，對於我們學生來説，可以激發學習興趣，調動學習的自覺性，自己動腦、動手，動口，運用網絡資源，結合教材及老師的指導，通過自身的實踐，創作出積聚個人風格、個性的個人網頁。總體來説，整個學期的學習過程，我學會了很多知識，雖然過程比較艱辛，但在intenet領域中，有了一個展示自我的空間，我覺得很開心、很有成就感。

一、充分發揮動手能力

作為網頁設計的初學者，我對網頁設計非常感興趣，一心想設計出一個美觀、實用、內容豐富的個人網頁。本學期的教改方案由以前學生單純接受知識變為主動參與教學活動。在這樣的壓力和動力下，通過自己動手、動腦，通過網絡資源，老師的指導，在不斷髮現問題和解決問題的過程中學到了很多知識，也增強了我的創作能力和動手能力，在網頁設計過程中，從構思到設計、完善、維護，整個過程我都全身心投入，使我真正學到了網頁設計的知識。

二、在設計過程中不斷提高網頁設計水平

在本次網頁設計中，我不僅學到了很多關於網頁設計方面的知識，也從中學會了關於網絡、編程等方面的知識。我從最初開始運用frontpage設計網頁，到後來運用dreamweaver、flash、fireworks等網軟件設計網頁，完善網頁。在這個過程中，我通過自學教材、上網查詢，學習了dreamweaver、flash、fireworks等網頁軟件的應用，學會了管理、維護自己的站點，以及一些簡單動畫、控件的製作等等。在設計過程中也出現了很多的問題，但通過看書，上網查詢，請教老師等方式，不斷的學習、解決、提高，設計出的網頁不論是外觀還是內容，都在不斷的進步、改善。可以説在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。

三、不足之處

由於平時工作比較繁忙，學習時間比較少，對於網頁設計軟件的強大功能運用得還不夠。在網頁設計過程中，由於沒有網頁製作代碼的知識，所以在設計時也遇到了很多麻煩，有時插入一個特效腳本也是很麻煩。在網頁製作過程中，想提高設計水平，想有個理想的網頁，必須學會代碼的運用，我將在以後的學習過程中不斷加強這方面的學習，希望老師能簡單介紹一下代碼，讓我也對它有個初步的認識，以後再加強學習也才會有所提高。

總體來説，通過今次的對網頁設計的學習，有收穫也有遺憾、不足的地方，但我想，我已經邁入了網頁設計的大門，只要我再認真努力的去學習，去提高，憑藉我對網頁設計的熱情和執着，我將來設計出的網頁會更加專業，更完善。也希望老師在今後的日子裏多指導。

做html的心得體會篇2

不知不覺，二個星期的《頁面規劃與網站建造》課程的實操即將曩昔，回憶這一段日子，真的令我領會很深，也學會許多東西，懂得許多曾經不明白的東西，也理解了一些工作.

自從第一天觸摸《頁面規劃與網站建造》課程，我以下定決心要把頁面這門課學好，做出一個優異的網站.所以我時刻沒有錯失任何學習的機會，不管在課堂上，還是在課外上.更何況這一次實操.回憶今次的實操我覺得我過得很充實，很有含義，由於我能夠誠篤的説我在實操沒有玩過一次遊戲，我每時每刻都在規劃網站，還記得晚上做網站做到一、二點，也許有人會説我傻，但正由於這個傻的舉動，令我學會許多東西，學會他人不明白的東西，做出一個令自個滿意的網站，也許跟他人比還需要持續完善，但我不會由於實操結束，就把頁面規劃拋到無影無蹤，我會持續學習頁面規劃技能，把它變為自個的一項專長。

回憶第一天的《頁面規劃與網站建造》課程實操，教師叫咱們持續完善曾經規劃的網站，做出留言板、註冊的功用。我很快就完成了，但也許我是一個尋求完善的人，所以雖然一個網站做好能夠立刻交給教師。但我做出一個他人都不附和的決定，從頭開始做一個網站。由於我覺得曾經那個真的不是太好，雖然實操的時刻曩昔了一半，雖然他人對我説你交本來這個不就行了嗎！何須再做一個呢？但真由於我的固執，尋求成功，尋求完善的人，才會使我今日交出一個令自個滿意的答卷。

在製造自個網站時咱們首先：

一、必需進行自個網站前台功用規劃

包括自個網站主題的斷定，前台功用規劃與辦理、自個網站主頁規劃、自個網站留言板、註冊、忘掉暗碼、查找等頁面規劃與辦理。

二、對自個網站後台辦理功用規劃

包括自個網站後台辦理功用的規劃、後台辦理信息體系功用的規劃、後台體系權限辦理、後台文件辦理、自個網站後台辦理體系主頁規劃。

三、網站的發佈

一般咱們發佈一個網站也許以能過域名註冊，但咱們也能夠使用自個主機，裝了iis他人就能夠通過我的ip地址來訪問我的主頁。首次做的那個頁面我現已發佈在上彀了。

四、自個網站推行

一個網站做好了，就要對自個網站進行推行，這是一個電子商務網站必需做得的一步，由於假如你不對你的網站進行推行，就算你發佈了也沒有人會知道的。

在規劃這個網站時真的領會許多東西，從一開始頁面主題的斷定，到主頁總體的規劃、蒐集材料、前台功用規劃與辦理、後台功用規劃與辦理、每個分頁面的規劃等。我都逐個進行了規劃，由於假如你不規劃好，想做啥就做啥，是不會做得好的。因我為領會到這一句話：“機會中歸於有預備的人”。我具體到一個表格寬度都逐個列明。例如：775寬度，分三欄，每一欄佔多少。由於我深深懂得“細微處才見真功夫”。

在這次實操過程中令我形象最深的是做留言板，由於剛好在上一個星期sql數據庫實操做過了，所以今次在做就對比輕鬆，但我曾經是通過一個對比長的操練，做完了n次，也許有人會想，肯定是不會才做這麼屢次啦！但我想告訴這位同學我每次做得都不是不一樣的辦法。首次我用的是access數據庫，第2次我用的是sql數據庫加權限辦理，第三次我用的是數據源稱號的銜接，第四次我用的是自定義銜接字符串，第五次……每一次用的辦法都是不一樣的，也許有人會説我傻，會一種辦法就行了，還要那麼多嗎？但我想説的即是不是這麼屢次的操練，不是之麼屢次不一樣的辦法，也就不會造就出今日遊刃有餘的我，也不會對同學提出的疑問處理到，也不會輕鬆教會同學，由於你自個首先學會，學通，學廣，才能把疑問逐個的處理。

令我難以忘懷的鏡頭也是在做留言板的時分，但不是為我自個的而做，而是一步一步教同學做，直到令同學學懂;把同學留言板的疑問逐個處理;當同學由於做不出而沒心境，曩昔對她進行鼓舞的，然後逐個處理;當自個也不會，與同學共同研究的狀況，這種學習氛圍是最可貴的，即是在做留言板的時分，令我深深領會到我幾句話：認真幹事僅僅把工作做對，用心幹事才能把工作做好。把每一件簡略的工作做好即是不簡略，把第一件普通的工作做好即是不普通。

做html的心得體會篇3

個人網站的設計需要有以下幾個步驟：

一、要進行個人網站前台功能設計

包括個人網站主題確定、前台功能設計與管理、個人網站首頁設計、個人網站留言板、註冊、忘記密碼、搜索等網頁設計與管理。

二、個人網站後台管理功能設計

包括個人網站後台管理功能設計，後台管理信息系統功能設計，後台系統權限管理，後台文件管理，個人網站後台管理系統主頁設計。

三、網站發佈

通常我們發佈一個網站，這樣我們可以註冊域名，但我們也可以利用主機和安裝iis，這樣其他人可以通過“我的ip”地址訪問“我的主頁”。

四、個人網站推廣

一個網站做好了，就有必要推廣一下個人網站，這是一個電子商務網站必須做的一步，因為如果你不推廣你的網站，即使你發佈了也沒有人會知道。

在設計網站時真的可以體會很多東西，從一開始確定頁面的主題，到整個主頁的設計，信息的收集，前台功能的設計與管理，後台功能的設計與管理，每一個頁面的表面設計。我把它們都一一進行規劃，因為如果你不好好規劃，想做什麼就做什麼，你是做不好的。因為我意識到這句話：“機會是屬於那些有準備的人”。我詳細到一個表的寬度都一一列出來。例如：775寬，分成三欄，每欄佔多少。因為我深知“細微之處才見真功夫”。

給我最深印象的.是留言板，因為之前sql數據庫實際鍛鍊做過了，所以這次做相對容易，但我經過長時間的練習，完成了n次，有些人可能會認為，肯定是不會才做很多次！但我想告訴這些人，我每次做都是用不同的方法。第一次使用access數據庫，第二次使用sql數據庫+權限管理，第三次使用數據源名稱的連接。每次用的方法都不一樣。

可能會有人説我笨，有方法就行了，要那麼多幹嘛？但我想説的是，沒有這麼多次練習，就不會有這麼多不同的方法，不會創造今天熟能生巧的我。方法，只有你自己先學會，才會學通、學廣。

做html的心得體會篇4

網頁設計的兩大要點是：整體風格和色彩搭配。

一、確定網站的整體風格:

1、將標誌logo，儘可能的放在頁面最突出的位置。

2、突出標準色彩。

3、總結一句能反映網站精髓的宣傳標語。

4、相同類型的圖像採用相同效果，比如説標題字都採用陰影效果，那麼在網站中出現的所有標題字的陰影效果的設置應該是完全一致的。

二、網頁色彩的搭配:

1、用一種色彩。指選定一種色彩，然後調整透明度或飽和度，這樣頁面看起來色彩統一，有層次感。

2、用兩種色彩。先選定一種色彩，然後選擇它的對比色。

3、用一個色系。就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。在網頁配色中，還要切記一些誤區：

1、不要將所有顏色都用到，儘量控制在三至五種色彩以內。

2、背景和前文的對比儘量要大(絕對不要用花紋繁複的圖案作背景)，以便突出主要文字內容。

針對我所學的.平面設計方向，那麼這次應用到了創意思維，版面設計，色彩配置。圖形創意等方面都很重要，對於網頁設計作為一種視覺語言，特別講究編排和佈局，雖然主頁的設計不等同於平面設計，但它們有許多相近之處，版式設

計通過文字圖形的空間組合，表達出和諧與美。不積跬步，無以至千里。我已經在老師的指引下邁入了網頁設計的大門，在今後的閒餘時間繼續認真學習製作網頁的更多知識以實現自身技能的提高。

做html的心得體會篇5

轉眼間，已到了期末，學習網頁設計這門課程也要結束了，雖然時間有點短，但是學過這個幾周以後我受益匪淺。

記得最初接觸dreamweaver的時候，我很茫然，因為剛接觸陌生的軟件心裏會很害怕跟不上老師的進程。剛開始幾節課，老師講得比較基礎，還能跟得上，漸漸的老師授課的進程開始加速，有些跟不上了，需要下課後自己補上，問老師和周圍的同學。漸漸的，在老師的悉心教導下，我們開始熟悉這個軟件了。老師佈置的第一個任務，要求做一個自我形象網站。由於學習的時間較短，老師只要求用ps做好模板即可，任務相對簡單。但也要求設計感強，色彩搭配和諧，並且儘可能的做成實用又符合實際的漂亮網頁。

第二個網頁設計老師要求相對較高，用dreamweaver做一個比較接近真實的網頁，還要做一個二級頁面。於是開始收集各方面的資料。確定了主題就開始佈局了。最開始使用了一個表格，然後在表格內進行拆分合並處理，接着就把通過ps處理出來一個版頭並且把修改過大小的圖片放進去了。

中間時預覽，問題出現了，發現版頭與下面的圖片文字之間出現了很大的一段距離，但是在軟件中已經把距離縮小為0了，多次嘗試後沒有效果。最後想到可以另外再加一個表格，把版頭放在一個表格內面，這樣問題就解決了。預覽是效果還不錯。但是總覺得首頁做得太普通，一次瀏覽學長做的網頁時，覺得他們的文字滾動窗口做得效果做得不錯，於是想借見一下。就決定把自己網站的左邊修改修改。複製了他的代碼，把上面的內容修改成我的`網站需要的文字。本以為可以輕鬆的完成，但是卻出現大問題了。

因為需要滾動的文字佔的空間太大，把左邊的那部分表格全部佔滿了，而在實際的網頁預覽中，這個有文字滾動的框只佔了左邊oeasy教你玩轉網頁設計瀏覽的工具建站程序三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了很多方法，在網站查了很多資料，可能因為沒有專業術語作為搜索的關鍵詞，查不到任何相關的資料，試過div標籤，試過不停的拆分表格，最後還是沒有效果。

就這樣試着試着，突然想到了層這個概念。於是在佈局中點擊了繪製層，結果成功了，經過一些加工，終於成功的完成左邊的佈局。印象還比較深刻的是插入聲音，記得老師曾經給我們講過很多次怎樣插入聲音，可是等到自己做網頁的時候卻忘記了，於是問其他人，結果居然都忘記了，於是自己在百度上收。

最後終於找到了一個可以使用的代碼，但是在加入聲音路徑時出現了問題。在屬性內加入源文件，結果就是加不進去mp3的音樂文件，然後自己就嘗試加入了一個視頻，記下了路徑格式，然後照着這種格式寫下了指向聲音源文件的路徑，最後成功了。在設計過程中還出現了很多的問題，但通過看書，上網查詢，請教同學等方式，不斷的學習、解決、提高，設計出的網頁不論是外觀還是內容，都在不斷的進步、改善。可以説在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。熱情和執着，我將來設計出的網頁會更加專業，更完善。

做html的心得體會篇6

一連上了兩個星期的網頁實訓課，可以説學到很多以前沒有學到的東西。雖然在大一的時候我們的專業出開設了網頁設計課，但感覺這兩個星期學到的遠遠比以前學一個學期的要多，要豐富。

每一天都有新的內容要學，讓人感覺很興奮，很高興，恨不得馬上就把它給學會。通過這次實訓使我更熟練掌握dream製作按鈕來超級鏈接到其他頁面。

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

通過此次實訓,我覺得平面設計的創意思維、版面設計、色彩配置、圖形創意等方面都有很重要，對於網頁製作來説，我覺得是一個以多學科設計為基礎，受到包括視覺藝術、技術、內容的多種影響。網頁設計的技術不算什麼困難，真正困難的是網頁的設計創意，文字我覺得也很重要，有些人瀏覽你的網頁不是喜歡上你的豔麗漂亮的圖片，也許是喜歡上你的文字，那種感動人心的，唯美的文字。文字與圖片要搭得上調，不可能用一張美女圖做背景，上面卻寫有關於親情的文章。也就是整體的搭配問題。

通過此次實訓，使我對於網頁製作的三大軟件有了進一步的瞭解，各功能都能夠實現。提高了自己的鑑賞能力，綜合搭配能力，也對以前學過的內容進行了綜合的複習。

通過此次實訓，我更瞭解到，生活中有許多色彩，搭配顏色的時候，聯想到生活中的東西會做的更漂亮，給人一種親切感，現在看到什麼東西，我就會聯想到做網頁的時候，還有怎麼佈局。反正此次實訓收穫很多。

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

做html的心得體會篇7

一：瞭解html5前端開發技術

html指的是超文本標記語言（hyper text markup language），標記語言是一套標記標籤（markup tag），html使用標記標籤來描述網頁。html5區別於html的標準，基於全新的規則手冊，提供了一些新的元素和屬性，在web技術發展的過程中成為新的里程碑。html5被推廣用於web平台遊戲開發，及手機移動領域，從市場來看，無論是桌面應用還是移動應用，html5都是當下web技術中最炙手可熱的新寵，是創新的主旋律，在不久的時間裏一定會大有作為。

二：課程能讓你學到什麼？

從前端開發的基礎出發，學習使用html，css，javascript等一系列前端技術，實現動畫特效。以開發實例展示為主導，循序漸進讓學員掌握html5技術的應用。強化學員基礎，尤其是要針對javascpript基礎的強化從而掌握html5新功能api。

html5培訓內容首先是學習html5文檔結構和基礎語法，瞭解html5新特性，css3基礎語法和佈局樣式，圖形圖像軟件使用等。移動前端的交互javascript編程基礎、javascript交互編程實戰、javascript異步操作基礎、ajax、jquery、angularjs使用方法。移動前段綜合開發；主要集中在h5+c3+jq mobile，基於html5的移動網頁佈局、移動網頁界面樣式（css3）、html5本地存儲api、geolocation地理定位、智能表單、video、audio應用、canvas和svg的應用、桌面通知、離線應用、webgl基礎及應用（3d網頁遊戲）、web前端框架（jquery mobile、sencha touch、phonegap）、cocos2d—html遊戲引擎等。最後，項目實訓。項目實訓能夠提高綜合開發能力。