TEHNOLOGIJE ZA WEB JU GIMNAZIJA VASO PELAGIĆ

Size: px

Start display at page:

Download "TEHNOLOGIJE ZA WEB JU GIMNAZIJA VASO PELAGIĆ"

Louisa Fields
6 years ago
Views:

1 TEHNOLOGIJE ZA WEB JU GIMNAZIJA VASO PELAGIĆ

PROBLEMI TEHNOLOGIJA ZA WEB Otkako je web postao popularan osnovna tehnologija, jezik HTML više puta je redefinisan, pa postoje verzije 2.0, 3.2, 4.0, 4.01,5.0, XHTML 1, XHTML 1.

2 PROBLEMI TEHNOLOGIJA ZA WEB Otkako je web postao popularan osnovna tehnologija, jezik HTML više puta je redefinisan, pa postoje verzije 2.0, 3.2, 4.0, 4.01,5.0, XHTML 1, 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 (JavaScript, VBScript, Jscript) Ostale

3 Web tehnologije za stvaranje dinamičkih web stranica su: DHTML (Dynamic HTML) tehnologija kombinacija HTML-a, skriptnih jezika (JavaScript, VBScript, Jscript) Ostale tehnologije koje se temelje na klijentu: ActiveX, Java appleti Tehnologije koje se temelje na serveru: CGI skripte, PHP Java servleti, JSP (Java Server Pages), ASP (Active Server Pages)

Upotrebom novih tehnika mogude je ostvariti mnogo različitih prikaza na web sajtu

4 Nedostatak stabilne i dobro podržane tehnologije veoma je veliki problem pri izradi web lokacija. Upotrebom novih tehnika mogude je ostvariti mnogo različitih prikaza na web sajtu programiranjem samo jedne dinamičke stranice. Tehnike koje se koriste za izradu dinamičke web stranice su najčešde PHP, COLD FUSION, JAVA SCRIPT i ASP. Njihove ekstenzije su.php,.cf,.jsp i.asp

5 PROGRAMI ZA IZRADU WEB STRANA Program Platforma Opis FrontPage Windows Popularan među početnicima prilikom kreiranja manjih web sajtova. Znatno je poboljšan od prve verzije, ali se sve manje koristi. Dreamweaver HomeSite GoLive Windows, Macintosh Windows Windows, Macintosh Dobar alat za vizuelnu izradu web strana sa usklađenim WYSIWYG i mogudnostima uređivanja koda. Pruža jaku podršku CSS i specifikaciji DHTML. Ima nevjerovatne mogudnost za upravljanje kodom, lošu podršku za vizuelno uređivanje. Sestrinski proizvod ColdFusion Studio pruža bolju podršku za tehnologije dinamičke izrade web lokacije. 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.

6 HTML (HYPERTEXT MARKUP LANGUAGE) HTML jezik sintaksa jezika nije strogo nametnuta browser-i de prilikom obrade web strana koje sadrže greške sami pokušati da ih uklone ili de ih ignorisati. Browser-i nisu strogi prema formi HTML koda prikazade na ekranu i nešto što uopšte nije po standardima jezika. Stvarna sintaksa jezika HTML definisana je tipom dokumenta (DTD - koji omogudava prepoznavanje HTML oznaka i atributa) Svaki web browser ima DTD ugrađen u svoj kod.

7 Izgled pojednostavljenog HTML koda je: <HTML> < HEAD> <TITLE> Naslov stranice</title> < /HEAD> < BODY> <H1>Naslov</H1> <H2>Podnaslov</H2> <P>Text, text, text... </P> <a href = sljedeca_stranica.html >sljededa</a> </BODY> < /HTML>

8 CSS (CASCADING STYLE SHEETS) CSS je skup pravila/stilova kojima se definiše kako de se pojedini elementi HTML-a prikazati. Prednosti koje CSS nudi su sljedede: Znatno vede mogudnosti određivanja svojstava HTML-a objekata. Mogudnost odvajanja sadržaja od prezentacije (donekle). Izgled kompletnog web sajta se može promjeniti samo promjenom jedne CSS datoteke. Definiranje prezentacije zavisno o mediju.

9 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 definišu pomodu 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 mogude 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.

10 Primjer CSS-a: body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; background: #FF6B38; } td { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; } th { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; } a:link { color: #812105; } a:visited { color: #812105; } a:hover { color: #FFDFB3; }

11 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. Pomodu PHP-a kreiraju se HTML stranice na serveru prije njihovog slanja na lokalni računar tj. prije njihove vidljivosti za krajnjeg korisnika.

12 PHP KOD <!DOCTYPE html> <html> <body> <?php echo "Pozdrav!";?> </body> </html> <html> <body> <?php //echo "komentar!"; #echo "komentar!"; echo "Pozdrav!";?> </body> </html>

13 JAVASCRIPT JavaScriptje skript jezik kojim web dizajneri mogu da automatizuju postupke unutar web stranice. Skript jezik- jer omogudava pisanje skripta (niza naredbi) koje de web čitač izvršiti. Omogudava zadavanje grupe naredbi koje se mogu izvršiti samo u web browser-u. JavaScript 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.

14 JavaScript kod postavlja se između oznaka <script> i </script>, koje de ukazati web browser-u da izvrši JavaScript kod umjesto da prikaže tekst na ekranu. JavaScript kod <script language="javascript">  </script>

15 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 mogudnosti za upotrebu ASP stranica.

16 ASP se može pokrenuti i na vlastitom računaru ukoliko instaliramo neke od web poslužitelja, a to su Personal Web Server (za Windows 95, Windows 98 i Windows Me) i Internet Information Services (za Windows NT, Windows 2000, Windows XP...). ASP kao program za izradu dinamičkih web stranica pruža: Brzi razvoj aplikacija Programsku strukturu baziranu na VB skriptnom jeziku Mogudnost korištenja ActiveX 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

CSS CSS. selector { property: value; } 3/20/2018. CSS: Cascading Style Sheets

CSS CSS. selector { property: value; } 3/20/2018. CSS: Cascading Style Sheets CSS CSS CSS: Cascading Style Sheets - Opisuje izgled (appearance) i raspored (layout) stranice - Sastoji se od CSS pravila, koji defini[u skup stilova selector { property: value; 1 Font face: font-family