8.582
Bearbeitungen
Benutzer:Jneug/Vorlagen/Steckbrief: Unterschied zwischen den Versionen
Benutzer:Jneug/Vorlagen/Steckbrief (Quelltext anzeigen)
Version vom 1. Juni 2019, 10:48 Uhr
, 10:48, 1. Jun. 2019→Hilfreiche Links
Jneug (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Jneug (Diskussion | Beiträge) Markierungen: Mobile Bearbeitung Mobile Web-Bearbeitung |
||
| (6 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
Seite zum HTML-Projekt des | [[Kategorie:Projektvorlagen]] | ||
[[Kategorie:Projekte:%%Schuljahr%%|HTML-Projekt]] | |||
Seite zum HTML-Projekt des Informatik Differenzierungskurses 8.1 im [[:Kategorie:Projekte:%%Schuljahr%%|Schuljahr %%Schuljahr%%]]. | |||
== Projektziel == | == Projektziel == | ||
| Zeile 15: | 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 | [[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}}}} | |Farbe={{Farbe:Warnung}}|class=hidden}} | ||
== Anforderungen == | == Anforderungen == | ||
| Zeile 31: | 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: | ||
# Multimedia-Objekte (z.B. Videos, Audio, interaktive Elemente, ...) | # Multimedia-Objekte (z.B. Videos, Audio, interaktive Elemente, ...) | ||
# Strukturierungselemente (<div>, Navigationselemente, ...) | # Strukturierungselemente (<div>, Navigationselemente, ...) | ||
| Zeile 47: | Zeile 50: | ||
|+ Bewertungstabelle | |+ Bewertungstabelle | ||
|- | |- | ||
! Die | ! Die Gruppe … !! Mögliche Punkte | ||
|- | |- | ||
! colspan="2" | HTML-Elemente (P%) | ! colspan="2" | HTML-Elemente (P%) | ||
| Zeile 83: | 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] | |||
[ | |||