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.

Slides:



Advertisements
Similar presentations
HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
Advertisements

DOCUMENT TYPES. Digital Documents Converting documents to an electronic format will preserve those documents, but how would such a process be organized?
.txt What about the Apple Apps? Save As... OR Export Pages Numbers Keynote.
Typography ty·pog·ra·phy (t -p g r -f ) n., pl. ty·pog·ra·phies. Abbr. typ., typo. Printing 1.The art and technique of printing with movable type. a.The.
WeB application development
CSS. CSS, or Cascading Styles Sheets, is a way to style HTML. Whereas the HTML is the content, the style sheet is the presentation of that document.
Cascading Style Sheets By: Valerie Kuna. What are Cascading Style Sheets? Cascading Style Sheets (CSS) are a standard for specifying the presentation.
Web Design with Cascading Style Sheet Lan Vu. Overview Introduction to CSS Designing CSS Using Visual Studio to create CSS Using template for web design.
Part A Multimedia Production Rico Yu. Part A Multimedia Production Ch.1 Text Ch.2 Graphics Ch.3 Sound Ch.4 Animations Ch.5 Video.
Tutorial 2: Formatting Text. Objectives Session 2.1 – Learn the functions of the Common toolbar – Change the size of text – Discern which fonts to use.
Week 7 Web Typography. 2 Understanding Type Design Principles.
© Anthony J. Nowakowski, Ph.D. TEXTUAL MEDIA EDC 601 Instructional Technologies © Anthony J. Nowakowski, Ph.D. “Text is the written language. Every one.
Typography Basic terminology/concepts
Chapter Concepts Discuss Fonts Understand Fonts
Digital Media Text Text Text in History Text came into use about 6,000 years ago.
Document Processing CS French Chapter 4. Text editor used for simple text entry and editing not intended to look good for editing programs and data e.g.
Premier Accessibility Suite Software for Reading and Writing.
Chapter 10: TypographyCopyright © 2004 by Prentice Hall 10. Typography In this chapter you will learn about: The basic terminology and concepts of working.
Typography Web Design Professor Frank. Characteristics of Type on the Web Magazine/book typography – 1200 dpi Computer screens – 85 ppi (maximum)
1.01 Investigate typefaces and fonts.
Components Text Text--Processing Software A Word Processor is a software application that provides the user with the tools to create and edit text.
1.01 Investigate typefaces and fonts.
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.
Multimedia: Making it Work
10. Typography The basic terminology & concepts of working with type
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.
Art 368 WEB Design 1 Spring 2002 Type Two basic families:  Serif and Sans Serif Parts of all type Ascenders, descenders, baseline, etc. Leading= linespacing/paragraph.
W rking with W rds Word Processing and Desktop Publishing o o.
Software All parts of the computer people can NOT touch, such as programs, files, documents and any other data.
Chapter 7 Web Typography Principles of Web Design, 4 th Edition.
B.Sc. Multimedia ComputingMedia Technologies Character Representation & Font Technology.
CHAPTER FIVE TEXT.
What is Markup and Markup Languages? What is HTML? A Basic HTML Document Basic HTML Tags Tag Attributes and Text Formatting Tags Insert Hyperlinks Add.
Tutorial 5 Formatting with CSS. Objectives Session 5.1 – Evaluate why CSS styles are used – Determine where to write styles – Create an element selector.
Web Page Creation Part I ST: Introduction to Web Interface Design Prof. Angela Guercio.
Introduction to Interactive Media Interactive Media Components: Text.
Creating Web Pages Chapter 5 Learn how to… Identify Web page creation strategies. Define HTML Web page elements. Describe the principles of good screen.
Nov 111 Example Program DemoMouseInk.java. Nov 112 Example Program DemoMouseUnistrokes.java.
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
Word Processing Fonts and Styles. Fonts An array of pictures indexed by an ASCII character code.
TEXT.  Font Style Examples: ◦ Bold ◦ Italic ◦ Underline  Font Size Examples: ◦ Points  8 pt (can be smaller)  10 pt  12 pt.
Typography The Science of Text. Fonts Style of type How many fonts in a document? Conservative--one font Typical--two fonts Use a third for emphasis.
Week - 9 Multimedia: Text element. Overview Importance of text in a multimedia presentation. Understanding fonts and typefaces. Using text elements in.
BASIC WORD PROCESSORS WEEK 5. BASIC WORD PROCESSORS Word Processor Word processor is a program which is used to edit text files and format them with font,
INDESIGN TO REVIEW. TEXT TOOL Used to -change font and font size -add text to text blocks -selecting and highlighting text.
Hypertext Markup Language.  Developed by Tim Berners-Lee in 1990  Stands for HyperText Markup Languange  A format that tells a computer how to display.
Typography A Key Element in Design A. Definition of Typography Typography is the appearance and arrangement of the characters that make up text on a page.
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 AN INTRODUCTION TO WEB PAGE PROGRAMMING. INTRODUCTION TO HTML With HTML you can create your own Web site. HTML stands for Hyper Text Markup Language.
Word Processing & Desktop Publishing Software Business Computer Technology Curriculum Guide 2003.
Creating Section 508 Compliant Documents & Presentations
Microsoft Word 2016 Lesson 1.
DFP 4113 MULTIMEDIA TECHNOLOGY
Applying Typography in CSS
Multimedia Systems and Applications
COMPSCI 111 / 111G An introduction to practical computing
Creating Section 508 Compliant Documents & Presentations
Creating Section 508 Compliant Documents & Presentations
Creating Accessible Documents
Tutorial 3 Working with Cascading Style Sheets
Chapter 7 Web Typography
Typography.
Securing and Sharing a Presentation
Formatting Techniques
Securing and Sharing a Presentation
Presentation transcript:

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 normal Arial 48 point italic Three different Arial fonts

2.1 Different Text Attributes Typeface The type design for a set of fonts Example: Courier, Times New Roman Typeface family: a collection of typefaces of the same design but different display styles Example, The Arial typeface family Arial Black Arial Narrow Arial Unicode MS Arial

2.1 Different Text Attributes Typeface Font typefaces are either ‘serif’ or ‘sans serif’ A serif is a line or a curve, for decorative purpose, extending from the stroke end of a character A serif ‘Sans’ is a French word meaning without, so ‘sans serif’ means without serif

2.1 Different Text Attributes Typeface Serif creates a visual effect that there seems a line running along the base of the text This serves as a guide to users in viewing the screen display → increases readability ABCDEFGHIJK A virtual line

2.1 Different Text Attributes Font Style Boldface, italics and underline are common font styles Different font styles for Times New Roman

2.1 Different Text Attributes Font Size Font sizes are usually expressed in points One point is about 1/72 of an inch Truetype fonts remain smooth when enlarged Bitmapped fonts become ragged when enlarged

2.1 Different Text Attributes Font Size On web pages, font sizes are specified either on, an absolute scale of 1 to 7, or a relative scale of -1 to +7

2.1 Different Text Attributes Font Size On web pages, font sizes are specified either on, an absolute scale of 1 to 7, or a relative scale of -1 to +7

2.2 Text Layout Text Layout The arrangement of text in a document Alignment Text can be left aligned, right aligned, centre aligned or justified

2.2 Text Layout Line Spacing In general, the greater the line spacing, the more readable the text is A balance has to be made between readability and the amount of text displayed

2.2 Text Layout Line Spacing In general, the greater the line spacing, the more readable the text is. A balance has to be made between readability and the amount of text displayed

2.3 Different Text File Formats Plain Text File (TXT) A plain text file has the extension.txt Contains only ASCII characters with few or even no text formatting features Commonly handled with Windows Notepad Advantage Can be opened by most word processors → suitable for file exchange Disadvantage Font styles, font sizes and graphics cannot be preserved

2.3 Different Text File Formats Plain Text File (TXT) A word processing document The plain text file

2.3 Different Text File Formats Word Processing Document (DOC, ODT) Produced by a word processor Contains plain text and formatting code Software-specific formatting code → the need to exchange the document file format File extension Microsoft Word document file:.doc OpenOffice document file:.odt

2.3 Different Text File Formats Word Processing Document (DOC, ODT) Microsoft Word Document (DOC) OpenOffice document (ODT)

2.3 Different Text File Formats Rich Text Format (RTF) A file format designed for exchanging documents across different platforms Preserves text formatting features and graphics Standard file format in Windows WordPad Format compatible among common word processors

2.3 Different Text File Formats Portable Document Format (PDF) Developed by Adobe Systems A cross-platform file format for sharing documents Can be opened by software other than that used to create the file, namely Adobe Reader

2.3 Different Text File Formats Portable Document Format (PDF) Features Fonts, graphics and text layout are preserved across platforms Content can be magnified for visually impaired Support full text search

2.3 Different Text File Formats HTML Document A plain text file specifying the display properties of the text on a web page Can be created using Web authoring software Word processors Notepad To view the document, use browsers such as Internet Explorer Netscape Browser

2.3 Different Text File Formats HTML Document A web page displayed in a browser (left) and the corresponding HTML document in Notepad (right)

2.3 Different Text File Formats HTML Document A web page displayed in a browser (left) and the corresponding HTML document in Notepad (right)

2.4 Conversions of Text File Formats Format Conversions It is common to convert text file formats when we need to share documents

2.4 Conversions of Text File Formats Format Conversions Word processor File type Microsoft Word OpenOffice.org 2.0 Writer Plain Text File (TXT) Import Export Word Processing Document (DOC) Import Export Rich Text Format (RTF) Import Export Portable Document Format (PDF) Import Export HTML Document (HTML) Import Export Possible conversions of text file formats in some common word processors

2.4 Conversions of Text File Formats Format Conversions Word processor File type WordPadNotepad PDF995 Suite Plain Text File (TXT) Import Export Word Processing Document (DOC) Import Export Rich Text Format (RTF) Import Export Portable Document Format (PDF) Import Export HTML Document (HTML) Import Export Possible conversions of text file formats in some common word processors

2.4 Conversions of Text File Formats Format Conversions Word processor File type WordPadNotepad PDF995 Suite Plain Text File (TXT) Import Export Word Processing Document (DOC) Import Export Rich Text Format (RTF) Import Export Portable Document Format (PDF) Import Export HTML Document (HTML) Import Export Possible conversions of text file formats in some common word processors