網(wǎng)頁設(shè)計(jì)總結(jié)與心得體會(huì)(四篇)

本文格式為Word版，下載可任意編輯——網(wǎng)頁設(shè)計(jì)總結(jié)與心得體會(huì)(四篇)當(dāng)我們備受啟迪時(shí)，往往可以將它們寫成一篇心得體會(huì)，如此就可以提升我們寫作能力了。好的心得體會(huì)對(duì)于我們的幫助很大，所以我們要好好寫一篇心得體會(huì)那么下面我就給大家講一講心得體會(huì)怎么寫才比較好，我們一起來看一看吧。

網(wǎng)頁設(shè)計(jì)與制作心得體會(huì)篇一

咱們經(jīng)過兩周的實(shí)訓(xùn)，經(jīng)過前期的合同洽談、簽定，到后期的網(wǎng)站制造、網(wǎng)站發(fā)布，讓我收獲頗豐。不只讓我了解經(jīng)過網(wǎng)絡(luò)洽談商務(wù)的禮儀和細(xì)節(jié)，也讓我的網(wǎng)站制造常識(shí)及技術(shù)有了很大進(jìn)步。

前期咱們經(jīng)過發(fā)送電子郵件，進(jìn)行網(wǎng)上商務(wù)的接洽。由于沒有做好作業(yè)——了解商務(wù)郵件的格式，致使郵件發(fā)了很長一段時(shí)間，兩邊還只是停留在知道期間，的確說來很失敗。

在擬定合一起，由于不能真正滿足客戶的需要，一些條款及報(bào)價(jià)不合理，因而要一次又一次重復(fù)的修正合同。這首要是由于咱們不能正確解讀客戶的請(qǐng)求，而且咱們不能拿出咱們公司為大洋禮物公司網(wǎng)站建設(shè)的特征。

在網(wǎng)站制造的起先期間，由于不曾制造過頁面，盡管團(tuán)隊(duì)確立了分工，但仍是有些迷茫。公司沒有確立特性和大體的規(guī)劃，而且收集材料是一個(gè)綿長而又雜亂的過程。經(jīng)過閱讀各類禮物網(wǎng)站，心里大約有了必定的想法和規(guī)劃。

我的首要任務(wù)有“誠聘英才〞、“商品導(dǎo)航〞、“展會(huì)禮物〞、“廣告促銷禮物〞。我最早做的是“誠聘英才〞，我是參照中國電信誠聘英才主頁做的，它看似制造簡單，本來規(guī)劃十分雜亂、精致。在處理圖像是我遇到了不少艱難，最典型的即是有一次我想在圖像中刺進(jìn)文字，但一直刺進(jìn)不了，后來經(jīng)過討教教師，終究知道了其間的微妙。原來是圖層被確定了，要從頭拷貝圖層，再考貝的圖層上就能夠刺進(jìn)文字了，而且文字本來也是一個(gè)圖層，它是能夠移動(dòng)的。盡管我為誠聘英才頁面付出了大量，但并沒有被選用，而且此刻我也規(guī)劃了logo，也沒有被選用。

“商品導(dǎo)航〞是一個(gè)困惑我一上午的問題（此刻公司主頁現(xiàn)已制造終止，而它與合同上的“商品導(dǎo)航〞頁面規(guī)劃相像，所以這讓我一時(shí)間很難決定。我就一邊規(guī)劃一邊考慮，此刻我為公司定的色調(diào)特性是赤色，我為導(dǎo)航欄規(guī)劃的是交互式按鈕，而且規(guī)劃了初始字體、懸停、按下時(shí)字體色調(diào)。

但是這一切都是白搭，由于后來咱們將特性確定為藍(lán)色，而且導(dǎo)航欄確定都選用主頁中刺進(jìn)的圖像，但我覺得這么有些欠好：例如它不能夠設(shè)置超鏈接的字體色調(diào)，這是很不專業(yè)的表現(xiàn)。團(tuán)隊(duì)由于缺乏及時(shí)的交流，致使別的組員一些好的想法得不到施行，的確是咱們團(tuán)隊(duì)協(xié)作的一個(gè)問題所在。

網(wǎng)頁設(shè)計(jì)與制作心得體會(huì)篇二

網(wǎng)頁設(shè)計(jì)伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得十分重要。生活中我每天上網(wǎng)都要接觸到網(wǎng)頁，原來沒有留意過網(wǎng)頁的設(shè)計(jì)，但是經(jīng)過這段時(shí)間的學(xué)習(xí)了解，現(xiàn)在我開啟一個(gè)網(wǎng)頁都會(huì)習(xí)慣性的先看看排版、布局和色調(diào)運(yùn)用。

通過老師的講解和對(duì)課本的翻閱，我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識(shí)，對(duì)網(wǎng)頁制作的基礎(chǔ)知識(shí)也有了一定的把握。通過dreamweaver制作網(wǎng)頁，我用到了一些基本的功能：圖片插入和對(duì)齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等。但是在自己嘗試著做的時(shí)候，總是出現(xiàn)這里那里的問題。不是圖片不能固定在自己想要的位置，就是滾動(dòng)文本的顯示區(qū)域不知道為什么撐過了頁面，還有就是不同分辯率、不同瀏覽器都會(huì)對(duì)瀏覽網(wǎng)頁產(chǎn)生影響。而且在css方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結(jié)了經(jīng)驗(yàn)。例如：1、命名站點(diǎn)或者文件夾的的時(shí)候一定要注意，最好用相應(yīng)的英語或者漢語拼音，要見名知意，如圖片文件夾用image或者tu，這樣可以避免頁面調(diào)用時(shí)不正確的現(xiàn)象發(fā)生。2、調(diào)用style時(shí)可以單擊鼠標(biāo)右鍵選擇custonstyle來調(diào)用style標(biāo)準(zhǔn)，也可以在狀態(tài)欄中的元素列表上單擊右鍵來調(diào)用style。雖然不同的方法達(dá)到的效果看似一樣，但實(shí)際上產(chǎn)生的html代碼則完全不同。在這個(gè)過程中，我同樣認(rèn)識(shí)到網(wǎng)頁設(shè)計(jì)不是一門學(xué)科的獨(dú)秀，而是多種課程的綜合，它是flash、photoshop等網(wǎng)頁軟件的綜合應(yīng)用。例如flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區(qū)里繪畫，編輯修改十分靈活，它的另一大特點(diǎn)是“交互性〞強(qiáng)。在動(dòng)畫播放時(shí)，可以用鼠標(biāo)或鍵盤對(duì)動(dòng)畫的播放進(jìn)行控制，可以很直觀的反映出效果。頁面設(shè)計(jì)應(yīng)以美觀、大方、簡單為原則，保持一致的風(fēng)格。為了達(dá)到最正確的視覺表現(xiàn)效果，應(yīng)講求整體布局的合理性，使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。網(wǎng)頁最主要的功能就是給每個(gè)上網(wǎng)者提供一種形式，讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁設(shè)計(jì)，就需要站在用戶的角度來看。用戶是一個(gè)網(wǎng)站成敗的關(guān)鍵。假使用戶要花好多時(shí)間進(jìn)入網(wǎng)站，很有可能他會(huì)馬上關(guān)掉網(wǎng)站，或者網(wǎng)站操作很不便利用戶也會(huì)馬上離開，這種網(wǎng)站是很失敗的設(shè)計(jì)，只會(huì)讓用戶失望的離去。所以網(wǎng)頁容量即包括圖像在內(nèi)的網(wǎng)頁字節(jié)數(shù)最好不要超過50k。

還涉及到界面弱化的問題。一個(gè)好的界面設(shè)計(jì)它的界面是弱化的，它突出的是功能，著重表達(dá)的是網(wǎng)站業(yè)提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區(qū)等等。要讓訪客在0.5秒內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì)，1秒內(nèi)就知道該從哪個(gè)地方開始使用這個(gè)網(wǎng)站，能點(diǎn)一次的，絕不點(diǎn)其次次。當(dāng)然上面說的是大多數(shù)功能性網(wǎng)站，對(duì)于宣傳展示性網(wǎng)站，諸如加特效的或flash網(wǎng)站，可能就不得不花哨一些，但不能太過分。網(wǎng)站不是動(dòng)畫片，在效率越來越高，社會(huì)心理越來越煩躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以表達(dá)意境，點(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)整不滿意的幾個(gè)局部細(xì)節(jié)。（3）功能決定設(shè)計(jì)方向:看網(wǎng)站的用途，決定設(shè)計(jì)思路。商業(yè)性的就要突出贏利目的；政府型的就要突出形象和權(quán)威性的文章；教育性的，就要突出師資和課程。

網(wǎng)頁設(shè)計(jì)的兩大要點(diǎn)是：整體風(fēng)格和色調(diào)搭配。

一、確定網(wǎng)站的整體風(fēng)格:1、將標(biāo)志logo，盡可能的放在頁面最突出的位置。2、突出標(biāo)準(zhǔn)色調(diào)。3、總結(jié)一句能反映網(wǎng)站精華的宣傳標(biāo)語。4、一致類型的圖像采用一致效果，譬如說標(biāo)題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)當(dāng)是完全一致的。

二、網(wǎng)頁色調(diào)的搭配:1、用一種色調(diào)。指選定一種色調(diào)，然后調(diào)整透明度或飽和度，這樣頁面看起來色調(diào)統(tǒng)一，有層次感。2、用兩種色調(diào)。先選定一種色調(diào)，然后選擇它的對(duì)比色。3、用一個(gè)色系。就是用一個(gè)感覺的色調(diào)，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。在網(wǎng)頁配色中，還要切記一些誤區(qū)：1、不要將所有顏色都用到，盡量控制在三至五種色調(diào)以內(nèi)。2、背景和前文的對(duì)比盡量要大(絕對(duì)不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。

計(jì)通過文字圖形的空間組合，表達(dá)出和諧與美。不積跬步，無以至千里。我已經(jīng)在老師的指引下邁入了網(wǎng)頁設(shè)計(jì)的大門，在今后的閑余時(shí)間繼續(xù)認(rèn)真學(xué)習(xí)制作網(wǎng)頁的更多知識(shí)以實(shí)現(xiàn)自身技能的提高。

網(wǎng)頁設(shè)計(jì)與制作心得體會(huì)篇三

網(wǎng)站終究成功建成了，但這并不等于工作的終止，而恰恰是工作的剛剛開始。對(duì)于網(wǎng)站制作設(shè)計(jì)而言，僅僅做好前期工作是遠(yuǎn)遠(yuǎn)不夠的，而最重要的要做的就是做好網(wǎng)站的后期管理工作，這樣才能夠提高網(wǎng)站的生命力。那么，網(wǎng)站制作設(shè)計(jì)后期都有哪些工作呢？現(xiàn)在我們就來分析一下吧！

后期工作一：網(wǎng)站要選擇一個(gè)長期負(fù)責(zé)網(wǎng)站的人，要隔一段時(shí)間對(duì)網(wǎng)站進(jìn)行維護(hù)與內(nèi)容更新。網(wǎng)站需要一個(gè)長期管理人員，這樣就可以對(duì)網(wǎng)站進(jìn)行推廣并做好網(wǎng)站的信息發(fā)布了。除此之外，假使網(wǎng)站后期有修改需求，也可以及時(shí)與網(wǎng)站制作人員進(jìn)行及時(shí)溝通，共同制訂完善的修改方案，這樣就減少了不少溝通成本。

后期工作二：網(wǎng)站要時(shí)刻與用戶考慮。網(wǎng)站制作設(shè)計(jì)之后就是要為顧客服務(wù)的，因此就要時(shí)刻考慮顧客的需求。網(wǎng)站要時(shí)刻以用戶的出發(fā)點(diǎn)來做好網(wǎng)站的后期管理工作。

后期工作三：網(wǎng)站要時(shí)刻了解網(wǎng)絡(luò)優(yōu)化知識(shí)。網(wǎng)絡(luò)優(yōu)化知識(shí)的學(xué)習(xí)可以使網(wǎng)站向著更為良好的方向展，通過低成本的運(yùn)營模式可以使探尋引擎更加優(yōu)化，而且可以吸引越來越多的用戶的眼球。

后期工作四：網(wǎng)站除了要吸引用戶之外，還要注意網(wǎng)站的安全性。每個(gè)網(wǎng)站都面臨著眾多的網(wǎng)絡(luò)侵襲，要時(shí)刻防衛(wèi)侵襲的到來。

后期工作五：做好網(wǎng)站的維護(hù)與更新。對(duì)于網(wǎng)站設(shè)計(jì)而言，只有經(jīng)常對(duì)網(wǎng)站進(jìn)行維護(hù)與更新，才能更好地吸引用戶。

網(wǎng)頁設(shè)計(jì)與制作心得體會(huì)篇四

轉(zhuǎn)瞬間，已到了期末，學(xué)習(xí)網(wǎng)頁設(shè)計(jì)這門課程也要終止了，雖然時(shí)間有點(diǎn)短，但是學(xué)過這個(gè)幾周以后我受益匪淺。

記得最初接觸dreamweaver的時(shí)候，我很茫然，由于剛接觸陌生的軟件心里會(huì)很畏懼跟不上老師的進(jìn)程。剛開始幾節(jié)課，老師講得比較基礎(chǔ)，還能跟得上，漸漸的老師授課的進(jìn)程開始加速，有些跟不上了，需要下課后自己補(bǔ)上，問老師和周邊的同學(xué)。漸漸的，在老師的悉心指導(dǎo)下，我們開始熟悉這個(gè)軟件了。老師布置的第一個(gè)任務(wù)，要求做一個(gè)自己形象網(wǎng)站。由于學(xué)習(xí)的時(shí)間較短，老師只要求用ps做好模板即可，任務(wù)相對(duì)簡單。但也要求設(shè)計(jì)感強(qiáng)，色調(diào)搭配和諧，并且盡可能的做成實(shí)用又符合實(shí)際的漂亮網(wǎng)頁。

其次個(gè)網(wǎng)頁設(shè)計(jì)老師要求相對(duì)較高，用dreamweaver做一個(gè)比較接近真實(shí)的網(wǎng)頁，還要做一個(gè)二級(jí)頁面。于是開始收集各方面的資料。確定了主題就開始布局了。最開始使用了一個(gè)表格，然后在表格內(nèi)進(jìn)行拆分合并處理，接著就把通過ps處理出來一個(gè)版頭并且把修改過大小的圖片放進(jìn)去了。

中間時(shí)預(yù)覽，問題出現(xiàn)了，發(fā)現(xiàn)版頭與下面的圖片文字之間出現(xiàn)了很大的一段距離，但是在軟件中已經(jīng)把距離縮小為0了，屢屢嘗試后沒有效果。最終想到可以另外再加一個(gè)表格，把版頭放在一個(gè)表格內(nèi)面，這樣問題就解決了。預(yù)覽是效果還不錯(cuò)。但是總覺得首頁做得太普通，一次瀏覽學(xué)長做的網(wǎng)頁時(shí)，覺得他們的文字滾動(dòng)窗口做得效果做得不錯(cuò)，于是想借見一下。就決定把自己網(wǎng)站的左邊修改修改。復(fù)制了他的代碼，把上面的內(nèi)容修改成我的網(wǎng)站需要的文字。本以為可以輕松的完成，但是卻出現(xiàn)大問題了。

由于需要滾動(dòng)的文字占的空間太大，把左邊的那部分表格全部占滿了，而在實(shí)際的網(wǎng)頁預(yù)覽中，這個(gè)有文字滾動(dòng)的框只占了左邊oeasy教你玩轉(zhuǎn)網(wǎng)頁設(shè)計(jì)瀏覽的工具建站程序三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了好多方法，在網(wǎng)站查了好多資料，可能由于沒有專業(yè)術(shù)語作為探尋的關(guān)鍵詞，查不到任何相關(guān)的資料，試過div標(biāo)簽，試過不停的拆分表格，最終還是沒有效果。就這樣試著試著，突然想到了層這個(gè)概念。于是在布局中點(diǎn)擊了繪制層，結(jié)果成功了，經(jīng)過一些加工，終究成功的完成左邊的布局。印象還比較深刻的是插入聲音，記得老師曾經(jīng)給我們講過好屢屢怎樣插入聲音，可是等到自己做網(wǎng)頁的時(shí)候卻忘掉了，于是問其他人，結(jié)果竟然都忘掉了，于是自己在百度上收。

最終終究找到了一個(gè)可以使用的代碼，但是在參與聲音路徑時(shí)出現(xiàn)了問題