1 / 34

DINAMIČNE INTERNET STRANICE:

Kako bi što bolje razumjeli kako napraviti dobru internet stranicu, bilo bi korisno spomenuti glavnu podjelu na trenutno napravljenim stranicama, a to su statične i dinamične web stranice. DINAMIČNE INTERNET STRANICE:. STATIČNE INTERNET STRANICE:.

dolf
Download Presentation

DINAMIČNE INTERNET STRANICE:

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. Kako bi što bolje razumjeli kako napraviti dobru internet stranicu, bilo bi korisno spomenuti glavnu podjelu na trenutno napravljenim stranicama, a to su statične i dinamične web stranice. DINAMIČNE INTERNET STRANICE: STATIČNE INTERNET STRANICE:

  2. Dinamične internet stranice se ne mogu pokretati iz bilo kojeg foldera, već za korištenje dinamičnih stranica moramo imati SERVER koji će znati procesuirati takve stranice! Da bi dinamičnestranice u potpunostimogleispravnofunkcioniratipotrebno je imatisljedećeelementeinstaliranenaračunalu: skriptnijezik u kojem je stranicanapisana (npr. PHP) server kojićesve to pokretati(npr. Apache) server bazepodataka (npr. MySQL)

  3. Što je WAMP? Prije nekoliko godina, za izradu web stranice bilo je potrebno instalirati posebno PHP, posebno MySQL... Alidanas tu mukotrpnu instalaciju možemo skratiti malim(vrlokorisnim, francuskim, programčićem) zvanimWAMP (Windows Apache MySQL PHP) kojićeza vas svete tri stavkeodjednominstalirati.

  4. INSTALACIJA Prvotreba “skinuti” program WAMP saInterneta. To ćeteučinitiakoklikneteovdje: http://sourceforge.net/projects/wampserver/files/WampServer%202/WampServer%202.2/wampserver2.2d-x32.exe/download Pokreniteinstalacijuiklikajtecijelovrijeme “next”. Usput se složitesauvjetimakojenalaže program. Wampće u jednomtrenutkupredložitidaće se instalirati u “C:\wamp” folder (dakle, nanašoj C particiji). To je u reduidozvolite mu to. Akovas instalacija pita daliželitepostavitiikonice u tzv. Quick Launch i Desktop, slobodnodozvolitedavamkasnijebudelakšepristupitisustavu. Na krajukliknitena “Install” iinstalacijaće se pokrenutiiinstaliratisvepotrebnepomoćneprogramezaraddinamičnih Internet stranica.

  5. Ukoliko se u jednomtrenutkudogodida se prikažeovajprozor: Slobodno kliknite na “Unblock” jer je to vaš Firewallprimjetio da se neki novi program instalira koji će zauzeti rad na određenim portovima vašeg računala pa vas pita želite li da se tom programu dozvoli pristup nad tim portovima.Taj program je Apache, server kojeg želimo instalirati, dakle slobodno dozvolite (kliknite na “Unblock”).

  6. Također, ukoliko se pojavi ovaj prozor: Možete slobodno kliknuti na “Next”. To je samo upit našeg servera kojeg smo upravo instalirali da odredimo koji ćemo SMTP koristiti. SMTP je protokol za slanje e-mailova. Ovo upozorenje služi da program zna koji ćemo protokol koristiti prilikom izrade stranica s koje je dopušteno slati e-mailove.

  7. Na kraju, ako smo instalaciju izvršili ispravno, trebali bi vidjeti ovaj prozor: Slobodnoostavitekvačicuuključenuna “Launch WampServer 2 now”. Uvijek, kada je uključenWamp server, vi ćetevidjetinjegovuikonicu u donjemdesnokutu u task baru.

  8. Ako iz bilo kojeg razloga server nije aktivan, ili je nastao neki problem, ikonica u task baru neće biti zelene, već crvene ili neke druge bvoje, ovisno o problemu. Također, ukoliko se ikad dogodi da, nakon što ste pokrenuli računalo ne vidite ikonicu WAMP-a u taksk baru (u donjem desnom kutu), slobodno ga pokrenite sa ikonice na desktopu. Tada se server treba pokrenuti i prikazati tamo gdje treba biti (u task baru).

  9. Najčešći problemi kod instalacije WAMP servera Ukoliko gori zelena ikonica, znači da su svi servisi ispravno instalirani i da ne postoji problem u radu WAMP servera Ukoliko gori crvena ikonica, znači da je server trenutno neaktivan i da bi smo ga trebali pokrenuti pomoću ikonice na desktopu koju smo postavili prilikom instalacije Ukoliko gori narančasta ikonica to znači da jedan od servisa nije podignut. Naime, WAMP radi instalaciju tri glavna servisa, između ostalog i Apache, koji će koristiti port 80. Taj port mogu koristiti i drugi serveri, a najčešće se dogodi da upravo taj port koristi i Skype. Ukoliko imate Skype na svom računalu, vrlo je vjerojatno da baš on pravi problem.

  10. Kako riješiti problem? Dakle, Skype također zauzima port 80 na vašem računalu pa treba namjestiti u postavkama Skype-a da ne koristi port 80. To radimo tako da u Skype-u otvorimo izbornik “Tools” u padajućem izborniku odaberemo “Options”.

  11. Tada će se otvoriti prozor u kojem se nalaze sve postavke Skype-a. Nas zanimaju postavke vezane za konekciju, stoga na lijevoj strani, na glavnom izborniku pod “Advanced” odaberimo “Connection” i otvoriti će se sadržaj koji prikazuje općenite postavke konekcije Skype-a. Mi trebamo ISKLJUČITI opciju “Use prot 80 and 443 as alternatives for incoming connections”. Dakle, tu NE SMIJE BITI KVAČICA. Ukoliko naiđete kvačicu na tom mjestu, isključite je tako da kliknete na nju.

  12. Nakonštoste to napravilikliknitena “Save” u donjemdijeluprozoraiugasite Skype takoda se odlogirateiponovo se logirajte u Skype. Tada će Skype potražitinekidrugi port zasvojekonekcijeirad, a port 80 ćeprepustititakodagamožekoristitiWamp server. PokreniteWamp. Ukolikoidaljeimatenarančastuikonicu, onda je neštodrugoipak problem. Tada moramotražitidalje. Buditeslobodnijaviti se tada pa dazajednovidimo o čemu se radi. Problemi mogu nastati i zbog Firewalla na računalu, odnosno sigurnosnog modela na vašem operacijskom sustavu, koji može zablokirati servis. Također, može se dogoditi i da vaš antivirus blokira Apache.

  13. Nakoninstalacije WAMP-a dobija se lokalni server kojem se u svakomtrenutkumožepristupitiklikomnaLocalhost u okviruWampServerpanela. Localhostpredstavljalokalni server, server kojiradinakorisnikovomračunalu. Da bi se kreiraneHTMLstranicenalazilenalokalnomserveru one morajubitisačuvane uwww direktorijukoji se naračunalu nalazinaadresi C:\wamp\www (akosukorištena default podešavanjaprilikominstalacije WAMP-a).Dakle, sam folder www predstavljalokalni server i u njega se smještasavmaterijalkojitrebabiti naserveruikojemće se pristupatiprekobrowsera.

  14. Localhost Dobro je uvijek znati kako je svaka internet stranica ipak negdje postavljena, ima svoje mjesto na nekom serveru. U našem slučaju, nakon instalacije WAMP servera, dobili smo svoj vlastiti prostor na računalu. Njega nazivamo “localhost”. Internet adresa localhost-a je:  “http://localhost/”

  15. Nakon što ste unijeli riječ “localhost” u svoj browser, prikazati će se ova stranica:

  16. Primjetite na lijevoj strani gdje piše “Your Projects”. Trenutno tu u popisu nema vaših projekata (odnosno vaših Internet stranica), ali uskoro ćemo ih napraviti. Svaka Internet stranica ima svoju Internet adresu (onu koja se prikazuje u address baru Internet preglednika), ali ima i svoju fizičku lokaciju u nekom folderu na računalu. Sada smo upravo vidjeli Internet adresu localhosta. Vidjeti ćemo gdje su smješteni fizički podatci te stranice (odnosno PHP stranica koja se prikazala u pregledniku). Pođimo tamo gdje smo instalirali Wamp server. To je vjerojatno bilo na “C disc-u” u folderu “wamp”. Pođite tamo. Vidimo da se u folderu “wamp” nalazi folder koji se zove “www”. To je fizička adresa našeg localhosta. Dakle, adresa je “C:\wamp\www”. Inače primjetite kako se adrese na računalu (fizičke adrese) razlikuju od onih na Internetu tako što se folderi odvajaju sa znakom “\” (tzv. backslash), a na Internetu se folderi odvajaju znakom “/” (tzv. slash).

  17. Primjetitekako se u folderu “C:\wamp\www” nalazidokument “index.php”. E to je dokumentkoji se inačeprikaže (odnosnopozove u internetpregledniku) kadanapišemoadresu “localhost”. Pokušajte otvoritinovi folder unutar “www” foldera. Folder nazovitenpr. “prvi_pokusaj”. Zapamtitedanainternetunikada ne pravitenazivedokumenatanifolderasarazmakom, većuvijekzanazivedokumenatailifolderakoristitedonjucrticuzarazmaknpr. “prvi_pokusaj”!Unutar tog folderanapravitesvojuneku HTML stranicu. Prisjetite se prethodnevježbekojusmonapraviliipomoćukojihsmonapravilivrlojednostavnu HTML stranicu. Slično kao tada napravite je u tom folderu. Bitno je samodaizvježbatepostavljanjenovihdokumenataifoldera u localhost, kakobistevidjelida se pod “Your Projects” nastranicilocalhost-a dodavajunoviprojekti u popisu.

  18. Baza podataka - MySQL Uz pomoć WAMP servera lako ćemo kreirati bazu podataka onakvu kakvu mi želimo, a to radimo klikom na “phpmyadmin” u dijelu “Your Analizes”, ali i u “Tools” dijelu nakon pokretanja localhost-a.

  19. Pokušajmo kreirati jednu malu bazu podataka! Za početak, kliknimo na phpmyadmin. Nakon klika treba se otvoriti ovaj prozor:

  20. Kliknite na “Baze podataka”:

  21. Sada bi se trebao otvoriti ovaj prozor: U kućicu “izradi novu bazu” potrebno je upisati ime baze.

  22. Kad je željeno ime unešeno, potrebno je kliknuti na “izradi”. Tada će se nova baza dodati dolje u postojeće.

  23. Otvaranjem nove baze, dobit ćemo ovaj prozor, koji će od nas tražiti naziv tablice (znate da u svakoj bazi mora biti barem jedna tablica), kao i broj redova tablice:

  24. Kada se klikne na “kreni” otvorit će se novi prozor koji će imati onoliko redova koliko je bilo napisano. U ovom slučaju, napisala sam da želim 3 reda i da želim da se tablica zove “TablicaZaEkipu”, te se otvorio ovaj prozor:

  25. Kada dobijemo željeni prozor, potrebno je ispuniti redove (column) nazivima, kao i tipovima podataka koje će zauzimati taj red. Sjetimo se baze podataka, svaki red ima svoj tip, te svaki atribut poprima isti tip podatka. Npr. u tablici “sifraRadnika” sve šifre su tipa int. Također, moramo postaviti i primarni ključ tablice.

  26. Nakon unosa željenih podataka, potrebno je to spremiti.

  27. Sada imamo novu bazu sa jednom tablicom. Ako se sve pravilno unese, trebao bi se otvoriti ovaj prozor: Klikom na “Pretraživanje” dobit ćemo lijep prikaz baze gdje se očito vidi primarni ključ baze.

  28. Sad, kada imamo svoju bazu podataka, možemo malo izvježbati rad sa njom. Npr., ako kliknemo na stvorenu bazu, pa zatim na privilegije, možemo dodati korisnika koji će imati kompletan uvid u bazu, ako i korisnika koji će imati samo djelomičan uvid u nju.

  29. Ovaj prozor će se otvoriti ako želimo dodati novoga korisnika: Sada lako možemo svakom pojedinom korisniku dodjeliti lozinku, kao i pristup podacima, strukturi, administraciji, ograničiti mu resurse...

  30. PHP PHPje open-source server-side skriptni programski jezikzadinamično generiranje HTML koda.Drugimriječima, PHP je skriptniprogramskijezikpomoćukojegmožetekreirati HTML stranicunaserveruprijenegošto je onaposlanaklijentupopunjenudinamičkimsadržajem. 

  31. Jednoga dana, kada naučimo nešto više o MySQL-u i PHP, uz pomoć ovoga koda lako ćemo ih povezati: <?php $link = mysql_connect('hostname','dbuser','dbpassword'); if (!$link) { die('Could not connect to MySQL: ' . mysql_error()); } echo 'Connection OK'; mysql_close($link); ?> Do tada, lijep pozdrav i hvala na slušanju 

More Related