iT邦幫忙

benny91917
iT邦見習生 ‧ 點數 150
3004
累計瀏覽數
站內簡訊 追蹤

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

基礎網頁開發30天 系列

在三十天中學習如何製作網頁，規劃製作兩種不同網頁介面，並從中學習網頁開發的相關技巧與知識。

鐵人鍊成 ｜ 共 30 篇文章 ｜ 0 人訂閱 訂閱系列文 RSS系列文
0 Like 0 留言 210 瀏覽
DAY 11

Day 11 使用CSS美化網頁-3

header{ background-color: #a6c5f4; } .wrap{ width: 900px; margin:0 a...

2023-09-26 ‧ 由 benny91917 分享
0 Like 0 留言 164 瀏覽
DAY 12

Day 12增加圖片及連結

HTML的部分： <div class="picture"> <a href="http://jinji...

2023-09-27 ‧ 由 benny91917 分享
0 Like 0 留言 249 瀏覽
DAY 13

Day 13 CSS 細部增加及調整

main h1{ padding: 1rem 4rem; font-size: 1.4rem; margin: 0rem 3rem;...

2023-09-28 ‧ 由 benny91917 分享
0 Like 0 留言 238 瀏覽
DAY 14

Day 14 Footer

<footer> <div class="slider_container">...

2023-09-29 ‧ 由 benny91917 分享
0 Like 0 留言 197 瀏覽
DAY 15

Day 15 Footer加上幻燈片

上一篇提及HTMl的部分： <footer> <div class="slider_container&qu...

2023-09-30 ‧ 由 benny91917 分享
0 Like 0 留言 182 瀏覽
DAY 16

Day 16 網頁製作中期回顧

從第一天開始學習製作網頁直至今日，過程中學習到非常多知識以及技巧，不論是曾經學過的抑或新的，都讓我在過成中有所領悟及成長，從最一開始非常簡略的樣貌，到現在相對豐...

2023-10-01 ‧ 由 benny91917 分享
0 Like 0 留言 993 瀏覽
DAY 17

Day 17 下拉導覽列(HTML、CSS)

HTML的部分: <nav class="navigation"> &l...

2023-10-02 ‧ 由 benny91917 分享
0 Like 0 留言 256 瀏覽
DAY 18

Day 18 下拉式導覽列(js)

const inputs = document.querySelectorAll('.menu-item > input'); const items =...

2023-10-03 ‧ 由 benny91917 分享
0 Like 0 留言 213 瀏覽
DAY 19

Day 19 隨機抽取圖片(HTML、CSS)

HTML部分： <button id="randomBtn">Draw Out</button>...

2023-10-04 ‧ 由 benny91917 分享
0 Like 0 留言 437 瀏覽
DAY 20

Day 20 隨機抽取圖片(js)

let imageUrls = [ "/img/a.jpg", "/img/b.jpg", "/i...

2023-10-05 ‧ 由 benny91917 分享
benny91917的鐵人檔案
benny91917的收藏
benny91917的追蹤
benny91917的Like
benny91917的紀錄
benny91917的訂閱列表