今天給各位分享網(wǎng)站建設(shè)實驗心得的知識，其中也會對網(wǎng)站建設(shè)實訓報告萬能模板進行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關(guān)注本站，現(xiàn)在開始吧！

本文目錄一覽：

• 1、網(wǎng)頁設(shè)計實訓心得三篇
• 2、網(wǎng)頁設(shè)計實訓心得
• 3、制作網(wǎng)頁的實習心得

網(wǎng)頁設(shè)計實訓心得三篇

網(wǎng)頁設(shè)計實訓心得一：

這兩個星期是我們的網(wǎng)頁設(shè)計實訓時間，這正是考驗我們實力的時候了。

經(jīng)過一個學期的網(wǎng)頁設(shè)計的學習，我們的專業(yè)基礎(chǔ)更加扎實了，我們對于自己的專業(yè)學習更加有信心了。一開始對于網(wǎng)站設(shè)計我是抱著好奇以及興趣認真地學習，剛開始接觸網(wǎng)頁設(shè)計會覺得很神奇，平時上網(wǎng)接觸到的網(wǎng)頁可以通過自己的努力來建成。一心想著設(shè)計一個美觀大氣的大網(wǎng)站，可以與其他網(wǎng)站媲美。對于我這種初學者，有這種天真的夢想促使我更努力的學習網(wǎng)頁設(shè)計。

平時老師授課，講解了有關(guān)網(wǎng)頁設(shè)計的理論知識以及實際操作的示范。網(wǎng)頁設(shè)計更著重于實際操作，我們在機房通過每次上課的學習運用，已經(jīng)有了一定的基礎(chǔ)。一開始我們都是看著別人的網(wǎng)站去模仿建設(shè)，到后來每個人在設(shè)計自己的網(wǎng)頁時都有自己的人個人風格，這就是網(wǎng)頁設(shè)計的樂趣。他不僅可以激發(fā)同學們的興趣，還可以把自己的風格更大膽地展示出來，是一個可以展示自我的空間，使我們更有成就感。

這兩個星期我們實訓課讓我們更清楚地認識到自己的建站水平。實訓任務(wù)是建立自己班級的網(wǎng)站，剛開始覺得兩個星期足夠我們?nèi)ソǔ梢粋€網(wǎng)站，但是我們都太高估我們自己了。一開始設(shè)計網(wǎng)站時不知道從何下手，之前老師上課講的知識一時不知道怎么靈活運用起來，我才發(fā)覺對我軟件功能的不太熟悉，除了基本的框架構(gòu)建，其他的設(shè)計都需要比較長的時間去思考以及翻查書本。但是同學們都很積極地向老師提問，把自己存在的問題一一的解決掉。雖然建立網(wǎng)站不是很順利，也只有這樣我們才可以正視自身，把平時半桶水的聽課方式給改掉。在這次的網(wǎng)站建設(shè)過程中，我發(fā)現(xiàn)自己對于知識不能靈活運用，不能巧妙地結(jié)合起來，對代碼的不熟悉，這更加是一個大問題。建站過程中會遇到代碼出錯，代碼位置寫錯之類的問題，當測試的時候出現(xiàn)了錯誤但是不能看懂出錯原因，只能靠網(wǎng)上搜索。因為對于這種程序的東西我會比較抗拒，從小就不喜歡思維性太強的學習，所以建站會遇到比較多這種問題，但是我只能積極去面對才能完成任務(wù)，畢竟這是我的專業(yè)，為了專業(yè)而專業(yè)，不能說不喜歡就不愿意去學，這次實訓我反省了自身的存在問題。我們建立網(wǎng)站的時候都發(fā)揮自己的創(chuàng)新力、 想象力 ，用心地完成這個大項目。會遇到很多的問題，經(jīng)常因為一個細小的步驟而出錯，做動態(tài)網(wǎng)頁的時候會遇到更多類似的問題，通常都會花費我很多時間來解決出錯原因。打個比方，我會一個上午都在弄留言板，因為不知道出錯原因，當請教老師或是同學的時候才恍然大悟，原來是這么簡單的。當然，最終可以解決困難我還是很欣慰的。

當我真正建立起自己的網(wǎng)站的時候，我看著自己的作品非常地興奮，這是我用心血完成的只屬于自己的網(wǎng)站，特別地欣慰。因為過程的困難，我更加珍惜自己第一次的作品，做每一步都會小心翼翼，就像母親生怕會失去自己的孩子一樣，我就是這樣的感受。

我可以說網(wǎng)頁設(shè)計給了我很大的收獲，我是用我的熱情去學習，也是用我的真心去設(shè)計，屬于自己的東西永遠是最美好的。網(wǎng)頁設(shè)計不是用嘴巴就可以設(shè)計的，更需要的我們的堅持、創(chuàng)新、用心，才能收獲更大的勝利。

網(wǎng)頁設(shè)計實訓心得二：

轉(zhuǎn)眼間，已到了期末，學習網(wǎng)頁設(shè)計這門課程也要結(jié)束了，雖然時間有點短，但是學過這個幾周以后我受益匪淺。

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

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

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

因為需要滾動的文字占的空間太大，把左邊的那部分表格全部占滿了，而在實際的網(wǎng)頁預覽中，這個有文字滾動的框只占了左邊Oeasy教你玩轉(zhuǎn)網(wǎng)頁設(shè)計瀏覽的工具建站程序三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了很多 方法 ，在網(wǎng)站查了很多資料，可能因為沒有專業(yè)術(shù)語作為搜索的關(guān)鍵詞，查不到任何相關(guān)的資料，試過div標簽，試過不停的拆分表格，最后還是沒有效果。就這樣試著試著，突然想到了層這個概念。于是在布局中點擊了繪制層，結(jié)果成功了，經(jīng)過一些加工，終于成功的完成左邊的布局。印象還比較深刻的是插入聲音，記得老師曾經(jīng)給我們講過很多次怎樣插入聲音，可是等到自己做網(wǎng)頁的時候卻忘記了，于是問其他人，結(jié)果居然都忘記了，于是自己在百度上收。最后終于找到了一個可以使用的代碼，但是在加入聲音路徑時出現(xiàn)了問題。在屬性內(nèi)加入源文件，結(jié)果就是加不進去MP3的音樂文件，然后自己就嘗試加入了一個視頻，記下了路徑格式，然后照著這種格式寫下了指向聲音源文件的路徑，最后成功了。在設(shè)計過程中還出現(xiàn)了很多的問題，但通過看書，上網(wǎng)查詢，請教同學等方式，不斷的學習、解決、提高，設(shè)計出的網(wǎng)頁不論是外觀還是內(nèi)容，都在不斷的進步、改善?？梢哉f在自己動手，不斷實踐的過程中，網(wǎng)頁設(shè)計水平得到了很大的提高。熱情和執(zhí)著，我將來設(shè)計出的網(wǎng)頁會更加專業(yè)，更完善。

網(wǎng)頁設(shè)計實訓心得三：

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

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

1. dreamweaver m_ __ (或dreamweaver 8)。

2. flash m_ __ (或flash 8)

3. fireworks 8

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

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

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

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

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

網(wǎng)頁設(shè)計實訓心得三篇相關(guān) 文章 ：

★ 網(wǎng)頁設(shè)計實習心得體會3篇

★ 網(wǎng)頁設(shè)計實訓心得

★ 網(wǎng)頁設(shè)計實訓報告心得

★ 網(wǎng)頁設(shè)計實習心得體會感想

★ 網(wǎng)頁設(shè)計實習心得體會

★ 設(shè)計實訓心得體會3篇

★ 設(shè)計實訓心得體會范文3篇

★ 網(wǎng)頁制作實習心得

★ 有關(guān)網(wǎng)頁制作實訓報告心得體會

★ 網(wǎng)頁制作實習心得小結(jié)

網(wǎng)頁設(shè)計實訓心得

網(wǎng)頁設(shè)計實訓心得 篇1

通過這次實訓對這門課程的學習，做好網(wǎng)頁，并不是一件容易的事，它包括網(wǎng)頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。所以我得出一下總結(jié)：

一、準備資料和挑選符合目的主題的合適素材。

做網(wǎng)頁當然要收集、準備資料。在網(wǎng)上多轉(zhuǎn)轉(zhuǎn)，看到什么漂亮的網(wǎng)頁，把它保存起來，作為以后自己設(shè)計主頁時的參考。另外，還包括搜集美化主頁可能要用到的各種材料，如背景、小動畫圖標等等?？梢栽谟脖P上建一個文件夾，下分“圖片、聲音、動畫”等文件夾，養(yǎng)成上網(wǎng)時看到有創(chuàng)意、新鮮的圖像，就按鼠標右鍵存入你硬盤相應(yīng)文件夾的習慣，時間一長就擁有了一個可觀的圖庫，等做網(wǎng)頁時隨手拈來或加以修改就成你自己的東西了。

二、規(guī)劃好整個網(wǎng)站。

主頁的設(shè)計應(yīng)以醒目優(yōu)先，應(yīng)該令人一目了然，切勿堆砌太多不必要的細節(jié)，或使畫面過于復雜。切記，頁面給人的第一觀感最為重要！在網(wǎng)上到處瀏覽網(wǎng)站的人很多，如果你的主頁給人的第一印像沒有吸引力，很難令他們深入觀賞，而且他們恐怕再也不會訪問你的網(wǎng)站了。

三、善用圖片，增強藝術(shù)效果。

我記得老師說過網(wǎng)頁的迷人之處之一，要算它上面能點綴許多漂亮的圖片。精美的圖片設(shè)計，可以使自己的網(wǎng)頁增輝不少，令人過目不忘。圖片的內(nèi)容應(yīng)有一定的實際作用，切忌虛飾浮夸，同時還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。

四、善于借鑒他人主頁制作中的設(shè)計技巧。

由于在網(wǎng)上用瀏覽器瀏覽任何主頁時，都能查看到該主頁制作時所編寫的絕大部分網(wǎng)頁編程源代碼。因此，如果想知道并掌握一些優(yōu)秀的主頁采用的設(shè)計技巧，試著將其源代碼調(diào)出來仔細揣摩，并模仿著一步一步去實現(xiàn)。

最后感謝老師多日來的辛勤教導！

網(wǎng)頁設(shè)計實訓心得 篇2

[實習目的]

通過網(wǎng)頁設(shè)計理論聯(lián)系實際操作，鞏固所學的知識，提高處理實際問題的能力。充分學習網(wǎng)頁設(shè)計實踐中的操作理論，提高自己網(wǎng)頁設(shè)計水平，并為能順利與社會環(huán)境接軌做準備。

[實習任務(wù)]

學習網(wǎng)頁設(shè)計實際問題處理方法及常規(guī)網(wǎng)頁設(shè)計內(nèi)容（網(wǎng)頁設(shè)計切片、數(shù)據(jù)庫的搭建、新聞管理、留言管理、網(wǎng)頁設(shè)計在線編輯器等），網(wǎng)頁設(shè)計后臺管理方面的知識應(yīng)用，及利用所學知識管理和編輯網(wǎng)站，并從實際出發(fā)，簡單了解關(guān)于網(wǎng)站安全性問題的實際解決措施（md5密碼加密等網(wǎng)頁設(shè)計知識）。

[實習時間]

xxxxxx

[實習地點]

xxxx

[實習內(nèi)容]

按照老師的安排，我制定了相應(yīng)的實習計劃，并記錄了相關(guān)的實訓內(nèi)容，以備后鑒，且完成實訓作業(yè)及實習心得。注重在實習階段對所學知識的鞏固和提高，以達到根據(jù)理論知識，指導日后工作實踐的目的。其主要網(wǎng)頁設(shè)計實習具體內(nèi)容情況報告如下：

第一、收集網(wǎng)站所需信息。

第二、運用PHOTOSHOP處理的網(wǎng)頁設(shè)計所需圖片。處理圖片要保持圖片不失真，并按照網(wǎng)頁設(shè)計需求設(shè)計所需的效果。

第三、對所完成的網(wǎng)頁頁面進行合理的切片處理，并按照網(wǎng)頁設(shè)計效果完成網(wǎng)站整體框架的構(gòu)建。

第四、搭建網(wǎng)站所需數(shù)據(jù)庫。

第五、網(wǎng)站的虛擬建設(shè)和初步完善。

[實習體會]

大學生活讓我對計算機理論知識有了一定的了解，但實際操作領(lǐng)域依舊是一片空白。紙上得來終覺淺，絕知此事要躬行。經(jīng)過網(wǎng)頁實訓課的實習，讓我對自己有了新的認識，并明確了網(wǎng)頁設(shè)計方面的前進方向。

1．繼續(xù)學習，不斷提升理論素養(yǎng)

在信息時代，學習是不斷地汲取新信息，獲得事業(yè)進步的動力。現(xiàn)在通過實習總感覺自己學的不夠，要用到知識時總感覺腦袋總是空白。實習后讓我明白，為了能更好的適應(yīng)工作，不得不利用自己空閑時間去彌補學習中的不足。實訓內(nèi)容是與自己所學專業(yè)有密切聯(lián)系的，所以自己在這方面格外側(cè)重，希望能夠加強自己的專業(yè)知識。

2．加強信心，堅持下去

上學的時候大家都說“能珍惜現(xiàn)在的日子就好好珍惜！”，等工作了才真正的領(lǐng)悟這句話的涵義。經(jīng)歷第一次實訓課的學習后，就希望能把實習所學習的知識，也能運用到課堂上。對自己多一點信心，多給自己點贊賞，多給自己鼓鼓勁，相信自己總會走出一條寬敞大道。

3、實訓學習中的同學相處

感覺學生時代很美好，不僅僅是不需要去努力工作，而是在學生時代你可以有很好的同學，很好的朋友，大家相互噓寒問暖，不必勾心斗角。我感覺這里才真的有純潔的友誼。我想當踏上了社會，就會存在著利益關(guān)系，有工作繁忙，也多了份人情世故。希望以后自己努力，可以多幾個朋友，希望自己可以有個團結(jié)工作的環(huán)境。在整個網(wǎng)頁設(shè)計實訓的過程中，實訓同學之間的關(guān)系總是那般融洽！

實習，是開端也是結(jié)束。在書本上學過很多理論，但從未付諸實踐過，也許等到真正運用時，才會體會到難度有多大。在今后的工作和生活中，自己需要更加努力的奮斗下去。

實習的同時也讓我了解到了自己的不足，我會繼續(xù)努力，完善自我。對于學校的精心安排和指導老師的用心輔導非常感謝。

光陰似箭，日月如梭。轉(zhuǎn)眼間，愉快而又充實的網(wǎng)頁實習課程結(jié)束了，在這幾個月的時間里，在實訓的過程中，讓我嘗試了理論與實踐的結(jié)合。網(wǎng)頁設(shè)計理論一點點轉(zhuǎn)化為實踐經(jīng)驗，模擬網(wǎng)頁實訓變成了真正面對社會的基礎(chǔ)，盡管生澀但在慢慢趨近成熟。豐富的實訓知識，讓我的實習生活充滿驚喜、快樂和充實，當然也少不了網(wǎng)頁設(shè)計處理過程中的困難。實習結(jié)束了，感覺腦袋里又注入了新的知識，對網(wǎng)頁設(shè)計也有了更深的了解，在以后的工作中，希望能用自己了解的東西去處理相關(guān)的問題，再探究新的問題，使自己和公司不斷進步。

最后談?wù)勎覀€人對自身的職業(yè)之路規(guī)劃。當然這些還不夠成熟，僅僅是這一個學期的實習帶給我的一點想法，今后我會結(jié)合學習生活進一步修正。首先是個人學習，通過實習我認識到利用課堂外的時間也是關(guān)鍵，下一步打算結(jié)合自己的興趣，利用課余時間自我培訓；其次是社會實踐，初步打算是利用假期等時間充分工作，以提高自身實際工作能力為目的，畢竟“想”和“做”是不一樣的，這次實習中我也認識到了這點，平時覺得自己能夠勝任的簡單事情，當真正動手做時卻總不是那么簡單了；最后，打算結(jié)合個人的興趣、價值觀、能力、職業(yè)發(fā)展傾向做個詳細的職業(yè)發(fā)展規(guī)劃。

總體來說，這次xxxx實習，讓我受益匪淺，以上是我的實習心得與體會，不足之處望得到指正。

實習生：xxx

20xx年x月

網(wǎng)頁設(shè)計實訓心得 篇3

現(xiàn)在，計算機和網(wǎng)絡(luò)已經(jīng)深入到了我們生活中的方方面面，也已經(jīng)成了生活中不可缺少的一部分，網(wǎng)絡(luò)成了我們獲取知識和信息的一種便捷工具，現(xiàn)在的網(wǎng)民也在不斷的增多，所以，了解和學習網(wǎng)絡(luò)知識是我們作為一名大學生迫切所需的。

通過一周的實習，在這門課上我學習到了一些關(guān)于制作網(wǎng)頁的知識，對flash也有所了解，還學會了一些基礎(chǔ)的PS技能。

通過一周對這門課的實習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。

在準備材料的時候我們可以用到學習的Flash知識來制作一些小的動畫和動態(tài)圖片，F(xiàn)lash提供了功能齊全的繪圖和編輯圖形工具?？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。

然后是對圖片的處理，用到了Photoshop等相關(guān)的圖像軟件。也對Photoshopcs4這款軟件有了一定的了解，學會了一些基本的ps方法。

接下來是開始正式制作網(wǎng)頁。

通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個簡單的網(wǎng)頁。

在網(wǎng)頁制作的時候，我覺得首先要列出大綱。列出來后，還必須考慮每個頁面之間的鏈接關(guān)系。層次不清的站點會造成瀏覽困難，影響內(nèi)容的發(fā)揮。

框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發(fā)展打下良好的基礎(chǔ)。

下一步，就以動手制作具體內(nèi)容了，題材選定，框架選定，接下來就開始往網(wǎng)頁里面填內(nèi)容。

最后就是對網(wǎng)頁的一些細節(jié)調(diào)整了，保證預覽網(wǎng)頁的整齊和沒有錯誤。

網(wǎng)頁設(shè)計實訓心得 篇4

不知不覺，我已經(jīng)學習《網(wǎng)頁設(shè)計與制作》這門課程一個學期了，雖然時間有點短，但這一個學期以后我卻受益匪淺，不僅讓我全面的、系統(tǒng)的學會了頁設(shè)計與制作的基礎(chǔ)知識，還讓我學會了自己動手去制作屬于自己的網(wǎng)頁，這對于我來說是很值得高興的，能讓我在以后的工作生活中更好的展現(xiàn)自己。

建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設(shè)計出一個滿意的網(wǎng)站。

首先，我們要確立網(wǎng)站主題。網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于像我這樣的個人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個能力，也沒這個精力。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。

然后，我們要找材料。明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。

找到材料后，我們還要規(guī)劃網(wǎng)站。一個網(wǎng)站設(shè)計得成功與否，很大程度上決定于設(shè)計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣，圖紙設(shè)計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容，我們在下面會有詳細介紹。

做好以上三步之后，我們就要選擇合適的制作工具。

盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，在這里，我們一般都是用有“網(wǎng)絡(luò)三劍客”之稱的Dreamweaver、Fireworks、flash來制作網(wǎng)頁，對于圖片部分的處理，個人覺得Photoshop比較好用。

最后，我們就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。

網(wǎng)頁做好之后，就要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它。

以上就是我對于網(wǎng)頁制作的一些個人心得，由于本人的.技術(shù)還不是很成熟，還存在很多的不足（如：背景過于單調(diào)和網(wǎng)頁布置不合理）。選擇學習這門課是很正確的選擇，雖然在以后不會再有機會去上了，但我還是會通過各種方式繼續(xù)頁設(shè)計和制作的，同時很感謝帶我入門的徐兵老師，讓我有機會去學習有關(guān)網(wǎng)頁的知識，謝謝！

網(wǎng)頁設(shè)計實訓心得 篇5

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

一、實習時間

xxx

二、實習介紹

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

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

三、實習內(nèi)容

（一）初級考試

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

（二）三天的培訓工作

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

（三）最后的考核

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

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

（四）正式工作

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

四、實習體會

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

制作網(wǎng)頁的實習心得

制作網(wǎng)頁的實習心得5篇

某些事情讓我們心里有了一些心得后，將其記錄在心得體會里，讓自己銘記于心，如此就可以提升我們寫作能力了。但是心得體會有什么要求呢?以下是我收集整理的制作網(wǎng)頁的實習心得5篇，歡迎閱讀與收藏。

制作網(wǎng)頁的實習心得1

楊老師下午講解的是網(wǎng)頁制作，他從網(wǎng)頁布局(三段式)講解，接著展示新浪、師院首頁給我們看，在這過程中，始終都以實例講解為主。接著講網(wǎng)頁布局的方法：

1、紙上布局法

許多網(wǎng)頁制作者不喜歡先畫出頁面布局的草圖，而是直接在網(wǎng)頁設(shè)計器里邊設(shè)計布局邊加內(nèi)容。這種不打草稿的方法不能讓你設(shè)計出優(yōu)秀的網(wǎng)頁來。所以在開始制作網(wǎng)頁時，要先在紙上畫出你頁面的布局草圖來。

2、軟件布局法

如果你不喜歡用紙來畫出你的布局意圖，那么你還可以利用軟件來完成這些工作。這個軟件就是Photoshop。Photoshop所具有的對圖像的編輯功能用到設(shè)計網(wǎng)頁布局上更顯得心應(yīng)手。不像用紙來設(shè)計布局，利用Photoshop可以方便的使用顏色，使用圖形，并且可以利用層的功能設(shè)計出用紙張無法實現(xiàn)的布局意念。

最后重點講了布局的技術(shù)

1、層疊樣式表的應(yīng)用

2、表格布局

3、框架布局

最后，楊老師就DIV+CSS給我們進行詳細介紹，我們按照他的進度，創(chuàng)建網(wǎng)站站點、創(chuàng)建文件夾、創(chuàng)建文件。然后在DIV容器中插入動畫，創(chuàng)建CSS文件，對不同的塊元素進行排版，主要是浮動—float。由于時間實在是太短了，很多知識都沒的講，比如我們常遇到的外邊距，內(nèi)邊距，線條，以及一些基本的代碼知識。

哈哈，我就不多說了，對于網(wǎng)頁我也研究了好幾年了，問題還真多，學過網(wǎng)頁布局(table、DIV+CSS)，學過平面設(shè)計(PS、CDR)，學過編程(ASP、ASP。NET)，學過數(shù)據(jù)庫(AC、SQL)?？梢哉f我現(xiàn)在完全可以獨當一面，接過學校、企業(yè)、武警等的網(wǎng)頁制作，評價都還不錯!目前就是缺一個團隊，從鄭小軍老師他們的成果看，不是一個人的努力能完成的，更多的是要一個志同道合的團隊，回去我也該好好想想這個問題了。

制作網(wǎng)頁的實習心得2

轉(zhuǎn)瞬之間，半個學期又接近尾聲，在李導師的精心輔導下，度過了這個富有生機，富有朝氣的學期。學到了很多做夢也不會遇到的如此奇特的有趣知識，對于我來講是一個很好的鍛煉和充實的機會。

俗話說的好“書山有路勤為徑，學海無涯苦作舟”。在這一絕世佳句的鼓動下，我把握了工作之余的一切可利用的剩余時間，全心全意投入到網(wǎng)頁世界，去不斷的學習，去不斷的收索;同時去不斷的充實，去不斷的完善自我，在網(wǎng)絡(luò)的天空下逐漸的美化自己的人生!

在頁制作的過程中，我深深體會到一點“有付出，就終有回報”，你的付出與你的回報終究是成正比的。經(jīng)過了多少漫漫長路，經(jīng)過了多少忘我的投入，經(jīng)過了多少波折，我的網(wǎng)頁與眾人見面了。當我第一眼在網(wǎng)絡(luò)下一覽我的個人主頁，我是多么的激動，多么的興奮，就像多年未見的老同學，一種講不出道不明的感覺。

我在制作主頁中的心得體會：

做好主頁，并不是一件容易的事，它包括個人主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。

1、標題

在個人主頁中標題起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、簡短，有特色、容易記，還要符合自己主頁的主題和風格，決不要取一個名不符實的"好名字"，別人第一次上了當，下次再也不會光顧了。

2、內(nèi)容的采集

選好標題后，開始采集內(nèi)容，內(nèi)容必須與標題相符，在采集內(nèi)容的過程中，應(yīng)注重特色，所謂特色應(yīng)該是有一些自己的東西。個人主頁中的特色，應(yīng)該突出自己的個性，把自己的興趣、愛好盡情地發(fā)揮出來，因為在網(wǎng)絡(luò)上不受限制。主頁就是在網(wǎng)絡(luò)上的一個小小家園，在那里，可以放上自己喜歡的任何東西，包括你自己平時喜歡一些文章，一些好聽的歌，一些好的動畫作品。把這些內(nèi)容按類別進行分類，設(shè)置欄目，讓人一目了然，在欄目上不要設(shè)置太多，最好不要超過十個，層次上最好少于五層。

3、圖片

做個人主頁不能只用文字，必須在主頁上適當?shù)丶右恍﹫D片，增加可看性，俗話說"一圖勝千言"，我想不無道理，一張?zhí)幚淼煤玫膱D片不需要多做任何解釋，就能讓人一目了然，讓人去思考，去了解它。當然處理得不好的以及無關(guān)緊要的圖片最好不要放上去，否則讓人覺得是累贅，同時也影響網(wǎng)頁的傳輸速度。圖片不僅要好看，還要在保證圖片質(zhì)量的情況下盡量縮小圖片的大小(即字節(jié)數(shù))，在目前網(wǎng)絡(luò)傳輸速度不是很快的情況下，圖片的大小在很大程度上影響了網(wǎng)頁的傳輸速度。那么如何精簡圖片的大小呢，一般來說，圖片顏色較少的及在256色以內(nèi)的最好把它處理成gif圖像格式，如果是一些色彩比較豐富的圖片，最好把它處理成jpg圖像格式，因為gif和jpg各有各的壓縮優(yōu)勢，應(yīng)根據(jù)具體的圖片來選擇壓縮比。

4、網(wǎng)頁排版

網(wǎng)頁頁面整體的排版設(shè)計也是不可忽略的，要讓讀者在狹小的電腦屏幕上閱讀，很重要的一個原則是合理地運用空間，讓自己的網(wǎng)頁井井有條，留下必要的空白，人覺得很輕松。不要把整個網(wǎng)頁都填得密密實實的，沒有一點空隙，這樣會給人一種壓抑感。

5、背景

網(wǎng)頁的背景并不一定非要用白色，選用的背景應(yīng)該和整套頁面的色調(diào)相協(xié)調(diào)。合理的應(yīng)用色彩是非常關(guān)鍵的。

制作網(wǎng)頁的實習心得3

目前，互聯(lián)網(wǎng)是最快捷的信息傳播渠道之一，學習網(wǎng)頁制作成了學生必須掌握的一項技能。在幾年的教學實踐之中，我總結(jié)了《制作簡單網(wǎng)頁》教學中值得注意的幾個問題：

一、激發(fā)學生的學習興趣，喚醒求知欲望

現(xiàn)階段信息技術(shù)課程的主要任務(wù)之一是培養(yǎng)學生對信息技術(shù)的興趣和意識。興趣是學生基于自己的學習需要而表現(xiàn)出來的一種認識行為，它在學生的學習中具有重要的作用。我認為，教師激發(fā)學習興趣，挖掘?qū)W習需求是授課前必須解決的問題。從知識結(jié)構(gòu)看，網(wǎng)頁制作是在學生掌握了一定的理論基礎(chǔ)和操作技能之后，對互聯(lián)網(wǎng)有了一定的了解、瀏覽過相當數(shù)量的網(wǎng)頁和站點之后引入的。在準備期中教師應(yīng)該適當?shù)匾龑W生，可以采取展示法、教學對話法等，也可以融合多種方法進行。

例如，在學習瀏覽網(wǎng)頁時，我有計劃地挑選一些專題網(wǎng)站和個人站點推薦給學生，他們在看過之后一定會有自己的想法，老師再給他們提些問題。我經(jīng)常推薦給學生我校的學生及班級制作的站點與網(wǎng)頁。學生會把他們自己的見解說得頭頭是道。接下來就提出問題：如果由你來做這個站點，哪些地方需要修改?如果把你做一個站點該如何設(shè)計?在學生的頭腦中先有了一些模糊的認識，產(chǎn)生了做個站點的想法，再在老師的幫助下梳理成一個比較成型的站點框架，接下來就是：怎么做網(wǎng)頁?用什么工具?有了興趣，帶著這些問題，進入這一階段的學習，就比較主動，學習效果也會比較好。

二、合理調(diào)整教學順序和重點，理順理論與操作的關(guān)系

學習網(wǎng)頁制作，首先接觸的是概念和理論性的知識。回顧學習一些應(yīng)用軟件的過程，肯定不是先把理論背熟，而是從操作使用開始的。我并不是說理論不重要，而是切入的時機要掌握好。對于這一部分的教學，可以根據(jù)教學實際，合理調(diào)整教學順序和重點。對涉及到的理論知識，可以盡量在教操作的時候滲透。一些純理論的知識，不妨一帶而過，教學取得階段成果后，再單獨強調(diào)。

三、注重培養(yǎng)學生知識遷移的能力

正在進行的新課程改革，提倡的是教給學生可遷移的知識。我體會，遷移是理論到實踐。很多應(yīng)用軟件，模式基本上是統(tǒng)一的，在窗口組成、菜單內(nèi)容和操作方法等方面是相通的。對這類內(nèi)容，我認為可以采用比較法、示范法、啟發(fā)法等教學方法。例如，制作網(wǎng)頁和保存網(wǎng)頁兩個知識點：可以在介紹了工具軟件(如frontpage)窗口組成之后，就布置學生輸入并編輯一段文字，然后把該文件保存在指定位置。這些操作都是前面學過的，對學生來講既是學習也是復習。作為老師，我們在糾正學生錯誤的同時，還可以幫助學生比較這幾個軟件在使用中的異同。比如，輸入文字，在word和frontpage中可在編輯區(qū)中直接寫，而在powerpoint中必須寫在文本框里。通過比較，加深印象，達到學習和提高的目的。在這部分中，除文字處理外，像修飾網(wǎng)頁、插入表格等內(nèi)容都可以這樣比較著講。

四、認識螺旋式上升的學習模式和探究式學習的方式，重視課前準備

學習是一個循序漸進、螺旋式提高的過程。在這個過程中，作為教學組織者和指導者，教師的教學設(shè)計和準備工作非常重要。例如，在學習網(wǎng)頁修飾時，可采用了示范法和演示法結(jié)合的教學方法，先設(shè)計幾個頁面，都是在上一節(jié)課作的、樣例頁面的基礎(chǔ)上改的。上課時，讓學生打開上節(jié)課制作的網(wǎng)頁，他一看，老師的頁面上比他多了個圖片，馬上問怎么做的，我演示給他看，他也加上圖了……每次我演示出的頁面總比學生們做出來的多一點小修飾，他們就不斷地提問，不斷地學習新技巧，再不斷地付諸實踐。用這種示范加演示的方法教學，效果還不錯。但對老師來講，備課的工作量比較大，課堂上的輔導任務(wù)也重一些。

五、組織協(xié)作學習，培養(yǎng)學生自學能力和合作精神

信息技術(shù)劃分為精英技術(shù)和大眾技術(shù)。目前，信息技術(shù)基礎(chǔ)模塊中講授的均屬大眾技術(shù)，要求學生掌握的是可以廣泛遷移的知識。但是，大眾技術(shù)太簡單了，有些學生不用我們教，自己玩電腦就玩會了。這類學生，上課時通常不愿再聽，還經(jīng)常搞些小動作，或者做些小軟件來炫耀一下。小孩多半有這種心理，我們不妨給他創(chuàng)造這個條件，讓他充分發(fā)揮特長。有一次，剛開課不久，有個學生把他的個人主頁演給我看，當時我考慮了一下，讓他在全班同學面前作了演示，解說他的創(chuàng)作思想，并指出了他作品中的亮點。這個學生當然很自豪了，別的同學也都很佩服他的能力。在其他同學眼中，他就是高手了，以后的學習過程中有了問題，不問老師，先問他去，逐漸地他就成了我課堂上的一名小助教了。學生中的榜樣作用和傳、幫、帶作用不可低估，如果你班里有幾個這樣有一定特長的學生，不妨考慮采取任務(wù)驅(qū)動、分組合作等方法進行教學，讓他們帶動全班的同學學習提高。學生之間相互學習、相互幫助、相互帶動比單純的老師教效果更好。

六、適當引入分層次教學，體現(xiàn)教學目標的差異性

學生的基礎(chǔ)差別很大和心智發(fā)展水平很大不同。在這種情況下，分層次教學是一種行之有效的辦法。一般的，我把學生分成三個a、b、c三個層次。a層次的學生是基礎(chǔ)好，特長明顯，自學能力強的一部分，對這部分學生，倡導自主學習，給他們布置任務(wù)或課題，學生獨立完成，只是在需要的時候向他們提供幫助;b層次的學生是基礎(chǔ)一般，能在老師的講解、示范和引導下學習，對這部分學生可采用靈活多樣的教學方法按步就班地學習，b層次的學生是學生群體中的大多數(shù);c層次的學生是學習有一定困難的學生，我對他們的要求是掌握基礎(chǔ)，除了給他們進行特別輔導之外，還采取結(jié)對子的辦法，給每人配一個a層次的學生作為助理，幫助他們學習。但在分層次教學中要格外注意保護c層次學生的自尊心和學習積極性。

七、加強聯(lián)系實際，培養(yǎng)學生的創(chuàng)新能力

創(chuàng)新是素質(zhì)教育的核心內(nèi)容。鼓勵、指導學生大膽、靈活地運用已學知識，解決實際問題是培養(yǎng)學生創(chuàng)新精神和能力的有效方法。我認為在網(wǎng)頁制作這一部分的小結(jié)或復習階段可以適當采用主題型課或任務(wù)驅(qū)動式的方法，設(shè)計引導學生從頭至尾制作一個專題站點。當然，復習中也可以適當采取教學對話、教學討論、示范等教學方法。

制作網(wǎng)頁的實習心得4

一、網(wǎng)站規(guī)劃

本工作室主要用來做個人網(wǎng)站，主題是介紹自我，讓更多的朋友認識我，面向我的同學和朋友以及想結(jié)交我的朋友。

二、網(wǎng)站總體設(shè)計

本工作室只要包括我的主頁、我的簡介、我的日記、我的相冊、網(wǎng)站建議等五個板塊。通過我的主頁可以進入其他四個板塊，其他四個板塊也可以通過超鏈接回到我的主頁去。

三、網(wǎng)站設(shè)計與制作(包括網(wǎng)頁設(shè)計、圖形設(shè)計、動畫設(shè)計中的主要技術(shù)、方法和設(shè)計效果)

本網(wǎng)站的布局大多是運用CSS進行布局的，這也是老師一直強調(diào)我們的。為了增加視覺效果，個別網(wǎng)頁還特別添加了flash效果(我的相冊)，還用到了視頻和音樂等素材(如我的主頁)。個別網(wǎng)頁添加了表格，這樣顯得網(wǎng)頁更齊整。對于美化這部分，我還特別用Photoshop對一部分圖片進行了處理，讓圖片和網(wǎng)頁更好地搭配。在個別網(wǎng)頁添加表單，可以讓瀏覽者和網(wǎng)站更好地互動，交流信息。

四、學習體會

不知不覺，我已經(jīng)學習《網(wǎng)頁設(shè)計與制作》這門課程一個學期了，雖然時間有點短，但這一個學期以后我卻受益匪淺，不僅讓我全面的、系統(tǒng)的學會了頁設(shè)計與制作的基礎(chǔ)知識，還讓我學會了自己動手去制作屬于自己的網(wǎng)頁，這對于我來說是很值得高興的，能讓我在以后的工作生活中更好的展現(xiàn)自己。

建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設(shè)計出一個滿意的網(wǎng)站。首先，我們要確立網(wǎng)站主題。網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于像我這樣的個人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個能力，也沒這個精力。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。

然后，我們要找材料。明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。

找到材料后，我們還要規(guī)劃網(wǎng)站。一個網(wǎng)站設(shè)計得成功與否，很大程度上決定于設(shè)計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣，圖紙設(shè)計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容，我們在下面會有詳細介紹。

做好以上三步之后，我們就要選擇合適的制作工具。盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，在這里，我們一般都是用有“網(wǎng)絡(luò)三劍客”之稱的Dreamweaver、Fireworks、flash來制作網(wǎng)頁，對于圖片部分的處理，個人覺得Photoshop比較好用。

最后，我們就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。網(wǎng)頁做好之后，就要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它。這里推薦二個有免費空間和域名的網(wǎng)址給大家!

以上就是我對于網(wǎng)頁制作的一些個人心得，由于本人的技術(shù)還不是很成熟，還存在很多的不足(如：背景過于單調(diào)和網(wǎng)頁布置不合理)。選擇學習這門課是很正確的選擇，雖然在以后不會再有機會去上了，但我還是會通過各種方式繼續(xù)學習網(wǎng)頁設(shè)計和制作的，同時很感謝帶我入門的徐兵老師，讓我有機會去學習有關(guān)網(wǎng)頁的知識，謝謝!

制作網(wǎng)頁的實習心得5

在炎熱的夏季，又在悶熱的機房中，我們又一次的完成了網(wǎng)站建設(shè)的實習。在這實習期間，有太多的話想說，都是苦不堪言。但事后又想想，苦過了，才知道有甜。

在這實習當中，我知道了div是html(超文本語言)中的一個元素，div+cs是一種網(wǎng)頁的布局方法，div+css包括行內(nèi)樣式、內(nèi)嵌式、鏈接式、導入式、css選擇器、標記選擇器、類別選擇器、id選擇器、選擇器聲明、css繼承。還有id與class區(qū)別：id不允許重復使用，只能用一次，css規(guī)范和其他規(guī)范javascript控制方法一樣。

說實話，我對div+css一點兒都不懂，但起碼我知道了這是一種網(wǎng)頁的布局格式，總比不知道強。有句話說，不懂就要學。是的，既然學了了這個專業(yè)，就不能對這個專業(yè)模糊。所以，就要學習學習再學習。征服畏懼、建立自信的最快最確實的方法，就是去做你害怕的事，直到你獲得成功的經(jīng)驗。

我們經(jīng)過兩周的實訓，通過前期的合同洽談、簽訂，到后期的網(wǎng)站制作、網(wǎng)站發(fā)布，讓我受益匪淺。不僅讓我了解通過網(wǎng)絡(luò)洽談商務(wù)的禮儀和細節(jié)，也讓我的網(wǎng)站制作知識及技能有了很大提高。

前期我們通過發(fā)送電子郵件，進行網(wǎng)上商務(wù)的接洽。由于沒有做好工作。了解商務(wù)郵件的格式，導致郵件發(fā)了很長一段時間，雙方還僅僅停留在認識階段，確實說來很失敗。

在擬定合同時，由于不能真正滿足客戶的需求，一些條款及報價不合理，因此要一次又一次反復的修改合同。這主要是因為我們不能正確解讀客戶的要求，并且我們不能拿出我們公司為大洋禮品公司網(wǎng)站建設(shè)的特色。

在網(wǎng)站制作的起初階段，由于不曾制作過網(wǎng)頁，雖然團隊確立了分工，但還是有些迷茫。公司沒有確立風格和大體的布局，并且搜集資料是一個漫長而又復雜的過程。通過瀏覽各類禮品網(wǎng)站，心里大概有了一定的想法和設(shè)計。

我的主要任務(wù)有“誠聘英才”、“產(chǎn)品導航”、“展會禮品”、“廣告促銷禮品”。我最先做的是“誠聘英才”，我是參照中國電信誠聘英才首頁做的，它看似制作簡單，其實布局十分復雜、精致。在處理圖片是我遇到了不少困難，最典型的就是有一次我想在圖片中插入文字，但始終插入不了，后來通過請教老師，總算知道了其中的奧妙。原來是圖層被鎖定了，要重新拷貝圖層，再考貝的圖層上就可以插入文字了，并且文字其實也是一個圖層，它是可以移動的。盡管我為誠聘英才網(wǎng)頁付出了很多，但并沒有被采納，并且此時我也設(shè)計了logo，也沒有被采納。

“產(chǎn)品導航”是一個困擾我一上午的問題(此刻公司首頁已經(jīng)制作完畢，而它與合同上的“產(chǎn)品導航”頁面布局類似，于是這讓我一時間很難抉擇。我就一邊設(shè)計一邊思考，此時我為公司定的色彩風格是紅色，我為導航欄設(shè)計的是交互式按鈕，并且設(shè)計了初始字體、懸停、按下時字體顏色?？墒沁@一切都是白費，由于后來我們將風格確定為藍色，并且導航欄確定都采用首頁中插入的圖片，但我覺得這樣有些不好：例如它不可以設(shè)置超鏈接的字體顏色，這是很不專業(yè)的體現(xiàn)。團隊由于缺乏及時的溝通，導致其他組員一些好的想法得不到實施，確實是我們團隊合作的一個問題所在。

展會禮品、廣告促銷禮品由于套用相同的布局，設(shè)計上沒有什么難點，只是在這基礎(chǔ)上進行產(chǎn)品的進一步分類和圖片的搜集有些費神和花時間。我在制作這一系列網(wǎng)頁時，都特別注意修改網(wǎng)頁標題。網(wǎng)頁標題是十分重要的，它是每打開一張網(wǎng)頁的頭標。

前面這一階段的工作我還有一個小收獲，這就是圖片位置，其實在圖片屬性中圖片定位選擇絕對定位，再在下面輸入距左距上的距離即可，這是一個很不錯的方法。

后期我們進行每個人作的網(wǎng)頁整合時遇到了不少問題，原先我們認為超鏈接是可以整合的，其實不然，只能在一個文件內(nèi)作。當時已經(jīng)花了一天的工時，可后來在晚上才發(fā)現(xiàn)，不只這個問題，還有每個人做的網(wǎng)頁都是保存在網(wǎng)站文件夾下，而最后上傳到服務(wù)器上只能有一個網(wǎng)站文件夾。所以后來我們組有三個人加班熬夜的。原本以為這樣已經(jīng)差不多了，可是當我們把網(wǎng)站通過windows__iis默認web站點上傳進行本地調(diào)試時發(fā)現(xiàn)所有網(wǎng)頁導航欄的圖片都顯示不出來，一些超鏈接也無法連接，這下讓我們有些驚慌失措。通過向老師了解，知道可能是圖片命名的問題，web服務(wù)器無法識別中文命名的圖片，此外網(wǎng)頁也需命名為英文。于是我們又忙于修改圖片和網(wǎng)頁的名稱。我的所制作的展會禮品將網(wǎng)頁都放在private文件夾下，導致所有需要連接到展會禮品首頁的都不能進行。我首先需要把private文件夾下的網(wǎng)頁全部剪切出來，并且檢查超鏈接，而這些只能在frontpage文件夾試圖下進行。同時還要在http上檢測，進行及時的修改。超鏈接檢測是我展會禮品網(wǎng)頁的一個主要問題。公司主頁上的“展會禮品”始終連接不到“展會禮品首頁”，反復的進行超鏈接都無法成功，其實是因為我所連接的超鏈接路徑不對，其實我應(yīng)該根據(jù)瀏覽器上不能連接到的網(wǎng)頁路徑進行修改超鏈接。

經(jīng)過這翻調(diào)試、測試，網(wǎng)站不存在圖片顯示不出來的問題，以及超鏈接無法連接的問題。

在互聯(lián)網(wǎng)越來越深入到生活中每一個角落的年代，網(wǎng)頁的表現(xiàn)形式就如同以前書本上的文字，傳達著的是網(wǎng)絡(luò)語言，每一條線、每一個色塊、每一種版式、每一種組合都傳遞給閱讀者一種感覺。實際上網(wǎng)頁的表現(xiàn)形式已是互聯(lián)網(wǎng)至關(guān)重要的元素。它是一種創(chuàng)造性、有成就感的工作。

網(wǎng)站建設(shè)實驗心得的介紹就聊到這里吧，感謝你花時間閱讀本站內(nèi)容，更多關(guān)于網(wǎng)站建設(shè)實訓報告萬能模板、網(wǎng)站建設(shè)實驗心得的信息別忘了在本站進行查找喔。