1 / 15

Adobe Dreamweaver

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

aram
Download Presentation

Adobe Dreamweaver

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Adobe Dreamweaver

  2. 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

  3. 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

  4. 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.

  5. 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

  6. 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

  7. 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

  8. 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

  9. 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

  10. 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

  11. 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

  12. 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.

  13. 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”

  14. 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

  15. 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

More Related