Edita Chew En Thung (0357357)

Edita Chew En Thung  /  0357357 Interactive Design  /  Bachelor of Design (Honours) in Creative Media  /  Taylor's University PROJECT 2  : Working Webpage Final Project / Design, Exploration and Application Table of Content 1. LECTURES 2. INSTRUCTIONS 3. PROCESS       i. FINAL 4. FEEDBACK 5. REFLECTION LECTURES Lectures are in previous tasks. INSTRUCTIONS fig 1.0 | Module Information Booklet (MIB) Week 8 We are tasked to design and develop a single page microsite centered around the theme of lifestyle. The end outcome is to craft an immersive and visually appealing microsite that effectively communicates the chosen lifestyle theme and engages users through thoughtful design and interactive elements. PROCESS Draft Work (sketches): fig 1.1 I started working on the draft sketches I had on my chosen topic of my future Design firm, Ukiyo Creative.co  and to prepare it, I need to have a Design portfolio to showcase in the microsite. ...

Edita Chew En Thung  /  0357357 Interactive Design  /  Bachelor of Design (Honours) in Creative Media  /  Taylor's University PROJECT 2  : Working Webpage Part 2: Final Design - Creating a Digital Resume/CV  Table of Content 1. LECTURES 2. INSTRUCTIONS 3. PROCESS       i. FINAL 4. FEEDBACK 5. REFLECTION LECTURES Display Property Importance : Controls the layout of elements. Default Values : - Block : Elements start on a new line and stretch out (e.g., <div> ). -  Inline : Elements stay within the line (e.g., <span> ). Customising Display : Override default values to fit specific design needs. Example: Making <li> elements inline for horizontal menus. Other Display Types : - Inline-block - Flex - Grid Box Model in CSS - HTML Elements as Containers: Elements like <body> , <p> , <div> , etc., act as containers or boxes.Layers in Box Model: Padding : Space inside the element, around the content...

Edita Chew En Thung  /  0357357 Interactive Design  /  Bachelor of Design (Honours) in Creative Media  /  Taylor's University PROJECT 1  : prototype Design  Table of Content 1. LECTURES 2. INSTRUCTIONS 3. PROCESS       i. FINAL 4. FEEDBACK 5. REFLECTION LECTURES Week 5 Lecture Summary: HTML & CSS Basics Interactive Design: ID and Class Attributes ID Attribute:  Uniquely identifies HTML elements. Useful for styling specific elements differently. Must be unique within a page. Class Attribute:  Identifies multiple elements as distinct from others. Allows for common styling of similar elements. Can be shared across multiple elements. Element Types Block Elements:  ...