第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 和響應式設計有了更深入的理解,並且能夠運用這些技術來完成一個完整的介紹類型網站。