網頁設計與制作報告

時間：2024-09-23 10:37:42 報告

網頁設計與制作報告

　　在生活中，報告的適用范圍越來越廣泛，通常情況下，報告的內容含量大、篇幅較長。一聽到寫報告馬上頭昏腦漲？以下是小編收集整理的網頁設計與制作報告，僅供參考，希望能夠幫助到大家。

網頁設計與制作報告

網頁設計與制作報告1

　　實習報告

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

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

　　2、進一步掌握ps，coreldraw，等設計軟件的運用。

　　3、嘗試把學校里學習的平面設計相關理論運用到實習過程中。

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

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

　　二、實習時間：

　　20xx年1月1日—4月30日

　　三、實習地點：

　　xx（上海）xx服務有限公司

　　四、實習內容：

　　平面設計

　　五、實習總結：

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

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

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

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

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

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

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

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

網頁設計與制作報告2

　　在經濟迅速發展的今天，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的插入我更是問題多多，開始是我對代碼基本上是不懂，這就是自己學校上的問題，當真正開始運用的時候在向老師提問。

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

網頁設計與制作報告3

　　一、課程簡介

　　根據對電子行業產品生產企業的調研、分析,高職應用電子專業學生主要從事電子產品調試工、電子產品檢修員、電子產品設計員等崗位工作。我院的電子產品設計及制作課程,主要是培養學生成為在智能控制系統安裝、檢測、維修與設計方面的高級專業復合型人才,是應用電子技術專業的專業核心課程。通過本門課程的學習,使學生熟悉電子產品設計、制作、生產整個崗位工作流程,并具有高級技術人員的基本實踐技能,能從整個系統的角度去考慮解決問題,提高職業基本素質。

　　二、課程設計總體思路

　　總體設計理念:

　　(1)本課程設計兼顧企業和個人兩者的需求,著眼于人的全面發展,以培養全面素質為基礎,以提高綜合職業能力為核心;

　　(2)本課程的設計突破了學科體系模式,打破了原來各學科體系的框架,將各學科的內容按“工作任務”進行整合;

　　(3)根據對電子行業產品生產企業的調研、分析、歸納崗位能力,總結出在真實產品的制作、調試中掌握實踐技能,培養企業文化精神。電子專業中心骨干教師與企業工程師共同制定應用電子專業人才培養方案,根據行業標準制訂電子產品設計與制作課程標準。遵循基于工作過程系統化的課程設計,以工作任務的選取和建設為出發點,重點培養學生職業能力和職業素養。每個工作任務的完成就是一個完整電子產品設計、制作、調試的工作過程,學生以“工作者”的身份作為主體,教師充當“旁觀者”做指導工作。

　　三、工作過程系統化課程開發

　　(一)工作任務的設計

　　通過充分的企業調研和考察分析,應用電子專業的學生所需要的職業崗位能力,主要有電路設計能力、電路調試能力、編程能力等。電子產品與設計作為專業核心課程,以典型真實產品作為載體,將電子電路的基本知識、電子工藝制作、單片機系統開發等知識全部融入工作任務當中,培養學生電子器件裝配、調試、維修、電路板制作、智能電子系統開發等職業能力。經過電子專業中心的多次討論修改,課程內容設計為四個工作任務:萬年歷的設計與制作、無線溫濕度采集器的設計與制作、蔽障小車的設計與制作、智能小車設計與制作。每個工作任務還分成2個子任務,共8個子任務完成:LCD1602液晶顯示、4×4薄膜鍵盤控制時鐘、RF905無線傳輸、500米溫濕度無線傳輸、驅動控制板、蔽障小車、尋跡小車組裝、判斷色塊完成任務。每一個子任務的實施就是一個完整的工作過程,與電子產品的開發、設計、制作過程一致。每個工作任務的實施過程與電子產品的設計、制作過程一致;每個任務之間由簡單到復雜,由單一到綜合,難度和要求層層遞進。

　　(二)工作任務的實施

　　以工作任務為中心的教學過程如何順利的實施,也對教師的職業素質提出了更高的要求。電子產品設計與制作課程的.教師團隊均為“雙師型”教師,并且有兩位教師具有“無線電裝接工”考評員資格。教學過程中,學生作為主體完成具體工作任務,教師主要起到引導的作用。電子產品開發的典型工作流程為:產品功能分析→資料的收集討論整理→硬件電路設計→軟件程序設計→計算機仿真調試→制作電路板→整機調試。經過按照企業的實際工作過程設計并實施的工作任務,反復地訓練,培養學生的職業技能、創新素養與團隊協作的能力,從而為學生將來的頂崗實習、就業提供了重要的平臺。

　　(三)過程化考核方式

　　電子產品與設計課程成績的評定采取過程化考核,課程滿分為100分,每個工作任務成績滿分為25分。過程考核按任務進行,根據學生完成工作任務的情況,每項工作任務分成實際操作和知識點考核兩部分。實際操作成績包括電子元器件的選擇與檢測、設計方案的合理性、電子產品制作工藝、整機調試、考勤、項目報告等方面評定;知識點考核采取隨堂測試及問答的形式考核。

網頁設計與制作報告4

　　課題名稱為：網頁設計制作方法及其在餐飲行業中的應用舉例

　　基本任務與要求：

　　階段工作計劃：

　　開題報告：

　　1. 選題背景（含國內外相關研究綜述及評價）與意義

　　選題背景：互聯網始于1969年的美國，又稱因特網。最初用于軍事連接，之后由于計算機的增多，以及各種連接協議的規范化，互聯網逐漸發展起來，成為日常生活中人們與外界交流信息的重要工具，可以說，信息時代的基礎就是互聯網。在中國，截至20xx年12月底，中國網民數量突破5億，達到5.13億，全年新增網民5580萬。互聯網普及率較上年底提升4個百分點，達到38.3%。（數據來自國家互聯網絡信息中心），隨著網民的逐漸增加，網頁制作以及網頁設計技術的日趨完善，網頁已經被運用到人們日常生活中的方方面面，越來越多的人甚至公司開始學習制作屬于自己的個性化網頁，這成為信息時代最重要的宣傳方式。

　　國內外對此課題的研究著重分為兩個方面，網頁制作以及網頁設計，但是兩者同時又是密不可分的，因為，設計需要建立在目前的制作技術之上，而制作又需要遵守設計所構建的框架，兩者相輔相成，缺一不可，而國內外對此的研究通常都在兩方面有兼顧，但是大部分課題都是只對一個小問題或者一個小型框架，或者只是粗略講一下相關的技術或者技巧，對兩者同時進行一個綜合性概述的暫時還沒有。

　　意義：在互聯網初期，大部分網頁設計師都只知道如何去制作網站，知道如何去實現什么樣的功能，但是在這個信息化的社會，如何讓你的網頁變得更好看，更直觀明了的表達信息，如何從眾多的網頁之中脫穎而出，這就需要更強的網頁設計技術了，而新的網頁制作技術例如HTML5以及CSS3的運用也給設計師們帶來了更好的施展空間，該課題會先對網頁設計制作技術進行一個概述，讓讀者了解這些技術尤其是新技術的運用，同時課題還將運用一個知名餐飲行業的企業網站為例，講述網頁設計制作設計方法的實際運用，并指出網站設計中體現出的優缺點，最后課題里還會按照要求設計一個網站，同樣也是餐飲行業方面的網站，與知名企業的網站進行對比，加深理解網頁中設計與制作的關系。選題研究的方法與主要內容。

　　選題研究方法：

　　文獻研究法：通過調查與網頁設計制作相關的文獻，對其進行一個綜合性的了解，同時吸收文獻中對網頁設計制作的獨特見解，加入自身的理解，從而達到一個更高的高度

　　探索性研究：利用自身已經學習過的網頁設計制作方面的知識，以及在網頁美學上的經驗，綜合探索，得出屬于自己的獨特經驗

　　信息研究方法：通過對網絡上各種教程以及著名網站等實例樣本進行收集、傳遞、加工和整理來獲得知識，并將其用于實踐，在實踐中進行檢驗，從而糾正理論

　　經驗總結法：通過對制作實際網站中的實際情況，進行歸納、分析，并且將這種經驗進行系統化整理描述性研究法：將網上已有的網頁制作的經驗、理論以及規律甚至是小技巧等等通過自己的理解，并且給予實地驗證，最后系統性敘述并解釋出來

　　主要內容：論文主要分為四部分，第一部分是開題報告部分，講述選題背景以及對國內外相關研究進行一個綜述，并指出論文的研究意義；緊接著第二部分對國內外在網頁設計制作方面技術進行了一個綜合性的分析；第三部分，我將選取國內一個知名餐飲行業的網站，對其進行網頁設計制作技術方面進行分析評價，并在其中闡述自己的理論，論證優缺點；最后，我將自己設計一個有關于餐飲行業的網站，并將其與第三部分中選擇的知名餐飲行業網站進行對比，取長補短，達到實際驗證自身理論的效果。研究條件、擬解決的主要問題和預期結果。

　　研究條件：網頁在21世紀的應用已經十分普遍，但是大部分研究都是只針對某一小部分，并且大部分研究都是對設計和制作沒有一個系統的概念，缺乏對這一方面的一個綜合性概述，所以這次課題研究具有以下幾個條件：

　　1、具有研究性：該研究區域尚未被大量探索過

　　2、研究過程中所需的條件均已滿足：國內外相關研究已經有很多，大多數知名餐飲網站也開始重視網站進行銷售和宣傳

　　3、具備研究該課題的'設備、場地或者環境等：網頁設計制作所需要的物質成本只是充足的信息來源，而互聯網已經滿足了這個條件

　　擬解決的主要問題：

　　1.對網頁設計制作技術的收集以及歸納、整理

　　2.對網頁設計制作技術的理解、實際應用及論證

　　3.自主設計一個網站，避免出現知名餐飲行業中的缺點設計

　　預期結果：

　　初期：收集整理網頁設計制作方面的資料，包括文獻，各種教程，以及國內外知名網站，對各種設計制作方法進行系統性的整理，其中著重介紹新技術的運用，例如HTML5、CSS3以及設備移動互聯化帶來的新交互方式的運用

　　中期：選取一個有代表性的知名餐飲網站，對其進行網頁設計以及網頁制作方面的評價，指出設計中的優點和缺點，并進行詳細分析，針對缺點設計提出自己的想法，并做出實際設計，從而驗證自己的理論，或者舉出實例進行對比論證。

　　后期：自行設計餐飲網站進行對比分析，建立自己的設計理論，并與中期的評價進行對應驗證，在實踐得到大量的經驗，從而對整篇課題進行一個重新檢驗，最后反復檢查論文，完成論文。

網頁設計與制作報告5

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

　　一、實習工作介紹

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

　　四、業余的生活

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

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

　　五、工作心得體會

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

網頁設計與制作報告6

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

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

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

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

　　（1）用戶登錄注冊。

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

　　（3）提供會員注冊

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

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

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

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

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

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

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

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

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

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

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

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

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

網頁設計報告04-25