- 網(wǎng)頁設(shè)計與制作報告 推薦度：
- 相關(guān)推薦
網(wǎng)頁設(shè)計與制作報告
在生活中，報告的適用范圍越來越廣泛，通常情況下，報告的內(nèi)容含量大、篇幅較長。一聽到寫報告馬上頭昏腦漲？以下是小編收集整理的網(wǎng)頁設(shè)計與制作報告，僅供參考，希望能夠幫助到大家。
網(wǎng)頁設(shè)計與制作報告1
實習(xí)報告
一、實習(xí)目的：通過社會實踐，可以把我們在學(xué)校所學(xué)的理論知識，運用到客觀實際中去，使自己所有用武之地。以便能夠達到拓展自身的知識面，擴大與社會的接觸面。
1、了解平面設(shè)計在焦作的市場現(xiàn)狀及前景。
2、進一步掌握ps，coreldraw，等設(shè)計軟件的運用。
3、嘗試把學(xué)校里學(xué)習(xí)的平面設(shè)計相關(guān)理論運用到實習(xí)過程中。
4、初探做好平面設(shè)計師的方法，熟悉平面設(shè)計的方法和程序步驟。
5、培養(yǎng)人際交往與社交能力，為成為平面設(shè)計師作準備。
二、實習(xí)時間：
20xx年1月1日—4月30日
三、實習(xí)地點：
xx（上海）xx服務(wù)有限公司
四、實習(xí)內(nèi)容：
平面設(shè)計
五、實習(xí)總結(jié)：
即將面臨大學(xué)畢業(yè)，因為偉德視覺傳達專業(yè)，想豐富一下自己的知識，所以我找到了一家互聯(lián)網(wǎng)金融公司做UI平面設(shè)計，雖然和我所學(xué)的專業(yè)有些差異，但它對于我來說是受益匪淺，我所在的公司xx（上海）xx服務(wù)有限公司，主要是網(wǎng)頁設(shè)計為主，也與繪畫有所偉德，既然選擇這個公司，我就要好好去學(xué)，使自己的基礎(chǔ)更牢固，技術(shù)更全面，在大學(xué)里學(xué)的知識卻不知道如何運用，想偉德多個偉德，因此我非常珍惜這次實習(xí)的機會，在有限的時間里加深對繪畫對設(shè)計的了解，找出自身的不足。實習(xí)的內(nèi)容是學(xué)習(xí)網(wǎng)頁設(shè)計（Ps，ai，arp等軟件的使用）。
在實習(xí)過程中，我深深地感受到作為設(shè)計師通常缺乏足夠的對市場的了解和對管理層領(lǐng)導(dǎo)上的溝通，做出的設(shè)計作品經(jīng)常會與市場經(jīng)濟脫節(jié)；而作為管理者通常缺乏設(shè)計基礎(chǔ)和審美能力，往往為了追求市場效益，過多地拘束設(shè)計師的思維與創(chuàng)新，忽略了設(shè)計要素的重要性，造成了設(shè)計的庸俗化。
來到公司，第一天進公司，與經(jīng)理進行了簡單面談后，部門總監(jiān)把我分配給偉德經(jīng)理，偉德經(jīng)理是我的直接領(lǐng)導(dǎo)，所有工作由偉德經(jīng)理分布。第一天來到公司要趕做兩個網(wǎng)頁banner，接到文案后就在網(wǎng)絡(luò)上搜集大量banner素材，找了幾個適合這次文案的banner然后用Photoshop簡單的修改圖片，第一天沒有做好，幸好領(lǐng)導(dǎo)說第二天晚上再交給他，于是我就乖乖的回家找圖片。說實話我以前在學(xué)校的時候也這樣做過，不過效果沒有這么好，因為以前一遇到難的或不懂的就停下來不做了，而現(xiàn)在在公司，有壓力，有不懂的就問，這使我受益匪淺。
后來，公司要更改域名讓我參與進行的VI設(shè)計項目，讓我們鍛煉一下自己。公司給了我們一個設(shè)計logo的任務(wù)。一開始我們設(shè)計出的作品并不能符合主觀的要求，未能做出很好的方案。市場部總監(jiān)看過我的方案后，要我進一步去了解公司的性質(zhì)和作用，要做出更加符合機構(gòu)精神的logo。經(jīng)過兩天的摸索，我逐漸懂得了一些做logo的技巧和該注意的問題，要偉德實際，要大氣。同時也意識到了由于在學(xué)校實際鍛煉的機會比較少，在軟件操作上不夠純熟。而且對于公司的要求理解不夠透徹。
很幸運，一進公司便能參與的APP軟件設(shè)計項目之中，正好鍛煉一下自己。由于經(jīng)驗不足，剛開始找不到頭緒，不知道該做些什么。在開始的時候，主要還是負責(zé)一些比較瑣碎的任務(wù)。還沒有真正地參與到比較完整的偉德設(shè)計之中。經(jīng)過兩天的磨合，自己有哪些缺點和不足，便知道了一些。在校的時候由于實際鍛煉的機會比較少，所以現(xiàn)在什么都做不好，在軟件操作上還是不夠熟練。而且對于客戶的要求并不能立即做出反應(yīng)。
我在工作的鍛煉中學(xué)到了許多課本上無法學(xué)到的經(jīng)驗，因為在學(xué)校中我們的創(chuàng)意和設(shè)計都只局限于作業(yè)之中，但如果在公司里，我們的創(chuàng)意還必須得到客戶和主管的認同，這是嚴格許多的。我們必須盡量發(fā)揮自己的`創(chuàng)意，同時也要兼顧客戶的要求和市場的效益。要多與客戶溝通，多向主管詢問意見，多向身邊同事請教。
通過這次實習(xí)，在設(shè)計方面我感覺自己有了一定的收獲，開始了解掌握了photoshop的小技巧，知道了怎么去制作圓角矩形方塊、高解析制作、保留選取范圍大小、快速隱藏圖層等。這次實習(xí)主要是為了我們今后在工作及業(yè)務(wù)上能力的提高起到了促進的作用，增強了我們今后的競爭力，為我們能在以后立足增添了一塊基石。實習(xí)單位的老師也給了我很多機會參與他們的設(shè)計是我懂得了很多以前難以解決的問題，將來偉德設(shè)計工作所要面對的問題，如與it工程師的配合，以及對市場部的偉德溝通。
這次實習(xí)對我來說受益匪淺，讓我學(xué)會從客觀的角度來審視自己的作品，在審美方面更加成熟。而在公司，與同事相處，讓我學(xué)會如何別人打交道。與領(lǐng)導(dǎo)交流，讓我學(xué)會設(shè)計師應(yīng)有的職業(yè)道德。這些經(jīng)驗都讓我得到了成長，讓我在以后的工作中更加成熟、更加順利。這次實習(xí)豐富了我在這方面的知識，使我向更深的層次邁進，對我在今后的社會當(dāng)中立足有一定的促進作用，但我也認識到，要想做好這方面的工作單靠這這幾天的實習(xí)是不行的，還需要我在平時的學(xué)習(xí)和工作中一點一點的積累，不斷豐富自己的經(jīng)驗才行。我面前的路還是很漫長的，需要不斷的努力和奮斗才能真正地走好。
網(wǎng)頁設(shè)計與制作報告2
在經(jīng)濟迅速發(fā)展的今天，Internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實習(xí)，讓我們把平時所學(xué)知識運用到實踐中做到真正的學(xué)以致用而不只是紙上談兵。通過本周的實習(xí)使我獲得了更多的新知識同時也使我使我認識到了自己在學(xué)習(xí)上的許多不足，下面就談?wù)勎以诒敬螌Ｓ弥艿闹饕惺堋?/p>
一、網(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、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘�！吧钊缁�，自在快樂”是YIFINI易菲的設(shè)計理念，倡導(dǎo)一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的CI形象。
3.確定欄目和板塊。
于時間的關(guān)系在本次我準備做四張網(wǎng)頁：一張主頁三張二級頁面。分別設(shè)計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網(wǎng)頁的主打色綠色。
2.網(wǎng)站的整體風(fēng)格和創(chuàng)意。
整個網(wǎng)站的創(chuàng)意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設(shè)計上，YIEINI易菲推崇“自然美”，將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計之中，充分體現(xiàn)設(shè)計師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現(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)。通過這次的教訓(xùn)在以后我一定會做得更好，爭取不范類似錯誤。
2.熟悉制作軟件。
做網(wǎng)頁主要用的工具便是Dremweaver、Photoshop、Flash軟件。在這些軟件我對Dremweaver、Photoshop相對比較熟悉，因為在平時上課是老師帶領(lǐng)我們運用過。所以我還可以正常的運用，但是出現(xiàn)的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現(xiàn)了我學(xué)習(xí)方面的缺點，它是我平時不夠認真的具體表現(xiàn)。
三、網(wǎng)頁制作，這便進入我該次的主題了具體制作流程如下。
1.構(gòu)建站點框架。
在我打開Dremweaver后第一步便是新建站點，我把我的站點建立在F儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網(wǎng)頁制作時可以方便的使用。
2.設(shè)計主頁及二級頁面。
在主頁我設(shè)首頁制作時，時刻考慮著網(wǎng)頁的基本原則：統(tǒng)一，連貫，分割，對比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)，美容美體，一個網(wǎng)站強調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標所做的設(shè)計才是成功的；連貫，頁面之間關(guān)系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個網(wǎng)頁有動有靜，色彩呼應(yīng)，搭配協(xié)調(diào)，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：
簡潔實用:這是非常重要的，網(wǎng)絡(luò)特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美；頁面用色協(xié)調(diào)，布局符合形式
美的要求:布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。當(dāng)然雅俗共賞是人人都追求的。
交互式強:發(fā)揮網(wǎng)絡(luò)的優(yōu)勢，是每個使用者都參與到其中來，這樣的設(shè)計才能算成功的設(shè)計。這樣的網(wǎng)頁才算真正的美的'設(shè)計。每個子頁都設(shè)有上導(dǎo)航欄，便于瀏覽和跳轉(zhuǎn)。3個二級網(wǎng)頁制作時，使用的是表格，每一個頁面都用表格為它布局好，然后在插入圖片文字及其他，這樣有一定的規(guī)劃性，體現(xiàn)了連貫統(tǒng)一性，不同的內(nèi)容根據(jù)各自的特色建立了不同的表格，突出各自的主題，增強了對比性。在做這些網(wǎng)頁的時候我就進行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務(wù)。
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)頁對應(yīng)一個文件夾。制作過程中，才發(fā)現(xiàn)，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應(yīng)用。而對于動態(tài)flash的插入我更是問題多多，開始是我對代碼基本上是不懂，這就是自己學(xué)校上的問題，當(dāng)真正開始運用的時候在向老師提問。
這只是在制作過程中出現(xiàn)一些問題，其它問題也是類似相同�，F(xiàn)在想想，自己所會的東西太少了，現(xiàn)在做的網(wǎng)站只是一些簡單的靜態(tài)的網(wǎng)站，看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目內(nèi)容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。從我做的網(wǎng)頁來看可以反映出學(xué)習(xí)的還不夠，缺點疏漏。需在加以刻苦鉆研及學(xué)習(xí)，不斷開拓視野，增強自己的實踐操作技能，為以后能做出出色的網(wǎng)頁而努力。同時我也希望能夠有更多的類似動手練習(xí)，讓我們在實踐之中來學(xué)習(xí)知識。因為我覺得實踐不僅能夠提高我們的學(xué)習(xí)興趣它更能夠提高我們的動手能力增強我們的技術(shù)性。
網(wǎng)頁設(shè)計與制作報告3
一、課程簡介
根據(jù)對電子行業(yè)產(chǎn)品生產(chǎn)企業(yè)的調(diào)研、分析,高職應(yīng)用電子專業(yè)學(xué)生主要從事電子產(chǎn)品調(diào)試工、電子產(chǎn)品檢修員、電子產(chǎn)品設(shè)計員等崗位工作。我院的電子產(chǎn)品設(shè)計及制作課程,主要是培養(yǎng)學(xué)生成為在智能控制系統(tǒng)安裝、檢測、維修與設(shè)計方面的高級專業(yè)復(fù)合型人才,是應(yīng)用電子技術(shù)專業(yè)的專業(yè)核心課程。通過本門課程的學(xué)習(xí),使學(xué)生熟悉電子產(chǎn)品設(shè)計、制作、生產(chǎn)整個崗位工作流程,并具有高級技術(shù)人員的基本實踐技能,能從整個系統(tǒng)的角度去考慮解決問題,提高職業(yè)基本素質(zhì)。
二、課程設(shè)計總體思路
總體設(shè)計理念:
(1)本課程設(shè)計兼顧企業(yè)和個人兩者的需求,著眼于人的全面發(fā)展,以培養(yǎng)全面素質(zhì)為基礎(chǔ),以提高綜合職業(yè)能力為核心;
(2)本課程的設(shè)計突破了學(xué)科體系模式,打破了原來各學(xué)科體系的框架,將各學(xué)科的內(nèi)容按“工作任務(wù)”進行整合;
(3)根據(jù)對電子行業(yè)產(chǎn)品生產(chǎn)企業(yè)的調(diào)研、分析、歸納崗位能力,總結(jié)出在真實產(chǎn)品的制作、調(diào)試中掌握實踐技能,培養(yǎng)企業(yè)文化精神。電子專業(yè)中心骨干教師與企業(yè)工程師共同制定應(yīng)用電子專業(yè)人才培養(yǎng)方案,根據(jù)行業(yè)標準制訂電子產(chǎn)品設(shè)計與制作課程標準。遵循基于工作過程系統(tǒng)化的課程設(shè)計,以工作任務(wù)的選取和建設(shè)為出發(fā)點,重點培養(yǎng)學(xué)生職業(yè)能力和職業(yè)素養(yǎng)。每個工作任務(wù)的完成就是一個完整電子產(chǎn)品設(shè)計、制作、調(diào)試的工作過程,學(xué)生以“工作者”的身份作為主體,教師充當(dāng)“旁觀者”做指導(dǎo)工作。
三、工作過程系統(tǒng)化課程開發(fā)
(一)工作任務(wù)的設(shè)計
通過充分的企業(yè)調(diào)研和考察分析,應(yīng)用電子專業(yè)的學(xué)生所需要的職業(yè)崗位能力,主要有電路設(shè)計能力、電路調(diào)試能力、編程能力等。電子產(chǎn)品與設(shè)計作為專業(yè)核心課程,以典型真實產(chǎn)品作為載體,將電子電路的基本知識、電子工藝制作、單片機系統(tǒng)開發(fā)等知識全部融入工作任務(wù)當(dāng)中,培養(yǎng)學(xué)生電子器件裝配、調(diào)試、維修、電路板制作、智能電子系統(tǒng)開發(fā)等職業(yè)能力。經(jīng)過電子專業(yè)中心的多次討論修改,課程內(nèi)容設(shè)計為四個工作任務(wù):萬年歷的設(shè)計與制作、無線溫濕度采集器的設(shè)計與制作、蔽障小車的設(shè)計與制作、智能小車設(shè)計與制作。每個工作任務(wù)還分成2個子任務(wù),共8個子任務(wù)完成:LCD1602液晶顯示、4×4薄膜鍵盤控制時鐘、RF905無線傳輸、500米溫濕度無線傳輸、驅(qū)動控制板、蔽障小車、尋跡小車組裝、判斷色塊完成任務(wù)。每一個子任務(wù)的實施就是一個完整的工作過程,與電子產(chǎn)品的開發(fā)、設(shè)計、制作過程一致。每個工作任務(wù)的實施過程與電子產(chǎn)品的設(shè)計、制作過程一致;每個任務(wù)之間由簡單到復(fù)雜,由單一到綜合,難度和要求層層遞進。
(二)工作任務(wù)的實施
以工作任務(wù)為中心的教學(xué)過程如何順利的實施,也對教師的職業(yè)素質(zhì)提出了更高的要求。電子產(chǎn)品設(shè)計與制作課程的.教師團隊均為“雙師型”教師,并且有兩位教師具有“無線電裝接工”考評員資格。教學(xué)過程中,學(xué)生作為主體完成具體工作任務(wù),教師主要起到引導(dǎo)的作用。電子產(chǎn)品開發(fā)的典型工作流程為:產(chǎn)品功能分析→資料的收集討論整理→硬件電路設(shè)計→軟件程序設(shè)計→計算機仿真調(diào)試→制作電路板→整機調(diào)試。經(jīng)過按照企業(yè)的實際工作過程設(shè)計并實施的工作任務(wù),反復(fù)地訓(xùn)練,培養(yǎng)學(xué)生的職業(yè)技能、創(chuàng)新素養(yǎng)與團隊協(xié)作的能力,從而為學(xué)生將來的頂崗實習(xí)、就業(yè)提供了重要的平臺。
(三)過程化考核方式
電子產(chǎn)品與設(shè)計課程成績的評定采取過程化考核,課程滿分為100分,每個工作任務(wù)成績滿分為25分。過程考核按任務(wù)進行,根據(jù)學(xué)生完成工作任務(wù)的情況,每項工作任務(wù)分成實際操作和知識點考核兩部分。實際操作成績包括電子元器件的選擇與檢測、設(shè)計方案的合理性、電子產(chǎn)品制作工藝、整機調(diào)試、考勤、項目報告等方面評定;知識點考核采取隨堂測試及問答的形式考核。
網(wǎng)頁設(shè)計與制作報告4
課題名稱為：網(wǎng)頁設(shè)計制作方法及其在餐飲行業(yè)中的應(yīng)用舉例
基本任務(wù)與要求：
階段工作計劃：
開題報告：
1. 選題背景（含國內(nèi)外相關(guān)研究綜述及評價）與意義
選題背景：互聯(lián)網(wǎng)始于1969年的美國，又稱因特網(wǎng)。最初用于軍事連接，之后由于計算機的增多，以及各種連接協(xié)議的規(guī)范化，互聯(lián)網(wǎng)逐漸發(fā)展起來，成為日常生活中人們與外界交流信息的重要工具，可以說，信息時代的基礎(chǔ)就是互聯(lián)網(wǎng)。在中國，截至20xx年12月底，中國網(wǎng)民數(shù)量突破5億，達到5.13億，全年新增網(wǎng)民5580萬�；ヂ�(lián)網(wǎng)普及率較上年底提升4個百分點，達到38.3%。（數(shù)據(jù)來自國家互聯(lián)網(wǎng)絡(luò)信息中心），隨著網(wǎng)民的逐漸增加，網(wǎng)頁制作以及網(wǎng)頁設(shè)計技術(shù)的日趨完善，網(wǎng)頁已經(jīng)被運用到人們?nèi)粘Ｉ钪械姆椒矫婷�，越來越多的人甚至公司開始學(xué)習(xí)制作屬于自己的個性化網(wǎng)頁，這成為信息時代最重要的宣傳方式。
國內(nèi)外對此課題的研究著重分為兩個方面，網(wǎng)頁制作以及網(wǎng)頁設(shè)計，但是兩者同時又是密不可分的，因為，設(shè)計需要建立在目前的制作技術(shù)之上，而制作又需要遵守設(shè)計所構(gòu)建的框架，兩者相輔相成，缺一不可，而國內(nèi)外對此的研究通常都在兩方面有兼顧，但是大部分課題都是只對一個小問題或者一個小型框架，或者只是粗略講一下相關(guān)的技術(shù)或者技巧，對兩者同時進行一個綜合性概述的暫時還沒有。
意義：在互聯(lián)網(wǎng)初期，大部分網(wǎng)頁設(shè)計師都只知道如何去制作網(wǎng)站，知道如何去實現(xiàn)什么樣的功能，但是在這個信息化的社會，如何讓你的網(wǎng)頁變得更好看，更直觀明了的表達信息，如何從眾多的網(wǎng)頁之中脫穎而出，這就需要更強的網(wǎng)頁設(shè)計技術(shù)了，而新的網(wǎng)頁制作技術(shù)例如HTML5以及CSS3的運用也給設(shè)計師們帶來了更好的施展空間，該課題會先對網(wǎng)頁設(shè)計制作技術(shù)進行一個概述，讓讀者了解這些技術(shù)尤其是新技術(shù)的運用，同時課題還將運用一個知名餐飲行業(yè)的企業(yè)網(wǎng)站為例，講述網(wǎng)頁設(shè)計制作設(shè)計方法的實際運用，并指出網(wǎng)站設(shè)計中體現(xiàn)出的優(yōu)缺點，最后課題里還會按照要求設(shè)計一個網(wǎng)站，同樣也是餐飲行業(yè)方面的網(wǎng)站，與知名企業(yè)的網(wǎng)站進行對比，加深理解網(wǎng)頁中設(shè)計與制作的關(guān)系。 選題研究的方法與主要內(nèi)容。
選題研究方法：
文獻研究法：通過調(diào)查與網(wǎng)頁設(shè)計制作相關(guān)的文獻，對其進行一個綜合性的了解，同時吸收文獻中對網(wǎng)頁設(shè)計制作的獨特見解，加入自身的理解，從而達到一個更高的高度
探索性研究：利用自身已經(jīng)學(xué)習(xí)過的網(wǎng)頁設(shè)計制作方面的知識，以及在網(wǎng)頁美學(xué)上的經(jīng)驗，綜合探索，得出屬于自己的獨特經(jīng)驗
信息研究方法：通過對網(wǎng)絡(luò)上各種教程以及著名網(wǎng)站等實例樣本進行收集、傳遞、加工和整理來獲得知識，并將其用于實踐，在實踐中進行檢驗，從而糾正理論
經(jīng)驗總結(jié)法：通過對制作實際網(wǎng)站中的實際情況，進行歸納、分析，并且將這種經(jīng)驗進行系統(tǒng)化整理 描述性研究法：將網(wǎng)上已有的網(wǎng)頁制作的經(jīng)驗、理論以及規(guī)律甚至是小技巧等等通過自己的理解，并且給予實地驗證，最后系統(tǒng)性敘述并解釋出來
主要內(nèi)容：論文主要分為四部分，第一部分是開題報告部分，講述選題背景以及對國內(nèi)外相關(guān)研究進行一個綜述，并指出論文的研究意義；緊接著第二部分對國內(nèi)外在網(wǎng)頁設(shè)計制作方面技術(shù)進行了一個綜合性的分析；第三部分，我將選取國內(nèi)一個知名餐飲行業(yè)的網(wǎng)站，對其進行網(wǎng)頁設(shè)計制作技術(shù)方面進行分析評價，并在其中闡述自己的理論，論證優(yōu)缺點；最后，我將自己設(shè)計一個有關(guān)于餐飲行業(yè)的網(wǎng)站，并將其與第三部分中選擇的知名餐飲行業(yè)網(wǎng)站進行對比，取長補短，達到實際驗證自身理論的效果。研究條件、擬解決的主要問題和預(yù)期結(jié)果。
研究條件：網(wǎng)頁在21世紀的應(yīng)用已經(jīng)十分普遍，但是大部分研究都是只針對某一小部分，并且大部分研究都是對設(shè)計和制作沒有一個系統(tǒng)的概念，缺乏對這一方面的一個綜合性概述，所以這次課題研究具有以下幾個條件：
1、具有研究性：該研究區(qū)域尚未被大量探索過
2、研究過程中所需的條件均已滿足：國內(nèi)外相關(guān)研究已經(jīng)有很多，大多數(shù)知名餐飲網(wǎng)站也開始重視網(wǎng)站進行銷售和宣傳
3、具備研究該課題的'設(shè)備、場地或者環(huán)境等：網(wǎng)頁設(shè)計制作所需要的物質(zhì)成本只是充足的信息來源，而互聯(lián)網(wǎng)已經(jīng)滿足了這個條件
擬解決的主要問題：
1.對網(wǎng)頁設(shè)計制作技術(shù)的收集以及歸納、整理
2.對網(wǎng)頁設(shè)計制作技術(shù)的理解、實際應(yīng)用及論證
3.自主設(shè)計一個網(wǎng)站，避免出現(xiàn)知名餐飲行業(yè)中的缺點設(shè)計
預(yù)期結(jié)果：
初期：收集整理網(wǎng)頁設(shè)計制作方面的資料，包括文獻，各種教程，以及國內(nèi)外知名網(wǎng)站，對各種設(shè)計制作方法進行系統(tǒng)性的整理，其中著重介紹新技術(shù)的運用，例如HTML5、CSS3以及設(shè)備移動互聯(lián)化帶來的新交互方式的運用
中期：選取一個有代表性的知名餐飲網(wǎng)站，對其進行網(wǎng)頁設(shè)計以及網(wǎng)頁制作方面的評價，指出設(shè)計中的優(yōu)點和缺點，并進行詳細分析，針對缺點設(shè)計提出自己的想法，并做出實際設(shè)計，從而驗證自己的理論，或者舉出實例進行對比論證。
后期：自行設(shè)計餐飲網(wǎng)站進行對比分析，建立自己的設(shè)計理論，并與中期的評價進行對應(yīng)驗證，在實踐得到大量的經(jīng)驗，從而對整篇課題進行一個重新檢驗，最后反復(fù)檢查論文，完成論文。
網(wǎng)頁設(shè)計與制作報告5
畢業(yè)后，我來到了社會這個匯集眾多江河湖水的大海，感受到了獨立生活的好處與艱辛，同時我自己也更深的理解了，家長和學(xué)校老師對我們的殷切希望，在社會實習(xí)的這段日子，我吃了些苦，受了些罪，可是整個人在肉體上和精神上卻升華了很多，也比以前的變得更有自信了�，F(xiàn)將我的實習(xí)情況匯報如下：
一、實習(xí)工作介紹
我所在的這家公司，是一家做網(wǎng)上招商的商業(yè)網(wǎng)站，公司接收各種廠家提供的信息，然后由網(wǎng)絡(luò)的技術(shù)人員，將商家的信息做成網(wǎng)頁廣告，然后掛在我們的網(wǎng)站上，以此達到商業(yè)推廣的目的，類似我們公司的網(wǎng)站在同行業(yè)還有u88、28招商網(wǎng)等。
我和其它幾位同事做為網(wǎng)絡(luò)部的技術(shù)人員，主要的工作就是接收美工人員的網(wǎng)站模板，將其通過photoshop切片，然后導(dǎo)入dreamweaver進行排版，（排版主要使用css+div），并進一步的加以制作，完善美化，如加入js代碼，或透明flash，因為網(wǎng)頁是用css+div進行排版的，所以在最后一步的時候，我們還需要進行瀏覽器測試，因為css+div排版方式有一個最大的缺點就是：瀏覽器不兼容的問題，典型的如：ie與fireworks，因為各種瀏覽器使用的協(xié)議不同，所以會導(dǎo)致頁面在最終瀏覽的時候有一些小問題，如：頁面混亂，圖片、文字之間的距離過大或過小，頁面不美觀等等，做為一個新人，我在有些方面的技術(shù)還很不成熟，所以在技術(shù)總監(jiān)張偉的幫助下，解決了很多問題，所在我很感謝他，當(dāng)每天我們做完網(wǎng)頁后，都會在代碼頁面加入注釋代碼，在里面寫上每個人姓名的漢語拼間和工作日期，這樣方便月底做統(tǒng)計工作，公司領(lǐng)導(dǎo)會根據(jù)每個人的工作數(shù)量進行獎勵，每做一個頁面會有2塊的提成，雖然少點，但是積少成多，也是很可觀的。
二、初來公司的時候
（一）初級考試
初來公司的時候，我們經(jīng)過了初期考試，培訓(xùn)，與最終考試三個階段，在接到公司讓我面試的電話后，我來到了xx公司，因為要干的是網(wǎng)頁設(shè)計，所以要有一個小測驗，技術(shù)總監(jiān)要求我們在網(wǎng)上自找圖片和文字，做一個簡單的頁面，要求是：什么樣的頁面都可以，考查的主要是面試者相關(guān)軟件的操作能力與代碼掌握的熟練成度，說實話，從畢業(yè)后，有一段時間沒有寫代碼了，剛一上機，還有點生疏，但是憑借在學(xué)樣扎實的學(xué)習(xí)功底，我很快就恢復(fù)了自己的英雄本色，將html代碼寫的很熟練，做了一個左右分欄的頁面，沒什么太大難度，技術(shù)總監(jiān)看了以后，說不錯，讓我三天后參加培訓(xùn)，合格扣就可以正式上班了。
�。ǘ┤斓呐嘤�(xùn)工作
三天后，我來到了公司，一看，來參加培訓(xùn)的人有很多，大概在十多個人左右，其實所謂的培訓(xùn)，就是讓大家先熟悉這家網(wǎng)站的工作，先做一些他們平時干的活，做一些廣告網(wǎng)頁，這些網(wǎng)頁都是靜態(tài)的，沒什么難度。我后來發(fā)現(xiàn)，自己在這些人當(dāng)中，還是較較者，心里優(yōu)勢還挺好的。
(三)最后的考核
三天的培訓(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é)果是，最先做完的前8個人可以有底薪加提成，每人頁面的提成是2元錢，而后面做完的，只有提成，沒有底薪，他們的提成是每個頁面5元錢，最后的幾個人就被淘汰了，制度雖有點不近人情，但是剛畢業(yè)的學(xué)生能忍也就忍了，就這樣，我們每個人得到了一份一個月的臨時合同，正式開始了實習(xí)工作。
三、正式工作
我們每天的上班時間是從早上8:30分到下午的17:00，這是我見過最有激情的一些人了，年紀輕輕，干勁十足，來了以后就工作，連平時聊天的內(nèi)容也和本行業(yè)分不開，我喜歡他（她）們，回為是實習(xí)期，所以每天做的數(shù)量沒有太大要求，但是每個人都玩命似的干活，抓緊時間做網(wǎng)頁，我們做的網(wǎng)頁是比較簡單的從上到下式的網(wǎng)頁，通過css+div排版，這樣在后期瀏覽器兼容測試中，就好做的很多了，文字與圖片之間就不會有太多的麻煩，我干的很不錯，不過有些追求精致，我做網(wǎng)頁的速度慢了很多，最初每天只能做3--4個網(wǎng)頁，這對于我來說是不能接受的，后來我改變了工作方法，我第次工作的時候，先訂下計劃，比如今天做多少網(wǎng)頁，然后我將要做的所有網(wǎng)頁，先做好排版，這時的網(wǎng)頁雖然排過版，但是不美觀，因為沒有進行美化工作，然后我會在下午的時間，集中全力做美化工作，就這樣我的速度提高了很多，快了將近一倍多。只要更加熟練速度不會更快，我相信自己。
四、業(yè)余的生活
每天的工作都是很快的，有時感覺時間過的很快，想停都停不住，早上出去的時候，見的是太陽，晚上下班后看到的是即將落日的夕陽或者是星星，每天就這么快的過去了，每個工作日結(jié)束后，我都會在下班后步行一段時間，去附近的圖書城充會電，或者放松一下，找
一些我喜歡的書，看上幾個小時。
五、工作心得體會
實習(xí)期結(jié)束后，我和其它同事得到了正式合同并留在了這家公司，通過這次工作，我得到的最大體會就是，如果一個人在社會上沒有一技之長，那他是沒有辦法很好的活下來的，只有不斷的加強自身專業(yè)技能學(xué)習(xí)才行。所以，尊敬的老師，我會在業(yè)余時間好好學(xué)習(xí)，加強自己的專業(yè)能力，使自己變得更強，只有這樣才能上到為國家、為社會做出貢獻，下到為自己、為父母、為學(xué)校交出一份滿意的答卷。
網(wǎng)頁設(shè)計與制作報告6
這次實習(xí)內(nèi)容包括網(wǎng)站原型設(shè)計及Photoshop切片技術(shù)在網(wǎng)頁整體設(shè)計時的應(yīng)用； “DIV+CSS”頁面布局技術(shù);設(shè)計電子購物商城主頁。我深深體會到，做好主頁，并不是一件容易的事，網(wǎng)頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。不過能懂得基本的框架和思路，這一點在以后的工作過程中是非常有幫助的。
通過這次實習(xí)，我也總結(jié)出來一些網(wǎng)站建設(shè)的基本流程。
制作網(wǎng)頁，首先是確定主題。
網(wǎng)上購物系統(tǒng)發(fā)布平臺為顧客提供了各種商品、供求信息瀏覽、查詢，購買等功能，全面的為顧客提供服務(wù)，幫助顧客更多的了解本網(wǎng)站的動態(tài)信息，提供最新動態(tài)通知。要求系統(tǒng)具有以下功能：
�。�1）用戶登錄注冊。
�。�2）提供類別導(dǎo)航，購物推薦，熱銷商品，加入購物車等
�。�3）提供會員注冊
�。�4）提供管理員后臺管理入口。管理員通過本頁面登錄后臺管理程序。
�。�5）通過后臺對各類信息進行管理和審核。
�。�6）對網(wǎng)站會員信息進行管理和審核。審核注冊本網(wǎng)站的會員，對其進行管理。
（7）友情鏈接。設(shè)置相關(guān)的友情鏈接頁面。
主頁的設(shè)計是整個網(wǎng)站的靈魂，構(gòu)思導(dǎo)航欄的分類，然后是整體規(guī)劃，每一個版塊都有其個性，清晰明了，便于閱讀瀏覽，大致分幾部分，首頁，小店簡介，產(chǎn)品展示，售后服務(wù)，友情鏈接這幾個板塊，再加入個別網(wǎng)站等，每一部分又分為幾個小部分，內(nèi)容比較充分，多樣。確定導(dǎo)航欄的各個分了標題之后對于建立二級子網(wǎng)頁尤為重要。
主頁的導(dǎo)航設(shè)計好后，接下來就是對主頁導(dǎo)航欄的各個內(nèi)容進行資料的'收集，在網(wǎng)上多轉(zhuǎn)轉(zhuǎn)，看到什么漂亮的網(wǎng)頁，把它保存起來，作為以后自己設(shè)計主頁時的參考。另外，還包括搜集美化主頁可能要用到的各種材料，如背景、小動畫圖標等等。你可以在硬盤上建一個文件夾，下分“圖片、聲音、動畫”等文件夾，養(yǎng)成上網(wǎng)時看到有創(chuàng)意、新鮮的圖像，就按鼠標右鍵存入你硬盤相應(yīng)文件夾的習(xí)慣，時間一長你就有擁有了一個可觀的圖庫，等做主頁時隨手拈來或加以修改就成你自己的東西了。我們再對大量收集的資料進行篩選，得到最合適的導(dǎo)航內(nèi)容的資料。
網(wǎng)站建設(shè)中如果大量運用模板，對于建立網(wǎng)站提供便利同時也減少了大量的工序。主頁的設(shè)計應(yīng)以醒目優(yōu)先，應(yīng)該令人一目了然，勿堆砌太多不必要的細節(jié)，或使畫面過于復(fù)雜。頁面給人的第一觀感最為重要。網(wǎng)上商城系統(tǒng)采用了敏捷開發(fā)的設(shè)計思想，我們對整個系統(tǒng)主要分成了2個大模塊，即前臺交易模塊和后臺管理模塊。而其中各個模塊我們又進行了進一步的細分，如前臺交易模塊又分為注冊會員、商品瀏覽、查詢商品、購買商品等；后臺管理模塊則包括對用戶的管理、商品管理和銷售管理。使得整個系統(tǒng)具有易用性、個性化、跨平臺等特點，同時又保證交易數(shù)據(jù)的安全、穩(wěn)定、快速和完整，使其運行得高速、安全、穩(wěn)定。
商品管理模塊，管理員對商品信息的管理主要包括商品以及對商品類別的查詢、添加、刪除、修改等操作。
訂單管理模塊，用戶選擇滿意的商品會進行下訂單操作，同時會進行確認訂單、付款等操作，但同時也會存在未確定訂單、未付款等操作。
網(wǎng)頁的迷人之處之一，要算它上面能點綴許多漂亮的圖片。精美的圖片設(shè)計，可以使自己的網(wǎng)頁增輝不少，令人過目不忘。圖片的內(nèi)容應(yīng)有一定的實際作用，忌虛飾浮夸，同時還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。
由于在網(wǎng)上用瀏覽器瀏覽任何主頁時，都能查看到該主頁制作時所編寫的絕大部分網(wǎng)頁編程源代碼。因此，如果你想知道并掌握一些優(yōu)秀的主頁采用的設(shè)計技巧，試著將其源代碼調(diào)出來仔細揣摩，并模仿著一步一步去實現(xiàn)。
通過這次實習(xí)，我學(xué)到了很多有價值的東西。雖然我不能完成網(wǎng)站設(shè)計的過程，把設(shè)計中散亂的網(wǎng)頁鏈接成框架體系，但至少使平時學(xué)到的知識點有了提高。我感受最深的是：想要最好一個網(wǎng)站，素材和技能都十分重要。好的素材需要多放面查找資料的，可以從圖書、網(wǎng)站和新聞上查找的。好的技能需要不斷的實踐，經(jīng)常鍛煉。只有擁有好的素材和精湛的技能才可以做出最精湛的網(wǎng)頁。
【網(wǎng)頁設(shè)計與制作報告】相關(guān)文章：
網(wǎng)頁設(shè)計與制作報告02-20
網(wǎng)頁設(shè)計報告04-25