Come fare sicuro il vostro sito è impostato per Opera?

April 20

Un obiettivo evidente di web designer e sviluppatori è quello di raggiungere il maggior numero possibile di persone con un sito web, e non solo dal punto di vista dei contenuti. Il codice del vostro sito svolge un ruolo importante, come diversi browser Web leggere e rendono Hypertext Markup Language e dei suoi sotto-lingue in modo diverso. Non necessariamente è necessario scrivere specifico per un determinato browser web - specialmente quelli marginalmente utilizzati come Opera - ma dovrebbe progettare un sito con l'accessibilità universale in mente.

istruzione

1 Utilizzare un programma di progettazione Web quando la codifica delle pagine Web. Quando il Web ha prima di andare e il design era più semplice, un sacco di designer codificati HTML a mano - che è, manualmente, digitando ogni riga di codice. Programmi come Dreamweaver di Adobe fanno tutto questo automaticamente e quindi consentono di ottimizzare il codice in un editor di linea per linea. Quando si crea un nuovo documento HTML vuoto in un programma come Dreamweaver, tutte le basi sono in atto per voi: i tag html, la testa, il corpo e il titolo. Questi sono il minimo indispensabile per qualsiasi browser Web, tra cui Opera.

2 Utilizzare fogli di stile CSS per rendere le pagine pop. I fogli di stile definiscono le regole visive per l'intero sito o per una singola pagina e hanno ridotto la necessità di complesso, la codifica HTML specifici oggetto. Invece, il foglio di stile definisce ciò che tutti i titoli o link sarà simile, e si applica semplicemente lo stile di un oggetto invece di modificare tutte le proprietà di tale oggetto. Opera legge i fogli di stile, come ogni altro browser. Gatti che codice, il blog di uno sviluppatore Web, raccomanda di includere un reset foglio di stile nel codice per rendere i siti universalmente amichevole per tutti i browser.

3 Aggiungere il codice Opera-specifico per il vostro foglio di stile per garantire la compatibilità con Opera. Aggiungere la seguente al vostro file CSS:

@media tutto e (min-width: 0px) {

.classname {}

}

È possibile aggiungere un nome specifico per l'Opera-solo gli stili tra parentesi accanto a ".classname." Tutta la segue si applica solo a Opera.

4 Anteprima della pagina in Opera come si sviluppa per assicurarsi che le cose vengono visualizzati correttamente. Loro dovrebbero. Anche in questo caso, Opera legge il codice comune come la maggior parte dei browser, ma se si scopre che una parte del CSS sta causando un problema è possibile utilizzare il codice al punto 3 per modificare le sue proprietà per Opera aggiungendo le definizioni prima della parentesi stretta finale.

Consigli e avvertenze

  • Alcuni dispositivi portatili utilizzano una versione mobile di Opera come browser Web. Codifica per i dispositivi portatili prende un po 'più cura, e il team di sviluppo di Opera ha alcuni suggerimenti per fare le cose bene visualizzazione su Opera Mini o sui telefoni in generale (vedi Risorse).