LINUXSOFT.cz Přeskoč levou lištu
Uživatel: Heslo:  
   CZUKPL

> 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 61392×

Komerční sdělení: Pořádáme Kurzy PHP

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).

layout

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.

Verze pro tisk

pridej.cz

 

DISKUZE

pozor_na_chyby 11.1.2006 21:44 Alex_Kovy
|- Re: pozor_na_chyby 12.1.2006 10:17 o.k.
L Re: pozor_na_chyby 13.1.2006 15:34 Petr Zajíc
re69serial 12.1.2006 17:29 Alex_Kovy
|- Re: re69serial 13.1.2006 09:36 o.k.
| L Re: re69serial 13.1.2006 11:50 Alex_Kovy
|   L Re: re69serial 13.1.2006 12:35 Ondřej Čečák
L Re: re69serial 13.1.2006 15:35 Petr Zajíc
Pozor_na_dalsiu_chybu_vo_func.php:) 13.1.2006 01:24 Alex_Kovy
L Re: Pozor_na_dalsiu_chybu_vo_func.php:) 13.1.2006 15:41 Petr Zajíc
title jednotlivých stránek? 23.1.2006 11:12 lada wied
L Re: title jednotlivých stránek? 23.1.2006 14:41 Petr Zajíc
  L Re: title jednotlivých stránek? 24.1.2006 10:50 lada wied
func.php 15.3.2006 22:53 honza dohnal
L Re: func.php 16.3.2006 12:22 Petr Zajíc
  L Re: func.php 17.3.2006 09:56 honza dohnal
    L Re: func.php 17.3.2006 11:46 Petr Zajíc
Stranka s parametrama neexistuje 13.11.2006 08:50 David Liška
L Re: Stranka s parametrama neexistuje 13.11.2006 11:48 Petr Zajíc
podsložka 3.11.2009 12:10 David Svoboda
Více uživatelů 31.3.2010 22:36 Petr Volf
  L Re: Více uživatelů 31.3.2010 23:45 Petr Volf




Příspívat do diskuze mohou pouze registrovaní uživatelé.
> Vyhledávání software
> Vyhledávání článků

13.9.2017 8:00 /František Kučera

Máš rád svobodný software a hardware nebo se o nich chceš něco dozvědět? Zajímá tě DIY, CNC, SDR nebo morseovka? Přijď na sraz spolku OpenAlt – tentokrát netradičně v pondělí: 18. září od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5).


Přidat komentář

3.9.2017 20:45 /Redakce Linuxsoft.cz
PR: Dne 21. září 2017 proběhne v Praze konference "Mobilní řešení pro business". Hlavní tématy konference budou: nejnovější trendy v oblasti mobilních řešení pro firmy, efektivní využití mobilních zařízení, bezpečnostní rizika a řešení pro jejich omezení, správa mobilních zařízení ve firmách a další.
Přidat komentář

15.5.2017 23:50 /František Kučera
Máš rád svobodný software a hardware nebo se o nich chceš něco dozvědět? Zajímá tě DIY, CNC, SDR nebo morseovka? Přijď na sraz spolku OpenAlt, který se bude konat ve čtvrtek 18. května od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5).
Přidat komentář

12.5.2017 16:42 /Honza Javorek
PyCon CZ, česká konference o programovacím jazyce Python, se po dvou úspěšných ročnících v Brně bude letos konat v Praze, a to 8. až 10. června. Na konferenci letos zavítá např. i Armin Ronacher, známý především jako autor frameworku Flask, šablon Jinja2/Twig, a dalších projektů. Těšit se můžete na přednášky o datové analytice, tvorbě webu, testování, tvorbě API, učení a mentorování programování, přednášky o rozvoji komunity, o použití Pythonu ve vědě nebo k ovládání nejrůznějších zařízení (MicroPython). Na vlastní prsty si můžete na workshopech vyzkoušet postavit Pythonem ovládaného robota, naučit se učit šestileté děti programovat, efektivně testovat nebo si v Pythonu pohrát s kartografickým materiálem. Kupujte lístky, dokud jsou.
Přidat komentář

2.5.2017 9:20 /Eva Rázgová
Putovní konference československé Drupal komunity "DrupalCamp Československo" se tentokrát koná 27. 5.2017 na VUT FIT v Brně. Můžete načerpat a vyměnit si zkušenosti z oblasti Drupalu 7 a 8, UX, SEO, managementu týmového vývoje, využití Dockeru pro Drupal a dalších. Vítáni jsou nováčci i experti. Akci pořádají Slovenská Drupal Asociácia a česká Asociace pro Drupal. Registrace na webu .
Přidat komentář

1.5.2017 20:31 /Pavel `Goldenfish' Kysilka
PR: 25.5.2017 proběhne v Praze konference na téma Firemní informační systémy. Hlavními tématy jsou: Informační systémy s vlastní inteligencí, efektivní práce s dokumenty, mobilní přístup k datům nebo využívání cloudu.
Přidat komentář

15.4.2017 15:20 /František Kučera
Máš rád svobodný software a hardware nebo se o nich chceš něco dozvědět? Zajímá tě IoT a radiokomunikace? Přijď na sraz spolku OpenAlt, který se bude konat ve středu 19. dubna od 18:30 v Šenkovně (Sokolská 60, Praha 2).
Přidat komentář

5.3.2017 19:12 /Redakce Linuxsoft.cz
PR: 23. března proběhne v Praze konferenci na téma Cloud computing v praxi. Hlavními tématy jsou: Nejžhavější trendy v oblasti cloudu a cloudových řešení, Moderní cloudové služby, Infrastruktura současných cloudů, Efektivní využití cloudu, Nástrahy cloudových řešení a jak se jim vyhnout.
Přidat komentář

   Více ...   Přidat zprávičku

> Poslední diskuze

18.9.2017 14:37 / Rojas
high security vault

15.9.2017 7:33 / Wilson
new zealand childcare jobs

31.8.2017 12:11 / Jaromir Obr
Re: ukůládání dat ze souboru

30.7.2017 11:12 / Jaromir Obr
Národní znaky

27.7.2017 12:24 / Jaromir Obr
Cteni/zapis

Více ...

ISSN 1801-3805 | Provozovatel: Pavel Kysilka, IČ: 72868490 (2003-2017) | mail at linuxsoft dot cz | Design: www.megadesign.cz | Textová verze