Informácie o ZADANÍ :)
Pekný deň žiaci!
Táto stránka funguje ako predvádzacia.
V rámci vyučovania informatiky vo ôsmom a deviatom ročníku máme príjemnú tému - tvorbu vlastnej webstránky. Spoločne sme sa rozhodli použiť ten najjednoduchší systém a teda "online redakčný systém" teda online CMS. Jedná sa o systém tvorby webstránok, ktorý funguje ako skladačka. Pridávame si jednotlivé časti (stránky, v nich sekcie, v nich obsah), tie nastavujeme a prispôsobujeme si ich.
Webnode nie je jediný (napr. wix.com, estranky.sk), ale ponúka nám všetko, čo potrebujeme. Taktiež je možné webnode upravovať aj na mobilných zariadeniach (mobily, tablety).
Podmienky na vašu vlastnú webstránku
- vlastný design - vyberiete si šablónu pre webovú stránku (nie e-shop ani blog!). Tá sa dodatočne síce nedá zmeniť na inú, ale dá sa upravovať a prispôsobovať podľa témy, ktorú ste si zvolili. Všetko musí byť vaša práca, nič čo bolo pôvodne v šablóne sa tam nesmie objaviť (texty, obrázky).
- minimálne 5 podstránok,
- úvodná podstránka = vlastné uvítanie (popis alebo predstavenie témy webstránky) a vlastný baner (obrázok v hornej časti stránky). Tu, alebo niekde inde, musí byť jasne uvedené, že sa jedná o školský projekt. Musíte definovať, že sa nejedná o oficiálnu stránku produktu, osoby či udalosti.
- vlastné texty a obrázky - môžete si vložiť samostatné články, články s obrázkami, samostatné obrázky či vlastné fotogalérie. Aspoň pri 5 obrázkoch musíte uviesť aj zdroj, ideálne do popisu obrázku alebo ako samostatný text pod obrázkom.
- na svojej webstránke musíte mať umiestnený aspoň jeden obrázok, ktorý bol generovaný umelou inteligenciou (napr. www.craiyon.com , www.dream.ai - tu nepotrebujete registráciu, alebo www.canva.com, www.bing.com/images/create, www.chatgpt.com - tu potrebujete registráciu). Do zdrojov musíte samozrejme uviesť aj URL adresu/teda odkaz/ na použitú stránku s generatívnou umelou inteligenciou. Môžete samozrejme použiť aj pomoc od AI - generovanie textov, obsahu, rozloženia...
- vlastná mapa umiestnená kdekoľvek na webstránke - na mape môže byť viditeľné čokoľvek, ale musí to súvisieť s vašou témou (napr. mesto vzniku kapely, kde sa nachádza obchodík, kde sa narodil,...). Pozrite si ako vytvoriť a umiestniť na stránku vlastnú mapu.
Jednoduchá mapa vložená cez + (nepostačuje na splnenie tento podmienky)
Vlastná mapa vytvorená cez Google Maps a vložená cez HTML kód. Ako na to???
- umiestnené video - vždy k téme a nie iba odkaz. Vložíte ho jednoducho cez plusko v texte (PRIDAŤ OBSAH > VIDEO). Ak vkladáte cez Video prvok, postačí skopírovať URL adresu (odkaz) videa z youtube alebo wimeo a vložiť ho do prvku.
Video vložené jednoducho cez +
Video vložené ako html kód s úpravou nastavení a veľkosti (nezobrazujú sa ovládacie prvky ani ďalšie odporúčané videá).
- vytvorená a nastavená (pod)stránka Odkazy - umiestnite sem odkazy na stránky spolužiakov, ktoré si vezmete od spolužiakov, alebo ich nájdete priamo na tomto webe v menu "Odkazy". Môžete sem uviesť aj odkazy na akékoľvek iné zaujímavé stránky súvisiace s vašou témou. Samozrejme musíte tu uviesť aj odkazy na stránky, z ktorých ste čerpali informácie (zdroje).
- ak chcete vytvoriť novú stránku, ktorá bude podstránkou inej (napr. ako mám ja Odkazy a k nim školské roky), stačí vytvorenú stránku v zozname posunúť kúsok doprava (pozri návod).
- Známkovanie: dve známky, prvá = splnenie podmienok (práve si ich čítaš), druhá = celkové spracovanie, vizuálna a obsahová stránka, vyčerpanie témy, vhodnosť obrázkov a textov, práca navyše (napr. pokročilá mapa). Odporúčam čítať ďalej ↓↓↓. Všetko čo bude navyše, bude hodnotené ako práca navyše. Žiaľ na webnode sa od 2024 nedá používať bezplatné vloženie vlastného html kódu, buďte teda kreatívni :)
Vloženie špeciálnych doplnkov
Ak si chcete vylepšiť svoju webstránku a nestačia vám možnosti, ktoré ponúka webnode a ani vaše schopnosti programovania, môžete využiť služby iných webstránok s tým, že použijete tzv. embed code - vkladací zdrojový html kód (</> HTML).
survio.com - profesionálne dotazníky (ankety),
www.casovac.cz/casovac-na-web - časovač, opočítavač
www.makeuseof.com/tag/embed-mp3-player-website/ - pre tých čo by chceli mať hudbu na svojej webstránke (už trochu pokročilejšie čítanie a nastavovanie).
www.clocklink.com - super hodinky na webe (viď. nižšie).
Vložený vlastný kód vygenerovaný pomocou ChatGPT (aktuálny čas):
www.pocasie.aktuality.sk/pocasie-na-web- banner s predpoveďou počasia (alebo svieti.com).
yowindow.com - online počasie so super vizualizáciou, nefunguje ako widget, ale je to super appka na mobil.
Super aplikácie nájdete aj na wookie.eun.org/Store/ (skúste napr. MP3 player alebo text to speech).
www.jakpsatweb.cz - množstvo návodov, tipov a trikov, pomôcok a postupov na programovanie webstránok s využitím všetkých dostupných možností.