前言

哈囉~我是一位平面設計師，相信現在很多平面設計師常常被要求需要會一堆技能，起初只要會adobe illustrator、photoshop，現在還希望你會影片 After Effects、Premiere，甚至是網頁切版等等多樣技能，看著各個公司的職缺覺得設計系的大家到底要會的多雜...

開始學習的契機

會開始學習網頁設計的起源是，之前公司的工程師的前輩們有一天突然跟我說，你想要薪水高一點可以去學一下切版(就是這麼膚淺的理由)，畢竟已經有了設計美感的基礎，加上之前都是在電商產業，對於網頁上的東西其實沒有很陌生，想說就當讓自己再多一個技能，工作上也能跟工程師溝通的比較順利，因此就這樣開始自學網頁語法。

但其實在一開始漫無目的的自學真的是有困難，網路上的資料很多但是相對也很雜，蠻考驗的自身的觀念是否有釐清以及能不能活用這些知識，起初我也是上網找了很多課程買了很多書，但其實在前面的基礎觀念其實沒有扎實的情況下，就算跟著上完課，在遇到其他的版面我依然不知道怎麼切，直到找到了Youtube上的金魚都能懂的網頁設計入門影片，我才慢慢開始釐清了一些觀念，並且也能夠執行一些基礎的切版了，當然我還是有很大的進步空間，加上覺得如果不持續練習，真的過一陣子就會忘記當初怎麼切出這個版面。

這次的30天挑戰主要就是將之前學到的一些基礎再次做一個複習，並且列出幾個常看到的版面提供給新手剛入門的人一起練習，透過多次的練習希望可以自己越來越熟練。

接下來的這幾天讓我們一起加油吧!!!

目前的規劃是

• [DAY2]網頁切版入門及版面實作_html介紹
• [DAY3]網頁切版入門及版面實作_CSS介紹
• [DAY4]網頁切版入門及版面實作_CSS Reset
• [DAY5]網頁切版入門及版面實作_範例版面介紹
• [DAY6～DAY14]網頁切版入門及版面實作_針對這個範例版面一一拆解練習
• [DAY15]網頁切版入門及版面實作_ Font Awesome
• [DAY16～DAY30]網頁切版入門及版面實作_每天提供一個常見的版面來切