AVVISO

Lucignolo · Co-Amministratore Registrato: 18/07/05 19:26 Messaggi: 322 Località: Milano

[CSS] Cambiare stile a seconda del dispositivo utilizzato

Partendo dal presupposto che un sito web può essere consultato tramite dispositivi diversi (pc, palmari, cellulari, dispositivi per non vedenti, tv, etc.), ognuno di questi lo visualizzerà in maniera diversa.
Si rende quindi necessario impostare le pagine web in modo tale che i suddetti dispositivi possano visualizzarle correttamente.

Grazie ai Fogli di stile o CSS (dall'inglese Cascading Style Sheet) e l'attributo MEDIA del tag <style> è possibile assegnare un determinato foglio di stile a ciascun dispositivo:

- all: tutti i dispositivi;
- aural: sintetizzatori vocali (non vedenti);
- braille: dispositivi braille (non vedenti);
- embossed: stampanti braille;
- handheld: dispositivi palmari;
- print: stampati e 'anteprima di stampa';
- projection: proiettori per presentazioni;
- screen: lo schermo di un pc;
- tty: dispositivi con caratteri a larghezza fissa;
- tv: televisori.

Ovviamente, dovremo creare un foglio di stile per ogni tipo di dispositivo.

Esempio:
Creiamo un foglio di stile e chiamiamolo "computer.css". Per far sì che questo stile venga applicato quando un computer visualizzerà le nostre pagine, dovremo inserire fra i tag <head></head> delle nostre pagine il seguente codice:

<style type="text/css" src="computer.css" media="screen" />

che verrà interpretato dai PC e ignorato dagli altri dispositivi, che andranno invece a "caricarsi" il rispettivo foglio di stile.

In questo modo miglioreremo l'accessibilità del nostro sito.

Google · Oggetto: Adv Inviato: 09.12.2006 11:21

AVVISO

Si informa che IL FORUM SI E' TRASFERITO al seguente indirizzo:

http://gratisonweb.mastertopforum.net/

Si invitano pertanto gli interessati ad iscriversi al nuovo indirizzo.

	Indice del forum -> HTML & Fogli di stile (CSS)	Tutti i fusi orari sono GMT + 1 ore
Pagina 1 di 1