Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Software Development Tools No-Code Development
Business
Entrepreneurship Communication Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certifications Network & Security Hardware Operating Systems & Servers Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Paid Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement & Gardening Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition & Diet Yoga Mental Health Martial Arts & Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Learning Teacher Training Test Prep Other Teaching & Academics
Web Development JavaScript React Angular CSS Node.Js PHP HTML5 Vue JS
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Amazon AWS Cisco CCNA CompTIA Security+ Microsoft AZ-900
Microsoft Power BI SQL Tableau Data Modeling Business Analysis Business Intelligence MySQL Qlik Sense Data Analysis
Unity Unreal Engine Game Development Fundamentals C# 3D Game Development C++ Unreal Engine Blueprints 2D Game Development Mobile Game Development
Google Flutter iOS Development Android Development Swift React Native Dart (programming language) Kotlin Mobile App Development SwiftUI
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting Canva InDesign Character Design Procreate Digital Illustration App
Life Coach Training Personal Development Neuro-Linguistic Programming Personal Transformation Life Purpose Mindfulness Sound Therapy Coaching CBT Cognitive Behavioral Therapy
Business Fundamentals Entrepreneurship Fundamentals Freelancing Business Strategy Startup Business Plan Online Business Blogging Leadership
Digital Marketing Social Media Marketing Marketing Strategy Internet Marketing Google Analytics Copywriting Email Marketing Startup YouTube Marketing

DevelopmentWeb Development

邁入網頁前端開發世界的敲門磚,HTML5 與 CSS3 靜態網站建置

建置一個網頁會需要學習 HTML5 的結構與特性,美化則需要搭配 CSS3 來進行排版與設計。從頭開始製作一個食譜靜態網頁,提升網頁設計開發實作能力
Rating: 4.7 out of 54.7 (47 ratings)
71 students
Created by Happy Coding 快樂學程式
Last updated 8/2020
Traditional Chinese

What you'll learn

  • 學習 HTML5 網頁設計建構
  • 了解 UI Framework 建置靜態頁面
  • 使用 Grid Flex 進行 CSS 排版
  • CSS3 標籤與使用方式

Requirements

  • 不需要嚴謹的程式背景,願意思考學習
  • 有操作 Mac/Windows 電腦的基礎
  • 具備快樂學習的心情與一個假日
  • 對網頁有認識,操作過網頁的經驗

Description

說到網頁設計不得不提 HTML/CSS,你們有聽過嗎?如果聽過但尚未有足夠了解,這門課會幫助你暸解建置一個網頁時所需要用到的標籤與結構。使用 CSS3 的語法從邊距設定、Box model 邊框、列表等部分去了解網頁是如何形成的。

你為什麼需要上這堂課?

上過 Javascript 的同學一定清楚網頁互動很重要,並且若要建置網頁對於 HTML/CSS 的了解是必不可少的。在這堂課程中我們會走過一次網頁從 DOM 結構的標籤、版型、網頁內容、連結表單等,到使用 CSS 屬性概念去製作一個食譜的靜態網頁。其中對於選擇器的使用、框架的引用皆是這堂課程中重要的概念。

本課程將會包含以下內容:

這堂課程分為五個大章節。從網站的概念著手建置導覽內容與常見的版型了解網頁的呈現,第二章會講解 HTML 結構性的內容、第三第四章則重視 CSS3 的語法/選擇器的使用,最後則是套件框架的應用與說明。


關於這堂課

快樂學程式在台灣擁有超過 1000 人參與的在地社群活動。截至 2020 年我們已經舉辦超過三年的社群與活動,每個月皆有程式思維相關的聚會與交流,深耕社群並參與推廣工程思維,讓非本科系的男孩女孩皆能一窺程式的風趣與培養解決問題的能力。這次與 Glove 推出這堂「邁入網頁前端開發世界的敲門磚,HTML5 與 CSS3 靜態網站建置」內容屬於建構式網頁設計入門。做為上課學員的你可以在裡面跟著一起練習,反覆操作嘗試建立自己的靜態網頁:)

Who this course is for:

  • 對前端開發有興趣,有嘗試使用 HTML/CSS 來撰寫程式
  • 想建置靜態網頁,從設計轉成工程師的念頭
  • 跨領域想撰寫網頁應用程式,建置自己的網頁內容

Instructor

Happy Coding 快樂學程式
Grow up digital skills like an Engineer. 建立工程思維,提升數位能力第一站。
Happy Coding 快樂學程式
  • 4.5 Instructor Rating
  • 329 Reviews
  • 872 Students
  • 7 Courses

Using Engineering Thinking build up digital nomads skill.


快樂學程式成立於 2017 年,希望能提供給非本科系與相關領域的學生以及工作者們一個友善學習程式的平台,幫助大家培養工程思維以及邏輯思維,運用在解決工作上以及生活中的各種大小事。

工程思維為建立解決方法中的邏輯化思考。例如處理你的支出報告,你減少非需要支出,增加你的可動用資產。這時候會需要紀錄你每月份的支出與收入並在適當的軟體工具上建立你的收支紀錄,透過收支紀錄組織每月的標準支出。可以從圖像流程化列點出步驟、要點、目標後進而找出改善方式,以達成解決問題的方法。

建立良好的工程思維會幫助你更好、快速地組織出問題的解決辦法。運用系統化思考與流程化條列,提升你溝通與組織問題的能力,在數位化時代是相當重要的技能,同時,我們將推出更多的課程幫助提升數位能力。

提升數位化專長不再只是空談。快樂學程式舉辦每月的工作坊,並與社群舉辦主題社群小聚,讓喜愛網路生活與增加數位能力的數位住民更多的機會與舞台交流,快樂輕鬆地建立你的工程思維與解決問題的軟實力技能。

Top companies choose Udemy Business to build in-demand career skills.
NasdaqVolkswagenBoxNetAppEventbrite
  • Udemy Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Investors
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Accessibility statement
Udemy
© 2022 Udemy, Inc.