Interactive Design: Exercise 2: HTML Exercise: Simple Personal Profile Page
Interactive Design
Exercise 2: HTML Exercise: Simple Personal Profile Page
Start from 23.9.2025
8.10.2025 - 15.10.2025 /Week 3 - Week 4
LI XIN LI / 0379305
Interactive Design / Bachelor of Interactive Spatial Design
Exercise 2: HTML Exercise: Simple Personal Profile Page
I added a brief description of myself inside the <head> using the <title> tag. I also used the <h1> tag for the subject, the <h2> tag for the section title, and <p> for two short paragraphs about myself.
I introduced the courses I have chosen for this semester.
Finally,I created a numbered list (using <ol> and <li>) of my favorite foods, movies, and people.
The final full version of the webpage
HTML file:
Reflection:
Although I couldn't fully understand the purpose and meaning of these codes after the teacher's explanation, through this practice, I kept thinking and understood their meaning and purpose. At the same time, I hope to learn more.
WEEK 4
Building on my experience last time, I learned how to make the website richer and more personalized.
First, import the files from the previous lesson into Dreamweaver. The first step is to create a new folder and select the location of the original file in the folder.
Then add your favorite photos, select the photos you like to download, change the file name to "***.jpg" format, and create a new folder in the Exercise folder and put them in.
Create a new folder in My Web Page and select the newly created images folder. After a while, the photo will appear on the side.
Embed photos using <img src and resize width="320" height="400" alt="yy ProfilePicture" title="My"/>.
Use "background-image: to add a background to the web page, and background-size to adjust the background photo filling method.
Finally I tried to add a class schedule：
Use <tr>, <th> to fill the content. When there are multiple classes in a day, you can use <th colspan="*">
Comments
Post a Comment