使用 HTML、CSS 開發一個網站

主打 HTML、CSS 課程,上線不到四個月,學員總數破 1500 的線上影音課程。

講師:廖 洧杰

  • 高雄前端社群發起人
  • 中華電信前端講師
  • 高雄大學前端講師
  • 十年實務經驗,授課時數超過一千小時

我將從這堂課程學到什麼?

  1. 有能力排出具專業、語意化、美觀的網頁設計
  2. 課程結束後,我們會提供給你一個完整的網頁設計稿,當你實作出網頁來後再轉交六角學院的講師們,我們會為您進行程式碼審視,以確保你吸收的網頁排版觀念是正確的。
  3. 了解設計網頁的脈絡,你隨時可以在社群裡發問問題,我們永遠都會在這裡!
  4. 獲得持續更新的講義教材,終身複習不會脫離趨勢的現代化線上課程

課程大綱

章節標題
網頁編輯器、HTML基礎教學
CSS 常用語法
使用CSS變更HTML標籤特性
網頁排版技巧 Part I
網頁排版技巧 Part II
切圖技巧
表格與表單設計技巧
CSS3技巧
最後,讓你的網頁變得更專業
課程作業

基本條件

  • 本課程將會使用 Chrome 網頁瀏覽器來除錯網頁內容
  • 本課程將會使用 VSCode 編輯器來設計網頁
  • 本課程適用於 Windows、OSX、Linux 的電腦系統

這門課程適合...

  • 適合完全沒有設計、程式基礎的初學者
  • 目標成為網頁設計師、前端工程師、軟體工程師
  • 希望自己能夠從無到有設計一個網站

目前已超過 30,000
在 Udemy 上參與六角學院線上課程

口碑推薦

同學怎麼說

V
老師的講解很好理解,非常適合新手學習 !!!!!
薛德豪
王志誠老師講課觀念清晰,而且重點處都會特地標示,或著補充說明,我覺得這對於吸收課程很有幫助。
張絨美
觀念講解非常細緻清楚,循序漸進幫助學員快速上手,課程中藉由不斷提醒加深印象,並利用練習不同例子來熟悉如何使用Bootstrap所提供之相關元件與核心概念。
凱澤
老師介紹的內容非常詳細,也會有讓人想一直聽下去的感覺,可能出現的問題也會事先說明清楚
董翠峰
教學詳細,講師有條理邏輯清晰!學到很多之前不知道的技巧。
劉冠廷
真的很推薦這門課程,獲益良多,節省掉很多K書的時間,但還是需要反覆練習XD
43680739
深入淺出的學習GA分析 FB像素和GTM 。
育瑄
透過這個方法可以去看看別人成功行銷方式大概是什麼,可以跟進學習
Shuwei
了解了gulp如何幫助流程及deploy,相當有幫助
Kevin
老師的講解非常的清楚,讓我以前不了解的部分都可以取得解答。 老師講解 CSS 從最基本的 html tag 開始講起,再來套用 class ,一整套流程下來,CSS的撰寫再也不是天書了,感謝洧杰老師的教導!
Liew Chin
Good explain for fresh
Wei Hsuan
這課程很適合剛剛接觸的JS新手先講解原理再給練習題目複習挑戰 加快吸收知識
Jerry
我是初學者, 老師講解的很詳細!! 很感恩老師!!
John
講師教得很仔細,對入門者來說很有幫助,只要跟著學、一邊做,一定能學會!
Lai Den
描述的很清楚,讓人可以很快了解與認識JQuery。 謝謝!
金運
上課內容精彩又豐富,讓初學者覺得jQuery原來挺有趣
Dory
老師講解的很清楚。如果對於 jQuery 有興趣,但不太熟悉怎麼自已寫出語法的同學來說,這門課程真的會讓你功力大增。推~
瀚德
感謝你們的付出,我的成長一路上都有你們的幫助。
rita
非常清楚明瞭,但會希望步調能快一點更深入一點
定羽
讓我更深入了解JS、還有我自己不足的地方。
林小星
很多觀念在之前自已摸索時,常常因為看起來很像而誤解了用法,看完後對執行的原理又有更加深的理解和印象!
陳冠翰
有基本JS觀念,想要在更進階學習的,這門課很推薦
育豪
很詳細!!!深入Vue原始碼更了解它的應用
Carol
很扎實的教學,其他地方都看不到的知識,讓人耳目一新
Billchu
It's easy to understand, and provides basic and useful commands.
Kira
真的很棒!!本來還很擔心git 和github 課程會很難,內容超容易理解!!
李仁傑
非常詳細,比起市面上其他教學來得好太多太多了!!!
I-Fang
一步一步的教學git相關指令,清楚地理解指令意義,也更清楚的理解GUI介面操作所代表的意義
庭侃
課程內容非常實用,不會塞過多的資訊, 且也會模擬實際開發團隊中遇到的問題, 藉此提升學生搜尋延伸教學資源的求知慾。
弘一
這堂課買了好久了, 直到最近才開始看,因為專案需要而開始用Nodejs,這門課洧傑老師教真的淺顯易懂,整體課程深入淺出,課程本身也帶出很多有用的後端運作及開發上的觀念,就算不用nodejs開發,也很有幫助,值得推薦的一門課
lalaro
這堂課讓我學到很多, Node.js開發還有很多需要學習,謝謝老師的課程
Stephen
這門課是唯一線上教授 nodejs 後端知識技術的"中文"課程. 講師用淺顯易懂的方式和大量的範例講解前端(網頁)和後端(伺服器)資料交換的觀念和方法 : "前端<==>後端<==>資料庫<==>後端<==>前端". 這門課是幫助我進入後端世界的鑰匙. 瞭解了前後端資交換資料的觀念和方法後, 現在除了應用 express 開發後端服務, 也在使用 socket.io, webrtc 等技術進行資料傳輸. 感謝六角學院, 除了專注在前端教學外, 也不忘照顧後端開發者的需求. 這門課對我幫助非常大, 我給 10 顆星 !!!
Charles
很棒的課程 ! 讓前端工程師也可以很清楚的了解後端的邏輯,在團隊合作上也會更加容易 !
Alice
蠻精華的!! 短時間內就能掌握重點知識!!
Jean
老師教學的很清楚、說明易懂。介紹了很多非常實用的套件以及網站,可以讓我們這樣的初學者很快的上手操作。講解淺白易懂,投影片及影片製作非常用心。很棒的課程!
黃英鳴
老師都把最常用到的技巧講解得很清楚,相當好吸收非常值得推薦。
Elsber
very clear explaination
Ling-Siou
易懂且實用,早知道早點把課上完了T>T 也感受到英文學好命名可以順很多...
張志銘
原本以為SASS不好理解,但老師的講解非常淺顯易懂,非常好學習
張簡
非常適合SASS新手,老師講解得非常清楚,觀念也很棒!!
趙知遠
講解詳細,對於CSS編寫的習慣跟模式多有著墨。
賤賤
自學到現在 很多遇到的問題像拼圖一樣 一塊一塊的填起來 被塞滿的感覺 讚
陳清誠
老師上課簡單易懂,課程架構清楚且邏輯清晰,相當推薦!(建議語速可以調至1.25/1.5)
奕濡
完整的解說 Vue強大之處以及應用,非常推薦
Janet
課程搭配實作,且老師們都會細心回覆同學的作業,能幫助自己發現不足之處以補強。
思秀
老師講解得很清楚 好理解,初學者也能輕鬆學習
吳家瑜
很棒~提供很多實用資源,深入淺出的教導Adobe XD入門教學
這門課程目前有

人一起上課

實際人數以 Udemy 上為主

這門課程目前還沒有同學

此課程正在準備中 :)

可隨時關注六角學院,了解課程開放時間喔

原價:NT$ 1600 12 % off
現在上課去 NT$ 1,408

現在上課去 NT$ 1600

課程影片約 15.4 小時

不滿意 30 日內 全額退費
下方有更優惠的組合方案喔

我想學網頁設計

已有 1,310 人擁有此組合

原價:8600

−25 % off:NT$ 2150

NT$ 6450

付款上課去 arrow_forward

我想學 JS 和框架

已有 986 人擁有此組合

原價:10000

−25 % off:NT$ 2500

NT$ 7500

付款上課去 arrow_forward

已有 986 人擁有此組合

原價:10000

−25 % off:NT$ 2500

NT$ 7500

付款上課去 arrow_forward