Puhuvat mallit Dreamweaverissa

Monet web-suunnitteluohjelmat ylpeilevät HTML-malleistaan. Ne todella tarkoittavat sitä, että ne sisältävät joitain valmiita sivusuunnitelmia ohjelman mukana. Dreamweaver vie tämän konseptin muutaman harppauksen pidemmälle tarjoamalla mallin suunnitteluominaisuuksia, joiden avulla voit luoda sivun perussuunnittelun ja sitten hallita, mitä osia voidaan muuttaa ja mitä ei. Tämä on arvokas ominaisuus, jos työskentelet eri taitotasoisten kehittäjien kanssa. Jos olet esimerkiksi rakentamassa sivustoa kiinteistöyhtiölle ja haluat antaa työntekijöiden päivittää myyntitiedot ilman, että he voivat sotkea sivun ulkoasua, malli voi olla täydellinen ratkaisu.

Malleja käytetään parhaiten, kun luot useita sivuja, joilla on tietyt ominaisuudet, kuten taustaväri tai navigointielementit. Sen sijaan, että määrität oikeat ominaisuudet jokaiselle uudelle sivulle tai teet samoja muutoksia sivulta sivulta, voit käyttää mallia tehdäksesi muutoksia useille sivuille kerralla.

Pysy uskollisena mallillesi

Yksi Dreamweaver-malliominaisuuden käytön suurista eduista on, että voit määrittää, mitä mallin alueita voidaan muuttaa. Tämä on erityisen hyödyllistä, jos työskentelet ihmisten kanssa, joilla on erilaisia ​​HTML-taitotasoja ja haluat edistyneemmän suunnittelijan luovan sivun, jota vähemmän kokenut henkilö ei voi sotkea myöhemmin. Tätä tavoitetta silmällä pitäen mallissa on muokattavia alueita ja lukittuja (ei-muokattavia) alueita. Käytä muokattavia alueita muuttuvalle sisällölle, kuten tuotekuvaukselle. Käytä lukittuja alueita staattiseen, muuttumattomaan sisältöön, kuten logoon tai sivustonavigointielementteihin.

Voit muokata mallia myös sen jälkeen, kun olet käyttänyt sitä asiakirjojen luomiseen. Sitten kun päivität mallia käyttävät dokumentit, näiden asiakirjojen ei-muokattavat osat päivitetään vastaamaan malliin tekemiäsi muutoksia.

Kun muokkaat itse mallia, voit tehdä muutoksia mihin tahansa tiedoston osaan, olipa kyseessä sitten muokattava tai lukittu alue. Kun muokkaat mallista tehtyä asiakirjaa, voit kuitenkin tehdä muutoksia vain asiakirjan muokattavissa oleviin alueisiin. Jos palaat takaisin ja muutat mallia sen luomisen jälkeen, Dreamweaver antaa sinulle mahdollisuuden, että muutokset näkyvät kaikilla sivuilla, jotka olet luonut kyseisellä mallilla tai vain sillä sivulla, jota parhaillaan muokkaat.

Mallien luominen

Mallin luominen on yhtä helppoa kuin minkä tahansa muun tiedoston luominen Dreamweaverissa, kuten näet seuraavista vaiheista. Voit aloittaa olemassa olevasta HTML-asiakirjasta ja muokata sitä tarpeidesi mukaan tai voit luoda kokonaan uuden asiakirjan. Kun tallennat tiedoston mallina, tiedosto tallennetaan automaattisesti Web-sivuston pääkansion Mallit-kansioon. Mallit on tallennettava tähän yleiseen kansioon, jotta Dreamweaverin automaattiset ominaisuudet toimivat oikein. Jos sinulla ei vielä ole Web-sivustossasi Mallit-kansiota, Dreamweaver luo sellaisen automaattisesti, kun tallennat ensimmäisen mallisi.

Malliominaisuudet toimivat vain, jos olet määrittänyt Web-sivustosi Dreamweaverissa

Kaikki mallin elementit on oletuksena lukittu, paitsi asiakirjan otsikkoosio, joka on merkitty

tunnisteet. (Asiakirjan otsikko-osion lukitsematta jättäminen on Dreamweaver 4:n parannus – Dreamweaver 3:ssa otsikkoaluetta ei voitu tehdä muokattavaksi.). Jotta mallista olisi mitään hyötyä uusien sivujen rakentamisessa, myös muut sivun alueet on tehtävä muokattavaksi. Muista, että voit aina palata malliin ja tehdä lisää alueita muokattaviksi tai poistaa mahdollisuuden muokata tiettyjä alueita myöhemmin.

Voit luoda mallin, jossa on muokattavia alueita, seuraavasti:

1. Valitse Ikkuna –> Mallit.

2. Napsauta Mallit-paneelin oikeassa yläkulmassa olevaa nuolta ja valitse avautuvasta pudotusvalikosta Uusi malli.

Uusi, nimeämätön malli lisätään paneelin malliluetteloon.

3. Kun malli on edelleen valittuna, kirjoita mallille nimi samalla tavalla kuin nimeät minkä tahansa tiedoston Finderissa Macissa tai Explorerissa PC:ssä.

Uusi malli lisätään Sivustomallit-luetteloon.

4. Kun olet nimennyt uuden mallin, avaa se kaksoisnapsauttamalla nimeä.

Mallisivu avautuu Dreamweaverissa kuten mikä tahansa muu HTML-sivu, paitsi että tiedostonimi päättyy tunnisteella .dwt.

Voit nyt muokata tätä sivua kuten mitä tahansa muuta HTML-sivua lisäämällä kuvia, tekstiä, taulukoita ja niin edelleen.

5. Valitse Muokkaa –> Sivun ominaisuudet määrittääksesi taustan, tekstin ja linkin värit.

Seuraavaksi sijoitat sivulle tekstiä tai kuvia paikkamerkkinä tiedoille, joita saatat haluta muuttaa tulevaisuudessa.

6. Jos haluat tehdä kuvan tai tekstialueen muokattavaksi, valitse kuva tai teksti ja valitse sitten Muokkaa –> Mallit –> Uusi muokattava alue. (Muokattaviksi valitsemastasi kuvasta tai tekstistä tulee alue, jota voidaan muuttaa millä tahansa mallilla luodulla sivulla. Alueet, joita et merkitse muokattaviksi, muuttuvat kiinteäksi ja niitä voidaan muuttaa vain, jos muokkaat itse mallia.)

Uusi muokattava alue -valintaikkuna avautuu.

7. Kirjoita Nimi-tekstiruutuun nimi muokattavalle alueelle.

Teksti tai kuva on korostettu mallissa, mikä osoittaa, että sitä voi muokata. Voit nimetä alueen mitä tahansa, mutta jos valitset jotain, joka vastaa alueelle lisättävää tietoa, se on helpompi muistaa.

8. Jos haluat tehdä muita kuvia tai tekstialueita muokattavissa, toista vaiheet 6 ja 7.

9. Tallenna malli ja sulje tiedosto, kun olet valmis.

Voit tehdä koko taulukon tai yksittäisen taulukon solun muokattavaksi, mutta et voi tehdä useista soluista muokattaviksi kerralla, ellet ole yhdistänyt niitä ensin. Sinun on valittava jokainen solu yksi kerrallaan, jos haluat tehdä joistakin taulukon soluista muokattavia, mutta et muita. Tasoja ja tasosisältöä käsitellään myös erillisinä elementteinä, mutta kumpi tahansa voidaan merkitä muokattaviksi. Kun tasosta tehdään muokattava, voit muuttaa sen paikkaa. Tason sisällön muokkaaminen tarkoittaa, että voit muuttaa tason sisältöä, kuten tason tekstiä tai kuvaa.