- 相關推薦
html5實習心得體會
篇一：html5實習心得體會
21世紀的時期，中國的網絡正在實飛猛進，大多的企業(yè)都是通過建立網站來進入企業(yè)宣傳，通過企業(yè)網站來打廣告，宣傳產品、品牌推廣，促進銷售等 方法來實現(xiàn)企業(yè)營利的目的。所以，中國的互聯(lián)網在中國的近幾年來，有了非常大的發(fā)展空間，如“網上商店”“網上服務”“網絡資源”非常的流行。所以網頁設計師中一個緊缺的人才。對一個企業(yè)來說，做好一個網站是必不可少的。我們現(xiàn)在做為電子商務專業(yè)的，我們的最終目標是針對全球這個大的市場，還有這個網絡市場。作為一個企業(yè)的管理者，應當為自己設計一個能夠促進銷而且能夠代表我們企業(yè)的形象、宣傳我們企業(yè)最新出來的產品的這么一個網站。
我們學了一個學期的網頁設計，這周我們開始實踐我們專用的計劃如下：
第一天：網頁設計與布局。網頁的題材自己定，可以任選。
第二天：準備材料。建立站點，將所有的題材放到自己所建立好的站點里去，以便在做的可以更方便、快捷的應用到網頁中，提高速率。
第三天：將所在準備的材料一起聯(lián)接起來，放到自己的.所設計的布局結構中。再做二級網頁，建立超鏈接，把一級和二級網頁連接起來。
第四天：將所做的網頁進行整理、調試、發(fā)布。在網站上申請一個空間，將自己做的網頁傳到網上去。
第五天：寫實習報告。將寫好的實習報告打成電子文檔，傳到老師處，審查。
網頁的布局：
網頁的布局指的是網頁的整體架構，也就是排版。在一個被別人打開網頁之后，如何才能突出我們網站里面最重要的內容，即讓用戶第一眼就看到這個網頁所想要傳達的信息和內容。這首先就要從網頁布局做起. 我覺得網頁布局應當注意以下幾點：1、整個網頁的長和寬的比例，2、導航條的設置，3、正文的框架結構。我的這個上網頁中，我的大體布局就是“F“型的。從我的首頁上看上去雖然有點亂的感覺，但整個的布局是清楚的，亂而有型。在大多數(shù)企業(yè)網站中的布局都是大同小異，但是它們做出來的效果顯得非常的完美，所也是他們企業(yè)的成功之處所在。因此，一個網頁布局是一個非常重要的一個工作。
網頁的設計：
網頁的設計不僅需要學好網頁設計軟件的方法，還需要和其它的軟件一起使用，如動畫設計軟件，靜態(tài)圖像處理軟件，等等。所以學習起來的確有點困難，所以需要有有點耐心去學習，不要是因為一時的好奇而去做網站，那肯定是不得行的。當我們遇到問題的時候要總要想著自己去面對解決，不要掉入技術的陷阱，如果你的網頁設計技術一流，并且對軟件的掌握程度已經達到一定水平，但是你設計的網頁確不堪目睹，這是因為網頁設計是介于平面設計和編程技術兩者之間的"邊緣科學."不僅涉及到美學,心理學,平面構成,色彩搭配等平面設計的方面的知識,還涉及到html,javascript,css,asp,php等編程語言技術方面的知識.只有綜合運用多種知識,才能設計出視聽特效,動感十足,富于個性的web頁面,才能全面展現(xiàn)互聯(lián)網這一新型媒體的獨特魅力和多維空間的超強功能。
網頁的整個形象：
在一個網頁做成之后，就要去找開看下網站的整個效果。首先是給視覺效果人視覺效果的，而在視覺效果中又最注重是顏色的，所以色彩的配合是必不可少的知識。在調整好之后，到網上去申請一個空間，傳到網上去，看下效果。
總結：
從我不知從何下手做網頁時到現(xiàn)在學習了一學期和這個專用周結束，總算有一個大體的方向和設置的格式了。我一開始對什么網頁的布局和設置啊，什么都著落，對于一個好的網站的是如何做出來的和它所應用的方法都大概有一個認識。比如說那些動畫、流動的窗口和按鈕、彈出圖片等等一些廣告、視屏之類的。在我們的課本中沒有多少的代碼，只有文字性的操作步驟。還有那些什么JAVA代碼一個都沒有。然而在我們制作過程中，我們很多的時候都需要使用那些JAVA代碼，我們又不知道，只有到網上去找。但是這并不是一件壞事。我們還可以學到很多東西，這也是我們所需要的。我覺得我現(xiàn)在做出的網頁雖然不是很好，但是通過了這一周的實習，我收獲也是不少啊!
篇二：html5實習心得體會
回顧這一個月來的實習生活是一件很值得紀念的事，這是我第一次在外實習，第一次在網上投簡歷能收到回復。對于我們這樣的藝術設計學生，我深刻的體會到單單是學校教的遠遠不夠，學校教的很籠統(tǒng)，很抽象，很大概，如果可以，我希望這個專業(yè)的師弟師妹們，有空多多到圖書館充實自己，靜下心來充分自學。在外實習前，第一件事是把自己賣出去，包裝自己，所以簡歷很重要，務必屬實，因為你有多少兩重，閱人無數(shù)的人事主管和老板在面試的交談中很快就能從你各方面行為和語言中找到答案。既然要面試，衣服當然要穿正裝，其實我也想的只是大二實習期沒有大三的三個月那么長，就那么一個月。這樣短期的工作其實根本沒有什么公司愿意招聘，所以我感覺到萬分榮幸能夠進到這一支專業(yè)的創(chuàng)業(yè)團隊，真的是一件了不起的事，而且這個崗位與我學習的和自己喜愛的科目對的很準，我自己也十分樂于這份工作。
記得剛開始的一個多星期，公司并沒有讓我馬上投入工作，因為當時對產品了解不熟悉，要從學校的圈子走出來到商業(yè)模式去還是有點顧慮，但是當你接觸到這商業(yè)化的東西，你會發(fā)現(xiàn)，學校的東西遠遠不足。所以一般公司會進行些培訓，很感激william楊，他提供了很多設計的書籍給我自學閱讀，可惜在我深刻讀完《瞬間之美--web界面設計如果讓用戶心動》(點擊跳到本人的讀書筆記)一書后，就再也很難抽取一點時間來閱讀了。
在接下來的這個月里，除了必要的培訓以熟悉公司及其產品知識外，我也開始忙碌起來，因為產品的第一個內部版本需要再X月X日這個好日子發(fā)布。剛開始的兩個星期，因為對產品并不熟悉，一直以來在學校設計的作品都很“學�！钡巧虡I(yè)設計比較少，出頭設計的時候真的抓破頭腦，因為習慣了學校的生活，習慣了客戶給要求按照客戶的想法去做。至于什么叫很學校呢，就是一種填鴨式的，根據(jù)參考去模仿設計，然而在社會上涉及很多版權問題，所以商業(yè)上的設計基本上都是原創(chuàng)或者參考過后進行大幅度的提高審美設計，其次因為涉及商業(yè)利益，在商業(yè)的角度上，商業(yè)的資金來源是客戶，所以他們的需求來源于客戶，注重用戶感受的設計，是一個好設計。其實設計是件看起來簡單，但是操作起來卻感覺很漫長的一件事情，每一個細節(jié)自己不斷的琢磨推敲，自己就會讓工作時間變長，效率變低，卻又希望哪天能像那些設計家門隨心所欲的設計出自己喜歡，人們喜歡，客戶滿意的東西。設計來源與生活，應用于生活，我還需要多多積累。
X月X日這個內部版本中，我主要的工作就是設計界面，然后photoshop切圖，然后繼續(xù)傻傻的使用習慣的notepad2++手寫html和css。經歷這樣的蠢事之后，我決定還是回到dreamweaver的懷抱，因為畢竟知識不夠強，在兼容性方面還需要有dreamweaver來實時的告訴我，以提高我的工作效率。期間william楊還多次與我熟悉，很感激他們都關心我，提醒我應該有自己的就業(yè)方向，3年5年XX年的計劃，說長不長說短不短的大學2年已經過去了。我應該有怎樣的'人生，我有想過，但卻還沒如此認真的付出著。我想起老板那句，你喜歡設計?你覺得設計適合你嗎?我真的很需要考慮我的以后，但目前設計還是我喜歡的事情，我也愿意身心的投入到其中，有時候可以不必得到回報，只是為了滿足我小小的心靈。
當X月X日一過，為慶祝產品大賣，公司還組織爬山活動，然而平常我們在深山中休養(yǎng)學習的多，爬山的少。爬山是鍛煉毅力的一種好方法，工作之余不能忘了生活，忘了自然。這次高強度的爬山活動從下午3點一直爬到了晚上10點多才下到山腳，經歷的時間之長，讓我感受到一個人在公司里，不僅要有強硬的專業(yè)知識，還需要強壯的身體支撐來效益公司，而下山mk的那段話，真的讓我感受到他們很關心我，因為畢竟他們都是過來人，謝謝他們的指導。
產品的初步版本確定之后，就要開始慢慢的改進了。william作為產品經理，不僅要領導著整個團隊，還要協(xié)調工作的進度。他會制作出甘特圖，通知每個人需要做什么事情，大概需要多長時間來完成。在其中，我會不時的停滯，因為某些小bug會導致我去轉牛角尖，而這樣會導致拖慢整個進度，然而在這個環(huán)節(jié)，我學會的最多的事，做事情要分優(yōu)先級�？傮w要現(xiàn)出來，大方向，模糊地對，細節(jié)的錯，慢慢改。而那個定律資源一定了，時間也定了，只能減少的剩下特性。
從X月X日開始到XX日，又是另一個版本的小跨越，一個星期里做的事并不多，除了不斷配合小楊完善頁面的重構和美化工作，還要檢查最繁瑣的兼容性問題，心里知道很多房地產經紀人使用的電腦基本上都是深度、雨林木風、電腦公司特別版的ghost系統(tǒng)，所以基本上都是ie6 ie7為主流的瀏覽器，兼容性方面的確在工作上成為一個重點。
XX日的第二個小版本后，會議總結了3頁的分條建立修改文件，當看見滿是修改意見的一行行文字，寫上我負責的q，心理是有點擔心，是否能在期限內完成工作，然而15日這次的爬山活動并沒有參加，因為我知道我應該更加抓緊時間處理問題，一天下來最讓我自己感到滿意的是導航，親力親為的感覺，頗有成就感。一方面不僅要不斷的完善頁面的布局，一方面還要抽時間設計虎之翼公司的logo和網頁，他們真是替我捏了把汗似的，都有種壓力很大吧。我感覺還好吧，不過腦子真的要轉的很快了，因為沒有創(chuàng)作來源，讓我在上下班的途中朝思暮想的想著設計，充分利用上下班的塞車時間，不斷的觀看經過車窗的各型各類的廣告來尋來創(chuàng)意來源。最后還是有驚無險的完成這些工作。除了這些工作，公司越來越多人了，剛進去的時候只有我和sandy，后來多了好多個人，很羨慕參數(shù)組，能有說有笑的工作，但是我這項工作，我不是一個人在戰(zhàn)斗。再后來，開始招聘銷售，因為產品到XX號就要正式發(fā)布了，有點讓我走也走的不放心的感覺，要配合銷售展開小單張的宣傳。時至XX日，才基本完成。
希望，我的能力能幫到公司，獻出我自己一份的力量。
從開始的實習，讓我體驗到這個暑假回會過得更有意義，會特別漫長特別充實。的確學習是一個漫長的過程，學習要耐得住寂寞的抵住誘惑。通過這次的實習，不僅讓我覺得我應該改變自己的內向，學會轉變與人主動交流，才能解決問題，讓我覺得設計還是不錯的，但是自己的專業(yè)真的很需要培養(yǎng)與加強，感覺到學校教的和自己學的遠遠不夠。而且在接下來的日子還要規(guī)劃好自己的未來，才能更好得在崗位上發(fā)揮自己的才能。
最后感謝dav給我這么一個機會，留在公司實習，公司不僅需要各類型的人才，更需要一個有堅定和遠見的老板;感謝william，看過頭像和手機桌面，女兒很可愛，想必是個和藹的爸爸，從一開始便覺得他是個很會閱人的hr，但后來才知道是pm，不過沒有變的，總是耐心地培養(yǎng)我，給我很多資料和很多網站，提高自己的審美和用戶體驗感受;感謝mk，認真的時候很認真，玩的時候還像個大孩子，喜歡和參數(shù)組交流時逗逗我，調劑我，這點我最喜歡了，因為有你們整個公司才顯得有活氣，沒有那么沉悶;感謝kevin，雖然接觸不多，感覺他很用心，是市場方面的主管，看的最多就是修空調，快遞要發(fā)票的時候，會為公司的財政斤斤計較，到后來q總q總得叫我，真不好意思呢;感謝小楊，能夠和你愉快的合作，如果可以我也想學jsp，后來小白走了，你又要一個人辛苦了;感謝adam，強硬的技術支持，我想沒有你這位核心人物為公司撐下一片藍天，可能我們這個產品就很難走下去了;謝謝一起在虎之翼公司里工作的所有工作人員。
我很喜歡你們,喜歡這樣的工作氛圍，謝謝你們!
篇三：html5實習心得體會
真的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規(guī)格，一下子把其他內容的框架擠開;插入的層太多，大一點的就把小一點的給覆蓋掉了;插入的FLASH不能產生效果�？傊畣栴}一籮筐。實踐出真知，原來自己還有那么多欠缺的知識。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網頁制作方面的書籍來參考。
在對基本知識有了詳細的了解之后，做起東西來就得心應手多了，知道引導頁能過加映像之后，我決定為我的網頁設計一個引導頁。
然后是主頁和二級頁面的設置。要注意,網上只能使用JPG和GIF兩種圖象格式，其他諸如BMP和TIF等很通用的格式都不能用在網上,因為它們太大了,但可以用圖象軟件進行轉換，比如Office 97的照片編輯器。把準備在主頁上出現(xiàn)的圖象放進相應的目錄里后.
在一步一步的邊學邊做的'過程中，看著心中的東西一點一點的出來，真的很有成就感。雖然自己的網頁技術還差的遠，但是回顧一下這周真的學到了很多的東西。
網頁的調試
之前把作過的東西放到U盤里，發(fā)生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把源文件和WEB頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。
一.網站的整體規(guī)劃
1.討論網站主題：因為自己對普羅旺斯很感興趣，于是就想到要是一下為心中的仙境設計一個旅游網站。
2.定位網站CI形象：旅游網站最重要的就是是瀏覽者產生想去親身體驗一下的共鳴。于是在網頁設計上面，根據(jù)普羅旺斯夢幻般的意境，我采用的是清新雋永的CI形象。使瀏覽者有賓至如歸的感受。
3.確定欄目和板塊：
1]首先要考慮整個網頁的長和寬，以及長度和寬度之間的比例。
2]其次就應該考慮導航條的設置了。
3]正文的框架設置 (橫向因素和縱向因素交錯)
在瀏覽了很多精美的旅游網站之后，再結合自己的想法，我先在草紙上畫出了大體的欄目和板塊。
4.網站的整體風格和創(chuàng)意：建立一個浪漫的旅行網站，走映像派路線，目的務必使瀏覽者留下映像。
二.網頁制作的前期策劃與準備
1.資料的搜集：由于個人的愛好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢幻效果的網頁背景，F(xiàn)IASH源代碼、小圖標和一些GIF的動畫等。
2.熟悉制作工具軟件：
主頁制作的基本條件有：網頁設計實習總結
硬件：
一臺電腦(64MB以上內存，當然越大越好啦);可以撥號上網;如果你有條件的話,建議:配置掃描儀,這將大大方便圖像和文字的輸入;
軟件：
HTML編輯軟件：常用的有Frontpage、Hotdog等，本文重點介紹 Dreamweaver;
圖像處理軟件：常用的有Photoshop、flash、Fireworks 等;
文件上傳軟件：常用的有Cuteftp、WSftp等。
【html5實習心得體會】相關文章：
HTML5培訓心得體會03-23
HTML5的發(fā)展03-27
關于HTML5的新特性介紹01-04
HTML5的15個常用特性01-21
HTML5未來發(fā)展趨勢03-25
HTML5的安全風險詳析03-10
加速HTML5應用的九大方法03-25
網頁中HTML5與CSS3的應用03-31
HTML5開發(fā)工程師崗位職責03-16
HTML5和HTML4有何區(qū)別？03-28