INTERACTIVE DESIGN - PROJECT 2: WORKING WEB PAGE

16th October - 24th October (Week 8 - Week 9)
Azim Azariff Bin Azahar (0353583)
Bachelor of Design (Honours) in Creative Media
Interactive Design - Project 2: Working Web Page

---

INSTRUCTIONS

<iframe src="https://drive.google.com/file/d/1MRy82G0_gyKN5wyMc6G_aBq6diBz5w4_/preview" width="640" height="480" allow="autoplay"></iframe>

---

PROJECT

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.

Project 1 resume:

Fig. 1.1 Resume

I began to work on Project 2 on Dreamweaver.

I began with the HTML section by putting the texts from the resume I created. I added div classes such as 'container', 'aside-right', etc. I didn't remember some of the codes so I had to open up the recipe exercise as reference.

Fig. 1.2 HTML

Fig. 1.3 HTML

Fig. 1.4 HTML

After the HTML section, I started the CSS style. This section I did struggle to be honest, I didn't know how to do a few things such as the shapes and the lines from the resume. At this point I was telling myself I wish I did my resume a bit more simple.

Fig. 1.5 CSS

Fig. 1.6 CSS

Fig. 1.7 CSS

Fig. 1.8 CSS

For the font of the website, I used "Roboto".

Fig. 1.9 Font

Fig. 1.10 Final

Netlify Link: https://azimazariff-project2.netlify.app/

---

REFLECTION

To be honest, I'm really disappointed with myself. I could've done a lot better. It was tough for me to do any work in week 8 due to personal problems so I didn't have much time to do it, however, I'll learn from this and try to manage my time better for the final project.