網頁設計的實習報告2篇

　　隨著社會一步步向前發(fā)展，報告使用的頻率越來越高，報告具有語言陳述性的特點。那么大家知道標準正式的報告格式嗎？下面是小編精心整理的網頁設計的實習報告，歡迎大家分享。

網頁設計的實習報告1

　　一、任務內容

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

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

　　二、設計步驟

　　一、構思

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

　　二、取材

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

　　三、設計 （一）網頁設計

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

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

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

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

　�。ǘ�）幻燈片設計

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

　�。ㄈ�）flash設計

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

　　四、美化

　�。ㄒ唬┨砑颖尘耙魳�

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

　�。ǘ�）設計網頁過渡 （三）添加超鏈接

　　三、采用的方法與手段

　�。ㄒ唬┦褂肍rontpage制作網頁

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

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

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

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

　�。ǘ�）使用Powerpoint制作幻燈片

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

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

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

　　（三）使用Flash制作動畫

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

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

網頁設計的實習報告2

　　一、 實習目的

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

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

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

　　(二) 在實踐中查漏補缺

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

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

　　(三) 在工作中打磨自己

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

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

　　二、 實習內容

　　(一) 實習主要內容

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

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

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

　　1）使用Photoshop、AI等圖片處理軟件設計、處理和制作網站上需要的圖片

　　2）使用DIV+CSS樣式及基礎的HTML語言做頁面布局的排版

　　3）使用Photoshop對網頁進行配色及排版設計

　　4）編寫CSS代碼使網站頁面無論是在IE瀏覽器里還是在FF瀏覽器上正常顯示

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

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

　　2）使用Photoshop對文案進行概念配圖

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

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

　　(二)工作過程

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

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

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

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

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

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

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

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

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

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

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

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

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

　　2）最終banner圖片并沒有全都采用我設計的，有一些還是因為不夠大氣被撤下來了。一開始我還挺灰心，覺得自己的付出沒有得到認可。但是我知道當初經理就是感覺可以給我試一下，才給我這個機會去讓我發(fā)揮一下的，所以我好好學習了別人的圖片，看自己的和別人的差別在哪里，不浪費這次嘗試性地努力。

　　3、經理讓我參考舊網站單獨做一個公司簡介的頁面

　　1）我知道經理的意思是重新排版成符合網站的配色。這樣對我來說其實很簡單。但是我從舊網站了解到公司簡介那篇文案比較累贅，如果想要瀏覽網站的用戶肯停留在這個頁面多幾秒，或者因為這個公司簡介的頁面而更信任這個公司的產品，更有沖動訂個公司的寄存柜就要在文案的內容上下功夫，就要在表現上更生動，讓人看著不會覺得文字流水賬，很煩躁。

　　于是在經理沒有給我嚴格期限的時候，我選擇了按照自己的思路去修改文案，

　　把多余的文字刪掉，根據公司的優(yōu)勢修改出精簡的幾點，變得更有條理更有重點。

　　這只是對文案的初步處理，接著根據幾個要點用Photoshop處理幾張概念配

　　圖出來，將公司寄存柜的技術水平之領先，應用領域之眾多，銷售范圍之巨大等等用更生動形象的方式表現。從設想到思考中間的問題到最后的完成，花的時間雖然多，但是最終的效果得到了經理的肯定，對網站的宣傳作用起到了很好的幫助，這都是值得的。

　　三、 實習體會

　　做了2個月的網頁設計和編輯的實習生，終于體會到網頁設計并非只是圖文混排的那點事。當你真正的去努力的創(chuàng)造了之后，經常被別人一眼就否定了。這才真正明白一個好的網頁不只是效果華麗還要多從用戶的角度去考慮問題。通過實習，我不僅將自己在學校學過的東西通過實踐進步一鞏固，也通過向公司的人請教學到很多工作上的技巧，更通過實習體會到很多沒有人會教授給你的東西。 工作是人生活的重要部分，是我們畢業(yè)生必須面對的。就算是遇到困難，我也會用平常的心態(tài)實際看待問題，不說“不可能”，而是冷靜下來思考如何處理并付諸于實踐。

　　在實習的日子，我學習到了很多如果沒有這次經歷，就不會有的細膩體會。

　　(一) 深刻感受到什么是真正的細心

　　其實在高中甚至到大學，老師都總是強調“細心”,對于細心什么的我以前自我感覺還挺不錯的。但是當老師在斤斤計較一個標點符號或者花時間可以渲染“細心”的重要性的時候我就覺得好小題大做那時的我覺得“細心”是你可以刻意去營造的狀態(tài)。包括經理對我強調細致的時候我也是這樣想的。我覺得只要想到考試的時候或者處理工作的事情的時候去跟自己說細心點就好了。但是在這個實習的過程里，因為無意和粗心犯下的錯誤，才讓我明白老師反復說的話到底意義在哪里。往往一些不好的后果或者沒有必要的錯誤，正正是在你認為不用細心和沒有想過要去細心的行為后出現的。這才是我們?yōu)槭裁匆�養(yǎng)成這個習慣的原因。所以不管是生活中的小事情還是工作中的大事情，我們都要養(yǎng)成習慣，以細心認真的態(tài)度對待。

　　(二) 主動思考的重要性

　　從學校走向社會，首要面臨的問題便是角色轉換的問題。從一個學生轉化為一個單位人，一個單位人工作要考慮的問題就是如何發(fā)揮自己最大的價值為單位創(chuàng)造效益。做事要主動一點，這不是指一直主動問上司有什么事做，而是在別人交付你任務的時候自己主動想一下怎么做才更好，而不是把自己當一個機器人一樣。就像做公司簡介頁面的時候，我把自己做得效果給經理看的時候，經理說“你真的很用心，很負責”，“你做的公司簡介那個頁面，讓我感觸很深”。

【網頁設計的實習報告】相關文章：

網頁設計實習報告06-07

網頁設計的實習報告12-06

網頁設計實習報告11-08

網頁設計專業(yè)實習報告01-03

網頁設計與制作實習報告11-29

網頁設計實習報告12篇01-23

網頁設計實習報告(14篇)02-18

網頁設計實習報告 12篇01-19

網頁設計實習報告(精選13篇)01-11

網頁設計實習報告14篇01-01