Seite anzeigenÄltere VersionenLinks hierherODT exportierenNach oben Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt. ====== Schritte zur Erstellung einer Webseite ====== ===== Schritt 1. Inhalt: Was möchte ich sagen / zeigen? ===== * Du entscheidest, worüber du schreiben bzw. Recherchieren möchtest. * Du suchst Informationen aus dem Netz und sammelst die in einem oder mehreren Word-Dateien. * Du speicherst Bilder aus dem Netz in einem Ordner mit dem Namen "Bilder" oder ähnliches * Du darfst freie Inhalte aus dem Netz für deine Arbeit verwenden. * Du notierst überall die Quelle. ===== Schritt 2. Struktur: Wie organisiere ich den Inhalt ===== Nachdem du den **kompletten** Inhalt gesammelt hast, legst du eine Struktur fest. * Welche Informationen gehören zusammen auf eine Seite? * Welche Bilder gehören wo? * Welche interne und externe Links sind notwendig? Oft ist eine Mindmap oder ein Plan notwendig. Hier zwei Beispiele: * [[https://www.websitetooltester.com/wp-content/uploads/2015/06/mindmap.png|Beispiel 1: Handschriftliche MindMap]] * {{:s7-16_17:brecht-schule.png?direct&100|Mindmap der neuen Homepage unserer Schule}} Mindmap der neuen Homepage unserer Schule ===== Schritt 3. Design: Schriftart, Größe, Farben ===== Erst jetzt kannst du Design-Farben beantworten. Erst wenn du weiss, wo was zu sagen / zeigen kannst, kannst du wirklich Design-Fragen beantworten. ==== Farben ==== Du brauchst: * Eine Hintergrundfarbe oder ein Hintergrundbild * Eine Schriftfarbe * Eine zweite Farbe für Links Hier kannst du Farben aussuchen: http://html-color-codes.info/webfarben_hexcodes/ ==== Schriftgröße ==== Du brauchst * Eine Schriftgröße für normalen Text, z.B. 14px oder 1em * Eine Schriftgröße für Überschriften, größer als für normalen Text, z.B. 1.5em oder 16px ==== Schriftarten ==== Du brauchst * Eine Schriftart für normalen Text * Eine Schriftart für Überschriften Hier kannst du Schriftarten aussuchen: http://html-css.larsburkhardt.de/websichere-schriften.html <fc #ff0000><fs xx-large>Aufgabe für heute: Schritt 1 + 2, nicht 3!</fs></fc> s7-16_17/04nov2016.txt Zuletzt geändert: 2016/11/04 09:17von 127.0.0.1