dnes je 11.12.2024

Input:

WWW stránky prakticky - 3. část

15.3.2007, , Zdroj: Verlag Dashöfer

Minule jsme si připravili soubor index.html, který již obsahuje odkazy pro navigaci. Nyní začneme pracovat s kaskádovými styly, pomocí kterých dodáme stránce náležitý vzhled.

Již v první lekci našeho výkladu jsme vložili do hlavičky internetové stránky následující odkaz:

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

Jde o odkaz na externí soubor, který jsme nazvali styly.css. Odkaz musí být takto vložen do všech stránek, které budeme následně vytvářet.
V této lekci si tedy soubor styly.css vytvoříme. Použijeme k tomu vynikající nástroj, který je zdarma, a sice  program TopStyle Lite. Stáhneme jej z http://www.slunecnice.cz/ pomocí odkazu http://www.slunecnice.cz/product/TopStyle/ a nainstalujeme jej na pevný disk. Program je sice v angličtině, ale lze se v něm celkem dobře orientovat.
Po spuštění tohoto programu se otevře editační prostředí. Použijeme označenou ikonu - jako první si ukážeme, jak nadefinovat vlastnosti pro značku <body>.

Po použití ikony New Selector  se zobrazí následující dialogové okno:

V seznamu HTML Element označíme BODY (přenese se do pole Current Selector). Pomocí vyznačené šipky tuto značku zařadíme do seznamu Selectors a dialogové okno potvrdíme.

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