=== STEP-BY-STEP TUTORIAL === Tutorial title: Build Your First HTML and CSS Website Target learner: Absolute beginners with no coding experience Learning goal: By the end of the tutorial, the learner will create a three-section webpage and open it successfully in a browser. Completion outcome: A working local webpage containing a heading, paragraph, image placeholder, navigation links, and styled sections. Prerequisites: - basic computer use - ability to create folders - text editor - web browser Tools: - Visual Studio Code or another plain-text editor - Chrome, Edge, Firefox, or Safari Tutorial milestones: 1. Create the project folder. 2. Build the HTML structure. 3. Add page content. 4. Create the CSS file. 5. Connect the CSS. 6. Style the page. 7. Test the result. 8. Complete an independent variation. Step 1 — Create the Project Folder Objective: Prepare an organized location for the website files. Instructions: 1. Create a new folder named `first-website`. 2. Open the folder in the text editor. 3. Create two files: - `index.html` - `style.css` Why this matters: The browser needs an HTML file for content and a CSS file for visual styling. Checkpoint: Confirm that both files appear inside the same folder. Common mistake: Creating `index.html.txt` instead of `index.html`. Fix: Enable visible file extensions and rename the file correctly. Final assessment: Create a second webpage using the same structure but change the topic, heading, content, and colors.