Interactive Design | Exercise 3: Creating a Recipe Card

-

22/10/25 - 29/11/25 (Week 5 - Week 6) 

Kimberly Miaw Jya Nee | 0366836

Bachelor of Design (Honours) in Creative Media | Taylor's University


Interactive Design

Exercise 3: Creating a Recipe Card

[Table of Contents]


[Lectures]

[W5] HTML & CSS

HTML uses < >
CSS uses { }

[Instructions]



[Exercise]

In this exercise, we were required to create a recipe card using HTML and CSS, in the format of a basic webpage that displays a recipe's ingredients and instructions.

I have chosen a one bowl banana bread from 101 Cookbooks.

Working Website:

HTML File:


Fig. 1. index.html (PDF)

[Quick Links]





Thank You

Comments

Post a Comment

Popular posts from this blog

Minor Project | Compilation & Reflection

-
Image
22/9/25 - 30/12/25 (Week 1 - Week 14) Kimberly Miaw Jya Nee | 0366836 Bachelor of Design (Honours) in Creative Media | Taylor's University Minor Project Final Compilation & Reflection [Table of Contents] 1. Instructions 2. Project 3. Final Compilation 4. Reflection [Instructions] [Project] Week 1: Module Briefing & Team Formation Module briefing by replacement teacher Mr. Sylvian as Ms. Wong is not in this week. We divided ourselves into groups of 5-7 (maximum 2 people from the same specialisation) Group Members: 1. Kimberly Miaw Jya Nee (GD) 2. Zhou Bo Ying (GD) 3. Ye Ying Ying (UI/UX) 4. Nathan Wira Susanto (UI/UX) 5. Yong Sun Lu (UI/UX) 6. Komugi Uchibori  (ED) 7.  Tan Sing Yee (ED) This week, we have also selected our project client to work with. Topic:   Cooling the Heat, Hea...
Read more

Packaging & Merchandising Design | Final Project: The Merch Drop

-
Image
1/12/25 - 11/1/25 (Week 11 - Week 14)  Kimberly Miaw Jya Nee | 0366836 Bachelor of Design (Honours) in Creative Media | Taylor's University Packaging & Merchandising Design Final Project: The Merch Drop (30%) [Table of Contents] 1.  Instructions 2.  Project 3.  Feedback 4.  Reflection 5.  Quick Links [Instructions] [Project] For our final project, we are required to further expand our brand and packaging identity that we have established in Project 2. We have to d esign a cohesive "merch drop" collection consisting of 5 distinct items and pitch the concept to the class. Collection must include: 1. One (1) POP (Point-of-Purchase) Display 2. Four (4) Merchandise Items Project Workflow & Deliverables Phase 1: Resea...
Read more

Brand Corporate Identity | Final Compilation

-
Image
22/9/25 - 23/1/26 (Week 1 - Week 14) Kimberly Miaw Jya Nee | 0366836 Bachelor of Design (Honours) in Creative Media | Taylor's University Brand Corporate Identity Final Compilation [Tables of Contents] 1. Lectures 2. Instructions 3. Tasks     Task 1: Breaking Brand     Task 2(A): Logo Research         2(B): Logo Development     Task 3: Positioning & Identity     Final Project: Brand Guideline 4.  Feedback 5. Reflection [Lectures] BCI_1_Introduction Brand Corporate Identity An integral part of graphic design discipline as it focuses on the visual integrity of a brand. "A symbol is a mark, sign, or word that indicates, signifies, or is understood as representing an idea, object, or relationship." ...
Read more