Cs332a_chapt03.ppt CS332A Advanced HTML Programming Font Controls Typography Type Style = Font Family = fonts with similar characteristics Type Styles.

Slides:

Advertisements

Similar presentations

The Art and Technique of Arranging Type

Advertisements

Typography Graphic Comm. Mr. Jarrett. Learning Objectives What is Typography What is a Serif Kerning, Tracking, & Leading Font Classifications Using Typography.

Cascading Style Sheets Basics. Why use Cascading Style Sheets? Allows you to set up a series of rules for all pages in a site. The series may be changed.

Exploring Web Design Chapter 3 Web Typography. The goal of any web page is to communicate.

Chapter Concepts Discuss Fonts Understand Fonts

Part 3: Design Chapter 8: Work Reengineering and Conceptual Design Chapter 9: Design Guidance and Design Rationale Chapter 10: Interaction Design Chapter.

Copyright © 2003/4 Bolton Institute Type Anatomy We apply unique understanding to letter types and forms that can distinguish one typeface from another.

Copyright © 2003/4 Bolton Institute Typography We have looked at signs, colour, shape, images and texture to represent meaning Today we will look at the.

Using Cascading Style Sheets CSS Structure. Goals Understand how contextual, class and ID selectors work Understand how contextual, class and ID selectors.

Illustration & Photography- Ch 9 Creating Graphics Illustration- using images that represent or express to make a visual statement Can show something that.

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.

1.01 Investigate typefaces and fonts.

1.01A – What typefaces should be used for various displays?????

1.01 Investigate typefaces and fonts.

Multimedia & Webpage Design

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.

Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.

Cs413_design01.ppt Web Design vs. GUI Design Designing for the Web: the designer has to give up full control of the design In traditional design, you control.

Spring Quarter 2002 De Anza College1 Chapter 10 – Rollovers Simple Rollovers Swap images  Stack two images on top of one another  When mouse over an.

Web Design, 5 th Edition 5 Typography and Images.

10. Typography The basic terminology & concepts of working with type

FONT, TYPEFACE AND TEXT ATTRIBUTES. Letter case  minuscule  majuscule  some register based text effects / variants  ALLCAPS  S MALLCAPS  Equal height.

Introduction to Interactive Media 06: Text: Static Interactive Media Component.

Typography 2.01 Investigate typefaces and fonts..

Chapter 7 Web Typography Principles of Web Design, 4 th Edition.

Q: Invitation to the prom A. Decorative/Ornamental B. Sans Serif C. Script D. Serif.

Font Families by Anthony Asay. Font Family ●Font family or font face is the typeface that is applied to the text by a web browser. ●There are a lot of.

TYPOGRAPHY - DFP b6 Typeface Classifications. What is a font? Complete set of type of a particular face, style, and point size. Question: How many are.

The applied art of arranging image and text to communicate a message.

Tutorial 5 Formatting with CSS. Objectives Session 5.1 – Evaluate why CSS styles are used – Determine where to write styles – Create an element selector.

Digital Images Can show something that cannot be photographed Illustration- using images that represent or express to make a visual statement.

TEXT Size and typeface of text Bold, italics, capitals, underlines Spacing between lines, words, and letters.

Text and Fonts in CSS. Customizing fonts In CSS, fonts are divided into “font families” Only certain fonts are commonly installed on most computers Therefore.

TYPOGRAPHY - DFP b7 Distinguish between serif and sans serif fonts Objective: Given resource material/lecture, the student will identify both serif and.

University of Sunderland CDM105 Session 6 Dreamweaver and Multimedia Fireworks MX 2004 Creating Menus and Button images.

Introduction to Interactive Media Interactive Media Components: Text.

Typography: The art of type and the technique of designing letter forms.

Typography (Fonts). Type type = any set of printed characters font = a set of printable or displayable characters with a specific style and size typeface.

FOR WHEN YOU REALLY WANT TO BE THE LIFE OF THE PARTY FONTS!

Professor Waterman Cascading Style Sheets (CSS) is a language that works with HTML documents to define the way content is presented. The presentation.

Cs332a_chapt10.ppt CS332A Advanced HTML Programming DHTML Dynamic Hypertext Markup Language A term describing a series of technologies Not a stand-a-lone.

TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..

TEXT.  Font Style Examples: ◦ Bold ◦ Italic ◦ Underline  Font Size Examples: ◦ Points  8 pt (can be smaller)  10 pt  12 pt.

Typography Graphic Design Fundamentals

Text characteristics. Size Text size is measured in points Which text size would you choose?

TYPOGRAPHY What is Typography?

Color Aesthetics Weinman, chapter 2 Terms, color themes and relationships, type, layout Aesthetics a guiding principle in matters of artistic beauty and.

Font:  Text of a certain design, available in hundreds of varieties.  Called typeface. Style:  The way a font looks: Bold, Italic, regular Points: 

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.

Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 3 Introducing Cascading Style Sheets.

By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.

Microsoft Expression Web 3 – Illustrated Unit M: Advanced Typography Using CSS.

Part 4 Text & Fonts © UNT in partnership with TEA1IT: Web Technologies - HTML Scripting.

CSS for Styling Text.

Using Cascading Style Sheets Module B: CSS Structure

Typography Basics 2.01 Investigate typefaces and fonts.

Unit 2.1: Identifying design elements when preparing graphics

2.01 Investigate typefaces and fonts.

Layout Terms Visual Hierarchy

The Art of Type 9/17/2018.

2.01 Investigate typefaces and fonts.

Unit 7 The Web Book Test.

Chapter 7 Web Typography

Lesson 5 – Controlling fonts with CSS

Lesson 5 Topic B – Basic Text & Fonts

CIS 205—Web Site Design and Development

Layout Terms Visual Hierarchy

Session IV Chapter 15 - How Work with Fonts and Printing

Cascading Style Sheets

Presentation transcript:

cs332a_chapt03.ppt CS332A Advanced HTML Programming Font Controls Typography Type Style = Font Family = fonts with similar characteristics Type Styles (Font Families) 1.Serif Small ornamentation at the ends of a letter 2.Sans Serif Without serifs Better for smaller text 3.Monospace Can have or not have serifs Each letter occupies the same amount of space Best for text that must be read exactly 4.Cursive Mimic handwriting Decorative Not good for reading large amounts of text 5.Fantasy Decorative Extremely ornamental Illustrations and icons 58 Chapter 3

cs332a_chapt03.ppt CS332A Advanced HTML Programming Presenting Text on the Web 1.HTML Text Pros: Easy to edit Fast to download Adjusts to the width of the screen Cons: Text control is by the visitor’s machine Limited to fonts available on visitor’s machine Text limited for special-effects 2.Graphic Text Is a graphic (.gif or.jpg) that has text Is a picture not text Can use any font Slower to download May not fit on the visitor’s screen 3.Vector Graphic Easy to change Position itself dynamically (fit the screen) Apply special effects easily Use any font.svg file types Not an accepted standard Currently Micromedia Flash is only vector graphics Require Micromedia Flash plug-in 59/60 Chapter 3

cs332a_chapt03.ppt CS332A Advanced HTML Programming Presenting Text on the Web 1.HTML Text 59/60 Chapter 3