Debugging Assignment Files

Welcome to the Debugging Assignment repository! This repository contains the resources for the debugging assignment in the Web Design Tools course. Students will debug the provided HTML and CSS files to meet W3C standards and accessibility guidelines.

Files Included

1. index.html

   • Contains intentional errors for students to identify and fix.
   • Errors include issues with HTML syntax, structure, accessibility, and semantic correctness.

2. style.css

   • Includes intentional errors related to CSS syntax, selectors, and properties.

3. Expected Site Design

   • Includes a screenshot of the error-free page (images/expected-site-design.png) to serve as a reference for students.

File Structure

debugging-html-css/
├── css/
│   ├── style.css
│   ├── layout.css
├── images/
│   ├── easter-bunny-150-profile.png
│   ├── expected-site-design.png
├── index.html
├── README.md

Objective

The goal of this assignment is to:

• Develop debugging skills by identifying and correcting errors in HTML and CSS.
• Improve familiarity with W3C standards and accessibility best practices.
• Practice using debugging tools and validators to ensure standards-compliant code.
• Learn to document errors and resolutions in a structured manner.

Instructions

1. Clone this repository to your local machine:

   git clone <repository-url>

2. Open the index.html and style.css files in your favorite text editor or IDE (e.g., Visual Studio Code).

3. Identify the errors in both files. Use tools like:

   • W3C HTML Validator
   • W3C CSS Validator
   • Wave Accessibility Checker

4. Update the <aside> element list in the index.html file.

   • Inside the <aside> list, describe each error and provide an explanation of the resolution.

5. Resolve all identified errors in the index.html and style.css files by:

   • Commenting out the original error code.
   • Adding the corrected code directly below the commented-out error code.

6. Once all errors are corrected:

   • Commit your changes and push them to your own GitHub repository.
   • Deploy the corrected project to GitHub Pages.

7. Submit your GitHub repository link and GitHub Pages link as instructed in the course.

Tools and Resources

• W3C HTML Validator
• W3C CSS Validator
• Wave Accessibility Checker
• MDN Web Docs

License

This repository is for educational purposes only. All content is copyrighted by the course instructor and may not be distributed without permission.

---

Happy debugging!