Come mantenere Percentuale di testo nelle pagine Web

December 5

Come mantenere Percentuale di testo nelle pagine Web


L'accessibilità è un fattore importante nella progettazione di siti web nel 21 ° secolo. Con oltre 35 milioni di siti tra cui scegliere, i lettori che stanno avendo difficoltà a vedere il contenuto di un sito web sarà rapidamente andare avanti. Dal momento che i browser moderni offrono all'utente la possibilità di modificare la dimensione del testo, è più importante che mai per i proprietari di siti per mantenere le proporzioni tipografici uniformi in tutto i loro siti web. Un metodo accettato per il raggiungimento di questo è quello di utilizzare i CSS (Cascading Style Sheets).

istruzione

1 Inizia il vostro editor HTML e aprire il sito web che si desidera modificare. Trova il foglio di stile associato con la maggior parte delle pagine e fare doppio clic su di esso per aprirlo. Se il vostro editor HTML non può aprire il file, aprirlo in Blocco note e salvarlo come file "css" con un nome diverso, ad esempio "mystylesheet.css."

2 Se la pagina non dispone di un foglio di stile esterno, accedere alla sezione <style> (di solito si trova vicino alla parte superiore del codice HTML) e utilizzarlo. Si dovrebbe pensare di cambiare in un file CSS esterno per rendere le pagine si caricano più velocemente.

3 Modificare le dimensioni dei font predefiniti a una misura relativa ad esempio "em". Ad esempio, h1 {font-size: 1.5em;}, h2 {font-size: 1.25em;}, p {font-size: .90em;}. Non dimenticare il periodo compreso tra figure o il punto e virgola dopo la parola "em". La dimensione del carattere em è un valore "relativo", il che significa che la dimensione del testo volontà stessa dimensione in base ad una misura di default.

4 Modificare tutte le dimensioni dei caratteri di default, tra cui intestazioni <h1> a <h6> e <p> Per misure relative. È possibile utilizzare le percentuali, se si preferisce, ma non tenere tutti i formati fissi come "16px;" perché questi non si ri-formato. Maggior parte dei browser inizia con una dimensione di base di 16px (pixel), che è circa la stessa come testo di media.

5 Salvare il file all'interno della cartella del tuo sito web quando si dispone di editing finito. Rientro in editor HTML e collegare il nuovo foglio di stile con l'aggiunta di <href = "mystylesheet.css" rel = "stylesheet" type = mezzi = "screen" link "text / css" /> al codice HTML nella sezione <head> sezione, sostituendo il nome del file "mystylesheet.css" con quello che si è scelto di utilizzare.

6 Testare le pagine in diversi browser. Le nuove regole CSS renderanno tutti <h1> Testo voce come 150% della dimensione del font di default del visitatore. Se un visitatore ha difficoltà a leggere il testo piccolo che possono avere il loro browser impostata su una dimensione predefinita grande. Pertanto, se il loro testo inizia a 24px, il valore font-size di 1.5em regolerà a 36px permettendo loro di leggere facilmente.

Consigli e avvertenze

  • E 'meglio usare un carattere proporzionale come parte del disegno complessivo quando si progetta un layout di pagina. In questo modo è possibile fare in modo che la tipografia è parte integrante del progetto e non un ripensamento.
  • Fare attenzione quando si usano font proporzionali in una struttura di pagina più vecchio, perché l'aumento della dimensione può forzare il testo a fuoriuscire del suo contenitore.