Sistema Operativo

Devi sapere che alcuni browser web non sono disponibili per tutte le piattaforme! Percio' se controlli la tua pagina usando solo un determinato browser, considera che altri visitatori che usano altri sistemi operativi potrebbero usare un browser web diverso dal tuo. Inoltre alcuni tag HTML speciali funzionanti con un dato browser, potrebbero non funzionare affatto su altri browser. Un piccolo esempio? Il tag <MARQUEE> </MARQUEE> e' un tag proprietario del browser MSIE. Significa che non puoi vederlo in funzione se usi un browser diverso (per esempio Netscape Navigator od Opera). E, per quello che ne so, non esiste una versione di Internet Explorer funzionante sul sistema operativo Linux...afferri l' idea? Tutti gli utenti Linux non potranno vedere quel tag! Un altro esempio: vuoi usare una immagine cliccabile come barra di navigazione...cosi' tutti i visitatori potranno navigare il tuo sito cliccando su quell' immagine. Grandioso! E cosa accade se uno dei tuoi visitatori disabilita le immagini? O se usa semplicemente un browser testuale come Lynx? Semplice: di nuovo non sara' in grado di visitare il tuo sito! Ma questi sono piccoli esempi: ricorda che esistono parecchi sistemi operativi in giro...

Risoluzione Video

Qualsiasi immagine che vedi nel monitor e' un' immagine composta da punti. Ci sono migliaia di punti nel tuo schermo. Questi punti vengono chiamati 'pixel'. Puoi paragonare un pixel ad una minuscola lampadina. Ciascuna di queste 'lampadine' puo' essere accesa oppure spenta. Inoltre ciascuna di loro puo' essere colorata. Per vedere i pixel, osserva il tuo schermo usando una lente d' ingrandimento: potrai vedere queste 'lampadine'. Il numero totale di pixel viene definito 'risoluzione video'. Quante piu' 'lampadine' ci sono nel tuo schermo, tanto piu' definite saranno le immagini riprodotte. La risoluzione del tuo video dipende dal monitor e dalla scheda video e puo' essere considerata come l' area geometrica dello schermo. Infatti uno schermo puo' essere rappresentato come un rettangolo e quindi la sua risoluzione e' determinata moltiplicando la sua larghezza per la sua altezza (per sapere l' area di un rettangolo occorre moltiplicare la sua larghezza per la sua altezza). Bene, ci sono varie risoluzioni video, ma la piu' comune e' quella composta da 800x600 pixel. Ad ogni modo ci sono altre risoluzioni video (640x480, 1024x760 o 1280x1024 per esempio). Ok, dov' e' il problema? Il problema e' lo scorrimento. Se disegni un' immagine considerando una determinata risoluzione video, potresti avere problemi con risoluzioni video piu' basse. Per esempio, supponi di usare una risoluzione video di 1280x1024 pixel e supponi di costruire un' immagine grande quasi quanto il tuo video: cosa accade quando la stessa immagine viene vista su schermi con risoluzione video piu' bassa? Semplice: la tua immagine diventera' troppo ampia per essere contenuta all' interno del video, percio' il browser automaticamente inserira della barre di scorrimento nella pagina. Per questa ragione dovresti disegnare delle pagine considerando la risoluzione video piu' bassa. Ad ogni modo, come ho gia' detto, la risoluzione video piu' usata e' 800x600 pixel.

Browser Usato

In base al browser usato i risultati potrebbero essere imprevedibili! Un piccolo esempio? Troppo spesso vedo interi siti che contengono SOLAMENTE grafica all' interno. Loro dimenticano il semplice testo. Cio' che intendo e' che tu devi cliccare sulle loro assurde immagini cliccabili e non avrai altre possibilita'. Grandioso! E cosa accade se decido di disabilitare il caricamento automatico delle immagini sul mio browser? Ricorda che esistono dei browser TESTUALI che non riescono a visualizzare le immagini! Per esempio il celebre Lynx. Percio' loro diementicano di aggiungere anche dei link testuali oltre alle immagini cliccabili. Percio' se qualcosa funziona su un determinato browser, potrebbe non funzionare affatto su un browser diverso. Un altro esempio? Usa ActiveX e prova a farlo funzionare con un browser diverso da MSIE. Impossibile, perche ActiveX e' un prodotto proprietario. Non e' standard. Ma neancge JavaScript e' standard! E questi sono solo esempi. La soluzione? Usa solo HTML standard. Prova le tue pagine con browser diversi. Ti suggerisco: MSIE (MicroSoft Internet Explorer) Netscape Navigator (o Communicator) e Lynx. Potresti scoprire delle cose interessanti (per esempio lo sapevi che alcuni browser non supportano le tabelle? Costruisci una tabella e prova a vederla usando Lynx...).

Versione del Browser

In base alla versione del browser usata, il risultato puo' essere imprevedibile! Solo un piccolo esempio: a volte alcuni visitatori mi scrivono chiedendo un corso di DHTML (HTML Dinamico). Bene, devi saper che i visitatori che usano versioni di browser inferiori alla 4.0 non possono vedere affatto le pagine scritte in DHTML. Ci sono un sacco di persone che ancora usano la versione 3 o la 2. Queste persone non possono vedere le pagine DHTML. Un altro esempio? Le Cornici (Frame). I browser piu' datati non riescono a visualizzare le frame. Di nuovo, ti suggerisco di usare HTML 2.0 per non riscontrare questi problemi.

Tolleranza agli Errori

Questa fu una grande sopresa anche per me...devi sapere che non tutti i browser sono uguali. Alcuni di loro sono troppo tolleranti con gli errori. Ancora un piccolo esempio chiarificatore:
Questo e' un piccolo esempio...
<!-- e questo e' un commento...>
Guarda! Alcuni browser mostreranno questa riga, ma altri non lo faranno!! ;)
Non mi credi? Costruisci una semplice pagina HTML contenente questo codice:

<html><head><title>Tolerant browsers</title></head>
<body>Questo e' un piccolo esempio.
<!-- e questo e' un commento...>
Guarda! Alcuni browser mostreranno questa riga, ma altri non lo faranno!! ;)
</body></html>

Ed ora verificala con: Netscape Communicator (tollerante), MSIE (tollerante), Mosaic (non tollerante). Noterai che MOSAIC non visualizzera' l' ultima riga, perche' quando leggera' la pagina notera' il tag '<!--', e siccome Mosaic sa che qualsiasi cosa incontrera' fino al prossimo '-->' e' un commento...non visualizzera' nulla fino al prossimo '-->'. Ricorda: qualsiasi commento inizia con '<!--' e termina con '-->'! I browser troppo tolleranti non sono utili, perche' molti autori di pagine web sono inconsapevoli dei loro errori, semplicemente perche' controllano le loro pagine con browser troppo tolleranti...

Suggerimenti

Ok, ora vediamo alcuni suggerimenti per costruire delle buone pagine web:

1. Usa il tuo editor HTML preferito per costruire le pagine web. Cosi' potrai evitare alcuni errori nascosti (vedi l' esempio relativo all' errore con i tag '<!--' ed '>').

2. Convalida il tuo codice. Usa un programma software oppure uno dei tanti strumenti di validazione presenti sulla rete per controllare il tuo codice HTML (es., W3C HTML Validation Service). Nota: questi servizi sono abbastanza severi...

3. Evita frasi tipo 'questa pagina e' ottimizzata per browser-attualmente-in voga'. Ricorda che se voglio visitare le tue pagine e preferisco un browser vecchio stile come Lynx, beh, ho tutto il diritto di vederle...anch' io!

4. Evita le immagini cliccabili senza usare dei link testuali alternativi. Troppo spesso vedo delle pagine web che iniziano con una immensa immagine cliccabile! Ok, la tua home page e' formata da una meravigliosa immagine che deve essere cliccata per entrare nel sito...Si, ma le immagini sono disabilitate nel mio browser...Percio' come posso visitarlo? Per favore, aggiungi dei link testuali e permettimi di entrare...

5. Evita i tag proprietari. Se usi dei tag proprietari, i visitatori che usano quei browser che non li supportano avranno problemi con le tue pagine. Esempi di 'materiale' proprietario: <marquee>, <object>, <layer>, <div>, JavaScript, VBscript, ActiveX, <bgsound>, <span> e cosi' via. Se vuoi essere sicuro, usa solo HTML 2.0.

6. Usa l' opzione ALT. Ci sono persone che non sono in grado di vedere...Loro usano un software particolare che traduce il testo in voce sintetizzata. Ma questo software ha bisogno di testo. Non puo' tradurre le immagini. Percio' se aggiungi l' opzione ALT nel tag <IMG> potrai inserire del testo che spieghera' l' immagine. Inoltre non dimenticare che io disabilito le immagini nel mio browser...

7. Usa le opzioni WIDTH e HEIGHT nel tag <IMG>. Cosi' se il browser sapra' quanto spazio predisporre per le immagini nella pagina che sta caricando. Se non usi questa opzione e costruisci una grossa pagina web contenente parecchie immagini, il browser non mostrera' la pagina fino a quando tutte le immagini saranno caricate. Cosi' il tuo visitatore potra' aspettare parecchi minuti prima di poter vedere la tua pagina. I visitatori di solito non sono cosi' pazienti: abbandonano subito...

8. Se vuoi usare le frame nelle tue pagine, non dimenticare di iniziare il documento HTML con questa dichiarazione: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN" "http://www.w3.org/TR/REC-html40/frameset.dtd">.

9. Se usi le frame aggiungi anche i tag <NOFRAMES></NOFRAMES>. Ma per favore, non usare questi tag per dire: "Il tuo browser non supporta i frame, se vuoi davvero visitare il mio sito, devi scaricare Netscape oppure Internet Explorer! Percio' vai a scaricarli oppure vattene via!"

10. Se la tua pagina e' stata spostata e vuoi usare il meta tag 'META REFRESH' per indirizzare il browser verso un' altra locazione, ricordati di usare anche un link testuale alternativo (es., <META HTTP-EQUIV=REFRESH CONTENT="0; URL=http://tuonuovourl.dominio/dir/">). Cioe', aggiungi un semlice <A HREF=...> per i browser che non riconoscono quel meta tag (es.: <A HREF="http://tuonuovourl.dominio/dir/">Ci siamo spostati...</A>)

11. Evita i plug-in. Se non vuoi scocciare i visitatori forzandoli a scaricare dei plug-in per visualizzare la tua pagina, evita tutte quelle 'meraviglie' che richiedono l' utilizzo dei plug-in.

12. Attento ai font. Non tutti usano gli stessi font preimpostati. I visitatori delle tue pagine potrebbero usare un font molto diverso. Controlla le tue pagine con un browser usando i font piu' comuni (come Arial, Courier New, MS Sans Serif e Times New Roman).

13. Attento alla risoluzione video. Risoluzioni video piu' alte o piu' basse potrebbero causare dei problemi. Controlla le tue pagine usando piu' risoluzioni video.