Interactive Design - Lectures and Class Activities
Ting Wen Yi / 0361799
Interactive Design/Bachelor of Design (Hons) in Creative Media
Lectures and Class Activities
INSTRUCTIONS
LECTURES
WEEK 2 - Usability: Designing Products for User Satisfaction
Figure 1.1 Week 2 Lecture Slides - PDF slides
WEEK 3 - Understanding Website Structure
Figure 1.2 Week 3 Lecture Slides - PDF slides
WEEK 4 - The Web
Figure 1.3 Week 4 Lecture Slides - PDF slides
WEEK 5 - HTML & CSS
Figure 1.4 Week 5 Lecture Slides - PDF slides
WEEK 6 - CSS Selectors
Figure 1.5 Week 6 Lecture Slides - PDF slides
WEEK 7 - Box Model
Figure 1.6 Week 7 Lecture Slides - PDF slides
CLASS ACTIVITIES
WEEK 2 - Class Activity
In week 2, we had a class activity where our group was tasked with designing a restaurant webpage that allows online reservations. We initially sketched our design on paper and then shared it with other groups who used our website for the activity.
Figure 3.1 Class Activity Week 2 - Week 2 (5/9/2023)
WEEK 3 - Class Activity
In week 3, we engaged in a class activity where we were tasked with designing a navigation bar. During the lecture, we learned about the principles and elements of navigation bars. For our activity, we were required to create a navigation bar specifically tailored for a travel agency.
Figure 4.1 Class Activity Week 3 - Week 3 (12/9/2023)
WEEK 4 - Class Activity
In today's class, we learned about HTML coding. Mr. Shamsul taught us the basics of HTML slowly to ensure we grasped the concepts. Afterward, he assigned us a class activity to create a "My Profile" webpage.
My Webpage : https://berniceprofile.netlify.app/
WEEK 5 - Class Activity
This week, we learned to code in our background and also learned about fonts (font family, alignment, etc.).
 |
| Figure 5.1 Class Activity Week 5 - Week 5 (26/9/2023) |
WEEK 6 - Class Activity
This week, we learned about CSS selectors and how to create a navigation bar with links.
 |
| Figure 6.1 Class Activity Week 6 - Week 6 (3/10/2023) |
WEEK 7 - Class Activity
This week, we learned about the Box Model in CSS. Most HTML elements are containers, including elements such as body, p, h1, h2, div, ul, ol, and li. Each of these elements functions as a container or box, and within the Box Model, each box has three layers that surround its content.
 |
| Figure 7.1 Class Activity Week 7 - Week 7 (10/10/2023) |
WEEK 9 - Class Activity
"This week, we learned about sticky, static, relative, absolute, and fixed.
 |
| Figure 8.1 Class Activity Week 9 - Week 9 (24/10/2023) |
 |
| Figure 8.2 Class Activity Week 9 - Week 9 (24/10/2023) |
WEEK 10 - Class Activity
This week, Mr. Shamsul taught us how to create a navigation link that sticks to the top and allows users to jump to different parts of the content.
 |
| Figure 9.1 Class Activity Week 10 - Week 10 (4/11/2023) |
WEEK 11 - Class Activity
This week, Mr. Shamsul demonstrated how to create a gallery of photos on the website. Although my Project 3 didn't include this design in my prototype, I think it's a good thing to learn as well.
 |
| Figure 10.1 Class Activity Week 11 - Week 11 (11/11/2023) |
Comments
Post a Comment