Html Css More

Tags: CSS , HTML5

Build a coding foundation as an entrepreneur, where I’ll take you through the entire process of coding your own website

Last updated 2022-01-10 | 4.6

- Write HTML Code
- Write CSS Code
- Understand the CSS Box Model

What you'll learn

Write HTML Code
Write CSS Code
Understand the CSS Box Model
Combine CSS and HTML to build websites

* Requirements

* A Windows or Mac computer

Description

Learn the basic concepts, tools, and functions that you will need to build beautiful and modern websites using HTML5 & CSS3.

Build a strong foundation in HTML and CSS with this tutorial for beginners.

  • Code in HTML
  • Code in CSS
  • Understand the CSS Box Model
  • Combine CSS and HTML to create a beautiful modern website


A Powerful Skill at Your Fingertips
Learning the fundamentals of HTML5 & CSS3 puts a powerful and very useful tool at your fingertips. HTML & CSS are free, easy to learn, has excellent documentation, and is the base for all things on the web. .

When I am asked: Where should I start if I want to learn programming? My response is always HTML and CSS. Have you ever wanted to dive further into Wordpress themes? Have you ever wanted to create a beautiful HTML email? Or maybe you just want to be able to design websites. This course is the place to start.

Content and Overview

Suitable for beginning programmers, through this course of 56 lectures and 6 hours of content, you’ll start by downloading a text editor and coding in HTML. Random lectures have specific "challenges" sprinkled in.

After creating some basic web pages and learning about HTML syntax we will go over the differences and changes in HTML 5.(Todays standard)

With the basics of HTML established, we will begin to dive into the world of cascading style sheets.(CSS) We can supercharge our learning by tackling both at the same time.

Finally, we take the course into "project mode." We will go step by step, line by line, and code our own modern and beautiful website using CSS3 and HTML5.


This course was created to establish a foundation in programming by learning HTML5 and CSS3. These are the building blocks of all websites.

This course is targeted towards teaching every day people to code, not just computer science majors.



Who this course is for:

  • Beginners that have no HTML or CSS experience.

Course content

3 sections • 58 lectures

Brackets: Our Text Editor of Choice Preview 02:37

Brackets Download Preview 00:09

Let's Code! Our First HTML Document Explained Preview 07:08

First HTML Doc Source Code Preview 00:01

Basic HTML Tags Preview 07:11

Basic HTML Tags Source Code Preview 00:01

Image Attributes & Link Preview 02:38

Image Attributes & Link Source Code Preview 00:01

HTML Formatting Preview 07:42

HTML Formatting Source Code Preview 00:01

Citations & Quotations Preview 05:55

Citations & Quotations Elements Source Code Preview 00:01

Comments Preview 02:34

New Project & Challenge One Preview 03:50

More on Links Preview 06:01

More on Links Source Code Preview 00:01

Images Preview 06:09

Lists Preview 07:53

Lists Source Code Preview 00:01

Tables Preview 04:41

Tables Source Code Preview 00:01

Divs & Spans - Important Building Blocks Preview 09:12

ID's and Classes Preview 09:52

ID's and Classes Source Code Preview 00:02

Building Blocks & Layout Preview 02:24

Simple HTML Forms Preview 08:42

Simple HTML Forms Source Code Preview 00:07

HTML5 Conventions and Tips Preview 07:39

HTML5 Elements Preview 02:15

Introduction to CSS Preview 02:20

Where To Put Our CSS Preview 07:01

Syntax Preview 02:59

Introduction to Selectors Preview 07:13

Classes & Grouping Selectors Preview 04:27

Background Colors & Images Preview 08:44

The CSS Box Model Preview 13:49

Box Model Inforgraph Preview 00:00

Project Source Code Preview 00:04

Header Image Downloads Preview 00:05

HTML5 Preview 10:55

First Website Setup Preview 10:38

Center
, Floating, & Menu Styling Preview 11:14

Feature Section Preview 12:44

CHALLENGE: Fix The Spacing Issue Preview 00:50

CHALLENGE: Solution Preview 02:01

Adding The Play Button Preview 08:16

Creating & Styling A Form Preview 13:16

Feature Title Preview 07:27

Featured Collumns Preview 12:19

2 Column Setup Preview 10:16

Showcase One Preview 08:37

CHALLENGE: Duplicating 2 Column Section Preview 01:06

CHALLENGE: Solution Preview 04:34

Call To Action Preview 18:26

HTML For Form Section Preview 09:46

Styling The Form Preview 11:14

Social Footer Preview 09:53

Copyright Preview 06:33