Avaa selaimeen sivu osoitteesta: Web-sivua varten simpukka-kuvasta tarvitaan neljä erilaista.

Esitys aiheesta: "Avaa selaimeen sivu osoitteesta: Web-sivua varten simpukka-kuvasta tarvitaan neljä erilaista."— Esityksen transkriptio:

1 Avaa selaimeen sivu osoitteesta: http://meyerweb.com/eric/css/edge/complexspiral/demo.html Web-sivua varten simpukka-kuvasta tarvitaan neljä erilaista versiota 1 Katso esitys nuolinäppäimillä edeten…

2 shell-bg.jpgshell-blue.jpgShell-black.jpg Shell-white.jpg Tee kuvista neljä versiota seuraavasti: 1.Tallenna Meyerweb-sivun taustakuva shell-bg.jpg harjoituskansioosi 2.Avaa kuva Photoshopiin 3.Lisää kuvaan uusi taso Layer  New Fill Layer  Solid color 4.Muuta tason täyttöväriksi musta 5.Säädä läpinäkyvyys (opacity) sopivaksi 6.Tallenna kuva uudella nimellä File  Save for Web & Devices 7.Muiden kuvien kohdalla toista vaiheet 2-6 Tee kuvista neljä versiota seuraavasti: 1.Tallenna Meyerweb-sivun taustakuva shell-bg.jpg harjoituskansioosi 2.Avaa kuva Photoshopiin 3.Lisää kuvaan uusi taso Layer  New Fill Layer  Solid color 4.Muuta tason täyttöväriksi musta 5.Säädä läpinäkyvyys (opacity) sopivaksi 6.Tallenna kuva uudella nimellä File  Save for Web & Devices 7.Muiden kuvien kohdalla toista vaiheet 2-6 2

3 shell-bg.jpg Body-osan taustana on kuva shell-bg.jpg 3

4 shell-blue.jpg Content-osan taustana on kuva shell-blue.jpg • Kuva määritellään samaan kohtaan kuin body-osan kuva • Kun kuva on sijoitettu content-osan taustakuvaksi, siitä näkyy vain Content-osan alla oleva osa 4

5 shell-black.jpg Links a-osien taustana on kuva shell-black.jpg • Kuva määritellään samaan kohtaan kuin body-osan kuva • Kun kuva on sijoitettu Links a-osien taustakuvaksi, siitä näkyy vain Links a-osien alla olevat osat 5

6 shell-white.jpg Links a hover-osien taustana on kuva shell-white.jpg • Kuva määritellään samaan kohtaan kuin body-osan kuva • Kun kuva on sijoitettu Links a hover-osien taustakuvaksi, siitä näkyy vain Links a hover-osien alla olevat osat ja ainoastaan silloin kun hiiri viedään linkin päälle 6