Výukový materiál zpracovaný v rámci projektu Registrační číslo projektu: CZ.1.07/1.4.00/21.3712 Škola adresa: Základní škola T. G. Masaryka Ivančice, Na Brněnce 1, okres Brno-venkov, příspěvková organizace Na Brněnce 1, Ivančice, okres Brno-venkov www.zstgmivancice.cz zstgmasaryka@seznam.cz Šablona: III/2 č. 4 Ověření ve výuce (dne): 11. 9. 2012 Pořadové číslo hodiny: 4 Třída: 9. A, 9. B, 9. C Předmět: Tvorba webových stránek Název: Webová stránka z MS Office Anotace: Materiál Základní struktura www stránky mimo jiné seznámil žáky se 4 možnostmi, jak vytvářet webové stránky. Tento pracovní list se zaměřuje na první nejjednodušší způsob tvorby webu pomocí programu MS Word. Pracovní list je součástí výuky tvorby webových stránek bez znalosti HTML jazyka. Autor: Mgr. Otmar Němec Jazyk: čeština Očekávaný výstup: Získá vědomosti a praktické dovednosti k tvorbě webových stránek bez znalosti HTML jazyka. Pracuje s informacemi v souladu se zákony o duševním vlastnictví. Klíčová slova: web, webové stránky, MS Word Rozvíjené klíčové kompetence: KU, KŘP, KP Druh učebního materiálu: pracovní list Druh interaktivity: kombinované Cílová skupina: žák Stupeň a typ vzdělávání: základní vzdělávání druhý Ročník: devátý Celková velikost: 580 kb
Pracovní list Zadání: Vytvoř webové stránky přes program MS Word. Postupuj přesně podle zadání. 1. Zapni si program MS Word. 2. Přesně si rozvrhni, jak bude celý web vypadat. Na papír si můžeš nakreslit potřebné buňky, kde co a jak bude. 3. Ve Wordu si nastav rozložení stránky pro web vlevo dole. 4. Nyní svůj náčrt přenes do programu (musíš vědět, kolik buněk bude vodorovně počet vodorovných buněk rovná se menu, které vytvoříš). Např. může jít o tabulku = 1 sloupec a 7 řádků. 5. Celou tabulku s buňkami dobře roztáhni a zarovnej na střed. Nyní máš dobrý základ pro svůj web. 6. Pokud máš v plánu vytvořit vodorovné menu (v horní části jako např. u školního webu), rozděl 3. řádek (1. zůstane prázdný na logo, ve druhém napiš Spřátelené weby) na několik buněk (pravým tl. myši klikni do 3. řádku a zvol příkaz Rozdělit buňky. 7. Doplň do jednotlivých buněk názvy serverů.
8. Do předposledního řádku napiš Copyright se svým jménem a buňky uprav obdobně viz obrázek níže (4. a 5. řádek sluč příkazem Sloučit buňky, následně sloučený řádek uprav příkazem Rozdělit buňky na 3 sloupce, ty pak posuň podle obrázku). 9. Pokračuj v úpravách viz obr. níže (logo, barva pozadí), dopiš datum aktualizace stránky do posledního řádku:
10. Další úpravy hlavní strany a bočních sloupců: 11. Stránku nyní ulož jako webovou stránku ve formátu HTML nikoliv MHT a to pod názvem index. Pokud jsi postupoval správně, objeví se ti 1 soubor htm(l) a složka s obrázky, které jsi umístil do dokumentu. 12. Po uložení právě vytvořené stránky ji znovu otevři ve Wordu (ne v prohlížeči webu) a změň texty např. v hlavní obsahové části, poté stránku stejným způsobem ulož: Uložit jako --- webovou stránku a pod názvem např. autorskaprava. Tím si vytvoříš další stránky s jiným obsahem. 13. Poté stačí již jen myší označit např. v sekci Novinek text o autorských právech a zvolit položku Vložit hypertextový odkaz a vybrat soubor autorskaprava. Dojde k propojení těchto dvou souborů, kliknutím na index.htm si můžeš přes prohlížeč funkčnost odkazů vyzkoušet. 14. Nyní zbývá již jen uložit webové stránky na server ale to až příště.
Závěrem Vytvořit dokument v některé z aplikací Microsoft Office a následně ho uložit jako HTML stránku zvládne opravdu každý. Hlavní výhodou je tedy rychlost a jednoduchost. Nevýhodou je ale velikost zdrojového kódu, který vykazuje jasné známky nepřehlednosti a velmi obtížnou možnost zpětných zásahů ze strany tvůrce po zveřejnění.
Zdroj: Použité obrázky oken programů jsou vlastní tvorbou autora. Další použité obrázky jsou dostupné pod licencí Microsoft Office verze 2010 na http://office.microsoft.com.