Interactive Design | Exercise 2

-


9.10.25 - 16.10.25  |  Week 3 - 4

Haley Alexandra Gray  |  0369029  |  Bachelors of Design in Creative Media

Interactive Design GCD60904

Exercise 2  |  HTML exercise

Table of Content :


Lecture Notes

Interactive Design GCD60904


Lecture Notes


Instructions

Week 3 |  Exercise 2

Objective

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.

Task

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

Your index.html file must include the following elements:

  • Basic Document Structure: Correctly use the <!DOCTYPE html>, <html>, <head>, and <body> tags.
  • Page Title: Add a descriptive title inside the <head> using the <title> tag (e.g., "My Awesome Profile").
  • Main Heading: Use an <h1> tag for your name or the page's main topic.
  • Sub-Heading: Use an <h2> tag to create a section heading (e.g., "My Hobbies" or "Favorites").
  • Paragraph Text: Write at least two descriptive paragraphs using the <p> tag.
  • Ordered List: Create a numbered list (using <ol> and <li>) with at least three items (e.g., your top 3 favorite books, movies, or foods).
  • Unordered List: Create a bulleted list (using <ul> and <li>) with at least three items (e.g., your skills, goals, or contact methods).

Submission Requirement:

Submit your e-portfolio link. Attach the url from Netlify.com to your e-portfolio.

Be creative and fun



Exercise | HTML Exercise

For our first task we are to create a basic "About Me" website using HTML, to demonstrate our knowledge and understanding of the code. We have began this assignment with an introductory exercise to introduce is to HTML :


HTML Exercise :

This is the revised version of the above try, where I got to make it more personalised and fun. I learned a bit from other resources on how to add images into the website (as background). It was a pretty fun exercise and I think I am more familiar with html, and what it is capable of now. 


My code -

Fig. 1 Code for my website



Feedback

Week 3 (9.10.25)

General Feedback :  Introduction to code in class.

________

Week 4 (16/10/25)

General Feedback :  More coding lessons, and sir told us that it just has to be simple, and you don't have to include anything outside of what we learned, despite having be creative and fun in the instructions.




Reflection

Overall, this task was fun to do, and I enjoyed experiencing coding myself even though it was basic, and tried to learn more to create a 'fun' website. It was good in my opinion to explore independently first and it prepared me for stuff that was about to come in the next class. I look forward to creating a real interactive website later on in the course.


:)


Comments

Post a Comment

Popular posts from this blog

Typography | TASK 1 : Exercises

-
Image
22.4.25 - 20.5.25  |  Week 1 - 5 Haley Alexandra Gray  |  0369029  |  Bachelors of Design in Creative Media Typography GCD60104 Task 1  |  Exercises Table of Content : Lecture Material Instructions Task 1 | Part 1 Task 1 | Part 2 Feedback Reflection References Lecture Material Typography GCD60104 Week 1 (Introduction & Development) 0. Introduction / Typo 1 - Typography is a fundamental aspect in any design study. It develops attributes that are fundamental to any discipline; attention to detail, composition, etc, as well as develop skillsets that are applicable to all design areas. It is the creation of typefaces, which can be applied in  many different facets of life; in animated forms, influences designs of websites, app designs, signage design, logos, etc. - Typography is full of terminologies, conventions, and unwritten rules depending on disposition / influences regarding to style. It is beneficial to any dis...
Read more

Interactive Design | Exercise 1

-
Image
25.9.25 - 1.10.25  |  Week 1 - 2 Haley Alexandra Gray  |  0369029  |  Bachelors of Design in Creative Media Interactive Design GCD60904 Exercise 1  |  Web Analysis Table of Content : Lecture Notes Instructions Exercises Feedback Reflection Lecture Notes Interactive Design GCD60904 Week 2 - Usability : Designing Products for User Satisfaction - W hat is usability?          -  Usability refers to how effectively, efficiently, and successfully a particular user can utilise a product or design in a certain situation.          - It is part of UX design          - A designer's usability depends on how well its features accommodate users' needs          - When users first encounter an interface, they should be able to find their way about easily enough to achieve objective without relying on expert knowledge. -  Principle of Usability   ...
Read more

Design Principles | TASK 3 : Development & Design

-
Image
Haley Alexandra Gray  |  0369029 Bachelors of Design (Honours) in Creative Media Design Principles GCD60804 Task 3 |  Week 5 - 7 (3.3.2025 - 17.3.2025) Table of Content : Lecture Material Instructions Task 3 Feedback Reflection References Lecture Material Design Principles GCD60804 Week 5 - 7 - See Previous Lecture Notes      -   Task 1 Lecture Material     -   Task 2 Lecture Material Instructions MIB for Bachelors of Design (Honours) in Creative Media | The Design School at Taylor's University 2025 Task 3 Recap : For this task, we will be creating a design based off of the ideas created back in Task 2 , where we are to develop our chosen design idea through the exploration of colouring, composition, and more, to come up with a final design that utilises our knowledge of design principles, as well as a 200 word rationale describing and explaining our design choices.                   ...
Read more