3 天動手寫網頁實戰系列

預覽課程

課程創作： Taker Wu

課程適合地區：全球

課程影片總長度： 9小時

最後更新日期：2017-08-14

分享課程：

NT2,990

課程介紹

3 天學會網頁基礎，許多人覺得不可能也包含我自己，因為我自己是過來人花了好多年時間才有比較紮實的基礎，學很久基礎很差的人也比比皆是；為什麼會需要那麼久？因為網頁的東西是零散的，沒有人把基礎整理好給你真正常用的東西、這些東西的用法、觀念等等一次把它們說清楚。

在整理自己的知識並不斷修正之後，發現學生在學習後的第二天、第三天都能夠自己把一個完整網頁做出來，不一定很完美、可能很多小缺陷，但它們已經知道該怎麼做了，3 天學會網頁基礎，嗯，還真的可以！

【實戰練習】「設計圖」大解析

實戰練習前的準備安裝好軟體以及最重要的【分析網站的架構】。

【實戰練習】使用 HTML 製作網站架構

透過分析逐一把它轉化成 HTML 建構網站的架構。

【實戰練習】CSS 魔法－替架構披上美麗外皮

HTML 只有架構與內容，看起來就像不起眼的文章，透過 CSS 慢慢把畫面變成我們想要的樣子。

【實戰練習】CSS 魔法－將簡陋架構轉變為美麗網頁

做 CSS 設定是很花時間的，上半場休息過後，讓我們繼續把剩下的網頁完成。

經過實戰的練習與紮實的架構分析、建構，並且把畫面做出來，我們會經歷到許多真實世界才會遇到的問題與作法。

Taker 老師把常見的排版方式與製作方法整理出來，再一次的進行討論與練習，讓你可以更熟悉如何對平面設計圖做網頁的版面規劃，讓新手可以快速上手實際應用。如果你是設計師，學完切版秘笈，應該再也不會跟工程師雞同鴨講，從此溝通一路順暢！Junior 網頁工程師們更應該好好學習這個章節，因為你終於可以回家吃晚餐了 :P

學員上課後會學到什麼或能做什麼

理解切版流程看到設計圖就能規劃架構並且做出真實的網頁
設計師可以做出符合網頁架構的設計
釐清常用的 CSS 概念及運作方式讓你恍然大悟 —「喔喔，原來是這樣子！」

學員上課前需具備哪些軟、硬體設備或常識

一台可以上網的電腦
一顆誠摯的心

課程適合對象

新手：從 HTML、CSS 基本的介紹、架構說明、網頁分析、工具使用、到實戰練習，一步步帶領你快速，並不慌不忙的學會網頁的製作
想轉職的朋友：如果你沒做過相關工作，遇到的問題跟新手一樣，放心去學吧 :)
設計師：能了解什麼是網頁設計，富有網頁架構的思考，做出適合網頁的設計，不需要再跟工程師打架