En HTML-kodare borde veta: ett tecken på professionalism är samma visning och funktion som en sidasida i vilken webbläsare som helst, åtminstone i de”stora tre”, som inkluderar webbläsarna Internet Explorer, Opera, Mozilla Firefox. Processen för att verifiera riktigheten av webbplatsvisningen består av tre huvudsteg.
Det är nödvändigt
- • Flera webbläsare installerade på datorn.
- • Uppmärksamhet.
Instruktioner
Steg 1
Steg ett, förberedande
Förberedelseprocessen består i att ladda ner webbläsarens distributionssats och installera den på datorn. Varje installationsprocess slutar med frågan: "göra denna webbläsare inkluderad som standard?". Så, den viktigaste, eller inkluderad som standard, måste du göra den som intar en mellanposition när det gäller storleken på möjliga "jambs". Enligt erfarenheterna från många generationer av layoutdesigners är detta Opera-webbläsaren.
Efter att ha installerat flera webbläsare på din dator, fortsätt direkt till jämförelseprocessen. För att göra detta, håll muspekaren över filen med.html-tillägget, som kommer att ligga till grund för webbplatsens sida eller hela mallen, och klicka på den med höger musknapp. Välj "öppna med" på fliken som öppnas och välj sedan vilken typ av webbläsare du vill ha. Filen kan öppnas i flera webbläsare samtidigt, så att de minimeras på skrivbordsaktivitetsfältet och öppnas efter behov.
Steg 2
Steg två - visuell jämförelse
Visuellt kan sidorna på webbplatsen i webbläsaren skilja sig åt i tre huvudparametrar:
1. Efter antal indrag och marginaler mellan sidelement. IE är särskilt sofistikerad vid beräkning av de sanna värdena för vadderings- och marginalegenskaperna.
2. Olika webbläsare visar teckensnitt på olika sätt, även vanliga teckensnitt som Arial och Times New Roman. Detta är den hårdaste träff för menyalternativ, som kan visas i två rader eller helt linda till andra raden.
3. Korrektheten att visa bilder. I de enklaste fallen läser vissa webbläsare, som Opera, inte egenskaperna vspace och hspase som anges i taggattributen
… Ibland är bilder inte centrerade i tabellceller om attributen
detta tillstånd är inte stavat. Men det största problemet för layoutdesignern är att förbereda.png-bildformatet. Den transparenta kanalen i koden för den här filen läses av alla webbläsare på sitt eget sätt, särskilt IE lyckas med detta. Därför observeras fula grå fläckar i stället för vackra genomskinliga bilder.
Steg tre - funktionskontroll
I detta skede måste du kontrollera menyalternativen "rullgardinsmeny". I deras arbete bör det inte finnas några ryck, avmattningar och framför allt ett hopp i det allmänna innehållet på sidan när man öppnar enskilda menyalternativ. Detsamma gäller textelementen på sidan, som utvidgas helt när du klickar på knappen eller inskriptionen "mer information".
Sammanfattningsvis vill jag säga att kampen för "kompatibilitet mellan webbläsare" - detta är namnet på egenskapen för en sida som ska visas överallt på samma sätt, processen är komplex och spännande, vilket kräver mycket praktiskt erfarenhet.
Steg 3
Steg tre - funktionskontroll
I detta skede måste du kontrollera menyalternativen "rullgardinsmeny". I deras arbete bör det inte finnas några ryck, avmattningar och framför allt ett hopp i det allmänna innehållet på sidan när man öppnar enskilda menyalternativ. Detsamma gäller textelementen på sidan, som utvidgas helt när du klickar på knappen eller inskriptionen "mer information".
Sammanfattningsvis vill jag säga att kampen för "kompatibilitet mellan webbläsare" - detta är namnet på egenskapen för en sida som ska visas överallt på samma sätt, processen är komplex och spännande, vilket kräver mycket praktiskt erfarenhet.
