Jednoduchá webová stránka

Textový editor Word umožňuje mimo běžných funkcí textového procesoru i tvorbu a ukládání souborů určených pro Web - HTML stránky. Pracuje na principu WYSIWYG editorů, tzn. že pracujete s textem na pracovní ploše stejně, jak byste vytvářeli běžný textový soubor, a Word ho následně automaticky převede na HTML kód a uloží ho ve vhodném formátu, aniž byste přišli do styku s HTML kódem.

I když takovou stránku můžete umístit na internet a bude fungovat, mohu tento způsob výroby stránek doporučit pouze začínajícím uživatelům a to pro tvorbu pouze jednoduchých webů. Proto zde demonstruji v krátkosti pouze základní informace a postupy.

Pro a proti použití Wordu k tvorbě stránek:

Pro

Proti:

Začínáme vytvářet webovou stránku

Otevřete nový dokument - zvolte Webovou stránku. Otevře se nový prázdný dokument v zobrazení Rozložení webové stránky.

Nyní můžete běžně psát a tvořit, ale počítejte s tím, že některé funkce zejména týkající se formátů nebudou v tomto režimu dostupné. Word vám povolí pouze takový rozsah úprav, které je schopen odpovídajícím způsobem převést do formátu HTML.

Pozadí webové tránky

Pozadí změníme příkazem z hlavní nabídky Formát - Pozadí. V tabulce máme možnost nastavit barvu pozadí ( případné jemné doladění je pomocí další volby Vlastní), nebo můžeme pokračovat volbou Vzhled výplně a vybrat texturu, vzorek nebo vlastní obrázek.

Rámce (rámy)

Nejdříve bych trohu osvětlil, co to vlastně je rámec.


Příklad:
Rozdělení stránky např. na 3 rámce znamená, že stránka je rozdělena do tří, na sobě zcela obsahově nezávislých oblastí:

Hlavička - většinou obsahuje název stránek, logo firmy s předmětem podnikání, nebo představení předmětu a zaměření stránek.

Menu - je seznam odkazů na obsah webu - obsahuje odkazy na další stránky vaší prezentace, např. historii firmy, stránku s kontakty ap.

Obsah - slouží jako místo pro prezentaci hlavních informací a např. článků.



Klasické rozložení webové stránky

Postup tvormy stránky s rámci

Otevřete panel Rámce pomocí hlavní nabídky : Zobrazit - Panely nástrojů - Rámce .
Panel vám nabízí vložení horního, levého, pravého, nebo spodního rámce. Nyní můžete vkládáním rámců vytvořit model na obrázku, nebo svůj vlastní, zcela odlišný.

Umístění a rozměry Rámů upravujete přesunutím kurzoru myši na hranici rámce - kde se vám kurzor změní na šipky ukazující směr, kterým můžete tažením rozměr upravit.
Nyní můžete začít tvořit obsah jednotlivých částí stránky, vkládat různá pozadí, odkazy, texty, obrázky ap.

Vlasnosti rámce

Pomocí tlačítka vlastnosti rámce nastavíme jeho aktuální vlasnosti:

Rámec - týká se obsahu rámce a zde po stisku tlačítka Procházet můžeme vyhledat libovolnou hotovou vlastní, nebo cizí stránku, kterou do tohoto rámce chcete příp. vložit. Rámce jsou na stránce rozlišeny názvem, který je jedinečný a hraje roli velikost písmen.

Ohraničení - zde nastavíte ohraničení (jinak nebudou poznat hranice rámců ) a dále posuvníky, které uživateli dovolí při prohlížení stránky posouvat text - důležité u dlouhých textů a článků.

Uložení stránky:

Stránku uložíte např. volbou Uložit jako... z hlavního menu, a nezapomeňte zadat v tomto dialogu Název stránky, který se vždy zobrazí v informaci o vaší stránce.

Výhoda rámců

Pokud jste vytvořili např. více stránek, které obsahují v horním rámci odkaz na jednu samostatnou HTML stránku ( nazvěme jí Matka ) s Hlavičkou, máte vystaráno. Navíc pokud se rozhodnete hlavičku změnit, nemusíte upravovat kódy všech stránek, ale stačí opravit zdoj - Matku, a změna se nám ihned projeví na všech stránkách které se na Matku v hlavičce odkazují.

Upozornění:

Použití rámců je velmi pohodlné, nicméně můžou se vyskytnout problémy např.se zaindexováním vašich stránek u některých katalogů a seznamů , což způsobí horší umístění ve výsledcích hledání .

Dále můžou někdy vzniknout i problémy s tiskem vaší stránky. Všeobecně se rámce na netu občas používají, ale nedoporučují.
Zkušení tvůrci stránek používají k rozdělení stránek kombinaci HTML a CSS (kaskádové styly) - což je v současné době hlavní trend vývoje stránek (mimo PHP).