Hvordan Man Laver Et Baggrundsbillede På Et Websted

Indholdsfortegnelse:

Hvordan Man Laver Et Baggrundsbillede På Et Websted
Hvordan Man Laver Et Baggrundsbillede På Et Websted

Video: Hvordan Man Laver Et Baggrundsbillede På Et Websted

Video: Hvordan Man Laver Et Baggrundsbillede På Et Websted
Video: Så let indsætter du tekst og billeder på din firmahjemmeside fra NemmeHjemmesider.dk 2024, April
Anonim

Du kan lære det grundlæggende i bygning af websteder på egen hånd; der er nok information om dette emne på Internettet og bøger. I den indledende fase opstår der imidlertid ofte problemer med brugen af et eller andet mærke. Faktisk huskes de mest almindelige komponenter bedst, da de er vigtige, når du skriver et websted.

Hvordan man laver et baggrundsbillede på et websted
Hvordan man laver et baggrundsbillede på et websted

Instruktioner

Trin 1

Vælg det billede, du vil bruge som baggrundsbillede. Hvis du har til hensigt at indsætte tekst over illustrationen, anbefales det i dette tilfælde at begrænse dig til muligheder uden overdreven variation, hvor der anvendes flere farver, der er tæt på naturen. I princippet kan du oprette en "baggrund" for indholdet for at eliminere krusninger - og problemet løses med succes.

Trin 2

Ret billedet ved hjælp af Adobe Photoshop. Når du er færdig, skal du vælge kommandoen Gem til web i menuen Filer og vælge den ønskede mappe. Hvis dette er det første billede, der bruges til webstedet, oprettes der automatisk en "Billeder" -mappe.

Trin 3

Skriv attributten background = "path to image" i taggen. Optag eksempel: eller. På samme tid skal du huske på, at tagget kun skal vises en gang i koden, det skal ikke ganges.

Trin 4

Gem ændringerne i notesblok, klik på knappen "Opdater" i browseren. Baggrunden vises på skærmen. Hvis billedets dimensioner er mindre end websides parametre, duplikeres billedet så mange gange som nødvendigt for at udfylde hele rummet. Der er to måder at rette op på denne mangel på:

• ved hjælp af Adobe Photoshop-programmet indstiller du de nødvendige billedparametre i pixels ("Image" - "Image size");

• indstil de krævede dimensioner i html-koden.

For eksempel, hvis bredden er 1250 px, og højden er 650 px, skal du tilføje de nødvendige attributter til den tabelcelle, hvor billedet placeres.

Du kan ikke indstille størrelsen i tagget - billedet vises altid i fuld størrelse.

Trin 5

Analog af ccs til indsættelse af et baggrundsbillede:

baggrundsbillede

KROPP {

baggrundsbillede: url (images / bg.jpg);

}

Attributten "baggrundsbillede: url (billeder / bg.jpg)" er stien til baggrundsbilledet.

Anbefalede: