iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
佛心分享-IT 人自學之術

HTML&CSS網頁設計學習心得 系列


之前的課程中,老師簡單介紹了HTML和CSS這兩項關鍵性的網頁設計語言,讓我對網頁設計的世界有初步的了解。透過wix網站製作個人頁面作業,我有機會實際動手操作,進一步加深了對這些技術的學習嚮往。在製作作業的過程中,我不僅學會了如何Wix建立網頁,更發現了自己對此領域的濃厚興趣。透過課堂學習和實踐,我意識到網頁設計不僅僅是一門技術,更是一門藝術,能夠通過設計來表達想法和情感。因此,我決定將「HTML&CSS網頁設計」作為自主學習的主題,期望能夠更深入地探索這個充滿創造力和挑戰的領域。

鐵人鍊成 | 共 30 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day1:HTML&CSS網頁設計學習

背景與動機:在本學期的課程中,老師深入介紹了HTML和CSS這兩項關鍵性的網頁設計語言,讓我對網頁設計的世界有了更進一步的了解。透過wix網站製作個人頁面作業,...

2024-09-15 ‧ 由 gogococo 分享
DAY 2

Day2:網站的製作流程

(3)網站製作流程網頁設計師工作內容包括網站外觀、企劃、設計、建立編碼檔案 網站的製作流程: 1.擬定網站企劃: 首先,明確網站的目的和目標,這是整個製作過程的...

2024-09-16 ‧ 由 gogococo 分享
DAY 3

Day3:HTML&CSS是什麼?

(4)HTML是什麼?HTML,全名為「HyperText Markup Language」,是一種用於製作網頁的基礎標記語言。它的主要作用是編寫網頁的原始碼,...

2024-09-17 ‧ 由 gogococo 分享
DAY 4

Day4:如何在HTML中使用CSS?

當在HTML中使用CSS時,可以透過幾種主要方式來載入和套用樣式,以便提升網頁的視覺效果和可讀性。 1.將CSS檔案載入HTML並套用:先建立好一個CSS檔案,...

2024-09-18 ‧ 由 gogococo 分享
DAY 5

Day5:如何建立HTML檔案&建立網頁標題&輸入網頁內文

1)如何建立HTML檔案首先,啟動文字編輯器,例如Notepad++或VS Code,開始撰寫HTML原始碼。在剛開啟編輯器時,會看到歡迎畫面和多個視窗。使用者...

2024-09-19 ‧ 由 gogococo 分享
DAY 6

Day6:設定連結&顯示項目清單&建立CSS檔案

5)設定連結在HTML中,設定超連結是非常重要的功能,可以使用 <a> 標籤來實現。這個標籤的基本語法是 <a href="&quo...

2024-09-20 ‧ 由 gogococo 分享
DAY 7

Day7:HTML檔案的架構

前面沒有寫到,再補充一下:) <!doctype html>是什麼? 「」文件開頭的這段描述稱為「Doctype宣告」,是在說明這個網頁是用哪個版本...

2024-09-21 ‧ 由 gogococo 分享
DAY 8

Day8:製作HTML 表格和表單

HTML 表格和表單是網頁中常用的元素。表格用於顯示結構化數據,而表單則用於收集用戶輸入的數據。 一、製作表格HTML 表格使用 <table> 標...

2024-09-22 ‧ 由 gogococo 分享
DAY 9

Day9:用區塊元素將內容分組

在 HTML 中,區塊元素提供了結構化內容的能力,讓我們能夠更清晰地組織網頁的各個部分。 以下是常用的區塊元素及其用途:1. <header> 標籤...

2024-09-23 ‧ 由 gogococo 分享
DAY 10

Day10:CSS 的基本語法

CSS(層疊樣式表)用於為 HTML 文檔添加樣式和格式。它的基本語法由選擇器、屬性和屬性值組成。以下是 CSS 語法的主要組成部分及其用法。 1. 選擇器(S...

2024-09-24 ‧ 由 gogococo 分享