靜態頁面製作:1HTML的基本認知

標籤：等等   基本   ddd   認知   期望   檔案名稱   網站   完成   工具   

  有一句名言，Talk is cheap,show me the code.這句話無論放到那裡都非常合適 我們也廢話少說，首先給大家展示一下我們PC端最終實現的效果。      上面的網頁很簡單，但也很完整。麻雀雖小，但五髒俱全。我們可以通過這個案例，將HTML5+CSS3中主要的功能以及響應式布局全都掌握。  我們期望通過8天的時間，讓大家可以：  網頁入門知識   我們都上過各種網站，百度、Google、新浪、facebook等等。這些網站看著很龐大，像是一個整體。但其實他們是由一些很小的部分構成的。  我們說九層之台，始於雷同。其實網站就是一個個網頁，網頁相互串連起來就構成一個網站。其實每個網頁都是一個檔案，檔案不僅有檔案名稱，還有副檔名。  下面我們通過三張圖，讓大家瞭解一下檔案名稱和副檔名。    檔案名稱： 當然就是檔案的名字。副檔名： 實際就是檔案的類型。我們現在說一下網頁檔案，副檔名就是html，html的全拼是什麼呢，有兩種解釋，第一個就是How to make love(這和PHP（拍黃片）可以說是如出一轍).正規的解釋當然就是Hyper Text Markup Langeage（超.文本.標籤.語言）。   超文本也就是超連結了，我們網頁的製作就是由html超文字標籤語言來完成的。所以大家一定要記住這個尾碼.html.工欲善其事，必先利其器  上面兩個是我們選擇的兩款必要工具，Sumlime3是編輯器，可以利用Sumlime3編輯我們的網頁，Chrome是用來查閱效果、調試用到的瀏覽器。瀏覽器有多中，但在現在主流的瀏覽器中，最常見也就是三種，Chrome、Safari以及Firefox。  通過的百分比，我們不難發現，我們為什麼選擇Chrome，其中的一個主要原因就是市場的佔有率，也就是市場上有快將近一半的人使用Chrome，這是市場的優勢。我們用它來進行測試我們的網頁以及條件網頁都是有利的。當然還有另外一個讓我們不得不選擇Chrome的原因，那就是它具有強大而的開發人員工具，這可以大大的提高我們製作網頁的效率。  我在這裡就不給大家介紹如何安裝Google瀏覽器和Sublime3工具了，我相信大家一定有能力將這兩個工具準備好。 下一節: 我們將介紹“標籤和屬性”

靜態頁面製作:1HTML的基本認知