iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

網頁設計之旅 系列

撰寫html css javascript 等等

參賽天數 27 天 | 共 30 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文 團隊NUTC_IMAC_WEB_桑貝比
DAY 1

DAY1啟程

大家好,我是一位剛剛接觸網頁設計兩個月的小萌新。雖然我不能自稱在網頁設計方面很擅長,但確實已經開始接觸這個領域。更令我興奮的是,這是我第一次參加鐵人賽。 我目前...

2023-09-16 ‧ 由 y97213h53 分享
DAY 2

DAY2開始前的vscode環境建置

為何是vscode 因為vscode中有很多方便的套件,讓我們的程式編輯更加方便還有許多個人化的設定例如:更改程式背景,更改字體,字體顏色等等以下我會介紹幾個非...

2023-09-17 ‧ 由 y97213h53 分享
DAY 3

DAY3開始第一個網頁

首先,我先介紹一下html的結構在vscode中,輸入驚嘆號後按下TAB就會出現以下程式碼由上而下一個一個介紹 <!DOCTYPE html> 在...

2023-09-18 ‧ 由 y97213h53 分享
DAY 4

DAY4元素

甚麼是元素 舉個例子來說,上一篇的table、th、td、tr都是元素以下我會介紹幾個常用的元素 1.link <link> 通常用於建立文檔與外...

2023-09-19 ‧ 由 y97213h53 分享
DAY 5

DAY5屬性

在上一篇文章,我介紹了何謂元素。而這篇文章要介紹何謂屬性。 何謂屬性 屬性的作用就是告訴網頁瀏覽器如何處理html元素,它們可以用來設定元素的樣式、連結到其他頁...

2023-09-20 ‧ 由 y97213h53 分享
DAY 6

DAY6 CSS入門

CSS主要功能 簡單來說,加上CSS是為了控制HTML中元素的外觀和風格 像是字體顏色,大小,元素的邊框、間距、對齊方式等。 該如何開始 首先該寫在哪裡其實有兩...

2023-09-21 ‧ 由 y97213h53 分享
DAY 7

DAY7CSS布局(上)

CSS布局是網頁設計中至關重要的一部分,它決定了網頁上各個元素的位置、大小和對齊方式。達成良好的布局不僅關乎網頁的外觀,還關乎用戶體驗和互動。今天我會介紹一些重...

2023-09-22 ‧ 由 y97213h53 分享
DAY 8

DAY8佈局(中)

今天要來繼續介紹CSS的佈局 定位 Positioning 定位(Positioning)是CSS中一種重要的佈局技術,它允許你精確地控制元素在網頁中的位置,在...

2023-09-23 ‧ 由 y97213h53 分享
DAY 9

DAY9佈局(下)

這應該是介紹佈局的最後一篇,今天要來介紹基本上最重要且最常使用的彈性盒子(flexbox) 容器和項目Flexbox 的佈局始於包含元素的容器,我們稱之為「彈...

2023-09-24 ‧ 由 y97213h53 分享
DAY 10

DAY10CSS偽類和偽元素

前面剛開始介紹CSS時有介紹到3種最基本的選擇器,而今天要介紹的偽類和偽元素其實也是選擇器 什麼是偽類(Pseudo-class) 偽類是一種CSS選擇器,它讓...

2023-09-25 ‧ 由 y97213h53 分享