Hur Man Gör En Bakgrundsbild På En Webbplats

Innehållsförteckning:

Hur Man Gör En Bakgrundsbild På En Webbplats
Hur Man Gör En Bakgrundsbild På En Webbplats

Video: Hur Man Gör En Bakgrundsbild På En Webbplats

Video: Hur Man Gör En Bakgrundsbild På En Webbplats
Video: hur man ändrar bakgrund på en dator #2 av tips på datorer 2024, November
Anonim

Du kan lära dig grunderna för webbplatsbyggnad på egen hand. Det finns tillräckligt med information om detta ämne på Internet och böcker. I det inledande skedet uppstår emellertid ofta svårigheter med att använda en eller annan tagg. Faktum är att de vanligaste komponenterna kommer bäst ihåg eftersom de är väsentliga när du skriver en webbplats.

Hur man gör en bakgrundsbild på en webbplats
Hur man gör en bakgrundsbild på en webbplats

Instruktioner

Steg 1

Välj den bild du vill använda som bakgrundsbild. Om du tänker infoga text över bilden, är det i detta fall tillrådligt att begränsa dig till alternativ utan överdriven variation, där flera färger används som är nära till sin natur. I princip, för att eliminera krusningar kan du skapa en "bakgrund" för innehållet - och problemet kommer att lösas framgångsrikt.

Steg 2

Korrigera bilden med Adobe Photoshop. När du är klar väljer du kommandot Spara för webb på Arkiv-menyn och väljer den mapp du vill ha. Om detta är den första bilden som används för webbplatsen skapas automatiskt en "Bilder" -mapp.

Steg 3

Skriv attributet background = "path to image" i taggen. Inspelningsexempel: eller. Tänk samtidigt på att taggen bara ska visas en gång i koden, den ska inte multipliceras.

Steg 4

Spara ändringarna i anteckningsblocket, klicka på knappen "Uppdatera" i webbläsaren. Bakgrunden visas på skärmen. Om bildens mått är mindre än webbsidans parametrar, kommer bilden att dupliceras så många gånger som behövs för att fylla hela utrymmet. Det finns två sätt att rätta till denna brist:

• ställa in önskade bildparametrar i pixlar med hjälp av Adobe Photoshop-programmet ("Bild" - "Bildstorlek");

• ställa in önskade mått i html-koden.

Till exempel, om bredden är 1250 px och höjden är 650 px, måste du lägga till nödvändiga attribut för den tabellcell där bilden ska placeras.

Du kan inte ställa in storleken i taggen - bilden kommer alltid att visas i full storlek.

Steg 5

Analog av ccs för att infoga en bakgrundsbild:

bakgrundsbild

KROPP {

bakgrundsbild: url (bilder / bg.jpg);

}

Attributet "bakgrundsbild: url (bilder / bg.jpg)" är sökvägen till bakgrundsbilden.

Rekommenderad: