使用 HTML、CSS 開發一個網站

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

講師:廖 洧杰

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

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

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

課程大綱

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

基本條件

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

這門課程適合...

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

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

口碑推薦

同學怎麼說

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

人一起上課

實際人數以 Udemy 上為主

這門課程目前還沒有同學

此課程正在準備中 :)

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

原價 1600

現在上課去 NT$ 1120

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

我想學網頁設計

已有 1,310 人擁有此組合

原價:8400

−30 % off:NT$ 2520

NT$ 5880

付款上課去 arrow_forward

我想學會 JS 和框架

已有 986 人擁有此組合

原價:10000

−30 % off:NT$ 3000

NT$ 7000

付款上課去 arrow_forward