HTML and CSS for Beginning Web Developers

HTML and CSS are like peanut butter and jelly for web designers and developers. Get started with the basics today.
4.5 (23 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,594 students enrolled
$19
$100
81% off
Take This Course
  • Lectures 71
  • Length 9 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 12/2013 English

Course Description

HTML and CSS are like peanut butter and jelly for web designers and developers -- they go well together. Instead of learning just HTML, or just CSS, it's extremely beneficial to learn how each works together to form the basis of great, responsive websites.

About This Course

This course is focused on beginners, and will take you all the way from 'what does that even stand for' to creating real life projects using HTML and CSS -- and understanding why and how you just did it.

HTML5

HTML5 will become the new HTML standard version in the coming years, and this course was created with that in mind. Any time an HTML5 specific markup should be used, you will be taught the HTML5 version so you'll be up to date from day one.

Projects and Source Codes

You will learn the basics, then create real projects that use the skills you just learned so you can understand how HTML and CSS work in the real world. You will also get access to all lesson source codes so you can deconstruct each lesson -- another valuable learning and time saving tool.

What are the requirements?

  • A computer

What am I going to get from this course?

  • To program in HTML
  • To program in CSS
  • To understand how HTML and CSS work together

What is the target audience?

  • Beginning web designers
  • Beginning web developers

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: Introduction to the Course
02:55

A quick introduction to HTML.

What is HTML5?
Preview
02:59
00:41

In this lesson, we will be working on getting the browser.

00:48

Now, let's learn how to get the editor.

01:19

Working on setting up the Editor

Section 2: The Basics of HTML
04:36

Getting started with the structure.

Course files can be downloaded here.

The DOM
02:09
01:32

Here the students will learn how to customize the editor.

01:21

Working with Self Closing Tabs

06:10

Learn about validation.

Course files can be downloaded here.

02:21

Learning about comments.

Course files can be downloaded here.

Section 3: Block Level Elements
08:41

Let us learn about Block Level Elements.

Course files can be downloaded here.

Section 4: Line Break and Spacing
04:49

Working with line break and spacing.

Course files can be downloaded here.

Section 5: Inline Elements
02:37

In this tutorial, we will be working on span text modifiers.

Course files can be downloaded here.

10:25

Let us now learn about anchors.

Course files can be downloaded here.

04:46

Learning more about anchors and Ids.

Course files can be downloaded here.

05:09

Working with images.

Course File can be downloaded here.

Section 6: Tables and Forms
04:49

Working with tables.

09:54

Learning the fundamentals of Form creation.

Course materials can be downloaded here.

02:31

Here students work their way around placeholders and values.

Course materials can be downloaded here.

08:22

Working with Radio Buttons, checkboxes, Select elements and text areas.

This lecture can be downloaded here.

08:52

Here we will learn about the new HTML5 Inputs.

Here you can download the source code for lecture #20.

15:43

A tutorial on various HTML5 Input attributes. The source code for this lecture can be downloaded here.

03:39

Working with Action Attribute.

The source code for lecture 22 can be downloaded here.

03:12

A quick tutorial on the differences between method="get" and method="post" in html forms.

The source code for lecture 23 can be downloaded here.

04:05

Learn how to create an image for the Submit button.

The source code for lecture #24 can be downloaded here.

18:45

In this tutorial, we will show you how to create a simple hotel booking form.

You can download this lecture here.

Section 7: Semantic HTML5 Elements
New Elements in HTML5
03:39
HTML5 Semantic Elements
03:14
04:31

Working with HTML5 Semantic elements.

The source code for lecture 26 can be downloaded here.

03:09

Working with Meter and Progress Elements.

The source code for lecture #27 can be downloaded here.

Section 8: Multimedia
04:14

A quick audio tutorial.

The source code for this lecture can be downloaded here.

03:27

Watch the last video tutorial for this course.

The source code for lecture #29 can be downloaded here.

00:13

Thanks for taking the course!

Section 9: Introduction to CSS
07:29

A quick introduction to what CSS3 is.

10:06

More on CSS

20:14

How HTML and CSS Are Used Together

10:39

What are Selectors?

11:31

More on Selectors

11:00

Third lecture on selectors

08:38

Last lecture on Selectors

13:16

Styling Links

12:43

Working with Widths and Heights

10:57

Positioning

10:11

Centering A Container

12:27

On several types of displays

04:40

Hiding an Element

13:43

Working with margins and padding

08:31

Here, overflow will be discussed.

07:31

In this tutorial, we will be checking out the element stack order.

07:30

Working with cursors.

07:41

Box Sizing

10:45

Working with colours.

13:43

Working with font basics.

17:26

In this tutorial, we shall learn about floats.

06:45

On Clearfix

05:38

Forcing Uppercase, Lowercase and Capitalisation

06:30

Working with text alignment.

11:16

How to indent texts.

12:28

Working with backgrounds.

08:59

Working with Multiple Background Images

05:56

On Background sizes

11:01

Working with borders.

09:42

Working with border images

Section 10: Your First CSS Projects
11:19

Introduction to Your First Project

14:13

A look at the basic site layout

14:10

More on the basic site layout

14:34

Creating the Pure CSS Drop-Down Menu

09:41

More on the Drop-Down List Menu

11:49

Final lecture on the Drop-Down List Menu creation

Request a Course
Article

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Stone River eLearning, 200,000+ Happy Udemy Students

At Stone River eLearning, technology is all we teach. If you're interested in programming, development or design - we have it covered. 

Check out our huge catalog of courses and join the over 370,000 students currently taking Stone River eLearning courses. We currently offer 100+ different technology training courses on our Stone River eLearning website and are adding new courses on hot and trending topics every month. A subscription option is available for those with a real passion for learning.

Ready to start learning?
Take This Course