Video: Как создать сайт мечты #1 - Adobe Dreamweaver CC (SMGroup) (Studeni 2024)
Adobe je mogao odmarati na lovorikama prilikom ažuriranja Dreamweavera do njegove najnovije inačice u usluzi Creative Cloud utemeljenoj na pretplati kao Dreamweaver CC. U svojoj prethodnoj utjelovljenosti kao Dreamweaver CS6, dijelu Adobeovog Creative Suite 6, Adobe-ov napredni uređivač web stranica već je imao malo ili nikakvu ozbiljnu konkurenciju kao alat za stvaranje i održavanje današnjih web-lokacija s više platformi. Na primjer, Dreamweaver CS6 uveo je spreman za upotrebu "fluid grid" web-izgled koji koristi CSS za automatsko preoblikovanje web stranica u skladu s veličinom zaslona, što olakšava izgradnju pojedinačne web lokacije s telefonima, tabletima i radnim površinama bez ikakvog kompleksa Prije je potrebno CSS ručno kodiranje.
Novi Dreamweaver CC poboljšava značajku fluidne mreže podržavajući HTML5 strukturne elemente kao što su Sekcije i Članci. Također dodaje alat jednako štedi napor, novi CSS Designer koji koristi interaktivno grafičko sučelje za izmjenu CSS svojstava kao što su sjene i zakrivljeni uglovi, tako da samo trebate kliknuti i povući da biste izmijenili složeni CSS kôd dok rezultate vidite u stvarnim- vrijeme. Potpuna podrška za web-fontove - preuzete s Adobe-ovih poslužitelja dok preglednik učitava stranicu - olakšava izradu atraktivnih dizajna. Također, kao i ostatak Creative Cloud Suite-a, Dreamweaver također dobiva pojednostavljeno i lakše prilagodljivo sučelje, a istovjetno radi i pod Windowsom i OS X.
Pro i Semi-Pro
Dreamweaver je alat na profesionalnoj razini koji vrijedi imati - ako si to možete priuštiti - čak i ako niste profesionalni. Korisnike Dreamweavera koji prvi put mogu zastrašiti mnoštvo izbornika i ploča s entitetima u zadanom izgledu, ali ubrzo postaje jasno kako ih koristiti za brzi pristup naprednim kontrolama nad CSS elementima ili za brzo prebacivanje između prikaza koji pokazuju kako web stranica izgledat će kada je ispisana ili prikazana na zaslonima različitih veličina. Napredni web dizajneri mogu kliknuti na izbornik UI-widgeta utemeljenih na JavaScript-u da bi stvorili skočne dijaloge, birače datuma, izbornike u stilu harmonike i sve ostalo u trenutnom popisu UI efekata. Ali čak i manje napredni korisnici mogu stvoriti fleksibilne web stranice koje su u skladu s HTML5 i koje izgledaju dobro na bilo kojoj platformi.
Počnite tkati snove
Počevši ili s prazne stranice ili iz uzorka, kliknite na stavke na ploči Umetanje kako biste dodali elemente poput predložaka (s regijama koje se mogu uređivati i ne može se urediti), multimedije (HTML5 ili Flash) i standardnih HTML značajki. Zadani zaslon podijeljen je u okno koda i WYSIWYG dizajnersko okno, ali možete odabrati jedno ili drugo ili napraviti okno dizajna "Live" za pregled medijskog sadržaja poput videozapisa ili sadržaja koji će se prikazivati iz baze podataka kada stranica se pojavljuje u pregledniku. Jedna stvar kojoj se divim u vezi s Dreamweaverom jest ta što on ne favorizira Adobe-ove vlasničke tehnologije poput Flash-a preko otvorenih standarda poput HTML5 video zapisa, već pruža jednaku podršku za oba - pa čak i pruža bolji izgled i više upotrebljiv HTML5 video player nego ugrađeni Flash Player.
Kada napravite stranicu sa značajkom fluidne mreže Dreamweavera, aplikacija prvo stvara stranicu koja sadrži mrežu vertikalnih stupaca koji su vidljivi u Dreamweaveru, ali ne i kada se stranica pojavi u pregledniku. Stranica dizajnirana za telefone po zadanom se uklapa u četiri od tih nevidljivih stupaca. Kad se ista stranica prikaže na tabletu, ispunjava osam stupaca i dvanaest stupaca kada se prikaže na stolnom stroju.
Kad se u prozoru za uređivanje Dreamweavera prebacujete između veličina zaslona, sadržaj vaše web lokacije se preuređuje kako bi odgovarao širini koju ste odredili za određenu vrstu zaslona, a pomoću CSS ploče dizajnera možete prilagoditi oblik, veličinu i druga svojstva pojedinačnih elemenata koji odgovaraju različitim veličinama zaslona.
