Un codificatore HTML dovrebbe saperlo: segno di professionalità è la stessa visualizzazione e funzionamento di una pagina del sito in qualsiasi browser, almeno nei “tre grandi”, che comprendono i browser Internet Explorer, Opera, Mozilla Firefox. Il processo di verifica della correttezza della visualizzazione del sito si compone di tre fasi principali.
È necessario
- • Diversi browser installati sul computer.
- • Attenzione.
Istruzioni
Passo 1
Fase uno, preparatoria
Il processo di preparazione consiste nel scaricare il kit di distribuzione del browser e installarlo sul computer. Qualsiasi processo di installazione termina con la domanda: "rendi incluso questo browser per impostazione predefinita?". Quindi, quello principale, o incluso di default, devi fare quello che occupa una posizione intermedia in termini di dimensioni di possibili "stipiti". Secondo l'esperienza di molte generazioni di progettisti di layout, questo è il browser Opera.
Dopo aver installato diversi browser sul tuo computer, procedi direttamente al processo di confronto. Per farlo, passa il mouse sul file con estensione.html, che sarà la base della pagina del sito o dell'intero template, e cliccaci sopra con il tasto destro del mouse. Nella scheda che si apre, seleziona "apri con", quindi seleziona il tipo di browser che desideri. Il file può essere aperto in più browser contemporaneamente, lasciandoli ridotti a icona sulla barra delle applicazioni del desktop e aperti secondo necessità.
Passo 2
Fase due: confronto visivo
Visivamente, le pagine del sito nel browser possono differire per tre parametri principali:
1. Per la quantità di rientri e margini tra gli elementi della pagina. IE è particolarmente sofisticato nel calcolare i veri valori delle proprietà di padding e margin.
2. Diversi browser visualizzano i caratteri in modo diverso, anche i caratteri standard come Arial e Times New Roman. Questo è il più colpito per le righe delle voci di menu, che possono essere visualizzate in due righe o andare completamente a capo della seconda riga.
3. Correttezza di visualizzazione delle immagini. Nei casi più semplici, alcuni browser, come Opera, non leggono le proprietà vspace e hspase specificate negli attributi del tag
… A volte le immagini non sono centrate nelle celle della tabella se gli attributi
questa condizione non è precisata. Ma il problema principale per il progettista di layout è la preparazione del formato immagine.png. Il canale trasparente nel codice di questo file viene letto da tutti i browser a modo suo, specialmente IE ci riesce. Pertanto, si osservano spesso brutte macchie grigie al posto di belle immagini traslucide.
Fase tre - controllo funzionale
In questa fase, è necessario controllare le voci del menu "a discesa". Nel loro lavoro, non dovrebbero esserci scatti, rallentamenti e, soprattutto, un salto nel contenuto generale della pagina quando si aprono singole voci di menu. Lo stesso vale per gli elementi di testo della pagina, che vengono completamente espansi quando si fa clic sul pulsante o sulla scritta "maggiori dettagli".
In conclusione, vorrei dire che la lotta per la "compatibilità tra browser" - questo è il nome della proprietà di una pagina da visualizzare ovunque allo stesso modo, il processo è complesso ed eccitante, che richiede molta pratica Esperienza.
Passaggio 3
Fase tre - controllo funzionale
In questa fase, è necessario controllare le voci del menu "a discesa". Nel loro lavoro, non dovrebbero esserci scatti, rallentamenti e, soprattutto, un salto nel contenuto generale della pagina quando si aprono singole voci di menu. Lo stesso vale per gli elementi di testo della pagina, che vengono completamente espansi quando si fa clic sul pulsante o sulla scritta "maggiori dettagli".
In conclusione, vorrei dire che la lotta per la "compatibilità tra browser" - questo è il nome della proprietà di una pagina da visualizzare ovunque allo stesso modo, il processo è complesso ed eccitante, che richiede molta pratica Esperienza.
