Tutorial - vytvoření stránek
       Pokud jste si prošli první část návodu k Namo WebEditoru, přečtěte si ještě tento článek, ve kterém si s námi budete moci zkusit vytvořit vlastní webové stránky. Při té příležitosti vás poněkud podrobněji seznámíme s některými nastaveními, která při své vlastní tvorbě budete nejvíce potřebovat.
       Budeme vytvářet imaginární stránky Centra pro východní kultury v Praze. Připravili jsme všechny podkladové materiály, které zde naleznete zabalené ve formátu .ZIP.



       Začneme vytvořením nového framesetu. Stačí kliknout na příkaz New Frameset v nabídce Frame. Po otevření dialogového okna vyberte z nabídky stylů typ Contents. Potvrdíte a můžete pracovat.

       Nejprve se budeme věnovat levé straně. Klikněte do jejího pole, a pak v nabídce Format vyberte příkaz Document... V dialogovém okně nejprve změňte barvu textu na bílou (oddíl Document colors, rozbalovací nabídka Text), a poté určete na pozadí obrázek left.jpg, který naleznete v packu. Doporučuji vybalit si všechny věci na jedno místo, případně umístit obrázky do podadresáře. Potvrďte.

       Tato část je předem definována jako stabilní, tedy, pokud do ní umístíte nějaký odkaz, tak pokud neurčíte jinak, všechny stránky se budou zobrazovat do pravé části. Proto je zde obrázek umístěn jako pozadí, abyste později mohli pohodlně přidávat odkazy či měnit texty. Obrázek nemusí sedět, a tak si nejprve přizpůsobte rozměry framu - najeďte na dělící čáru a tažením doleva či doprava oddíl zužte nebo rozšiřte.

       Nyní si otevřete dokument z packu nazvaný texty. Na začátku naleznete text k levé straně. Vyberte jej a vložte do schránky (Ctrl+C). Vraťte se zpět do editoru a v levém oddílu změňte zarovnání na "zprava". V nabídce Insert zvolte Symbol a v dialog. okně vyberte znak ©. Potvrďte a pak vložte text ze schránky (Ctrl+V). Text bude sice bílý, ale nebude mít správnou podobu a velikost. Dejte jej do bloku a v panelu nástrojů změňte font na ArialCE a několikrát stiskněte pro zmenšení fontu. Pak celý nápis odentrujte ke spodnímu okraji.

       Nastane menší problém: u levé části se objeví skrolovátko a už to nebude vypadat dobře. Pomůžete si menší html fintou. Jednotlivé framy mají v html definováno, zda se tam má skrol objevit či ne. Otevřete si HTML Source v nabídce Frame a v řádku odpovídajícímu na obrázku (to jest tomu, kterému odpovídá levý oddíl), změníte příkaz scrolling="auto" na "no". Potvrdíte, a tím zamezíte dalšímu posouvání levé strany.

       Nyní se můžete pustit do pravé strany. Vrátíte se zpět k textům z packu a přenesete tam kompletní texty pro pravou stranu. Zopakujete úpravy, abyste dosáhli požadované podoby. Na začátku každého odstavce použijte několikrát Nonbreaking Space z nabídky Insert, abyste udělali odsazení.

       Pak se můžete pustit do vkládání obrázků. První, nadpis, přijde nahoru. Odentrujete celý text o řádek níž a ve volném řádku nastavíte zarovnání "na střed". Pak stisknete a otevřete dialogové okno pro vložení obrázku.

       U nadpisu vám bude stačit, když v záložce General vyberete cestu k obrázku (je to logo.gif). U zbylých dvou obrázků (r1.jpg a r2.jpg), které vložíte na začátek každého lichého odstavce, ještě v záložce Appearance nastavte zarovnání (oddíl Alignment), odsazení (Horizontal, Vertical space; hodnota 10) a ohraničení (Border; hodn. 1).

       Tím se vám podařilo sestavit kompletní textovou část stránek a zbývá už jen připojení odkazů na kontakty stránek.

       Aby byly kompaktnější, umístíte je do tabulky. Sjedete na konec dokumentu a přidáte řádek. Vytvoříte tabulku příkazem New Table v nabídce Table. V dialogovém okně nastavíte 1 řádek a 2 sloupce (oddíl Rows and Columns), okraje buněk a tabulky vynulujete (oddíl Layout; všechny hodn. 0). Pak potvrdíte; v samotné tabulce ještě změňte zarovnání (v levé buňce "vpravo" a v pravé naopak).

       Do jednotlivých buněk tabulky postupně vložíte dva symboly z archivů Namo WebEditoru. Bude to mail a home. Stisknete a v otevřeném dialogovém okně postupně vložíte clipart s dopisem z nabídky Mail a clipart s domečkem z nabídky Home. Obrázky budou těstě vedle sebe, proto k nim musíte v každé buňce znovu přidat několikrát Nonbreaking Space.

       Zbývá už jen připojil linky k jednotlivým obrázkům. Kliknete na ně a pak v nabídce Insert vyberte Hyperlink (klávesa F9). V dialogovém okně nastavíte ty to parametry: Pro poštu změníte způsob odkazu v rozbalovací nabídce Scheme na mailto. Pak zcela nahoru do řádku URL vložíte e-mailovou adresu, kterou naleztene v textech. Pro domů necháte Scheme na http a přidáte adresu z textů. Změníte tam však ještě jednu věc - v tozbalovací nabídce Target Frame zvolíte příkaz _blank. Tím zajistíte, že se nová načítaná stránka bude zobrazovat do nového okna prohlížeče a nikoli přes stránky vaše.

       Tím jste dokončili práci na ministránečkách, které vám měly ukázat, co všechno Namo WebEditor umí. Přeji vám mnoho úspěchů při tvorbě stránek vlastních.

 Vlastimil Bret         
 


Vaše tipy pro další návody očekáváme na adrese navody.chipcd@vogel.cz