iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
自我挑戰組

美術生的前端初體驗 : 從畫畫到網頁的30天 系列

一個美術專業背景的人,第一次踏進前端工程世界的觀察與學習紀錄。

參賽天數 26 天 | 共 26 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1|身為美術專業為什麼要開始學前端?

如果要用一句話形容我現在的狀態,大概就是: 「我喜歡畫畫,但我不太會寫程式。」 我的背景是美術相關科系,也曾擔任專業的美術設計師,平常比較熟悉角色設計、美學、色...

2026-09-15 ‧ 由 yang65867 分享
DAY 2

Day 2|HTML 原來是這麼一回事?! 程式小白的學習心得。

昨天文章中提到我稍微粗淺地認識了前端,也知道 HTML、CSS 和 JavaScript 分別負責的任務。還記得當時訂了一個小目標「得要好好的了解 HTML 的...

2026-09-16 ‧ 由 yang65867 分享
DAY 3

Day 3|認識 HTML 標籤們

打開教授給的教學示範簡報,看到畫面上滿滿的 <> 符號,第一眼看上去就覺得應該是蠻重要的東西,也有點像遊戲裡會出現的解謎字串。而在實際了解幾個常用標...

2026-09-17 ‧ 由 yang65867 分享
DAY 4

Day 4|了解基本結構

把一些昨天實作的心得稍微撥一些到今天來分享! 我原本以為就是一直把 <h1>、<p>、<img> 之類的東西寫進去,然後網頁...

2026-09-18 ‧ 由 yang65867 分享
DAY 5

Day 5|關於網站標題

前一篇提到我稍微認識了 HTML 文件的基本架構,也知道一份 HTML 裡面會分成 <head> 和 <body>,其實那天嘗試的不只是...

2026-09-19 ‧ 由 yang65867 分享
DAY 6

Day 6|分類與整理

前幾天開始認識 HTML 之後,慢慢地發現每個標籤都有各自的任務!像是昨天文章中認識了 <head>,知道它主要是放一些網頁本身的資訊,那今天我就要...

2026-09-20 ‧ 由 yang65867 分享
DAY 7

Day 7|區塊與行內

隨著持續的學習和嘗試,發現了一件事情: 標籤的排列方式其實不一定相同。 像之前看過的 <h1> 和 <p>,放進網頁之後通常會各自從新的...

2026-09-21 ‧ 由 yang65867 分享
DAY 8

Day 8|開始有做平面設計的感覺?

學習了一些新的標籤: <header> <h1>我的網站</h1> </header> <art...

2026-09-22 ‧ 由 yang65867 分享
DAY 9

Day 9|清單

學習到一個我認為很生活化的東西,它叫做清單。如果我想整理出一些做設計、美術時常用到的軟體: Photoshop Clip Studio Paint Spine...

2026-09-23 ‧ 由 yang65867 分享
DAY 10

Day 10|表格

學會了清單,那就少不了表格啦!我覺得清單的形式看上去更輕鬆,但若是比較嚴謹的內容就得搭配更詳細且具體的資訊了。像是: | 工具 |...

2026-09-24 ‧ 由 yang65867 分享