Dreamweaverin Lisää-valikko sisältää kokoelman jQuery-mobiiliwidgetejä, joiden avulla voit luoda lomakeelementtejä ja muita mobiiliverkkosovelluksissa yleisesti käytettyjä ominaisuuksia. Voit esimerkiksi käyttää jQuery-mobiiliwidgetiä lisätäksesi mobiiliystävällisiä lomakeelementtejä, kuten tekstialueita ja valintaruutuja.
Ennen kuin voit käyttää jQuery-mobiiliwidgetejä, sinun on ensin määritettävä jQuery Mobile -sivu valitsemalla Sivu, jQuery-mobiiliwidgetien luettelossa oleva kohta.
Luo web-sivu Dreamweaverissa.
Napsauta asettaaksesi kohdistimen uuden sivun vasempaan yläkulmaan ja valitse sitten Sivu jQuery Mobile Insert -paneelista.
jQuery Mobile -tiedostot -valintaikkuna avautuu.
Muuta oletusasetuksia jQuery Mobile -tiedostot -valintaikkunassa (tai jätä ne oletusarvoiksi) ja napsauta OK.
Sivu-valintaikkuna avautuu.
Kirjoita nimi ID-kenttään ja valitse Ylä- ja Alatunniste-kohdan vieressä olevat valintaruudut tai poista niiden valinnat sen mukaan, haluatko ylä- ja alatunnisteosiot mobiilisivullesi.
Korvaa ylä-, sisältö- ja alatunnisteteksti tekstillä, kuvilla ja muilla elementeillä, jotka haluat mobiilisivullesi.
Voit lisätä tekstiä ja lisätä kuvia ja muita elementtejä jQuery-mobiilisivulle aivan kuten mille tahansa muulle Dreamweaverin sivulle.
Tekstin tulee olla lyhyttä ja kuvien tulee olla pieniä, jotta ne voidaan näyttää pienillä mobiilinäytöillä.
Napsauta työtilan oikeassa alakulmassa olevaa Mobile Size -kuvaketta nähdäksesi sivun pienemmässä ikkunassa.
Mobiilikoko-vaihtoehdon avulla voit tarkastella sivua samalla tavalla kuin se näkyy pienessä mobiililaitteessa.
Lisää muita jQuery Mobile -vaihtoehtoja halutessasi.
Muut jQuery Mobilen vaihtoehdot Mobile jQuery Insert -paneelissa ovat valinnaisia. Käytä niitä lisäominaisuuksien lisäämiseen mobiilisivullesi, mukaan lukien lomakeelementit, kuten salasanakentät, valintanapit ja tekstialueet.
Tallenna sivu valitsemalla Tiedosto→Tallenna; Kun Kopioi riippuvat tiedostot -valintaikkuna tulee näkyviin, napsauta OK luodaksesi kaikki liittyvät tiedostot.
Jotta jQuery Mobile -ominaisuudet toimivat, sinun on ladattava nämä tiedostot verkkopalvelimellesi, kun lataat verkkosivun.
Jos haluat esikatsella työtäsi selaimessa, napsauta työtilan yläosassa olevaa maapallokuvaketta ja valitse selain.
Testaaksesi mobiilisivustoa tai verkkosovellusta mobiililaitteella julkaisemalla sivu ja kaikki siihen liittyvät tiedostot verkkopalvelimelle ja tarkastelemalla sivua sitten iPhonen, Android-laitteen, Blackberryn tai muun mobiililaitteen verkkoselaimella.
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 […]
