製作網頁設計的心得體會5篇 "創意網頁設計之道：經驗分享"
在這個數字時代，網頁設計已成為公文網站的必修課。作為公文網站編輯，通過與優秀網頁設計師的合作與學習，我積累了許多製作網頁設計的心得體會。在這篇文章中，我將與大家分享我的經驗與感悟，希望能給大家帶來啟發和幫助。
第1篇
隨着網絡技術應用的快速普及，電子商務正以前所未有的速度迅猛發展，電子商務專業作為一門新新的專業學科，在發展的過程中面臨巨大的機遇與挑戰，這就要求電子商務專業的學生具備紮實的專業知識儲備，良好的心理素質和相應的技術能力，而網站設計與開發實訓恰恰為我們電子商務學生提供了學習知識、運用知識、為以後找工作提前充電這樣一個平台，因此這次專業實訓對我們每個人來説都是很重要的。以下是我個人本次實訓心得體會：
經過兩個多星期的專業實訓，在老師認真負責的指導和我們小組成員的不懈努力下終於完成了本次網站設計與開發的工作。從剛開始接觸網站到現在完成，經歷的時間雖不是很長，但在這期間我們所做的工作還是很多的。包括選材、網站頁面設計、團隊成員任務分工、各種軟件運用（photoshop、flash、dreamweaver、tomcat、html）、需求分析報告、可行性分析報告、系統分析報告到最終的專業報告等等。我們覺得這次實訓最大的收穫是不僅學到了知識，更為重要的是培養了團隊的合作精神，在此我要感謝一路上有你們相伴。
關於這次個人心得，首先從網站的頁面設計説起，在設計的過程中，我們針對電子商務網站目前b2c得到諸多好評這一特點，結合相關專業知識，瀏覽分析了大量類似網站，最終從服務消費者這一層面上定位，單從選材來説，這已經是一個優點。其次我們組隊的時候選擇技術與管理人員相結合的組合形式，大家優勢互補，在網站後期的製作過程中也奠定了人員基礎。確定好題材後我們對各網頁填寫圍繞一個主題進行展開，有詳有略，側重點各不相同，儘量全面問及我們所能涉及的問題。儘管我們做的還有不全面的地方，但是我們都盡力了。我們努力選擇不同風格去設計頁面，在統一的基礎上不失繁雜。在網頁設計中，我們獲益很多，不僅僅單純從做的過程，更從討論中，彙總中我們瞭解了更多的知識，也全面提高我們對問題的分析能力。
1）確定網站主題：對於內容主題的選擇，要做到小而精，主題定位要小，內容要精。不要去試圖製作一個包羅萬象的站點，這往往會失去網站的特色，也會帶來高強度的勞動，給網站的及時更新帶來困難。本次我們選擇秦皇島比較具有代表性的幾家ktv，並對其進行網上預定、排行、k歌資訊等，全是圍繞消費者展開。
2）掌握建網工具：在製作網頁的時候，一定要熟練掌握軟件的運用，要不斷的摸索，對於細節的處理，我們需要做很多東西，只有不斷的練習，才會更好的運用軟件。我們結合自身的實際，合理運用photoshop、flash、dreamweaver、tomcat，fireworks，photoshop，frontpage，css，accessjavascript，vbscript，asp，jsp等我們熟練掌握的工具。
3）確定網站界面：網站的題材確定後，就要將收集到的資料內容作一個合理的編排，儘可能刪除那些與主題無關的欄目，儘可能將網站內最有價值的內容列在欄目上，儘可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢；輔助內容，如站點簡介、版權信息、各板塊要有相對獨立性，各板塊要有相互關聯，各板塊的內容要圍繞站點主題；按欄目內容建立子目錄。子目錄的建立，首先按主欄目建立。友情鏈接內容較多，需要經常更新的可以建立獨立的子目錄。而一些相關性強，不需要經常更新的欄目。總體設計時，主要是一些功能模塊的邏輯設計，只是宏觀上的把握，具體的頁面安排還要在詳細設計以及接下來的具體實施中作相應的調整。總體設計是宏觀上的把握，邏輯上的概括。詳細設計階段，從完整的信息系統的開發過程來説，包括輸入設計，輸出設計，數據庫設計，代碼設計，界面設計。而我們此次設計的重點在於網站設計及可用性設計，因此對於數據庫方面的內容就涉及的比較少。這是整個設計工作的不足。
4）確定網站風格：“風格”是抽象的，是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的ci（標誌，色彩，字體，標語）、版面佈局、瀏覽方式、交互性、文字、語氣、內容價值等等諸多因素，網站可以是平易近人的、生動活潑的也可以是專業嚴肅的。本次秦皇島ktv網站設計風格以暖色調為主，大方而美觀，突出活潑熱烈的氣氛。
在此，我對此次專業實訓做出自己的一些總結，在這次實訓中，我發現了團隊的重要性，分工的重要性，從該開始的懵懂，但最後慢慢完成所有的任務，我充分體會到了合作的真諦，在合作的過程之中我體會到了，相互合作是非常重要的，在一些細節方面，多虧小組成員的指點，讓我發現許多的不足，在某些邏輯思考的不完善，節約了很多時間，因此最後很好的得完成任務。在此看來，團結合作的智慧和力量是不可忽視的，每個人都有自己所擅長的部分，只有團結一切可以團結的力量，發揮每一個人的才能，同心協力，才能夠把任務最好得完成。
感謝在學期末能有這樣的實訓，感謝老師、感謝組員的支持，我相信通過不斷的努力，我們一定會走的更遠、做得更好。
第2篇
咱們經過兩週的實訓，經過前期的合同洽談、簽定，到後期的網站製造、網站發佈，讓我收穫頗豐。不只讓我瞭解經過網絡洽談商務的禮儀和細節，也讓我的網站製造常識及技術有了很大進步。
前期咱們經過發送電子郵件，進行網上商務的接洽。因為沒有做好作業——瞭解商務郵件的格式，致使郵件發了很長一段時間，兩邊還只是停留在知道期間，的確説來很失敗。
在擬定合一起，因為不能真正滿足客户的需要，一些條款及報價不合理，因而要一次又一次重複的修正合同。這首要是因為咱們不能正確解讀客户的請求，而且咱們不能拿出咱們公司為大洋禮物公司網站建設的特徵。
在網站製造的起先期間，因為不曾製造過頁面，儘管團隊確立了分工，但仍是有些迷茫。公司沒有確立個性和大體的規劃，而且收集材料是一個綿長而又雜亂的過程。經過閲讀各類禮物網站，心裏大概有了必定的想法和規劃。
我的首要任務有“誠聘英才”、“商品導航”、“展會禮物”、“廣告促銷禮物”。我最早做的是“誠聘英才”，我是參照中國電信誠聘英才主頁做的，它看似製造簡略，本來規劃十分雜亂、精美。在處理圖像是我遇到了不少艱難，最典型的即是有一次我想在圖像中刺進文字，但一直刺進不了，後來經過討教教師，總算知道了其間的微妙。原來是圖層被確定了，要從頭拷貝圖層，再考貝的圖層上就能夠刺進文字了，而且文字本來也是一個圖層，它是能夠移動的。儘管我為誠聘英才頁面付出了許多，但並沒有被選用，而且此刻我也規劃了logo，也沒有被選用。
“商品導航”是一個困惑我一上午的問題（此刻公司主頁現已製造結束，而它與合同上的“商品導航”頁面規劃相似，所以這讓我一時間很難抉擇。我就一邊規劃一邊考慮，此刻我為公司定的色彩個性是赤色，我為導航欄規劃的是交互式按鈕，而且規劃了初始字體、懸停、按下時字體色彩。
但是這一切都是白搭，因為後來咱們將個性確定為藍色，而且導航欄確定都選用主頁中刺進的圖像，但我覺得這麼有些欠好：例如它不能夠設置超鏈接的字體色彩，這是很不專業的表現。團隊因為缺乏及時的交流，致使別的組員一些好的想法得不到施行，的確是咱們團隊協作的一個問題所在。
第3篇
為期兩週的網頁實訓終於結束了。為什麼説終於結束了呢？因為兩個星期做五個網站時間太緊了，我們每天晚上都是加班加點。但是結果是令人欣慰的，我們大都按時按質完成了任務，而且網站是一個比一個做得好！總的來説，還是有很大的收穫。
本次實訓共有五個任務，它們分別是：瀋陽植物園網、開元科技網、家台灣旅遊網、我愛低碳網、博愛助學網。要求是每個網站至少要8個或8個以上的頁面，並運用flash做動畫，用css美化頁面等。
整個實訓的過程可以説是所學知識的一個整理，一個綜合，一個靈活運用。之前我們課堂上學的東西是一個個知識點，比較零散。雖然在實訓之前我們也做過兩個網站，但那是我們小組合作的，所以有些知識點我們並沒有都用到。而這次實訓是自己一個人做網站，做網站的各個環節都要自己親力親為，可以説是一個挑戰，同時也是對知識的一種昇華。它不僅是dreamweaver軟件的熟練操作，也是potoshop、flash軟件的熟練運用。我們需要自己設計網站的logo這就需要運用到potoshop軟件強大的圖形圖像處理功能，需要做出生動的網頁效果，就需要flash做出動態的文字效果和圖片切換效果。
在設計的過程中遇到問題，可以説得是困難重重，這畢竟是第一次獨自設計網站、製作網站，難免會遇到過各種各樣的問題，同時在設計的過程中發現了自己的不足之處，對以前所學過的知識理解得不夠深刻，掌握得不夠牢固，在css的具體應用還不是和很熟練，沒有能完全達到自己預期的效果，還好通過老師的細心指導才能達到最終效果通過這次網頁設計與製作實訓，一定把以前所學過的知識重新温故。
兩週網頁設計與製作的實訓課程結束了，回顧這次課程設計實訓，至今我仍感慨頗多。的確，從選材到開始製作，從理論到實踐，在兩週的實訓日子裏，可以説得是苦多於甜，但是可以學到很多很多的的東西，同時不僅可以鞏固了以前所學過的知識，而且學到了很多在書本上所沒有學到過的知識。更懂得並親身體會到了理論與實際相結合的重要性，只有理論知識是遠遠不夠的，把所學的理論知識與實踐相結合起來，從理論中得出結論，才能真正為掌握技術，從而提高自己的實際動手能力和獨立思考的能力。
第4篇
上學的時候我就對網站建設比較感興趣，剛好有機會參加了一個為期兩週的網站建設實訓課程，在這兩週的網站建設實訓課程學習過程中，我練習掌握了很多關於網站建設的知識和技巧。因為這是我比較感興趣的課程，所以對於所學的知識非常珍惜，學到了很多對以後工作和生活很有幫助的知識。
我們這一小組做的主要內容為建設一個網上商店的網站，網上商店的名稱是“衣之谷”。主要內容包括網站主頁、商品分類、新品推薦、購物幫助和客户服務。而我負責客户服務的網頁製作。在整個實訓過程中，難免會遇到一些比較困難的問題。每當這時，我們先是通過組內成員間共同討論商量解決的辦法。若沒有討論出結果，我們會向其他同學詢問意見，綜合分析後會找指導老師幫忙解決問題，找出問題所在，改正錯誤。最後我們的網站終於圓滿完成了，這是值得慶幸也令我們比較有成就感的一件事情。最後我們的一番努力終於取得了成果，心裏挺開心的。我們的努力是值得的。
經過這次網站建設課的實訓，讓我對自己有了新的認識，也學到了網頁設計的知識。在實訓中，我們將在書本上學習過的很多理論知識付諸實踐，實際運用，我體會到了其中的難度。在今後的工作和生活中，自己需要更加努力的奮鬥下去。實訓的同時也讓我瞭解到了自己的不足，我會繼續努力，完善自我。對於學校的精心安排和指導老師的用心輔導非常感謝。
轉眼間，兩週愉快而又充實的網站建設實訓課程結束了，在這不長的時間裏，在實訓的過程中，讓我嘗試了理論與實踐的結合。網頁設計理論一點點轉化為實踐經驗，豐富的實訓知識，讓我充滿驚喜、快樂和充實，當然也少不了網頁設計處理過程中的困難。實訓結束了，感覺腦袋裏又注入了新的知識，對網站建設和網頁設計也有了更深的瞭解，在以後的工作中，希望能用自己瞭解的東西去處理相關的問題，再探究新的問題，使自己不斷進步。
這兩週裏，我學到了很多關於網頁製作方面的知識，也學會了怎樣與人團隊合作，這些都將會對我的成長有很大的幫助，將會在以後的學習、工作和生活中起到很大作用。這次實訓是我們從學校到以後找工作的一個過渡。有了這次學習的機會，自己成長了不少，也學到了很多。對於書本上的理論知識更加的鞏固了，更重要的是自己得到了這個寶貴的學習機會。
這次網站建設實訓，讓我受益匪淺，通過實訓這樣的學習方法對於我們以後不管是學習工作還是生活都是受用的。
第5篇
轉眼間，已到了期末，學習網頁設計這門課程也要結束了，雖然時間有點短，但是學過這個幾周以後我受益匪淺。
記得最初接觸dreamweaver的時候，我很茫然，因為剛接觸陌生的軟件心裏會很害怕跟不上老師的進程。剛開始幾節課，老師講得比較基礎，還能跟得上，漸漸的老師授課的進程開始加速，有些跟不上了，需要下課後自己補上，問老師和周圍的同學。漸漸的，在老師的悉心教導下，我們開始熟悉這個軟件了。老師佈置的第一個任務，要求做一個自我形象網站。由於學習的時間較短，老師只要求用ps做好模板即可，任務相對簡單。但也要求設計感強，色彩搭配和諧，並且儘可能的做成實用又符合實際的漂亮網頁。
第二個網頁設計老師要求相對較高，用dreamweaver做一個比較接近真實的網頁，還要做一個二級頁面。於是開始收集各方面的資料。確定了主題就開始佈局了。最開始使用了一個表格，然後在表格內進行拆分合並處理，接着就把通過ps處理出來一個版頭並且把修改過大小的圖片放進去了。
中間時預覽，問題出現了，發現版頭與下面的圖片文字之間出現了很大的一段距離，但是在軟件中已經把距離縮小為0了，多次嘗試後沒有效果。最後想到可以另外再加一個表格，把版頭放在一個表格內面，這樣問題就解決了。預覽是效果還不錯。但是總覺得首頁做得太普通，一次瀏覽學長做的網頁時，覺得他們的文字滾動窗口做得效果做得不錯，於是想借見一下。就決定把自己網站的左邊修改修改。複製了他的代碼，把上面的內容修改成我的網站需要的文字。本以為可以輕鬆的完成，但是卻出現大問題了。
因為需要滾動的文字佔的空間太大，把左邊的那部分表格全部佔滿了，而在實際的網頁預覽中，這個有文字滾動的框只佔了左邊oeasy教你玩轉網頁設計瀏覽的工具建站程序三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了很多方法，在網站查了很多資料，可能因為沒有專業術語作為搜索的關鍵詞，查不到任何相關的資料，試過div標籤，試過不停的拆分表格，最後還是沒有效果。就這樣試着試着，突然想到了層這個概念。於是在佈局中點擊了繪製層，結果成功了，經過一些加工，終於成功的完成左邊的佈局。印象還比較深刻的是插入聲音，記得老師曾經給我們講過很多次怎樣插入聲音，可是等到自己做網頁的時候卻忘記了，於是問其他人，結果居然都忘記了，於是自己在百度上收。
最後終於找到了一個可以使用的代碼，但是在加入聲音路徑時出現了問題。在屬性內加入源文件，結果就是加不進去mp3的音樂文件，然後自己就嘗試加入了一個視頻，記下了路徑格式，然後照着這種格式寫下了指向聲音源文件的路徑，最後成功了。在設計過程中還出現了很多的問題，但通過看書，上網查詢，請教同學等方式，不斷的學習、解決、提高，設計出的網頁不論是外觀還是內容，都在不斷的進步、改善。可以説在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。熱情和執着，我將來設計出的網頁會更加專業，更完善。
