iT邦幫忙

2024 iThome 鐵人賽

DAY 19
0
佛心分享-IT 人自學之術

30天前端設計之旅系列 第 19

📅 第十九天:回顧——強化我們的前端設計基礎!

  • 分享至 

  • xImage
  •  

Welcaome back~歡迎來到「30天前端設計之旅」的DAY 19!今天將稍微休息一下,回顧過去十八天的學習內容。一開始從最初的 HTML 基礎結構到進階的 jQuery 應用,一路積累了豐富的前端設計技能。

過去十八天學習內容小結:

  1. HTML 結構與語法基礎(第1-4天)
    • HTML 的基礎:從基本的網頁結構開始,學習如何使用標籤來構建頁面,包括標題、段落、清單和其他元素。
    • URL 與超連結:學會如何正確地使用超連結,包括相對路徑與絕對路徑,並了解如何連結外部資源。
    • 圖片與書籤:掌握如何插入圖片、使用書籤標記跳轉,並了解影像地圖和圖形標註的應用。
  2. 表格與多媒體處理(第5-7天)
    • 表格的結構與格式化:學會創建複雜的表格,添加標題、分組以及調整格式,使數據展示更具條理。
    • HTML5 的多媒體支持:了解 HTML5 對音頻與視頻的支持,學會使用 audio 和 video 標籤嵌入媒體資源。
  3. 表單與交互設計(第8天)
    • 表單處理:從基本的表單結構到進階的表單元素,了解如何使用各種輸入類型來收集用戶資料,並學會如何提交和驗證表單。
  4. CSS 樣式與佈局(第9-12天)
    • CSS 基礎:學習 CSS 的樣式規則、選擇器的使用方式,以及內聯、內部和外部 CSS 的寫法。
    • 文字與字型屬性:控制文字的大小、顏色、對齊方式,並掌握如何設置字型與項目清單的格式。
    • 色彩與背景:學會運用 CSS 的色彩屬性、背景設置以及漸層函數來打造視覺吸引力。
    • 區塊與框線:了解區塊元素的概念,並學習如何設置框線、邊距和填充,讓頁面佈局更有結構。
  5. 進階的 CSS 與佈局設計(第13-15天)
    • 顯示屬性與佈局技巧:熟悉各種顯示屬性及區塊相關屬性,學習控制元素的顯示行為。
    • 表格與游標屬性:進一步了解表格樣式設置與游標的自定義。
    • 多欄佈局與動畫效果:掌握多欄佈局的技巧,並學習如何運用 CSS 動畫讓網頁更具動態效果。
  6. Bootstrap 框架的應用(第16-17天)
    • Bootstrap Template:使用 Bootstrap 的模板快速搭建響應式網頁,了解如何運用其網格系統、元件和樣式表來建立現代化網站。
    • 自定義與調整模板:學習如何根據具體需求調整模板,解決常見的樣式衝突與佈局問題。
  7. jQuery 的強大功能(第18天)
    • jQuery 簡介:從 DOM 操作、事件處理到動畫效果,了解如何運用 jQuery 提升開發效率。
    • 資料庫與日曆插件:學習如何使用 jQuery 透過 AJAX 與後端互動,並掌握 jQuery FullCalendar 插件的使用來實現互動日曆。

回顧的意義:
過去的十八天,我們不斷學習前端基礎,學會了如何運用 HTML、CSS 和 jQuery 打造靈活、美觀且具功能性的網站設計。每一步的學習都為後續更高階的應用打下了堅實基礎。

讓這一天成為加深理解與提升技能的機會。前端設計是一門需要不斷迭代的藝術,通過回顧,我們能夠更好地掌握已學知識,並在未來的學習中更加游刃有餘。


上一篇
📅 第十八天:掌握 jQuery 的魔力——從資料庫操作到動態日曆!
下一篇
📅 第二十天:綜合運用前十九天所學,解構網站設計的核心-1!
系列文
30天前端設計之旅30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言