Turn what you know into an opportunity and reach millions around the world.

Your cart is empty.

最適合初學者的網頁設計課程-HTML & CSS教學

一堂課針對初學者的HTML & CSS 完整課程，教會你一切需要了解的HTML & CSS知識，並帶您實際演練及操作

Created byMcD Q

Last updated 9/2018

Chinese (Traditional)

Chinese (Traditional) [Auto],

What you'll learn

能夠了解如何運用HTML架構網站
能夠了解HTML+CSS基礎知識
並能透過實作學習到如何建置出一個網頁

Course content

9 sections • 58 lectures • 12h 26m total length

本課程目的3:08
各章節概述1:00:09

本章節課程介紹7:08
HTML歷史、版本介紹5:22
HTML結構和撰寫慣例41:51
標籤介紹－標題、段落14:56
標籤介紹－格式化文字7:21
標籤介紹－區塊5:50
<Project 1>簡單自我介紹網站20:41
標籤介紹－列表9:23
標籤介紹－表格10:21
標籤介紹－連結、圖片14:18
<Project 2>介紹商品的網站22:30
標籤介紹－head5:34
標籤介紹－框架4:21
標籤介紹－表單14:42
屬性介紹－全局屬性14:42
HTML Entities14:42
HTML Layout14:42
HTML5簡介14:42
標籤介紹－繪圖14:42
標籤介紹－影音4:37
其他內容（事件、API）3:49

本章節課程介紹5:46
為何使用CSS?12:49
CSS基本介紹（架構和語法）5:23
CSS－顏色8:12
CSS－分開撰寫 - class&id概念3:24
CSS－顯示方式 display block/inline4:47
CSS－元素位置 - 相對 / 絕對定位5:16
CSS－內間隔/外間隔(padding/margin)7:34
CSS－字體變化與span-在文章段落中製作變化9:39
<project 3> html / css 大整合-製作獨特名片網頁16:19
CSS－加入基礎滑鼠互動 :hover / :active6:24
CSS－動畫基礎transition-duration/delay6:59
CSS－製作影格動畫animation/keyframes5:11
CSS－動畫速度曲線fillmode/speed curve5:55

Requirements

詳記筆記本，不遺漏任何重點
良好的 Wifi 和上網環境，以求良好的課程體驗品質

Description

1.了解HTML是什麼(其概念及運作原理)

2.系統環境如何建置 (JSBin、Emmet、Visual Studio Code)

3.瞭解關於前端網頁設計更進階的學習資源如何查找

4.瀏覽器的概念及原理

5.HTML 如何設計，包含: 語法、標籤...等

6.了解CSS的概念及具體如何操作 (元素、設計等概念)

7.透過專案實作來融化貫通 HTML及 CSS

Who this course is for:

對前端網頁設計有興趣的初學者，本課程是針對無基礎者設計，有基礎者請期待進階課程的推出