自學網頁の嬰兒教材：第1課 ── 安裝：網頁突然好美美

第1課 課程目標

學會安裝 Bootstrap。

第1課 課程內容

第一課只要學會如何安裝 Bootstrap 就可以了。

Bootstrap 安裝好之後，瀏覽器預設的 h1, h2, h3, p 等等基本元素的樣式就會被覆蓋。

會變成 Bootstrap 的預設樣式，會更漂亮。

在網頁中引入 Bootstrap 的 css 與 js 檔的方式有很多，其中最簡單的是直接引入 BootstrapCDN 的線上檔案，連下載檔案都不用。

請閱讀一些 Bootstrap 基本觀念：

https://www.w3schools.com/bootstrap4/bootstrap_get_started.asp

https://www.w3schools.com/bootstrap4/bootstrap_typography.asp

然後參考官網的 BootstrapCDN 段落：

https://getbootstrap.com/docs/4.1/getting-started/download/

對於引入外部檔案的觀念不熟悉的話，請參考這份的「External Style Sheet」段落：

https://www.w3schools.com/css/css_howto.asp

以及這份的「JavaScript in External File」段落：

https://www.tutorialspoint.com/javascript/javascript_placement.htm

第1課 作業

請打開：Yahoo奇摩新聞

找一篇你喜歡的新聞，把新聞內容打出來。

接著打開 Thimble，用 Thimble 來寫這次的作業。

只要打出文章標題與內容就好，上方的導覽列、旁邊的新聞頭條那些區塊都不用。

做完之後，你會發現，雖然只用了 h1、p、br 等等基本元素，但是套用 Bootstrap 之後，整個畫面自動變漂亮了！

完成這些，你就完成這次的課程目標了！