Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

University of Washington

Building Web Pages with HTML & CSS

University of Washington via Coursera

Go to class Write review

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
If you’re ready to dive into the world of web development, this course is your launchpad. Whether you’re a graphic designer itching to build the sites you mock up, an instructional designer wanting to finesse HTML in your LMS, an entrepreneur looking to put your business online, or just developing skills for a side hustle—this course is for you. Taught by real-deal front-end developers who’ve cut their teeth on websites for top tech and e-tail companies, you’re learning from the best right here in Seattle. This course covers the essentials, guiding you through single-page HTML and CSS files. You’ll get hands-on with Git and GitHub, learning version control and how to host your projects like a pro on GitHub Pages. And it doesn’t stop there—your instructors are packed with insider tips, straight from years of industry experience, to give you a leg up. By the end, you’ll not only know how to write solid HTML and CSS but also how to handle AI-generated code like a champ. And the best part? You’ll create your own single-page website on any topic you choose, turning theory into real-world skills. This isn’t just about learning code—it’s about getting in the game.

Syllabus

  • Module 1: Introduction to Version Control and Webpage Structure
    • In this module, you will dive into the foundational concepts and tools essential for web development and version control, with a focus on preparing you for a potential role as a web developer. Whether you’re looking to pivot to a new career, take on a gig, or simply explore the web developer role, this module has you covered. You’ll start by learning about Git, a powerful version control system that helps you manage and track changes in your code. You’ll get hands-on experience using Git via the command line, navigating directories, initializing repositories, and committing changes. Next, you’ll explore GitHub, a web-based platform for hosting Git repositories, and learn how to link your local repositories to GitHub and push changes. The module also guides you through the basics of website architecture, teaching you how to create a simple HTML webpage with essential elements like the DOCTYPE declaration, head, body, and various HTML tags. Finally, you’ll delve into sectioning elements in HTML, such as header, footer, section, article, and aside, to effectively organize and structure your web content. Throughout the module, you’ll engage in practical activities to reinforce your understanding and build the skills necessary for a web developer.
  • Module 2: Semantic HTML and Introduction to CSS
    • In this module, you will gain the skills to enhance your web development projects by leveraging HTML and CSS effectively. You’ll learn to use semantic HTML elements, which not only improve the accessibility of your web pages but also boost their SEO performance by making your content more understandable to search engines. You’ll be able to analyze and optimize HTML code for accessibility, ensuring that images include descriptive alt text for screen readers and search engines. Additionally, you’ll learn how to format images, making sure they are both accessible and optimized for various devices. On the CSS front, you’ll start to transform the visual appeal of your web pages. You’ll start with the basics of CSS syntax and selectors, enabling you to apply styles to different HTML elements. As you progress, you’ll explore advanced CSS selectors, allowing you to target specific elements and apply unique styles, thus enhancing the functionality and aesthetics of your web projects. By the end of this module, you’ll be proficient in validating your HTML and CSS code to adhere to web standards and best practices, and you’ll be adept at using Git for version control, ensuring smooth collaboration and management of your web development projects.
  • Module 3: Advanced CSS Selectors and Styling Techniques
    • In this module, you will enhance your competencies as a front-end web developer by mastering advanced CSS techniques and understanding their practical applications. You’ll start by learning about pseudoclasses and attribute selectors, which allow you to style elements based on their state or attributes, such as when a user hovers over an element or when a link has been visited. This knowledge will enable you to create more interactive and user-friendly web pages. Next, you’ll delve into the world of colors, exploring various color systems like hexadecimal, RGB, and HSL. You’ll learn how to apply these color values to your CSS, giving you the ability to create visually appealing and accessible designs. Understanding these color systems is crucial for ensuring your web pages look great across different devices and browsers. You’ll also learn about borders and how to use them effectively to enhance the layout and design of your web pages. By mastering border properties, you’ll be able to create well-defined sections and visually distinct elements, improving the overall user experience. Finally, you’ll explore CSS precedence, a fundamental concept that determines how conflicting CSS rules are applied. Understanding CSS precedence will make you a more effective coder, helping you debug and resolve styling issues efficiently. This knowledge is essential for maintaining clean and manageable code, especially in larger projects.
  • Module 4: External Stylesheets and Layout Fundamentals
    • In this module, you will take a significant step forward in your journey as a front-end web developer by moving from writing single-page HTML files to creating more complex websites using external CSS files. This transition is crucial as it allows you to apply consistent styles across multiple web pages efficiently, making your projects more scalable and maintainable. You’ll start by learning how to link external CSS stylesheets to your HTML files, a practice that streamlines your workflow and ensures a cohesive design throughout your website. This foundational skill is essential for developing more sophisticated and professional web projects. Next, you’ll delve into the CSS box model, which is fundamental for controlling the layout and appearance of HTML elements. By mastering the box model, you’ll be able to manage spacing, borders, and padding effectively, creating well-structured and visually appealing web pages. You’ll also explore CSS positioning properties, enabling you to place elements precisely on the page. This knowledge is vital for designing complex layouts and ensuring that your web pages are both functional and aesthetically pleasing. Additionally, you’ll learn about font styling, including how to specify font families, control font weight and style, and set font sizes using various units of measurement. This will enhance the readability and visual appeal of your web content. Finally, you’ll discover how to host your websites using GitHub Pages, a free and integrated hosting solution. This will allow you to make your projects live on the internet, providing you with a professional platform to showcase your work and share it with others. By the end of this module, you’ll have the skills to create more complex and professional websites, taking your web development capabilities to the next level.

Taught by

University of Washington Team

Tags

Reviews

5.0 rating, based on 3 Class Central reviews

4.5 rating at Coursera based on 16 ratings

Start your review of Building Web Pages with HTML & CSS

  • Anonymous
    "i recently completed the "building web pages with HTML AND CSS"course on Coursera and i found it to be an excellent introduction to web development.The course covered the basics of HTML and CSS, and provided hands on experience with building web pages. The instructors were knowledgeable and responsive to questions,and the course materials were well organized and easy to follow.i appreciate the opportunity to work on real world projects and receive feedback from peers.overall,i highly recommend this course to anyone looking to learn the fundamentals of web development."
  • Anonymous
    I highly recommend this web page building course! It was nothing short of excellent. The step-by-step, project-based teaching method made learning intuitive and effective. I went from having very basic knowledge to being able to confidently create responsive and functional websites. The instructor is knowledgeable and explains concepts in a way that is easy to grasp. This course is a fantastic investment for anyone looking to start or solidify their skills in web development. Thank you for this incredible learning journey!
  • Anonymous
    This is good course for beginners. It is good for coders for specialization in this field . It helps us to guide to create our own websites .
Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.