Kuinka luoda uusi Dreamweaver-malli

Luot uuden mallin Dreamweaverissa käyttämällä samaa Uusi asiakirja -valintaikkunaa, jota käytät minkä tahansa muun tyyppisen sivun luomiseen. Luo Dreamweaver-malli seuraavasti:

Valitse Tiedosto → Uusi.

Uusi asiakirja -valintaikkuna avautuu.

Napsauta vasemmalla olevasta luettelosta Tyhjä sivu -vaihtoehtoa.

Valitse Sivutyyppi-luettelosta HTML-malli.

Luo Asettelu-alueella tyhjä sivu tai valitse valmiiksi suunniteltu CSS-asettelu.

Dreamweaverin monet CSS-asetteluvaihtoehdot tarjoavat loistavan etumatkan uuden sivusuunnittelun luomiseen.

Napsauta Luo-painiketta.

Uusi tyhjä malli luodaan ja avautuu päätyöalueelle, ja Uusi asiakirja -valintaikkuna sulkeutuu.

Valitse Tiedosto → Tallenna.

Saat varoituksen (jos et ole poistanut sitä käytöstä), jossa todetaan, että mallissa ei ole muokattavia alueita ja kysytään, haluatko todella tallentaa sen. Napsauta OK sulkeaksesi varoitusvalintaikkunan ja jatkaaksesi. Dreamweaver antaa tämän varoituksen, koska malli, jossa ei ole muokattavia alueita, ei ole hyödyllinen. Löydät ohjeet muokattavien alueiden luomiseen vaiheessa 9.

Napsauta OK tallentaaksesi sivu sellaisenaan.

Tallenna mallina -ikkuna tulee näkyviin ja Mallit-kansio on auki. Jos sinulla ei vielä ole Templates-nimistä kansiota paikallisessa sivustokansiossasi, Dreamweaver luo sellaisen sinulle, kun luot ja tallennat ensimmäisen mallin.

Jotta Dreamweaver-mallit toimisivat oikein, ne on tallennettava kansioon, jonka nimi on Templates (isolla T ) paikallisessa sivustokansiossa, joka näkyy Tiedostot-paneelissa. Jos muutat kansion nimeä tai siirrät Mallit-kansion alikansioon, mallit eivät enää toimi kunnolla.

Luo sivulle ulkoasu lisäämällä kuvia, tekstiä ja muita elementtejä kuten mitä tahansa muuta Dreamweaver-tiedostoa.

Muista, että luot sivumallin malliin aivan kuten mille tahansa muulle verkkosivulle. Sinä päätät, sisällytätkö kuvia ja tekstiä, jotka korvataan mallista luoduilla sivuilla, vai luotko vain sivun rungon.

Muokattavan alueen luominen:

Valitse mikä tahansa kuva, tekstilohko tai sisältöalue.

Usein paras vaihtoehto on valita koko sivun alue, jotta kaikki kyseisessä osiossa oleva on muokattavissa. Jos olet suunnitellut sivusi

-tunnisteet ja CSS, hyvä vaihtoehto on valita

-tunniste koko osiolle, kuten

tagi tyylitelty mainContent-luokan tyylillä.

Kätevä tapa valita osio, jota ympäröi a

-tunnisteen avulla voit sijoittaa kohdistimen mihin tahansa sivun kyseiselle alueelle ja valita sitten työtilan alareunassa olevalla tunnistevalitsimella

tag.

Valitse Lisää → Malli → Muokattava alue.

Uusi muokattava alue -valintaikkuna avautuu.

Anna uudelle muokattavalle alueelle nimi.

Valitse jotain, joka tunnistaa sisällön tyypin, kuten otsikko tai pääsisältö. Alueesta, jonka määrität muokattavaksi, tulee alue, jota voidaan muuttaa millä tahansa mallista luodulla sivulla. Yhdessä mallissa voi olla useita muokattavia alueita. Jokaisella muokattavalla alueella on oltava eri nimi; Nimet eivät saa käyttää välilyöntejä tai erikoismerkkejä, mutta alaviivat ja tavuviivat ovat kunnossa.

Napsauta OK.

Muokattavaa aluetta ympäröi vesisininen laatikko (jossa on vesisininen välilehti laatikon vasemmassa yläkulmassa). Uusi muokattava alue -valintaikkunaan antamasi nimi tulee näkyviin välilehdelle.

Kun olet suunnitellut sivun ja lisännyt kaikki haluamasi muokattavat alueet, tallenna malli valitsemalla Tiedosto→Tallenna.

Kun tallennat uuden mallisivun tai tallennat olemassa olevan sivun mallina, Dreamweaver lisää automaattisesti .dwt-tunnisteen ja tallentaa tiedoston Mallit-kansioon.

Jos tallennat mallin ennen kuin määrität muokattavia alueita, Dreamweaver antaa sinulle varoituksen, koska mallit eivät ole hyödyllisiä ilman muokattavia alueita. Sinun ei tarvitse luoda muokattavia alueita ennen mallin tallentamista, mutta et voi tehdä muutoksia millekään mallista luodulle sivulle ennen kuin olet luonut yhden tai useamman muokattavan alueen. Voit aina palata takaisin ja lisätä muokattavia alueita myöhemmin.

Adobe lisäsi Dreamweaver CC:hen uuden Templates Insert -paneelin. Voit käyttää tätä uutta paneelia valikkokohtien sijaan työskennellessäsi mallien kanssa. Ominaisuudet toimivat samalla tavalla: Napsauta vain vastaavaa kuvaketta Templates Insert -paneelissa, kuten muokattava alue -kuvaketta.