網頁設計個人總結

實訓周網站設計個人總結

通過本周的實訓，在老師的熱心指導和精心培養(yǎng)下，我不僅在知識上有了很大的提升而且在心得上也是收獲頗多。本次實訓的目的旨在檢驗我們在平常學習中所學知識、將上課所學的理論知識在實踐中鞏固掌握以及進一步熟悉和掌握網頁設計與網頁制作的基本流程。

回顧這次課程設計，至今我仍感慨頗多，的確，從選題到開始制作，從理論到實踐，在5天實訓的日子里，可以說得是苦多于甜，但是可以學到很多很多的的東西，同時不僅可以鞏固了以前所學過的知識，而且學到了很多在書本上所沒有學到過的知識。通過這次課程設計使我懂得了理論與實際相結合是很重要的，只有理論知識是遠遠不夠的，只有把所學的理論知識與實踐相結合起來，從理論中得出結論，才能真正為掌握技術，從而提高自己的實際動手能力和獨立思考的能力。

在設計的過程中遇到問題，可以說得是困難重重，在制作網頁過程中難免會遇到過各種各樣的問題，就本次實訓問題總結如下：

在div布局中，我熟練的運用了css樣式類和ID建立和配合使用。在布局插入圖片時，div被撐開，整體布局因此而受影響。通過類和id配合的使用，重新定義div的大小，通過設置div中類的方框對話框中，設置div的邊框值，從而改進了div的顯示位置，解決了被撐開的缺點。

在第三天時，通過老師的指點，我們對網頁的背景做了更改，部分網頁部件也做了相應的調整，因此，工作變得更加緊張而又有序。通過一天的設置和改進，網頁的整體色調柔和，各個部分相對比較和諧，充滿了兒童攝影的氣息。

當然網頁還存在一定的不足：后臺數(shù)據(jù)庫不能進行多條顯示。進行修改之后，能

進行多條顯示，但靜態(tài)效果無法瀏覽到數(shù)據(jù)表內容。產生這一原因的后果，使用了dreamweaversc5和dreamweaversc3�？赡苁且驗榘姹镜牟患嫒菟�造成。最后放棄了設計界面的美觀度，選擇了瀏覽界面的完整。通過修改代碼：While((Repeat1__numRows0)AND(NOTRecordset1.EOF))

%>

Repeat1__index=Repeat1__index+1Repeat1__numRows=Repeat1__numRows-1Recordset1.MoveNext()Wend

如紅色字體所示，解決了多條記錄的顯示，但設計界面欠佳。

在flash制作過程中，我還學習到了flash按鈕實現(xiàn)本地網頁的顯示，通過：on(press){getURL("file:///d|/潮寶貝-FashionBaby/index.html","_blank");

}實現(xiàn)，但由于路徑是本地路徑，當運行小型迷你服務器時，路徑不相同，flash動畫無法起作用，只有當用戶直接點擊index.html時，切換其它子頁才有效。

我覺得本次實訓中我們小組的網頁設計最大的特點就是色彩談雅，布局清晰、有條理，結構清晰，視覺效果較好，涉及的知識點較全面，給人一種清麗的感覺。但是在連接數(shù)據(jù)庫等方面還是存在一些問題，這是開發(fā)動態(tài)網站的重要基礎，我認為自己以后應該在靜態(tài)網頁到動態(tài)網頁的轉變方面多鉆研、多努力，使自己在靜態(tài)、動態(tài)網站開發(fā)上的水平有一個質的提升。

希望通過對本網站的建設，可以提升自己以后在網站建設方面的一部分能力，我相信，現(xiàn)在的努力是為以后的成功的事業(yè)打下一個堅定的基礎，為自己美好的人生鋪好一條陽光而燦爛的道路。通過這次實訓使自己的真實能力有了一次質的飛躍。

擴展閱讀：網站設計與制作個人總結報告

網站設計與制作個人總結報告

taiyuangongyexueyuan

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（五）網頁制作過程中的其他注意事項

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

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

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

友情提示：本文中關于《網頁設計個人總結》給出的范例僅供您參考拓展思維使用，網頁設計個人總結：該篇文章建議您自主創(chuàng)作。

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

《網頁設計個人總結》由互聯(lián)網用戶整理提供,轉載分享請保留原作者信息,謝謝!
鏈接地址：http://www.7334dd.com/gongwen/522638.html

• 上一篇：實訓總結
• 下一篇：網站設計與制作個人總結報告