lehrkraefte:snr:informatik:glf22:html-css:auftrag-nach-pruefung

Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision		 Previous revision
lehrkraefte:snr:informatik:glf22:html-css:auftrag-nach-pruefung [2023/04/02 08:47] – Olaf Schnürerlehrkraefte:snr:informatik:glf22:html-css:auftrag-nach-pruefung [2023/04/03 15:53] (current) – Olaf Schnürer
Line 1: Line 1:
 +====== Arbeitsauftrag nach der Prüfung ======
 +
 +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.
 +
 +Die Website-Erstellung folgt dem Prinzip der //Trennung von Inhalt und Form//:
 +  * 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.
 +  * 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//.
 +
 +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>
 +
 +<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)
 +
 +Vielleicht erinnerst du dich auch an [[lehrkraefte:snr:informatik:glf22:html-startseite#erstellen_einer_html-seite:|Erstellen einer eigenen HTML-Seite]]
 +</WRAP>