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

Digital Photography and Imaging | Project 4: Self-Titled

-
Image
2/12/24 - 23/12/24 (Week 10 - Week 14) Kimberly Miaw Jya Nee | 0366836 Bachelor of Design (Honours) in Creative Media |  Taylor's University Digital Photography & Imaging Project 4: Self-Titled (30%) [Table of Contents] 1. Idea Development 2. Design Direction 3. Execution and Post Production 4. Reflection  Idea Development My Biography Fig. 1. My Biography Statement of My Work Fig. 2. Statement of My Work Moodboard (3 Poster Reference) Fig. 3. Reference & Inspiration Pictures From Pinterest  Design Direction Sketch Fig. 4. Sketch Attempt #1 and Sketch Attempt #2 My concept is inspired by the first moodboard picture, w...
Read more

Advanced Interactive Design | Final Website

-
Image
23/5/26 - 13/8/26 (Week 7 - Week 14) Kimberly Miaw Jya Nee | 0366836 Bachelor of Design (Honours) in Creative Media |  Taylor's University Advanced Interactive Design Final Website Table of Contents 1.  Instructions 2.  Task 3. Reflection 4.  Quick Links Instructions Task For our final project, we are required to design and develop an interactive website using Adobe Animate. The website should include interactive elements and animations to create an engaging experience for users. Asset Creation I started the development process by drawing and preparing the visual assets that would be used throughout the website in Adobe Illustrator. I kept the design consistent in style so that the different pag...
Read more

Digital & Social Media Communication | Task 3: Campaign Proposal, Content Calendar & Key Visual Design

-
Image
10/6/26 - 22/7/26 (Week 8 - Week 14) Kimberly Miaw Jya Nee | 0366836 Bachelor of Design (Honours) in Creative Media |  Taylor's University Digital & Social Media Communication Task 3:  Campaign Proposal, Content Calendar & Key Visual Design (40%) Table of Contents 1.  Instructions 2.  Task 3.  Feedback 4.  Quick Links Instructions Task Deadline: Week 14 Group 2 Google Drive For the final task, we were required to develop a complete August 2026 social media campaign proposal for Pestle & Mortar Clothing based on the research findings from Task 1 and Task 2.  This involved creating a strategic campaign concept, planning a month-long social media content calendar, designing...
Read more