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

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

(8 ratings)

47 students

Created by McD Q

Published 6/2018

Traditional Chinese

30-Day Money-Back Guarantee

What you'll learn

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

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

Preview03:08
Preview01:00:09

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

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

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

設計師

3.7 Instructor Rating
193 Reviews
1,066 Students
4 Courses

科班出身
十數年設計,網頁製作相關經驗，從平面的Illustrator、Photoshop到Premiere類的影片工具
，甚或是網頁開發軟體都相當熟稔，平時除工作室業務外，也在外當Adobe及網頁開發工具課程講師。

在這個平均薪資越來越低的年代，多會一項技能就象徵著多擁有一樣籌碼，

讓你在職場的戰場上，更加具有競爭力，也更加的有議價力。

歡迎你來上我的課程，加強你的工具操作能力，讓你的職涯能夠更加的順遂!