XX網(wǎng)站美工專業(yè)實習(xí)報告

1、XX網(wǎng)站美工專業(yè)實習(xí)報告XX 網(wǎng)站美工專業(yè)實習(xí)報告一 實習(xí)目的隨著經(jīng)濟高速發(fā)展，社會的競爭也越來越激烈。適者生 存，對于初出茅廬的大學(xué)生，我們只有不斷的充實自己，提 高自己，才能在社會中站穩(wěn)腳跟，才不至于淹沒在社會發(fā)展 的浪潮中，被這個社會淘汰。實習(xí)對于我們來說，是一個很 寶貴的經(jīng)驗。于是在今年暑假，我在北京瑞利宏達文化發(fā)展有限責(zé)任 公司實習(xí)了一個多月，崗位是網(wǎng)站美工。短短一個多月的職 生涯真的影響了我很多，我開始不斷的對身邊的人、事和物 去思考，去尋找，去理解，去欣賞，去評價，去表達。就像 我用兩天的時間制作出一張首頁效果圖，他人往往只能看到 完成品。而這并不是最重要的，最重要的是別人沒有經(jīng)

2、歷的 我卻在珍惜的創(chuàng)作過程。也許這個過程還遠遠不能稱之為創(chuàng) 造，但我會努力的。下面就我這一個多月的職業(yè)生涯談?wù)勎覀€人的感受二 實習(xí)內(nèi)容1、實習(xí)主要內(nèi)容整體工作：我的工作就是負責(zé)設(shè)計整個網(wǎng)站的頁面部分 根據(jù)網(wǎng)頁設(shè)計師或客戶所提供的主題要求來設(shè)計出整個網(wǎng) 站。(1) 使用 photoshop 、 ai 等圖片處理軟件設(shè)計、處理網(wǎng)站上需要的圖片(2) 使用 div+css 樣式及基礎(chǔ)的 html 語言做頁面布局的 排版。(3) ps 網(wǎng)頁配色及排版設(shè)計。通過色彩結(jié)構(gòu)、平面結(jié)構(gòu) 和立體結(jié)構(gòu)三大結(jié)構(gòu)構(gòu)成 ;(4) 編寫 css 代碼使網(wǎng)站頁面無論是在 ie 瀏覽器里還是 在 ff 瀏覽器上正常顯示 ;2

3、、工作過程 在北京瑞利宏達文化發(fā)展有限責(zé)任公司一個多月了，我 剛開始從處理簡單圖片到組后讓我獨自一人修改了公司一 個小型網(wǎng)站，收獲可謂不少在。下面讓我來說一說，我在這 段時間做的事情。(1) 了解主題：剛接到任務(wù)時，我對于如何修改毫無頭 緒，于是我首從網(wǎng)上了解了一些相關(guān)基本常識及想類似網(wǎng)站 的頁面風(fēng)格。(2) 思考配色與構(gòu)圖：對整個內(nèi)容有了一了解后，便要 思考作品的色彩和具體的構(gòu)圖，先用筆畫出草圖，也可以直 接在腦海里構(gòu)思。色彩要顯示出稽查的專業(yè)與嚴(yán)謹，所以選 擇藍色作為主色調(diào)。(3) 查找素材：其實素材這種東西總是數(shù)量大于質(zhì)量， 我可以很輕易的下載到許多許多的素材，但卻很少用的到它。 這里我

4、總結(jié)了一種思路，電腦里下載一些專業(yè)的“萬金油” 圖庫，這種圖庫通常種類齊全但圖片很一般。另外配合專業(yè) 在線圖庫網(wǎng)站 ( 通常是國外站點 )+google ，百度圖片等搜索 引擎進行即使的素材查找。再加上自己平時積累的素材，選 擇是非常大的。(5) 設(shè)計、修改頁面：這個階段時耗時最久的，但總結(jié) 出來卻是非常簡單的步驟，即不斷地處理頁面元素、將處理 好的圖片 、動畫等添加進網(wǎng)頁、編寫 html/css 代碼。(6) 修改： 作為實習(xí)生，上交的任務(wù)被打回來重做是正 常不過的事，自信的我也沒能逃過返工的命運，重新構(gòu)思、 處理元素、寫html/css 代碼重復(fù)一切你做過的事3、對于頁面處理的總結(jié) 作為一

5、個網(wǎng)站美工除了要掌握網(wǎng)頁三劍客 ,ps, 這些必 會的軟件以外，還要對 html 、 css 甚至 javascript 用的很 熟, 對 asp 或 php 或 jsp 也要有一定的了解。除此之外，要 想做出來的頁面美觀、使用方便還需達到以下幾點：(1) 表達一定的藝術(shù)效果 一個成功的網(wǎng)站應(yīng)該把網(wǎng)頁設(shè)計得吸引人，同時又要傳達設(shè)計思想和情感。網(wǎng)頁作為一種媒體，它必須具有一定的 藝術(shù)感染力，一個平淡無奇、雜亂無章或毫無美感的網(wǎng)頁很 難會有瀏覽者喜歡，更不要說讓瀏覽者去注意它的內(nèi)容了。(2) 頁面結(jié)構(gòu)清晰可讀性強 經(jīng)?？梢钥吹竭@樣的頁面，上面堆砌了許多內(nèi)容，卻沒 有考慮它的空間框架，讓人看了無法知

6、曉哪些內(nèi)容才是最具 發(fā)言權(quán)的。沒有流暢的視覺流程，這是典型的沒有注意到編 排清晰度、可讀性的表現(xiàn)。好的網(wǎng)頁應(yīng)該將它要突出表現(xiàn)的 內(nèi)容放在瀏覽者一眼就能看到的地方。網(wǎng)頁上每一個像素對 瀏覽者眼睛的吸引力有所不同，瀏覽者大腦對于不同位置內(nèi) 容的印象也有所不同。通常來說，普通瀏覽者瀏覽網(wǎng)頁時會 忽略網(wǎng)頁兩端的“廣告區(qū)” 。(3) 實現(xiàn)不同的功能 在網(wǎng)絡(luò)這條信息高速公路上，網(wǎng)頁最主要的功能就是一 種傳遞信息的手段。因此，它一切內(nèi)容都是為了這個目的而 服務(wù)，都是要圍繞這個中心進行設(shè)計的。然而，要實現(xiàn)這個 功能，網(wǎng)頁的美工設(shè)計和內(nèi)容都必須有針對性。 所謂針對性， 就是指對不同類別的網(wǎng)頁要求采用不同的美工藝

7、術(shù)效果。(4) 網(wǎng)站風(fēng)格要符合網(wǎng)站的類型 在設(shè)計網(wǎng)頁之需要做大量的準(zhǔn)備工作，需要思考以下幾 個問題： 1、網(wǎng)站的類型：站點屬于新聞、娛樂、商務(wù)類的 綜合站點，還是個人主頁 ; 不同的類型，決定著網(wǎng)站的不同 風(fēng)格，包括主色調(diào)、排版等。如果瀏覽者主要是年輕人，頁 面就要設(shè)計得基調(diào)明快，活潑富有朝氣 ; 如果針對的群體是 政府工作者或科學(xué)工作者， 那么頁面就要設(shè)計得嚴(yán)謹、 嚴(yán)肅、 理性、科學(xué) ; 如果針對的群體是婦女兒童，頁面則要設(shè)計得 溫馨、友愛、輕松 ; 如果針對的群體是戀人或從事藝術(shù)工作的人，頁面就要設(shè)計得浪漫并有藝術(shù)感XX 網(wǎng)站美工專業(yè)實習(xí)報告 所在院系： 計算機技術(shù)與軟件 工程學(xué)院專 業(yè)：

8、計算機網(wǎng)絡(luò)技術(shù) 學(xué)生姓名： *班 級：網(wǎng)絡(luò) *學(xué) 號：*完成日期： 201*/*/*、八 、前言目前，人類社會已經(jīng)邁進了網(wǎng)絡(luò)時代，計算機和互聯(lián)網(wǎng) 已經(jīng)于老百姓的日常工作，學(xué)習(xí)和生活息息相關(guān)，人類社會 目前又處于了一個歷史飛躍時期，正由于高速的工業(yè)化時代 邁向初步的計算機網(wǎng)絡(luò)時代，在計算機技術(shù)，網(wǎng)絡(luò)通訊技術(shù) 的告訴發(fā)展的今天，電腦和網(wǎng)絡(luò)正在以驚人的速度進入人類 社會的各個角落。那么今后，我們將用怎樣的態(tài)度和方式來 面對網(wǎng)絡(luò)科技給我們帶來的物質(zhì)層面和精神上的變化，我們 必須對因為網(wǎng)絡(luò)而引發(fā)的社會生產(chǎn)和生活各個層面的深層 次變化作一個深刻的理解和清醒的認識，我想這必將成為是 當(dāng)今人類所面臨的最大課題

9、，可能是我們科學(xué)工作和研究者 們需要面對的新的挑戰(zhàn)。當(dāng)互聯(lián)網(wǎng)成為第四種媒體出現(xiàn)的時候，它就表現(xiàn)出與以 前的大眾媒體的不同特征，在報紙、廣播、電視上，普通人 不可能及時發(fā)表個人對某一重大事件的看法，而互聯(lián)網(wǎng)能隨 時隨地公開地實行人與人之間的對話，作為受眾的網(wǎng)民不再 是被動的，他可以隨時表達自己的意見，有時甚至可以成為 某些事件的主角隨著對商業(yè)化使用政策的放寬，因特網(wǎng)已經(jīng)不僅僅局限 于信息的傳遞，網(wǎng)上信息服務(wù)出現(xiàn)了。許多機構(gòu)、公司、個 人將搜集到的信息放到因特網(wǎng)上，提供信息查詢和信息瀏覽 服務(wù)。人們把提供信息來源的地方稱為“網(wǎng)站” ，即因特網(wǎng) 上的信息站點。凡是連入因特網(wǎng)的用戶，無論在世界任何地

10、方、任何時刻，都可以從網(wǎng)站上獲取所需的信息和服務(wù)。一、實習(xí)報告目的 剛走出社會的時候，自己就像一張白紙，工作是什么樣 子 ?要用什么樣的狀態(tài)去工作 ?這些在學(xué)校里是無法體會的。 實踐讓我走向科技應(yīng)用 , 走出課堂 . 目前，我所缺少的主要不 是知識 , 而是缺少將知識與實際相結(jié)合的能力. 我們在課堂上所學(xué)的 ,與在實際當(dāng)中遇到的是不盡相同的 . 其往往具有 不具有明顯的特征 , 這需要我們進行抽象概括才能解決各種 問題，而這次實習(xí)正好給了我這次實踐的機會，結(jié)合實實在 在的用作，運用自己所學(xué)的知識，積累經(jīng)驗。二、實習(xí)單位及工作崗位簡介1、實習(xí)單位簡介 該公司是一家國內(nèi)專業(yè)的電子商務(wù)外包服務(wù)商，公

11、司主 要為品牌企業(yè)提供商城搭建、網(wǎng)站建設(shè)與運營、營銷推廣、 數(shù)據(jù)分析、電子商務(wù)代理運營等服務(wù)。我們的優(yōu)勢是：公司 電子商務(wù)運營經(jīng)驗豐富 ; 倉儲配送能力強大 ; 網(wǎng)絡(luò)營銷實力 宏厚：公司擁有豐富的網(wǎng)絡(luò)營銷經(jīng)驗，可以為客戶提供各種 營銷方式，并且提供數(shù)據(jù)分析工具，同時配備專業(yè)的客服能 力，結(jié)合專有的技術(shù)，公司可以為客戶提供一個強大的客戶 服務(wù)平臺。2、工作崗位簡介 該崗位主要負責(zé)公司廣告、圖片、動畫、海報、 logo 、 及網(wǎng)頁的設(shè)計制作。服從公司的指揮，認真執(zhí)行其工作 指令，一切管理行為向公司負責(zé)。嚴(yán)格遵守公司規(guī)章制度， 認真履行工作職責(zé)。認真做好各類信息和質(zhì)料收集、整理、 匯總、歸檔等工作，

12、為公司旗下各項目的成功開發(fā)提優(yōu)質(zhì)的 素材。全面主持設(shè)計工作，擔(dān)綱創(chuàng)意核心、設(shè)計指導(dǎo)、效果 統(tǒng)籌、設(shè)計溝通的任務(wù)。負責(zé)與各崗位的協(xié)調(diào)工作，網(wǎng)站頁 面的美工設(shè)計，進行 div+css 網(wǎng)頁布局及修改。配合技術(shù)部 門對網(wǎng)站頁面設(shè)計和技術(shù)的配合。二、 實習(xí)過程1、初來公司的時候在接到公司面試的電話后，我來到了武漢世紀(jì)聯(lián)動科技 有限公司，因為我所應(yīng)聘的是網(wǎng)頁設(shè)計，所以要有一個小測 驗，美工部的經(jīng)理發(fā)給我一個題目，根據(jù) mlb 的官網(wǎng)風(fēng)格，css畫出相同風(fēng)格的電子商務(wù)網(wǎng)站。所有素材自己找，畫好圖紙 后，用 css+div 進行布局?？疾斓闹饕窍嚓P(guān)軟件、的操作 能力與代碼掌握的熟練程度， 說實話，學(xué)習(xí) p

13、hotoshop 和 已經(jīng)有一段時間了，剛開始上機，還有點生疏。但憑借著在 學(xué)校巨塔工作室學(xué)到的知識，還是畫出了相應(yīng)的圖紙。以及 對該頁面進行了布局。經(jīng)理看了以后，說不錯，就說了句， 以后的外國網(wǎng)站，不能出現(xiàn)中文。讓我三天后參加培訓(xùn)，進 行相應(yīng)的考察。合格就可以正式上班。2、三天的培訓(xùn)工作三天后，我來到了公司， 一看，來參加培訓(xùn)的人有很多， 大概在是個左右，其實所謂的培訓(xùn)，就是讓大家先熟悉網(wǎng)站 的工作。先做了些他們平時干的活，做些廣告網(wǎng)頁，這些網(wǎng) 頁都是靜態(tài)的，無需實現(xiàn)動態(tài)的交互，這才讓我拾起了些信 心，后來我發(fā)現(xiàn)，其實我們一起實習(xí)的，水平都差不多，我 們公司主要更偏向?qū)懘a，所以我的優(yōu)勢就突

14、出了。3、最后的考核 三天的培訓(xùn)后，我們迎來了最后的考核，合格的人會被 留下，并得到一份為期一個月的實習(xí)合同，然后會在根據(jù)實 習(xí)期的表現(xiàn)決定去留問題，最優(yōu)秀的人會轉(zhuǎn)正，得到更加優(yōu) 厚的待遇?？己说膬?nèi)容就是在公司的商務(wù)網(wǎng)站上任選一個頁面，然 后再規(guī)定的時間內(nèi)做完，我還是不錯的，技術(shù)比較熟練，是 第四個完成的，當(dāng)我們把網(wǎng)頁做完后，由這家公司的經(jīng)理進 行審核，最后的結(jié)果是。我被留下了，最后完成的，就那樣 被活生生的淘汰了，制度雖有點不近人情，但是社會就是這 么的現(xiàn)實，有能力就能生存。就這樣，我們每個人得到了一 份一月的臨時合同，正式開始實習(xí)工作。4、正式工作我們每天的上班時間是從早上 8:30 分到

15、下午的 17:00 ， 其中，中午有兩個小時的休息時間，這是我見過最有激情的 一些人了，年紀(jì)輕輕的，干勁十足，來了公司以后就工作， 連平時連天的內(nèi)容也和本行也分不開，我喜歡他（ 她）們，因為是實習(xí)期，所以每天做的數(shù)量沒有太大要求，但是每個人 都玩命似的干活，抓緊時間做網(wǎng)頁，我們做的網(wǎng)頁是比較簡 單的，從上到下式的網(wǎng)頁，通過 css+div 布局，這樣在后期 瀏覽器兼容測試中，就好做多了，文字與圖片之間就不會有 太多的麻煩，我干的很不錯，不過有些追求最精，我做的網(wǎng) 頁的速度慢了很多，最初每天只能做 1 也頁面左右，這對于 我來說是不能接受的，后來我改變了工作的方法，我第次工 作的時候，先訂下計劃

16、，比如今天做多少頁面，然后我將要 做的所有頁面，先做好排版， ，這是的網(wǎng)頁雖然排過版，但 是不美觀， 因為沒有進行美化工作， 然后我會在下午的時間， 集中全力做美化工作，就這樣我的速度提高了很多。我相信 只要自己多加練習(xí)，速度就會提升。三、實習(xí)內(nèi)容1、整體工作 我的工作就是負責(zé)設(shè)計整個網(wǎng)站的頁面部分，根據(jù)網(wǎng)頁 設(shè)計師或客戶所提供的主題要求來設(shè)計出整個網(wǎng)站。2、工作中要完成的任務(wù)作為一個網(wǎng)站美工除了要求網(wǎng)頁三劍客， ps。這些比會 的軟件以外， 還要對 html 用的很熟練， 對 asp 或 php 或 jsp 要有初步的了解。(1) 表達一定的藝術(shù)效果 一個成功的網(wǎng)站應(yīng)該把網(wǎng)頁設(shè)計得吸引人，同

17、時又要傳 達設(shè)計思想和情感。網(wǎng)頁作為一種媒體，它必須具有一定的 藝術(shù)感染力，一個平淡無奇、雜亂無章或毫無美感的網(wǎng)頁很 難會有瀏覽者喜歡，更不要說讓瀏覽者去注意它的內(nèi)容了。(2) 使頁面結(jié)構(gòu)清晰可讀性強 經(jīng)?？梢钥吹竭@樣的頁面，上面堆砌了許多內(nèi)容，卻沒有考慮它的空間框架，讓人看了無法知曉哪些內(nèi)容才是最具 發(fā)言權(quán)的。沒有流暢的視覺流程，這是典型的沒有注意到編 排清晰度、可讀性的表現(xiàn)。(3) 實現(xiàn)不同的功能 在網(wǎng)絡(luò)這條信息高速公路上，網(wǎng)頁最主要的功能就是一種傳遞信息的手段。因此，它一切內(nèi)容都是為了這個目的而 服務(wù)，都是要圍繞這個中心進行設(shè)計的。然而，要實現(xiàn)這個 功能，網(wǎng)頁的美工設(shè)計和內(nèi)容都必須有針對

18、性。 所謂針對性， 就是指對不同類別的網(wǎng)頁要求采用不同的美工藝術(shù)效果。(4) 網(wǎng)頁的內(nèi)容 網(wǎng)頁設(shè)計人員美化網(wǎng)頁，增加網(wǎng)頁設(shè)計的藝術(shù)感，都是 為了網(wǎng)頁設(shè)計的內(nèi)容服務(wù)的。一般來說，網(wǎng)頁的幾項基本內(nèi) 容：標(biāo)題、網(wǎng)站標(biāo)志、主體內(nèi)容、導(dǎo)航、廣告欄等。(5) 確定網(wǎng)站的類型 在設(shè)計網(wǎng)頁之需要做大量的準(zhǔn)備工作，需要思考以下幾 個問題： 1、網(wǎng)站的類型：站點屬于新聞、娛樂、商務(wù)類的 綜合站點，還是個人主頁 ;(6) 確定網(wǎng)站的風(fēng)格 如果瀏覽者主要是年輕人，頁面就要設(shè)計得基調(diào)明快， 活潑富有朝氣 ; 如果針對的群體是政府工作者或科學(xué)工作者， 那么頁面就要設(shè)計得嚴(yán)謹、嚴(yán)肅、理性、科學(xué) ; 如果針對的 群體是婦女兒

19、童，頁面則要設(shè)計得溫馨、友愛、輕松 ; 如果 針對的群體是戀人或從事藝術(shù)工作的人，頁面就要設(shè)計得浪 漫并有藝術(shù)感(7) 確定網(wǎng)頁之間的鏈接關(guān)系 在網(wǎng)站的總體規(guī)劃列出來后，就必須要考慮各個網(wǎng)頁之 間的關(guān)系，是星型、樹型、網(wǎng)型還是直線鏈接 ?(8) 具體工作流程網(wǎng)站美工確保項目派工單和網(wǎng)站資料的完整性, 作出設(shè)計方案和欄目設(shè)計方案 , 留意客戶特別要求的信息1、研究一些同類型的優(yōu)秀網(wǎng)站 , 結(jié)合從客戶那里所獲取 的資料 , 總結(jié)出比較合理的布局和風(fēng)格 , 開始設(shè)計方案和欄 目設(shè)置方案 .2、設(shè)計好最佳設(shè)計方案和欄目設(shè)置方案 , 先讓業(yè)務(wù)人員 審核一次 , 達到要求確認后 , 進行 psd 的樣板頁

20、面設(shè)計 .3、設(shè)計好 psd 樣板頁面 , 讓業(yè)務(wù)員跟客戶展示設(shè)計好的 樣板, 是否符合要求 , 符合要求后進行廣告網(wǎng)站的全面的 psd 設(shè)計和廣告網(wǎng)站制作 . (psd 樣板頁面設(shè)計對價錢跟要求并不高的客戶 , 對網(wǎng)站的每個頁面設(shè)計的 要求是顏色基調(diào)不同、樣式稍有改變 , 設(shè)計頁面排版風(fēng)格簡 練到位、網(wǎng)站貫串一副 flash 動畫, 以增加動感這樣的網(wǎng)站 在后面制作頁面簡單 , 維護修改簡單 ;對價錢高但要求不高的客戶 , 照樣采用上述方法 , 只是 在考慮項目制作時間長短的情況下 , 對項目的質(zhì)量進行提高對價錢跟要求都高的客戶 , 對網(wǎng)站的每個頁面設(shè)計的要 求是每個欄目精心設(shè)計 , 在保持

21、風(fēng)格的前提下 , 對每個欄目 的樣式跟顏色都有所不同、 設(shè)計一個大 flash 貫穿整個網(wǎng)站 , 并在每個欄目的頭頁或欄目導(dǎo)航欄上設(shè)計出簡單漂亮的小 flash 動畫 . 讓整個網(wǎng)站充滿動感和活力 )4、合理切割 psd 文件, 導(dǎo)入保存成圖片 (.gif .jpg )形式.5、建立網(wǎng)站后臺文件 , 檢查后臺欄目跟塊名沒問題后上傳到服務(wù)器6、使用 dreamweavers 對 psd 樣板頁的樣式規(guī)定進行網(wǎng) 頁排版制作 , 設(shè)計規(guī)范合理 , 擴充性強、無多余累贅代碼 .7、建立網(wǎng)站的字體 , 表單按鈕所需要的 css 樣式表8、設(shè)計每個欄目的模板頁和 php 頁面,并對不同的元素 使用定義好的

22、 css 樣式表 .9、制作完成每個欄目設(shè)置的模板頁和php 頁面后 , 添加網(wǎng)站樣板資料 .10、檢查網(wǎng)站的鏈接排版錯誤跟漏洞 , 從而進行修復(fù)和 宀完善 .11、發(fā)到部門人員內(nèi)部審核一遍（ 針對網(wǎng)站 , 不針對廣告）, 對鏈接和排版錯誤的地方進行修改 .12、再自己瀏覽一遍、確認沒問題后通知業(yè)務(wù)人員和客 戶進行驗收修改 .（ 如有兼容性的問題，則需對其兼容性的解 決）五、實習(xí)收獲與體會通過本次畢業(yè)實習(xí)我真正了解到步入社會后我們還有許多知識要學(xué)習(xí)，還有許多需要加強的地方，我的網(wǎng)站這方 面的知識還有許多欠缺的地方，還不能熟練的掌握。我知道 這不是短時間內(nèi)能夠?qū)W會的，這次實習(xí)對我很有大的幫助， 在這過程中我還學(xué)到了很多東西。有了這次實習(xí)的經(jīng)驗，再 以后就可以更快，更好的融入新的環(huán)境，完成學(xué)生向職場人 士的轉(zhuǎn)換。在實習(xí)期間通過不斷的學(xué)習(xí)和