HTML5學習方法
HTML5學堂:學習HTML5,除了我們要拋下足夠的汗水之外,還需要有合適的方法。合理的方法能夠事半功倍,而不合理的方法則事倍功半。在此,我們幾個講師結合我們的課程,總結了八種方法,與大家分享,希望各位學會學習。
前言:本來這些方法是在昨日上課時分享給HTML5-5班孩子的,在這裏發出來,主要是為了和大家分享,也希望每個學習HTML5的人,包括以後班級的孩子,能夠找到合理的方法。
方法1 整體到局部,骨架到血肉
在學習HTML和CSS時,會涉及到網頁的搭建。學習這個知識時,我們採用的方法是“由外及內”,“由整體到部分”,“由全局到細節”。 學習東西,特別是在初識某個事物時,一定要從主幹到枝葉,而不要陷入細節,糾結於其中。主幹如同知識的一個主線,這種先找主幹後添枝葉的學習方法能夠讓知識遺漏變成最少,也會比較容易建立起知識知識間的關係。
方法2 類比
在學習CSS引入方式這種知識點時,我們採用了另一種學習方法。辨析,或者也可以叫做類比。
這種方法主要針對於區分相似的兩種或多種事物。如strong與em,塊元素與行元素,同步與異步。
對於此類知識,應多多思考,抓取幾種事物的不同點,結合去記憶。
方法3 記憶很重要
學習時會遇到一些知識點,如有哪些數據類型,有哪些標籤元素。需要記憶的還是要記憶的。很多人在學習過程中覺得理解最重要,不需要記憶。這種想法是有問題的,如果連記都記不住,還談什麼理解?
方法4 聚沙成塔
在網站中,我們能夠看到各種各樣的效果,有些效果看上去很高大上,很炫美。然而,再炫美的效果也是由眾多的知識點組合而成的。當我們對效果抽絲剝繭,就會發現,其實最初的它很簡單。
一朵櫻花並不起眼,但是當你從一條道路走過,道路兩旁栽種着數百棵櫻花樹,紛紛揚揚的花瓣飄灑下來,讓你彷彿置身於粉色的花雨之中。這就是所謂的聚沙成塔。有時,我們希望製作很漂亮的效果,這個時候,一定要懂得這個道理(JQ特效製作就是典型的例子)
方法5 循序漸進
一口吃不成胖子,也不是有一頓飯沒吃就可以減肥成功的。在學習過程中,會遇到一些“大型”的知識,這種知識比較難啃。遇到此類知識,不要想着如何一口吃掉它,而要一步一步來。動畫框架的學習就是一個典型。
在循序漸進中,思路很重要,換句話説,我們知道一個知識點很“大”,也知道要一口一口的`吃,一步步的消化,但是,如果我們弄不清楚先吃什麼再吃什麼,也很難把這個知識啃下來。
這時候需要“思路”,也就是“流程”,在學習知識中,重點是關注流程和思路,而具體的小知識點充當的是血肉(和我們提到的第一個方法就掛鈎了,就是分清主幹和枝葉)
方法6 知識的遷移
用已有知識輔助未知知識的學習,是很好的一種方法。通常這種方法應用於擁有相似特點的事物。例如:圓角邊框與外邊距、背景切割與背景原點、JS對象與JSON等
方法7 生活輔助學習
這種方法是講師用的最多的。
利用生活中實際的事物去輔助抽象知識的學習,能夠讓我們更好更快的理解和吸收知識。
例如在講解盒模型時我們利用了快遞中的方魚缸。在講解AJAX時我們利用了信件郵寄。在講解構造函數時,我們利用了毛坯房和裝修房。在講解引用類型變量的時候我們藉助了鑰匙和倉庫的關係。
找一種合適的例子,輔助自己理解,是很好的方法,但是一定要注意,例子要合理~
方法8 實踐出真知
在學習一些知識過程中,有些孩紙不喜歡動手,而更多的是喜歡聽或者喜歡背。這種思路明顯是不好的。代碼,是個需要動手的活兒,掌握代碼靠的不僅僅是記憶,還需要嘗試。嘗試書寫代碼,發現現象,然後歸納總結,形成理論並記憶。
換句話説,理論來源於實踐,高於實踐(高於實踐的原因在於有總結與歸納)。在學習過程中,不能僅僅採用背理論再實踐這種學習方法,也要去經歷實踐到理論轉化的這種方法。
-
網頁設計的佈局
網頁設計的工作目標,是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化,在功能限定的情況下,儘可能給予用户完美的視覺體驗。以下是小編為您帶來的網頁設計的佈局,看看吧!網頁設計的佈局11、響應式網頁設計響應式網頁設計是網頁設計的一種技術,可在N多種瀏...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
JavaScript中的style.cssText使用教程分解
很多人用過r、lay等直接設置元素的.樣式屬性,但是ext用過的人就不多了。cssText本質是什麼?cssText的本質就是設置HTML元素的style屬性值。cssText怎麼用?複製代碼代碼如下:lementById("d1")ext="color:red;font-size:13px;";看了這個示例後,相信不説,也知道ext是什...
-
JavaScript基本語法分析
一、JavaScript基本語法。(一)數據類型與變量類型。整數,小數,佈局,字符串,日期時間,數組強制轉換:parseInt()parseFloat()isNaN()(二)數組var數組名=newArray([長度]);//“假冒”數組th-長度a[下標]=值。a[下標](三)函數複製代碼代碼如下:function函數名(形參){}function...