Mobillimalli järgi veebilehestik

Ülesanne: luua mobiilimalli stiilis kujundatud anekdootide veebileht.

Objektid:

1. Navigeerimismenüü
2. Header
3. Anekdoodi plokk
4. Footer

Navigeerimismenüü

See on lehe ülaosas asuv menüü kolme anekdoodi linkidega.

<div id="header">
    <div class="nav">
        <ul>
            <li><a href="esimene.php">Hilinemise põhjus</a></li>
            <li><a href="teine.php">Doktori soovitus</a></li>
            <li><a href="kolmas.php">Arvutihiire mõistatus</a></li>
        </ul>
    </div>
</div>

Footer

See on plokk, mis kuvab autori nime — Oleksandra Ryshniak.

<footer>
    Oleksandra Ryshniak
    </footer>

Header ja Anekdoodi plokk

1. Lisab lehele faili menu.php, kus asub navigeerimismenüü -

   <?php require("menu.php");?>

2. Lehe pealkiri – anekdoodi nimi -

   <h2>Hilinemise põhjus</h2>

3. Lisab lehele faili anekdoot1.txt sisu. See tähendab, et anekdoot hoitakse eraldi tekstifailis ja PHP kuvab selle lehel.

   <p><?php require("anekdoot1.txt");?></p>
           

4. Lisab lehe jaluse (footer), näiteks autori nime või muu lisainfo -

   <?php require("anekdoot_footer.php"); ?>

<?php require("menu.php");?>
<h2>Hilinemise põhjus</h2>
<p>
    <?php
    require("anekdoot1.txt");
    ?>
</p>
<?php require("anekdoot_footer.php"); ?>

Kogu lehe vaade

Kuupäev ja aja