INTERACTIVE DESIGN- EXERCISE 3Personal CV Page

 

INTERACTIVE DESIGN - EXERCISE 3 personal cv page

Huang jiaqi/0371553

Interactive Design / Bachelor of Design (Honours) in Creative Media         

Exercises 3/Personal CV Page

---

TABLE OF CONTENTS

1. Instructions

2. Exercises

4. Feedback

5. Reflection

---

INSTRUCTIONS

This is the Module Information Booklet for this module: 

---

Instructions:

• Add your name as the main header at the top of the page.
• Write a short paragraph describing yourself, your interests, and any hobbies.
• List your most recent education details. Include the institution name, year, and course or program.
• Create a bulleted list of at least five skills you have (these could be related to school, hobbies, or any other talents).
• Add a simple contact section with an email address and a link to any social media profile (optional). 
• Use different font sizes and weights to make sections and headers stand out.
• Choose a basic color scheme for the text and background. Use colors that are easy to read and look professional.
• Add padding and margins around each section to give your CV a clean, organized layout.
• Use borders or horizontal lines to separate sections for a professional touch.
• Add an image or profile picture at the top.
• Style your CV with a unique font and background color or pattern to reflect your personality.
• Create a folder for the task and include subfolder (images) and the HTML file in the folder
• Create a single HTML file for the content. Name the file as index.html
• Add the CSS rule within the head section
• Upload the folder to Netlify (I will show it in class)
• Embed the link into your blog and submit the post in Google Classroom

fig 1.1 Process

At the top of the page, I added my name with my picture and identify.

fig 1.2 Process

 For the body, I started with a short paragraph describing me

fig 1.3 Process

Here are my details, it's conenient to introduce my contact information.

fig 1.4 Process

fig 1.5 Process

fig 1.6 Process

fig 1.7 Process

fig 1.8 Process

        

     Netlify: https://cheery-sunburst-434815.netlify.app/

Reflection

Observation
Designing a personal CV page with HTML and CSS demonstrated the importance of organizing information logically and creating an intuitive user interface. Observing how different sections, like personal details, education, and skills, integrate into a cohesive layout highlighted the role of structure and clarity in effective web design.

Experiences
This project gave me hands-on experience with HTML for building the framework and CSS for visual styling. Adding elements such as contact details, profile pictures, and social media links allowed me to experiment with both functional and creative aspects of design. Challenges, like maintaining visual consistency and achieving proper alignment, taught me the value of detail-oriented work in producing a professional result.

Findings
I realized that balance is a cornerstone of good web design—balancing simplicity with creativity, and aesthetics with usability. Proper organization of resources, such as HTML, CSS files, and images, is essential for efficiency. Additionally, seemingly small choices, like consistent font usage and strategic spacing, can greatly enhance the visual appeal and professionalism of the page.

Conclusion
This exercise was a valuable introduction to the technical and creative aspects of web design. It not only strengthened my skills in HTML and CSS but also deepened my understanding of presenting information effectively in a digital medium. The experience reinforced the importance of thoughtful design in personal branding and prepared me for future web development projects.