Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
lehrkraefte:snr:informatik:glf22:html-css:auftrag-nach-pruefung [2023/04/02 10:41] Olaf Schnürer |
lehrkraefte:snr:informatik:glf22:html-css:auftrag-nach-pruefung [2023/04/03 17:53] (current) Olaf Schnürer |
||
---|---|---|---|
Line 4: | Line 4: | ||
Die Website-Erstellung folgt dem Prinzip der //Trennung von Inhalt und Form//: | Die Website-Erstellung folgt dem Prinzip der //Trennung von Inhalt und Form//: | ||
- | * Der Inhalt eine Webpage wird in der Sprache HTML beschrieben; | + | * Der Inhalt eine Webpage wird in der Sprache HTML beschrieben; |
- | * Die Form/das Layout (Farben, Schriften, Anordnung) wird in der Sprache CSS beschrieben; | + | * Die Form/das Layout (Farben, Schriften, Anordnung; z. B. Wie werden Überschriften gestaltet? (Schriftgrösse, |
Dasselbe HTML-File (der Inhalt) kann mit verschiedenen CSS-Files (dem Layout) kombiniert total verschieden aussehen. | Dasselbe HTML-File (der Inhalt) kann mit verschiedenen CSS-Files (dem Layout) kombiniert total verschieden aussehen. | ||
<WRAP center round todo> | <WRAP center round todo> | ||
- | Notiere deine Ideen auf ein eigenes Blatt Papier oder elektronisch! | + | Notiere deine Ideen für deine Website |
- | * Überlege dir bereits jetzt (und in den Osterferien) ein Thema für deine Website! | + | * Überlege dir bereits jetzt (und in den Osterferien) ein Thema für deine Website! |
* Welcher Inhalt soll auf welcher Webpage stehen? | * 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). | * Notiere deine Gestaltungsideen (Layout)! Setze deine Ziele dabei nicht zu hoch (denn du hast nicht beliebig viel Zeit). | ||
Line 17: | Line 17: | ||
<WRAP center round todo> | <WRAP center round todo> | ||
- | Gewinne einen ersten Eindruck von HTML. Gehe dazu etwa auf eine der beiden | + | Gewinne einen ersten Eindruck von HTML. Schau dazu in eines der folgenden |
* https:// | * https:// | ||
- | * http:// | + | * http:// |
- | | + | |
+ | Vielleicht erinnerst du dich auch an [[lehrkraefte: | ||
</ | </ | ||