之前的課程中,老師簡單介紹了HTML和CSS這兩項關鍵性的網頁設計語言,讓我對網頁設計的世界有初步的了解。透過wix網站製作個人頁面作業,我有機會實際動手操作,進一步加深了對這些技術的學習嚮往。在製作作業的過程中,我不僅學會了如何Wix建立網頁,更發現了自己對此領域的濃厚興趣。透過課堂學習和實踐,我意識到網頁設計不僅僅是一門技術,更是一門藝術,能夠通過設計來表達想法和情感。因此,我決定將「HTML&CSS網頁設計」作為自主學習的主題,期望能夠更深入地探索這個充滿創造力和挑戰的領域。
學習內容:1.響應式設計的概念: 在當今的數位時代,響應式網頁設計變得愈加重要。響應式設計旨在使網站能夠根據不同設備(如手機、平板和桌面)的螢幕大小自動調整佈局...
編寫CSS時的重要規則 1.要使用半形英數字CSS和HTML一樣,不可以使用全形字或中文。 body { background-color: white; }...
1. 字體樣式與大小在CSS中,font-family屬性用於指定文字的字體。設計網頁時,選擇合適的字體能有效提升可讀性。通常會指定多個字體,以便在某些字體無法...
11. 背景顏色與背景圖片為文字或段落設置背景顏色或背景圖片,可以使文章區域更具區別性和視覺吸引力。使用background-color設置背景顏色,或通過ba...
使用雲端字型可以讓網站設計更加美觀並提高字體的一致性。常見的雲端字型服務包括 Google Fonts 和 Adobe Fonts。這裡將以 Google Fo...
HTML 部分: <!DOCTYPE html> <html lang="en"> <head>...
在 HTML 和 CSS 中,可以使用 CSS 的 border 屬性來設定元素的邊框。一些基本範例。 HTML 部分: <!DOCTYPE html&g...
HTML 部分: <!DOCTYPE html> <html lang="en"> <head>...
說明:1.結構簡單:HTML 部分建立一個基本的無序清單(ul),包含一些待辦事項。 2.清單樣式:移除了預設的項目符號 (list-style-type: n...
在 HTML 和 CSS 中,設定元素的顏色可以通過color和background-color屬性 1.文字顏色使用color屬性來設定文字的顏色 <!...