02-html-structuring-the-web.md

Home > Web Application Development > HTML: Structuring the Web

Topic: HTML: Structuring the Web

1. Lesson: HTML Elements & Attributes
2. Lesson: Images, Tables and Lists
3. Lesson: Forms & Input Types
4. Assessment: Create static web pages for an online store

---

---

Lesson 1

HTML Elements & Attributes

Self Learning Duration

120 mins

Lecture Duration

120 mins lectures

Lab Tutorial Duration

N/A

Web Application Development with HTML

• HTML Elements & Attributes
• Images, Tables and Lists
• Forms & Input Types

Self learning content

• Follow HTML, CSS, and Javascript for Web Developers Coursera course week 1: Introduction to HTML5
• [Optional] Follow Introduction to Basic HTML & HTML5 coding challenges by @freeCodeCamp.
• [Optional] Follow the Create Your CV as a Webpage (html) challenge.

Lecture content

Use live code editor and teach how to structure web application with HTML Elements & Attributes

Lab and tutorials

N/A

---

---

Lesson 2

Images, Tables and Lists

Self Learning Duration

60 mins

Lecture Duration

120 mins

Lab Tutorial Duration

N/A

Self learning content

N/A

Lecture content

Use live code editor and teach how to structure web application with HTML Images, Tables and Lists

Lab and tutorials

N/A

---

---

Lesson 3

Forms & Input Types

Self Learning Duration

120 mins

Lecture Duration

120 mins

Lab Tutorial Duration

30 mins

Self learning content

N/A

Lecture content

Use live code editor and teach how to structure web application with HTML Forms & Input Types

Lab and tutorials

Conduct a quiz using HTML Exercises

---

---

Assessment 1

Create static web pages for an online store

Create static web pages for an online store. Minimum of 5 pages including;

• Home page with product listing
• Product details page
• Shopping cart page with a table
• Shipping details with a form