給網頁設計初學者的一門課:html+css
5.0 (4 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
36 students enrolled
Wishlisted Wishlist

Please confirm that you want to add 給網頁設計初學者的一門課:html+css to your Wishlist.

Add to Wishlist

給網頁設計初學者的一門課:html+css

在職網頁前端設計師,有十幾年的授課經驗,給你最實務的教學內容。
New
5.0 (4 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
36 students enrolled
Created by 朝輝 蘇
Last updated 9/2017
Traditional Chinese
Current price: $10 Original price: $65 Discount: 85% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 7 hours on-demand video
  • 16 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 建立一個基礎網站
  • 網頁編輯實作的能力
  • 學會html的架構
  • 學會css的語法與應用
  • 在職網頁設計師的技能
View Curriculum
Requirements
  • 需會基本打字以及上網知識
Description

2016年台灣電子商務市場規模將達到1兆1,277億元;而2017年則再往上成長11%,達到1兆2,515億元。2017的電子商務人才荒,你絕對能有一席之地。

▲ 學網頁不難,難的是,你有沒有真正學過!

▲ 跨界網頁設計完全解析!

▲ 轉職或技能無痛升級,你必聽課程!

適合對象:

★ 對「網頁設計」有興趣者。

★ 本身是美術設計人員想進入網頁世界的初心者。

★ 剛入門的網頁設計師。

★ 上班族及學生族自我進修。


Who is the target audience?
  • 任何無基礎想學網頁設計的人
Compare to Other Web Design Courses
Curriculum For This Course
67 Lectures
07:09:34
+
第一部:免費網頁編輯軟體下載與安裝教學
3 Lectures 13:12
+
第二部:從頭認識HTML
9 Lectures 42:55



摸摸HTML的身體部分<body></body>
01:58

我的第一個網頁誕生了!
06:16

教學檔裡的圖片請至可下載的資料下載使用。

再來張漂亮的圖片
05:03

加入連結跟外面的世界互動吧!
04:27

完成其他頁面的連結
04:30

繞口令!利用清單完成選單。<ul><li></li></ul>
06:44

來看看自己有沒有都懂了!
7 questions
+
第三部:CSS初探 - 網頁的化妝師
7 Lectures 47:34



css類別選擇器 - 隨心所欲裝扮我的網頁
12:26

css標籤選擇器 - 讓網頁標籤千變萬化
03:55

css虛擬(偽類)選擇器 - 我的網頁連結不一樣了!
08:07

css識別選擇器(id) - 獨一無二專屬為你
09:33

css初探你了解多少了呢?
6 questions
+
第四部:css應用 - 我家的網頁版面要設計裝潢
6 Lectures 46:53


泥做師傅進駐 - div絕對單位(px)與相對單位(%)的區別
10:20

木工師傅進駐 - css控制div與span標籤
07:37

水電師傅進駐 - 外距(margin)與內距(padding)的調整
09:43

家具的擺設 - 其他css相關應用
07:07

css應用你了解多少了呢?
6 questions
+
第五部:開始我的第一個網頁設計案
9 Lectures 01:22:37


logo擺設與選單設計 - ul li的應用
11:32

動手整理程式碼、程式碼註解、網頁樣板製作
12:56

展示圖片的設計 - 兩欄、多欄版面設計,浮動(float)的應用
19:29

頁尾區塊的設計 - 浮動(float)與清除浮動(clear)的使用
05:13

讓字漂浮在圖片上 - 定位(position)的應用:relative和absolute
10:54

文字position的位置調整:top, left, bottom, right
07:30

讓選單固定在上方 - css定位(position)的應用:fixed操作
03:20

溫習一下你了解多少了呢?
9 questions
+
第六部:好多資料哪裡擺? 表格的應用
4 Lectures 25:47


我的表格不一樣:css與table的應用
08:23

從DIV實現表格排版的設計
10:30

來看看你對表格了解了多少?
4 questions
+
第七部:讓我的網頁看起來更漂亮
6 Lectures 25:52


背景圖片的重複顯示:background-repeat
02:22

背景圖片位置的移動:background-position
03:25

背景顏色的透明應用:background-color
06:08

背景圖片與img的差異
03:54

來看看圖片的應用你了解多少了?
6 questions
+
第八部:讓使用者聯繫我們 - 聯絡表單的應用
6 Lectures 43:21


表單元素select、option的應用:詢問類別
03:03

表單元素radio、checkbox的應用:性別、推薦的餐點
08:21

表單元素textarea和submit的應用:輸入更多的意見及填妥送出
04:07

讓我的表單更特別:css與form的應用
13:22

來看看你對表單了解了多少?
4 questions
+
番外篇1:噓~ 更多css密技!
5 Lectures 25:11
做出漸層不用圖片
05:37

做出圓角讓畫面更特別
02:44

做出陰影讓物件更立體
05:51

解決css讓你錯亂的權重觀念- css接近性
04:52

解決css讓你錯亂的權重觀念- css精確性
06:07
+
番外篇2:專業網頁設計師才知道的秘密
4 Lectures 26:15
好的房子要有好的結構:網頁內容架構的規劃
07:40

seo初步概念:網頁語言與標題的設定
04:41

seo初步概念:關鍵字跟網頁敘述的設定
05:22

seo初步概念:HTML與圖片的最佳化
08:32
2 More Sections
About the Instructor
朝輝 蘇
5.0 Average rating
4 Reviews
36 Students
1 Course
謙悅科技有限公司企劃副理

目前為謙悅科技有限公司擔任企劃副理,負責網站的前端開發企劃,與網路行銷規劃,除了在各大專院校擔任業界講師外,也承包了許多大型系統網站開發,並能夠把業界經驗帶進課程內容,且具備了十多年的教學經驗。

授課經歷:資策會講師、台中科技大學講師、台中教育大學講師、靜宜大學講師、巨匠電腦講師

工作經歷:謙悅科技有限公司行銷副理、尊博科技股份公司前端工程師、英格視覺整合有限公司前端工程師