網頁設計實訓心得體會范文通用。

相信你應該喜歡實習報告網小編整理的網頁設計實訓心得體會范文，本網頁內容僅為您提供參考。感言是大家在平時生活中經常會使用到的文體，當我們因為某些事情而心靈受到震撼時。都會產生一些感悟心得，將這種表達出來的就是感言，感言是我們平時生活中不能忽視的存在。

網頁設計實訓心得體會范文【篇1】

做出一個好的網頁一般都離不開dreamweaver，flash，photoshop這三個軟件，當然，還可以用到其他一些輔助軟件就會加快網頁的設計了，比如：

sothinkdhtmlmenu，sothink-logo-maker等軟件，這些軟件不僅可以快速開發出導航，logo等，而且很漂亮，美觀。

制作網頁，首先是確定主題，每一版塊都有其個性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，每一部分又分幾小部分，內容比較充分，多樣。內容精彩豐富，簡潔明快，語言風趣，通俗易懂。頁面可愛清爽。

而我們這次的實習就是用這幾款軟件來設計，主要使用div+css來布局，避開傳統的table（表格）布局div+css的網頁布局對seo的好處一、不存在表格的嵌套問題：很多“網站如何推廣”的文章中稱，搜索引擎一般不抓取三層以上的表格嵌套，這一點一直沒有得到搜索引擎相關的官方證實。我的幾項實驗結果沒有完全出來，但根據目前掌握的情況來看，spider爬行table布局的頁面，遇到多層表格嵌套時，會跳過嵌套的內容或直接放棄整個頁面。

使用table布局，為了達到一定的視覺效果，不得不套用多個表格。如果嵌套的表格中是核心內容，蜘蛛（spider）爬行時跳過了這一段沒有抓取到頁面的核心，這個頁面就成了相似頁面。網站中過多的相似頁面會影響排名及域名信任度。

div+css的網頁布局對seo的好處二、精簡的代碼使用divcss布局，頁面代碼精簡，這一點相信對xhtml有所了解的都知道。觀看更多的html教程內容。

代碼精簡所帶來的直接好處有兩點：一是提高蜘蛛（spider）爬行效率，能在最短的時間內爬完整個頁面，這樣對收錄質量有一定好處；二是由于能高效的爬行，就會受到蜘蛛（spider）歡迎，這樣對收錄數量有很大好處。

而div+css布局基本上不會存在這樣的問題，從技術角度來說，xhtml在控制樣式時也不需要過多的嵌套。這雖然沒有得到確認，但還是建議使用table布局的朋友們，在設計時盡可能的不要使用多層表格嵌套，seoer（seo工作者們）們在文章中說明了這一點，相信他們也不是沒有依據。

div+css的網頁布局對seo的好處三、對搜索引擎的排名基于xthml標準的div+css布局，一般在設計完成后會盡可能的完善到能通過w3c驗證。截止目前沒有搜索引擎表示排名規則會傾向于符合w3c標準的網站或頁面，但事實證明使用xthml架構的網站排名狀況一般都不錯。

div+css的網頁布局對seo的好處四、提高網頁的訪問速度：div+css布局較table布局減少了頁面代碼，加載速度得到很大的提高，這在蜘蛛（spider）爬行時是非常有利的。過多的頁面代碼可能造成爬行超時，蜘蛛（spider）就會認為這個頁面無法訪問，影響收錄及權重。

真正的seoer（seo工作者們）不只是為了追求收錄、排名，快速的響應速度是提高用戶體驗度的基礎，這對整個搜索引擎優化及營銷都是非常有利的。換一個角度拋開div+css對seo的有利影響。單獨來講這種div+css布局也是很有益的，可以說是實下是最流行的網頁布局方式。當然div+css布局也有不完善的方面。

總之div+css布局的優勢如下：

由于將大部分頁面代碼寫在了css當中，使得頁面體積容量變得更小。相對于表格嵌套的方式，div+css將頁面獨立成更多的區域，在打開頁面的時候，逐層加載。而不像表格嵌套那樣將整個頁面圈在一個大表格里，使得加載速度很慢。

頁面體積變小，瀏覽速度變快，這就使得對于某些控制主機流量的網站來說是最大的優勢了。由于使用了div+css制作方法，在修改頁面的時候更加容易省時。根據區域內容標記，到css里找到相應的id，使得修改頁面的時候更加方便，也不會破壞頁面其他部分的布局樣式。

div+css最重要的優勢之一：保持視覺的一致性；以往表格嵌套的制作方法，會使得頁面與頁面，或者區域與區域之間的顯示效果會有偏差。而使用div+css的制作方法，將所有頁面，或所有區域統一用css文件控制，就避免了不同區域或不同頁面體現出的效果偏差。

我們都知道網站做出來是給瀏覽者使用的，對瀏覽者和瀏覽器更具親和力，div+css在這方面更具優勢。由于css富含豐富的樣式，使頁面更加靈活性，它可以根據不同的瀏覽器，而達到顯示效果的統一和不變形。

好的網頁，也離不開photoshop，前面我也說了，flash的制作所需要的圖片都要在photoshop中事先ps好的。那么photoshop的作用就顯得很重要了，網頁中的flash都僅僅是一小部分，圖片占的分量還是比flash要大的，故好的photoshop技術，那么ps出來的圖片就會顯得更好，這樣網頁的檔次也會隨著上升。這次的網頁設計，因為是仿照一張圖片，那么就要求我們要懂得photoshop中的切片工具的使用。切好片后，還要獲取圖片的背景色。這樣我們又得掌握吸管工具的使用了。切片過程中要注意的就是圖片的大小要控制在一個像素以內。所以我們需要先放大，然后才來控制切片線的位置。

從制作網頁過程中，我學到了新的美化網頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，并且為我自己在制作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷，將是我今后走上社會后的一筆巨大的財富。這次實習的收獲對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收獲?？傮w來說這次是對我的綜合素質的培養，鍛煉和提高。這兩周的學習實習中我在老師的指導下以大量明晰的操作步驟和典型的應用實例，教會我們。使更豐富全面的軟件技術和應用技巧，使我們真正對所學的軟件融會貫通。當前的軟件的功能日趨復雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。需在加以刻苦鉆研及學習，不斷開拓視野，增強自己的實踐操作技能，為以后能做出出色的網頁。

網頁設計實訓心得體會范文【篇2】

一、實習工作介紹

我所在的這家公司，是一家做網上招商的商業網站，公司接收各種廠家提供的信息，然后由網絡的技術人員，將商家的信息做成網頁廣告，然后掛在我們的網站上，以此達到商業推廣的目的，類似我們公司的網站在同行業還有U88、28招商網等。

我和其它幾位同事做為網絡部的技術人員，主要的工作就是接收美工人員的網站模板，將其通過Photoshop切片，然后導入Dreamweaver進行排版，（排版主要使用CSS+DIV），并進一步的加以制作，完善美化，如加入Js代碼，或透明Flash，因為網頁是用CSS+DIV進行排版的，所以在最后一步的時候，我們還需要進行瀏覽器測試，因為CSS+DIV排版方式有一個最大的缺點就是：瀏覽器不兼容的問題，典型的如：IE與Fireworks，因為各種瀏覽器使用的協議不同，所以會導致頁面在最終瀏覽的時候有一些小問題，如：頁面混亂，圖片、文字之間的距離過大或過小，頁面不美觀等等，做為一個新人，我在有些方面的技術還很不成熟，所以在技術總監張偉的幫助下，解決了很多問題，所在我很感謝他，當每天我們做完網頁后，都會在代碼頁面加入注釋代碼，在里面寫上每個人姓名的漢語拼間和工作日期，這樣方便月底做統計工作，公司領導會根據每個人的工作數量進行獎勵，每做一個頁面會有2塊的提成，雖然少點，但是積少成多，也是很可觀的。

二、初來公司的時候

（一）初級考試

初來公司的時候，我們經過了初期考試，培訓，與最終考試三個階段，在接到公司讓我面試的電話后，我來到了**公司，因為要干的是網頁設計，所以要有一個小測驗，技術總監要求我們在網上自找圖片和文字，做一個簡單的頁面，要求是：什么樣的頁面都可以，考查的主要是面試者相關軟件的操作能力與代碼掌握的熟練成度，說實話，從畢業后，有一段時間沒有寫代碼了，剛一上機，還有點生疏，但是憑借在學樣扎實的.學習功底，我很快就恢復了自己的英雄本色，將HTML代碼寫的很熟練，做了一個左右分欄的頁面，沒什么太大難度，技術總監看了以后，說不錯，讓我三天后參加培訓，合格扣就可以正式上班了。

（二）三天的培訓工作

三天后，我來到了公司，一看，來參加培訓的人有很多，大概在十多個人左右，其實所謂的培訓，就是讓大家先熟悉這家網站的工作，先做一些他們平時干的活，做一些廣告網頁，這些網頁都是靜態的，沒什么難度。我后來發現，自己在這些人當中，還是較較者，心里優勢還挺好的。

（三）最后的考核

三天的培訓后，我們迎來了最后的考核，合格的人會被留下，并得到一份為期一個月的實習合同，然后會在根據你在實習期的表現決定你的去留問題，最優秀的人會轉正，得到很優厚的待遇。

考核的內容，就是在公司的商務網站上任選一個頁面，然后在規定的時間內做完，我還不錯，技術比較熟練，是第四個做完的。當我們把網頁做完后由這家公司的經理進行審核，最后的結果是，最先做完的前8個人可以有底薪加提成，每人頁面的提成是2元錢，而后面做完的，只有提成，沒有底薪，他們的提成是每個頁面5元錢，最后的幾個人就被淘汰了，制度雖有點不近人情，但是剛畢業的學生能忍也就忍了，就這樣，我們每個人得到了一份一個月的臨時合同，正式開始了實習工作。

三、正式工作

我們每天的上班時間是從早上8：30分到下午的17：00，這是我見過最有激情的一些人了，年紀輕輕，干勁十足，來了以后就工作，連平時聊天的內容也和本行業分不開，我喜歡他（她）們，回為是實習期，所以每天做的數量沒有太大要求，但是每個人都玩命似的干活，抓緊時間做網頁，我們做的網頁是比較簡單的從上到下式的網頁，通過CSS+DIV排版，這樣在后期瀏覽器兼容測試中，就好做的很多了，文字與圖片之間就不會有太多的麻煩，我干的很不錯，不過有些追求精致，我做網頁的速度慢了很多，最初每天只能做3——4個網頁，這對于我來說是不能接受的，后來我改變了工作方法，我第次工作的時候，先訂下計劃，比如今天做多少網頁，然后我將要做的所有網頁，先做好排版，這時的網頁雖然排過版，但是不美觀，因為沒有進行美化工作，然后我會在下午的時間，集中全力做美化工作，就這樣我的速度提高了很多，快了將近一倍多。只要更加熟練速度不會更快，我相信自己。

網頁設計實訓心得體會范文【篇3】

科學是發展生產力的根本前提，當今的社會是互聯網蓬勃發展的世界，每當我們上網的時候，那一個個精美別致的網頁給人是多么流暢順利的感覺，無論是尋找資料還是網上商城購物，都給我們帶來了方便快捷的好處，我想，科學技術的發展，離不開互聯網的發展，而互聯網的發展也離不開網頁制作的發展，而只有把兩者結合起來才是正確的。

首先，了解網頁并不是單純的認為他僅僅只是為人們服務的，而它的存在也是給我們帶來了利益和好處。當然，了解網頁首先也從幾個軟件開始：

1. dreamweaver mx (或dreamweaver 8)。

2. flash mx (或flash 8)

3. fireworks 8

而網頁制作就是開始從這些軟件開始著手的，今天，我終于可以學習網頁制作了，我們在杜奕老師的教導下，各位同學們也都在聆聽老師的講解和指導我們運用以上這些軟件的功能和網頁的剖析。所謂網頁，就是指一個可以瀏覽內容并且可以使用ie瀏覽器打開的內容稱之為網頁。

在剛開始接觸網頁的第一堂課上，聽說網頁制作會是一門很無聊并且很難聽懂的過程，而事實卻印證了這樣一個事實，但是只要我們努力，無論是怎樣的艱難險阻，成功依然會迎面直擊。在剛開始時我覺得dreamweaver mx 很難理解，不管老師做怎樣的解釋，而我卻對它感到很是吃力，諸如里面有許多不知道的功能。如：布局表格、繪制層、制作css樣式表等，這些內容迷糊了我的視線，真是沒想到制作一個精巧別致的網頁是如此的困難，可是心有不甘，每天上網看著那樣多的網頁，于是我才下定決心選擇了網頁制作這一門課程，目的就是希望以后能夠做出一個完美的網頁來。

“路漫漫其修遠兮，吾將上下而求索”學習的道路是艱苦漫長的，更何況這是關于一個科學技術的一個代名詞，隨后，課堂的氣氛慢慢的好轉，耐心的老師和專心的學生在課堂上都盡情的發揮各自的才能，老師也為了能教好每一位學生，而學生也不辜負老師的使命，就這樣，網頁制作這一門課程進行的很順利，學習了dreamweaver mx 對它如何徹底的剖析和分解，我們終于認清了它的原理，摸清了應該怎樣去完全的使用它，而我們在老師的指導和訓練的結果下，終于開始做屬于自己的網頁了。

慢慢的快接近尾聲了，我們也快臨近期末了，老師給我們的任務卻是需要我們每人至少做出三個網頁來，且內存不能超過3m，剛開始我以為我會對著感到很是吃力，不知道該如何是好，畢竟網頁才是剛剛起步，根基不穩，怎么能夠做出這樣的網頁呢?而我對dreamweaver mx 它也不是很熟悉，心里真是很擔憂。

在這最后的時間里，我仔細掂量了一番，網頁制作給我的結論是：要想制作一個能夠像網上的那樣，還得需要經過長時間的刻苦努力和不斷地檢驗及實踐，否則，如果只靠老師在課堂上講的那些知識是遠遠不夠的。畢竟網頁是一個技術性的知識，不像文學那樣的純理論知識。通過這個課程的學習，我從中得到了一些對網頁知識如功能、概念的理解，原來要做出一個簡單可行的網頁并不是一件害怕的事情，而是一件努力和嘗試的事情。

網頁設計實訓心得體會范文【篇4】

本學期的網業設計課程，開展了動態思維訓練教學活動，對于我們學生來說，可以激發學習興趣，調動學習的自覺性，自己動腦、動手，動口，運用網絡資源，結合教材及老師的指導，通過自身的實踐，創作出積聚個人風格、個性的個人網頁?？傮w來說，整個學期的學習過程，我學會了很多知識，雖然過程比較艱辛，但在INTENET領域中，有了一個展示自我的空間，我覺得很開心、很有成就感。

一、充分發揮動手能力

作為網頁設計的初學者，我對網頁設計非常感興趣，一心想設計出一個美觀、實用、內容豐富的個人網頁。本學期的教改方案由以前學生單純接受知識變為主動參與教學活動。在這樣的壓力和動力下，通過自己動手、動腦，通過網絡資源，老師的指導，在不斷發現問題和解決問題的過程中學到了很多知識，也增強了我的創作能力和動手能力，在網頁設計過程中，從構思到設計、完善、維護，整個過程我都全身心投入，使我真正學到了網頁設計的知識。

二、在設計過程中不斷提高網頁設計水平

在本次網頁設計中，我不僅學到了很多關于網頁設計方面的知識，也從中學會了關于網絡、編程等方面的知識。我從最初開始運用Front Page設計網頁，到后來運用Dreamweaver、Flash、Fireworks等網軟件設計網頁，完善網頁。在這個過程中，我通過自學教材、上網查詢，學習了Dreamweaver、Flash、Fireworks等網頁軟件的應用，學會了管理、維護自己的站點，以及一些簡單動畫、控件的制作等等。在設計過程中也出現了很多的問題，但通過看書，上網查詢，請教老師等方式，不斷的學習、解決、提高，設計出的網頁不論是外觀還是內容，都在不斷的進步、改善?？梢哉f在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。

三、不足之處

由于平時工作比較繁忙，學習時間比較少，對于網頁設計軟件的強大功能運用得還不夠。在網頁設計過程中，由于沒有網頁制作代碼的知識，所以在設計時也遇到了很多麻煩，有時插入一個特效腳本也是很麻煩。在網頁制作過程中，想提高設計水平，想有個理想的網頁，必須學會代碼的運用，我將在以后的學習過程中不斷加強這方面的學習，希望老師能簡單介紹一下代碼，讓我也對它有個初步的認識，以后再加強學習也才會有所提高。

總體來說，通過今次的對網頁設計的學習，有收獲也有遺憾、不足的地方，但我想，我已經邁入了網頁設計的大門，只要我再認真努力的去學習，去提高，憑借我對網頁設計的熱情和執著，我將來設計出的網頁會更加專業，更完善。也希望老師在今后的日子里多指導。

網頁設計實訓心得體會范文【篇5】

一連上了兩個星期的頁實訓課，可以說學到很多以前沒有學到的東西。雖然在大一的時候我們的專業出開設了頁設計課，但感覺這兩個星期學到的遠遠比以前學一個學期的要多，要豐富。

每一天都有新的內容要學，讓人感覺很興奮，很高興，恨不得馬上就把它給學會。通過這次實訓使我更熟練掌握dreamweaver、 flash 、fireworks 、photoshop等軟件的功能和應用。不但如此，更增加了同學間的友誼，陪養了彼此間的團結。

在這期間，每一天老師都會發一些素材和實訓給我們，首先是頁素材的準備，在上查看一些頁背景和背景顏色搭配，讓我了解到頁的顏色不能多過3種色彩。接下來的幾天再結合自己的頁來進行策劃，在做首頁之前，先用圖紙把頁的結構畫出來，內容和結構都想清楚用fireworks把頁設計出來，再切割圖片，把它們導成html格式在dreamweaver中進行進一步的編輯。

我們的站主要是圍繞宿舍而展開的一串活動、人物等，宿舍給我們一種很溫馨、很快樂的感覺，所以我們決定將這次的頁名叫funny room。主題確定了，那么分工出就明確了，我們組有三個人，兩個人負責找素材，另一個美術的就負責頁的頁面設計，但是我們始終不是學美術方面的，所以色彩方面搭配的不是很，后來采用了色彩比較清新自然的綠色來作為首頁的主色調，讓人第一眼看上去就有難忘的感覺。而從第二頁開始就采用粉色為主色調，讓人可以感受到我們的主題，因為首頁和其它的顏色不一樣，所以我們就把首頁當作是過渡頁，第二頁開始才是頁的內容。為了增加頁的新鮮感和活潑感，還適當在添加一些透明flash和一些頁特效。在這實訓的時間里面，我們分工合作，共同努力，對頁反復調試和修改，特別是對于fireworks軟件不那么熟悉，有很多的實例都要看過老師的演示才會明白，不過這也恰恰讓我學到更多。雖然中途難不免會有因為意見的不合而發生一些小小的爭吵，但我覺得不影響我們的頁設計，反而會因為這些不同的意見而重新學到更多的知識。

網頁設計實訓心得體會范文【篇6】

時間過得很快，我即將畢業來到了社會這個匯集眾多江河湖水的大海，感受到了獨立生活的好處與艱辛，同時我自己也更深的理解了，家長和學校老師對我們的殷切希望，在社會實習的這段日子，我吃了些苦，受了些罪，可是整個人在肉體上和精神上卻升華了很多，也比以前的變得更有自信了。

一、實習時間

二、實習介紹

我所在的這家公司，是一家做網上招商的商業網站，公司接收各種廠家提供的信息，然后由網絡的技術人員，將商家的信息做成網頁廣告，然后掛在我們的網站上，以此達到商業推廣的目的，類似我們公司的網站在同行業還有、招商網等。

我和其它幾位同事做為網絡部的技術人員，主要的工作就是接收美工人員的網站模板，將其通過photoshop切片，然后導入dreamweaver進行排版，(排版主要使用css+div)，并進一步的加以制作，完善美化，如加入js代碼，或透明flash，因為網頁是用css+div進行排版的，所以在最后一步的時候，我們還需要進行瀏覽器測試，因為css+div排版方式有一個的缺點就是：瀏覽器不兼容的問題，典型的如：ie與fireworks，因為各種瀏覽器使用的協議不同，所以會導致頁面在最終瀏覽的時候有一些小問題，如：頁面混亂，圖片、文字之間的距離過大或過小，頁面不美觀等等，做為一個新人，我在有些方面的技術還很不成熟，所以在技術總監張偉的幫助下，解決了很多問題，所在我很感謝他，當每天我們做完網頁后，都會在代碼頁面加入注釋代碼，在里面寫上每個人姓名的漢語拼間和工作日期，這樣方便月底做統計工作，公司領導會根據每個人的工作數量進行獎勵，每做一個頁面會有2塊的提成，雖然少點，但是積少成多，也是很可觀的。

三、實習內容

(一)初級考試

初來公司的時候，我們經過了初期考試，培訓，與最終考試三個階段，在接到公司讓我面試的電話后，我來到了公司，因為要干的是網頁設計，所以要有一個小測驗，技術總監要求我們在網上自找圖片和文字，做一個簡單的頁面，要求是：什么樣的頁面都可以，考查的主要是面試者相關軟件的操作能力與代碼掌握的熟練成度，說實話，從畢業后，有一段時間沒有寫代碼了，剛一上機，還有點生疏，但是憑借在學樣扎實的學習功底，我很快就恢復了自己的英雄本色，將html代碼寫的很熟練，做了一個左右分欄的頁面，沒什么太大難度，技術總監看了以后，說不錯，讓我三天后參加培訓，合格扣就可以正式上班了。

(二)三天的培訓工作

三天后，我來到了公司，一看，來參加培訓的人有很多，大概在十多個人左右，其實所謂的培訓，就是讓大家先熟悉這家網站的工作，先做一些他們平時干的活，做一些廣告網頁，這些網頁都是靜態的，沒什么難度。我后來發現，自己在這些人當中，還是較較者，心里優勢還挺好的。

(三)最后的考核

三天的培訓后，我們迎來了最后的考核，合格的人會被留下，并得到一份為期一個月的實習合同，然后會在根據你在實習期的表現決定你的去留問題，秀的人會轉正，得到很優厚的待遇。

考核的內容，就是在公司的商務網站上任選一個頁面，然后在規定的時間內做完，我還不錯，技術比較熟練，是第四個做完的。當我們把網頁做完后由這家公司的經理進行審核，最后的結果是，最先做完的前8個人可以有底薪加提成，每人頁面的提成是2元錢，而后面做完的，只有提成，沒有底薪，他們的提成是每個頁面5元錢，最后的幾個人就被淘汰了，制度雖有點不近人情，但是剛畢業的學生能忍也就忍了，就這樣，我們每個人得到了一份一個月的臨時合同，正式開始了實習工作。

(四)正式工作

我們每天的上班時間是從早上8：30分到下午的17：00，這是我見過最有激情的一些人了，年紀輕輕，干勁十足，來了以后就工作，連平時聊天的內容也和本行業分不開，我喜歡他(她)們，回為是實習期，所以每天做的數量沒有太大要求，但是每個人都玩命似的干活，抓緊時間做網頁，我們做的網頁是比較簡單的從上到下式的網頁，通過css+div排版，這樣在后期瀏覽器兼容測試中，就好做的很多了，文字與圖片之間就不會有太多的麻煩，我干的很不錯，不過有些追求精致，我做網頁的速度慢了很多，最初每天只能做3--4個網頁，這對于我來說是不能接受的，后來我改變了工作方法，我第次工作的時候，先訂下計劃，比如今天做多少網頁，然后我將要做的所有網頁，先做好排版，這時的網頁雖然排過版，但是不美觀，因為沒有進行美化工作，然后我會在下午的時間，集中全力做美化工作，就這樣我的速度提高了很多，快了將近一倍多。只要更加熟練速度不會更快，我相信自己。

四、實習體會

實習將要結束，其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網頁過程中，我學到了新的美化網頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，并且為我自己在制作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷，將是我今后走上社會后的一筆巨大的財富。這次實習的收獲對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收獲?？傮w來說這次是對我的綜合素質的培養，鍛煉和提高。