|  
Hlavní   |  
Lexikon   >  
Mw-jazyk   |  
O nás   |   
rizeni Řízení práce 1/2 řízení práce 2/2 Význam symbolů v nápovědě str-1 Zadávací kód stránky Skladba stránky (blok-s) str-2 Příkazy a parametry Příkazové značky od 1. sloupce *) varianty zápisu parametrů str-3 Skladba typizovaného bloku Varianty bloků a odkazy Varianty obrázků f-znacky Formátovací značky 1/3 f-znacky 2/3 f-značky 3/3 pv-kod Přímo vkládaný kód - pev-text Modely bloků pro příklady příklady *) *) kompletní stránky: Naučná stezka, Webnode a facebook, Tábor, Vítání jara, Velikonoce 2022 obr-1, obr-2, obr-3, obr-4 Hainburg, Bílovice n./Sv., Přízřenice, Příroda mapy-cz, rajce, youtube Přízřenice, Rajčata v listopadu, Rock and Roll
Tato příručka k programování webových stránek v Mw-jazyku stavebnice Mini-web obsahuje příkazy a pravidla pro celkové řízení práce a pro návrhy zadávacích kódů stránek.
Nabídka editace souborů a vlastní generování stránek do zdrojového kódu HTML pak probíhá automaticky po spuštění realizačního skriptu EDA.
Pravidla a příkazy jsou uváděny stručným výčtem. Pro širší výklad koncepce i pojmů, odpovědi na často kladené otázky a novinky je třeba navštívit výše odkazované související stránky.
Návrh stránky by měl začínat projektem = představou, co bude obsahovat. V závěru může být smazán či převeden na komentář. Vlevo byl ponechán jako příklad a pro navigaci.
Programování Mini-web, podobně jako každé jiné, vyžaduje nejen zvládnutí pravidel, ale i trpělivost a vytrvalost. Počítač totiž dokáže neúnavně připomínat, že cestu k výsledku, musí programátor hledat především u sebe.
Vlastimil Čevela, Modřice - duben 2022
příp. dotazy: cevelavl(z)volny.cz
Kód pro řízení práce definuje řídící příkazy pro realizační skript EDA. Je trvale uložen v souboru Rizeni-prace.txt a dle potřeby aktualizován.
(!) Při instalaci jsou v něm definovány 3 dále uvedené příkazy s poznámkou "/* !!!", které tam musí trvale zůstat. Aktualizaci/editaci Zápisníku i ostatních stránek je možno vybrat/potlačit *): (!)
 0 Mini-web (Rizeni-prace.txt)   /* !!! 
 =sz,pg,htm,-                    /* !!!
 /,Zapisnik,htm
 ... příkazy pro výběr stránek   *)
    ... při odsazení se ignorují   
 /*
 ... ignorované příkazy/řádky
 */
 call gen                        /* !!! 
 /**
 ... ingoruje se vše až do konce souboru
*) Přisunutím nebo odsunutím příkazu od 1. sloupce na řadku lze snadno nastavit aktuální práci a pak opakovaným spouštěním skriptu EDA stránku vytvářet postupně.
příkazy k samostatné editaci *):
ed /,jm-stranky /* komentář **) ...příkazy k editaci a generování:
/,jm-stranky /* komentář ...shodně vytvoření nové stránky:
/,jm-nove-stranky /* komentář ...
*) Při 1 spuštění může EDA postupně editovat, generovat či vytvořit libovolný počet stránek (!)
**) jm-stránky stručné, malými písmeny, bez mezer a bez diakritiky. (!)
... posloupnost 1 nebo několika řádků --- parametr, povinně od 1. sloupce (!) důležitá poznámka / (lomítko) v nápovědě znamená variantu popisu, varianty mohou být odděleny i čárkami (x, y), v zadávacím kódu stránky či v řízení práce / znamená složku (!) ^ komentář k předcházejícímu řádku ve vzoru
Zadávací kód je soubor *.txt, ze kterého je generován zdrojový kód jedné webové stránky *.htm v jazyku HTML.
V jazyku stavebnice Mini-web je zadávací kód definován jako kombinace tří skupin řádků:
   / příkazy s parametry
     ^ vložení typizované šablony
   / přímo vkládaný kód
     ^ pevný text / volný text (plovoucí)
   / pracovní komentáře programátora
     ^ řádky mezi značkami /* ... */ a jiné
(!) Všechny vkládací a vymezovací příkazy, musí povinně začínat od 1. sloupce na novém řádku a nesmí za nimi být mezera (!).
(!) Vzory vkládacích příkazů definují povinné pořadí a počet konkretních parametrů (!).
Základní model Mini-web nabízí předem připravené typizované vzory a prvky:
   - dva typy bezpatkového písma (rozdílně pevný a volný text) a standardní barva pozadí
   - jednotný vzor celkového řešení stránky 
        ... pevné vycentrované záhlaví nahoře s možností automatické lokální navigace, 
        ... posloupnost plovoucích bloků s možností jejího přerušení
        ... pevně vycentrovaná tiráž dole s možností komentáře
   - odkazy ve vkládaných typizovaných šablonách se standardně otevírají v nové záložce
a) Standardní vzor skladby stránky: b) varianty:
 >A                                           >A-exp
 --- Název stránky                               ^ stránka bez lokální navigace,
 =================                                 může být využita i jinde ("export")
                           
 ... plovoucí bloky                           >D
                                               ^ plavání bloků je zakončeno/přerušeno příkazem "dost"
 
 >Z                                           >Z-tx 
 ===                                          komentář,
                                              =========
 vkládací příkazy:
    >A, A-exp, >Z, >Z-tx, >D
    >blok, blok-s, blok-x, >--,
    >os, ov, os/ov-o, os/ov-w, o-rajce
    >kw, wk, w, 
 vymezovací příkazy:
    >, >:, >1 ... <
    /+ ... +/, /* ... */, /** ...
skladba příkazu: >jm-šablony --- parametry (varianty zápisu dále *) === ukončení příkazu **)
 **) varianty ukončení příkazu:
     / řádek s rovnítky (1x nebo min 3x) "===",
       podtržení, které zpřehledňuje zápis kódu
     / řádek mezerový/prázdný(Enter)    
     / nic, pokud následuje jiný příkaz
       (neplatí pro příkazy ">" a ">1")
 >   - následují řádky pevného textu
 >1  - "shodně"  s bílým podkladem
 >:  - "shodně"  s f-značkami
 <   - konec pevného textu  
                                                
 >.. - vložení šablony jména ".."
       následují řádky parametrů a/nebo ukončení 
 -,  - krátké paramatry na 1 řádku *)
 /+  - začátek dlouhého parametru  *)
 +/  - konec dlouhého parametru    *)
                                                
 =   - / ukončení znakem
 ==. - / ukončení podtržením "==atd"
     - / ukončení mezerovým řádkem 
 >.. - / ukončení vložením další šablony
                                                
 /*  - následují řádky komentáře
 */  - konec řádků komentáře
 /** - následuje komentář do konce souboru
 *.  - řádek, začínající "*" je komentář 
                                                 
standardně každý na 1 řádku od 1. sloupce:
 --- par1
 ...
    ... odsunutý parametr se ignoruje
 --- parN
 dlouhé je doporučeno rozdělit na více řádků: 
 /+
 ... řádky par1 až parN,
     mohou začínat i mezerami
 +/
 krátké parametry mohou být na jednom řádku: 
-,par1,...,parN
(!) Ve všech parametrech je možno využívat formátovací značky, definované dále, jako příklad je zde uveden jednoduchý odkaz ">w" (!):
>w -,název odkazu,komentář/(_)/(__),adresa odkazu
 >blok
 Nadpis bloku
 ============
 ... datový obsah bloku
        / přímo vkládaný kód (pevný/volný text)
        / příkazy pro typizované šablony
 >--
> ... přímo vkládaný pevný text <
>: ... přímo vkládaný pevný text s f-značkami <
 ... přímo vkládaný volný text s f-značkami
     (řádky mimo pevný text a mimo parametry)
 (!) uvedený příkaz >-- pro konec bloku je vždy povinný,
stejně tak jako vymezovací příkazy >, >:, < (!)
 dále varianta bloku dvojnásobné šířky: 
>blok-s Nadpis širokého bloku =====================
blok bez nadpisu / s nadpisem volným textem a kombinacemi:
>blok-x ============ (4_Nadpis bloku_4)
blok s nadpisem pod obrázkem:
>blok-x >os-o --- adresa obrázku ============ (4_Nadpis bloku_4)
odkaz s komentářem před, za odkazem :
>kw, wk --- název odkazu --- adresa odkazu --- komentář (před odkazem, za odkazem)
odkaz s komentářem před i za odkazem :
>kwk --- komentář (před odkazem) --- název odkazu --- adresa odkazu --- komentář (za odkazem)
obrázky bez zvětšení a bez odkazů:
>os --- adresa obrázku "na šířku" >ov --- adresa obrázku "na výšku" ===
obrázky se zvětšením po kliknutí *):
>os-o, >ov-o --- adresa obrázku ===
obrázky s odkazem po kliknutí *):
>os-w, >ov-w --- adresa obrázku --- odresa odkazu ===
vložení okna aplikace Rajce.idnes.cz *):
>o-rajce --- ID číslo alba ===
*) standardní otevření v nové záložce
 umístění:
   - kdekoliv na řádku, i od 1. sloupce
 použitelné: 
   - v řádcích parametrů k šablonám
   - v přímo vkládaném kódu:
        pevný text 
           = v řádcích >: ... < 
        volný text 
           = mimo řádky parametrů
           = mimo řádky >, >1 ... <
 (!) doporučení k odkazům:
    definování odkazů formou f-značek je výhodné,
    pokud jsou adresy a názvy krátké,
    jinak je přehlednější využít příkazy ">kw, >wk"
    otevírání odkazů ve stejném okně je potřebné
    pro relativní odkazy v rámci 1 stránky
    nebo 1 projektu (skupiny stránek) 
// zalomení řádku *) /_ _/ prázný odstavec (odsazení 1 řádkem) (_) pevná mezera (__) čárka a pevná mezera (_o_) prázný odstavec (odsazení několika řádky) (=) oddělovací hnědá linka (^) datum a čas "dd.mm.rrrr hh:mm" (<), (>) levá a pravá šipková závorka zvýrazněný nadpis v rámci bloku-x: (4_text nadpisu_4) ((_..._)) tučný text (_..._) text kurzívou (m_..._m) malé písmo (v_..._v) velké písmo
 odkazy s otevřením v nové záložce:
   |: adresa :|: název :| 
     ^      ^   ^     ^    povinné mezery  
 odkazy s otevřením ve stejném okně:                          
   |: adresa .|: název :| 
             ^ namísto ":" je pouze "."
      ^ vhodné v případě relativní adresy
 
 odsazený odstavec:  
   /_ ... _/   sázený zleva *)     
   /p_ ... _/  sázený "na prapor" zprava
   /s_ ... _/  sázený na střed    
   /z_ ... _/  sázený se zarovnanými okraji    
   /a_ ... _a/ autorská značka, 
               malé písmo, sázená zprava
 *) značky //, /_ nelze použít,
    pokud je na řádku adresa odkazu
    "http..", "file..", tj. není relativní
 pevný text - umožňuje dokumentační formátování,
zadávací kód 1. části dále zobrazeného příkladu:
 >blok
 Modely bloků pro příklady
 =========================
 (=)
 >
 Obrázky s texty a odkazy
 ------------------------
   
    | blok         |             |             |
    | s formátem   | blok        | blok        |
    | příkazů      | 1. příkladu | 2. příkladu |
    | ke zobrazení |             |             |
    zadávací kódy zobrazených příkladů
 <
 (=)
 >--
Obrázky s texty a odkazy ------------------------ | blok | | | | s formátem | blok | blok | | příkazů | 1. příkladu | 2. příkladu | | ke zobrazení | | | zadávací kódy zobrazených příkladů
Oostatní bloky -------------- | blok | | | | s formátem | blok | blok | | příkazů | s popisem | příkladu | | ke zobrazení | | | zádávací kód zobrazeného příkladu
| MIM | Mini-web | prog-story |
stránka: Naučná stezka ....... zadávací kód stránka: Příklady odkazů na stránky "webnode" a "facebook" stránka: Tábor ............... zadávací kód stránka: Vítání jara ......... zadávací kód stránka: Velikonoce 2022 ..... zadávací kód
>blok příklady ======== (=) volný text - f-značky, navigační lišta: /s_ | (_) |: https://mim-x.mzf.cz/ :|: MIM :| (_) | (_) |: http://prog-story.technicalmuseum.cz/data/mini-web/ :|: Mini-web :| (_) | (_) |: http://prog-story.technicalmuseum.cz/ :|: prog-story :| (_) | _/ // (=) pevný text - f-značky, odkazy v tabulce: >: stránka: |: pri/n-stezka.htm :|: Naučná stezka :| ....... |: pri/n-stezka-kod.htm :|: zadávací kód :| stránka: |: pri/webnode-facebook.htm :|: Příklady odkazů na stránky "webnode" a "facebook" :| stránka: |: pri/tabor.htm :|: Tábor :| ............... |: pri/tabor-kod.htm :|: zadávací kód :| stránka: |: pri/jaro-10let.htm :|: Vítání jara :| ......... |: pri/jaro-10let-kod.htm :|: zadávací kód :| stránka: |: pri/velikonoce-2022.htm :|: Velikonoce 2022 :| ..... |: pri/velikonoce-2022-kod.htm :|: zadávací kód :| < (=) >--
>blok s nadpisem na obrázkem, >blok s nadpisem pod obrázkem, komentáře:
>blok Nadpis bloku ============ >os-o --- adresa obrázku === ... komentář jako volný text >--varianta s nadpisem pod obrázkem:
>blok-x >os-o --- adresa obrázku === ... (4_ Nadpis jako volný text _4) ... komentář jako volný text >--
Na fotografii je pohled proti proudu Dunaje z kopce, na kterém bývalo keltské hradisko.
Kopec s hradem, ve kterém se r. 1252 ženil Přemysl Otakar II. s Markétou Babenberskou.
>blok Hainburg 2007 - Dunaj z Braunsbergu =================================== >os-o https://mim-x.mzf.cz/mim-new/07-3/hainburg/hpim5395.jpg === /z_(_)(_)Na fotografii je pohled proti proudu Dunaje z kopce, na kterém bývalo keltské hradisko._/ >-- >blok-x >os-o https://mim-x.mzf.cz/mim-new/09-4/hainburg/img_7383a.jpg === (4_ Hainburg 2009 - Dunaj ze Schlossbergu _4) *============================================ /z_(_)Kopec s hradem, ve kterém se r. 1252 ženil Přemysl Otakar II. s Markétou Babenberskou._/ >--
>blok s nadpisem, >obrázek bez zvětšení, >obrázek se zvětšením, >odkaz s komenátářem - pod obrázkem ale může/nemusí být cokoliv jiného:
>blok Nadpis bloku ============ >ov --- adresa obrázku >kw --- název odkazu --- adresa odkazu --- víceřádkový komentář (před odkazem) >--varianta "obrázek s možností zvětšení":
>os-o --- adresa obrázku >kw --- název odkazu --- adresa odkazu --- víceřádkový komentář (před odkazem) >--

Proč je právě tohle znak Bílovic? Zelená značí lesy, které se rozprostírají kolem celé obce, modrá řeku Svitavu, a mlýnské kolo podtrhuje dlouholetou mlynářskou tradici.
Více...
První historicky známý majitel mlýna byl zaznamenán v roce 1498. Za první republiky byla součástí areálu i pila a elektrárna. Mlýn ukončil svoji činnost v tomto století.
Více...
>blok Znak obce Bílovice n/Svitavou ============================= >ov https://www.bilovicens.cz/sites/default/files/imce/bilovice_znak-150x200.jpg >kw Více... https://www.bilovicens.cz/soucasnost /+ /z_ (_)(_)(_)Proč je právě tohle znak Bílovic? Zelená značí lesy, které se rozprostírají kolem celé obce, modrá řeku Svitavu a mlýnské kolo podtrhuje dlouholetou mlynářskou tradici. _/ +/ >--
>blok Mlýn v Bílovicích n/Svitavou ============================ >os-o https://img32.rajce.idnes.cz/d3202/16/16057/16057038_1e9b25ba5c69daee7f2c3263217299bc/images/03-Blovice08-Koudelkvmln.jpg?ver=0 >kw Více... https://cestou-necestou.estranky.cz/clanky/vetrne-a-vodni-mlyny/vodni-mlyny-na-morave/bilovice-nad-svitavou---koudelkuv-mlyn.html /+ /z_ (_)(_)První historicky známý majitel mlýna byl zaznamenán v roce 1498. Za první republiky byla součástí areálu i pila a elektrárna. Mlýn ukončil svoji činnost v tomto století. _/ +/ >--
 >blok s nadpisem, >varianty obrázků s odkazem - 
 "na výšku" a "na šířku":
>blok Nadpis bloku ============ >ov-w --- adresa obrázku --- adresa odkazu >--varianta s obrázkem "na šířku":
>os-w --- adresa obrázku --- adresa odkazu >--
>blok Přízřenický splav a soutok 2005-2021 ==================================== >ov-w https://mim-x.mzf.cz/cd07/mim/0603-v1/tn_img_0873.jpg https://mim-x.mzf.cz/21-4/2112-soutok.htm >-- >blok Přízřenický splav a soutok 2005-2021 ==================================== >os-w https://mim-x.mzf.cz/cd07/mim/0601-z/hpim8143.jpg https://mim-x.mzf.cz/21-4/2112-soutok.htm >--
>blok s nadpisem, >obrázek se zvětšením, >varianty odkazu s komentářem - pod obrázkem může být jeden i více odkazů, jen komentář volným textem nebo nic:
>blok Nadpis bloku ============ >os-o --- adresa obrázku >kw --- název odkazu --- adresa odkazu --- komentář (před odkazem) >--varianta odkazu s komenářem:
>wk --- název odkazu --- adresa odkazu --- komentář (za odkazem)
>blok Přírodní park "Niva Jihlavy" ============================ >os-o https://img23.rajce.idnes.cz/d2303/13/13813/13813662_ac3279e02ccdbea79b2820ddd8fa4a00/images/IMG_2725.jpg?ver=0 >kw foto-album https://mim2.rajce.idnes.cz/2013_-_Prirodni_park_Niva_Jihlavy/ koncem dubna 2013 - >-- >blok Jarní výpravy do blízkého okolí Modřic ====================================== >os-o https://img36.rajce.idnes.cz/d3603/17/17647/17647524_a0c19babc021a3b9331183b209d80373/images/19Modice19.jpg?ver=0 >wk Zpravodaj - 4/2020-22 https://www.mesto-modrice.cz/sites/default/files/zpravodaj/04-20zpravodaj.pdf#page=22 (__) >wk foto 2 https://img36.rajce.idnes.cz/d3603/17/17647/17647524_a0c19babc021a3b9331183b209d80373/images/18Modrice18.jpg?ver=0 (__) >wk foto 3 https://img36.rajce.idnes.cz/d3603/17/17647/17647524_a0c19babc021a3b9331183b209d80373/images/IMG-1680.jpg?ver=0 (_) >--
>blok s nadpisem, odsazení prázdným odstavcem, vložení okna aplikace Mapy.cz dle popisu dále, komentář
>blok Nadpis bloku ============ /_ _/ --- <iframe style .. atd = upravený odkaz *) ... komentář nebo jiný/žádný datový obsah >--
*) (!) příkaz ke vložení okna nesmí být v editoru zalomený tlačítkem "Enter" (!)
1) v okně mapy (může mít body, trasu, ...):
   LT > Nástroje > Sdílet tuto mapu
      > Vložit mapu do vlastních stránek
      > Kopírovat odkaz (do paměti)
   uzavřít okno mapy
2) v okně zadávacího kódu stránky
   PT > Vložit (odkaz z paměti)
        jako "volný text" 
3) upravit nastavené velikosti 
      width (šířka) 
         pro Mini-web je nutno 
         změnit na width="100%"
      height (výška)
         možno ponechat
         nebo upravit dle potřeby
Po přepnutí na mapu z 19. stol. se můžeme podívat na situaci před regulací v r. 1848. Soutok byl výš proti proudu, už v Komárově. Mlýny v Přízřenicích a v Modřicích měly samostatné náhony a řeka v té době tekla v části trasy současného náhonu u cyklostezky.
>blok Přízřenice - soutok Svitava-Svratka =================================== /_ _/ <iframe style="border:none" src="https://frame.mapy.cz/s/mokuzogoku" width="100%" height="280" frameborder="0"> (_(m_/z_ (_)(_) Po přepnutí na mapu z 19. stol. se můžeme podívat na situaci před regulací v r. 1848. Soutok byl už v Komárově, mlýny v Přízřenicích a v Modřicích měly samostatné náhony a řeka tehdy tekla v části trasy současného náhonu u cyklostezky._/_m)_) >--
>blok s nadpisem, odsazení prázdným odstavcem, >okno aplikace Rajce.idnes.cz dle popisu dále
>blok Nadpis bloku ============ /_ _/ >o-rajce --- ID číslo alba ... komentář nebo jiný/žádný datový obsah >--
1) v okně fotoalba:
   PT > Zobrazit zdrojový kód stránky 
      v okně zrojového kódu:     
         najít řádek "var albumID = ..."
         vybrat a "Ctrl+C" zkopírovat 
         číslo "..."
   uzavřít okno fotoalba
2) v okně zadávacího kódu stránky: 
   jako prvek zapsat příkaz ">o-rajče",
   "Ctrl+V" vložit uložené číslo = parametr,
   který (!) nesmí končit mezerou (!)
>blok Rajčata na dvoře v listopadu ============================ /_ _/ >o-rajce 17569487 >--
>blok s nadpisem, odsazení prázdným odstavcem, vložení okna aplikace YouTube.com dle popisu dále:
>blok Nadpis bloku ============ /_ _/ --- <iframe .. atd = upravený odkaz *) ... komentář nebo jiný/žádný datový obsah >--
*) (!) příkaz ke vložení okna nesmí být v editoru zalomený tlačítkem "Enter" (!)
1) v okně videa YouTube:
   LT > zastavit přehrávání
      PT > Zkopírovat kód pro vložení ...
           (kód se uloží do paměti)  
   uzavřít okno videa
2) v okně zadávacího kódu stránky:
   PT > Vložit (kód z paměti)
        jako "volný text"
3) upravit nastavené velikosti 
      width (šířka) 
         pro Mini-web je nutno 
         změnit na width="100%"
      height (výška)
         pro Mini-web je nutno 
         změnit na width="70%"
>blok Vive la Rock and Roll ===================== /_ _/ <iframe width="100%" height="70%" src="https://www.youtube.com/embed/sV-weWIMGVY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen> >--