網(wǎng)頁(yè)設(shè)計(jì)個(gè)人總結(jié)

實(shí)訓(xùn)周網(wǎng)站設(shè)計(jì)個(gè)人總結(jié)

通過(guò)本周的實(shí)訓(xùn)，在老師的熱心指導(dǎo)和精心培養(yǎng)下，我不僅在知識(shí)上有了很大的提升而且在心得上也是收獲頗多。本次實(shí)訓(xùn)的目的旨在檢驗(yàn)我們?cè)谄匠�學(xué)習(xí)中所學(xué)知識(shí)、將上課所學(xué)的理論知識(shí)在實(shí)踐中鞏固掌握以及進(jìn)一步熟悉和掌握網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)頁(yè)制作的基本流程。

回顧這次課程設(shè)計(jì)，至今我仍感慨頗多，的確，從選題到開(kāi)始制作，從理論到實(shí)踐，在5天實(shí)訓(xùn)的日子里，可以說(shuō)得是苦多于甜，但是可以學(xué)到很多很多的的東西，同時(shí)不僅可以鞏固了以前所學(xué)過(guò)的知識(shí)，而且學(xué)到了很多在書本上所沒(méi)有學(xué)到過(guò)的知識(shí)。通過(guò)這次課程設(shè)計(jì)使我懂得了理論與實(shí)際相結(jié)合是很重要的，只有理論知識(shí)是遠(yuǎn)遠(yuǎn)不夠的，只有把所學(xué)的理論知識(shí)與實(shí)踐相結(jié)合起來(lái)，從理論中得出結(jié)論，才能真正為掌握技術(shù)，從而提高自己的實(shí)際動(dòng)手能力和獨(dú)立思考的能力。

在設(shè)計(jì)的過(guò)程中遇到問(wèn)題，可以說(shuō)得是困難重重，在制作網(wǎng)頁(yè)過(guò)程中難免會(huì)遇到過(guò)各種各樣的問(wèn)題，就本次實(shí)訓(xùn)問(wèn)題總結(jié)如下：

在div布局中，我熟練的運(yùn)用了css樣式類和ID建立和配合使用。在布局插入圖片時(shí)，div被撐開(kāi)，整體布局因此而受影響。通過(guò)類和id配合的使用，重新定義div的大小，通過(guò)設(shè)置div中類的方框?qū)υ捒蛑�，設(shè)置div的邊框值，從而改進(jìn)了div的顯示位置，解決了被撐開(kāi)的缺點(diǎn)。

在第三天時(shí)，通過(guò)老師的指點(diǎn)，我們對(duì)網(wǎng)頁(yè)的背景做了更改，部分網(wǎng)頁(yè)部件也做了相應(yīng)的調(diào)整，因此，工作變得更加緊張而又有序。通過(guò)一天的設(shè)置和改進(jìn)，網(wǎng)頁(yè)的整體色調(diào)柔和，各個(gè)部分相對(duì)比較和諧，充滿了兒童攝影的氣息。

當(dāng)然網(wǎng)頁(yè)還存在一定的不足：后臺(tái)數(shù)據(jù)庫(kù)不能進(jìn)行多條顯示。進(jìn)行修改之后，能

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

%>

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

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

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

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

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

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

擴(kuò)展閱讀：網(wǎng)站設(shè)計(jì)與制作個(gè)人總結(jié)報(bào)告

網(wǎng)站設(shè)計(jì)與制作個(gè)人總結(jié)報(bào)告

taiyuangongyexueyuan

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

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

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

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

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

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

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

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

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

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

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

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

學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)需要耐心，如果沒(méi)有耐心，就學(xué)不好網(wǎng)頁(yè)設(shè)計(jì)，應(yīng)為當(dāng)你碰到一個(gè)問(wèn)題時(shí)，如果不能立刻得到問(wèn)題的答案，你可能需要很長(zhǎng)時(shí)間去解決，我就碰到過(guò)一個(gè)問(wèn)題，用了很長(zhǎng)時(shí)間才解決。

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

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

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

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

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

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

圖象我利用網(wǎng)上搜索和自己所學(xué)過(guò)的banner進(jìn)行處理,這樣做起來(lái)節(jié)約了很多時(shí)間。

（五）網(wǎng)頁(yè)制作過(guò)程中的其他注意事項(xiàng)

不要過(guò)于注重色彩的燦爛，只要簡(jiǎn)單就行。我們最終追求的主要是實(shí)用價(jià)值

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

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

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

來(lái)源：網(wǎng)絡(luò)整理 免責(zé)聲明：本文僅限學(xué)習(xí)分享，如產(chǎn)生版權(quán)問(wèn)題，請(qǐng)聯(lián)系我們及時(shí)刪除。

《網(wǎng)頁(yè)設(shè)計(jì)個(gè)人總結(jié)》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請(qǐng)保留原作者信息,謝謝!
鏈接地址：http://www.hmlawpc.com/gongwen/522638.html

• 上一篇：實(shí)訓(xùn)總結(jié)
• 下一篇：網(wǎng)站設(shè)計(jì)與制作個(gè)人總結(jié)報(bào)告