SitePoint
  • Blog
  • Forum
  • Library
  • Login
Join Premium
Learning Path

Build Beautiful Webpages

5 Steps

Difficulty Level: beginner

Learn how to create webpages that not only look stunning but also provide the best user experience.

Learning Outcomes

  • Master layout, typography and web page design
  • Learn how to manage and organise your designs
  • Learn the programming languages needed for building webpages

Steps

  1. Learn HTML & CSS
  2. Learn how to design and structure pages
  3. Building Better Interfaces
  4. Psychology for Designers
  5. Design Systems

Steps

  1. Learn HTML & CSS
  2. Learn how to design and structure pages
  3. Building Better Interfaces
  4. Psychology for Designers
  5. Design Systems
  1. Learn HTML & CSS

    HTML5 & CSS3 for the Real World: 2nd Edition

    Type: Text

    The perfect introduction to the latest generation of web development technologies. You'll master the semantic markup available in HTML5, and discover how to use CSS3 to create amazing-looking websites without resorting to complex workarounds.

    HTML5 & CSS3 for the Real World: 2nd Edition Cover
  2. Learn how to design and structure pages

    The Principles of Beautiful Web Design, 4th Edition

    Type: Text

    The Principles of Beautiful Web Design is an easy-to-follow guide that will lead you through the process of creating great designs from start to finish.

    The Principles of Beautiful Web Design, 4th Edition Cover
  3. Building Better Interfaces

    Building Better Worlds

    Duration: 47 mins

    Type: Video

    We’ll take an in-depth look at a few different UI components to highlight common pitfalls and solutions.

    Building Better Worlds cover
  4. Psychology for Designers

    Psychology for Designers

    Type: Text

    Learn how to apply psychological theory to solve your design problems - from better understanding your users, to effectively communicating your design ideas.

    Psychology for Designers Cover
  5. Design Systems

    Design Systems

    Type: Text

    As the web continues to become more complex, designing static pages has become untenable, so that many of us have started to approach design in a more systematic way.

    Design Systems Cover

🎉 Next Steps

  • Durable Design
  • CSS, Design Systems & Developer Experience
  • Designing for Earthlings and Astronauts
  • Design Systems & Creativity

Stuff we do

  • Premium
  • Newsletters
  • Forums

About

  • Our Story
  • Terms of use
  • Privacy Policy
  • Corporate Memberships

Contact

  • Contact us
  • FAQ
  • Publish your book with us
  • Write an article for us
  • Advertise

Connect

© 2000 – 2024 SitePoint Pty. Ltd.

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.