iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
自我挑戰組

一步一腳印,探索網頁前端設計之美 系列

從零開始敘述網頁前端相關知識,讓第一次接觸網頁前端的閱讀者,能輕鬆上手並了解網頁設計是怎麼去設計以及呈現出來。希望在這一段時間,可以讓大家跟著我來一步一步的製作,最後完成一個簡單的網頁。

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

第十一步 - 找到關鍵的破解迷宮方法(整體結構內常用的標籤)

大家好,中秋連假準備開始,喵橘我已經開始放假,我多請了一天特休,可以好好認真撰寫鐵人賽的文章,微笑。 整體結構內常用的標籤 <meta> 標籤 <meta>元素...

2019-09-12 ‧ 由 喵橘 分享
DAY 12

第十二步 - 當心表格般的陷阱(網頁清單與表格語法)

各位大家早安,祝大家中秋節快樂,我是喵橘,今天是佳節,雖然,沒什麼動力,但還是要努力寫出一篇好文章。附贈喵橘手工中秋節賀圖。 網頁清單語法 <ul>、<ol>...

2019-09-13 ‧ 由 喵橘 分享
DAY 13

第十三步 - 連結下一關卡的瞬間(網頁連結的語法)

大家早安,中秋節過後的休假,感覺更懶惰,真是糟糕,深呼吸,吐氣,該打起精神努力撰寫,加油!! 連結相關語法 <a> 標籤 它的功能就是連結的一個橋樑,根據屬性的...

2019-09-14 ‧ 由 喵橘 分享
DAY 14

第十四步 - 新的挑戰,多采多姿的樓層(多媒體相關語法)

大家好,今天是中秋連假的最後一天,體力已經到零了,但還是要努力撰寫,加油!!握拳 多媒體相關語法 <img> 標籤 它的功能就是顯示出圖片,搭配 src 屬性...

2019-09-15 ‧ 由 喵橘 分享
DAY 15

第十五步 - 攻略關卡之時,也要記得寄信回報(表單相關語法)

中秋連假終於結束,迎接的是憂鬱的星期一,打起精神,準備開始努力撰寫接下來的文章,加油!! 表單相關語法 <form> 標籤 它是一個讓使用者能輸入相關訊息到欄位...

2019-09-16 ‧ 由 喵橘 分享
DAY 16

第十六步 - 研究回覆信件格式如何撰寫(進階表單相關語法)

大家早安,大家好!我是喵橘,今天依舊是炎熱的天氣,我打起精神,繼續努力撰寫。 <input> 標籤 補充部分 上一個章節有說明 <input> 元素以及 typ...

2019-09-17 ‧ 由 喵橘 分享
DAY 17

第十七步 - 找尋結果的寶藏(HTML 設計整合練習)

各位大家好,我是喵橘,今天 HTML 設計整合練習,有一些練習題目和解析,重新複習之前所學的知識: 練習總成果展現 <!DOCTYPE html>...

2019-09-18 ‧ 由 喵橘 分享
DAY 18

第十八步 - 第二層挑戰,黑白幻影交錯( CSS基本選擇器)

大家早安,我是喵橘,最近的天氣慢慢轉涼,已經有點秋天的味道呢,今天是講解 CSS基本選擇器。 CSS 選擇器各種類介紹 前面章節已經簡單講解 CSS 的基本概念...

2019-09-19 ‧ 由 喵橘 分享
DAY 19

第十九步 - 加上色彩吧,破解的關鍵(CSS 顏色與字型設定)

又到了星期五,每天撰寫文章,都能深深檢視自己之前的學習狀況,今天報告的是 CSS 顏色與字型設定。 顏色的設定 顏色的設定,在 CSS 裡 有很多設定的方法,如...

2019-09-20 ‧ 由 喵橘 分享
DAY 20

第二十步 - 欺騙的幻覺背景(CSS 背景)

星期六假日,我是喵橘,先開心去看電影...咦?晚點再講解 CSS 背景部分。 CSS 背景 背景色彩設定 網頁除了文字的變化,也別忘記背景也能做設計,顏色調整...

2019-09-21 ‧ 由 喵橘 分享