網(wǎng)頁制作心得體會
當(dāng)在某些事情上我們有很深的體會時，寫心得體會是一個不錯的選擇，通過寫心得體會，可以幫助我們總結(jié)積累經(jīng)驗。應(yīng)該怎么寫才合適呢？以下是小編幫大家整理的網(wǎng)頁制作心得體會，僅供參考，歡迎大家閱讀。
網(wǎng)頁制作心得體會1
在炎熱的夏季，又在悶熱的機(jī)房中，我們又一次的完成了網(wǎng)站建設(shè)的實習(xí)。在這實習(xí)期間，有太多的話想說，都是苦不堪言。但事后又想想，苦過了，才知道有甜。
在這實習(xí)當(dāng)中，我知道了div是html(超文本語言)中的一個元素,div+cs是一種網(wǎng)頁的布局方法,div+css包括 行內(nèi)樣式、內(nèi)嵌式、鏈接式、導(dǎo)入式、css選擇器、標(biāo)記選擇器、類別選擇器、id選擇器、選擇器聲明、css繼承。還有id與class區(qū)別：id不允許重復(fù)使用，只能用一次，css規(guī)范和其他規(guī)范javascript控制方法一樣。
說實話，我對div+css一點兒都不懂，但起碼我知道了這是一種網(wǎng)頁的布局格式，總比不知道強(qiáng)。有句話說，不懂就要學(xué)。是的，既然學(xué)了了這個專業(yè)，就不能對這個專業(yè)模糊。所以，就要學(xué)習(xí)學(xué)習(xí)再學(xué)習(xí)。征服畏懼、建立自信的最快最確實的方法，就是去做你害怕的事，直到你獲得成功的經(jīng)驗。
我們經(jīng)過兩周的實訓(xùn)，通過前期的合同洽談、簽訂，到后期的網(wǎng)站制作、網(wǎng)站發(fā)布，讓我受益匪淺。不僅讓我了解通過網(wǎng)絡(luò)洽談商務(wù)的禮儀和細(xì)節(jié)，也讓我的網(wǎng)站制作知識及技能有了很大提高。
前期我們通過發(fā)送電子郵件，進(jìn)行網(wǎng)上商務(wù)的接洽。由于沒有做好工作——了解商務(wù)郵件的.格式，導(dǎo)致郵件發(fā)了很長一段時間，雙方還僅僅停留在認(rèn)識階段，確實說來很失敗。
在擬定合同時，由于不能真正滿足客戶的需求，一些條款及報價不合理，因此要一次又一次反復(fù)的修改合同。這主要是因為我們不能正確解讀客戶的要求，并且我們不能拿出我們公司為大洋禮品公司網(wǎng)站建設(shè)的特色。
在網(wǎng)站制作的起初階段，由于不曾制作過網(wǎng)頁，雖然團(tuán)隊確立了分工，但還是有些迷茫。公司沒有確立風(fēng)格和大體的布局，并且搜集資料是一個漫長而又復(fù)雜的過程。通過瀏覽各類禮品網(wǎng)站，心里大概有了一定的想法和設(shè)計。
我的主要任務(wù)有“誠聘英才” 、“產(chǎn)品導(dǎo)航” 、“展會禮品” 、“廣告促銷禮品” 。我最先做的是“誠聘英才” ，我是參照中國電信誠聘英才首頁做的，它看似制作簡單，其實布局十分復(fù)雜、精致。在處理圖片是我遇到了不少困難，最典型的就是有一次我想在圖片中插入文字，但始終插入不了，后來通過請教老師，總算知道了其中的奧妙。原來是圖層被鎖定了，要重新拷貝圖層，再考貝的圖層上就可以插入文字了，并且文字其實也是一個圖層，它是可以移動的。盡管我為誠聘英才網(wǎng)頁付出了很多，但并沒有被采納，并且此時我也設(shè)計了logo，也沒有被采納。
“產(chǎn)品導(dǎo)航”是一個困擾我一上午的問題(此刻公司首頁已經(jīng)制作完畢，而它與合同上的“產(chǎn)品導(dǎo)航”頁面布局類似，于是這讓我一時間很難抉擇。我就一邊設(shè)計一邊思考，此時我為公司定的色彩風(fēng)格是紅色，我為導(dǎo)航欄設(shè)計的是交互式按鈕，并且設(shè)計了初始字體、懸停、按下時字體顏色。可是這一切都是白費，由于后來我們將風(fēng)格確定為藍(lán)色，并且導(dǎo)航欄確定都采用首頁中插入的圖片，但我覺得這樣有些不好：例如它不可以設(shè)置超鏈接的字體顏色，這是很不專業(yè)的體現(xiàn)。團(tuán)隊由于缺乏及時的溝通，導(dǎo)致其他組員一些好的想法得不到實施，確實是我們團(tuán)隊合作的一個問題所在。
展會禮品、廣告促銷禮品由于套用相同的布局，設(shè)計上沒有什么難點，只是在這基礎(chǔ)上進(jìn)行產(chǎn)品的進(jìn)一步分類和圖片的搜集有些費神和花時間。我在制作這一系列網(wǎng)頁時，都特別注意修改網(wǎng)頁標(biāo)題。網(wǎng)頁標(biāo)題是十分重要的，它是每打開一張網(wǎng)頁的頭標(biāo)。
前面這一階段的工作我還有一個小收獲，這就是圖片位置，其實在圖片屬性中圖片定位選擇絕對定位，再在下面輸入距左距上的距離即可，這是一個很不錯的方法。
后期我們進(jìn)行每個人作的網(wǎng)頁整合時遇到了不少問題 ，原先我們認(rèn)為超鏈接是可以整合的，其實不然，只能在一個文件內(nèi)作。當(dāng)時已經(jīng)花了一天的工時，可后來在晚上才發(fā)現(xiàn)，不只這個問題，還有每個人做的網(wǎng)頁都是保存在網(wǎng)站文件夾下，而最后上傳到服務(wù)器上只能有一個網(wǎng)站文件夾。所以后來我們組有三個人加班熬夜的。原本以為這樣已經(jīng)差不多了，可是當(dāng)我們把網(wǎng)站通過 windowsxxiis默認(rèn)web站點上傳進(jìn)行本地調(diào)試時發(fā)現(xiàn)所有網(wǎng)頁導(dǎo)航欄的圖片都顯示不出來，一些超鏈接也無法連接，這下讓我們有些驚慌失措。通過向老師了解，知道可能是圖片命名的問題，web服務(wù)器無法識別中文命名的圖片，此外網(wǎng)頁也需命名為英文。于是我們又忙于修改圖片和網(wǎng)頁的名稱。我的所制作的展會禮品將網(wǎng)頁都放在private文件夾下，導(dǎo)致所有需要連接到展會禮品首頁的都不能進(jìn)行。我首先需要把private文件夾下的網(wǎng)頁全部剪切出來，并且檢查超鏈接，而這些只能在frontpage文件夾試圖下進(jìn)行。同時還要在http上檢測，進(jìn)行及時的修改。超鏈接檢測是我展會禮品網(wǎng)頁的一個主要問題。公司主頁上的“展會禮品”始終連接不到“展會禮品首頁” ，反復(fù)的進(jìn)行超鏈接都無法成功，其實是因為我所連接的超鏈接路徑不對，其實我應(yīng)該根據(jù)瀏覽器上不能連接到的網(wǎng)頁路徑進(jìn)行修改超鏈接。
經(jīng)過這翻調(diào)試、測試，網(wǎng)站不存在圖片顯示不出來的問題，以及超鏈接無法連接的問題。
在互聯(lián)網(wǎng)越來越深入到生活中每一個角落的年代，網(wǎng)頁的表現(xiàn)形式就如同以前書本上的文字，傳達(dá)著的是網(wǎng)絡(luò)語言，每一條線、每一個色塊、每一種版式、每一種組合都傳遞給閱讀者一種感覺。實際上網(wǎng)頁的表現(xiàn)形式已是互聯(lián)網(wǎng)至關(guān)重要的元素。它是一種創(chuàng)造性、有成就感的工作。
網(wǎng)頁制作心得體會2
網(wǎng)頁設(shè)計伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得非常重要。生活中我每天上網(wǎng)都要接觸到網(wǎng)頁，原來沒有留意過網(wǎng)頁的設(shè)計，但是經(jīng)過這段時間的學(xué)習(xí)了解，現(xiàn)在我打開一個網(wǎng)頁都會習(xí)慣性的先看看排版、布局和色彩運用。
通過老師的講解和對課本的翻閱，我學(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)驗。例如：1、命名站點或者文件夾的的時候一定要注意，最好用相應(yīng)的英語或者漢語拼音，要見名知意，如圖片文件夾用image或者tu，這樣可以避免頁面調(diào)用時不正確的現(xiàn)象發(fā)生。2、調(diào)用Style時可以單擊鼠標(biāo)右鍵選擇Custon Style來調(diào)用Style標(biāo)準(zhǔn)，也可以在狀態(tài)欄中的元素列表上單擊右鍵來調(diào)用Style。雖然不同的方法達(dá)到的效果看似一樣，但實際上產(chǎn)生的HTML代碼則完全不同。在這個過程中，我同樣認(rèn)識到網(wǎng)頁設(shè)計不是一門學(xué)科的獨秀，而是多種課程的綜合，它是Flash、Photoshop等網(wǎng)頁軟件的綜合應(yīng)用。例如Flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強(qiáng)。在動畫播放時，可以用鼠標(biāo)或鍵盤對動畫的播放進(jìn)行控制，可以很直觀的反映出效果。 頁面設(shè)計應(yīng)以美觀、大方、簡潔為原則，保持一致的風(fēng)格。為了達(dá)到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。網(wǎng)頁最主要的功能就是給每個上網(wǎng)者提供一種形式，讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁設(shè)計，就需要站在用戶的角度來看。用戶是一個網(wǎng)站成敗的關(guān)鍵。如果用戶要花很多時間進(jìn)入網(wǎng)站，很有可能他會立即關(guān)掉網(wǎng)站，或者網(wǎng)站操作很不方便用戶也會馬上離開，這種網(wǎng)站是很失敗的設(shè)計，只會讓用戶失望的離去。所以網(wǎng)頁容量即包括圖像在內(nèi)的網(wǎng)頁字節(jié)數(shù)最好不要超過50K。
還涉及到界面弱化的問題。一個好的'界面設(shè)計它的界面是弱化的，它突出的是功能，著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區(qū)等等。要讓訪客在0.5秒內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì)，1秒內(nèi)就知道該從哪個地方開始使用這個網(wǎng)站，能點一次的，絕不點第二次。當(dāng)然上面說的是大多數(shù)功能性網(wǎng)站，對于宣傳展示性網(wǎng)站，諸如加特效的或Flash網(wǎng)站，可能就不得不花哨一些，但不能太過分。網(wǎng)站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現(xiàn)意境，點到為止。
下面簡單介紹下網(wǎng)頁設(shè)計的理念和要點。網(wǎng)頁設(shè)計理念：（1）內(nèi)容決定形式：先把內(nèi)容充實上，再分區(qū)塊，再定色調(diào)，再處理細(xì)節(jié)。（2）先整體，后局部，最后回歸到整體：全局考慮，把能填上的都填上，占位置。然后定基調(diào)，分模塊設(shè)計。最后調(diào)整不滿意的幾個局部細(xì)節(jié)。（3）功能決定設(shè)計方向: 看網(wǎng)站的用途，決定設(shè)計思路。商業(yè)性的就要突出贏利目的；政府型的就要突出形象和權(quán)威性的文章；教育性的，就要突出師資和課程。
網(wǎng)頁設(shè)計的兩大要點是：整體風(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è)計方向，那么這次應(yīng)用到了創(chuàng)意思維，版面設(shè)計，色彩配置。圖形創(chuàng)意等方面都很重要，對于網(wǎng)頁設(shè)計作為一種視覺語言，特別講究編排和布局，雖然主頁的設(shè)計不等同于平面設(shè)計，但它們有許多相近之處，版式設(shè)計通過文字圖形的空間組合，表達(dá)出和諧與美。不積跬步，無以至千里。我已經(jīng)在老師的指引下邁入了網(wǎng)頁設(shè)計的大門，在今后的閑余時間繼續(xù)認(rèn)真學(xué)習(xí)制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高。
【網(wǎng)頁制作心得體會】相關(guān)文章：
網(wǎng)頁制作07-03
網(wǎng)頁制作的心得體會07-02
網(wǎng)頁制作的心得體會06-19
網(wǎng)頁制作心得體會12-06
《網(wǎng)頁的制作》教案01-16
網(wǎng)頁制作的心得12-08
網(wǎng)頁的制作教案01-30