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,