ALATI ZA KREIRANJE WEBSTRANICA Olivera Silaki 102511 1
ALATI ZA KREIRANJE WEB-STRANICA Olivera Silaški 1025/11 1
Uvod �Web stranicu možemo kreirati na dva načina: 1) Ručnim upisivanjem koda u text editoru npr. Notepad 2) Korišćenjem nekog od alata za kreiranje web stranica koji automatski stvara kod na temelju akcija koje napravimo, takozvani WSIWYG-editor (what you see is what you get) 2
�Najpoznatiji alati za izradu web prezentacija su Adobe Dreamweaver i nešto slabiji Microsoft Front. Page �Ostali alati: HTML, CSS, Adobe Flash, Adobe Contribute, Adobe Fireworks, Web Builder, Java. Script, PHP. . . �Web stranice čine: 1) Nivo podataka (tekst, podaci i sadržaji) 2) Poslovni i interakcijski nivo (program, skripta i način na koji se sistem ponaša) 3) Prezentacijski nivo (dizajn i psihologija) 3
HTML �HTML (Hyper Text Markup Language) je opisni jezik specijalno namenjen opisu web stranica �Osnov HTML-a predstavljaju etikete i atributi �Etikete mogu biti proste (<X>) i složene (<X> i </X>) �Atributi se nalaze unutar složenih oznaka i sadrže dodatne informacije o načinu prikazivanja i ponašanju označenog dela dokumenta �HTML web sajtovi mogu sadržati galerije slika, foto slajdere, brojač poseta, vremensku prognozu, horoskop, kursnu listu, flesh animacije. . . 4
5
6
CSS �CSS (Cascading Style Sheets) je jezik formatiranja pomoću kog se definiše izgled elemenata web stranice �Prvobitno, HTML je služio da definiše kompletan izgled, strukturu i sadržaj web-stranice, ali je od verzije 4. 0 HTML-a uveden CSS koji bi definisao konkretan izgled, dok je HTML ostao u funkciji definisanja strukture i sadržaja �Kako je HTML postajao komplikovaniji, davao je sve više mogućnosti za definiciju izgleda elemenata, ali je istovremeno postajao nečitljiviji i teži za održavanje 7
ADOBE FLASH �Adobe Flash predstavlja multimedijalnu i softversku platformu koja se koristi za izradu vektorske grafike, animacija, igrica. . . �Flash se koristi da bi se na web stranici dodala muzika, video sadržaji, reklame ili pojedini interaktivni multimedijalni sadržaji �Aplikacije i animacije se u Flashu programiraju uz pomoć jezika Action. Script. �Sadržaj je preko Flash-a dostupan na raznim računarskim sistemima i dostupan je besplatno kao plug-in (dodatak) u internet pretraživačima, pametnim telefonima i tabletima 8
ADOBE CONTRIBUTE �Adobe Contribute predstavlja alat za kreiranje i uređenje web stranica čija je svrha povećanje produktivnosti pri izradi web stranica i istovremeno da se to postigne na jednostavan način �Sastoji se iz dve komponente i u novijim pretraživačima funkcioniše kao plug-in, npr. u Microsoft Internet Explorer-u i Mozzila Firefox-u. �Dizajniran je tako da se lako može integrisati sa Adobe Dreamweaver-om i ostalim Adobe proizvodima 9
ADOBE FIREWORKS �Alat za editovanje vektorske grafike �Brzo kreiranje prototipičnih web sajtova i aplikacionih interfejsova �Omogućava dodavanje hotspot-ova �Namenjen web produkciji �Dizajniran da se lako integriše sa Adobe proizvodima 10
Java. Script �Programski jezik koji se koristi kako bi se programirale neke stvari na web sajtovima koje su neizvodljive u standardnim web tehnikama �Najčešće se koriste u izradi padajućih menija na web sajtovima �Skripting jezik – lagan programski jezik �Java. Script je veoma popularan, čini web privlačnijim oku surfera, ali bi najbolje bilo kloniti se ga 11
�Java. Script se u HTML dokument može ubaciti na dva načina: 1) Pisanjem direktno u HTML kod 2) Smeštanjem u poseban fajl (ekstenzija ”. js”) koji se potom poziva u HTML dokumentu 12
WEB BUILDER �Website builders su alati koji omogućavaju izgradnju web stranica bez ručnog unošenja koda �Mogu se podeliti u dve kategorije: 1) Alati dostupni online koje nude kompanije za web hosting, koji su namenjeni privatnim korisnicima za dizajniranje privatnih web stranica 2) Softver koji se koristi na računaru, stranice se kreiraju offline, a zatim se objavljuju na bilo kom serveru 13
PHP �PHP (PHP: Hypertext Preprocessor) je specijalizovani skriptni jezik čija je osnovna namena i glavna upotreba u programiranju dinamičkih stranica na Internetu �Danas PHP koristi nekoliko stotina hiljada programera i nekoliko miliona sajtova uključujući neke od najposećenijih sajtova na svetu, poput Facebook-a i Youtube-a �Za razliku od većine programskih jezika koji poseduju početnu funkciju (main u C-u, prvi blok BEGIN u Pascalu), PHP datoteka sadrži skup naredbi koje se izvršavaju jedna za drugom, od prve do poslednje, gde se poslednja ujedno smatra i krajem PHP programa 14
Front. Page �Front. Page spada u grupu programa WYSIWYG �Glavna prednost Front. Page-a je njegova jednostavnost korišćenja �Izrada web stranica je moguća u normal i HTML obliku, a izbor načina rada se vrši preko kartica na dnu aplikacije �Sadržaj web stranice koja se kreira u normal obliku automatski se pretvara u HTML kod �Klikom na treću karticu - preglednik 15
16
DREAMWEAVER �Najpopularniji alat za izradu web stranica �Teži rad za početnike � 400 USD + dodaci 17
18
Linkovi �Microsoft Front. Page – tutorial �Adobe Dreamweaver - tutorial 19
- Slides: 19