HTML und CSS

Kursbeschreibung

Kurzreferenz zu html und CSS: html5-css-referenz

Hilfreiche Seite https://wiki.selfhtml.org/

• Internetseiten mit Hilfe der Seitenbeschreibungssprache HTML erstellen.
• Internetseiten mit Hilfe der Formatierungssprache CSS gestalten und implementieren.

Details

Lektion 1

HTML-Seite mit einer Überschrift und einem Text erstellen.

• • Grundgerüst einer HTML-Seite
  • HTML-Tag

2.1   Formateigenschaften in einer CSS-Datei festlegen.

• • Textfarbe

2.2   Externe CSS-Datei in eine HTML-Datei einbinden

• • Trennung von Inhalt und Design

3      Formateigenschaften in einer CSS- Datei festlegen

• • Hintergrundfarbe
  • Schriftart
  • Textausrichtung

4.1   Graphischer Elemente in eine HTML-Datei einbinden

4.2   Pfadangaben für externe Dateien differenzieren.

• • Absolute/relative Pfadangaben

5.1   Ungeordnete Liste in eine HTML-Datei einfügen.

5.2   Aufzählungszeichen einer unge­ordneten Liste gestalten.

6.1   Geordnete Liste in eine HTML-Datei einfügen.

6.2   Aufzählungszeichen einer geord­neten Liste gestalten.

7      Interne Hyperlinks verwenden.

8      Externe Hyperlinks verwenden.

9      Download-Links verwenden.

10.1 Tabelle in eine HTML-Seite einfü­gen.

• • Tabellenelemente (th, tr, td)

10.2 Tabelleneigenschaften

• • width, border

11.1 div-Element zur Gestaltung mehre­rer HTML-Elemente verwenden

11.2 Formateigenschaften mit Hilfe von Klassen in einer CSS Datei fest­legen.

11.3 Klassenselektoren in einer HTML-Seite verwenden.

12    Formateigenschaften für eine Ta­belle in einer CSS- Datei festlegen

·    Rahmenart (border)

·    Rahmendarstellung (collapse)

·    Außenabstand (margin)

13.1 Audiovisuelle Medien in eine HTML-Datei einbinden.

·    Textfarbe

13.2 Style-Definitionen innerhalb einer HTML-Seite festlegen.

13.3 Style-Definitionen einem HTML-Element direkt zuweisen

sonstiges

• • entspricht dem Lehrplan des dreijährigen nicht gewerblichen Aufbaugymnasiums Baden-Württemberg

Lektion 2

1. Flex Boxen
2. Gestaltung einer Webseite (abändern eines vorgegebenen Designs: Selfhtml)