網頁設計與制作報告

　　在現實生活中，報告十分的重要，其在寫作上具有一定的竅門。一聽到寫報告馬上頭昏腦漲？下面是小編收集整理的網頁設計與制作報告，歡迎閱讀，希望大家能夠喜歡。

　　網頁設計與制作報告1

　　一、實習目的

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

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

　　二、實習時間

　　20xx年03月01日～20xx年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設計相關工作崗知識。

　　網頁設計與制作報告2

　　一、實習目的

　　（一）檢驗自己是不是真的適合這個職業

　　鑒于自己對未來的職業生涯的規劃更傾向于設計，這和自己所學的專業不是十分有聯系，所以我希望在實習的過程里思考自己未來是否適合從事這方面的工作，為以后求職之路少走彎路做一定的嘗試。

　　（二）在實踐中查漏補缺

　　在學校學習的網站建設知識僅僅停留在平時的作業里，并沒有得到充分的運用。希望可以藉由這次實習，好好鞏固書面知識。在實際運用中通過發現問題，解決問題對知識進行查漏補缺。

　　（三）在工作中打磨自己

　　由于學校和社會是截然不同的生活、學習、工作氛圍，在工作中我們不可以像在學校一樣隨心所欲，待人接物方面需要更有禮貌的溝通和恰當好處的圓滑。希望在實習里，和同事上司的相處中獲得這方面的成長。

　　二、實習內容

　　（一）實習主要內容

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

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

　　（一）深刻感受到什么是真正的細心

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

　　（二）主動思考的重要性

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

　　網頁設計與制作報告3

　　在經濟迅速發展的今天，Internet顯得更為重要它是人們發布信息與傳遞信息的重要渠道，為了與社會發展同步，為了讓我們成為真正的技術性人才。學校在本周為我們安排了維持一周的網頁制作專用周是實習，讓我們把平時所學知識運用到實踐中做到真正的學以致用而不只是紙上談兵。通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足，下面就談談我在本次專用周的主要感受。

　　一、網站整體規劃，要做網頁的第一步便是做網站的整體規劃這主要包括四個方面的內容。

　　1.討論網站的主題。

　　網站整體規劃是做網頁的第一步也是制作網頁最關鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛的服飾來為它做網頁。在平時我也對服裝的網頁比較關心，無論是淘寶網上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網頁。

　　2.定位網站的CI形象。“易菲”植根中國文化之精髓，汲取自然稟賦之靈性，形成一個既有濃厚文化底蘊，又有現代自然人文氣息的特色品牌。“易”即是容，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展。“菲”通非，是生機、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘。“生活如花，自在快樂”是YIFINI易菲的設計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網站的CI形象。

　　3.確定欄目和板塊。

　　于時間的關系在本次我準備做四張網頁：一張主頁三張二級頁面。分別設計了“時尚首頁、時尚衣秀、推薦產品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網頁的主打色綠色。

　　2.網站的整體風格和創意。

　　整個網站的創意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網站的主打色主要是因為我的產品特性。在設計上，YIEINI易菲推崇“自然美”，將帶表女性氣質的花卉和自然元素融入設計之中，充分體現設計師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。

　　二、網頁制作的前期策劃與準備，在本階級主要有兩方面的工作。

　　1.資料的搜集。

　　在做網頁我上網收集了許多方面的資料主要是有關網站的布局與服飾品牌方面的資料，我首先進它的企業網站找了一些關于“易菲”服飾的圖片主要是一些代言形象還有代表其企業形象的圖片。其次我去瀏覽了許多的網頁觀察其網頁的布局、顏色搭配、欄目、板塊等方面的內容，同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態圖片的搜集，動態圖片其gif格式的還是好保存，但是要搜集flash動態圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索，不過經過三次像老實詢問我終于懂得一些關于代碼的搜索。在搜集資料的過程之中我發現了自己的許多不足之處，最關鍵就是平時對知識的掌握不夠，連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現。通過這次的教訓在以后我一定會做得更好，爭取不范類似錯誤。

　　2.熟悉制作軟件。

　　做網頁主要用的工具便是Dremweaver、Photoshop、Flash軟件。在這些軟件我對Dremweaver、Photoshop相對比較熟悉，因為在平時上課是老師帶領我們運用過。所以我還可以正常的運用，但是出現的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現了我學習方面的缺點，它是我平時不夠認真的具體表現。

　　三、網頁制作，這便進入我該次的主題了具體制作流程如下。

　　1.構建站點框架。

　　在我打開Dremweaver后第一步便是新建站點，我把我的站點建立在F儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網頁制作時可以方便的使用。

　　2.設計主頁及二級頁面。

　　在主頁我設首頁制作時，時刻考慮著網頁的基本原則：統一，連貫，分割，對比及和諧的原則，內容統一，都是為了主題服務，美容美體，一個網站強調的就是一個整體，只有圍繞一個統一的目標所做的設計才是成功的；連貫，頁面之間關系連貫，統成一體；每版內容都自成一體，顏色各異，便于瀏覽；整個網頁有動有靜，色彩呼應，搭配協調，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：

　　簡潔實用:這是非常重要的，網絡特殊環境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美；頁面用色協調，布局符合形式

　　美的要求:布局有條理，充分利用美的形式，是網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

　　交互式強:發揮網絡的優勢，是每個使用者都參與到其中來，這樣的設計才能算成功的設計。這樣的網頁才算真正的美的'設計。每個子頁都設有上導航欄，便于瀏覽和跳轉。3個二級網頁制作時，使用的是表格，每一個頁面都用表格為它布局好，然后在插入圖片文字及其他，這樣有一定的規劃性，體現了連貫統一性，不同的內容根據各自的特色建立了不同的表格，突出各自的主題，增強了對比性。在做這些網頁的時候我就進行了如上所述的方法。但我所以網頁的背景顏色及主題顏色都是相同的以便突出我每一個網頁都是為凸顯我主題而服務。

　　3.實現網頁間的鏈接。

　　我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產品、潮流信息”它分別鏈接到我所做的四個網頁。鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網頁單擊確定便可以了。

　　4.向靜太網頁插入動態效果。

　　在這一階段我遇到了許多的問題，主要是我在主頁插入我的flash的時候，開是我將帶碼粘貼到我的網頁上可是在瀏覽網頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網頁我主頁插入的是一些gif格式的動態圖片。

　　四、網頁的調試

　　在做完網站才發現，怎么所有的圖片素材并不是在一個文件夾中，而有許多的子文件夾，從網上下載的網頁全都是一個網頁對應一個文件夾。制作過程中，才發現，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應用。而對于動態flash的插入我更是問題多多，開始是我對代碼基本上是不懂，這就是自己學校上的問題，當真正開始運用的時候在向老師提問。

　　這只是在制作過程中出現一些問題，其它問題也是類似相同。現在想想，自己所會的東西太少了，現在做的網站只是一些簡單的靜態的網站，看到了一些知名的網站開發出的網頁，不僅欄目內容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網民贊嘆不已，流連忘返。從我做的網頁來看可以反映出學習的還不夠，缺點疏漏。需在加以刻苦鉆研及學習，不斷開拓視野，增強自己的實踐操作技能，為以后能做出出色的網頁而努力。同時我也希望能夠有更多的類似動手練習，讓我們在實踐之中來學習知識。因為我覺得實踐不僅能夠提高我們的學習興趣它更能夠提高我們的動手能力增強我們的技術性。

　　網頁設計與制作報告4

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

　　網頁是世界上最有價值的不動產之一。人們在這個不足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頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。

　　總結：在www上，不論你是資產上億的大公司，還是捉襟見肘的窮學生，只要你建立了自己的網頁，你們的地位就是平等的。經過這周的相關學習，我了解到網頁設計與制作是一門龐大的工程。網站的反饋與評價網站要注意經常維護更新內容、保持內容的新鮮，不要做好就放到服務器永遠不變了，只有不斷地補充、更新內容、才能夠吸引瀏覽者。維護更新時可以充分利用dream weaver提供的模板和庫技術，以提高工作效率。一個真正的網站，不僅應該實現傳統媒體的電子化，給用戶提供需要的內容、而且還應該做更多的事情、完成比頁面瀏覽更高層次的需求，例如收集信息，數據傳遞，數據存儲以及系統維護等。自己還有許多要學習的地方。

　　網頁設計與制作報告5

　　一、實習目的：

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

　　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工程師的配合，以及對市場部的偉德溝通。

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

　　網頁設計與制作報告6

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

　　一、實習工作介紹

　　我所在的這家公司，是一家做網上招商的商業網站，公司接收各種廠家提供的信息，然后由網絡的技術人員，將商家的信息做成網頁廣告，然后掛在我們的網站上，以此達到商業推廣的目的，類似我們公司的網站在同行業還有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個網頁，這對于我來說是不能接受的，后來我改變了工作方法，我第次工作的時候，先訂下計劃，比如今天做多少網頁，然后我將要做的所有網頁，先做好排版，這時的網頁雖然排過版，但是不美觀，因為沒有進行美化工作，然后我會在下午的時間，集中全力做美化工作，就這樣我的速度提高了很多，快了將近一倍多。只要更加熟練速度不會更快，我相信自己。

　　四、業余的生活

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

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

　　五、工作心得體會

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

　　網頁設計與制作報告7

　　這次實習內容包括網站原型設計及Photoshop切片技術在網頁整體設計時的應用；“DIV+CSS”頁面布局技術;設計電子購物商城主頁。我深深體會到，做好主頁，并不是一件容易的事，網頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西。不過能懂得基本的框架和思路，這一點在以后的工作過程中是非常有幫助的。

　　通過這次實習，我也總結出來一些網站建設的基本流程。

　　制作網頁，首先是確定主題。

　　網上購物系統發布平臺為顧客提供了各種商品、供求信息瀏覽、查詢，購買等功能，全面的為顧客提供服務，幫助顧客更多的了解本網站的動態信息，提供最新動態通知。要求系統具有以下功能：

　　（1）用戶登錄注冊。

　　（2）提供類別導航，購物推薦，熱銷商品，加入購物車等

　　（3）提供會員注冊

　　（4）提供管理員后臺管理入口。管理員通過本頁面登錄后臺管理程序。

　　（5）通過后臺對各類信息進行管理和審核。

　　（6）對網站會員信息進行管理和審核。審核注冊本網站的會員，對其進行管理。

　　（7）友情鏈接。設置相關的友情鏈接頁面。

　　主頁的設計是整個網站的靈魂，構思導航欄的分類，然后是整體規劃，每一個版塊都有其個性，清晰明了，便于閱讀瀏覽，大致分幾部分，首頁，小店簡介，產品展示，售后服務，友情鏈接這幾個板塊，再加入個別網站等，每一部分又分為幾個小部分，內容比較充分，多樣。確定導航欄的各個分了標題之后對于建立二級子網頁尤為重要。

　　主頁的導航設計好后，接下來就是對主頁導航欄的各個內容進行資料的收集，在網上多轉轉，看到什么漂亮的網頁，把它保存起來，作為以后自己設計主頁時的參考。另外，還包括搜集美化主頁可能要用到的各種材料，如背景、小動畫圖標等等。你可以在硬盤上建一個文件夾，下分“圖片、聲音、動畫”等文件夾，養成上網時看到有創意、新鮮的圖像，就按鼠標右鍵存入你硬盤相應文件夾的習慣，時間一長你就有擁有了一個可觀的圖庫，等做主頁時隨手拈來或加以修改就成你自己的東西了。我們再對大量收集的資料進行篩選，得到最合適的導航內容的資料。

　　網站建設中如果大量運用模板，對于建立網站提供便利同時也減少了大量的工序。主頁的'設計應以醒目優先，應該令人一目了然，勿堆砌太多不必要的細節，或使畫面過于復雜。頁面給人的第一觀感最為重要。網上商城系統采用了敏捷開發的設計思想，我們對整個系統主要分成了2個大模塊，即前臺交易模塊和后臺管理模塊。而其中各個模塊我們又進行了進一步的細分，如前臺交易模塊又分為注冊會員、商品瀏覽、查詢商品、購買商品等；后臺管理模塊則包括對用戶的管理、商品管理和銷售管理。使得整個系統具有易用性、個性化、跨平臺等特點，同時又保證交易數據的安全、穩定、快速和完整，使其運行得高速、安全、穩定。

　　商品管理模塊，管理員對商品信息的管理主要包括商品以及對商品類別的查詢、添加、刪除、修改等操作。

　　訂單管理模塊，用戶選擇滿意的商品會進行下訂單操作，同時會進行確認訂單、付款等操作，但同時也會存在未確定訂單、未付款等操作。

　　網頁的迷人之處之一，要算它上面能點綴許多漂亮的圖片。精美的圖片設計，可以使自己的網頁增輝不少，令人過目不忘。圖片的內容應有一定的實際作用，忌虛飾浮夸，同時還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。

　　由于在網上用瀏覽器瀏覽任何主頁時，都能查看到該主頁制作時所編寫的絕大部分網頁編程源代碼。因此，如果你想知道并掌握一些優秀的主頁采用的設計技巧，試著將其源代碼調出來仔細揣摩，并模仿著一步一步去實現。

　　通過這次實習，我學到了很多有價值的東西。雖然我不能完成網站設計的過程，把設計中散亂的網頁鏈接成框架體系，但至少使平時學到的知識點有了提高。我感受最深的是：想要最好一個網站，素材和技能都十分重要。好的素材需要多放面查找資料的，可以從圖書、網站和新聞上查找的。好的技能需要不斷的實踐，經常鍛煉。只有擁有好的素材和精湛的技能才可以做出最精湛的網頁。

【網頁設計與制作報告】相關文章：

網頁設計與制作報告02-13

網頁設計制作實習報告05-11

網頁設計與制作報告集合02-20

網頁制作教學設計10-31

網頁制作教學設計11-30

制作網頁教學設計04-19

網頁制作實習報告10-28

網頁設計與制作總結（精選10篇）03-20

網頁設計報告04-25