html網(wǎng)頁設(shè)計心得體會范文（通用14篇）
我們從一些事情上得到感悟后，應(yīng)該馬上記錄下來，寫一篇心得體會，這樣我們可以養(yǎng)成良好的總結(jié)方法。你想好怎么寫心得體會了嗎？以下是小編為大家收集的html網(wǎng)頁設(shè)計心得體會范文（通用14篇），僅供參考，歡迎大家閱讀。
html網(wǎng)頁設(shè)計心得體會1
個人網(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ù)網(wǎng)站必須做的一步，因為如果你不推廣你的網(wǎng)站，即使你發(fā)布了也沒有人會知道。
在設(shè)計網(wǎng)站時真的可以體會很多東西，從一開始確定頁面的主題，到整個主頁的設(shè)計，信息的收集，前臺功能的設(shè)計與管理，后臺功能的設(shè)計與管理，每一個頁面的表面設(shè)計。我把它們都一一進行規(guī)劃，因為如果你不好好規(guī)劃，想做什么就做什么，你是做不好的。因為我意識到這句話：“機會是屬于那些有準(zhǔn)備的人”。我詳細(xì)到一個表的寬度都一一列出來。例如：775寬，分成三欄，每欄占多少。因為我深知“細(xì)微之處才見真功夫”。
給我最深印象的是留言板，因為之前SQL數(shù)據(jù)庫實際鍛煉做過了，所以這次做相對容易，但我經(jīng)過長時間的練習(xí)，完成了n次，有些人可能會認(rèn)為，肯定是不會才做很多次！但我想告訴這些人，我每次做都是用不同的方法。第一次使用access數(shù)據(jù)庫，第二次使用SQL數(shù)據(jù)庫+權(quán)限管理，第三次使用數(shù)據(jù)源名稱的連接。每次用的方法都不一樣。
可能會有人說我笨，有方法就行了，要那么多干嘛？但我想說的是，沒有這么多次練習(xí)，就不會有這么多不同的方法，不會創(chuàng)造今天熟能生巧的我。方法，只有你自己先學(xué)會，才會學(xué)通、學(xué)廣。
html網(wǎng)頁設(shè)計心得體會2
跟學(xué)習(xí)別的東西一樣，學(xué)習(xí)網(wǎng)頁設(shè)計也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。
學(xué)習(xí)網(wǎng)頁設(shè)計需要耐心，如果你沒有耐心，你學(xué)不好網(wǎng)頁設(shè)計，應(yīng)為當(dāng)你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了半個月時間才解決。
學(xué)習(xí)網(wǎng)頁設(shè)計需要堅持，堅持不斷的學(xué)習(xí)，因為設(shè)計網(wǎng)頁的軟件在不斷的更新，你不斷的學(xué)習(xí)。
不要掉入技術(shù)的陷阱，你的網(wǎng)頁設(shè)計技術(shù)一流，你對軟件的掌握程度已經(jīng)達到一定水平，但是你設(shè)計的網(wǎng)頁確不堪目睹，這是因為網(wǎng)頁設(shè)計是是介于平面設(shè)計和編程技術(shù)兩者之間的"邊緣科學(xué)。"不僅涉及到美學(xué)，心理學(xué)，平面構(gòu)成，色彩搭配等平面設(shè)計的方面的知識，還涉及到html，javascript，css，asp，php等編程語言技術(shù)方面的知識。只有綜合運用多種知識，才能設(shè)計出視聽特效，動感十足，富于個性的web頁面，才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨特魅力和多維空間的超強功能。
注重實用，個人認(rèn)為網(wǎng)頁設(shè)計應(yīng)該注重實用性，因為它是讓人瀏覽的，是用戶可以撫摸，可以評論，可以交互的。我提倡簡單的美。
html網(wǎng)頁設(shè)計心得體會3
實訓(xùn)的五天中，我的心情就好像這五天的天氣變化，有晴有陰，只是差了點眼淚。但這并沒有使我放棄，我不想落后，也不想拖小組的后腿，我告訴自己只有努力做好一切才是我的選擇。一次次的失敗，一次次的嘗試，做好的那一刻，激動、高興。我不是天才，有些知識不會。查書，問同學(xué)，找代碼等等，時間飛速的流逝著，有些學(xué)會了，但仍然有不會的。
我們的小組從開始就產(chǎn)生了分歧，網(wǎng)站主題不一致。直到制作網(wǎng)站的第三天，我們才達成共識，兩方各退一步。還好，大家做出來的效果差不多，接下來的幾天大家一起努力制作網(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)常在嘴邊掛著要有“團隊合作理念”，但行動起來時，有些人還是會忘記，也許是固執(zhí)，也許是其他原因。遇到這種情況時，要有人站出來調(diào)節(jié)，盡快解決矛盾，否者會影響整體的工作進程，彼此不高興。制作網(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)團隊協(xié)作精神，提高綜合運用所學(xué)分析、解決實際問題的能力，實現(xiàn)由理論知識向操作技能的轉(zhuǎn)化。
html網(wǎng)頁設(shè)計心得體會4
不知不覺，我已經(jīng)學(xué)習(xí)《網(wǎng)頁設(shè)計與制作》這門課程一個學(xué)期了，雖然時間有點短，但這一個學(xué)期以后我卻受益匪淺，不僅讓我全面的、系統(tǒng)的學(xué)會了頁設(shè)計與制作的基礎(chǔ)知識，還讓我學(xué)會了自己動手去制作屬于自己的網(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)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容，我們在下面會有詳細(xì)介紹。
做好以上三步之后，我們就要選擇合適的制作工具。 盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，在這里，我們一般都是用有“網(wǎng)絡(luò)三劍客”之稱的Dreamweaver、Fireworks、flash來制作網(wǎng)頁 ，對于圖片部分的處理，個人覺得Photoshop比較好用。
最后，我們就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復(fù)雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。 網(wǎng)頁做好之后，就要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，還要不斷地進行宣傳，這樣才能讓更多的朋友認(rèn)識它。
以上就是我對于網(wǎng)頁制作的一些個人心得，由于本人的技術(shù)還不是很成熟，還存在很多的不足（如：背景過于單調(diào)和網(wǎng)頁布置不合理）。選擇學(xué)習(xí)這門課是很正確的選擇，雖然在以后不會再有機會去上了，但我還是會通過各種方式繼續(xù)頁設(shè)計和制作的，同時很感謝帶我入門的徐兵老師，讓我有機會去學(xué)習(xí)有關(guān)網(wǎng)頁的知識，謝謝！
html網(wǎng)頁設(shè)計心得體會5
科學(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 mx (或dreamweaver 8)。
2. flash mx (或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 mx 很難理解，不管老師做怎樣的解釋，而我卻對它感到很是吃力，諸如里面有許多不知道的功能。如：布局表格、繪制層、制作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)頁制作這一門課程進行的很順利，學(xué)習(xí)了dreamweaver mx 對它如何徹底的剖析和分解，我們終于認(rèn)清了它的原理，摸清了應(yīng)該怎樣去完全的使用它，而我們在老師的指導(dǎo)和訓(xùn)練的結(jié)果下，終于開始做屬于自己的網(wǎng)頁了。
慢慢的快接近尾聲了，我們也快臨近期末了，老師給我們的任務(wù)卻是需要我們每人至少做出三個網(wǎng)頁來，且內(nèi)存不能超過3m，剛開始我以為我會對著感到很是吃力，不知道該如何是好，畢竟網(wǎng)頁才是剛剛起步，根基不穩(wěn)，怎么能夠做出這樣的網(wǎng)頁呢?而我對dreamweaver mx 它也不是很熟悉，心里真是很擔(dān)憂。
在這最后的時間里，我仔細(xì)掂量了一番，網(wǎng)頁制作給我的結(jié)論是：要想制作一個能夠像網(wǎng)上的那樣，還得需要經(jīng)過長時間的刻苦努力和不斷地檢驗及實踐，否則，如果只靠老師在課堂上講的那些知識是遠(yuǎn)遠(yuǎn)不夠的。畢竟網(wǎng)頁是一個技術(shù)性的知識，不像文學(xué)那樣的純理論知識。通過這個課程的學(xué)習(xí)，我從中得到了一些對網(wǎng)頁知識如功能、概念的理解，原來要做出一個簡單可行的網(wǎng)頁并不是一件害怕的事情，而是一件努力和嘗試的事情。
html網(wǎng)頁設(shè)計心得體會6
不知不覺，二個星期的《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程的實操即將過去，回顧這一段日子，真的令我體會很深，也學(xué)會很多東西，懂得很多以前不懂的東西，也明白了一些事情。
自從第一天接觸《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程，我以下定決心要把網(wǎng)頁這門課學(xué)好，做出一個優(yōu)秀的網(wǎng)站。所以我時刻沒有錯過任何學(xué)習(xí)的機會，無論在課堂上，還是在課外上。更何況這一次實操。回顧今次的實操我覺得我過得很充實，很有意義，因為我可以誠實的說我在實操沒有玩過一次游戲，我每時每刻都在設(shè)計網(wǎng)站，還記得晚上做網(wǎng)站做到一、二點，可能有人會說我傻，但正因為這個傻的行動，令我學(xué)會很多東西，學(xué)會別人不懂的東西，做出一個令自己滿意的網(wǎng)站，可能跟別人比還需要繼續(xù)完善，但我不會因為實操結(jié)束，就把網(wǎng)頁設(shè)計拋到九霄云外，我會繼續(xù)學(xué)習(xí)網(wǎng)頁設(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ù)網(wǎng)站必需做得的一步，因為如果你不對你的網(wǎng)站進行推廣，就算你發(fā)布了也沒有人會知道的。
在設(shè)計這個網(wǎng)站時真的體會很多東西，從一開始網(wǎng)頁主題的確定，到主頁總體的設(shè)計、搜集資料、前臺功能設(shè)計與管理、后臺功能設(shè)計與管理、每個分頁面的設(shè)計等。我都一一進行了規(guī)劃，因為如果你不規(guī)劃好，想做什么就做什么，是不會做得好的。因我為體會到這一句話：“機會中屬于有準(zhǔn)備的人”。我詳細(xì)到一個表格寬度都一一列明。例如：775寬度，分三欄，每一欄占多少。因為我深深懂得“細(xì)微處才見真功夫”。
在這次實操過程中令我印象最深的是做留言板，因為剛好在上一個星期sql數(shù)據(jù)庫實操做過了，所以今次在做就比較輕松，但我以前是經(jīng)過一個比較長的練習(xí)，做完了n次，可能有人會想，肯定是不會才做這么多次啦！但我想告訴這位同學(xué)我每次做得都不是不同的方法。第一次我用的是access數(shù)據(jù)庫，第二次我用的是sql數(shù)據(jù)庫加權(quán)限管理，第三次我用的是數(shù)據(jù)源名稱的連接，第四次我用的是自定義連接字符串，第五次……每一次用的方法都是不同的，可能有人會說我傻，會一種方法就行了，還要那么多嗎？但我想說的就是不是這么多次的練習(xí)，不是之么多次不同的方法，也就不會造就出今天熟能生巧的我，也不會對同學(xué)提出的問題解決到，也不會輕松教會同學(xué)，因為你自己首先學(xué)會，學(xué)通，學(xué)廣，才能把問題一一的解決。
令我難以忘懷的鏡頭也是在做留言板的`時候，但不是為我自己的而做，而是一步一步教同學(xué)做，直到令同學(xué)學(xué)懂；把同學(xué)留言板的問題一一解決；當(dāng)同學(xué)因為做不出而沒心情，過去對她進行鼓勵的，然后一一解決；當(dāng)自己也不會，與同學(xué)共同研究的情況，這種學(xué)習(xí)氛圍是最難得的，就是在做留言板的時候，令我深深體會到我?guī)拙湓挘赫J(rèn)真做事只是把事情做對，用心做事才能把事情做好。把每一件簡單的事情做好就是不簡單，把第一件平凡的事情做好就是不平凡。
html網(wǎng)頁設(shè)計心得體會7
網(wǎng)頁設(shè)計的兩大要點是：整體風(fēng)格和色彩搭配。
一、確定網(wǎng)站的整體風(fēng)格:
1、將標(biāo)志logo，盡可能的.放在頁面最突出的位置。
2、突出標(biāo)準(zhǔn)色彩。
3、總結(jié)一句能反映網(wǎng)站精髓的宣傳標(biāo)語。
4、相同類型的圖像采用相同效果，比如說標(biāo)題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的。
二、網(wǎng)頁色彩的搭配:
1、用一種色彩。指選定一種色彩，然后調(diào)整透明度或飽和度，這樣頁面看起來色彩統(tǒng)一，有層次感。
2、用兩種色彩。先選定一種色彩，然后選擇它的對比色。
3、用一個色系。就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。在網(wǎng)頁配色中，還要切記一些誤區(qū)：
1、不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。
2、背景和前文的對比盡量要大(絕對不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。
針對我所學(xué)的平面設(shè)計方向，那么這次應(yīng)用到了創(chuàng)意思維，版面設(shè)計，色彩配置。圖形創(chuàng)意等方面都很重要，對于網(wǎng)頁設(shè)計作為一種視覺語言，特別講究編排和布局，雖然主頁的設(shè)計不等同于平面設(shè)計，但它們有許多相近之處，版式設(shè)
計通過文字圖形的空間組合，表達出和諧與美。不積跬步，無以至千里。我已經(jīng)在老師的指引下邁入了網(wǎng)頁設(shè)計的大門，在今后的閑余時間繼續(xù)認(rèn)真學(xué)習(xí)制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高。
html網(wǎng)頁設(shè)計心得體會8
不知不覺我學(xué)習(xí)整站網(wǎng)頁設(shè)計也有一段時間了，很高興我能在這計算機深入的社會里，學(xué)習(xí)到建設(shè)網(wǎng)站和網(wǎng)頁設(shè)計的一些知識。網(wǎng)絡(luò)成了我們獲取知識和信息的一種便捷工具，如今的生活，商業(yè)都已經(jīng)在網(wǎng)絡(luò)上如火如荼地開展，我認(rèn)為，學(xué)習(xí)網(wǎng)絡(luò)知識，對于生活在網(wǎng)絡(luò)時代的我們還是很有必要的。接下來我想分享一下我的獨家網(wǎng)頁設(shè)計學(xué)習(xí)心得。希望能夠為正在學(xué)習(xí)網(wǎng)頁設(shè)計的你們也提供一點幫助。
學(xué)習(xí)網(wǎng)頁設(shè)計的過程中，我也成功制作了屬于自己的網(wǎng)站，通過這一次嘗試，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。我覺得，在設(shè)計網(wǎng)頁之前：
首先必須做到先確定網(wǎng)頁設(shè)計的內(nèi)容，因為一個優(yōu)秀的風(fēng)站要有一個明確的主題，整個網(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)等很多東西。制作主頁要注意：
要想一個好的標(biāo)題。標(biāo)題在個人主頁中起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標(biāo)題必須有概括性、有特色、簡短易記，不要符合自己主頁的主題和風(fēng)格。
主頁中不光要有文字，還要適當(dāng)?shù)丶右恍﹫D片。一張好的圖片可以勝過你的千言萬語。也能讓進入你網(wǎng)頁的人一目了然，產(chǎn)生興趣。
網(wǎng)頁頁面整體的排版設(shè)計也是不可忽略了，很重要的一個原則是合理也運用空間，讓自己的網(wǎng)頁井然有序，留下合適空間，會給人輕松的感覺。
當(dāng)然在做這些內(nèi)容之前，是要找好資料的，我們可以從報紙，雜志，光盤等媒體中把相關(guān)的資料收集，再加上一定的編輯后就可以了。另外一個好的方法是從網(wǎng)絡(luò)上收集，您只要到搜索引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。設(shè)計制作網(wǎng)頁我可以推薦一個不錯的軟件，那就是Dreamweaver。只需要用到此款軟件中的一些基本的功能：圖片插入和對齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個簡單的網(wǎng)頁。好了，網(wǎng)頁設(shè)計制作完畢后，最后一步就是要優(yōu)化網(wǎng)站了。
就我的觀點，我覺得個人認(rèn)為網(wǎng)頁設(shè)計應(yīng)該注重實用性，因為我們用它就是來互動的，所以我建議以簡單美為好，太多復(fù)制的圖片文字和頁面排版只會讓看的人感覺更不舒服，還有最后申明一下，我不是專業(yè)網(wǎng)站設(shè)計師，以上只是我對網(wǎng)頁設(shè)計學(xué)習(xí)的一些心得罷了。
html網(wǎng)頁設(shè)計心得體會9
一、要進行個人網(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ù)網(wǎng)站必須做的一步，因為如果你不推廣你的網(wǎng)站，即使你發(fā)布了也沒有人會知道。
在設(shè)計網(wǎng)站時真的可以體會很多東西，從一開始確定頁面的主題，到整個主頁的設(shè)計，信息的收集，前臺功能的設(shè)計與管理，后臺功能的設(shè)計與管理，每一個頁面的表面設(shè)計。我把它們都一一進行規(guī)劃，因為如果你不好好規(guī)劃，想做什么就做什么，你是做不好的。因為我意識到這句話：“機會是屬于那些有準(zhǔn)備的人”。我詳細(xì)到一個表的寬度都一一列出來。例如：775寬，分成三欄，每欄占多少。因為我深知“細(xì)微之處才見真功夫”。
給我最深印象的是留言板，因為之前SQL數(shù)據(jù)庫實際鍛煉做過了，所以這次做相對容易，但我經(jīng)過長時間的練習(xí)，完成了n次，有些人可能會認(rèn)為，肯定是不會才做很多次！但我想告訴這些人，我每次做都是用不同的方法。第一次使用access數(shù)據(jù)庫，第二次使用SQL數(shù)據(jù)庫+權(quán)限管理，第三次使用數(shù)據(jù)源名稱的連接。每次用的方法都不一樣。
可能會有人說我笨，有方法就行了，要那么多干嘛？但我想說的是，沒有這么多次練習(xí)，就不會有這么多不同的方法，不會創(chuàng)造今天熟能生巧的我。方法，只有你自己先學(xué)會，才會學(xué)通、學(xué)
廣。
做出一個好的網(wǎng)頁一般都離不開dreamweaver，flash，photoshop這三個軟件，當(dāng)然，還可以用到其他一些輔助軟件就會加快網(wǎng)頁的設(shè)計了，比如：SothinkDHTMLMenu，Sothink_Logo_Maker等軟件，這些軟件不僅可以快速開發(fā)出導(dǎo)航，logo等，而且很漂亮，美觀。
制作網(wǎng)頁，首先是確定主題，每一版塊都有其個性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，每一部分又分幾小部分，內(nèi)容比較充分，多樣。內(nèi)容精彩豐富，簡潔明快，語言風(fēng)趣，通俗易懂。頁面可愛清爽。而我們這次的實習(xí)就是用這幾款軟件來設(shè)計，主要使用div+css來布局，避開傳統(tǒng)的table（表格）布局DIV+CSS的網(wǎng)頁布局對SEO的好處一、不存在表格的嵌套問題：很多“網(wǎng)站如何推廣”的文章中稱，搜索引擎一般不抓取三層以上的表格嵌套，這一點一直沒有得到搜索引擎相關(guān)的官方證實。我的幾項實驗結(jié)果沒有完全出來，但根據(jù)目前掌握的情況來看，Spider爬行Table布局的頁面，遇到多層表格嵌套時，會跳過嵌套的內(nèi)容或直接放棄整個頁面。
使用Table布局，為了達到一定的視覺效果，不得不套用多個表格。如果嵌套的表格中是核心內(nèi)容，蜘蛛（Spider）爬行時跳過了這一段沒有抓取到頁面的核心，這個頁面就成了相似頁面。網(wǎng)站中過多的相似頁面會影響排名及域名信任度。
DIV+CSS的網(wǎng)頁布局對SEO的好處二、精簡的代碼使用DIVCSS布局，頁面代碼精簡，這一點相信對XHTML有所了解的都知道。觀看更多的HTML教程內(nèi)容。
代碼精簡所帶來的直接好處有兩點：一是提高蜘蛛（Spider）爬行效率，能在最短的時間內(nèi)爬完整個頁面，這樣對收錄質(zhì)量有一定好處；二是由于能高效的爬行，就會受到蜘蛛（Spider）歡迎，這樣對收錄數(shù)量有很大好處。而DIV+CSS布局基本上不會存在這樣的問題，從技術(shù)角度來說，XHTML在控制樣式時也不需要過多的嵌套。這雖然沒有得到確認(rèn)，但還是建議使用Table布局的朋友們，在設(shè)計時盡可能的不要使用多層表格嵌套，SEOer（seo工作者們）們在文章中說明了這一點，相信他們也不是沒有依據(jù)。
DIV+CSS的網(wǎng)頁布局對SEO的好處三、對搜索引擎的排名基于XTHML標(biāo)準(zhǔn)的DIV+CSS布局，一般在設(shè)計完成后會盡可能的完善到能通過W3C驗證。截止目前沒有搜索引擎表示排名規(guī)則會傾向于符合W3C標(biāo)準(zhǔn)的網(wǎng)站或頁面，但事實證明使用XTHML架構(gòu)的網(wǎng)站排名狀況一般都不錯。
DIV+CSS的網(wǎng)頁布局對SEO的好處四、提高網(wǎng)頁的訪問速度：DIV+CSS布局較Table布局減少了頁面代碼，加載速度得到很大的提高，這在蜘蛛（Spider）爬行時是非常有利的。過多的頁面代碼可能造成爬行超時，蜘蛛（Spider）就會認(rèn)為這個頁面無法訪問，影響收錄及權(quán)重。
真正的SEOer（seo工作者們）不只是為了追求收錄、排名，快速的響應(yīng)速度是提高用戶體驗度的基礎(chǔ)，這對整個搜索引擎優(yōu)化及營銷都是非常有利的。換一個角度拋開DIV+CSS對SEO的有利影響。單獨來講這種div+css布局也是很有益的，可以說是實下是最流行的網(wǎng)頁布局方式。當(dāng)然div+css布局也有不完善的方面。
總之Div+css布局的優(yōu)勢如下：
由于將大部分頁面代碼寫在了CSS當(dāng)中，使得頁面體積容量變得更小。相對于表格嵌套的方式，DIV+CSS將頁面獨立成更多的區(qū)域，在打開頁面的時候，逐層加載。而不像表格嵌套那樣將整個頁面圈在一個大表格里，使得加載速度很慢。
頁面體積變小，瀏覽速度變快，這就使得對于某些控制主機流量的網(wǎng)站來說是最大的優(yōu)勢了。由于使用了DIV+CSS制作方法，在修改頁面的時候更加容易省時。根據(jù)區(qū)域內(nèi)容標(biāo)記，到CSS里找到相應(yīng)的ID，使得修改頁面的時候更加方便，也不會破壞頁面其他部分的布局樣式。
DIV+CSS最重要的優(yōu)勢之一：保持視覺的一致性；以往表格嵌套的制作方法，會使得頁面與頁面，或者區(qū)域與區(qū)域之間的顯示效果會有偏差。而使用DIV+CSS的制作方法，將所有頁面，或所有區(qū)域統(tǒng)一用CSS文件控制，就避免了不同區(qū)域或不同頁面體現(xiàn)出的效果偏差。
我們都知道網(wǎng)站做出來是給瀏覽者使用的，對瀏覽者和瀏覽器更具親和力，DIV+CSS在這方面更具優(yōu)勢。由于CSS富含豐富的樣式，使頁面更加靈活性，它可以根據(jù)不同的瀏覽器，而達到顯示效果的統(tǒng)一和不變形。
好的網(wǎng)頁，也離不開photoshop，前面我也說了，flash的制作所需要的圖片都要在photoshop中事先PS好的。那photoshop的作用就顯得很重要了，網(wǎng)頁中的flash都僅僅是一小部分，圖片占的分量還是比flash要大的，故好的photoshop技術(shù)，那么PS出來的圖片就會顯得更好，這樣網(wǎng)頁的檔次也會隨著上升。這次的網(wǎng)頁設(shè)計，因為是仿照一張圖片，那么就要求我們要懂得photoshop中的切片工具的使用。切好片后，還要獲取圖片的背景色。這樣我們又得掌握吸管工具的使用了。切片過程中要注意的就是圖片的大小要控制在一個像素以內(nèi)。所以我們需要先放大，然后才來控制切片線的位置。
從制作網(wǎng)頁過程中，我學(xué)到了新的美化網(wǎng)頁的方法，運用了更多以前未運用的技巧。這使我學(xué)到了更多的知識，并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗。這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會后的一筆巨大的財富。這次實習(xí)的收獲對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收獲。總體來說這次是對我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高。這兩周的學(xué)習(xí)實習(xí)中我在老師的指導(dǎo)下以大量明晰的操作步驟和典型的應(yīng)用實例，教會我們。使更豐富全面的軟件技術(shù)和應(yīng)用技巧，使我們真正對所學(xué)的軟件融會貫通。當(dāng)前的軟件的功能日趨復(fù)雜，不學(xué)到一定的深度和廣度是難以在實際工作中應(yīng)付自如的。因此反映出學(xué)習(xí)的還不夠，缺點疏漏。需在加以刻苦鉆研及學(xué)習(xí)，不斷開拓視野，增強自己的實踐操作技能，為以后能做出出色的網(wǎng)頁。
html網(wǎng)頁設(shè)計心得體會10
現(xiàn)在，計算機和網(wǎng)絡(luò)已經(jīng)深入到了我們生活中的方方面面，也已經(jīng)成了生活中不可缺少的一部分，網(wǎng)絡(luò)成了我們獲取知識和信息的一種便捷工具，現(xiàn)在的網(wǎng)民也在不斷的增多，所以，了解和學(xué)習(xí)網(wǎng)絡(luò)知識是我們作為一名大學(xué)生迫切所需的。
這學(xué)期選擇的這門課程讓我學(xué)到了不少關(guān)于計算機和網(wǎng)絡(luò)的知識。老師把課程內(nèi)容安排的很合理，講的大都是很基礎(chǔ)的知識，這對于像我這樣對網(wǎng)絡(luò)了解不多的學(xué)生來說很容易理解，接受。
在這門課上我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識，對flash也有所了解。課上我還學(xué)到了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)，用制作網(wǎng)絡(luò)的工具做網(wǎng)頁等。
通過對這門課的學(xué)習(xí)，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。在具體的制作一個網(wǎng)頁時我了解到一個優(yōu)秀的網(wǎng)頁設(shè)計應(yīng)該具備以下一些基本原則
1、確定網(wǎng)頁設(shè)計的內(nèi)容
一個優(yōu)秀的風(fēng)站要有一個明確的主題,整個網(wǎng)站圍繞這個主題,也就是你在網(wǎng)頁設(shè)計之前要明確你這個網(wǎng)站有什么目的,用來做什么，所有頁面都是圍繞著這個內(nèi)容來制作，有了明確的內(nèi)容對排名有很重要的作用。
2、了解你網(wǎng)站所在行業(yè)的客戶
用戶是一個網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時間進入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會馬上離開,這種網(wǎng)站是很失敗的設(shè)計,只會讓用戶失望的離去.
3、做一個典型用戶
不以用戶身份親身體驗網(wǎng)站你才能發(fā)現(xiàn)問題，才知道那些需要改進，盡量不要讓客戶去發(fā)現(xiàn)問題，在前期設(shè)計時就應(yīng)該把這些問題解決。
4、優(yōu)化內(nèi)容
內(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)劣的重要標(biāo)志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內(nèi)容的發(fā)揮。
框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發(fā)展打下良好的基礎(chǔ)。
下一步，就以動手制作具體內(nèi)容了，題材選定，框架選定，接下來就開始往主頁里面填內(nèi)容。我們稱作資料收集。
如果是個人主頁，有能力的人完全可以靠自己來創(chuàng)作所有的內(nèi)容。大部分人的`方法是：從報紙，雜志，光盤等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了。另外一個好的方法是從網(wǎng)絡(luò)上收集，您只要到搜索引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。
在準(zhǔn)備材料的時候我們可以用到學(xué)習(xí)的flash知識來制作一些小的動畫和動態(tài)圖片，flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標(biāo)或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。
然后是開始正式制作主頁。通過dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個簡單的網(wǎng)頁。
通過個人網(wǎng)頁的制作最終把自己的網(wǎng)頁上傳到互聯(lián)網(wǎng)上，那種成就感是無法用語言形容的。在今后的閑余時間，我將會學(xué)習(xí)制作網(wǎng)頁的更多知識，使它成為自己的一項技能。
html網(wǎng)頁設(shè)計心得體會11
轉(zhuǎn)眼間，已到了期末，學(xué)習(xí)網(wǎng)頁設(shè)計這門課程也要結(jié)束了，雖然時間有點短，但是學(xué)過這個幾周以后我受益匪淺。
記得最初接觸dreamweaver的時候，我很茫然，因為剛接觸陌生的軟件心里會很害怕跟不上老師的進程。剛開始幾節(jié)課，老師講得比較基礎(chǔ)，還能跟得上，漸漸的老師授課的進程開始加速，有些跟不上了，需要下課后自己補上，問老師和周圍的同學(xué)。漸漸的，在老師的悉心教導(dǎo)下，我們開始熟悉這個軟件了。老師布置的第一個任務(wù)，要求做一個自我形象網(wǎng)站。由于學(xué)習(xí)的時間較短，老師只要求用PS做好模板即可，任務(wù)相對簡單。但也要求設(shè)計感強，色彩搭配和諧，并且盡可能的做成實用又符合實際的漂亮網(wǎng)頁。
第二個網(wǎng)頁設(shè)計老師要求相對較高，用dreamweaver做一個比較接近真實的網(wǎng)頁，還要做一個二級頁面。于是開始收集各方面的資料。確定了主題就開始布局了。最開始使用了一個表格，然后在表格內(nèi)進行拆分合并處理，接著就把通過ps處理出來一個版頭并且把修改過大小的圖片放進去了。
中間時預(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é)果就是加不進去MP3的音樂文件，然后自己就嘗試加入了一個視頻，記下了路徑格式，然后照著這種格式寫下了指向聲音源文件的路徑，最后成功了。在設(shè)計過程中還出現(xiàn)了很多的問題，但通過看書，上網(wǎng)查詢，請教同學(xué)等方式，不斷的學(xué)習(xí)、解決、提高，設(shè)計出的網(wǎng)頁不論是外觀還是內(nèi)容，都在不斷的進步、改善�？梢哉f在自己動手，不斷實踐的過程中，網(wǎng)頁設(shè)計水平得到了很大的提高。熱情和執(zhí)著，我將來設(shè)計出的網(wǎng)頁會更加專業(yè)，更完善。
html網(wǎng)頁設(shè)計心得體會12
網(wǎng)頁設(shè)計伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得非常重要。生活中我每天上網(wǎng)都要接觸到網(wǎng)頁，原來沒有留意過網(wǎng)頁的設(shè)計，但是經(jīng)過這段時間的學(xué)習(xí)了解，現(xiàn)在我打開一個網(wǎng)頁都會習(xí)慣性的先看看排版、布局和色彩運用。
通過老師的講解和對課本的翻閱，我學(xué)習(xí)到了一些關(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、命名站點或者文件夾的的時候一定要注意，最好用相應(yīng)的英語或者漢語拼音，要見名知意，如圖片文件夾用image或者tu，這樣可以避免頁面調(diào)用時不正確的現(xiàn)象發(fā)生。
2、調(diào)用Style時可以單擊鼠標(biāo)右鍵選擇CustonStyle來調(diào)用Style標(biāo)準(zhǔn)，也可以在狀態(tài)欄中的元素列表上單擊右鍵來調(diào)用Style。雖然不同的方法達到的效果看似一樣，但實際上產(chǎn)生的HTML代碼則完全不同。在這個過程中，我同樣認(rèn)識到網(wǎng)頁設(shè)計不是一門學(xué)科的獨秀，而是多種課程的綜合，它是Flash、Photoshop等網(wǎng)頁軟件的綜合應(yīng)用。例如Flash提供了功能齊全的繪圖和編輯圖形工具�？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。
在動畫播放時，可以用鼠標(biāo)或鍵盤對動畫的播放進行控制，可以很直觀的反映出效果。頁面設(shè)計應(yīng)以美觀、大方、簡潔為原則，保持一致的風(fēng)格。為了達到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。網(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)站，能點一次的，絕不點第二次。當(dāng)然上面說的是大多數(shù)功能性網(wǎng)站，對于宣傳展示性網(wǎng)站，諸如加特效的或Flash網(wǎng)站，可能就不得不花哨一些，但不能太過分。網(wǎng)站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現(xiàn)意境，點到為止。
下面簡單介紹下網(wǎng)頁設(shè)計的理念和要點。網(wǎng)頁設(shè)計理念：
�。�1）內(nèi)容決定形式：先把內(nèi)容充實上，再分區(qū)塊，再定色調(diào)，再處理細(xì)節(jié)。
�。�2）先整體，后局部，最后回歸到整體：全局考慮，把能填上的都填上，占位置。然后定基調(diào)，分模塊設(shè)計。最后調(diào)整不滿意的幾個局部細(xì)節(jié)。
�。�3）功能決定設(shè)計方向:看網(wǎng)站的用途，決定設(shè)計思路。商業(yè)性的就要突出贏利目的；政府型的就要突出形象和權(quán)威性的文章；教育性的，就要突出師資和課程。
html網(wǎng)頁設(shè)計心得體會13
不知不覺，二個星期的《頁面規(guī)劃與網(wǎng)站建造》課程的實操即將曩昔，回憶這一段日子，真的令我領(lǐng)會很深，也學(xué)會許多東西，懂得許多曾經(jīng)不明白的東西，也理解了一些工作。
自從第一天觸摸《頁面規(guī)劃與網(wǎng)站建造》課程，我以下定決心要把頁面這門課學(xué)好，做出一個優(yōu)異的網(wǎng)站。所以我時刻沒有錯失任何學(xué)習(xí)的機會，不管在課堂上，還是在課外上。更何況這一次實操�；貞浗翊蔚膶嵅傥矣X得我過得很充實，很有含義，由于我能夠誠篤的說我在實操沒有玩過一次游戲，我每時每刻都在規(guī)劃網(wǎng)站，還記得晚上做網(wǎng)站做到一、二點，也許有人會說我傻，但正由于這個傻的舉動，令我學(xué)會許多東西，學(xué)會他人不明白的東西，做出一個令自個滿意的網(wǎng)站，也許跟他人比還需要持續(xù)完善，但我不會由于實操結(jié)束，就把頁面規(guī)劃拋到無影無蹤，我會持續(xù)學(xué)習(xí)頁面規(guī)劃技能，把它變?yōu)樽詡�的一項專長。
回憶第一天的《頁面規(guī)劃與網(wǎng)站建造》課程實操，教師叫咱們持續(xù)完善曾經(jīng)規(guī)劃的網(wǎng)站，做出留言板、注冊的功用。我很快就完成了，但也許我是一個尋求完善的人，所以雖然一個網(wǎng)站做好能夠立刻交給教師。但我做出一個他人都不附和的決定，從頭開始做一個網(wǎng)站。由于我覺得曾經(jīng)那個真的不是太好，雖然實操的時刻曩昔了一半，雖然他人對我說你交本來這個不就行了嗎!何須再做一個呢?但真由于我的固執(zhí)，尋求成功，尋求完善的人，才會使我今日交出一個令自個滿意的答卷。
在制造自個網(wǎng)站時咱們首先：
一、必需進行自個網(wǎng)站前臺功用規(guī)劃
包括自個網(wǎng)站主題的斷定，前臺功用規(guī)劃與辦理、自個網(wǎng)站主頁規(guī)劃、自個網(wǎng)站留言板、注冊、忘掉暗碼、查找等頁面規(guī)劃與辦理。
二、對自個網(wǎng)站后臺辦理功用規(guī)劃
包括自個網(wǎng)站后臺辦理功用的規(guī)劃、后臺辦理信息體系功用的規(guī)劃、后臺體系權(quán)限辦理、后臺文件辦理、自個網(wǎng)站后臺辦理體系主頁規(guī)劃。
三、網(wǎng)站的發(fā)布
一般咱們發(fā)布一個網(wǎng)站也許以能過域名注冊，但咱們也能夠使用自個主機，裝了iis他人就能夠通過我的ip地址來訪問我的主頁。首次做的那個頁面我現(xiàn)已發(fā)布在上彀了。
四、自個網(wǎng)站推行
一個網(wǎng)站做好了，就要對自個網(wǎng)站進行推行，這是一個電子商務(wù)網(wǎng)站必需做得的一步，由于假如你不對你的網(wǎng)站進行推行，就算你發(fā)布了也沒有人會知道的。
在規(guī)劃這個網(wǎng)站時真的領(lǐng)會許多東西，從一開始頁面主題的斷定，到主頁總體的規(guī)劃、搜集材料、前臺功用規(guī)劃與辦理、后臺功用規(guī)劃與辦理、每個分頁面的規(guī)劃等。我都逐個進行了規(guī)劃，由于假如你不規(guī)劃好，想做啥就做啥，是不會做得好的。因我為領(lǐng)會到這一句話：“機會中歸于有預(yù)備的人”。我具體到一個表格寬度都逐個列明。例如：775寬度，分三欄，每一欄占多少。由于我深深懂得“細(xì)微處才見真功夫”。
在這次實操過程中令我形象最深的是做留言板，由于剛好在上一個星期sql數(shù)據(jù)庫實操做過了，所以今次在做就對比輕松，但我曾經(jīng)是通過一個對比長的操練，做完了n次，也許有人會想，肯定是不會才做這么屢次啦!但我想告訴這位同學(xué)我每次做得都不是不一樣的辦法。首次我用的是access數(shù)據(jù)庫，第2次我用的是sql數(shù)據(jù)庫加權(quán)限辦理，第三次我用的是數(shù)據(jù)源稱號的銜接，第四次我用的是自定義銜接字符串，第五次……每一次用的辦法都是不一樣的，也許有人會說我傻，會一種辦法就行了，還要那么多嗎?但我想說的即是不是這么屢次的操練，不是之么屢次不一樣的辦法，也就不會造就出今日游刃有余的我，也不會對同學(xué)提出的疑問處理到，也不會輕松教會同學(xué)，由于你自個首先學(xué)會，學(xué)通，學(xué)廣，才能把疑問逐個的處理。
令我難以忘懷的鏡頭也是在做留言板的時分，但不是為我自個的而做，而是一步一步教同學(xué)做，直到令同學(xué)學(xué)懂;把同學(xué)留言板的疑問逐個處理;當(dāng)同學(xué)由于做不出而沒心境，曩昔對她進行鼓舞的，然后逐個處理;當(dāng)自個也不會，與同學(xué)共同研究的狀況，這種學(xué)習(xí)氛圍是最可貴的，即是在做留言板的時分，令我深深領(lǐng)會到我?guī)拙湓挘赫J(rèn)真干事僅僅把工作做對，用心干事才能把工作做好。把每一件簡略的工作做好即是不簡略，把第一件普通的工作做好即是不普通。
html網(wǎng)頁設(shè)計心得體會14
從新學(xué)期開始接觸網(wǎng)頁設(shè)計這門課程以來，已將近學(xué)習(xí)了一個學(xué)期。經(jīng)過這么長時間的學(xué)習(xí)，從起初對網(wǎng)頁設(shè)計的一知半解，到如今已基本掌握網(wǎng)頁制作的基本技能，可謂獲益良多。作為一門新接觸的學(xué)科，之前并沒有太多的了解，只知道在計算機迅猛發(fā)展的今天，網(wǎng)頁已成為網(wǎng)絡(luò)世界中必不可少的一環(huán)，網(wǎng)民對于網(wǎng)頁的要求也越來越高，因此，學(xué)好網(wǎng)頁設(shè)計這門技術(shù)，對于生活在日后計算機主導(dǎo)的世界來說，顯得更加重要了。
大作業(yè)展示中的網(wǎng)頁作品主題明確、布局合理、頁面設(shè)計得當(dāng)，方便瀏覽的人找到想獲取的信息。任何一個優(yōu)秀的網(wǎng)站都有其明確的主題，網(wǎng)站主題的確立應(yīng)根據(jù)網(wǎng)站的用途而定。整個網(wǎng)站需要圍繞這個主題，也就是說，在網(wǎng)頁設(shè)計之前，我們要明確這個網(wǎng)站的建立目的，用來做什么，圍繞著這個主題和內(nèi)容來制作網(wǎng)站所有的頁面。明確對網(wǎng)頁的制作有著很重要的作用。
作品網(wǎng)站“web”中合理運用了網(wǎng)站制作的幾個基本技術(shù)來構(gòu)建。首先使用了DIV標(biāo)簽來布局網(wǎng)頁，簡單方便。DIV標(biāo)簽可以設(shè)置一個規(guī)定的屬性，用于設(shè)定表格、畫、字規(guī)格大小或擺放位置，在網(wǎng)頁制作中使用，可以大大減少我們對表格、畫、字等的設(shè)定工作量，大大提高我們制作網(wǎng)頁的效率。同時，也方便我們在完成網(wǎng)頁后對部分細(xì)節(jié)的修改。
作品中的網(wǎng)站外觀簡潔大方，界面友好易懂，是網(wǎng)頁制作初學(xué)者的優(yōu)秀模版。例如網(wǎng)頁的布局，素材的管理，代碼的簡化等等，都可以從中得到許多啟發(fā)和借鑒意義。目前通過這學(xué)期以來老師的悉心教導(dǎo)和學(xué)習(xí)，已基本掌握網(wǎng)頁制作的基礎(chǔ)知識。而有關(guān)網(wǎng)頁內(nèi)容的設(shè)計與編排，還有待更多的實踐操作來提高�？偟膩碚f，已對網(wǎng)頁的制作有一定的認(rèn)識和基本的了解。從目前學(xué)習(xí)的進度來看，個人認(rèn)為老師還可以教授我們“行為的應(yīng)用”和“基礎(chǔ)動態(tài)網(wǎng)頁”等知識，拓展我們制作網(wǎng)頁的知識。在個人的網(wǎng)站建設(shè)中，希望加入運用更多更高級的技術(shù)來呈現(xiàn)和表達自己網(wǎng)站的主題和內(nèi)容。例如設(shè)計網(wǎng)頁中的一些動作和事件，以此來達到更好的表達效果。
網(wǎng)站的文件管理、素材存放等安排得合理得當(dāng)，規(guī)范有序。文件夾的命名大多使用所用素材名稱的拼音，一目了然，見名知意，方便學(xué)習(xí)者的查詢與研究。這種嚴(yán)謹(jǐn)和規(guī)范的做法值得日后建設(shè)自己的網(wǎng)站時參考和借鑒，對于網(wǎng)站制作的初學(xué)者來說具有指導(dǎo)意義。
其次網(wǎng)頁在表頭下運用了導(dǎo)航菜單。導(dǎo)航菜單是網(wǎng)頁設(shè)計中不可缺少的重要部分，它提供了頁面與頁面之間跳轉(zhuǎn)的通道，極大方便了瀏覽者訪問所需的內(nèi)容。利用它，我們可以快速找到我們想要瀏覽的頁面。學(xué)習(xí)更多導(dǎo)航菜單的制作，可以優(yōu)化我們的網(wǎng)頁頁面，使其更加完善，也能增加美觀程度。
完成大作業(yè)需要事先精心的構(gòu)思和素材的準(zhǔn)備，從一開始網(wǎng)頁主題的確定，到主頁總體的設(shè)計、搜集資料、每個分頁面的設(shè)計等，我都要一一進行規(guī)劃，因為如果不規(guī)劃好，制作過程中就會沒有整體思路，網(wǎng)站就會顯得缺少整體性，而且不能連貫地制作下去，難以一氣呵成。定下框架之后，然后就開始一步一步有條理，有次序地做起來。制作過程中，為了提高工作效率，減少工作時間，還可以利用制作一個網(wǎng)頁模版來減少工作量。由于一個網(wǎng)站中大多網(wǎng)頁采用相同的表頭和底部，僅僅內(nèi)容有所不同，因此可以通過制作模版來填充多個網(wǎng)頁內(nèi)容，一次來提高網(wǎng)站制作效率。
網(wǎng)頁制作過程中需用到最基本的軟件如Dreamweaver、Photoshop。Dreamweaver可以幫助我們快速構(gòu)建一個初步的網(wǎng)站，之后再在此基礎(chǔ)上填補和完善，便可以構(gòu)建一個完整的網(wǎng)站。Photoshop可以幫助我們快速處理建設(shè)網(wǎng)站中所需要用的所有圖片素材，修改成我們想要的模樣，包括對素材大小、尺寸、美化等處理。若想進一步完善和更好地呈現(xiàn)網(wǎng)站內(nèi)容，還可以利用Flash軟件制作一些相關(guān)的小動畫和動態(tài)圖片。由于良好的視覺效果，F(xiàn)lash已被大多數(shù)網(wǎng)站廣泛應(yīng)用，借此大大增加網(wǎng)頁的藝術(shù)效果。
任何一門學(xué)科的學(xué)習(xí)都需要我們多加練習(xí)實踐，才能駕輕就熟，真正掌握這門學(xué)科。由于網(wǎng)頁設(shè)計這門課程的課較少，老師需要在課堂上傳授重點知識，因此課堂的實踐操作時久不可避免地減少，所以課下的及時復(fù)習(xí)與訓(xùn)練就顯得尤為重要了。對于“知識被遺忘”的問題，更是因為在課下沒有及時鞏固課堂知識所導(dǎo)致。因此想要學(xué)好網(wǎng)頁設(shè)計者們課程，也許并不需要我們像專業(yè)課一樣投入大量時間跟精力，只要在課堂上抓住老師所講的重點知識，并在課下及時做好復(fù)習(xí)跟操練，便可以很好掌握網(wǎng)頁設(shè)計的基本技能，從而達到課程學(xué)習(xí)要求。
【html網(wǎng)頁設(shè)計心得體會】相關(guān)文章：
dreamweaver網(wǎng)頁制作 HTML的語法說課稿11-04
html網(wǎng)頁編寫的心得體會范文（精選13篇）12-19
網(wǎng)頁設(shè)計html學(xué)習(xí)心得范文500字（精選5篇）12-20
網(wǎng)頁設(shè)計心得體會11-13
網(wǎng)頁設(shè)計的心得體會02-28
網(wǎng)頁設(shè)計培訓(xùn)的心得體會04-01