隨著個人素質的提升，報告使用的頻率越來越高，我們在寫報告的時候要注意邏輯的合理性。怎樣寫報告才更能起到其作用呢？報告應該怎么制定呢？下面我給大家整理了一些優秀的報告范文，希望能夠幫助到大家，我們一起來看一看吧。

網頁設計實訓報告500字篇一

網頁是世界上最有價值的不動產之一。人們在這個不足0.1平米的空間內投資達數百萬美元。網頁對公司的影響比簡單的電子商務增收方法大得多;網頁也是公司對外的臉面。web站點就像一棟房子，它的每一個窗口都可以看成一扇門，人們可以沿著搜索引擎其他web站點的鏈接，繞過主頁而進入web的深層。

一.網站的整體規劃

1.討論網站主題：因為自己對普羅旺斯很感興趣，于是就想到要是一下為心中的仙境設計一個旅游網站。

2.定位網站ci形象：旅游網站最重要的就是是瀏覽者產生想去親身體驗一下的共鳴。于是在網頁設計上面，根據普羅旺斯夢幻般的意境，我采用的是清新雋永的ci形象。使瀏覽者有賓至如歸的感受。

3.確定欄目和板塊：

1]首先要考慮整個網頁的長和寬，以及長度和寬度之間的比例。

2]其次就應該考慮導航條的設置了。

3]正文的框架設置 (橫向因素和縱向因素交錯)

在瀏覽了很多精美的旅游網站之后，再結合自己的想法，我先在草紙上畫出了大體的欄目和板塊。

4.網站的整體風格和創意：建立一個浪漫的旅行網站，走映像派路線，目的務必使瀏覽者留下映像。

二.網頁制作的前期策劃與準備

1.資料的搜集：由于個人的愛好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢幻效果的網頁背景，fiash源代碼、小圖標和一些gif的動畫等。

2.熟悉制作工具軟件：

主頁制作的基本條件有：

硬件：

一臺電腦(64mb以上內存，當然越大越好啦);可以撥號上網;如果你有條件的話,建議:配置掃描儀,這將大大方便圖像和文字的輸入;

軟件：

html編輯軟件：常用的有frontpage、hotdog等，本文重點介紹 dreamweaver;

圖像處理軟件：常用的有photoshop、flash、fireworks 等;

文件上傳軟件：常用的有cuteftp、wsftp等。

三.網頁制作

真 的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規格，一下子把其他內容的框架擠開;插入的層太多，大一點的就把小一點的給覆蓋掉了;插入的 flash不能產生效果。總之問題一籮筐。實踐出真知，原來自己還有那么多欠缺的知識。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書管里借 了幾本網頁制作方面的書籍來參考。

在對基本知識有了詳細的了解之后，做起東西來就得心應手多了，知道引導頁能過加映像之后，我決定為我的網頁設計一個引導頁。

然后是主頁和二級頁面的設置。要注意,網上只能使用jpg和gif兩種圖象格式，其他諸如bmp和tif等很通用的格式都不能用在網上,因為它們太大了,但可以用圖象軟件進行轉換，比如office 97的照片編輯器。把準備在主頁上出現的圖象放進相應的目錄里后.

在一步一步的邊學邊做的過程中，看著心中的東西一點一點的出來，真的很有成就感。雖然自己的網頁技術還差的遠，但是回顧一下這周真的學到了很多的東西。

網頁設計實訓報告500字篇二

一、任務內容

原計劃打算以“植物”為主題，在設計過程中發現范圍過于寬泛，無法完成主題的設計。因自己十分喜愛梔子花且有所種植經歷，經考慮后重新確定了以“梔子花”為主題的網頁設計內容。主要分為一、梔子花的文化，二、梔子花的種類和生長特性以及三、我的梔子花三個模塊。

其中，模塊一使用幻燈片進行演示，主要分為關于梔子花的詩句、梔子花的傳說以及梔子花的蘊涵三個部分。模塊二采用網頁模板進行展示，主要介紹了大葉梔子和雀舌梔子兩種梔子。模塊三主要展示了自己拍攝的梔子花圖片。希望通過我的展示，讓他人對梔子花有所了解。

二、設計步驟

一、構思

首先，對梔子花的種類進行簡單的介紹;其次，對梔子花的文化內涵進行簡要描述;最后，展示自己種植的梔子花成果。因此，此次作業共由三部分網頁【一、主頁、二、梔子花的種類和生長特性、以及三、自己種植的梔子花的圖片三個模塊。】和一組幻燈片【梔子花的文化】構成。其中模塊二【梔子花的種類和生長特性】采用網頁模版組成，主要介紹了兩類梔子花——大葉梔子和雀舌梔子，更加便于了解。

二、取材

主要從網絡上獲取所需的圖片、音樂等關于梔子花的素材，其中部分照片從個人相冊中獲取。

三、設計 (一)網頁設計

模塊一、梔子花的文化以及模塊三、我的梔子花采用網頁設計。

在首頁添加表格，在表格內增添標題欄以及字幕，增添了圖片、背景圖片、背景音樂、文字、藝術字對首頁進行豐富和充實。在部分文字以及圖片上增加超鏈接，與三個模塊進行連接，便于翻閱。

在模塊二中采用網頁模板進行展示，主要介紹了大葉梔子和雀舌梔子兩種梔子。在模板內采用表格對網頁進行劃分，對梔子花進行概述和分類描述。插入圖片，便于直觀的了解各個種類的梔子花。其中，各個種類的梔子花展示位于網頁模板的右方，在左方進行總說，并通過超鏈接與梔子花的分類說明建立聯系。

在模塊三中，通過繪制表格對網頁進行大小不同的劃分，插入梔子花的圖片拼接成整個網頁。

(二)幻燈片設計

此組幻燈片主要用來介紹梔子花的文化。在幻燈片上主要增添了背景圖片、背景音樂以及大量的文字說明，未對幻燈片進行大量的美化和修飾，主要目的是為了讓他人關注了解梔子花的豐富的內涵和文化。

(三)flash設計

此次flash設計主要用于美化模塊二中對大葉梔子以及雀舌梔子的介紹過程。

四、美化

(一)添加背景音樂

在主頁以及各個模塊中均插入了背景音樂。

(二)設計網頁過渡 (三)添加超鏈接

三、采用的方法與手段

(一)使用frontpage制作網頁

單擊新建網頁可選擇新建空白網頁或其他網頁模版。

單擊表格，選定繪制表格或布局表格或單元格即可繪制單元格。 選定單元格，單擊鼠標右鍵選定背景即可插入背景圖片。

選定網頁，單擊鼠標右鍵，選定網頁屬性，瀏覽格式即可添加網頁背景。 選定單元格，即可輸入文字。

選定插入，選擇插入圖片或藝術字即可插入圖片或藝術字。 選定插入，選擇交互式按鈕，即可插入字幕。 選定格式，選擇網頁過渡，即可設計網頁過渡效果。

(二)使用powerpoint制作幻燈片

單擊鼠標右鍵，選定背景，選定其他填充效果，瀏覽選定圖片即可添加背景圖片。

單擊插入，選擇圖片，即可添加圖片或者藝術字。

選定文字，單擊鼠標右鍵，選擇自定義動畫即可添加自定義動畫。 選定幻燈片，單擊鼠標右鍵，選擇自定義動畫即可添加自定義動畫。 選定藝術字，單擊鼠標右鍵，選擇自定義動畫即可添加自定義動畫。、

(三)使用flash制作動畫

單擊插入新建元件，即可進行元件的編輯。

單擊15幀或30幀，單擊鼠標右鍵，選擇插入空白關鍵幀。 單擊第一幀或第15幀，選擇補間，選擇形狀或動畫即可。

網頁設計實訓報告500字篇三

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

一、實習工作介紹

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

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

二、初來公司的時候

(一)初級考試

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

(二)三天的培訓工作

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

(三)最后的考核

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

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

三、正式工作

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

四、業余的生活

每天的工作都是是很快的，有時感覺時間過的很快，想停都停不住，早上出去的時候，見的是太陽，晚上下班后看到的是即將落日的夕陽或者是星星，每天就這么快的過去了，每個工作日結束后，我都會在下班后步行一段時間，去附近的圖書城充會電，或者放松一下，找一些我喜歡的書，看上幾個小時。

網頁設計實訓報告500字篇四

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

工作介紹

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

開發技術

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

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

通過這種實戰環境，和半個月的刻苦學習，我終于可以感上小組的工作進度了，已經可以很好的完成領導教給我的任務了

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

網頁設計實訓報告500字篇五

一、 實習目的

(一) 檢驗自己是不是真的適合這個職業

鑒于自己對未來的職業生涯的規劃更傾向于設計，這和自己所學的專業不是

十分有聯系，所以我希望在實習的過程里思考自己未來是否適合從事這方面的工作，為以后求職之路少走彎路做一定的嘗試。

(二) 在實踐中查漏補缺

在學校學習的網站建設知識僅僅停留在平時的作業里，并沒有得到充分的運

用。希望可以藉由這次實習，好好鞏固書面知識。在實際運用中通過發現問題，解決問題對知識進行查漏補缺。

(三) 在工作中打磨自己

由于學校和社會是截然不同的生活、學習、工作氛圍，在工作中我們不可以

像在學校一樣隨心所欲，待人接物方面需要更有禮貌的溝通和恰當好處的圓滑。希望在實習里，和同事上司的相處中獲得這方面的成長。

二、 實習內容

(一) 實習主要內容

廣州________有限公司是一個研發和銷售智能寄存柜的公司。它的產品在展示和

銷售這兩個環節很需宣傳冊、企業網站等作為一個推廣媒介。我實習的主要內容就是配合網絡部去完成網站建設的工作，涉及前臺的外觀設計和后臺的代碼編寫，以及宣傳冊的設計。

1、負責設計公司整個企業網站的頁面部分,根據網頁設計師或客戶所提供的主題要求和思路框架來設計出整個網站。

1)使用photoshop、ai等圖片處理軟件設計、處理和制作網站上需要的圖片

2)使用span+css樣式及基礎的html語言做頁面布局的排版

3)使用photoshop對網頁進行配色及排版設計

4)編寫css代碼使網站頁面無論是在ie瀏覽器里還是在ff瀏覽器上正常顯示

2、負責網站的幾個主體模塊的文案撰寫和后臺編輯

1)在已有的文案上配合網站架構進行提煉和歸納整理

2)使用photoshop對文案進行概念配圖

3)在后臺將文案部分合理配色排版

4)按照網站架構在后臺錄入所有產品資料

(二)工作過程

在公司的2個多月里，我的工作都是由負責整個網站文案架構的曹經理分配

監督的。確認實習機會前的面試的時候也是由他負責的。面試的時候他并沒有過多的考察我在網站制作上的技術問題。更多的從我對網站設計方面的配色排版的現有審美以及做事的認真細致程度去考察的。從一開始我就以踏實認真的態度對待每一項他交付給我的任務。下面我挑選一些讓我收獲很多，學習很多，影響我很多，讓我回想起來都是歷歷在目的事情重點說一下。

1、 經理讓我按照網頁設計師提供的jpg稿變成span和css 。

1)這個任務簡單來說就是架構網頁框架和完善里面的文本主體。里面涉及很多文本，我覺得既然有具體的設計稿就一定保存有文案，所以咨詢了經理是否有必要花這部分時間去打文本。經理的回復是很有必要。他的意見是，讓我重新輸入文本可以幫助檢查錯誤，同時可以讓我更熟悉公司的產品和網站的主要內容，對我后面的工作有幫助。頓時知道，一個實習生想到的東四是多么的膚淺，對經理工作上的態度更是肅然起敬。

2)因為經理沒想要讓實習生負責過于復雜的事情，在這部分工作中設計的span 和css的內容并沒有很復雜，需要的就是要注重細節。但實際上自己做事遠沒有自已一開始想象的那么能夠靜下心地考慮大局。只要想到一個覺得挺好的排版我就一下子全部套用了，以至于最后通過多次檢查，發現這個排版有瑕疵的時候又要重頭再來。這些經歷都讓我體會到比起表面的工作速度，有前面深思熟慮的慢節奏才能造就最終的高效率。所以一開始在用css排版的時候其實應該多做幾個版本仔細做對比，看清楚哪個更合適才確定的。

2、經理讓我設計幾個欄目對應的banner圖片

1)由于自己并沒有專門學過banner規范和設計方面的專業知識，有的只是審美方面的一些小體會。接手這個工作需要花大量的時間去學習和參考。一開始略略覺得壓力大，但是覺得經理讓我去做，就是相信我的能力。所以我也沒有慌，按照自己的節奏和需要邊學邊做。

從整體了解主題：自己找了多個類似的企業網站作參考，通過總結企業網站。

中，幾個主要的欄目在網站上具體意義，體會這對應的幾個欄目banner的設計意義。

思考配色與構圖：對整個內容有了一了解后，便要思考作品的色彩和具體的。

構圖，先用筆畫出草圖，有時候也會直接在腦海里構思。除了從公司的角度，圍繞要傳達的東西去設計，我也充分意識到要轉換身份從用戶的角度出發，怎樣才可以更吸引人。總體來說就是除了審美上的設計，也考慮很多目的性。

查找素材：素材這個問題我總結了一種思路，電腦里下載一些專業的“科技。

信息”圖庫。另外配合專業在線圖庫網站(通常是國外站點)+google，百度圖片等搜索引擎進行即使的素材查找。再加上自己平時積累的素材，選擇是非常大的。最后就是不斷地觀察對比最終效果，看哪幾張banner圖片更適合整體網站。