網(wǎng)頁設(shè)計個人總結(jié)
實訓(xùn)周網(wǎng)站設(shè)計個人總結(jié)
通過本周的實訓(xùn),在老師的熱心指導(dǎo)和精心培養(yǎng)下,我不僅在知識上有了很大的提升而且在心得上也是收獲頗多。本次實訓(xùn)的目的旨在檢驗我們在平常學(xué)習(xí)中所學(xué)知識、將上課所學(xué)的理論知識在實踐中鞏固掌握以及進(jìn)一步熟悉和掌握網(wǎng)頁設(shè)計與網(wǎng)頁制作的基本流程。
回顧這次課程設(shè)計,至今我仍感慨頗多,的確,從選題到開始制作,從理論到實踐,在5天實訓(xùn)的日子里,可以說得是苦多于甜,但是可以學(xué)到很多很多的的東西,同時不僅可以鞏固了以前所學(xué)過的知識,而且學(xué)到了很多在書本上所沒有學(xué)到過的知識。通過這次課程設(shè)計使我懂得了理論與實際相結(jié)合是很重要的,只有理論知識是遠(yuǎn)遠(yuǎn)不夠的,只有把所學(xué)的理論知識與實踐相結(jié)合起來,從理論中得出結(jié)論,才能真正為掌握技術(shù),從而提高自己的實際動手能力和獨立思考的能力。
在設(shè)計的過程中遇到問題,可以說得是困難重重,在制作網(wǎng)頁過程中難免會遇到過各種各樣的問題,就本次實訓(xùn)問題總結(jié)如下:
在div布局中,我熟練的運用了css樣式類和ID建立和配合使用。在布局插入圖片時,div被撐開,整體布局因此而受影響。通過類和id配合的使用,重新定義div的大小,通過設(shè)置div中類的方框?qū)υ捒蛑,設(shè)置div的邊框值,從而改進(jìn)了div的顯示位置,解決了被撐開的缺點。
在第三天時,通過老師的指點,我們對網(wǎng)頁的背景做了更改,部分網(wǎng)頁部件也做了相應(yīng)的調(diào)整,因此,工作變得更加緊張而又有序。通過一天的設(shè)置和改進(jìn),網(wǎng)頁的整體色調(diào)柔和,各個部分相對比較和諧,充滿了兒童攝影的氣息。
當(dāng)然網(wǎng)頁還存在一定的不足:后臺數(shù)據(jù)庫不能進(jìn)行多條顯示。進(jìn)行修改之后,能
進(jìn)行多條顯示,但靜態(tài)效果無法瀏覽到數(shù)據(jù)表內(nèi)容。產(chǎn)生這一原因的后果,使用了dreamweaversc5和dreamweaversc3?赡苁且驗榘姹镜牟患嫒菟斐。最后放棄了設(shè)計界面的美觀度,選擇了瀏覽界面的完整。通過修改代碼:While((Repeat1__numRows0)AND(NOTRecordset1.EOF))
%>Repeat1__index=Repeat1__index+1Repeat1__numRows=Repeat1__numRows-1Recordset1.MoveNext()Wend
如紅色字體所示,解決了多條記錄的顯示,但設(shè)計界面欠佳。
在flash制作過程中,我還學(xué)習(xí)到了flash按鈕實現(xiàn)本地網(wǎng)頁的顯示,通過:on(press){getURL("file:///d|/潮寶貝-FashionBaby/index.html","_blank");
}實現(xiàn),但由于路徑是本地路徑,當(dāng)運行小型迷你服務(wù)器時,路徑不相同,flash動畫無法起作用,只有當(dāng)用戶直接點擊index.html時,切換其它子頁才有效。
我覺得本次實訓(xùn)中我們小組的網(wǎng)頁設(shè)計最大的特點就是色彩談雅,布局清晰、有條理,結(jié)構(gòu)清晰,視覺效果較好,涉及的知識點較全面,給人一種清麗的感覺。但是在連接數(shù)據(jù)庫等方面還是存在一些問題,這是開發(fā)動態(tài)網(wǎng)站的重要基礎(chǔ),我認(rèn)為自己以后應(yīng)該在靜態(tài)網(wǎng)頁到動態(tài)網(wǎng)頁的轉(zhuǎn)變方面多鉆研、多努力,使自己在靜態(tài)、動態(tài)網(wǎng)站開發(fā)上的水平有一個質(zhì)的提升。
希望通過對本網(wǎng)站的建設(shè),可以提升自己以后在網(wǎng)站建設(shè)方面的一部分能力,我相信,現(xiàn)在的努力是為以后的成功的事業(yè)打下一個堅定的基礎(chǔ),為自己美好的人生鋪好一條陽光而燦爛的道路。通過這次實訓(xùn)使自己的真實能力有了一次質(zhì)的飛躍。
擴(kuò)展閱讀:網(wǎng)站設(shè)計與制作個人總結(jié)報告
網(wǎng)站設(shè)計與制作個人總結(jié)報告
taiyuangongyexueyuan
近一個星期的實訓(xùn)將要結(jié)束了,頂著考研考試的巨大壓力我們小組還是如期的完成了老師的要求,其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼,去回味,去探索。從制作網(wǎng)頁過程中,我學(xué)到了新的美化網(wǎng)頁的方法,運用了更多以前未運用的技巧。這使我學(xué)到了更多的知識,并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗。這些將是我人生中的一次重要的經(jīng)歷,將是我今后走上社會后的一筆巨大的財富。這次實習(xí)的收獲對我來說有不少,我自己感覺在知識、技能等方面都有了不少的收獲。總體來說這次是對我的綜合素質(zhì)的培養(yǎng),鍛煉和提高。
做好頁面,并不是一件容易的事,它包括個人主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。本次課程設(shè)計不是很好,頁面過于簡單,創(chuàng)新意識反面薄弱,這是我需要提高的地方。需要學(xué)的地方還有很多,需要有耐心、堅持,不斷的學(xué)習(xí),綜合運用多種知識,才能設(shè)計出好的web頁面。
制作網(wǎng)頁,首先是確定主題,經(jīng)過再三考慮,就做了個關(guān)于發(fā)型的網(wǎng)站,是一家為理發(fā)店提供數(shù)據(jù)庫服務(wù)的大型企業(yè)Prettyhair還為注冊的理發(fā)店提供會員管理服務(wù),各大理發(fā)店均可注冊prettyhair并獲取相應(yīng)數(shù)據(jù)庫,
prettyhair來維護(hù)數(shù)據(jù)庫安全可靠。同時,prettyhair也是一家以提倡健康、漂亮頭發(fā)的信息資訊類公司,您可以在這里獲取如何保養(yǎng)頭發(fā)的相應(yīng)信息,以及各種發(fā)型的圖片相關(guān)介紹,還有各種護(hù)發(fā)用品。于是網(wǎng)站主題確立。然后是整體規(guī)劃,每一版塊都有其個性的色彩,清晰明了,便于閱讀瀏覽,大致分幾部分,個人檔案、興趣愛好、成長經(jīng)歷、國家隊生涯、榮譽(yù)、職業(yè)生涯數(shù)據(jù)、轉(zhuǎn)會記錄,再加入個別網(wǎng)站等,每一部分又分幾小部分,內(nèi)容比較充分,多樣。
再后是收集資料與素材,大量瀏覽相關(guān)網(wǎng)站,收集關(guān)于C羅的一些事跡歷史圖片,好的文章和圖片等,還有參考一些好的網(wǎng)站的布局,特色,顏色搭配,背景圖等。
再后是制作網(wǎng)頁了,使用dreamweaver制作。首頁內(nèi)容精彩豐富,簡潔明快,語言風(fēng)趣,通俗易懂。頁面可愛清爽。首頁主要是導(dǎo)航作用。首頁制作時,時刻考慮著網(wǎng)頁的基本原則:統(tǒng)一,連貫,分割,對比及和諧的原則,內(nèi)容統(tǒng)一,都是為了主題服務(wù),一個網(wǎng)站強(qiáng)調(diào)的就是一個整體,只有圍繞一個統(tǒng)一的目標(biāo)所做的設(shè)計才是成功的;連貫,頁面之間關(guān)系連貫,統(tǒng)成一體;每版內(nèi)容都自成一體,顏色各異,便于瀏覽;整個網(wǎng)頁有動有靜,顏色不同,形成對比,不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。而且制作過程中,不忘以下原則:
簡潔實用:這是非常重要的,網(wǎng)絡(luò)特殊環(huán)境下,盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的,所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的,滿足使用者的要求,網(wǎng)頁做得越適合使用,就越顯示出其功能美;頁面用色協(xié)調(diào),布局符合形式美的要求:布局有條理,充分利用美的形式,是網(wǎng)頁富有可欣賞性,提高檔次。當(dāng)然雅俗共賞是人人都追求的。
利用我們所學(xué)的框架集,制作更完美的頁面。將動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁結(jié)合起來。再后,調(diào)試過程,好多次本來在dream里好好的,把字調(diào)的好好的,位置很對,可在瀏覽器里御覽就出毛病了,不是靠上了,就是靠下了,很不老實,經(jīng)過再三調(diào)試,整理,加了好多表格,終于滿意了,很是麻煩,想請問老師,為什么會出現(xiàn)這種情況啊,還有怎么解決啊,不用這么反復(fù)調(diào)整的辦法,還有什么好辦法啊?
還有,在最超鏈接過程中,明明在頁面屬性里設(shè)置的是超鏈接的文字是原色,點擊鏈接后也是原色,可一鏈接上就變色了,想了老半天,也做了很多研究,實驗,終于知道怎么回事了,原來應(yīng)該對文字所在的單元格整體做鏈接,而不是只選中文字做鏈接。這次的網(wǎng)站大部分用的是表格,層用的很少,因為它太靈活了,不好控制,用的很少。
制作過程中,才發(fā)現(xiàn),原來自己懂的太少了,好多不知道的地方,才趕緊查書,開始的時候只是會建立模版,可不會應(yīng)用,操作,可這樣要修改模版可就麻煩了,要一個網(wǎng)頁一個的修改,于是趕緊上網(wǎng)學(xué)習(xí)相關(guān)內(nèi)容,閱覽書籍,最后才知道文件這有個資源,點擊進(jìn)入資源面板,點擊到數(shù)第二個的模版,選項,所有模版就都顯示了,點擊資源面板左下角的應(yīng)用命令,好了,這個模版就應(yīng)用到你建立的網(wǎng)頁中去了。
這只是在制作過程中出現(xiàn)的問題之一,其它問題也是類似相同,F(xiàn)在想想,自己所會的東西太少了,現(xiàn)在做的網(wǎng)站只是一些簡單的網(wǎng)站,看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁,不僅欄目內(nèi)容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網(wǎng)民贊嘆不已,流連忘返。以我們的經(jīng)驗,當(dāng)前的軟件的功能日趨復(fù)雜,不學(xué)到一定的深度和廣度是難以在實際工作中應(yīng)付自如的。因此反映出學(xué)習(xí)的還不夠,缺點疏漏。需在加以刻苦鉆研及學(xué)習(xí),不斷開拓視野,增強(qiáng)自己的實踐操作技能,為以后能做出出色的網(wǎng)頁而努力。(一)頁面的設(shè)計方面
網(wǎng)頁設(shè)計跟學(xué)習(xí)別的東西一樣,也需要興趣,所謂的興趣也不是三分鐘熱度,是一種執(zhí)著。
學(xué)習(xí)網(wǎng)頁設(shè)計需要耐心,如果沒有耐心,就學(xué)不好網(wǎng)頁設(shè)計,應(yīng)為當(dāng)你碰到一個問題時,如果不能立刻得到問題的答案,你可能需要很長時間去解決,我就碰到過一個問題,用了很長時間才解決。
學(xué)習(xí)網(wǎng)頁設(shè)計需要堅持,堅持不斷的學(xué)習(xí),因為設(shè)計網(wǎng)頁的軟件在不斷的更新,因此我們要不斷的學(xué)習(xí)并且學(xué)習(xí)網(wǎng)頁設(shè)計不要掉入技術(shù)的陷阱,如果你的網(wǎng)頁設(shè)計技術(shù)一流,并且對軟件的掌握程度已經(jīng)達(dá)到一定水平,但是你設(shè)計的網(wǎng)頁確不堪目睹,這是因為網(wǎng)頁設(shè)計是介于平面設(shè)計和編程技術(shù)兩者之間的"邊緣科學(xué)."不僅涉及到美學(xué),心理學(xué),平面構(gòu)成,色彩搭配等平面設(shè)計的方面的知識,還涉及到html,javascript,css,asp,php等編程語言技術(shù)方面的知識.只有綜合運用多種知識,才能設(shè)計出視聽特效,動感十足,富于個性的web頁面,才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨特魅力和多維空間的超強(qiáng)功能.并且我認(rèn)為網(wǎng)頁設(shè)計應(yīng)該注重實用性,因為它是讓人瀏覽的,是用戶可以撫摸,可以評論,可以交互的。因此我提倡簡單的美。(二)網(wǎng)頁視覺效果
視覺形象識別即我們通常所說的VI(VisualIdentity),與BI一起用于深化表現(xiàn)企業(yè)理念,同時也受到BI的影響。所謂視覺形象識別,就是指能夠被目標(biāo)客戶通過視覺來認(rèn)知與企業(yè)相關(guān)的一切事物,從最基礎(chǔ)的企業(yè)標(biāo)志、吉祥物、標(biāo)準(zhǔn)色到企業(yè)日常業(yè)務(wù)中的信紙、服裝、名片等等,在將其系統(tǒng)化以后就形成了企業(yè)的視覺形象識別系統(tǒng)。
視覺形象識別系統(tǒng)在整套CIS中處于最表層的位置,其中所有的設(shè)計都將與目標(biāo)客戶發(fā)生直接的接觸。(三)網(wǎng)頁的整體布局和導(dǎo)航
網(wǎng)頁的布局通常指的是網(wǎng)頁的整體架構(gòu),說的通俗一點就是排版。如何突出最重要的內(nèi)容,即讓用戶第一眼就看到這個網(wǎng)頁所想要傳達(dá)的信息。這一點至關(guān)重要。在大多數(shù)做的比較成功的網(wǎng)頁中,一個共同的特點就是網(wǎng)頁的整體架構(gòu)十分的清晰明了,便于用戶瀏覽網(wǎng)頁布局大致可分為“國”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型
網(wǎng)頁布局是主要考慮以下幾點:
1、首先要考慮整個網(wǎng)頁的長和寬,以及長度和寬度之間的比例。2、其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。3、正文的框架設(shè)置(橫向因素和縱向因素交錯)(四)網(wǎng)頁中文字、圖像
圖象我利用網(wǎng)上搜索和自己所學(xué)過的banner進(jìn)行處理,這樣做起來節(jié)約了很多時間。
(五)網(wǎng)頁制作過程中的其他注意事項
不要過于注重色彩的燦爛,只要簡單就行。我們最終追求的主要是實用價值
通過這次實習(xí),在制作時想想使自己的網(wǎng)頁更加豐富多彩,在網(wǎng)頁中插入圖象,動畫,動態(tài)特效?墒强傆龅竭@樣那樣的問題,但在同學(xué)的幫助和自己摸索的情況下完成了這個實習(xí)的成果?吹搅艘恍┲木W(wǎng)站開發(fā)出的網(wǎng)頁,不僅欄目內(nèi)容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網(wǎng)民贊嘆不已,流連忘返。以我們的經(jīng)驗,當(dāng)前的軟件的功能日趨復(fù)雜,不學(xué)到一定的深度和廣度是難以在實際工作中應(yīng)付自如的。因此反映出學(xué)習(xí)的還不夠,缺點疏漏。虛在加以刻苦鉆研及學(xué)習(xí),不斷開拓視野,增強(qiáng)自己的實踐操作技能,為以后能做出出色的網(wǎng)頁而努力。
總體來說,通過這次的對網(wǎng)頁課程設(shè)計,有收獲也有遺憾、不足的地方,但我想,我已經(jīng)邁入了網(wǎng)頁設(shè)計的大門,只要我再認(rèn)真努力的去學(xué)習(xí),去提高,憑借我對網(wǎng)頁設(shè)計的熱情和執(zhí)著,我將來設(shè)計出的網(wǎng)頁會更加專業(yè),更完善。感謝老師、同學(xué)在這次課程設(shè)計中給我的幫助、指導(dǎo)!
友情提示:本文中關(guān)于《網(wǎng)頁設(shè)計個人總結(jié)》給出的范例僅供您參考拓展思維使用,網(wǎng)頁設(shè)計個人總結(jié):該篇文章建議您自主創(chuàng)作。
來源:網(wǎng)絡(luò)整理 免責(zé)聲明:本文僅限學(xué)習(xí)分享,如產(chǎn)生版權(quán)問題,請聯(lián)系我們及時刪除。