Interactive Design Exercise 3
2.Process Work
2.1Exercise 3 - Creating a Recipe Card
In this exercise, you will create a recipe card using HTML and CSS. The goal is to design a basic webpage that displays a recipe's ingredients and instructions in a visually appealing format. Choose ONE recipe from the link below.
Create 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.
2.1.1&2.1.2The process of making a webpage
2.1.2Final Work
3.Feedback
WEEK7:In this class, the teacher taught us how to create a webpage and change the font of the text to make the webpage more visually appealing.
WEEK8:This week we had an online class where we learned how to create a clickable webpage to make the content more interactive and engaging.
Comments
Post a Comment