Multimedia: Making it Happen - Text

Download Multimedia: Making it Happen - Text

Post on 27-Jan-2015

104 views

Category:

Technology

1 download

Embed Size (px)

DESCRIPTION

 

TRANSCRIPT

<ul><li> 1. Multimedia: Making it Work Module 2: Text</li></ul> <p> 2. Overview </p> <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> <p> 3. The Power of Text </p> <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> <p> 4. The Power of Text </p> <ul><li>In multimedia it is important to cultivate accuracy in words you choose. Words will appear in: </li></ul> <ul><li><ul><li><ul><li>Titles </li></ul></li></ul></li></ul> <ul><li><ul><li><ul><li>Menus </li></ul></li></ul></li></ul> <ul><li><ul><li><ul><li>Navigation aids </li></ul></li></ul></li></ul> <ul><li><ul><li><ul><li>Narrative or content </li></ul></li></ul></li></ul> <p> 5. Be Precise </p> <ul><li>Be precise and consistent when designing labels for title screens, menus and buttons. </li></ul> <p>That answer Was Correct TERRIFIC! Close Quit Previous GO BACK! Less Powerful More Powerful 6. Text Attributes </p> <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> <p> 7. Font </p> <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> <p>*This font is: Times New Roman 20-point bold italic *This font is: Arial 24-point 8. Typeface </p> <ul><li>Typeface is a family of graphic characters that usually includes many type sizes and styles. </li></ul> <p>Verdana Times New Roman Arial Courier New Common Typeface Styles 9. Serif vs Sans Serif Typeface </p> <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> <p> 10. Serif vs Sans Serif Typeface </p> <ul><li>On a printed page,seriffonts are traditionally used for body text </li></ul> <ul><li>In the computer world,sans seriffonts 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> <p> 11. Installing Fonts </p> <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> <p> 12. Tracking </p> <ul><li>Tacking: Spacing between the characters. </li></ul> <p> 13. Kerning </p> <ul><li>Kerning: The spacing between character pairs. </li></ul> <p> 14. Leading </p> <ul><li>Leading: The space between lines of text sometimes called the line spacing. </li></ul> <p> 15. Color </p> <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>Dont use color to convey a message your user might be color blind. </li></ul> <p> 16. Designing with Text </p> <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> <p> 17. Designing with Text </p> <ul><li>Be conservative when using different colors, typefaces, font sizes and styles. Sometimes its better to be consistent. </li></ul> <ul><li>Use Meaningful words or phrases for links and menu items. </li></ul> <ul><li>UseBoldto emphasize text not underline. Underline is commonly used to show a hyperlink. </li></ul> <p> 18. Scrolling </p> <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> <p> 19. Web Pages and CE6 </p> <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> <p> 20. Web Pages and CE6 </p> <ul><li>However, if the users 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 ,GeorgiaandVerdana . </li></ul> <p> 21. Web Pages and CE6 </p> <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 (dont select, Save as Web Page). </li></ul> <p> 22. Web Pages and CE6 </p> <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> <p> 23. Web Pages and CE6 </p> <ul><li>Your .DOC is now converted to a .HTM and ready to be uploaded to Blackboard CE6. </li></ul> <p>* You might loose some formatting, but the information should be useful and easily available to your students. 24. Text Flash Cards 25. Summary </p> <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> <p> 26. Multimedia: Making it Work Module 2: Text You have completed this module, please participate in the Module Discussion </p>