Differences

This shows you the differences between two versions of the page.

--- lehrkraefte:snr:informatik:glf22:html-css:auftrag-nach-pruefung [2023/04/02 10:36]
Olaf Schnürer created
+++ lehrkraefte:snr:informatik:glf22:html-css:auftrag-nach-pruefung [2023/04/03 17:53] (current)
Olaf Schnürer
@@ Line 1: / Line 1: @@
 ====== Arbeitsauftrag nach der Prüfung ======
-Nach den Frühlingsferien wirst du voraussichtlich als Projekt eine \textit{Website} (= Sammlung von einzelnen \textit{Webpages} = Webseiten) mit
+Nach den Frühlingsferien wirst du voraussichtlich als Projekt eine //Website// (= Sammlung von einzelnen //Webpages// = Webseiten) mit HTML und CSS (und eventuell anderen Kernsprachen des World Wide Web wie //JavaScript// oder //pyscript// und ...) erstellen.
-HTML und CSS (und eventuell anderen Kernsprachen des World Wide Web wie JavaScript oder pyscript und ...) erstellen.
-<WRAP center round todo>
+Die Website-Erstellung folgt dem Prinzip der //Trennung von Inhalt und Form//:
-  Notiere deine Ideen auf ein eigenes Blatt Papier oder elektronisch (dann aber bitte die Prüfung vorher zurückgeben)!
+  * Der Inhalt eine Webpage wird in der Sprache HTML beschrieben; HTML = //hypertext markup language// = Sprache zur Beschreibung der Gliederung (etwa durch Auszeichnung von Überschriften, Absätzen, Aufzählungen) von Texten mit (Hyper-)Links, Bildern und anderen Inhalten.
-  \begin{itemize}
+  * Die Form/das Layout (Farben, Schriften, Anordnung; z. B. Wie werden Überschriften gestaltet? (Schriftgrösse, Farbe, Zentrierung etc.)) wird in der Sprache CSS beschrieben; CSS = //cascading style sheets//.
-  \item
-  Überlege dir bereits jetzt (und in den Osterferien) ein Thema für deine Website!
-\item
-  Welcher Inhalt soll auf welcher Webpage stehen?
-\item
-  Notiere deine Gestaltungsideen! Setze deine Ziele dabei nicht zu hoch (denn du hast nicht beliebig viel Zeit). \end{itemize}
+Dasselbe HTML-File (der Inhalt) kann mit verschiedenen CSS-Files (dem Layout) kombiniert total verschieden aussehen.
+<WRAP center round todo>
+Notiere deine Ideen für deine Website auf ein eigenes Blatt Papier oder elektronisch!
+    * Überlege dir bereits jetzt (und in den Osterferien) ein Thema für deine Website! (Interessen oder Hobbies, Sammlung von Kunstwerken, eigene Homepage, Homepage einer Band/eines Orchesters/eines Clubs/eines fiktiven Unternehmens)
+    * Welcher Inhalt soll auf welcher Webpage stehen?
+    * Notiere deine Gestaltungsideen (Layout)! Setze deine Ziele dabei nicht zu hoch (denn du hast nicht beliebig viel Zeit).
 </WRAP>
-Die Website-Erstellung folgt dem Prinzip der \textit{Trennung von Inhalt und Form}:
-\begin{itemize}
-\item
-  Der Inhalt eine Webpage wird in der Sprache HTML beschrieben; HTML = \textit{hypertext markup language} = Sprache zur Beschreibung der Gliederu
-ng (etwa durch Überschriften, Absätze, Aufzählungen) von Texten mit (Hyper-)Links, Bildern und anderen Inhalten.)
-\item
-  Die Form/das Layout (Farben, Schriften, Anordnung) wird in der Sprache CSS beschrieben; CSS = \textit{cascading style sheets}.
-\end{itemize}
-Dasselbe HTML-File (der Inhalt) kann mit verschiedenen CSS-Files kombiniert total verschieden aussehen.
+<WRAP center round todo>
+Gewinne einen ersten Eindruck von HTML. Schau dazu in eines der folgenden Tutorials:
+  * https://www.w3schools.com/html/default.asp
+  * http://html.net/ (dort in "Step 1: Learn HTML" das Tutorial zu HTML5 wählen)
-Gewinne einen ersten Eindruck von HTML. Gehe dazu etwa auf eine der beiden folgenden Seiten:
+Vielleicht erinnerst du dich auch an [[lehrkraefte:snr:informatik:glf22:html-startseite#erstellen_einer_html-seite:|Erstellen einer eigenen HTML-Seite]]
+</WRAP>
-\begin{itemize}
-\item \url{https://www.w3schools.com/html/default.asp}
-\item \url{http://html.net/}: Dort in\glqq{}Step 1: Learn HTML\grqq{} das Tutorial zu
-  HTML5 wählen.