iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
自我挑戰組

做一個屬於自己的網頁 系列

內容打算會弄很多樣,想幫自己做一個代購網頁和自我介紹的網頁,順便再研究一些網頁呈現的動畫和厲害的東西!

鐵人鍊成 | 共 30 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文 團隊花栗鼠與她的朋友們
DAY 1

【DAY01 簡單介紹】

哈囉大家好啊~今天是我2022鐵人賽的第一天,有緊張餒,先來介紹一下我自己喔!我是醫資學程的大三學生,和一群朋友一起組隊報名參加這個的挑戰,雖然是在必修的壓力下...

2022-09-16 ‧ 由 chg200 分享
DAY 2

【DAY02 介紹Visual Studio Code】

Viusal Studio Code的下載網址: https://code.visualstudio.com/ 打開軟體的初始畫面為 那在開始使用前,我先介紹幾...

2022-09-17 ‧ 由 chg200 分享
DAY 3

【DAY03 設定網頁基本設置】

正式開始打code啦!一如往常先建立一個新的檔案,然後再選擇html語法,而這個檔案是要作為我們完成品的首頁。建立好後在第一行打入以下程式碼: <!DOC...

2022-09-18 ‧ 由 chg200 分享
DAY 4

【DAY04 Menu設計(上)】

今天是鐵人賽第四天!繼續加油! 網頁單單只又一頁的話是不是很單調,那如果要有多頁切換的效果,第一步就是先多新增幾個.html檔!那我目前只想到會用到這四頁,所以...

2022-09-19 ‧ 由 chg200 分享
DAY 5

【DAY05 Menu設計(下)】

接著昨天的動力,今天也要努力!繼續來看上一次的部分,昨天只做做到了稍微變得有顏色,那今天再稍微幫我們的MENU加一點互動的效果。 如果我想滑鼠鍵頭碰到要選的物件...

2022-09-20 ‧ 由 chg200 分享
DAY 6

【DAY06 Logo設計】

設計完MENU後,再來就是我認為一個網頁首頁裡最重要的「LOGO元素」,』ˊ我們今天速戰速決,直接先來成果展示和打了哪些code吧! 成果展示: code:.h...

2022-09-21 ‧ 由 chg200 分享
DAY 7

【DAY07 不可或缺的GitHub】

終於滿一週了耶!身體也慢慢習慣這種每天都在開VScode的感覺了。 突然想到是不是還有個工具我們還沒介紹啊! 差點忘了啦 那趕快來說一下GitHub的功能是什麼...

2022-09-22 ‧ 由 chg200 分享
DAY 8

【DAY08 跑馬燈跑起來】

已經成功開始使用GitHub後,那我們再回到網頁的部分吧! 今天要加入的設計是買賣網站幾乎都會有的警語標誌。而我要做成像是跑馬燈的樣子,在網頁偏上的地方無限循環...

2022-09-23 ‧ 由 chg200 分享
DAY 9

【DAY09 圖片牆的加入】

啊啊啊~~今天差點發文啦!下午忙著討論專題,差一點就忘了要來更新發文了 廢話不多說,直接進入今天的主題吧! 代購網站除了警語很重要除外,其實首頁也要放一些會讓人...

2022-09-24 ‧ 由 chg200 分享
DAY 10

【DAY10 滑鼠碰到後暫停動畫】

今天是第十天,終於剩下三分之二啦!! 今天的東西比較偏不是直接就能看到的,必須加入一點跟網頁互動的行為才能看到呢 那先上程式碼吧!但! 今天完全不需要在html...

2022-09-25 ‧ 由 chg200 分享