en-3. lekce

Úprava obrázků a fotek

Kvůli místu na disku a přenosu dat (vizte Nastavení | Základní přehled) je potřeba obrázky a fotky rozumně zmenšit. Webnode doporučuje šířku 900. Uložit do mírně ztrátového JPG.

Ve Windows můžeme použít aplikaci Fotografie nebo nějakou aplikaci, kterou si stáhneme a nainstalujeme. Např. na našich počítačích je v adresáři C:\Temp\savsweby\IrfanView tzv. "portable verze" aplikace IrfanView.

• Fotografie
• změna velikosti přes tři tečky v menu nahoře
• volbou Upravit obrázek Ctrl+E lze provádět složitější úpravy obrázku (ořez, změny jasu, kontrastu,...; filtry)
• IrfanView
• změna velikosti přes Ctrl+R
• ořez označením rámečku myší a Ctrl+Y
• různé efekty - např.:
• pro rozmazání části obrázku označte myší obdélník, který chcete rozmazat, pak stiskněte Ctrl+E (prohlížeč efektů) a zvolte "Gaussian Blur"

Online aplikace (dostatečné pro občasné použití):

• Z obrázků lze jednoduše dělat koláže např. touto aplikací.
• Odstranit pozadí okolo hlavního motivu pomůže např. tato aplikace nebo např. tato.
• Vygenerovat QR kód lze např. zde (odkaz, vizitka, GPS, WiFi). 

Obrázek lze použít i jako ikona v záložce prohlížeče. Po rozumném zmenšení změníme obrázku příponu na .ico (v Průzkumníku souborů před tím z lišty Zobrazení zaškrtneme Přípony názvů souborů) a přes Nastavení | Vzhled ho nastavíme pro favicon.

Vložení HTML kódu

Vložení HTML kódu je potřeba zejm. tehdy, když chceme vložit nějakou externí službu (rezervační systém, chat...většinou je takový kód vložen v duální značce <iframe> </iframe>). 

My si ukážeme i použití vlastního HTML kódu (všechny ukázky na hlavní stránce):

• vlastní HTML kód
• zkuste do své stránky vložit kód z rámečku na ukazdatumacas.damto.cz
  
• hash odkazy na sekce jednostránkového webu viz [kontakt] na titulní straně; na místo, kam má odkaz skočit, dáme např. značku span s unikátním id např. 
  <span id='kotva_kontakt'></span> a na začátek stránky pak odkaz s plnou adresou ostré stránky doplněnou o znak # a id (např. https://vyuzitipremiovychsluzeb.webnode.cz/#kotva_kontakt) a odškrtnout otevřít do nové stránky
• mapy.cz: vybrat místo na mapě, pak vpravo kliknout na Sdílet, vybrat záložku Vložit mapu do vlastních stránek, zvolit velikost mapy a kliknout na Kopírovat kód
• Spotify: kliknout na tři tečky ..., pak Sdílet a Vložit nahrávku, vybrat velikost a kliknout na Kopírovat
  
• online chat s návštěvníky webu (např. Smartsupp - odpovědi zde) 
• rezervační systémy:
• např. Trevlix pro ubytování (můžete si stáhnout obrázek dvoulůžkového a manželského pokoje 🤗 )
• nebo např. Reservio pro akce/události (TODO doplním...)

A toto jsme si na lekci neukázali:

• vložení Google kalendáře: Jiné kalendáře +, Vytvořit nový kalendář, Nastavení, Integrovat kalendář...Kód pro vložení stránky (příp. Přizpůsobit); ukázka s naším kalendářem zde (mimochodem kalendář můžete tlačítkem + vpravo dole přidat do svých Google kalendářů)
• vložení online tabulek MS Excel nebo Google Sheet podle návodu zde (ukázka na hlavní stránce dole)
• pro Google tabulku: Soubor, Sdílet, Publikovat na web, Vložit (lze nastavit za iframe např.: height="200")