Udemy featured image

【Udemy 課程評論 @2017】使用 HTML 與 CSS 開發一個網站

如果你想學


  • 使用 HTML 與 CSS 製作一個簡單網頁(例如你的履歷表)
  • 使用 Photoshop 製作網頁切圖,將設計稿變成實際的網頁。

上課前你應該知道的事


  • 這門課帶給你的不只有課程內容,還有非常有耐心且負責的講師。
  • 你不需要有什麼必備的基礎能力才能上這門課,但你應該懂得如何使用電腦與網路。

課程內容概述


Section 1:  HTML 基礎

基本的 HTML 標籤及屬性

瀏覽器:  Chrome

編輯器 ( Text editor ):  Sublime Text 3 ( Mac/Win )

Section 2:  CSS 基礎、Emmet

CSS 選擇器的使用

安裝 Sublime Package Control 並加入 Emmet 外掛

Section 3:  網頁排版基礎

講解思路不夠清晰,初學者很可能會有些困惑

重設 CSS:  Reset CSS – Meyerweb ( 替代選項如 Normalize.css )

線上網頁編輯器:  CodePen

Section 4~5:  網頁排版技巧

float、position、z-index

我認為能夠把「定位」這個問題講解得多透澈,將決定一門初階網站課程的品質。

你必須經由自己的理解程度來判斷,而非「大多數人」的理解程度來判斷。不能理解可以查,查不到就問,問不到就換人 ( 課程 )。

Section 6:  Photoshop 網頁切版

將平面設計師提供給你的網站設計圖,依據需求,配合 HTML 與 CSS 並切出你要的圖片

如果你有一點 Photoshop 的基礎會更好

Section 7:  表格與表單

Pure.css:  一種 CSS 前端框架 ( Framework ),講師建議可以參考其表格與表單作法

表格 ( Table )

html form example

表單 ( Form )

hexschool subscription form

Section 8:  CSS3 效果與技巧

圓角、漸層、陰影

CSS3 語法支援查詢:  Can I use

瀏覽器使用統計:  StatCounter

Section 9:  觀念補充

CSS 權重計算:  Specificity Calculator

網頁結構規劃:  參考講師在 SlideShare 分享的簡報

網頁排版練習: 你可以在 Dribbble 找到更多範例

高品質 ICON 下載:  Iconfinder

高品質圖片下載:  Unsplash

Section 9:  NEXT STEP

這一節顯得有些多餘,我認為接下來應該做的,只有練習而已。

完全主觀的總評


在 Udemy 上的價格相對較高,因為內容僅是基礎的 HTML 與 CSS。

內容的編排可以更有系統一些,講解可以再清晰簡潔一點。

評分:  8.68 ( 滿分 10 )

項目 得分  備註
講師的表達能力 7.8
講師的回應速度 10
講師的回應品質 8.6
課程的完整度 7
課程的附加價值 10 每週三晚上七點辦都會舉行線上問答會

最後的提醒


  • Udemy 有 30 天的無條件退費條款,如果課程真的不適合你,請不要吝於使用(退款程序簡易且快速)。
  • 如果覺得講師講課的速度太慢,可以自行調整影片的播放速度。
  • 唯有動手做才會知道有沒有問題,是不是真的理解。切記!切記!( 你有 30 天的時間 )
  • 講師在每週三晚上七點辦都會舉行線上問答會,讓你釐清一些課程上的問題。想知道問答會的情況,可以前往 六角學院的 YouTube 觀看。
  • 建議課後可以好好看一下 MDN 的 學習該如何開發 Web,你會收穫更多。

課程資訊


【課程網址】 點我點我

講師:  六角學院

課程錄製時間:  2015

課程最後更新時間:  8/2017

【找折扣】

課程原價:NT$1,800

六角學院似乎沒有參與 Udemy 的相關優惠,也就是說,唯有六角自己發出的優惠才有效,詳情請參考 六角學院官網

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *