S čím potřebuješ pomoct?
Hlavičkový soubor – header.php
Header se používá zejména ve webových aplikacích za účelem definovat a obsahovat veškerý kód, který se zobrazuje a opakuje na začátku stránky webu. Obsahuje například:
- navigační menu – slouží k navigaci na webu
- logo a branding – logo společnosti nebo značky k identifikaci webu
- hledání – hledací pole pro vyhledávání obsahu na webu
- ovládací prvky – např. přihlášení, registrace, košík.
- meta informace – meta tagy, popisky, klíčová slova
- styly a skripty – odkazuje na externí styly a skripty – CSS styly, JavaScripty a další zdroje
- databázi – pokud pracuji s databázemi skoro na všech stránkách, můžu přidat odkaz na soubor k připojení k databázi
Header s vlastním CSS
Nastavím základní informace, jednoduchou navigaci, logo a název stránky a div s contentem (obsahem)
<!DOCTYPE html>
<html lang="cs">
<head>
<link rel="stylesheet" href="styl.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php echo $pageTitle; ?></title>
</head>
<body>
<div class="header">
<a href="index.php"><img src="logo.png" alt="Apple Logo" class="logo"></a>
<h1><?php echo $pageTitle; ?></h1>
</div>
<nav>
<a href="index.php">Úvodní stránka</a>
<a href="vypis_produkty.php">Výpis produktů</a>
<a href="vyber_produkt.php">Report prodeje</a>
<a href="pridej_produkt.php">Přidat produkt</a>
</nav>
<div class="content">
Header s Bootstrap
Nastavím základní informace, jednoduchou navigaci, logo a název stránky a div s contentem (obsahem)
<?php
require_once ('db.php')
?>
<!DOCTYPE html>
<html lang="cs">
<head>
<link rel="stylesheet" href="styl.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap CSS -->
<link rel="stylesheet" type="text/css" href="https://cdn.mesosdev.cz/bootstrap/bootstrap-5.3.min.css">
<!-- Bootstrap JS -->
<script src="https://cdn.mesosdev.cz/bootstrap/bootstrap-5.3.min.js"></script>
<title><?php echo $pageTitle; ?></title>
</head>
<body>
<div class="header">
<a href="index.php"><img src="logo.png" alt="Apple Logo" class="logo"></a>
<h1><?php echo $pageTitle; ?></h1>
</div>
<nav>
<a href="index.php">Úvodní stránka</a>
<a href="vypis_produkty.php">Výpis produktů</a>
<a href="vyber_produkt.php">Report prodeje</a>
<a href="pridej_produkt.php">Přidat produkt</a>
</nav>
<div class="content">