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

本文目錄一覽：

• 1、網(wǎng)頁設計實訓總結報告5篇
• 2、跪求：網(wǎng)頁設計實訓個人總結
• 3、緊急求一份網(wǎng)頁制作的實訓報告，希望大家?guī)兔ρ?/a>
• 4、要一份網(wǎng)頁實訓報告
• 5、網(wǎng)頁設計實訓總結心得6篇(2)

網(wǎng)頁設計實訓總結報告5篇

【 #報告# 導語】總結報告能夠使頭腦更加清醒，目標更加明確。以下是 考 網(wǎng)整理的網(wǎng)頁設計實訓總結報告，歡迎閱讀！

1.網(wǎng)頁設計實訓總結報告

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

一、充分發(fā)揮動手能力

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

二、在設計過程中不斷提高網(wǎng)頁設計水平

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

三、不足之處

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

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

2.網(wǎng)頁設計實訓總結報告

在經濟迅速發(fā)展的今天，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會發(fā)展同步，為了讓我們成為真正的技術性人才。學校在本周為我們安排了維持三周的網(wǎng)頁制作專用周是實習，讓我們把平時所學知識運用到實習中做到真正的學以致用而不只是紙上談兵。通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足。

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

3.網(wǎng)頁設計實訓總結報告

網(wǎng)頁設計實訓就快結束了，在這短短的兩周里，我學會了很多新的知識，更掌握了新的技能，讓我覺得受益匪淺。在實訓時，有空閑就會想到學校里青蔥歲月，簡單流暢，無慮，回想各位老師的授課，孜孜不倦，學校的生活固然是快樂，www.但是學校的實訓課程 真的很重要，因為它能讓我們這些在校學生接觸到社會的發(fā)展，讓我們有時間崗位環(huán)境，順利得從單純的校園生活感到復雜社會生活的不同。在這一周的時間里，我一心只做網(wǎng)頁，做自己喜歡的風格的網(wǎng)頁。

經歷了一次充實而有愉快的實訓，我學會了制作框架、使用錨點、給網(wǎng)頁網(wǎng)頁插入背景音樂、表格、視頻、flash、導航條等更深層次的掌握了它們的用法，現(xiàn)在我心目中的網(wǎng)頁也已經大體竣工，我感到很開心，經過這兩的不斷探索，我喜歡上了這門課程，感覺很有意思。或許實訓的結束代表一段新生活的開始，但是我認為它不但是一門課，需要我們去掌握，同時還可以鍛煉我們的邏輯思維能力和思維的嚴密性，還有就是在制作網(wǎng)頁的過程中，更需要有不錯的藝術審美觀，這樣，你做出的網(wǎng)頁才會賞心悅目，讓人眼前一亮，也就是從此刻起，我決心好好鉆研這門課，力求這方面的技能達到。

雖然網(wǎng)頁已經完成，可這并不是一件輕而易舉的事情，在此過程中遇到了許多以前不曾遇到的問題，多的情況都是自己解決，萬不得已之際，我會主動問老師和同學，直到弄懂為止！讓我更加清楚地明白老師平日里的良苦用心，也更加清楚地明白了自己以后應該怎樣去做事。

4.網(wǎng)頁設計實訓總結報告

兩周的實訓轉瞬即逝，在這短暫的時間里，我們在老師的指導和幫助下，對于網(wǎng)頁設計與制作有了進一步的了解。

在這兩周內，同學們每天都按時完成老師留下的作業(yè)，對于自己以前不理解的東西，通過老師的重新講解、指導和自己的練習，對其有了很好的了解；對于我們看不懂的一些內容，通過與同學協(xié)商和聽老師的講解來理解并掌握它。在這兩周的實訓里，我發(fā)現(xiàn)了許多自己以前沒有注意到的問題，在flash制作方面，有很多是自己以前沒注意過的，通過老師的講解和同學的幫助，我了解到一些新的東西并對網(wǎng)頁設計與制作有了更深的興趣，如falsh制作與運用、網(wǎng)站的基本制作、超鏈接的設置等；我們對網(wǎng)頁設計與制作方面的知識有了一定的認識，為我們以后對網(wǎng)站的學習和運用有很大的幫助。

通過實訓，我們把網(wǎng)頁設計與制作中涉及到的理論和實踐更好的結合起來，我對網(wǎng)頁設計與制作這本書有了更深的理解，在flash制作方面有了很大提高，操作能力也得到了增強，使我們了解到無論做什么事都要有足夠的耐心，還要認真細心。在做題時要對自己做過得東西進行仔細的檢查，同時也使我了解到同學之間要相互協(xié)作、共同努力。

5.網(wǎng)頁設計實訓總結報告

我第一次步入了社會，從此開始了面對社會、工作的生活。剛剛走入社會的我是一個性格有些內向的人，面對陌生的人，我不善言辭，不會給自己的外表進行很好的包裝，不適合做那些銷售、接待的工作，只有技術類的工作，少說多干的活適合我，這個我很清楚?，F(xiàn)在，中國每年都有很多畢業(yè)的大學生找不到工作，我也不例外，所以，這第一次實習工作肯定不會太好找，但是相反，我的運氣還不錯。找到了一份網(wǎng)頁設計的工作。

一、工作介紹

我工作的這家公司，從事網(wǎng)站開發(fā)工作的，公司在技術團隊這部分是比較正規(guī)的，一般是五到六人為一個小組，小組中有明確分工，有負責聯(lián)系客戶接恰生意的，有專門做技術的，而在技術這塊分為網(wǎng)站前臺、后臺開發(fā)，我在學校主要做的是后臺開發(fā)，當然前臺設計工作也還算熟練，但不是很精通。我們這個小組一般接下的活都是一些小型網(wǎng)站的開發(fā)工作，這樣的網(wǎng)站技術難度不大，而且工作周期短，有相當一部分的，只需要通過cms軟件就可以進行開發(fā)。但是有個別的網(wǎng)站開發(fā)時，我們還是需要進行一些手寫代碼工作的。

二、開發(fā)技術

做為一個剛畢業(yè)的大學生，我的知識儲備肯定有不足的地方，畢竟學校教的東西肯定會有一部分和社會是脫節(jié)的，但好在我的領導對于我沒有太多的要求，他只是要求我盡快的適應公司的工作和生活，在短時間內熟練的掌握相關技術，干好本職工作。

在大學里對一個學生來說什么是最重要的，那就是學習能力。要知道，這個世界上，知識在發(fā)展，人類在進步，每天都在進行日新月異的變化，我們的知識儲備總會有不夠的地方，但是一定要有學習能力，將不會知識快速掌握，只有這樣才能占據(jù)主動，減少被動情況的尷尬發(fā)生，通過二個星期的時間，我成功的適應了公司的工作和生活節(jié)奏，每天早九點上班，晚17：30下班，中午休息一個半小時，每周還有兩天假期。我利用業(yè)余時間，抓緊學習，將工作中所需要的技術進行了強化學習，其實這些東西在學校的時候就接觸過，只是不精通。那個時候學的東西多，難免有個主次之分，這次工作了，才知道哪個應該多學點，但好在我都有學過，所以有個好的基礎在這里，也就不怕了，比如說：flash，公司要求技術人員會做flash，flash這東西以前我在宿舍的時候經常玩的，可是后來在分析就業(yè)情況時，分析錯了方向，以為這東西沒有什么用處，結果就給荒廢了。但好在還有印象，并且當初記了很多的筆記，所以說記筆記是很重要的事情。而其它像javas cript、ml、數(shù)據(jù)庫這些東西我都學過，只是實踐能力稍差一點，但好在從前在學習方面用的功不是白費的。通過這種實戰(zhàn)環(huán)境，和半個月的刻苦學習，我終于可以感上小組的工作進度了，已經可以很好的完成領導教給我的任務了。

像我這個組常用的是css+div排版，后臺使用php技術進行開發(fā)，服務器平臺采用，linu+apache+mysql+php，這種lamp組合，我很高興在學校學的東西能學有所用。以前我們是用表格（table）進行排版，這種方式簡單但是已經有些過時了，現(xiàn)在大部分網(wǎng)站都開始了重新構架，所以都采用css+div進行網(wǎng)頁排版，我目前正在學習，掌握的還算比較快。而在后臺開發(fā)部分，我們使用php來進行開發(fā)，我的工作是手寫一些小模塊。或者用javas cript寫一些特效小代碼。

跪求：網(wǎng)頁設計實訓個人總結

《網(wǎng)站設計與制作》實訓報告

X學院XX班XXX號

一．實訓時間：

2010年6月7日到2010年6月13日二．實訓地點：

科實南213

三．實訓組員：

XXX、XXX

四．實訓目標：

以金華農特產為主題，制作網(wǎng)站，通過綜合實訓進一步鞏固、深化和擴展學生的理論知識與專業(yè)技能。

五．坦旁實訓策劃：

這一周，我們要進行《網(wǎng)站設計與制作》實訓，我們認為做網(wǎng)站前最主要的是確定主題、框架和標題欄的設計。因此我們相互討論之后，確定制作以“健康”為主題的“林安健康網(wǎng)”，但在之后的資料收集和網(wǎng)頁的框架的建設中，我們發(fā)現(xiàn)出了問題，在確認無法做出效果后，我們決定放棄這個主題，重新建立以“水果”為主題，以我們的名字連體命名的“林安水果網(wǎng)”。以下是我們的策劃內容：

1.確定主題。制作網(wǎng)頁,首先是確定主題，金華有許多特色水果，水果產品豐富，,經過考慮,確定以金華水果品種為主題的網(wǎng)站,建立一個簡單的介紹金華水果的網(wǎng)站,專業(yè)介紹一些金華地區(qū)優(yōu)秀的水果市場和銷售渠道等。我們本次間的網(wǎng)站基本以綠色為基點，綠色是生命的顏色，綠色代表著生機勃勃，所以本站以綠色為風格，讓整個網(wǎng)站充滿綠的生機。

2.設計主頁。主頁的設計是整個網(wǎng)站的靈魂，構思導航欄的分類，然后是整體規(guī)劃，每一版塊都有其個性的色彩，清晰明了，便于閱讀瀏覽，我們構思大致分幾部分，首頁，特價專區(qū)，優(yōu)質水果，果樹栽培，婺城商場，金東商場，客戶中心，聯(lián)系我們，意見反饋等板塊，再加入個別網(wǎng)站等，每一部分又分幾小部分，內容比較充分，多樣。確定導航欄的各個分類標題之后對于建立二級子網(wǎng)尤為重要，我們運用PhotoshopCS3技術來設計出導航欄，再用FireworksCS3或PhotoshopCS3技術制作切片，建立導航欄，將整體的主頁效果建立起來。

3.資料的搜集。主頁的導航欄設計好后，接下來就是對主頁導航欄的各個內容進行資料的收集，我們采用大量的資料收集再對資料進行塞選，得到最適合導航欄內容的資料。素材的選擇，要符合網(wǎng)站的主題，圖片的大小要符合模板的輪廓，我們將不符合模板的用Photoshop處理編輯，然后放入站點底下，進行圖文的鏈接和排版。

4.建立模板和庫。此次網(wǎng)站建設中我們決定大量運用模板和庫，運用模板和庫對于建立網(wǎng)站提供便利同時也為我們減少大量的工序。本次水果網(wǎng)的建設主要采用兩個模板，各具風格，樣式標準。

5.各個好信陵子網(wǎng)頁的建立。我們設計好模板后只要在可編輯區(qū)依次編輯所需資料就可，運用模板建立子網(wǎng)頁少了很多工序，為我們節(jié)省大量的時間。盡管我們建立了模板，但我們在建立子網(wǎng)時很小心，因為一張圖片的大小插入就有可能友戚破壞整個模板的結構尤其在使用表格時，因此我們對所插入的圖片和表格都得進行測量，做到不影響網(wǎng)站整體的美觀。

6.實現(xiàn)網(wǎng)頁間的鏈接。做好個格子網(wǎng)和首頁后，接下來就是通過模板的鏈接，將整個網(wǎng)站中的網(wǎng)頁鏈接起來，過程其實很簡單，主要是把要鏈接的文字和圖標選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。通過模板建的幾張網(wǎng)頁其實超鏈接都不怎么用鏈接，只需要修改模板上的鏈接就可以了，這也是通過模板新建網(wǎng)頁的好處，省去一張一張超級鏈接的時間了。做好這一步后，網(wǎng)站基本算是建好了。

7.向靜太網(wǎng)頁插入動態(tài)效果。在基本建好網(wǎng)頁中的插入層和時間軸，制作其動態(tài)效果，讓整個網(wǎng)頁充滿生機。我們在網(wǎng)上進行flash素材的收集，通過FlashCS3設計出主題下的風格動態(tài)效果。然后插入到靜態(tài)網(wǎng)頁中，使網(wǎng)頁更加生動形象。

六．實訓心得：

通過這半年的學習實踐中和老師的指導下以大量明晰的操作步驟和典型的應用實例，教會我們。使更豐富全面的軟件技術和應用技巧，使我們真正對所學的軟件融會貫通。所以我結合所學專業(yè)的內容制作了企業(yè)水果網(wǎng)站，作為實習的成果。其內容是多樣化的。制作網(wǎng)頁用的軟件是DeamweaverCS3軟件。它提供了網(wǎng)頁和表單的動態(tài)生成到企業(yè)級的解決方案。主圖是一個網(wǎng)頁的門面，它能體現(xiàn)出這個網(wǎng)頁的整體風格。

制作網(wǎng)頁,首先是確定主題,經過再三考慮,就做了個關于金華水果的網(wǎng)站,要對這些有些了解,于是確定主題,做一些類似的網(wǎng)站,但考慮到,現(xiàn)在網(wǎng)絡上好多類似的網(wǎng)站,但有些內容不適合我們大學生閱讀,對于我們來說有點不實際,根據(jù)這種情況,最后決定建立一個簡單的介紹金華水果的網(wǎng)站,專門介紹一些金華地區(qū)優(yōu)秀的水果市場和銷售渠道等。于是網(wǎng)站主題確立。

然后是整體規(guī)劃，每一版塊都有其個性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，首頁，特價專區(qū)，優(yōu)質水果，果樹栽培，婺城商場，金東商場，客戶中心，聯(lián)系我們，意見反饋等板塊，再加入個別網(wǎng)站等，每一部分又分幾小部分，內容比較充分，多樣。

再后是收集資料與素材，大量瀏覽相關網(wǎng)站，收集關于金華水果的圖片，進行PhotoshopCS3圖片處理和排版，插入好的文章和圖片等，還有參考一些好的網(wǎng)站的布局，特色，顏色搭配，背景圖等。

再后是設計網(wǎng)頁圖片，用flash制作網(wǎng)友調查表，用Photoshop制作靜態(tài)圖片。再后是建立站點，和制作網(wǎng)頁了，使用dreamweaver制作。

首頁內容精彩豐富，首頁主要是導航作用。首頁制作時，時刻考慮著網(wǎng)頁的基本原則：統(tǒng)一，連貫，分割，對比及和諧的原則，內容統(tǒng)一，都是為了主題服務，一個網(wǎng)站強調的就是一個整體，只有圍繞一個統(tǒng)一的目標所做的設計才是成功的；連貫，頁面之間關系連貫，統(tǒng)成一體；每版內容都自成一體，顏色各異，便于瀏覽；整個網(wǎng)頁有動有靜，顏色不同，形成對比，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。

簡潔實用:這是非常重要的，網(wǎng)絡特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美；頁面用色協(xié)調，布局符合形式美的要求:布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

利用我們所學的模板設計，制作更完美的頁面。將動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁結合起來

再后，調試過程，好多次本來在DeamweaverCS3里好好的，把字調的好好的，位置很對，可在瀏覽器里御覽就出毛病了，不是靠上了，就是靠下了，很不老實，經過再三調試，整理，加了好多表格，終于滿意了。

通過溫本周的實訓，發(fā)現(xiàn)自己還有很多的不足。就框架的應用很難把握，切片也很難合理切割，當插入圖片的時候把原有的模板給撐破了，精確定位很重要。因為學藝不精，所以不會網(wǎng)頁的代碼設計，只能通過網(wǎng)絡三劍客綜合使用。不過也實踐中也學到了很多知識，比如原本不知道網(wǎng)頁設計還需要切片，表格的嵌套是非常重要的，模板的應用時非常便捷的。還有一些行為中的效果也是蠻不錯的。所以這次實訓還是很有意義的。

要一份網(wǎng)頁實訓報告

一、實習目的：

通過教學實習掌握站點制作、站點測試與發(fā)布技術。會綜合利用Fireworks

、Flash和Dreamweaver三個軟件進行靜態(tài)網(wǎng)站的設計。

二、實習內容：

1.用Fireworks處理圖片。對圖片裁剪、鈍化、高斯模糊。設置圖片的GIF動畫格式，制作標題動畫。對文字應用效果。利用Fireworks制作導航條并導出格式為html。

2.用Flash制作標題動畫。首頁中的動畫不超過20M。制作按鈕來超級鏈接到其他頁面。

3.使用Dreamweaver布局視圖，設置本地站點。在標準視圖和布局視圖模式相互轉換。建議使用布局視圖，在標準模式中插入層對象制作層動畫，利用行為面板添加鼠標行為，制作翻轉動畫，使用CSS樣式統(tǒng)一網(wǎng)頁中文字樣式，插入Fireworks中的GIF

文件及導入Flash中的SWF文檔，設置文檔間的超級鏈接。

三、具體要求：

1、利用Dreamweaver制作一個靜態(tài)網(wǎng)站，要求網(wǎng)站有特色，整個網(wǎng)站的內容和形式要統(tǒng)一，應能夠反映一個簡單的主題。可以選擇制作《個人網(wǎng)站設計》、《企業(yè)網(wǎng)站設計》、《文化網(wǎng)站的設計》、《娛樂網(wǎng)站設汪絕計》或者其他自己認為適合的網(wǎng)站。

2、 作一個主頁面，至少5個次頁面。

3、必須用到框架、表格或層排版技術、Flash技術和圖像處理技術，使網(wǎng)站具有合理的外觀和功能。

4、 主頁基本要求：

　頁頭Logo，準確無誤地標識站點和企業(yè)標志；

　網(wǎng)頁標題動畫，可以制作成GIF動畫或者Flash動畫；

　導航條；

　E-mail地址，用來接受用戶垂詢；

　聯(lián)系信息，如普通郵件地址或電話；

　版權信息。

5、制作一個表單頁面。

6、某個頁面有滾動字幕。

7、為一個頁面添加背景音樂。

8、至少添加一種行為效果。

9、整個網(wǎng)站各頁面之間保持風格一致，頁面之間要有合理的超級鏈接。

10、進行站點測試后申請免費空間并發(fā)布到網(wǎng)絡。

四、網(wǎng)站設計思路：

本站應該算是一個個人主頁的小型網(wǎng)站。關于本站站名的來源：微言微語個人主頁，因為，我覺得這個網(wǎng)站里面的所有文字都是像一個人在自言自語，在低聲地向某人訴說著什么，沒有主題，沒有目的。取這個站名，是做了網(wǎng)站的大概構思后才取的，覺得，啟神這個名字與網(wǎng)站的圖片、背景音樂還有文字都很相符。

個人主頁，一般都會包括首頁，相冊，鏈接，一些個人喜歡的文字加圖片，我的個人主頁也不例外，包括次首頁（個人喜歡的的文章加圖片），我的作品（里面包括自己做的三個FLASH動畫），文章（一些自己喜歡的文章），相冊（Firworks處理過的相冊），關于（關于自己的文字，關于本站的一些說明），鏈接（世界著名網(wǎng)站的有關鏈接），反饋表（瀏覽者信息反饋表）。

五、網(wǎng)站設計過程：

把所有的素材都整理好（圖片，文章，相片），開始布局。此站大多數(shù)用的是“三”字型的，三字型是我給它取的名字，因為，最開頭是一張帶有導航條的圖片，用Firworks處理過的HTML文件，中間一大片用于放正文，下面就是版權信息，E-mail地址用來接受用戶垂詢；聯(lián)系信息，如普通郵件地址或電話，像被分開的三個部分，所以我叫它三字型。這種布局方式看起來比較的整齊，簡潔美觀。

首頁本想做一個動態(tài)網(wǎng)頁，由于時間有限所以還沒完全成功。只好用了一張與次頁面一樣的背景圖片做背景，加上從下向上的滾動字幕，背景圖片是用Firworks處理過的圖片，大片的灰色墻壁加上顏色艷麗的鈕扣圖案，首頁加了狀態(tài)欄逐字出現(xiàn)的效果，加了“加入收藏”、“設為首頁”等代碼。

次頁面包括如下些內容：首頁、作品、文章、相冊、關于、鏈接以及反饋表。這些頁面是用模板做的，上面的圖片，導航條以及下面的版權聯(lián)系方式是不用改變的，都保持著首頁的風格，背景圖一樣，字體與樣式一樣，圖片風格一樣。中間是兩個可編輯區(qū)域。

在所有的頁面導航條下面，插入層對象制作了一個層動畫，來回移動的層，里面存放日期，利用行為面板為此層添加了鼠標行為，單擊此層，會出現(xiàn)對話框，“歡迎您訪問我的個人主頁！”，做布局大多使用表格布局，使用了少量的css樣式，字體，字號，顏色都統(tǒng)一套用相應的樣式。

首頁中添加背景音樂，小說音樂《我在那一困旁姿角落患過傷風》，一邊看慢慢上移的文字，一邊聽這輕柔的音樂，給人一種意境美。其實次頁面添加《蟲兒飛》，輕快而活潑。首頁禁止右鍵復制功能，右鍵單擊沒有反應。

次首頁，就是進入次頁面的第一個頁面。主題算是與青春有關的三種感情，三張圖片，用Firworks處理，加上相應的文字。要用到兩個表格，分別放在兩個可編輯區(qū)域里面，一個1*2的表格，一個2*2的表格，第一個表格放一張有關于親情的圖片加一小段文字，第二個表格放一張有關于友情的圖片加一小段文字,還有一張有關于愛情的圖片加一小段文字。作品頁面是三個FLASH動畫，第一個是左右鍵控制的圖片移動按鈕，可以單擊來鏈接到主頁面（代碼見附錄），四個圖片經過裁剪、高斯模糊。第二個是光芒四射（代碼見附錄），要用到ActionScript語言，長短不一的線條加上透明度的改變組成光芒四射。第三個是鼠標跟隨特效（代碼見附錄）。文章頁面，就是簡單的文字頁面，沒有什么特別的。相冊頁面，上面是一個用Firworks處理后的一組圖片，鼠標移到小圖片上，下面做出現(xiàn)相應的大相片，中間有少量文字，底部是用FLASH做的一組循環(huán)滾動圖片（代碼見附錄），圖片跟著鼠標的移動而左右移動。關于頁面，也是簡單的文字頁面，沒什么特別的，“個人簡歷”文字鏈接到WORD文檔“個人簡歷”(代碼：a

href="my.doc")，下面有個信息反饋的鏈接，鏈接到有關的“瀏覽者信息反饋表”，此信息反饋表用表單做的，用到單行文本域，多行文本域，單選框，復選框，按鍵，此表單可以用郵件方式反饋信息（mailto:redcarrot2001@163.com）。鏈接頁面，前面是我的個人主頁LOGO，一張用Firworks做的LOGO，并建立有關鏈接，中間是一些文字，下面是世界著名網(wǎng)頁的有關網(wǎng)址以及相應鏈接。

附錄：源代碼

(1) 狀態(tài)欄逐字出現(xiàn)的效果代碼：

script language="JavaScript"

var msg = "歡迎來到☆※◎~~~微言微語~~~☆※◎個人主頁，請多提意見。謝謝! "

;

var interval = 120

var spacelen = 120;

var space10=" ";

var seq=0;

function Helpor_net() {

len = msg.length;

window.status = msg.substring(0, seq+1);

seq++;

if ( seq = len ) {

seq = 0;

window.status = '';

window.setTimeout("Helpor_net();", interval );

}

else

window.setTimeout("Helpor_net();", interval );

}

Helpor_net();

/script

(2) 首頁收藏代碼：

onClick="window.external.addFavorite('','微言微語個人主頁')"---收藏本站br

（3）設為首頁代碼：

onclick="var

strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('');"---設為首頁/span/p

（4）滾動字幕代碼：

marquee align=left direction=up

behavior=scroll height=400

width=550 hspcace=5 scrollmount=2 scrolldelay=200

vspce=5 loop=-1

pspan class="0c13866f771a4bac css"1、真的很喜歡那些記錄多于表達的人。

br /

…………

…………

183、希望每一個新的一天，醒來的那個你都神清氣爽。/span

/p

/div

/p

/marquee

（5）添加背景音樂代碼：

bgsound src="aa.mp3" loop=1

（6）禁止右鍵復制功能代碼：

script language="JavaScript"

!--

document.oncontextmenu=new

Function("event.returnValue=false;"); //禁止右鍵功能,單擊右鍵將無任何反應

document.onselectstart=new

Function("event.returnValue=false;"); //禁止先擇,也就是無法復制//--

/script

style type="text/css"

（7）光芒四射代碼：

duplicateMovieClip("line","line"+i,i);

setProperty("line"+i,_rotation,random(360));

setProperty("line"+i,_alpha,random(100));

i++;）

if(i100){

gotoAndPlay(1);

}else{

i=1;

}

（8）鼠標跟隨代碼：

movie._visible=0;

i=0;

i++;

if(i100){

i=1;

}

movie._x+=(_xmouse-movie._x)/30;

movie._y+=(_ymouse-movie._y)/30;

duplicateMovieClip(movie,"movie"+i,i);

this["movie"+i]._x=movie._x;

this["movie"+i]._y=movie._y;

gotoAndPlay(2);

（9）循環(huán)滾動圖片：

onClipEvent (enterFrame) {

this._x-=(_root._xmouse-300)/15;

if(this._x1371.1){

this._x=this._x-1371.1;

}

if(this._x-1371.1){

this._x=this._x+1371.1;

}

}

（10）左右鍵控制的圖片移動按鈕：

on(release)

{getURL("index.html","_blank");}

六、實訓中遇到的難點及解決辦法：

在設計開始的時候，想的太多，不知道怎么開頭，定哪個主題，背景，色調，文字，布局都沒有頭緒，后來，開始做，而且覺得越做越有頭緒了，所以我覺得，還是不要想的太多，太復雜了，不要追求完美，不要做的網(wǎng)頁太多，搞到最后，別人都不知道，你這個網(wǎng)站的主題是什么了。

還有就是布局的時候總是不能做到很美觀，后來，我把頁面屬性改了左過距為10，上邊距為10，剛好把背景圖片里面的那些亮麗的鈕扣圖案顯示出來，改變了表格背景圖的灰暗，使網(wǎng)頁的整體看起來更美觀了。

在做CSS樣式表的時候，做字的顏色的時候，老是不知道用哪種顏色才搭配的起這個背景，后來，看到那個背景的鈕扣顏色與灰色配起來很好看就用吸管取了鈕扣的顏色了。

七、實訓心得：

在我看來，設計網(wǎng)頁，應該先策劃，策劃很重要，加上創(chuàng)意，配色很重要，技術與鑒賞能力是最主要的。建立站點的時候，各個文件夾取名的時候，最好用相應的英語，見名知意，如圖片文件夾用image，網(wǎng)頁文件夾用html。

在所有配色當中，不同的顏色傳達著不同的意義也有不同的象征。如白色代表著：清潔、天真、潔凈、真理、和平、冷淡、貧乏；灰色讓人聯(lián)想到灰塵、石頭、水泥、白銀，象征著中庸、平凡、溫和、謙讓，它給人以中立和高雅的感覺。太多的顏色會給人帶來視覺上的疲勞。所以，在我下載準備素材的時候，就選擇用灰色做背景顏色，灰色太貧乏，就加上亮色的鈕扣起到“中和”的作用。

通過此次實訓,我覺得平面設計的創(chuàng)意思維、版面設計、色彩配置、圖形創(chuàng)意等方面都有很重要，對于網(wǎng)頁制作來說，我覺得是一個以多學科設計為基礎，受到包括視覺藝術、技術、內容的多種影響。網(wǎng)頁設計的技術不算什么困難，真正困難的是網(wǎng)頁的設計創(chuàng)意，文字我覺得也很重要，有些人瀏覽你的網(wǎng)頁不是喜歡上你的艷麗漂亮的圖片，也許是喜歡上你的文字，那種感動人心的，唯美的文字。文字與圖片要搭得上調，不可能用一張美女圖做背景，上面卻寫有關于親情的文章。也就是整體的搭配問題。

通過此次實訓，使我對于網(wǎng)頁制作的三大軟件有了進一步的了解，各功能都能夠實現(xiàn)。提高了自己的鑒賞能力，綜合搭配能力，也對以前學過的內容進行了綜合的復習。

通過此次實訓，我更了解到，生活中有許多色彩，搭配顏色的時候，聯(lián)想到生活中的東西會做的更漂亮，給人一種親切感，現(xiàn)在看到什么東西，我就會聯(lián)想到做網(wǎng)頁的時候，還有怎么布局。反正此次實訓收獲很多。

最后，我想，如果此次實訓老師是要我們分組來做的話，也許，我們可以做得更好，因為，一個想的畢竟不全面，而且，一個人的申美有限，我們可以分工合作，一個人做一個方面的東西，也可以根據(jù)他所善長的方面來分工，善長動畫制作的人做動畫，善長圖片處理的人做圖片，善長文字與布局的就來布局。但是，也許那樣，有些同學會懶的動手，推著給別人做。

網(wǎng)頁設計實訓總結心得6篇(2)

網(wǎng)頁設計實訓總檔清結心得體會范文4

上周，也就是5月31日到6月4日的五天里，我們電商專業(yè)進行了為期五天的網(wǎng)頁制作實訓。

在機房里待了一個星期，雖然生理反應不大，但是還是塵蠢蘆不好受。原本以為是實訓比平時上課要舒服多了吧，但是這一個星期下來差點沒被累死，比平時上課還疼苦。但是在這實訓的一星期里我的收獲還是很多的。

第一、從這次實訓當中我深刻的體會到理論知識的重要性，只有在自己熟練理論知識后再能在實踐中游刃有余，才不會出現(xiàn)“書到用時方恨少”的尷尬體會。

第二、實訓中我印象最深的是對各種網(wǎng)頁制作工具的使用不熟練，甚至還有個別不會用的，只是自己想要做個圖片或圖標等都做不好，其心情想而知。所以對這些網(wǎng)頁是做工具的使用都要練習。

第三、集體協(xié)作是我又一個體會。這次網(wǎng)頁制作由于某些原因我一個人一組，是我搞掘到壓力很大而且很累，而且我自己的思維能力很有限，網(wǎng)站設計和制作上也略顯粗糙和不足，正所謂：你有一個思想，我有一個思想，分享后我們就都有兩個思想。所以與同學合作是很有必要的。

總之，這5天里自己雖然很累，但是自己的收獲也是很不小的，所以我也是很開心的。

網(wǎng)頁設計實訓總結心得體會范文5

實訓的五天中，我的心情就好像這五天的天氣變化，有晴有陰，只是差了點眼淚。但這并沒有使我放棄，我不想落后，也不想拖小組的后腿，我告訴自己只有努力做好一切才是我的選擇。一次次的失敗，一次次的嘗試，做好的那一刻，激動、高興。我不是天才，有些知識不會。查書，問同學，找代碼等等，時間飛速的流逝著，有些學會了，但仍然有不會的。

我們的小組從開始就產生了分歧，網(wǎng)站主題不一致。直到制作網(wǎng)站的第三天，我們才達成共識，兩方各退一步。還好，大家做出來的效果差不多，接下來的幾天大家一起努力制作網(wǎng)頁。遇到問題了，互相討論，找出解決的方法，解決不了的就找人問。

在規(guī)劃網(wǎng)站結構前，我們在互聯(lián)網(wǎng)上大量的尋找網(wǎng)站布局規(guī)劃，“不行”、“不行”、“與主題不搭”等一遍遍否定的話不斷說出，終于確定了。我們做旅游的，以春夏秋冬四季分作，色調意思及顏色搭配。制作的過程中，我們改變了初衷，不知道是好，還是壞，決定做春夏冬三季及另外涉及天下旅游方面的主網(wǎng)頁。

選取素材，一個個的挑，看的越多也變得越難選，好多與自己想要的想差太遠，找的眼都花了，還是得找。磨練又一次的來了，堅持吧，努力吧，找完就好了。

制作網(wǎng)頁，一遍遍的改。不對、不對，顏色不搭，不能突出主題，瀏覽出來的結構不搭，改吧。累啊，煩呢，還是得繼續(xù)做。做網(wǎng)站是即使出現(xiàn)再多的錯誤，也要堅持做，耐心點，做好做完就好了，就輕松了。

我們經常在嘴邊掛著要有“團隊合作理念”，但行動起來時，有些人還是會忘記，也許是固執(zhí)，也許是其他原因。遇到這種情況時，要有人站出來調節(jié)，盡快解決矛盾，否者會影響整體的工作進程，彼此不高興。制作網(wǎng)頁不協(xié)調，影響質量。

我們這次實訓的目的及要求是：以小組為單位，合作完成從確定網(wǎng)站主題、規(guī)劃網(wǎng)站結構、選取網(wǎng)頁素材、到制作網(wǎng)頁內容等步驟，從而掌握網(wǎng)站建設的全流程。同時，培養(yǎng)團隊協(xié)作精神，提高綜合運用所學分析、解決實際問題的能力，實現(xiàn)由理論知識向操作技能的轉化。

網(wǎng)頁設計實訓總結心得體會范文6

從學校 畢業(yè) 后，我第一次步入了社會，從此開始了面對社會、工作的生活。剛剛走入社會的我是一個性格有些內向的人，面對陌生的人，我不善言辭，不會給自己的外表進行很好的包裝，不適合做派帶那些銷售、接待的工作，只有技術類的工作，少說多干的活適合我，這個我很清楚?，F(xiàn)在，中國每年都有很多畢業(yè)的大學生找不到工作，我也不例外，所以，這第一次實習工作肯定不會太好找，但是相反，我的運氣還不錯。找到了一份網(wǎng)頁設計的工作?，F(xiàn)將我在工作中的情況 報告 如下。

一、工作介紹

我工作的這家公司，從事網(wǎng)站開發(fā)工作的，公司在技術團隊這部分是比較正規(guī)的，一般是五到六人為一個小組，小組中有明確分工，有負責聯(lián)系客戶接恰生意的，有專門做技術的，而在技術這塊分為網(wǎng)站前臺、后臺開發(fā)，我在學校主要做的是后臺開發(fā)，當然前臺設計工作也還算熟練，但不是很精通。我們這個小組一般接下的活都是一些小型網(wǎng)站的開發(fā)工作，這樣的網(wǎng)站技術難度不大，而且工作周期短，有相當一部分的，只需要通過cms軟件就可以進行開發(fā)。但是有個別的網(wǎng)站開發(fā)時，我們還是需要進行一些手寫代碼工作的。

二、開發(fā)技術

做為一個剛畢業(yè)的大學生，我的知識儲備肯定有不足的地方，畢竟學校教的東西肯定會有一部分和社會是脫節(jié)的，但好在我的領導對于我沒有太多的要求，他只是要求我盡快的適應公司的工作和生活，在短時間內熟練的掌握相關技術，干好本職工作。

在大學里對一個學生來說什么是最重要的，那就是學習能力。要知道，這個世界上，知識在發(fā)展，人類在進步，每天都在進行日新月異的變化，我們的知識儲備總會有不夠的地方，但是一定要有學習能力，將不會知識快速掌握，只有這樣才能占據(jù)主動，減少被動情況的尷尬發(fā)生，通過二個星期的時間，我成功的適應了公司的工作和生活節(jié)奏，每天早九點上班，晚17:30下班，中午休息一個半小時，每周還有兩天假期。我利用業(yè)余時間，抓緊學習，將工作中所需要的技術進行了強化學習，其實這些東西在學校的時候就接觸過，只是不精通。那個時候學的東西多，難免有個主次之分，這次工作了，才知道哪個應該多學點，但好在我都有學過，所以有個好的基礎在這里，也就不怕了，比如說：flash，公司要求技術人員會做flash，flash這東西以前我在宿舍的時候經常玩的，可是后來在分析就業(yè)情況時，分析錯了方向，以為這東西沒有什么用處，結果就給荒廢了。但好在還有印象，并且當初記了很多的筆記，所以說記筆記是很重要的事情。而其它像javascript、xml、數(shù)據(jù)庫這些東西我都學過，只是實踐能力稍差一點，但好在從前在學習方面用的功不是白費的。通過這種實戰(zhàn)環(huán)境，和半個月的刻苦學習，我終于可以感上小組的工作進度了，已經可以很好的完成領導教給我的任務了。

像我這個組常用的是css+div排版，后臺使用php技術進行開發(fā)，服務器平臺采用，linux+apache+mysql+php,這種lamp組合，我很高興在學校學的東西能學有所用。以前我們是用表格(table)進行排版，這種方式簡單但是已經有些過時了，現(xiàn)在大部分網(wǎng)站都開始了重新構架，所以都采用css+div進行網(wǎng)頁排版，我目前正在學習，掌握的還算比較快。而在后臺開發(fā)部分，我們使用php來進行開發(fā)，我的工作是手寫一些小模塊?；蛘哂胘avascript寫一些特效小代碼。

三、工作流程

小組分工時，我負責后臺里小模塊的開發(fā)工作，如：留言板或論壇，還有一部分javascript代碼編寫工作。前臺部分的工作是和組里的丁珊珊做一些排版的工作，使用css+div技術。編寫代碼這種工作看起來有些枯燥，其實時間長了以后，還真有點厭煩，但是后來我明白，只有將自己的本職工作做好，提高自己的技術，做出優(yōu)良的東西，這樣自己才會有價值感，才會對自己的工作保持新鮮感。所以我每天都在工作后，記錄下每天在技術上的不足之處，回家后，將強學習，這所謂：找出不會的地方，學會它，你就變的強大了。

php是現(xiàn)在比較流行的一種網(wǎng)站開發(fā)技術，由于它是開源的免費代碼，并因良好的跨平臺性能受到了大重的喜歡，我個人認為php很簡單，適合初學者學習使用，但是在某些地方想要做好，就需要你認真的學習了。目前，我負責的只是技術性較低和規(guī)模較小的模塊，不過，我覺得從簡單處做起也挺好的，但是我在寫代碼時，還是經常犯些小錯誤，導致代碼頁面經常出錯，而自己往往還找不到是哪錯了，有幾次急的都不行，不管怎么弄，結果就是錯誤，后來我才發(fā)現(xiàn)，原來只是一個小錯誤，小的不仔細察看，我都找不到。于是我明白，做開發(fā)工作，一定要細心，否則就會給自己和別人帶來麻煩。

四、安全檢查

安全檢查是很重要的一個環(huán)節(jié)，就像你給人家蓋房子，房子蓋好了，可是門和窗不結實，那這種就必然不會安全的了。頁站的制做也是同樣的道理，在安全方面，有一個地方是和開發(fā)人員有很大的關系的。因為開發(fā)人員技術的高低決定了網(wǎng)站的安全性，有些人員在一些環(huán)節(jié)上的疏漏，很有可能導致網(wǎng)站在實際使用時，遭到黑客攻擊，如果造成了經濟損失就無法挽救了。

所以，我們每個人在將各自的工作完成以后，組長和其它專門的技術人員會對網(wǎng)站的安全性進行測試，找出存在的漏洞，然后加以修改。以使它的安全性達到最高最穩(wěn)定的狀態(tài)。

在公司進行實習工作的這段時間，我在個人技術上收獲了很多，現(xiàn)在的我已經能獨檔一面了，做一些難度比較大的工作，我通過優(yōu)異的表現(xiàn)，已經轉為正式員工，我對自己的表現(xiàn)感到滿意，最重要的是我給自己的學校爭了光，但是在社交能力方面，溝通能力上還有不足的地方。我決定在今后的工作和學習，要加強和別人的溝通能力。使自己變的更好，為國家為社會做出更多的貢獻。

網(wǎng)頁設計實訓總結心得6篇相關 文章 ：

★ 網(wǎng)頁設計實訓總結心得6篇

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

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

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

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

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

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

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

★ 學習網(wǎng)頁設計的總結

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

關于網(wǎng)站建設實訓報告doc和網(wǎng)站建設實訓報告結論的介紹到此就結束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關注本站。