Coding for Beginner Series: Learn HTML/CSS/RWD Quickly and Create Your Own Company Brand Website
程式入門學：一次搞懂HTML/CSS/RWD基礎 設計你的公司品牌網站
Design your own website in your own unique style
Learn to code more with normal everyday language and less with tech lingo
Create your website while you're learning and gain confidence in coding
Alex, a full stack web development expert, will take you step by step from Mockup to Prototype to Finished Website. He will teach you how to write your own website from beginning to the end and give you the confidence to execute your website in your own style. You can create your own personal portfolio website, your own brand platform, your own startup platform, or just want to express yourself.
In this class, you will learn:
- What is HTML?
- How to set up a website?
- What are the good standards and practices of website construction
- How to create Responsive Web Design
- How to utilize CSS to create your own sense of design and identity
- Understanding the power of Bootstrap for speed and efficiency
想要設計屬於妳自己的風格的品牌網站, 但是線上教學學玩了還是不會做嗎？
想要學程式但是宅男老師都在講太空語, 通通都聽不懂？
老師教的太快，課程搞不懂，又很怕問問題，怕被同學笑？
不用怕！讓Alex老師一步一步的帶你從Mockup到Prototype到Product，讓你有自信的寫出你自己的網站，讓你自由發揮你的設計風格，不會每個學生的作品都一模一樣，讓你的公司有個高質感的品牌網站。課程上完了，你的網站也做好了!
非常適合想要開發自己的網頁，想要擁有自己的獨特品牌平台，想要利用網路創業，想要讓全世界看見妳的作品！
在這課程中你會學到什麼是HTML，怎麼架構網站，怎麼利用一些超好用的網頁慨念，怎麼製作響應式網頁。還有學會利用CSS來美化網頁，打造出你自己的風格。最後，學會利用Bootstrap網頁設計懶人包來快速架構網頁的不同的組成。(全中文教學)
Example Works | 作品範列
What You Will Learn In This Class
| Learn the foundations of the HTML such as HTML elements, Box Models, and HTML Wireframes. You will begin the mockup of your website. | |
| We will start off with a quick briefing on graphic design basics and the elements in graphic design. From there, you will go on to learn CSS foundations and structures such as Selectors, Styles, Values and Units, Colors, and Comments. | |
| Continuing with CSS lessons, you will learn to utilize Fonts, Floats, and Flexbox. You will also gain a thorough understanding of how to construct a website using RWD. | |
| You will learn how to use Bootstrap and utilize many of its fantastic features to quickly help you get your website off the ground. You should have completed your website by the end of this week. |
課程大綱
| 學會HTML基礎，認知HTML Elements, Box Models, and HTML Wireframes。 學會Mockup，開使打稿你的網頁。 |
|
| 一次搞懂平面設計概念，接下來可以利用平面設計概念來設計妳的網頁。學會CSS，利用CSS來製造妳的獨特設計風格。 | |
| 再更深入學習CSS來設計彈性網頁。認識響應式網頁設計(Responsive Web Design)，學會如何設計給不同的遊覽器，從筆電到平板到手機。 |
|
| 深入學習使用Bootstrap懶人包，讓Bootstrap的許多功能讓你快速的架構網頁。你也將在這禮拜結束你的網站設計。 |
Class Info | 課程資訊
Coding for Beginner Series: HTML/CSS/RWD
Dates: 12/07, 12/14, 12/21, 12/28
Times: 19:00 to 22:00
Location: Gary&Emerson Space, 3rd Fl, No. 350, Fuxing N. Road, Zhongshang Dist., Taipei City
Transportation: MRT Zhongshan Junior High School Station [Wenhu Line - Brown] Exit MRT station and make a right to 7-11, classroom is above 7-11 on the 3rd floor.
Requirement: Please prepare your own laptop and writing pad.
程式入門學：一次搞懂HTML/CSS/RWD基礎
課程日期：12/07, 12/14, 12/21, 12/28
課程時間：19:00 至 22:00
地點：Gary&Emerson, 台北市中山區復興北路350號3樓
交通：捷運中山國中站，文湖線，出口右轉步行一分鐘至錦州街，教室在7-11樓上。
材料：請自備筆電與筆記本 (必須有基本電腦使用基礎)
Instructor | 講師介紹
|
Alexander FrankishCEO and Founder of AZMOV.COM多才多藝的Alex Frankish來至美國紐約，他是個深資歷的全端開發工程師(Full Stack Web Developer)。Alex是台灣新創影音資訊公司AZMov.com的創辦人與執行長。在開發AZMov.com之前的六年中，Alex與許多台灣與國際公司合作過，從新創企業到Google到Media Palette (台灣第二最大的媒體公司）。至今他還是不斷的與不同矽谷新創公司合作。 Alex Frankish is a multi-talented full stack web developer from New York and the CEO of AZMov, a startup here in Taiwan. With over 6 years of experience in the tech industry, he has worked with a wide range of clients ranging from small independent businesses to large companies such as Google and Media Palette (Taiwan's 2nd largest media company). He is currently collaborating with other startups in Silicon Valley. |
