Moja prva web stranica

07/06/2024 Web programiranje
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!





 









					

		

			
   		

	




					


											

							

								
Nedavni komentari
Nema komentara za prikaz.
							

						

									

			


		


  

          

        
Related articles

      

        

      




















    

  




		


	

	

   
   
   	

		
Odgovori 
Vaša adresa e-pošte neće biti objavljena. Obavezna polja su označena sa * (obavezno)
 
 



 


 


 


	

	

	








    

       
    


    

    

  

    

      

                    
Kontaktirajte nas

                            

              Ispunite obrazac ispod i mi ćemo Vas kontaktirati. Na sve upite stojimo odgovoriti u roku od 24 sata radnim danima.