iT邦幫忙

2024 iThome 鐵人賽

DAY 12
0
自我挑戰組

使用 Microsoft Copilot 製作衛教網站系列 第 12

第12天:總結 HTML、CSS 和響應式設計的學習成果,進行綜合實作,並完成一個完整的介紹類型網站

  • 分享至 

  • xImage
  •  

第12天:總結 HTML、CSS 和響應式設計的學習成果,進行綜合實作,並完成一個完整的介紹類型網站

今天是我參加 IT 鐵人賽的第十二天,我決定總結過去十天學習的 HTML、CSS 和響應式設計的成果,並進行綜合實作,完成一個完整的介紹類型網站。這將是對我學習成果的一次全面檢驗,也是對我技能的一次提升。

一開始,我回顧了之前學習的 HTML 基本標籤和結構、CSS 基本樣式和佈局,以及響應式設計的基本原理。我整理了這些知識點,並確保自己能夠靈活運用它們來構建網頁。

接著,我開始進行綜合實作。我決定創建一個介紹類型的網站,這個網站將包含多個頁面,每個頁面都會展示不同的介紹內容。我跟著教學影片一起製作,使用 HTML 來構建網頁的結構,使用 CSS 來設置網頁的樣式和佈局,並使用響應式設計技術來確保網站在各種設備上都能正常顯示。

在實作過程中,我運用了之前學習的各種技術。例如,我使用了標題標籤( 到 )來定義不同級別的標題,使用段落標籤()來添加文本內容,使用超連結標籤()來創建鏈接,使用圖像標籤()來插入圖片。我還使用了 CSS 的 color、background-color、font-family、font-size、margin 和 padding 等屬性來設置元素的樣式,使用 float、position 和 flexbox 等技術來控制元素的佈局和排列。

最後,我對網站進行了測試和優化,確保其在不同設備和瀏覽器中都能正常顯示。我使用了媒體查詢來根據不同的屏幕尺寸應用不同的樣式,並使用瀏覽器開發者工具來檢查和調整網站的顯示效果。

今天的綜合實作讓我對 HTML、CSS 和響應式設計有了更深入的理解,並且能夠運用這些技術來完成一個完整的介紹類型網站。


上一篇
第11天:學習如何使用 CSS 和 HTML 進行網頁佈局和設計,並實作範例
下一篇
第13天:學習JavaScript中的變數與常數宣告
系列文
使用 Microsoft Copilot 製作衛教網站30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言