Interactive Design Project 2



Yeoh Wen Jun ( 0334234 )
Interactive Design Project 2

INSTRUCTION


LECTURE

Week 8

This week, Bootstrap was being introduced in the class. We had a lecture section to learn about Bootstrap. The reason that we learning Boostrap this week is that we will need to apply it in our project 2 which is start do HTML and CSS. Which mean this time we will need to do HTML, CSS and also Bootstrap. Below is the slide provided by the lecturer:

Week 9 & Week 10

In these two weeks, we will need to proceed with our project 2. Basically, project 2 is part 2 of our project one as project one is to design, and project 2 is to create the website. Fg.1.0 shows my project 1 final design.

Fg.1.0 Project 1 final Design
My progression of doing HTML and CSS on Dreamviewer:

Fg.1.1 Progression of HTML and Bootstrap on Dreamviewer

Fg.1.2 Progression of CSS on Dreamviewer

HTML Code:

CSS Code:


Link to the website: https://project2adidas.netlify.app/


Comments

Post a Comment

Popular posts from this blog

Major Project

Image
  Yeoh Wen Jun ( 0334234 ) Major Project INSTRUCTION Week 1 For the first class of Major Project, we were given a short brief by Mr. Asrizal in the class. It was the first time we can all sit in class together after so long since the pandemic. We went through the MIB and we were told that we can conduct the project in 3 ways. The first is to continue with our dissertation topic, the second is to get a client and the last is to make something with the 17 Sustainable Development Goals.  After the instruction, Mr.Asrizal showed us some seniors' work to give us some ideas. Someone designed a font for Pasar Raya, someone illustrated her own Tarot card, and someone designed a series of collateral. We will need to propose our ideas to Mr. Asrizal in the next class and we started to brainstorm our idea until the class ended. Week 2 This week, the class was separated according to the 4 specializations. The animation group started for the first and we propose our ideas to Mr. A...
Read more

Sonic Design Final Project

Image
Yeoh Wen Jun ( 0334234 ) Sonic Design Final Project  INSTRUCTION Week 12 In the final project, it is different from what we did before. Before this, we normally use the free stocks sound effect to conduct our exercises. But this time we will need to record our own sound effects. We were given a variety of videos to choose from. Also, an audio storyboard was prepared by Mr.Razif. The reason to have an audio storyboard is that if we are going to record sound in a studio, we need to save time as it is not cheap. We need to get ready for all the materials and know what sound we need to create. Audio storyboard and video provided by Mr. Razif: https://drive.google.com/drive/folders/0B4qFCRRLg21uaVVfNTFsMGsyMU0?resourcekey=0-aaijjah6ADp53WbCOfaCsg&usp=sharing Other than sound effects, we were required to create simple background music and some narration if needed. In this case, our classmate Avery Ong was invited to give us a talk about piano.    The tone for different...
Read more

Professional Development Week

Image
Yeoh Wen Jun ( 0334234 ) Professional Development Week Introduction As this is our final semester and we will be graduating very soon, we were asked to learn different knowledge from the people working in the industry and make a report. Hence, we were assigned to take part in the Professional Development Week. Professional Development Week is on week 8 of this semester, and there are many types of workshops provided. In this case, we will need to attend at least 6 workshops which is a total of 6 learning hours. Some workshops were compulsory as it was selected by our Program Director but for the rest, we can choose for ourselves. Below are the workshops that I took part in: Tuesday, May 17 For me personally, I enjoyed the “Financial Literacy for Fresh Graduates" workshop by Mr. Fairuz Izman from MAYBANK the most. The way he presented was really interesting and made me feel like I want to listen more from him as he was sharing his own story as an example. From this workshop, I ...
Read more