web前端課程設計心得體會

從某件事情上得到收穫以後，將其記錄在心得體會裡，讓自己銘記於心，這樣我們就可以提高對思維的訓練。那麼好的心得體會都具備一些什麼特點呢？下面是小編收集整理的web前端課程設計心得體會，歡迎大家分享。

web前端課程設計心得體會1

從開始的實習，讓我體驗到這個暑假回會過得更有意義，會特別漫長特別充實。的確學習是一個漫長的過程，學習要耐得住寂寞的抵住誘惑。

通過這次的實習，不僅讓我覺得我應該改變自己的內向，學會轉變與人主動交流，才能解決問題，讓我覺得設計還是不錯的，但是自己的專業真的很需要培養與加強，感覺到學校教的和自己學的遠遠不夠。而且在接下來的日子還要規劃好自己的未來，才能更好得在崗位上發揮自己的才能。

最後感謝av給我這麼一個機會，留在公司實習，公司不僅需要各型別的人才，更需要一個有堅定和遠見的老闆；感謝william，看過頭像和手機桌面，女兒很可愛，想必是個和藹的爸爸，從一開始便覺得他是個很會閱人的hr，但後來才知道是pm，不過沒有變的，總是耐心地培養我，給我很多資料和很多網站，提高自己的審美和使用者體驗感受；感謝mk，認真的時候很認真，玩的時候還像個大孩子。

喜歡和引數組交流時逗逗我，調劑我，這點我最喜歡了，因為有你們整個公司才顯得有活氣，沒有那麼沉悶；感謝kevin，雖然接觸不多，感覺他很用心，是市場方面的主管，看的最多就是修空調，快遞要發票的時候，會為公司的財政斤斤計較，到後來q總q總得叫我，真不好意思呢；感謝小楊，能夠和你愉快的合作。

如果可以我也想學jsp，後來小白走了，你又要一個人辛苦了；感謝aam，強硬的技術支援，我想沒有你這位核心人物為公司撐下一片藍天，可能我們這個產品就很難走下去了；謝謝一起在虎之翼公司裡工作的所有工作人員。

我很喜歡你們，喜歡這樣的工作氛圍，謝謝你們。

web前端課程設計心得體會2

實訓的五天中，我的心情就好像這五天的天氣變化，有晴有陰，只是差了點眼淚。但這並沒有使我放棄，我不想落後，也不想拖小組的後腿，我告訴自己只有努力做好一切才是我的選擇。一次次的失敗，一次次的嘗試，做好的那一刻，激動、高興。我不是天才，有些知識不會。查書，問同學，找程式碼等等，時間飛速的流逝著，有些學會了，但仍然有不會的。

我們的小組從開始就產生了分歧，網站主題不一致。直到製作網站的第三天，我們才達成共識，兩方各退一步。還好，大家做出來的效果差不多，接下來的幾天大家一起努力製作網頁。遇到問題了，互相討論，找出解決的方法，解決不了的就找人問。

在規劃網站結構前，我們在網際網路上大量的尋找網站佈局規劃，“不行”、“不行”、“與主題不搭”等一遍遍否定的話不斷說出，終於確定了。我們做旅遊的，以春夏秋冬四季分作，色調意思及顏色搭配。製作的過程中，我們改變了初衷，不知道是好，還是壞，決定做春夏冬三季及另外涉及天下旅遊方面的主網頁。

選取素材，一個個的挑，看的越多也變得越難選，好多與自己想要的想差太遠，找的眼都花了，還是得找。磨練又一次的來了，堅持吧，努力吧，找完就好了。

製作網頁，一遍遍的改。不對、不對，顏色不搭，不能突出主題，瀏覽出來的結構不搭，改吧。累啊，煩呢，還是得繼續做。做網站是即使出現再多的錯誤，也要堅持做，耐心點，做好做完就好了，就輕鬆了。

我們經常在嘴邊掛著要有“團隊合作理念”，但行動起來時，有些人還是會忘記，也許是固執，也許是其他原因。遇到這種情況時，要有人站出來調節，儘快解決矛盾，否者會影響整體的工作程序，彼此不高興。製作網頁不協調，影響質量。

我們這次實訓的目的及要求是：以小組為單位，合作完成從確定網站主題、規劃網站結構、選取網頁素材、到製作網頁內容等步驟，從而掌握網站建設的全流程。同時，培養團隊協作精神，提高綜合運用所學分析、解決實際問題的能力，實現由理論知識向操作技能的轉化。

web前端課程設計心得體會3

一連上了兩個星期的網頁實訓課，可以說學到很多以前沒有學到的東西。雖然在大一的時候我們的專業出開設了網頁設計課，但感覺這兩個星期學到的遠遠比以前學一個學期的要多，要豐富。

每一天都有新的內容要學，讓人感覺很興奮，很高興，恨不得馬上就把它給學會。通過這次實訓使我更熟練掌握dreamweaver、flash、fireworks、photoshop等軟體的功能和應用。不但如此，更增加了同學間的友誼，陪養了彼此間的團結。

在這期間，每一天老師都會發一些素材和實訓給我們，首先是網頁素材的準備，在網上檢視一些網頁背景和背景顏色搭配，讓我瞭解到網頁的顏色不能多過3種色彩。接下來的幾天再結合自己的網頁來進行策劃，在做首頁之前，先用圖紙把網頁的結構畫出來，內容和結構都想清楚用fireworks把網頁設計出來，再切割圖片，把它們導成html格式在dreamweaver中進行進一步的編輯。

我們的網站主要是圍繞宿舍而展開的一串活動、人物等，宿舍給我們一種很溫馨、很快樂的感覺，所以我們決定將這次的網頁名叫funnyroom。主題確定好了，那麼分工出就明確了，我們組有三個人，兩個人負責找素材，另一個美術好的就負責網頁的頁面設計，但是我們始終不是學美術方面的，所以色彩方面搭配的不是很好，後來採用了色彩比較清新自然的綠色來作為首頁的主色調，讓人第一眼看上去就有難忘的感覺。而從第二頁開始就採用粉色為主色調，讓人可以感受到我們的主題，因為首頁和其它的顏色不一樣，所以我們就把首頁當作是過渡頁，第二頁開始才是網頁的內容。為了增加網頁的新鮮感和活潑感，還適當在新增一些透明flash和一些網頁特效。在這實訓的時間裡面，我們分工合作，共同努力，對網頁反覆除錯和修改，特別是對於fireworks軟體不那麼熟悉，有很多的例項都要看過老師的演示才會明白，不過這也恰恰讓我學到更多。雖然中途難不免會有因為意見的不合而發生一些小小的爭吵，但我覺得不影響我們的網頁設計，反而會因為這些不同的意見而重新學到更多的知識。

web前端課程設計心得體會4

轉眼間，已到了期末，學習網頁設計這門課程也要結束了，雖然時間有點短，但是學過這個幾周以後我受益匪淺。

記得最初接觸dreamweaver的時候，我很茫然，因為剛接觸陌生的軟體心裡會很害怕跟不上老師的程序。剛開始幾節課，老師講得比較基礎，還能跟得上，漸漸的老師授課的程序開始加速，有些跟不上了，需要下課後自己補上，問老師和周圍的同學。漸漸的，在老師的悉心教導下，我們開始熟悉這個軟體了。老師佈置的第一個任務，要求做一個自我形象網站。由於學習的時間較短，老師只要求用PS做好模板即可，任務相對簡單。但也要求設計感強，色彩搭配和諧，並且儘可能的做成實用又符合實際的漂亮網頁。

第二個網頁設計老師要求相對較高，用dreamweaver做一個比較接近真實的網頁，還要做一個二級頁面。於是開始收集各方面的資料。確定了主題就開始佈局了。最開始使用了一個表格，然後在表格內進行拆分合並處理，接著就把通過ps處理出來一個版頭並且把修改過大小的圖片放進去了。

中間時預覽，問題出現了，發現版頭與下面的圖片文字之間出現了很大的一段距離，但是在軟體中已經把距離縮小為0了，多次嘗試後沒有效果。最後想到可以另外再加一個表格，把版頭放在一個表格內面，這樣問題就解決了。預覽是效果還不錯。但是總覺得首頁做得太普通，一次瀏覽學長做的網頁時，覺得他們的文字滾動視窗做得效果做得不錯，於是想借見一下。就決定把自己網站的左邊修改修改。複製了他的程式碼，把上面的內容修改成我的網站需要的文字。本以為可以輕鬆的完成，但是卻出現大問題了。

因為需要滾動的文字佔的空間太大，把左邊的那部分表格全部佔滿了，而在實際的網頁預覽中，這個有文字滾動的框只佔了左邊Oeasy教你玩轉網頁設計瀏覽的工具建站程式三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了很多方法，在網站查了很多資料，可能因為沒有專業術語作為搜尋的關鍵詞，查不到任何相關的資料，試過div標籤，試過不停的拆分表格，最後還是沒有效果。就這樣試著試著，突然想到了層這個概念。於是在佈局中點選了繪製層，結果成功了，經過一些加工，終於成功的完成左邊的佈局。印象還比較深刻的是插入聲音，記得老師曾經給我們講過很多次怎樣插入聲音，可是等到自己做網頁的時候卻忘記了，於是問其他人，結果居然都忘記了，於是自己在百度上收。

最後終於找到了一個可以使用的程式碼，但是在加入聲音路徑時出現了問題。在屬性內加入原始檔，結果就是加不進去MP3的音樂檔案，然後自己就嘗試加入了一個視訊，記下了路徑格式，然後照著這種格式寫下了指向聲音原始檔的路徑，最後成功了。在設計過程中還出現了很多的問題，但通過看書，上網查詢，請教同學等方式，不斷的學習、解決、提高，設計出的網頁不論是外觀還是內容，都在不斷的進步、改善。可以說在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。熱情和執著，我將來設計出的網頁會更加專業，更完善。

web前端課程設計心得體會5

本學期的網業設計課程，開展了動態思維訓練教學活動，對於我們學生來說，可以激發學習興趣，調動學習的自覺性，自己動腦、動手，動口，運用網路資源，結合教材及老師的指導，通過自身的實踐，創作出積聚個人風格、個性的個人網頁。總體來說，整個學期的學習過程，我學會了很多知識，雖然過程比較艱辛，但在intenet領域中，有了一個展示自我的空間，我覺得很開心、很有成就感。

一.充分發揮動手能力

作為網頁設計的初學者，我對網頁設計非常感興趣，一心想設計出一個美觀、實用、內容豐富的個人網頁。本學期的教改方案由以前學生單純接受知識變為主動參與教學活動。在這樣的壓力和動力下，通過自己動手、動腦，通過網路資源，老師的指導，在不斷髮現問題和解決問題的過程中學到了很多知識，也增強了我的創作能力和動手能力，在網頁設計過程中，從構思到設計、完善、維護，整個過程我都全身心投入，使我真正學到了網頁設計的知識。

二.在設計過程中不斷提高網頁設計水平

在本次網頁設計中，我不僅學到了很多關於網頁設計方面的知識，也從中學會了關於網路、程式設計等方面的知識。我從最初開始運用frontpage設計網頁，到後來運用dreamweaver、flash、fireworks等網軟體設計網頁，完善網頁。在這個過程中，我通過自學教材、上網查詢，學習了dreamweaver、flash、fireworks等網頁軟體的應用，學會了管理、維護自己的站點，以及一些簡單動畫、控制元件的製作等等。在設計過程中也出現了很多的問題，但通過看書，上網查詢，請教老師等方式，不斷的學習、解決、提高，設計出的網頁不論是外觀還是內容，都在不斷的進步、改善。可以說在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。

三.不足之處

由於平時工作比較繁忙，學習時間比較少，對於網頁設計軟體的強大功能運用得還不夠。在網頁設計過程中，由於沒有網頁製作程式碼的知識，所以在設計時也遇到了很多麻煩，有時插入一個特效指令碼也是很麻煩。在網頁製作過程中，想提高設計水平，想有個理想的網頁，必須學會程式碼的運用，我將在以後的學習過程中不斷加強這方面的學習，希望老師能簡單介紹一下程式碼，讓我也對它有個初步的認識，以後再加強學習也才會有所提高。

總體來說，通過今次的對網頁設計的學習，有收穫也有遺憾、不足的地方，但我想，我已經邁入了網頁設計的大門，只要我再認真努力的去學習，去提高，憑藉我對網頁設計的熱情和執著，我將來設計出的網頁會更加專業，更完善。也希望老師在今後的日子裡多指導。

web前端課程設計心得體會6

從學校畢業後，我第一次步入了社會，從此開始了面對社會、工作的生活。剛剛走入社會的我是一個性格有些內向的人，面對陌生的人，我不善言辭，不會給自己的外表進行很好的包裝，不適合做那些銷售、接待的工作，只有技術類的工作，少說多幹的活適合我，這個我很清楚。現在，中國每年都有很多畢業的大學生找不到工作，我也不例外，所以，這第一次實習工作肯定不會太好找，但是相反，我的運氣還不錯。找到了一份網頁設計的工作。現將我在工作中的情況報告如下。

一、工作介紹

我工作的這家公司，從事網站開發工作的，公司在技術團隊這部分是比較正規的，一般是五到六人為一個小組，小組中有明確分工，有負責聯絡客戶接恰生意的，有專門做技術的，而在技術這塊分為網站前臺、後臺開發，我在學校主要做的是後臺開發，當然前臺設計工作也還算熟練，但不是很精通。我們這個小組一般接下的活都是一些小型網站的開發工作，這樣的網站技術難度不大，而且工作週期短，有相當一部分的，只需要通過cms軟體就可以進行開發。但是有個別的網站開發時，我們還是需要進行一些手寫程式碼工作的。

二、開發技術

做為一個剛畢業的大學生，我的知識儲備肯定有不足的地方，畢竟學校教的東西肯定會有一部分和社會是脫節的，但好在我的領導對於我沒有太多的要求，他只是要求我儘快的適應公司的工作和生活，在短時間內熟練的掌握相關技術，幹好本職工作。

在大學裡對一個學生來說什麼是最重要的，那就是學習能力。要知道，這個世界上，知識在發展，人類在進步，每天都在進行日新月異的變化，我們的知識儲備總會有不夠的地方，但是一定要有學習能力，將不會知識快速掌握，只有這樣才能佔據主動，減少被動情況的尷尬發生，通過二個星期的時間，我成功的適應了公司的工作和生活節奏，每天早九點上班，晚17:30下班，中午休息一個半小時，每週還有兩天假期。我利用業餘時間，抓緊學習，將工作中所需要的技術進行了強化學習，其實這些東西在學校的時候就接觸過，只是不精通。那個時候學的東西多，難免有個主次之分，這次工作了，才知道哪個應該多學點，但好在我都有學過，所以有個好的基礎在這裡，也就不怕了，比如說：flash，公司要求技術人員會做flash，flash這東西以前我在宿舍的時候經常玩的，可是後來在分析就業情況時，分析錯了方向，以為這東西沒有什麼用處，結果就給荒廢了。但好在還有印象，並且當初記了很多的筆記，所以說記筆記是很重要的事情。而其它像javascript、xml、資料庫這些東西我都學過，只是實踐能力稍差一點，但好在從前在學習方面用的功不是白費的。通過這種實戰環境，和半個月的刻苦學習，我終於可以感上小組的工作進度了，已經可以很好的完成領導教給我的任務了。

像我這個組常用的是css+div排版，後臺使用php技術進行開發，伺服器平臺採用，linux+apache+mysql+php,這種lamp組合，我很高興在學校學的東西能學有所用。以前我們是用表格(table)進行排版，這種方式簡單但是已經有些過時了，現在大部分網站都開始了重新構架，所以都採用css+div進行網頁排版，我目前正在學習，掌握的還算比較快。而在後臺開發部分，我們使用php來進行開發，我的工作是手寫一些小模組。或者用javascript寫一些特效小程式碼。

三、工作流程

小組分工時，我負責後臺裡小模組的開發工作，如：留言板或論壇，還有一部分javascript程式碼編寫工作。前臺部分的工作是和組裡的丁珊珊做一些排版的工作，使用css+div技術。編寫程式碼這種工作看起來有些枯燥，其實時間長了以後，還真有點厭煩，但是後來我明白，只有將自己的本職工作做好，提高自己的技術，做出優良的東西，這樣自己才會有價值感，才會對自己的工作保持新鮮感。所以我每天都在工作後，記錄下每天在技術上的不足之處，回家後，將強學習，這所謂：找出不會的地方，學會它，你就變的強大了。

php是現在比較流行的一種網站開發技術，由於它是開源的免費程式碼，並因良好的跨平臺效能受到了大重的喜歡，我個人認為php很簡單，適合初學者學習使用，但是在某些地方想要做好，就需要你認真的學習了。目前，我負責的只是技術性較低和規模較小的模組，不過，我覺得從簡單處做起也挺好的，但是我在寫程式碼時，還是經常犯些小錯誤，導致程式碼頁面經常出錯，而自己往往還找不到是哪錯了，有幾次急的都不行，不管怎麼弄，結果就是錯誤，後來我才發現，原來只是一個小錯誤，小的不仔細察看，我都找不到。於是我明白，做開發工作，一定要細心，否則就會給自己和別人帶來麻煩。

四、安全檢查

安全檢查是很重要的一個環節，就像你給人家蓋房子，房子蓋好了，可是門和窗不結實，那這種就必然不會安全的了。頁站的製做也是同樣的道理，在安全方面，有一個地方是和開發人員有很大的關係的。因為開發人員技術的高低決定了網站的安全性，有些人員在一些環節上的疏漏，很有可能導致網站在實際使用時，遭到黑客攻擊，如果造成了經濟損失就無法挽救了。

所以，我們每個人在將各自的工作完成以後，組長和其它專門的技術人員會對網站的安全性進行測試，找出存在的`漏洞，然後加以修改。以使它的安全性達到最高最穩定的狀態。

在公司進行實習工作的這段時間，我在個人技術上收穫了很多，現在的我已經能獨檔一面了，做一些難度比較大的工作，我通過優異的表現，已經轉為正式員工，我對自己的表現感到滿意，最重要的是我給自己的學校爭了光，但是在社交能力方面，溝通能力上還有不足的地方。我決定在今後的工作和學習，要加強和別人的溝通能力。使自己變的更好，為國家為社會做出更多的貢獻。

web前端課程設計心得體會7

通過這次實訓對這門課程的學習，做好網頁，並不是一件容易的事，它包括網頁的選題、內容採集整理、圖片的處理、頁面的排版設定、背景及其整套網頁的色調等很多東西。所以我得出一下總結：

一、準備資料和挑選符合目的主題的合適素材

做網頁當然要收集、準備資料。在網上多轉轉，看到什麼漂亮的網頁，把它儲存起來，作為以後自己設計主頁時的參考。另外，還包括蒐集美化主頁可能要用到的各種材料，如背景、小動畫圖示等等。可以在硬碟上建一個資料夾，下分“圖片、聲音、動畫”等資料夾，養成上網時看到有創意、新鮮的影象，就按滑鼠右鍵存入你硬碟相應資料夾的習慣，時間一長就擁有了一個可觀的相簿，等做網頁時隨手拈來或加以修改就成你自己的東西了。

二、規劃好整個網站

主頁的設計應以醒目優先，應該令人一目瞭然，切勿堆砌太多不必要的細節，或使畫面過於複雜。切記，頁面給人的第一觀感最為重要!在網上到處瀏覽網站的人很多，如果你的主頁給人的第一印像沒有吸引力，很難令他們深入觀賞，而且他們恐怕再也不會訪問你的網站了。

三、善用圖片，增強藝術效果

我記得老師說過網頁的迷人之處之一，要算它上面能點綴許多漂亮的圖片。精美的圖片設計，可以使自己的網頁增輝不少，令人過目不忘。圖片的內容應有一定的實際作用，切忌虛飾浮誇，同時還要注意與文字的顏色搭配。最佳的影象集美觀與資訊於一身。

四、善於借鑑他人主頁製作中的設計技巧

由於在網上用瀏覽器瀏覽任何主頁時，都能檢視到該主頁製作時所編寫的絕大部分網頁程式設計原始碼。因此，如果想知道並掌握一些優秀的主頁採用的設計技巧，試著將其原始碼調出來仔細揣摩，並模仿著一步一步去實現。

最後感謝老師多日來的辛勤教導!

web前端課程設計心得體會8

不知不覺，二個星期的《頁面規劃與網站建造》課程的實操即將曩昔，回憶這一段日子，真的令我領會很深，也學會許多東西，懂得許多曾經不明白的東西，也理解了一些工作。

自從第一天觸控《頁面規劃與網站建造》課程，我以下定決心要把頁面這門課學好，做出一個優異的網站。所以我時刻沒有錯失任何學習的機會，不管在課堂上，還是在課外上。更何況這一次實操。回憶今次的實操我覺得我過得很充實，很有含義，由於我能夠誠篤的說我在實操沒有玩過一次遊戲，我每時每刻都在規劃網站，還記得晚上做網站做到一、二點，也許有人會說我傻，但正由於這個傻的舉動，令我學會許多東西，學會他人不明白的東西，做出一個令自個滿意的網站，也許跟他人比還需要持續完善，但我不會由於實操結束，就把頁面規劃拋到無影無蹤，我會持續學習頁面規劃技能，把它變為自個的一項專長。

回憶第一天的《頁面規劃與網站建造》課程實操，教師叫我們持續完善曾經規劃的網站，做出留言板、註冊的功用。我很快就完成了，但也許我是一個尋求完善的人，所以雖然一個網站做好能夠立刻交給教師。但我做出一個他人都不附和的決定，從頭開始做一個網站。由於我覺得曾經那個真的不是太好，雖然實操的時刻曩昔了一半，雖然他人對我說你交本來這個不就行了嗎！何須再做一個呢？但真由於我的固執，尋求成功，尋求完善的人，才會使我今日交出一個令自個滿意的答卷。

在製造自個網站時我們首先：

一、必需進行自個網站前臺功用規劃

包括自個網站主題的斷定，前臺功用規劃與辦理、自個網站主頁規劃、自個網站留言板、註冊、忘掉暗碼、查詢等頁面規劃與辦理。

二、對自個網站後臺辦理功用規劃

包括自個網站後臺辦理功用的規劃、後臺辦理資訊體系功用的規劃、後臺體系許可權辦理、後臺檔案辦理、自個網站後臺辦理體系主頁規劃。

三、網站的釋出

一般我們釋出一個網站也許以能過域名註冊，但我們也能夠使用自個主機，裝了iis他人就能夠通過我的ip地址來訪問我的主頁。首次做的那個頁面我現已釋出在上彀了。

四、自個網站推行

一個網站做好了，就要對自個網站進行推行，這是一個電子商務網站必需做得的一步，由於假如你不對你的網站進行推行，就算你釋出了也沒有人會知道的。

在規劃這個網站時真的領會許多東西，從一開始頁面主題的斷定，到主頁總體的規劃、蒐集材料、前臺功用規劃與辦理、後臺功用規劃與辦理、每個分頁面的規劃等。我都逐個進行了規劃，由於假如你不規劃好，想做啥就做啥，是不會做得好的。因我為領會到這一句話：“機會中歸於有預備的人”。我具體到一個表格寬度都逐個列明。例如：775寬度，分三欄，每一欄佔多少。由於我深深懂得“細微處才見真功夫”。

在這次實操過程中令我形象最深的是做留言板，由於剛好在上一個星期sql資料庫實操做過了，所以今次在做就對比輕鬆，但我曾經是通過一個對比長的操練，做完了n次，也許有人會想，肯定是不會才做這麼屢次啦！但我想告訴這位同學我每次做得都不是不一樣的辦法。首次我用的是access資料庫，第2次我用的是sql資料庫加許可權辦理，第三次我用的是資料來源稱號的銜接，第四次我用的是自定義銜接字串，第五次……每一次用的辦法都是不一樣的，也許有人會說我傻，會一種辦法就行了，還要那麼多嗎？但我想說的即是不是這麼屢次的操練，不是之麼屢次不一樣的辦法，也就不會造就出今日遊刃有餘的我，也不會對同學提出的疑問處理到，也不會輕鬆教會同學，由於你自個首先學會，學通，學廣，才能把疑問逐個的處理。

令我難以忘懷的鏡頭也是在做留言板的時分，但不是為我自個的而做，而是一步一步教同學做，直到令同學學懂；把同學留言板的疑問逐個處理；當同學由於做不出而沒心境，曩昔對她進行鼓舞的，然後逐個處理；當自個也不會，與同學共同研究的狀況，這種學習氛圍是最可貴的，即是在做留言板的時分，令我深深領會到我幾句話：認真幹事僅僅把工作做對，用心幹事才能把工作做好。把每一件簡略的工作做好即是不簡略，把第一件普通的工作做好即是不普通。

web前端課程設計心得體會9

網路成了我們獲取知識和資訊的一種便捷工具，現在的網民也在不斷的增多，所以，瞭解和學習網路知識是我們作為一名大學生迫切所需的，

網頁設計心得體會。我利用寒假的時間，對網頁設計進行了初步的認識和了解，並基本掌握Dreamweaver的應用。

通過對網頁設計書籍的翻閱，我學習到了一些關於建設網站和製作網頁的知識，在實踐查閱資料時，對flash也有所瞭解。我還了解了一些基礎的網路技術。通過學習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網頁製作的過程與一些技巧手法更有了另外一番瞭解，對網頁製作的基礎知識也有了一定的掌握。在這個過程中，我同樣認識到網頁設計不是一門學科的獨秀，而是多種課程的綜合，他是、Flash、Fireworks等網頁軟體的綜合應用。

下面闡述一下我在翻閱《Dreamweaver》時的一些關於網頁設計的見解。在具體的製作一個網頁時我瞭解到一個優秀的網頁設計應該具備一些基本原則。

首先，要·確定網頁設計的內容一個優秀的風站要有一個明確的主題。整個網站圍繞這個主題,也就是你在網頁設計之前要明確你這個網站有什麼目的,用來做什麼，所有頁面都是圍繞著這個內容來製作，有了明確的內容對排名有很重要的作用;其次，要了解你網站所在行業的客戶，及你的網頁屬於哪個類別。使用者是一個網站成敗的關鍵,如果使用者要花很多時間進入你網站很有可能使用者會立即關掉你網站,或者你網站操作很不方便使用者也會馬上離開,這種網站是很失敗的設計,只會讓使用者失望的離去.

在完成以上的基本內容之後網頁的基本框架便成形成了，

下面要開始的便是優化工作，

內容是整個網頁的核心。在網頁設計之前必須明確網頁的內容安排。優秀網頁設計是要建立在平凡的基礎上的。然後在具體的規劃一個網頁時，可以用樹狀結構先把每個頁面的內容大綱列出來，尤其要製作一個大的網站(有很多頁面)的時候，特別需要把這個架構規劃好，也要考慮到以後可能的擴充性，免得做好以後又要一改再改整個網站的架構，很浪費時間和財力。大綱列出來後，還必須考慮每個頁面之間的連結關係。是星形，樹形，或是網形連結。這也是判別一個網站優劣的重要標誌。連結混亂，層次不清的站點會造成瀏覽困難，影響內容的發揮。框架定下來了，然後開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發展打下良好的基礎。下一步，就以動手製作具體內容了，題材選定，框架選定，接下來就開始往主頁裡面填內容。

如果是個人主頁，有能力的人完全可以靠自己來創作所有的內容。大部分人的方法是：從報紙，雜誌，光碟等媒體中把相關的資料收集整理，再加上一定的編輯後就可以了。另外一個好的方法是從網路上收集，您只要到搜尋引擎上查詢相應的關鍵字，就可以找到一大堆的資料。在準備材料的'時候我們可以用一些小的動畫和動態圖片，Flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區裡繪畫，編輯修改非常靈活，它的另一大特點是“互動性”強。在動畫播放時，可以用滑鼠或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。然後是開始正式製作主頁。通過Dreamweaver作為製作軟體，只需要用到軟體中的一些基本的功能：圖片插入和對齊設定;文字的格式、顏色、背景顏色的設定等就可以製作出一個簡單的網頁。

總體來說，通過這個假期對網頁設計的學習，有收穫也有遺憾。但是，我已經邁入了網頁設計的大門，只要我再認真努力的去學習，在今後的閒餘時間學習製作網頁的更多知識以實現自身技能的提高，我堅信將來設計出的網頁會更加專業，更加華麗，使它最終成為自己的一項技能。

web前端課程設計心得體會10

我在網上進行的邏輯教學工作已經完成了，閒暇無事之餘，便想將個人的主頁——《思東書屋》重新進行一下規劃和設計，為此購買了幾本有關網頁設計和製作的書籍，開始學習網頁的基本語言HTML。儘管網頁製作方法早已經從最簡單的文字編輯器發展到視覺化的網頁編輯工具，但是，編輯形式的改變並沒有影響到HTML語言的整體結構，它只是簡化了程式設計方式，用直觀的具體形式取代了傳統的不可見的抽象形式。

這就如同哲學理論自身發展的兩個階段——理性的思辨和直觀的影象一樣。目前，人們對用影象解說認識過程和邏輯規則還缺乏深刻的認識，總是習慣於語言表達方式，不知道語言表達的缺陷是片面性和抽象性，而影象形式則具有直觀性和具體性這一特點。如今我們生活的時代已經進入到網際網路的動漫時代，此時抽象的語言表達方式與時代發展的脈搏呈現出極不同步的狀態，這種表達方式遠遠落後於時代科學技術創新和發展取得的成果，它明顯地缺乏與時俱進的特點。人們只要看看有關係統論的教材，就會被書中展示的圖形和影象所吸引。由此看來，作為時代的哲學理論也應該充分利用電腦給人們帶來的多媒體技術，通過編制幻燈片、動畫片和電腦模擬模式展開既直觀又生動的教學，只有這樣做才能使哲學理論跟上時代發展的步伐，真正做到與時俱進。

從網際網路的操作平臺和程式語言的發展過程中我們可以清楚地看到，邏輯思維在當今時代具有的重要作用和能夠發揮出來的巨大威力。沒有邏輯思維能力的提高，就不會導致多媒體的產生和動漫世界無處不在的現象出現。網際網路的發展不僅改變了當今的世介面貌，它同時也改變了人類自身固有的靜態思維模式。在當今時代，老子大道強調的真實邏輯在網際網路的演化過程中已經充分顯露出來。

從框架結構、層次關係和語句之間的巢狀關係中，我們可以看到老子的一個圓圈模式自身具有的應用價值。如果我們將人類思維具有的三種邏輯規則以直觀形象的例項展示出來，那麼，語言邏輯就是人們在日常生活和工作中使用的邏輯規則，例如刑偵邏輯，它總是強調分析和判斷的結果要與真實的作案過程同一起來。表述形式要求清晰性、條理性和無矛盾性，可見，強調無矛盾的同一律是語言邏輯的特點：思維和存在二者直接同一是語言邏輯的屬性，表述形式和表述內容之間不允許出現對立性和矛盾性。由此構成形式邏輯同一律的實質。

數理邏輯是計算機硬體自身具有的邏輯規則，它把握了中央處理器CPU、資訊交換的儲存器、記載時間和次數的計數器以及豐富多彩的顏色區分模式之間的相互關係，它直接通過邏輯真值表、二進位制的語言和編碼結構展示出來，這是純粹抽象的邏輯規則在現實中的應用模式。其鮮明特徵是：它把握了思維和存在二者本質同一這一屬性。

哲學邏輯則體現在計算機軟體上面，例如電腦的作業系統平臺以及網頁設計和製作的具體方法，它是真實邏輯模式的體現。電腦中動畫影象的製作就是通過層次來把握過程和系統，把握繁雜的關係網模式。從而實現了網際網路模式與客觀存在模式二者之間的同一性，它們全都以“多樣性的統一”這一模式出現，不是理性思辨強調的“從一到多”的發展和演變模式。其理論根據在於：網際網路的根基是建立在相互聯絡和相互作用的關係上面，它不是單純的存在物自身具有屬性，而是以關係網形式出現的新事物。可見，隨著網際網路的發展，人類思維就會從直觀的具體存在提升到間接的關係網模式這一高度。而老子的哲學理念恰恰就建立在系統聯絡的關係網基礎上，可見它與時代發展的氣息是緊密聯絡在一起的。通過網頁製作中的邏輯規則這種形式理解和把握老子大道的哲學理念，將是破解老子大道之謎的一條捷徑。人們在學習網頁設計和程式語言的過程中就可以把握住老子講述的邏輯規則。二者之間只有表現形式不同，在邏輯規則環節絕對同一，沒有本質的區別。

這就是人類的智慧，它在遠古時代就把握了複雜多變的關係網。然而，只有在網際網路充分發展的今天，人們才能夠深刻地理解老子大道的內涵，才能夠揭示出真實邏輯自身具有的一個圓圈模式。

從老子大道的終極謎底中人們看到，真實的邏輯模式是一個將四種邏輯規則有機結合在一起的關係網。它與網際網路的存在模式和執行模式完全一致。其中存在模式表現為大小圓圈環環相套，大圓圈就相當於伺服器，小圓圈則相當於終端的電腦。整體的運動模式則體現出對立統一的矛盾關係。作業系統相當於基礎理論：它是本質環節的工具，各種軟體則是它的具體應用工具。

如果我們用邏輯圖的形式將三種邏輯規則和相互之間的關係展示出來的話，它是這樣的形式：

┌屬性：思維和存在直接同一，無矛盾的關係

┌語言邏輯┤具體環節：經驗理論

│ └形式：如日常交流、刑偵破案，無概念的形式

│ ┌屬性：抽象的本質關係，無矛盾的形式

邏輯┼思辨邏輯┤本質環節：計算機硬體中的邏輯規則：圖形、符號理論

│ └形式：符號邏輯、數理邏輯、模式邏輯，知識理論

│ ┌屬性：具體存在的關係模式，無矛盾的模式

└真實邏輯┤系統環節：計算機軟體中的邏輯規則：影象、概念理論

└形式：哲學邏輯、辯證邏輯、邏輯模式，視覺化程式設計

從這個邏輯圖中人們看到，邏輯的屬性是強調思維和存在的同一性，它是實現思維和存在同一性的手段、方法、形式。不同的邏輯規則把握思維和存在的同一性程度不同，它分為三種形式：具體環節是形式同一，理性環節是本質同一，系統環節是模式同一。亞里士多德的《工具論》就停留在形式同一環節，德國古典哲學上升到本質同一的高度。老子的大道以隱藏形式把握了模式同一，《思維工具論》將這種模式同一從隱藏形式轉化為直觀的顯露形式。由此構成人類邏輯思維發展演變的全過程。

隨著網際網路的普及，網頁製作技術的廣泛應用，人們對於邏輯規則就不會感到陌生，因為HTML語言結構已經將哲學的邏輯模式以視覺化的形態展示出來，同時也將哲學邏輯自身具有的應用價值和能夠發揮的巨大威力展示出來。此時，“邏輯”對於懂得電腦知識的人們來說已經不再是一個抽象的名詞概念，而是幫助人們邁進網路世界大門的思維工具。

以框架結構的邏輯規則為例，它充分體現出思維規則：兩個層次、兩種形式的對立統一。邏輯圖為：

┌具體：內聯式樣式表：只對使用它的元素起作用：文字和段落

┌自身形式┤

┤ └一般：嵌入式樣式表：通過標記形式規範整個文字：統一格式

│ ┌外部式樣式表，通過CSS模式進行規範整個網站的風格

└聯絡形式┤

└系統模式：同時使用多層樣式表，即各種格式之間的有機結合

這就是思維規則在網頁製作中的具體應用。人們只要通過學習網頁製作的方法，就能夠理解《思維工具論》講述的邏輯規則。這就是電腦與人腦在邏輯規則上面具有的高度同一性。它就是謝林哲學強調的“絕對同一”理念。

邏輯屬於抽象的形式聯絡，它不涉及裡面的具體內容，屬於科學的思維方法和工具。網頁語言結構恰恰將邏輯的屬性、形式和特點全面地展示出來。它揚棄了裡面的內容，只考慮抽象的結構和形式之間的關係，無論是文字，圖片、還是動畫，都可以作為“同一的事件”看待起來，具體內容的變化與邏輯形式、邏輯規則無關。可見，人們在學習網頁製作的時候只要反思一下里面的邏輯規則，就會把握住科學的思維方法。只要將編制網頁的方法應用到各種理論問題的分析過程中，就能夠擺脫經驗理論的束縛，從而上升到科學理論的高度。

邏輯是方法、手段、工具，它是人類智慧創造出來的精神財富，是認識論規律的表現形式。人們的頭腦中如果沒有邏輯規則的話就會偏離真理的軌道，就會停留在經驗理論和生活常識中，不能邁進科學理論的門檻。

這就是老子講述的不言之教包含的豐富內容，它是科學的認識方法、認識模式、邏輯規則、思維工具。

web前端課程設計心得體會11

網頁設計伴隨著網路的快速發展而快速興起，作為上網的主要依託，由於人們使用網路的頻繁而變得非常重要。生活中我每天上網都要接觸到網頁，原來沒有留意過網頁的設計，但是經過這段時間的學習瞭解，現在我開啟一個網頁都會習慣性的先看看排版、佈局和色彩運用。

通過老師的講解和對課本的翻閱，我學習到了一些關於建設網站和製作網頁的知識，對網頁製作的基礎知識也有了一定的掌握。通過Dreamweaver製作網頁，我用到了一些基本的功能：圖片插入和對齊設定；文字的格式、顏色、背景顏色的設定等。但是在自己嘗試著做的時候，總是出現這裡那裡的問題。不是圖片不能固定在自己想要的位置，就是滾動文字的顯示區域不知道為什麼撐過了頁面，還有就是不同解析度、不同瀏覽器都會對瀏覽網頁產生影響。而且在CSS方面，我總是不太熟悉各種程式碼是控制哪些東西的。除了查詢解決問題我還總結了經驗。例如：

1、命名站點或者資料夾的的時候一定要注意，最好用相應的英語或者漢語拼音，要見名知意，如圖片資料夾用image或者tu，這樣可以避免頁面呼叫時不正確的現象發生。

2、呼叫Style時可以單擊滑鼠右鍵選擇Custon Style來呼叫Style標準，也可以在狀態列中的元素列表上單擊右鍵來呼叫Style。雖然不同的方法達到的效果看似一樣，但實際上產生的HTML程式碼則完全不同。在這個過程中，我同樣認識到網頁設計不是一門學科的獨秀，而是多種課程的綜合，它是Flash、Photoshop等網頁軟體的綜合應用。例如Flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區裡繪畫，編輯修改非常靈活，它的另一大特點是“互動性”強。在動畫播放時，可以用滑鼠或鍵盤對動畫的播放進行控制，可以很直觀的反映出效果。頁面設計應以美觀、大方、簡潔為原則，保持一致的風格。為了達到最佳的視覺表現效果，應講究整體佈局的合理性，使瀏覽者有一個流暢的視覺體驗。網頁最主要的功能就是給每個上網者提供一種形式，讓他們能夠了解網站提供的資訊。要研究網頁設計，就需要站在使用者的角度來看。使用者是一個網站成敗的關鍵。如果使用者要花很多時間進入網站，很有可能他會立即關掉網站，或者網站操作很不方便使用者也會馬上離開，這種網站是很失敗的設計，只會讓使用者失望的離去。所以網頁容量即包括影象在內的網頁位元組數最好不要超過50K。

還涉及到介面弱化的問題。一個好的介面設計它的介面是弱化的，它突出的是功能，著重體現的是網站業提供給使用者主要是什麼。這就涉及到瀏覽順序、功能分割槽等等。要讓訪客在0.5秒內就能把握網站的行業性質，1秒內就知道該從哪個地方開始使用這個網站，能點一次的，絕不點第二次。當然上面說的是大多數功能性網站，對於宣傳展示性網站，諸如加特效的或Flash網站，可能就不得不花哨一些，但不能太過分。網站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現意境，點到為止。

web前端課程設計心得體會12

在《網頁設計》的學習中，老師開展了動態思維訓練教學方式來激發我們的學習興趣，調動了我們的學習自覺性。老師的認真負責、充滿激情，令我們的課堂氣氛活躍而有序。學習方式的靈活多變，讓我們在舒適的環境下以愉快的心情接受、掌握和靈活的運用所學知識和技能。

《網頁設計》的教學都是理論實踐相結合的，老師很詳細的講每一個知識點，而且在講每個知識點的時候都會舉實際例子來加深我們對那個知識點的印象，如果我們有什麼不明白的，老師會耐心的將我們不懂的再講，直到都明白為止。在每次的理論後，我們都會上一次機來鞏固之前學習過的理論知識，在上機的過程中有什麼不明白或不懂的，老師都會耐心仔細的給我們講，在講的同時會告訴我們一些製作的技巧。每次實訓完後，我們都會把自己做的放在伺服器上。

老師專門為《網頁設計》這門課程開了一個後臺伺服器，讓我們可以把每次做的網頁上傳到伺服器上，老師也可以通過這個伺服器看到我們製作的情況，然後針對我們出現的問題作耐心指導或在原本內容上更深次的講解，直到我們明白為止。

學習了《網頁設計》後，我知道了動手也要動腦，同時也增強了我的創造能力和動手能力。從學習本課程後，我發現了自己的優點，在製作這方面充滿信心，也對自己以後學習專業充滿了希望。在此謝謝老師！

web前端課程設計心得體會13

不知不覺我學習整站網頁設計也有一段時間了，很高興我能在這計算機深入的社會裡，學習到建設網站和網頁設計的一些知識。網路成了我們獲取知識和資訊的一種便捷工具，如今的生活，商業都已經在網路上如火如荼地開展，我認為，學習網路知識，對於生活在網路時代的我們還是很有必要的。接下來我想分享一下我的獨家網頁設計學習心得。希望能夠為正在學習網頁設計的你們也提供一點幫助。

學習網頁設計的過程中，我也成功製作了屬於自己的網站，通過這一次嘗試，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網頁製作的過程與一些技巧手法更有了另外一番瞭解，對網頁製作的基礎知識也有了一定的掌握。我覺得，在設計網頁之前：

首先必須做到先確定網頁設計的內容，因為一個優秀的風站要有一個明確的主題，整個網站圍繞這個主題，也就是你在網頁設計之前要明確你這個網站有什麼目的，用來做什麼，所有頁面都是圍繞著這個內容來製作，有了明確的內容對排名有很重要的作用。

其次自然是瞭解你網站所在行業的客戶。要知道使用者是一個網站成敗的關鍵，如果使用者要花很多時間進入你網站很有可能使用者會立即關掉你網站，或者你網站操作很不方便使用者也會馬上離開，這種網站是很失敗的設計，只會讓使用者失望的離開。

我在這次設計網頁的過程中，終於體會到做一個網頁的主頁不是一件容易的事情，它包括個人主頁的選題、內容採集整理、圖片的處理、頁面的排版設定、背景及其整套網頁的色調等很多東西。製作主頁要注意：

要想一個好的標題。標題在個人主頁中起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、有特色、簡短易記，不要符合自己主頁的主題和風格。

主頁中不光要有文字，還要適當地加一些圖片。一張好的圖片可以勝過你的千言萬語。也能讓進入你網頁的人一目瞭然，產生興趣。

網頁頁面整體的排版設計也是不可忽略了，很重要的一個原則是合理也運用空間，讓自己的網頁井然有序，留下合適空間，會給人輕鬆的感覺。

當然在做這些內容之前，是要找好資料的，我們可以從報紙，雜誌，光碟等媒體中把相關的資料收集，再加上一定的編輯後就可以了。另外一個好的方法是從網路上收集，您只要到搜尋引擎上查詢相應的關鍵字，就可以找到一大堆的資料。設計製作網頁我可以推薦一個不錯的軟體，那就是Dreamweaver。只需要用到此款軟體中的一些基本的功能：圖片插入和對齊設定；文字的格式、顏色、背景顏色的設定等就可以製作出一個簡單的網頁。好了，網頁設計製作完畢後，最後一步就是要優化網站了。

就我的觀點，我覺得個人認為網頁設計應該注重實用性，因為我們用它就是來互動的，所以我建議以簡單美為好，太多複製的圖片文字和頁面排版只會讓看的人感覺更不舒服，還有最後申明一下，我不是專業網站設計師，以上只是我對網頁設計學習的一些心得罷了。

跟學習別的東西一樣，學習網頁設計也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執著。

學習網頁設計需要耐心，如果你沒有耐心，你學不好網頁設計，應為當你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了半個月時間才解決。

學習網頁設計需要堅持，堅持不斷的學習，因為設計網頁的軟體在不斷的更新，你不斷的學習

不要掉入技術的陷阱，你的網頁設計技術一流，你對軟體的掌握程度已經達到一定水平，但是你設計的網頁確不堪目睹，這是因為網頁設計是是介於平面設計和程式設計技術兩者之間的"邊緣科學。"不僅涉及到美學，心理學，平面構成，色彩搭配等平面設計的方面的知識，還涉及到html，javascript，css，asp，php等程式語言技術方面的知識。只有綜合運用多種知識，才能設計出視聽特效，動感十足，富於個性的web頁面，才能全面展現網際網路這一新型媒體的獨特魅力和多維空間的超強功能。

注重實用，個人認為網頁設計應該注重實用性，因為它是讓人瀏覽的，是使用者可以撫摸，可以評論，可以互動的。我提倡簡單的美。

web前端課程設計心得體會14

作為本學期的第十三週，我們電子商務0901班由此開始了為期兩週的網頁設計與製作實訓課程，雖然我們實訓的內容不多，但通過同學之間的互相幫助與交流以及老師的精心指導，我們大家依然收穫很多。

這一週裡，可以說實訓的內容不難，但每天都有不同的東西需要學習，讓人感到很高興，大家都希望能夠通過自己的努力可以多掌握一點本專業的東西，總的來說，我們通過對“飄舞的雪花”及“倒影”的練習製作，已經熟練的掌握了flash的一些簡單操作和應用，不但如此，更增加了同學間的友誼，陪養了彼此間的團結。

實訓期間，老師會根據我們的練習程度發一些素材和視訊實訓給我們，由此我瞭解到了網頁設計與製作的一些程式和步驟，知道了怎麼處理圖片透明以及遮罩層的運用，知道了flash基本操作的步驟，為了增加動畫的美感和活潑感，還適當在新增一些透明flash和一些網頁特效。在實訓的時間裡面，我們大家一起合作，共同努力，對網頁設計有了更進一步的認識，並且對這門課程越發的感興趣，從剛開始的好奇進而想要去更深層次的瞭解。

這一週的實訓課程已然結束，flash製作讓我受益匪淺，我們知道了很多，也進步了很多，很快就要進入下一週的實訓了，雖然還不知道具體的有什麼內容，但通過這一週的學習，下一週，我想也很值得期待。希望能夠學到更多的東西，充實自己的頭腦，豐富自己的知識。

web前端課程設計心得體會15

上週，也就是5月31日到6月5日的五天裡，我們電商專業進行了為期五天的網頁製作實訓。

在機房裡待了一個星期，雖然生理反應不大，但是還是不好受。原本以為是實訓比平時上課要舒服多了吧，但是這一個星期下來差點沒被累死，比平時上課還疼苦。但是在這實訓的一星期裡我的收穫還是很多的。

第一、從這次實訓當中我深刻的體會到理論知識的重要性，只有在自己熟練理論知識後再能在實踐中游刃有餘，才不會出現“書到用時方恨少”的尷尬體會。

第二、實訓中我印象最深的是對各種網頁製作工具的使用不熟練，甚至還有個別不會用的，只是自己想要做個圖片或圖示等都做不好，其心情想而知。所以對這些網頁是做工具的使用都要練習。

第三、集體協作是我又一個體會。這次網頁製作由於某些原因我一個人一組，是我搞掘到壓力很大而且很累，而且我自己的思維能力很有限，網站設計和製作上也略顯粗糙和不足，正所謂：你有一個思想，我有一個思想，分享後我們就都有兩個思想。所以與同學合作是很有必要的。

總之，這5天裡自己雖然很累，但是自己的收穫也是很不小的，所以我也是很開心的。