Děláme www stránky v HTML editoru - 7. část

V dnešní vánoční lekci se budeme věnovat dalším možnostem, které můžete na své stránce dělat s obrázky. Což si udělat třeba malé fotoalbum?

     Opět si tedy otevřeme v Front Page Expressu naši stránku index.htm. Stránku si pod tabulkou oddělíme čarou. Jak se to dělá? Nejdřív dejte kurzor až dolů pod tabulku a potom klikněte v hlavním menu na "Vložit" a v rozvinutém menu "Vodorovná čára".

     Nyní dáme kurzor doprostřed a založíme si tabulku o třech sloupcích a jenom řádku. To už umíme. Připomeneme pouze, že to uděláme nahoře v hlavním menu "Vložit" - "Tabulku".

     Nyní se podíváme po fotografiích, které ale nebudeme stahovat. Ukážeme si, jak je můžeme vložit do naší stránky z místa, aniž by nám zabíraly místo na disku, na kterém hostujeme. Samozřejmě tento postup se používá pouze u tzv. "stabilních zdrojů", kde máme jistotu, že autor obrázek za týden či měsíc neodstraní.

     Jako zdroj použijeme Fotoalbum SKSK ČR a ICOK, které najdete na adrese http://www.fotoalbum.icok.cz. Vybereme si zde třeba tři obrázky z Bambiriády 2002 z adresy http://fotoalbum.junweb.cz/bambiriada/b2/index.htm. Stáhneme si tři náhledové obrázky vpravo dole. U nich nám nezbude, než je stáhnout a umístit do adresáře obr. To už také umíme. Pravým tlačítkem myši klikneme na obrázek a dáme "Uložit obrázek jako".

     Kurzor nyní vložíme do prvního políčka tabulky a vycentrujeme jej na střed. Tabulka se nám trochu protáhne.

     Nyní starým známým způsobem budeme vkládat obrázek. V hlavním menu "Vložit" a dále v rozvinutém menu "Obraz". Klikneme na "Procházet" a vyhledáme první obrázek v adresáři "obr". Jmenuje se "a2018.gif". Dvakrát na něj zaklikáme myší.

     Nyní musíme nastavit vlastnosti obrázku, což již také umíme. Klikneme na obrázek pravým tlačítkem myši a dále pak na "Vlastnosti obrazu". Nyní se v druhém okně vrátíme na fotoalbum a klikneme v něm na stejný náhledový obrázek. Horní řádek s adresou dáme do bloku a uložíme současným stiskem kláves Ctrl a C. Nyní se vrátíme do okna Front Page Expressu, kursor umístíme do "Umístění" a současně zmačkneme klávesy Ctrl a V. Ještě nastavíme ve "Vzhled" "Na střed" a potvrdíme stiskem OK. Nyní, až stránku nahrajeme na Internet, tak se po kliknutí na náhledový obrázek otevře velký obrázek, stejně jako ve fotoalbu. Při tom jsme ušetřili místo na našem serveru, kde je stránka umístěna, protože obrázek tam fyzicky není a zobrazuje se nám přímo z fotoalba. Stejným způsobem do tabulky vložíme i druhý a třetí obrázek a pod ně velké obrázky z fotoalba.

     Nyní se ještě přepněme na stránku martin.htm. Zde si najedeme kurzorem pod řádek s jeho emailem a napíšeme sem " Marťas občas chodí do Internetstudia pro děti a mládež ve Viktorinově 8 v Praze 4 Nuslích." Začátek řádku opět odsadíme o pět tvrdých mezer. Na řádku pod tím vycentrujeme kurzor doprostřed a ukážeme si další způsob vložení obrázku.

     V hlavním menu dáme opět "Vložit" a "Obraz". Tentokrát překlikneme přepínač "Procházet" na "Z místa" a do políčka vložíme adresu http://www.fotoalbum.icok.cz/is/pic004b.gif, na které najdeme obrázek vchodu do domu, kde je internetstudio.

     Potvrdíme kliknutím na OK a objeví se nám obrázek, který opět není uložen na disku serveru, na kterém hostujeme, ale je brán přímo z fotoalba.

     Nesmíme zapomenout nastavit ve "Vlastnostech obrázku", že chceme obrázek na střed. Toto je nutno nastavit vždy při vložení každého obrázku, protože ty jsou implicitně nastaveny vždy "Dolů".

    Nyní nezbývá, než vše opět nahrát na Internet. Naši stránku z této lekce najdete na adrese http://www.html7.ekamarad.cz.