Sådan Strækker Du Et Header På Et Websted

Indholdsfortegnelse:

Sådan Strækker Du Et Header På Et Websted
Sådan Strækker Du Et Header På Et Websted

Video: Sådan Strækker Du Et Header På Et Websted

Video: Sådan Strækker Du Et Header På Et Websted
Video: Как сделать сетевые соединительные кабели RJ45 - Cat 5E и Cat 6 2024, Kan
Anonim

I dag skal kvalitetswebsteder se godt ud på en lang række skærmopløsninger. For at gøre dette er det nødvendigt, at sidedesignelementerne skaleres inden for brede grænser. Dette gælder primært sidehovedet.

Sådan strækker du et header på et websted
Sådan strækker du et header på et websted

Er det nødvendigt

evnen til at ændre markeringen af siderne i ressourcen

Instruktioner

Trin 1

Brug af en passende skabelon er en universel løsning, der giver dig ikke kun mulighed for at strække, men også at komprimere overskriften såvel som andre designelementer. Du kan bruge standardskabeloner leveret af gratis hosting eller distribueret frit på Internettet. Enhver skabelon kræver revision og tilpasning. Det tilrådes at ændre al grafik for at gøre webstedet unikt. Brug aldrig et standardlayout. Efterlad sidemarkeringen - dens "skelet" og "kød" - indholdet og designelementerne, erstatt med dit eget. Omhyggelig brug af skabeloner giver dig mulighed for at spare udviklerens tid, som kan bruges på at udfylde webstedet med information eller udvide tjenestens muligheder.

Trin 2

Hvis siden allerede er sæt, kan du prøve at strække overskriften selv. Dette kræver grundlæggende viden om HTML og CSS. Hvis sidehovedet er designet som en enkelt grafikfil, kan du prøve at komprimere og strække dets billede afhængigt af vinduets bredde. Denne metode fungerer godt, hvis skaleringsfaktoren er lille. Hvis det overstiger billedbredden med en fjerdedel eller mere, vil billedkvaliteten blive nedsat. De enkelte pixels, der danner billedet, bliver synlige.

Trin 3

For at billedet skal forblive af høj kvalitet, men samtidig optage al den plads, der er tildelt det, er det nødvendigt at opdele det i separate dele. Dette er normalt højre side, venstre og centrum. Det er ønskeligt, at billedet har en baggrund, der er solid i bredden, hvormed det var muligt at udfylde de huller, der opstår mellem delene af overskriften. De to billeder, der danner kanterne på overskriften, skal fastgøres til venstre og højre side af containeren. Pak det centrale billede i et tag. Bane det resterende rum med et baggrundsbillede med en pixel bredt.

Trin 4

En anden nem måde er at oprette et billede, der iboende er større end den største skærm. Billedet er indstillet som baggrund i midten af overskriften. Ulempen er den store "vægt" af billedet, og som et resultat - den lange indlæsningstid. Ved at kombinere ovenstående metoder undgås de fleste af de negative virkninger.

Anbefalede: