Práce s SGML, HTML, XML, XHTML dokumenty a jejich validace

Obsahem tohoto cvičení je zvládnutí základů práce s dokumenty ve formátech SGML, XML, XHTML a HTML. Seznámíte se se vzdálenou validací a lokální validací pomocí validátoru nsgmls.

Vystavení (X)HTML stránek

• Založte si svou stránku předmětu na URL ~<váš-fi-login>/PB029/ – jeden ze zápočtových dokumentů předmětu. V dnešním a dalších cvičeních ze stránky vznikne rozcestník s odkazy na vytvořené dokumenty (sample2e.* z prvního cvičení, první český dokument z druhého cvičení atd.), domácí úlohy a další výstupy ze cvičení. Pokud s vytvářením a vystavováním stránek ještě nemáte zkušenosti, přečtěte si
  • jak založit HTML stránky na FI MU,
  • o češtině na HTML stránkách na FI MU,
  • případně školičky technologií W3C (v angličtině).

Vytváření a editace HTML/XHTML/XML

• Zvolte si editor pro vytváření svých webových stránek. (emacs, (g)vim, joe, pico, pspad, notepad,...)
• Pokud doposud žádnou svou webovou stránku nemáte, vyjděte při jejich zakládání z nějaké existující stránky (třeba této). Existující stránku můžete například stáhnout programem wget.

Vzdálená validace HTML/XHTML/XML stránek

• Zvalidujte si právě vytvořenou a vystavenou HTML/XHTML/XML stránku některou z on-line validačních služeb na webu, např. W3C validátorem.

Lokální validace SGML/HTML/XML/WML pomocí parseru nsgmls z balíku SP

• Program nsgmls je součástí balíku SP od Jamese Clarka. Na UNIXových systémech na FI jej zpřístupníte přidáním modulu sp:

  module add sp
  

• Přidejte si modul xml-catalogs, respektive sgml-catalogs (dle typu dokumentu) s katalogem instalovaných DTD na FI:

  module add xml-catalogs
  

• Zvalidujte si svou domovskou stránku pomocí programu nsgmls.
• Případně chyby konzultujte s DTD v /packages/share/sgml-catalogs (resp. xml-catalogs). Chybějící DTD navrhujte k instalaci.
• Vytvořte si ESIS (Element Structure Information Set) výstup své webové stránky.

Kaskádový styl

• Zrušte na své webové stránce veškeré vizuální značkování a přesuňte je do kaskádového stylu.
• Vytvořte si kaskádový styl pro své stránky k předmětu.
• Zvalidujte si jej pomocí W3C CSS validátoru.

Domácí úkol

• Na svou domovskou XHTML stránku předmětu si vystavte do příštího cvičení výčet alespoň sedmi logických a sedmi vizuálních značek ve zvoleném jazyce, které jste si do dneška přinesli.

 | PB029-cv1 | PB029-cv2 | CSTUG |
Naposledy modifikováno: