Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Website from Scratch HTML and CSS for Beginners
Rating: 4.3 out of 5(476 ratings)
21,254 students

Website from Scratch HTML and CSS for Beginners

Exercise to practice building a web page from scratch using HTML CSS and JavaScript
Created byLaurence Svekis
Last updated 11/2024
English

What you'll learn

  • Build a navbar
  • Build a single page website from scratch

Course content

2 sections19 lectures1h 11m total length
  • Introduction Webpage introduction2:11
  • developer setup3:18
  • webpage setup3:13

    Set up your index.html with doctype and language, build a structured body with header, nav, sections, and a three-column footer, and add placeholders for style and script.

  • Setup Nav Structure and Elements3:57
  • Style NavBar CSS5:17
  • Add Placeholder Content to Sections6:54
  • Tweak Header NavBar and Sections6:47

    Keep the header navigation fixed at the top with CSS, using 100% width and a 50px height, so the menu stays visible as users scroll through sections.

  • Build Sections8:21
  • Build Page Footer4:56
  • Final Page Tweaks5:48
  • JavaScript ScrollSpy Effect8:26
  • Source Code 30:27
  • Webpage Final Overview5:02
  • Course Resources0:02
  • Source Code 10:08
  • Source Code 52:38
  • Source Code Final3:16

Requirements

  • Basic HTML and CSS knowledge
  • Desire to learn web development

Description

Want to build a single page website from scratch?

Perfect quick course to practice skills like HTML and CSS using them to build out a fully functional website from scratch.

  • Scroll with nice background images and text on top
  • Learn how to build a navbar and style it
  • Add headers and footers to your page
  • Explore how to use placeholder content for rapid web development and design
  • Use JavaScript to add Scroll spy to your navbar
  • bring everything together to build a website from scratch

Source code is included to get you started quickly

Step by step instruction on how to build add HTML and Styles

Taught by an instructor with many years of web development expereince

Fast and friendly advice and help always available in the Q&A section

Nothing to lose Build a website NOW!!!

Join now and see what amazing things you can build online.

Who this course is for:

  • Perfect for beginners
  • Anyone who wants to build a website from scratch using HTML and CSS
  • Anyone who wants to practice HTML and CSS