~~NOTOC~~
[[htmlcss:html_css_lektion_08|=> Lektion 8 - Besonderheiten der Positionierung]]

====== Abschlussübung HTML ======

===== Vorbereitung der Werkzeuge =====

Installiere die Firefox Erweiterungen 

  * Web Developer Toolbar: https://addons.mozilla.org/de/firefox/addon/60/
  * Firebug: https://addons.mozilla.org/de/firefox/addon/1843/

für Mozilla Firefox.

{{  :htmlcss:work_64.png|}}
===== Übung 12 =====

Erstelle aus der Textdatei und dem Bild in der Datei {{:htmlcss:derdrache.zip|}} eine HTML-Seite, welche die folgenden Bedingungen erfüllt:

  - Die Seite muss mit Markup in validem XHTML sinnvoll strukturiert werden (Web Developer Toolbar). Der Text soll gut lesbar sein. [''target="_blank"'' vom Validator ausgenommen]
  - Die Seite muss mit einem externen Stylesheet designt und formatiert werden. Im HTML-Quelltext dürfen keine Formatierungsbefehle enthalten sein.
  - Die CSS regeln müssen valide sein (Web Developer Toolbar).
  - Farben könnten CSS-Fehler zeigen, verwende [[http://html-color-codes.info/webfarben_hexcodes/|Hexacodes]]. Vgl. Beispiel: lightblue = ''#add8e6''
  - Die Seite muss Links zu weiterführenden Informationen zum Thema Drachen enthalten.
  - Die Seite muss einen Block Impressum (oder einen Link auf eine weitere Seite "Impressum" enthalten), aus dem hervorgeht, wer der Ersteller der Seite ist.

----
[[htmlcss:html_css_lektion_z2|=> Zusatzübungen und interessante Infos]]\\ 
[[htmlcss:start|=> Übersicht: HTML und CSS]]