Foundations of Web Design

Instructions:

Download starter_code10.zip:

• Unzip the folder to get started.

Setup your Files:

• In your “Foundations of Web Design” folder, create a new folder named “Week 5”.
• Open your “Week 5” folder and drag the files from the “starter_code” folder into your “Week 5” folder.
• Open your “CE10” folder and edit the “CE10.html” file.

Add Internal CSS to your HTML File:

• Use the <style> tag and add the following CSS styles:
• Make each square 100px by 100px.
• Change the color for white to #f0d9b5.
• Change the color for black to #b58863.

Preview:

Viewing Your Web Page:

1. Run Your Project with Live Server:
   • Right-click on your “CE10.html” file and select “Open with Live Server”.
   • This will open your web page in your default browser.
   • You should now see your custom-styled web page.
2. Run Your Project with Live Preview:
   • Right-click on your “CE10.html” file and select “Show Preview”.
   • This will open your web page in a tab in VS Code next to your HTML file.