Kuidas Teha Veebisaidil Taustpilti

Sisukord:

Kuidas Teha Veebisaidil Taustpilti
Kuidas Teha Veebisaidil Taustpilti

Video: Kuidas Teha Veebisaidil Taustpilti

Video: Kuidas Teha Veebisaidil Taustpilti
Video: Kuidas teha oma pangakontole väljamakseid | Kriptomat 2024, Mai
Anonim

Saidi loomise põhitõdesid saate ise õppida, Internetis ja raamatutes on selle teema kohta piisavalt teavet. Esialgsel etapil tekivad aga ühe või teise sildi kasutamisel sageli raskused. Tõepoolest, kõige tavalisemad komponendid jäävad kõige paremini meelde, kuna need on mis tahes veebisaidi kirjutamisel hädavajalikud.

Kuidas teha veebisaidil taustpilti
Kuidas teha veebisaidil taustpilti

Juhised

Samm 1

Valige pilt, mida soovite taustpildina kasutada. Kui kavatsete illustratsiooni kohale teksti lisada, siis on sel juhul soovitatav piirduda liigse kirevuseta variantidega, milles kasutatakse mitut oma olemuselt lähedast värvi. Põhimõtteliselt saate pulsatsioonide kõrvaldamiseks luua sisule "tausta" - ja probleem lahendatakse edukalt.

2. samm

Parandage pilti Adobe Photoshopi abil. Kui olete lõpetanud, valige menüüst Fail käsk Salvesta veebi jaoks ja valige soovitud kaust. Kui see on saidi jaoks esimene pilt, siis luuakse automaatselt kaust "Pildid".

3. samm

Kirjutage märgendisse atribuut background = "path to image". Salvestuse näide: või. Samal ajal pidage meeles, et silt peaks koodis ilmuma ainult üks kord, seda ei tohiks korrutada.

4. samm

Salvestage muudatused märkmikusse, klõpsake brauseris nuppu "Värskenda". Ekraanile ilmub tapeet. Kui pildi mõõtmed on väiksemad kui veebilehe parameetrid, dubleeritakse pilti kogu ruumi täitmiseks nii mitu korda kui vaja. Selle puuduse kõrvaldamiseks on kaks võimalust:

• määrake Adobe Photoshop programmi abil vajalikud pildiparameetrid pikslites ("Pilt" - "Pildi suurus");

• määrake HTML-koodis vajalikud mõõtmed.

Näiteks kui laius on 1250 pikslit ja kõrgus 650 pikslit, peate lisama vajalikud atribuudid tabelirakule, kuhu pilt asetatakse.

Sildis ei saa suurust määrata - pilti kuvatakse alati täissuuruses.

5. samm

Koopiate analoog taustpildi sisestamiseks:

taustapilt

KEHA {

taustapilt: url (images / bg.jpg);

}

Atribuut "background-image: url (images / bg.jpg)" on tee taustpildile.

Soovitan: