課程介紹

*** The #1 bestselling HTML and CSS course on Udemy! ***

*** Completely re-built from scratch in July 2021 (35+ hours video) ***

“Having gone through other related courses on other platforms, I can say this course is the most practical and readily

…[更多細節]

哪些人適合這堂課？

• Complete beginners who want to learn how to build a professional, beautiful and responsive website
• Students with some knowledge about HTML and CSS, but who struggle to put together a great website
• Designers who want to expand their skill set into HTML5 and CSS3

學習目標

• Become a modern and confident HTML and CSS developer, no prior knowledge needed!
• Design and build a stunning real-world project for your portfolio from scratch
• Modern, semantic and accessible HTML5
• Modern CSS (previous CSS3), including flexbox and CSS Grid for layout
• Important CSS concepts such as the box model, positioning schemes, inheritance, solving selector conflicts, etc.
• A web design framework with easy-to-use rules and guidelines to design eye-catching websites
• How to plan, sketch, design, build, test, and optimize a professional website
• How to make websites work on every possible mobile device (responsive design)
• How to use common components and layout patterns for professional website design and development
• Developer skills such as reading documentation, debugging, and using professional tools
• How to find and use free design assets such as images, fonts, and icons
• Practice your skills with 10+ challenges (solutions included)

課程介紹

Have you been coding CSS for some time, but want to take your game to the next level? Do you feel confused with CSS jargon like inheritance, specificity or the cascade?

What if there was one resource, one place, where you could learn all the advance

…[更多細節]

哪些人適合這堂課？

• CSS developers who want to update their CSS skills to the most modern level
• CSS developers who want to expand their toolset to animations, flexbox, Sass, NPM, SVG, and much more
• Front-end developers who want to finally understand how CSS works behind the scenes
• In general: anyone who wants to truly master CSS!

學習目標

• Tons of modern CSS techniques to create stunning designs and effects
• Advanced CSS animations with @keyframes, animation and transition
• How CSS works behind the scenes: the cascade, specificity, inheritance, etc.
• CSS architecture: component-based design, BEM, writing reusable code, etc.
• Flexbox layouts: build a huge real-world project with flexbox
• CSS Grid layouts: build a huge real-world project with CSS Grid
• Using Sass in real-world projects: global variables, architecting CSS, managing media queries, etc.
• Advanced responsive design: media queries, mobile-first vs desktop-first, em vs rem units, etc.
• Responsive images in HTML and CSS for faster pageloads
• SVG images and videos in HTML and CSS: build a background video effect
• The NPM ecosystem: development workflows and building processes
• Get friendly and fast support in the course Q&A
• Downloadable lectures, code and design assets for all projects

課程介紹

You can launch a new career in web development today by learning HTML & CSS. You don’t need a computer science degree or expensive software. All you need is a computer, a bit of time, a lot of determination, and a teacher you trust. I’ve taught HTML

…[更多細節]

哪些人適合這堂課？

• Anyone who wants to build websites the “professional” way
• Anyone who has practiced web design as a hobby but is not confident about their skillset in a professional arena
• Experienced developers looking to renew their HTML5 & CSS3 knowledge

學習目標

• Create any website layout you can imagine
• Support any device size with Responsive (mobile-friendly) Design
• Add tasteful animations and effects with CSS3
• Use common vocabulary from the design industry

課程介紹

This course is for both beginners and seasoned developers that want to learn how to build responsive websites and user interfaces with modern HTML5 and CSS3+ technologies like Flexbox and CSS Grid as well as the Sass pre-compiler. This course include

…[更多細節]

哪些人適合這堂課？

• From absolute beginner to seasoned developer

學習目標

• Build Multiple High Quality Website & UI Projects
• HTML5 Semantic Layout & CSS Fundamentals
• Flexbox & CSS Grid Projects
• CSS Variables, Transitions, Dropdowns, Overlays & More
• Website Hosting & Deployment With FTP & Git
• All Skill Levels

課程介紹

如果你想找到 web 程式語言的入門磚，那麼你來對地方了

不論你是要找軟體工程師、網頁設計師的工作，具備紮實的網頁排版觀念是必要的條件，也是公司在徵才時必會填寫的加分條件！

在這個課程中你會學到如何從無到有來設計一個網站，同時也會教你如何善用軟體工具來提升你的開發效率。

不用擔心學不會，我們會親自檢視您的程式碼觀念

你不用擔心學完後無法驗證自己所學的觀念是否偏離，課程結束後我們會提供給您一個網頁設計稿，請您實作出來後再轉交給我們，六角學院的團隊成員個個都是在業界的專業工程師，我們會為您檢

…[更多細節]

哪些人適合這堂課？

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

學習目標

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

課程介紹

零基础入门，课程以实战为基础，各种布局技巧，图文结合帮助理解，期间会建立6个真实网页。

没有最好，只有更好，加入我们的课程一起学习吧！

课程的学习路线是HTML、CSS、Javascript、jQuery、HTML5、CSS3、移动端web开发、Bootstrap、NodeJS、Vue入门、Vue实战、Weex基础、Weex+Vue实战项目…

Web前端开发是从网页制作演变而来，其中包括三个要素：HTML、CSS和JavaScript；

职位参考：Web前端工程师、前端架构师、

…[更多細節]

哪些人適合這堂課？

• 对Web前端充满兴趣
• 任何想学习编程的
• 想要转行进入IT行业的

學習目標

• HTML基础
• CSS基础
• 能够深认页面重构
• 可以进行网页制作

課程介紹

想要寫出一個網站，卻苦於不知道要怎麼入門嗎？那這門課就是你的最佳選擇！

1. 本課程由資深的業界工程師設計，讓有志於網頁前端開發的朋友，能快速跨過初學門檻，迅速掌握網頁開發 (web development) 的全貌。

2. 不要再浪費時間去做那些無聊的玩具範例了！本課程帶著你完成兩個擬真的專案，讓你看到真實世界的網頁，是如何一步一步被開發出來的。不要忘記，解決一個經典問題，勝過解決千千萬萬個無聊問題。

3. 課程的最後包含響應式網頁 (Responsive Web Design, RWD

…[更多細節]

哪些人適合這堂課？

• 適合完全沒有程式經驗的初學者，或者任何對網頁開發有興趣的人
• 期望自己能從無到有寫出一個網站
• 想要成為前端工程師、軟體工程師、或網頁設計師的人
• 想要轉換工作領域至網頁前端的開發者

學習目標

• 使用HTML和CSS從無到有地寫出一個網站
• 紮實、清楚、重脈絡的CSS排版技巧，讓您能以簡馭繁，在日新月異的網頁技術中，擁有持續自我進修的能力
• 目標導向式的學習，讓您從實戰中理解各種語法的使用情境，不用擔心學了一堆東西卻不知為何而戰！
• 唯快不破：使用各種輔助工具來加速開發，大幅節省您寶貴的時間！

課程介紹

由於網頁技術更新快速，RWD 與中大型網站所撰寫的 CSS 程式碼也隨之增多，也導致現今網頁設計師在撰寫CSS時，所需記憶的程式碼與重工時間又比以往變得更多。也因如此，CSS預處理器(Pre-Processors)也如雨春筍地出現，目前則以 Sass 的資源與 framework 最為豐富，讓網頁設計師不論在開發效率、維護品質、可閱讀性、程式碼可重複性都大幅提升。

本課程將會教你：

優勢比較 – 完全掌握 Sass/CSS 來設計網頁介面

撰寫風格 – Sass 與 SCSS 格式撰寫

…[更多細節]

哪些人適合這堂課？

• 有意成為 CSS 專家的開發者
• 工作上常需要開發大型網站架構，需要知道各種 CSS 管理方法的開發者

學習目標

• 徹底學會 Sass 來管理 CSS
• 了解 CSS/Sass 設計模式(SMACSS、OOCSS、BEM)
• 懂得設計出一手好 CSS 命名

課程介紹

對於新接觸網頁開發的人來說，HTML 與 CSS 是兩個最重要的網頁開發語言。這兩個語言也是最簡單的網頁開發語言。如果你一直都想要有設計網頁的經驗但害怕接觸程式，這門課程會用快速且簡單的方法讓你學會這兩個語言。

這門課程採用做中學的方式，一步步引導你從零開始完成迷你網頁。

這門課讓你用快速且簡單的方法學會網頁設計領域中最重要的兩個語言。

HTML 基礎
HTML 父子結構
CSS 基礎
ID 選擇器
撰寫代碼與設計網頁樣式
了解網頁的組成

網路上每一個網頁都是由程式語言代碼來完成。有許多

…[更多細節]

哪些人適合這堂課？

• 完全的初學者
• 網頁設計學生
• 網頁設計初學者
• 電腦程式設計師
• 部落客
• 積極有熱忱的網頁設計者
• 希望發展新職涯的人

學習目標

• 這門課結束時，你能夠完整的了解 HTML 與 CSS 的基礎知識
• 這門課程結束後，你會具備撰寫一些 HTML 與 CSS 範例的相關經驗
• 這門課的最後部份，你主要在使用 HTML 與 CSS 建造一個精美且具有意涵的網頁
• 在這門課程的最後，你會對自己感到驚訝，你能立即發揮所學技能
• 你有能力建造精美的網頁
• 你可以建造作品集網頁，強調你的網頁設計技能
• 你可以開始著手進行，發展你的網頁設計職涯

課程介紹

CSS是一种看似简单的表示语言，在过去几年中有了很大的发展。前端开发人员需要通过采用模块化的方法来构建一个网站，从而保持样式表的可管理性和组织性。

我们的视频学习路径是以逻辑和逐步的方式组合在一起的有系统的视频产品，这样每个视频都建立在它之前在视频中学到的技能。

在这个视频学习路径中，我们需要有点html5的基础知识，

然后，我们继续探讨CSS 3选择器的功能，以及如何智能地利用它们来创建功能强大的交互式站点。

在我们继续的过程中，我们将掌握广泛的选择器技术和技巧的使用，操作内部内容，

…[更多細節]

哪些人適合這堂課？

• 想要成为WEB前端工程师的人
• 想成为网页设计师和开发者的人
• 任何想要更多地控制他们当前网站或他们计划建立的网站的视觉外观的人。不需要经验。
• 任何想知道HTML和CSS如何在现代网页和网站上一起工作的人。
• 任何曾经尝试使用CSS但在过去发现很困难的人。

學習目標

• 使用CSS改善页面的样式效果，完成更好的效果
• 通过使用CSS样式改变基本标签的效果，如列表、字体、背景等。
• CSS定位功能是很强大的，利用它你可以做出各种各样的网页布局。
• 了解盒子模型的概念及它是如何决定某一个元素的最终尺寸，会有助你理解一个元素如何在网页上定位。
• 通过CSS可以操作HTML中元素的位置以及对元素进行处理，这有利于对UI的优化。
• 选择器是CSS技术比不可少的一部分，掌握选择器势在必行。
• CSS3中的页面特效
• 使用HTML和CSS制作出简单的页面效果。
• 选择器是 CSS3 中一个重要的内容，使用他可以大幅度提高开发人员书写或修改样式表时的工作效率
• CSS3 文字与字体相关样式
• 在CSS中，使用display属性来定义盒的类型。可以使用overflow属性来指定对盒子中容纳不下的内容的显示方法，可以使用box-shadow属性让盒子在显示时产生阴影效果。
• CSS3背景与边框相关样式
• SVN介绍和应用
• 在 CSS3 中，如果使用动画功能，可以使页面上的文字货画像具有动画效果，可以使用背景色从一种颜色平滑过渡到另一种颜色
• 在传统的浮动、定位基础之上，CSS3 提供了一系列新的布局方式，包括弹性盒模型、多列、媒体查询等，利用这些布局方式我们可以灵活地应对复杂网页布局