28/8/2023 - 1/12/2023 Week 1 - Week 14
Wong Kai Xin / 0353027
Interactive Design / Bachelor of Design in Creative Media / The Design
School
Project 2
INSTRUCTIONS
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.
Review your static prototype from Project 1 and analyze its
layout, typography, color scheme, and imagery.
Use HTML and CSS to translate the design elements into code,
ensuring a faithful representation of the original prototype.
Aim for pixel-perfect precision while maintaining responsive
design principles to ensure compatibility across different devices
and screen sizes.
Upload the file in Netlify and submit the link here. Update your
e-portfolio with all the processes documented in the blog.
prototype (Figma)
After studying the layout from my prototype, I then proceeded to try replicating my CV on AdobeDreamweaver. First, I created a HTML file, followed by a CSS file so that I can add style and designs to my website (like font families, font size, margins, padding, etc). Then, after renaming bot files, I attached the CSS file to my HTML file.
HTML file
CSS file
REFLECTION
Personally, I struggled with this project the most as it was my first time
using Adobe Dreamweaver and it was extremely confusing to me. Although it
didn't turn out to be exactly the same as my prototype, I tried my best to
replicate the things that I can. I will continue to explore more about
dreamweaver and do some extra exercises during my past time to ensure I get
better before starting my final project.
Comments
Post a Comment