Your SlideShare is downloading. ×
0
Multimedia: Making it Work Module 2: Text
Overview <ul><li>In this module we will discuss: </li></ul><ul><li>The importance of text in a multimedia presentation </l...
The Power of Text <ul><li>Reading and writing are expected and necessary skills within most modern cultures. </li></ul><ul...
The Power of Text <ul><li>In multimedia it is important to cultivate accuracy in words you choose. Words will appear in: <...
Be Precise <ul><li>Be precise and consistent when designing labels for title screens, menus and buttons. </li></ul>That an...
Text Attributes <ul><li>Font </li></ul><ul><li>Typeface </li></ul><ul><li>Tracking </li></ul><ul><li>Kerning </li></ul><ul...
Font <ul><li>A collection of characters of a single size and style belonging to a particular typeface family. </li></ul><u...
Typeface <ul><li>Typeface is a family of graphic characters that usually includes many type sizes and styles. </li></ul>Ve...
Serif vs Sans Serif Typeface <ul><li>The typeface either has Serif or it doesn't (sans is French for “without”). </li></ul...
Serif vs Sans Serif Typeface <ul><li>On a printed page,  serif  fonts are traditionally used for body text </li></ul><ul><...
Installing Fonts <ul><li>Fonts 500 is a great way to find fonts and install them on your computer. All these fonts are fre...
Tracking <ul><li>Tacking: Spacing between the characters. </li></ul>
Kerning <ul><li>Kerning: The spacing between character pairs. </li></ul>
Leading <ul><li>Leading: The space between lines of text sometimes called the line spacing. </li></ul>
Color <ul><li>Consider using color to make your type stand out or be more legible. Use black on white whenever possible. A...
Designing with Text <ul><li>Too little text on screen requires annoying page turns and mouse clicks. </li></ul><ul><li>Too...
Designing with Text <ul><li>Be conservative when using different colors, typefaces, font sizes and styles. Sometimes it’s ...
Scrolling <ul><li>On a web page, put vital text elements and menus in the top 320 pixels. Studies have discovered that onl...
Web Pages and CE6 <ul><li>Probably the most common way you will be adding text is by uploaded MS Word documents to Blackbo...
Web Pages and CE6 <ul><li>However, if the user’s computer does not have the fonts installed on their computer, the browser...
Web Pages and CE6 <ul><li>Process for saving a Word .DOC to a Web page .HTM. </li></ul><ul><li>From the file drop down men...
Web Pages and CE6 <ul><li>From the Save As dialog box, select “Save as type”, and select “Web Page, Filtered” from the dro...
Web Pages and CE6 <ul><li>Your .DOC is now converted to a .HTM and ready to be uploaded to Blackboard CE6. </li></ul>* You...
Text Flash Cards
Summary <ul><li>In this module we discussed: </li></ul><ul><li>The importance of text in a multimedia presentation </li></...
Multimedia: Making it Work Module 2: Text You have completed this module, please participate in the Module Discussion
Upcoming SlideShare
Loading in...5
×

Multimedia: Making it Happen - Text

8,163

Published on

Published in: Technology, Art & Photos
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total Views
8,163
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
297
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Multimedia: Making it Happen - Text"

  1. 1. Multimedia: Making it Work Module 2: Text
  2. 2. Overview <ul><li>In this module we will discuss: </li></ul><ul><li>The importance of text in a multimedia presentation </li></ul><ul><li>Discuss the attributes of text, for example, font, typeface, kerning, leading and color. </li></ul><ul><li>Describe the difference between Sarif/Sans Sarif. </li></ul><ul><li>List different design factors with text. </li></ul><ul><li>Describe how to convert a Word document to HTML for importing into Blackboard CE6. </li></ul>
  3. 3. The Power of Text <ul><li>Reading and writing are expected and necessary skills within most modern cultures. </li></ul><ul><li>Text and the ability to read it are doorways to power and knowledge. </li></ul><ul><li>With the World Wide Wed, text has become more important than ever. </li></ul><ul><li>The native language for the web is HTML (Hypertext Markup Language) </li></ul>
  4. 4. The Power of Text <ul><li>In multimedia it is important to cultivate accuracy in words you choose. Words will appear in: </li></ul><ul><ul><ul><li>Titles </li></ul></ul></ul><ul><ul><ul><li>Menus </li></ul></ul></ul><ul><ul><ul><li>Navigation aids </li></ul></ul></ul><ul><ul><ul><li>Narrative or content </li></ul></ul></ul>
  5. 5. Be Precise <ul><li>Be precise and consistent when designing labels for title screens, menus and buttons. </li></ul>That answer Was Correct TERRIFIC! Close Quit Previous GO BACK! Less Powerful More Powerful
  6. 6. Text Attributes <ul><li>Font </li></ul><ul><li>Typeface </li></ul><ul><li>Tracking </li></ul><ul><li>Kerning </li></ul><ul><li>Leading </li></ul><ul><li>Color </li></ul>
  7. 7. Font <ul><li>A collection of characters of a single size and style belonging to a particular typeface family. </li></ul><ul><li>Expressed in point; one point is .0138 inch. </li></ul>* This font is: Times New Roman 20-point bold italic * This font is: Arial 24-point
  8. 8. Typeface <ul><li>Typeface is a family of graphic characters that usually includes many type sizes and styles. </li></ul>Verdana Times New Roman Arial Courier New Common Typeface Styles
  9. 9. Serif vs Sans Serif Typeface <ul><li>The typeface either has Serif or it doesn't (sans is French for “without”). </li></ul><ul><li>Serif is the little decoration at the end of a letter stroke. </li></ul>
  10. 10. Serif vs Sans Serif Typeface <ul><li>On a printed page, serif fonts are traditionally used for body text </li></ul><ul><li>In the computer world, sans serif fonts are far more legible when used in the small sizes of a text field on a screen </li></ul><ul><li>Exception: Large bold serif font for a title or headline can still be used to help delivered message of elegance and character. </li></ul>
  11. 11. Installing Fonts <ul><li>Fonts 500 is a great way to find fonts and install them on your computer. All these fonts are free. http://fonts500.com/ </li></ul><ul><li>Sample of font downloaded: BLAZED </li></ul>
  12. 12. Tracking <ul><li>Tacking: Spacing between the characters. </li></ul>
  13. 13. Kerning <ul><li>Kerning: The spacing between character pairs. </li></ul>
  14. 14. Leading <ul><li>Leading: The space between lines of text sometimes called the line spacing. </li></ul>
  15. 15. Color <ul><li>Consider using color to make your type stand out or be more legible. Use black on white whenever possible. Avoid conflicting colors like red on purple. </li></ul><ul><li>Don’t use color to convey a message – your user might be color blind. </li></ul>
  16. 16. Designing with Text <ul><li>Too little text on screen requires annoying page turns and mouse clicks. </li></ul><ul><li>Too much text can make a screen seem overcrowded and unwelcoming. </li></ul>
  17. 17. Designing with Text <ul><li>Be conservative when using different colors, typefaces, font sizes and styles. Sometimes it’s better to be consistent. </li></ul><ul><li>Use Meaningful words or phrases for links and menu items. </li></ul><ul><li>Use Bold to emphasize text not underline. Underline is commonly used to show a hyperlink. </li></ul>
  18. 18. Scrolling <ul><li>On a web page, put vital text elements and menus in the top 320 pixels. Studies have discovered that only 10 percent to 15 percent of surfers ever scroll any page. </li></ul>
  19. 19. Web Pages and CE6 <ul><li>Probably the most common way you will be adding text is by uploaded MS Word documents to Blackboard CE6. </li></ul><ul><li>You must convert the Word document (.DOC) to a web page (.HTM). </li></ul><ul><li>For the most part, all of the fonts, sizes and styles will display the same when converted from .DOC to .HTM. </li></ul>
  20. 20. Web Pages and CE6 <ul><li>However, if the user’s computer does not have the fonts installed on their computer, the browser will substitute a similar font, but it might not look the same. </li></ul><ul><li>Therefore, to assure your document will look the same on the web use common fonts; Times New Roman , Arial , Georgia and Verdana . </li></ul>
  21. 21. Web Pages and CE6 <ul><li>Process for saving a Word .DOC to a Web page .HTM. </li></ul><ul><li>From the file drop down menu, select “Save As” (don’t select, “Save as Web Page”). </li></ul>
  22. 22. Web Pages and CE6 <ul><li>From the Save As dialog box, select “Save as type”, and select “Web Page, Filtered” from the drop down list. </li></ul><ul><li>Click “OK”. </li></ul>
  23. 23. Web Pages and CE6 <ul><li>Your .DOC is now converted to a .HTM and ready to be uploaded to Blackboard CE6. </li></ul>* You might loose some formatting, but the information should be useful and easily available to your students.
  24. 24. Text Flash Cards
  25. 25. Summary <ul><li>In this module we discussed: </li></ul><ul><li>The importance of text in a multimedia presentation </li></ul><ul><li>Discuss the attributes of text, for example, font, typeface, kerning, leading and color. </li></ul><ul><li>Describe the difference between Sarif/Sans Sarif. </li></ul><ul><li>List different design factors with text. </li></ul><ul><li>Describe how to convert a Word document to HTML for importing into Blackboard CE6. </li></ul>
  26. 26. Multimedia: Making it Work Module 2: Text You have completed this module, please participate in the Module Discussion
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×