Shao Han (0369187)

22/06/2024 - 28/07/2024 (Week 8 - Week 14) Shao Han/ 0369187 Interactive Design / Bachelor of Creative Media Design (Honours) Final Project: Design, Exploration and Application TABLE OF CONTENTS Instructions Lectures Project Final Submission Reflections INSTRUCTIONS LECTURE   Week 11 Lecture slides: PROJECT Job requirement Project Overview: In this web design project, you will create a single-page website dedicated to your favorite topic. This project will help you develop your web design and development skills while allowing you to showcase your passion for the topic of your choice. Project Requirements: Artist Selection: Choose your favorite topic as the subject of your website. Ensure you are genuinely interested in the topic, as this will help you create a more engaging website. Decide the site's goal to ensure that the site has clear content. Content: Your content should have at least 5 sections that explain the topic of interest. It should engaging and significant to the topi...

Project 2 : Working Web Page 11/06/2024 -25/06/2024 (Week 6 - Week 10) Shao Han/ 0369187 Interaction Design/ Bachelor of Design in Creative Media Project 2 : Working Web Page TABLE OF CONTENTS Instructions Lectures Exercises Reflections INSTRUCTIONS LECTURE Week 7 CSS Selectors Universal Selector: Selects all elements on the page.It's represented by an asterisk. Use it with caution,as it can affect all elements and lead to inefficient CSS. Element Selector: The simplest type of selector, it  targets HTML elements by their tag name. ID Selector: Targets an element with a specific id attribute. IDs must be unique within an HTML document. To select an element with a specific ID,use a # symbol followed by the ID name. Class Selector: Targets elements with a specific class attribute. Multiple elements can share the same class. To select elements with a specific class, use a . symbol followed by the class name. Descendant Selector: Selects an element that is a descendant of another e...

Project 1: Prototyping 24/05/2024 -04/06/2024 (Week 4 - Week 6) Shao Han/ 0369187 Interaction Design/ Bachelor of Design in Creative Media Project 1: Prototyping TABLE OF CONTENTS Instructions Lectures Exercises Reflections INSTRUCTIONS LECTURE WEEK 5 This talk is about making digital resumes (CVs) and how to design them well using prototype software like Figma. Extra Markup ID attribute Every HTML element can carry the ID attribute It is used to uniquely identify the element from  other elements on the page It is important that no two elements have the  same value for their ID attributes (otherwise the  value is no longer unique) Giving an element a unique identity allows you to  style it differently from any other instance of the  same element on the page Class attribute Every HTML element can also carry a class  attribute. Sometimes you will want a way to identify  several elements as being different from the  other elements on the page The cla...