網(wǎng)站設計與制作個人總結(jié)報告

網(wǎng)站設計與制作個人總結(jié)報告

taiyuangongyexueyuan

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

做好頁面，并不是一件容易的事，它包括個人主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。本次課程設計不是很好，頁面過于簡單，創(chuàng)新意識反面薄弱，這是我需要提高的地方。需要學的地方還有很多，需要有耐心、堅持，不斷的學習，綜合運用多種知識，才能設計出好的web頁面。

制作網(wǎng)頁,首先是確定主題,經(jīng)過再三考慮,就做了個關(guān)于發(fā)型的網(wǎng)站,是一家為理發(fā)店提供數(shù)據(jù)庫服務的大型企業(yè)Prettyhair還為注冊的理發(fā)店提供會員管理服務，各大理發(fā)店均可注冊prettyhair并獲取相應數(shù)據(jù)庫，

prettyhair來維護數(shù)據(jù)庫安全可靠。同時，prettyhair也是一家以提倡健康、漂亮頭發(fā)的信息資訊類公司，您可以在這里獲取如何保養(yǎng)頭發(fā)的相應信息，以及各種發(fā)型的圖片相關(guān)介紹，還有各種護發(fā)用品。于是網(wǎng)站主題確立。然后是整體規(guī)劃，每一版塊都有其個性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，個人檔案、興趣愛好、成長經(jīng)歷、國家隊生涯、榮譽、職業(yè)生涯數(shù)據(jù)、轉(zhuǎn)會記錄，再加入個別網(wǎng)站等，每一部分又分幾小部分，內(nèi)容比較充分，多樣。

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

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

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

利用我們所學的框架集，制作更完美的頁面。將動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁結(jié)合起來。再后，調(diào)試過程，好多次本來在dream里好好的，把字調(diào)的好好的，位置很對，可在瀏覽器里御覽就出毛病了，不是靠上了，就是靠下了，很不老實，經(jīng)過再三調(diào)試，整理，加了好多表格，終于滿意了，很是麻煩，想請問老師，為什么會出現(xiàn)這種情況啊，還有怎么解決啊，不用這么反復調(diào)整的辦法，還有什么好辦法啊？

還有，在最超鏈接過程中，明明在頁面屬性里設置的是超鏈接的文字是原色，點擊鏈接后也是原色，可一鏈接上就變色了，想了老半天，也做了很多研究，實驗，終于知道怎么回事了，原來應該對文字所在的單元格整體做鏈接，而不是只選中文字做鏈接。這次的網(wǎng)站大部分用的是表格，層用的很少，因為它太靈活了，不好控制，用的很少。

制作過程中，才發(fā)現(xiàn)，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應用，操作，可這樣要修改模版可就麻煩了，要一個網(wǎng)頁一個的修改，于是趕緊上網(wǎng)學習相關(guān)內(nèi)容，閱覽書籍，最后才知道文件這有個資源，點擊進入資源面板，點擊到數(shù)第二個的模版，選項，所有模版就都顯示了，點擊資源面板左下角的應用命令，好了，這個模版就應用到你建立的網(wǎng)頁中去了。

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

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

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

學習網(wǎng)頁設計需要堅持，堅持不斷的學習，因為設計網(wǎng)頁的軟件在不斷的更新，因此我們要不斷的學習并且學習網(wǎng)頁設計不要掉入技術(shù)的陷阱，如果你的網(wǎng)頁設計技術(shù)一流，并且對軟件的掌握程度已經(jīng)達到一定水平，但是你設計的網(wǎng)頁確不堪目睹，這是因為網(wǎng)頁設計是介于平面設計和編程技術(shù)兩者之間的"邊緣科學."不僅涉及到美學,心理學,平面構(gòu)成,色彩搭配等平面設計的方面的知識,還涉及到html,javascript,css,asp,php等編程語言技術(shù)方面的知識.只有綜合運用多種知識,才能設計出視聽特效,動感十足,富于個性的web頁面,才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨特魅力和多維空間的超強功能.并且我認為網(wǎng)頁設計應該注重實用性，因為它是讓人瀏覽的，是用戶可以撫摸，可以評論，可以交互的。因此我提倡簡單的美。（二）網(wǎng)頁視覺效果

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

視覺形象識別系統(tǒng)在整套CIS中處于最表層的位置，其中所有的設計都將與目標客戶發(fā)生直接的接觸。（三）網(wǎng)頁的整體布局和導航

網(wǎng)頁的布局通常指的是網(wǎng)頁的整體架構(gòu)，說的通俗一點就是排版。如何突出最重要的內(nèi)容，即讓用戶第一眼就看到這個網(wǎng)頁所想要傳達的信息。這一點至關(guān)重要。在大多數(shù)做的比較成功的網(wǎng)頁中，一個共同的特點就是網(wǎng)頁的整體架構(gòu)十分的清晰明了，便于用戶瀏覽網(wǎng)頁布局大致可分為“國”字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型

網(wǎng)頁布局是主要考慮以下幾點：

1、首先要考慮整個網(wǎng)頁的長和寬，以及長度和寬度之間的比例。2、其次就應該考慮導航條的設置了。3、正文的框架設置（橫向因素和縱向因素交錯）（四）網(wǎng)頁中文字、圖像

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

（五）網(wǎng)頁制作過程中的其他注意事項

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

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

總體來說，通過這次的對網(wǎng)頁課程設計，有收獲也有遺憾、不足的地方，但我想，我已經(jīng)邁入了網(wǎng)頁設計的大門，只要我再認真努力的去學習，去提高，憑借我對網(wǎng)頁設計的熱情和執(zhí)著，我將來設計出的網(wǎng)頁會更加專業(yè)，更完善。感謝老師、同學在這次課程設計中給我的幫助、指導！

擴展閱讀：網(wǎng)站設計與建設個人心得體會

網(wǎng)頁設計與制作綜合報告

網(wǎng)站設計與建設小組總體報告

一、課題項目：衣之谷女裝網(wǎng)上商店

二、開發(fā)平臺：MacromediaDreamweaverMX201*三、主要任務：對衣之谷網(wǎng)站的首頁進行相關(guān)設計、制作。

這次對衣之谷女裝網(wǎng)店的設計是小組分任務進行的，每個人負責不同的工作。

馬孟佳主要負責主頁的設計：

做好主頁，并不是一件容易的事，它包括個人主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。1.標題

在個人主頁中標題起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、簡短，有特色、容易記，還要符合自己主頁的主題和風格。2.內(nèi)容的采集

選好標題后，開始采集內(nèi)容，內(nèi)容必須與標題相符，在采集內(nèi)容的過程中，應注重特色，所謂特色應該是有一些自己的東西。個人主頁中的特色，應該突出自己的個性，把自己的興趣、愛好盡情地發(fā)揮出來，因為在網(wǎng)絡上不受限制。主頁就是在網(wǎng)絡上的一個小小家園，在那里，可以放上自己喜歡的任何東西，包括你自己平時喜歡一些文章，一些好聽的歌，一些好的動畫作品。3.圖片做個人主頁不能只用文字，必須在主頁上適當?shù)丶右恍﹫D片，增加可看性，俗話說"一圖勝千言"，我想不無道理，一張?zhí)幚淼煤玫膱D片不需要多做任何解釋，就能讓人一目了然，讓人去思考，去了解它。4.網(wǎng)頁排版

網(wǎng)頁頁面整體的排版設計也是不可忽略的，很重要的一個原則是合理地運用空間，讓自己的網(wǎng)頁井井有條，留下必要的空白，人覺得很輕松。5.特色

讓自己的網(wǎng)頁更有特色一些，可適當?shù)丶右恍┞曇簟�動態(tài)網(wǎng)頁、java、applet。

張紅艷主要負責新品推薦主要工作:

（1）收集相關(guān)衣服圖片資料：收集風衣、毛衣、褲子等的圖片。（2）在PS中修改收集的圖片，按照網(wǎng)頁的總體設計對圖片的大小、顏色、樣式等進行修改。

（3）在DREAMWEAVER中，打開HTML直接設計頁面。（4）起草一個大綱，然后定框架。

（5）根據(jù)需要設置背景、插入表格、插入圖片。（6）對商品圖片做一些相關(guān)說明，添加文字。（7）做網(wǎng)頁的鏈接。

張清芬主要負責商品推薦工作內(nèi)容：

1.我們整個網(wǎng)站要展示的商品，對其進行分類。2.需對分類的每一個頁面進行規(guī)劃，細分等。3.收集素材。

我選擇了Dreamweaver作為制作軟件，看書學習了一些基礎的東西之后就著手開始了我的網(wǎng)頁制作，先初步對網(wǎng)頁作了一些頁面規(guī)劃，然后建立了站點，用軟件中的一些基本的功能制作，由于Dreamweaver沒有插入藝術(shù)字的功能，是我先在photoshop制作好了之后用圖片的方式插入的。接著有開始設計頁面，我主要用層來設計版面，再適當配合表格，還制作了特效，如閃動的字幕，滾條等。主要要掌握顏色的搭配，整體的規(guī)劃，以及增色的動畫效果。還有不同網(wǎng)頁的鏈接。

李瑩芳主要負責購物幫助：

網(wǎng)上購物這個新鮮的名詞，對于現(xiàn)在的人來說并不是一個陌生的東西，有的人天天都在網(wǎng)上購物，或多或少、或大或小，但是在網(wǎng)上購物過程當中，總會有人遇到這樣那樣的問題，我制作的網(wǎng)頁就是幫助有疑難的消費者解決問題的。同時有發(fā)現(xiàn)不合理的可以舉報，購物幫助就是要讓消費者了解到我們的熱心，在他們需要幫助的時候積極響應，讓我們的網(wǎng)站具有吸引力，不斷吸引顧客的眼球，讓我從中也了解到一些以前沒有了解到的東西，對我以后的購物旅程中也有一定的幫助。

袁世燕主要負責客戶服務：

關(guān)于客戶服務中心的制作，利用原圖片使用PS制作所需要的圖片材料，客戶服務中心的內(nèi)容包括客服首頁、常見問題、自助服務等內(nèi)容，主頁中將常用服務列出，方便客戶使用，并設置有留言欄，方便客戶提出意見。

這次的網(wǎng)頁制作使我學會了很多，有關(guān)怎么收集資料，怎樣用最快的方法收集資料，怎樣收集有效的資料，怎樣整理資料，怎樣使自己的下載的資料便于查找，也學會了網(wǎng)頁的制作，學會了網(wǎng)頁特效，怎樣的特效才能凸現(xiàn)網(wǎng)頁主題。

在幾節(jié)課的網(wǎng)頁制作中了解到了合作的重要性，制作是雖然是每人負責一個網(wǎng)頁，但也要互相交流，互相幫助，不能只顧自己，要吸取他人的優(yōu)點，如：網(wǎng)頁的排版，網(wǎng)頁的特效等等，都值得我去學習。還要聽取他人的意見和建議，不能只顧自己，這分數(shù)是集體的，不是個人的。如果有什么好的方法和效果要和大家一起分享。這樣才能使網(wǎng)頁更完整，更優(yōu)秀。

在作品交流中，其他小組的同學給我們也提供的很好的建議和意見，我們也會虛心接受，在看其他同學的作品時，也給了我很好的啟發(fā)，要多多吸收他人的優(yōu)點和長處才能使自己的網(wǎng)站更加完善。在作品的交流中也很好的鍛煉了自己的發(fā)言和有意義的提議。

友情提示：本文中關(guān)于《網(wǎng)站設計與制作個人總結(jié)報告》給出的范例僅供您參考拓展思維使用，網(wǎng)站設計與制作個人總結(jié)報告：該篇文章建議您自主創(chuàng)作。

來源：網(wǎng)絡整理 免責聲明：本文僅限學習分享，如產(chǎn)生版權(quán)問題，請聯(lián)系我們及時刪除。

《網(wǎng)站設計與制作個人總結(jié)報告》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請保留原作者信息,謝謝!
鏈接地址：http://www.seogis.com/gongwen/522639.html

• 上一篇：網(wǎng)頁設計個人總結(jié)
• 下一篇：建筑造價專業(yè) 實習總結(jié)