網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告2篇
隨著社會(huì)一步步向前發(fā)展，報(bào)告使用的頻率越來(lái)越高，報(bào)告具有語(yǔ)言陳述性的特點(diǎn)。那么大家知道標(biāo)準(zhǔn)正式的報(bào)告格式嗎？下面是小編精心整理的網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告，歡迎大家分享。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告1
一、任務(wù)內(nèi)容
原計(jì)劃打算以“植物”為主題，在設(shè)計(jì)過程中發(fā)現(xiàn)范圍過于寬泛，無(wú)法完成主題的設(shè)計(jì)。因自己十分喜愛梔子花且有所種植經(jīng)歷，經(jīng)考慮后重新確定了以“梔子花”為主題的網(wǎng)頁(yè)設(shè)計(jì)內(nèi)容。主要分為一、梔子花的文化，二、梔子花的種類和生長(zhǎng)特性以及三、我的梔子花三個(gè)模塊。
其中，模塊一使用幻燈片進(jìn)行演示，主要分為關(guān)于梔子花的詩(shī)句、梔子花的傳說(shuō)以及梔子花的蘊(yùn)涵三個(gè)部分。模塊二采用網(wǎng)頁(yè)模板進(jìn)行展示，主要介紹了大葉梔子和雀舌梔子兩種梔子。模塊三主要展示了自己拍攝的.梔子花圖片。希望通過我的展示，讓他人對(duì)梔子花有所了解。
二、設(shè)計(jì)步驟
一、構(gòu)思
首先，對(duì)梔子花的種類進(jìn)行簡(jiǎn)單的介紹；其次，對(duì)梔子花的文化內(nèi)涵進(jìn)行簡(jiǎn)要描述；最后，展示自己種植的梔子花成果。因此，此次作業(yè)共由三部分網(wǎng)頁(yè)【一、主頁(yè)、二、梔子花的種類和生長(zhǎng)特性、以及三、自己種植的梔子花的圖片三個(gè)模塊。】和一組幻燈片【梔子花的文化】構(gòu)成。其中模塊二【梔子花的種類和生長(zhǎng)特性】采用網(wǎng)頁(yè)模版組成，主要介紹了兩類梔子花——大葉梔子和雀舌梔子，更加便于了解。
二、取材
主要從網(wǎng)絡(luò)上獲取所需的圖片、音樂等關(guān)于梔子花的素材，其中部分照片從個(gè)人相冊(cè)中獲取。
三、設(shè)計(jì) （一）網(wǎng)頁(yè)設(shè)計(jì)
模塊一、梔子花的文化以及模塊三、我的梔子花采用網(wǎng)頁(yè)設(shè)計(jì)。
在首頁(yè)添加表格，在表格內(nèi)增添標(biāo)題欄以及字幕，增添了圖片、背景圖片、背景音樂、文字、藝術(shù)字對(duì)首頁(yè)進(jìn)行豐富和充實(shí)。在部分文字以及圖片上增加超鏈接，與三個(gè)模塊進(jìn)行連接，便于翻閱。
在模塊二中采用網(wǎng)頁(yè)模板進(jìn)行展示，主要介紹了大葉梔子和雀舌梔子兩種梔子。在模板內(nèi)采用表格對(duì)網(wǎng)頁(yè)進(jìn)行劃分，對(duì)梔子花進(jìn)行概述和分類描述。插入圖片，便于直觀的了解各個(gè)種類的梔子花。其中，各個(gè)種類的梔子花展示位于網(wǎng)頁(yè)模板的右方，在左方進(jìn)行總說(shuō)，并通過超鏈接與梔子花的分類說(shuō)明建立聯(lián)系。
在模塊三中，通過繪制表格對(duì)網(wǎng)頁(yè)進(jìn)行大小不同的劃分，插入梔子花的圖片拼接成整個(gè)網(wǎng)頁(yè)。
�。ǘ┗脽羝O(shè)計(jì)
此組幻燈片主要用來(lái)介紹梔子花的文化。在幻燈片上主要增添了背景圖片、背景音樂以及大量的文字說(shuō)明，未對(duì)幻燈片進(jìn)行大量的美化和修飾，主要目的是為了讓他人關(guān)注了解梔子花的豐富的內(nèi)涵和文化。
�。ㄈゝlash設(shè)計(jì)
此次flash設(shè)計(jì)主要用于美化模塊二中對(duì)大葉梔子以及雀舌梔子的介紹過程。
四、美化
（一）添加背景音樂
在主頁(yè)以及各個(gè)模塊中均插入了背景音樂。
�。ǘ┰O(shè)計(jì)網(wǎng)頁(yè)過渡 （三）添加超鏈接
三、采用的方法與手段
�。ㄒ唬┦褂肍rontpage制作網(wǎng)頁(yè)
單擊新建網(wǎng)頁(yè)可選擇新建空白網(wǎng)頁(yè)或其他網(wǎng)頁(yè)模版。
單擊表格，選定繪制表格或布局表格或單元格即可繪制單元格。 選定單元格，單擊鼠標(biāo)右鍵選定背景即可插入背景圖片。
選定網(wǎng)頁(yè)，單擊鼠標(biāo)右鍵，選定網(wǎng)頁(yè)屬性，瀏覽格式即可添加網(wǎng)頁(yè)背景。 選定單元格，即可輸入文字。
選定插入，選擇插入圖片或藝術(shù)字即可插入圖片或藝術(shù)字。 選定插入，選擇交互式按鈕，即可插入字幕。 選定格式，選擇網(wǎng)頁(yè)過渡，即可設(shè)計(jì)網(wǎng)頁(yè)過渡效果。
（二）使用Powerpoint制作幻燈片
單擊鼠標(biāo)右鍵，選定背景，選定其他填充效果，瀏覽選定圖片即可添加背景圖片。
單擊插入，選擇圖片，即可添加圖片或者藝術(shù)字。
選定文字，單擊鼠標(biāo)右鍵，選擇自定義動(dòng)畫即可添加自定義動(dòng)畫。 選定幻燈片，單擊鼠標(biāo)右鍵，選擇自定義動(dòng)畫即可添加自定義動(dòng)畫。 選定藝術(shù)字，單擊鼠標(biāo)右鍵，選擇自定義動(dòng)畫即可添加自定義動(dòng)畫。、
（三）使用Flash制作動(dòng)畫
單擊插入新建元件，即可進(jìn)行元件的編輯。
單擊15幀或30幀，單擊鼠標(biāo)右鍵，選擇插入空白關(guān)鍵幀。 單擊第一幀或第15幀，選擇補(bǔ)間，選擇形狀或動(dòng)畫即可。
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告2
一、 實(shí)習(xí)目的
(一) 檢驗(yàn)自己是不是真的適合這個(gè)職業(yè)
鑒于自己對(duì)未來(lái)的職業(yè)生涯的規(guī)劃更傾向于設(shè)計(jì)，這和自己所學(xué)的專業(yè)不是
十分有聯(lián)系，所以我希望在實(shí)習(xí)的過程里思考自己未來(lái)是否適合從事這方面的工作，為以后求職之路少走彎路做一定的嘗試。
(二) 在實(shí)踐中查漏補(bǔ)缺
在學(xué)校學(xué)習(xí)的網(wǎng)站建設(shè)知識(shí)僅僅停留在平時(shí)的作業(yè)里，并沒有得到充分的運(yùn)
用。希望可以藉由這次實(shí)習(xí)，好好鞏固書面知識(shí)。在實(shí)際運(yùn)用中通過發(fā)現(xiàn)問題，解決問題對(duì)知識(shí)進(jìn)行查漏補(bǔ)缺。
(三) 在工作中打磨自己
由于學(xué)校和社會(huì)是截然不同的生活、學(xué)習(xí)、工作氛圍，在工作中我們不可以
像在學(xué)校一樣隨心所欲，待人接物方面需要更有禮貌的溝通和恰當(dāng)好處的圓滑。希望在實(shí)習(xí)里，和同事上司的相處中獲得這方面的成長(zhǎng)。
二、 實(shí)習(xí)內(nèi)容
(一) 實(shí)習(xí)主要內(nèi)容
廣州xxxx有限公司是一個(gè)研發(fā)和銷售智能寄存柜的公司。它的產(chǎn)品在展示和
銷售這兩個(gè)環(huán)節(jié)很需宣傳冊(cè)、企業(yè)網(wǎng)站等作為一個(gè)推廣媒介。我實(shí)習(xí)的主要內(nèi)容就是配合網(wǎng)絡(luò)部去完成網(wǎng)站建設(shè)的工作，涉及前臺(tái)的外觀設(shè)計(jì)和后臺(tái)的代碼編寫，以及宣傳冊(cè)的設(shè)計(jì)。
1、負(fù)責(zé)設(shè)計(jì)公司整個(gè)企業(yè)網(wǎng)站的頁(yè)面部分,根據(jù)網(wǎng)頁(yè)設(shè)計(jì)師或客戶所提供的主題要求和思路框架來(lái)設(shè)計(jì)出整個(gè)網(wǎng)站。
1）使用Photoshop、AI等圖片處理軟件設(shè)計(jì)、處理和制作網(wǎng)站上需要的圖片
2）使用DIV+CSS樣式及基礎(chǔ)的HTML語(yǔ)言做頁(yè)面布局的排版
3）使用Photoshop對(duì)網(wǎng)頁(yè)進(jìn)行配色及排版設(shè)計(jì)
4）編寫CSS代碼使網(wǎng)站頁(yè)面無(wú)論是在IE瀏覽器里還是在FF瀏覽器上正常顯示
2、負(fù)責(zé)網(wǎng)站的幾個(gè)主體模塊的文案撰寫和后臺(tái)編輯
1）在已有的文案上配合網(wǎng)站架構(gòu)進(jìn)行提煉和歸納整理
2）使用Photoshop對(duì)文案進(jìn)行概念配圖
3）在后臺(tái)將文案部分合理配色排版
4）按照網(wǎng)站架構(gòu)在后臺(tái)錄入所有產(chǎn)品資料
(二)工作過程
在公司的2個(gè)多月里，我的工作都是由負(fù)責(zé)整個(gè)網(wǎng)站文案架構(gòu)的曹經(jīng)理分配
監(jiān)督的。確認(rèn)實(shí)習(xí)機(jī)會(huì)前的面試的時(shí)候也是由他負(fù)責(zé)的。面試的時(shí)候他并沒有過多的考察我在網(wǎng)站制作上的技術(shù)問題。更多的從我對(duì)網(wǎng)站設(shè)計(jì)方面的配色排版的現(xiàn)有審美以及做事的認(rèn)真細(xì)致程度去考察的。從一開始我就以踏實(shí)認(rèn)真的態(tài)度對(duì)待每一項(xiàng)他交付給我的任務(wù)。下面我挑選一些讓我收獲很多，學(xué)習(xí)很多，影響我很多，讓我回想起來(lái)都是歷歷在目的事情重點(diǎn)說(shuō)一下。
1、 經(jīng)理讓我按照網(wǎng)頁(yè)設(shè)計(jì)師提供的jpg稿變成div和css 。
1）這個(gè)任務(wù)簡(jiǎn)單來(lái)說(shuō)就是架構(gòu)網(wǎng)頁(yè)框架和完善里面的文本主體。里面涉及很多文本，我覺得既然有具體的設(shè)計(jì)稿就一定保存有文案，所以咨詢了經(jīng)理是否有必要花這部分時(shí)間去打文本。經(jīng)理的回復(fù)是很有必要。他的意見是，讓我重新輸入文本可以幫助檢查錯(cuò)誤，同時(shí)可以讓我更熟悉公司的產(chǎn)品和網(wǎng)站的主要內(nèi)容，對(duì)我后面的工作有幫助。頓時(shí)知道，一個(gè)實(shí)習(xí)生想到的東四是多么的膚淺，對(duì)經(jīng)理工作上的態(tài)度更是肅然起敬。
2）因?yàn)榻?jīng)理沒想要讓實(shí)習(xí)生負(fù)責(zé)過于復(fù)雜的事情，在這部分工作中設(shè)計(jì)的div 和css的內(nèi)容并沒有很復(fù)雜，需要的就是要注重細(xì)節(jié)。但實(shí)際上自己做事遠(yuǎn)沒有自已一開始想象的那么能夠靜下心地考慮大局。只要想到一個(gè)覺得挺好的排版我就一下子全部套用了，以至于最后通過多次檢查，發(fā)現(xiàn)這個(gè)排版有瑕疵的時(shí)候又要重頭再來(lái)。這些經(jīng)歷都讓我體會(huì)到比起表面的工作速度，有前面深思熟慮的慢節(jié)奏才能造就最終的高效率。所以一開始在用css排版的時(shí)候其實(shí)應(yīng)該多做幾個(gè)版本仔細(xì)做對(duì)比，看清楚哪個(gè)更合適才確定的。
2、經(jīng)理讓我設(shè)計(jì)幾個(gè)欄目對(duì)應(yīng)的banner圖片
1）由于自己并沒有專門學(xué)過banner規(guī)范和設(shè)計(jì)方面的專業(yè)知識(shí)，有的只是審美方面的一些小體會(huì)。接手這個(gè)工作需要花大量的時(shí)間去學(xué)習(xí)和參考。一開始略略覺得壓力大，但是覺得經(jīng)理讓我去做，就是相信我的'能力。所以我也沒有慌，按照自己的節(jié)奏和需要邊學(xué)邊做。
從整體了解主題：自己找了多個(gè)類似的企業(yè)網(wǎng)站作參考，通過總結(jié)企業(yè)網(wǎng)站
中，幾個(gè)主要的欄目在網(wǎng)站上具體意義，體會(huì)這對(duì)應(yīng)的幾個(gè)欄目banner的設(shè)計(jì)意義。
思考配色與構(gòu)圖：對(duì)整個(gè)內(nèi)容有了一了解后，便要思考作品的色彩和具體的
構(gòu)圖，先用筆畫出草圖，有時(shí)候也會(huì)直接在腦海里構(gòu)思。除了從公司的角度，圍繞要傳達(dá)的東西去設(shè)計(jì)，我也充分意識(shí)到要轉(zhuǎn)換身份從用戶的角度出發(fā)，怎樣才可以更吸引人�？傮w來(lái)說(shuō)就是除了審美上的設(shè)計(jì)，也考慮很多目的性。
查找素材：素材這個(gè)問題我總結(jié)了一種思路，電腦里下載一些專業(yè)的“科技
信息”圖庫(kù)。另外配合專業(yè)在線圖庫(kù)網(wǎng)站(通常是國(guó)外站點(diǎn))+Google，百度圖片等搜索引擎進(jìn)行即使的素材查找。再加上自己平時(shí)積累的素材，選擇是非常大的。最后就是不斷地觀察對(duì)比最終效果，看哪幾張banner圖片更適合整體網(wǎng)站。
2）最終banner圖片并沒有全都采用我設(shè)計(jì)的，有一些還是因?yàn)椴粔虼髿獗怀废聛?lái)了。一開始我還挺灰心，覺得自己的付出沒有得到認(rèn)可。但是我知道當(dāng)初經(jīng)理就是感覺可以給我試一下，才給我這個(gè)機(jī)會(huì)去讓我發(fā)揮一下的，所以我好好學(xué)習(xí)了別人的圖片，看自己的和別人的差別在哪里，不浪費(fèi)這次嘗試性地努力。
3、經(jīng)理讓我參考舊網(wǎng)站單獨(dú)做一個(gè)公司簡(jiǎn)介的頁(yè)面
1）我知道經(jīng)理的意思是重新排版成符合網(wǎng)站的配色。這樣對(duì)我來(lái)說(shuō)其實(shí)很簡(jiǎn)單。但是我從舊網(wǎng)站了解到公司簡(jiǎn)介那篇文案比較累贅，如果想要瀏覽網(wǎng)站的用戶肯停留在這個(gè)頁(yè)面多幾秒，或者因?yàn)檫@個(gè)公司簡(jiǎn)介的頁(yè)面而更信任這個(gè)公司的產(chǎn)品，更有沖動(dòng)訂個(gè)公司的寄存柜就要在文案的內(nèi)容上下功夫，就要在表現(xiàn)上更生動(dòng)，讓人看著不會(huì)覺得文字流水賬，很煩躁。
于是在經(jīng)理沒有給我嚴(yán)格期限的時(shí)候，我選擇了按照自己的思路去修改文案，
把多余的文字刪掉，根據(jù)公司的優(yōu)勢(shì)修改出精簡(jiǎn)的幾點(diǎn)，變得更有條理更有重點(diǎn)。
這只是對(duì)文案的初步處理，接著根據(jù)幾個(gè)要點(diǎn)用Photoshop處理幾張概念配
圖出來(lái)，將公司寄存柜的技術(shù)水平之領(lǐng)先，應(yīng)用領(lǐng)域之眾多，銷售范圍之巨大等等用更生動(dòng)形象的方式表現(xiàn)。從設(shè)想到思考中間的問題到最后的完成，花的時(shí)間雖然多，但是最終的效果得到了經(jīng)理的肯定，對(duì)網(wǎng)站的宣傳作用起到了很好的幫助，這都是值得的。
三、 實(shí)習(xí)體會(huì)
做了2個(gè)月的網(wǎng)頁(yè)設(shè)計(jì)和編輯的實(shí)習(xí)生，終于體會(huì)到網(wǎng)頁(yè)設(shè)計(jì)并非只是圖文混排的那點(diǎn)事。當(dāng)你真正的去努力的創(chuàng)造了之后，經(jīng)常被別人一眼就否定了。這才真正明白一個(gè)好的網(wǎng)頁(yè)不只是效果華麗還要多從用戶的角度去考慮問題。通過實(shí)習(xí)，我不僅將自己在學(xué)校學(xué)過的東西通過實(shí)踐進(jìn)步一鞏固，也通過向公司的人請(qǐng)教學(xué)到很多工作上的技巧，更通過實(shí)習(xí)體會(huì)到很多沒有人會(huì)教授給你的東西。 工作是人生活的重要部分，是我們畢業(yè)生必須面對(duì)的。就算是遇到困難，我也會(huì)用平常的心態(tài)實(shí)際看待問題，不說(shuō)“不可能”，而是冷靜下來(lái)思考如何處理并付諸于實(shí)踐。
在實(shí)習(xí)的日子，我學(xué)習(xí)到了很多如果沒有這次經(jīng)歷，就不會(huì)有的細(xì)膩體會(huì)。
(一) 深刻感受到什么是真正的細(xì)心
其實(shí)在高中甚至到大學(xué)，老師都總是強(qiáng)調(diào)“細(xì)心”,對(duì)于細(xì)心什么的我以前自我感覺還挺不錯(cuò)的。但是當(dāng)老師在斤斤計(jì)較一個(gè)標(biāo)點(diǎn)符號(hào)或者花時(shí)間可以渲染“細(xì)心”的重要性的時(shí)候我就覺得好小題大做那時(shí)的我覺得“細(xì)心”是你可以刻意去營(yíng)造的狀態(tài)。包括經(jīng)理對(duì)我強(qiáng)調(diào)細(xì)致的時(shí)候我也是這樣想的。我覺得只要想到考試的時(shí)候或者處理工作的事情的時(shí)候去跟自己說(shuō)細(xì)心點(diǎn)就好了。但是在這個(gè)實(shí)習(xí)的過程里，因?yàn)闊o(wú)意和粗心犯下的錯(cuò)誤，才讓我明白老師反復(fù)說(shuō)的話到底意義在哪里。往往一些不好的后果或者沒有必要的錯(cuò)誤，正正是在你認(rèn)為不用細(xì)心和沒有想過要去細(xì)心的行為后出現(xiàn)的。這才是我們?yōu)槭裁匆B(yǎng)成這個(gè)習(xí)慣的原因。所以不管是生活中的小事情還是工作中的大事情，我們都要養(yǎng)成習(xí)慣，以細(xì)心認(rèn)真的態(tài)度對(duì)待。
(二) 主動(dòng)思考的重要性
從學(xué)校走向社會(huì)，首要面臨的問題便是角色轉(zhuǎn)換的問題。從一個(gè)學(xué)生轉(zhuǎn)化為一個(gè)單位人，一個(gè)單位人工作要考慮的問題就是如何發(fā)揮自己最大的價(jià)值為單位創(chuàng)造效益。做事要主動(dòng)一點(diǎn)，這不是指一直主動(dòng)問上司有什么事做，而是在別人交付你任務(wù)的時(shí)候自己主動(dòng)想一下怎么做才更好，而不是把自己當(dāng)一個(gè)機(jī)器人一樣。就像做公司簡(jiǎn)介頁(yè)面的時(shí)候，我把自己做得效果給經(jīng)理看的時(shí)候，經(jīng)理說(shuō)“你真的很用心，很負(fù)責(zé)”，“你做的公司簡(jiǎn)介那個(gè)頁(yè)面，讓我感觸很深”。
【網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告】相關(guān)文章：
網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告06-07
網(wǎng)頁(yè)設(shè)計(jì)的實(shí)習(xí)報(bào)告12-06
網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告11-08
網(wǎng)頁(yè)設(shè)計(jì)專業(yè)實(shí)習(xí)報(bào)告01-03
網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)習(xí)報(bào)告11-29
網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告12篇01-23
網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告(14篇)02-18
網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)報(bào)告 12篇01-19