網(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í)、技能等方面都有了不少的收獲。總體來(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)自己懂的太少了,好多不知道的地方,才趕緊查書(shū),開(kāi)始的時(shí)候只是會(huì)建立模版,可不會(huì)應(yīng)用,操作,可這樣要修改模版可就麻煩了,要一個(gè)網(wǎng)頁(yè)一個(gè)的修改,于是趕緊上網(wǎng)學(xué)習(xí)相關(guān)內(nèi)容,閱覽書(shū)籍,最后才知道文件這有個(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)樗亲屓藶g覽的,是用戶可以撫摸,可以評(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)畫(huà),動(dòng)態(tài)特效?墒强傆龅竭@樣那樣的問(wèn)題,但在同學(xué)的幫助和自己摸索的情況下完成了這個(gè)實(shí)習(xí)的成果?吹搅艘恍┲木W(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ì)的大門(mén),只要我再認(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)!
擴(kuò)展閱讀:網(wǎng)站設(shè)計(jì)與建設(shè)個(gè)人心得體會(huì)
網(wǎng)頁(yè)設(shè)計(jì)與制作綜合報(bào)告
網(wǎng)站設(shè)計(jì)與建設(shè)小組總體報(bào)告
一、課題項(xiàng)目:衣之谷女裝網(wǎng)上商店
二、開(kāi)發(fā)平臺(tái):MacromediaDreamweaverMX201*三、主要任務(wù):對(duì)衣之谷網(wǎng)站的首頁(yè)進(jìn)行相關(guān)設(shè)計(jì)、制作。
這次對(duì)衣之谷女裝網(wǎng)店的設(shè)計(jì)是小組分任務(wù)進(jìn)行的,每個(gè)人負(fù)責(zé)不同的工作。
馬孟佳主要負(fù)責(zé)主頁(yè)的設(shè)計(jì):
做好主頁(yè),并不是一件容易的事,它包括個(gè)人主頁(yè)的選題、內(nèi)容采集整理、圖片的處理、頁(yè)面的排版設(shè)置、背景及其整套網(wǎng)頁(yè)的色調(diào)等很多東西。1.標(biāo)題
在個(gè)人主頁(yè)中標(biāo)題起著很重要的作用,它在很大程度上決定了你整套個(gè)人主頁(yè)的定位。一個(gè)好的標(biāo)題必須有概括性、簡(jiǎn)短,有特色、容易記,還要符合自己主頁(yè)的主題和風(fēng)格。2.內(nèi)容的采集
選好標(biāo)題后,開(kāi)始采集內(nèi)容,內(nèi)容必須與標(biāo)題相符,在采集內(nèi)容的過(guò)程中,應(yīng)注重特色,所謂特色應(yīng)該是有一些自己的東西。個(gè)人主頁(yè)中的特色,應(yīng)該突出自己的個(gè)性,把自己的興趣、愛(ài)好盡情地發(fā)揮出來(lái),因?yàn)樵诰W(wǎng)絡(luò)上不受限制。主頁(yè)就是在網(wǎng)絡(luò)上的一個(gè)小小家園,在那里,可以放上自己喜歡的任何東西,包括你自己平時(shí)喜歡一些文章,一些好聽(tīng)的歌,一些好的動(dòng)畫(huà)作品。3.圖片做個(gè)人主頁(yè)不能只用文字,必須在主頁(yè)上適當(dāng)?shù)丶右恍﹫D片,增加可看性,俗話說(shuō)"一圖勝千言",我想不無(wú)道理,一張?zhí)幚淼煤玫膱D片不需要多做任何解釋,就能讓人一目了然,讓人去思考,去了解它。4.網(wǎng)頁(yè)排版
網(wǎng)頁(yè)頁(yè)面整體的排版設(shè)計(jì)也是不可忽略的,很重要的一個(gè)原則是合理地運(yùn)用空間,讓自己的網(wǎng)頁(yè)井井有條,留下必要的空白,人覺(jué)得很輕松。5.特色
讓自己的網(wǎng)頁(yè)更有特色一些,可適當(dāng)?shù)丶右恍┞曇、?dòng)態(tài)網(wǎng)頁(yè)、java、applet。
張紅艷主要負(fù)責(zé)新品推薦主要工作:
(1)收集相關(guān)衣服圖片資料:收集風(fēng)衣、毛衣、褲子等的圖片。(2)在PS中修改收集的圖片,按照網(wǎng)頁(yè)的總體設(shè)計(jì)對(duì)圖片的大小、顏色、樣式等進(jìn)行修改。
(3)在DREAMWEAVER中,打開(kāi)HTML直接設(shè)計(jì)頁(yè)面。(4)起草一個(gè)大綱,然后定框架。
(5)根據(jù)需要設(shè)置背景、插入表格、插入圖片。(6)對(duì)商品圖片做一些相關(guān)說(shuō)明,添加文字。(7)做網(wǎng)頁(yè)的鏈接。
張清芬主要負(fù)責(zé)商品推薦工作內(nèi)容:
1.我們整個(gè)網(wǎng)站要展示的商品,對(duì)其進(jìn)行分類。2.需對(duì)分類的每一個(gè)頁(yè)面進(jìn)行規(guī)劃,細(xì)分等。3.收集素材。
我選擇了Dreamweaver作為制作軟件,看書(shū)學(xué)習(xí)了一些基礎(chǔ)的東西之后就著手開(kāi)始了我的網(wǎng)頁(yè)制作,先初步對(duì)網(wǎng)頁(yè)作了一些頁(yè)面規(guī)劃,然后建立了站點(diǎn),用軟件中的一些基本的功能制作,由于Dreamweaver沒(méi)有插入藝術(shù)字的功能,是我先在photoshop制作好了之后用圖片的方式插入的。接著有開(kāi)始設(shè)計(jì)頁(yè)面,我主要用層來(lái)設(shè)計(jì)版面,再適當(dāng)配合表格,還制作了特效,如閃動(dòng)的字幕,滾條等。主要要掌握顏色的搭配,整體的規(guī)劃,以及增色的動(dòng)畫(huà)效果。還有不同網(wǎng)頁(yè)的鏈接。
李瑩芳主要負(fù)責(zé)購(gòu)物幫助:
網(wǎng)上購(gòu)物這個(gè)新鮮的名詞,對(duì)于現(xiàn)在的人來(lái)說(shuō)并不是一個(gè)陌生的東西,有的人天天都在網(wǎng)上購(gòu)物,或多或少、或大或小,但是在網(wǎng)上購(gòu)物過(guò)程當(dāng)中,總會(huì)有人遇到這樣那樣的問(wèn)題,我制作的網(wǎng)頁(yè)就是幫助有疑難的消費(fèi)者解決問(wèn)題的。同時(shí)有發(fā)現(xiàn)不合理的可以舉報(bào),購(gòu)物幫助就是要讓消費(fèi)者了解到我們的熱心,在他們需要幫助的時(shí)候積極響應(yīng),讓我們的網(wǎng)站具有吸引力,不斷吸引顧客的眼球,讓我從中也了解到一些以前沒(méi)有了解到的東西,對(duì)我以后的購(gòu)物旅程中也有一定的幫助。
袁世燕主要負(fù)責(zé)客戶服務(wù):
關(guān)于客戶服務(wù)中心的制作,利用原圖片使用PS制作所需要的圖片材料,客戶服務(wù)中心的內(nèi)容包括客服首頁(yè)、常見(jiàn)問(wèn)題、自助服務(wù)等內(nèi)容,主頁(yè)中將常用服務(wù)列出,方便客戶使用,并設(shè)置有留言欄,方便客戶提出意見(jiàn)。
這次的網(wǎng)頁(yè)制作使我學(xué)會(huì)了很多,有關(guān)怎么收集資料,怎樣用最快的方法收集資料,怎樣收集有效的資料,怎樣整理資料,怎樣使自己的下載的資料便于查找,也學(xué)會(huì)了網(wǎng)頁(yè)的制作,學(xué)會(huì)了網(wǎng)頁(yè)特效,怎樣的特效才能凸現(xiàn)網(wǎng)頁(yè)主題。
在幾節(jié)課的網(wǎng)頁(yè)制作中了解到了合作的重要性,制作是雖然是每人負(fù)責(zé)一個(gè)網(wǎng)頁(yè),但也要互相交流,互相幫助,不能只顧自己,要吸取他人的優(yōu)點(diǎn),如:網(wǎng)頁(yè)的排版,網(wǎng)頁(yè)的特效等等,都值得我去學(xué)習(xí)。還要聽(tīng)取他人的意見(jiàn)和建議,不能只顧自己,這分?jǐn)?shù)是集體的,不是個(gè)人的。如果有什么好的方法和效果要和大家一起分享。這樣才能使網(wǎng)頁(yè)更完整,更優(yōu)秀。
在作品交流中,其他小組的同學(xué)給我們也提供的很好的建議和意見(jiàn),我們也會(huì)虛心接受,在看其他同學(xué)的作品時(shí),也給了我很好的啟發(fā),要多多吸收他人的優(yōu)點(diǎn)和長(zhǎng)處才能使自己的網(wǎng)站更加完善。在作品的交流中也很好的鍛煉了自己的發(fā)言和有意義的提議。
友情提示:本文中關(guān)于《網(wǎng)站設(shè)計(jì)與制作個(gè)人總結(jié)報(bào)告》給出的范例僅供您參考拓展思維使用,網(wǎng)站設(shè)計(jì)與制作個(gè)人總結(jié)報(bào)告:該篇文章建議您自主創(chuàng)作。
來(lái)源:網(wǎng)絡(luò)整理 免責(zé)聲明:本文僅限學(xué)習(xí)分享,如產(chǎn)生版權(quán)問(wèn)題,請(qǐng)聯(lián)系我們及時(shí)刪除。