Benutzer:Jneug/Vorlagen/Steckbrief - Versionsgeschichte

Jneug: /* Hilfreiche Links */

2019-06-01T08:48:15Z

Hilfreiche Links

← Nächstältere Version		Version vom 1. Juni 2019, 10:48 Uhr
Zeile 86:		Zeile 86:
	* [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)]		* [https://www.w3schools.com/tags/default.asp Übersicht aller HTML-Tags (auf englisch)]
			* [https://www.css-wiki.com/ CSS-Wiki]

Jneug am 23. November 2018 um 05:47 Uhr

2018-11-23T05:47:44Z

← Nächstältere Version		Version vom 23. November 2018, 07:47 Uhr
Zeile 18:		Zeile 18:
	''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]].)		''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 ~~ggf.~~ vorher auf anderen Computern.		[[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}}\|class=hidden}}		\|Farbe={{Farbe:Warnung}}\|class=hidden}}

Zeile 34:		Zeile 34:
	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:		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:
	# Formatierung von Textelementen (z.B. Textfarbe, Unterstreichungen, ...)		# Formatierung von Textelementen (z.B. Textfarbe, Unterstreichungen, ...)
			# [https://link.ngb.schule/html-pseudoklassen Formatierung mit Pseudoselektoren] (z.B. Links mit :visited, Änderungen mit :hover, ...)

	Optional können diese Elemente in den Steckbrief eingebaut werden:		Optional können diese Elemente in den Steckbrief eingebaut werden:
	~~# [https://link.ngb.schule/html-pseudoklassen Formatierung mit Pseudoselektoren] (z.B. Links mit :visited, Änderungen mit :hover, ...)~~
	# Multimedia-Objekte (z.B. Videos, Audio, interaktive Elemente, ...)		# Multimedia-Objekte (z.B. Videos, Audio, interaktive Elemente, ...)
	# Strukturierungselemente (<div>, Navigationselemente, ...)		# Strukturierungselemente (<div>, Navigationselemente, ...)

Jneug am 23. November 2018 um 05:47 Uhr

2018-11-23T05:47:08Z

← Nächstältere Version		Version vom 23. November 2018, 07:47 Uhr
Zeile 18:		Zeile 18:
	''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]].)		''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 CS-Dateien im Ordner "css". Bewertet wird das abgegebene Produkt, nicht der Zustand auf eurem Rechner. Testet eurer Seite also ggf. vorher auf anderen Computern.		[[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 ggf. vorher auf anderen Computern.
	\|Farbe={{Farbe:Warnung}}\|class=hidden}}		\|Farbe={{Farbe:Warnung}}\|class=hidden}}

Jneug am 23. November 2018 um 05:45 Uhr

2018-11-23T05:45:39Z

← Nächstältere Version		Version vom 23. November 2018, 07:45 Uhr
Zeile 19:		Zeile 19:

	[[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 CS-Dateien im Ordner "css". Bewertet wird das abgegebene Produkt, nicht der Zustand auf eurem Rechner. Testet eurer Seite also ggf. vorher auf anderen Computern.		[[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 CS-Dateien im Ordner "css". Bewertet wird das abgegebene Produkt, nicht der Zustand auf eurem Rechner. Testet eurer Seite also ggf. vorher auf anderen Computern.
	\|Farbe={{Farbe:Warnung}}}}		\|Farbe={{Farbe:Warnung}}\|class=hidden}}

	== Anforderungen ==		== Anforderungen ==

Jneug am 22. November 2018 um 19:32 Uhr

2018-11-22T19:32:20Z

← Nächstältere Version		Version vom 22. November 2018, 21:32 Uhr
Zeile 1:		Zeile 1:
	[[Kategorie:Projektvorlagen]]		[[Kategorie:Projektvorlagen]]

	Seite zum HTML-Projekt des ~~Inforamtik~~ Differenzierungskurses 8.1 im [[:Kategorie:Projekte:%%Schuljahr%%\|Schuljahr %%Schuljahr%%]].		[[Kategorie:Projekte:%%Schuljahr%%\|HTML-Projekt]]
			Seite zum HTML-Projekt des Informatik Differenzierungskurses 8.1 im [[:Kategorie:Projekte:%%Schuljahr%%\|Schuljahr %%Schuljahr%%]].

	== Projektziel ==		== Projektziel ==
Zeile 85:		Zeile 86:
	* [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)]		* [https://www.w3schools.com/tags/default.asp Übersicht aller HTML-Tags (auf englisch)]

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

Jneug am 22. November 2018 um 19:31 Uhr

2018-11-22T19:31:18Z

← Nächstältere Version		Version vom 22. November 2018, 21:31 Uhr
Zeile 1:		Zeile 1:
			[[Kategorie:Projektvorlagen]]

	Seite zum HTML-Projekt des Inforamtik Differenzierungskurses 8.1 im [[:Kategorie:Projekte:%%Schuljahr%%\|Schuljahr %%Schuljahr%%]].		Seite zum HTML-Projekt des Inforamtik Differenzierungskurses 8.1 im [[:Kategorie:Projekte:%%Schuljahr%%\|Schuljahr %%Schuljahr%%]].

Jneug: /* Bewertungskriterien */

2018-11-22T08:40:02Z

Bewertungskriterien

← Nächstältere Version		Version vom 22. November 2018, 10:40 Uhr
Zeile 47:		Zeile 47:
	\|+ Bewertungstabelle		\|+ Bewertungstabelle
	\|-		\|-
	! Die ~~Projektgruppe~~ … !! Mögliche Punkte		! Die Gruppe … !! Mögliche Punkte
	\|-		\|-
	! colspan="2" \| HTML-Elemente (P%)		! colspan="2" \| HTML-Elemente (P%)

Jneug am 22. November 2018 um 08:39 Uhr

2018-11-22T08:39:24Z

@@ Zeile 39: / Zeile 39: @@
 # Icons (z.B. [https://www.font-awesome.com Font Awesome])
-== Bewertung ==
+Zusätzlich soll der Aufbau der HTML-Seite in Form eines [[HTMl-Baumdiagramms|Baumdiagramms]] dargestellt werden.
 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 ==

Jneug: Die Seite wurde neu angelegt: „Seite zum HTML-Projekt des Inforamtik Differenzierungskurses 8.1 im Schuljahr %%Schuljahr%%. == Projektziel == Erstellt…“

2018-11-22T08:34:35Z

Die Seite wurde neu angelegt: „Seite zum HTML-Projekt des Inforamtik Differenzierungskurses 8.1 im Schuljahr %%Schuljahr%%. == Projektziel == Erstellt…“

Neue Seite

Seite zum HTML-Projekt des Inforamtik Differenzierungskurses 8.1 im [[:Kategorie:Projekte:%%Schuljahr%%|Schuljahr %%Schuljahr%%]].

== 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 [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 '''%%Abgabe1%%''' im Tauschordner. Wer Probleme mit der Abgabe im Tauschordner hat, der kann die Dateien bis '''%%Abgabe2%% 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 CS-Dateien im Ordner "css". Bewertet wird das abgegebene Produkt, nicht der Zustand auf eurem Rechner. Testet eurer Seite also ggf. vorher auf anderen Computern.
|Farbe={{Farbe:Warnung}}}}

== Anforderungen ==
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

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:
# Formatierung von Textelementen (z.B. Textfarbe, Unterstreichungen, ...)

Optional können diese Elemente in den Steckbrief eingebaut werden:
# [https://link.ngb.schule/html-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 ==
=== 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 Einführung von 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://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]]