Tehnologije za Web Problemi tehnologija za Web Otkako
Tehnologije za Web
Problemi tehnologija za Web • Otkako je web postao popularan – osnovna tehologija, jezik HTML više puta je redefinisan, pa postoje verzije 2. 0, 3. 2, 4. 01, 5. 0, XHTML 1. 1, razne privremene verzije (npr. HTML 3. 0) i brojni pokušaji prilagođavanja. • Druge tehnologije, na primjer Java ili Java Script, takođe su se mijenjale u veoma kratkim intervalima. • Proizvođači browser-a su objavljivali nove verzije programa koji su bili preplavljeni novim svojstvima, ali i greškama.
• Web tehnologije za stvaranje dinamičkih web stranica su: • DHTML (Dynamic HTML) tehnologija – kombinacija HTML-a, skriptnih jezika (Java. Script, VBScript, Jscript) • Ostale tehnologije koje se temelje na klijentu: Active. X, Java appleti • Tehnologije koje se temelje na serveru: CGI skripte, PHP Java servleti, JSP (Java Server Pages), ASP (Active Server Pages)
• Nedostatak stabilne i dobro podržane tehnologije veoma je veliki problem pri izradi web lokacija. • Upotrebom novih tehnika moguće je ostvariti mnogo različitih prikaza na web sajtu kreiranjem, programiranjem samo jedne dinamičke stranice. • Tehnike koje se koriste za izradu dinamičke web stranice su najčešće PHP, COLD FUSION, JAVA SCRIPT i ASP. • Njihove ekstenzije su. php, . cf, . jsp i. asp
Programi za izradu Web strana Program Platforma Opis Dreamweaver Windows, Macintosh Dobar alat za vizuelnu izradu web strana sa usklađenim WYSIWYG i mogućnostima uređivanja koda. Pruža jaku podršku CSS i specifikaciji DHTML. Windows Ima nevjerovatne mogućnost za upravljanje kodom, lošu podršku za vizuelno uređivanje. Sestrinski proizvod Cold. Fusion Studio pruža bolju podršku za tehnologije dinamičke izrade web lokacije. Windows, Macintosh Veoma popularan među korisnicima računara Macintosh. Ima grafički interfejs potpuno prilagođen dizajneru. Generisan kod sadrži greške, nije popularan među autorima koji teže strogom poštovanju standarda. Windows Popularan među autorima malih lokacija i dizajnerima prezentacija. Znatno je poboljšan od prve verzije, ali se sve manje koristi. Home. Site Go. Live Front. Page
HTML (Hypertext Markup Language) • HTML jezik – sintaksa jezika nije strogo nametnuta – browser-i će prilikom obrade web strana koje sadrže greške sami pokušati da ih uklone ili će ih ignorisati. • Browser-i nisu strogi prema formi HTML koda – prikazaće na ekranu i nešto uopšte nije po standardima jezika. • Stvarna sintaksa jezika HTML definisana je tipom dokumenta (DTD - koji omogućava prepoznavanje HTML oznaka i atributa) • Svaki web browser ima DTD ugrađen u svoj kod.
• Izgled pojednostavljenog HTML koda je: <HTML> < HEAD> <TITLE>Naslov dokumenta</TITLE> < /HEAD> < BODY> <H 1>Naslov</H 1> <H 2>Podnaslov</H 2> <P>Text, text. . . </P> <a href = ˝neka_stranica. html˝>sljedeća</a> < /BODY> < /HTML>
CSS (Cascading Style Sheets) • CSS je skup pravila/stilova kojima se definiše kako će se pojedini elementi HTML-a prikazati. • Prednosti koje CSS nudi su sljedeće: – Znatno veće mogućnosti određivanja svojstava HTMLa objekata – Mogućnost odvajanja sadržaja od prezentacije (donekle) – Izgled kompletnog web sajta se može promjeniti samo promjenom jedne CSS datoteke – Definiranje prezentacije zavisno o mediju
• Povezivanje HTML objekata i CSS stilova se vrši preko CSS selektora. Glavna uloga selektora je da izaberu objekte iz HTML-a te za njih definišu stil. • Nakon što se odrede objekti kojima se želi manipulisati potrebno je definisati željena svojstva tih objekata. Ona se definiraju pomoću deklaracionog bloka koji se sastoji od jedne ili više deklaracija. • Svaka deklaracija sadrži dva dijela: oznaku svojstva te vrijednost tog svojstva. • Mjesto gdje se definiše CSS pravila može biti: – u samoj HTML datoteci koja koristi stilove – u zasebnoj CSS datoteci • Ova dva načina moguće je kombinovati i imati više CSS datoteka u kojima se definišu stilovi. Izbor zavisi od autora ali je preporučljivo stilove definisati u zasebnim CSS datotekama.
Primjer CSS-a: body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12 px; background: #FF 6 B 38; } td { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12 px; } th { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12 px; } a: link { color: #812105; } a: visited { color: #812105; } a: hover { color: #FFDFB 3; }
PHP (Hypertext Preprocessor) • PHP je rasprostranjeni specijalizovani skriptni programski jezik koji se koristi za izradu dinamičkih web stranica. • Suština je da se PHP koristi za dinamičko generisanje HTML koda. Pomoću PHP-a kreiraju se HTML stranice na serveru prije njihovog slanja na lokalni računar tj. prije njihove vidljivosti za krajnjeg korisnika.
PHP kod <!DOCTYPE html> <body> <? php echo “Pozdrav!"; ? > </body> </html> <body> <? php //echo “komentar!"; #echo “komentar!"; echo “Pozdrav!"; ? > </body> </html>
Java. Script • Java. Scriptje skript jezik kojim web dizajneri mogu da automatizuju postupke unutar web stranice • Skript jezik- jer omogućava pisanje skripta (niza naredbi) koje će web čitač izvršiti • Omogućava zadavanje grupe naredbi koje se mogu izvršiti samo u web browser-u. • Java. Script se ugrađuje u HTML Web stranice – nije potreban poseban alat; može se koristiti isti program za uređenje teksta koji se koristi za izradu web stranice.
• Java. Script kod postavljaja se između oznaka <script> i </script>, koje će ukazati web browser-u da izvrši Java. Script kod umjesto da prikaže tekst na ekranu. Java. Script kod <script language=“Java. Script”> <!-Document. bg. Color=“lightyellow”; Document. fg. Color=“magenta”; //--> </script>
ASP (Active Server Pages) • ASP stranice je skriptni jezik razvijen od strane Microsofta. Stranice su mješavina HTML-a i programskog koda koji daju ASP stranici karakter dinamičke stranice. • Jedna od najznačajnijih odlika ASP stranica je njihovo jednostavno povezivanje sa bazama podataka te ubacivanje podataka iz baze u HTML stranicu, što otvara razne mogućnosti za upotrebu ASP stranica.
• ASP se može pokrenuti i na vlastitom računaru ukoliko instaliramo neke od web poslužitelja, a to su Personal Web Server (za Windowse 95, Windowse 98 i Windowse Me) i Internet Information Services (za Windowse NT, Windowse 2000 i Windowse XP). • ASP kao program za izradu dinamičkih web stranica pruža Vam: – – – – Brzi razvoj aplikacija Programsku strukturu baziranu na VB skriptnom jeziku Mogućnost korištenja Active. X kontrola i gotovih objekata Lako i jednostavno povezivanje na baze podataka Podrška za sve Microsoft platforme Podrška na Apache Web Serveru Jednostavno administriranje implementarnih stranica ASP
- Slides: 16
