2 Overview In this module we will discuss: The importance of text in a multimedia presentationDiscuss the attributes of text, for example, font, typeface, kerning, leading and color.Describe the difference between Sarif/Sans Sarif.List different design factors with text.Describe how to convert a Word document to HTML for importing into Blackboard CE6.
3 The Power of TextReading and writing are expected and necessary skills within most modern cultures.Text and the ability to read it are doorways to power and knowledge.With the World Wide Wed, text has become more important than ever.The native language for the web is HTML (Hypertext Markup Language)
4 The Power of TextIn multimedia it is important to cultivate accuracy in words you choose. Words will appear in:TitlesMenusNavigation aidsNarrative or content
5 That answer Was Correct Be PreciseBe precise and consistent when designing labels for title screens, menus and buttons.More PowerfulLess PowerfulGO BACK!PreviousQuitCloseTERRIFIC!That answer Was Correct
6 Text AttributesFontTypefaceTrackingKerningLeadingColor
7 FontA collection of characters of a single size and style belonging to a particular typeface family.Expressed in point; one point is inch.* This font is: Times New Roman 20-point bold italic* This font is: Arial 24-point
8 Common Typeface Styles Typeface is a family of graphic characters that usually includes many type sizes and styles.Common Typeface StylesCourier NewArialTimes New RomanVerdana
9 Serif vs Sans Serif Typeface The typeface either has Serif or it doesn't (sans is French for “without”).Serif is the little decoration at the end of a letter stroke.
10 Serif vs Sans Serif Typeface On a printed page, serif fonts are traditionally used for body textIn the computer world, sans serif fonts are far more legible when used in the small sizes of a text field on a screenException: Large bold serif font for a title or headline can still be used to help delivered message of elegance and character.
11 Installing FontsFonts 500 is a great way to find fonts and install them on your computer. All these fonts are free.Sample of font downloaded: BLAZED
12 TrackingTacking: Spacing between the characters.
13 KerningKerning: The spacing between character pairs.
14 LeadingLeading: The space between lines of text sometimes called the line spacing.
15 ColorConsider 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.Don’t use color to convey a message – your user might be color blind.
16 Designing with TextToo little text on screen requires annoying page turns and mouse clicks.Too much text can make a screen seem overcrowded and unwelcoming.
17 Designing with TextBe conservative when using different colors, typefaces, font sizes and styles. Sometimes it’s better to be consistent.Use Meaningful words or phrases for links and menu items.Use Bold to emphasize text not underline. Underline is commonly used to show a hyperlink.
18 ScrollingOn 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.
19 Web Pages and CE6Probably the most common way you will be adding text is by uploaded MS Word documents to Blackboard CE6.You must convert the Word document (.DOC) to a web page (.HTM).For the most part, all of the fonts, sizes and styles will display the same when converted from .DOC to .HTM.
20 Web Pages and CE6However, 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.Therefore, to assure your document will look the same on the web use common fonts; Times New Roman, Arial, Georgia and Verdana.
21 Web Pages and CE6 Process for saving a Word .DOC to a Web page .HTM. From the file drop down menu, select “Save As” (don’t select, “Save as Web Page”).
22 Web Pages and CE6From the Save As dialog box, select “Save as type”, and select “Web Page, Filtered” from the drop down list.Click “OK”.
23 Web Pages and CE6Your .DOC is now converted to a .HTM and ready to be uploaded to Blackboard CE6.* You might loose some formatting, but the information should be useful and easily available to your students.
25 Summary In this module we discussed: The importance of text in a multimedia presentationDiscuss the attributes of text, for example, font, typeface, kerning, leading and color.Describe the difference between Sarif/Sans Sarif.List different design factors with text.Describe how to convert a Word document to HTML for importing into Blackboard CE6.
26 Multimedia: Making it Work You have completed this module, please participate in the Module DiscussionMultimedia: Making it WorkModule 2: Text