d
An igniting portfolio theme designed
to help you leave quite a mark.
Back to Top

Invictum.hr

Moja prva web stranica

U ovom dijelu ćemo napraviti našu prvu web stranicu. Bit će to jednostavna stranica koja će ispisivati tekst “Pozdrav svima”. Kreirajmo datoteku naziva prva.php i u nju postavimo sljedeći HTML i PHP kod:
<!DOCTYPE html>
<html lang="hr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php echo "Moja prva web stranica"; ?></title>
</head>
<body>
<?php echo "Pozdrav svima"; ?>
</body>
</html>

Objašnjenje Koda

HTML i PHP

PHP datoteka može sadržavati PHP kod, HTML kod, CSS i JavaScript. Bitno je voditi računa o pravilnoj strukturi HTML dokumenta:

  • Na početku svake stranice mora biti otvoren <html> tag, a na kraju zatvoren </html>.
  • HEAD dio HTML-a definira razne tagove o ponašanju stranice i može sadržavati CSS, JavaScript i druge meta podatke. U našem slučaju, sadrži samo <title> tag koji definira naslov stranice.
  • BODY dio je sadržaj stranice koji se prikazuje korisniku.

PHP Kod

PHP kod otvaramo sa <?php i zatvaramo sa ?>. U našem primjeru, PHP kod koristi naredbu echo za ispisivanje teksta.

<title><span class="hljs-meta"><?php</span> <span class="hljs-keyword">echo</span> <span class="hljs-string">"Moja prva web stranica"</span>; <span class="hljs-meta">?></span></title>

Ovaj dio koda ispisuje naslov stranice.

<?php echo "Pozdrav svima"; ?>

Ovaj dio koda ispisuje tekst “Pozdrav svima” unutar <body> taga.

Pokretanje Skripte

Za izvršavanje PHP datoteka na vašem računalu, trebate instalirati određeni softver: PHP, Apache server i MySQL bazu podataka. Preporučujemo instalaciju WampServera koji uključuje sve potrebne komponente.

Instalacija WampServera

  1. Preuzmite WampServer s ove poveznice.
  2. Slijedite upute za instalaciju.

Postavljanje Projekta

  1. Nakon instalacije WampServera, otvorite mapu C:\wamp64\www.
  2. Unutar te mape, stvorite novu mapu nazvanu moj-projekt.
  3. U mapu moj-projekt spremite datoteku prva.php koju ste kreirali.

Pokretanje Web Stranice

  1. Pokrenite WampServer.
  2. Otvorite svoj internet preglednik (npr. Google Chrome).
  3. U adresnu traku upišite http://localhost/moj-projekt/prva.php.
  4. Stranica će se učitati i prikazati rezultat vaše PHP skripte.

Čestitamo!

Uspješno ste napravili i pokrenuli svoju prvu web stranicu. Ovo je veliki korak u vašoj edukaciji i specijalizaciji u IT industriji. Sada uzmite nekoliko minuta i eksperimentirajte s onim što ste dosad naučili. Kreirajte novu PHP skriptu koja će se ponašati drugačije i uključite svoju maštu. Sretno!





 










        
        
                                    

                

                    

    
        by    
    

                    

            
    

                    

    
        in    
    Web programiranje

                                            

        0    


                                    


                

                    	

		
Share: