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