HTML & CSS - Quickstart | Ebook included

HTML & CSS Quickstart-simple guide to get started with coding & build a solid foundation for advanced web development
4.9 (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,740 students enrolled
Instructed by Sandy Ludosky Design / Web Design
$19
$30
37% off
Take This Course
  • Lectures 53
  • Length 3 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 9/2014 English

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

What are the requirements?

  • 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

What am I going to get from this course?

  • 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

What 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

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Course Intro & Overview
Student's Guide (pdf)
2 pages
Welcome!
Preview
01:56
Section 2: Level1 -Learn to write HTML
04:33

CURRICULUM

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
<ul
What is webpage ?
Preview
03:18
09:21

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

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


Tag elements
07:16
04:35

More practice on W3School : headings

01:50

More practice on W3School : formatting

05:04

More practice on W3School : Links

07:37

More practice on W3School : list

01:28

More practice on W3School : comment

03:13

More practice on W3School : Image

Image | Width & Height
02:16
Image | Alt Attribute
02:25
03:09

Links to Placeholder Image providers

03:55

More practice on W3School : Inline/Block level Elements

04:55

More practice on W3School : HTML5 Semantic

03:19

More practice on W3School : Inside the <head> sectoin

HTML5 Cheatsheet | PDF
1 page
15 questions

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!

Section 3: Level 2 - CSS Fundamentals - Make it pretty!
What is CSS ?
03:34
CSS syntax
03:58
Working with colors
02:06
Font styling
01:26
Nagivation styling
07:06
Pseudo-class
03:09
Styling Images
02:49
Classes
03:34
ID - identifier
02:04
The Box Model
05:29
CSS Floating property
01:57
CSS clear property
02:01
Google Font
01:48
External stylesheet
03:56
CSS Cheatsheet | PDF
2 pages
Take the CSS Quiz
10 questions
Section 4: Level 3 - Challenge - Do It Yourself!
Let's get ready!
00:58
Instructions
4 pages
Section 5: Challenge - video solutions | Part I
1&2. Meta tags & Title
03:04
3. Heading
01:43
4. Main navigation
03:48
5. Aside
02:26
6-8 Introduction & About <section>
02:10
7. Images
03:18
9. Footer
02:22
Bonus (Embed a youtube video)
04:15
Section 6: Challenge - video solutions | Part II
1. <link> href
02:27
2. Appearance
04:01
3. Page Layout
01:53
4. The navigation
04:53
5. Styling the image
01:48
6. CSS Float
05:26
7. Footer
03:03
BONUS
04:45
Download your Ebook
1 page

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Sandy Ludosky, 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.

Ready to start learning?
Take This Course