Interactive Design / Personal CV

06.11.2024 - 17.11.2024 (Week 07 - Week 08)
Diane Sani Alexander Wan / 0378712 
Interactive Design / Bachelor of Design (Hons) in Creative Media 
Exercise 3 - Personal CV 
1. LECTURES

1.1 HTML and CSS

How to apply CSS in HTML

We learnt on how to apply CSS in our html, so we could have a better understanding to prepare for the upcoming project. There was a pdf given to use to go through to know better about on applying css. 


Figure 1.1 PDF of html and css.
2. INSTRUCTIONS



3. PROCESS OF WORK


I first started with research to look up some examples on how I wanted my personal CV to look like. I went through Pinterest to search up for nice designs to have an idea. I also looked up at what color scheme would work well. 


Figure 3.1 Reference board. 


Figure 3.2 Work in Progress for HTML.

This is my work in progress in html, to figure out how I want it to look like. Added some of information about myself. 


Figure 3.3 Work in progress for CSS.

I then added some css, to organize the overall look for my cv. At first I was confused on how it worked but I eventually got the hang of it. After that I uploaded it to Netlify and tested if the site works. 


Figure 3.4 Deployed it to netlify. 

4. REFLECTION

Experience: At first I wasn't sure on how to start, but after trying and playing around on Adobe Dreamweaver I had an idea of what I was doing. It was tough at first but I got the hang of it. It is hard to understand and takes time, but practice makes perfect, so the more I do it, I'm sure I'm able to complete it smoothly for my upcoming project. 

Observation: After looking through so many images on pinterest and google, I kind of knew what I wanted to go for. But it was hard knowing how to start. I observed some of my classmates work to get motivation and some knowledge. 

Findings: I should read more on HTM and CSS to gain a better understanding on how it works, as of right now I am still confused on some parts, but with more researching I should be able to do html and css smoothly in the future. 

Comments

Post a Comment

Popular posts from this blog

Typography Task 1: Exercises

Image
24.9.2024 - 21.10.2024 (Week 01 - Week 06) Diane Sani Alexander Wan / 0378712  Typography / Bachelor of Design (Hons) in Creative Media  Task 1: Exercises 1 & 2 TABLE OF CONTENTS 1. Lectures 2 . Instructions 3. Process of work   3.1. Research     3.2. Ideas  4. Feedback 5. Reflection 6. Further Reading  1. LECTURES WEEK 1 Typo_1_Development -  Went through the rules and advice instructions as well as the MIB to understand what assignments and final projects will be done this semester. Knowing the subject outline and expectations for this module.  -  Mr. Vinod, gave us pre-recorded videos on how to create an e-portfolio on Blogger and then gave us a link to a playlist where we had to watch lectures 0-1. Lecture 1 was about the history of typography and understanding letterforms.   Typography  is the type of art and technique of arranging letters to make them clear and readable in their written language.  Font...
Read more

Advanced Typography / Task 1:Typographic System & Type and Play

Image
21.04.2025 - 13.05.2025 (Week 1 -  Week 4) Diane Sani Alexander Wan / 0378712  Information Design / Bachelor of Design (Hons) in Creative Media  Task 1 / Exercises: Typographic System & Type and Play  TABLE OF CONTENT 1. Lectures 2. Instructions 3. Exercises 4. Feedback 5. Reflection 6. Further Reading 1. LECTURES WEEK 1: LECTURE 01 Typographic Systems 8 major variations:  Axial Radial Dilational Random Grid Modular Transitional Bilateral The typographic systems are what architects term 'shape grammars'. These systems are similar that the systems set of rules are unique and it provides a sense of purpose that focuses and directs the decision making. (Elam, 2007) While these systems may seem to limit creativity, they actually help learners build a strong foundation. Axial System: All elements are organized to the left or right of a single axis.  Radial System: All elements are extended from a point of focus. Dilation System: All elements expand from a ce...
Read more

Exercise 1 - Web Anaylsis

Image
 25/09/2024 - 5/10/2024 Diane Sani Alexander Wan / 0378712 Interactive Design / Bachelor of Design (Hons) in Creative Media Exercises 1. TASKS Week 2:   Exercise 1 - Web Analysis We need to pick 2 websites that were given in Google classroom and then interpret the websites and see how it impacts the user experience. We have to consider the purpose and goals of the website and identify the strengths and weaknesses of the website.  WEBSITE ANALYSIS Awwwards  https://www.awwwards.com/ After some exploration on this website and scrolling through, this website targets UI/UX designers as the main purpose of the website is to show the 'site of the day' and also the 'site of the month'. You are able to gain inspiration from this website and also purchase a design you desire. They also offer a wide range of courses for those that want to learn more and increase their skill and knowledge.  Content The website itself is also visually aesthetic, so it relates to how rele...
Read more