Miten taustan ja tekstin värit voidaan vaihtaa Dreamweaver - dummies

Dreamweaverissa voit muuttaa ulkoasun luokkien tausta- ja tekstivärejä. Huomaa, että CSS-vaihtoehtoja suositellaan HTML-asetusten mukaan. Kun käytät Ulkoasu (CSS) -vaihtoehtoja, Dreamweaver luo kehon tagille vastaavat tyylit automaattisesti. Kun käytät CSS-vaihtoehtoja Sivun ominaisuudet -valintaikkunassa, Dreamweaver luo vastaavat tyylit automaattisesti ja luettaa ne CSS-tyylit-paneelissa.

Vaikka voit käyttää maailmanlaajuisia asetuksia, kuten tekstin kokoa ja väriä, Page Properties -valintaikkunassa voit ohittaa nämä asetukset muilla muotoilutoiminnoilla tietyissä tapauksissa. Voit esimerkiksi asettaa kaikki tekstit Helvetica-sivulle Ominaisuudet-osiossa ja muokata otsikoiden fonttia Arialiksi CSS: n avulla.

Jos haluat muuttaa koko sivun kirjasimen asetuksia, taustaväriä, tekstin väriä ja sivumarginaaleja, toimi seuraavasti:

1. Valitse Muokkaa → Sivun ominaisuudet.

   Sivun ominaisuudet -valintaikkunan Ulkoasu (CSS) -luokka tulee näkyviin.

2. Valitse sivun Fontin avattavasta luettelosta haluamasi fontit sivun tekstiin.

   Tässä esimerkissä kirjasinkuvake on asetettu Cambria-kirjasolle alkavaan kokoelmaan. Jos et määritä fonttia, tekstisi näkyy käyttäjän selaimessa määritetyn kirjasimen, joka on yleensä Times.

3. Jos haluat, että kaikki sivusi teksti näkyy lihavoituna tai kursiivina, valitse vastaava fonttiasetukset sivupohjamääritysten oikealla puolella olevista avattavista luettelosta.

   Jos valitset yhden näistä vaihtoehdoista, kaikki teksti näkyy sivulla lihavoituna tai kursivina. Useimmat suunnittelijat jättävät nämä kaksi kenttää tyhjäksi, koska he haluavat rajoittaa rohkean tai kursiivin käyttöä kiinnittäen erityistä huomiota sanaan tai sanoihin.

4. Määritä avattavasta Koko-luettelosta haluamasi fonttikoko sivullasi.

   Jälleen voit ohittaa nämä asetukset sivun tietyille teksteille, kuten otsikoille.

5. Napsauta Teksti Väri -valintalaatikkoa paljastaaksesi väripaletin. Valitse haluamasi väri.

   Valitsemasi väri täyttää värimerkin, mutta ei muuta sivun tekstin väriä, kunnes napsautat Käytä tai OK-painiketta.

6. Napsauta Taustaväri -valintalaatikkoa paljastaaksesi väripaletin. Valitse haluamasi väri.

   Valitsemasi väri täyttää värimallin ruutuun, mutta väri ei täytä taustakuvaa, ennen kuin napsautat Käytä tai OK-painiketta.

7. Jos haluat lisätä grafiikan tai valokuvan sivusi taustalle, napsauta Selaa-kuvaketta vieressä olevaa Selaa-painiketta ja valitse kuva Valitse-valokuvan valintaikkunasta.

   Kun asetat taustakuvan, se toistaa automaattisesti tai laatat, sivun ylä- ja alaosaan, ellet valitse vaihtoehtoa toistuvaan avattavaan luetteloon. Ei-toisto estää taustakuvan toistamatta lainkaan. Repeat-X ja Repeat-Y toista kuvan pystysuunnassa (x-akseli) tai vaakasuoraan (y-akseli).

8. Voit vaihtaa sivun vasemmalla, oikealla, ylä- tai alamarginaalilla valintaikkunan alaosassa olevia marginaalivaihtoehtoja.

   Useimmat selaimet lisäävät pienen tilan selainikkunan ylä- ja vasemmalle puolelle minkä tahansa verkkosivun ympärille. Kaikkien neljän kentän syöttäminen 0 poistaa kaikki mahdolliset marginaalitilan, jolloin voit luoda malleja, jotka alkavat selaimen reunalla.

9. Napsauta Käytä-painiketta nähdäksesi, kuinka värit näyttävät sivullasi.

10. Lopeta ja sulje Sivun ominaisuudet -valintaikkuna valitsemalla OK.