Site hosted by Angelfire.com: Build your free website today!
HOME | CSS | TABLES| IMAGES | TYPOGRAPHY| LAYOUT| DEVICES| COLOR THEORY| FORMS| FEATURES| RESOURCES| ACCESS

 

Designing for Devices

When starting out, viewing a website was only done on a computer monitor and only select browsers . But, now websites can be viewed almost everywhere. As technology becomes more advanced, so does accessing the internet. Personal Digital Assistant's or "PDA's" allow you surf the web anywhere.
Examples of PDA's are cell phones, Itouch's, and Blackberries. Using Cascading Style Sheets is essential in making sites visible on all these devices. To view how these sites appear on PDA's the Adobe Device Central lets you see what a website will look on various devices.

Media Type Description
all Used as the default media type by Css is nothing else is specified. As a result, any device acessing the site will use this style sheet to render the contents of the page.
braille Used for Braille tactile feedback devices.
embosses Used for Braille printers.
handheld Used for handheld devices, such as PDAs and cell phones.
print Used for printing and print previews.
projection Used for projectors.
screen Used for computer displays.
speech Used for speech synthesizers. There is a complete section of the CSS specification intended for aural representation of data.
tty Used for Teletypes and other devices intended for the hearing impaired.
tv Used for television displays, such as Microsoft's WebTV.

 

Attaching a Printer-Friendly Style Sheet

When printing a webpage, it is always important to always use the Print Preview option. This allows you to see what the webpage's appearance will be when printed. To attach a printer-friendly style sheet simple click the Attach Style Sheet button in the CSS styles pane, then browse for the print style sheet created, select link as the add as option, and lastly choose print as the Media type.

Styling for Print

After the print stylesheet is attached then its time to start changing the appearance. The Style Rendering toolbar is a great tool to design for devices. It allows you to switch between css sheets.

Accessing Adobe Device Central

This option lets you see what a website will look like on a cell phone or PDA. Since there are so many differents models of phones and PDA's it is almost impossible to know how the site will look on every one. But, with Adobe Device Central you can select different models and view the site.

 

 

 

Adobe Device Central