iT邦幫忙

鐵人檔案

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

一趟30天網頁設計的學習冒險#explain like i‘m five  系列

在沒有任何的程式語言學習經驗,僅僅只有服務業相關工作經驗背景下,自己找資源學習。
剛開始最困難的估計就是,不知道要從哪裡開始學習起,從哪下手,要嘛找到古老的版本,或是全英文,還得克服專有術語,語言不通不理解的障礙
想趁著這個機會把自己的一些筆記,透過這樣的挑戰,嘗試用文字但簡單易懂的方式表達出來
“explain like i‘m five ”就像是5歲小孩也能懂的方式
嘗試解釋的過程也可以加深理解
當然搭配練習做一些基礎的小挑戰
讓無經驗又想自學的自己,也能在這30天加深理解這些程式語言的方式
*主要以Html css javascript為主

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

Day 11 CSS Rules

前言 挑戰快要到一半了!! 剛完成讓人頭昏眼花的選擇器學習,那選擇器在套用的順序上面也是有優先順序的 本篇就是一個補充說明,講一下CSS Rules 幾個規則,...

2022-09-26 ‧ 由 candy82202 分享
DAY 12

Day 12 CSS text styling

前言 進入CSS講了這麼多選擇器,終於來到文字的設計啦! 之前在學校做報告時候,常常會使用文件裡面編輯文字,可能這個字體要更改成微軟正黑體,又或是字體的大小需要...

2022-09-27 ‧ 由 candy82202 分享
DAY 13

Day 13 background & border

前言 文字樣式設計變化之後那可以試試看更改背景還有框線設計 background color / image 背景顏色 / 圖片 Background-siz...

2022-09-28 ‧ 由 candy82202 分享
DAY 14

Day 14 Box Model

####前言 All html elements are boxes!(with width and height) html版面就像是用一個個盒子組成的,那整...

2022-09-29 ‧ 由 candy82202 分享
DAY 15

Day 15 Position 定位

前言 家裡每個物品都有自己的定位,所以前面講了這麼多設計框架背景等等的,接下來家具等等的要放在哪就很重要了,總不可能鍋子放房間或是枕頭棉被放廚房吧(當然這樣放真...

2022-09-30 ‧ 由 candy82202 分享
DAY 16

Day 16 CSS表格樣式設計

前言 挑戰最初的幾天,有說明關於列表跟表格在HTML的架構使用,那針對上述的樣式設計部分,就是今天的重點啦 在學習過程中,一直不斷發現到這個跟以前做報告在編輯文...

2022-10-01 ‧ 由 candy82202 分享
DAY 17

Day 17 CSS變身,給我動起來!(變形、轉換、動畫)

前言 昨天提到了動態轉場的部分,今天就要順勢講到動畫啦 這趴自己覺得蠻好玩的,想要開始嘗試創造出簡單的動畫,在還不了解JavaScript的時候也能做出來,就需...

2022-10-02 ‧ 由 candy82202 分享
DAY 18

Day 18 進階CSS (排版聖品登場!!登登登登~)

前言繼五花八門的選擇器之後,來到了空間學堂,同樣程度的燒腦啊~ 講到CSS最後的這趴重點就要回想到當初我們的區塊(想當初~~ Day 6講到區塊元素 Day 1...

2022-10-03 ‧ 由 candy82202 分享
DAY 19

Day 19 HTML+CSS 網頁初版挑戰(上)

前言 前面講了那麼多HTML架構啦~CSS排版樣式設計啦~ 那如果直接嘗試挑戰會是如何呢? 自己本身是沒有設計背景的,所以曾經嘗試用學習到的這些語法,然後拼湊看...

2022-10-04 ‧ 由 candy82202 分享
DAY 20

Day 20 HTML+CSS 網頁初版挑戰(下)

前言 我們昨天先嘗試設計了一個框架跟樣式的簡易模板出來 也把HTML的基本架構建立好了,接下來就是使用CSS來進行排版美化了 打開CSS檔案一樣先設計最上方的...

2022-10-05 ‧ 由 candy82202 分享