ARCHIV
PerlPHPGimpZačínáme s wi-fi64bit LinuxProgramování C/C++Linux v příkazechHTMLPostgreSQLOkenní managery
Software (10844)
Distribuce (131)
Skripty (697)
Menu
Diskuze
Informace
PHP (69) - Stavíme portál 2.
Dnes budeme pokračovat v programování našeho virtuálního hudebního portálu.
22.11.2004 15:00 |
Petr Zajíc
| Články autora
| přečteno 77214×
V minulém díle jsme načali tvorbu portálu pro virtuální hudební
skupinu. Dnes si ukážeme, jak na takovém portálu realizovat navigaci
mezi jednotlivými částmi webu. Uvidíme rovněž, že již v této fázi
návrhu se dají použít některé "osvědčené triky" ostřílených
webdesignérů.
Kódování a typ dokumentu
V navázání na předchozí díl se (například) rozhodneme, že budeme
používat kódování utf-8. Tím bychom se měli zcela vyhnout problémům s
češtinou. Jiná dobrá volba je iso-8859-2. Pokud máte pocit, že byste
své stránky chtěli kódovat v čemkoli jiném, zvažte to. Většinou pro to
není důvod. Rovněž se rozhodneme použít (například) typ dokumentu HTML
4.0 Transitional. Odpovídající DOCTYPE a meta-tag můžeme do dokumentu
hned zapsat. Informace můžete čerpat ze seriálu Pavla Káchy zde na
Linuxsoftu.
Rozvržení stránky
Minule jsem slíbil, že náš portál bude mít tabulkový layout. Ten
navrhneme z výukových důvodů co možná nejjednodušší. Stránka tedy bude
tvořena tabulkou, která bude centrovaná a bude mít jednu širokou buňku
v prvním řádku jako záhlaví a dvě užší buňky ve druhém řádku jako tělo
(viz obrázek).
V levé buňce budeme mít seznam odkazů a v pravé buňce budeme zobrazovat vlastní obsah webu. Takže, například po kliknutí na odkaz Diskografie se nám v buňce vpravo otevře příslušný text s alby a písněmi. Startovací soubor webu index.php bude tedy obsahovat tabulku:
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>
Web virtuální kapely
</title>
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8"/>
<style type="text/css"
title="text/css">
</style>
</head>
<?require
"./func.php";?>
<body>
<div align="center">
<table width="760" cellpadding="0"
cellspacing="0" border="1">
<tr>
<td width="760"
height="120" colspan="2"><img src="./images/top.jpg" width="760"
height="120"></td>
</tr>
<tr>
<td width="160"
valign="top"><?require
"./navigace.php"?></td>
<td width="600"
valign="top"><?ukazclanek()?></td>
</tr>
</table>
</div>
</body>
</html>
Cílem tohoto přístupu je udržet skript index.php co nejmenší, protože bude obsahovat pouze rozvržení. Všimněte si, že vkládáme soubor s funkcemi func.php a soubor s navigací navigace.php. V souboru s func.php je funkce ukazclanek(), která zahrnuje určitou aplikační logiku:
<?
function ukazclanek
()
{
if ((string)$_REQUEST["clanek"]<>'') $mujclanek=$_REQUEST["clanek"]; else $mujclanek="uvod";
if (is_file("./".$mujclanek.".htm")):
$nazevclanku=$mujclanek.".htm";
require $nazevclanku;
elseif (is_file("./".$mujclanek.".php")):
$nazevclanku=$mujclanek.".php";
require $nazevclanku;
else:
$nazevclanku=$mujclanek.".htm";
require "notfound.php";
endif;
}
?>
Cílem je, aby odkaz ve stylu index.php?clanek=uvod našel nejprve soubor uvod.htm, neexistuje-li pak uvod.php a nakonec (není-li k dispozici ani ten) soubor s chybovým hlášením (my jsme jej nazvali notfound.php). A teď to nejlepší - pomocí funkce require umístíme soubor uvod.htm (nebo výstup skriptu uvod.php) do naší buňky v pravé části tabulky a základní navigace je hotova.
Pozn.: Ještě detail. Jestliže se
skript index.php zavolá bez argumentů, bude funkce ukazclanek
automaticky předpokládat, že chceme zobrazit úvodní stranu celé
aplikace.
Soubor navigace.php si asi již umíte představit. Obsahuje odkazy ve
stylu index.php?clanek=[název článku] a díky navigační logice je již
zajištěno, že se požadované informace objeví v pravé části tabulky. Ve
skutečnosti toho jde dělat daleko víc - jiná navigace může být
zobrazena, pokud je přihlášen nějaký uživatel, pro administrátora může
být načten jiný layout a podobně.
Pár tipů k rozložení
- Pokud má být někde obrázek, osvědčilo se mi vyrobit dočasný obrázek spíše, než nechat místo prázdné. Dříve a snáze tak totiž odhalíte případné chyby v rozvržení stránky (nebo spíše chyby v interpretci norem u některých prohlížečů).
- Pokud používáte tabulkový layout, nechte po dobu vývoje nastavené zobrazování okrajů tabulky (border). Budete tak mít představu o tom, co je kde umístěno.
- Nikdy nedělejte zároveň práce na PHP - aplikační logice a zároveň na layoutu. Většinou to skončí výrobou "omalovánky", která se následně zahodí.
V dalším díle se podrobně podíváme na známý problém "jak určit, čím začít" a napíšeme první "velké" skripty na tomto webu. Na návrh v podobě, jak jsme jej dnes přednesli se můžete na našem webu podívat nebo si jej můžete stáhnout.
Předchozí Celou kategorii (seriál) Další
PHP (2) - Jak to funguje
PHP (3) - Instalace
PHP (4) - Základy syntaxe
PHP (5) - Příkaz Echo; formátování kódu
PHP (6) - Typy proměnných
PHP (7) - Pole
PHP (8) - Výrazy, konstanty, inkrementace
PHP (9) - Přetypování proměnných
PHP (10) - Logické výrazy a operátory
PHP (11) - Operátory porovnání; priorita operátorů
PHP (12) - Podmínky
PHP (13) - Příkazy cyklu
PHP (14) - Cyklus for
PHP (15) - Funkce
PHP (16) - Vyrobme si kalendář
PHP (17) - Dokončujeme kalendář
PHP (18) - Funkce pro práci s poli
PHP (19) - Objekty
PHP (20) - Objekty podruhé
PHP (21) - Vkládání souborů
PHP (22) - Regulární výrazy
PHP (23) - Neztraťte se ve funkcích
PHP (24) - Pracujeme s formuláři
PHP (25) - Formuláře - nikomu nevěřte
PHP (26) - Formuláře na sto způsobů
PHP (27) - Příklady na formuláře
PHP (28) - Chybovati je lidské
PHP (29) - Soubory a adresáře
PHP (30) - Počitadlo pomocí souborů
PHP (31) - Upload a download souborů
PHP (32) - Příklad na BLOG
PHP (33) - HTTP hlavičky
PHP (34) - Úvod do databází
PHP (35) - Uložení dat v databázi
PHP (36) - Připojujeme se k MySQL
PHP (37) - Tvorba tabulek v MySQL
PHP (38) - Dolujeme data z MySQL
PHP (39) - Zobrazujeme a stránkujeme data
PHP (40) - PHP a vkládání záznamů do databází
PHP (41) - Měníme data v databázích
PHP (42) - Odstraňujeme databázová data
PHP (43) - MySQL rychleji a rychleji
PHP (44) - MySQL ještě rychleji
PHP (45) - Jsou data v databázi v bezpečí?
PHP (46) - Importujeme data do databáze
PHP (47) - Exportujeme data
PHP (48) - Práce s binárními daty (BLOB)
PHP (49) - Kam kráčíš, MySQL?
PHP (50) - Ověřování uživatelů
PHP (51) - Přenos dat mezi stránkami
PHP (52) - Cookies
PHP (53) - Sessions
PHP (54) - Dodržování webových standardů
PHP (55) - Odesílání e-mailů
PHP (56) - Tisk a PDF
PHP (57) - XML
PHP (58) - XML lépe a radostněji
PHP (59) - zapisujeme XML
PHP (60) - Rozsáhlejší projekty 1.
PHP (61) - Rozsáhlejší projekty 2.
PHP (62) - Rozsáhlejší projekty 3.
PHP (63) - Rozsáhlejší projekty 4.
PHP (64) - Ladění kódu
PHP (65) - Ladění kódu 2.
PHP (66) - PHP debugger
PHP (67) - Zdroje informací o PHP
PHP (68) - Stavíme portál
PHP (70) - Registrace uživatelů na portálu
PHP (71) - Přihlašování uživatelů na portál
PHP (72) - Hrátky s uživateli
PHP (73) - Frontend a backend
PHP (74) - Administrátorské rozhraní portálu
PHP (75) - Pokračujeme na portále
PHP (76) - Zobrazujeme data na portále
PHP (77) - Portál, databáze a relace
PHP (78) - Informační obsah portálu
PHP (79) - Triky s formuláři a ergonomie webu
PHP (80) - Administrace diskografie hudebního portálu
PHP (81) - Uživatel versus programátor
PHP (82) - zabezpečení vstupů formulářů
PHP (83) - Ukládání textů písní na hudebním portále
PHP (84) - Ještě k registraci
PHP (85) - ukládání souborů do databáze na portálu
PHP (86) - zobrazení dat a stahování soborů pro registrované
PHP (87) - finišujeme portál
PHP (88) - provoz ve Windows
PHP (89) - cesta do hlubin php.ini
PHP (90) - Poťouchlé konfigurační volby
PHP (91) - php.ini potřetí a naposledy
PHP (92) - funkce pro interakci s operačním systémem
PHP (93) - příkazový řádek
PHP (94) - GUI
PHP (95) - GUI podruhé
PHP (96) - (ne)bezpečné PHP
PHP (97) - bezpečnost ještě jednou
PHP (98) - PHP 5.
PHP (99) - Budoucnost PHP
PHP (100) - Závěr
PHP (101) - Apríl: Příklady z praxe
php rewrite
Byte order mark a PHP
Předchozí Celou kategorii (seriál) Další Ke stažení jako HTML nebo jako PDF.
|
Příspívat do diskuze mohou pouze registrovaní uživatelé. | |
Vyhledávání software
Vyhledávání článků
28.11.2018 23:56 /František Kučera
Prosincový sraz spolku OpenAlt se koná ve středu 5.12.2018 od 16:00 na adrese Zikova 1903/4, Praha 6. Tentokrát navštívíme organizaci CESNET. Na programu jsou dvě přednášky: Distribuované úložiště Ceph (Michal Strnad) a Plně šifrovaný disk na moderním systému (Ondřej Caletka). Následně se přesuneme do některé z nedalekých restaurací, kde budeme pokračovat v diskusi.
Komentářů: 1
12.11.2018 21:28 /Redakce Linuxsoft.cz
22. listopadu 2018 se koná v Praze na Karlově náměstí již pátý ročník konference s tématem Datová centra pro business, která nabídne odpovědi na aktuální a často řešené otázky: Jaké jsou aktuální trendy v oblasti datových center a jak je optimálně využít pro vlastní prospěch? Jak si zajistit odpovídající služby datových center? Podle jakých kritérií vybírat dodavatele služeb? Jak volit vhodné součásti infrastruktury při budování či rozšiřování vlastního datového centra? Jak efektivně datové centrum spravovat? Jak co nejlépe eliminovat možná rizika? apod. Příznivci LinuxSoftu mohou při registraci uplatnit kód LIN350, který jim přinese zvýhodněné vstupné s 50% slevou.
Přidat komentář
6.11.2018 2:04 /František Kučera
Říjnový pražský sraz spolku OpenAlt se koná v listopadu – již tento čtvrtek – 8. 11. 2018 od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5). Tentokrát bez oficiální přednášky, ale zato s dobrým jídlem a pivem – volná diskuse na téma umění a technologie, IoT, CNC, svobodný software, hardware a další hračky.
Přidat komentář
4.10.2018 21:30 /Ondřej Čečák
LinuxDays 2018 již tento víkend, registrace je otevřená.
Přidat komentář
18.9.2018 23:30 /František Kučera
Zářijový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 20. 9. 2018 od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5). Tentokrát bez oficiální přednášky, ale zato s dobrým jídlem a pivem – volná diskuse na téma IoT, CNC, svobodný software, hardware a další hračky.
Přidat komentář
9.9.2018 14:15 /Redakce Linuxsoft.cz
20.9.2018 proběhne v pražském Kongresovém centru Vavruška konference Mobilní řešení pro business.
Návštěvníci si vyslechnou mimo jiné přednášky na témata: Nejdůležitější aktuální trendy v oblasti mobilních technologií, správa a zabezpečení mobilních zařízení ve firmách, jak mobilně přistupovat k informačnímu systému firmy, kdy se vyplatí používat odolná mobilní zařízení nebo jak zabezpečit mobilní komunikaci.
Přidat komentář
12.8.2018 16:58 /František Kučera
Srpnový pražský sraz spolku OpenAlt se koná ve čtvrtek – 16. 8. 2018 od 19:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tentokrát jsou tématem srazu databáze prezentaci svého projektu si pro nás připravil Standa Dzik. Dále bude prostor, abychom probrali nápady na využití IoT a sítě The Things Network, případně další témata.
Přidat komentář
16.7.2018 1:05 /František Kučera
Červencový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 19. 7. 2018 od 18:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tentokrát bude přednáška na téma: automatizační nástroj Ansible, kterou si připravil Martin Vicián.
Přidat komentář
Poslední diskuze31.7.2023 14:13 /
Linda Graham
iPhone Services
30.11.2022 9:32 /
Kyle McDermott
Hosting download unavailable
13.12.2018 10:57 /
Jan Mareš
Re: zavináč
2.12.2018 23:56 /
František Kučera
Sraz
5.10.2018 17:12 /
Jakub Kuljovsky
Re: Jaký kurz a software by jste doporučili pro začínajcího kodéra?