網(wǎng)頁設(shè)計(jì)與制作心得體會
當(dāng)我們備受啟迪時，可以將其記錄在心得體會中，這樣我們可以養(yǎng)成良好的總結(jié)方法。那么如何寫心得體會才能更有感染力呢？下面是小編為大家收集的網(wǎng)頁設(shè)計(jì)與制作心得體會，歡迎閱讀，希望大家能夠喜歡。
網(wǎng)頁設(shè)計(jì)與制作心得體會1
不知不覺,二個星期的《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》課程的實(shí)操即將過去,回顧這一段日子,真的令我體會很深,也學(xué)會很多東西,懂得很多以前不懂的東西,也明白了一些事情。
自從第一天接觸《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》課程,我以下定決心要把網(wǎng)頁這門課學(xué)好,做出一個優(yōu)秀的網(wǎng)站。所以我時刻沒有錯過任何學(xué)習(xí)的機(jī)會,無論在課堂上,還是在課外上。更何況這一次實(shí)操。回顧今次的實(shí)操我覺得我過得很充實(shí),很有意義,因?yàn)槲铱梢哉\實(shí)的說我在實(shí)操沒有玩過一次游戲,我每時每刻都在設(shè)計(jì)網(wǎng)站,還記得晚上做網(wǎng)站做到一、二點(diǎn)，可能有人會說我傻，但正因?yàn)檫@個傻的行動，令我學(xué)會很多東西，學(xué)會別人不懂的東西，做出一個令自己滿意的網(wǎng)站，可能跟別人比還需要繼續(xù)完善，但我不會因?yàn)閷?shí)操結(jié)束，就把網(wǎng)頁設(shè)計(jì)拋到九霄云外，我會繼續(xù)學(xué)習(xí)網(wǎng)頁設(shè)計(jì)技術(shù)，把它變?yōu)樽约旱囊豁?xiàng)特長。
回顧第一天的《網(wǎng)頁設(shè)計(jì)與網(wǎng)站建設(shè)》課程實(shí)操，老師叫我們繼續(xù)完善以前設(shè)計(jì)的網(wǎng)站，做出留言板、注冊的功能。我很快就完成了，但可能我是一個追求完善的人，所以盡管一個網(wǎng)站做好可以馬上交給老師。但我做出一個別人都不贊同的決定，從頭開始做一個網(wǎng)站。因?yàn)槲矣X得以前那個真的不是太好，盡管實(shí)操的時間過去了一半，盡管別人對我說你交原來這個不就行了嗎!何必再做一個呢?但真因?yàn)槲业膱?zhí)著，追求成功，追求完善的人，才會使我今天交出一個令自己滿足的`答卷。
在制作個人網(wǎng)站時我們首先：
一、必需進(jìn)行個人網(wǎng)站前臺功能設(shè)計(jì)
包括個人網(wǎng)站主題的確定，前臺功能設(shè)計(jì)與管理、個人網(wǎng)站主頁設(shè)計(jì)、個人網(wǎng)站留言板、注冊、忘記密碼、搜索等網(wǎng)頁設(shè)計(jì)與管理。
二、對個人網(wǎng)站后臺管理功能設(shè)計(jì)
包括個人網(wǎng)站后臺管理功能的設(shè)計(jì)、后臺管理信息系統(tǒng)功能的設(shè)計(jì)、后臺系統(tǒng)權(quán)限管理、后臺文件管理、個人網(wǎng)站后臺管理系統(tǒng)主頁設(shè)計(jì)。
三、網(wǎng)站的發(fā)布
通常我們發(fā)布一個網(wǎng)站可能以能過域名注冊，但我們也可以利用自己主機(jī)，裝了iis別人就可以通過我的ip地址來訪問我的主頁。第一次做的那個網(wǎng)頁我已經(jīng)發(fā)布在上網(wǎng)了。
四、個人網(wǎng)站推廣
一個網(wǎng)站做好了，就要對個人網(wǎng)站進(jìn)行推廣，這是一個電子商務(wù)網(wǎng)站必需做得的一步，因?yàn)槿绻悴粚δ愕木W(wǎng)站進(jìn)行推廣，就算你發(fā)布了也沒有人會知道的。
在這次實(shí)操過程中令我印象最深的是做留言板，因?yàn)閯偤迷谏弦粋�星期sql數(shù)據(jù)庫實(shí)操做過了，所以今次在做就比較輕松，但我以前是經(jīng)過一個比較長的練習(xí)，做完了n次，可能有人會想，肯定是不會才做這么多次啦!但我想告訴這位同學(xué)我每次做得都不是不同的方法。第一次我用的是access數(shù)據(jù)庫，第二次我用的是sql數(shù)據(jù)庫加權(quán)限管理，第三次我用的是數(shù)據(jù)源名稱的連接，第四次我用的是自定義連接字符串，第五次……每一次用的方法都是不同的，可能有人會說我傻，會一種方法就行了，還要那么多嗎?但我想說的就是不是這么多次的練習(xí)，不是之么多次不同的方法，也就不會造就出今天熟能生巧的我，也不會對同學(xué)提出的問題解決到，也不會輕松教會同學(xué)，因?yàn)槟阕约菏紫葘W(xué)會，學(xué)通，學(xué)廣，才能把問題一一的解決。
網(wǎng)頁設(shè)計(jì)與制作心得體會2
網(wǎng)頁設(shè)計(jì)伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得非常重要。生活中我每天上網(wǎng)都要接觸到網(wǎng)頁，原來沒有留意過網(wǎng)頁的設(shè)計(jì)，但是經(jīng)過這段時間的學(xué)習(xí)了解，現(xiàn)在我打開一個網(wǎng)頁都會習(xí)慣性的先看看排版、布局和色彩運(yùn)用。
通過老師的講解和對課本的翻閱，我學(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)驗(yàn)。例如：
1、命名站點(diǎn)或者文件夾的的時候一定要注意，最好用相應(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。雖然不同的方法達(dá)到的.效果看似一樣，但實(shí)際上產(chǎn)生的HTML代碼則完全不同。在這個過程中，我同樣認(rèn)識到網(wǎng)頁設(shè)計(jì)不是一門學(xué)科的獨(dú)秀，而是多種課程的綜合，它是Flash、Photoshop等網(wǎng)頁軟件的綜合應(yīng)用。例如Flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區(qū)里繪畫，編輯修改非常靈活，它的另一大特點(diǎn)是“交互性”強(qiáng)。在動畫播放時，可以用鼠標(biāo)或鍵盤對動畫的播放進(jìn)行控制，可以很直觀的反映出效果。頁面設(shè)計(jì)應(yīng)以美觀、大方、簡潔為原則，保持一致的風(fēng)格。為了達(dá)到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗(yàn)。網(wǎng)頁最主要的功能就是給每個上網(wǎng)者提供一種形式，讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁設(shè)計(jì)，就需要站在用戶的角度來看。用戶是一個網(wǎng)站成敗的關(guān)鍵。如果用戶要花很多時間進(jìn)入網(wǎng)站，很有可能他會立即關(guān)掉網(wǎng)站，或者網(wǎng)站操作很不方便用戶也會馬上離開，這種網(wǎng)站是很失敗的設(shè)計(jì)，只會讓用戶失望的離去。所以網(wǎng)頁容量即包括圖像在內(nèi)的網(wǎng)頁字節(jié)數(shù)最好不要超過50K。
還涉及到界面弱化的問題。一個好的界面設(shè)計(jì)它的界面是弱化的，它突出的是功能，著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區(qū)等等。要讓訪客在0。5秒內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì)，1秒內(nèi)就知道該從哪個地方開始使用這個網(wǎng)站，能點(diǎn)一次的，絕不點(diǎn)第二次。當(dāng)然上面說的是大多數(shù)功能性網(wǎng)站，對于宣傳展示性網(wǎng)站，諸如加特效的或Flash網(wǎng)站，可能就不得不花哨一些，但不能太過分。網(wǎng)站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現(xiàn)意境，點(diǎn)到為止。
下面簡單介紹下網(wǎng)頁設(shè)計(jì)的理念和要點(diǎn)。網(wǎng)頁設(shè)計(jì)理念：
（1）內(nèi)容決定形式：先把內(nèi)容充實(shí)上，再分區(qū)塊，再定色調(diào)，再處理細(xì)節(jié)。
（2）先整體，后局部，最后回歸到整體：全局考慮，把能填上的都填上，占位置。然后定基調(diào)，分模塊設(shè)計(jì)。最后調(diào)整不滿意的幾個局部細(xì)節(jié)。
（3）功能決定設(shè)計(jì)方向：看網(wǎng)站的用途，決定設(shè)計(jì)思路。商業(yè)性的就要突出贏利目的；政府型的就要突出形象和權(quán)威性的文章；教育性的，就要突出師資和課程。
網(wǎng)頁設(shè)計(jì)的兩大要點(diǎn)是：整體風(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、用一個色系。就是用一個感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。
在網(wǎng)頁配色中，還要切記一些誤區(qū)：
1、不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。
2、背景和前文的對比盡量要大（絕對不要用花紋繁復(fù)的圖案作背景），以便突出主要文字內(nèi)容。
針對我所學(xué)的平面設(shè)計(jì)方向，那么這次應(yīng)用到了創(chuàng)意思維，版面設(shè)計(jì)，色彩配置。圖形創(chuàng)意等方面都很重要，對于網(wǎng)頁設(shè)計(jì)作為一種視覺語言，特別講究編排和布局，雖然主頁的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處，版式設(shè)計(jì)通過文字圖形的空間組合，表達(dá)出和諧與美。不積跬步，無以至千里。我已經(jīng)在老師的指引下邁入了網(wǎng)頁設(shè)計(jì)的大門，在今后的閑余時間繼續(xù)認(rèn)真學(xué)習(xí)制作網(wǎng)頁的更多知識以實(shí)現(xiàn)自身技能的提高。
【網(wǎng)頁設(shè)計(jì)與制作心得體會】相關(guān)文章：
制作網(wǎng)頁設(shè)計(jì)的心得體會08-04
制作網(wǎng)頁設(shè)計(jì)的心得體會優(yōu)秀01-13
網(wǎng)頁制作的心得07-21
html網(wǎng)頁設(shè)計(jì)心得體會06-04
網(wǎng)頁制作合同05-18
網(wǎng)頁制作求職信07-15