Interactive Design - Exercise 2

日期：

6/10/2025 - 12 /10/2025 / Week 3

YANG SHUO / 0384037

Bachelor of Design (Hons) in Creative Media

Interactive Design / Exercise 2

LIST

LECTURE

1. Web Standards

  • People now access the web through many devices (PCs, phones, tablets, voice).
  • Websites must stay readable across browsers, systems, and screens.
  • W3C sets web standards like HTML (structure) and CSS (style).
  • Standards make the web more consistent, easier to develop, and accessible for all.

2. How the Web Works

You type a URL → browser contacts DNS → gets the IP address → connects to the web server → page loads in your browser.

3. Structure of a Web Page

  • A web page is like a document with titles, sections, and paragraphs.
  • HTML uses tags and attributes to describe structure.
  • Main parts:
    1. head – page info (title)
    1. body – main visible content

4. Common HTML Elements

  • Headings: <h1>–<h6> for title levels.
  • Paragraph: <p> separates text blocks.
  • Bold / Italic: <b> and <i> for emphasis.
  • Lists: <ol> (numbered), <ul> (bulleted), <li> for items.
  • Links: connect pages.
  • Images: show pictures with alt and title for accessibility.

5. Summary

  • Web standards = consistency + accessibility.
  • HTML builds structure; CSS adds style.
  • Basic elements shape readable, user-friendly web pages.

    INSTRUCTION


      EXERCISE

      Create one file named index.html. When opened in a web browser, this file must display a simple page about you correctly.  

      HTML：

      Webpage Link: 
      https://exercise2-yangshuo.netlify.app/

      REFLECTION

      Strengths:
      I learned that web standards help websites stay consistent and accessible across different devices and browsers. Understanding HTML structure also makes it easier to create clear and organized pages.

      Weaknesses:
      I still find it challenging to remember all the HTML tags and how to apply them correctly. Sometimes my page layout doesn’t look the same on different screens.

      Reflection:
      This lesson helped me see that web design is not only about visual creativity but also about clear structure and usability. I should keep practicing HTML and follow web standards to make my pages more user-friendly and consistent.






      评论

      发表评论