Jak upravovat WEB

Při editaci stránek ve WORDPREESu používáte tři typy souborů.

  • Stránky
    Bez časové známky, bez zobrazené informace o publikování, obsah s trvalou hodnotou, vhodné například pro stránku ŠKOLA, DRUŽINA, JÍDELNA, KONTAKT, O NÁS, SOUBORY KE STAŽENÍ, … Stránky také tvoří základ hlavní navigace (Menu)
    Vlastní menu se může ještě upravit v sekci Vzhled > Menu, zde můžete v menu třeba přesouvat položky. Vždy je ale dobré mít stejnou strukturu Stránek a Menu. Alespoň pro pořádek.
  • Příspěvky
    S časovou známkou, řazené dle času zveřejnění, informace se mohou časem stát neaktuální, struktura vhodná pro akce nebo novinky.
    Ty pak jsou tříděné dle kategorií.
  • Bloky
    jsou to texty, volitelně s obrázky, …, které se v různých částech WEBu automaticky začlení do stránky.

Při vkládání nových informací je nutno dobře rozmyslet, do jakého typu budu texty vkládat. Jde o to, která informace je k archivování na několik let (typicky třeba výsledky v soutěžích, sportu …). Takovýto text vkládáme do příspěvku.

Naopak třeba informace typu „Zítra 5.3.2021 si přineste svačinu, z technických důvodů se nevaří“ by měla být na stránce „AKTUÁLNÍ INFORMACE“, protože za dva dny už nebude aktuální a vymaže se. Není třeba ji archivovat.

Protože na konci „Příspěvků“ jsou takové, které už nebudou potřeba, používáme je pro příspěvky nové. Aby se ale zařadily na začátek, je třeba jim změnit datum. Také zkontrolujte správnou kategorii a správné URL.

Takovéto strukturování a používání starších záznamů zabrání zahlcení a zpomaleni stránek.

Některé stránky budete pořizovat přímo ve vizuálním editoru, jiné však budou vyžadovat editaci HTML kódu, tudíž i znalost nejzákladnějších HTML tagů. Nebojte se, nebude jich víc než 10.

Pro snadnější editaci vám poslouží skvěle český editor PSPad. Pohlídá vám, zda tagy jsou skutečně v páru, zda jste na něco nezapomněli (CTRL – F10).

Příprava fotografií

Na stránky patří pouze předem připravené fotografie.

Ideální program pro veškerou manipulaci je český program Zoner Photo Studio. Je to placený produkt, ale je k dispozici i v zdarma v anglické verzi na adrese:

https://www.napocitaci.cz/33/bezplatna-verze-zoner-photo-studio-uniqueidgOkE4NvrWuNY54vrLeM674IOMNeyEXIVAg_rzFJ8D5c/

Na WEB patří pouze JPG, doporučené velikost max. šířka 1800px, pokud je obrázek na šířku, nebo max. výška 1200px, pokud je obrázek na výšku. Druhý rozměr se vždy automaticky dopočítává.
Snímky by měly být uložené v kvalitě 70-80%.
Vhodné je rozumné mnemotechnické pojmenování (malá písmena bez háčků a čárek, pomlčky).
Příklad: druzina-vylet-20-5-2021-1.jpg

Toto vše popsané výše ZONER velice snadno umožňuje.

Ostatní grafika loga a td. mohou být v jiném formátu třeba PNG, GIF, …

Takto dopředu připravené JPK se pomocí nástroje WORDPRESSu Media nahrávají do stránek.

Základní elementy HTML jsou

Základní elementy – tagy, tyto jsou párové. to znamená že jsou uzavřeny podobným tagem na př. <h1>Nadpis</h1>

  • Hlavičky <h1>, <h2>, <h3>, <h4>, <h5>, <h6> tags.
  • Odstavce <p> tag.
  • Odkaz <a> (anchor) tag.
  • Seznam <ul> (nečíslovaný seznam), <ol> (číslovaný seznam) a <li> (položky seznamu) tags.
  • Obrázek <img> tag.
  • Blok a vlastnost <div> tag.
  • Část textu a vlastnosti <span> tag.

Základní elementy – tagy nepárové, nejsou uzavřeny

  • Zalomení řádku <br> tag.
  • Horizontální linka <hr> tag.

Pro každý párový element ale také <hr> můžeme definovat nějakou vlastnost pomocí třídy (class). Tak na př. věta, která bude na WEBu vypadat takto:
„Další 2 slova budou červená a velká. další text už je normální.“
je v editoru kódována takto:

Další 2 slova budou <span class="red large">červená a velká</span>. další text už je normální.

Další hodnoty class jsou „gray, red, orange, blue, green, yellow, bg-lime, bg-blue, striked, underlined , small, smaller, large, bold, dashed, uppercase„

Seznam nečíslovaný

<h2>Co jsem se dnes naučil</h2>
              <ul>
                      <li>Vytvářet tabulky</li>
                      <li>Slučovat buňky</li>
                      <li>Co je to sémantika</li>
                      <li>Vytvořit uspořádaný seznam</li>
              </ul>

Co jsem se dnes naučil

  • Vytvářet tabulky
  • Slučovat buňky
  • Co je to sémantika
  • Vytvořit uspořádaný seznam

Seznam číslovaný

<h2>Co jsem se dnes naučil</h2>
              <ol>
                      <li>Vytvářet tabulky</li>
                      <li>Slučovat buňky</li>
                      <li>Co je to sémantika</li>
                      <li>Vytvořit uspořádaný seznam</li>
              </ol>

Co jsem se dnes naučil

  1. Vytvářet tabulky
  2. Slučovat buňky
  3. Co je to sémantika
  4. Vytvořit uspořádaný seznam

Tabulky

tabulky mohou mít další dva parametry – class (table-bordered, table-striped, table-responsive), dále mohou mít většinu parametrů viz. výše

<h2>Tabulka 2 řádky, 3 sloupce</h2>
               <table class="table">
                      <tr>
                              <td>První buňka</td>
                              <td>Druhá buňka</td>
                              <td>A třetí</td>
                      </tr>
                      <tr>
                              <td>Začneme další řádek</td>
                              <td>Druhá v druhém řádku</td>
                              <td>Poslední buňka</td>
                      </tr>
              </table>

Tabulka 2 řádky, 3 sloupce

První buňka Druhá buňka A třetí
Začneme další řádek Druhá v druhém řádku Poslední buňka

Úvodní stránka Aktuálně

Blok „AKTUÁLNÍ INFORMACE“ je prezentován dvoubarevnými bloky. Obsahem jsou 3 bloky (Aktuálně 1, Aktuálně 2, Aktuálně 3). Ty najdete v menu hned pod Stránkami. Platí to co jinde, pokud nechcete blok zobrazovat, dejte mu status „Koncept“

Zbytek úvodní stránky tvoří 5 nejnovějších příspěvků.

Toto je výsledek

Pěkné prázdniny

všem zaměstnancům a žákům přeje vedení školy.

Vážení rodiče,

v termínu od 25. – 29. června 2021 proběhnou volby zástupce do školské rady z řad zákonných zástupců (rodičů). Volby proběhnou online formou prostřednictvím Vašich účtů v systému Bakalář. Za rodiče bude do školské rady zvolen 1 zástupce.

Pozvánka na informační schůzku pro budoucí prvňáčky a přípravnou třídu

  • Schůzka pro rodiče budoucích prvňáčků školního roku 2021/2022
  • Schůzka pro rodiče dětí z budoucí přípravné třídy 2021/2022

Těšíme se na Vás

Mgr. Martin Zicháček ředitel školy

— Zatím vše, úspěšné editování —

Test ZONERAMA

HTML galerie Zonerama
HTML galerie 1