尤川豪   ·  6年前
445 貼文  ·  275 留言

自學網頁の嬰兒教材:第2課 ── 導覽列:替訪客指點方向

第2課 課程目標

學會使用 Bootstrap 的 Navbar 元件。

第2課 課程內容

本課內容非常非常簡單,只要能在網頁上做出導覽列就可以了。

請參考:

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

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

內容不用全部讀完,也不用全部讀懂,把其中的程式碼貼一貼,把玩一下,能做出一個最簡單的導覽列即可。

第2課 作業

上一課的作業,我們模仿 Yahoo 新聞的內容,做了一個簡單的新聞文章頁面。

請繼續修改這份作業,將 Yahoo 新聞上方的導覽列做出來。

你將會發現,使用 Bootstrap 能夠快速做出導覽列,比自己用手寫 html、css 方便且快速多了!

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

  分享   共 2,211 次點閱
共有 0 則留言
還沒有人留言。歡迎分享您的觀點、或是疑問。
您的留言