CHAPTER FIVE TEXT.

Slides:



Advertisements
Similar presentations
3.02B Authoring Languages 3.02 Develop webpages..
Advertisements

DOCUMENT TYPES. Digital Documents Converting documents to an electronic format will preserve those documents, but how would such a process be organized?
CSS Cascading Style Sheets. Objectives Using Inline Styles Working with Selectors Using Embedded Styles Using an External Style Sheet Applying a Style.
Authoring Languages and Web Authoring Software 4.01 Examine web page development and design.
1 LECTURE 4 THE USES OF TEXT IN MULTIMEDIA Prepared by Cik Nor Anita Fairos bt Ismail.
Project 1 Introduction to HTML.
Chapter Concepts Discuss Fonts Understand Fonts
Digital Media Text Text Text in History Text came into use about 6,000 years ago.
XP 1 New Perspectives on Creating Web Pages with HTML Tutorial 1: Developing a Basic Web Page.
Chapter 1 Understanding the Web Design Environment
Developing a Basic Web Page with HTML
1st Project Introduction to HTML.
Chapter 6 Placing Type in an Image. Chapter Lessons Learn about type and how it is created Change spacing and adjust baseline shift Use the Drop Shadow.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Tutorial 3: Adding and Formatting Text. 2 Objectives Session 3.1 Type text into a page Copy text from a document and paste it into a page Check for spelling.
Text Chapter 7. 7 Text in Multimedia Text is used in multimedia projects in many ways: Web pages Video Computer-based training Presentations.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Text in multimedia Why would course designers like text? The most inexpensive media to develop Least overhead in storage/transmission But text creation.
HTML 1 Introduction to HTML. 2 Objectives Describe the Internet and its associated key terms Describe the World Wide Web and its associated key terms.
Chapter ONE Introduction to HTML.
Web Design Basic Concepts.
Chapter 1 Variables in the Web Design Environment.
Chapter 14-Designing for the World Wide Web. Overview Introducing multimedia on the Web. Designing text for the Web. Creating images for the Web. Adding.
Multimedia: Making it Work
2.1 Different Text Attributes Font A set of printable or displayable text characters with its style and size specified Arial 16 point bold Arial 32 point.
Interactive Multimedia Development
Unit 4 – Multimedia Element: Text
Introduction to Interactive Media 06: Text: Static Interactive Media Component.
Chapter 2 TEXT.
Text Text. Multimedia Elements u Text u Graphics u Animation u Sound u Video.
Chapter 2: Text.
Chapter 7 Web Typography Principles of Web Design, 4 th Edition.
Chapter 4-Text.
B.Sc. Multimedia ComputingMedia Technologies Character Representation & Font Technology.
4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.
COM 205 Multimedia Applications St. Joseph’s College Fall 2004.
HTML (HyperText Markup Language)
Chapter 12 Working with Text. Text Field Types Static text – used to display information or to label buttons, forms, or navigation. Dynamic text – used.
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
Graphic Design Dictionary Interactive Multimedia Design.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
CHAPTER TEN AUTHORING.
Introduction to Interactive Media Interactive Media Components: Text.
Adobe Photoshop CS Design Professional AN IMAGE PLACING TYPE IN.
Chapter 5 Placing Type in an Image. Chapter Lessons Learn about type and how it is created Change spacing and adjust baseline shift Use the Drop Shadow.
4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.
1 MULTIMEDIA TECHNOLOGY SMM 3001 MEDIA - TEXT. 2 What is Text? the basic element of most multimedia the basic element of most multimedia consisting of.
TEXT.  Font Style Examples: ◦ Bold ◦ Italic ◦ Underline  Font Size Examples: ◦ Points  8 pt (can be smaller)  10 pt  12 pt.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
4.01B Authoring Languages and Web Authoring Software 4.01 Examine webpage development and design.
Week - 9 Multimedia: Text element. Overview Importance of text in a multimedia presentation. Understanding fonts and typefaces. Using text elements in.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Chapter 6 Placing Type in an Image. Chapter Lessons Learn about type and how it is created Change spacing and adjust baseline shift Use the Drop Shadow.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Date : 01/09/2014 The Web as Multimedia – Text and Images.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 3 Introducing Cascading Style Sheets.
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
Project 1 Introduction to HTML.
4.01B Authoring Languages and Web Authoring Software
Chapter 1 Introduction to HTML.
SCA Introduction to Multimedia
Chapter 2: Text.
Project 1 Introduction to HTML.
Text.
4.01B Authoring Languages and Web Authoring Software
Assist. Lecturer Safeen H. Rasool Collage of Science Department of IT
SCA Introduction to Multimedia
SCA Introduction to Multimedia
SCA Introduction to Multimedia
Presentation transcript:

CHAPTER FIVE TEXT

CHAPTER HIGHLIGHTS Text tradition. Codes for computer text. Font technologies. Multimedia text. Guidelines for use of text in multimedia.

POWERS OF TEXT Multimedia developers value text for: Universality Clarity Efficiency Powers of abstraction, engagement, and suggestion. Developers can explore new uses for text in a media-rich environment.

TEXT TRADITION Text properties are grounded in the print tradition. Typeface is a family of characters sharing a common design. Arial Chicago New York Palatino Students will likely be familiar with these terms from word processing applications. This section can be a quick review of terminology but also a reminder of how traditional type setting was carried out in the print industry. Some considerations also are appropriate for screen text vs. printed text. For example sans serif typefaces are better used on a screen for readability than on printed pages.

TEXT TRADITION Typefaces are commonly categorized as: Serif Sans serif Script Symbols. Students will likely be familiar with these terms from word processing applications. This section can be a quick review of terminology but also a reminder of how traditional type setting was carried out in the print industry. Some considerations also are appropriate for screen text vs. printed text. For example sans serif typefaces are better used on a screen for readability than on printed pages. 5 5

TEXT TRADITION Style: appearance of characters such as: Bold Italic Underline. Point size: measure of type size. Point is approximately 1/72 of an inch. Pica is 12 points 6 picas = 1 inch.

A a TEXT TRADITION Font Case Complete set of characters of a particular typeface, style, and size. Monospaced fonts: same width assigned to each character. Proportional fonts: adjust width based on shape. Case Upper and lower case. A a

TEXT TRADITION Weight Kerning Tracking Line thickness of the typeface. Arial Black has heavier weight. Kerning Adjusting spacing between specific letters. Tracking Adjusting spacing between all characters.

TEXT TRADITION Condensed/extended text Leading Narrow width of text / widen width of text. Leading Spacing between lines. Alignment & Justification Alignment positions text relative to document's margins. Justification adjusts line length to produce straight edges on left and right margins.

FROM PRINTED CHARACTERS TO DIGITAL TEXT. COMPUTER TEXT FROM PRINTED CHARACTERS TO DIGITAL TEXT.

American Standard Code for Information Interchange COMPUTER TEXT CODES Coding schemes assign a group of binary numbers to represent a digital character. ASCII 7-bit code = 128 characters. Extended ASCII or ASCII-8 = 256 characters. All computers understand ASCII. American Standard Code for Information Interchange

COMPUTER TEXT CODES RTF (Rich Text Format) Unicode Developed by Microsoft for cross platform text files. Reproduces the formatting of original file. Unicode New standard 16 bit code that provides for more than 65,000 characters. Goal is to include multilingual text in a digital coding standard. View IT Unicode project.

FONT TECHNOLOGIES Two techniques for displaying text on computer: Bitmapped fonts Outline fonts.

BITMAPPED FONTS Pixels that make the letter are described by a binary code, or a "mapping" of the character. Every character is stored as a bitmapped letter, number, or symbol. Require large memory and storage capacity. Have students describe how a 12pt A would be constructed on 72dpi monitor. They should recognize the storage required to contain all the pixels for each point of the character. Then consider the storage is required to do all the upper case, lower case of a complete font collection at 12pts. A

BITMAPPED FONTS Advantages Disadvantages Precise control over letter appearance. Letters can be edited at pixel level. Disadvantages Letters can't be easily scaled. Requires separate bitmaps for each typeface, style, and point size to be used. Requires large storage capacities. Limits flexibility in use of text fonts to those stored on the computer.

OUTLINE FONTS Store a description of the character to be displayed. Description is a series of commands to create the letter on the computer display. Outline font technology: Adobe Postscript TrueType. Students might research the font wars that led to acceptance of TrueType on PC's and Mac computers.

OUTLINE FONTS Advantages Disadvantages Fonts are easily scaled. Requires smaller storage capacity. Disadvantages Commands can't be edited to create unique characters. Font families are controlled through license of Postscript and TrueType fonts. In chapter 2 students read about descriptive and command based digital media. Make a correlation between the bitmapped and outline fonts here and relate it to the reading in Ch.2.

JAGGIES and TEXT Text is displayed on a monitor as a pattern of pixels. Pixels are generally very small squares. Squares can display straight lines with smooth edges. Squares that display curved or diagonal lines produce a stair-stepped effect called JAGGIES.

ANTI-ALIASING THE JAGGIES Jaggies produce an alias of the true character. Anti-aliasing creates a smooth edge by blending the color of the text with the color of the background.

INSTALLED FONTS — THE PROBLEM ASCII and Unicode are standard. Fonts are not standardized across computer platforms. If the font is not available on the computer, it will substitute one that is. The result may not be acceptable. Solution Use only widely available fonts. Package the unique font with the application. Students may have experience with this using PowerPoint. They have created a presentation with fonts on their home computer and find it does not display well if played on a school or office computer.

MULTIMEDIA TEXT Two main forms: Graphics text Editable: text produced by word processors or text editors. Easy to alter content. Can search and spell check. Graphics: image of text that can be manipulated to produce a wide range of artistic effects. Make original word picture. Solves problem of installed fonts. Graphics text

MULTIMEDIA TEXT and SOUND Speech recognition: software analyzes human speech and converts words to editable text. Requires specialized "intelligent" software. Accuracy may depend on training and speaker's voice. Speech synthesis: software analyzes text and reproduces it as spoken words. Discuss the uses and benefits of both forms of speech. Students might research how hospitals and doctors are using speech recognition for storing medial records. Speech synthesis is commonly experienced in computerized phone calls. Quality and accuracy of pronunciation is often a problem. Computers often have ability to program voice commands, GPS systems are also incorporating voice recognition applications.

TEXT & INTERACTIVITY Hypertext is linked text. Structure consists of: User interacts with links to trace relationships of words and ideas created by the author. Structure consists of: Nodes Link anchor Link markers Hypermedia is an information structure based on linked media. Hyperlink text can take you places. Use insert on Hyperlink text to demo the Node, Link Anchor, and Link Marker. The arrows on each screen might be considered hypermedia as they are graphic objects with a link to new location.

TEXT FOR THE WWW HTML: hypertext markup language. HTML limitations: Contains "tags" used to specify the structure of the document and format the text and media. Browser interprets the "tags" and displays the "page" on a client computer. HTML limitations: Limited set of tags to create a page. Difficult to precisely define a page appearance. Some browsers and client computers may present the html page differently from other browsers. Show students the code for your school's home page. Open the page in a browser and select the menu option to View Source.

CSS & XHTML Cascading Style Sheets (CSS). eXtensible HTML (XHTML) An addition to HTML Separates content of page from formatting commands Easier to edit and maintain consistent appearance of a site. eXtensible HTML (XHTML) A blending of HTML and XML XML supports more powerful data manipulation. XHTML improves page display on mobile devices.

PORTABLE DOCUMENT FORMAT PDF files maintain original formatting of documents across computer platforms. Platform and application independent. Support multiple media and user interaction. Require a reader program to view the file and an application to convert a document to pdf format. Adobe Acrobat Reader is a free download. PDFCreator is a free open source converter. Adobe Acrobat is the most common pdf viewer and converter program. There are others on the market that will also deliver similar features such as ScanSoft's PDF Converter. Browser applications require Acrobat plugin to view a .pdf file. They are free to download from Adobe.

ADDING TEXT TO MULTIMEDIA APPLICATION Several methods to incorporate text in an authoring application. Direct entry in a text box or text field. Copy and paste from existing text source. File import for large text files. Scan text with OCR application for text that exists only in print media. Optical Character Recognition accuracy will vary based on fonts and quality of source material. Review process of Optical Character Recognition. Software will convert an image of a letter to an ASCII code. Quality of conversion is dependent on OCR software, quality of source material, and type of paper being used. Any scanned text will require careful editing to remove stray markings and correct spelling.

GUIDELINES for TEXT in Multimedia Applications Be selective. Be brief. Make text readable. Be consistent. Be careful Be respectful. Combine text with other media. Make text interactive. Use a Powerpoint presentation or web page to review the importance of these guidelines. Students should elaborate on the meaning of each guideline in evaluating a presentation or web page.

WRAP UP T E X Traditional text features. Computer text codes. Font technologies. Multimedia text. Adding text to multimedia applications. Guidelines for using text. T E X

KEY TERM CHECK UP