2-1HTML

📌 Complete before class

• 📚 Module 1.1 Introducing HTML (28–32)
• Codecademy: HTML 1-1 Introduction to HTML
• Codecademy: HTML 1-2 Document Standards

Learning Objectives

1. Build a valid HTML page using semantic elements (header, nav, main, footer) with a correct doctype and external link.
2. Execute a complete Git workflow (init, add, commit, push) and explain what each step does.
3. Use local development environment to publish a webpage online.

🛠 Demo - Fork and Publish a Web Page

Demo: HTML-2

1. Fork a project and open in Github Desktop
2. Open project in VS Code
3. Add Live Server extension to VS Code (see also)
4. Review HTML Structure
5. Push changes
6. Publish using Github Pages
7. Difference between Github.com and Github.io

👉 Start Hello World

Follow📚 Module 1.1 Introducing HTML (28–32)

1. Create a fork of this repository https://github.com/omundy/dig245-hello-world
2. Follow Exercise 1.2.2 to enable Github Pages (also see this video).
3. Follow the instructions in the Hello World assignment to create a page about yourself, motivations for the class, etc.

Related

HTML & CSS for Absolute Beginners: DOCTYPE, head, and body (9:28)

HTML & CSS for Absolute Beginners: Nesting HTML elements (6:09)

📌 Homework

• 📌Hello World!
• 📚 Module 1.2 File Paths & Version Control (33–39)
• 📚 Module 1.3 GitHub Codespaces (40–43)