Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
HTML CSS Modern Responsive Website from Scratch
Rating: 4.6 out of 5(507 ratings)
30,117 students

HTML CSS Modern Responsive Website from Scratch

Step by step guide to learning the fundamental building blocks of web development. Learn how to create HTML and CSS code
Created byLaurence Svekis
Last updated 11/2024
English
English [Auto],

What you'll learn

  • create a website from scratch
  • have knowledge of resources used to create websites
  • understanding of HTML and CSS

Course content

2 sections • 12 lectures • 1h 25m total length

  • Course introduction Website From Scratch with Floats CSS and HTML1:38

    Follow a step-by-step, hands-on guide with included source code to build a responsive website from scratch using HTML, CSS, and JavaScript, with floats and media queries.

  • Source Code and Download PDF Guide9:41
  • Tools web developer Setup and coding create HTML index page7:20

    Set up a basic HTML5 page in Visual Studio Code with doctype html, html, head, body, and title tags, then preview in Chrome using Live Server.

  • Basics setup of HTML structure and planning of content16:01

    Structure HTML with header, div, and footer, and style via an external stylesheet using named, hex, and RGB colors. Link the stylesheet in the head and preview with developer tools.

  • HTML structure adding page elements8:17

    Update the HTML structure by adding a header with logo and navigation, three content articles, and a three-column footer, using placeholder text and images for realism.

  • How to create a Responsive NavBar with HTML and CSS11:35

    Create a responsive navigation bar that stacks on small screens and runs horizontally on larger ones, using media queries and hover effects.

  • Page Fonts CSS Google Fonts use of font family and styles CSS8:26

    Add Google Fonts to your web project by importing font families and styles for the body, headings, and subheadings, and style the header with a left-floating logo and responsive spacing.

  • Page Content Styling and Images Responsive Images with borders6:44

    Style the main content area with responsive images and borders. Implement image resizing for small screens, borders, padding, box-sizing, and first-letter emphasis for clear structure.

  • Footer Columns how to create a three column footer design7:09

    Create a responsive footer that stacks on small screens and displays three columns on larger screens, organizing address, contact, and social links with distinct first, second, and third columns.

  • Add JavaScript for Navbar to hide and show navbar menu toggle viewTools7:17

    Learn to add JavaScript to toggle a responsive navbar, using a menu button to hide and show the menu on small screens while keeping it visible on larger screens.

Requirements

  • basic computer skills
  • no coding experience is necessary
  • desire to learn about making websites

Description

How to create a website from Scratch HTML and CSS

Includes a 48 Page Downloadable PDF guide with source code and lesson resources.

Course lessons include

  • Tools web developer Setup and coding create HTML index page

  • Basics setup of HTML structure and planning of content

  • HTML structure adding page elements

  • Create HTML Page Apply CSS for styling

  • How to create a Responsive NavBar with HTML and  CSS

  • Page Fonts CSS Google Fonts use of font family and styles CSS

  • Page Content Styling and Images Responsive Images with borders

  • Footer Columns how to create a three column footer design

  • Add JavaScript for Navbar to hide and show navbar menu toggle view

Learn HTML and CSS - in this new completely up to date course.  By the end of the course you will be able to create HTML and CSS web pages, and know how to transfer them to a web server.  Create your own website from scratch by learning the fundamentals of HTML and CSS.

Easy to follow introductory course to web development.  Let us teach you how HTML works and how to start writing HTML code.  HTML is the foundation for websites, and surprising really easy and straight forward to learn.  We cover a simplified approach to learning HTML were you will learn the core HTML elements that make up any webpage.  In addition we fully cover the basics that you need to know to get started.

Once you have completed your HTML page, we cover adding styling to bring your HTML to life.  How to apply styling and most common styling that is applied to make and design you website the way you want it to look.   In addition we show you how to make your website responsive, so that it works across different devices.

Bringing HTML and CSS together to create a website from scratch.  Let us introduce you to the tools and resources you need to get started quickly.  This course walks you through creating a webpage, and then uploading live to the internet.   

Learn real world web design to be able to build real world websites.  This course includes source code so that you too can try the code for yourself and see what you can make happen.    Its full of tips for better web development, and includes the process of web creation.

Hands on web development with HTML5, CSS3 presented in an easy to follow step by step course.

Start exploring what you can do with HTML and CSS 

By the end of the course you will have the skills and know how to create websites and make them live online.

I am here to help you learn how to create your own 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 how you too can create websites from scratch.



Who this course is for:

  • Anyone who wants to learn about creating websites
  • anyone who wants to get a better understanding of tools and resources for web development
  • Web designers or web developers
  • anyone who wants to learn HTML and CSS

Report abuse