INTERACTIVE DESIGN: EXERCISE 2: HTML EXERCISE: SIMPLE PERSONAL PROFILE PAGR

-

EXERCISE 2: HTML EXERCISE: SIMPLE PERSONAL PROFILE PAGR

———

Ding Jiaqi/0379388 

Interactive Design/ Bachelor of interactive spatial design


———

Exercise 2：Website Analysis



Page effect：


  1. I created a new note and named it “index.html.” Then I saved it and added it to the website.



 2. Then I added a <head>

3. body>: The main content of the webpage begins.

 <h1>: Main heading, used to display the title “Welcome To My Webpage.”

 <h2>: Subheading, used to display “This is a single webpage dedicated to myself.”

 <p>: Paragraph tag.

The first paragraph uses <p> to show the date of birth, and <b> (bold) to highlight “28 September 2006.”

The second paragraph uses <p> to describe hobbies such as traveling, watching movies, and swimming.

<hr/>: Adds a horizontal line.





4. Same as above, except that <a href="...">blogger</a> is a hyperlink. 
Clicking the "blogger" text opens an external webpage.
 target="_blank" indicates that the link will open in a new tab.




5.I'm using a simple HTML list structure to list my courses: 

<h2>: Second-level heading, "Modules that I enrolled this semester."

<ul>: Unordered list

<li>: List item; each <li> tag represents a course.


6. Finally,I created a numbered list (using <ol> and <li>) of my favorite foods, movies, and people.

HTML file :


Comments

Post a Comment

Popular posts from this blog

Games Studies

-
Image
Ding Jiaqi/0379388 Games Studies 2/ Bachelor of interactive spatial design Week 1 Course Tasks Overview Individual Tasks:  Complete two exercises:   1. Describe a favorite game and its fun elements.   2. Explore the evolution and improvement of games. These aim to build personal skills and support group design efforts. Organize and evaluate project updates. Write a personal reflection at the end of the semester. Compile everything into a digital portfolio. Group Tasks: Create a tabletop game prototype in phases, progressing with weekly tasks. Peer evaluation of team member contributions at the end of the semester.   Course Timeline Preparation Phase (Weeks 1–4): Course introduction Learning about fun and educational elements Game experience and dynamic system design Start individual exercises Finalize game concept and begin developing the alpha version Prototype Development and Testing (Weeks 5–12): Present initial proposal and framework Conduct multiple testing roun...
Read more

Embedded System

-
Image
Ding Jiaqi/0379388 Embedded systems / Bachelor of interactive spatial design Week 1 Class Summary and Reflection In this class, I gained a deeper understanding of the integration of embedded systems and interactive spatial design. I learned that embedded systems are widely used in fields such as smart homes and industrial automation, while interactive spaces enhance user experiences through technologies like holograms, LED walls, and VR/AR. Additionally, the class provided a detailed explanation of the requirements and content of Assignment 1, helping us understand how to complete it effectively, including selecting appropriate embedded system concepts and interactive design approaches and integrating them to create an engaging interactive space. During the class discussion, we conducted a group discussion on Assignment 1, exchanging ideas and ultimately deciding on our project’s theme—conveying the concept of environmental protection. We aim to use embedded systems and interactive sp...
Read more

INTERACTIVE DESIGN: EXERCISE 1: WEBSITE ANALYSIS

-
Image
INTERACTIVE DESIGN: EXERCISE 1: WEBSITE ANALYSIS  —— Start from 3.9.2025 23.9.25-1.10.2025/Week1- Week2 Ding Jiaqi/0379388  Interactive Design/ Bachelor of interactive spatial design —— EXERCISE 1: WEBSITE ANALYSIS      1. Select Websites: Choose five (5) websites from the provided link. 2. Analyze Websites: For each selected website, review it carefully by considering: The purpose and goals of the website and whether they are effectively communicated to users. The visual design and layout, including the use of color, typography, and imagery. Functionality and usability, including navigation, forms, and interactive elements. The quality and relevance of the content, including its accuracy, clarity, and organization. The website’s performance, such as load times, responsiveness, and compatibility with different devices and browsers. Identify the strengths and weaknesses of each website and how they impact the user experience. 3. Write Reports: Write a brief repor...
Read more