Inhalt des Vortrages
Allgemeines zu HTML:
- HTML ist eine Markierungssprache: Man markiert im Dokument von welcher Position bis zu welcher Position man gewisse Eigenschaften zuweisen möchte (zB: fett) oder man markiert an welcher Stelle etwas passieren soll (zB: Bild einbinden).
- HTML ist eigentlich nur Text mit Querverweise (Links) und Medien. Entwickelt worden ist es in CERN (1989) um Information auszutauschen.
- Aktuelle gängige Version: XHTML 1.1.
- Zahlen und Fakten:
Wieviele Webseiten gibt es allgemein: aktuell ca. 175 Mill. (Quelle: news.netcraft.com)
Visits orf.at: über 1. Mill am Tag
Visits pccp.at: über 1000 im Monat
HTML Quelltext erstellen:
- Der Aufbau einer HTML-Datei:
<html>, <head>, <title>, <body>
- Werkzeuge zum Erstellen oder Bearbeiten von HTML-Dateien: Editor: PsPad oder Notepad++
- Browser zum Ansehen: Firefox
- FTP: FileZilla
- Bildbearbeitung: Paint.Net
- Grundbefehle:
<p>, <br />, <h1>, <div>, <span>
<b>, <u>, <i>
<a href>, <img />
Gestaltung von HTML-Seiten mit CSS:
- Ziel: Trennung von Content (Inhalt) und Styling. Das beste Beispiel dafür und immer wieder sehenswert - Zen Garden
- Befehl um Stylesheets einzubinden: <link rel="stylesheet" type="text/css" media="screen" href="/test.css">
- Einfache Formatierungen: body, h1, a
- Schriftart, Größe, Farbe, Ausrichtung: font, font-size, font-color, vertical-align, text-align
- Abstände, Hintergrund-Bild: padding, margin, background-image
- Klassen: "."-Notation für Formatierungen
- Links für ausführliche Anleitungen: http://www.css4you.de, Selfhtml
FTP
- Anmeldung mit Username, Passwort
- Struktur der Seite, Pfade
Erstellen von Webseiten im WYSIWYG-Modus
- Weblogs: Movable-Type oder Wordpress
- CMS-Systeme: Joomla
|