How to create a website from scratch HTML CSS course

Name: How to create a website from scratch HTML CSS course
Rating: 4.2 (86 reviews)

Using HTML and CSS to create a website Learn how to structure HTML and apply CSS to make web templates

Created byLaurence Svekis

Last updated 11/2019

English

English [Auto],

What you'll learn

create a website
apply HTML and CSS to create webpages
Style HTML websites

Course content

3 sections • 16 lectures • 1h 8m total length

Course Introduction creating websites2:46
learn to build a complete website from scratch by structuring HTML, applying CSS styling, and using multiple stylesheets and Google fonts to create a dynamic horizontal menu.
Resources for creating a website2:23
Explore using the brackets editor to write HTML and CSS with live preview. Learn to create web templates and build a complete website from scratch, starting with an index.html file.
setup HTML Head section3:48
Declare the doctype and set the HTML5 language, then structure the head with meta charset, title, and description, and tie in CSS to build a modern web page with containers.
HTML structure building5:09
Construct a semantic page layout by wrapping content in a wrapper div, then using header tags (h1–h6), plus navigation, section, and footer for future CSS styling.
Create a navigation menu3:41
Plan your site structure first by creating container areas and then build a navigation menu with an ordered list of hyperlinks.
HTML create main content area and footer5:47
Build a structured page by creating a main content area with a div and article, add a side menu with an aside, and end with a footer for CSS-ready layout.
Source Code HTML0:43

Add Style CSS5:02
Learn how to style a web site with inline styles and an external style sheet by creating and linking a style.css to index pages, so changes apply across the site.
Use Google Fonts pick a font2:44
Select fonts from Google Fonts and import them into your CSS, using quick use or a link, then apply the font-family to see updated typography.
CSS styling webpage container5:27
Set body styling with a font family, 14px size, and dim gray color. Center the wrapper with auto margins, add a border, and use percentage sizing for a fluid layout.
Create a navigation menu from list9:01
Convert an unordered list into a horizontal navigation menu by styling the nav area, removing default ul formatting, and displaying items inline with padding, colors, borders, and hover effects.
Main Content setup CSS4:46
Position the main content area and side menu with left and right floats, using 70 percent and 30 percent widths, and apply clear and padding for readability.
Add padding to Elements3:06
Apply padding and margins to the main content and footer to improve readability, balance side menu space, and prepare for responsive behavior in later lessons.
Course summary12:03
Learn to build responsive websites with css media queries, switch layouts under 800 px, set content and side menu to 100% width, and reuse templates with Google fonts.
Project Source Code1:18

Requirements

desire to learn
computer access
basic HTML understanding

Description

This course will demonstrate how to create a website from scratch. Start with a blank page, and HTML and structure it in preparation for applying styling. Add CSS to make your HTML come to life, customize the styling to build out multiple websites.

Learn how to build a website.

Learn what it takes to make your own website, HTML and CSS together to complete a web project.

I've been creating website since 2002, and I'm ready to share my skills with you. Learn by example, as we build a website within this course. Straight forward approach to learning with each step explained as the project is build.

Learn HTML5

HTML5 tags Headers, Footers, Nav, aside, Sections, articles and more.

Learn CSS

CSS floats, fonts, colors, margins, padding, clear and more.

Bonus get google fonts and add them to your web projects.

How to make you website responsive and change the look depending on the size of the viewers screen. Flexible responsive website design.

I am here to help you learn to build websites and ready to answer any questions you may have.

Want to know more, what are you waiting for take the first step. Join now to start learning to build your own website today.

Who this course is for:

Anyone who wants to learn to make websites
anyone who wants to learn HTML and CSS
Better understand how to use HTML and CSS
web designers
web developers

How to create a website from scratch HTML CSS course

What you'll learn

Explore related topics

Course content

Create a website from Scratch7 lectures • 24min

Add Styling to your HTML structure8 lectures • 43min

Bonus Section1 lecture • 1min

Requirements

Description

Who this course is for: