The usable Media types are: all Suitable for all devices Braille Intended for Braille tactile feedback devices. embossed Intended for paged Braille printers.

Slides:



Advertisements
Similar presentations
based on material from Mott,Leeming,Williams Selection and use of output methods, media and devices AQA INFO 1 Section 6.
Advertisements

HTML Overview - Cascading Style Sheets (CSS). Before We Begin Make a copy of one of your HTML file you have previously created Make a copy of one of your.
The Undefined. What is HyperText Markup Language?
Creating Special Effects with CSS
Braille keyboard/printer (H) Braille keyboard/printer (H) PAC mates (S) PAC mates (S) Voice recognition devices (S) Voice recognition devices (S) Magnifiers.
CONCEPTS FOR FLUID LAYOUT Web Page Layout. Website Layouts Most websites have organized their content in multiple columns (formatted like a magazine or.
Project 1 Introduction to HTML.
Using Cascading Style Sheets CSS Basics. Goals Understand basic syntax of Cascading Style Sheets (CSS) Understand basic syntax of Cascading Style Sheets.
XP 1 Working with Cascading Style Sheets Creating a Style for Online Scrapbooks Tutorial 7.
Tutorial 4 Creating Special Effects with CSS
Working with Cascading Style Sheets. 2 Objectives Introducing Cascading Style Sheets Using Inline Styles Using Embedded Styles Using an External Style.
Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
RESPONSIVE DESIGN Sources: Kadlec, T. (2012). Implementing responsive design. Berkeley, California: New Riders Publishing. MarcotteMarcotte, E. (2010).
 Scanned or digitally captured image  Image created on computer using graphics software.
Chapter ONE Introduction to HTML.
TUTORIAL 8: Enhancing a Web Site with Advanced CSS
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.
UNIT 6 JAVASCRIPT EVENT HANDLERS &WEB BROWSERS DETECTION.
CHAPTER 7 CSS – Style Sheet Cascading CSIT225 Internet Programming.
XP Tutorial 7New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Working with Cascading Style Sheets Creating a Style for Online Scrapbooks.
STYLING THE WEBSITE - EXTERNAL CSS BY JORGE MARTINEZ.
Tutorial 4 Creating Special Effects with CSS. XP Objectives Work with CSS selectors Create styles for lists Create and apply class styles Create a rollover.
Using Styles and Style Sheets for Design
INTRODUCTION TO HTML5 CSS Styles. Understanding Style Sheets  HTML5 enables you to define many different types of content on a web page, including headings,
CSS Positioning Creating Special Effects with CSS CS202 Working with Cascading Style Sheets (Chapter 4) CS202 1.
Today’s objectives  Presentational | Inline | Block | Validate  CSS | Rules | Declarations.
HTML and Style. Session overview Leveling-off on the basic concepts of HTML and Styles Discuss Web authoring options.
Title, meta, link, script.  The title looks like:  The tag defines the title of the document in the browser toolbar.  It also: ◦ Provides a title for.
Tutorial 8 Enhancing a Web Site with Advanced CSS
© 2011 Delmar, Cengage Learning Chapter 8 Using Styles and Design Style Sheets for Design.
XP Tutorial 7New Perspectives on HTML and XHTML, Comprehensive 1 Working with Cascading Style Sheets Tutorial 7.
HTML, CSS, and XML Tutorial 8 Enhancing a Web Site with Advanced CSS.
_______________________________________________________________________________________________________________ PHP Bible, 2 nd Edition1  Wiley and the.
Professor Waterman Cascading Style Sheets (CSS) is a language that works with HTML documents to define the way content is presented. The presentation.
CSS3 Media Queries. There are several media types all braille embossed handheld print projection screen speech tty tv.
CSCI N241: Fundamentals of Web Design Copyright ©2006  Department of Computer & Information Science Understanding the Cascade in CSS.
Slide 1 CMPS 211 Internet Programming Spring 2008 Style Sheet Building Blocks Chapter 7 & 8 4/8/08.
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
 Scanned or digitally captured image  Image created on computer using graphics software.
Things to Remember When working with digital images.
LEARN THE QUICK AND EASY WAY! VISUAL QUICKSTART GUIDE HTML and CSS 8th Edition Chapter 8: Working with Style Sheets.
Cascading Style Sheets CSS. Source W3Schools
XHTML Formatting font with a style declaration. Formatting Font HTML uses the font tag to change size and family of font But… the font tag is being deprecated.
Positioning and Printing Creating Special Effects with CSS.
CNIT 132 – Week 4 Cascading Style Sheets. Introducing Cascading Style Sheets Style sheets are files or forms that describe the layout and appearance of.
 Look especially at › File Tips and Shortcuts › Student video.
CSS Cascading Style Sheets A very brief introduction CSS, Cascading Style Sheets1.
A CSS file consists of rule sets. H1 { color: navy; } selector property value Within the brackets are one or more rules /*This rule adjust the styles.
Tutorial 4 Creating Special Effects with CSS. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Work with CSS selectors.
Tutorial 4 Creating Special Effects with CSS. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Work with CSS selectors.
Microsoft Expression Web 3 – Illustrated Unit D: Structuring and Styling Text.
Tutorial 4 Creating Special Effects with CSS. XP Objectives Work with CSS selectors Create styles for lists Create and apply class styles Create a rollover.
Cascading Style Sheets Class 3, Lecture 4 Rachel A Ober
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
XP Tutorial 7New Perspectives on HTML and XHTML, Comprehensive 1 Working with Cascading Style Sheets Creating a Style for Online Scrapbooks Tutorial 7.
Desktop Publishing Combines wordprocessing, graphic design & printing all in one package. It’s what modern print media uses to lay out pages electronically.
 Many people like the flexibility of digital images. For example:  They can be shared by attaching to /uploading to Internet  Sent via mobiles.
CONCEPTS FOR FLUID LAYOUT Web Page Layout. Essential Questions What challenges do mobile devices present to Web designers? What are the basic concepts.
Working with Cascading Style Sheets
Project 1 Introduction to HTML.
HTML5 and CSS3 Illustrated Unit D: Formatting Text with CSS
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Responsive Web Design (RWD)
Project 1 Introduction to HTML.
Different Screen Size Different Design…
Responsive Web Design (RWD)
BrailleApp Introduciton
Responsive Web Design (RWD)
Tutorial 4 Creating Special Effects with CSS
Apply procedures to create cascading style sheets.
Presentation transcript:

The usable Media types are: all Suitable for all devices Braille Intended for Braille tactile feedback devices. embossed Intended for paged Braille printers handheld Intended for handheld devices (typically small screen, limited bandwidth) print Intended for paged material and for documents viewed on screen in print preview mode. Please consult the section on paged media for information about formatting issues that are specific to paged media projection Intended for projected presentations, for example projectors. Please consult the section on paged media for information about formatting issues that are specific to paged media screen Intended primarily for color computer screens speech Intended for speech synthesizers. Note: CSS2 had a similar media type called 'aural' for this purpose. See the appendix on aural style sheets for details tty Intended for media using a fixed-pitch character grid (such as teletypes, terminals, or portable devices with limited display capabilities). Authors should not use pixel units with the "tty" media type TV Intended for television-type devices (low resolution, color, limited-scrollability screens, sound available) The ability to specify the way your page is to be displayed on different types of media devices

To specify the media type for a style sheet you add the media tag in the declaration If you have a style sheet that is usable for multiple media types you can have more than one type in the media declaration for example Media =“screen, handheld”

Only need to make one page for multiple devices Page looks optimum for all media devices Save time Drawbacks Need to make another style sheet for each media device