技術問答
技術文章
iT 徵才
聊天室
2026 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
第 11 屆 iThome 鐵人賽
DAY
10
1
自我挑戰組
網頁學習紀錄
系列 第
10
篇
鐵人賽Day10-向 KKBOX 致敬
11th鐵人賽
kkbox
vscode
html
scss
Tim Hsu
2019-09-13 23:52:17
1494 瀏覽
分享至
小弟熱愛音樂,前一週自己發想一個音樂主題的頁面網站,記錄各樣的網頁撰寫方式,
接下來這一週要向 KKBOX 致敬,撰寫內容如下
navbar 導覽列
左邊 siderbar 撥放清單
左下播放器頁面
右邊資訊頁面
menu
header
廣告頁 (上下排列的三欄式)
音樂頭條 (三欄式表單與內容)
新歌快報(單排六欄列表)
熱門影音(左一大塊、右三小塊)
歌手推薦(單排六欄圓形清單)
點播排行榜(header)
點播排行榜(左右並排清單)
footer
那我們就開始吧!!
留言
追蹤
檢舉
上一篇
鐵人賽Day9-體驗不好的 RWD
下一篇
鐵人賽Day11- 向 KKBOX 致敬,一樣從 navbar 開始
系列文
網頁學習紀錄
共
30
篇
目錄
RSS系列文
訂閱系列文
36
人訂閱
26
鐵人賽 Day26 首次參加六角學院同學會
27
鐵人賽 Day27 人員卡片介紹:加上互動色彩
28
鐵人賽 Day28 側邊選單切版練習
29
鐵人賽 Day29 收合式側邊選單練習
30
鐵人賽 Day30 終於寫到了尾聲,然後呢?
完整目錄
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
902
組
團體組數
37
組
累計文章數
19861
篇
完賽人數
528
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
17th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
linux
windows server
css
react
熱門問題
趣味SQL 260224 時間區間重疊偵測與合併
趣味SQL,在資料庫查詢功能樹狀圖用畫線方式來表示(AI解題+再次修正線條符合版)
趣味SQL,在資料庫查詢功能樹狀圖顯示(更新:AI解題)
趣味SQL 260301 來走迷宮
Macbook OpenVPN Connect在外面無法連線
熱門回答
趣味SQL 260224 時間區間重疊偵測與合併
熱門文章
【教學】用 Python 三行程式碼切換 AI 模型:GPT-4o / Claude / Gemini / DeepSeek 實測比較
用一條指令在 Linux 上部署 AI Telegram Bot(OpenClaw 實戰)
新手必看!如何從零開始製作個人資產負債表
CISA 認證介紹|IT 審計與資安治理黃金證照
一步步教你製作專業桑基圖,視覺化數據更簡單
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}