Når du opretter dit eget websted, ønsker du naturligvis, at det skal vises så attraktivt som muligt uanset brugerens browserversion. Især således at baggrundsbilledet strækkes og justeres til computerskærmens opløsning.
Er det nødvendigt
færdigheder i at arbejde med html, css, java-script
Instruktioner
Trin 1
Åbn koden til dit websted i en hvilken som helst editor, såsom Notesblok eller et dedikeret webdesignprogram, Dreamweaver. Indsæt følgende linjer i koden for at strække baggrunden for webstedet. Tilføj baggrund: url ('Indsæt et link til billedet').
Trin 2
For at dimensionere billedet vandret skal du bruge følgende kode: Baggrund: url ('Indsæt et link til billedet' gentag-x), lodret - i slutningen af koden skal du erstatte x med y. Hvis webstedet er stylet i en css-fil, skal du indsætte koden i den. På denne måde vil du være i stand til at sætte en gummiagtig baggrund på dit websted.
Trin 3
Brug følgende kodeeksempel til at placere et baggrundsbillede på en side og automatisk strække det, så det passer til skærmen, som siden vises på. Eksempelkode: body {baggrund: "Indsæt et link til baggrundsbilledet" () fast gentagende venstre midtpunkt ikke gentages; derefter baggrundsstørrelse: […].
Trin 4
For at strække baggrundsbilledet skal du blot indsætte et billede som baggrund og indstille dets bredde til 100%. Indsæt f.eks. Følgende tekst i sidekoden: baggrundsbillede "alt =" Indtast billedets navn "/>. Således vil det blive brugt til at passe til billedets bredde, men dets proportioner vil blive krænket.
Trin 5
På samme måde kan du indstille billedet til at strække sig i højden, brug højde i stedet for breddeattributten. Eller brug følgende kodeeksempel til css: baggrundsbillede af webstedet) "> og efter det tilføje 100% bredde af billedet som i det foregående eksempel. Du kan også bruge scriptet til at finde ud af brugerens skærmopløsning og redigere størrelsen af dit bord til det.
