Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Build a website HTML5 CSS3 Beginner Course
Rating: 4.4 out of 5(60 ratings)
7,974 students

Build a website HTML5 CSS3 Beginner Course

Complete Starters Guide to Creating a website form scratch HTML5 CSS3 PHP contact from Responsive Design Templates
Created byLaurence Svekis
Last updated 11/2024
English
English [Auto],

What you'll learn

  • create HTML5 CSS3 websites
  • be able to send contact from content to emails
  • make any website responsive
  • use PHP to build out multi page sites
  • create and style HTML and CSS code

Explore related topics

Course content

3 sections • 30 lectures • 1h 59m total length

  • Introduction to making your own website5:11

    Learn to build a multi-page website from scratch with HTML5 and CSS3, wireframe basics, header and footer, and a basic PHP contact form, plus responsive design.

  • Resources1:00
  • HTML5 website what you need to get started2:35

    Learn to build a complete website from scratch using notepad and codepen, create an HTML5 template, apply CSS styling, and propagate the template across pages with PHP, locally on Windows.

  • HTML5 create a basic HTML5 template11:40

    Create a basic HTML5 template from scratch in Notepad, including doctype html, html, head, meta charset UTF-8, title, description, and links to CSS and JavaScript.

  • HTML5 Basic Source1:00
  • HTML5 website body structure Wireframe5:49

    Build a basic HTML5 page by structuring with header, nav, main content, and footer inside a container, using divs and wireframe planning to guide content and responsive fluid width.

  • HTML5 website navigation header setup6:10

    Design the header with a logo and a navigation block using the nav element, an unordered or ordered list of links for home, about, and contact.

  • HTML5 website add Styling4:40

    Style your HTML5 page by setting body font size and using classes and ids for header and container, then craft navigation with borders, grayscale palette, and hover effects.

  • HTML5 website create navigation bar10:17

    Learn to build a navigation bar with cascading style sheets, remove default margins, set a dark background, and turn list items into horizontal inline blocks with hover effects.

  • HTML5 website main content sections5:53

    Learn to structure an HTML5 page with a two-column layout: a main content area and a side menu, using a main container, header, footer, and h2/h3 semantic headings.

  • HTML5 website container width2:49

    Set up a centered content container with a fixed max width and build a two-column layout featuring a left navigation and a main content area.

  • HTML5 website Styling Content area floating columns4:47

    Learn to build a two-column layout in html5 css3 by floating content left and side menu right, set widths, height, background, and a bottom border.

  • HTML5 website add content better web development3:25

    Apply left and right padding and adjust width to keep elements aligned, improving readability and layout. Use spacing, placeholder text, and dummy content to structure a functional HTML5 CSS3 website.

  • HTML5 website sidemenu5:35

    Target the side menu by id and reset margins and padding on the unordered list. Remove default list styles and set links to full width with hover effects.

  • HTML5 website create a footer2:24

    Add a footer to the HTML5 website, including a heading, company information, copyright, and contact details, while addressing spacing and potential links.

  • HTML5 website complete footer3:42

    Discover how to craft a complete HTML5 footer with CSS3, using floats, clear both, centered text, and multi-column layouts to finish a site and reuse the structure.

  • HTML5 website project completed4:04

    This HTML5 css3 beginner course shows how to transfer code pen projects to your computer, link style.css stylesheet, and build a consistent site with index.html and reusable ids and classes.

  • Website Source Code4:00

Requirements

  • computer
  • desire to learn

Description

Complete web developer guide to creating an amazing fully functional website!

All of the source files and resources needed to create a custom website from scratch are included in this course. This course is perfect for anyone who wants to learn about website creation. All of the source code is explained in a step by step easy to follow structure. Learn to make your own websites, grow your portfolio and more.

Web development skills are in high demand, this course will teach you how to make websites. Starting with a blank page, code is added and explained. Starting with a wireframe we build out the site step by step within this course. Watch the code come to life!

  • Start with a basic HTML5 template which you can use to create any website.
  • We show you how to create a content page structure, using a header, container, submenu and footer. Format your websites using this base structure to create unlimited number of variations.
  • Create a NAV bar for website navigation
  • Style your HTML to make it look amazing
  • Add main content area and submenu for more navigation
  • Source files are included, follow along creating your own content.
  • Create a footer and your website is ready to go.

Next steps are also included. Add simple PHP code to create added functionality such as a contact form. Make your website multi page ready with PHP headers and footers. You will be able to create and propagate changes in the heading across as many pages as you like. We also walk you through how to make your website responsive to be viewed on any screen.

Complete website development course, create your own version of this website use it in your portfolio.


Who this course is for:

  • Anyone who wants to create websites
  • anyone who wants to learn more about making websites
  • anyone who wants to build a full complete website
  • anyone who wants to learn HTML5 CSS3 and PHP together

Report abuse