How to Create a Responsive Website Using HTML and CSS - Learn HTML and CSS - Full Course

Overview

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

Grab it

Learn how to create a responsive website using HTML and CSS in this comprehensive tutorial. Develop a fully functional front page that adapts seamlessly to both mobile and desktop devices. Master essential web development skills, including menu creation, header styling, logo design, and navigation implementation. Explore advanced techniques such as background image integration, text styling with shadows and blurs, and responsive layout design. Progress through practical exercises covering HTML structure, CSS styling, and responsive design principles. By the end of this course, gain the ability to craft professional-looking websites that provide an optimal user experience across various screen sizes.

Syllabus

Introduction
Basic Front Page
Menu
Header
Style Sheet
Logo Styling
Text Styling
Multiplication Styling
Link Styling
Navigation Styling
Header Case Styling
Navigation
Banner
Header Text
Section Background
Section Height
Add Background Image
Add Background Image Styling
Calculate Header Height
Refresh Browser
Styling Text
Text Shadow
Text Blur
Font Styling
Line Height
Title Height
Center Text
Center Text Trick
Bottom Section
H3 Tags
Styling
Margin
Background Color
Delete Background Color
Refresh Scroll
Spacing
Desktop Version
Index Page
Class Name
Replace Class Name
Refresh
Desktop
Styling CSS
Text
Links
Anchor and Closing Tags
Changing Links
Adding Footer
Adding Menus
Adding Images
Adding Links
Styling the Footer
Styling the Menus