網(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)上商店

二、開發(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)題后，開始采集內(nèi)容，內(nèi)容必須與標(biāo)題相符，在采集內(nèi)容的過(guò)程中，應(yīng)注重特色，所謂特色應(yīng)該是有一些自己的東西。個(gè)人主頁(yè)中的特色，應(yīng)該突出自己的個(gè)性，把自己的興趣、愛好盡情地發(fā)揮出來(lái)，因?yàn)樵诰W(wǎng)絡(luò)上不受限制。主頁(yè)就是在網(wǎng)絡(luò)上的一個(gè)小小家園，在那里，可以放上自己喜歡的任何東西，包括你自己平時(shí)喜歡一些文章，一些好聽的歌，一些好的動(dòng)畫作品。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è)井井有條，留下必要的空白，人覺得很輕松。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中，打開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作為制作軟件，看書學(xué)習(xí)了一些基礎(chǔ)的東西之后就著手開始了我的網(wǎng)頁(yè)制作，先初步對(duì)網(wǎng)頁(yè)作了一些頁(yè)面規(guī)劃，然后建立了站點(diǎn)，用軟件中的一些基本的功能制作，由于Dreamweaver沒有插入藝術(shù)字的功能，是我先在photoshop制作好了之后用圖片的方式插入的。接著有開始設(shè)計(jì)頁(yè)面，我主要用層來(lái)設(shè)計(jì)版面，再適當(dāng)配合表格，還制作了特效，如閃動(dòng)的字幕，滾條等。主要要掌握顏色的搭配，整體的規(guī)劃，以及增色的動(dòng)畫效果。還有不同網(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ǎng)頁(yè)就是幫助有疑難的消費(fèi)者解決問題的。同時(shí)有發(fā)現(xiàn)不合理的可以舉報(bào)，購(gòu)物幫助就是要讓消費(fèi)者了解到我們的熱心，在他們需要幫助的時(shí)候積極響應(yīng)，讓我們的網(wǎng)站具有吸引力，不斷吸引顧客的眼球，讓我從中也了解到一些以前沒有了解到的東西，對(duì)我以后的購(gòu)物旅程中也有一定的幫助。

袁世燕主要負(fù)責(zé)客戶服務(wù)：

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

這次的網(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í)。還要聽取他人的意見和建議，不能只顧自己，這分?jǐn)?shù)是集體的，不是個(gè)人的。如果有什么好的方法和效果要和大家一起分享。這樣才能使網(wǎng)頁(yè)更完整，更優(yōu)秀。

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

擴(kuò)展閱讀：個(gè)人網(wǎng)站建設(shè)心得體會(huì)

專業(yè)實(shí)習(xí)心得體會(huì)

前后近一個(gè)月的網(wǎng)站課程設(shè)計(jì)終于結(jié)束了，回顧這些天來(lái)的設(shè)計(jì)歷程，感覺到收益頗多。

首先，從網(wǎng)站課程設(shè)計(jì)這個(gè)題目本身來(lái)說(shuō)，使我鞏固了三年大學(xué)課堂上學(xué)到的關(guān)于網(wǎng)站建設(shè)與開發(fā)方面的相關(guān)知識(shí)。還有，通過(guò)這次網(wǎng)站設(shè)計(jì)使我懂得了理論與實(shí)際相結(jié)合是很重要的，只有理論知識(shí)是遠(yuǎn)遠(yuǎn)不夠的，只有把所學(xué)的理論知識(shí)與實(shí)踐相結(jié)合起來(lái)，從理論中得出結(jié)論，才能真正為社會(huì)服務(wù)，從而提高自己的實(shí)際動(dòng)手能力和獨(dú)立思考的能力。

再次，在做公司網(wǎng)站的設(shè)計(jì)規(guī)劃的時(shí)候，大家集思廣益，一起思考公司網(wǎng)站的主題、風(fēng)格、logo的設(shè)計(jì)和網(wǎng)站內(nèi)容。最終決定采取動(dòng)畫類首頁(yè)(引導(dǎo)頁(yè))的網(wǎng)站，在頁(yè)面上插入一個(gè)簡(jiǎn)單的動(dòng)畫，因?yàn)檫@種類型的網(wǎng)站比較中性，可以根據(jù)企業(yè)的發(fā)展來(lái)制定相關(guān)的欄目，適用于所有企業(yè)。而且具有較好的視覺效果，容易吸引用戶。

前期準(zhǔn)備過(guò)程中，大家一起搜集整理芒果工業(yè)設(shè)計(jì)公司的相關(guān)資料，以及工業(yè)設(shè)計(jì)這個(gè)行業(yè)的相關(guān)資料。通過(guò)互相交流討論，博采眾長(zhǎng)，終于確定了公司網(wǎng)站的框架結(jié)構(gòu)，風(fēng)格和內(nèi)容。在和團(tuán)隊(duì)成員的深入交流中，開闊了我的思路和視野，學(xué)會(huì)對(duì)一個(gè)問題以多種角度思考的方式，跳出自己的思維定勢(shì)，這樣會(huì)讓我對(duì)問題有更全面的認(rèn)識(shí)和理解，也就能想出更好地辦法并做出更有效的決策。這種多角度思考問題的思維方法將會(huì)對(duì)我今后的學(xué)習(xí)工作有很大的幫助。

再者就是，我們?cè)诰W(wǎng)站設(shè)計(jì)中難免會(huì)遇到過(guò)各種各樣的問題，最后在小組成員的共同努力下，終于克服了一個(gè)又一個(gè)難題，成功的完成了網(wǎng)站的制作，這讓我深刻的體會(huì)到團(tuán)隊(duì)協(xié)作的重要性，同時(shí)，在小組成員的每個(gè)人身上我都學(xué)到了很多實(shí)用的知識(shí)和可貴的品質(zhì)，取長(zhǎng)補(bǔ)短，令我有了很大的進(jìn)步。

而在請(qǐng)教小組成員這一點(diǎn)上，當(dāng)我在設(shè)計(jì)制作過(guò)程中遇到各種難以解決的問題時(shí)，都會(huì)適時(shí)地向老師或者小組成員請(qǐng)教，以保證在設(shè)計(jì)中上一定要精益求精，不能有一點(diǎn)紕漏。進(jìn)而在得到答案以后一定要深刻理解，多加練習(xí)，使之成為真正為自己掌握的技能，不要存在依賴性，總想著老師在身邊可以依賴可以隨時(shí)幫我們解決問題，而不去認(rèn)真理解自己的問題，形成自己在學(xué)習(xí)上的盲點(diǎn)，使在進(jìn)一步的學(xué)習(xí)中存在更大的困難，從而造成惡性循環(huán)，給自己今后的工作和學(xué)習(xí)帶

來(lái)不便。

同時(shí)也就是在設(shè)計(jì)的過(guò)程中我發(fā)現(xiàn)了自己的許多不足之處，對(duì)所學(xué)過(guò)的知識(shí)理解得不夠深刻，技能掌握得不夠牢固，通過(guò)這次課程設(shè)計(jì)，使我對(duì)于網(wǎng)站設(shè)計(jì)的基本技能有了更嫻熟的運(yùn)用，在制作過(guò)程中不斷地去積累，不斷地去完善，然后就是多多嘗試，在課堂上的學(xué)習(xí)里面，老師只能把一些重要的基礎(chǔ)和比較有代表性的案例教給我們，而有很多實(shí)際的技能和能力是需要我們自己在平時(shí)的練習(xí)中慢慢的體會(huì)理解的。而這次的企業(yè)網(wǎng)站設(shè)計(jì)正給了這樣的機(jī)會(huì)，讓我能夠以現(xiàn)實(shí)網(wǎng)站開發(fā)設(shè)計(jì)者的身份體會(huì)整個(gè)網(wǎng)站設(shè)計(jì)與維護(hù)的過(guò)程，真正的將理論的知識(shí)轉(zhuǎn)化為實(shí)踐。

再有就是通過(guò)這次的網(wǎng)站設(shè)計(jì)培養(yǎng)了我一些關(guān)于平面設(shè)計(jì)的思維方式，因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)是是介于平面設(shè)計(jì)和編程技術(shù)兩者之間的"邊緣科學(xué)."不僅涉及到美學(xué),心理學(xué),平面構(gòu)成,色彩搭配等平面設(shè)計(jì)的方面的知識(shí),還涉及到HTML，Javascript，CSS，JSP等編程語(yǔ)言技術(shù)方面的知識(shí).只有綜合運(yùn)用多種知識(shí),才能設(shè)計(jì)出視聽特效,動(dòng)感十足,富于個(gè)性的web頁(yè)面,才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨(dú)特魅力和多維空間的超強(qiáng)功能.而現(xiàn)在在觀察周圍的事物時(shí)，我會(huì)對(duì)色彩和圖形產(chǎn)生和從前不一樣的感受，我在平時(shí)會(huì)很留意身邊出現(xiàn)各種各樣平面廣告，總是會(huì)想一下那個(gè)廣告我能不能夠做出來(lái)，又會(huì)想一下如果要做這個(gè)廣告自己會(huì)用什么方法什么效果去表達(dá)。這都得益于我們對(duì)網(wǎng)站的logo和浮窗廣告的設(shè)計(jì)，使我對(duì)平面設(shè)計(jì)有了一定的認(rèn)知和掌握，這不僅提高了我的欣賞能力，而且，也對(duì)我將來(lái)從事相關(guān)的工作奠定了基礎(chǔ)。

而我覺得這次設(shè)計(jì)企業(yè)網(wǎng)站的過(guò)程中，最讓我有所提高的就是我的耐心和細(xì)心程度。網(wǎng)頁(yè)設(shè)計(jì)需要耐心，當(dāng)碰到問題時(shí)，通常可能需要很長(zhǎng)時(shí)間才能解決，這時(shí)就需要堅(jiān)持，堅(jiān)持不斷的學(xué)習(xí)，不斷地克服難題，以持之以恒的毅力解決問題。同時(shí)，網(wǎng)站設(shè)計(jì)是個(gè)浩繁的工作，要做到巨細(xì)無(wú)漏，大到內(nèi)容版式，小到一個(gè)標(biāo)點(diǎn)符號(hào)，都是要注意的地方，細(xì)微之處見功力，都是保證一個(gè)網(wǎng)站給用戶留下好印象的要點(diǎn)，不容忽略和小覷。

再有要著重提到的便是在設(shè)計(jì)中我對(duì)一個(gè)真正成功的企業(yè)網(wǎng)站的一些心得，用戶訪問網(wǎng)站，瀏覽信息，要盡可能的在這些基礎(chǔ)服務(wù)之上，給人們一個(gè)視覺上的美觀享受，這對(duì)于提高企業(yè)的形象起著很大的作用，但正因如此，很多網(wǎng)站便

調(diào)入了這個(gè)視覺陷阱，過(guò)多的flash等多媒體的插入會(huì)占用大量資源，使服務(wù)器延時(shí)，造成用戶的厭煩，而過(guò)于眩目的圖像和動(dòng)畫其實(shí)也會(huì)給用戶造成視覺疲勞，而很多網(wǎng)站仍然只是想著怎么樣想方設(shè)法地做到和別人不一樣來(lái)突出自己的個(gè)性，更有甚者忽略了內(nèi)容本身，這樣的效果難免有些舍本求末，漂亮的頁(yè)面是為了吸引瀏覽者的注目，讓用戶來(lái)關(guān)注企業(yè)網(wǎng)站的內(nèi)容，內(nèi)容才是最重要的，而頁(yè)面只要做的利于閱讀，簡(jiǎn)單大方，就是成功的。

最后在此，感謝我們一起合作了為期約一個(gè)月的小組成員，在整個(gè)設(shè)計(jì)制作過(guò)程中，她們給我的幫助和支持使我得到了很大的進(jìn)步。最后還應(yīng)該感謝老師給我們這個(gè)機(jī)會(huì)進(jìn)行企業(yè)的網(wǎng)站設(shè)計(jì)，給了我很多寶貴的體驗(yàn)和經(jīng)歷。

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

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

《網(wǎng)站設(shè)計(jì)與建設(shè)個(gè)人心得體會(huì)》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請(qǐng)保留原作者信息,謝謝!
鏈接地址：http://m.hmlawpc.com/gongwen/725706.html

• 上一篇：造價(jià)工程師考試心得
• 下一篇：家長(zhǎng)學(xué)校心得體會(huì)