Variazione caratteri css con php:
ARTICOLO DI PROVA:
Non è necessario leggerlo, ma è importante osservare l'impatto visivo che genera.
Prova a scendere e leggere sotto l'articolo.
Solitamente il pubblico Internet è costituito da giovani o mediogiovani, in pratica raramente
un pubblico anziano si avvicina alle tecnologie che consentono l'utilizzo della grande rete.
A volte però può accedere che anche alcune persone di una certa età accedano a queste
tecnologie, e fortunatamente sono un numero sempre più crescente.
Le problematiche legate all'utilizzo di internet da parte di queste persone sono di vario
genere, ma adesso analizziamo forse quella giudicata più seria.
Per motivi legati allo spazio, elle esigenze grafiche, a volte anche per negligenza o
semplicemente per sbadataggine i webmaster scrivono con caratteri talmente piccoli, che
potrebbero generare difficoltà di lettura nelle persone (non solo anziane) che si avvicinano
a determinate pagine.
La soluzione più semplice è quella di scrivere con lettere più grosse, ma a volte non è possibile,
questo per i motivi elencati in precedenza.
Come sappiamo la presentazione di una pagina Web è essenziale per riportare i visitatori su
un determinato sito, ma cosa più importante (a volte) è riuscire a presentare più argomenti
in una determinata pagina, per fornire una sempre più vasta scelta a chi sta ricercando un
determinato argomento.
I caratteri quindi, assumono sempre di più un ruolo fondamentale nella presentazione della
pagina. La scelta del colore e la grandezza sono indubbiamente fra i parametri più importanti
che possono caratterizzare un sito.
Per riuscire ad uniformare tutto il sito dobbiamo necessariamente creare uno (o più) fogli
di style, ma questo non toglie che per determinate pagine, dove magari troviamo lunghi articoli,
la scelta dei caratteri non possa variare rispetto al resto del sito.
In questo contesto la programmazione PHP (come tutti gli altri linguaggi dinamici) ci offre
un notevole aiuto.
Tramite alcuni semplici cicli possiamo variare gli stili di una pagina
senza nessun problema.
PREMI per ingrandire.
In questo caso abbiamo operato sugli stili tramite PHP. In pratica abbiamo dato all'utente la possibilità di scegliere la misura del carattere.
Vediamo il codice, peraltro molto semplice:
Codice:
<head>
....
....
<?
$carattere2=$_GET['carattere2'];//Recupero la variabile globale
$carattere=11;//Impostiamo il carattere a 11
if ($carattere2==1){//Se la query è stata attivata
$carattere=$carattere+4;//Modifico la misura del carattere
}
if ($carattere2==2){//Se la seconda query è stata attivata
$carattere=$carattere;//La misura carattere resta 11
}
echo "<style type=\"text/css\">//Scrivo la riga CSS
p { text-align:left; color: #000050; font-size:".$carattere."px; }//$carattere=misura carattere
</style>";
?>
</head>
<body>
....
....
....
<p>//P è condizionato dai CSS in head
...articolo...
</p>
<?
if ($carattere==11){//Se il carattere=11px scrivo la lente +
echo "<a href=\"articolophpcontrollocaratteri.php?&carattere2=1\">
<img src=\"lentepiu.jpg\" width=\"40\" height=\"40\" border=\"0\">
</a><br>PREMI per ingrandire.";
}
if ($carattere==15){//Se il carattere=15px scrivo la lente -
echo "<a href=\"articolophpcontrollocaratteri.php?&carattere2=2\">
<img src=\"lentemeno.jpg\" width=\"40\" height=\"40\" border=\"0\">
</a><br>PREMI per tornare normale.";
}
?>
....
....
</body>
</html>
CONCLUSIONI:
Come abbiamo visto l'interazione PHP/CSS permette di variare tutti gli aspetti estetici del sito, ma cosa più importante permette al navigatore di scegliere!!
In questo caso l'abbiamo fatto solo sulle dimensioni del carattere e con due alternative, ma potevamo variare praticamente tutta la riga CSS.
Importante:
L'utilizzo del codice PHP deve avvenire senza coinvolgere i cookie o le sessioni, per il semplice motivo che se troviamo un utente con i cookie disabilitati non otterremo nessun risultato.
Se vogliamo usare i cookie o le sessioni dobbiamo controllare se i cookie sono attivati ed eventualmente offrire un'alternativa se non lo sono.