====== 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 Aufgabe für heute: Schritt 1 + 2, nicht 3!