🐴 Radiologické a zdravotnické systémy mají dnes webové rozhraní.

Otevřít odkaz na nové kartě (tab): Ctrl + kliknutí na odkaz

Nenačítá se stránka: 💡 promazat cache (mezipaměť, dočasné soubory): Ctrl+⟳ Načíst tuto stránku znovu
— Pokud to nezabere, zkuste restartovat prohlížeč, otevřít stránku v anonymním okně nebo v jiném prohlížeči (Edge, Firefox, Chrome).

• doména (.cz, .eu, .com, .org, .edu, .gov, .health),
• subdoména (www; m),
• protokol (HTTP, HTTPS)
  • 🐭 spojení, které je možno odposlouchávat: http://arrahtech.com/
• cesta, přípona (👁 php v adrese tohoto webu; .html)
• dotaz (?) s parametry (spojené &; marketing, DSpace, YouTube),
• kotva (# např. na této stránce) i pro pdf; URL kódování (%).
• 🐴 Citování, přesměrování (zkrácené URL: doi, youtu.be), „krátké URL“ (theses.cz), permalink.
• 🐭 Kdo vlastní doménu? — např. dataearth.cz

💡 Když nefunguje, tak umázávat části.

🐴 Podíváme se do útrob libovolné webové stránky, a bude tam HTML. Vytvoříme webovou stránku, a bude to snadné! I v klikacím editoru webových stánek či informačních systémů potřebujete někdy použít HTML.

HTML (+ CSS)

• statický text, obrázky atd.
• W3Schools
  • základní formátování 🐭¹⁾
  • vložení obrázku 🐭 – vložit plnou URL z nějakého webu²⁾
• jednoduchá stránka
  • 🐭
    1. Ze zdrojového kódu (pravé myšítko → Zobrazit zdrojový kód stránky)³⁾
    2. vykopírujte část (např. h1, p, icon, CSS),
    3. vložte do poznámkového bloku a uložte jako .html a
    4. spusťte soubor (otevře se ve webovém prohlížeči).
• 🐭 Vložte video z YouTube (pomocí <iframe>)
• dobře čitelné (tj. nikoliv minifikované) CSS: 👁 https://www.fzs.tul.cz/css/normalize.css ⁴⁾
• 🐭 Vytvoř HTML webovou stránku o radiologii – jeden soubor, bez obrázků. ChatGPT
• 🐴 Pokročilá práce s vizuálním editorem webových stránek; editace Moodlu.⁵⁾

JavaScript

• „program“ přímo v prohlížeči
• Příklady webových aplikací naprogramovaných v JavaScriptu:
  • NORA → Fiber Demo
  • Med3Web – odsouhlasit bezpečnostní varování; (info)

Pravé myšítko nad stránkou v prohlížeči → Prozkoumat prvek (Zkontrolovat) (Vývojářské nástroje). Úprava CSS (vypnout v Nástrojích pro vývojáře, editovat ve WordPressu v šabloně i v souborech).

• 🐭 Zfalšovat příspěvek Filipa Turka — třeba tento ⁶⁾
• Responzivní design     🐭 KHS Lbc

🐭 Stažení mp3, která je na webu jako

• Audio element,
• v javascriptovém přehrávači — odkaz na mp3 je ve zdrojovém kódu,
• v jiném javascriptovém přehrávači — Prozkoumat prvek → Síť → Ostatní či Média.

🐭 Kdy byl vydán článek? (Existují dva způsoby, jak to zjistit.)

• Webnode, Wix⁷⁾ či Weby Google; Můj kurz WordPress
• 🐭 HTML šablona (např. Photon): editovat index.html (na školním počítači v Microsoft Visual Studio 2017); změnit obrázky. Příklad nasazení)
  • Font Awsome.
  • 👁 Moje doména⁸⁾ a hosting; protokol FTP

Slovníček pojmů – převzato z Wikipedie