Interactive Design (Project 1)
INTERACTIVE DESIGN (Project 1)
Week 04 - Week 06 (14/05/2024 - 28/05/2024)
Dea Natasha Binti Mohd Khairul Fauzi (0368610)
Bachelor of Design (Hons) in Creative Media
Interactive Design
Project 1 - Digital Resume/CV
2 LECTURE
Week 4 (14/05/2024) :
There are many browsers that people can choose from such as Microsoft Internet Explorer, Mozilla Firefox, Google Chrome, Safari, Opera and others.
The World Wide Web Consortium (W3C) defines dozens of standards, including the standard markup languages that we use to build websites.
HTML describes the structure of pages. It is made up of characters that live inside angled brackets <> called HTML elements which are usually made up of two tags: an opening tag and a closing tag.
HTML provides us with two different lists which are ordered list (items is numbered) and unordered list (begins with a bullet point).
Links allow you to move from one browser to another and are created using the <a> element.
Week 5 (21/05/2024) :
ID attribute is giving a unique name on the HTML text.
We can only use alphabet for the ID attribute.
If there are several HTML that have the same group, we can use class attribute.
Block element is created in a new line which is displayed from top to bottom. It is known as block level elements.
Inline elements will appear in the same line as their neighbouring elements.
CSS allows us to change the content of an element's design.
CSS rules contains two parts; a selector and a declaration.
CSS declaration sits inside curly brackets and each is made up of two parts; a property and a value. Different properties can be separated by a semi-colon.
We can use <link> to make sure all HTML documents have the same style.
3 CONTENT AND STRUCTURE
Prepare the content for your resume, including personal details, education, work experience, skills, projects, and other relevant sections.
Personal details :
- Full name
- From Johor Bahru, based in Selangor
- Education
- Work experience
- Contact number
Decide on the order and hierarchy of sections based on their importance and relevance.
- Personal details
- Skills
- Work experience
- Examples of works
- Contact details
- Social media
4 PROCESS
 |
| Making the header |
 |
| Adding a short introduction |
 |
| Adding the components |
 |
| Adding different arts to each page |
 |
| Writing the "About Me" page |
 |
| Adding hyperlink component |
 |
| Saving the final link |
After a consultation session with Mr. Shamsul, I realised that I did some mistakes. So, I fixed my resume.
 |
| Fixing some mistakes |
5 PROTOTYPE PRESENTATION
Click the link below to check out my resume.
Adobe XD
Behance
.
.
.
THE END
.
.
.
Comments
Post a Comment