Create a Website from Scratch using HTML CSS step by step

Name: Create a Website from Scratch using HTML CSS step by step
Rating: 4.2 (257 reviews)

A beginner guide to using HTML and CSS to create websites learn step by step how to create HTML code and then apply CSS

Created byLaurence Svekis

Last updated 11/2024

English

English [Auto],

What you'll learn

learn to make your own websites
use HTML
use CSS

Course content

3 sections • 22 lectures • 1h 33m total length

Make a Website course introduction2:10
Start from a blank page and learn HTML and CSS to build a responsive website. Practice with an online code editor and access complete source code and resources.
Course Resources1:00
Web Creation Introduction to course2:30
Learn to build a website from scratch using HTML and CSS, starting with a blank page and coding with editors like Brackets or CodePen, then view in a browser.
Web editor Resource Guide2:00
Make a Wesbite HTML meta tags9:11
Learn to set up a blank HTML template with doctype, html, head, and body, add a page title, and include meta tags like author, description, and viewport.
Source code for index page1:00

Make a Wesbite get coding7:52
learn how to link a separate stylesheet and use HTML comments for documentation, and understand divs vs spans, plus building a basic page structure with header, navigation, content, and footer.
Make a Wesbite navigation hyperlinks6:32
Build a simple navigation bar with an unordered list for home, about, and contact, including internal index links and external links using target blank and predefined headings.
HTML how to add content and paragraphs6:09
Add placeholder text and paragraphs to a basic website, using a header–content–footer structure. Learn to format with paragraphs, line breaks, and links as you prepare for future CSS styling.
index source 21:00
How to add CSS styling7:54
Learn how to style a website using CSS, color palettes, and selectors (tag, class, and id), and apply colors to elements like the navigation bar using CodePen demonstrations.
CSS navigation bar6:11
Create a horizontal navigation bar using inline-block, remove default list styling, and use floats with 60 percent for nav and 40 percent for logo to support mobile-first responsiveness.
CSS box model7:11
Apply precise CSS selectors and the CSS box model to refine navigation, remove list markers and underlines, set links to display as blocks with padding and borders.
Make a Website CSS defaults7:36
Apply CSS defaults to set typography, font color, and em-based sizing for a mobile-first, responsive page; structure the wrapper at 90 percent width with margins and padding.
Hyperlinks hover and more CSS6:40
Style your website navigation and hyperlinks with CSS by adjusting widths, backgrounds, colors, font weight, and display, then enhance hover and active states with underlines.
Web Template updates CSS5:22
Turn list items into inline-block and add padding to create a navigation menu, then add a placeholder image at 200 px width with float left or right.
Make a Website make it responsive9:30
Set up responsive web design by refining padding, colors, and layout with media queries; fix header overflow and hide overflow for mobile, ensuring the logo and navigation links resize gracefully.
Make a Website forms4:19
Learn to create a basic contact form with text inputs for first name and last name, a submit button, and placeholders, then submit via JavaScript or a server-side language.
Source HTML index1:00
Source CSS style2:00

Requirements

computer
desire to learn

Description

HTML is the core of the internet, knowing how HTML works is essential to understanding how to add content online. CSS positions and controls the HTML making it stand out.

Learn to create your own website from scratch in 1 hour!!!

Perfect for anyone who wants to understand how to use HTML and CSS. We create a website from scratch. Starting with a blank page we add HTML and CSS to create a complete website.

This course is designed to be easy to follow along, its encouraged to practice the code being presented through out the course. Resources, source code, and everything you need to learn to make websites is provided. Start with simple HTML structure as we explain how it integrates with CSS.

This step by step course shows you the code you need to know to accomplish making websites.

Learn about web design and its core concepts and much more.....

We walk you through step by step with detailed explanations of code and more.

quick lessons get right to the point
fully covered topics with real world examples
source files downloadable to work along
challenges and lessons and code samples
code snippets
Links to top resources to save time
30 day money back guarantee
new course material added regularly
trusted name in education since 2002
full HD easy to read source coding
quick response support to students
regular discussions

We teach you the latest techniques and tools to use in order to create amazing web content. Everything you need to know is included in this course. Learn at your own pace, lifetime access to this course.

Who this course is for:

anyone who wants to learn about creating websites
learn HTML
learn CSS
Apply CSS to HTML code

Create a Website from Scratch using HTML CSS step by step

What you'll learn

Explore related topics

Course content

How to make a website course introduction resources6 lectures • 18min

Course Coding HTML and CSS14 lectures • 1hr 19min

Code examples HTML CSS and JavaScript2 lectures • 4min

Requirements

Description

Who this course is for: