Building Websites with HTML & CSS: Responsive Design

Building Websites with HTML & CSS

This course on website development not only introduces you to the fundamentals of website creation, but also highlights the best practice to create your first responsive landing page.

Enroll Now 300€

What you'll learn:

Web Basics

Understand the fundamentals of HTML, CSS, and JavaScript to create static and dynamic web pages.
Responsive Web Design

Develop websites that work on various devices and screen sizes.
Enhancing Web Accessibility and Usability

Implement best practices in web design and development to build user-friendly and accessible websites.

Course Syllabus

1. Welcome to the course
2. Meet the expert: Pauline Mila-Alonso
  FREE PREVIEW
3. Course objectives
  FREE PREVIEW
1. Summary
2. 🔑 Introduction - Website architecture
3. 1️⃣ Part 1 - How is a website built?
4. 2️⃣ Part 2 - Build the foundations with HTML
5. 🎥 Introduction to website architecture
6. 3️⃣ Part 3 - Styling the Structure with CSS
7. 🔍 Case study - Reflecting on the Creation of a Website and Setting Up Your Project in Visual Studio Code
8. 🧐 Quiz - Introduction to website architecture
9. 🧩 Conclusion: Chapter highlights
10. 🚀 CTA: Going further 🚀
1. Summary
2. 🔑 Introduction - Create your own landing page
3. 1️⃣ Part 1 - Create the skeleton of your landing page
4. 2️⃣ Part 2 - Add more details to your HTML tags with attributes
5. 🎥 Create your own landing page
6. 3️⃣ Part 3 - Add the first content of your landing page
7. 🔍 Case study - Identifying and Creating the Components of a Landing Page
8. 🧐 Quiz - Create your own landing page
9. 🧩 Conclusion: Chapter highlights
10. 🚀 CTA: Going further 🚀
1. Summary
2. 🔑 Introduction - Dress up your landing page template
3. 1️⃣ Part 1 - Create an optimized layout
4. 2️⃣ Part 2 - Use pseudo-class to add some basics animation
5. 🎥 Dress up your landing page template
6. 3️⃣ Part 3 - Basic CSS Animations with :hover
7. 🔍 Case Study: Apply styling to your landing page
8. 🧐 Quiz - Dress up your landing page template
9. 🧩 Conclusion: Chapter highlights
10. 🚀 CTA: Going further 🚀
1. Summary
2. 🔑 Introduction - Discover advanced HTML & CSS functionality
3. 1️⃣ Part 1 - Structure your landing page with Semantic HTML and the box model
4. 2️⃣ Part 2 - Flexbox
5. 🎥 Discover advanced HTML & CSS functionality
6. 3️⃣ Part 3 - Using media queries for responsive Design: Best practices and testing with Google Console
7. 🧐 Quiz - Discover advanced HTML & CSS functionality
8. 🔍 Case Study :Creating an Optimized Layout for Mobile and Desktop using Advanced HTML and CSS
9. 🧩 Conclusion: Chapter highlights
10. 🚀 CTA: Going further 🚀
1. 🎥Conclusion
2. 🌟Congrats, you're ready to create a landing page! 🌟

About this course

€300,00
45 lessons
0.5 hours of video content

Meet your Instructor

Pauline Mila-Alonso

UX/UI Designer and Frontend Developer

Pauline Mila-Alonso, a UX/UI Designer and Frontend Developer, ventured into entrepreneurship by establishing Third Space in 2023. As a freelancer, she recognized the need for a seamless transition from Web 2 to Web 3 for project owners. To address this, Third Space offers a no-code software solution, making the transition accessible and efficient.