Course Description

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

Front End & iOS Developer

sandy ludosky

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.

Course curriculum

  • 1

    Intro

    • Introduction

    • Studentsguide

    • Course Files (download)
  • 2

    HTML 5 basics

    • Course Outline & Set Up

    • What is a webpage?

    • HTML Documents

    • Tag Elements

    • Headings

    • Formatting

    • Links

    • Lists

    • Comments

    • Adding Images

    • Image | width & height

    • Image | Alt Attribute

    • Image | Placeholder

    • Inline & Block Elements

    • HTML5 Semantic

    • Meta Tags
  • 3

    CSS Fundamentals

    • What is CSS?

    • CSS Syntax

    • Working With Colors

    • Font Type

    • Navigation Styling

    • Pseudo-Class

    • Image Styling

    • CSS Classes

    • ID-Identifier

    • Box Model

    • CSS Float

    • CSS Clear Property

    • css-cheatsheet

    • Google Font
  • 4

    Challenge instructions

    • Challenge Overview

    • Challenge Instructions
  • 5

    Challenge - part 1

    • Meta Tags

    • Headings

    • Main Navigation

    • Aside

    • Sections

    • Image

    • Footer

    • BONUS
  • 6

    Challenge - part 2

    • - href

    • Appearance

    • Page Layout

    • Navigation

    • Styling the Images

    • CSS Float

    • Footer

    • BONUS