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.

Comments

Post a Comment

Popular posts from this blog

Intercultural Design | Projects: Everyday Design

-
Image
7/2/25 - 24/3/25 (Week 1 - Week 7) Kimberly Miaw Jya Nee | 0366836 Bachelor of Design (Honours) in Creative Media | Taylor's University Intercultural Design Projects: Everyday Design [Table of Contents] 1. Lectures 2. Instructions 3. Process Work     P1: Proposal      P2: Field Study     P3: Final Project & Portfolio 4. Feedback 5. Reflection 6. Further Reading [Lectures] Week 1 (7/2/25) 01 Culture & Design We live in a visual information culture. Visuals are powerful persuasive medium to provide most of our information bout the world.  40% of people respond more to visuals than to text 90% of information transmitted to the brain is visual Visuals are processed 60,000x times faster in the brain than text Visual...
Read more

Design Principles | Task 1: Exploration

-
Image
3/2/25 - 17/2/25 (Week 1 - Week 3) Kimberly Miaw Jya Nee | 0366836 Bachelor of Design (Honours) in Creative Media | Taylor's University Design Principles Task 1: Exploration (20%) [Tables of Content] 1. Lectures 2. Instructions 3. Task 4. Feedback 5. Reflection 6. Further Readings 7. Quick Links [Lectures] Introduction: Elements & Principles of Design Visual Communication Utilising design to convey purposeful message Must be well thought-out and executed Learning and applying elements and principles of design Elements of Design [Individual "building blocks"] 1. Point Simplest element of design Forms a line when used as repetitive mark Two- and three-dimensional figures / forms are created as the points m...
Read more

Design Principles | Task 2: Visual Analysis & Ideation

-
Image
17/2/25 - 3/3/25 (Week 3 - Week 5) Kimberly Miaw Jya Nee | 0366836 Bachelor of Design (Honours) in Creative Media | Taylor's University Design Principles Task 2: Visual Analysis & Ideation (40%) [Table of Contents] 1. Lectures 2. Instructions 3. Task 4. Feedback 5. Reflection 6. Quick Links [Lectures] Lecture 6: Visual Analysis Visual Analysis Method of understanding design that focuses on the visual elements & principles Strictest definition: a definition and explanation of visual  structure for its own sake Purpose: recognise the choices a designer made in creating the design + understand the formal properties of how a d...
Read more