網頁設計的實習報告合集九篇

在現實生活中，接觸並使用報告的人越來越多，不同種類的報告具有不同的用途。那麼大家知道標準正式的報告格式嗎？下面是小編為大家整理的網頁設計的實習報告9篇，希望對大家有所幫助。

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

一、實習工作介紹

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

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

二、初來公司的時候

（一）初級考試

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

（二）三天的培訓工作

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

(三)最後的考核

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

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

三、正式工作

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

四、業餘的生活

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

一些我喜歡的書，看上幾個小時。

五、工作心得體會

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

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

工作介紹

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

開發技術

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

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

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

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

實習目的：熟悉和掌握計算機網頁設計的基本技巧及網頁製作相關工具軟體等內容。培養我們利用計算機進行商務網頁設計的基本思路和應用開發能力，提高我們的計算機文化素質。

網頁是世界上最有價值的不動產之一。人們在這個不足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的照片編輯器。把準備在主頁上出現的圖象放進相應的目錄裡後.

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

四.網頁的除錯

之前把作過的東西放到U盤裡，發生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把原始檔和WEB頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。

總結：在公司裡實習的這段時間裡，我真正體會到了團隊的力量。剛得到公司通知說我面試通過，真的很開心。在沒進公司的時候，有很多的憧憬。希望自己可以大幹一場，當時感覺自己有太多可發現的潛力可以挖掘，就等著有那麼一個人可以發現自己這麼一塊金子。進去之後才發現其實自己是那麼的渺小，千萬不要自以為是，比你好的多的多，你沒有什麼了不起的。做人一定要塌實。沒有同事們一起的努力，就單靠自己一個人的力量肯定是做不好事情。特別是在銷售部這樣一個部門，更加需要大家的一起努力。

實習是每一個大學畢業生必須擁有的一段經歷，他使我們在實踐中瞭解社會，讓我們學到了很多在課堂上根本就學不到的知識,也打開了視野，長了見識，為我們以後進一步走向社會打下堅實的基礎，實習是我們把學到的理論知識應用在實踐中的一次嘗試。我想，作為一名即將畢業的大學生，建立自身的十年發展計劃已迫在眉睫，不是嗎?

一、 實習目的

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

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

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

(二) 在實踐中查漏補缺

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

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

(三) 在工作中打磨自己

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

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

二、 實習內容

(一) 實習主要內容

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

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

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

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

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

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

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

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

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

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

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

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

(二)工作過程

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、 實習體會

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

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

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

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

(二) 主動思考的重要性

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

網路發展到今天，建立網站已經成為一個很普遍的問題了，對於一個企業來說，建設好自己的網站可以搶佔新世紀發展的戰略要點。建立新的企業形象，直接開拓國際市場，開展24小時網上營銷及高效廉價的定向宣傳；與客戶建立最直接的交流機制，縮短推出新產品和開啟新市場的週期，與富有吸引力的客戶群發展客戶關係網；與自己的銷售人員保持聯絡，進一步面向本地市場。

出色的網站吸引人的地方不僅僅在於其內容，鮮明的結構和獨特的風格往往能起到畫龍點睛的作用。一個網站即使內容再豐富，如果網站的結構和風格不能吸引人，那也是毫無價值的。往往整個網站的風格是一個網站吸引瀏覽者的魅力所在，因此應當根據網站的主題、內容和瀏覽者的要求來設計自己獨特的網站風格。

整個網站的結構和內容都是在開始設計之前就已經經過詳細的計劃的。其實任何網站都一樣：企業網站的宗旨就是對外宣傳企業形象，釋出企業最新的企業產品，其服務群體就是為對其產品感興趣的客戶或者正在使用企業產品的使用者服務，這就是企業網站的建設方向；個人網站的宗旨就是宣傳自己，提供一個自身和外界交流的場所；由此可見，網站的設計方向是依據網站的客戶、服務群體等多方面來確定的。

本站是一個用Dreamweaver、Flash、PHP、SQL server20xx設計編寫的美食網站，主要包括6個模組：首頁，菜譜，廚房，食材，飲食健康，飲食資訊等。通過本網站系統能提供各種與美食相關的資訊以及各種美食資訊的交流。與其他企業網站一樣，也應通過Internet來對外宣傳網站。

建立以Dreamweaver，Flash等技術編寫的前臺表現模組，為使用者提供方便快捷的資訊服務與交流。隨著網路技術的迅猛發展，網際網路的快速發展使越來越多的人選擇從網際網路上獲取資訊，因此，網際網路逐漸成為一個寬廣的資訊釋出平臺和獲取資訊的平臺。本網站系統就要有使用者註冊和新聞釋出兩大動態功能。通過以PHP編寫，以SQL 20xx作為後臺資料庫的網站後臺管理系統，製作了一個簡單的美食網站系統，實現了美食網站使用者登陸、註冊以及新聞釋出等功能。

第一章 專案需求分析

1.1需求分析

網際網路豐富多彩，這些資訊大多通過網頁與使用者進行互動。網頁的實現形式多種多樣，無論是短小精悍的個人主頁，還是結構清晰、豐富的大型網站，網站的需求分析和規劃設計都要放在第一步，因為它直接關係到網站的功能是否完善，質量是否能夠達到保證。

1.2實訓目的

網站的建設不僅僅是製作主頁的問題，還需要考慮網站的定位、目標使用者、網站內容、服務事項、空間方案、安全性、藝術設計、資料庫技術等等。任何網站在建設之前就必須明確方向、用途和服務群體等一系列的問題，寫出詳盡的建站計劃，可以說這是網站建設的根源和核心所在。作為一個美食網站，我們的服務群體及訪問者都定位在愛好和熱愛美食的大眾，為為大家服務就是我們這個網站的目的和方向。從整個頁面上可以看出，我們的這個整個網站涉及所有熱愛美食的人。整個網站的結構和內容都是在開始設計之前就已經經過詳細的計劃的。其實任何網站都一樣，企業網站的宗旨就是對外宣傳企業形象，釋出企業最新的企業產品，其服務群體就是為對其產品感興趣的客戶或者正在使用企業產品的使用者服務，這就是企業網站的建設方向；個人網站的宗旨就是宣傳自己，提供一個自身和外界交流的場所；由此可見，網站的設計方向是依據網站的客戶、服務群體等多方面來確定的。

通過綜合實訓進一步鞏固，深化和拓展學生的理論知識與專業技能。

訓練和培養學生獲取資訊和處理資訊的能力,充分培養和提高學生的動手能力,學會通過網站、書籍、素材光碟等方式收集所需的文字資料、圖象資料、flash動畫和網頁特效等。

培養學生運用所學的理論知識和技能解決網站開發過程中所遇到的實際問題的能力及其基本工作素質。

培養學生理論聯絡實際的工作作風,嚴肅認真的科學態度以及獨立工作的能力,樹立自信心。

UI設計

崗位實習報告

部門：

實習崗位：UI設計

姓名：×××

指導偉德： 杜青道

完成時間：

一、實習目的

實習目的是，通過UI設計相關工作崗位實習使我瞭解以後再UI設計相關工作崗位工作的特點、性質，學習體驗UI設計相關崗位工作的實際情況，學習與積累工作經驗，為以後真正走上UI設計相關工作崗位做好崗前準備。

同時通過UI設計相關工作崗位的實習，熟悉實際工作過程的運作體系和管理流程，把自己所學UI設計工作崗位理論知識應用於實際，鍛鍊UI設計工作崗位業務能力和社會交際實踐能力，並在工作中學習UI設計相關工作崗位的新知識，對自己所學的知識進行總結並提升，以指導未來在UI設計相關工作崗位的學習重點和發展方向。

二、實習時間

20x×年03月01日～20x×年06月15日

(修改成自己UI設計相關工作崗位實習時間)

三、實習地點

蘇州市經濟開發區江南大道

(修改成自己UI設計工作崗位實習地點)

四、實習單位

江蘇省蘇杭偉德集團(修改成自己UI設計相關工作崗位實習單位)

此處可以繼續新增具體你UI設計工作崗位實習單位的詳細介紹

五、實習主要內容

我很榮幸進入江蘇省蘇杭偉德集團(修改成自己UI設計相關工作崗位實習單位)開展UI設計崗位實習。為了更好地適應從沒有UI設計崗位工作經驗到一個具備完善業務水平的工作人員，實習單位主管領導首先給我們分發UI設計相關工作崗位從業相關知識材料進行一些基礎知識的自主學習，並安排專門的老前輩對UI設計崗位所涉及的相關知識進行專項偉德。

在實習過程，單位安排的了杜老師作為實習指導，杜老師是位非常和藹親切的人，他偉德UI設計相關工作崗位領域工作已經有二十年。他先帶領我們熟悉實習工作環境和UI設計相關工作崗位的工作職責和業務內容，之後他親切的和我們交談偉德實習工作具體性質以及UI設計相關工作崗位容易遇到的問題。杜老師帶領我們認識實習單位的其他工作人員，並讓我們虛心地向這些辛勤地在UI設計相關工作崗位上的前輩學習，在遇到不懂得問題後要積極請教前輩。 畢竟是人生第一次在UI設計工作崗位上，所以真正掌握這一份工作是需要一個過程的。一開始我對實際UI設計崗位的工作內容比較陌生，都不太清楚自己的工作範圍和職責，對實習單位的情況也不

太瞭解，不過杜老師會告訴我該怎樣處理自己在UI設計崗位上遇到的問題。慢慢的我也就熟悉了自己的UI設計崗位工作內容，在UI設計崗位上的一些棘手問題也能自己獨立解決，每天把工作做得井井有條。

在單位實習期間，我偉德的UI設計工作崗位相關的工作之外，還負責協助其他部門的日常工作，包括制定計劃，利用新學習的UI設計相關工作崗位業務知識處理相關文書。

六、實習總結

對於第一次在UI設計相關工作崗位的的我來說，還沒有足夠的社會經驗。經過了這半年來的UI設計相關工作崗位實習，我學到了很多，感悟了很多。特別是在實習單位領導和UI設計工作崗位的相關同事的關心和指導下，認真完成領導交付的工作，和同事之間能夠通力合作，關係相處融洽而和睦。在工作中積極學習新知識、技能，注重自身發展和進步，我學會了很多UI設計相關工作崗位理論實踐技能，增加了UI設計相關工作崗位相關工作經驗。現將這兩個月UI設計崗位實習工作遇到的困難及心得總結如下：

實習體會

一是低調地做人，高調地做事。我到UI設計崗位工作以後，要知道自己能否勝任這份工作，不在於掌握了多少UI設計相關工作崗

一、任務內容

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

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

二、設計步驟

一、構思

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

二、取材

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

三、設計 （一）網頁設計

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

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

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

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

（二）幻燈片設計

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

（三）flash設計

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

四、美化

（一）新增背景音樂

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

（二）設計網頁過渡 （三）新增超連結

三、採用的方法與手段

（一）使用Frontpage製作網頁

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

單擊表格，選定繪製表格或佈局表格或單元格即可繪製單元格。 選定單元格，單擊滑鼠右鍵選定背景即可插入背景圖片。

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

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

（二）使用Powerpoint製作幻燈片

單擊滑鼠右鍵，選定背景，選定其他填充效果，瀏覽選定圖片即可新增背景圖片。

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

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

（三）使用Flash製作動畫

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

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

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

　　一、工作介紹

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

　　二、開發技術

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

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

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

實 習 報 告

一、實習目的： 通過社會實踐，可以把我們在學校所學的理論知識，運用到客觀實際中去，使自己所有用武之地。以便能夠達到拓展自身的知識面，擴大與社會的接觸面。

1、瞭解平面設計在焦作的市場現狀及前景。

2、進一步掌握ps, coreldraw,等設計軟體的運用。 3、嘗試把學校裡學習的平面設計相關理論運用到實習過程中。

4、初探做好平面設計師的方法，熟悉平面設計的方法和程式步驟。

5、培養人際交往與社交能力，為成為平面設計師作準備。

二、實習時間：20xx年1月1日——4月30日

三、實習地點：威美（上海）金融偉德服務有限公司

四、實習內容：平面設計

五、實習總結：

即將面臨大學畢業，因為偉德視覺傳達專業，想豐富一下自己的知識，所以我找到了一家網際網路金融公司做UI平面設計，雖然和我所學的專業有些差異，但它對於我來說是受益匪淺，我所在的公司威美（上海）金融偉德服務有限公司，主要是網頁設計為主，也與繪畫有所偉德，既然選擇這個公司，我就要好好去學，使自己的基礎更牢固，技術更全面，在大學裡學的知識卻不知道如何運用，想偉德多個偉德，因此我非常珍惜這次實習的機會，在有限的時間裡加深對繪畫對設計的瞭解，找出自身的不足。實習的內容是學習網頁設計(Ps，ai，arp等軟體的使用)。

在實習過程中，我深深地感受到作為設計師通常缺乏足夠的對市場的瞭解和對管理層領導上的溝通，做出的設計作品經常會與市場經濟脫節；而作為管理者通常缺乏設計基礎和審美能力，往往為了追求市場效益，過多地拘束設計師的思維與創新，忽略了設計要素的重要性，造成了設計的庸俗化。

來到公司，第一天進公司，與經理進行了簡單面談後，部門總監把我分配給偉德經理，偉德經理是我的直接領導，所有工作由偉德經理分佈。第一天來到公司要趕做兩個網頁banner，接到文案後就在網路上搜集大量banner素材，找了幾個適合這次文案的banner然後用Photoshop簡單的修改圖片，第一天沒有做好，幸好領導說第二天晚上再交給他，於是我就乖乖的回家找圖片。說實話我以前在學校的時候也這樣做過，不過效果沒有這麼好，因為以前一遇到難的或不懂的就停下來不做了，而現在在公司，有壓力，有不懂的就問，這使我受益非淺。

後來，公司要更改域名讓我參與進行的VI設計專案，讓我們鍛鍊一下自己。公司給了我們一個設計logo的任務。一開始我們設計出的作品並不能符合主觀的要求，未能做出很好的方案。市場部總監看過我的方案後，要我進一步去了解公司的性質和作用，要做出更加符合機構精神的logo。經過兩天的摸索，我逐漸懂得了一些做logo的技巧和該注意的問題，要偉德實際，要大氣。同時也意識到了由於在學校實際鍛鍊的機會比較少，在軟體操作上不夠純熟。而且對於公司的要求理解不夠透徹。

很幸運，一進公司便能參與的APP軟體設計專案之中，正好鍛鍊一下自己。由於經驗不足，剛開始找不到頭緒，不知道該做些什麼。在開始的時候，主要還是負責一些比較瑣碎的任務。還沒有真正地參與到比較完整的偉德設計之中。經過兩天的磨合，自己有哪些缺點和不足，便知道了一些。在校的時候由於實際鍛鍊的機會比較少，所以現在什麼都做不好，在軟體操作上還是不夠熟練。而且對於客戶的要求並不能立即做出反應。

我在工作的鍛鍊中學到了許多課本上無法學到的經驗，因為在學校中我們的創意和設計都只侷限於作業之中，但如果在公司裡，我們的創意還必須得到客戶和主管的認同，這是嚴格許多的。我們必須儘量發揮自己的創意，同時也要兼顧客戶的要求和市場的效益。要多與客戶溝通，多向主管詢問意見，多向身邊同事請教。

通過這次實習，在設計方面我感覺自己有了一定的收穫，開始瞭解掌握了photoshop的小技巧，知道了怎麼去製作圓角矩形方塊、高解析製作、保留選取範圍大小、快速隱藏圖層等。這次實習主要是為了我們今後在工作及業務上能力的提高起到了促進的作用，增強了我們今後的競爭力，為我們能在以後立足增添了一塊基石。實習單位的老師也給了我很多機會參與他們的設計是我懂得了很多以前難以解決的問題，將來偉德設計工作所要面對的問題，如與it工程師的配合，以及對市場部的偉德溝通。

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

班級：視覺傳達1203班 學號：1287078 姓名：趙柳柳