【鬼臉原創】後端程式員前端之路01，鬼臉後端程式員01

【鬼臉原創】後端程式員前端之路01，鬼臉後端程式員01

目錄

• 瞭解什麼是Web
• 瞭解什麼是HTML
• 瞭解什麼是CSS
• 瞭解什麼是JavaScript
• 瞭解HTML與CSS是如何一起工作的
• 為何要使用CSS
• 擴充閱讀

 

一、瞭解什麼是Web？

        通俗來講，可以使使用者通過瀏覽器來訪問某個電腦上的檔案。

二、瞭解什麼是HTML？

        HTML（超文字標記語言 (HTML)--Hypertext Markup Language），用來結構化Web網站上的內容並給予其含義的標記語言。      

三、瞭解什麼是CSS？

        CSS（層疊樣式表），用來裝飾網頁的代碼。

       就好比一個女孩（HTML）經過化妝（CSS）以後，就會變得更漂亮一樣。

四、瞭解什麼是JavaScript?

       JavaScript（指令碼語言）是用來實現網頁上的特效效果。

       就好比是控制人的行為。

五、瞭解HTML與CSS是如何一起工作的

        瀏覽器將HTML與CSS轉換為DOM結構，然後將DOM的內容呈現出來。

六、為何要使用CSS

       結構與表現的分離：

       1）避免重複：不同的頁面之間有相同的部分要展現同樣的效果

       2）更容易維護

       3）更易擴充   ：就像部落格園的皮膚一樣，內容一樣，應用不同的皮膚展現的效果不一樣，自由切換。       

七、擴充閱讀

        標記語言、指令碼語言、編譯語言，它們都是什麼，以及各自區別？

         1、標記語言：

              --只是用來組織不同內容之間的一種關係

              比如：HTML（用來結構化Web伺服器上的內容）、XML（將常值內容按照一定規則排列，可以用來“作設定檔”以及“傳輸資料”）

         2、編譯語言

              --寫好的代碼，再執行之前。需要先編譯為機器語言，然後才能被電腦運行。

              比如：C#（寫好代碼，經過編譯後才會產生exe程式）

         3、指令碼語言

              --為了縮短傳統的編寫-編譯-連結-運行過程而建立的電腦程式設計語言。

            比如：JavaScript（寫好以後，可以直接被瀏覽器識別）