Interactive Multimedia Development

Slides:



Advertisements
Similar presentations
COM 205 Multimedia Applications St. Joseph’s College Fall 2004.
Advertisements

BM109 Computer Applications For Media. Text Overview Importance of text in a multimedia presentation. Understanding fonts and typefaces. Using text elements.
CMPF 112 : COMPUTING SKILLS FOR ENGINEERS MICROSOFT OFFICE SUITE: WORD.
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
HTML and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.
Macromedia Dreamweaver MX 2004 Design Professional Web Page DEVELOPING A.
Digital Media Text Text Text in History Text came into use about 6,000 years ago.
1st Project Introduction to HTML.
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.
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
Text Chapter 7. 7 Text in Multimedia Text is used in multimedia projects in many ways: Web pages Video Computer-based training Presentations.
Multimedia Elements – Text and Graphics. Text in Multimedia Applications Of all multimedia elements, text is the easiest to manipulate General guidelines:
Chapter 2: Text Yaqoob Al-Slaise ITBIS351. Outline Word Choice Fonts and Faces Text’s role in multimedia projects Text on PC and Mac Defining Hypermedia.
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 14-Designing for the World Wide Web. Overview Introducing multimedia on the Web. Designing text for the Web. Creating images for the Web. Adding.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
Multimedia: Making it Work
What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.
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.
Getting Started with Expression Web 3
Introduction to Interactive Media 06: Text: Static Interactive Media Component.
Text Text. Multimedia Elements u Text u Graphics u Animation u Sound u Video.
Chapter 2: Text.
Chapter 4-Text.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
COM 205 Multimedia Applications St. Joseph’s College Fall 2004.
HTML (HyperText Markup Language)
Chapter 2 Developing a Web Page. Chapter 2 Lessons Introduction 1.Create head content and set page properties 2.Create, import, and format text 3.Add.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
CHAPTER FIVE TEXT.
CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
Introduction to Interactive Media Interactive Media Components: Text.
Text dan Hypertext Pertemuan 05 & 06 Matakuliah: O Computer / Multimedia Tahun: Feb
Creating Web Pages Chapter 5 Learn how to… Identify Web page creation strategies. Define HTML Web page elements. Describe the principles of good screen.
Text. Text came into use about 6,000 years ago Text in History.
Macromedia Dreamweaver 8 Revealed WEB PAGE DEVELOPING A.
CGMB113/ CITB 123: MULTIMEDIA TECHNOLOGY CHAPTER FIVE MULTIMEDIA BUILDING BLOCKS I TEXT 1 SARASWATHY SHAMINI Adapted from Notes Prepared by: Noor Fardela.
Introduction to HTML. _______________________________________________________________________________________________________________ 2 Outline Key issues.
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.
Date : 01/15/2015 The Web as Multimedia – Text and Images.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Date : 01/09/2014 The Web as Multimedia – Text and Images.
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
Computer Engineering and Networks, College of Engineering, Majmaah University Text in multimedia Mohammed Saleem Bhat CEN-318 Multimedia.
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.
Computer Fundamentals Desktop Publishing & Web Design MSCH 233 Lecture 9.
Project 1 Introduction to HTML.
Chapter 1 Introduction to HTML.
Chapter A - Getting Started with Dreamweaver MX 2004
DFP 4113 MULTIMEDIA TECHNOLOGY
Chapter 2: Text.
Project 1 Introduction to HTML.
Text.
Chapter 7 Text.
Text.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Chapter 1&2.
COM 205 Multimedia Applications
Assist. Lecturer Safeen H. Rasool Collage of Science Department of IT
Presentation transcript:

Interactive Multimedia Development Text

Overview Importance of text in a multimedia presentation. Understanding fonts and typefaces. Using text elements in a multimedia presentation. Computers and text. Font editing and design tools. Multimedia and hypertext.

Importance of Text in a Multimedia Presentation Words and symbols in any form, spoken or written, are the most common means of communication. Text is a vital element of multimedia menus, navigation systems, and content.

Importance of Text in a Multimedia Presentation Factors affecting legibility of text: Size. Background and foreground color. Style. Leading.

Understanding Fonts and Typefaces A ‘typeface’ is a family of graphic characters that usually includes many type sizes and styles. A ‘font’ is a collection of characters of a single size and style belonging to a particular typeface family. Figure 4-1 The measurement of type.

Understanding Fonts and Typefaces Font styles: Boldface Italic Underlining Outlining

Understanding Fonts and Typefaces Font Sizes: Font size is measured in points. Character metrics are the general measurements applied to individual characters. Kerning is the spacing between character pairs. Leading is the space between lines.

Understanding Fonts and Typefaces Cases: A capitalized letter is referred to as 'uppercase', while a small letter is referred to as 'lowercase.‘. Placing an uppercase letter in the middle of a word is referred to as intercap.

Understanding Fonts and Typefaces Serif Versus Sans Serif: Serif is the little decoration at the end of a letter stroke. Serif fonts are used for body text. Sans serif fonts do not have a serif at the end of a letter stroke. These fonts are used for headlines and bold statements.

Using Text Elements in a Multimedia Presentation The text elements used in multimedia are: Menus for Navigation: A user navigates through content using a menu. A simple menu consists of a text list of topics.

Using Text Elements in a Multimedia Presentation Interactive Buttons: A button is a clickable object that executes a command when activated. Users can create their own buttons from bitmaps and graphics. The design and labeling of the buttons should be treated as an industrial art project.

Using Text Elements in a Multimedia Presentation Fields for Reading: Reading a hard copy is easier and faster than reading from the computer screen. A document can be printed in one of two orientations - portrait or landscape.

Using Text Elements in a Multimedia Presentation Fields for Reading (continued): The taller-than-wide orientation used for printing documents is called portrait. The wider-than-tall orientation that is normal to monitors is called landscape.

Using Text Elements in a Multimedia Presentation HTML Documents: HTML stands for Hypertext Markup Language. It is the standard document format used for Web pages. HTML documents are marked using tags.

Using Text Elements in a Multimedia Presentation HTML Documents (continued): An advanced form of HTML is DHTML. DHTML stands for Dynamic Hypertext Markup Language. DHTML uses Cascading Style Sheets (CSS).

Using Text Elements in a Multimedia Presentation HTML Documents (continued): Some of the commonly used tags are: The <B> tag for making text bold faced. The <OL> tag for creating an ordered list. The <IMG> tag for inserting images.

Using Text Elements in a Multimedia Presentation Symbols and Icons: Symbols are concentrated text in the form of stand-alone graphic constructs. They are used to convey meaningful messages. Symbols used to convey human emotions are called emoticons. Icons are symbolic representations of objects and processes.

Figure 4-3 Some symbols are easily recognized but may still require text titles; “smiley” symbols, or emoticons, used in internet conversation to express mood, are made up entirely of text and punctuation characters.

Using Text Elements in a Multimedia Presentation Anti-aliased text must be used when a gentle and blended look for titles and headlines is needed. Ideas and concepts can be highlighted by making the text bold or by emphasizing text. A pleasant look can be created by experimenting with different font faces, sizes, leadings, and kerning.

Computers and Text The font wars: PostScript: PostScript is a method of describing an image in terms of mathematical constructs. PostScript characters are scalable and can be drawn much faster.

Computers and Text PostScript (continued): The two types of PostScript fonts are Type 3 and Type1. Adobe developed Adobe Type Manager for displaying PostScript fonts on both Macintosh and Windows.

Figure 4-4 Anti-aliasing text and graphics creates “smooth” boundaries between colors. The top row of letters is not anti-aliased; the bottom row is.

Computers and Text b. TrueType: Apple and Microsoft developed the TrueType methodology. TrueType is a system of scalable outline fonts, and can draw characters at low resolution.

Computers and Text Character sets: The American Standard Code for Information Interchange (ASCII) is a 7-bit coding system. The extended character set is commonly filled with ANSI standard characters. The ISO-Latin-1 character set is used while programming the text of HTML pages.

Figure 4-6 KeyCaps on the Macintosh and Charmap.exe in Windows let you see which key to press on the keyboard to print a character in a font face.

Character Sets Unicode is a 16-bit architecture for multilingual text and character encoding. The shared symbols of each character set are unified into collections of symbols called scripts.

Character Sets Mapping across platforms: Fonts and characters are not cross-platform compatible. They must be mapped to the other machine using font substitution.

Font Editing and Design Tools Figure 4-7 Portion of a five-language web site using normal HTML code for the Roman languages and screen-captured graphic images to display the Chinese and Japanese translations.

Font Editing and Design Tools Macromedia Fontographer: Fontographer is a specialized graphics editor. It is compatible with both Macintosh and Windows platform. It can be used to develop PostScript, TrueType, and bitmapped fonts. It can also modify existing typefaces and incorporate PostScript artwork.

Fontographer is a powerful font editor for Macintosh and Windows. Figure 4-8 Fontographer is a powerful font editor for Macintosh and Windows.

Font Editing and Design Tools Creating Attractive Texts: Applications that are used to enhance texts and images include: Adobe Photoshop TypeStyler COOL 3D HotTEXT TypeCaster

Image-editing applications let you make pretty text. Figure 4-9 Image-editing applications let you make pretty text.

Figure 4-10 COOL 3D and HotTEXT let you extrude, wrap, twist, and rotate characters and adjust lighting and texture effects for high-impact 3-D titles.

Multimedia and Hypertext Multimedia is defined as the combination of text, graphics, and audio elements into a single presentation. When the user assumes control over the presentation, it is called interactive multimedia. Interactive multimedia becomes hypermedia when a structure of linked elements is provided to the user for navigation and interaction.

Multimedia and Hypertext Hypertext System: Hypertext is defined as the organized cross-linking of words, images, and other Web elements. A system in which words are keyed or indexed to other words is referred to as a hypertext system. A hypertext system enables the user to navigate through text in a non-linear way.

Using Hypertext Systems: Information management and hypertext programs present electronic text, images, and other elements in a database fashion. Software robots visit Web pages and index entire Web sites.

Using Hypertext Systems: Hypertext databases make use of proprietary indexing systems. Server-based hypertext and database engines are widely available.

Searching for words: Typical methods for word searching in hypermedia systems are: Categorical search Word relationship Adjacency Alternates Association

Multimedia and Hypertext Typical methods for word searching in hypermedia systems are (continued): Negation Truncation Intermediate words Frequency

Multimedia and Hypertext Hypermedia Structures: Links: Links are connections between conceptual elements. Links are the navigation pathways and menus.

Multimedia and Hypertext Hypermedia Structures (continued): Nodes: Nodes are accessible topics, documents, messages, and content elements. Nodes and links form the backbone of a knowledge access system.

Multimedia and Hypertext Hypermedia Structures (continued): Anchors: Anchor is defined as the reference from one document to another document, image, sound, or file on the Web. The source node linked to the anchor is referred to as a link anchor. The destination node linked to the anchor is referred to as a link end.

Multimedia and Hypertext Hypermedia Structures (continued): Navigating Hypermedia Structures: The simplest way to navigate hypermedia structures is via buttons. Location markers must be provided to make navigation user-friendly.

Hypertext Tools The functions of ‘builder’ are: Creating links. Identifying nodes. Generating an index of words.

Hypertext Tools Hypertext systems are used for: Electronic publishing and reference works. Technical documentation. Educational courseware. Interactive kiosks. Electronic catalogs.

Summary Text is one of the most important elements of multimedia. The standard document format used for Web pages is called HTML. Multimedia is the combination of text, graphics, and audio elements into a single presentation. A hypertext system enables the user to navigate through text in a non-linear way.