Projekt:2018/HTML Diff 8.1: Unterschied zwischen den Versionen

Aus Informatik-Box
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
 
(24 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
== Projektziel ==
== Projektziel ==
Erstellt einen HTML-Steckbrief von euch.
Erstellt alleine oder zu zweit einen Steckbrief von euch als HTML-Seite. Wenn ihr zu zweit arbeitet, dann könnt ihr entweder zwei einzelne Steckbriefe erstellen (zwei HTML-Dateien) oder euch gemeinsam auf einer HTML-Seite vorstellen.
 
Die Ergebnisse des letzten Schuljahres könnt ihr unter [https://diff.ngb.schule/ diff.ngb.schule] ansehen.
 
== Ablauf ==
Im Laufe des Unterrichts lernt ihr immer neue Elemente zur Gestaltung von HTML-Seiten kennen. Ihr werdet jedesmal Gelegenheit haben, das Gelernte in euren Steckbrief einzubauen. Am Ende sollte eure Seite möglichst viele der Elemente enthalten. Darunter werden unter anderem Tabellen, Bilder und Multimedia-Objekte sein.
 
{{Kasten|'''Abgabe der Steckbriefe'''
 
Abgabe der Steckbriefe ist am '''Do., 29.11.2018''' im Tauschordner. Wer Probleme mit der Abgabe im Tauschordner hat, der kann die Dateien bis '''Fr., 30.11.2018 um 23:59 Uhr''' per Mail an [mailto:schule@neugebauer.cc schule@neugebauer.cc] schicken.
 
''Abzugeben ist der komplette HTML-Ordner, inklusive der Unterordner "bilder" und "css" mit ihren Inhalten.'' (Am besten in Form einer [[wikipedia:ZIP-Dateiformat|ZIP-Datei]].)
 
[[Datei:Icon Warning.png|24px|class=alert-icon|link=]] Achtet darauf, dass die Abgabe alle wichtigen Dateien enthält! Alle Bilder müssen im Unterordner "bilder" abgegelgt sein, alle CSS-Dateien im Ordner "css". Bewertet wird das abgegebene Produkt, nicht der Zustand auf eurem Rechner. Testet eurer Seite also gegebenenfalls vorher auf anderen Computern.
|Farbe={{Farbe:Warnung}}}}


== Anforderungen ==
== Anforderungen ==
Erstellt alleine oder zu zweit einen Steckbrief von euch als HTML-Seite. Wenn ihr zu zweit arbeitet, dann könnt ihr entweder zwei einzelne Steckbriefe erstellen, zu jeder Person einen, oder euch gemeinsam auf einer HTML-Seite vorstellen.
Jeder Steckbrief muss ein oder mehrere Vorkommen der folgenden im Unterricht behandelten Elemente enthalten:
# Tags zur Textauszeichnung
## Absätze
## Fett, Kursiv, Unterstreichungen, ...
## Überschriften
# Bilder
# Links
# Listen
# Tabellen


== Ablauf ==
Außerdem muss der HTML-Steckbrief mit einer '''CSS-Datei''' verknüpft sein, welche verschiedene Elemente des Steckbriefs mit CSS-Regeln formatiert. Darunter sollen folgende Elemente sein:
Im Laufe des Unterrichts werdet ihr immer neue Elemente zur Gestaltung von HTML-Seiten kennenlernen. Ihr werdet jedesmal Gelegnheit haben, das Gelernte in euren Steckbrief einzubauen. Am Ende sollte eure Seite jede Stunde Element zumindes einmal enthalten. Das werden unter anderem Tabellen, Bilder und Multimedia-Objekte sein.
# Formatierung von Textelementen (z.B. Textfarbe, Unterstreichungen, ...)
 
Optional können diese Elemente in den Steckbrief eingebaut werden:
# [https://link.ngb.schule/css-pseudoklassen Formatierung mit Pseudoselektoren] (z.B. Links mit :visited, Änderungen mit :hover, ...)
# Multimedia-Objekte (z.B. Videos, Audio, interaktive Elemente, ...)
# Strukturierungselemente (<div>, Navigationselemente, ...)
# Formulare
# Icons (z.B. [https://www.font-awesome.com Font Awesome])
 
== Bewertung ==
Bewertet wird die Vollständigkeit der Steckbriefe nach den obigen Vorgaben, Aufbau und Struktur des Quelltextes (wie ordentlich der Quelltext geschrieben ist) und wie sinnvoll die Inhalte des Steckbriefes sind.


== Hilfreiche Links ==
== Hilfreiche Links ==
=== Links aus dem Unterricht ===
* [https://link.ngb.schule/html-bailey Baileys Homepage]
* [https://link.ngb.schule/html-takota Takotas Homepage]
* [https://link.ngb.schule/html-steckbrief Arbeitsauftrag HTML-Steckbrief]
* [https://link.ngb.schule/html-neue-tags Einführung neuer HTML-Tags]
* [https://link.ngb.schule/html-tabellen Beispiel einer HTML-Tabellen]
* [https://link.ngb.schule/css-uebersicht Übersicht von CSS-Eigenschaften]
* [https://link.ngb.schule/css-pseudoklassen Einführung zu CSS-Pseudoklassen]
=== Weiterführende Links ===
* [https://www.phase5.info/ Phase5 HTML-Editor]
* [https://www.html-seminar.de/html-editor.htm Einführung in den Phase5 HTML-Editor]
* [https://www.html-seminar.de/html-editor.htm Einführung in den Phase5 HTML-Editor]
* [https://link.ngb.schule/html-steckbrief Online HTML-Editor zum Ausprobieren neuer Elemente]
* [https://link.ngb.schule/html-steckbrief Online HTML-Editor zum Ausprobieren neuer Elemente]
* [https://www.w3schools.com/tags/default.asp Übersicht aller HTML-Tags (auf englisch)]


[[Kategorie:Projekte:2018/19|HTML-Projekt]]
[[Kategorie:Projekte:2018/19|HTML-Projekt]]

Aktuelle Version vom 24. November 2018, 11:53 Uhr

Projektziel

Erstellt alleine oder zu zweit einen Steckbrief von euch als HTML-Seite. Wenn ihr zu zweit arbeitet, dann könnt ihr entweder zwei einzelne Steckbriefe erstellen (zwei HTML-Dateien) oder euch gemeinsam auf einer HTML-Seite vorstellen.

Die Ergebnisse des letzten Schuljahres könnt ihr unter diff.ngb.schule ansehen.

Ablauf

Im Laufe des Unterrichts lernt ihr immer neue Elemente zur Gestaltung von HTML-Seiten kennen. Ihr werdet jedesmal Gelegenheit haben, das Gelernte in euren Steckbrief einzubauen. Am Ende sollte eure Seite möglichst viele der Elemente enthalten. Darunter werden unter anderem Tabellen, Bilder und Multimedia-Objekte sein.

Abgabe der Steckbriefe

Abgabe der Steckbriefe ist am Do., 29.11.2018 im Tauschordner. Wer Probleme mit der Abgabe im Tauschordner hat, der kann die Dateien bis Fr., 30.11.2018 um 23:59 Uhr per Mail an schule@neugebauer.cc schicken.

Abzugeben ist der komplette HTML-Ordner, inklusive der Unterordner "bilder" und "css" mit ihren Inhalten. (Am besten in Form einer ZIP-Datei.)

Icon Warning.png Achtet darauf, dass die Abgabe alle wichtigen Dateien enthält! Alle Bilder müssen im Unterordner "bilder" abgegelgt sein, alle CSS-Dateien im Ordner "css". Bewertet wird das abgegebene Produkt, nicht der Zustand auf eurem Rechner. Testet eurer Seite also gegebenenfalls vorher auf anderen Computern.

Anforderungen

Jeder Steckbrief muss ein oder mehrere Vorkommen der folgenden im Unterricht behandelten Elemente enthalten:

  1. Tags zur Textauszeichnung
    1. Absätze
    2. Fett, Kursiv, Unterstreichungen, ...
    3. Überschriften
  2. Bilder
  3. Links
  4. Listen
  5. Tabellen

Außerdem muss der HTML-Steckbrief mit einer CSS-Datei verknüpft sein, welche verschiedene Elemente des Steckbriefs mit CSS-Regeln formatiert. Darunter sollen folgende Elemente sein:

  1. Formatierung von Textelementen (z.B. Textfarbe, Unterstreichungen, ...)

Optional können diese Elemente in den Steckbrief eingebaut werden:

  1. Formatierung mit Pseudoselektoren (z.B. Links mit :visited, Änderungen mit :hover, ...)
  2. Multimedia-Objekte (z.B. Videos, Audio, interaktive Elemente, ...)
  3. Strukturierungselemente (<div>, Navigationselemente, ...)
  4. Formulare
  5. Icons (z.B. Font Awesome)

Bewertung

Bewertet wird die Vollständigkeit der Steckbriefe nach den obigen Vorgaben, Aufbau und Struktur des Quelltextes (wie ordentlich der Quelltext geschrieben ist) und wie sinnvoll die Inhalte des Steckbriefes sind.

Hilfreiche Links

Links aus dem Unterricht

Weiterführende Links

Abgerufen von „http://ngb.schule/hgwiki/index.php?title=Projekt:2018/HTML_Diff_8.1&oldid=3862“