網頁設計報告

時間：2023-04-25 18:33:37 報告我要投稿

網頁設計報告

　　在經濟飛速發(fā)展的今天，越來越多人會去使用報告，報告具有成文事后性的特點。那么報告應該怎么寫才合適呢？下面是小編為大家整理的網頁設計報告，歡迎大家借鑒與參考，希望對大家有所幫助。

網頁設計報告

網頁設計報告1

　　一、實習目的

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

　　鑒于自己對未來的職業(yè)生涯的規(guī)劃更傾向于設計，這和自己所學的專業(yè)不是

　　十分有聯(lián)系，所以我希望在實習的過程里思考自己未來是否適合從事這方面的工作，為以后求職之路少走彎路做一定的嘗試。

　　(二) 在實踐中查漏補缺

　　在學校學習的網站建設知識僅僅停留在平時的作業(yè)里，并沒有得到充分的運

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

　　(三) 在工作中打磨自己

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

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

　　二、實習內容

　　(一) 實習主要內容

　　廣州xxxx有限公司是一個研發(fā)和銷售智能寄存柜的公司。它的產品在展示和

　　銷售這兩個環(huán)節(jié)很需宣傳冊、企業(yè)網站等作為一個推廣媒介。我實習的主要內容就是配合網絡部去完成網站建設的工作，涉及前臺的外觀設計和后臺的代碼編寫，以及宣傳冊的設計。

　　1、負責設計公司整個企業(yè)網站的頁面部分,根據網頁設計師或客戶所提供的主題要求和思路框架來設計出整個網站。

　　1）使用Photoshop、AI等圖片處理軟件設計、處理和制作網站上需要的圖片

　　2）使用DIV+CSS樣式及基礎的HTML語言做頁面布局的排版

　　3）使用Photoshop對網頁進行配色及排版設計

　　4）編寫CSS代碼使網站頁面無論是在IE瀏覽器里還是在FF瀏覽器上正常顯示

　　2、負責網站的幾個主體模塊的文案撰寫和后臺編輯

　　1）在已有的文案上配合網站架構進行提煉和歸納整理

　　2）使用Photoshop對文案進行概念配圖

　　3）在后臺將文案部分合理配色排版

　　4）按照網站架構在后臺錄入所有產品資料

　　(二)工作過程

　　在公司的2個多月里，我的工作都是由負責整個網站文案架構的曹經理分配

　　監(jiān)督的。確認實習機會前的面試的時候也是由他負責的。面試的時候他并沒有過多的考察我在網站制作上的技術問題。更多的從我對網站設計方面的配色排版的現(xiàn)有審美以及做事的認真細致程度去考察的。從一開始我就以踏實認真的態(tài)度對待每一項他交付給我的任務。下面我挑選一些讓我收獲很多，學習很多，影響我很多，讓我回想起來都是歷歷在目的事情重點說一下。

　　1、經理讓我按照網頁設計師提供的jpg稿變成div和css 。

　　1）這個任務簡單來說就是架構網頁框架和完善里面的文本主體。里面涉及很多文本，我覺得既然有具體的設計稿就一定保存有文案，所以咨詢了經理是否有必要花這部分時間去打文本。經理的回復是很有必要。他的意見是，讓我重新輸入文本可以幫助檢查錯誤，同時可以讓我更熟悉公司的產品和網站的主要內容，對我后面的工作有幫助。頓時知道，一個實習生想到的東四是多么的膚淺，對經理工作上的態(tài)度更是肅然起敬。

　　2）因為經理沒想要讓實習生負責過于復雜的事情，在這部分工作中設計的div 和css的內容并沒有很復雜，需要的就是要注重細節(jié)。但實際上自己做事遠沒有自已一開始想象的那么能夠靜下心地考慮大局。只要想到一個覺得挺好的排版我就一下子全部套用了，以至于最后通過多次檢查，發(fā)現(xiàn)這個排版有瑕疵的時候又要重頭再來。這些經歷都讓我體會到比起表面的工作速度，有前面深思熟慮的慢節(jié)奏才能造就最終的高效率。所以一開始在用css排版的時候其實應該多做幾個版本仔細做對比，看清楚哪個更合適才確定的。

　　2、經理讓我設計幾個欄目對應的banner圖片

　　1）由于自己并沒有專門學過banner規(guī)范和設計方面的專業(yè)知識，有的只是審美方面的一些小體會。接手這個工作需要花大量的時間去學習和參考。一開始略略覺得壓力大，但是覺得經理讓我去做，就是相信我的能力。所以我也沒有慌，按照自己的節(jié)奏和需要邊學邊做。

　　從整體了解主題：自己找了多個類似的企業(yè)網站作參考，通過總結企業(yè)網站

　　中，幾個主要的欄目在網站上具體意義，體會這對應的幾個欄目banner的設計意義。

　　思考配色與構圖：對整個內容有了一了解后，便要思考作品的色彩和具體的

　　構圖，先用筆畫出草圖，有時候也會直接在腦海里構思。除了從公司的角度，圍繞要傳達的東西去設計，我也充分意識到要轉換身份從用戶的角度出發(fā)，怎樣才可以更吸引人�？傮w來說就是除了審美上的設計，也考慮很多目的性。

　　查找素材：素材這個問題我總結了一種思路，電腦里下載一些專業(yè)的“科技

　　信息”圖庫。另外配合專業(yè)在線圖庫網站(通常是國外站點)+Google，百度圖片等搜索引擎進行即使的素材查找。再加上自己平時積累的素材，選擇是非常大的。最后就是不斷地觀察對比最終效果，看哪幾張banner圖片更適合整體網站。

　　2）最終banner圖片并沒有全都采用我設計的，有一些還是因為不夠大氣被撤下來了。一開始我還挺灰心，覺得自己的付出沒有得到認可。但是我知道當初經理就是感覺可以給我試一下，才給我這個機會去讓我發(fā)揮一下的，所以我好好學習了別人的圖片，看自己的和別人的差別在哪里，不浪費這次嘗試性地努力。

　　3、經理讓我參考舊網站單獨做一個公司簡介的頁面

　　1）我知道經理的意思是重新排版成符合網站的配色。這樣對我來說其實很簡單。但是我從舊網站了解到公司簡介那篇文案比較累贅，如果想要瀏覽網站的用戶肯停留在這個頁面多幾秒，或者因為這個公司簡介的頁面而更信任這個公司的產品，更有沖動訂個公司的寄存柜就要在文案的內容上下功夫，就要在表現(xiàn)上更生動，讓人看著不會覺得文字流水賬，很煩躁。

　　于是在經理沒有給我嚴格期限的時候，我選擇了按照自己的思路去修改文案，

　　把多余的文字刪掉，根據公司的優(yōu)勢修改出精簡的幾點，變得更有條理更有重點。

　　這只是對文案的初步處理，接著根據幾個要點用Photoshop處理幾張概念配

　　圖出來，將公司寄存柜的技術水平之領先，應用領域之眾多，銷售范圍之巨大等等用更生動形象的方式表現(xiàn)。從設想到思考中間的問題到最后的.完成，花的時間雖然多，但是最終的效果得到了經理的肯定，對網站的宣傳作用起到了很好的幫助，這都是值得的。

　　三、實習體會

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

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

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

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

　　(二) 主動思考的重要性

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

網頁設計報告2

　　網頁設計的本質是為用戶的體驗服務，網頁設計的具體設計實踐活動主要包括交互和視覺兩個部分，交互的重要程度決定了匹配對應的視覺效果。下面是小編整理的網頁課程設計報告書，希望對你有幫助。

　　網頁設計作為高校設計學專業(yè)的專業(yè)課程，在教學課程知識體系的不斷探索和完善中，形成了以藝術和技術分別主導的側重不同而又緊密關聯(lián)的兩種課程知識體系。隨著網頁設計理論與方法研究的不斷深入和發(fā)展，人們對網頁的產品設計的屬性認知越來越明確，對網頁設計的工作分工更細致也更專業(yè)，這種認知進步也應該體現(xiàn)于當前的高校網頁設計課程的知識構建體系中。

　　1.從代碼知識到網頁制作工具知識的轉變

　　早期，高校網頁類課程的知識體系構建得益于院校的科研優(yōu)勢，互聯(lián)網的發(fā)展直接促成了計算機專業(yè)的開設和網頁設計課程的設立。20世紀90年代末，網頁設計課程陸陸續(xù)續(xù)被列入部分高校設計類專業(yè)課程目錄。面向高校學生的網頁設計課程內容是一種全新的事物，即使面向藝術類專業(yè)，也由計算機專業(yè)相關教師承擔教學任務。各高校、科研院所對網頁制作方法不斷探索，并將成果發(fā)布于各種學術研究出版物，教學方面則直接引用案例教學，教學內容以HTML知識為主。由于面向對象的設計思想在軟件開發(fā)中普及，各種不需要用戶直接面對代碼的網頁制作工具相繼誕生，于是，這方面的知識成為課堂的新內容，大大減輕了學生的記憶負擔。2.網頁制作向網頁美工的轉變網站制作的快速發(fā)展、網頁制作技術的傳播，使網站在技術層面進入了同質化階段，市場需求開始轉向頁面視覺效果方面的提升。在網頁設計課程中，由于對網頁設計分工認知不足，早期的網頁設計課程時常將設計和制作的名稱與授課內容混用，沒有嚴格區(qū)分，也沒有明確的網頁前端設計與視覺設計分工。高校網頁設計課程的授課內容以網頁制作技術為主，以美化頁面效果為輔。此時，高校對于網頁設計課程的視覺設計方面的專業(yè)教學研究處于摸索階段。之后，隨著時代的發(fā)展，網頁設計課程教學核心開始轉變?yōu)橹谱骶哂懈岩曈X效果的網頁。3.網頁視覺設計與網頁前端設計的內容分離側重于設計的網頁設計課程知識體系重構從探索、發(fā)展到成熟，經歷了較長的準備階段。隨著界面設計方法和流程理論體系的日益完善，分工協(xié)作機制日趨成熟，前端設計分離后，網頁設計課程的重心確定為符合網頁制作技術規(guī)范和條件的頁面創(chuàng)意表達、視覺效果設計與優(yōu)化。網頁視覺設計的探索從傳統(tǒng)的平面設計方法尋找切入點，通過對網頁設計中的審美需求和各種視覺構成要素（如文字、圖片、顏色等）進行分析，結合人們在瀏覽信息時的視覺習慣，探索網頁視覺信息如何被更有效、更合理地表達。網頁設計教學重心內容在轉移到視覺設計之后，該階段還未意識到網頁交互設計的核心地位。

　　網頁設計的本質是用戶的體驗設計。網站作為互聯(lián)網非可觸形態(tài)的產品，對其認知的構建包含產品屬性認知與服務屬性認知兩個層面的內容。1.網頁設計是一種產品設計設計是一門交叉學科，網頁本身也是一種產品。網頁設計最初被視作平面領域的設計，而鏈接交互是網頁設計有別于平面設計的基本特征。網頁設計存在交互性，使其具有交互設計可用性與易用性體驗的內在要求，適用于工業(yè)產品的基本設計流程。2.網頁設計是一種服務設計服務設計層面，各種網頁交互體驗、視聽信息、線上內容服務與線下互動等，是網站向用戶提供服務的設計組成部分。作為一種廣義的產品形態(tài)，網頁設計與傳統(tǒng)的實物形態(tài)的工業(yè)產品設計有一定區(qū)別，更傾向于體驗的系統(tǒng)化設計。隨著互聯(lián)網向物聯(lián)網的可用技術研究與拓展，基于智能化網絡的服務設計將成為跨越線上線下的主流設計形態(tài)。3.網頁頁面信息設計是關系網頁設計品質的深度設計網頁設計作為一種信息量龐大的互聯(lián)網單元，從工效學角度來看，網站信息本身也擔負著面對用戶、有效傳遞信息的功能和任務，在具體的設計活動中，表現(xiàn)為對信息的設計。信息設計具有多學科交叉性、空間多維性、時間流動性等基本特征，信息設計的目的是為了提高信息的可理解度和可閱讀性。優(yōu)質的網頁信息設計可以降低用戶獲取信息的時間和精力成本，提升頁面信息獲取體驗。

　　網頁設計的本質是對體驗的設計，即以用戶為核心思考設計方案，研究用戶在訪問網站時的需求是網頁課程設計任務的基本出發(fā)點。課程內容模塊應該以回答網頁設計是什么、怎么設計、為什么這樣設計三個問題為主線，構建網頁設計課程的知識體系。1.課程的基本目標掌握網站項目與網頁制作的基本設計流程，培養(yǎng)設計項目管理和組織能力；掌握用戶需求研究分析的基本方法，對用戶體驗和需求研究有較為敏銳的洞察力；掌握網站交互原型相關的設計方法與工具；掌握網頁視覺設計方法和設計規(guī)范；了解目前網頁前端設計的相關技術和工具。2.知識體系與模塊組成（1）設計方法教學內容模塊設計方法教學內容模塊主要為了解決面對具體問題時設計師怎樣展開分析研究工作并確定設計執(zhí)行方案。網頁設計方法主要分為項目流程設計與管理、網站策劃方法與規(guī)范、用戶體驗研究、交互原型設計方法等，讓學生通過貫穿整個課堂教學的項目流程設計和每個流程的具體設計方法的實踐，掌握基本的'設計理論。（2）軟件工具教學內容模塊軟件工具教學內容在形式方面包括課堂內的指導和課堂外的自學兩個部分。鑒于設計軟件的頻繁更新和新的設計軟件不斷涌現(xiàn)，教師必須培養(yǎng)學生自學工具的主動意識以適應社會需求。在工具種類方面，包括圖形處理工具、交互原型工具和代碼工具三類。第一類是圖形處理工具，其中常見的Photoshop、Illustrator等圖形設計軟件，已經在前置課程中基本完成學習。第二類是交互原型制作工具，常見的工具有墨刀、Axure等。第三類是代碼編輯工具，選擇較多，作為對網頁前端知識的入門介紹部分，在本課程中以介紹為主。（3）設計經驗教學內容模塊設計經驗教學以啟發(fā)式案例實踐為主，按照網站項目設計的流程需要，設定不同層次、不同要求的設計實踐任務作為課程結課的考核內容。學生通過案例的練習能從優(yōu)秀作品中學到設計經驗，從具體的案例模仿中獲得設計的成就感。網頁設計課程案例教學同時也是對網頁設計方法的實踐驗證，有助于學生對網頁設計方法的理解和體會。結語任何一種技術變革，都可能讓網頁設計出現(xiàn)新的藝術形態(tài)，前端依然是課程必須了解的知識。目前，就設計藝術角度而言，網頁設計課程的內容以交互和視覺設計為基礎，在信息設計層面也有較大的提升空間，設計途徑也已經拓展到用戶的視覺、行為、聲音和邏輯等方面。網頁設計課程的知識體系構建必須以產品的視角，讓學生更深刻、更完整地理解用戶模式下的網頁設計藝術。

網頁設計報告3

　　為期四個星期的實訓就這樣結束了。這學期的實訓是我在南工院的最后一次實訓，所以我很重視，也很認真。當然，在本次實訓中我也學會了許多編程方面的知識，這些知識的積累是非常重要的。

　　本次實訓的主要目的是讓我們來做一個網上商城，通過了解ASP的框架以及結構，熟悉ASP.NET應用程序的運行環(huán)境及開發(fā)平臺和其內置對象的屬性以及其方法，以及其界面的設計代碼讓整個系統(tǒng)能正常的運行，通過寫每個頁面的功能實現(xiàn)代碼，讓我們鞏固了之前學的知識，又有進一步的加深對語言學習的印象，最終能夠實現(xiàn)網上購物的一系列流程。我們小組主要應用ASP.NET設計一個網上圖書商城，完成對數(shù)據庫的基本操作。根據所安排的課題項目，設計出一個結構基本完整，具備一定應用功能的網上圖書商城。要求具有一定的內容，程序界面使用ASP.NET的WEB控件，可以完成會員的圖書瀏覽、數(shù)據檢索、登陸、注冊、購書、修改會員的各種信息等。

　　我本人主要負責網上書城首頁、詳細頁面的設計。其中首頁實現(xiàn)的功能主要有：圖書的展示、新書上架、圖書搜索、會員登陸、圖書詳細情況的調用。另外，我還設計制作了數(shù)據庫中的圖書信息表。其中首頁的搭建過程還是比較繁瑣的，需要考慮的內容太多，而且還要做得美觀簡潔，工作量是蠻大的。經過此次實訓，使我比較全面、系統(tǒng)的了解和熟悉ASP的各種工具的使用，各種不同的'效果的做法，為我們以后的學習和工作打下了堅實的基礎。以前沒有學懂的一些東西，在這個實習過程中我基本把它們弄懂了，可以說這是對我所學知識的復習和深化。對于難點的克服，我除了請教老師、詢問同學外，課后也找了一些相關書籍看了看，在實訓的過程中真的學了很多知識，受益匪淺。

　　其實，實訓不僅僅是為了讓同學們完成任務而展開的學習計劃，更是要培養(yǎng)學生的學習能力和精神。我也深刻認識到：在學習過程中密切聯(lián)系生活和工程實際，激發(fā)學習的求知欲，培養(yǎng)我們的科學精神和創(chuàng)新精神;培養(yǎng)學習對待工作和學習要耐心、細心和一絲不茍、精益求精的職業(yè)習慣等精神和素養(yǎng)是十分重要的。

　　實訓結束了，很感謝田曉敏和楊正翔兩位老師一個月來對我的悉心指導，感謝小組同學的互相鼓勵與支持，也感謝班級其他同學對我的幫助。如果沒有每一個人的辛苦努力與付出，我不可能完成自己的任務，也不可能取得如此好的成績，在此，我對所有付出過努力的老師、同學道一聲誠摯的謝意：謝謝你們!

　　天高任鳥飛，海闊憑魚躍。人生的道路上還有很多考驗等待著我們，我們要勇敢的向前大步邁進。

　　加油吧，為我們的理想!

網頁設計報告4

　　一實驗目的

　　1．學習html語言和dreamweaver，frontpage等工具

　　2．掌握在本地環(huán)境下運用asp技術實現(xiàn)一個簡單的電子商務網站

　　二實驗的方法和原理

　　三實驗過程

　　1.資料的搜集。

　　組長分配任務，大家從網站上搜集各種關于手機的資料。

　　2.熟悉制作軟件。

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

　　3.構建站點框架。

　　打開dremweaver后第一步便是新建站點

　　4設計主頁及二級頁面。

　　5實現(xiàn)網頁間的鏈接

　　鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網頁單擊確定便可以了。

　　6向靜太網頁插入動態(tài)效果

　　四實驗心得

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

　　近三個星期的實訓將要結束，其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網頁過程中，我學到了新的美化網頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，并且為我自己在制作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷，將是我今后走上社會后的一筆巨大的財富。這次實習的收獲對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收獲�？傮w來說這次是對我的綜合素質的培養(yǎng)，鍛煉和提高。

　　網頁設計實踐報告

　　今年暑假我留在學校，與學校冰點工作室的幾位成員一起為外面一家小公司做一個關于武漢咨詢方面的網站。我貫穿在整個過程，從客戶前期的接洽，到網站后期的維護，在這個過程中我學到了很多在學校很難學到東西。對于網站的制作流程也有了整體的把握

　　籌劃期：

　　一個成功的個人網站，先期的準備工作是很重要的，好的開始等于成功的一半。在這一階段有兩個主要的問題需要考慮站點的'定位：主題的選擇對今后的發(fā)展方向有決定性的影響，考慮好做什么內容就要努力做出特色。20xx網頁設計實踐報告

　　第四、界面清爽：要吸引訪問者長時間的停留在你的網站，千萬不能讓用戶第一眼就感覺壓抑。大量的文字內容要使用舒服的背景色，前景文字和背景之間要對比鮮明，這樣訪問者瀏覽時眼睛才不致疲勞。適當?shù)牧舭卓梢宰尳缑娓逅?

　　第五、堅持原創(chuàng)：剛開始學做主頁時，適當模仿別人的優(yōu)秀設計是可取的，但（建筑社會實踐報告20xx）模仿絕不等同于抄襲，一定要把握好其中的尺度。設計是這樣，內容的選取也是如此，多一些原創(chuàng)的內容，你的主頁才會帶有更多的個性色彩;

　　2、技術運用中要注意的一些事項：

　　第一、明確技術是為設計服務的，不要沉迷于技術的運用，堅決摒棄那些華而不實的特效;

　　第二、先為站點定義好統(tǒng)一的外部css，內部頁面都調用這個css，這樣不但可以讓你的網頁在瀏覽器改變設置時不變形，還有助于保持整個站點的風格統(tǒng)一，并且方便修改;

　　第三、不要打開過多的新窗口，每個鏈接都會打開不同的新窗口尤其讓人反感;

　　第四、圖象的制作要兼顧大小和美觀，圖片和文字的混排、圖片的合理壓縮可以讓頁面美觀而且文件小巧。即使是個性十足的設計站點，浪費太多的時間在頁面下載上也會令人生厭;

　　至于后期的維護和網站的宣傳，那就要考慮到網站投入的費用了!

網頁設計報告5

　　題目一、選題的背景和意義：

　�。ㄒ唬┻x題的背景：

　　1）國際動態(tài)：深圳市WTO事務中心通過紡織行業(yè)協(xié)會和服裝行業(yè)協(xié)會，就歐美對我國紡織品服裝啟動保障措施設限，向各紡織服裝企業(yè)發(fā)出了預警信息。服裝企業(yè)要想成功地在國際市場中打拼，關注相關預警信息是重要保證。在藝術和設計領域，國外各種新思潮的涌入和滲透，帶動著我們的價值觀與審美觀一起跟隨國際流行動態(tài)前進。虛榮夸大的裝飾化風格成為新的形式主義，使其更具國際化，緊隨國際時尚潮流。

　　2）國內動態(tài)：中國服裝的演變歷史大約是在夏商時期初見端倪，到了周代漸趨完善。當時的服飾依

　　據穿著者的身份、地位各有分別。發(fā)展至今，中國的服裝發(fā)生了翻天覆地的變化。特別是在女裝方面。如以自然簡單的款式，取代華麗而夸張的服裝款式等等。

　　我國服裝歷史悠久，款式、面料絢麗多彩，是我國民族文化藝術寶庫的珍品之一。隨著社會的進步和科學技術的發(fā)展，出現(xiàn)了不少現(xiàn)代多功能及高科技的奇妙服裝，以滿足人們的生活和工作需要。將來服裝的發(fā)展趨勢是不求名貴，但求方便，更求舒適，越來越薄的“綠色”服裝。

　�。ǘ┻x題的意義

　　服裝是一種帶有工藝性的生活必需品，而且在一定生活程度上，反映著國家、民族和時代的政治、經濟、科學、文化、教育水平以及社會風尚面貌的重要標志，是兩個文明建

　　設的必然內涵。從社會、思想和文化變遷的角度看服裝的變化，服裝就成為考察社會文化變遷的窗口。所以一部優(yōu)秀的社會生活史必定是社會文化史；一部優(yōu)秀的社會文化史必然要對社會生活作出具體詳實的文化和社會的闡釋。

　�。�1）大力弘揚我國服裝業(yè)進取拼搏的精神，促進服裝業(yè)的'發(fā)展

　　由于網絡平臺可以實現(xiàn)信息資源共享，在網上組織更優(yōu)秀的服裝業(yè)發(fā)展動態(tài)，不僅使消費者在網上看到服裝業(yè)的最新發(fā)展趨勢，而且為消費者提供一個互相交流的平臺。

　�。�2）尋找利用計算機技術及其專業(yè)技術實現(xiàn)消費者遠程交互自主買賣解決方案

　　（3）完善和發(fā)展學習設計理論

　　二、課題研究的主要內容：

　　1、服裝網站設計理論體系的研究

　　包括服裝品牌的設計、構建性服裝網站環(huán)境的設計、服裝情境的設計、服裝資源的設計、消費者自主買賣活動的設計、消費者與本網站互動的設計、消費者評價工具的設計等。

　　2、基于網絡環(huán)境下的教學策略與教學模式的研究

　�。�1）網絡教學策略的研究，如網絡環(huán)境下的教學內容組織策略、網絡環(huán)境下的教學情景營造策略、網絡環(huán)境下的教學對話組織策略、網絡環(huán)境下的的課堂管理策略等

　�。�2）網絡教學模式的研究，如項目化學習模式、探索性學習模式、研究性學模式等

　　（三）、主要研究（設計）方法論述：

　　本項目的研究主要采用個案研究、實證研究、調查研究、比較研究等方法。對于較大規(guī)模的服裝款型與服裝面料的研究，將采用調查研究方法。

　　對于個別帶有創(chuàng)新性的服裝研究，則通過建立科學的假設，采用比較研究的方法。利用Flash編輯網站所需的小動畫，利用Dreamweaver

　　編輯網站框架，利用ASP和ASP。net實現(xiàn)網上買賣及消費者與網站交流溝通等功能。做出畢業(yè)設計！

　　四、論文（設計）

　　進度安排：時間工作內容

　　選課題并完成該課題的開題報告收集資料，建立模型整理分析資料，設計與調試完成論文初稿網站試驗，評價修改擴大試驗，歸納總結論文修改

　　對論文排版和打印，制光盤論文答辯五、指導教師意見：指導教師簽名：六、系部意見：年月日系主任簽名：年月日

網頁設計報告6

　　一、實習目的

　　熟悉和掌握計算機網頁設計的基本技巧及網頁制作相關工具軟件等內容。培養(yǎng)我們利用計算機進行商務網頁設計的基本思路和應用開發(fā)能力，提高我們的計算機文化素質。網頁是世界上最有價值的不動產之一。人們在這個不足0.1平米的空間內投資達數(shù)百萬美元。網頁對公司的影響比簡單的電子商務增收方法大得多；網頁也是公司對外的臉面。WEB站點就像一棟房子，它的每一個窗口都可以看成一扇門，人們可以沿著搜索引擎其他WEB站點的鏈接，繞過主頁而進入WEB的深層。

　　二、實習時間

　　20xx年xx月xx日——20xx年xx月xx日。

　　三、實習地點

　　xx。

　　四、實習內容

　　（一）網站的整體規(guī)劃

　　1、討論網站主題：因為自己對普羅旺斯很感興趣，于是就想到要是一下為心中的仙境設計一個旅游網站。

　　2、定位網站CI形象：旅游網站最重要的就是是瀏覽者產生想去親身體驗一下的共鳴。于是在網頁設計上面，根據普羅旺斯夢幻般的意境，我采用的是清新雋永的CI形象。使瀏覽者有賓至如歸的感受。

　　3、確定欄目和板塊：首先要考慮整個網頁的長和寬，以及長度和寬度之間的比例。其次就應該考慮導航條的設置了。正文的框架設置（橫向因素和縱向因素交錯），在瀏覽了很多精美的旅游網站之后，再結合自己的想法，我先在草紙上畫出了大體的欄目和板塊。

　　4、網站的整體風格和創(chuàng)意：建立一個浪漫的旅行網站，走映像派路線，目的務必使瀏覽者留下映像。

　�。ǘ┚W頁制作的前期策劃與準備

　　1、資料的搜集：由于個人的愛好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢幻效果的網頁背景，F(xiàn)IASH源代碼、小圖標和一些GIF的動畫等。

　　2、熟悉制作工具軟件：xx、xx、xx。

　　3、主頁制作的基本條件有：xx、xx、xx。

　　4、硬件：xx、xx、xx。

　�。ㄈ┚W頁制作

　　真的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規(guī)格，一下子把其他內容的框架擠開；插入的層太多，大一點的就把小一點的給覆蓋掉了；插入的FLASH不能產生效果。總之問題一籮筐。實踐出真知，原來自己還有那么多欠缺的知識。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網頁制作方面的書籍來參考。

　　在對基本知識有了詳細的了解之后，做起東西來就得心應手多了，知道引導頁能過加映像之后，我決定為我的網頁設計一個引導頁。

　　然后是主頁和二級頁面的設置。要注意，網上只能使用JPG和GIF兩種圖象格式，其他諸如BMP和TIF等很通用的格式都不能用在網上，因為它們太大了，但可以用圖象軟件進行轉換，比如xx的照片編輯器。把準備在主頁上出現(xiàn)的圖象放進相應的目錄里后.

　　在一步一步的邊學邊做的過程中，看著心中的東西一點一點的出來，真的很有成就感。雖然自己的.網頁技術還差的遠，但是回顧一下這周真的學到了很多的東西。

　　（四）網頁的調試

　　之前把作過的東西放到U盤里，發(fā)生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把源文件和WEB頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。

　　五、實習收獲

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

網頁設計報告7

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

　　一、實習工作介紹

　　我所在的這家公司，是一家做網上招商的商業(yè)網站，公司接收各種廠家提供的信息，然后由網絡的技術人員，將商家的信息做成網頁廣告，然后掛在我們的網站上，以此達到商業(yè)推廣的目的，類似我們公司的網站在同行業(yè)還有u88、28招商網等。

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

　　二、初來公司的時候

　�。ㄒ唬┏跫壙荚�

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

　�。ǘ┤斓呐嘤柟ぷ�

　　三天后，我來到了公司，一看，來參加培訓的人有很多，大概在十多個人左右，其實所謂的培訓，就是讓大家先熟悉這家網站的工作，先做一些他們平時干的活，做一些廣告網頁，這些網頁都是靜態(tài)的，沒什么難度。我后來發(fā)現(xiàn)，自己在這些人當中，還是較較者，心里優(yōu)勢還挺好的。

　�。ㄈ┳詈蟮目己�

　　三天的培訓后，我們迎來了最后的考核，合格的人會被留下，并得到一份為期一個月的實習合同，然后會在根據你在實習期的表現(xiàn)決定你的去留問題，最優(yōu)秀的人會轉正，得到很優(yōu)厚的待遇。

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

　　我的實習是從大三剛開學，被一位老師推薦到一家室內設計公司實習了！真慶幸自己平時能利用課余時間學到那些設計方面的知識，和大二暑假到那家設計公司實習��！要不是這些，我想現(xiàn)在就由學校安排到廠工里當普工。但自己最大的收獲是將所學的adobe軟件用于實踐，并且通過實踐檢驗了自己關于設計方面的假設和猜想，取得了一些令自己滿意的成績。

　　三、正式工作

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

　　四、業(yè)余的生活

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

　　五、工作心得體會

　　明年就要開始找工作了，這次實習，更讓我懂得了珍惜現(xiàn)在的生活，校園生活真的非常完美，非常令人羨慕！職場的競爭很大，“逆水行舟，不進則退”，必須時刻提醒自己，督促自己！同時也看到了許多，知道做人比做事更加重要，沒有人天生就會，沒有人天生就懂，只有不斷地努力才能成功，在這里不是每個人都有認為你是什么的，有的人就覺得你什么也不是。你只有付出好好學，做給她們看。證明自己不是虛的，證明自己有實力，名副其實！

　　（4）廣告圖象攝影和廣告插畫上，通過對商品在消費使用過程中的情景做出真實的再現(xiàn)，以便來宣傳商品的特征，突出商品的形象；或以攝影圖形來促發(fā)消費者的購買欲望，更直觀準確地傳達產品信息。真實的反映商品的結構、造型、材料和品質。廣告的插畫有傳統(tǒng)的寫實描繪逐漸向夸張、理想化和多邊化的視覺表現(xiàn)方向發(fā)展，重意念而輕形似，從而有助于強化廣告商品對象的特征和主題。在廣告排版制作的過程中，使用卡通形象作為產品代言人不但可以以卡通形象的活潑自由，個性化的形象贏得消費者的好感，還省去了請名人做代言的龐大廣告支出和風險。

網頁設計報告8

　　一實驗過程

　　1.資料的搜集。

　　2.熟悉制作軟件。

　　3.構建站點框架。

　　打開dremweaver后第一步便是新建站點

　　4設計主頁及二級頁面。

　　5實現(xiàn)網頁間的鏈接

　　鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網頁單擊確定便可以了。

　　6向靜太網頁插入動態(tài)效果

　　具體情況如下：

　　通過這半年的學習實踐中和老師的指導下以大量明晰的操作步驟和典型的應用實例，教會我們。使更豐富全面的軟件技術和應用技巧，使我們真正對所學的軟件融會貫通。所以我結合所學專業(yè)的內容制作了個人網站，作為實習的成果。其內容是多樣化的。制作網頁用的軟件是ｄreamweaver , banner軟件。dreamweaver大大加速了網絡時代電子交易應用中的項目交付。它提供了網頁和表單的動態(tài)生成到企業(yè)級的解決方案，如電子商店，庫存管理系統(tǒng)和企業(yè)內部局域網的數(shù)據庫應用等功能。例如，網頁上很流行的陰影和立體按紐等效果，只需單擊一下就可以制作完成。當然，其最方便之處是，它可以將圖象切割，圖象映射，懸停按紐，圖象翻轉等效果直接生成html代碼，或者嵌入到現(xiàn)有的網頁中，或者作為單獨的網頁出現(xiàn)。主圖是一個網頁的門面，它能體現(xiàn)出這個網頁的整體風格。

　　制作網頁,首先是確定主題,經過再三考慮,就做了個關于中國的網站,平時也總是瀏覽類似的網站,對這些還有些了解,于是確定主題,做一些類似的網站,但考慮到,現(xiàn)在網絡上好多類似的網站,但有些內容不適合我們大學生閱讀,對于我們來說有點不實際,根據這種情況,最后決定建立一個簡單的中國介紹和相關的事跡網站,專門介紹一些即使用,又便宜的小秘笈。于是網站主題確立。

　　然后是整體規(guī)劃，每一版塊都有其個性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，中國簡介，中國歷史，用戶登錄注冊頁面留言，再加入個別網站等，每一部分又分幾小部分，內容比較充分，多樣。

　　再后是收集資料與素材，大量瀏覽相關網站，收集關于中國的一些事跡歷史圖片，好的文章和圖片等，還有參考一些好的網站的布局，特色，顏色搭配，背景圖等。

　　再后是設計網頁圖片，用flash制作網頁的banner。

　　再后是建立站點，站點分布如下：

　　再后是制作網頁了，使用dreamweaver制作。

　　首頁內容精彩豐富，簡潔明快，語言風趣，通俗易懂。頁面可愛清爽。首頁主要是導航作用。首頁制作時，時刻考慮著網頁的基本原則：統(tǒng)一，連貫，分割，對比及和諧的原則，內容統(tǒng)一，都是為了主題服務，一個網站強調的就是一個整體，只有圍繞一個統(tǒng)一的目標所做的設計才是成功的；連貫，頁面之間關系連貫，統(tǒng)成一體；每版內容都自成一體，顏色各異，便于瀏覽；整個網頁有動有靜，顏色不同，形成對比，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：

　　簡潔實用: 這是非常重要的，網絡特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美；頁面用色協(xié)調，布局符合形式美的要求: 布局有條理，充分利用美的形式，是網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

　　利用我們所學的框架集，制作更完美的頁面。將動態(tài)網頁與靜態(tài)網頁結合起來

　　再后，調試過程，好多次本來在dream里好好的，把字調的好好的，位置很對，可在瀏覽器里御覽就出毛病了，不是靠上了，就是靠下了，很不老實，經過再三調試，整理，加了好多表格，終于滿意了，很是麻煩，想請問老師，為什么會出現(xiàn)這種情況啊，還有怎么解決啊，不用這么反復調整的辦法，還有什么好辦法��？

　　還有，在最超鏈接過程中，明明在頁面屬性里設置的是超鏈接的文字是原色，點擊鏈接后也是原色，可一鏈接上就變色了，想了老半天，也做了很多研究，實驗，終于知道怎么回事了，原來應該對文字所在的單元格整體做鏈接，而不是只選中文字做鏈接。

　　還有，這次的網站大部分用的是表格，層用的很少，因為它太靈活了，不好控制，用的很少。

　　再后，是網頁的上傳與發(fā)布，用ftp將制作好的網站上傳

　　制作過程中，才發(fā)現(xiàn)，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應用，操作，可這樣要修改模版可就麻煩了，要一個網頁一個的修改，于是趕緊上網學習相關內容，閱覽書籍，最后才知道文件這有個資源，點擊

　　進入資源面板，點擊到數(shù)第二個的模版，選項，所有模版就都顯示了，點擊資源面板左下角的應用命令，好了，這個模版就應用到你建立的網頁中去了。

　　這只是在制作過程中出現(xiàn)的問題之一，其它問題也是類似相同�，F(xiàn)在想想，自己所會的東西太少了，現(xiàn)在做的網站只是一些簡單的網站，看到了一些知名的網站開發(fā)出的網頁，不僅欄目內容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網民贊嘆不已，流連忘返。以我們的經驗，當前的軟件的功能日趨復雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。需在加以刻苦鉆研及學習，不斷開拓視野，增強自己的實踐操作技能，為以后能做出出色的網頁而努力。

　　同學告訴我，要做好網頁，一定要學從c++,java,php，asp，數(shù)據庫。以后要學的實在是太多了，而且我也很喜歡這方面，在以后的日子里，會努力填充自己，豐富自己的。希望以后有不懂的地方，老師能多多指點。

　　二實驗心得

　　在internet飛速發(fā)展的今天，互聯(lián)網成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經濟、生活等各個方面發(fā)揮著重要的作用。因此網站建設在internet應用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設中的重要組成部分，從而倍受人們的重視。

　　對于現(xiàn)在的社會，科技的飛速發(fā)展已經成為社會發(fā)展的標志。其中計算機的發(fā)展可謂快中之快，而在計算機的發(fā)展中計算機網絡的發(fā)展又是首當其沖的。計算機網絡從為我們所知，到現(xiàn)在才經歷的短短的幾年時間，在這幾年中隨著計算機網絡的廣泛應用，特別是internet的普及和發(fā)展，網絡已經成為了不可或缺的通信手段。不論是最新的`新聞信息、新產品的出臺、新游戲的發(fā)布、最新的各種it動態(tài)，包括等候就業(yè)人才的個人簡歷，我們都是可以通過網絡來獲得。但是什么為這所有的一切提供平臺的呢。我們又是通過什么來獲取這些消息的呢對就是網頁。現(xiàn)如今，數(shù)以萬計的網站以網頁的方式提供了豐富、精彩的信息。在人類社會進入信息時代的時候，在網絡成為通信的主要手段的時候，在計算機網絡普及的今天，網頁也在它自己的崗位上做出了突出的貢獻。網頁是我們在網絡上的代言人。我們將什么樣的信息傳達給瀏覽者，要講述什么樣的事情，網頁在這里起著重要的作用。

　　企業(yè)網站在企業(yè)的網絡營銷當中占有及其重要的地位，只要是涉及網絡宣傳的企業(yè)，都應該建立屬于自己的個性企業(yè)網站。他不僅能夠讓企業(yè)在網絡上展示自己的產品，促進實際銷售的增長，更能夠通過一根網線，向目標客戶展示企業(yè)自身的形象。

　　對于企業(yè)網站設計的觀點，偏重網站的形象設計，即在功能務實、體系完善的情況下，重點結合企業(yè)理念打造網站的形象。logo就能很好的表現(xiàn)企業(yè)的形象。企業(yè)標志(logo)是指用于代表企業(yè)形象的獨特的、有意義的圖案，是企業(yè)形象識別當中最核心的環(huán)節(jié)，可用于與企業(yè)形象相關的所有環(huán)節(jié)。由于企業(yè)標志所處的特殊地位，決定了其不能夠隨意更換，因此能否設計一個有內涵、有文化、便于識別的標志，并建立相關的應用系統(tǒng)，關乎到企業(yè)長遠的發(fā)展，不容小視。

　　建設網站的一般過程包括：前期內容確立、網站架構搭建、創(chuàng)意策劃、設計、網站建設。網站的功能版塊一般分為首頁（含引導頁）、新聞部分、產品部分、信息交流部分、定制系統(tǒng)、零散頁面等。根據不同的企業(yè)需求，各網站的功能版塊數(shù)量、布局、結構各異。

　�。ㄒ唬� 頁面的設計方面

　　網頁設計跟學習別的東西一樣，也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。

　　頁設計需要耐心，如果沒有耐心，就學不好網頁設計，應為當你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了很長時間才解決。

　　頁設計需要堅持，堅持不斷的學習，因為設計網頁的軟件在不斷的更新，因此我們要不斷的學習

　　并且頁設計不要掉入技術的陷阱，如果你的網頁設計技術一流，并且對軟件的掌握程度已經達到一定水平，但是你設計的網頁確不堪目睹，這是因為網頁設計是介于平面設計和編程技術兩者之間的邊緣科學.不僅涉及到美學,心理學,平面構成,色彩搭配等平面設計的方面的知識,還涉及到html,javascript,css,asp,php等編程語言技術方面的知識.只有綜合運用多種知識,才能設計出視聽特效,動感十足,富于個性的web頁面,才能全面展現(xiàn)互聯(lián)網這一新型媒體的獨特魅力和多維空間的超強功能.

　　并且我認為網頁設計應該注重實用性，因為它是讓人瀏覽的，是用戶可以撫摸，可以評論，可以交互的。因此我提倡簡單的美。

　�。ǘ┚W頁視覺效果

　　視覺形象識別即我們通常所說的vi（visualidentity），與bi一起用于深化表現(xiàn)企業(yè)理念，同時也受到bi的影響。所謂視覺形象識別，就是指能夠被目標客戶通過視覺來認知與企業(yè)相關的一切事物，從最基礎的企業(yè)標志、吉祥物、標準色到企業(yè)日常業(yè)務中的信紙、服裝、名片等等，在將其系統(tǒng)化以后就形成了企業(yè)的視覺形象識別系統(tǒng)。

　　視覺形象識別系統(tǒng)在整套cis中處于最表層的位置，其中所有的設計都將與目標客戶發(fā)生直接的接觸。

　�。ㄈ┚W頁的整體布局和導航

　　網頁的布局通常指的是網頁的整體架構，說的通俗一點就是排版。如何突出最重要的內容，即讓用戶第一眼就看到這個網頁所想要傳達的信息。這一點至關重要。在大多數(shù)做的比較成功的網頁中，一個共同的特點就是網頁的整體架構十分的清晰明了，便于用戶瀏覽

　　網頁布局大致可分為國字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、flash型、變化型

　　網頁布局是主要考慮以下幾點：

　　1、首先要考慮整個網頁的長和寬，以及長度和寬度之間的比例。

　　2、其次就應該考慮導航條的設置了。

　　3、正文的框架設置（橫向因素和縱向因素交錯）

　�。ㄋ模┚W頁中文字、圖像

　　圖象我利用網上搜索和自己所學過的banner進行處理,這樣做起來節(jié)約了很多時間。。

　�。ㄎ澹┚W頁制作過程中的其他注意事項

　　不要過于注重色彩的燦爛，只要簡單就行。我們最終追求的主要是實用價值。

　　通過這次實習，在制作時想想使自己的網頁更加豐富多彩，在網頁中插入圖象，動畫，動態(tài)特效�？墒强傆龅竭@樣那樣的問題，但在同學的幫助和自己摸索的情況下完成了這個實習的成果�？吹搅艘恍┲木W站開發(fā)出的網頁，不僅欄目內容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網民贊嘆不已，流連忘返。以我們的經驗，當前的軟件的功能日趨復雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。虛在加以刻苦鉆研及學習，不斷開拓視野，增強自己的實踐操作技能，為以后能做出出色的網頁而努力。

　　近一個星期的實訓將要結束，其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網頁過程中，我學到了新的美化網頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，并且為我自己在制作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷，將是我今后走上社會后的一筆巨大的財富。這次實習的收獲對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收獲�？傮w來說這次是對我的綜合素質的培養(yǎng)，鍛煉和提高。

網頁設計報告9

　　1、預期目標

　　(1) 通過本次實訓要完成仙劍奇?zhèn)b傳的網頁制作，包括二級頁面和三級頁面，還要應用一些網頁制作的基本技巧。

　　(2) 掌握布局技術，模版應用，CSS樣式，超級鏈接，并運用fireworks做簡單的圖形編輯。

　　(3) 通過連續(xù)時間的實際操作，鞏固對網站的創(chuàng)建、網頁的策劃、設計與制作的理解，加深理解網站、網頁、制作的過程，理解團隊互助共同完成項目的協(xié)作精神。

　　2.關鍵技術及解決途徑：

　　一、關鍵技術：

　　(1)有完整的策劃報告(電子版)，實際內容有改動不受影響;

　　(2)有標題的網站以及有對應自己創(chuàng)意設計制作的Logo圖象、廣告條等圖象;

　　(3)至少有首頁、二級頁面、三級頁面的層結構;

　　(4)有框架、有表單;

　　(5)有自己創(chuàng)作輸入的文字內容并經過排列整理;

　　(6)Dreamweaver模板技術;

　　(7)至少采用了樣式表技術;

　　(8)采用鼠標事件等行為設置之一;

　　(9)不允許出現(xiàn)超級鏈接錯誤!

　　二、解決途徑

　　根據課堂所學，充分利用相關技術要點，對于不懂的.地方問實訓老師。制作完成后，反復檢查，保證鏈接的正確性。

　　3.方案設計與實施步驟：

　　一、方案設計

　　二、實施步驟(可以包括網站內容)

　　(1)確定網站內容為仙劍奇?zhèn)b傳4,并制定詳細的策劃報告

　　(2)查找相關資料，制作banner，logo，和相關動畫圖片

　　(3)小組分工合作，我負責首頁制作，人物介紹，友情鏈接，留言板相關內容。

　　(4)采用布局技術設計首頁，然后插入logo，banner美化首頁

　　(5)應用模版技術制作人物介紹，介紹仙劍4中的重要出場人物，并配上相關圖片和文字，制作了網站相冊，使用了錨記。

　　(6)友情連接應用了框架，鏈接到百度貼吧，官網等相關網站，并用fireworks制作了相關的logo和banner。

　　(7)采用表單技術制作留言板。

　　(8)最后創(chuàng)建CSS樣式，并運用到各個連接上。

　　(9)個相關頁面之間進行必要的超級鏈接，友情鏈接與相關網站上鏈接。

　　(10)最后和另一小組成員進行作品匯總，完成相關站點的鏈接

　　(11)檢查鏈接，清除多余文件和圖片

　　4.自我評價

　　這次實訓充分利用了課堂所學，掌握了許多關鍵技術，例如模版技術，CSS樣式，使得制作過程方便了很多。

　　在完成基本要求得基礎上，文件夾、文件命名規(guī)范;文件存放位置合理;

　　制作完成之后進行過現(xiàn)場清理：沒有無用的文件、文件夾，沒有斷鏈(外部鏈接不算);工作量飽滿：內容較豐富、自己設計制作的素材應用多;色系、布局合理美觀、考慮用戶訪問方便;采用各種特效、并且運用合理。

　　不過也有些不足，比如一開始沒有把兩個人制作的文件夾分開，導致后面匯總時比較麻煩。

　　不過總的來說，對這次的作品相當滿意，不僅選擇了我們自己喜歡的內容，而且在我們的水平上把它做的很精美。在這個過程中我們意識到了自己在相關技術上的不足，通過學習，知道了如何改進我們的缺點，相信在以后的應用中，我們會做的更加完美!

網頁設計報告10

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

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

　　1。討論網站的主題。

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

　　2。定位網站的CI形象。

　　“易菲”植根中國文化之精髓，汲取自然稟賦之靈性，形成一個既有濃厚文化底蘊，又有現(xiàn)代自然人文氣息的特色品牌�！耙住奔词侨荩前�，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展�！胺啤蓖ǚ牵巧鷻C、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘�！吧钊缁�，自在快樂”是YIFINI易菲的設計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網站的CI形象。

　　3。確定欄目和板塊。

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

　　4。網站的整體風格和創(chuàng)意。

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

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

　　1。資料的搜集。

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

　　2。熟悉制作軟件。

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

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

　　1。構建站點框架。

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

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

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

　　而且制作過程中，不忘以下原則：

　　簡潔實用：這是非常重要的，網絡特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便：同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美；頁面用色協(xié)調，布局符合形式美的要求：布局有條理，充分利用美的形式，是網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

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

　　3。實現(xiàn)網頁間的鏈接。

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

　　4。向靜太網頁插入動態(tài)效果。

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

　　四、網頁的調試

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

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

網頁設計報告11

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

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

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

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

　�。�1）用戶登錄注冊。

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

　�。�3）提供會員注冊

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

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

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

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

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

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

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

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

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

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

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

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

網頁設計報告12

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

　　基本任務與要求：

　　階段工作計劃：

　　開題報告：

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

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

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

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

　　選題研究方法：

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

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

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

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

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

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

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

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

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

　　擬解決的主要問題：

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

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

　　3.自主設計一個網站，避免出現(xiàn)知名餐飲行業(yè)中的缺點設計

　　預期結果：

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

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

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

網頁設計報告13

　　選題的意義、同類選題現(xiàn)狀分析包括項目實施的意義和應用前景，國內外研究和應用概況，發(fā)展趨勢，本項目的特色或創(chuàng)新之處）

　　電子商務發(fā)展在世界范圍內都是剛剛開始，其發(fā)展速度極為迅速，傳統(tǒng)商業(yè)模式正不斷地被新的商業(yè)模式所替代。網上購物就是Internet和電子商務網站的產物，近幾年在我國發(fā)展迅猛，就如同一些購物商場在各地紛紛開設分店以拉近與顧客間的距離一樣。21世紀是網絡的時代，信息的時代，時間是非常寶貴的，人們由于種種原因沒有時間去逛商場，也不知道哪家商場有自己中意的商品，網上購物網站的建立就可以很好的解決這方面的問題，可以向廣大用戶推出一種全新的網上信息服務，旨在貨品與消費者之間架起一座高速、便捷的網上信息橋梁，可以為用戶節(jié)省時間、方便購物。

　　在國內也有許多我們所熟悉的大規(guī)模的網上購物網站，如阿里巴巴和淘寶網。中國的網上購物在摸索與借鑒中成長著，利用中國特有的優(yōu)勢來克服不利的外部環(huán)境因素，例如采用“貨到付款”就是中國購物網站的成功創(chuàng)新。隨著外部環(huán)境的逐步優(yōu)化，上購物網站發(fā)展前景看好。

　　本網站的主要功能有：用戶注冊、會員登錄、貨物分類查詢、貨品瀏覽、購買貨品、購物車、客戶留言；管理員管理會員信息以及訂單信息、管理員添加和刪除貨品、管理員查看留言。一方面，讓顧客方便購買各類貨物，給本購物網站提出寶貴的意見或建議；另一方面，管理員能在管理信息的同時也能了解顧客的需要，對網站的不足之處進行修改。本購物網站還在借鑒其他成功購物網站的同時也加入了一些創(chuàng)新的元素。如在貨物介紹的.頁面中添加了同等商品價格的最新比較數(shù)據，讓用戶能夠花比較少的時間找到自己滿意的產品，同時在本網站中每個注冊用戶還可以擁有自己的一個小型的BLOG，在其中用戶可以發(fā)展自己的購物經驗和日常的心情。同時在網站的界面上，本網站了可能讓用戶設置網頁的風格，用戶可以按照自己的喜好改變網站的背景色，讓整個網站更加的有特色。

　　（包括畢業(yè)設計目標、設計內容和擬解決的關鍵技術問題）

　　購物網站的建立是為了節(jié)約顧客時間和方便顧客購物，該網站主要有注冊會員、會員登陸、貨物搜索、購物車以及對會員、貨品、訂單的管理。以實現(xiàn)網上書店的交易和管理。

　�。�1）前臺服務：注冊會員、會員登陸、會員修改個人信息及密碼、貨品分類搜索、貨品瀏覽、貨品購買、購物車，以及頁面的特效如：將該網站設為首頁、加入收藏、更改網頁風格等。

　�。�2）會員管理：管理員對會員個人信息的管理，驗證會員登陸信息。并且可以在自己的BLOG中發(fā)表信息。

　�。�3）圖書管理：管理員查看書庫中貨物的庫存量，包括各種貨物的銷售情況，以及及時更新數(shù)據庫中貨物的各種信息。

　　（4）訂單管理：管理員對訂單的管理，確認顧客信息與訂單信息的準確性。

　　本系統(tǒng)主要是利用ASP、Dreamweaver、SQL數(shù)據庫來完成設計的，主要完成了貨物分類搜索、貨物瀏覽、貨物購買、購物車以及會員管理、貨物管理、訂單管理等功能的實現(xiàn)。

　　（包括開發(fā)平臺選擇、試驗方案及可行性分析，設計和開發(fā)工作的總體安排、步驟等）

　　購物網站的設計與開發(fā)需要微機一臺，操作系統(tǒng)為WindowsXP。開發(fā)環(huán)境為ASP、Dreamweaver，數(shù)據庫為SQLServer20xx或選擇Access。數(shù)據訪問方法為使用ADO。NET通過ODBC的方法同數(shù)據庫接口。使用這種方式訪問數(shù)據，可以使用任何一種ODBC數(shù)據源，即不止適合于SQLServer、Oracle、Access等數(shù)據庫應用程序，也適合于Excel表格，文本文件、圖形文件和無格式的數(shù)據文件。

　　通過調查分析，建立購物網有其充分的必要性和可能性。可以建立該網站的可能性具體包含了它具有經濟可行性、技術上的可行性和時機可行性，系統(tǒng)能達到以最小的開發(fā)成本取得最佳的經濟效益，開發(fā)中所需人員、硬軟件支持以及其它費用進行估算情況均滿意，技術條件也能保證順利完成開發(fā)工作。

　　最終認為該系統(tǒng)完全可行，網上購物網站是一個網上交易網站，利用該網站用戶可以購買貨物，修改自己的購物車，在自己的BLOG中發(fā)展信息；管理員作為管理者則可以查詢會員的訂單信息、管理貨物，對貨物進行添加和刪除。

　　1、前臺服務：

　　此模塊是對于用戶開放，實現(xiàn)的功能有：客戶注冊，會員登錄，修改個人信息及密碼，貨品分類查詢，貨品瀏覽，購買貨物，購物車，會員留言等。

　　2、后臺：

　　此模塊是對于管理員開放，實現(xiàn)的功能有：會員基本信息管理、訂單管理、貨物管理、查看留言。

網頁設計報告14

　　一、實習目的

　　通過網頁設計理論聯(lián)系實際操作，鞏固所學的知識，提高處理實際問題的能力。充分學習網頁設計實踐中的操作理論，提高自己網頁設計水平，并為能順利與社會環(huán)境接軌做準備。

　　二、實習任務

　　學習網頁設計實際問題處理方法及常規(guī)網頁設計內容（網頁設計切片、數(shù)據庫的搭建、新聞管理、留言管理、網頁設計在線編輯器等），網頁設計后臺管理方面的知識應用，及利用所學知識管理和編輯網站，并從實際出發(fā)，簡單了解關于網站安全性問題的實際解決措施（md5密碼加密等網頁設計知識）。

　　三、實習時間

　　20xx年xx月xx日——20xx年xx月xx日。

　　四、實習地點

　　xx。

　　五、實習內容

　　按照老師的安排，我制定了相應的實習計劃，并記錄了相關的實訓內容，以備后鑒，且完成實訓作業(yè)及實習心得。注重在實習階段對所學知識的鞏固和提高，以達到根據理論知識，指導日后工作實踐的目的。其主要網頁設計實習具體內容情況報告如下：

　　1、收集網站所需信息。

　　2、運用PHOTOSHOP處理的網頁設計所需圖片。處理圖片要保持圖片不失真，并按照網頁設計需求設計所需的效果。

　　3、對所完成的網頁頁面進行合理的切片處理，并按照網頁設計效果完成網站整體框架的構建。

　　4、搭建網站所需數(shù)據庫。

　　5、網站的虛擬建設和初步完善。

　　六、實習體會

　　大學生活讓我對計算機理論知識有了一定的了解，但實際操作領域依舊是一片空白。紙上得來終覺淺，絕知此事要躬行。經過網頁實訓課的實習，讓我對自己有了新的認識，并明確了網頁設計方面的前進方向。

　　1、繼續(xù)學習，不斷提升理論素養(yǎng)。在信息時代，學習是不斷地汲取新信息，獲得事業(yè)進步的動力�，F(xiàn)在通過實習總感覺自己學的不夠，要用到知識時總感覺腦袋總是空白。實習后讓我明白，為了能更好的適應工作，不得不利用自己空閑時間去彌補學習中的不足。實訓內容是與自己所學專業(yè)有密切聯(lián)系的，所以自己在這方面格外側重，希望能夠加強自己的專業(yè)知識。

　　2、加強信心，堅持下去。上學的時候大家都說“能珍惜現(xiàn)在的日子就好好珍惜！”，等工作了才真正的領悟這句話的涵義。經歷這次實習后，就希望能把實習所學習的知識，也能運用到課堂上。對自己多一點信心，多給自己點贊賞，多給自己鼓鼓勁，相信自己總會走出一條寬敞大道。

　　實習，是開端也是結束。在書本上學過很多理論，但從未付諸實踐過，也許等到真正運用時，才會體會到難度有多大。在今后的工作和生活中，自己需要更加努力的奮斗下去。

　　實習的同時也讓我了解到了自己的'不足，我會繼續(xù)努力，完善自我。對于學校的精心安排和指導老師的用心輔導非常感謝。

　　最后談談我個人對自身的職業(yè)之路規(guī)劃。當然這些還不夠成熟，僅僅是這一個學期的實習帶給我的一點想法，今后我會結合學習生活進一步修正。首先是個人學習，通過實習我認識到利用課堂外的時間也是關鍵，下一步打算結合自己的興趣，利用課余時間自我培訓；其次是社會實踐，初步打算是利用假期等時間充分工作，以提高自身實際工作能力為目的，畢竟“想”和“做”是不一樣的，這次實習中我也認識到了這點，平時覺得自己能夠勝任的簡單事情，當真正動手做時卻總不是那么簡單了；最后，打算結合個人的興趣、價值觀、能力、職業(yè)發(fā)展傾向做個詳細的職業(yè)發(fā)展規(guī)劃。

　　總體來說，這次網頁設計畢業(yè)實習，讓我受益匪淺，以上是我的實習心得與體會，不足之處望得到指正。

網頁設計報告15

　　隨著當前計算機技術的飛速發(fā)展，計算機應用范圍的擴大，越來越多的中職院校在課程開設時順勢采用了項目式教學方法，結合校企結合或引企入校的方式來實施教學�！毒W頁設計》課程不但是計算機專業(yè)學生的專業(yè)技術課，同時也是非計算機專業(yè)的學生非常歡迎的選修課目。針對中職教育的特點，為了適應學生這個群體的心理特點及思維現(xiàn)狀，我們在不斷的實踐過程中，探索新型的教學方法，讓學生在結合現(xiàn)實工作中的項目，小組團隊協(xié)作完成項目，從協(xié)作和實施項目過程中完成知識和技能的學習，從真實的工作環(huán)境中學習。從而能達到學習完課程就能頂崗獨立完成工作。

　　在我們的生活中，小到一個生日聚會、一次課余活動，大到一項工程建設，一個節(jié)日慶典，這都屬于一個項目。項目無論是簡單還是復雜都有一定的共有特性。美國PMI定義說：“項目是為了完成某一獨特的產品、服務或任務所做的一次性努力。”而我們在教學活動中所提出的是“項目”則是指提出一個前人曾完成過的一個項目工作，也可以是由教材的相關內容轉化來的社會的一種需求。學生圍繞此工作或需求進行相關聯(lián)的學習和探究的活動，從而完成知識的學習和能力的培養(yǎng)。

　　一、項目教學法的含義及特點

　　項目教學法是指教師與學生共同將教學知識作為一個完整的項目進行實施的教學活動過程。項目教學的目標在于把學生有意義的融入到一個完成項目的過程中去，調動學生的學習積極性、自主的'對知識進行建構，把通過學習所掌握的知識技能以及培養(yǎng)起來的職業(yè)能力作為最終的目標。

　　二、在《網頁設計》課堂教學中的設計

　　項目式教學設計中課堂教學中按照選定項目、制定計劃、活動探究、制作作品、成果展示、綜合評價等6個環(huán)節(jié)來設計。整個教學過程中以學生自主學習為主，教師引導啟發(fā)為輔來讓學生圍繞項目自主學習探究。

　　在教學過程中貫穿項目式的學習中，項目的制定就顯得非常重要，它既要根據學生興趣來選定，同時又要考慮體現(xiàn)教學總體目標;并且所選擇項目應該和學生日常的經歷相關;難度要與學生的知識背景相符。制作熱門話題專欄、制作個人主頁、制作班級主頁、制作個人愛好娛樂主頁等，這些都是學生感興趣的一些內容。在課程開始前要展示優(yōu)秀的網站效果，讓學生對網站建設有初步了解，并激發(fā)學生對網頁設計的興趣，讓學生自己產生要制作屬于自己的作品。

　　三、項目式教學過程的實施

　　根據學生自己感興趣的課題項目對學生進行分組，并在課堂上統(tǒng)一進行課題項目的分析，分析的過程中要對學生網頁設計的基礎內容進行講解和分析。在整個分析講解的過程中要讓學生了解整個過程的制作工具，并選定項目的負責人。然后依據學生學習自主化的原則，任務目標化的方法，根據項目目標的要求，由負責人統(tǒng)一安排小組學習任務，由教師引導學習方向，共同制定出個人學習任務目標。

　　本項目要以學會專業(yè)規(guī)劃網站、對主題網頁進行相關設計并完成制作為知識目標;把掌握資料素材整合、制作軟件使用確立為技能目標;讓學生學會協(xié)作、學會正確的認識與評價自己與同學相互幫助增強自信心為情感目標。

　　課程項目內容及相關能力要求中首要學生學習的內容是頁面的布局。頁面布局是依照網站的受眾群體的特點進行色彩組合和版面布局，通過導航的設計及媒體的使用來修飾網頁的整體視覺效果和功能效果。并通過添加各種網頁元素（文字、圖像、表格、表單、視頻、動畫等）的設計與制作完善網頁整體效果。再次是網頁的結構，網頁結構的確立一般是由網頁框架、使用的表格及層的綜合運用來完成。最后就是使用各種特殊效果來美化網頁效果、增強網頁使用功能。并確定網頁元素。如JavaScript特效的設計，使用不同的特效來加強網頁與用戶的可交互能力。

　　根據學習進程，制定小組前期準備部分。學生深入的調查研究確定知識內容與技能技巧部分的前期資料。這個過程主要是由學生自己進行協(xié)作，通過自習與課外活動時間來做相關的調查與資料的搜集。小組成員通過教材及輔助材料的共同分析學習，出現(xiàn)問題與指導教師統(tǒng)一探究解決。這個過程學生們通過不斷發(fā)現(xiàn)問題，提出問題，最后解決問題的過程來完善自己的知識結構體系，最后形成一個系統(tǒng)的知識體系。

　　活動探究部分讓學生完成知識體系的培養(yǎng)后，學生運用相應的小組計劃分別完成各自的作品，在完成作品的時候還會出現(xiàn)知識性問題，也會遇到能力培養(yǎng)方面的問題，這時候教師就要引導學生自己探究，培養(yǎng)學生解決問題的能力，從而提高學生的知識水平也加強學生各方面能力的培養(yǎng)。再此環(huán)節(jié)中要求教師在引導項目實施過程中要在引導方式上注意到有針對性的進行查漏補缺的幫助學生學習。

　　項目完成以后，由各小組先進行相互的指導交流，指導交流主要是為了讓學生取長補短，這樣可以很好的幫助自己發(fā)現(xiàn)問題，同時也可以發(fā)現(xiàn)自己的優(yōu)點，從而增強自己的自信心。交流后給小組成員一課時的時間進行相應的總結及作品的微調整，并指定小組成員進行知識層面及技術層面的演示講解，分享作品制作的成功和喜悅。通過這種形式，學生們獲得了極大的成就感。

　　成就的最終獲得還是要取決于最后的學習情況評價。整個評價過程采用了小組成員間、小組間及師生間的全方位綜合評價法。項目開展過程中小組長對成員、成員對成員、成員對小組長都要進行不同方面的評價，最后把每部分的評價綜合為項目終結性個人評價，加上其他小組成員對作品的評價，最后加上教師引導過程中的效果評價形成個人綜合評價。這個評價也包括了知識和能力等多方面的細化評價，通過評價，使學生反思自己學到了什么知識和技能，以及不足，從而找出進一步學習的方向。

　　四、項目式課程設計的優(yōu)勢及不足

　　在整個項目的進行過程中學生可以自主的學習，自覺地接受學習，自己找可以承擔的學習任務來完成，同時也學會了發(fā)現(xiàn)問題和解決問題的方法，發(fā)揮了個人的最大能力，也培養(yǎng)了從不同角度觀察、思考和解決問題的辦法，激發(fā)自身的創(chuàng)新意識，提高自身的創(chuàng)新能力。

　　但是整個過程仍然存在懈怠的同學，過分依賴他人完成整個項目，教師要是整個過程不能夠及時發(fā)現(xiàn)這個問題則會造成學生學習發(fā)展的不均等，所以要加強項目學習的細化指導，加強教學過程的監(jiān)督與引導。

　　其次在整個過程的實施中，學生的自覺性是直接影響到項目的進程及完成的最終效果，所以在學生整個學習的時間安排上應該有效的科學的安排，既要結合課余時間也要提高個人的學習效率。因為學生課余還有參加很多其他的學校獲得所以導致計劃落實有出入，所以加強計劃可行性安排及建立項目學習的保障體系是需要我們繼續(xù)探究的問題之一。

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

網頁設計技巧02-18