V tomto seriály sa dozviete ako vytvoriť základnú stránku v jazyku php ale len v prípade ak už máte základy HTML..
V tomto seriály sa dozviete ako vytvoriť základnú stránku v jazyku php ale len v prípade ak už máte základy HTML. Neberte príklady stránok ako nejaké pekné vzhľady ale iba ako technické príklady, na ktorých sa stránky vytvárať učíme.V prvej časti si ukážeme ako vytvoriť stránku a tak trochu sa dozviete aj ako používať v php funkciu include. HTML kód stránky si rozdelíme na tri časti. Na vrch "top.html" spodok "bottom.html" a nakoniec stred, v ktorom sa budú generovať skripty.
Toto je zdrojový kód top.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Tvoríme www stránky</title>
<meta name="author" content="PaBi3">
<meta name="category" content="Tvorba WWW">
<meta name="description" content="Tvorba WWW">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<meta http-equiv="Cache-Control" content="no-cache">
</head>
<body>
<table border="10" width="80%">
<tr>
<td width="100%" colspan="2"></td>
</tr>
<tr>
<td width="70%" valign="top">
Tento zdrojový kód bude generovať záhlavie stránky. Ako vidíte kód nieje dokončený ale to nieje žiadna závada. Teraz sme v skutočnosti vytvorili hornú časť stránky, ktorú budú využívať skripty umiestené v strede čiže medzi vrchom a spodkom stránky.
Ďalej bude nasledovať spodná časť a tu je jej zdrojový kód bottom.html:
</td>
<td width="30%" valign="top">
<a href="index.php"><b>Index</b></a><br>
<a href="#"><b>Služby</b></a><br>
<a href="#"><b>Cenník</b></a><br>
<a href="#"><b>Referencie</b></a><br>
<br>
<a href="kontakt.php"><b>Kontakt</b></a><br>
<a href="#"><b>Redakcia</b></a>
</td>
</tr>
<tr>
<td width="100%" colspan="2">
<p align="center">
<a href="http://validator.w3.org/check?uri=referer"><img border="0" src="http://www.w3.org/Icons/valid-html401" alt="Valid HTML 4.01!" height="31" width="88"></a><br>
© 2005 <a href="http://www.owebu.cz">www.owebu.cz</a> </p>
</td>
</tr>
</table>
</body>
</html>
Spodný zdrojový kód je teraz hotový a nám stačí už len tieto dva kódy správne použiť pre skript php. Vytvoríme si nový súbor s názvom index.php. V tomto súbore sa bude generovať stránka hneď po príchode návštevníka ak zadá základné URL. Všetko čo budeme teraz potrebovať je len skript include, ktorý bude čerpať informácie pre generovanie stránky zo súborov top.html a bottom.html.
Toto je nasledujúci zdrojový kód pre súbor index.php:
<? include("top.html"); ?>
Toto je stránka o webdesigne.
<? include("bottom.html"); ?>
Ako už sami vidíte tak je teraz možné posúdiť, že táto funkcia je vhodnejšia ako nejaký iframe alebo ako klasické začiatky kde ste museli meniť každú jednu stránku. Teraz máte sami možnosť vidieť kód súboru index.php a ešte ako malý príklad čo by som chcel uviesť by bol nejaký iný súbor. Mal by to byť formulár pomocou, ktorého vás návštevníci môžu kontaktovať.
Nasledujúci kód patrí súboru kontakt.php:
<? include("top.html"); ?>
Toto je príklad kontaktného formuláru.<br><br>
<form action="kontakt_spracuj.php" method="post">
Meno:<input name="meno" type="text" /><br>
E-mail:<input name="email" type="text" /><br>
Predmet:<input name="predmet" type="text" /><br>
Text správy:<br>
<textarea name="sprava" rows="5" cols="25"></textarea><br>
<input name="odoslat" type="submit" value="Odoslať" /><br>
</form>
<? include("bottom.html"); ?>
Formulár je napísaný a ako vidíte každá kolónka kde vypĺňate údaje dostala svoje meno, ktoré bude spracované skriptom kontakt_spracuj.php.
Nasledujúci kód patrí súboru kontakt_spracuj.php:
<?
include("top.html");
$prijemca="nieco@aocby.aco"; // na túto adresu za zasiela formulár v podobe emailu
if($meno && $email && $predmet && $sprava){
echo "Vaš dotaz bol <b>úspešne odoslaný</b>.";
mail("$prijemca", "$predmet", "$sprava", "from: $email");
}
else{
echo "Váš email <b>nebol odoslaný</b>, pretože ste nevyplnili všetky údaje.";
}
include("bottom.html");
?>
Návštevníci vás teraz môžu kontaktovať prostredníctvom formuláru, ktorý bude zaslaný na váš email, ktorý dosaďujete za premennú $prijemca.
Ako ste si mohli všimnúť všetky php skripty (index, kontakt, kontakt_spracuj) tvoria stred stránky a ich vzhľad generujú 2 HTML súbory a to top.html a bottom.html. Všetko je v podstate veľmi jednoduché ale stačí sa do toho lepšie pozrieť. Toto by bolo asi pre prvý diel všetko.
Ak sa vám tento výtvor nechce robiť tak si ho môžete prezrieť tu.. Kliknite na kontakt alebo na index.
Ďakujem za pozornosť.
Autor: PaBi3
S pozdravom Žáček Pepík
2024 ©