網(wǎng)頁設計心得體會14篇
當我們經(jīng)過反思，有了新的啟發(fā)時，通常就可以寫一篇心得體會將其記下來，如此可以一直更新迭代自己的想法。一起來學習心得體會是如何寫的吧，以下是小編為大家整理的網(wǎng)頁設計心得體會，希望能夠幫助到大家。
網(wǎng)頁設計心得體會 篇1
科學是發(fā)展生產(chǎn)力的根本前提，當今的社會是互聯(lián)網(wǎng)蓬勃發(fā)展的世界，每當我們上網(wǎng)的時候，那一個個精美別致的網(wǎng)頁給人是多么流暢順利的感覺，無論是尋找資料還是網(wǎng)上商城購物，都給我們帶來了方便快捷的好處，我想，科學技術(shù)的發(fā)展，離不開互聯(lián)網(wǎng)的發(fā)展，而互聯(lián)網(wǎng)的發(fā)展也離不開網(wǎng)頁制作的發(fā)展，而只有把兩者結(jié)合起來才是正確的。
首先，了解網(wǎng)頁并不是單純的認為他僅僅只是為人們服務的，而它的存在也是給我們帶來了利益和好處。當然，了解網(wǎng)頁首先也從幾個軟件開始：
1. dreamweaver mx (或dreamweaver 8)。
2. flash mx (或flash 8)
3. fireworks 8
而網(wǎng)頁制作就是開始從這些軟件開始著手的，今天，我終于可以學習網(wǎng)頁制作了，我們在杜奕老師的教導下，各位同學們也都在聆聽老師的講解和指導我們運用以上這些軟件的功能和網(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)頁來。
“路漫漫其修遠兮，吾將上下而求索”學習的道路是艱苦漫長的，更何況這是關(guān)于一個科學技術(shù)的一個代名詞，隨后，課堂的氣氛慢慢的好轉(zhuǎn)，耐心的老師和專心的學生在課堂上都盡情的'發(fā)揮各自的才能，老師也為了能教好每一位學生，而學生也不辜負老師的使命，就這樣，網(wǎng)頁制作這一門課程進行的很順利，學習了dreamweaver mx 對它如何徹底的剖析和分解，我們終于認清了它的原理，摸清了應該怎樣去完全的使用它，而我們在老師的指導和訓練的結(jié)果下，終于開始做屬于自己的網(wǎng)頁了。
慢慢的快接近尾聲了，我們也快臨近期末了，老師給我們的任務卻是需要我們每人至少做出三個網(wǎng)頁來，且內(nèi)存不能超過3m，剛開始我以為我會對著感到很是吃力，不知道該如何是好，畢竟網(wǎng)頁才是剛剛起步，根基不穩(wěn)，怎么能夠做出這樣的網(wǎng)頁呢?而我對dreamweaver mx 它也不是很熟悉，心里真是很擔憂。
在這最后的時間里，我仔細掂量了一番，網(wǎng)頁制作給我的結(jié)論是：要想制作一個能夠像網(wǎng)上的那樣，還得需要經(jīng)過長時間的刻苦努力和不斷地檢驗及實踐，否則，如果只靠老師在課堂上講的那些知識是遠遠不夠的。畢竟網(wǎng)頁是一個技術(shù)性的知識，不像文學那樣的純理論知識。通過這個課程的學習，我從中得到了一些對網(wǎng)頁知識如功能、概念的理解，原來要做出一個簡單可行的網(wǎng)頁并不是一件害怕的事情，而是一件努力和嘗試的事情。
網(wǎng)頁設計心得體會 篇2
不知不覺我學習整站網(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)頁制作的基礎(chǔ)知識也有了一定的掌握。我覺得，在設計網(wǎng)頁之前：
首先必須做到先確定網(wǎng)頁設計的內(nèi)容，因為一個優(yōu)秀的風站要有一個明確的主題，整個網(wǎng)站圍繞這個主題，也就是你在網(wǎng)頁設計之前要明確你這個網(wǎng)站有什么目的，用來做什么，所有頁面都是圍繞著這個內(nèi)容來制作，有了明確的內(nèi)容對排名有很重要的.作用。
其次自然是了解你網(wǎng)站所在行業(yè)的客戶。要知道用戶是一個網(wǎng)站成敗的關(guān)鍵，如果用戶要花很多時間進入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站，或者你網(wǎng)站操作很不方便用戶也會馬上離開，這種網(wǎng)站是很失敗的設計，只會讓用戶失望的離開。
我在這次設計網(wǎng)頁的過程中，終于體會到做一個網(wǎng)頁的主頁不是一件容易的事情，它包括個人主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。制作主頁要注意：
要想一個好的標題。標題在個人主頁中起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、有特色、簡短易記，不要符合自己主頁的主題和風格。
主頁中不光要有文字，還要適當?shù)丶右恍﹫D片。一張好的圖片可以勝過你的千言萬語。也能讓進入你網(wǎng)頁的人一目了然，產(chǎn)生興趣。
網(wǎng)頁頁面整體的排版設計也是不可忽略了，很重要的一個原則是合理也運用空間，讓自己的網(wǎng)頁井然有序，留下合適空間，會給人輕松的感覺。
當然在做這些內(nèi)容之前，是要找好資料的，我們可以從報紙，雜志，光盤等媒體中把相關(guān)的資料收集，再加上一定的編輯后就可以了。另外一個好的方法是從網(wǎng)絡上收集，您只要到搜索引擎上查找相應的關(guān)鍵字，就可以找到一大堆的資料。設計制作網(wǎng)頁我可以推薦一個不錯的軟件，那就是Dreamweaver。只需要用到此款軟件中的一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網(wǎng)頁。好了，網(wǎng)頁設計制作完畢后，最后一步就是要優(yōu)化網(wǎng)站了。
就我的觀點，我覺得個人認為網(wǎng)頁設計應該注重實用性，因為我們用它就是來互動的，所以我建議以簡單美為好，太多復制的圖片文字和頁面排版只會讓看的人感覺更不舒服，還有最后申明一下，我不是專業(yè)網(wǎng)站設計師，以上只是我對網(wǎng)頁設計學習的一些心得罷了。
跟學習別的東西一樣，學習網(wǎng)頁設計也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。
學習網(wǎng)頁設計需要耐心，如果你沒有耐心，你學不好網(wǎng)頁設計，應為當你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了半個月時間才解決。
學習網(wǎng)頁設計需要堅持，堅持不斷的學習，因為設計網(wǎng)頁的軟件在不斷的更新，你不斷的學習
不要掉入技術(shù)的陷阱，你的網(wǎng)頁設計技術(shù)一流，你對軟件的掌握程度已經(jīng)達到一定水平，但是你設計的網(wǎng)頁確不堪目睹，這是因為網(wǎng)頁設計是是介于平面設計和編程技術(shù)兩者之間的"邊緣科學。"不僅涉及到美學，心理學，平面構(gòu)成，色彩搭配等平面設計的方面的知識，還涉及到html，javascript，css，asp，php等編程語言技術(shù)方面的知識。只有綜合運用多種知識，才能設計出視聽特效，動感十足，富于個性的web頁面，才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨特魅力和多維空間的超強功能。
注重實用，個人認為網(wǎng)頁設計應該注重實用性，因為它是讓人瀏覽的，是用戶可以撫摸，可以評論，可以交互的。我提倡簡單的美。
網(wǎng)頁設計心得體會 篇3
現(xiàn)在，計算機和網(wǎng)絡已經(jīng)深入到了我們生活中的方方面面，也已經(jīng)成了生活中不可缺少的一部分，網(wǎng)絡成了我們獲取知識和信息的一種便捷工具，現(xiàn)在的網(wǎng)民也在不斷的增多，所以，了解和學習網(wǎng)絡知識是我們作為一名大學生迫切所需的。
這學期選擇的這門課程讓我學到了不少關(guān)于計算機和網(wǎng)絡的知識。老師把課程內(nèi)容安排的很合理，講的大都是很基礎(chǔ)的知識，這對于像我這樣對網(wǎng)絡了解不多的學生來說很容易理解，接受。
在這門課上我學習到了一些關(guān)于建設網(wǎng)站和制作網(wǎng)頁的知識，對flash也有所了解。課上我還學到了一些基礎(chǔ)的網(wǎng)絡技術(shù)，用制作網(wǎng)絡的工具做網(wǎng)頁等。
通過對這門課的學習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的'基礎(chǔ)知識也有了一定的掌握。
在具體的制作一個網(wǎng)頁時我了解到一個優(yōu)秀的網(wǎng)頁設計應該具備以下一些基本原則
1確定網(wǎng)頁設計的內(nèi)容
一個優(yōu)秀的風站要有一個明確的主題,整個網(wǎng)站圍繞這個主題,也就是你在網(wǎng)頁設計之前要明確你這個網(wǎng)站有什么目的,用來做什么，所有頁面都是圍繞著這個內(nèi)容來制作，有了明確的內(nèi)容對排名有很重要的作用。
2了解你網(wǎng)站所在行業(yè)的客戶
用戶是一個網(wǎng)站成敗的'關(guān)鍵,如果用戶要花很多時間進入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會馬上離開,這種網(wǎng)站是很失敗的設計,只會讓用戶失望的離去.
3、做一個典型用戶
不以用戶身份親身體驗網(wǎng)站你才能發(fā)現(xiàn)問題，才知道那些需要改進，盡量不要讓客戶去發(fā)現(xiàn)問題，在前期設計時就應該把這些問題解決。
4優(yōu)化內(nèi)容
內(nèi)容是整個網(wǎng)站的核心。在網(wǎng)站設計之前必須明確網(wǎng)站的內(nèi)容安排。
優(yōu)秀網(wǎng)頁設計是要建立在平凡的基礎(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ā)展打下良好的基矗
下一步，就以動手制作具體內(nèi)容了，題材選定，框架選定，接下來就開始往主頁里面填內(nèi)容。我們稱作資料收集
如果是個人主頁，有能力的人完全可以靠自己來創(chuàng)作所有的內(nèi)容。大部分人的方法是：從報紙，雜志，光盤等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了。另外一個好的方法是從網(wǎng)絡上收集，您只要到搜索引擎上查找相應的關(guān)鍵字，就可以找到一大堆的資料。
在準備材料的時候我們可以用到學習的flash知識來制作一些小的動畫和動態(tài)圖片，flash提供了功能齊全的繪圖和編輯圖形工具�？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。
然后是開始正式制作主頁。通過dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網(wǎng)頁。
通過個人網(wǎng)頁的制作最終把自己的網(wǎng)頁上傳到互聯(lián)網(wǎng)上，那種成就感是無法用語言形容的。在今后的閑余時間，我將會學習制作網(wǎng)頁的更多知識，使它成為自己的一項技能。
不知不覺，二個星期的《網(wǎng)頁設計與網(wǎng)站建設》課程的實操即將過去，回顧這一段日子，真的令我體會很深，也學會很多東西，懂得很多以前不懂的東西，也明白了一些事情。
自從第一天接觸《網(wǎng)頁設計與網(wǎng)站建設》課程，我以下定決心要把網(wǎng)頁這門課學好，做出一個優(yōu)秀的網(wǎng)站。所以我時刻沒有錯過任何學習的機會，無論在課堂上，還是在課外上。更何況這一次實操�；仡櫧翊蔚膶嵅傥矣X得我過得很充實，很有意義，因為我可以誠實的說我在實操沒有玩過一次游戲，我每時每刻都在設計網(wǎng)站，還記得晚上做網(wǎng)站做到一、二點，可能有人會說我傻，但正因為這個傻的行動，令我學會很多東西，學會別人不懂的東西，做出一個令自己滿意的網(wǎng)站，可能跟別人比還需要繼續(xù)完善，但我不會因為實操結(jié)束，就把網(wǎng)頁設計拋到九霄云外，我會繼續(xù)學習網(wǎng)頁設計技術(shù)，把它變?yōu)樽约旱囊豁椞亻L。
回顧第一天的《網(wǎng)頁設計與網(wǎng)站建設》課程實操，老師叫我們繼續(xù)完善以前設計的網(wǎng)站，做出留言板、注冊的功能。我很快就完成了，但可能我是一個追求完善的人，所以盡管一個網(wǎng)站做好可以馬上交給老師。但我做出一個別人都不贊同的決定，從頭開始做一個網(wǎng)站。因為我覺得以前那個真的不是太好，盡管實操的時間過去了一半，盡管別人對我說你交原來這個不就行了嗎！何必再做一個呢？但真因為我的執(zhí)著，追求成功，追求完善的人，才會使我今天交出一個令自己滿足的答卷。
在制作個人網(wǎng)站時我們首先：
一、必需進行個人網(wǎng)站前臺功能設計
包括個人網(wǎng)站主題的確定，前臺功能設計與管理、個人網(wǎng)站主頁設計、個人網(wǎng)站留言板、注冊、忘記密碼、搜索等網(wǎng)頁設計與管理。
二、對個人網(wǎng)站后臺管理功能設計
包括個人網(wǎng)站后臺管理功能的設計、后臺管理信息系統(tǒng)功能的設計、后臺系統(tǒng)權(quán)限管理、后臺文件管理、個人網(wǎng)站后臺管理系統(tǒng)主頁設計。
三、網(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ā)布了也沒有人會知道的。
在設計這個網(wǎng)站時真的體會很多東西，從一開始網(wǎng)頁主題的確定，到主頁總體的設計、搜集資料、前臺功能設計與管理、后臺功能設計與管理、每個分頁面的設計等。我都一一進行了規(guī)劃，因為如果你不規(guī)劃好，想做什么就做什么，是不會做得好的。因我為體會到這一句話：“機會中屬于有準備的人”。我詳細到一個表格寬度都一一列明。例如：775寬度，分三欄，每一欄占多少。因為我深深懂得“細微處才見真功夫”。
在這次實操過程中令我印象最深的是做留言板，因為剛好在上一個星期sql數(shù)據(jù)庫實操做過了，所以今次在做就比較輕松，但我以前是經(jīng)過一個比較長的練習，做完了n次，可能有人會想，肯定是不會才做這么多次啦！但我想告訴這位同學我每次做得都不是不同的方法。第一次我用的是access數(shù)據(jù)庫，第二次我用的是sql數(shù)據(jù)庫加權(quán)限管理，第三次我用的是數(shù)據(jù)源名稱的連接，第四次我用的是自定義連接字符串，第五次……每一次用的方法都是不同的，可能有人會說我傻，會一種方法就行了，還要那么多嗎？但我想說的就是不是這么多次的練習，不是之么多次不同的方法，也就不會造就出今天熟能生巧的我，也不會對同學提出的問題解決到，也不會輕松教會同學，因為你自己首先學會，學通，學廣，才能把問題一一的解決。
令我難以忘懷的鏡頭也是在做留言板的時候，但不是為我自己的而做，而是一步一步教同學做，直到令同學學懂；把同學留言板的問題一一解決；當同學因為做不出而沒心情，過去對她進行鼓勵的，然后一一解決；當自己也不會，與同學共同研究的情況，這種學習氛圍是最難得的，就是在做留言板的時候，令我深深體會到我?guī)拙湓挘赫J真做事只是把事情做對，用心做事才能把事情做好。把每一件簡單的事情做好就是不簡單，把第一件平凡的事情做好就是不平凡。
網(wǎng)頁設計心得體會 篇4
本學期的網(wǎng)業(yè)設計課程，開展了動態(tài)思維訓練教學活動，對于我們學生來說，可以激發(fā)學習興趣，調(diào)動學習的自覺性，自己動腦、動手，動口，運用網(wǎng)絡資源，結(jié)合教材及老師的指導，通過自身的實踐，創(chuàng)作出積聚個人風格、個性的個人網(wǎng)頁�？傮w來說，整個學期的學習過程，我學會了很多知識，雖然過程比較艱辛，但在INTENET領(lǐng)域中，有了一個展示自我的空間，我覺得很開心、很有成就感。
一。充分發(fā)揮動手能力
作為網(wǎng)頁設計的初學者，我對網(wǎng)頁設計非常感興趣，一心想設計出一個美觀、實用、內(nèi)容豐富的個人網(wǎng)頁。本學期的教改方案由以前學生單純接受知識變?yōu)橹鲃訁⑴c教學活動。在這樣的壓力和動力下，通過自己動手、動腦，通過網(wǎng)絡資源，老師的指導，在不斷發(fā)現(xiàn)問題和解決問題的過程中學到了很多知識，也增強了我的創(chuàng)作能力和動手能力，在網(wǎng)頁設計過程中，從構(gòu)思到設計、完善、維護，整個過程我都全身心投入，使我真正學到了網(wǎng)頁設計的知識。
二。在設計過程中不斷提高網(wǎng)頁設計水平
在本次網(wǎng)頁設計中，我不僅學到了很多關(guān)于網(wǎng)頁設計方面的知識，也從中學會了關(guān)于網(wǎng)絡、編程等方面的知識。我從最初開始運用FrontPage設計網(wǎng)頁，到后來運用Dreamweaver、Flash、Fireworks等網(wǎng)軟件設計網(wǎng)頁，完善網(wǎng)頁。在這個過程中，我通過自學教材、上網(wǎng)查詢，學習了Dreamweaver、Flash、Fireworks等網(wǎng)頁軟件的應用，學會了管理、維護自己的站點，以及一些簡單動畫、控件的制作等等。在設計過程中也出現(xiàn)了很多的`問題，但通過看書，上網(wǎng)查詢，請教老師等方式，不斷的學習、解決、提高，設計出的網(wǎng)頁不論是外觀還是內(nèi)容，都在不斷的進步、改善�？梢哉f在自己動手，不斷實踐的過程中，網(wǎng)頁設計水平得到了很大的提高。
三。不足之處
由于平時工作比較繁忙，學習時間比較少，對于網(wǎng)頁設計軟件的強大功能運用得還不夠。在網(wǎng)頁設計過程中，由于沒有網(wǎng)頁制作代碼的知識，所以在設計時也遇到了很多麻煩，有時插入一個特效腳本也是很麻煩。在網(wǎng)頁制作過程中，想提高設計水平，想有個理想的網(wǎng)頁，必須學會代碼的運用，我將在以后的學習過程中不斷加強這方面的學習，希望老師能簡單介紹一下代碼，讓我也對它有個初步的認識，以后再加強學習也才會有所提高。
總體來說，通過今次的對網(wǎng)頁設計的學習，有收獲也有遺憾、不足的地方，但我想，我已經(jīng)邁入了網(wǎng)頁設計的大門，只要我再認真努力的去學習，去提高，憑借我對網(wǎng)頁設計的熱情和執(zhí)著，我將來設計出的網(wǎng)頁會更加專業(yè)，更完善。也希望老師在今后的日子里多指導。
網(wǎng)頁設計心得體會 篇5
不知不覺我學習整站網(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)頁制作的基礎(chǔ)知識也有了一定的掌握。我覺得，在設計網(wǎng)頁之前：
首先必須做到先確定網(wǎng)頁設計的內(nèi)容，因為一個優(yōu)秀的風站要有一個明確的主題，整個網(wǎng)站圍繞這個主題，也就是你在網(wǎng)頁設計之前要明確你這個網(wǎng)站有什么目的，用來做什么，所有頁面都是圍繞著這個內(nèi)容來制作，有了明確的內(nèi)容對排名有很重要的作用。
其次自然是了解你網(wǎng)站所在行業(yè)的客戶。要知道用戶是一個網(wǎng)站成敗的關(guān)鍵，如果用戶要花很多時間進入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站，或者你網(wǎng)站操作很不方便用戶也會馬上離開，這種網(wǎng)站是很失敗的設計，只會讓用戶失望的離開。
我在這次設計網(wǎng)頁的過程中，終于體會到做一個網(wǎng)頁的主頁不是一件容易的事情，它包括個人主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。制作主頁要注意：
要想一個好的標題。標題在個人主頁中起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、有特色、簡短易記，不要符合自己主頁的主題和風格。
主頁中不光要有文字，還要適當?shù)丶右恍﹫D片。一張好的圖片可以勝過你的千言萬語。也能讓進入你網(wǎng)頁的人一目了然，產(chǎn)生興趣。
網(wǎng)頁頁面整體的排版設計也是不可忽略了，很重要的一個原則是合理也運用空間，讓自己的網(wǎng)頁井然有序，留下合適空間，會給人輕松的感覺。
當然在做這些內(nèi)容之前，是要找好資料的，我們可以從報紙，雜志，光盤等媒體中把相關(guān)的資料收集，再加上一定的編輯后就可以了。另外一個好的方法是從網(wǎng)絡上收集，您只要到搜索引擎上查找相應的關(guān)鍵字，就可以找到一大堆的資料。設計制作網(wǎng)頁我可以推薦一個不錯的軟件，那就是Dreamweaver。只需要用到此款軟件中的一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網(wǎng)頁。好了，網(wǎng)頁設計制作完畢后，最后一步就是要優(yōu)化網(wǎng)站了。
就我的觀點，我覺得個人認為網(wǎng)頁設計應該注重實用性，因為我們用它就是來互動的，所以我建議以簡單美為好，太多復制的圖片文字和頁面排版只會讓看的人感覺更不舒服，還有最后申明一下，我不是專業(yè)網(wǎng)站設計師，以上只是我對網(wǎng)頁設計學習的一些心得罷了。
做出一個好的網(wǎng)頁一般都離不開dreamweaver，flash，photoshop這三個軟件，當然，還可以用到其他一些輔助軟件就會加快網(wǎng)頁的設計了，比如：
SothinkDHTMLMenu，SothinkLogoMaker等軟件，這些軟件不僅可以快速開發(fā)出導航，logo等，而且很漂亮，美觀。
制作網(wǎng)頁，首先是確定主題，每一版塊都有其個性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，每一部分又分幾小部分，內(nèi)容比較充分，多樣。內(nèi)容精彩豐富，簡潔明快，語言風趣，通俗易懂。頁面可愛清爽。
而我們這次的實習就是用這幾款軟件來設計，主要使用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在控制樣式時也不需要過多的嵌套。這雖然沒有得到確認，但還是建議使用Table布局的朋友們，在設計時盡可能的不要使用多層表格嵌套，SEOer（seo工作者們）們在文章中說明了這一點，相信他們也不是沒有依據(jù)。
DIV+CSS的網(wǎng)頁布局對SEO的好處三、對搜索引擎的排名基于XTHML標準的DIV+CSS布局，一般在設計完成后會盡可能的完善到能通過W3C驗證。截止目前沒有搜索引擎表示排名規(guī)則會傾向于符合W3C標準的.網(wǎng)站或頁面，但事實證明使用XTHML架構(gòu)的網(wǎng)站排名狀況一般都不錯。
DIV+CSS的網(wǎng)頁布局對SEO的好處四、提高網(wǎng)頁的訪問速度：DIV+CSS布局較Table布局減少了頁面代碼，加載速度得到很大的提高，這在蜘蛛（Spider）爬行時是非常有利的。過多的頁面代碼可能造成爬行超時，蜘蛛（Spider）就會認為這個頁面無法訪問，影響收錄及權(quán)重。
真正的SEOer（seo工作者們）不只是為了追求收錄、排名，快速的響應速度是提高用戶體驗度的基礎(chǔ)，這對整個搜索引擎優(yōu)化及營銷都是非常有利的。換一個角度拋開DIV+CSS對SEO的有利影響。單獨來講這種div+css布局也是很有益的，可以說是實下是最流行的網(wǎng)頁布局方式。當然div+css布局也有不完善的方面。
總之Div+css布局的優(yōu)勢如下：
由于將大部分頁面代碼寫在了CSS當中，使得頁面體積容量變得更小。相對于表格嵌套的方式，DIV+CSS將頁面獨立成更多的區(qū)域，在打開頁面的時候，逐層加載。而不像表格嵌套那樣將整個頁面圈在一個大表格里，使得加載速度很慢。
頁面體積變小，瀏覽速度變快，這就使得對于某些控制主機流量的網(wǎng)站來說是最大的優(yōu)勢了。由于使用了DIV+CSS制作方法，在修改頁面的時候更加容易省時。根據(jù)區(qū)域內(nèi)容標記，到CSS里找到相應的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)頁設計，因為是仿照一張圖片，那么就要求我們要懂得photoshop中的切片工具的使用。切好片后，還要獲取圖片的背景色。這樣我們又得掌握吸管工具的使用了。切片過程中要注意的就是圖片的大小要控制在一個像素以內(nèi)。所以我們需要先放大，然后才來控制切片線的位置。
從制作網(wǎng)頁過程中，我學到了新的美化網(wǎng)頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗。這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會后的一筆巨大的財富。這次實習的收獲對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收獲。總體來說這次是對我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高。這兩周的學習實習中我在老師的指導下以大量明晰的操作步驟和典型的應用實例，教會我們。使更豐富全面的軟件技術(shù)和應用技巧，使我們真正對所學的軟件融會貫通。當前的軟件的功能日趨復雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。需在加以刻苦鉆研及學習，不斷開拓視野，增強自己的實踐操作技能，為以后能做出出色的網(wǎng)頁。
網(wǎng)頁設計心得體會 篇6
時間過得很快，我即將畢業(yè)來到了社會這個匯集眾多江河湖水的大海，感受到了獨立生活的好處與艱辛，同時我自己也更深的理解了，家長和學校老師對我們的殷切希望，在社會實習的這段日子，我吃了些苦，受了些罪，可是整個人在肉體上和精神上卻升華了很多，也比以前的變得更有自信了。
一、實習時間
二、實習介紹
我所在的這家公司，是一家做網(wǎng)上招商的商業(yè)網(wǎng)站，公司接收各種廠家提供的信息，然后由網(wǎng)絡的技術(shù)人員，將商家的信息做成網(wǎng)頁廣告，然后掛在我們的網(wǎng)站上，以此達到商業(yè)推廣的目的，類似我們公司的網(wǎng)站在同行業(yè)還有_、_招商網(wǎng)等。
我和其它幾位同事做為網(wǎng)絡部的技術(shù)人員，主要的工作就是接收美工人員的網(wǎng)站模板，將其通過photoshop切片，然后導入dreamweaver進行排版，(排版主要使用css+div)，并進一步的加以制作，完善美化，如加入js代碼，或透明flash，因為網(wǎng)頁是用css+div進行排版的，所以在最后一步的時候，我們還需要進行瀏覽器測試，因為css+div排版方式有一個的缺點就是：瀏覽器不兼容的問題，典型的如：ie與fireworks，因為各種瀏覽器使用的協(xié)議不同，所以會導致頁面在最終瀏覽的時候有一些小問題，如：頁面混亂，圖片、文字之間的距離過大或過小，頁面不美觀等等，做為一個新人，我在有些方面的技術(shù)還很不成熟，所以在技術(shù)總監(jiān)張偉的幫助下，解決了很多問題，所在我很感謝他，當每天我們做完網(wǎng)頁后，都會在代碼頁面加入注釋代碼，在里面寫上每個人姓名的漢語拼間和工作日期，這樣方便月底做統(tǒng)計工作，公司領(lǐng)導會根據(jù)每個人的工作數(shù)量進行獎勵，每做一個頁面會有2塊的提成，雖然少點，但是積少成多，也是很可觀的。
三、實習內(nèi)容
(一)初級考試
初來公司的`時候，我們經(jīng)過了初期考試，培訓，與最終考試三個階段，在接到公司讓我面試的電話后，我來到了_公司，因為要干的是網(wǎng)頁設計，所以要有一個小測驗，技術(shù)總監(jiān)要求我們在網(wǎng)上自找圖片和文字，做一個簡單的頁面，要求是：什么樣的頁面都可以，考查的主要是面試者相關(guān)軟件的操作能力與代碼掌握的熟練成度，說實話，從畢業(yè)后，有一段時間沒有寫代碼了，剛一上機，還有點生疏，但是憑借在學樣扎實的學習功底，我很快就恢復了自己的英雄本色，將html代碼寫的很熟練，做了一個左右分欄的頁面，沒什么太大難度，技術(shù)總監(jiān)看了以后，說不錯，讓我三天后參加培訓，合格扣就可以正式上班了。
(二)三天的培訓工作
三天后，我來到了公司，一看，來參加培訓的人有很多，大概在十多個人左右，其實所謂的培訓，就是讓大家先熟悉這家網(wǎng)站的工作，先做一些他們平時干的活，做一些廣告網(wǎng)頁，這些網(wǎng)頁都是靜態(tài)的，沒什么難度。我后來發(fā)現(xiàn)，自己在這些人當中，還是較較者，心里優(yōu)勢還挺好的。
(三)最后的考核
三天的培訓后，我們迎來了最后的考核，合格的人會被留下，并得到一份為期一個月的實習合同，然后會在根據(jù)你在實習期的表現(xiàn)決定你的去留問題，秀的人會轉(zhuǎn)正，得到很優(yōu)厚的待遇。
考核的內(nèi)容，就是在公司的商務網(wǎng)站上任選一個頁面，然后在規(guī)定的時間內(nèi)做完，我還不錯，技術(shù)比較熟練，是第四個做完的。當我們把網(wǎng)頁做完后由這家公司的經(jīng)理進行審核，最后的結(jié)果是，最先做完的前8個人可以有底薪加提成，每人頁面的提成是2元錢，而后面做完的，只有提成，沒有底薪，他們的提成是每個頁面5元錢，最后的幾個人就被淘汰了，制度雖有點不近人情，但是剛畢業(yè)的學生能忍也就忍了，就這樣，我們每個人得到了一份一個月的臨時合同，正式開始了實習工作。
(四)正式工作
我們每天的上班時間是從早上8：30分到下午的17：00，這是我見過最有激情的一些人了，年紀輕輕，干勁十足，來了以后就工作，連平時聊天的內(nèi)容也和本行業(yè)分不開，我喜歡他(她)們，回為是實習期，所以每天做的數(shù)量沒有太大要求，但是每個人都玩命似的干活，抓緊時間做網(wǎng)頁，我們做的網(wǎng)頁是比較簡單的從上到下式的網(wǎng)頁，通過css+div排版，這樣在后期瀏覽器兼容測試中，就好做的很多了，文字與圖片之間就不會有太多的麻煩，我干的很不錯，不過有些追求精致，我做網(wǎng)頁的速度慢了很多，最初每天只能做3--4個網(wǎng)頁，這對于我來說是不能接受的，后來我改變了工作方法，我第次工作的時候，先訂下計劃，比如今天做多少網(wǎng)頁，然后我將要做的所有網(wǎng)頁，先做好排版，這時的網(wǎng)頁雖然排過版，但是不美觀，因為沒有進行美化工作，然后我會在下午的時間，集中全力做美化工作，就這樣我的速度提高了很多，快了將近一倍多。只要更加熟練速度不會更快，我相信自己。
四、實習體會
實習將要結(jié)束，其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網(wǎng)頁過程中，我學到了新的美化網(wǎng)頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗。這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會后的一筆巨大的財富。這次實習的收獲對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收獲�？傮w來說這次是對我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高。
網(wǎng)頁設計心得體會 篇7
網(wǎng)頁設計伴隨著網(wǎng)絡的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡的頻繁而變得非常重要。生活中我每天上網(wǎng)都要接觸到網(wǎng)頁，原來沒有留意過網(wǎng)頁的設計，但是經(jīng)過這段時間的學習了解，現(xiàn)在我打開一個網(wǎng)頁都會習慣性的先看看排版、布局和色彩運用。
通過老師的講解和對課本的翻閱，我學習到了一些關(guān)于建設網(wǎng)站和制作網(wǎng)頁的知識，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。通過Dreamweaver制作網(wǎng)頁，我用到了一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等。但是在自己嘗試著做的時候，總是出現(xiàn)這里那里的問題。不是圖片不能固定在自己想要的位置，就是滾動文本的顯示區(qū)域不知道為什么撐過了頁面，還有就是不同分辨率、不同瀏覽器都會對瀏覽網(wǎng)頁產(chǎn)生影響。而且在CSS方面，我總是不太熟悉各種代碼是控制哪些東西的`。除了查找解決問題我還總結(jié)了經(jīng)驗。例如：
1、命名站點或者文件夾的的時候一定要注意，最好用相應的英語或者漢語拼音，要見名知意，如圖片文件夾用image或者tu，這樣可以避免頁面調(diào)用時不正確的現(xiàn)象發(fā)生。
2、調(diào)用Style時可以單擊鼠標右鍵選擇CustonStyle來調(diào)用Style標準，也可以在狀態(tài)欄中的元素列表上單擊右鍵來調(diào)用Style。雖然不同的方法達到的效果看似一樣，但實際上產(chǎn)生的HTML代碼則完全不同。在這個過程中，我同樣認識到網(wǎng)頁設計不是一門學科的獨秀，而是多種課程的綜合，它是Flash、Photoshop等網(wǎng)頁軟件的綜合應用。例如Flash提供了功能齊全的繪圖和編輯圖形工具�？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，可以很直觀的反映出效果。頁面設計應以美觀、大方、簡潔為原則，保持一致的風格。為了達到最佳的視覺表現(xiàn)效果，應講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。網(wǎng)頁最主要的功能就是給每個上網(wǎng)者提供一種形式，讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁設計，就需要站在用戶的角度來看。用戶是一個網(wǎng)站成敗的關(guān)鍵。如果用戶要花很多時間進入網(wǎng)站，很有可能他會立即關(guān)掉網(wǎng)站，或者網(wǎng)站操作很不方便用戶也會馬上離開，這種網(wǎng)站是很失敗的設計，只會讓用戶失望的離去。所以網(wǎng)頁容量即包括圖像在內(nèi)的網(wǎng)頁字節(jié)數(shù)最好不要超過50K。
還涉及到界面弱化的問題。一個好的界面設計它的界面是弱化的，它突出的是功能，著重體現(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)意境，點到為止。
下面簡單介紹下網(wǎng)頁設計的理念和要點。網(wǎng)頁設計理念：
�。�1）內(nèi)容決定形式：先把內(nèi)容充實上，再分區(qū)塊，再定色調(diào)，再處理細節(jié)。
（2）先整體，后局部，最后回歸到整體：全局考慮，把能填上的都填上，占位置。然后定基調(diào)，分模塊設計。最后調(diào)整不滿意的幾個局部細節(jié)。
�。�3）功能決定設計方向:看網(wǎng)站的用途，決定設計思路。商業(yè)性的就要突出贏利目的；政府型的就要突出形象和權(quán)威性的文章；教育性的，就要突出師資和課程。
網(wǎng)頁設計的兩大要點是：整體風格和色彩搭配。
一、確定網(wǎng)站的整體風格:
1、將標志logo，盡可能的放在頁面最突出的位置。
2、突出標準色彩。
3、總結(jié)一句能反映網(wǎng)站精髓的宣傳標語。
4、相同類型的圖像采用相同效果，比如說標題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標題字的陰影效果的設置應該是完全一致的。
二、網(wǎng)頁色彩的搭配:
1、用一種色彩。指選定一種色彩，然后調(diào)整透明度或飽和度，這樣頁面看起來色彩統(tǒng)一，有層次感。
2、用兩種色彩。先選定一種色彩，然后選擇它的對比色。
3、用一個色系。就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。在網(wǎng)頁配色中，還要切記一些誤區(qū)：
1、不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。
2、背景和前文的.對比盡量要大(絕對不要用花紋繁復的圖案作背景)，以便突出主要文字內(nèi)容。
針對我所學的平面設計方向，那么這次應用到了創(chuàng)意思維，版面設計，色彩配置。圖形創(chuàng)意等方面都很重要，對于網(wǎng)頁設計作為一種視覺語言，特別講究編排和布局，雖然主頁的設計不等同于平面設計，但它們有許多相近之處，版式設
計通過文字圖形的空間組合，表達出和諧與美。不積跬步，無以至千里。我已經(jīng)在老師的指引下邁入了網(wǎng)頁設計的大門，在今后的閑余時間繼續(xù)認真學習制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高。
不知不覺，我已經(jīng)學習《網(wǎng)頁設計與制作》這門課程一個學期了，雖然時間有點短，但這一個學期以后我卻受益匪淺，不僅讓我全面的、系統(tǒng)的學會了頁設計與制作的基礎(chǔ)知識，還讓我學會了自己動手去制作屬于自己的網(wǎng)頁，這對于我來說是很值得高興的，能讓我在以后的工作生活中更好的展現(xiàn)自己。
建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網(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)站設計得成功與否，很大程度上決定于設計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設置、網(wǎng)站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容，我們在下面會有詳細介紹。
做好以上三步之后，我們就要選擇合適的制作工具。盡管選擇什么樣的工具并不會影響你設計網(wǎng)頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，在這里，我們一般都是用有“網(wǎng)絡三劍客”之稱的Dreamweaver、Fireworks、flash來制作網(wǎng)頁，對于圖片部分的處理，個人覺得Photoshop比較好用。
最后，我們就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設計好，然后再逐步完善小的結(jié)構(gòu)設計。所謂先簡單后復雜，就是先設計出簡單的內(nèi)容，然后再設計復雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。網(wǎng)頁做好之后，就要發(fā)布到Web服務器上，才能夠讓全世界的朋友觀看，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它。
網(wǎng)頁設計心得體會 篇8
大學生活讓我對計算機理論知識有了一定的了解，但實際操作領(lǐng)域依舊是一片空白。紙上得來終覺淺，絕知此事要躬行。經(jīng)過網(wǎng)頁實訓課的實習，讓我對自己有了新的認識，并明確了網(wǎng)頁設計方面的'前進方向。
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)頁設計實訓的過程中，實訓同學之間的關(guān)系總是那般融洽!
實習，是開端也是結(jié)束。在書本上學過很多理論，但從未付諸實踐過，也許等到真正運用時，才會體會到難度有多大。在今后的工作和生活中，自己需要更加努力的奮斗下去。
實習的同時也讓我了解到了自己的不足，,我會繼續(xù)努力，完善自我。對于學校的精心安排和指導老師的用心輔導非常感謝。
光陰似箭，日月如梭。轉(zhuǎn)眼間，愉快而又充實的網(wǎng)頁實習課程結(jié)束了，在這幾個月的時間里，在實訓的過程中 ，讓我嘗試了理論與實踐的結(jié)合。網(wǎng)頁設計理論一點點轉(zhuǎn)化為實踐經(jīng)驗，模擬網(wǎng)頁實訓變成了真正面對社會的基礎(chǔ)，盡管生澀但在慢慢趨近成熟。豐富的實訓知識，讓我的實習生活充滿驚喜、快樂和充實，當然也少不了網(wǎng)頁設計處理過程中的困難。實習結(jié)束了，感覺腦袋里又注入了新的知識，對網(wǎng)頁設計也有了更深的了解，在以后的工作中，希望能用自己了解的東西去處理相關(guān)的問題，再探究新的問題，使自己和公司不斷進步。
最后談談我個人對自身的職業(yè)之路規(guī)劃。當然這些還不夠成熟，僅僅是這一個學期的實習帶給我的一點想法，今后我會結(jié)合學習生活進一步修正。
首先是個人學習，通過實習我認識到利用課堂外的時間也是關(guān)鍵，下一步打算結(jié)合自己的興趣，利用課余時間自我培訓;其次是社會實踐，初步打算是利用假期等時間充分工作，以提高自身實際工作能力為目的，畢竟“想”和“做”是不一樣的，這次實習中我也認識到了這點，平時覺得自己能夠勝任的簡單事情，當真正動手做時卻總不是那么簡單了;最后，打算結(jié)合個人的興趣、價值觀、能力、職業(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)頁都會習慣性的先看看排版、布局和色彩運用。
通過老師的講解和對課本的翻閱，我學習到了一些關(guān)于建設網(wǎng)站和制作網(wǎng)頁的知識，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。通過Dreamweaver制作網(wǎng)頁，我用到了一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等。但是在自己嘗試著做的時候，總是出現(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)頁設計不是一門學科的獨秀，而是多種課程的綜合，它是Flash、Photoshop等網(wǎng)頁軟件的綜合應用。例如Flash提供了功能齊全的繪圖和編輯圖形工具�？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，可以很直觀的反映出效果。
頁面設計應以美觀、大方、簡潔為原則，保持一致的風格。為了達到最佳的視覺表現(xiàn)效果，應講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。網(wǎng)頁最主要的功能就是給每個上網(wǎng)者提供一種形式，讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁設計，就需要站在用戶的角度來看。用戶是一個網(wǎng)站成敗的關(guān)鍵。如果用戶要花很多時間進入網(wǎng)站，很有可能他會立即關(guān)掉網(wǎng)站，或者網(wǎng)站操作很不方便用戶也會馬上離開，這種網(wǎng)站是很失敗的設計，只會讓用戶失望的離去。所以網(wǎng)頁容量即包括圖像在內(nèi)的網(wǎng)頁字節(jié)數(shù)最好不要超過50K。
還涉及到界面弱化的問題。一個好的界面設計它的界面是弱化的，它突出的是功能，著重體現(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)意境，點到為止。
網(wǎng)頁設計心得體會 篇9
跟學習別的東西一樣，學習網(wǎng)頁設計也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。學習網(wǎng)頁設計需要耐心，如果你沒有耐心，你學不好網(wǎng)頁設計，應為當你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了半個月時間才解決。學習網(wǎng)頁設計需要堅持，堅持不斷的學習，因為設計網(wǎng)頁的軟件在不斷的更新，你不斷的學習不要掉入技術(shù)的陷阱，你的網(wǎng)頁設計技術(shù)一流，你對軟件的掌握程度已經(jīng)達到一定水平，但是你設計的網(wǎng)頁確不堪目睹，這是因為網(wǎng)頁設計是是介于平面設計和編程技術(shù)兩者之間的"邊緣科學。"不僅涉及到美學，心理學，平面構(gòu)成，色彩搭配等平面設計的方面的知識，還涉及到html，javascript，css，asp，php等編程語言技術(shù)方面的知識。只有綜合運用多種知識，才能設計出視聽特效，動感十足，富于個性的web頁面，才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨特魅力和多維空間的超強功能。
注重實用，個人認為網(wǎng)頁設計應該注重實用性，因為它是讓人瀏覽的`，是用戶可以撫摸，可以評論，可以交互的。我提倡簡單的美。
申明一點，我也是個網(wǎng)頁設計初學者，并不是什么設計名師，這是我個人的灼見。有什么不對的地方，還請大家見諒。
個人網(wǎng)站的設計需要有以下幾個步驟：
一、要進行個人網(wǎng)站前臺功能設計
包括個人網(wǎng)站主題確定、前臺功能設計與管理、個人網(wǎng)站首頁設計、個人網(wǎng)站留言板、注冊、忘記密碼、搜索等網(wǎng)頁設計與管理。
二、個人網(wǎng)站后臺管理功能設計
包括個人網(wǎng)站后臺管理功能設計，后臺管理信息系統(tǒng)功能設計，后臺系統(tǒng)權(quán)限管理，后臺文件管理，個人網(wǎng)站后臺管理系統(tǒng)主頁設計。
三、網(wǎng)站發(fā)布
通常我們發(fā)布一個網(wǎng)站，這樣我們可以注冊域名，但我們也可以利用主機和安裝iis，這樣其他人可以通過“我的IP”地址訪問“我的主頁”。
四、個人網(wǎng)站推廣
一個網(wǎng)站做好了，就有必要推廣一下個人網(wǎng)站，這是一個電子商務網(wǎng)站必須做的一步，因為如果你不推廣你的網(wǎng)站，即使你發(fā)布了也沒有人會知道。
在設計網(wǎng)站時真的可以體會很多東西，從一開始確定頁面的主題，到整個主頁的設計，信息的收集，前臺功能的設計與管理，后臺功能的設計與管理，每一個頁面的表面設計。我把它們都一一進行規(guī)劃，因為如果你不好好規(guī)劃，想做什么就做什么，你是做不好的。因為我意識到這句話：“機會是屬于那些有準備的人”。我詳細到一個表的寬度都一一列出來。例如：775寬，分成三欄，每欄占多少。因為我深知“細微之處才見真功夫”。
給我最深印象的是留言板，因為之前SQL數(shù)據(jù)庫實際鍛煉做過了，所以這次做相對容易，但我經(jīng)過長時間的練習，完成了n次，有些人可能會認為，肯定是不會才做很多次！但我想告訴這些人，我每次做都是用不同的方法。第一次使用access數(shù)據(jù)庫，第二次使用SQL數(shù)據(jù)庫+權(quán)限管理，第三次使用數(shù)據(jù)源名稱的連接。每次用的方法都不一樣。
可能會有人說我笨，有方法就行了，要那么多干嘛？但我想說的是，沒有這么多次練習，就不會有這么多不同的方法，不會創(chuàng)造今天熟能生巧的我。方法，只有你自己先學會，才會學通、學廣。
網(wǎng)頁設計心得體會 篇10
ui網(wǎng)頁設計實訓心得篇一通過這次實訓對這門課程的學習，做好網(wǎng)頁，并不是一件容易的事，它包括網(wǎng)頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。
所以我得出一下總結(jié)：
一、準備資料和挑選符合目的主題的合適素材
做網(wǎng)頁當然要收集、準備資料。在網(wǎng)上多轉(zhuǎn)轉(zhuǎn)，看到什么漂亮的網(wǎng)頁，把它保存起來，作為以后自己設計主頁時的參考。另外，還包括搜集美化主頁可能要用到的各種材料，如背景、小動畫圖標等等�？梢栽谟脖P上建一個文件夾，下分“圖片、聲音、動畫”等文件夾，養(yǎng)成上網(wǎng)時看到有創(chuàng)意、新鮮的圖像，就按鼠標右鍵存入你硬盤相應文件夾的習慣，時間一長就擁有了一個可觀的圖庫，等做網(wǎng)頁時隨手拈來或加以修改就成你自己的東西了。
二、規(guī)劃好整個網(wǎng)站
主頁的設計應以醒目優(yōu)先，應該令人一目了然，切勿堆砌太多不必要的細節(jié)，或使畫面過于復雜。切記，頁面給人的第一觀感最為重要!在網(wǎng)上到處瀏覽網(wǎng)站的人很多，如果你的主頁給人的第一印像沒有吸引力，很難令他們深入觀賞，而且他們恐怕再也不會訪問你的網(wǎng)站了。
三、善用圖片，增強藝術(shù)效果
我記得老師說過網(wǎng)頁的迷人之處之一，要算它上面能點綴許多漂亮的圖片。精美的圖片設計，可以使自己的網(wǎng)頁增輝不少，令人過目不忘。圖片的內(nèi)容應有一定的實際作用，切忌虛飾浮夸，同時還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。
四、善于借鑒他人主頁制作中的設計技巧
由于在網(wǎng)上用瀏覽器瀏覽任何主頁時，都能查看到該主頁制作時所編寫的絕大部分網(wǎng)頁編程源代碼。因此，如果想知道并掌握一些優(yōu)秀的主頁采用的設計技巧，試著將其源代碼調(diào)出來仔細揣摩，并模仿著一步一步去實現(xiàn)。最后感謝老師多日來的辛勤教導!
ui網(wǎng)頁設計實訓心得篇二實訓剛剛開始的時候由于自己的基礎(chǔ)不夠扎實，所以當時跟不上老師的步伐，只能一個人獨自坐，慢慢的由于熟能生巧，我慢慢的就跟上來了。一個步驟的開始就可以連著幾個步驟，同學們也在認真的幫助我，我很感動。同時我也學會了使用快捷鍵，以前我很不在意這，因為感覺那是在取巧�？墒乾F(xiàn)在效率的明顯提高讓我慢慢的開始重視它的使用了�？旖萱I的使用，這是Photoshop基礎(chǔ)中的基礎(chǔ)，卻也是提高工作效率的最佳方法�？旖萱I的使用，使你可以將精力更好的集中在你的作品而不是工具面板上。一旦你能夠熟練的使用快捷鍵，你就可以使用全屏的工作方式，省卻了不必要的面板位置，使視野更開闊，最大限度的利用屏幕空間;一些簡單的命令可以用鍵盤來完成，不必分心在工具的選擇上，哪怕它只占用了極少的時間，但我們更希望在工作的過程中能夠更有效率。我們把網(wǎng)頁設計與制作中涉及到的理論和實踐更好的結(jié)合起來，我對網(wǎng)頁設計與制作這本書有了更深的理解，在flash制作方面有了很大提高，操作能力也
得到了增強，使我們了解到無論做什么事都要有足夠的耐心，還要認真細心。在做題時要對自己做過得東西進行仔細的檢查，同時也使我了解到同學之間要相互協(xié)作、共同努力。這次培養(yǎng)和考察了我對計算機的實際應用能力，注重了技術(shù)技能的培訓，每一步驟和每一技能點相對應，使我對Photoshop有了更深一層的了解。更進一步的熟悉和掌握一些技能，將書本上的知識和實際合理的結(jié)合在一起。要真正的掌握和使用一個圖像處理軟件，不僅僅要掌握軟件的操作，還需要掌握圖像和圖形方面的知識，比如圖像類型、圖像格式和顏色模式，以及一些色彩的原理知識等。也只有這樣，才能按要求，合乎情理，有效地發(fā)揮創(chuàng)意，創(chuàng)培訓，每一步驟和每一技能點相對應，使我對Photoshop有了更深一層的了解。更進一步的熟悉和掌握一些技能，將書本上的知識和實際合理的結(jié)合在一起。要真正的掌握和使用一個圖像處理軟件，不僅僅要掌握軟件的操作，還需要掌握圖像和圖形方面的知識，比如圖像類型、圖像格式和顏色模式，以及一些色彩的原理知識等。
也只有這樣，才能按要求，合乎情理，有效地發(fā)揮創(chuàng)意，創(chuàng)在這為期兩周的實訓中通過老師的認真講解，讓我對所學的知識有了一個重新的認識，他們教會了我在學校里許多學不到的知識，教了我許多關(guān)于設計的小技巧，這些小技巧是非常的實用的，能夠節(jié)省我的許多時間從而讓我能夠夠快速的完成任務，并且老師的講解給我打開了一扇大門，讓我仿佛看到了我的專業(yè)的未來的曙光，也讓我對于自己現(xiàn)在的專業(yè)充滿了信心，讓我有了更加多的激情投入到本專業(yè)的學習中，同時也讓我對于我們的.相關(guān)專業(yè)也有了一些了解，從而有了更多的選擇機會，不會再像以前茫然不知所措了，有時候老師的一句話能夠讓我解決我許久以來的迷惑，所以老師的作用是巨大的，老師就像是一道曙光讓我在迷茫的道路上不斷的前進，給了我前進的放向。在這兩個周里通過老師的指導，我不斷完善我的設計網(wǎng)頁面的基礎(chǔ)，并且掌握了許多在課堂上學不到的小技巧。有理由相信，這些洞悉的積累會對我這個即將走上社會的大學生菜鳥很有幫助。在不斷豐富我知識的同時，我慢慢的認掌握識到了自己的知識還太少，需要大量的綜合性的練習來完善。
現(xiàn)實性的東西得靠實踐來完成，以往自己的眼高手低只是一個笑話而已。目的不是關(guān)鍵，真是有用的是在實訓的過程中你是否讓自己體驗到了在公司工作的那種氛圍和嚴謹，平時在做頁面的時候總是不太嚴謹，馬馬虎虎的敷衍了事，可是一旦踏入社會，這些臭習慣會害了自己，同時也會影響公司的運作和效益。老師的敦敦教導總是縈繞在自己的耳邊每當自己重復自己的老毛病時，知道社會
的無情和殘酷，我又何必再拿自己的前途開玩笑。老師曾經(jīng)不止一次的說過不能遲到，在學校養(yǎng)成的拖拉的習慣一直在摧殘著我，在以后的工作學習中，我會努力的改掉習慣不良的習慣，爭取能再踏入社會的時候找到一份自己滿意的工作。
ui網(wǎng)頁設計實訓心得篇三現(xiàn)在網(wǎng)站制作越來越智能化，簡單化，很多網(wǎng)站的建站工作基本上只要想好域名就可以了，其他的事情基本上都能自動化完成。
比如網(wǎng)站的內(nèi)容更新操作，現(xiàn)在許多的CMS系統(tǒng)都有采集插件，MetInfo也不例外，只要設定好一些規(guī)則，每天都不用自己管理內(nèi)容的更新，網(wǎng)站便會自動采集內(nèi)容更新，相比起人工更新來說更加準時與定量，也能喂好搜索引擎的蜘蛛。當然如果你是做自己獨有的產(chǎn)品優(yōu)勢，可能這種辦法就不太適用你了。
比起手工建站的方式，現(xiàn)在的CMS建站，完全不用靠自己聘請專門的程序維護員，來維護網(wǎng)站的穩(wěn)定性，如同現(xiàn)在的云服務器一樣，只要把服務器交給其他人管理就行，而且相比起來，他們更加專業(yè)，也更加實惠。
在營銷方面，許多建站系統(tǒng)都考慮的比較周全，SEO都只是最基本的及格建站系統(tǒng)，很多都搭配了三站合一甚至是四站合一，多樣的營銷方式，完全不用像以前一樣帶著文案自己談客戶，一手掌握互聯(lián)網(wǎng)所有客戶，只要你的營銷手段高明，基本上不用愁網(wǎng)站的流量。
建站方面，需要注意的就是選擇一個好的建站系統(tǒng)，完全可以在網(wǎng)站建設這條路上少奮斗幾年。
同樣的，隨著建站的門檻越來越低，建站的人也越來越多，許多傳統(tǒng)行業(yè)也融入了進來，與大市場伴隨而來的是競爭激烈程度越來越大，想要在網(wǎng)絡這個大市場贏得成功，就必須要時刻保持對市場敏銳的嗅覺力。
ui網(wǎng)頁設計實訓心得篇四在學習網(wǎng)頁制作的這幾天里，我利用了學習之余的一切可利用的剩余時間，全心全意投入到網(wǎng)頁世界，去不斷的學習，去不斷的探索;同時去不斷的充實，去不斷的完善自我，在網(wǎng)絡的天空下逐漸的美化自己的人生!
做好主頁，并不是一件容易的事，它包括個人主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。
理論上的認識：
隨著Internet在中國的迅速發(fā)展,人們?nèi)粘Ｉ钪性絹碓蕉嗟厥褂眠@項新的技術(shù)來為自己的工作和學習服務.由于WEB頁面能把文本、圖像、聲音、動畫、視像等多種媒體信息集于一體，不但使信息的顯示更加生動，而且使信息的瀏覽更為方便,同時WEB頁能實現(xiàn)網(wǎng)上交易平臺、客戶信息反饋方便了企業(yè)與客戶之間信息交流，因此許多企業(yè)紛紛建設具有自己獨特風格的網(wǎng)站以增強企業(yè)知名度.
網(wǎng)頁藝術(shù)設計是伴隨著計算機互聯(lián)網(wǎng)絡的產(chǎn)生而形成的視聽設計新課題，是網(wǎng)頁設計者以所處時代所能獲取的技術(shù)和藝術(shù)經(jīng)驗為基礎(chǔ)，依照設計目的和要求自覺地對網(wǎng)頁的構(gòu)成元素進行藝術(shù)規(guī)劃的創(chuàng)造性思維活動，必然要成為設計藝術(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)頁頁面整體的排版設計也是不可忽略的，很重要的一個原則是合理地運用空間，讓自己的網(wǎng)頁井井有條，留下必要的空白，人覺得很輕松。
5.特色
讓自己的網(wǎng)頁更有特色一些，可適當?shù)丶右恍┞曇�、動態(tài)網(wǎng)頁、Java、Applet。
實踐中的認識:
話雖是像上面這樣說的,但是真要做起來確是很難.做網(wǎng)頁設計不僅要從藝術(shù)的角度來考慮而且要從社會大眾的認可性來考慮.網(wǎng)頁設計必須要服從企業(yè)或部門的經(jīng)營理念來考慮.如果設計的作品很好看但是和企業(yè)不搭調(diào)那就等于白做.
以上就是我對網(wǎng)頁設計的認識和總結(jié),雖然從理論上都知道如何去做,但是實際做起來很難.總的來說就是很難突破,很難超越自己.因此在以后的學習中要更加完善自己,突破自己.
ui網(wǎng)頁設計實訓心得篇五現(xiàn)在，計算機和網(wǎng)絡已經(jīng)深入到了我們生活中的方方面面，也已經(jīng)成了生活中不可缺少的一部分，網(wǎng)絡成了我們獲取知識和信息的一種便捷工具，現(xiàn)在的網(wǎng)民也在不斷的增多，所以，了解和學習網(wǎng)絡知識是我們作為一名大學生迫切所需的，
網(wǎng)頁設計心得體會
。我利用寒假的時間，對網(wǎng)頁設計進行了初步的認識和了解，并基本掌握Dreamweaver的應用。
通過對網(wǎng)頁設計書籍的翻閱，我學習到了一些關(guān)于建設網(wǎng)站和制作網(wǎng)頁的知識，在實踐查閱資料時，對flash也有所了解。我還了解了一些基礎(chǔ)的網(wǎng)絡技術(shù)。通過學習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。在這個過程中，我同樣認識到網(wǎng)頁設計不是一門學科的獨秀，而是多種課程的綜合，他是、Flash、Fireworks等網(wǎng)頁軟件的綜合應用。
下面闡述一下我在翻閱《Dreamweaver》時的一些關(guān)于網(wǎng)頁設計的見解。在具體的制作一個網(wǎng)頁時我了解到一個優(yōu)秀的網(wǎng)頁設計應該具備一些基本原則。
首先，要·確定網(wǎng)頁設計的內(nèi)容一個優(yōu)秀的風站要有一個明確的主題。整個網(wǎng)站圍繞這個主題,也就是你在網(wǎng)頁設計之前要明確你這個網(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)站是很失敗的設計,只會讓用戶失望的離去.
在完成以上的基本內(nèi)容之后網(wǎng)頁的基本框架便成形成了下面要開始的便是優(yōu)化工作，內(nèi)容是整個網(wǎng)頁的核心。在網(wǎng)頁設計之前必須明確網(wǎng)頁的內(nèi)容安排。優(yōu)秀網(wǎng)頁設計是要建立在平凡的基礎(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作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設置;文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網(wǎng)頁。
總體來說，通過這個假期對網(wǎng)頁設計的學習，有收獲也有遺憾。但是，我已經(jīng)邁入了網(wǎng)頁設計的大門，只要我再認真努力的去學習，在今后的閑余時間學習制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高，我堅信將來設計出的網(wǎng)頁會更加專業(yè)，更加華麗，使它最終成為自己的一項技能。
網(wǎng)頁設計心得體會 篇11
在平日里，心中難免會有一些新的.想法，不如來好好地做個總結(jié)，寫一篇心得體會，這么做可以讓我們不斷思考不斷進步。那么寫心得體會要注意的內(nèi)容有什么呢？以下是小編為大家整理的html網(wǎng)頁設計心得體會范文（精選8篇），歡迎大家借鑒與參考，希望對大家有所幫助。
網(wǎng)頁設計心得體會 篇12
不知不覺,二個星期的《頁面規(guī)劃與網(wǎng)站建造》課程的實操即將曩昔,回憶這一段日子,真的令我領(lǐng)會很深,也學會許多東西,懂得許多曾經(jīng)不明白的東西,也理解了一些工作.
自從第一天觸摸《頁面規(guī)劃與網(wǎng)站建造》課程,我以下定決心要把頁面這門課學好,做出一個優(yōu)異的網(wǎng)站.所以我時刻沒有錯失任何學習的機會,不管在課堂上,還是在課外上.更何況這一次實操.回憶今次的實操我覺得我過得很充實,很有含義,由于我能夠誠篤的說我在實操沒有玩過一次游戲,我每時每刻都在規(guī)劃網(wǎng)站,還記得晚上做網(wǎng)站做到一、二點，也許有人會說我傻，但正由于這個傻的舉動，令我學會許多東西，學會他人不明白的東西，做出一個令自個滿意的網(wǎng)站，也許跟他人比還需要持續(xù)完善，但我不會由于實操結(jié)束，就把頁面規(guī)劃拋到無影無蹤，我會持續(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ǎng)站必需做得的一步，由于假如你不對你的網(wǎng)站進行推行，就算你發(fā)布了也沒有人會知道的。
在規(guī)劃這個網(wǎng)站時真的領(lǐng)會許多東西，從一開始頁面主題的斷定，到主頁總體的規(guī)劃、搜集材料、前臺功用規(guī)劃與辦理、后臺功用規(guī)劃與辦理、每個分頁面的規(guī)劃等。我都逐個進行了規(guī)劃，由于假如你不規(guī)劃好，想做啥就做啥，是不會做得好的。因我為領(lǐng)會到這一句話：“機會中歸于有預備的人”。我具體到一個表格寬度都逐個列明。例如：775寬度，分三欄，每一欄占多少。由于我深深懂得“細微處才見真功夫”。
在這次實操過程中令我形象最深的是做留言板，由于剛好在上一個星期sql數(shù)據(jù)庫實操做過了，所以今次在做就對比輕松，但我曾經(jīng)是通過一個對比長的操練，做完了n次，也許有人會想，肯定是不會才做這么屢次啦!但我想告訴這位同學我每次做得都不是不一樣的辦法。首次我用的是access數(shù)據(jù)庫，第2次我用的是sql數(shù)據(jù)庫加權(quán)限辦理，第三次我用的是數(shù)據(jù)源稱號的銜接，第四次我用的是自定義銜接字符串，第五次……每一次用的辦法都是不一樣的，也許有人會說我傻，會一種辦法就行了，還要那么多嗎?但我想說的即是不是這么屢次的操練，不是之么屢次不一樣的辦法，也就不會造就出今日游刃有余的我，也不會對同學提出的疑問處理到，也不會輕松教會同學，由于你自個首先學會，學通，學廣，才能把疑問逐個的處理。
令我難以忘懷的鏡頭也是在做留言板的時分，但不是為我自個的而做，而是一步一步教同學做，直到令同學學懂;把同學留言板的疑問逐個處理;當同學由于做不出而沒心境，曩昔對她進行鼓舞的，然后逐個處理;當自個也不會，與同學共同研究的狀況，這種學習氛圍是最可貴的，即是在做留言板的時分，令我深深領(lǐng)會到我?guī)拙湓挘赫J真干事僅僅把工作做對，用心干事才能把工作做好。把每一件簡略的工作做好即是不簡略，把第一件普通的工作做好即是不普通。
網(wǎng)頁設計心得體會 篇13
作為本學期的第十三周，我們電子商務0901班由此開始了為期兩周的網(wǎng)頁設計與制作實訓課程，雖然我們實訓的內(nèi)容不多，但通過同學之間的互相幫助與交流以及老師的精心指導，我們大家依然收獲很多。
這一周里，可以說實訓的內(nèi)容不難，但每天都有不同的東西需要學習，讓人感到很高興，大家都希望能夠通過自己的努力可以多掌握一點本專業(yè)的東西，總的來說，我們通過對“飄舞的雪花”及“倒影”的練習制作，已經(jīng)熟練的掌握了flash的一些簡單操作和應用，不但如此，更增加了同學間的友誼，陪養(yǎng)了彼此間的團結(jié)。
實訓期間，老師會根據(jù)我們的'練習程度發(fā)一些素材和視頻實訓給我們，由此我了解到了網(wǎng)頁設計與制作的一些程序和步驟，知道了怎么處理圖片透明以及遮罩層的運用，知道了flash基本操作的步驟，為了增加動畫的美感和活潑感，還適當在添加一些透明flash和一些網(wǎng)頁特效。在實訓的時間里面，我們大家一起合作，共同努力，對網(wǎng)頁設計有了更進一步的認識，并且對這門課程越發(fā)的感興趣，從剛開始的好奇進而想要去更深層次的了解。
這一周的實訓課程已然結(jié)束，flash制作讓我受益匪淺，我們知道了很多，也進步了很多，很快就要進入下一周的實訓了，雖然還不知道具體的有什么內(nèi)容，但通過這一周的學習，下一周，我想也很值得期待。希望能夠?qū)W到更多的東西，充實自己的頭腦，豐富自己的知識。
網(wǎng)頁設計心得體會 篇14
隨著學習進度的逐漸加快，學習的內(nèi)容也逐漸開始變多、變難，不再像一開始那樣老師一講完就可以馬上上手把網(wǎng)頁做出來。自然而然的，在制作網(wǎng)頁的時候也不再像一開始那樣順利，總會出現(xiàn)各種各樣的錯誤。不過對于學習上的問題，老師在課堂上也會盡可能地為我們解答，并且為我們提供了很多練習的機會，這使得我即使在面對一些困難的問題時，也能沉著地應對。
不過課堂時間畢竟是短暫，僅僅靠一周兩個課時的課堂學習時間想要把網(wǎng)頁設計制作完全學習得很好是不可能的事。再者網(wǎng)頁制作在我看來是一門實踐重于理論的科目，如果僅僅學習了理論知識卻不付諸實踐，那對學習實際上是毫無助益的。因此在課余的時間里，老師給我們布置了與所學內(nèi)容相對應的課外作業(yè)。在完成課外作業(yè)的時候，如果遇到了難以解決的問題，我會回顧老師上課時用的課件尋求解決的辦法，與此同時，也在間接地鞏固知識。
因此，盡管過程并不都是一帆風順，但經(jīng)過本學期的學習與實踐，我也逐漸掌握了網(wǎng)頁設計制作的一些基本技能與知識。雖然明年就大四的我以后大概是不會再像這個學期那樣有學習網(wǎng)頁制作的課程了，但我會利用課余時間通過自學了解、學習更多關(guān)于網(wǎng)頁設計制作的知識，掌握網(wǎng)頁設計制作的技能的。
自己怎么制作簡單網(wǎng)頁
首先在設計制作網(wǎng)頁之前，你要卻確定你的網(wǎng)頁內(nèi)容是什么?一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站，必須要找準一個自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。然后針對你的內(nèi)容找到相關(guān)的資料。接下來就是具體的制作步驟了：
第一步：創(chuàng)建一個文本文檔 你需要創(chuàng)建一個文本文檔包含單詞,你想要出現(xiàn)在您的Web頁面。只要你給你的文檔名稱結(jié)尾，大多數(shù)文字處理程序?qū)ぷ鞯暮芎�。思考邏輯的地方插入你�?文本。
第二步：學習基本的HTML標記 現(xiàn)在您需要插入一些格式化標記你的文檔,會告訴一個互聯(lián)網(wǎng)瀏覽器如何安排你的文字和圖片在屏幕上。這些標簽組成一個語言稱為超文本標記語言,或者HTML。
第三步：查看一個示例Web頁面
你或許在閱讀會感到有點困惑,這是為了看一個實習的HTML文檔更簡單，然后看看它是怎么被翻譯成一個Web頁面。您可以查看“源文檔“后邊的任何Web頁面將“視圖”菜單(在Safari——其他的瀏覽器或許略有不同)并挑選“查看源代碼�！爱斈氵@樣做時,你會看到文檔和HTML標簽,創(chuàng)立頁面當時在你的瀏覽器窗口。
第四步：獲得電子圖像 如果你還沒有制作主頁的圖像文件,您可以下載一些來自其他Web頁面。用你的常識來決定哪些圖片你可以使用,哪些你不應該。根據(jù)什么樣的電腦和瀏覽器你正在使用,你必須使用一種稍有不同的程序下載到你的硬盤映像。這里可以使用Safari瀏覽器: 使用鼠標指針的位置在圖像——按住鼠標按鈕并拖動圖像到你的計算機的桌面——放開按鈕,您將看到一個小圖標。這時圖像已經(jīng)下載到你的硬盤。確保你的文件名稱和格式——點擊圖標來查看圖像,因為它將出現(xiàn)在您的Web頁面。
第五步：插入HTML標簽
如今您現(xiàn)已準備好插入格局符號在您自個的文檔。記住要開始您的文檔與< html >和完畢它與< / html >。你類型符號之間的<標題>…< /標題>將出如今你正在閱讀網(wǎng)頁閱讀器窗口的頂端。
第六步：查看和編輯您的頁面
保存您的文本文檔和返回到瀏覽器。在文件菜單中,選擇“打開文件…”或“另存為…”。從那里你應該能夠找到你的文檔的名稱并點擊“開始”。你的文檔將會出現(xiàn)在你的窗口,看起來就像個網(wǎng)頁了!
第七步：上傳
您需要有一個互聯(lián)網(wǎng)服務提供商,允許您將您的網(wǎng)頁頁面在一個服務器上，這樣其他人能夠閱覽它。假如沒有,您能夠繼續(xù)操練與文件在您的計算機的硬盤。能夠找到一些其他網(wǎng)站的頁面相關(guān)的一些辦法。他們可能會添加一個鏈接到你的頁面注冊您的網(wǎng)站查找引擎如google或雅虎。一旦你添加你的URL其間一個數(shù)據(jù)庫,感興趣的人通常主題你的頁面將得到一個清單,你的網(wǎng)站當他們做一個查找。
另外，這邊有一些軟件可以利用，一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。比較常用的優(yōu)秀軟件有Dreamweaver和Frontpage，如果你是初學者Frontpage20xx是首選。除此以外還有Photoshop、Photoimpact等。另外還有一些能夠用于動態(tài)網(wǎng)頁設計的軟件。那么，有了這些，即使不同網(wǎng)頁設計的菜鳥們也可以按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，快快嘗試一下自己制作網(wǎng)頁吧!要記得，網(wǎng)頁做好之后，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它。
【網(wǎng)頁設計心得體會】相關(guān)文章：
網(wǎng)頁設計心得體會04-07
網(wǎng)頁設計的心得體會02-25
網(wǎng)頁設計心得體會02-24
網(wǎng)頁設計的心得體會02-24
網(wǎng)頁設計課程設計的心得體會03-11
網(wǎng)頁設計與制作心得體會02-24
html網(wǎng)頁設計心得體會12-23
網(wǎng)頁html設計心得體會12-23
制作網(wǎng)頁設計的心得體會07-29
網(wǎng)頁設計心得04-27