Stránka s programem

Web má obvykle víc než jednu stránku. Ten náš dostane druhou, s programem: kdy se který film hraje a ve kterém sále.

Do editoru jsme přidali soubor program.html. Teď je mezi soubory první, a tak ho náhled zobrazí. Už má svůj head a v main je nadpis, odstavec a program jako obyčejný text se sloupci oddělenými znakem |.

Stejné záhlaví a zápatí. Návštěvníci čekají, že každá stránka webu bude mít stejné záhlaví a zápatí, aby se odkudkoli dostali kamkoli a vždycky věděli, kde jsou. Na malém webu, jako je ten náš, má prostě každá stránka jejich vlastní kopii. Zkopírujte je z index.html: označte celý prvek header od <header> po </header>, zkopírujte ho (Ctrl+C, na Macu Cmd+C), přepněte na program.html a vložte ho (Ctrl+V, na Macu Cmd+V). Pak totéž udělejte se zápatím.

Tabulka. Potom z programu udělejte tabulku se čtyřmi sloupci: Den, Čas, Film a Sál. Z každého řádku textu bude řádek tabulky a z každé části mezi znaky | jedna buňka. Znaky | smažte.

Až budete hotovi, vyzkoušejte v náhledu odkazy: Úvod nebo logo vás přenese na úvodní stránku a Program nebo tlačítko Co hrajeme zpátky. Odkazy fungují, protože oba soubory jsou ve stejné složce a relativní odkazy hledají soubory právě tam.

Pokyny

  1. Zkopírujte header z index.html do program.html hned pod otevírací tag <body> a footer hned nad zavírací tag </body>.

  2. Z prvního řádku programu udělejte tabulku s řádkem buněk záhlaví: Den, Čas, Film a Sál.

  3. Ze zbylých pěti řádků udělejte řádky s datovými buňkami, jeden řádek pro každé promítání.