iT邦幫忙

鐵人檔案

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

30天後能否自己做出一個簡單便利的訂便當系統(HTML、CSS、BootStrap、PHP、SQL、JavaScrip、JQuery) 系列

因為公司常用網路上很多人使用的DinBenDon系統,但往往第一次用的時候都會很不知所措,而且功能也很多,讓我看了眼花撩亂(沒有不好,個人想法),所以就想說趁能不能自己試著做出一目了然的功能且版面也不能太花俏,畢竟只是來點個午餐太過於華麗反而會失焦,這也是為了讓使用者方便點餐,也趁著這次就順便報名一下鐵人賽好了,督促自己每天要有個進度也不錯!!不然太廢了XD

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

鐵人賽 Day1 -- HTML基本架構

哎呀,自學了兩個月後剛好碰到2021的鐵人賽開打,順便來分享一下我的學習過程好了,有錯的在勞煩各位大大多多幫忙!! 那我們就先來介紹一下HTML的架構吧! 那在...

2021-09-01 ‧ 由 SKYDOG 分享
DAY 2

鐵人賽 Day2 -- Visual Studio Code 一鍵叫出HTML & 唯一好用快捷鍵

下載完VSCode之後 Part1 : 我們可以在延伸模組的地方搜尋並安裝你所需要的模組 Part2 : 我們必須先來選擇我們的語法 可以在右上角新增檔案後-...

2021-09-02 ‧ 由 SKYDOG 分享
DAY 3

鐵人賽 Day3 -- Div區塊到底是什麼 ? 能吃嗎 ?

Div 區塊式HTML中最最最最最常也是一定會用到的 Div 簡單來講就是一個區域。 假設我們的整個視窗是一塊土地,那 Div 就是在畫分這塊土地。像我們現在的...

2021-09-03 ‧ 由 SKYDOG 分享
DAY 4

鐵人賽 Day4 -- 一定要知道的 CSS (一)

前言 昨天有談到 Div 區塊 是怎麼寫出來的之後,今天就要來談談 CSS 什麼是 CSS ? 簡單來說就是可以美化我們畫面,讓我們的畫面可以更讓人賞心悅目 要...

2021-09-04 ‧ 由 SKYDOG 分享
DAY 5

鐵人賽 Day5 -- 一定要知道的 CSS (二) - display屬性的應用

前言 不囉嗦,一樣先附上程式碼 <!DOCTYPE html> <html lang="en"> <head&...

2021-09-05 ‧ 由 SKYDOG 分享
DAY 6

鐵人賽 Day6 -- 一定要知道的 CSS (三) - Flex 屬性的應用

前言 今天就來點可以讓大家在排版時能夠更多樣更方便的方式吧 display : flex 在寫今天的講的所有屬性前,都必須先宣告 display : flex...

2021-09-06 ‧ 由 SKYDOG 分享
DAY 7

鐵人賽 Day7 -- 一定要知道的 CSS (四) -Justify-content

前言 昨天講了 display 當中的 Flex 屬性那今天就要來講 display 當中的 Justify-content Justify-content -...

2021-09-07 ‧ 由 SKYDOG 分享
DAY 8

鐵人賽 Day8 -- 一定要知道的 CSS (五) - align & 如何使 ''Div'' 區塊 置中對齊

前言 align 主要是以交錯軸為主,而昨天的 ustify-content 則是以主軸為主 align-content 使用 align-content 前要...

2021-09-08 ‧ 由 SKYDOG 分享
DAY 9

鐵人賽 Day9 -- 一定要知道的 CSS (六) -- background-color/background-image

前言 背景是一個如此重要的東西,你能想像螢幕的話棉全都是白底或黑底嗎!!當然不行啊!! background-color 這個我們在 鐵人賽Day4就有提到過了...

2021-09-09 ‧ 由 SKYDOG 分享
DAY 10

鐵人賽 Day10 -- 一定要知道的 CSS (七) -- background:linear-gradient漸層背景

前言 昨天知道一些背景的屬性後,是不是覺得有點單調呀,所以我們今天就來談談漸層 基本語法 background: linear-gradient(directi...

2021-09-10 ‧ 由 SKYDOG 分享