Interactive Design Exercise 2: HTML and CSS Development

24/09/2025 - 4/12/2025
Ameera Rihana binti Remy Ansara
Bachelor of (hons) in creative media
Exercise 2

---

 INSTRUCTIONS

---

Lectures

Exercise 2

Week 3

Recap

Create a single HTML file that serves as a basic "About Me" or personal profile page. This exercise is designed to test your understanding of core HTML document structure and fundamental elements.

__

For this week, we were instructed to do HTML exercise. For starters, we are using notepad for our first trial and basics. We were given some tags that were taught to us in the lecture session.

Note: "target_blank", will lead you to a new window tab when the link is clicked.

Fig 1.0 target_blank

Then, we were instructed to use CSS language to add certain features and make the webpage "About Me" with our own creativity and knowledge from guidance.

This is what I had within my progress:

Fig 1.1 webpage development

Fig 1.2 html / CSS file,txt

Week 4

Within this week, we were trained to transfer our html file into Dreamweaver that we have developed previously to learn new tags and attributes and polish our webpage.

We were also notified to publish our own website when it is done into Netlify.

1) New insights

Adding Timetable

For extra knowledge, we were taught on how to create a timetable through coding using a table tag. <table> We also learnt the ways to customize our own table based on our preferences.

Fig 1.3 timetable

Fig 1.4 coding

Adding images

We were given instructions to add images into our webpage by following the steps provided using <img scr/>. The images must be organized under a single sub file of a main file to ensure it is visible in the index.html.

Fig 1.5 profile picture

Fig 1.6 coding

2) Final Outlook

Work uploaded in Netlify: Exercise 2

Fig 1.7 html Exercise 2, PDF

Fig 1.8 webpage Exercise 2, PDF