top of page
WeddingtonCoder_center_wide_white_no_tag.png

HTML & CSS

The Foundation of Every Website — Learn to Build What the World Sees

In this beginner-friendly class, you’ll learn how to build and style modern web pages using HTML and CSS — the foundation of every site on the internet. You'll gain hands-on experience creating layouts, formatting content, using color and typography, and making pages responsive for mobile devices.

 

Whether you're new to web development or building a strong base for JavaScript and beyond, this course will help you understand how websites are built from the ground up.
 

What You’ll Learn

 

Begin with the Essentials

  • Learn how the web works and the roles of HTML and CSS in building webpages.

  • Set up your workspace with Visual Studio Code and understand how to write, test, and validate HTML and CSS code effectively.

  • Structure content semantically using headings, paragraphs, lists, links, and images — the foundational building blocks of web pages.


Style and Layout Fundamentals

  • Master the CSS box model to control element sizing, spacing, borders, and backgrounds.

  • Use typography, colors, and selectors to craft clear and visually appealing styles.

  • Start constructing page layouts with modern and flexible techniques like Flexbox and responsive navigation menus.

​

Responsive Design & Advanced Layout

  • Create fluid, mobile-first layouts that adapt gracefully using media queries.

  • Advance your layout skills by learning CSS Grid for complex, responsive designs.

  • Combine Flexbox and Grid to build professional, multi-device-ready pages.

​

Enhancements and Media

  • Format lists, work with links effectively, and enhance them with icons and fonts.

  • Add interactivity with forms and validation, enrich design with embedded audio and video, and incorporate tables when needed.

  • Apply advanced CSS techniques such as transitions, animations, transforms, and filters to bring your pages to life.


Deployment & Real-World Best Practices

  • Use GitHub or similar tools to publish your site and make it live on the web.

  • Learn strategies for search engine indexing, accessibility, and user-centered design.

  • Understand the overall workflow—from planning to deployment—that makes web development both scalable and maintainable.

 


Why This Matters

This course equips you with:

  • A solid foundation in web structure and design

  • Skills to create websites that work beautifully across devices

  • The confidence to plan, build, and deploy modern web pages just like professionals
     

bottom of page