Interactive Design/Project 1/Exercise 3

-

 13/5/2025-20/5/2025

Cai Zihan/0378043

GCD 60904 / Interactive Design / Bachelor of Design (Hons) in Creative Media / Taylor's University

Exercises 3


TABLE OF CONTENT
Instructions
Lectures
Exercise 3
Feedback
Reflection
Instructions


<iframe src="https://drive.google.com/file/d/1cRM_m5eErYToYALYb7Dm0RNrArnWh8I-/preview" width="640" height="480" allow="autoplay"></iframe>


Lectures


<> HTML

{} CSS


<h1 >information</h1>

parent element    child element


<html>

     <head></head>

     <body></body>

</html>

Exercise 3

Assignment Description:

You are required to select an existing website which you feel has several design and UX issue and prepare a detailed proposal for its redesign. The proposal should address the following key aspects:



Feedback

INTERACTIVE DESIGN WEB STANDARDS

STRUCTURE OF A WEB PAGE

  • Understanding structure
  • Learning about markup
  • Tags and elements

STRUCTURE OF PAGES


The HTML code is made up of characters that live inside angled brackets <>

These are called HTML elements

Elements are usually made up of two tags: an opening tag and a closing tag

<element>Information</element>

Each element tells the browser something about the information that sits between its opening and closing tags.


A CLOSER LOOK AT TAGS

Opening Tag：<p>

Closing Tag：<p/>


<p lang=“eng-us”>Paragraph in English</p>


Reflection

We learned in class how to make a simple website (for Windows) using Notepad, and our teacher taught us in great detail, with clear steps to show your teacher the website you made before signing out and going home at the end of the school day.






Comments

Post a Comment

Popular posts from this blog

Interactive Design / Project 1/Exercises 1

-
Image
 21/4/2025-30/4/2025 Cai Zihan/0378043 GCD 60904 / Interactive Design / Bachelor of Design (Hons) in Creative Media / Taylor's University Exercises 1 TABLE OF CONTENT Instructions Lectures Exercise 1 Web Analysis Feedback Reflection Instructions <iframe src="https://drive.google.com/file/d/1cRM_m5eErYToYALYb7Dm0RNrArnWh8I-/preview" width="640" height="480" allow="autoplay"></iframe> Exercise 1 Web Analysis What To Have in The Analysis: Consider the purpose and goals of the website, and evaluate whether they are effectively communicated to the user. Evaluate the visual design and layout of the website, including its use of color, typography, and imagery. Consider the functionality and usability of the website, including its navigation, forms, and interactive elements. Evaluate the quality and relevance of the website's content, including its accuracy, clarity, and organization. Consider the website's performance, including ...
Read more

Typography Task1/Exercise

-
Image
 24.9.2024-28.10.2024/week1-week5 Cai Zihan/0378043 Typography/Bachelor of Design (Honours) in Creative Media Task1:Exercise1   TABLE OF CONTENTS 1.LECTURES 2 . INSTRUCTIONS 3.FEEDBACK 4.REFLECTIONS 5.FURTHER READING LECTURES Week1 : face to face lectures:   Mr.Vinod clearly tell us the rules of the class rules and how to create a blog.Mr.Vinod gave us a link to see how to create a student's e-profile.Task1:we need to watch eportfolio briefing and make six pictures from Mr.Vinod . Lecture 0 and 1 online lectures:    Typography :the style and appearance of printed matter.   Mr.Vinod recommended a URL：fonts.com    Mr. Vinod let's take a look at the properties that come with the development of typography and the influence that skills and thinking have. Fig.1.1. Tmrminology Mr.Vinod introudeced the history of the development of fonts:   Early letter form-Hand script-Black letter to Gutenberg's type-Humanist script to roman type-Duth printing...
Read more

Advanced Typography /Task 3：Type Expression and Application

-
Image
16/6/2025 - 18/7/2025 / Week 8 - Week 14 Cai Zihan / 0378043 Advanced Typography / Bachelor of Design in Creative Media / Taylor's University  Task 3:Type Expression and Application TABLE OF CONTENT LECTURES INSTRUCTIONS TASK 3     TASK 3 OUTCOME COMPILATION FEEDBACK REFLECTION LECTURES INSTRUCTIONS <iframe src="https://drive.google.com/file/d/11r2eebFmM713T91NTxPwAy3-4AhLPqew/preview" width="640" height="480" allow="autoplay"></iframe> Task 3：Type Expression and Application In Task 3, we were instructed to base our proposal on three options: • Create a font designed to solve a larger problem/part of a solution in your area of interest. • Explore existing fonts in your area of interest. • Experiment with design From the options given, we were instructed to present a proposal consisting of our ideas related to the topic.  Here is my proposal presentation: Fig 1.1Proposal slides（Week 9，10/6/2025） Fig 1.2 Font reference（week 9，10/6...
Read more