iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

30天學會HTML+CSS,製作精美網站 系列

介紹HTML+CSS、製作響應式網站所需要注意的細節、分享素材、工具使用、個人經驗分享、製作上使用的工具及素材

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

30天學會HTML+CSS,製作精美網站

隨著科技不斷進步,智慧型手機的普及,網際網路已經進入生活的食衣住行等各方面的需求,隨時隨地只要透過網頁就可以向使用者分享資訊、互動、溝通、購物....,使用者只...

2021-09-16 ‧ 由 sunny 分享
DAY 2

如何製作一個精美的網站

什麼是好的網站設計? 使用者使用網站時是否容易操作及有良好的動線,避免過多不必要的元素,讓使用者快速找到資訊。避免過多的動畫或圖片,導致載入速度變慢,間接影響到...

2021-09-17 ‧ 由 sunny 分享
DAY 3

找尋你的設計靈感、素材及好工具

製作網站前,通常需要找尋相關設計靈感,有時候想破頭就是沒想法,素材對網頁內容來說很重要,好不容易找到了不錯的素材,大部分都是有著作權,不能直接使用,以下是我常逛...

2021-09-18 ‧ 由 sunny 分享
DAY 4

改造你的VSCode,大幅提升你的Coding效率

工欲善其事,必先利其器,插件是Coding效率提升的利器 今天要來介紹的主角是Visual Studio Code(簡稱VSCode),它是一款微軟開發的原始碼...

2021-09-19 ‧ 由 sunny 分享
DAY 5

認識網頁元素 HTML、CSS

看完了前幾天製作網頁,所需要的素材、使用編輯器及製作網站的流程後後,今天要來介紹HTML、CSS的基本結構,跨出製作網站的第一步了 HTML HTML是什麼?...

2021-09-20 ‧ 由 sunny 分享
DAY 6

語意標籤-30天學會HTML+CSS,製作精美網站

在HTML5中新增了語意標籤,取代以前只能用<div>劃分區塊,可以更清楚知道網頁區塊設計目的,也有有利SEO的搜尋。下圖是網站標籤的結構,依序跟大...

2021-09-21 ‧ 由 sunny 分享
DAY 7

網頁選擇器-30天學會HTML+CSS,製作精美網站

在寫網頁樣式時,最重要的就是選擇器的使用,寫得好容易理解,修改沒煩惱,也可以讓網頁快速呈現效果。以下會介紹css有哪些選擇器及使用方法 通用選取器 樣式套用在所...

2021-09-22 ‧ 由 sunny 分享
DAY 8

偽類與偽元素-30天學會HTML+CSS,製作精美網站

昨天介紹了各種選擇器,今天介紹偽類及偽元素樣式設定,可以讓畫面有更多的樣式變化,也減少html code的撰寫。讓我來為你一一介紹各種屬性使用方式吧~ 偽類選擇...

2021-09-23 ‧ 由 sunny 分享
DAY 9

網頁常用單位-30天學會HTML+CSS,製作精美網站

設置CSS樣式大小時,會使用到各種不同的單位,尤其現在都製作響應式網站,用錯單位,就會針對不同尺寸調整大小相當耗時,以下介紹網頁常用各種網頁單位,讓你使用的更加...

2021-09-24 ‧ 由 sunny 分享
DAY 10

網頁命名規則-30天學會HTML+CSS,製作精美網站

在撰寫HTML及CSS時,好的命名要具備可讀性,一眼就能知道這區塊的作用是什麼,也方便日後的維護管理,今天就要來介紹三種CSS的命名規則 OOCSS(Objec...

2021-09-25 ‧ 由 sunny 分享