Přejdi na obsah

Dejte mi pevný bod a pohnu i českým školstvím

Petra a Slávek, ISSN 2788-1377

Menu
  • Úvodní stránka
  • Slávek Hora
  • Petra Boháčková
  • Inspirace…
  • Školení
  • O2 Chytrá škola
    • Aplikace Action Bound – využití v hodině
    • Aplikace Action Bound – úvod
    • Určuj druhy rostlin – jaké aplikace jsou nejvhodnější
    • Snotes znamená tajné zprávy
    • Romulus a Rébus
    • Co se skrývá v Geofunu
    • Mapa geolokační hry
    • Copak je to za ptáčka
    • Příprava geolokační hry
    • Rozšířená realita v geolokačních hrách
    • Společné testování
    • Inspirace pro tvorbu geolokačních her ve výuce
    • Questing
    • Osvědčené postupy pro návrhy hry
    • Mapy a rozšířená realita
    • Pro měření používejme senzory
    • Mapy a rozšířená realita
    • iNaturalist
    • Hopla z gauče ven
    • Jak jsme připravovali obsah hry
    • Když jsou do hry potřeba křížovky
    • Mindfulness
    • Obrázky od hry od umělé inteligence
    • Když potřebujete do hry delší text
    • Živé webkamery
    • Pohled z okna
    • Adventní kalendář
  • O nás
Menu

Tvoříme web

Zveřejněno v 6 března, 20265 března, 2026 od Slávek Hora

Asi to patří k základnímu vzdělání. Umět si vytvořit web. Psala o tom několikrát i Jitka Rambousková. Myslím si to také. Nevím, jak na to jdete vy, ale já používám padletí nástěnku. Ne na tvorbu webu. Popíši vám moje přemýšlení a práci, třeba to budete mít podobně, případně mě zajímají vaše reakce. Prosím, do diskuze.

Padletí nástěnka se sekcemi mi slouží k tomu, abych na ni nasdílel všechny možné zdroje, ze kterých pak tvoříme komplexní dílo – webové stránky. Adresa zůstane i po výuce, třeba si někdo vzpomene.

Nejdřív ukázka jazyka HTML. Asi pravěk, ale myslím si, že potřebujeme znát principy. Používám internetový zdroj Jak psát web. Kdysi mi to dost pomáhalo, společně s papírovou literaturou. Určitě potřebujete psát všelijaké speciální znaky, opakujeme ASCII tabulku. Přidávám i nějaké video – tvorba čehokoliv, jakéhokoliv prvku, abychom se naučili podle videa pracovat.

Důležitý je pro mě také obsah stránek – zdůrazňuji, že je každý zodpovědný za to, co sdílí, o čem píše, nic není anonymní.

A můžu…?

Můžeš, ale zodpovídáš za obsah.

Protože už dnes asi nikdo nepíše web od samotného začátku, tedy nuly, ukazujeme si nějaké „polotovary“. Vlastně se doptávám, jestli žáci píší stránky. Dřív to bylo velmi časté. Dnes (cca po 15 letech) je to dost řídké. Většinou tedy editory sděluji sám, občas se objeví věta:

Jooooo, vlastně, to taky máme, táta podniká.

To je také jeden z důvodů, proč to žáky učím, navíc je to zajímavý společný projekt. Nejdříve píšeme jen vlastní, pak se spojujeme do skupin, domlouváme se na tématech, někdo zakládá, vytváří podúčty pro tvorbu… Simulujeme skutečný podnikatelský, pracovní život.

Takže uršitě WIX, Webnode, sdílím články o zajímavých webových editorech… Klidně do diskuze připište své hvězdy, nasdílím svým současným deváťákům. Končíme u Webů Google. Proč? Máme školní Google Worspace, nemusíme si vytvářet účty někde jinde, je to pro nás bezpečnější. není to ideální, ale co v životě je?!

Tak o čem budete psát? Co budete propagovat? Čím se zabýváte ve volném čase?

Zkoušíme malovat nějaké schéma, abychom si zvědomili obsah, navigaci, prostě funkčnost. Letos jsem to zkusili přes algoritmizační schémata. Bylo to zajímavé. Nasdílel jsem článek o Vývojových diagramech. Člověk se pak nestačí divit. Tvořili jsem je v Google Nákresech nebo Google Prezentacích.

Stránky budou obsahovat texty, tak znovu připomínáme typografická pravidla. To je práce úmorná, nechceme dodržovat žádné dohody, nechceme číst, takže jdu ukazovat jak se píše správně… Doplňte si sami. Sdílím typografický tahák.

Život při psaní vám urychlí klávesové zkratky, zkusme si pamatovat.

A jsme u obrázků. Duševní vlastnictví, autorské právo…

Přece si to stáhnete z Google!

Tak řešíme další oblast. Ukazujeme si free galerie, tahám ze žáků nějaké zdroje. Vzpomenou si, že jsme si ukazovali Pexels, připomínám Pixabay nebo Freepik a jdeme do licencí CC (Creativ Commons), nasdílím odkazovaný materiál, který se této problematice věnuje. Bestseller to tedy není – rozuměj – moc to nečtou. Škoda, předešli bychom spousty problémů. Řešíme i vhodné obrázkové formáty pro stránky, přečtěte si článek – proletí to rychlostí světla.

Vygenerujeme si ty obrázky umělou inteligencí.

Prima nápad, jdeme se bavit o tom, jaké generátory známe. V poslední době tedy nevymáčknu víc než ChatGPT. Tak přidáváme Gemini, které jsme si ukazovali při promptování. Přidáváme znovu informaci o bezpečnosti školního účtu. A také ještě další nástroje, např. Deepai, které generovalo dokonalé snímky, když tedy dokonale promtujete – 4 části promptu, to byste měli znát.

Vyzkoušejte i Craiyon, nemusíte se přihlašovat, to je pro nás bezpečné. Vyzkoušejte to anglicky i česky.

Vypadá to, že tvorba webu je dost komplexní práce. Souhlasím. Jdeme na sdílení našich prvních výtvorů. Doplňte si za lomítko část vaší webové adresy. Spolužáci i já si chceme jen prohlížet. Pokud si ve skupinovém projektu chcete upravovat jednu webovou prezentaci, musíte si nasdílet práva pro úpravy. A nezapomeňte po každé změně kliknout na Publikovat. Práva a oprávnění, to můžeme opakovat každou chvíli.

A jooooo, to jste už říkal.

Jééééé, ja to tam nemám, ale určitě jsem to tam měl/a.

Takže nepublikovali. Chybami se člověk učí, nejlépe, když o něco důležitého přijdete. Ještě nám zbývá registrace domény, ověření, webhosting a nahrání stránek „na internet“.

Vidíte, co všechno musíme zvládnout, aby nám to fungovalo a abychom se nedostali do nejrůznějších komplikací a problémů. Čeká nás ještě skupinový web, ve kterém ověříme, že víme aslespoň, kde hledat informace o jednotlivých segmentech tvorby webu – na našem třídním padletu. Připomenu ještě profese, které se vystřídají při tvorbě webu. Dneska už totiž nejde jen o ledasjakou práci na koleně.

V čem tvoříte web se žáky vy? Zkuste napsat do diskuze.

Slávek Hora

 

 

Napsat komentář Zrušit odpověď na komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

Nejnovější příspěvky

  • A před začátkem práce…
  • EUN
  • Krásné Velikonoce
  • Jednoduché tvořítko týmů
  • Momentálně v Aténách

Nejnovější komentáře

  • Lenka Drozdova: Tajné zprávy
  • Slávek Hora: Drobnosti od AI, které mi pomáhají
  • V. Ruckaufova: Drobnosti od AI, které mi pomáhají
  • Petra: Výuka a učení v obrazech
  • Helena Šilhánková: Výuka a učení v obrazech

Šuplíčky

  • #AI
  • #AR
  • #Bighugelab
  • #Bosounohou
  • #Bylo_nebylo
  • #Classtools
  • #Codeweek
  • #Fotografujeme
  • #Goconqr
  • #Google
  • #Inspirace
  • #Jen_tak
  • #Mohli_byste_vědět
  • #Na_zkušené
  • #Nezařazeno
  • #Oslavujeme
  • #Prezentujeme
  • #programujeme
  • #QR
  • #šifrujeme
  • #Vytaženo_ze_šuplíku
  • #Výuka
  • #Zápisky_z_konferencí
  • #Zaujalo_nás

Základní informace

  • Přihlásit se
  • Zdroj kanálů (příspěvky)
  • Kanál komentářů
  • Česká lokalizace

Toto dílo podléhá licenci Creative Commons Uveďte původ-Neužívejte dílo komerčně-Zachovejte licenci 4.0 Mezinárodní License.

Webarchivováno Národní knihovnou Čr, více

© 2026 Dejte mi pevný bod a pohnu i českým školstvím | Powered by Minimalist Blog WordPress Theme