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.
Opi käyttämään läpinäkyvyyttä SVG-grafiikassa Illustratorissa. Tutustu SVG-tiedostojen tulostamiseen läpinäkyvällä taustalla ja läpinäkyvyystehosteiden käyttämiseen.
Kun olet tuonut kuvat Adobe XD:hen, sinulla ei ole paljon muokkaushallintaa, mutta voit muuttaa kuvien kokoa ja kiertää niitä aivan kuten minkä tahansa muun muodon avulla. Voit myös pyöristää tuodun kuvan kulmia helposti kulmawidgetien avulla. Kuvien peittäminen määrittelemällä suljetun muodon […]
Kun Adobe XD -projektissasi on tekstiä, voit alkaa muuttaa tekstin ominaisuuksia. Näitä ominaisuuksia ovat Fonttiperhe, Fonttikoko, Fontin paino, Tasaus, Merkkien väli (välitys ja seuranta), Riviväli (alku), Täyttö, Reuna (viiva), Varjo (pudottava varjo) ja Taustan sumennus. Katsotaanpa, kuinka näitä ominaisuuksia käytetään. Tietoja luettavuudesta ja fontista […]
Aivan kuten Adobe Illustratorissa, Photoshop-piirustustaulut tarjoavat mahdollisuuden luoda erillisiä sivuja tai näyttöjä yhdelle asiakirjalle. Tämä voi olla erityisen hyödyllistä, jos rakennat näyttöjä mobiilisovellukselle tai pienelle esitteelle. Voit ajatella piirustustaulua erityisenä tasoryhmänä, joka on luotu Tasot-paneelin avulla. Sen […]
Monia InDesign Tools -paneelin työkaluja käytetään viivojen ja muotojen piirtämiseen sivulle, joten sinulla on useita eri tapoja luoda mielenkiintoisia piirustuksia julkaisuihisi. Voit luoda InDesignissa mitä tahansa perusmuodoista monimutkaisiin piirustuksiin sen sijaan, että joutuisit käyttämään piirustusohjelmaa, kuten […]
Kun suunnittelet Adobe Illustrator CC:llä, tarvitset usein muodon, jonka koko on tarkka (esimerkiksi 2 x 3 tuumaa). Kun olet luonut muodon, paras tapa muuttaa sen kokoa tarkkoihin mittoihin on käyttää tässä kuvassa näkyvää Transform-paneelia. Valitse objekti ja valitse sitten Ikkuna → Muunna muotoon […]
Tekstin kääriminen Adobe Illustrator CC:ssä ei ole aivan sama asia kuin lahjan kääriminen – se on helpompaa! Tekstin rivitys pakottaa tekstin kiertämään grafiikan ympärille, kuten tässä kuvassa. Tämä ominaisuus voi lisätä luovuutta mihin tahansa kappaleeseen. Grafiikka pakottaa tekstin kiertymään ympärilleen. Luo ensin […]
InDesignilla voit luoda ja muokata QR-koodigrafiikkaa. QR-koodit ovat viivakoodimuoto, johon voidaan tallentaa tietoja, kuten sanoja, numeroita, URL-osoitteita tai muita tietoja. Käyttäjä skannaa QR-koodin kamerallaan ja ohjelmistollaan laitteella, kuten älypuhelimella, ja ohjelmisto hyödyntää […]
Saattaa olla hetkiä, jolloin tarvitset uuden kuvan näyttääksesi vanhalta. Photoshop CS6 tarjoaa sinut. Mustavalkokuvaus on uudempi ilmiö kuin uskotkaan. Dagerrotypioissa ja muissa varhaisissa valokuvissa oli usein ruskehtava tai sinertävä sävy. Voit luoda omia seepiasävyisiä mestariteoksia. Sävytetyt kuvat voivat luoda […]
Adobe Creative Suite 5 (Adobe CS5) Illustratorin Live Paint -ominaisuuden avulla voit luoda haluamasi kuvan ja täyttää alueet väreillä. Live Paint -ämpäri tunnistaa automaattisesti alueet, jotka koostuvat itsenäisistä risteävistä poluista ja täyttää ne vastaavasti. Maali tietyllä alueella pysyy elävänä ja virtaa automaattisesti, jos […]
