160 likes | 624 Views
Adobe Dreamweaver. Op ć enito. Adobe Dreamweaver je razvojna okolina korištena za izradu kompletnih web stranica Proizvela ga je tvrtka Macromedia, a 2005. godine ga je preuzeo Adobe Proizvodi se za Windows i Macintosh platforme
E N D
Općenito • Adobe Dreamweaver je razvojna okolina korištena za izradu kompletnih web stranica • Proizvela ga je tvrtka Macromedia, a 2005. godine ga je preuzeo Adobe • Proizvodi se za Windows i Macintosh platforme • Koristi se za izradu i editiranje HTML, CSS, JSP, XML, PHP, JavaScript i više vrsti dokumenata • Također, postoji više alata i za izradu stranica za mobilne uređaje
Alat nije besplatan, moze se skinuti probna verzija, a puna verzija kod Hrvatskih dobavljaca ima cijenu 3154kn (HSM informatika) • Također podrzava i korištenje template-a • Željeni template se spremi na određeno mjesto na racunalu, pa putem Site - manage sites – New site, preusmjeri na folder u koji je template spremljen
Rad u Dreamweaveru • Za izradu nove stranice treba ici: Site – New Site • Tada se pojavljuje dijalog sa nazivom Site Setup for Unnamed Site • Postoje dva mjesta za upis, jedan je za naziv stranice, koji je koristen samo od strane Dreamweavera da korisnik razlikuje ako izrađuje više stranica.
Rad u Dreamweaveru • U drugo mjesto se upisuje putanja foldera u koji ce se spremiti datoteke korištene pri izradi stranice • Kada se postavi naziv i lokalni folder stranice, klikne se na Save da bi se promjene sacuvale, te se prelazi na prozor za izradu
Spremanje datoteka • Kod izrade stranica cesto se koristi vise foldera u koji ce se spremati razne datoteke zbog preglednosti i lakseg kasnijeg pristupa • Unutar glavnog foldera stranice je zato dobro dodati jos jedan u koji ce se spremati slikovne i druge datoteke koje se koriste za stranicu
Pocetak • Krene se na File – New, gdje se otvara dijalog “New Document” • Na lijevom dijelu se treba odabrati “Blank Page” • U izborniku Page Type se moze birati zelimo li stvoriti HTML, PHP, JavaScript, XML ili neki drugi tip • U trecem izborniku, Layout se bira kakav osnovni oblik stranice zelimo
Pocetak • U trecem dijelu tog prozora je izgled layouta koji smo odabrali da bi korisnik lakse odabrao izgled stranice • Ispod toga se moze odabrati tip HTML dokumenta, te da se kreira novi CSS file za stranicu itd. • Nakon svih odabira se ide na Create
Rad s HTML-om • Odmah iznad stranice postoji polje u kojem piše Untitled Document. To se mijenja u zeljeni naziv stranice, jer ce se to ispisati pri otvaranju stranice u browseru • Za dodavanje teksta u stranicu je dovoljno na odabrano mjesto kliknuti misem i upisati zeljeni tekst
Dodavanje slika • Prethodno je spomenut zasebni folder u koji su spremljene datoteke slika, zvukova, animacija itd koristenih na stranici • Skoro sve stranice imaju svoje logotipove po kojima su prepoznatljive • Za dodavanje logotipa na stranicu dovoljno je na vrhu stranice pronaci kvadrat u kojem pise “Insert_logo” na koji se klikne desnom tipkom misa
Dodavanje slika • Kada se pojavi izbornik, treba odabrati opciju “Remove Tag<img>” • Nakon toga kvadrat nestaje, a iz izbornika se odabire Insert – Image • Nakon odabira se pojavljuje dijalog u kojem se pronalazi folder u kojem je prethodno dodana datoteka sa slikom, te se nakon izbora ide na OK
Tada se pojavljuje dijalog s naslovom "Image Tag Accessibility Attributes" gdje se u polju “Alternate text” upisuje naziv tog logotipa, tj kratko objasnjenje te slike, a to se prikazuje i u slucaju da browser ne podrzava ili je korisnik blokirao grafiku u njemu, te se ponovno ide na OK • Tada se kroz CSS Styles moze ta slika centrirati ili postaviti na određeno mjesto • Opcenito, za dodavanje slika u stranicu se koristi ovaj postupak.
Postavljanje stranice na internet • Ide se na Site – Manage sites • Odabire se Edit, te se pojavljuje dijalog : "Site Setup for [your site name]" where "[your site name]" , gdje na mjestima [your site name] pise ono sto je postavljeno kao ime stranice • Na lijevoj strani gdje je oznaceno Site, odabrati Servers, tada se desni dio ekrana mijenja • Tada se ide na +, te se u novom izborniku odabire tab “Basic”
Tada se na mjestu gdje pise “Server Name” upisuje naziv servera • Nakon toga se uzimaju podaci od posluzitelja: • FTP adresa (FTP hostname ili FTP server) • Port se ostavlja koji je (21) • Username i Password – lakse je kasnije ako se postavi save, testira se da se vidi jesu li ispravni • Datoteke se također postavljaju u foldere koje je posluzitelj odredio
Nakon povratka na Site Setup dijalog, ide se na Save • Za postavljanje stranice na internet treba Site – Put, kada se pojavi "Put dependent files" odabire se Yes • Tada se pojavljuje prozor koji automatski nestaje kada stranica zavrsi upload