140 likes | 387 Views
ALATI ZA KREIRANJE WEB- STRANICA. Olivera Silaški 1025/11 Miloš Grujić 999/11. Uvod. Web stranicu možemo kreirati na dva načina: Ručnim upisivanjem koda u text editoru npr. Notepad
E N D
ALATIZAKREIRANJE WEB-STRANICA OliveraSilaški 1025/11 Miloš Grujić 999/11
Uvod • Web stranicu možemo kreirati na dva načina: • Ručnim upisivanjem koda u text editoru npr. Notepad • 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)
Najpoznatiji alati za izradu web prezentacija su Adobe Dreamweaver i nešto slabiji Microsoft FrontPage • Ostali alati: HTML, CSS, Adobe Flash, Adobe Contribute, Adobe Fireworks, Web Builder, JavaScript, PHP... • Web stranice čine: • Nivo podataka (tekst, podaci i sadržaji) • Poslovni i interakcijski nivo (program, skripta i način na koji se sistem ponaša) • Prezentacijski nivo (dizajn i psihologija)
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...
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
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 ActionScript. • 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
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 Explorer-u i Mozzila Firefox-u. • Dizajniran je tako da se lako može integrisati sa Adobe Dreamweaver-om i ostalim Adobe proizvodima
JavaScript • 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 • JavaScript je veoma popularan, čini web privlačnijim oku surfera, ali bi najbolje bilo kloniti se ga
JavaScript je u HTML dokument može ubaciti na dva načina: • Pisanjem direktno u HTML kod • Smeštanjem u poseban fajl (ekstenzija ”.js”)koji se potompoziva u HTML dokumentu
WEB BUILDER • Website builders su alati koji omogućavaju izgradnju web stranica bez ručnog unošenja koda • Mogu se podeliti u dve kategorije: • Alati dostupni online koje nude kompanije za web hosting, koji su namenjeni privatnim korisnicima za dizajniranje privatnih web stranica • Softver koji se koristi na računaru, stranice se kreiraju offline, a zatim se objavljuju na bilo kom serveru
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 Pascal-u), 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
FrontPage • FrontPage spada u grupu programa WYSIWYG • Glavna prednost FrontPage-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
DREAMWEAVER • Najpopularniji alat za izradu web stranica • Teži rad za početnike • 400USD + dodaci
Linkovi • Microsoft FrontPage – tutorial • Adobe Dreamweaver - tutorial