Project 2 - Working Web Page
Project 2 - Working Web Page
Rafa Maritza Hertrian [0364958]
Bachelor of Design (Honours) Creative Media/ Taylor's University
Interactive Design GCD 60904
INSTRUCTIONS
This assignment aims 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, update your e-portfolio with all the
processes documented in the blog, and submit the link as a
submission
This assignment aims 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, update your e-portfolio with all the
processes documented in the blog, and submit the link as a
submission
PRACTICAL
Below is the prototype I have Created in project 1: First, I placed all of the information in my CV in Dreamweaver while applying the basic HTML structure.
Below is what the contents look like without styling from Google.
I created the layout of the profile area.
Then I proceed on making the skills section by making a progress id.
I added the graphics for the project part.
Comments
Post a Comment