Hvordan sikre at nettstedet ditt er satt opp for Opera?

En opplagt mål av web-designere og utviklere er å nå så mange som mulig med en nettside, og ikke bare fra et innholdsperspektiv. Koden på nettstedet ditt spiller en viktig rolle, som ulike nettlesere lese og gjengi Hypertext Markup Language og under språk annerledes. Du trenger ikke nødvendigvis å skrive spesifikke for en bestemt nettleser - spesielt marginalt brukt de liker Opera - men skulle designe et nettsted med universell tilgjengelighet i tankene.

Bruksanvisning

1 Bruk en Web-design program når koding websidene. Når nettet først fikk gå og design var enklere, mange designere kodet HTML for hånd - det vil si, manuelt, ved å skrive hver linje med kode. Programmer som Adobe Dreamweaver gjør alt dette automatisk, og deretter kan du justere kode i en linje for linje editor. Når du oppretter et nytt, tomt HTML-dokument i et program som Dreamweaver, alle de grunnleggende er på plass for deg: html, hode, kropp og titler. Dette er et minimum for hvilken som helst nettleser, inkludert Opera.

2 Bruk Cascading Style Sheets å gjøre sidene dine pop. Stilark definere visuelle regler for hele nettstedet eller for en enkelt side, og har redusert behovet for komplekse, objektspesifikke HTML-koding. I stedet definerer din style sheet hva alle dine overskrifter eller koblinger vil se ut, og du bare bruke stilen til et objekt i stedet for å redigere alle egenskapene for dette objektet. Opera leser stilark som alle andre nettlesere. Katter som Code, en webutvikler blogg, anbefaler blant annet en stil-ark reset i koden for å gjøre nettstedene universelt vennlig for alle nettlesere.

3 Legg Opera-spesifikk kode i stilarket for å sikre kompatibilitet med Opera. Legg til følgende i CSS-filen:

@media alle og (min-width: 0px) {

.classname {}

}

Du kan legge til et bestemt navn for Opera-bare stiler i parentes ved siden av ".classname." Alle følger gjelder bare for Opera.

4 Forhåndsvise siden i Opera som du utvikler det å sørge for at ting er å vise riktig. De burde. Igjen leser Opera felles kode som de fleste nettlesere, men hvis du finner ut at en del av CSS forårsaker et problem du kan bruke koden i trinn 3 for å endre egenskapene for Opera ved å legge til dine definisjoner før den endelige nær braketten.

Hint

• Noen bærbare enheter bruker en mobil versjon av Opera som nettleser. Coding for bærbare enheter tar litt mer omsorg, og Operas utvikling team har noen tips for å gjøre ting vises godt på Opera Mini eller på telefoner generelt (se Ressurser).