Berlian Johanna ( 0360054 )

Berlian Johanna / 0360054 Interactive Design/ Bachelor of Design in Creative Media (Hons)  Project 2 - Working Web Page     Instructions Project 2 - Working Web Page The objective of this assignment is to transform your static prototype from Project 1 into a fully functional and interactive web page. You will apply your knowledge of web layout class to create a working website that closely aligns with your original prototype. Review your static prototype from Project 1 and analyze its layout, typography, color scheme, and imagery. Use HTML and CSS to translate the design elements into code, ensuring a faithful representation of the original prototype. Aim for pixel-perfect precision while maintaining responsive design principles to ensure compatibility across different devices and screen sizes. Upload the file in Netlify and submit the link here. Update your e-portfol...

Berlian Johanna / 0360054 Interactive Design/ Bachelor of Design in Creative Media (Hons)  Exercise 3 : Creating a Recipe Card Interactive Design : Exercise 1 & 2     Instruction 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. 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 Create an external CSS file named "style.css." 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. Process Fig 1.1 Make html Folder Make ht...