WEB前端學習筆記 三

接上一篇，web學習筆記 三，web學習筆記剛剛發出，就發現被其他網站采集了，在此感謝您的采集和轉發，但請注明文章出自網知博學。

1.7  開發工具的選擇

增強文本編輯器：EditPlus、Notepad++

特點：比較小、占用系統資源比較少、代碼顏色高亮顯示、但沒有代碼自動補功能

IDE：(Integrated Development Environment,集成開發環境)。IDE集成開發環境（簡稱IDE）開發環境就是指在開發軟件的時候需要用到的軟件。這些軟件包括代碼編輯器、編譯器、調試工具和圖形用戶界面工具等。而一套擁有代碼編輯器、編譯器、調試工具和圖形用戶界面工具等軟件的套裝就是集成開發環境，又叫IDE

可選擇使用的IDE：Dreamweaver、WebStorm、PHPStorm、Zend Studio Visual Studio系列、有很多WEB前端開發IDE，這里提到的只是我曾使用過的。各有優缺點，沒有什么好與不好，就看個人的使用習慣了！本來筆記中的IDE想用webstrom或是phpstrom，但是考慮到筆記是從最基礎的開始，還是選擇比較簡單的Dreamweaver吧，畢竟是中文，看著會容易一些。

說到開發工具，不得不多說幾句，有些人，不贊同初學者使用具有代碼補全功能的IDE，理由有很多，比如，IDE自動做了很多事情，讓初學者不知道編譯原理，讓初學者變懶，有代碼提示，離開了IDE，就不會寫代碼了。等等等等。乍一看，似乎很有道理，對于這樣的理論，在這里不做過多的評論，只想說， 你在學習一門語言，學習的是語言和程序的設計，而不是寫了段代碼，還要知道這段代碼是如何編譯成匯編語言，然后再編譯成機器語言，然后再呈現出結果給你！

善于運用工具，IDE的代碼智能提示，我認為是很好的背單詞的工具，一個單詞你照著提示寫幾次，幾乎就可以背下來了，如果沒有提示呢？你打開一個記事本，寫什么？如果英文是你的第二母語，那么你可以嘗試下不使用IDE。所以初學者不要再就糾結這個問題！！

1.8  自學了HTML、CSS、JavaScript和Jquery,為什么寫不出一個完整的網站。甚至是連一個頁面都完成不了

這個問題，暫時想到以下2種情況

教程問題：也就是說你所學的教程（視頻，書），既然已經自學過了，那么w3school的網站大家應該都知道了，網站上的例子，即使全都能做出同樣效果了，那么也不一定寫出自己的作品！個人覺得w3c更像是手冊，當你忘記了某個標簽，某個樣式，可以去查詢，但并不適合做教材，有些視頻也是這個樣子，把例子都講了一遍，然后結束，你也感覺確實都會了，但其實并不是這樣，當你照著這樣的教程學習的時候，你只是知道了這個例子，寫完后會有什么樣的效果呈現，其實并沒有學會！如果是這種情況，那么就要做些實際的項目案例。把所學的知識靈活的運用結合到一起，就會有自己的作品了。

學習方法問題：其實這里面還是有教程的問題，在學習html的時候根據視頻教程學習了標簽，并把所有標簽的屬性也都學了一遍，結果在學Css的時候，你發現，你所學的那些標簽屬性，再也用不到了，因為全部都用CSS實現了。在講Css的時候只用div和span標簽來講CSS的樣式。結果就是當你把CSS的例子都做完后，忽然發現HTML的其他標簽你已經有些生疏了。同樣在學JavaScript的時候，用了很長時間，好不容易也按照例子做完了，忽然又發現你對CSS也生疏了，到了jquery，你發現用JavaScript寫了10幾行代碼才能實現的功能，在Jquery中只需要幾行代碼，甚至一行代碼就能實現。你可能會有些迷茫，但一咬牙你堅持下去了，等你按照視頻教程做完了Jquery的例子，不再迷茫了，而是蒙圈了，因為你忽然發現雖然你都學了，卻好像是沒有記住什么，當然寫不出完整頁面！！

所以說自學在教程的選擇上是很重要的，同時學習的方法也很重要，在學習HTML的時候，標簽樣式屬性只作為了解，因為有了CSS，HTML的標簽樣式屬性幾乎都被棄用了，你還在浪費時間跟著視頻學個啥！！在JavaScript和Jquery的學習上，可以這樣選擇，JavaScrip基礎語法、變量、函數，匿名函數，常用的內置對象，簡單的數組能明白即可，其他知識點，如通過JavaScript選取并讀取節點、文檔遍歷以及增加節點、刪除節點、正則表達式、JSON、等等，這些在jquery中也都能實現，所以在JavaScript學完基礎，就直接學習Jquery，如果你精力旺盛，不計較學習的時間成本，那么再回過頭來去根據Jquery中的例子，用javaScript來實現。那么你在JavaScript方面就應該成為高高手了。

為了避免學完后，還寫不出代碼，HTML、CSS、JavaScript、Jquery這幾個知識點，必須合理有效的結合學習，而不是單獨的學習。   

好了，寫完了，如果有什么問題以后再慢慢補充，感謝您關注網知博學技術博客

1.9 正式學習之前的準備

1. html的語法格式

2. html標簽的屬性格式

3. 構成HTML文檔（網頁）最基本的必須的標簽

4. Dreamweaver的安裝與激活

現在正式開始學習，今天我們將學習html的語法格式，也就是這個Html的標簽應該用什么格式寫以及html標簽的屬性格式（html標簽的屬性不作為重點，只需了解即可）。

還有網頁的基本結構，你發個郵件（大家都會發郵件吧~嗯，應該會）不得有郵件的結構嗎，什么發件人了，主題了，正文了，等等，好像應該叫做格式，反正就是這個意思吧，那么網頁呢，一個完整的網頁也有它的結構。

在學習html語法格式、網頁基本結構和標簽屬性我們先用記事本或是增強文本編輯器：EditPlus，讓大家快速的了解html的基礎知識。

還有一點，同學們要知道一下，HTML和XHTML，其實我們現在所學習的標簽書寫規范都是XHTML的， XHTML又是什么呢，不要暈，其實就是重新定義的 HTML，是更嚴格更純凈的 HTML 版本，

我們只需知道，現在我們寫網頁的規范標準就兩個，XHTML和HTML5，不要問可以不可以直接學HTML5，既然說到了HTML5就簡單說一下,HTM5是用于取代html與xhtml 的新一代標準版本,。HTML5新增了新的標簽和屬性，加強了網頁的標準、語義化與web表現性能，同時還增加了本地數據庫等 Web 應用的功能。），只是在html和xhtml的基礎上，所以還是要先把基礎學好，再去學HTML5就很簡單了。了解這些就行了。

Dreamweaver下載地址：在此篇文章最下方，壓縮包中包含了注冊機和注冊方法。也可以參考：Adobe Dreamweaver CC 2015安裝及注冊方法

此篇學習筆記為網知博學原創，轉載請附上文章鏈接并注明： 網知博學-技術博客