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.

Created byStone River eLearning

Last updated 8/2020

English

What you'll learn

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

Course content

11 sections • 71 lectures • 9h 10m total length

What Is HTML?2:55
A quick introduction to HTML.
What is HTML5?2:59
Getting the Browser0:41
In this lesson, we will be working on getting the browser.
Getting the Editor0:48
Now, let's learn how to get the editor.
Setting Up the Editor1:19
Working on setting up the Editor

Structure - Hello World4:36
Getting started with the structure.

Course files can be downloaded here.
The DOM2:09
Customizing the Editor1:32
Here the students will learn how to customize the editor.
Self Closing Tags - Environment1:21
Working with Self Closing Tabs
Validation6:10
Learn about validation.

Course files can be downloaded here.
Comments2:21
Learning about comments.

Course files can be downloaded here.

Span - Text Modifiers2:37
In this tutorial, we will be working on span text modifiers.

Course files can be downloaded here.
Anchors10:25
Let us now learn about anchors.

Course files can be downloaded here.
Linking to the Top of a Page4:46
Learning more about anchors and Ids.

Course files can be downloaded here.
Images5:09
Working with images.

Course File can be downloaded here.

Tables4:49
Working with tables.
Form Basics9:54
Learning the fundamentals of Form creation.

Course materials can be downloaded here.
Placeholder vs. Value2:31
Here students work their way around placeholders and values.

Course materials can be downloaded here.
Radio Buttons, Checkboxes, Select Elements and Text Areas8:22
Working with Radio Buttons, checkboxes, Select elements and text areas.

This lecture can be downloaded here.
New HTML5 Inputs8:52
Here we will learn about the new HTML5 Inputs.

Here you can download the source code for lecture #20.
HTML5 Input Attributes15:43
A tutorial on various HTML5 Input attributes. The source code for this lecture can be downloaded here.
Action Attribute3:39
Working with Action Attribute.

The source code for lecture 22 can be downloaded here.
GET vs. POST3: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.
Submit Buttons4:05
Learn how to create an image for the Submit button.

The source code for lecture #24 can be downloaded here.
Create a Hotel Booking Form18:45
In this tutorial, we will show you how to create a simple hotel booking form.

You can download this lecture here.

What Is CSS?7:29
A quick introduction to what CSS3 is.
Understanding CSS10:06
More on CSS
How HTML and CSS Work Together20:14
How HTML and CSS Are Used Together
Selectors Part 110:39
What are Selectors?
Selectors Part 211:31
More on Selectors
Selectors Part 311:00
Third lecture on selectors
Selectors Part 48:38
Last lecture on Selectors
Styling Links (Hyperlinks)13:16
Styling Links
Widths and Heights12:43
Working with Widths and Heights
Positioning10:57
Positioning
Centering a Container10:11
Centering A Container
Display Types12:27
On several types of displays
Hiding an Element4:40
Hiding an Element
Margins and Padding13:43
Working with margins and padding
Overflow8:31
Here, overflow will be discussed.
Element Stack Order (z-index)7:31
In this tutorial, we will be checking out the element stack order.
Cursors7:30
Working with cursors.
Box Sizing7:41
Box Sizing
Color10:45
Working with colours.
Font Basics13:43
Working with font basics.
Floats17:26
In this tutorial, we shall learn about floats.
Clearfix6:45
On Clearfix
Forcing Uppercase, Lowercase and Capitalisation5:38
Forcing Uppercase, Lowercase and Capitalisation
Text Alignment6:30
Working with text alignment.
Text Indenting11:16
How to indent texts.
Backgrounds12:28
Working with backgrounds.
Multiple Background Images8:59
Working with Multiple Background Images
Background Size5:56
On Background sizes
Borders11:01
Working with borders.
Border Images9:42
Working with border images

Requirements

A computer

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.

Who this course is for:

Beginning web designers
Beginning web developers

HTML and CSS for Beginning Web Developers

What you'll learn

Explore related topics

Course content

Introduction to the Course5 lectures • 9min

The Basics of HTML6 lectures • 18min

Block Level Elements1 lecture • 9min

Line Break and Spacing1 lecture • 5min

Inline Elements4 lectures • 23min

Tables and Forms10 lectures • 1hr 20min

Semantic HTML5 Elements4 lectures • 15min

Multimedia3 lectures • 8min

Introduction to CSS30 lectures • 5hr 9min

Your First CSS Projects6 lectures • 1hr 16min

Requirements

Description

Who this course is for: