|
Ukko Kumpulainen
julkaistu: [ 6.10.2001 ]
Macromedian Dreamweaver on yksi WYSIWYG-periaatteella (What You See Is What You
Get) toimiva
nettisivujen rakenteluohjelma, muista poiketen sitä on mainostettu maailman
parhaaksi.
Ja ohjelma myös vaikuttaa siltä.
Ruutuun aukeaa 3 pientä työkaluikkunaa joissa sijaitsevat, yleiset
käskyt - kuvien lisääminen, pöytien lisääminen
ym.:
|
|
Tärkeimpiä kohtia ovat:
Kuvan lisääminen, ( ylin vasemmalta )
sen vieressä rollover imagen teko,
pöydän tekeminen (kuvan lisäämisen alla)
ja myös flash:in liittäminen.
|
|
Toinen palkki on properties:

Jossa saa jokaista sivulla olevaa kohtaa muokattua, kuvassa tekstin muokkaus.
Format kohdasta saa säädettyä tekstin kokoa ,vieressä
on fontti, ja size on tekstin koko. Koon vieressä on värit ja
asettelu ja lihavointi.
|
 |
Launcher, palkista voidaan säätää sivuston ylläpidolliset
ominaisuudet kohdasta Site, CSS tiedot ja saa myös näkymään
itse HTML- koodin ( F10 ). |
Nettisivuston saat rakennettua hetkessä, käyttämällä
dreamweaverin template ominaisuutta, jossa rakennetaan
sivun runko, ja vain lisätään muokattavissa olevat alueet.
Sivun tekeminen aloitetaan Modify-valikosta kohdasta page properties (Ctrl+J)
Jossa määritellään sivun nimi, taustaväri / kuva, tekstin
väri ja linkkien väri ennen klikkausta ja jälkeen:
 |
Valitaan pödän tekeminen:
Määritellään arvot tässä tapauksessa:
Yksi rivi ja kaksi solua.
Ja saadaan pöydälle kahteen soluun jaettu pötyä,
jos haluaa voi properties-palkista valita reunuksen värit tai antaa
reunan arvoksi nollan jolloin reunusta ei näy, ja ruudulle tulee
reunuksen tilalle katkoviiva.
|
Sitten voidaan lisätä kuva, vaikkapa otsikko kodasta
insert image, jolloin päästään etsimään haluttu
kuva, taas voidaan valita kuva ja muokata kuvaa properties-palkilla, jossa
voidaan säätää kuvan kokoa, sijaintia ja laitta se vaikka
linkiksi. |
 |
| Sivun tekeminen - Rollover image |
|
Rollover imge eli kuva joka vaihtuu kun hiiri menee kuvan
päälle onnstuu helposti dreamweaverilla, valitset vain insert
rollover image- kohdan (punainen) ja klikkaat sitä ja valitset ensin
alkukuvan ja sitten hiiren ollessa kuvan päällä -kuvan.
|

|
 |
|
Jos kuitenkin haluat tehdä valikon rollover kuvilla voit tehdä
sen insert navigation bar, kohdan (sininen)
jossa voi tehdä monta rollover kuvaa listana ja jokaista editoida
mielensä mukaan.
|
Tietysti rollover kuvat voi korvata Flash animaatiolla joiden
tekeminen on helppoa ja joista voi lukea Flash-animaation tekemis jutussa.
Animaatio lisätään Flash-kuvakkeesta, animaatio tulee ruutuun
ja properties pallkista voi taas säätää objektin kokoa,
ja laitta sen myös pyörimään niin näkee kuinka
animaatio soveltuu sivuille. |
 |
| Sivun tekeminen - muottina tallentaminen |
|
Sivu tallenetaan templatena File-valikosta kohdasta Save as Template
Sivuun kuitenkin pitää määritellä editoitavat
osat esimerkiksi joku reunaton pöytä, klikataan hiiren oikealla-
Editable regions- New- Ja annetaan osiolle nimeksi Teksti.
Teksti tulee muottiin näkyviin {Teksti}, joka tulee myös näkyviin
muotissa- sen päälle kuitenkin kirjoitetaan joten nettiin ei
kuitenkaan tule mitään aaaltosulkuja tai taustaväriä
teksteille.
Kun sivu on tallennettu Templatena, voidaan se ladata seuraavasti:
File- New from Template
Sivu aukeaa ja editoitavat osat on merkitty aaltosuluilla ja tekstillä,
kaikki muu jota ei voi editoida tulee keltaisena, mutta kuitenkin näyttää
samalta kuin muotissa, joten ei hätää.
|

|
Alunperin tein tämän arvosteluksi mutta näköjään
muuttuikin käyttöohjeiksi, mutta ei sillä niin väliä.
Kuitenkin on todettava että
parempaa sivujenteko-ohjelmaa en ole nähnyt. Eli tämän voi ladata
osoitteesta www.macromedia.com.
|