網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告

網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告1

　　一、任務(wù)內(nèi)容

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

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

　　二、設(shè)計(jì)步驟

　　一、構(gòu)思

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

　　二、取材

　　主要從網(wǎng)絡(luò)上獲取所需的圖片、音樂等關(guān)于梔子花的素材，其中部分照片從個(gè)人相冊(cè)中獲取。

　　三、設(shè)計(jì) （一）網(wǎng)頁設(shè)計(jì)

　　模塊一、梔子花的文化以及模塊三、我的梔子花采用網(wǎng)頁設(shè)計(jì)。

　　在首頁添加表格，在表格內(nèi)增添標(biāo)題欄以及字幕，增添了圖片、背景圖片、背景音樂、文字、藝術(shù)字對(duì)首頁進(jìn)行豐富和充實(shí)。在部分文字以及圖片上增加超鏈接，與三個(gè)模塊進(jìn)行連接，便于翻閱。

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

　　在模塊三中，通過繪制表格對(duì)網(wǎng)頁進(jìn)行大小不同的劃分，插入梔子花的圖片拼接成整個(gè)網(wǎng)頁。

　　（二）幻燈片設(shè)計(jì)

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

　　（三）flash設(shè)計(jì)

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

　　四、美化

　　（一）添加背景音樂

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

　　（二）設(shè)計(jì)網(wǎng)頁過渡 （三）添加超鏈接

　　三、采用的方法與手段

　　（一）使用Frontpage制作網(wǎng)頁

　　單擊新建網(wǎng)頁可選擇新建空白網(wǎng)頁或其他網(wǎng)頁模版。

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

　　選定網(wǎng)頁，單擊鼠標(biāo)右鍵，選定網(wǎng)頁屬性，瀏覽格式即可添加網(wǎng)頁背景。 選定單元格，即可輸入文字。

　　選定插入，選擇插入圖片或藝術(shù)字即可插入圖片或藝術(shù)字。 選定插入，選擇交互式按鈕，即可插入字幕。 選定格式，選擇網(wǎng)頁過渡，即可設(shè)計(jì)網(wǎng)頁過渡效果。

　　（二）使用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)頁設(shè)計(jì)實(shí)習(xí)報(bào)告2

　　實(shí) 習(xí) 報(bào) 告

　　一、實(shí)習(xí)目的： 通過社會(huì)實(shí)踐，可以把我們?cè)趯W(xué)校所學(xué)的理論知識(shí)，運(yùn)用到客觀實(shí)際中去，使自己所有用武之地。以便能夠達(dá)到拓展自身的知識(shí)面，擴(kuò)大與社會(huì)的接觸面。

　　1、了解平面設(shè)計(jì)在焦作的市場(chǎng)現(xiàn)狀及前景。

　　2、進(jìn)一步掌握ps, coreldraw,等設(shè)計(jì)軟件的運(yùn)用。 3、嘗試把學(xué)校里學(xué)習(xí)的平面設(shè)計(jì)相關(guān)理論運(yùn)用到實(shí)習(xí)過程中。

　　4、初探做好平面設(shè)計(jì)師的方法，熟悉平面設(shè)計(jì)的方法和程序步驟。

　　5、培養(yǎng)人際交往與社交能力，為成為平面設(shè)計(jì)師作準(zhǔn)備。

　　二、實(shí)習(xí)時(shí)間：20xx年1月1日——4月30日

　　三、實(shí)習(xí)地點(diǎn)：威美（上海）金融偉德服務(wù)有限公司

　　四、實(shí)習(xí)內(nèi)容：平面設(shè)計(jì)

　　五、實(shí)習(xí)總結(jié)：

　　即將面臨大學(xué)畢業(yè)，因?yàn)閭サ乱曈X傳達(dá)專業(yè)，想豐富一下自己的知識(shí)，所以我找到了一家互聯(lián)網(wǎng)金融公司做UI平面設(shè)計(jì)，雖然和我所學(xué)的專業(yè)有些差異，但它對(duì)于我來說是受益匪淺，我所在的公司威美（上海）金融偉德服務(wù)有限公司，主要是網(wǎng)頁設(shè)計(jì)為主，也與繪畫有所偉德，既然選擇這個(gè)公司，我就要好好去學(xué)，使自己的基礎(chǔ)更牢固，技術(shù)更全面，在大學(xué)里學(xué)的知識(shí)卻不知道如何運(yùn)用，想偉德多個(gè)偉德，因此我非常珍惜這次實(shí)習(xí)的機(jī)會(huì)，在有限的時(shí)間里加深對(duì)繪畫對(duì)設(shè)計(jì)的了解，找出自身的不足。實(shí)習(xí)的內(nèi)容是學(xué)習(xí)網(wǎng)頁設(shè)計(jì)(Ps，ai，arp等軟件的使用)。

　　在實(shí)習(xí)過程中，我深深地感受到作為設(shè)計(jì)師通常缺乏足夠的對(duì)市場(chǎng)的了解和對(duì)管理層領(lǐng)導(dǎo)上的溝通，做出的設(shè)計(jì)作品經(jīng)常會(huì)與市場(chǎng)經(jīng)濟(jì)脫節(jié)；而作為管理者通常缺乏設(shè)計(jì)基礎(chǔ)和審美能力，往往為了追求市場(chǎng)效益，過多地拘束設(shè)計(jì)師的思維與創(chuàng)新，忽略了設(shè)計(jì)要素的重要性，造成了設(shè)計(jì)的庸俗化。

　　來到公司，第一天進(jìn)公司，與經(jīng)理進(jìn)行了簡單面談后，部門總監(jiān)把我分配給偉德經(jīng)理，偉德經(jīng)理是我的直接領(lǐng)導(dǎo)，所有工作由偉德經(jīng)理分布。第一天來到公司要趕做兩個(gè)網(wǎng)頁banner，接到文案后就在網(wǎng)絡(luò)上搜集大量banner素材，找了幾個(gè)適合這次文案的banner然后用Photoshop簡單的修改圖片，第一天沒有做好，幸好領(lǐng)導(dǎo)說第二天晚上再交給他，于是我就乖乖的回家找圖片。說實(shí)話我以前在學(xué)校的時(shí)候也這樣做過，不過效果沒有這么好，因?yàn)橐郧耙挥龅诫y的或不懂的就停下來不做了，而現(xiàn)在在公司，有壓力，有不懂的就問，這使我受益非淺。

　　后來，公司要更改域名讓我參與進(jìn)行的VI設(shè)計(jì)項(xiàng)目，讓我們鍛煉一下自己。公司給了我們一個(gè)設(shè)計(jì)logo的任務(wù)。一開始我們?cè)O(shè)計(jì)出的作品并不能符合主觀的要求，未能做出很好的方案。市場(chǎng)部總監(jiān)看過我的方案后，要我進(jìn)一步去了解公司的性質(zhì)和作用，要做出更加符合機(jī)構(gòu)精神的logo。經(jīng)過兩天的摸索，我逐漸懂得了一些做logo的技巧和該注意的問題，要偉德實(shí)際，要大氣。同時(shí)也意識(shí)到了由于在學(xué)校實(shí)際鍛煉的機(jī)會(huì)比較少，在軟件操作上不夠純熟。而且對(duì)于公司的要求理解不夠透徹。

　　很幸運(yùn)，一進(jìn)公司便能參與的APP軟件設(shè)計(jì)項(xiàng)目之中，正好鍛煉一下自己。由于經(jīng)驗(yàn)不足，剛開始找不到頭緒，不知道該做些什么。在開始的時(shí)候，主要還是負(fù)責(zé)一些比較瑣碎的任務(wù)。還沒有真正地參與到比較完整的偉德設(shè)計(jì)之中。經(jīng)過兩天的磨合，自己有哪些缺點(diǎn)和不足，便知道了一些。在校的時(shí)候由于實(shí)際鍛煉的機(jī)會(huì)比較少，所以現(xiàn)在什么都做不好，在軟件操作上還是不夠熟練。而且對(duì)于客戶的要求并不能立即做出反應(yīng)。

　　我在工作的鍛煉中學(xué)到了許多課本上無法學(xué)到的經(jīng)驗(yàn)，因?yàn)樵趯W(xué)校中我們的創(chuàng)意和設(shè)計(jì)都只局限于作業(yè)之中，但如果在公司里，我們的創(chuàng)意還必須得到客戶和主管的認(rèn)同，這是嚴(yán)格許多的。我們必須盡量發(fā)揮自己的創(chuàng)意，同時(shí)也要兼顧客戶的要求和市場(chǎng)的效益。要多與客戶溝通，多向主管詢問意見，多向身邊同事請(qǐng)教。

　　通過這次實(shí)習(xí)，在設(shè)計(jì)方面我感覺自己有了一定的收獲，開始了解掌握了photoshop的小技巧，知道了怎么去制作圓角矩形方塊、高解析制作、保留選取范圍大小、快速隱藏圖層等。這次實(shí)習(xí)主要是為了我們今后在工作及業(yè)務(wù)上能力的提高起到了促進(jìn)的作用，增強(qiáng)了我們今后的競(jìng)爭(zhēng)力，為我們能在以后立足增添了一塊基石。實(shí)習(xí)單位的老師也給了我很多機(jī)會(huì)參與他們的設(shè)計(jì)是我懂得了很多以前難以解決的問題，將來偉德設(shè)計(jì)工作所要面對(duì)的問題，如與it工程師的配合，以及對(duì)市場(chǎng)部的偉德溝通。

　　這次實(shí)習(xí)對(duì)我來說受益匪淺，讓我學(xué)會(huì)從客觀的角度來審視自己的作品，在審美方面更加成熟。而在公司，與同事相處，讓我學(xué)會(huì)如何別人打交道。與領(lǐng)導(dǎo)交流，讓我學(xué)會(huì)設(shè)計(jì)師應(yīng)有的職業(yè)道德。這些經(jīng)驗(yàn)都讓我得到了成長，讓我在以后的工作中更加成熟、更加順利。這次實(shí)習(xí)豐富了我在這方面的知識(shí)，使我向更深的層次邁進(jìn)，對(duì)我在今后的社會(huì)當(dāng)中立足有一定的促進(jìn)作用，但我也認(rèn)識(shí)到，要想做好這方面的工作單靠這這幾天的實(shí)習(xí)是不行的，還需要我在平時(shí)的學(xué)習(xí)和工作中一點(diǎn)一點(diǎn)的積累，不斷豐富自己的經(jīng)驗(yàn)才行。我面前的路還是很漫長的，需要不斷的努力和奮斗才能真正地走好。

　　班級(jí)：視覺傳達(dá)1203班 學(xué)號(hào)：1287078 姓名：趙柳柳

網(wǎng)頁設(shè)計(jì)實(shí)習(xí)報(bào)告3

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

　　一、實(shí)習(xí)工作介紹

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

　　（一）初級(jí)考試

　　初來公司的時(shí)候，我們經(jīng)過了初期考試，培訓(xùn)，與最終考試三個(gè)階段，在接到公司讓我面試的電話后，我來到了xx公司，因?yàn)橐�干的是網(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)決定你的去留問題,最優(yōu)秀的人會(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ì)更快，我相信自己。

　　四、業(yè)余的生活

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

　　一些我喜歡的書，看上幾個(gè)小時(shí)。

　　五、工作心得體會(huì)

　　實(shí)習(xí)期結(jié)束后，我和其它同事得到了正式合同并留在了這家公司，通過這次工作，我得到的最大體會(huì)就是，如果一個(gè)人在社會(huì)上沒有一技之長，那他是沒有辦法很好的活下來的，只有不斷的加強(qiáng)自身專業(yè)技能學(xué)習(xí)才行。所以，尊敬的老師，我會(huì)在業(yè)余時(shí)間好好學(xué)習(xí)，加強(qiáng)自己的專業(yè)能力，使自己變得更強(qiáng)，只有這樣才能上到為國家、為社會(huì)做出貢獻(xiàn)，下到為自己、為父母、為學(xué)校交出一份滿意的答卷。