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:
- 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.
- 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é…
