INTERACTIVE DESIGN Exercises3

 GCD 60904 / INTERACTIVE DESIGN

Exercises3

Bachelor of Design (Honours) in Creative Media

LIU CHENG RUI (0370930)

Instructions

Lecture notes


In today's class, Mr. Rahman told us about the WEB language.This includes things like HTML.

Basic concepts of HTML elements:

HTML code is made up of characters that are located inside Angle brackets <> and are called HTML elements.
An element is usually made up of two labels, an open label and a closed label.

What HTML tags do:

HTML elements surround information by opening tags <element> and closing tags </element>. Tags tell the browser how to handle and display the content between tags.

The role of information:

The content between elements is information, and each HTML element conveys specific information about that content to the browser.

<body> tag:

The body element contains everything that appears in the main browser window. This is the body of the web page, and all user-visible content is placed in the body tag.

<head> tag:

The head element precedes the body element and contains meta information about the web page. It is usually not displayed directly in the web content, but contains information such as the page title, style sheet links, scripts, and so on.

<title> tag:

The title element is inside the head, and its contents are displayed on a TAB bar at the top of the browser, usually used to identify the title of a web page.


<ol> Tags:

<ol> stands for ordered list and is used to create an ordered list. Each item in the list is automatically numbered, usually in numerical order.

<li> Tags:

<li> stands for list item. The contents of each list item are located between the open label <li> and the closed label </li>. The li tag applies to all list types (including ordered lists <ol> and unordered lists <ul>).
Exercises
Week4 EX HTML and CSS Document Development


During the class, Mr. Rahman gave us some knowledge about HTML step by step and showed us how to work on text.







Feedback
Through this study, I have a clear understanding of the basic knowledge of HTML, master the basic structure of HTML documents, the use of tags, and how to build lists and other content.



Comments

Post a Comment

Popular posts from this blog

Typography Task 1

Image
22.04.2024 - 20.05.2024 (Week 1 - Week 6) Chengrui Lau / 0370930/ Bachelor of Creative Media Typography Design (Honours) Task 1 : Practice LIST 1.   Lectures 2.   Instructions 3. Tasks 4. Feedback 5. Reflections 6. Further reading Lectures Week 1 / Introduction & Briefing Typo_0_Eportfolio briefing In the first week of the lecture, the teacher mainly taught us how to create our own blog, and the requirements and methods of uploading homework Type_0_Introduction After the class in the morning, I watched the video sent by the teacher and searched the information about typesetting o
Read more

ILLUSTRATION & VISUAL NARRATIVE TASK 3：Final Project: Comic cover and Animated One Page intro

Image
Illustration and Visual Narrative Task 3: Final project: Comic cover and animation one-page introduction (Week 11 -- Week 14) Mission 3: Final project: Manga cover and anime one-page introduction Liu Chengrui (0370930) Illustration and Visual Storytelling | Bachelor of Creative Media Design |Taylor's University lecture Mr. Hafiz Zamri explained to us how this last task should be accomplished. Animated manga (or animated manga) is a form of animation that combines elements of a printed comic book and animation. Individual panels are expanded into a full shot, while sound effects, dubbing, and animation are added to the original artwork. (Wikipedia) complete 1. Comic book covers 2. Animation one-page introduction Animation range: 1. Parallax (creating depth) 2. Secondary actions 3. Animated background
Read more

TYPOGRAPHY | TASK 3: TYPE DESIGN & COMMUNICATION

Image
  TYPOGRAPHY | TASK 3: TYPE DESIGN & COMMUNICATION ||    10/06/24 – 22/07/24 (Week 8 – Week 13)  ||   Liu Cheng Rui , 0370930 ||   Typography  ||    Task 3: Type Design & Communication.  TABLE OF CONTENTS 1. Lectures 2. Instructions 3. Process work      3.1 Research      3.2 Ideation     3.3 Final outcome 4. Feedback 5. Reflection 6. Further Reading 1. LECTURES  Week9 In this lesson, Teacher Max shows us how to use three kinds of pens to draw our font design. It also tells us that we can use Procreat to complete the sketch on the tablet and perform font analysis. Week10 In this tutorial, Mr. Max takes us through deconstructing the m of the Bembo font and lets us try another one after clas
Read more