本篇文章給大家談?wù)劸W(wǎng)站建設(shè)實(shí)訓(xùn)報(bào)告開頭，以及網(wǎng)站設(shè)計(jì)的實(shí)訓(xùn)報(bào)告對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)總結(jié)心得6篇(2)
• 2、網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得
• 3、要一份網(wǎng)頁實(shí)訓(xùn)報(bào)告

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)總結(jié)心得6篇(2)

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)總結(jié)心得體會(huì)范文4

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

在機(jī)房里待了一個(gè)星期，雖然生理反應(yīng)不大，但是還是不好受。原本以為是實(shí)訓(xùn)比平時(shí)上課要舒服多了吧，但是這一個(gè)星期下來差點(diǎn)沒被累死，比平時(shí)上課還疼苦。但是在這實(shí)訓(xùn)的一星期里我的收獲還是很多的。

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

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

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

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

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)總結(jié)心得體會(huì)范文5

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

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

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

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

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

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

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

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)總結(jié)心得體會(huì)范文6

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

一、工作介紹

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

二、開發(fā)技術(shù)

做為一個(gè)剛畢業(yè)的大學(xué)生，我的知識(shí)儲(chǔ)備肯定有不足的地方，畢竟學(xué)校教的東西肯定會(huì)有一部分和社會(huì)是脫節(jié)的，但好在我的領(lǐng)導(dǎo)對(duì)于我沒有太多的要求，他只是要求我盡快的適應(yīng)公司的工作和生活，在短時(shí)間內(nèi)熟練的掌握相關(guān)技術(shù)，干好本職工作。

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

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

三、工作流程

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

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

四、安全檢查

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

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

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

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)總結(jié)心得6篇相關(guān) 文章 ：

★ 網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)總結(jié)心得6篇

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

★ 網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)報(bào)告心得

★ 網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得

★ 網(wǎng)頁設(shè)計(jì)實(shí)習(xí)心得體會(huì)總結(jié)

★ 網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得三篇

★ 網(wǎng)頁設(shè)計(jì)實(shí)習(xí)心得體會(huì)

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

★ 學(xué)習(xí)網(wǎng)頁設(shè)計(jì)的總結(jié)

★ 有關(guān)網(wǎng)頁制作實(shí)訓(xùn)報(bào)告心得體會(huì)

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得 篇1

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

一、準(zhǔn)備資料和挑選符合目的主題的合適素材。

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

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

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

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

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

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

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

最后感謝老師多日來的辛勤教導(dǎo)！

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得 篇2

[實(shí)習(xí)目的]

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

[實(shí)習(xí)任務(wù)]

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

[實(shí)習(xí)時(shí)間]

xxxxxx

[實(shí)習(xí)地點(diǎn)]

xxxx

[實(shí)習(xí)內(nèi)容]

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

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

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

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

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

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

[實(shí)習(xí)體會(huì)]

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

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

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

2．加強(qiáng)信心，堅(jiān)持下去

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

3、實(shí)訓(xùn)學(xué)習(xí)中的同學(xué)相處

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

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

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

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

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

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

實(shí)習(xí)生：xxx

20xx年x月

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得 篇3

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

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

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

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

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

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

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

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

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

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

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

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得 篇4

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

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

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

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

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

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

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

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

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

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

網(wǎng)頁設(shè)計(jì)實(shí)訓(xùn)心得 篇5

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

一、實(shí)習(xí)時(shí)間

xxx

二、實(shí)習(xí)介紹

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

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

三、實(shí)習(xí)內(nèi)容

（一）初級(jí)考試

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

（二）三天的培訓(xùn)工作

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

（三）最后的考核

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

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

（四）正式工作

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

四、實(shí)習(xí)體會(huì)

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

要一份網(wǎng)頁實(shí)訓(xùn)報(bào)告

一、實(shí)習(xí)目的：

通過教學(xué)實(shí)習(xí)掌握站點(diǎn)制作、站點(diǎn)測(cè)試與發(fā)布技術(shù)。會(huì)綜合利用Fireworks

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

二、實(shí)習(xí)內(nèi)容：

1.用Fireworks處理圖片。對(duì)圖片裁剪、鈍化、高斯模糊。設(shè)置圖片的GIF動(dòng)畫格式，制作標(biāo)題動(dòng)畫。對(duì)文字應(yīng)用效果。利用Fireworks制作導(dǎo)航條并導(dǎo)出格式為html。

2.用Flash制作標(biāo)題動(dòng)畫。首頁中的動(dòng)畫不超過20M。制作按鈕來超級(jí)鏈接到其他頁面。

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

文件及導(dǎo)入Flash中的SWF文檔，設(shè)置文檔間的超級(jí)鏈接。

三、具體要求：

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

2、 作一個(gè)主頁面，至少5個(gè)次頁面。

3、必須用到框架、表格或?qū)优虐婕夹g(shù)、Flash技術(shù)和圖像處理技術(shù)，使網(wǎng)站具有合理的外觀和功能。

4、 主頁基本要求：

　頁頭Logo，準(zhǔn)確無誤地標(biāo)識(shí)站點(diǎn)和企業(yè)標(biāo)志；

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

　導(dǎo)航條；

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

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

　版權(quán)信息。

5、制作一個(gè)表單頁面。

6、某個(gè)頁面有滾動(dòng)字幕。

7、為一個(gè)頁面添加背景音樂。

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

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

10、進(jìn)行站點(diǎn)測(cè)試后申請(qǐng)免費(fèi)空間并發(fā)布到網(wǎng)絡(luò)。

四、網(wǎng)站設(shè)計(jì)思路：

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

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

五、網(wǎng)站設(shè)計(jì)過程：

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

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

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

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

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

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

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

附錄：源代碼

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

script language="JavaScript"

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

;

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('','微言微語個(gè)人主頁')"---收藏本站br

（3）設(shè)為首頁代碼：

onclick="var

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

（4）滾動(dòng)字幕代碼：

marquee align=left direction=up

behavior=scroll height=400

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

vspce=5 loop=-1

pspan class="6ccac53fec84c8f2 css"1、真的很喜歡那些記錄多于表達(dá)的人。

br /

…………

…………

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

/p

/div

/p

/marquee

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

bgsound src="aa.mp3" loop=1

（6）禁止右鍵復(fù)制功能代碼：

script language="JavaScript"

!--

document.oncontextmenu=new

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

document.onselectstart=new

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

/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）鼠標(biāo)跟隨代碼：

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)滾動(dòng)圖片：

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）左右鍵控制的圖片移動(dòng)按鈕：

on(release)

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

六、實(shí)訓(xùn)中遇到的難點(diǎn)及解決辦法：

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

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

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

七、實(shí)訓(xùn)心得：

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

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

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

通過此次實(shí)訓(xùn)，使我對(duì)于網(wǎng)頁制作的三大軟件有了進(jìn)一步的了解，各功能都能夠?qū)崿F(xiàn)。提高了自己的鑒賞能力，綜合搭配能力，也對(duì)以前學(xué)過的內(nèi)容進(jìn)行了綜合的復(fù)習(xí)。

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

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

關(guān)于網(wǎng)站建設(shè)實(shí)訓(xùn)報(bào)告開頭和網(wǎng)站設(shè)計(jì)的實(shí)訓(xùn)報(bào)告的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。