|
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 --- parNdlouhé 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> >--