Taustapaneelin asetukset Dreamweaverin CSS-ominaisuuspaneelissa

Dreamweaverin CSS Designer -paneelin Tausta-paneelin avulla voit määrittää tyylille taustavärin tai -kuvan ja hallita, miten tausta näytetään sivulla. Voit käyttää taustatyyliasetuksia mille tahansa verkkosivusi elementille, joka voi näyttää taustan – mukaan lukien ,

, otsikko- ja kuvatunnisteet.

Voit esimerkiksi muuttaa tunnistetta niin, että se sisältää tausta-asetukset, jotka koskevat koko sivua, tai voit luoda tyylin luokan tai tunnuksen valitsimella ja määrittää taustan, joka näkyy vain yksittäisen henkilön takana.

tag.

Sisällyttämällä taustan luokkaan tai ID-tyyliin a

-tunnisteen avulla voit rajoittaa taustan näkymistä näytöllä vain silloin, kun

tunnistetta käytetään. Huomaa, että Tausta-vaihtoehto toimii kuvan kanssa vain, jos asetat ensin marginaalin kuvan ympärille.

Voit valita seuraavista taustavaihtoehdoista:

• Taustaväri: Määritä määritetyn tyylin taustaväri jollakin useista tavoista. Voit napsauttaa väriä ja valita ennalta määritetyn värin tai luoda mukautetun värin. Tai käytä pipettiä näyttelemään mitä tahansa väriä näytöllä. Lopuksi voit syöttää heksadesimaalivärikoodin – muista lisätä #, kuten #000000 mustalle värille tai #ffffff valkoiselle värille.

• Background-Image: Valitse kuva, joka toimii taustana tyylimäärittelyssäsi. Kirjoita tietokoneellasi tai Internetissä olevan kuvan URL-osoite tai napsauta kansiokuvaketta selataksesi kiintolevyäsi ja valitsemalla kuvan.

• Background-Position: Määritä taustakuvan sijainti pääelementin vasemmalta ja yläpuolelta syöttämällä numero jokaiseen kenttään. Tämä vaihtoehto on näkyvissä vain, jos napsautat URL-kentän vieressä olevaa pientä nuolta Tausta-osiossa, jolloin saat näkyviin seuraavat lisäkentät.

• Koko: Valitse mitta pikseleinä, ems tai muu vaihtoehto ja anna sitten taustalle haluamasi koko. Jos Koko-kentän arvoksi jätetään automaattinen (oletus), kuva näkyy todellisessa koossa.

• Taustaleike: Määritä, alkaako tausta reunuksen, täytön tai laatikkoelementin sisällön, kuten

  tag.

• Background-Repeat: Napsauta vastaavaa kuvaketta määrittääksesi, miten ja toistuuko taustakuva vai laatoitetaanko sivun poikki ja alaspäin. Taustakuvat -ruutu oletuksena, joten sinun on valittava vaihtoehto, jos et halua taustasi toistuvan tai haluat määrittää, kuinka se toistuu.

  Huomaa myös, että jos kuva on suurempi kuin elementti, johon sitä käytetään, vain sen verran kuvasta näkyy, kuin se mahtuu elementin näyttöalueelle. Jos esimerkiksi käytät 600 pikseliä leveää kuvaa a

  tagi, joka on asetettu 300 pikseliä leveäksi, vain puolet kuvasta näkyy.

  Toista-vaihtoehdot, jotka on lueteltu niiden kuvakkeiden ulkoasun mukaan, seuraavat:

  • Peri: Ellei muuta vaihtoehtoa ole valittu, jokainen elementti perii emoelementtinsä toiminnan. Tätä oletusasetusta ei tarvitse määrittää.

  • Toista: Taustakuva toistuu pysty- ja vaakasuunnassa elementin taustalla.

  • Toista-X: Tausta toistuu vaakasuunnassa, mutta ei pystysuunnassa elementin taustalla.

  • Toista-Y: Tausta toistuu pystysuunnassa, mutta ei vaakasuunnassa elementin taustalla.

  • Ei toistoa: Tausta näkyy kerran elementin vasemmassa yläkulmassa.

  • Alkuperä: Määritä, alkaako taustan alkuperä reunasta, täytteestä vai laatikkoelementin sisällöstä, kuten

    tag.

• Liite: Määritä, miten tausta käyttäytyy sivua vieritettäessä. Vaihtoehdot ovat

  • Peri: Ellei muuta vaihtoehtoa ole valittu, jokainen elementti perii emoelementtinsä toiminnan. Tämä on oletusasetus, eikä sitä tarvitse määrittää.

  • Korjattu: Tausta pysyy liimattuina yhteen paikkaan katselualueella, eikä se vieritä pois näkyvistä, vaikka verkkosivua vieritetään.

  • Vieritä: tausta rullaa Web-sivun mukana.

• Liukuväri: Avaa Dreamweaverin uusi visuaalinen liukuvärivalitsin napsauttamalla Liukuväri- kohdan vieressä olevaa värivalitsinta.