3 天動手寫網頁實戰系列

課程創作:Taker Wu

課程適合地區:全球

課程影片總長度: 9小時

上架日期:2017-08-14

分享課程:

課程介紹

Web frontend course

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

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

Web frontend course
  • 【實戰練習】「設計圖」大解析
  • 實戰練習前的準備安裝好軟體以及最重要的【分析網站的架構】。

  • 【實戰練習】使用 HTML 製作網站架構
  • 透過分析逐一把它轉化成 HTML 建構網站的架構。

  • 【實戰練習】CSS 魔法-替架構披上美麗外皮
  • HTML 只有架構與內容,看起來就像不起眼的文章,透過 CSS 慢慢把畫面變成我們想要的樣子。

  • 【實戰練習】CSS 魔法-將簡陋架構轉變為美麗網頁
  • 做 CSS 設定是很花時間的,上半場休息過後,讓我們繼續把剩下的網頁完成。

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

Web frontend course

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

Web frontend course
Web frontend course

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

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

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

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

課程適合對象

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

老師介紹

Web design Instructor Taker Wu Photo
Taker Wu

自行接案、擔任網頁開發公司 Senior 網頁工程師,期間開發了許多網站、手機 APP、網路服務等,後因設計師朋友想學網頁相關的技能,遂開發【網頁基礎 15 天】等相關課程,以簡單易懂、貼近實際應用的訓練著稱。

課程評語與問答