Web Design How to Create a Website HTML CSS Bootstrap

Name: Web Design How to Create a Website HTML CSS Bootstrap
Rating: 4.2 (56 reviews)

Complete guide to learning how to build an HTML CSS website that is fully Responsive and ready for mobile devices

Created byLaurence Svekis

Last updated 11/2024

English

What you'll learn

create responsive websites
use bootstrap to build websites
style and create websites
develop HTML and CSS websites

Course content

3 sections • 32 lectures • 2h 11m total length

HTML CSS course introduction3:02
Course Resources to create a website from scratch7:33
Course Resources
Website Planning5:04
Updated Bootstrap 4 Beta0:47

Building HTML page Structure10:40
build a basic html page structure with a header, logo area, and navigation bar, plus a main content area and side menu, using semantic elements and bootstrap-ready classes.
adding Bootstrap to a website5:09
Adding placeholder content2:20
Source Code HTML0:32
Adding Default Styling6:30
Update Logo Slogan section5:57
Create a Navbar with Active element7:07
Index Page welcome message9:29
Source Code1:04
Create a two column content area3:49
Create Footer Element2:27
Identify the footer by the id footer, clear floats, center the text, and add margins and padding. Ensure hover links work and prepare for a future lesson on responsive design.
Make it responsive3:34
Setting up Font Awesome4:27
Update navbar to be responsive4:05
JavaScript to Hide and Show Elements5:48
Use JavaScript to toggle a mobile navigation menu by manipulating the document object model and CSS display. Learn to access elements by ID, add click listeners, and implement show/hide logic.
Source Code First NavBar1:33
Create another responsive Navbar11:59
Source Code Second NavBar1:32
How to add Bootstrap JavaScript Library3:19
Learn how to add Bootstrap's JavaScript library and jQuery to create a fully collapsible, responsive navigation menu with Bootstrap classes.
Add Bootstrap Menu NavBar8:45
Bootstrap Menu Navbar5:56
Source Code Bootstrap1:12
Create website pages4:33
Online Code Editor2:03
Use an online code editor like CodePen IO to edit source code in real time and preview changes, experimenting with colors, border radius, font size, and indent for your website.
Links and Resources0:02

Requirements

Basic HTML and CSS skills
Computer access
Desire to learn

Description

Learn how to build a modern fully responsive website from scratch!

Step by step training including everything you need to create a website from scratch. By the end of this course you will have the resources and understanding to create websites adding CSS to HTML.

Modern websites are ready for any size device including mobile phones, tablets, and desktops. This course will show you how to create websites that are modern and responsive.

This course has everything you need to start

including source code
top resources
step by step training
full HD videos
wire-frame and web design planning
full portfolio project from start to finish
how to add Bootstrap for rapid web development

Learn how to create website structure with HTML and prepare to add styling. Use CSS to make your website come to life. Then make it responsive!

I'm here to help you learn how to make websites and ready to answer any questions you may have. Discover the freedom of creating and styling websites from scratch. Are you ready, let's begin learning how to make a website from scratch.

Who this course is for:

anyone who wants to build a website
anyone who wants to learn how to apply CSS to create a website
anyone who wants to learn more about using Bootstrap

Web Design How to Create a Website HTML CSS Bootstrap

What you'll learn

Explore related topics

Course content

Creating Responsive websites from scratch5 lectures • 16min

Building the Website from scratch25 lectures • 1hr 54min

Bonus Section2 lectures • 1min

Requirements

Description

Who this course is for: