接上一篇，web學習筆記 三，web學習筆記剛剛發出，就發現被其他網站採集了，在此感謝您的採集和轉發，但請註明文章出自網知博學。
1.7 開發工具的選擇
特點：比較小、佔用系統資源比較少、代碼顏色高亮顯示、但沒有代碼自動補功能
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 正式學習之前的準備
html的語法格式
html標籤的屬性格式
構成HTML文檔（網頁）最基本的必須的標籤
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安裝及註冊方法
此篇學習筆記爲網知博學原創，轉載請附上文章鏈接並註明： 網知博學-技術博客