Lesson 3: Home assignment

1. refine sketches, upload to blog(scan/photo)
2. Production
3. After aprroved, do the 1st and 2nd page in digital/pc

reminder: presentation on Lesson 5

Lesson3, Web Design1

L3: Web Design consideration

Image Optimization


Jpg
-Joint Photograph Expert Group

Gif
-Graphic Interchange Format

PNG
-Portable Network Graphic (PNG)

PNG 24 bit
-PNG 24 bits support Alpha channel
-transparent

URL: www.webleeddesign.com


Typography For Web

-selectedable in website is real text
-cannot be selectedable is image text

-real text are alias font
-anti-alias font is for flatten image

Web font
-a signle web page's fields of view
-information priority (never find a title smaller than the content)
-legibility (10pt, 11pt to 12pt) (title 14pt and above)
-copywriting is interface design

Web(audio + video) consideration
-audio on the internet
-stereo + mono
-sampling rate + bit depth
-video on the internet
-fps(frame per second)
-bytes per frame
-file format

Tutorial Part
URL - Uniform Resource Locator

hypertext = hypertext link
hypermedia = pictures/animation/video & bla bla bla

Absolute link/ URL (call the whole thing)
-www.google.com/index.html

Relative link/ URL (call the sub folder)
-page 1
-folder1/page2.html


../ to jump out from the html folder to call the index.html

img src="../images.pic1.jpg"


Anchor
call to the end
<<>>

Anchor mark for the end bottom,

new learn Action Script3.0 apply to what i want to say

i find you;
i want to see you;
{
if i call you;
i want to talk to you;
}

{
if i find you out to yam cha;
i want to see you and wanna talk to you;
}
else
{
i can find another people;}