網(wǎng)站設計與建設個人心得體會

網(wǎng)頁設計與制作綜合報告

網(wǎng)站設計與建設小組總體報告

一、課題項目：衣之谷女裝網(wǎng)上商店

二、開發(fā)平臺：MacromediaDreamweaverMX201*三、主要任務：對衣之谷網(wǎng)站的首頁進行相關設計、制作。

這次對衣之谷女裝網(wǎng)店的設計是小組分任務進行的，每個人負責不同的工作。

馬孟佳主要負責主頁的設計：

做好主頁，并不是一件容易的事，它包括個人主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。1.標題

在個人主頁中標題起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、簡短，有特色、容易記，還要符合自己主頁的主題和風格。2.內(nèi)容的采集

選好標題后，開始采集內(nèi)容，內(nèi)容必須與標題相符，在采集內(nèi)容的過程中，應注重特色，所謂特色應該是有一些自己的東西。個人主頁中的特色，應該突出自己的個性，把自己的興趣、愛好盡情地發(fā)揮出來，因為在網(wǎng)絡上不受限制。主頁就是在網(wǎng)絡上的一個小小家園，在那里，可以放上自己喜歡的任何東西，包括你自己平時喜歡一些文章，一些好聽的歌，一些好的動畫作品。3.圖片做個人主頁不能只用文字，必須在主頁上適當?shù)丶右恍﹫D片，增加可看性，俗話說"一圖勝千言"，我想不無道理，一張?zhí)幚淼煤玫膱D片不需要多做任何解釋，就能讓人一目了然，讓人去思考，去了解它。4.網(wǎng)頁排版

網(wǎng)頁頁面整體的排版設計也是不可忽略的，很重要的一個原則是合理地運用空間，讓自己的網(wǎng)頁井井有條，留下必要的空白，人覺得很輕松。5.特色

讓自己的網(wǎng)頁更有特色一些，可適當?shù)丶右恍┞曇�、動態(tài)網(wǎng)頁、java、applet。

張紅艷主要負責新品推薦主要工作:

（1）收集相關衣服圖片資料：收集風衣、毛衣、褲子等的圖片。（2）在PS中修改收集的圖片，按照網(wǎng)頁的總體設計對圖片的大小、顏色、樣式等進行修改。

（3）在DREAMWEAVER中，打開HTML直接設計頁面。（4）起草一個大綱，然后定框架。

（5）根據(jù)需要設置背景、插入表格、插入圖片。（6）對商品圖片做一些相關說明，添加文字。（7）做網(wǎng)頁的鏈接。

張清芬主要負責商品推薦工作內(nèi)容：

1.我們整個網(wǎng)站要展示的商品，對其進行分類。2.需對分類的每一個頁面進行規(guī)劃，細分等。3.收集素材。

我選擇了Dreamweaver作為制作軟件，看書學習了一些基礎的東西之后就著手開始了我的網(wǎng)頁制作，先初步對網(wǎng)頁作了一些頁面規(guī)劃，然后建立了站點，用軟件中的一些基本的功能制作，由于Dreamweaver沒有插入藝術(shù)字的功能，是我先在photoshop制作好了之后用圖片的方式插入的。接著有開始設計頁面，我主要用層來設計版面，再適當配合表格，還制作了特效，如閃動的字幕，滾條等。主要要掌握顏色的搭配，整體的規(guī)劃，以及增色的動畫效果。還有不同網(wǎng)頁的鏈接。

李瑩芳主要負責購物幫助：

網(wǎng)上購物這個新鮮的名詞，對于現(xiàn)在的人來說并不是一個陌生的東西，有的人天天都在網(wǎng)上購物，或多或少、或大或小，但是在網(wǎng)上購物過程當中，總會有人遇到這樣那樣的問題，我制作的網(wǎng)頁就是幫助有疑難的消費者解決問題的。同時有發(fā)現(xiàn)不合理的可以舉報，購物幫助就是要讓消費者了解到我們的熱心，在他們需要幫助的時候積極響應，讓我們的網(wǎng)站具有吸引力，不斷吸引顧客的眼球，讓我從中也了解到一些以前沒有了解到的東西，對我以后的購物旅程中也有一定的幫助。

袁世燕主要負責客戶服務：

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

這次的網(wǎng)頁制作使我學會了很多，有關怎么收集資料，怎樣用最快的方法收集資料，怎樣收集有效的資料，怎樣整理資料，怎樣使自己的下載的資料便于查找，也學會了網(wǎng)頁的制作，學會了網(wǎng)頁特效，怎樣的特效才能凸現(xiàn)網(wǎng)頁主題。

在幾節(jié)課的網(wǎng)頁制作中了解到了合作的重要性，制作是雖然是每人負責一個網(wǎng)頁，但也要互相交流，互相幫助，不能只顧自己，要吸取他人的優(yōu)點，如：網(wǎng)頁的排版，網(wǎng)頁的特效等等，都值得我去學習。還要聽取他人的意見和建議，不能只顧自己，這分數(shù)是集體的，不是個人的。如果有什么好的方法和效果要和大家一起分享。這樣才能使網(wǎng)頁更完整，更優(yōu)秀。

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

擴展閱讀：個人網(wǎng)站建設心得體會

專業(yè)實習心得體會

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

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

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

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

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

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

來不便。

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

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

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

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

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

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

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

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

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

• 上一篇：造價工程師考試心得
• 下一篇：家長學校心得體會