HTML5實訓(xùn)報告-原創(chuàng)實訓(xùn)總結(jié)

.z.-----總結(jié)資料物理與電子工程學(xué)院專業(yè)實訓(xùn)報告學(xué)生**:***學(xué)號:20130341100專業(yè)：電子信息科學(xué)與技術(shù)班級：13級電科本1班指導(dǎo)教師：***2017年9月15日-.z.專業(yè)實訓(xùn)報告實訓(xùn)單位：物理與電子工程學(xué)院地點：實驗樓信號與系統(tǒng)實驗室實訓(xùn)時間：2017.9.5—2017.9.11指導(dǎo)教師：***1、實訓(xùn)目的及要求：〔根據(jù)指導(dǎo)教師在教學(xué)過程中給出的具體要求填寫〕通過本次實訓(xùn)，旨在以親身參與各類工程的實際編寫工作，來了解新興的HTML5語言的開展歷程，并了解和掌握這一新技術(shù)在IT行業(yè)中的具體應(yīng)用范圍和使用方法。在進展對H5語言進展初步了解后，通過實訓(xùn)課程的安排，逐步學(xué)習(xí)根底的H5語言的指令代碼，運用所學(xué)習(xí)的指令代碼進展更深入的效果設(shè)計，如定位、浮動、3D動畫設(shè)計、輪播圖等初級的H5設(shè)計，最后通過運用所有學(xué)習(xí)的指令操作完成總體的工程設(shè)計，從而對H5語言展開比擬全面的了解和具備應(yīng)用能力。要**訓(xùn)期間認真學(xué)習(xí)H5的各種指令操作，認真完成作業(yè)并書寫日報，不得遲到、早退、曠課；假設(shè)有問題需及時與校負責(zé)教師和工程工程師溝通聯(lián)系。2、實訓(xùn)的流程及內(nèi)容〔包括前期準備及實訓(xùn)過程〕實訓(xùn)開場前，由承當實訓(xùn)的主要負責(zé)人和實訓(xùn)教師，即藍鷗公司教師楊成龍對這次實訓(xùn)做了總體概述，并說明了本次實訓(xùn)所需要的sublime軟件、谷歌瀏覽器；展示了預(yù)期需要完成的設(shè)計效果，并說明了實訓(xùn)期間的各項要求。實訓(xùn)的具體流程為：第一天，總體介紹實訓(xùn)，主要介紹了H5語言的開展歷程，說明了本次實訓(xùn)的任務(wù)，介紹了所使用的sublime軟件的操作方法和相關(guān)插件的安裝方法。第二天，主要學(xué)習(xí)了在sublime軟件中的固定代碼格式，主要有頭文件名、網(wǎng)頁標題、<style></style>格式，并學(xué)習(xí)了一些根底的設(shè)置，如添加顏色的代碼操作。第三天，學(xué)習(xí)了浮動指令、添加圖片的操作。第四天，學(xué)習(xí)了JC語言，CSS內(nèi)聯(lián)樣式的代碼書寫。第五天，學(xué)習(xí)了CSS外聯(lián)樣式的代碼書寫，并學(xué)習(xí)3D動畫的代碼書寫，學(xué)習(xí)了輪播動畫的設(shè)計，并對所學(xué)的各種代碼操作加以總結(jié)復(fù)習(xí)。第六天，學(xué)習(xí)了當當優(yōu)品工程的設(shè)計和代碼書寫，并開場設(shè)計辯論工程。第七天，完成自己設(shè)計的工程，并進展工程辯論，實訓(xùn)完畢。3、實訓(xùn)過程中的相關(guān)問題與解決方法〔如實填寫〕在本次實訓(xùn)中，主要的問題集中在對JC語言的學(xué)習(xí)和對CSS內(nèi)聯(lián)、外聯(lián)樣式的學(xué)習(xí)和理解上。由于JC語言是一種偏向于腳本語言的代碼書寫，與C語言有相似之處但是又有不同之處，這就使得在理解過程需要花費精力去想明白其原理，有些較難的原理、想不明白的原理就及時和教師、同學(xué)進展溝通和交流，力爭在最短時間里解決問題，不留下遺留問題。除此之外，CSS外聯(lián)的學(xué)習(xí)是一個重點，也是一個很大的難點。CSS外聯(lián)是指在書寫主程序代碼時，*一些指令需要單獨使用JC語言生成腳本代碼，然后再在主程序中調(diào)用。出現(xiàn)的問題主要表現(xiàn)在一是對JC語言本身學(xué)習(xí)的不是很充分，再加上涉及到兩個工程間的調(diào)用，使得經(jīng)常出現(xiàn)代碼錯誤，且難以自行發(fā)覺。解決這些問題的主要方法就是，首先要尋求同組人的幫助，檢查錯誤，尤其是首先要解決根底性的錯誤，如果仍然無法解決，則需要向教師尋求幫助。在CSS內(nèi)聯(lián)的學(xué)習(xí)上，出現(xiàn)的問題大體上與外聯(lián)的問題一樣。所謂CSS內(nèi)聯(lián)樣式，就是在主程序內(nèi)部書寫的*種功能性代碼，并對其加以調(diào)用。出現(xiàn)的問題不是很多，但是存在。最后，最主要的問題集中在學(xué)習(xí)3D動畫的過程中。在這一模塊的學(xué)習(xí)時，主要涉及到首先要想明白所設(shè)計的動畫效果是什么。由于涉及到3維空間，也就是涉及到繞著那個軸旋轉(zhuǎn)的問題，稍有代碼錯誤，或者旋轉(zhuǎn)軸出錯都不能到達預(yù)期效果。問題主要表現(xiàn)為，對代碼指令的不熟悉導(dǎo)致動畫錯誤，對要設(shè)計的動畫效果不清晰導(dǎo)致代碼使用錯誤，根本的動畫設(shè)計與代碼指令銜接不同步導(dǎo)致動畫出現(xiàn)的效果不是預(yù)期效果等問題。一般出現(xiàn)這些問題時，由于涉及到需要有專業(yè)知識才能解決，根本上都是向教師尋求幫助，根據(jù)教師的講解先自行更改，仍有錯誤的，則讓教師幫助修改代碼主程序，并找到出現(xiàn)錯誤的原因。4、實訓(xùn)總結(jié)〔包括心得體會與后期學(xué)習(xí)方案〕為期七天的實訓(xùn)課，不經(jīng)意間就完畢了，雖然只是短短的七天實訓(xùn)，但是卻收獲很多，學(xué)習(xí)到的關(guān)于HTML5語言的知識也比擬多。首先，我想先來說說這次實訓(xùn)的主要學(xué)習(xí)內(nèi)容，即HTML5語言。HTML指的是超文本標記語言(HyperTe*tMarkupLanguage)，標記語言是一套標記標簽(markuptag)，HTML使用標記標簽來描述網(wǎng)頁。HTML5區(qū)別于HTML的標準，基于全新的規(guī)則手冊，提供了一些新的元素和屬性，在web技術(shù)開展的過程中成為新的里程碑。HTML5被推廣用于Web平臺游戲開發(fā)，及手機移動領(lǐng)域，從市場來看，無論是桌面應(yīng)用還是移動應(yīng)用，HTML5都是當下Web技術(shù)中最炙手可熱的新寵，是創(chuàng)新的主旋律，在不久的時間里一定會大有作為。我想這也是這次實訓(xùn)課的主要意義之一。因此，從我個人的角度上，我也很重視這次的實訓(xùn)課程的學(xué)習(xí)。在整個實訓(xùn)課程的安排上，簡要的可以概括為在七天的時間中，整體對H5語言的開展和前景有所了解，然后進展根底知識的學(xué)習(xí)，最后進展工程的設(shè)計和辯論。主要內(nèi)容是第一天，總體介紹實訓(xùn)，H5語言的開展歷程，說明了本次實訓(xùn)的任務(wù)，介紹了所用的sublime軟件的操作和相關(guān)的插件、安裝。第二天，主要學(xué)習(xí)了在sublime軟件中的固定代碼格式，主要有頭文件名，網(wǎng)頁標題，<style></style>格式，并學(xué)習(xí)了一些根底的設(shè)置的，添加顏色的代碼操作。第三天，學(xué)習(xí)了浮動，添加圖片的操作。第四天，學(xué)習(xí)了JC語言，css內(nèi)聯(lián)樣式的代碼書寫。第五天，學(xué)習(xí)了css外聯(lián)樣式的代碼書寫，并學(xué)習(xí)3D動畫的代碼書寫，學(xué)習(xí)了輪播動畫的設(shè)計，并對所學(xué)的各種代碼操作加以總結(jié)復(fù)習(xí)。第六天，學(xué)習(xí)了當當優(yōu)品工程的設(shè)計和代碼書寫，并開場設(shè)計辯論工程。第七天，進展對自己設(shè)計的工程，進展辯論，實訓(xùn)完畢。下面來談?wù)勎以谶@次實訓(xùn)中的收獲和感受。第一點，學(xué)習(xí)到了HTML5語言的設(shè)計和代碼指令自然不必再贅述，但更重要的是鍛煉了思維能力，培養(yǎng)了設(shè)計創(chuàng)新的能力。在整個H5學(xué)習(xí)的過程中，代碼的運用、根底知識的學(xué)習(xí)可以說只是作為技術(shù)的根底層面，而要想真正完成一個工程，更多的是需要思維能力的鍛煉和工程的創(chuàng)新。就學(xué)習(xí)代碼而言，3D動畫的學(xué)習(xí)，就十分需要空間想象力和思維能力，不怕這種能力的缺乏，怕的是不去學(xué)習(xí)，不去培養(yǎng)。因為如果沒有這種能力，或者比擬薄弱，一方面難以想出新的工程的構(gòu)思，另一方面無法想出動畫的翻轉(zhuǎn)或者各種效果的指令代碼的書寫。所有的這些都貫穿于H5的實訓(xùn)過程中。再具體的將來，就是對于所學(xué)的每個指令，并非是記憶住其書寫的格式，而是需要我們參加自己對每個代碼感悟和認識。怎樣的情況下去應(yīng)用，如何用，使用時的技巧，這些都是重要的對于自己能力的鍛煉。另外，結(jié)合于其中的，還有對于獨立思考的能力的培養(yǎng)。這一點是顯而易見的。無論是對于一個新的工程的編寫，還是對于學(xué)習(xí)每一條單獨的指令，教師和同學(xué)所能幫助的是引導(dǎo)和解決難題的作用，而要想真正做到自己學(xué)會指令，則離不開獨立思考，獨立學(xué)習(xí)的過程和環(huán)節(jié)。第二點，通過這次實訓(xùn)，使得自己對IT行業(yè)有了進一步的了解。在實訓(xùn)的過程中，教師也對IT行業(yè)和相關(guān)的就業(yè)前景進展了諸多表達，對于自己和同學(xué)們有很大的幫助。HTML5在網(wǎng)頁開發(fā)上，賦予網(wǎng)頁更好的意義和構(gòu)造，HTML5手機應(yīng)用的最大優(yōu)勢就是可以在網(wǎng)頁上直接調(diào)試和修改。因此在HTML5中的新的標簽，將有助于開發(fā)人員定義重要的內(nèi)容，可以給站點帶來更多的多媒體元素(視頻和音頻)，可以很好的替代FLASH和Silverlight并且當涉及到的抓取和索引的時候，對于SEO很友好。對于這些優(yōu)勢性的，幾乎也都有相關(guān)的工作崗位。由此可見在未來的一段時間里，伴隨著互聯(lián)網(wǎng)的不斷普及和優(yōu)化，H5的前端開發(fā)的相關(guān)崗位也必將是很熾熱的。這也是這次實訓(xùn)的另一意義所在，他對于就業(yè)是很有幫助的。第三點，實訓(xùn)課將理論與實踐相結(jié)合，從直觀和整體上帶來了很好的效果。在大學(xué)本科的學(xué)習(xí)過程中，C語言的學(xué)習(xí)可以說是不可或缺的、必不可少的。但是就我個人而言，在學(xué)習(xí)C語言時，只是為了學(xué)習(xí)其語法構(gòu)造而學(xué)習(xí)語言，只是在應(yīng)試的層面上對其理解，記憶，編程。但是這次的HTML5的實訓(xùn)課卻完全是不同的。最根本之處就是通過在sublime的編寫的代碼可以在瀏覽器中直接以直觀的音頻、視頻的形勢表現(xiàn)出來，給人最直觀的感受。這對于激發(fā)學(xué)習(xí)興趣，激發(fā)探索學(xué)習(xí)的精神是很有影響的。例如在學(xué)習(xí)輪播工程時，就是將事先準備好的素材，包括音頻和圖片，放到網(wǎng)頁中，讓其開場的時候以十張圖片循環(huán)旋轉(zhuǎn)的形勢展現(xiàn)，當鼠標停留時，停留在那張圖片上會有視頻播放。這就是輪播效果，但是在代碼編寫的過程中國，還是要比只管看起來有所繁瑣的。它主要涉及到圖片的插入，視頻的插入的代碼書寫，輪播動作的大代碼的書寫，調(diào)整輪播效果，調(diào)整視頻、圖像的位置格式等問題。盡管如此，在書寫完所有指令之后，再對整體工程進項調(diào)試的時候，*個參數(shù)的設(shè)置都會影響不同的展現(xiàn)效果。對于理想效果的追求，鼓勵著不斷調(diào)試程序，不斷嘗試。這就是H5語言的鼓勵作用所在。第四點，這次實訓(xùn)加強了自己的團隊合作的意識、團結(jié)協(xié)作的能力。這一點上我是感受很深的。在最后兩天的工程設(shè)計上，要求以四個人為一個小組進展工程設(shè)計，從素材，動畫效果，講解展示都會給出評分。并且是要求在一天內(nèi)完成工程設(shè)計，第二天進展工程辯論。老實的將在剛剛聽到任務(wù)時感覺是不可能的，冷靜思考之后，運用到這幾天所學(xué)的指令進展一個簡單的工程設(shè)計還是可以的，但是，時間緊任務(wù)重，技術(shù)有限。因此，在四個人一組的小組中，大家開場分工合作，各自負責(zé)不同的任務(wù)局部。代碼編寫與調(diào)試，素材的收集與整理，每個人的工作都進展細化，再細化，定時保量的去完成。這樣的結(jié)果是，確實提高了工作的效率。原本制定的要到第二天早晨才能完成的工作，在課程設(shè)計的第一天就完成了。我想這就展示出了合作的重要性。如果所有的任務(wù)都去一個人完成，則在這么短的時間內(nèi)，又要保證一定質(zhì)量的完成任務(wù)，絕對是不可能的。此外，有合作，就難免有分歧。這次的實訓(xùn)課的工程設(shè)計環(huán)節(jié)也絕對是對我個人溝通、交流能力的鍛煉。一開場，在確定工程的設(shè)計上，就出現(xiàn)了兩種不同的觀點。一種，整體畫面分為兩局部，上方一個輪播，下方三張靜態(tài)效果展示，另一種方案是將教師給的模板進展簡單改造，力求按時完成任務(wù)。這兩種方案都是具有可行性的，而且有都有各自的有點和缺點。很明顯第一種方案，可以很好地給觀眾以視覺呈現(xiàn)，但是在技術(shù)上要難于第二種方案；而第二種方案則一定能夠保證在要求的時間里完成任務(wù)，但是很明顯的是在視覺效果上并不好。為此，對于這兩種方案大家進展了充分的討論，最終決定對第一種方案進展改造，力求優(yōu)勢互補，效果最正確。在這其中的是小組成員的各自的出謀劃策，也必須需要相互的表達、溝通和交流。我想這一點不僅僅在這次的實訓(xùn)課中被展示出來，也一定會在今后的生活和學(xué)習(xí)交流中充分展現(xiàn)。溝