PROJECT 2-WORKING WEB

-

 PROJECT 2-WORKING WEB

24.04.2024 - 13.06.2024 Week 1 - Week 8
Tyra Franchesca Valerie Anthony / 0368223 / Bachelor of Design (Hon) in Creative Media 
Interactive Design / Taylor's University

PROJECT 2: WORKING WEB

LECTURES

All lectures are on Interactive Design 1 Exercises

INSTRUCTIONS

PROJECT 2
Working Web Page

On this exercise we had to transform our previous prototype from project 1 a full functional web page. Based on our CV 'Resume' that we have done before and know just to break down and understand the HTML and CSS codes to procced with the layout, typography and also color and images.

Requirements:

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, update your e-portfolio with all the processes documented in the blog, and submit the link as a submission

Final outcome of my CV that i have chosen Fig.1.1

First attempt of my CV Fig.1.1


Final Process For my CV

CSS

HTML


Link here: https://draft.blogger.com/u/1/blog/post/edit/3096202444714324097/3306147946569168205#

Comments

Post a Comment

Popular posts from this blog

TYPOGRAPHY 1- EXERCISES

-
Image
TYPOGRAPHY - Exercise 1 September 26, 2023 Date: 2023.09.26 - 2023.09.24 ( Week 1- Week 2 ) Tyra Franchesca Valerie Anthony / ID: 0368223 / Bachelor of design (Honours) in creative media Class: Typography (GCD60104) Taylor's University Lakeside Campus   Task: 1 Lecture Summary Week 1 lecture My first class was alright we do not do much just we were introduced by our lecture and that is Mrs. Hsin and Mr. Vinod to explain us about our class and module this semester and also showed us how to set up the adobe illustrator that we will be using most of the time, at first, I didn't find it difficult because I have used it before just for the blogger was a first for me. Week 2 Creating my blogger, I didn't understand how to do it and we were given our first task to do that I was having problems with adobe also. INSTRUCTION <iframe src="https://drive.google.com/file/d/1p5uVjPeyXtJ1jgk6Dq5-gytDEtzNby-y/preview" width="640" height="480" allow="a
Read more

ADVANCE TYPOGRAPHY

-
Image
ADVANCE TYPOGRAPHY/ TASK 1: EXERCISE 1&2 22/04/2024-13/05/2024 Week 1- Week 4 Tyra Franchesca Valerie Anthony/ 0368223 Advance Typography / Bachelor of Design (Hons) in creative media / Taylor's University Task 1: Exercise 1&2 LECTURES 1 (WEEK 1 TYPOGRAPHIC SYSTEM The Typographic system refers to the structured hierarchy and organization of type within a design. It encompasses various elements such as typefaces, font sizes, line spacing, line length, and color choices that works together to create a cohesive and harmonious design also layout when using the 8 typographic system. Week 1: We were explaining the module how it would be that Mr. Vinod briefs us about and also how to begin preparing ourselves. Fig.22/04/2024 Week 1 The above are examples of the 8 typographic system.  Axial Radial Dilatational Random Grid Modular Transitional Bilateral Fig.1 28/04/2024 week 1 Axial: All elements are organized to the left or right of a single axis. Radial: All elements are extende
Read more

Illustration & Visual Narrative Task 1

-
Image
  Illustration & Visual Narrative Task 1  September 25, 2023 26/9/2023- Ending date (Week 1- Week 4) Tyra Anthony (0368223)  Illustration & Visual Narratives/ Bachelor of Design (Honors) in Creative Media Task 1- Exercises 1. LECTURES INTRUCTIONS https://drive.google.com/file/d/1IkNB42lp-8LRHm-CQ8rc7MsnloFO355d/view?usp=drive_web&authuser=0 Week 1 Mr. Hafiz briefed us to the Illustration and Visual Narrative module, along with joining the Microsoft Teams and Google classroom.  He talked about the assignments, project and the e-portfolio. The fist task is a character design in a pokemon card worth 20% of our grade The second task is a minimalist poster worth 20% of our grade The third task is a comic panel worth 20% of our grade All of our tasks, exercises, and projects will be upload in our e-portfolio. Week 2 Mr. Hafiz explained the exercise for the Vormator exercise.  Mr. Hafiz introduced us to the Curvature Tool on Adobe Illustrator  Week 3 Chiaroscuro   use of light and
Read more