（必備）網頁設計的心得體會5篇

有了一些收穫以後，將其記錄在心得體會裡，讓自己銘記於心，這樣我們就可以提高對思維的訓練。是不是無從下筆、沒有頭緒？以下是小編整理的網頁設計的心得體會，僅供參考，歡迎大家閱讀。

網頁設計的心得體會1

一連上了兩個星期的頁實訓課，可以說學到很多以前沒有學到的東西。雖然在大一的時候我們的專業出開設了頁設計課，但感覺這兩個星期學到的遠遠比以前學一個學期的要多，要豐富。每一天都有新的內容要學，讓人感覺很興奮，很高興，恨不得馬上就把它給學會。通過這次實訓使我更熟練掌握dreamweaver、 flash 、fireworks 、photoshop等軟體的功能和應用。不但如此，更增加了同學間的友誼，陪養了彼此間的團結。在這期間，每一天老師都會發一些素材和實訓給我們，首先是頁素材的準備，在上檢視一些頁背景和背景顏色搭配，讓我瞭解到頁的顏色不能多過3種色彩。接下來的幾天再結合自己的頁來進行策劃，在做首頁之前，先用圖紙把頁的結構畫出來，內容和結構都想清楚用fireworks把頁設計出來，再切割圖片，把它們導成html格式在dreamweaver中進行進一步的編輯。我們的站主要是圍繞宿舍而展開的一串活動、人物等，宿舍給我們一種很溫馨、很快樂的感覺，所以我們決定將這次的頁名叫funny room。主題確定了，那麼分工出就明確了，我們組有三個人，兩個人負責找素材，另一個美術的就負責頁的頁面設計，但是我們始終不是學美術方面的，所以色彩方面搭配的不是很，後來採用了色彩比較清新自然的綠色來作為首頁的主色調，讓人第一眼看上去就有難忘的感覺。而從第二頁開始就採用粉色為主色調，讓人可以感受到我們的主題，因為首頁和其它的`顏色不一樣，所以我們就把首頁當作是過渡頁，第二頁開始才是頁的內容。為了增加頁的新鮮感和活潑感，還適當在新增一些透明flash和一些頁特效。在這實訓的時間裡面，我們分工合作，共同努力，對頁反覆除錯和修改，特別是對於fireworks軟體不那麼熟悉，有很多的例項都要看過老師的演示才會明白，不過這也恰恰讓我學到更多。雖然中途難不免會有因為意見的不合而發生一些小小的爭吵，但我覺得不影響我們的頁設計，反而會因為這些不同的意見而重新學到更多的知識。

網頁設計的心得體會2

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

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

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

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

就這樣試著試著，突然想到了層這個概念。於是在佈局中點選了繪製層，結果成功了，經過一些加工，終於成功的完成左邊的佈局。印象還比較深刻的是插入聲音，記得老師曾經給我們講過很多次怎樣插入聲音，可是等到自己做網頁的時候卻忘記了，於是問其他人，結果居然都忘記了，於是自己在百度上收。最後終於找到了一個可以使用的程式碼，但是在加入聲音路徑時出現了問題。在屬性內加入原始檔，結果就是加不進去MP3的音樂檔案，然後自己就嘗試加入了一個視訊，記下了路徑格式，然後照著這種格式寫下了指向聲音原始檔的路徑，最後成功了。

在設計過程中還出現了很多的問題，但通過看書，上網查詢，請教同學等方式，不斷的學習、解決、提高，設計出的網頁不論是外觀還是內容，都在不斷的進步、改善。可以說在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。熱情和執著，我將來設計出的網頁會更加專業，更完善。

網頁設計的心得體會3

經過一學期的php課程學習，對於PHP的函式和一些語法，更加了解了。這次專案主要使用了面向過程的開發方法，在開發過程熟悉掌握php一些常用的函式以及php陣列的使用以及檔案上傳功能等。

php動態網頁設計這門課程的學習不僅需要我們掌握靜態網頁設計的基礎，而且要求我們有一定的語言學習基礎，有幸之前教過多年的c語言程式設計，對高階語言的語法知識有一定的瞭解，所以對php中的一些與語法有關的知識，理解不是很困難，建議不瞭解高階語言語法知識的同仁，多學習一些高階語言的語法。同時，要掌握靜態網頁的設計。因為，我們編寫php動態網頁離不開靜態網頁，這是基礎。

書過三遍自然熟，這個簡單的道理告訴我們，即使你理解不了php，但是也必須先跟它混個臉熟，看，一遍遍的看，看的同時一邊琢磨，一邊按照它所教的打程式碼，即使你搞不清楚那些程式碼到底是幹嘛的，但是起碼你應該找找感覺。在一段掙扎之後，聰明的你，顯然已經逐漸的開悟了，慢慢的理解了程式設計的概念，那麼祝賀你，你已經邁出了成功的第一步。相信大家選擇一種語言，並不是看它的背景和悠久歷史，更重要的是看它的實用性，華而不實的語言哪怕是再輝煌的歷史，也畢將步向沒落，可喜的是php經受住了考驗，也因此，它確實是一種值得學習我總結的學習php的程序可能需要經歷下面這幾個階段：

(1)熟悉html/css/js等網頁基本元素，完成階段可自行製作完整的網頁；

(2)理解動態語言的概念，運做機制，熟悉php語法；

(3)學習如何將php與html結合起來完成簡單動態頁面；

(4)接觸mysql，開始設計資料庫程式

(5)不斷鞏固，摸透大部分php常用函式，並可理解oop，mysql優化，以及模板；

(6)完成一個功能齊全的動態站點。

我的這套線路可能跟許多學習php的愛好者不謀而合，這也算是一個循序漸進的學習過程，不過新手不要看到上面的概括就以為學習蠻簡單的，默默在此不得不對您稍微潑一下冷水，任何東西其實都不簡單，即使是小吃部的燒餅也不是一下子就會做成的。首先，理解網站這一概念之後不難看出，任何網站都是由網頁組成的，也就是說想完成網站，必須先學會做網頁，因此必須要掌握了html，才能為今後製作網站打下基礎。

在學習html中我想邊學邊做是最有效的方式，當然這一方式對於學習php同樣是最有效的。html中的任何元素都要親自實踐，只有明白了什麼元素會起到什麼效果之後，你才會記憶深刻，而一味的啃書，絕對是不行的，我想大部分新手之所以覺得概念難學，大部分是一個字“懶”，懶是阻止進步的最大敵人，所以克服掉懶的習慣，才能更快的學好一樣東西隨著網際網路技術的不斷開發，該技術的應用得到了普及，使人們的生活更加的豐富多彩，並逐漸的在人們的生活還有工作中的地位越來越重要，網際網路技術在當前的社會發展中，已經成為了一個國家在經濟時代中文明發展的一個衡量水平的標誌。在新時代背景下，企業要想能夠更好的適應網際網路時代的發展環境，那麼建立網站是一個必要的途徑，其中建設網站中極為關鍵的環節便是PHP語言的應用，PHP語言在企業網站開發中佔有絕對重要的位置，本文針對PHP語言在企業網站開發中的應用進行了討論。企業在網站開發的過程中需要選擇合適的語言技術來應用，在選用的過程中主要是需要與企業實際情況相結合，並根據企業想要取得什麼樣的網站效果來決定的。這裡主要介紹PHP語言在開發技術中的應用過程，並詳細的展開了分析以及論述。HPH是HypertextPreprocessor的'縮寫，這種超文字前處理器具有通用性，是當前非常常用的開源指令碼語言，它綜合了C++語言、JANA語言等語言技術的特點，更加易於學習，同時在使用範圍上也更加廣泛。PHP語言的語法具有獨特性，它不僅融合了其他指令碼語言的語法，而且在其他語言特點的基礎上進行了一定的創新，形成了一種自己的語言開發環境，這種語言環境更加新穎。PHP語言具有非常強的優勢，其中最突出的便是跨越性，這種特性使其能夠跨越平臺來使用，使其在作業系統方面存在的限制或者約束較低，Windows、UNIX等系統都能夠支援PHP語言的操作與使用，有效的保障了網站開發具有較低的重複率，在一定程度上降低了企業在開發設計方面的資金投入；PHP語言在執行效率方面是非常高的，PHP語言在指令碼語言裡面是使用頻率最高的，在效率也比其他語言高上幾十倍；此外，還具有容易學習操作簡單的優勢。網站在設計的一開始，便應該全面考慮必備的常規功能，並要符合於企業經營的切實情況，同時還應該與商家自身的特色相結合，來設定企業網站的名稱，以保證設計出的LOGO能夠具有一定的代表性，並建立專用的郵箱，以供網站管理員使用，這樣更加方便在後期工作當中的管理以及分配；在網站的功能方面需要進行的更改與設定，比如在檔案上傳方面，檔案的格式、檔案的大小等方面的設定；此外在網頁中剛還需要針對資訊增加新增、修改還有刪除等方面的功能。

當網站建成之後需要合理的欄目管理來維護正常的經營，這樣才能保證網站內容更加具有條例性。網站前臺頁面是使用者直接能夠看到的，使用者可以對頁面進行修改與設計，使用者在根據自身喜好來進行字型與頁面風格設定的同時，也使模板的自定義功能得以實現，增加了使用者對網頁瀏覽、使用網站的趣味性，從而更能吸引使用者的目光。結合使用者需要的相關資訊將其進行深入的分析，並整體進行分類與整理，將使用者對其產生的一些特徵展開有針對性、全面性的服務。這方面的管理需要相關管理員能夠將最新的訊息、公告以及通知等及時的於網站中，並結合企業與網站的具體情況，對公佈的資訊模組及時進行相應的更新，以保證使用者能夠對企業的發展動態以及其實及時的、準確的進行了解。PHP語言在企業網站開發中具有非常大的優勢。和其他的指令碼語言技術相比，PHP在效率上、開放性上、跨平臺性上等等方面都獨具優點，使其在網站開發與設計之中發揮著極為重要性的作用。企業開發並建設網站，對於企業而言是發展中的重點工作，網站設計在整體效果上對於企業而言是具有非常重要的影響的，通過網站的形式，能夠很好的向外部很好的展示出企業自身的良好形象以及文化等，使網站在整體效果上得到優化，是實現網站提升執行效率與經濟效益的最佳途徑。

網頁設計的心得體會4

隨著學習進度的逐漸加快，學習的內容也逐漸開始變多、變難，不再像一開始那樣老師一講完就可以馬上上手把網頁做出來。自然而然的，在製作網頁的時候也不再像一開始那樣順利，總會出現各種各樣的錯誤。不過對於學習上的問題，老師在課堂上也會盡可能地為我們解答，並且為我們提供了很多練習的機會，這使得我即使在面對一些困難的問題時，也能沉著地應對。

不過課堂時間畢竟是短暫，僅僅靠一週兩個課時的課堂學習時間想要把網頁設計製作完全學習得很好是不可能的事。再者網頁製作在我看來是一門實踐重於理論的科目，如果僅僅學習了理論知識卻不付諸實踐，那對學習實際上是毫無助益的。因此在課餘的時間裡，老師給我們佈置了與所學內容相對應的課外作業。在完成課外作業的時候，如果遇到了難以解決的問題，我會回顧老師上課時用的課件尋求解決的辦法，與此同時，也在間接地鞏固知識。

因此，儘管過程並不都是一帆風順，但經過本學期的學習與實踐，我也逐漸掌握了網頁設計製作的一些基本技能與知識。雖然明年就大四的我以後大概是不會再像這個學期那樣有學習網頁製作的課程了，但我會利用課餘時間通過自學瞭解、學習更多關於網頁設計製作的知識，掌握網頁設計製作的技能的。

自己怎麼製作簡單網頁

首先在設計製作網頁之前，你要卻確定你的網頁內容是什麼?一個網站必須要有一個明確的主題。特別是對於個人網站，必須要找準一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給使用者留下深刻的印象。主題要鮮明，在你的主題範圍內內容做到大而全、精而深。然後針對你的內容找到相關的資料。接下來就是具體的製作步驟了：

第一步：建立一個文字文件 你需要建立一個文字文件包含單詞,你想要出現在您的`Web頁面。只要你給你的文件名稱結尾，大多數文書處理程式將會工作的很好。思考邏輯的地方插入你的文字。

第二步：學習基本的HTML標記 現在您需要插入一些格式化標記你的文件,會告訴一個網際網路瀏覽器如何安排你的文字和圖片在螢幕上。這些標籤組成一個語言稱為超文字標記語言,或者HTML。

第三步：檢視一個示例Web頁面

你或許在閱讀會感到有點困惑,這是為了看一個實習的HTML文件更簡單，然後看看它是怎麼被翻譯成一個Web頁面。您可以檢視“源文件“後邊的任何Web頁面將“檢視”選單(在Safari——其他的瀏覽器或許略有不同)並挑選“檢視原始碼。“當你這樣做時,你會看到文件和HTML標籤,創立頁面當時在你的瀏覽器視窗。

第四步：獲得電子影象 如果你還沒有製作主頁的影象檔案,您可以下載一些來自其他Web頁面。用你的常識來決定哪些圖片你可以使用,哪些你不應該。根據什麼樣的電腦和瀏覽器你正在使用,你必須使用一種稍有不同的程式下載到你的硬碟映像。這裡可以使用Safari瀏覽器: 使用滑鼠指標的位置在影象——按住滑鼠按鈕並拖動影象到你的計算機的桌面——放開按鈕,您將看到一個小圖示。這時影象已經下載到你的硬碟。確保你的檔名稱和格式——點選圖示來檢視影象,因為它將出現在您的Web頁面。

第五步：插入HTML標籤

如今您現已準備好插入格局符號在您自個的文件。記住要開始您的文件與< html >和完畢它與< / html >。你型別符號之間的<標題>…< /標題>將出如今你正在閱讀網頁閱讀器視窗的頂端。

第六步：檢視和編輯您的頁面

儲存您的文字文件和返回到瀏覽器。在檔案選單中,選擇“開啟檔案…”或“另存為…”。從那裡你應該能夠找到你的文件的名稱並點選“開始”。你的文件將會出現在你的視窗,看起來就像個網頁了!

第七步：上傳

您需要有一個網際網路服務提供商,允許您將您的網頁頁面在一個伺服器上，這樣其他人能夠閱覽它。假如沒有,您能夠繼續操練與檔案在您的計算機的硬碟。能夠找到一些其他網站的頁面相關的一些辦法。他們可能會新增一個連結到你的頁面註冊您的網站查詢引擎如google或雅虎。一旦你新增你的URL其間一個數據庫,感興趣的人通常主題你的頁面將得到一個清單,你的網站當他們做一個查詢。

另外，這邊有一些軟體可以利用，一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。比較常用的優秀軟體有Dreamweaver和Frontpage，如果你是初學者Frontpage20xx是首選。除此以外還有Photoshop、Photoimpact等。另外還有一些能夠用於動態網頁設計的軟體。那麼，有了這些，即使不同網頁設計的菜鳥們也可以按照規劃一步步地把自己的想法變成現實了，快快嘗試一下自己製作網頁吧!要記得，網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它。

網頁設計的心得體會5

作為本學期的第十三週，我們電子商務0901班由此開始了為期兩週的網頁設計與製作實訓課程，雖然我們實訓的內容不多，但通過同學之間的互相幫助與交流以及老師的精心指導，我們大家依然收穫很多。

這一週裡，可以說實訓的內容不難，但每天都有不同的東西需要學習，讓人感到很高興，大家都希望能夠通過自己的努力可以多掌握一點本專業的東西，總的來說，我們通過對“飄舞的雪花”及“倒影”的練習製作，已經熟練的掌握了flash的一些簡單操作和應用，不但如此，更增加了同學間的友誼，陪養了彼此間的團結。

實訓期間，老師會根據我們的練習程度發一些素材和視訊實訓給我們，由此我瞭解到了網頁設計與製作的一些程式和步驟，知道了怎麼處理圖片透明以及遮罩層的'運用，知道了flash基本操作的步驟，為了增加動畫的美感和活潑感，還適當在新增一些透明flash和一些網頁特效。在實訓的時間裡面，我們大家一起合作，共同努力，對網頁設計有了更進一步的認識，並且對這門課程越發的感興趣，從剛開始的好奇進而想要去更深層次的瞭解。

這一週的實訓課程已然結束，flash製作讓我受益匪淺，我們知道了很多，也進步了很多，很快就要進入下一週的實訓了，雖然還不知道具體的有什麼內容，但通過這一週的學習，下一週，我想也很值得期待。希望能夠學到更多的東西，充實自己的頭腦，豐富自己的知識。