🐴 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)
• 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
  • 🐭 Ze zdrojového kódu (Ctrl+U) vykopírujte část (např. h1, p, icon, CSS), vložte do poznámkového bloku, uložte jako .html a spusťte (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. 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)

• 🐭 Zdrojový kód
• 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).
  • Responzivní design     🐭 KHS Lbc
• 🐭 Stažení mp3, která není na webu jako Audio element, ale pouze v javascriptovém přehrávači (zdrojový kód či Prozkoumat prvek → Síť → Ostatní či Média), ale odkaz na mp3 je ve zdrojovém kódu.
• 🐭 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