Zdravo!

BrainTech - softverska rešenja, web dizajn i aplikacije.

Kontakt

Modul 1 – Uvod u Web razvoj Lekcija

HTML + PHP zajedno

Mešanje statičkog i dinamičkog sadržaja

PHP se najčešće ugrađuje u HTML template. Van <?php ?> blokova pišete običan HTML; unutar blokova generišete dinamičke delove: liste proizvoda, imena ulogovanog korisnika, paginaciju. Alternativno koristite kraću echo sintaksu <?= $var ?> za ispis vrednosti. Organizacija koda u header.php, footer.php i stranice smanjuje dupliranje.

Best practice

  • Logiku (upiti, validacija) držite na vrhu fajla ili u posebnim include fajlovima.
  • HTML ostaje čitljiv – izbegavajte duboko ugnježdene PHP blokove unutar atributa.
  • Koristite htmlspecialchars() pri ispisu korisničkih podataka u HTML.

Primer toka

Učitajte podatke iz baze u niz, zatim u petlji foreach generišite <tr> redove tabele.

<?php
$proizvodi = ["Monitor", "Tastatura", "Miš"];
?>
<ul>
<?php foreach ($proizvodi as $p): ?>
  <li><?= htmlspecialchars($p) ?></li>
<?php endforeach; ?>
</ul>

Rad u lokalnom okruženju

Napravite folder htdocs/php-kurs u XAMPP htdocs. Svaku novu temu vežbajte u posebnom fajlu (npr. html-i-php-zajedno.php) da lako pratite napredak. Držite otvoren Developer Tools (F12) – tab Network i Console ubrzava učenje.

Design Wireframe
High Fidelity Design
Design development
Design development
Design development
Research development