I dag må kvalitetsnettsteder se bra ut på et bredt utvalg av skjermoppløsninger. For å gjøre dette er det nødvendig at sidedesignelementene skaleres innenfor brede grenser. Dette gjelder først og fremst nettstedets overskrift.
Det er nødvendig
muligheten til å endre markeringen av sidene til ressursen
Bruksanvisning
Trinn 1
Å bruke en passende mal er en universell løsning som lar deg ikke bare strekke, men også å komprimere toppteksten, så vel som andre designelementer. Du kan bruke standardmaler levert av gratis hosting, eller distribuert fritt på Internett. Enhver mal krever revisjon og tilpasning. Det anbefales å endre all grafikk for å gjøre nettstedet unikt. Bruk aldri et standardoppsett. Legg igjen sidemarkeringen - dens "skjelett" og "kjøtt" - innholdet og designelementene, erstatt med ditt eget. Gjennomtenkt bruk av maler lar deg spare utviklerens tid, som kan brukes på å fylle nettstedet med informasjon, eller utvide funksjonene til tjenesten.
Steg 2
Hvis siden allerede er satt, kan du prøve å strekke overskriften selv. Dette krever grunnleggende kunnskap om HTML og CSS. Hvis nettstedets overskrift er utformet som en enkelt grafisk fil, kan du prøve å komprimere og strekke bildet avhengig av bredden på vinduet. Denne metoden fungerer bra hvis skaleringsfaktoren er liten. Hvis det overstiger bildebredden med et kvart eller mer, vil bildekvaliteten bli dårligere. De enkelte pikslene som danner bildet blir synlige.
Trinn 3
For at bildet skal forbli av høy kvalitet, men samtidig oppta all den tildelte plassen, er det nødvendig å dele det opp i separate deler. Dette er vanligvis høyre side, venstre og sentrum. Det er ønskelig at bildet har en bakgrunn som er solid i bredden, som det var mulig å fylle ut hullene som oppstår mellom delene av overskriften. De to bildene som danner kantene på overskriften må festes til venstre og høyre side av beholderen. Pakk det sentrale bildet i en tag. Plasser den gjenværende plassen med et bakgrunnsbilde med en piksel.
Trinn 4
En annen enkel måte er å lage et bilde som iboende er større enn den største skjermen. Bildet er satt som bakgrunn i midten av toppteksten. Ulempen er den store "vekten" av bildet, og som et resultat - den lange lastetiden. Ved å kombinere ovennevnte metoder unngås det meste av de negative effektene.
