Interactive Design
Interactive Design
Low J- Yin / 0352888
Bachelor of Design in Creative Media
INTRODUCTION
LECTURERS
Week 1
Sir brief us the module booklet and given the first exercise: web
analysis. We will need to choose two link(s), write a report summarising
not more than 500 words.
Week 2
Usability
The quality of a user's experience, how effectively to the user can utilise
a product or systems.
Principle of Usability
Consistency
The key factor in web design for both visual elements and functionally, to
make user recognise.
Simplicity
Use symbols and technology that make the interface obvious. The function or
icon should be simple for users.
Feedback
The signal of product have succeeded or failed.
Error Prevention
Alerting a user when they're making an error.
Week 3
Elements of website:
1. Header
- Navigation menu, logo, contact information.
2. Body
-text, videos, images, multi-media elements.
3. Footer
- link to other information, contact details, copyright information.
Week 4
Web standards
Hardware and software issue:
variety of browsers / Safari, Google, Firefox.
variety of operating systems / Window, Mac OS.
variety of screen resolution / px
Markup languages:
1. HTML / document of page
2. CSS / style of page
HTML code :
The information need to be inside angled brackets < >
<element>Information</element>
<body>
<head>
<tittle>
<h1> main headings
<h2> subheadings
* <h1> - <h6> such on with their typefont and heading.
<p></p> paragraph
<b></b> bold
<a href="http://kihih.com" </a> link
<img src="link.jpg> image
Week 5
<style type="text/css>
body { background-colour : ____ }
</style> change background colour
<style type="text/css>
body { background-image : url (___)}
</style> change background image
background-size: cover / the background image always fit the whole page
background-attachment : fixed / the background image fixed within the viewport or scrolls with it containing block
{text-align: center} alignment to center
{text-decoration} sets the appearance of decorative lines on text. *not necessary
Week 7
The Display Property
Block-level element
<div> standard block level elements
Box model in CSS
1. Padding
2. Border
3. Margin
.jpeg)
Comments
Post a Comment