Web Design: HTML & CSS For Rookies

A Comprehensive CSS & HTML Web Design Course
4.0 (69 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.
14,632 students enrolled
Instructed by Brett Romero Design / Web Design
$195
Take This Course
  • Lectures 38
  • Contents Video: 5 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 2/2014 English

Course Description

Web design doesn't have to be complex, especially when you are just starting out.

Web Design - CSS & HTML For Beginners simplifies the learning process. You get step by step detailed tutorials on how to build and layout a webpage. These foundational skills will allow you to create more complex websites.

The course includes the following:

  • HTML basics
  • Tabular data with HTML
  • CSS basics
  • Font manipulation
  • Laying out a webpage with CSS
  • Debugging webpages
  • HTML5

We start with HTML, the structural component of a webpage. Then we'll go into CSS and webpage layout.

You'll also pickup some valuable webpage debugging skills. This skill set alone will help you become an efficient web developer.

To start building webpages now, just click the Take This Course button to your right and I'll see you in the first course.

What are the requirements?

  • PC, Mac or Linux
  • Text Editor (Free!)
  • At least one web browser

What am I going to get from this course?

  • Working Knowledge of HTML & CSS
  • Ability to use HTML & CSS

What is the target audience?

  • Beginners

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 Introduction
Overview
Preview
01:48
Interactive Code Snippets
Preview
04:57
Section 2: Code Editors
Desktop Editors
Preview
04:06
Online Editors - A Great Way To Share and Access Your Code Anywhere
Preview
06:27
Section 3: HTML
13:17

Interactive Code: http://plnkr.co/edit/jbWvmQMzt1ABsSUQXYUI?p=preview

07:23

Interactive Code:
(tables) http://plnkr.co/edit/E9gCbMvkrUhiWEZw6EQ3?p=preview
(list) http://plnkr.co/edit/yib1tTxZNAJOW5NRyxQk?p=preview

11:39

Interactive Code: http://plnkr.co/edit/BpRUUfmdZYtT6xzPeuxt?p=preview

Section 4: CSS
Project Files For This Section.
01:13
Introduction To CSS
Preview
10:06
Creating External Style Sheets and Exploring Class & IDs
10:29
Building Your Webpage's Layout In CSS
Preview
14:44
Section 5: Debugging HTML & CSS
Enabling Developer Tools
Preview
01:50
Using Debugging Tools 2
11:21
Section 6: Building and Styling HTML Forms
10:28

Interactive Code: http://plnkr.co/edit/egssJbqz1QNkBddmUIwc?p=preview

12:32

Interactive Code: http://plnkr.co/edit/UsWNxHlw7PvDjShG4NpG?p=preview

Styling an HTML Form With CSS + Button - Project Files
Preview
01:03
Styling an HTML Form With CSS
10:07
HTML Form Button Styling With CSS [Interactive Code]
Preview
04:17
Section 7: Building A Sprite Based Navigation
Sprite Project Files
00:56
Creating A Sprite Image
14:46
Sprite Based Navigation With CSS
13:54
Section 8: CSS Pseudo-Elements
Before and After Styling (project files attached)
09:00
Interesting Techniques With Pseudo-Elements
05:01
Displaying Images
Preview
02:05
Section 9: HTML5
HTML5 Introduction Project Files
00:54
The Missing Introduction To HTML5: What HTML5 Is and Isn't
Preview
11:04
Doctype (project files included)
08:08
Article and Section Tags (project files included)
11:35
Header and Footer Tags (project files included)
19:37
Aside Tag (project files included)
14:31
Nav Tag (project files included)
05:49
Content Models
05:47
Section 10: CSS Attribute Selectors
Introduction (project files attached)
07:06
Regular Expressions
08:55
Techniques With Forms
04:56
Section 11: CSS Animations With Animate.css
Introduction To Animate.css (project file attached)
04:23
Building Out Animations
Preview
11:20
Section 12: Summary
Completely Upgrade Your Web Design Skills
03:04

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

I'm a software engineer and entrepreneur. I've also started several businesses. Bitesize Business School is the latest, where I write about applying business principles to the real world and solving technology issues that every online business faces.

The first business I created, Cygen, was a web design consulting business. From this business, I also created my first product - A chatroom web application that was javascript based.

I've written desktop applications in languages running from Delphi to C# winforms/WPF. I've also built ASP.NET webforms and MVC based applications. When the iOS SDK was first introduced, I bought a Macbook and began building apps for the iPhone. I currently have seven apps in the iTunes App Store.

I have an MBA from ASU ('14). My undergraduate major was in mathematics. Before graduating, I decided to get a business degree. I continued taking mathematics courses at the University of Washington after completing my undergraduate degree.

Ready to start learning?
Take This Course