當前位置:才華齋>範例>工作報告>

有關網頁設計的實習報告三篇

工作報告 閱讀(1.45W)

隨著個人的素質不斷提高,需要使用報告的情況越來越多,報告包含標題、正文、結尾等。那麼大家知道標準正式的報告格式嗎?以下是小編收集整理的網頁設計的實習報告3篇,希望對大家有所幫助。

有關網頁設計的實習報告三篇

網頁設計的實習報告 篇1

一、 實習目的

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

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

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

(二) 在實踐中查漏補缺

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

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

(三) 在工作中打磨自己

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

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

二、 實習內容

(一) 實習主要內容

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

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

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

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

(二) 主動思考的重要性

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

網頁設計的實習報告 篇2

一、任務內容

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

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

二、設計步驟

一、構思

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

二、取材

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

三、設計 (一)網頁設計

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

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

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

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

(二)幻燈片設計

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

(三)flash設計

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

四、美化

(一)新增背景音樂

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

(二)設計網頁過渡 (三)新增超連結

三、採用的方法與手段

(一)使用Frontpage製作網頁

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

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

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

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

(二)使用Powerpoint製作幻燈片

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

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

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

(三)使用Flash製作動畫

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

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

網頁設計的實習報告 篇3

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

一、實習工作介紹

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

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

二、初來公司的時候

(一)初級考試

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

(二)三天的培訓工作

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

(三)最後的考核

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

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

三、正式工作

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

四、業餘的生活

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

五、工作心得體會

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