INTERACTIVE DESIGN ✦ PROJECT 2 ✦

INTERACTIVE DESIGN ✦ PROJECT 2: WORKING WEB PAGE ✦

/6/2024 - /6/2024

Week 6 - Week 8

Bachelor of Design (tons) in Creative Media

---

✦ LECTURE ✦

This week, our teacher guided us through the process of creating a website using HTML. Following the lecture, I used the techniques taught to build my resume from the design I had previously created. I structured the HTML document with semantic elements, using <header> for my name and contact details, and <section> for education, experience, and skills.

---

✦ INSTRUCTION ✦

Figure 1.1 MIB

---

✦ PROJECT 2: WORKING WEB PAGE ✦

This week, our teacher assigned us to create our previously designed resumes using HTML. I applied the knowledge taught by our teacher and also sought advice from classmates. First, I structured the HTML document with semantic tags for clarity. 

I used `<header>` for my name and contact information and `<section>` tags for the different parts of the resume such as education, experience, and skills. I included `<h1>` for main headings, `<h2>` for subheadings, and `<p>` for paragraphs. For lists, I used `<ul>` and `<li>` tags. 

Throughout the process, I referred to class notes and my classmates’ insights for troubleshooting and refining the design. By the end of the week, I had successfully transformed my paper resume into a fully functional HTML webpage, reinforcing my web design skills.

Through these exercises, I learned how to write code using HTML and mastered the skills to adjust the position of web elements. Additionally, I successfully created a resume webpage. This not only improved my technical abilities but also deepened my understanding and confidence in web design, particularly in structuring content and visual presentation. This is my final design result.

Final website link: http://127.0.0.1:49695/preview/app/index.html

---

✦ REFLECTION ✦

Through these exercises, I learned how to write code using HTML and mastered the skills to adjust the position of web elements. Additionally, I successfully created a resume webpage. This not only improved my technical abilities but also deepened my understanding and confidence in web design, particularly in structuring content and visual presentation.