尤川豪   ·  4月前
Exp. 1,630  ·  212 貼文  ·  145 留言

自學網頁の嬰兒教材:第5課 ── 訊息框框:有話對你說

第5課 課程目標

學會使用 Bootstrap 的訊息框框元件。

第5課 課程內容

訊息框框在所有網站都會有,在需要顯示歡迎訊息、提醒訊息、公告事項等等的時候,都可以使用。

這一課要學習使用它。

請閱讀入門教學:

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

以及官方說明文件:

http://getbootstrap.com/docs/4.1/components/alerts/

第5課 作業

這一課的作業要延續第3課的作業一。

在第3課的作業一中,我們做出了 Yahoo 新聞頁的排版。

假設你是發佈新聞的平台,你希望顯示訊息歡迎使用者,並且顯示訊息提醒讀者內容是由合作的媒體發佈,新聞平台不對內容負責任。

請在這個新聞頁面加上兩個 alert 元件。

第一個 alert 元件使用 alert-info 樣式,內含歡迎訊息,並且這個 alert 要可以點擊 × 關閉。

第二個 alert 元件使用 alert-warning 樣式,內含免除責任聲明,這個 alert 無法點擊 × 關閉,會一直顯示在那裡。

注意:這一課作業是以練習為主,實際上 Yahoo 新聞頁面並沒有這些東西。

完成這些,你就完成這次的課程目標了!

  分享   共 353 次點閱
共有 2 則留言
feifeitzu   ·  1月前
Exp. 121  ·  0 貼文  ·  21 留言

第五課的作業:https://thimbleprojects.org/feifeitzu/651925/

謝謝版主!

 
尤川豪   ·  1月前
Exp. 1,630  ·  212 貼文  ·  145 留言

做得非常好!就是這樣!

兩個訊息框框元件都正確!

學習目標順利完成!繼續保持!

後面的作業也都要分享上來唷!

您的留言