CSS Dreamweaverilla Matti Viitala KaHa/OAMK 2005
Yleistä CSS-sivujen luominen ja liittäminen HTML-sivuihin on DW:lla teknisesti varsin helppoa Ei ole harvinaista, että automaattisesti luotuja tyylejä joutuu korjaamaan käsin DW:n eri versioissa toiminnot eroavat toisistaan jonkin verran
CSS-sivun luominen Käynnistä DW Valitse File > New > Basic Page > CSS > Create Jos CSS-ikkuna on kiinni, valitse Window > CSS Styles CSS-ikkunassa näkyvät sivulle määritellyt tyylit
Tyylin määrittely Klikkaa hiiren oikealla näppäimellä CSS- ikkunassa CSS-sivun nimeä Valitse valikosta ’New’ Valitse tyylin tyyppi: class = tagiin sitomaton luokka tag = HTML-tagin muotoilu Advanced = esim. tagiin sidotut luokat
Tyylin määrittely Klikkaa ’OK’ Muuta avautuvassa ikkunassa haluamasi CSS-ominaisuudet Toteuta muutokset komennolla ’Apply’
Tyylin määrittely Tyylin voi poistaa tai sitä pääsee editoimaan klikkaamalla hiiren oikealla painikkeella tyylin nimeä
Tyylin liittäminen sivuun Avaa dokumentti-ikkunaan HTML-sivu Klikkaa hiiren oikealla painikkeella CSS- ikkunan valkoista aluetta ja valitse ”Attach Style Sheet” Selaa resurssienhallintanäkymää käyttäen ja valitse haluamasi.css- tiedosto