dnes je 6.7.2022

Input:

WWW stránky prakticky - 2. část

2.3.2007, , Zdroj: Verlag Dashöfer

Pokračujeme v návrhu internetových stránek, které jsme minule rozpracovali, pro práci využijeme HTML editor Yugie.

Otevřeme si rozpracovanou stránku index.html a nyní provedeme ruční úpravu zdrojového kódu:

  1. u značky <body bgcolor="#FFFFFF" text="#000000" link="#FFFF00" alink="#FF0000" vlink="#0000FF"> smažeme veškeré atributy (zde označeno červeným písmem), ponecháme pouze <body>. To je z toho důvodu, že v našem příkladu budeme využívat kaskádové styly, pomocí nichž nadefinujeme, jak má značka <body> vypadat.
  2. umístíme kurzor za značku <head> a odřádkujeme. Na prázdný řádek si vložíme odkaz na soubor se styly takto:
    V nabídce Nástroje potvrdíme příkaz Seznam HTML tagů. V dialogovém okně potom najdeme značku LINK, stiskneme tlačítko Vložit a zavřeme dialogové okno křížkem.

Vložila se nám tato část zdrojového kódu:

<link type="" href="" mce_href="" title="" rel="" rev="">

Atributy (parametry) značky upravíme takto:

<link type="text/css" href="styly.css" mce_href="styly.css" rel="stylesheet">.

Vložení tohoto zdrojového kódu je velice důležité - je to odkaz na externí soubor stylů, který si teprve vytvoříme. Budeme překvapeni, jak jednoduchá bude potom úprava vzhledu stránek.

Soubor uložíme. Kdybychom nyní stránku index.html otevřeli v prohlížeči, zatím na ní nic neuvidíme. Zdrojový kód si můžeme prohlédnout v souboru index2.html.

Nyní zpracujeme navigaci stránky. Základní zdrojový kód máme již připraven v souboru index.html, budeme tedy pokračovat v tomto souboru. Jak jsme si již řekli, naše stránky budou mít 5 souborů, které

Nahrávám...
Nahrávám...