Interactive Design / Exercise 3 - Personal CV Page

In this exercise, our task is to create a personal CV by coding it from scratch. Inside the CV, we will include the following elements:

  • Name: Make it the main header at the top of the page.
  • Self-Description: Write a short paragraph about yourself, including your interests and hobbies.
  • Education Section: List your most recent education, including the institution name, year, and program or course.
  • Skills List: Create a bulleted list of at least five skills related to school, hobbies, or other talents.
  • Contact Section: Add your email address and a link to a social media profile (optional).


Wireframe (Draft Idea for the CV)

Figure 1.1 Wireframe for CV version 1

Figure 1.2 Wireframe for CV Final Version

Figure 1.3 Moodboard and Research for Personal CV

Process

Figure 2.1 Code in Adobe Dreamweaver (video)


Figure 2.2 Code in Adobe Dreamweaver (PDF)

CV Page Outcome 

Figure 3.1 Personal VC Outcome (Screenshot)

Netlify Website Link - https://reneeinteractiveexercise03.netlify.app/


Reflection 

In this exercise, I tried to explore the code and make my personal CV more interesting. Along the way, I faced some challenges, such as not knowing which code to use or how to implement it, and being unsure how to add certain elements, even though I knew the keywords. So, I searched for solutions on Google and tried to figure things out. Although I encountered some difficulties creating the CV independently, overall, it has been an interesting introduction to HTML coding. This exercise also helped me understand how challenging it can be to create a website from scratch—it requires patience, creativity, and problem-solving skills, especially when working through unfamiliar code. 



Comments

Popular Posts