12.úloha- Include
V 12.úlohe ide o to, aby sa vám vrchná lišta a submenu zobrazovalo v každej časti. Výsledok by mal vyzerať asi takto: http://xhtmlstranka.wu.cz/formatovanie/text_css.php (táto stránka patrí Peťovi Šulcovi).
1. Do priečinku, kde máte súbory menu.php, sub_xhtml.php, vložte priečinok images, kde máte obrázky vrchnej lišty.
2. Do každého priečinku vložte súbory menu.php, sub_xhtml.php, images, index.php a xhtml.php. Tieto súbory nevkladajte len do priečinku- 9. index, menu submenu a 12. include. (do priečinku č. 1. Základná kostra HTML dokumentu a priečinku č.2 Členenie dokumentu nie je potrebné vkladať tieto súbory, nakoľko nebudú uverejnené na webe.
3. Na to, aby sa vám submenu zobrazovalo správne na každej stránke je potrebné mať v CSS dokumente definované submenu. V priečinkoch už máte vytvorený CSS dokument, otvorte si ho a napíšte pod kód, ktorý tam už máte napísaný toto:
p {
color: black;
text-align: justify;
}
h1 {
color: green;
}
.menu {
color: #660000;
text-decoration: none;
font-size: 16px;
font-weight: 900;
}
.submenu {
float: left;
width: 150px;
background-color: #EFEFFF;
border-right-style: solid;
border-right-width: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
text-align: center;
padding-top: 12px;
padding-bottom: 12px;
}
.sub {
color: #000080;
text-decoration: none;
font-size: 14px;
font-weight: 400;
line-height:20px;
}
.hlavna {
margin-left: 165px;
float: left;
width: 600px;
}
Kód, ktorý máte prepísať je zvýraznený tučným písmom. Tento kód prepíšte do každého CSS dokumentu.
4. Do každého súboru definujte triedu "hlavna". Definujete ju príkazom <div class="hlavna">. Pozor! Triedu "hlavna" definujte len v súboroch, kde máte písaný zdrojový kód web stránky. Ukážem vám príklad, ako to má vyzerať. Ja vám to ukážem na súbore text.php, ktorý mám v priečinku 3. Kaskádové štýly CSS. Kód vyzerá následovne:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250" />
<title>Členenie dokumentu</title>
<link rel="stylesheet" type="text/css" href="styly.css">
</head>
<body>
<?php
Include "menu.php";
include "sub_xhtml.php";
?>
<div class="hlavna">
<h1 style="text-align:left;color:red">Toto je nadpis úrovne 1</h1>
<h2 style=.....atď.
Kód, ktorý máte prepísať je opäť zvýraznený tučným písmom. Triedu "hlavna" píšete hneď po príkaze PHP. Takýmto spôsobom definujete triedu "hlavna" v každom súbore (nezabúdajte na to, že triedu definujete len v súboroch, kde máte písaný zdrojový kód web stránky, čiže v priečinku 3. Kaskádové štýly CSS to bude súbor s názvom text.php, v priečinku 5. Vkladanie obrázkov, to bude súbor s názvom obrazky.php, atď.). Tento kód píšete v priečinkoch 3,5,6,7,8. V priečinkoch 1,2,4 to nie je potrebné, ale ak chcete, tak ju tam môžte definovať. V priečinku č. 9. index, menu, submenu by ste túto triedu mali mať definovanú.
5. Po všetkých týchto úpravách by sa vám vaša web stránka mala zobrazovať správne.
Dúfam, že som nezabudla na nič. Ak vám to predsa len nepôjde, tak napíšte do tohto fóra, ale ešte predtým nad tým skúste trochu pouvažovať a možno aj sami prídete na to, prečo vám to nefunguje. Veľa šťastia.
PS: NEOTRAVUJTE PEŤA ŠULCA. NA VŠETKY VAŠE OTÁZKY BUDE ODPOVEDAŤ TU!!!
