Un obiettivo evidente di Web designer e sviluppatori è di raggiungere quante più persone possibile con un sito Web e non solo da una prospettiva di contenuto. Il codice del tuo sito svolge un ruolo importante, come diversi browser Web leggere ed eseguire il rendering di hypertext markup language e sue sub-lingue in modo diverso. Si non necessariamente devi scrivere specifiche per un certo browser- - soprattutto marginalmente utilizzati quelli come Opera..--ma dovrebbe progettare un sito con accessibilità universale in mente.

Istruzioni

1

Quando si scrive codice di pagine Web, utilizzare un programma di progettazione Web. Quando il Web in primo luogo ha ottenuto andando e design era più semplice, un sacco di designer codificata HTML a mano..--cioè, manualmente, digitando ogni riga di codice. Programmi come Adobe Dreamweaver fanno tutto questo automaticamente e quindi consentono di modificare il codice in un editor di riga. Quando si crea un nuovo documento HTML vuoto in un programma come Dreamweaver, tutte le nozioni di base sono a posto per voi: i tag html, testa, corpo e titolo. Queste sono il minimo indispensabile per qualsiasi browser Web, tra cui l'Opera.

2

Utilizzo di fogli di stile per rendere le tue pagine pop. Fogli di stile definiscono regole visual per l'intero sito o per una singola pagina e hanno ridotto la necessità di complesse, specifiche dell'oggetto HTML codifica. Invece, il tuo foglio di stile definisce ciò che tutti i titoli o link avrà un aspetto simile, ed è semplicemente applicare lo stile a un oggetto invece di modificare tutte le proprietà per tale oggetto. Opera legge i fogli di stile come ogni altro browser. I gatti chi codice, blog di uno sviluppatore Web, si consiglia di includere un foglio di stile reset nel codice per rendere i siti universalmente amichevole per tutti i browser.

3

Aggiungere codice Opera-specifico foglio di stile per garantire la compatibilità con Opera. Aggiungere quanto segue al file CSS:

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

.classname {}

}

È possibile aggiungere un nome specifico per gli stili di sola Opera tra parentesi accanto a "nomedellaclasse." Tutti la segue si applica solo a Opera.

4

Visualizzare in anteprima la pagina in Opera come si sviluppa per assicurarsi che le cose vengono visualizzati correttamente. Essi dovrebbero. Ancora una volta, Opera legge codice comune come la maggior parte dei browser, ma se trovate che un problema è causato da una parte di foglio di stile CSS è possibile utilizzare il codice nel passaggio 3 per modificarne le proprietà per l'Opera aggiungendo le definizioni prima della parentesi di chiusura finale.

Consigli & Avvertenze

• Alcuni dispositivi portatili utilizzano una versione mobile di Opera come browser Web. Codifica per dispositivi portatili si prende un po' più cura e team di sviluppo di Opera ha alcuni suggerimenti per rendere le cose display bene su Opera Mini o su telefoni in generale (Vedi risorse).