Kuinka käyttää taustakuvia HTML-muodossa?

Kuvien ottaminen HTML-sivulle tai tiedostoon erityisesti taustalla voi parantaa huomattavasti tiedostosi
Kuvien ottaminen HTML-sivulle tai tiedostoon erityisesti taustalla voi parantaa huomattavasti tiedostosi koko kohtaa.

Kuvien ottaminen HTML-sivulle tai tiedostoon erityisesti taustalla voi parantaa huomattavasti tiedostosi koko kohtaa. Se voi ajaa sisältösi teemaa nopeammin yhdellä katselulla sivustoon. Kuvat on helppo sisällyttää taustaan - olipa kyseessä sitten yksi sivu keskitetty kuva tai useita ruutukuvia. Voit myös saada kuvan täyttämään koko taustan. Kaikki nämä vaihtoehdot ovat täysin sinun tehtäväsi, ja sinulla on alla kuvatut vaiheet niiden saavuttamiseksi.

Sinun ei tarvitse tehdä HTML-sivusi heti julkaisemaan lataamalla sen FTP-sivustolle
Sinun ei tarvitse tehdä HTML-sivusi heti julkaisemaan lataamalla sen FTP-sivustolle.

Tarvittavat materiaalit:

  • Kehoon pääseminen. Ensinnäkin sinun on löydettävä tiedoston runko etsimällä runkotunnistetta, joka on kirjoitettu nimellä <body>. Jos laitetunnistetta ei ole, voit kirjoittaa sen heti </head> -tunnisteen jälkeen. Tämä on osa, joka sisältää kaikki kohteet ja komennot HTML-sivun rungon muotoilua varten.
  • Sisältää taustan. Kun olet kirjoittanut tekstin tunnisteen, näppäile yksi välilyönti ja kirjoita sitten <body background> -tunniste. Tämän jälkeen voit seurata sitä yhtäläisyysmerkillä. Muista, että komentojen välillä ei saa olla välilyöntejä.
  • Kuvan tuominen. Verkkosivustolle käyttämäsi kuva voi olla kansiohakemistossa tai Web-URL-osoitteessa. Jos luulet, että sinun täytyy vaihtaa taustakuva automaattisesti (eli ilman tarvetta ladata uusia tiedostoja HTML-sivustolle), on parasta sijoittaa kuvasi verkkopalveluun niin, että sinun tarvitsee vain muuttaa kuvaa tästä URL-osoitteesta muuttamatta sijaintia manuaalisesti HTML-tiedostosta. Muussa tapauksessa voit vain sijoittaa kuvan samaan kansioon kuin missä HTML-tiedosto on, ja osoittaa kyseiseen sijaintiin tuodessasi kuvaa. Joten taustakuvan tunnisteesi näyttää tältä: <body background = "verkko-URL täällä">.
  • Tarkistetaan HTML-tiedostosi selaimessasi. Kun olet tehnyt tämän, tallenna tekemäsi muutokset (olitpa tekemässä tätä muistikirjassa ja tallentamassa HTML-tiedostona tai jollakin muulla tavalla) ja käynnistämällä HTML-sivusi koneesi selaimessa tarkistaaksesi, saitko halutun vaikutuksen. Voit muuttaa suuremman tarkkuuden ja kuvakoon, jos taustakuvasi on mielestäsi liian pieni näytölle. Sinun ei tarvitse tehdä HTML-sivusi heti julkaisemaan lataamalla sen FTP-sivustolle.

Staattisten kuvien lisäksi voit ladata useita asioita. Animoidut GIF-tiedostot ovat myös hienoja lisäyksiä sivulle. Tämä tausta voi olla kuva tai kuvio, jota haluat käyttää sivustosi taustakuvana. Voit myös lisätä marginaaleja ja muita muotoiluasetuksia taustallesi, jotta ne sopisivat paremmin sen päälle sijoitettavaan sisältöön. Hauskaa ja onnea!

FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail