iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
影片教學

一起來實作響應式網頁設計 系列

透過30天的教學,學習如何打造響應式的網頁。

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

一起來實作響應式網頁設計:HTML的架構 Day1

教學影片 網頁前端三巨頭 說到網頁前端,一定會聽到及碰到這三種語言,分別是:HTML,CSS以及JavaScript,而這三者對於網頁前端的地位簡單比喻可以如...

2023-09-16 ‧ 由 Ericostco 分享
DAY 2

一起來實作響應式網頁設計:一探HTML世界 Day2

影片教學 教學重點回顧 HTML全名為HyperText Markup Language,HyperText表示非一般純文字,而是能藉由文字導向到其他網頁。而...

2023-09-17 ‧ 由 Ericostco 分享
DAY 3

一起來實作響應式網頁設計:HTML的常用元素 Day3

影片教學 重點回顧 今天的內容主要是展示一些常用的元素elements <hr> <!--就是水平線--> <pre>...

2023-09-18 ‧ 由 Ericostco 分享
DAY 4

一起來實作響應式網頁設計:HTML新增的結構元素 Day4

影片教學 重點回顧 撰寫HTML時,將相關的元素包裝在一起,有助於網頁的結構性,過去式採用div來作為一個區塊,但過多的div可能會造成混淆,因此,透過HTM...

2023-09-19 ‧ 由 Ericostco 分享
DAY 5

一起來實作響應式網頁設計:HTML的表單元素 Day5

影片教學 重點回顧 平常瀏覽網頁一定會常碰到需要填寫表單的時候,可能是需要註冊某個網站以獲取該網站提供的服務,或是報名活動填寫個人資料,又或者是購買東西需填寫...

2023-09-20 ‧ 由 Ericostco 分享
DAY 6

一起來實作響應式網頁設計:認識CSS Day6

影片教學 重點回顧 CSS如同其名,可以串接不同元素,串接不同的屬性及其對應的值。撰寫方式可以如下 head 內撰寫 <head> &lt...

2023-09-21 ‧ 由 Ericostco 分享
DAY 7

一起來實作響應式網頁設計:CSS的各種選擇器 Day7

影片教學 重點回顧 昨天的教學影片當中,我們了解如何轉寫CSS來套用到指定的選擇器當中,而昨天我們使用HTML的元素作為選擇器來套用,今天將要介紹其他選擇器,...

2023-09-22 ‧ 由 Ericostco 分享
DAY 8

一起來實作響應式網頁設計:CSS字型屬性 Day8

影片教學 重點回顧 嗨!大家好,先前的影片已經簡單介紹CSS撰寫的語法以及選擇器的種類,今天將要針對字型的屬性去進行設定。 首先是字型部分,在font-fam...

2023-09-23 ‧ 由 Ericostco 分享
DAY 9

一起來實作響應式網頁設計:CSS清單屬性 Day9

影片教學 重點回顧 關於清單,先前HTML的教學就有稍微提過清單的屬性設定,今天將透過CSS來達成這項功能 ist-style-type: disc | ci...

2023-09-24 ‧ 由 Ericostco 分享
DAY 10

一起來實作響應式網頁設計:CSS外觀屬性 Day10

影片教學 重點回顧 color: 色彩名稱 | rgb(rr,gg,bb) | #rrggbb | rgba(rr,gg,bb,alpha) opacity...

2023-09-25 ‧ 由 Ericostco 分享