最新消息

2023期末黑客松花絮




黑客松得獎榜單

第一名: 楊雅安

成果網站:

https://codepen.io/nmmwgzhi-the-looper/pen/BaMegmX

第二名: 黃榆喬/賴昱璇

成果網站:

https://codepen.io/Ruby325/pen/PoVvrJv

第三名: 錢怡瑄、徐緯君

成果網站:

https://codepen.io/zqxcjksk-the-scripter/pen/ExrzBbw

成果網站:

https://codepen.io/Yi-Hsuan-Chien/pen/GRzabOe

黑客松比賽內容

L10 期末黑客松

題目

1. Kahoot!

2. 試著用這學期Web所學做出模板中的網站

模板連結

注意:

  • 可以看以前的講義或上網 Google
  • 請使用 VScode
  • 在HTML中引入external CSS
  • 要使用 google font 的字體及 Font Awesome 的 icon 時，記得先在HTML的<head>中引入連結
  • 盡可能模仿頁面(包含hover的效果)

▲ 比賽時間到20:30

請將HTML及CSS程式碼貼到CodePen上，並將連結複製到 google sheet

  • HTML框內只貼<body>內的程式碼，<head>內的程式碼請貼在右上角的 Open HTML Settings / Stuff for <head>中

成品繳交處

提示

使用網站上圖片的方式

  1. 在網站的圖片上按右健
  2. 選擇「複製圖片網址」
  3. 將圖片網址貼在HTML的<img src=" ">中

網站上使用到的字體

  1. Josefin Slab
  2. Open Sans

Google Fonts

icon 關鍵字

  1. twitter
  2. facebook
  3. instagram

Font Awesome

引入icon方式請參考L6講義