iforum

od **šulo** » Sob 17. Mar 2012 21:33:26

19. úloha - Dátum a čas

1. V PSPade si vytvorte nový súbor (Súbor->Nový->XHTML)
2. Teraz sa vám vytvoril nový súbor. V tomto súbore si nájdite značku <title></title> a medzi tieto dve značky napíšte "Výuka PHP" (teda bude to vyzerať takto: <title>Výuka PHP</title>). Pod toto <title>Výuka PHP</title> ešte pripojte štýli CSS, napíšte tam toto: <link rel="stylesheet" href="styly.css" type="text/css">
3. Tento súbor uložte (Súbor->Ulož ako). Názov súboru dajte php.php
4. Teraz si otvorte súbor menu.php
5. Pridajte tam další odkaz na súbor php.php, ten odkaz bude vyzerať nejak takto: <a href="php.php">PHP</a>. Tento odkaz dajte za túto časť kódu: <a href="xhtml.php">XHTML</a>
6. ok, teraz tento súbor znova uložte, stačí keď stlačíte klávesovú skratku CTRL + S
7. Teraz ideme vytvoriť nové submenu. Otvorte si súbor sub_xhtml.php. V tomto súbore sú odkazy ktoré sa nachádzajú v submenu. Z tohto súboru vymažte všetky odkazy (odkazy začínajú značkou <a> a končia uzatvorením tejto značky, teda </a>) a napíšte tam toto: <a href="../19. Dátum a čas/datum.php">dátum a čas</a>. Ako nadpis tohto submenu napíšte "Výuka PHP", teda nájdite si túto časť kódu: <div class="submenu">. Pod to napíšte toto: <p>Výuka PHP</p>, a pod toto vlastne napíšete ten odkaz na PHP. Teda celé by to malo vyzerať nejak takto:

<div class="submenu">
<p>Výuka PHP</p>
<a href="../19. Dátum a čas/datum.php">dátum a čas</a>
<a target="_blank" href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" border="0" /></a>
</div>

8. Ok, teraz stlačte klávesovú skratku F12, alebo dajte Súbor->Ulož ako, a ako názov súboru napíšte sub_php.php
Teraz sme vlastne vytvorili nové submenu, ktoré sa bude zobrazovať len na stránke PHP (php.php)
9. Vytvorte si nový súbor v PSPade, (presne tak isto ako v prvom kroku, keď ste vytvárali súbor php.php), tento súbor uložte (F12) a ako názov súboru dajte datum.php
10. V tomto súbore si opäť nájdite značku <title></title> a medzi ne napíšte "Dátum a čas" (teda nadpis stránky bude "Dátum a čas").
11. Nájdite si značku <body> a pod toto <body> napíšte toto:
<h1>Dátum a čas</h1>

<?php
echo "<p class='nadpis'>Od polnoci 1. januára 1970 uplynulo práve ".time()." sekund</p>";
echo "<p class='nadpis'>Tato stránka bola načítaná <br /><span style='color:blue'>".date("d. m. Y \v H:i:s")." hodin.</span></p>";
?>

12. Ok, tento súbor datum.php znova uložte, stačí keď stlačíte CTRL + S
13. Teda už sme vytvorili hlavný súbor alebo stránku na ktorej sa bude zobrazovať dátum a čas, teraz ale potrebujeme pripojiť nové submenu php ktoré sme vytvorili v 7. kroku. Toto pripojenie sa robí pomocou include
14. Otvoríme si súbor php.php, v tomto súbore si nájdeme značku <body> a pod ňu napíšeme toto:

<?php
include "menu.php";
include "sub_php.php";
?>

Týmto sme vlastne k stránke php.php pripojili hlavné menu ktoré sa zobrazuje hore v lište a tiež aj submenu.

15. Ok, teraz si vytvorte priečinok s názvom "19. Dátum a čas" a dajte tam všetky súbory ktoré sme vytvorili a s ktorými sme pracovali. Teda v priečinku "19. Dátum a čas" máte tieto súbory: php.php, datum.php, sub_php.php, menu.php. Ďalej tam dajte tieto súbory: index.php a xhtml.php. Tiež tam pripojte svoje štýli CSS a tiež zložku ktorá obsahuje obrázky (táto zložka sa väčšinou nazýva "img") aby sa stránka správne zobrazila. Tento priečinok nahrajte na server. Súbory sub_php.php, menu.php a php.php tiež nahrajte na server do hlavného adresára, teda teraz tam tieto súbory na server nahráte bez toho, aby ste ich dávali do nejakého priečinka.

To by bolo asi tak všetko, teraz by to už malo fungovať...

Ak by ste mali nejaké otázky alebo by vám niečo nefungovalo, kľudne sem napíšte. Pokiaľ budem vedieť, pokúsim sa vám poradiť...

od **Kalina Jaro** » Uto 17. Apr 2012 11:09:55

Šulík nemohol by si tu opísat takto 20.úlohu?

lebo som s nej tak troška v péčku

od **Aďa** » Uto 17. Apr 2012 17:20:46

Jarko, skús trošku nad tým pouvažovať.

iforum

Riešenie 19. úlohy

Riešenie 19. úlohy

Re: Riešenie 19. úlohy

Re: Riešenie 19. úlohy

Kto je on-line