Tvorba www stránek online

Online tvorba webu zdarma - na serverech Google, Webnode, Estranky, Netstránky, Webgarden, Websnadno (pageride), Wix…

Příprava dat

Pro webovou prezentaci je nutné nejdříve připravit si:

•  texty (bez formátování) pro jednotlivé stránky - např. dokument Wordu (každý článek = 1 webová stránka)
•  obrázky - jednotlivé soubory, vhodně zmenšené, nejlépe JPG
•  menu webu = názvy jednotlivých částí (stránek): stručně (1 - 2 slova), stačí "Úvod" + 3 části
•  seznam zdrojů (www, knih…), ze kterých byly texty a obrázky čerpány.

Slušností + povinností je uvedení adres (informací, obrázků…) např. do odstavce "Použité zdroje".

Tvorba stránek na serveru Webnode

Na serveru Webnode je nutná registrace.
Moje projekty->Vytvořit nový projekt, pojmenuj svým jménem ve stylu jnovak1, zvol Osobní stránky.
Vyber libovolnou šablonu (tu pak nelze změnit).
NEUVÁDĚJ osobní informace.

Administrace webu = úpravy + nastavení prezentace.
Po přihlášení na Webnode zvol "Moje projekty" nebo "Vytvořit stránky".
POZN: provedené úpravy webu se na internetu uplatní až po stisku tlačítka PUBLIKOVAT.

Přidávat a mazat jednotlivé stránky webu lze v horním menu "STRÁNKY".

Do každé stránky uveď dolů odkazy na použité zdroje.

TIPY

• Kontrola vzhledu: jedním oknem prohlížeče upravuj web, druhé okno prohlížeče nech zobrazovat upravený web.
• Obrázky: máš-li více obrázků, vytvoř si na ně složky.
  Šířka stránky: Šablona webu->Pokročilé nastavení->Vzhled stránek - Výchozí varianta->(bez sloupců)
  SHIFT+Enter - udělá menší mezery mezi řádky (společně tvoří jediný odstavec).

Tvorba stránek na Google

Vložení obrázku do webové stránky:
 1. obrázek zkopíruj
 2. klikni pod poslední vložený objekt
 3. Ctrl+V vlož obrázek

Vložené obrázky a texty lze posunovat a měnit velikost.

Pro každý vložený obrázek zapiš adresu jeho webu (klikej na obrázek, až se zobrazí jiný web, než Google) do textového bloku Použité zdroje:

Další stránky (pojmenuj je krátce) vlož postupem:

Web se ukládá automaticky, ale viditelnost jeho stavu (pro učitele) je nutné potvrdit tlačítkem Publikovat:
(po dalších úpravách 2×po sobě)

Zkontroluj si Nastavení publikování - aby tvůj web byl na adrese odpovídající začátku tvého e-mailu (např "novjan":

Úkol - vytvoř jednoduchý web

Téma webu: moje záliba (hokejové týmy, zvířátka, filmy, hry, zpěváci, města, rostliny, vaření…)
Web bude obsahovat:
1. stránka - zobrazí se při vstupu na tvůj web:
   + nadpis = název webu (pojmenuj podle tvého koníčku) - velkým písmem
   + v navigaci stránku pojmenuj Úvod  (návod)
   + jednou větou popis obsahu webu
   + pod ním text Vytvořeno ve výuce informatiky.
2., 3. a 4. stránka - části vybraného tématu

  V každé stránce bude:
        * nadpis (téma stránky)
        * v navigaci stránku pojmenuj podle nadpisu - max. 2 slovy (návod)
        * alespoň 2 textové odstavce na dané téma
        * alespoň 2 obrázky (obtékané textem)
        * Použité zdroje - (dole) seznam www adres, ze kterých jsi čerpal(a) texty a obrázky (z adres udělej odkazy)
           Na obrázek (nalezený Googlem) klikej, až se zobrazí web obsahující daný obrázek. Adresu webu zkopíruj -> vlož do "Použité zdroje".
        * pro všechny 3 stránky použij stejné písmo (velikost, barvu) i zarovnání textu
5. stránka - fotogalerie se všemi obrázky tvého webu (nadpis Fotogalerie, pod ním text "Obrázky použité v prezentaci:", obrázky budou zmenšené)
        (v ní zdroje neuváděj - jsou již uvedeny na ostatních stránkách)
6. stránka - Kontakt
         - nadpis: Kontakt
         - adresa školy, telefon (na sekretariát)
         - mapa se značkou umístění školy (Google nebo Seznam)
Na závěr si ZKONTROLUJ:

1. použité zdroje (všechny obrázky)

2. stejný typ písma v textu celé prezentace

3. dodržení typografických pravidel

4. menu - položky první písmeno velké.

(ukázka, náměty)

TIPY: - ulož všechny obrázky na Google disk (vytvoř složku WEB), odtud je vkládej do webu
- vytvoř jen první ze 3 stránek tvého obsahu s texty a obrázky - pak stránku duplikuj a v kopii změň jen obsah

Přehled webů zdarma

Web s udržovaným redakčním systémem