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

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

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