Liberty Enlightening the World

Liberty Enlightening the World
La Liberté éclairant le monde

Friday, 10 June 2011

Web-Design Quiz


Webdesign Quiz

PERIODIC TABLE OF TYPEFACES



Short-answer Research Assignment

1.What happens to the "search-ability" and "access-ability" of your web pages if you set your type using Photoshop or Flash?


2.List all the standard HTML typefaces you can use in web publishing for mac and also for Windows PC.

Windows fonts / Mac fonts / Font family


Normal style
Bold style
Arial, Arial, Helveticasans-serif
Arial, Arial, Helveticasans-serif
Arial Black, Arial Black, Gadgetsans-serif
Arial Black, Arial Black, Gadgetsans-serif
Comic Sans MS, Comic Sans MScursive
Comic Sans MS, Comic Sans MScursive
Courier New, Courier New, mono-space
Courier New, Courier New, mono-space
GeorgiaGeorgiaserif
GeorgiaGeorgiaserif
Impact, Impact, Charcoalsans-serif
Impact, Impact, Charcoalsans-serif
Lucida Console, Monacomonospace
Lucida Console, Monacomonospace
Lucida Sans Unicode, Lucida Grandesans-serif
Lucida Sans Unicode, Lucida Grandesans-serif
Palatino Linotype, Book AntiquaPalatinoserif
Palatino Linotype, Book AntiquaPalatinoserif
Tahoma, Genevasans-serif
Tahoma, Genevasans-serif
Times New Roman, Times New Roman, Timesserif
Times New Roman, Times New Roman, Timesserif
Trebuchet MSTrebuchet MSsans-serif
Trebuchet MSTrebuchet MSsans-serif
Verdana, Verdana, Genevasans-serif
Verdana, Verdana, Genevasans-serif
Symbol, Symbol (SymbolSymbol)
Symbol, Symbol (SymbolSymbol)
Webdings, Webdings (WebdingsWebdings)
Webdings, Webdings (WebdingsWebdings)
Wingdings, Zapf Dingbats(WingdingsZapf Dingbats)
Wingdings, Zapf Dingbats(WingdingsZapf Dingbats)
MS Sans SerifGenevasans-serif
MS Sans SerifGenevasans-serif
MS SerifNew Yorkserif
MS SerifNew Yorkserif






3.List all the things you can do to a typeface using html (hint: bold is one variation, there are 8 altogether)


Bold,Italic,Underline,Size,Style,Color,Align,Centre,Align Right and weight.

4.List all the things you can do to type using CSS (cascading style sheets).

font-family
font-size
font-weight
font-style
font-variant
text-transform
text-decoration
font

5.List free online 3 tools that can help you visualize how a typeface looks on a web page.
1. Css Txt
2. CSS Type
3. Font Tester

6.What's aliased type? What's anti-aliased type?

Aliasing--jagged edges that make type looks cheesy on-screen.

Anti-aliasing is a system whereby the edges of letters use shades between the color of the type and the color of the background. It makes text look fuzzy.

7.What's so good about the @font-face html tag?

The <font> tag specifies the font face, font size, and font color of text.

Summary 
This lesson introduced you to typography. The character of typefaces affects how and where you use them. Practice and study is the key to getting "a feel for type".




No comments:

Post a comment

Design and

Design and
Interactive Digital Media

Popular Posts