iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

基礎網頁開發30天 系列

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

鐵人鍊成 | 共 30 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21 互動小遊戲-猜拳(HTML、CSS)

HTML部分: <h1 class="game logo">猜拳遊戲</h1> &l...

2023-10-06 ‧ 由 benny91917 分享
DAY 22

Day 22 互動小遊戲-猜拳(js)

function playGame(userChoice) { const choices = ["rock", "paper...

2023-10-07 ‧ 由 benny91917 分享
DAY 23

Day 23 簡易表單(HTML、CSS)

HTML部分: <h1 class="form">請填寫以下信息</h1> <...

2023-10-08 ‧ 由 benny91917 分享
DAY 24

Day 24 簡易表單(js)

document.addEventListener('DOMContentLoaded', function() { const form = docume...

2023-10-09 ‧ 由 benny91917 分享
DAY 25

Day 25 獲取笑話

HTML部分: <main> <div> <button...

2023-10-10 ‧ 由 benny91917 分享
DAY 26

Day 26 CSS按鍵美化

button#allButton { position: relative; min-width: 160px; background:...

2023-10-11 ‧ 由 benny91917 分享
DAY 27

Day 27 CSS動畫

HTML部分: <div id="ball"> <div>&...

2023-10-12 ‧ 由 benny91917 分享
DAY 28

Day 28 導覽列邊匡動畫(CSS)

nav.navigation{ position: relative; margin:2%; width:auto; heigh...

2023-10-13 ‧ 由 benny91917 分享
DAY 29

Day 29 導覽列邊匡動畫(js)

由於我的邊匡動畫會遮到我的下拉式導覽列,因此我想用js來解決這個問題,我的想法是當下拉式導覽列出現時,邊匡動畫停止,這樣邊匡動畫就不會去遮到下拉式導覽列。 co...

2023-10-14 ‧ 由 benny91917 分享
DAY 30

Day 30 參賽心得

在過去的30天中,感謝有IT鐵人賽這個活動,讓我有機會去學習如何製作基礎網頁。這段學習的過程對我來說是一個非常有價值的經驗,我想分享一些我的心得和收穫。 首先,...

2023-10-15 ‧ 由 benny91917 分享