Interactive Design: Project 2
08.05.2022-22.05.2022 (Week 11 - Week 13)
Metta Angelica (0349095)
Bachelor of Design (Hons) in Creative Media
Interacative Design - Project 2
INSTRUCTION
For our project 2, we will be making a working website using the design we proposed in project 1.
For my microsite it is called recycled reuse. Below is the landing page design from Project 1.
 |
| Fig. 1 Project 1 Final Design |
To make a working website, we will be using Dream Weaver or Visual Studio code to create it. To make it more easier, the lecturer introduce us to Bootstrap.
 |
| Fig. 2 Bootstrap |
Bootstrap is a website providing html for building a responsive website. Simply link the provided html into our html, we can easily create templates or layout more faster.
Here is the progress of my project.
 |
| Fig. 3 progress |
Netifly link: https://project-2-metta.netlify.app
I had some difficulty with the html, especially when something I need is not available in Bootstrap. But I was able to do it using tutorials and looking at other website properties.
The one that I was having more difficultiy was the button positionig and the icon PNG not activating as well has bad position too.
Final Submission
Netifly link: https://id-project2-at2-metta.netlify.app
REFLECTION
In this period of week I had learn to know some of the html properties and memorize them. Th easier part was having the Bootstap. But since not all template properties are provided, I would also tweak some of it and apply the things I gai and try to applied it to see if it would work or not.
FURTHER READING
To help me with this project I also take a look at other website to learn its properties. Most of it are from WIX.
 |
| Fig. 1 WIX |
I have also try to watch other YouTube tutorials.
Comments
Post a Comment