Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

How to Create a Responsive Website Using HTML and CSS - Complete Tutorial for Beginners

EGATOR via YouTube

Overview

Learn to build and deploy a responsive website from scratch using HTML and CSS in this comprehensive tutorial for beginners. Follow along as the instructor guides you through the entire process, from setting up hosting and claiming a free domain to creating the website structure, styling with CSS, and implementing responsive design. Explore essential topics such as using icons, integrating Google Fonts, creating a navigation menu, and designing various pages including services, works, about, and contact. Gain hands-on experience with CSS variables, media queries, and JavaScript for menu toggling. By the end of this 2-hour and 25-minute video, you'll have the skills to create and publish your own modern, responsive website.

Syllabus

Intro Project and what you'll learn
Buying Hosting and Claiming FREE Domain
Project Files & Folder structure
Navbar HTML
Iconscout How to use icons on your website
Google Fonts How to add font to your website
CSS Variables & General Styles
Navbar CSS
Main Header
Services Section
Footer
Media Queries Responsive Design for small screens
Nav menu toggle using JavaScript
Works Page
About Page
Contact Page
Deployment Putting the website on the internet

Taught by

EGATOR

Reviews

Start your review of How to Create a Responsive Website Using HTML and CSS - Complete Tutorial for Beginners

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.