Ciao.
Oggi parleremo del
processo molto importante, ma spesso trascurato di convalida del tuo sito.
Quello che voglio dire è che è il momento per noi di controllare il tuo codice.
Allora perche' vogliamo convalidare?
Mi piace chiamare i browser i genitori dell'elicottero della programmazione.
Quindi un sacco di volte scriverai il tuo codice e poi ti fermerai e
controllerai e sembra fantastico.
E poi scrivi un altro codice e ti fermi e controlli.
E sembra fantastico.
E dal fatto che sembra cosi' bello, presumi di aver ragione.
Ma il problema p è che i browser sono programmati per cercare
i tuoi errori e risolverli.
Il problema con questo è che, non tutti i browser risolvono le cose allo stesso modo.
È anche importante ricordare che non tutti accedono alla tua
pagina con i browser tradizionali.
Così come la tua pagina diventa più complessa, questi piccoli problemi nascosti,
quei piccoli errori nascosti che i browser stanno nascondendo, possono diventare
devastanti per le persone che stanno cercando di accedervi con software diversi.
Quindi ci sono 3 approcci per convalidare il tuo codice per coerenza.
Uno è quello di convalidare quello che chiamiamo l'URI o l'URL.
Un altro è quello di convalidare con il nome del file, il che significa che invece di dare il tuo URL
puoi effettivamente caricare il tuo file per controllarlo.
Il terzo modo è quello che ho chiamato da Direct Input.
Quindi, andiamo avanti e corriamo un esempio molto rapidamente.
In questo lato che userò è chiamato il validatore.
Va bene.
Quindi, se si controlla qui, possiamo iniziare andando al validator.w3.org.
Come puoi ricordare, il w3 è davvero l'associazione per
cercare di assicurarsi che tutti si attengano agli stessi standard.
E qui ci sono tre opzioni.
Siamo in grado di convalidare da URI, la convalida da caricamento di file, e
la convalida da ingresso diretto.
Ora questa è una scelta un po 'importante.
Perché per alcuni di voi, potresti non decidere di acquistare un sistema di hosting,
nel qual caso non puoi dargli un URL.
Non puoi digitare C://
semplicemente non funziona quando inserisci qualcosa che è specifico per il tuo computer.
Quindi invece ho intenzione di mostrarti un esempio di convalida per input diretto.
Quindi iniziamo guardando la pagina che stiamo per convalidare.
Qui ho la mia piccola foto di Ashtabula con la spiaggia.
E come si può vedere, sembra piuttosto buono,
non si vedono problemi con esso come si tipo di andare avanti e indietro.
Ma vediamo cosa è successo quando prendo davvero tutto questo codice.
Quindi, se vuoi questa scorciatoia, funziona per quasi tutti.
Vado avanti e faccio il controllo-A e il controllo-C.
Torna qui e quando l'ho messo e
clicco sul controllo, una volta che comincio a scendere puoi vedere questo sembra buono.
Subito dice che hai un errore e quell'errore dice tag di fine randagio, e
questo è per una sezione.
Nella maggior parte dei casi, i validatori possono darti un indizio
su quale linea hai incasinato, quindi torniamo indietro e controlliamo il codice.
Quando vado qui e scendo alla linea 25.
Ops.
Vai un po' qui.
No, non c'è ancora niente.
Ho delle lunghe code.
Oh, il validatore ha ragione.
Come puoi vedere, ho accidentalmente messo la sezione due volte.
Quello che intendevo veramente era avere una sezione finale qui e una sezione iniziale qui.
Quindi andiamo avanti e sbarazziamoci di questo.
Salverò, prenderò tutto di nuovo e proviamo sopra inserendo un nuovo input.
In realta' mi rinfreghero'.
Torna qui.
E vediamo se ho piu' fortuna stavolta.
Bene, bene.
Nessun errore o avviso da mostrare, quindi ho intenzione di andare avanti e
mettere la mia pagina di nuovo là fuori.
Quindi questo è in realtà solo il modo più semplice per entrare e
assicurarsi che la sintassi del tuo codice sia corretta.
Ora, ti ho dato un esempio molto semplice in cui ho avuto solo un errore.
Quello che di solito sta per accadere è che genererà un
sacco di errori.
E quello che voglio che accada e' assicurarmi di non dare
di matto quando li vedi tutti.
Il motivo è, è perché l'errore è ciò che chiamiamo come propagazione.
Il correttore si confonde.
Quando vedi un errore nella parte superiore, porta a un sacco di errori.
Quindi quello che vuoi fare,
è che vuoi sempre correggere il primo errore che il validatore ha visto.
Una volta risolto questo problema, c'è una buona probabilità
che i 52 errori rilevati siano scesi a 12 o 11.
Ora, c'e' anche la possibilita' che una volta risolto un errore,
sara' in grado di vedere che ne hai avuti altri 20 o 30.
Ma ancora una volta, lavoraci passo dopo passo.
Se l'errore che il validatore ti dà non è chiaro come quello che ho appena visto,
quello che puoi fare è cercare online e nei diversi forum.
Perché posso assicurarvi che altre persone hanno già visto gli stessi errori.
Quindi quello che vuoi fare in questo momento, in realtà torniamo qui, è andiamo avanti e
proviamo a convalidare il file per URI.
Scegli il tuo sito preferito e vai avanti e scriverlo.
Ho intenzione di andare avanti e mettere dentro, non il mio perché sono abbastanza sicuro che convalida.
Ho intenzione di mettere in http://www.umsi.umich.edu, in modo che
il mio capo possa arrabbiarsi con me quando mostro il suo sito potenzialmente non convalida.
Subito puoi vedere che sta andando a trovare un sacco di errori.
Non importa quale sito hai inserito, in particolare se è un sito molto popolare,
vedrai che ci sono un sacco di errori in così grande,
i siti non convalidano.
Facciamo in modo che i tuoi siti siano migliori dei loro.
Quindi una cosa è convalidare per ciò che chiamiamo sintassi.
È un'altra domanda da convalidare per ciò che chiamiamo accessibilità.
Ancora una volta, abbiamo parlato di quanto sia importante assicurarsi che
i tuoi siti siano accessibili al maggior numero di persone.
Quindi uno dei posti si può andare a controllare che è wave.webaim.org, ed
è un sito per voi di andare e convalidare l'accessibilità.
Quindi diamo un'occhiata a quello di nuovo.
Vado qui e vado a salutare, ho accesso al web.
Quello che devi fare qui è, non puoi caricare il tuo codice per file,
o semplicemente dal codice stesso, devi inserire un URL.
Quindi vado avanti e vado a quello stesso che abbiamo fatto prima che
era le spiagge.
E mettilo qui dentro.
E puoi vedere che non ho ricevuto errori, ma ho ricevuto un paio di avvisi.
E gli avvisi me lo dicevano semplicemente.
Non sono sicuro che il tuo testo alternativo sia buono come dovrebbe essere.
E anche, un altro punto sta dicendo che hai lo stesso, un link ridondante, il
che significa che hai lo stesso link due volte.
Quindi, in questo momento tutto sembra buono per quanto riguarda la sintassi e
l'altissimo livello di accessibilità per la semantica.
Quindi, una delle cose belle della convalida dell'accessibilità è che
ti dà un'idea di cose a cui non hai davvero pensato prima, ma
la rovina è che funziona solo su pagine ospitate.
Quindi i siti convalidati sono sempre più robusti e
più accessibili di quei siti che non convalidano.
Quindi, come programmatore è tuo compito assicurarti di andare in questi
diversi siti di convalida e correggere il tuo codice per essere all'altezza degli standard.
Se non stai codificando è anche importante per te visitare i siti
che vai su base regolare e andare avanti e convalidare quelli.
Dandovi un vero senso dei diversi modi, le persone sentono l'importanza o
meno di rendere il loro sito accessibile a tutti.
Buona fortuna.