鐵人檔案
之前的課程中，老師簡單介紹了HTML和CSS這兩項關鍵性的網頁設計語言，讓我對網頁設計的世界有初步的了解。透過wix網站製作個人頁面作業，我有機會實際動手操作，進一步加深了對這些技術的學習嚮往。在製作作業的過程中，我不僅學會了如何Wix建立網頁，更發現了自己對此領域的濃厚興趣。透過課堂學習和實踐，我意識到網頁設計不僅僅是一門技術，更是一門藝術，能夠通過設計來表達想法和情感。因此，我決定將「HTML&CSS網頁設計」作為自主學習的主題，期望能夠更深入地探索這個充滿創造力和挑戰的領域。
在HTML 和CSS 中，編排佈局和重置網頁的CSS 設定是設計現代網站的重要部分。 1.CSS(1)使用Flexbox進行佈局Flexbox 是一個強大的 C...
重置 CSS 設定 (CSS Reset)瀏覽器通常有自己的預設樣式，例如標題大小、段落間距等，這些預設樣式會導致不同瀏覽器間的顯示不一致。因此，我們通常會使用...
在 HTML 和 CSS 中，設定元素的寬度和高度可以讓你控制網頁中元素的尺寸。這是透過 CSS 的 width 和 height 屬性來完成的。這兩個屬性可以...
在 HTML 和 CSS 中，留白指的是元素周圍的空白區域。調整留白可以透過兩個主要屬性進行控制： margin：控制元素外部的空白（元素與其他元素之間的距離）...
CSS重置設定（CSS Reset）是為了讓不同瀏覽器之間的預設樣式保持一致。 1. /* Meyer's Reset CSS v2.0 | 20110126...
1. 佈局屬性display: 設置元素的顯示方式。 值：block，inline，inline-block，none，flex，gridposition: 設...
全螢幕版面（Full-screen Layout）是指一個網頁或應用程式的設計，能夠在裝置的整個螢幕中展示內容，通常不顯示瀏覽器的工具列或系統導航列。這種版面設...
1. 設定基本 HTML 結構首先，建立網頁的基礎結構。這可以使用 HTML 的基本標籤，例如 、、 和 。 範例： <!DOCTYPE html>...
全螢幕網站描述在 head 部分 <head> <!-- 指定 HTML 文件的字符編碼 --> <meta ch...
(因時間關係，最後一天改為介紹另一種網頁。) 兩欄式版面是指將網頁內容分成兩個主要的垂直欄位，通常用來展示主內容區和側邊欄。例如，左側可能是網站的導航或文章內容...
