- 相關(guān)推薦
網(wǎng)頁(yè)制作實(shí)習心得小結
導語(yǔ)：制作網(wǎng)頁(yè),首先是確定主題,經(jīng)過(guò)再三考慮,就做了個(gè)關(guān)于中國的網(wǎng)站,平時(shí)也總是瀏覽類(lèi)似的網(wǎng)站,對這些還有些了解!以下是PINCAI小編為各位收集整理提供的網(wǎng)頁(yè)制作實(shí)習心得范文，希望對你有所幫助。歡迎大家閱讀參考學(xué)習!
網(wǎng)頁(yè)制作實(shí)習心得小結
在炎熱的夏季，又在悶熱的機房中，我們又一次的完成了網(wǎng)站建設的實(shí)習。在這實(shí)習期間，有太多的話(huà)想說(shuō)，都是苦不堪言。但事后又想想，苦過(guò)了，才知道有甜。
在這實(shí)習當中，我知道了div是html(超文本語(yǔ)言)中的一個(gè)元素,div+cs是一種網(wǎng)頁(yè)的布局方法,div+css包括 行內樣式、內嵌式、鏈接式、導入式、css選擇器、標記選擇器、類(lèi)別選擇器、id選擇器、選擇器聲明、css繼承。還有id與class區別：id不允許重復使用，只能用一次，css規范和其他規范javascript控制方法一樣。
說(shuō)實(shí)話(huà)，我對div+css一點(diǎn)兒都不懂，但起碼我知道了這是一種網(wǎng)頁(yè)的布局格式，總比不知道強。有句話(huà)說(shuō)，不懂就要學(xué)。是的，既然學(xué)了了這個(gè)專(zhuān)業(yè)，就不能對這個(gè)專(zhuān)業(yè)模糊。所以，就要學(xué)習學(xué)習再學(xué)習。征服畏懼、建立自信的最快最確實(shí)的方法，就是去做你害怕的事，直到你獲得成功的經(jīng)驗。
我們經(jīng)過(guò)兩周的實(shí)訓，通過(guò)前期的合同洽談、簽訂，到后期的網(wǎng)站制作、網(wǎng)站發(fā)布，讓我受益匪淺。不僅讓我了解通過(guò)網(wǎng)絡(luò )洽談商務(wù)的禮儀和細節，也讓我的網(wǎng)站制作知識及技能有了很大提高。
前期我們通過(guò)發(fā)送電子郵件，進(jìn)行網(wǎng)上商務(wù)的接洽。由于沒(méi)有做好工作了解商務(wù)郵件的格式，導致郵件發(fā)了很長(cháng)一段時(shí)間，雙方還僅僅停留在認識階段，確實(shí)說(shuō)來(lái)很失敗。
在擬定合同時(shí)，由于不能真正滿(mǎn)足客戶(hù)的需求，一些條款及報價(jià)不合理，因此要一次又一次反復的修改合同。這主要是因為我們不能正確解讀客戶(hù)的要求，并且我們不能拿出我們公司為大洋禮品公司網(wǎng)站建設的特色。
在網(wǎng)站制作的起初階段，由于不曾制作過(guò)網(wǎng)頁(yè)，雖然團隊確立了分工，但還是有些迷茫。公司沒(méi)有確立風(fēng)格和大體的布局，并且搜集資料是一個(gè)漫長(cháng)而又復雜的過(guò)程。通過(guò)瀏覽各類(lèi)禮品網(wǎng)站，心里大概有了一定的想法和設計。
我的主要任務(wù)有“誠聘英才” 、“產(chǎn)品導航” 、“展會(huì )禮品” 、“廣告促銷(xiāo)禮品” 。我最先做的是“誠聘英才” ，我是參照中國電信誠聘英才首頁(yè)做的，它看似制作簡(jiǎn)單，其實(shí)布局十分復雜、精致。在處理圖片是我遇到了不少困難，最典型的就是有一次我想在圖片中插入文字，但始終插入不了，后來(lái)通過(guò)請教老師，總算知道了其中的奧妙。原來(lái)是圖層被鎖定了，要重新拷貝圖層，再考貝的圖層上就可以插入文字了，并且文字其實(shí)也是一個(gè)圖層，它是可以移動(dòng)的。盡管我為誠聘英才網(wǎng)頁(yè)付出了很多，但并沒(méi)有被采納，并且此時(shí)我也設計了logo，也沒(méi)有被采納。
“產(chǎn)品導航”是一個(gè)困擾我一上午的問(wèn)題(此刻公司首頁(yè)已經(jīng)制作完畢，而它與合同上的“產(chǎn)品導航”頁(yè)面布局類(lèi)似，于是這讓我一時(shí)間很難抉擇。我就一邊設計一邊思考，此時(shí)我為公司定的色彩風(fēng)格是紅色，我為導航欄設計的是交互式按鈕，并且設計了初始字體、懸停、按下時(shí)字體顏色�？墒沁@一切都是白費，由于后來(lái)我們將風(fēng)格確定為藍色，并且導航欄確定都采用首頁(yè)中插入的圖片，但我覺(jué)得這樣有些不好：例如它不可以設置超鏈接的字體顏色，這是很不專(zhuān)業(yè)的體現。團隊由于缺乏及時(shí)的溝通，導致其他組員一些好的想法得不到實(shí)施，確實(shí)是我們團隊合作的一個(gè)問(wèn)題所在。
展會(huì )禮品、廣告促銷(xiāo)禮品由于套用相同的布局，設計上沒(méi)有什么難點(diǎn)，只是在這基礎上進(jìn)行產(chǎn)品的進(jìn)一步分類(lèi)和圖片的搜集有些費神和花時(shí)間。我在制作這一系列網(wǎng)頁(yè)時(shí)，都特別注意修改網(wǎng)頁(yè)標題。網(wǎng)頁(yè)標題是十分重要的，它是每打開(kāi)一張網(wǎng)頁(yè)的頭標。
前面這一階段的工作我還有一個(gè)小收獲，這就是圖片位置，其實(shí)在圖片屬性中圖片定位選擇絕對定位，再在下面輸入距左距上的距離即可，這是一個(gè)很不錯的'方法。
后期我們進(jìn)行每個(gè)人作的網(wǎng)頁(yè)整合時(shí)遇到了不少問(wèn)題 ，原先我們認為超鏈接是可以整合的，其實(shí)不然，只能在一個(gè)文件內作。當時(shí)已經(jīng)花了一天的工時(shí)，可后來(lái)在晚上才發(fā)現，不只這個(gè)問(wèn)題，還有每個(gè)人做的網(wǎng)頁(yè)都是保存在網(wǎng)站文件夾下，而最后上傳到服務(wù)器上只能有一個(gè)網(wǎng)站文件夾。所以后來(lái)我們組有三個(gè)人加班熬夜的。原本以為這樣已經(jīng)差不多了，可是當我們把網(wǎng)站通過(guò) windowsxxiis默認web站點(diǎn)上傳進(jìn)行本地調試時(shí)發(fā)現所有網(wǎng)頁(yè)導航欄的圖片都顯示不出來(lái)，一些超鏈接也無(wú)法連接，這下讓我們有些驚慌失措。通過(guò)向老師了解，知道可能是圖片命名的問(wèn)題，web服務(wù)器無(wú)法識別中文命名的圖片，此外網(wǎng)頁(yè)也需命名為英文。于是我們又忙于修改圖片和網(wǎng)頁(yè)的名稱(chēng)。我的所制作的展會(huì )禮品將網(wǎng)頁(yè)都放在private文件夾下，導致所有需要連接到展會(huì )禮品首頁(yè)的都不能進(jìn)行。我首先需要把private文件夾下的網(wǎng)頁(yè)全部剪切出來(lái)，并且檢查超鏈接，而這些只能在frontpage文件夾試圖下進(jìn)行。同時(shí)還要在http上檢測，進(jìn)行及時(shí)的修改。超鏈接檢測是我展會(huì )禮品網(wǎng)頁(yè)的一個(gè)主要問(wèn)題。公司主頁(yè)上的“展會(huì )禮品”始終連接不到“展會(huì )禮品首頁(yè)” ，反復的進(jìn)行超鏈接都無(wú)法成功，其實(shí)是因為我所連接的超鏈接路徑不對，其實(shí)我應該根據瀏覽器上不能連接到的網(wǎng)頁(yè)路徑進(jìn)行修改超鏈接。
經(jīng)過(guò)這翻調試、測試，網(wǎng)站不存在圖片顯示不出來(lái)的問(wèn)題，以及超鏈接無(wú)法連接的問(wèn)題。
在互聯(lián)網(wǎng)越來(lái)越深入到生活中每一個(gè)角落的年代，網(wǎng)頁(yè)的表現形式就如同以前書(shū)本上的文字，傳達著(zhù)的是網(wǎng)絡(luò )語(yǔ)言，每一條線(xiàn)、每一個(gè)色塊、每一種版式、每一種組合都傳遞給閱讀者一種感覺(jué)。實(shí)際上網(wǎng)頁(yè)的表現形式已是互聯(lián)網(wǎng)至關(guān)重要的元素。它是一種創(chuàng )造性、有成就感的工作。
網(wǎng)頁(yè)制作實(shí)習心得小結
一連上了兩個(gè)星期的網(wǎng)頁(yè)實(shí)訓課，可以說(shuō)學(xué)到很多以前沒(méi)有學(xué)到的東西。雖然在大一的時(shí)候我們的專(zhuān)業(yè)出開(kāi)設了網(wǎng)頁(yè)設計課，但感覺(jué)這兩個(gè)星期學(xué)到的遠遠比以前學(xué)一個(gè)學(xué)期的要多，要豐富。
每一天都有新的內容要學(xué)，讓人感覺(jué)很興奮，很高興，恨不得馬上就把它給學(xué)會(huì )。通過(guò)這次實(shí)訓使我更熟練掌握 dreamweaver、 flash 、fireworks 、photoshop等軟件的功能和應用。不但如此，更增加了同學(xué)間的友誼，陪養了彼此間的團結。
在這期間，每一天老師都會(huì )發(fā)一些素材和實(shí)訓給我們，首先是網(wǎng)頁(yè)素材的準備，在網(wǎng)上查看一些網(wǎng)頁(yè)背景和背景顏色搭配，讓我了解到網(wǎng)頁(yè)的顏色不能多過(guò)3種色彩。接下來(lái)的幾天再結合自己的網(wǎng)頁(yè)來(lái)進(jìn)行策劃，在做首頁(yè)之前，先用圖紙把網(wǎng)頁(yè)的結構畫(huà)出來(lái)，內容和結構都想清楚用fireworks把網(wǎng)頁(yè)設計出來(lái)，再切割圖片，把它們導成html格式在dreamweaver中進(jìn)行進(jìn)一步的編輯。
我們的網(wǎng)站主要是圍繞宿舍而展開(kāi)的一串活動(dòng)、人物等，宿舍給我們一種很溫馨、很快樂(lè )的感覺(jué)，所以我們決定將這次的網(wǎng)頁(yè)名叫funny room。主題確定好了，那么分工出就明確了，我們組有三個(gè)人，兩個(gè)人負責找素材，另一個(gè)美術(shù)好的就負責網(wǎng)頁(yè)的頁(yè)面設計，但是我們始終不是學(xué)美術(shù)方面的，所以色彩方面搭配的不是很好，后來(lái)采用了色彩比較清新自然的綠色來(lái)作為首頁(yè)的主色調，讓人第一眼看上去就有難忘的感覺(jué)。而從第二頁(yè)開(kāi)始就采用粉色為主色調，讓人可以感受到我們的主題，因為首頁(yè)和其它的顏色不一樣，所以我們就把首頁(yè)當作是過(guò)渡頁(yè)，第二頁(yè)開(kāi)始才是網(wǎng)頁(yè)的內容。為了增加網(wǎng)頁(yè)的'新鮮感和活潑感，還適當在添加一些透明flash和一些網(wǎng)頁(yè)特效。在這實(shí)訓的時(shí)間里面，我們分工合作，共同努力，對網(wǎng)頁(yè)反復調試和修改，特別是對于fireworks軟件不那么熟悉，有很多的實(shí)例都要看過(guò)老師的演示才會(huì )明白，不過(guò)這也恰恰讓我學(xué)到更多。雖然中途難不免會(huì )有因為意見(jiàn)的不合而發(fā)生一些小小的爭吵，但我覺(jué)得不影響我們的網(wǎng)頁(yè)設計，反而會(huì )因為這些不同的意見(jiàn)而重新學(xué)到更多的知識。
網(wǎng)頁(yè)制作實(shí)習心得小結
本學(xué)期的網(wǎng)業(yè)設計課程，開(kāi)展了動(dòng)態(tài)思維訓練教學(xué)活動(dòng)，對于我們學(xué)生來(lái)說(shuō)，可以激發(fā)學(xué)習興趣，調動(dòng)學(xué)習的自覺(jué)性，自己動(dòng)腦、動(dòng)手，動(dòng)口，運用網(wǎng)絡(luò )資源，結合教材及老師的指導，通過(guò)自身的實(shí)踐，創(chuàng )作出積聚個(gè)人風(fēng)格、個(gè)性的個(gè)人網(wǎng)頁(yè)�？傮w來(lái)說(shuō)，整個(gè)學(xué)期的學(xué)習過(guò)程，我學(xué)會(huì )了很多知識，雖然過(guò)程比較艱辛，但在INTENET領(lǐng)域中，有了一個(gè)展示自我的空間，我覺(jué)得很開(kāi)心、很有成就感。
一.充分發(fā)揮動(dòng)手能力
作為網(wǎng)頁(yè)設計的初學(xué)者，我對網(wǎng)頁(yè)設計非常感興趣，一心想設計出一個(gè)美觀(guān)、實(shí)用、內容豐富的個(gè)人網(wǎng)頁(yè)。本學(xué)期的教改方案由以前學(xué)生單純接受知識變?yōu)橹鲃?dòng)參與教學(xué)活動(dòng)。在這樣的壓力和動(dòng)力下，通過(guò)自己動(dòng)手、動(dòng)腦，通過(guò)網(wǎng)絡(luò )資源，老師的指導，在不斷發(fā)現問(wèn)題和解決問(wèn)題的過(guò)程中學(xué)到了很多知識，也增強了我的創(chuàng )作能力和動(dòng)手能力，在網(wǎng)頁(yè)設計過(guò)程中，從構思到設計、完善、維護，整個(gè)過(guò)程我都全身心投入，使我真正學(xué)到了網(wǎng)頁(yè)設計的知識。
二.在設計過(guò)程中不斷提高網(wǎng)頁(yè)設計水平
在本次網(wǎng)頁(yè)設計中，我不僅學(xué)到了很多關(guān)于網(wǎng)頁(yè)設計方面的知識，也從中學(xué)會(huì )了關(guān)于網(wǎng)絡(luò )、編程等方面的知識。我從最初開(kāi)始運用FrontPage設計網(wǎng)頁(yè)，到后來(lái)運用Dreamweaver、Flash、Fireworks等網(wǎng)軟件設計網(wǎng)頁(yè)，完善網(wǎng)頁(yè)。在這個(gè)過(guò)程中，我通過(guò)自學(xué)教材、上網(wǎng)查詢(xún)，學(xué)習了Dreamweaver、Flash、Fireworks等網(wǎng)頁(yè)軟件的應用，學(xué)會(huì )了管理、維護自己的站點(diǎn)，以及一些簡(jiǎn)單動(dòng)畫(huà)、控件的制作等等。在設計過(guò)程中也出現了很多的問(wèn)題，但通過(guò)看書(shū)，上網(wǎng)查詢(xún)，請教老師等方式，不斷的學(xué)習、解決、提高，設計出的網(wǎng)頁(yè)不論是外觀(guān)還是內容，都在不斷的進(jìn)步、改善�？梢哉f(shuō)在自己動(dòng)手，不斷實(shí)踐的過(guò)程中，網(wǎng)頁(yè)設計水平得到了很大的`提高。
三.不足之處
由于平時(shí)工作比較繁忙，學(xué)習時(shí)間比較少，對于網(wǎng)頁(yè)設計軟件的強大功能運用得還不夠。在網(wǎng)頁(yè)設計過(guò)程中，由于沒(méi)有網(wǎng)頁(yè)制作代碼的知識，所以在設計時(shí)也遇到了很多麻煩，有時(shí)插入一個(gè)特效腳本也是很麻煩。在網(wǎng)頁(yè)制作過(guò)程中，想提高設計水平，想有個(gè)理想的網(wǎng)頁(yè)，必須學(xué)會(huì )代碼的運用，我將在以后的學(xué)習過(guò)程中不斷加強這方面的學(xué)習，希望老師能簡(jiǎn)單介紹一下代碼，讓我也對它有個(gè)初步的認識，以后再加強學(xué)習也才會(huì )有所提高。
總體來(lái)說(shuō)，通過(guò)今次的對網(wǎng)頁(yè)設計的學(xué)習，有收獲也有遺憾、不足的地方，但我想，我已經(jīng)邁入了網(wǎng)頁(yè)設計的大門(mén)，只要我再認真努力的去學(xué)習，去提高，憑借我對網(wǎng)頁(yè)設計的熱情和執著(zhù)，我將來(lái)設計出的網(wǎng)頁(yè)會(huì )更加專(zhuān)業(yè)，更完善。也希望老師在今后的日子里多指導。
【網(wǎng)頁(yè)制作實(shí)習心得小結】相關(guān)文章：
網(wǎng)頁(yè)制作的心得12-08
網(wǎng)頁(yè)制作實(shí)習心得4篇01-10
網(wǎng)頁(yè)制作實(shí)習總結精選06-30
網(wǎng)頁(yè)設計與制作心得12-12