網(wǎng)頁設計與制作報告
在現(xiàn)實生活中，報告十分的重要，其在寫作上具有一定的竅門。一聽到寫報告馬上頭昏腦漲？下面是小編收集整理的網(wǎng)頁設計與制作報告，歡迎閱讀，希望大家能夠喜歡。
網(wǎng)頁設計與制作報告1
一、實習目的
實習目的是，通過UI設計相關(guān)工作崗位實習使我了解以后再UI設計相關(guān)工作崗位工作的特點、性質(zhì)，學習體驗UI設計相關(guān)崗位工作的實際情況，學習與積累工作經(jīng)驗，為以后真正走上UI設計相關(guān)工作崗位做好崗前準備。
同時通過UI設計相關(guān)工作崗位的實習，熟悉實際工作過程的運作體系和管理流程，把自己所學UI設計工作崗位理論知識應用于實際，鍛煉UI設計工作崗位業(yè)務能力和社會交際實踐能力，并在工作中學習UI設計相關(guān)工作崗位的新知識，對自己所學的知識進行總結(jié)并提升，以指導未來在UI設計相關(guān)工作崗位的學習重點和發(fā)展方向。
二、實習時間
20xx年03月01日～20xx年06月15日
�。ㄐ薷某勺约篣I設計相關(guān)工作崗位實習時間）
三、實習地點
蘇州市經(jīng)濟開發(fā)區(qū)江南大道
�。ㄐ薷某勺约篣I設計工作崗位實習地點）
四、實習單位
江蘇省蘇杭偉德集團（修改成自己UI設計相關(guān)工作崗位實習單位）
此處可以繼續(xù)添加具體你UI設計工作崗位實習單位的詳細介紹
五、實習主要內(nèi)容
我很榮幸進入江蘇省蘇杭偉德集團（修改成自己UI設計相關(guān)工作崗位實習單位）開展UI設計崗位實習。為了更好地適應從沒有UI設計崗位工作經(jīng)驗到一個具備完善業(yè)務水平的工作人員，實習單位主管領(lǐng)導首先給我們分發(fā)UI設計相關(guān)工作崗位從業(yè)相關(guān)知識材料進行一些基礎(chǔ)知識的自主學習，并安排專門的老前輩對UI設計崗位所涉及的相關(guān)知識進行專項偉德。
在實習過程，單位安排的了杜老師作為實習指導，杜老師是位非常和藹親切的人，他偉德UI設計相關(guān)工作崗位領(lǐng)域工作已經(jīng)有二十年。他先帶領(lǐng)我們熟悉實習工作環(huán)境和UI設計相關(guān)工作崗位的工作職責和業(yè)務內(nèi)容，之后他親切的和我們交談偉德實習工作具體性質(zhì)以及UI設計相關(guān)工作崗位容易遇到的問題。杜老師帶領(lǐng)我們認識實習單位的其他工作人員，并讓我們虛心地向這些辛勤地在UI設計相關(guān)工作崗位上的前輩學習，在遇到不懂得問題后要積極請教前輩。畢竟是人生第一次在UI設計工作崗位上，所以真正掌握這一份工作是需要一個過程的。一開始我對實際UI設計崗位的工作內(nèi)容比較陌生，都不太清楚自己的工作范圍和職責，對實習單位的情況也不太了解，不過杜老師會告訴我該怎樣處理自己在UI設計崗位上遇到的`問題。慢慢的我也就熟悉了自己的UI設計崗位工作內(nèi)容，在UI設計崗位上的一些棘手問題也能自己獨立解決，每天把工作做得井井有條。
在單位實習期間，我偉德的UI設計工作崗位相關(guān)的工作之外，還負責協(xié)助其他部門的日常工作，包括制定計劃，利用新學習的UI設計相關(guān)工作崗位業(yè)務知識處理相關(guān)文書。
六、實習總結(jié)
對于第一次在UI設計相關(guān)工作崗位的的我來說，還沒有足夠的社會經(jīng)驗。經(jīng)過了這半年來的UI設計相關(guān)工作崗位實習，我學到了很多，感悟了很多。特別是在實習單位領(lǐng)導和UI設計工作崗位的相關(guān)同事的關(guān)心和指導下，認真完成領(lǐng)導交付的工作，和同事之間能夠通力合作，關(guān)系相處融洽而和睦。在工作中積極學習新知識、技能，注重自身發(fā)展和進步，我學會了很多UI設計相關(guān)工作崗位理論實踐技能，增加了UI設計相關(guān)工作崗位相關(guān)工作經(jīng)驗。現(xiàn)將這兩個月UI設計崗位實習工作遇到的困難及心得總結(jié)如下：
低調(diào)地做人，高調(diào)地做事。我到UI設計崗位工作以后，要知道自己能否勝任這份工作，不在于掌握了多少UI設計相關(guān)工作崗知識。
網(wǎng)頁設計與制作報告2
一、實習目的
�。ㄒ唬z驗自己是不是真的適合這個職業(yè)
鑒于自己對未來的職業(yè)生涯的規(guī)劃更傾向于設計，這和自己所學的專業(yè)不是十分有聯(lián)系，所以我希望在實習的過程里思考自己未來是否適合從事這方面的工作，為以后求職之路少走彎路做一定的嘗試。
（二）在實踐中查漏補缺
在學校學習的網(wǎng)站建設知識僅僅停留在平時的作業(yè)里，并沒有得到充分的運用。希望可以藉由這次實習，好好鞏固書面知識。在實際運用中通過發(fā)現(xiàn)問題，解決問題對知識進行查漏補缺。
�。ㄈ┰诠ぷ髦写蚰プ约�
由于學校和社會是截然不同的生活、學習、工作氛圍，在工作中我們不可以像在學校一樣隨心所欲，待人接物方面需要更有禮貌的溝通和恰當好處的圓滑。希望在實習里，和同事上司的相處中獲得這方面的成長。
二、實習內(nèi)容
�。ㄒ唬⿲嵙曋饕獌�(nèi)容
廣州xxxx有限公司是一個研發(fā)和銷售智能寄存柜的公司。它的產(chǎn)品在展示和銷售這兩個環(huán)節(jié)很需宣傳冊、企業(yè)網(wǎng)站等作為一個推廣媒介。我實習的主要內(nèi)容就是配合網(wǎng)絡部去完成網(wǎng)站建設的工作，涉及前臺的外觀設計和后臺的代碼編寫，以及宣傳冊的設計。
1、負責設計公司整個企業(yè)網(wǎng)站的頁面部分，根據(jù)網(wǎng)頁設計師或客戶所提供的主題要求和思路框架來設計出整個網(wǎng)站。
1）使用Photoshop、AI等圖片處理軟件設計、處理和制作網(wǎng)站上需要的圖片
2）使用DIV+CSS樣式及基礎(chǔ)的HTML語言做頁面布局的排版
3）使用Photoshop對網(wǎng)頁進行配色及排版設計
4）編寫CSS代碼使網(wǎng)站頁面無論是在IE瀏覽器里還是在FF瀏覽器上正常顯示
2、負責網(wǎng)站的幾個主體模塊的文案撰寫和后臺編輯
1）在已有的文案上配合網(wǎng)站架構(gòu)進行提煉和歸納整理
2）使用Photoshop對文案進行概念配圖
3）在后臺將文案部分合理配色排版
4）按照網(wǎng)站架構(gòu)在后臺錄入所有產(chǎn)品資料
�。ǘ┕ぷ鬟^程
在公司的2個多月里，我的工作都是由負責整個網(wǎng)站文案架構(gòu)的曹經(jīng)理分配監(jiān)督的。確認實習機會前的面試的時候也是由他負責的。面試的時候他并沒有過多的考察我在網(wǎng)站制作上的技術(shù)問題。更多的從我對網(wǎng)站設計方面的配色排版的現(xiàn)有審美以及做事的認真細致程度去考察的。從一開始我就以踏實認真的態(tài)度對待每一項他交付給我的任務。下面我挑選一些讓我收獲很多，學習很多，影響我很多，讓我回想起來都是歷歷在目的事情重點說一下。
1、經(jīng)理讓我按照網(wǎng)頁設計師提供的jpg稿變成div和css 。
1）這個任務簡單來說就是架構(gòu)網(wǎng)頁框架和完善里面的文本主體。里面涉及很多文本，我覺得既然有具體的設計稿就一定保存有文案，所以咨詢了經(jīng)理是否有必要花這部分時間去打文本。經(jīng)理的回復是很有必要。他的意見是，讓我重新輸入文本可以幫助檢查錯誤，同時可以讓我更熟悉公司的產(chǎn)品和網(wǎng)站的主要內(nèi)容，對我后面的工作有幫助。頓時知道，一個實習生想到的東四是多么的膚淺，對經(jīng)理工作上的態(tài)度更是肅然起敬。
2）因為經(jīng)理沒想要讓實習生負責過于復雜的事情，在這部分工作中設計的div和css的內(nèi)容并沒有很復雜，需要的就是要注重細節(jié)。但實際上自己做事遠沒有自已一開始想象的那么能夠靜下心地考慮大局。只要想到一個覺得挺好的排版我就一下子全部套用了，以至于最后通過多次檢查，發(fā)現(xiàn)這個排版有瑕疵的時候又要重頭再來。這些經(jīng)歷都讓我體會到比起表面的工作速度，有前面深思熟慮的慢節(jié)奏才能造就最終的高效率。所以一開始在用css排版的時候其實應該多做幾個版本仔細做對比，看清楚哪個更合適才確定的。
2、經(jīng)理讓我設計幾個欄目對應的banner圖片
1）由于自己并沒有專門學過banner規(guī)范和設計方面的專業(yè)知識，有的只是審美方面的一些小體會。接手這個工作需要花大量的時間去學習和參考。一開始略略覺得壓力大，但是覺得經(jīng)理讓我去做，就是相信我的能力。所以我也沒有慌，按照自己的節(jié)奏和需要邊學邊做。
從整體了解主題：自己找了多個類似的企業(yè)網(wǎng)站作參考，通過總結(jié)企業(yè)網(wǎng)站中，幾個主要的欄目在網(wǎng)站上具體意義，體會這對應的幾個欄目banner的設計意義。思考配色與構(gòu)圖：對整個內(nèi)容有了一了解后，便要思考作品的色彩和具體的構(gòu)圖，先用筆畫出草圖，有時候也會直接在腦海里構(gòu)思。除了從公司的角度，圍繞要傳達的東西去設計，我也充分意識到要轉(zhuǎn)換身份從用戶的角度出發(fā)，怎樣才可以更吸引人�？傮w來說就是除了審美上的設計，也考慮很多目的性。
查找素材：素材這個問題我總結(jié)了一種思路，電腦里下載一些專業(yè)的“科技信息”圖庫。另外配合專業(yè)在線圖庫網(wǎng)站（通常是國外站點）+Google，百度圖片等搜索引擎進行即使的`素材查找。再加上自己平時積累的素材，選擇是非常大的。最后就是不斷地觀察對比最終效果，看哪幾張banner圖片更適合整體網(wǎng)站。
2）最終banner圖片并沒有全都采用我設計的，有一些還是因為不夠大氣被撤下來了。一開始我還挺灰心，覺得自己的付出沒有得到認可。但是我知道當初經(jīng)理就是感覺可以給我試一下，才給我這個機會去讓我發(fā)揮一下的，所以我好好學習了別人的圖片，看自己的和別人的差別在哪里，不浪費這次嘗試性地努力。
3、經(jīng)理讓我參考舊網(wǎng)站單獨做一個公司簡介的頁面
1）我知道經(jīng)理的意思是重新排版成符合網(wǎng)站的配色。這樣對我來說其實很簡單。但是我從舊網(wǎng)站了解到公司簡介那篇文案比較累贅，如果想要瀏覽網(wǎng)站的用戶肯停留在這個頁面多幾秒，或者因為這個公司簡介的頁面而更信任這個公司的產(chǎn)品，更有沖動訂個公司的寄存柜就要在文案的內(nèi)容上下功夫，就要在表現(xiàn)上更生動，讓人看著不會覺得文字流水賬，很煩躁。
于是在經(jīng)理沒有給我嚴格期限的時候，我選擇了按照自己的思路去修改文案，把多余的文字刪掉，根據(jù)公司的優(yōu)勢修改出精簡的幾點，變得更有條理更有重點。這只是對文案的初步處理，接著根據(jù)幾個要點用Photoshop處理幾張概念配圖出來，將公司寄存柜的技術(shù)水平之領(lǐng)先，應用領(lǐng)域之眾多，銷售范圍之巨大等等用更生動形象的方式表現(xiàn)。從設想到思考中間的問題到最后的完成，花的時間雖然多，但是最終的效果得到了經(jīng)理的肯定，對網(wǎng)站的宣傳作用起到了很好的幫助，這都是值得的。
三、實習體會
做了2個月的網(wǎng)頁設計和編輯的實習生，終于體會到網(wǎng)頁設計并非只是圖文混排的那點事。當你真正的去努力的創(chuàng)造了之后，經(jīng)常被別人一眼就否定了。這才真正明白一個好的網(wǎng)頁不只是效果華麗還要多從用戶的角度去考慮問題。通過實習，我不僅將自己在學校學過的東西通過實踐進步一鞏固，也通過向公司的人請教學到很多工作上的技巧，更通過實習體會到很多沒有人會教授給你的東西。工作是人生活的重要部分，是我們畢業(yè)生必須面對的。就算是遇到困難，我也會用平常的心態(tài)實際看待問題，不說“不可能”，而是冷靜下來思考如何處理并付諸于實踐。
在實習的日子，我學習到了很多如果沒有這次經(jīng)歷，就不會有的細膩體會。
（一）深刻感受到什么是真正的細心
其實在高中甚至到大學，老師都總是強調(diào)“細心”，對于細心什么的我以前自我感覺還挺不錯的。但是當老師在斤斤計較一個標點符號或者花時間可以渲染“細心”的重要性的時候我就覺得好小題大做那時的我覺得“細心”是你可以刻意去營造的狀態(tài)。包括經(jīng)理對我強調(diào)細致的時候我也是這樣想的。我覺得只要想到考試的時候或者處理工作的事情的時候去跟自己說細心點就好了。但是在這個實習的過程里，因為無意和粗心犯下的錯誤，才讓我明白老師反復說的話到底意義在哪里。往往一些不好的后果或者沒有必要的錯誤，正正是在你認為不用細心和沒有想過要去細心的行為后出現(xiàn)的。這才是我們?yōu)槭裁匆B(yǎng)成這個習慣的原因。所以不管是生活中的小事情還是工作中的大事情，我們都要養(yǎng)成習慣，以細心認真的態(tài)度對待。
�。ǘ┲鲃铀伎嫉闹匾�
從學校走向社會，首要面臨的問題便是角色轉(zhuǎn)換的問題。從一個學生轉(zhuǎn)化為一個單位人，一個單位人工作要考慮的問題就是如何發(fā)揮自己最大的價值為單位創(chuàng)造效益。做事要主動一點，這不是指一直主動問上司有什么事做，而是在別人交付你任務的時候自己主動想一下怎么做才更好，而不是把自己當一個機器人一樣。就像做公司簡介頁面的時候，我把自己做得效果給經(jīng)理看的時候，經(jīng)理說“你真的很用心，很負責”，“你做的公司簡介那個頁面，讓我感觸很深”。
網(wǎng)頁設計與制作報告3
在經(jīng)濟迅速發(fā)展的今天，Internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。學校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實習，讓我們把平時所學知識運用到實踐中做到真正的學以致用而不只是紙上談兵。通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足，下面就談談我在本次專用周的主要感受。
一、網(wǎng)站整體規(guī)劃，要做網(wǎng)頁的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個方面的內(nèi)容。
1.討論網(wǎng)站的主題。
網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁最關(guān)鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛的服飾來為它做網(wǎng)頁。在平時我也對服裝的網(wǎng)頁比較關(guān)心，無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。
2.定位網(wǎng)站的CI形象。“易菲”植根中國文化之精髓，汲取自然稟賦之靈性，形成一個既有濃厚文化底蘊，又有現(xiàn)代自然人文氣息的特色品牌�！耙住奔词侨�，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展�！胺啤蓖ǚ牵巧鷻C、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘�！吧钊缁ǎ栽诳鞓贰笔荵IFINI易菲的設計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的CI形象。
3.確定欄目和板塊。
于時間的關(guān)系在本次我準備做四張網(wǎng)頁：一張主頁三張二級頁面。分別設計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網(wǎng)頁的主打色綠色。
2.網(wǎng)站的整體風格和創(chuàng)意。
整個網(wǎng)站的創(chuàng)意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設計上，YIEINI易菲推崇“自然美”，將帶表女性氣質(zhì)的花卉和自然元素融入設計之中，充分體現(xiàn)設計師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。
二、網(wǎng)頁制作的前期策劃與準備，在本階級主要有兩方面的工作。
1.資料的搜集。
在做網(wǎng)頁我上網(wǎng)收集了許多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料，我首先進它的企業(yè)網(wǎng)站找了一些關(guān)于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內(nèi)容，同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態(tài)圖片的搜集，動態(tài)圖片其gif格式的還是好保存，但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索，不過經(jīng)過三次像老實詢問我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處，最關(guān)鍵就是平時對知識的掌握不夠，連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現(xiàn)。通過這次的教訓在以后我一定會做得更好，爭取不范類似錯誤。
2.熟悉制作軟件。
做網(wǎng)頁主要用的工具便是Dremweaver、Photoshop、Flash軟件。在這些軟件我對Dremweaver、Photoshop相對比較熟悉，因為在平時上課是老師帶領(lǐng)我們運用過。所以我還可以正常的運用，但是出現(xiàn)的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現(xiàn)了我學習方面的缺點，它是我平時不夠認真的具體表現(xiàn)。
三、網(wǎng)頁制作，這便進入我該次的主題了具體制作流程如下。
1.構(gòu)建站點框架。
在我打開Dremweaver后第一步便是新建站點，我把我的站點建立在F儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網(wǎng)頁制作時可以方便的使用。
2.設計主頁及二級頁面。
在主頁我設首頁制作時，時刻考慮著網(wǎng)頁的基本原則：統(tǒng)一，連貫，分割，對比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務，美容美體，一個網(wǎng)站強調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標所做的設計才是成功的；連貫，頁面之間關(guān)系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個網(wǎng)頁有動有靜，色彩呼應，搭配協(xié)調(diào)，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：
簡潔實用:這是非常重要的，網(wǎng)絡特殊環(huán)境下，盡量以最高效率的.方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美；頁面用色協(xié)調(diào)，布局符合形式
美的要求:布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。
交互式強:發(fā)揮網(wǎng)絡的優(yōu)勢，是每個使用者都參與到其中來，這樣的設計才能算成功的設計。這樣的網(wǎng)頁才算真正的美的設計。每個子頁都設有上導航欄，便于瀏覽和跳轉(zhuǎn)。3個二級網(wǎng)頁制作時，使用的是表格，每一個頁面都用表格為它布局好，然后在插入圖片文字及其他，這樣有一定的規(guī)劃性，體現(xiàn)了連貫統(tǒng)一性，不同的內(nèi)容根據(jù)各自的特色建立了不同的表格，突出各自的主題，增強了對比性。在做這些網(wǎng)頁的時候我就進行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務。
3.實現(xiàn)網(wǎng)頁間的鏈接。
我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個網(wǎng)頁。鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。
4.向靜太網(wǎng)頁插入動態(tài)效果。
在這一階段我遇到了許多的問題，主要是我在主頁插入我的flash的時候，開是我將帶碼粘貼到我的網(wǎng)頁上可是在瀏覽網(wǎng)頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網(wǎng)頁我主頁插入的是一些gif格式的動態(tài)圖片。
四、網(wǎng)頁的調(diào)試
在做完網(wǎng)站才發(fā)現(xiàn)，怎么所有的圖片素材并不是在一個文件夾中，而有許多的子文件夾，從網(wǎng)上下載的網(wǎng)頁全都是一個網(wǎng)頁對應一個文件夾。制作過程中，才發(fā)現(xiàn)，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應用。而對于動態(tài)flash的插入我更是問題多多，開始是我對代碼基本上是不懂，這就是自己學校上的問題，當真正開始運用的時候在向老師提問。
這只是在制作過程中出現(xiàn)一些問題，其它問題也是類似相同�，F(xiàn)在想想，自己所會的東西太少了，現(xiàn)在做的網(wǎng)站只是一些簡單的靜態(tài)的網(wǎng)站，看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目內(nèi)容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。從我做的網(wǎng)頁來看可以反映出學習的還不夠，缺點疏漏。需在加以刻苦鉆研及學習，不斷開拓視野，增強自己的實踐操作技能，為以后能做出出色的網(wǎng)頁而努力。同時我也希望能夠有更多的類似動手練習，讓我們在實踐之中來學習知識。因為我覺得實踐不僅能夠提高我們的學習興趣它更能夠提高我們的動手能力增強我們的技術(shù)性。
網(wǎng)頁設計與制作報告4
實習目的：熟悉和掌握計算機網(wǎng)頁設計的基本技巧及網(wǎng)頁制作相關(guān)工具軟件等內(nèi)容。培養(yǎng)我們利用計算機進行商務網(wǎng)頁設計的基本思路和應用開發(fā)能力，提高我們的計算機文化素質(zhì)。
網(wǎng)頁是世界上最有價值的不動產(chǎn)之一。人們在這個不足0。1平米的空間內(nèi)投資達數(shù)百萬美元。網(wǎng)頁對公司的影響比簡單的電子商務增收方法大得多；網(wǎng)頁也是公司對外的臉面。WEB站點就像一棟房子，它的每一個窗口都可以看成一扇門，人們可以沿著搜索引擎其他WEB站點的鏈接，繞過主頁而進入WEB的深層。
一、網(wǎng)站的整體規(guī)劃
1、討論網(wǎng)站主題：因為自己對普羅旺斯很感興趣，于是就想到要是一下為心中的仙境設計一個旅游網(wǎng)站。
2、定位網(wǎng)站CI形象：旅游網(wǎng)站最重要的就是是瀏覽者產(chǎn)生想去親身體驗一下的共鳴。于是在網(wǎng)頁設計上面，根據(jù)普羅旺斯夢幻般的意境，我采用的是清新雋永的CI形象。使瀏覽者有賓至如歸的感受。
3、確定欄目和板塊：
�。�1）首先要考慮整個網(wǎng)頁的長和寬，以及長度和寬度之間的比例。
（2）其次就應該考慮導航條的設置了。
�。�3）正文的框架設置（橫向因素和縱向因素交錯）
在瀏覽了很多精美的旅游網(wǎng)站之后，再結(jié)合自己的想法，我先在草紙上畫出了大體的欄目和板塊。
（4）網(wǎng)站的整體風格和創(chuàng)意：建立一個浪漫的旅行網(wǎng)站，走映像派路線，目的務必使瀏覽者留下映像。
二、網(wǎng)頁制作的前期策劃與準備
1、資料的搜集：由于個人的愛好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢幻效果的網(wǎng)頁背景，F(xiàn)IASH源代碼、小圖標和一些GIF的動畫等。
2、熟悉制作工具軟件：
主頁制作的基本條件有：
硬件：
一臺電腦（64mb以上內(nèi)存，當然越大越好啦）；可以撥號上網(wǎng)；如果你有條件的話，建議：配置掃描儀，這將大大方便圖像和文字的輸入；
軟件：
html編輯軟件：常用的有frontpage、hotdog等，本文重點介紹dreamweaver；
圖像處理軟件：常用的有photoshop、flash、fireworks等；
文件上傳軟件：常用的有cuteftp、wsftp等。
三、網(wǎng)頁制作
真的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開；插入的層太多，大一點的就把小一點的'給覆蓋掉了；插入的flash不能產(chǎn)生效果。總之問題一籮筐。實踐出真知，原來自己還有那么多欠缺的知識。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網(wǎng)頁制作方面的書籍來參考。
在對基本知識有了詳細的了解之后，做起東西來就得心應手多了，知道引導頁能過加映像之后，我決定為我的網(wǎng)頁設計一個引導頁。
然后是主頁和二級頁面的設置。要注意，網(wǎng)上只能使用jpg和gif兩種圖象格式，其他諸如bmp和tif等很通用的格式都不能用在網(wǎng)上，因為它們太大了，但可以用圖象軟件進行轉(zhuǎn)換，比如office 97的照片編輯器。把準備在主頁上出現(xiàn)的圖象放進相應的目錄里后。
在一步一步的邊學邊做的過程中，看著心中的東西一點一點的出來，真的很有成就感。雖然自己的網(wǎng)頁技術(shù)還差的遠，但是回顧一下這周真的學到了很多的東西。
四、網(wǎng)頁的調(diào)試
之前把作過的東西放到u盤里，發(fā)生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把源文件和web頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。
總結(jié)：在www上，不論你是資產(chǎn)上億的大公司，還是捉襟見肘的窮學生，只要你建立了自己的網(wǎng)頁，你們的地位就是平等的。經(jīng)過這周的相關(guān)學習，我了解到網(wǎng)頁設計與制作是一門龐大的工程。網(wǎng)站的反饋與評價網(wǎng)站要注意經(jīng)常維護更新內(nèi)容、保持內(nèi)容的新鮮，不要做好就放到服務器永遠不變了，只有不斷地補充、更新內(nèi)容、才能夠吸引瀏覽者。維護更新時可以充分利用dream weaver提供的模板和庫技術(shù)，以提高工作效率。一個真正的網(wǎng)站，不僅應該實現(xiàn)傳統(tǒng)媒體的電子化，給用戶提供需要的內(nèi)容、而且還應該做更多的事情、完成比頁面瀏覽更高層次的需求，例如收集信息，數(shù)據(jù)傳遞，數(shù)據(jù)存儲以及系統(tǒng)維護等。自己還有許多要學習的地方。
網(wǎng)頁設計與制作報告5
一、實習目的：
通過社會實踐，可以把我們在學校所學的理論知識，運用到客觀實際中去，使自己所有用武之地。以便能夠達到拓展自身的知識面，擴大與社會的接觸面。
1、了解平面設計在焦作的市場現(xiàn)狀及前景。
2、進一步掌握ps，coreldraw，等設計軟件的運用。
3、嘗試把學校里學習的平面設計相關(guān)理論運用到實習過程中。
4、初探做好平面設計師的方法，熟悉平面設計的方法和程序步驟。
5、培養(yǎng)人際交往與社交能力，為成為平面設計師作準備。
二、實習時間：
20xx年1月1日—4月30日
三、實習地點：
威美（上海）金融偉德服務有限公司
四、實習內(nèi)容：
平面設計
五、實習總結(jié)：
即將面臨大學畢業(yè)，因為偉德視覺傳達專業(yè)，想豐富一下自己的知識，所以我找到了一家互聯(lián)網(wǎng)金融公司做UI平面設計，雖然和我所學的專業(yè)有些差異，但它對于我來說是受益匪淺，我所在的公司威美（上海）金融偉德服務有限公司，主要是網(wǎng)頁設計為主，也與繪畫有所偉德，既然選擇這個公司，我就要好好去學，使自己的基礎(chǔ)更牢固，技術(shù)更全面，在大學里學的知識卻不知道如何運用，想偉德多個偉德，因此我非常珍惜這次實習的機會，在有限的時間里加深對繪畫對設計的了解，找出自身的不足。實習的內(nèi)容是學習網(wǎng)頁設計（Ps，ai，arp等軟件的使用）。
在實習過程中，我深深地感受到作為設計師通常缺乏足夠的對市場的了解和對管理層領(lǐng)導上的溝通，做出的設計作品經(jīng)常會與市場經(jīng)濟脫節(jié)；而作為管理者通常缺乏設計基礎(chǔ)和審美能力，往往為了追求市場效益，過多地拘束設計師的思維與創(chuàng)新，忽略了設計要素的重要性，造成了設計的庸俗化。
來到公司，第一天進公司，與經(jīng)理進行了簡單面談后，部門總監(jiān)把我分配給偉德經(jīng)理，偉德經(jīng)理是我的直接領(lǐng)導，所有工作由偉德經(jīng)理分布。第一天來到公司要趕做兩個網(wǎng)頁banner，接到文案后就在網(wǎng)絡上搜集大量banner素材，找了幾個適合這次文案的banner然后用Photoshop簡單的修改圖片，第一天沒有做好，幸好領(lǐng)導說第二天晚上再交給他，于是我就乖乖的回家找圖片。說實話我以前在學校的時候也這樣做過，不過效果沒有這么好，因為以前一遇到難的或不懂的就停下來不做了，而現(xiàn)在在公司，有壓力，有不懂的就問，這使我受益匪淺。
后來，公司要更改域名讓我參與進行的VI設計項目，讓我們鍛煉一下自己。公司給了我們一個設計logo的任務。一開始我們設計出的作品并不能符合主觀的要求，未能做出很好的方案。市場部總監(jiān)看過我的方案后，要我進一步去了解公司的性質(zhì)和作用，要做出更加符合機構(gòu)精神的logo。經(jīng)過兩天的摸索，我逐漸懂得了一些做logo的技巧和該注意的問題，要偉德實際，要大氣。同時也意識到了由于在學校實際鍛煉的機會比較少，在軟件操作上不夠純熟。而且對于公司的要求理解不夠透徹。
很幸運，一進公司便能參與的APP軟件設計項目之中，正好鍛煉一下自己。由于經(jīng)驗不足，剛開始找不到頭緒，不知道該做些什么。在開始的時候，主要還是負責一些比較瑣碎的任務。還沒有真正地參與到比較完整的偉德設計之中。經(jīng)過兩天的磨合，自己有哪些缺點和不足，便知道了一些。在校的時候由于實際鍛煉的機會比較少，所以現(xiàn)在什么都做不好，在軟件操作上還是不夠熟練。而且對于客戶的要求并不能立即做出反應。
我在工作的鍛煉中學到了許多課本上無法學到的經(jīng)驗，因為在學校中我們的創(chuàng)意和設計都只局限于作業(yè)之中，但如果在公司里，我們的創(chuàng)意還必須得到客戶和主管的認同，這是嚴格許多的。我們必須盡量發(fā)揮自己的創(chuàng)意，同時也要兼顧客戶的要求和市場的'效益。要多與客戶溝通，多向主管詢問意見，多向身邊同事請教。
通過這次實習，在設計方面我感覺自己有了一定的收獲，開始了解掌握了photoshop的小技巧，知道了怎么去制作圓角矩形方塊、高解析制作、保留選取范圍大小、快速隱藏圖層等。這次實習主要是為了我們今后在工作及業(yè)務上能力的提高起到了促進的作用，增強了我們今后的競爭力，為我們能在以后立足增添了一塊基石。實習單位的老師也給了我很多機會參與他們的設計是我懂得了很多以前難以解決的問題，將來偉德設計工作所要面對的問題，如與it工程師的配合，以及對市場部的偉德溝通。
這次實習對我來說受益匪淺，讓我學會從客觀的角度來審視自己的作品，在審美方面更加成熟。而在公司，與同事相處，讓我學會如何別人打交道。與領(lǐng)導交流，讓我學會設計師應有的職業(yè)道德。這些經(jīng)驗都讓我得到了成長，讓我在以后的工作中更加成熟、更加順利。這次實習豐富了我在這方面的知識，使我向更深的層次邁進，對我在今后的社會當中立足有一定的促進作用，但我也認識到，要想做好這方面的工作單靠這這幾天的實習是不行的，還需要我在平時的學習和工作中一點一點的積累，不斷豐富自己的經(jīng)驗才行。我面前的路還是很漫長的，需要不斷的努力和奮斗才能真正地走好。
網(wǎng)頁設計與制作報告6
畢業(yè)后，我來到了社會這個匯集眾多江河湖水的大海，感受到了獨立生活的好處與艱辛，同時我自己也更深的理解了，家長和學校老師對我們的殷切希望，在社會實習的這段日子，我吃了些苦，受了些罪，可是整個人在肉體上和精神上卻升華了很多，也比以前的變得更有自信了�，F(xiàn)將我的實習情況匯報如下：
一、實習工作介紹
我所在的這家公司，是一家做網(wǎng)上招商的商業(yè)網(wǎng)站，公司接收各種廠家提供的信息，然后由網(wǎng)絡的技術(shù)人員，將商家的信息做成網(wǎng)頁廣告，然后掛在我們的網(wǎng)站上，以此達到商業(yè)推廣的目的，類似我們公司的網(wǎng)站在同行業(yè)還有u88、28招商網(wǎng)等。
我和其它幾位同事做為網(wǎng)絡部的技術(shù)人員，主要的工作就是接收美工人員的網(wǎng)站模板，將其通過photoshop切片，然后導入dreamweaver進行排版，（排版主要使用css+div），并進一步的加以制作，完善美化，如加入js代碼，或透明flash，因為網(wǎng)頁是用css+div進行排版的，所以在最后一步的時候，我們還需要進行瀏覽器測試，因為css+div排版方式有一個最大的缺點就是：瀏覽器不兼容的問題，典型的如：ie與fireworks，因為各種瀏覽器使用的協(xié)議不同，所以會導致頁面在最終瀏覽的時候有一些小問題，如：頁面混亂，圖片、文字之間的距離過大或過小，頁面不美觀等等，做為一個新人，我在有些方面的技術(shù)還很不成熟，所以在技術(shù)總監(jiān)張偉的幫助下，解決了很多問題，所在我很感謝他，當每天我們做完網(wǎng)頁后，都會在代碼頁面加入注釋代碼，在里面寫上每個人姓名的漢語拼間和工作日期，這樣方便月底做統(tǒng)計工作，公司領(lǐng)導會根據(jù)每個人的工作數(shù)量進行獎勵，每做一個頁面會有2塊的提成，雖然少點，但是積少成多，也是很可觀的。
二、初來公司的時候
�。ㄒ唬┏跫壙荚�
初來公司的時候，我們經(jīng)過了初期考試，培訓，與最終考試三個階段，在接到公司讓我面試的電話后，我來到了xx公司，因為要干的是網(wǎng)頁設計，所以要有一個小測驗，技術(shù)總監(jiān)要求我們在網(wǎng)上自找圖片和文字，做一個簡單的頁面，要求是：什么樣的頁面都可以，考查的主要是面試者相關(guān)軟件的操作能力與代碼掌握的熟練成度，說實話，從畢業(yè)后，有一段時間沒有寫代碼了，剛一上機，還有點生疏，但是憑借在學樣扎實的學習功底，我很快就恢復了自己的英雄本色，將html代碼寫的很熟練，做了一個左右分欄的頁面，沒什么太大難度，技術(shù)總監(jiān)看了以后，說不錯，讓我三天后參加培訓，合格扣就可以正式上班了。
（二）三天的培訓工作
三天后，我來到了公司，一看，來參加培訓的人有很多，大概在十多個人左右，其實所謂的培訓，就是讓大家先熟悉這家網(wǎng)站的工作，先做一些他們平時干的活，做一些廣告網(wǎng)頁，這些網(wǎng)頁都是靜態(tài)的`，沒什么難度。我后來發(fā)現(xiàn)，自己在這些人當中，還是較較者，心里優(yōu)勢還挺好的。
(三)最后的考核
三天的培訓后，我們迎來了最后的考核，合格的人會被留下，并得到一份為期一個月的實習合同，然后會在根據(jù)你在實習期的表現(xiàn)決定你的去留問題,最優(yōu)秀的人會轉(zhuǎn)正，得到很優(yōu)厚的待遇。
考核的內(nèi)容，就是在公司的商務網(wǎng)站上任選一個頁面，然后在規(guī)定的時間內(nèi)做完，我還不錯，技術(shù)比較熟練，是第四個做完的。當我們把網(wǎng)頁做完后由這家公司的經(jīng)理進行審核，最后的結(jié)果是，最先做完的前8個人可以有底薪加提成，每人頁面的提成是2元錢，而后面做完的，只有提成，沒有底薪，他們的提成是每個頁面5元錢，最后的幾個人就被淘汰了，制度雖有點不近人情，但是剛畢業(yè)的學生能忍也就忍了，就這樣，我們每個人得到了一份一個月的臨時合同，正式開始了實習工作。
三、正式工作
我們每天的上班時間是從早上8:30分到下午的17:00，這是我見過最有激情的一些人了，年紀輕輕，干勁十足，來了以后就工作，連平時聊天的內(nèi)容也和本行業(yè)分不開，我喜歡他（她）們，回為是實習期，所以每天做的數(shù)量沒有太大要求，但是每個人都玩命似的干活，抓緊時間做網(wǎng)頁，我們做的網(wǎng)頁是比較簡單的從上到下式的網(wǎng)頁，通過css+div排版，這樣在后期瀏覽器兼容測試中，就好做的很多了，文字與圖片之間就不會有太多的麻煩，我干的很不錯，不過有些追求精致，我做網(wǎng)頁的速度慢了很多，最初每天只能做3--4個網(wǎng)頁，這對于我來說是不能接受的，后來我改變了工作方法，我第次工作的時候，先訂下計劃，比如今天做多少網(wǎng)頁，然后我將要做的所有網(wǎng)頁，先做好排版，這時的網(wǎng)頁雖然排過版，但是不美觀，因為沒有進行美化工作，然后我會在下午的時間，集中全力做美化工作，就這樣我的速度提高了很多，快了將近一倍多。只要更加熟練速度不會更快，我相信自己。
四、業(yè)余的生活
每天的工作都是很快的，有時感覺時間過的很快，想停都停不住，早上出去的時候，見的是太陽，晚上下班后看到的是即將落日的夕陽或者是星星，每天就這么快的過去了，每個工作日結(jié)束后，我都會在下班后步行一段時間，去附近的圖書城充會電，或者放松一下，找
一些我喜歡的書，看上幾個小時。
五、工作心得體會
實習期結(jié)束后，我和其它同事得到了正式合同并留在了這家公司，通過這次工作，我得到的最大體會就是，如果一個人在社會上沒有一技之長，那他是沒有辦法很好的活下來的，只有不斷的加強自身專業(yè)技能學習才行。所以，尊敬的老師，我會在業(yè)余時間好好學習，加強自己的專業(yè)能力，使自己變得更強，只有這樣才能上到為國家、為社會做出貢獻，下到為自己、為父母、為學校交出一份滿意的答卷。
網(wǎng)頁設計與制作報告7
這次實習內(nèi)容包括網(wǎng)站原型設計及Photoshop切片技術(shù)在網(wǎng)頁整體設計時的應用；“DIV+CSS”頁面布局技術(shù);設計電子購物商城主頁。我深深體會到，做好主頁，并不是一件容易的事，網(wǎng)頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。不過能懂得基本的框架和思路，這一點在以后的工作過程中是非常有幫助的。
通過這次實習，我也總結(jié)出來一些網(wǎng)站建設的基本流程。
制作網(wǎng)頁，首先是確定主題。
網(wǎng)上購物系統(tǒng)發(fā)布平臺為顧客提供了各種商品、供求信息瀏覽、查詢，購買等功能，全面的為顧客提供服務，幫助顧客更多的了解本網(wǎng)站的動態(tài)信息，提供最新動態(tài)通知。要求系統(tǒng)具有以下功能：
�。�1）用戶登錄注冊。
�。�2）提供類別導航，購物推薦，熱銷商品，加入購物車等
�。�3）提供會員注冊
�。�4）提供管理員后臺管理入口。管理員通過本頁面登錄后臺管理程序。
�。�5）通過后臺對各類信息進行管理和審核。
�。�6）對網(wǎng)站會員信息進行管理和審核。審核注冊本網(wǎng)站的會員，對其進行管理。
�。�7）友情鏈接。設置相關(guān)的友情鏈接頁面。
主頁的設計是整個網(wǎng)站的靈魂，構(gòu)思導航欄的分類，然后是整體規(guī)劃，每一個版塊都有其個性，清晰明了，便于閱讀瀏覽，大致分幾部分，首頁，小店簡介，產(chǎn)品展示，售后服務，友情鏈接這幾個板塊，再加入個別網(wǎng)站等，每一部分又分為幾個小部分，內(nèi)容比較充分，多樣。確定導航欄的各個分了標題之后對于建立二級子網(wǎng)頁尤為重要。
主頁的導航設計好后，接下來就是對主頁導航欄的各個內(nèi)容進行資料的收集，在網(wǎng)上多轉(zhuǎn)轉(zhuǎn)，看到什么漂亮的網(wǎng)頁，把它保存起來，作為以后自己設計主頁時的參考。另外，還包括搜集美化主頁可能要用到的各種材料，如背景、小動畫圖標等等。你可以在硬盤上建一個文件夾，下分“圖片、聲音、動畫”等文件夾，養(yǎng)成上網(wǎng)時看到有創(chuàng)意、新鮮的圖像，就按鼠標右鍵存入你硬盤相應文件夾的習慣，時間一長你就有擁有了一個可觀的圖庫，等做主頁時隨手拈來或加以修改就成你自己的東西了。我們再對大量收集的資料進行篩選，得到最合適的'導航內(nèi)容的資料。
網(wǎng)站建設中如果大量運用模板，對于建立網(wǎng)站提供便利同時也減少了大量的工序。主頁的設計應以醒目優(yōu)先，應該令人一目了然，勿堆砌太多不必要的細節(jié)，或使畫面過于復雜。頁面給人的第一觀感最為重要。網(wǎng)上商城系統(tǒng)采用了敏捷開發(fā)的設計思想，我們對整個系統(tǒng)主要分成了2個大模塊，即前臺交易模塊和后臺管理模塊。而其中各個模塊我們又進行了進一步的細分，如前臺交易模塊又分為注冊會員、商品瀏覽、查詢商品、購買商品等；后臺管理模塊則包括對用戶的管理、商品管理和銷售管理。使得整個系統(tǒng)具有易用性、個性化、跨平臺等特點，同時又保證交易數(shù)據(jù)的安全、穩(wěn)定、快速和完整，使其運行得高速、安全、穩(wěn)定。
商品管理模塊，管理員對商品信息的管理主要包括商品以及對商品類別的查詢、添加、刪除、修改等操作。
訂單管理模塊，用戶選擇滿意的商品會進行下訂單操作，同時會進行確認訂單、付款等操作，但同時也會存在未確定訂單、未付款等操作。
網(wǎng)頁的迷人之處之一，要算它上面能點綴許多漂亮的圖片。精美的圖片設計，可以使自己的網(wǎng)頁增輝不少，令人過目不忘。圖片的內(nèi)容應有一定的實際作用，忌虛飾浮夸，同時還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。
由于在網(wǎng)上用瀏覽器瀏覽任何主頁時，都能查看到該主頁制作時所編寫的絕大部分網(wǎng)頁編程源代碼。因此，如果你想知道并掌握一些優(yōu)秀的主頁采用的設計技巧，試著將其源代碼調(diào)出來仔細揣摩，并模仿著一步一步去實現(xiàn)。
通過這次實習，我學到了很多有價值的東西。雖然我不能完成網(wǎng)站設計的過程，把設計中散亂的網(wǎng)頁鏈接成框架體系，但至少使平時學到的知識點有了提高。我感受最深的是：想要最好一個網(wǎng)站，素材和技能都十分重要。好的素材需要多放面查找資料的，可以從圖書、網(wǎng)站和新聞上查找的。好的技能需要不斷的實踐，經(jīng)常鍛煉。只有擁有好的素材和精湛的技能才可以做出最精湛的網(wǎng)頁。
【網(wǎng)頁設計與制作報告】相關(guān)文章：
網(wǎng)頁設計與制作實習報告11-29
網(wǎng)頁設計與制作實驗報告10-09
網(wǎng)頁制作教學設計11-30
網(wǎng)頁設計與制作總結(jié)09-05
網(wǎng)頁制作教學設計11-30
網(wǎng)頁設計與制作的應用論文04-20
網(wǎng)頁制作實習報告12-22
網(wǎng)頁制作教學設計7篇12-06
網(wǎng)頁制作實驗報告05-01
網(wǎng)頁制作實習報告通用10-10