Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications 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 Certification Network & Security Hardware Operating Systems 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 Design Thinking 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 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 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 Yoga Mental Health Dieting 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 Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Online Business Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development CSS

從零開始用 HTML 和 CSS 打造網站

從零開始成為網頁開發人員,一切都在這門課。這門課幫助初學者完整地學習 HTML 與 CSS 等網頁開發基礎知識。
Rating: 4.6 out of 54.6 (141 ratings)
704 students
Created by 慕課 癮科技, Brad Hussey, TC Liu
Last updated 1/2017
Traditional Chinese
30-Day Money-Back Guarantee

What you'll learn

  • 這門課結束時,你能夠完整的了解 HTML 與 CSS 的基礎知識
  • 這門課程結束後,你會具備撰寫一些 HTML 與 CSS 範例的相關經驗
  • 這門課的最後部份,你主要在使用 HTML 與 CSS 建造一個精美且具有意涵的網頁
  • 在這門課程的最後,你會對自己感到驚訝,你能立即發揮所學技能
  • 你有能力建造精美的網頁
  • 你可以建造作品集網頁,強調你的網頁設計技能
  • 你可以開始著手進行,發展你的網頁設計職涯

Course content

10 sections • 77 lectures • 8h 3m total length

  • Preview01:15
  • Preview3 pages
  • HTML 標籤、屬性與元素
    7 pages
  • 檔案與資料夾的命名慣例
    7 pages
  • 網站檔案資源與資料夾結構
    17 pages
  • 管理你的網站檔案
    4 pages
  • 優秀的開發工具
    4 pages
  • HTML 測驗
    9 questions

  • Preview01:13
  • Preview01:30
  • Preview03:07
  • HTML 文件標題
    02:34
  • 標題
    03:40
  • 段落
    02:23
  • 強調與特別強調
    02:47
  • HTML 父子架構
    01:45
  • 親自動手做!
    06:33
  • HTML 基礎測驗一
    4 questions

  • 超連結
    04:28
  • 列表
    04:05
  • 圖片
    10:27
  • 地址
    02:39
  • 親自動手做!
    06:00
  • HTML 基礎測驗二
    5 questions

  • 表格
    04:45
  • 表單
    13:34
  • 特殊字元
    3 pages
  • 親自動手做!
    06:59
  • HTML 基礎測驗三
    4 questions

  • ID 屬性與類別屬性
    04:50
  • span 標籤與 div 標籤
    05:54
  • 頁眉與頁尾
    01:46
  • nav 標籤、section 標籤與 article 標籤
    06:09
  • aside 標籤
    02:52
  • 時間
    03:20
  • 縮寫與引用
    04:02
  • 親自動手做!
    10:59
  • HTML 基礎測驗四
    10 questions

  • 樣式規則
    3 pages
  • Preview02:21
  • 內部樣式
    04:20
  • 外部樣式
    09:45
  • CSS 選擇器、CSS 屬性與設定值
    3 pages
  • 樣式繼承
    3 pages
  • 像素、百分比與 em
    2 pages
  • 親自動手做!
    11:46
  • CSS 基礎測驗一
    10 questions

  • id 選擇器
    05:46
  • 類別選擇器
    06:07
  • 後代選擇器
    07:25
  • 群組選擇器
    07:18
  • 親自動手做!
    13:59
  • 親自動手做! - 更新內容
    02:18
  • CSS 基礎測驗二
    4 questions

  • 盒模型
    16 pages
  • 顏色
    03:24
  • 文字樣式與格式設定
    13:20
  • 字型優化
    6 pages
  • 邊界
    10:54
  • 背景圖片
    09:13
  • 表單樣式
    18:31
  • 親自動手做!
    19:12
  • CSS 基礎測驗三
    12 questions

  • 連結樣式
    09:08
  • 塊元素與行內元素
    5 pages
  • 漂移與清除
    01:21
  • CSS 元素定位
    08:07
  • CSS 權重
    11 pages
  • 親自動手做!(第一部份)
    18:55
  • 親自動手做!(第二部份)
    16:58
  • CSS 基礎測驗四
    6 questions

  • Preview01:54
  • 介紹課程資源檔案
    02:58
  • 撰寫頁眉與 Hero 區塊 HTML 代碼
    08:21
  • 撰寫一般內容 HTML 代碼
    03:05
  • 撰寫 News 與 Events 區塊 HTML 代碼
    05:41
  • 撰寫頁尾 HTML 代碼
    02:22
  • 添加檔案 normalize.css
    01:54
  • 設定一般樣式與字型 CSS 樣式
    14:29
  • 設定頁眉 CSS 樣式
    06:07
  • 設定 Hero 區塊 CSS 樣式
    03:36
  • 設定一般內容 CSS 樣式
    02:41
  • 設定 News 與 Events 區塊 CSS 樣式
    05:54
  • 設定頁尾 CSS 樣式
    05:59
  • 完成網頁與結論
    01:15
  • 延伸學習與額外資源
    03:19

Requirements

  • 一個有網路連線的環境
  • 具備學習的意願
  • 文字編輯器軟體

Description

對於新接觸網頁開發的人來說,HTML 與 CSS 是兩個最重要的網頁開發語言。這兩個語言也是最簡單的網頁開發語言。如果你一直都想要有設計網頁的經驗但害怕接觸程式,這門課程會用快速且簡單的方法讓你學會這兩個語言。

這門課程採用做中學的方式,一步步引導你從零開始完成迷你網頁。

這門課讓你用快速且簡單的方法學會網頁設計領域中最重要的兩個語言。

  • HTML 基礎
  • HTML 父子結構
  • CSS 基礎
  • ID 選擇器
  • 撰寫代碼與設計網頁樣式
  • 了解網頁的組成

網路上每一個網頁都是由程式語言代碼來完成。有許多程式語言都可以讓你的網站有各種應用,但其中最重要的兩個程式語言就是 HTML 與 CSS 。實際上,即使是聘請其他廠商設計網頁的人,對於這兩種語言也該具備基本的了解。有了這兩種語言的基本知識,你就可以不用仰賴其他人,對網頁的格式做一些調校。

課程內容與課程概要

這一門課程包含 77 個講座、講座影片總共有 8 個小時。這一門課會讓你對於 HTML 與 CSS 有基本的了解。這一門課會引導你直接撰寫代碼,從實作中學習,並且在課程的尾聲會利用 HTML 與 CSS 完成屬於你自己的網頁。

課程一開始你會知道 HTML 與 CSS 是什麼,並了解這兩種語言的用途。這一門課程中,你會建造數個迷你網頁,藉此複習學習到的知識。課程中的應用練習也能幫助磨練你的技能

不論你是熱情的網頁設計者、部落客、程式開發員或是企業主,你都可以從學習 HTML 與 CSS 中得益。你可以建造自己的動態網頁,或是管理你已經擁有的網頁。如果你計畫要成為一個網頁開發者或是設計者,HTML 與 CSS 是最基本的兩個語言。實際上,任何人、從任何角度學習網頁開發,都需要學會 HTML 語言。同時學習 HTML 與 CSS 讓你能立刻開始設計網頁。

Who this course is for:

  • 完全的初學者
  • 網頁設計學生
  • 網頁設計初學者
  • 電腦程式設計師
  • 部落客
  • 積極有熱忱的網頁設計者
  • 希望發展新職涯的人

Instructors

慕課 癮科技
線上課程製作與行銷專家
慕課 癮科技
  • 4.2 Instructor Rating
  • 1,869 Reviews
  • 10,559 Students
  • 48 Courses

慕課為線上教育品牌,致力推廣線上學習,不論從GA分析到Facebook廣告投放,還是搜尋引擎最佳化,希望讓每個人的學習不受阻礙。

從前端程式設計到後端程式撰寫,都是慕課想要的努力範圍,想要了解更多慕課的內容,有更多的詳情歡迎與我們聯絡。

Brad Hussey
Marketing Consultant at FreelancingFreedom.com
Brad Hussey
  • 4.5 Instructor Rating
  • 52,191 Reviews
  • 510,688 Students
  • 11 Courses

A highly skilled professional, Brad Hussey is a passionate and experienced freelancing web designer, developer, blogger and digital entrepreneur. Hailing from North Of The Wall (Yellowknife, Canada), Brad made the trek to the Wet Coast (Vancouver, Canada) to educate and equip himself with the necessary skills to become a spearhead in his trade of solving problems on the web, crafting design solutions, and speaking in code. 

Brad's determination and love for what he does has landed him in some pretty interesting places with some neat people. He's had the privilege of working with, and providing solutions for, numerous businesses, big & small, across the Americas. 

Brad builds custom websites, and provides design solutions for a wide-array of clientele at his company, Brightside Studios. He regularly blogs about passive income, living your life to the fullest, and provides premium quality web design tutorials and courses for tens of thousands of amazing people desiring to master the craft. 

500,000+ Students Don't Lie 

Join Brad and adventure into his world of web design, web development, and speaking in code. You won't regret it! 

What are people saying about Brad? 

"[Brad is] the BEST coding instructor on the planet. Brad has a passion for teaching and he does it with joy. He pours his heart into his lessons and makes you feel at ease. It's just like having your best buddy having a chat with you - only this time, you are learning valuable skills. He's the type of guy who is passionate about transforming people's lives through his lessons. He's not after the money. He truly wants you to succeed. Three hearty cheers to Brad - the best coding instructor on planet Earth."

— Cicero, Brad's student

"...These videos are well created, concise, fast-paced, easy to follow, and just funny enough to keep you chuckling as you're slamming out lines of code. I've taken 3 courses from this instructor. Whenever I have questions he is right there with a simple solution or a helpful suggestion to keep me going forward with the course work."

— Brennan, Brad's student

"...Brad is amazing and I honestly think he's the best tutor of all the courses I have taken on Udemy. Will definitely be following him in the future. Thanks Brad!"

— Brad's student

"...Brad has an infectious enthusiasm, a great eye for detail, and expert-level knowledge of the material."

— Brad's student

TC Liu
前端工程師、翻譯者、開源軟體愛好者
TC Liu
  • 4.8 Instructor Rating
  • 174 Reviews
  • 845 Students
  • 2 Courses

嗨,我是 TC Liu,我向網路學習,喜愛翻譯與分享教學資源。

身為 1990 年出生的網路世代,我相信知識的分享與傳遞能夠讓更多人得益,

我也相信在不久的未來,網路會成為每一個人的教室。

我期許自己能持續翻譯教學資源,為教育貢獻一份心力。

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.