iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
佛心分享-IT 人自學之術

30天前端設計之旅 系列

在30天中,我會透過書籍和網絡資源提升了我的網頁實作能力。主要參考《HTML5、CSS3、Bootstrap5、JQuery 網頁前端學習手冊》和《超直覺HTML&C++CSS網頁設計:零基礎也能快速上手》這兩本書。
通過結合書本理論與實際的練習,以及利用網絡上的資源進一步學習,不僅提升了網頁設計能力,也加深了對前端開發流程的理解。

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

📅 第一天:踏上前端設計之旅的第一步!

嗨嗨~歡迎來到「30天前端設計之旅」的第DAY-1!這邊將從零打造一個網站。從最基本的HTML標籤開始,了解網頁的骨架,再到運用CSS為網頁增添色彩與樣式。 這...

2024-09-13 ‧ 由 mingt 分享
DAY 2

📅 第二天:揭開網頁結構的面紗——HTML基礎

安安~歡迎來到「30天前端設計之旅」的第二天!今天,我們將一起探索網頁的結構骨架——HTML。HTML就像是網頁設計的藍圖,它告訴瀏覽器要如何顯示你想要的內容,...

2024-09-14 ‧ 由 mingt 分享
DAY 3

📅 第三天:掌握區塊與文字格式的藝術——讓你的內容井井有條!

歡迎來到前端設計之旅的DAY 3!今天,我們將探討如何使用HTML來控制網頁內容的區塊布局和文字格式,讓你的網頁看起來更加有條理和美觀。 什麼是區塊格式?在HT...

2024-09-15 ‧ 由 mingt 分享
DAY 4

📅 第四天:連接一切——深入了解URL與超連結!

嘿嘿~歡迎右來到「30天前端設計之旅」的DAY 4!今天,我們將探索網頁設計中最重要的元素之一:超連結。透過學習URL的類型、如何創建超連結,以及使用相對和絕對...

2024-09-16 ‧ 由 mingt 分享
DAY 5

📅 第五天:圖片與書籤的魔法——讓網頁更生動!

Hello~歡迎來到「30天前端設計之旅」的DAY 5!今天,將探討圖片的使用與優化,學習如何添加書籤、創建影像地圖來增強網頁的互動性。 圖片是網頁的靈魂!圖片...

2024-09-17 ‧ 由 mingt 分享
DAY 6

📅 第六天:讓數據更有條理——掌握表格設計技巧!

安扭哈誰呦~歡迎來到「30天前端設計之旅」的DAY 6!今天將學習使用表格來呈現結構化的數據。表格在資訊的呈現方面非常有用。通過學習表格的格式和標示,將能設計出...

2024-09-18 ‧ 由 mingt 分享
DAY 7

📅 第七天:讓網頁動起來——掌握HTML 5的多媒體影音!

Welcome Back~歡迎回來到「30天前端設計之旅」的DAY 7!今天將探索HTML5的強大功能,學習如何在網頁中嵌入影音、外部資源及框架。透過這些技術,...

2024-09-19 ‧ 由 mingt 分享
DAY 8

📅 第八天:與用戶互動——HTML表單設計!

Halo~歡迎來到「30天前端設計之旅」的DAY 8!今天將學習網頁設計中一個重要且常見的功能——表單。表單是網站中開發者與使用者互動的主要工具,表單扮演著關鍵...

2024-09-20 ‧ 由 mingt 分享
DAY 9

📅 第九天:打開樣式世界的大門——CSS的力量與美學!

Heyyy~歡迎來到「30天前端設計之旅」的DAY 9!今天將進入網頁設計中最具美學與創意的領域——CSS。CSS(階層式樣式表)是為網頁添加設計與佈局的關鍵技...

2024-09-21 ‧ 由 mingt 分享
DAY 10

📅 第十天:讓文字更具魅力——探索字型、文字與清單樣式!

安安~歡迎來到「30天前端設計之旅」的DAY 10。不知不覺活動已經完成三分之一了!今天將深入了解如何使用 CSS 來設計和美化文字。文字是網頁內容的核心,通過...

2024-09-22 ‧ 由 mingt 分享