靜態(tài)網(wǎng)頁設(shè)計心得范文（精選5篇）
從某件事情上得到收獲以后，就十分有必須要寫一篇心得體會，這么做可以讓我們不斷思考不斷進步。相信許多人會覺得心得體會很難寫吧，以下是小編為大家收集的靜態(tài)網(wǎng)頁設(shè)計心得范文（精選5篇），僅供參考，大家一起來看看吧。
靜態(tài)網(wǎng)頁設(shè)計心得范文（精選5篇）1
一連上了兩個星期的頁實訓課，可以說學到很多以前沒有學到的東西。雖然在大一的時候我們的專業(yè)出開設(shè)了頁設(shè)計課，但感覺這兩個星期學到的遠遠比以前學一個學期的要多，要豐富。
每一天都有新的內(nèi)容要學，讓人感覺很興奮，很高興，恨不得馬上就把它給學會。通過這次實訓使我更熟練掌握dreamweaver、 flash 、fireworks 、photoshop等軟件的功能和應用。不但如此，更增加了同學間的友誼，陪養(yǎng)了彼此間的團結(jié)。
在這期間，每一天老師都會發(fā)一些素材和實訓給我們，首先是頁素材的準備，在上查看一些頁背景和背景顏色搭配，讓我了解到頁的顏色不能多過3種色彩。接下來的幾天再結(jié)合自己的頁來進行策劃，在做首頁之前，先用圖紙把頁的結(jié)構(gòu)畫出來，內(nèi)容和結(jié)構(gòu)都想清楚用fireworks把頁設(shè)計出來，再切割圖片，把它們導成html格式在dreamweaver中進行進一步的編輯。
我們的站主要是圍繞宿舍而展開的一串活動、人物等，宿舍給我們一種很溫馨、很快樂的感覺，所以我們決定將這次的頁名叫funny room。主題確定了，那么分工出就明確了，我們組有三個人，兩個人負責找素材，另一個美術(shù)的就負責頁的頁面設(shè)計，但是我們始終不是學美術(shù)方面的，所以色彩方面搭配的不是很，后來采用了色彩比較清新自然的綠色來作為首頁的主色調(diào)，讓人第一眼看上去就有難忘的感覺。而從第二頁開始就采用粉色為主色調(diào)，讓人可以感受到我們的主題，因為首頁和其它的顏色不一樣，所以我們就把首頁當作是過渡頁，第二頁開始才是頁的內(nèi)容。為了增加頁的新鮮感和活潑感，還適當在添加一些透明flash和一些頁特效。在這實訓的時間里面，我們分工合作，共同努力，對頁反復調(diào)試和修改，特別是對于fireworks軟件不那么熟悉，有很多的實例都要看過老師的演示才會明白，不過這也恰恰讓我學到更多。雖然中途難不免會有因為意見的不合而發(fā)生一些小小的爭吵，但我覺得不影響我們的頁設(shè)計，反而會因為這些不同的意見而重新學到更多的知識。
靜態(tài)網(wǎng)頁設(shè)計心得范文（精選5篇）2
跟學習別的東西一樣，學習網(wǎng)頁設(shè)計也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。
學習網(wǎng)頁設(shè)計需要耐心，如果你沒有耐心，你學不好網(wǎng)頁設(shè)計，應為當你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了半個月時間才解決。
學習網(wǎng)頁設(shè)計需要堅持，堅持不斷的學習，因為設(shè)計網(wǎng)頁的軟件在不斷的更新，你不斷的學習不要掉入技術(shù)的陷阱，你的網(wǎng)頁設(shè)計技術(shù)一流，你對軟件的掌握程度已經(jīng)達到一定水平，但是你設(shè)計的網(wǎng)頁確不堪目睹，這是因為網(wǎng)頁設(shè)計是是介于平面設(shè)計和編程技術(shù)兩者之間的"邊緣科學。"不僅涉及到美學，心理學，平面構(gòu)成，色彩搭配等平面設(shè)計的方面的知識，還涉及到html，javascript，css，asp，php等編程語言技術(shù)方面的知識。只有綜合運用多種知識，才能設(shè)計出視聽特效，動感十足，富于個性的web頁面，才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨特魅力和多維空間的超強功能。
注重實用，個人認為網(wǎng)頁設(shè)計應該注重實用性，因為它是讓人瀏覽的，是用戶可以撫摸，可以評論，可以交互的。我提倡簡單的美。
靜態(tài)網(wǎng)頁設(shè)計心得范文（精選5篇）3
不知不覺，我已經(jīng)學習《網(wǎng)頁設(shè)計與制作》這門課程一個學期了，雖然時間有點短，但這一個學期以后我卻受益匪淺，不僅讓我全面的、系統(tǒng)的學會了頁設(shè)計與制作的基礎(chǔ)知識，還讓我學會了自己動手去制作屬于自己的網(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)站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容，我們在下面會有詳細介紹。
做好以上三步之后，我們就要選擇合適的制作工具。盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，在這里，我們一般都是用有“網(wǎng)絡(luò)三劍客”之稱的Dreamweaver、Fireworks、flash來制作網(wǎng)頁，對于圖片部分的處理，個人覺得Photoshop比較好用。
最后，我們就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。網(wǎng)頁做好之后，就要發(fā)布到Web服務器上，才能夠讓全世界的朋友觀看，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它。
以上就是我對于網(wǎng)頁制作的一些個人心得，由于本人的技術(shù)還不是很成熟，還存在很多的不足（如：背景過于單調(diào)和網(wǎng)頁布置不合理）。選擇學習這門課是很正確的選擇，雖然在以后不會再有機會去上了，但我還是會通過各種方式繼續(xù)頁設(shè)計和制作的，同時很感謝帶我入門的徐兵老師，讓我有機會去學習有關(guān)網(wǎng)頁的知識，謝謝！
靜態(tài)網(wǎng)頁設(shè)計心得范文（精選5篇）4
經(jīng)過一個學期的網(wǎng)頁設(shè)計的學習，我們的專業(yè)基礎(chǔ)更加扎實了，我們對于自己的專業(yè)學習更加有信心了。一開始對于網(wǎng)站設(shè)計我是抱著好奇以及興趣認真地學習，剛開始接觸網(wǎng)頁設(shè)計會覺得很神奇，平時上網(wǎng)接觸到的網(wǎng)頁可以通過自己的努力來建成。一心想著設(shè)計一個美觀大氣的大網(wǎng)站，可以與其他網(wǎng)站媲美。對于我這種初學者，有這種天真的夢想促使我更努力的學習網(wǎng)頁設(shè)計。
平時老師授課，講解了有關(guān)網(wǎng)頁設(shè)計的理論知識以及實際操作的示范。網(wǎng)頁設(shè)計更著重于實際操作，我們在機房通過每次上課的學習運用，已經(jīng)有了一定的基礎(chǔ)。一開始我們都是看著別人的網(wǎng)站去模仿建設(shè)，到后來每個人在設(shè)計自己的網(wǎng)頁時都有自己的人個人風格，這就是網(wǎng)頁設(shè)計的樂趣。他不僅可以激發(fā)同學們的興趣，還可以把自己的風格更大膽地展示出來，是一個可以展示自我的空間，使我們更有成就感。
當我真正建立起自己的網(wǎng)站的時候，我看著自己的作品非常地興奮，這是我用心血完成的只屬于自己的網(wǎng)站，特別地欣慰。因為過程的困難，我更加珍惜自己第一次的作品，做每一步都會小心翼翼，就像母親生怕會失去自己的孩子一樣，我就是這樣的感受。
我可以說網(wǎng)頁設(shè)計給了我很大的收獲，我是用我的熱情去學習，也是用我的真心去設(shè)計，屬于自己的東西永遠是最美好的。網(wǎng)頁設(shè)計不是用嘴巴就可以設(shè)計的，更需要的我們的堅持、創(chuàng)新、用心，才能收獲更大的勝利。
靜態(tài)網(wǎng)頁設(shè)計心得范文（精選5篇）5
在炎熱的夏季，又在悶熱的機房中，我們又一次的完成了網(wǎng)站建設(shè)的實習。在這實習期間，有太多的話想說，都是苦不堪言。但事后又想想，苦過了，才知道有甜。
在這實習當中，我知道了div是html（超文本語言）中的一個元素，div+cs是一種網(wǎng)頁的布局方法，div+css包括行內(nèi)樣式、內(nèi)嵌式、鏈接式、導入式、css選擇器、標記選擇器、類別選擇器、id選擇器、選擇器聲明、css繼承。還有id與class區(qū)別：id不允許重復使用，只能用一次，css規(guī)范和其他規(guī)范javascript控制方法一樣。
說實話，我對div+css一點兒都不懂，但起碼我知道了這是一種網(wǎng)頁的布局格式，總比不知道強。有句話說，不懂就要學。是的，既然學了了這個專業(yè)，就不能對這個專業(yè)模糊。所以，就要學習學習再學習。征服畏懼、建立自信的最快最確實的方法，就是去做你害怕的事，直到你獲得成功的經(jīng)驗。
我們經(jīng)過兩周的實訓，通過前期的合同洽談、簽訂，到后期的網(wǎng)站制作、網(wǎng)站發(fā)布，讓我受益匪淺。不僅讓我了解通過網(wǎng)絡(luò)洽談商務的禮儀和細節(jié)，也讓我的網(wǎng)站制作知識及技能有了很大提高。
前期我們通過發(fā)送電子郵件，進行網(wǎng)上商務的接洽。由于沒有做好工作。了解商務郵件的格式，導致郵件發(fā)了很長一段時間，雙方還僅僅停留在認識階段，確實說來很失敗。
在擬定合同時，由于不能真正滿足客戶的需求，一些條款及報價不合理，因此要一次又一次反復的修改合同。這主要是因為我們不能正確解讀客戶的要求，并且我們不能拿出我們公司為大洋禮品公司網(wǎng)站建設(shè)的特色。
在網(wǎng)站制作的起初階段，由于不曾制作過網(wǎng)頁，雖然團隊確立了分工，但還是有些迷茫。公司沒有確立風格和大體的布局，并且搜集資料是一個漫長而又復雜的過程。通過瀏覽各類禮品網(wǎng)站，心里大概有了一定的想法和設(shè)計。
我的主要任務有“誠聘英才”、“產(chǎn)品導航”、“展會禮品”、“廣告促銷禮品”。我最先做的是“誠聘英才”，我是參照中國電信誠聘英才首頁做的'，它看似制作簡單，其實布局十分復雜、精致。在處理圖片是我遇到了不少困難，最典型的就是有一次我想在圖片中插入文字，但始終插入不了，后來通過請教老師，總算知道了其中的奧妙。原來是圖層被鎖定了，要重新拷貝圖層，再考貝的圖層上就可以插入文字了，并且文字其實也是一個圖層，它是可以移動的。盡管我為誠聘英才網(wǎng)頁付出了很多，但并沒有被采納，并且此時我也設(shè)計了logo，也沒有被采納。
“產(chǎn)品導航”是一個困擾我一上午的問題（此刻公司首頁已經(jīng)制作完畢，而它與合同上的“產(chǎn)品導航”頁面布局類似，于是這讓我一時間很難抉擇。我就一邊設(shè)計一邊思考，此時我為公司定的色彩風格是紅色，我為導航欄設(shè)計的是交互式按鈕，并且設(shè)計了初始字體、懸停、按下時字體顏色�？墒沁@一切都是白費，由于后來我們將風格確定為藍色，并且導航欄確定都采用首頁中插入的圖片，但我覺得這樣有些不好：例如它不可以設(shè)置超鏈接的字體顏色，這是很不專業(yè)的體現(xiàn)。團隊由于缺乏及時的溝通，導致其他組員一些好的想法得不到實施，確實是我們團隊合作的一個問題所在。
展會禮品、廣告促銷禮品由于套用相同的布局，設(shè)計上沒有什么難點，只是在這基礎(chǔ)上進行產(chǎn)品的進一步分類和圖片的搜集有些費神和花時間。我在制作這一系列網(wǎng)頁時，都特別注意修改網(wǎng)頁標題。網(wǎng)頁標題是十分重要的，它是每打開一張網(wǎng)頁的頭標。
前面這一階段的工作我還有一個小收獲，這就是圖片位置，其實在圖片屬性中圖片定位選擇絕對定位，再在下面輸入距左距上的距離即可，這是一個很不錯的方法。
后期我們進行每個人作的網(wǎng)頁整合時遇到了不少問題，原先我們認為超鏈接是可以整合的，其實不然，只能在一個文件內(nèi)作。當時已經(jīng)花了一天的工時，可后來在晚上才發(fā)現(xiàn)，不只這個問題，還有每個人做的網(wǎng)頁都是保存在網(wǎng)站文件夾下，而最后上傳到服務器上只能有一個網(wǎng)站文件夾。所以后來我們組有三個人加班熬夜的。原本以為這樣已經(jīng)差不多了，可是當我們把網(wǎng)站通過windowsxxiis默認web站點上傳進行本地調(diào)試時發(fā)現(xiàn)所有網(wǎng)頁導航欄的圖片都顯示不出來，一些超鏈接也無法連接，這下讓我們有些驚慌失措。通過向老師了解，知道可能是圖片命名的問題，web服務器無法識別中文命名的圖片，此外網(wǎng)頁也需命名為英文。于是我們又忙于修改圖片和網(wǎng)頁的名稱。我的所制作的展會禮品將網(wǎng)頁都放在private文件夾下，導致所有需要連接到展會禮品首頁的都不能進行。我首先需要把private文件夾下的網(wǎng)頁全部剪切出來，并且檢查超鏈接，而這些只能在frontpage文件夾試圖下進行。同時還要在http上檢測，進行及時的修改。超鏈接檢測是我展會禮品網(wǎng)頁的一個主要問題。公司主頁上的“展會禮品”始終連接不到“展會禮品首頁”，反復的進行超鏈接都無法成功，其實是因為我所連接的超鏈接路徑不對，其實我應該根據(jù)瀏覽器上不能連接到的網(wǎng)頁路徑進行修改超鏈接。
經(jīng)過這翻調(diào)試、測試，網(wǎng)站不存在圖片顯示不出來的問題，以及超鏈接無法連接的問題。
在互聯(lián)網(wǎng)越來越深入到生活中每一個角落的年代，網(wǎng)頁的表現(xiàn)形式就如同以前書本上的文字，傳達著的是網(wǎng)絡(luò)語言，每一條線、每一個色塊、每一種版式、每一種組合都傳遞給閱讀者一種感覺。實際上網(wǎng)頁的表現(xiàn)形式已是互聯(lián)網(wǎng)至關(guān)重要的元素。它是一種創(chuàng)造性、有成就感的工作。
【靜態(tài)網(wǎng)頁設(shè)計心得】相關(guān)文章：
網(wǎng)頁設(shè)計心得12-21
網(wǎng)頁設(shè)計實習心得01-10
網(wǎng)頁設(shè)計畢業(yè)實習心得06-18
網(wǎng)頁設(shè)計心得15篇12-22
網(wǎng)頁設(shè)計實訓心得12-22