Interactive Design - Exercise 3

23/10/2025 - 30/10/2025 (Week 5 -  Week 6)

Te Li Wen (0367811)

Design Principles - Bachelor of Design in Creative Media - Taylors University

Exercise 3

---

Table Of Contents

1. Lecture
2. Exercise 3
3. Reflection

---

Lecture

<iframe src="https://drive.google.com/file/d/1Z5vM0hM0bZR0g9JDDEtjJUCul2iTAWmW/preview" width="640" height="480" allow="autoplay"></iframe>

---

Exercise 3

After the css tutorial, he gave us an exercise to make a recipe website on Dream WeaverCreate an HTML file named "index.html."

Create a section that displays the following information:

Recipe title

Include necessary images for the page

List of ingredients

Step-by-step cooking instructions

Apply the style element in your document.

Apply CSS rules to style your recipe card.

Use CSS selectors such as element selectors (e.g., body, h1, ul), class selectors (e.g., .recipe-title, .ingredient-list), and ID selectors (e.g., #instructions) to style different parts of the card..

Figure 1.0 Tomato Soup Process

I followed what our tutor taught us and chose my recipe to be roasted tomato soup.

Figure 1.1 Final Tomato Soup Website

This is the Netlify Link: https://exercise3-teliwen.netlify.app/

---

Reflection

Week 5

This exercise was fun and helped me learned how make the website.