HTML & CSS - Quickstart | Ebook included
4.8 (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.
1,744 students enrolled
Wishlisted Wishlist

Please confirm that you want to add HTML & CSS - Quickstart | Ebook included to your Wishlist.

Add to Wishlist

HTML & CSS - Quickstart | Ebook included

HTML & CSS Quickstart-simple guide to get started with coding & build a solid foundation for advanced web development
4.8 (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.
1,744 students enrolled
Created by Sandy Ludosky
Last updated 3/2016
Learn Fest Sale
Current price: $10 Original price: $30 Discount: 67% off
1 day left at this price!
30-Day Money-Back Guarantee
  • 3 hours on-demand video
  • 6 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • By the end of this course, you will be able to create webpages with HTML & CSS
  • By the end of the course, students will have a solid understanding of the HTML tags and CSS properties
  • After watching the CSS Fundamentals part, you will be able to style a webpage by formatting the text and adding colors
  • By the end of this course, students will be able to craft a multi-column layout page by using the CSS float property
  • With the Step-by-Step guided exercise, available in section 3, you will be able to create easily and quickly a multi-page layout, add media and video links
View Curriculum
  • No pre-requisite is needed for this course - Start from scratch!
  • For the course, you will need a code editor like Sublime Text, Notepad ++ (PC) or Dreamweaver (if you are using the Adobe creative suite)
  • I recommend a modern web browser like Chrome or Firefox - You will be taught how to use the web developer tools, which are available with the modern browsers

With HTML and CSS Quickstart , learn to create a website in minutes.

This course will teach you the ins and outs of web development

The course is easy, fast and hand-on.

If you have no coding experience, this course is perfect for you. The videos and materials will walk you through the process of creating your first web page.

And, in the process build a strong foundation for more advanced front-end development.

Students will learn to :

  • Write HTML and structure webpage with HTML elements
  • to customize a page with CSS that stands for Cascading Stylesheet
  • Add media and images to a webpage
  • Work with colors
  • And create a 2-column layout

By the end of the course, students will be able to :

  • Create webpages from the ground up
  • Customize webpages with CSS (Cascading Stylesheet)

By the end of the course, you will be perfectly comfortable using HTML elements, HTML formatting tags, and HTML entities.

Lessons include :

  • Video lessons with HTML and CSS examples
  • Pages demos
  • The first part of the Course will cover the HTML basics
  • The second part will focus on the CSS Fundamentals
  • In the third section, you will practice on your own and create your own webpage. Practice makes perfect! Instructions and video lessons will be available to help along the project.
  • PLUS, Ebooks available for download at the end of the course

Enroll & Start to coding Today

Who is the target audience?
  • This course is for complete beginner
  • This course is designed for any person willing to learn the basics of coding with HTML & CSS
  • if you have some basic coding knowledge, this is the right place. The course includes quizzes and exercises to get an in-depth understanding of HTML basics and CSS Fundamentals
  • This course aims at building the foundation for more advanced web development
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 53 Lectures Collapse All 53 Lectures 02:57:27
Course Intro & Overview
2 Lectures 01:56
Student's Guide (pdf)
2 pages

Level1 -Learn to write HTML
17 Lectures 01:08:14


Section 1: Learn to write HTML

  • Intro to HTML
  • Typographie
  • Tags Elements
  • Hyperlinks
  • Images
  • Create your first HTML Page

Section 2: CSS Fundamentals

  • What is CSS? Cascading stylesheet
  • The Box model
  • Formatting
  • Working with colors
  • Pseudo classes (:hover, :nth-child)
  • How to float elements

Section 3 - Challenge

  • DIY - Build your first webpage
  • Video Solutions
  • Sublime Text
  • Cameron Bailey
Preview 04:33

For this lecture, open the document 'first' in sublime text

File > Open > CourseFiles > demo > Intro to HTML > first

Preview 09:21

Tag elements

More practice on W3School : headings


More practice on W3School : formatting


More practice on W3School : Links


More practice on W3School : list


More practice on W3School : comment


More practice on W3School : Image

Adding images

Image | Width & Height

Image | Alt Attribute

Links to Placeholder Image providers

Image | Placeholders

More practice on W3School : Inline/Block level Elements

Inline/Block Elements

More practice on W3School : HTML5 Semantic

HTML5 semantic

More practice on W3School : Inside the <head> sectoin

Meta tags

HTML5 Cheatsheet | PDF
1 page

The test contains 20 questions and there is no time limit. You can take it as many times as you wish

Feel free to review the materials covered in the screencasts.

Good Luck!

Take the HTML Quiz
15 questions
Level 2 - CSS Fundamentals - Make it pretty!
15 Lectures 44:57
What is CSS ?

CSS syntax

Working with colors

Font styling

Nagivation styling


Styling Images


ID - identifier

The Box Model

CSS Floating property

CSS clear property

Google Font

External stylesheet

CSS Cheatsheet | PDF
2 pages

Take the CSS Quiz
10 questions
Level 3 - Challenge - Do It Yourself!
2 Lectures 00:58
Let's get ready!

4 pages
Challenge - video solutions | Part I
8 Lectures 23:06
1&2. Meta tags & Title

3. Heading

4. Main navigation

5. Aside

6-8 Introduction & About <section>

7. Images

9. Footer

Bonus (Embed a youtube video)
Challenge - video solutions | Part II
9 Lectures 28:16
1. <link> href

2. Appearance

3. Page Layout

4. The navigation

5. Styling the image

6. CSS Float

7. Footer


Download your Ebook
1 page
About the Instructor
Sandy Ludosky
4.3 Average rating
1,299 Reviews
16,601 Students
20 Courses
Web Designer & Developer

My name is Sandy. I am a freelance Web Designer and Developer based out of Toronto, in Ontario, Canada.

I specialize in Front-End development with HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery.

I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few.

Also, I am keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development.

On top of being a Udemy instructor, I am an avid learner of new technologies and digital stuff.