| |
Die Einzeldateien
|
| |
1. Didaktische Hinweise
|
| |
001 |
Hinweise zu dieser Einheit
|
| |
2. Grundlagen
|
| |
002 |
Erläuterung des Begriffs WWW
|
| |
003 |
Erläuterung des Begriffs HTML
|
| |
004 |
Erläuterung des Begriffs URL
|
| |
005 |
Die Bestandteile einer URL
|
| |
006 |
Programme für das HTML-Design
|
| |
007 |
Quelltext und Browserdarstellung
|
| |
008 |
Was sind Browser
|
| |
009 |
Erläuterung der Begriffe Link und Hyperlink
|
| |
010 |
Erläuterung des Begriffs Tag
|
| |
011 |
Erläuterung des Begriffs Frame
|
| |
3. Verwalten von Dokumenten und Dateien
|
| |
012 |
Ordnung in HTML Dokumenten
|
| |
013 |
Ordnung durch eine flache Seitenstruktur
|
| |
014 |
Ordnung durch Unterordner
|
| |
015 |
Automatische Ordnung durch Speichern in Word
|
| |
016 |
Übersicht über wichtige Ordnungsregeln
|
| |
017 |
Unsichtbare Informationen in den Metaangaben
|
| |
4. Gestaltungsaspekte
|
| |
018 |
Gestaltungs- und Realisierungsmöglichkeiten
|
| |
019 |
Aspekte ästhetischer Gestaltung
|
| |
020 |
Wichtige Benimmregeln
|
| |
021 |
Tipps für ein ansprechendes Layout
|
| |
5. Texte
|
| |
022 |
Besonderheit von Texten in Html-Seiten
|
| |
023 |
Der Einsatz von Schriftarten
|
| |
024 |
Die Standardschriftart
|
| |
025 |
Schriftauswahl in Abhängigkeit vom Text
|
| |
026 |
Besondere Schriftarten als Bild verwenden
|
| |
027 |
Die Schriftgröße in Html-Dokumenten
|
| |
028 |
Hervorhebungen durch Schriftauszeichnungen
|
| |
029 |
Allgemeines zu Absatzformatierungen
|
| |
030 |
Das Einrücken von Texten
|
| |
031 |
Aufzählungen mit Zeichen und Bildern
|
| |
032 |
Absatzformatierung durch Nummerierung
|
| |
033 |
Absatzformatierung durch Ausrichtung des Textes
|
| |
034 |
Absatzformatierungen durch Überschriften
|
| |
6. Bilder
|
| |
035 |
Gestaltung mit Bildelementen
|
| |
036 |
Grundkenntnisse zur Gestaltung mit Bildelementen
|
| |
037 |
Die verschiedenen Grafikarten
|
| |
038 |
Was versteht man unter Farbtiefe
|
| |
039 |
Bilder mit unterschiedlicher Farbtiefe
|
| |
040 |
Die Bildauflösung
|
| |
041 |
Vorschaubilder und Thumbnails
|
| |
042 |
Grafikformate im Internet - Übersicht
|
| |
043 |
Grafikformate - JPG1
|
| |
044 |
Grafikformate - JPG in Winword
|
| |
045 |
Grafikformate - PNG 1
|
| |
046 |
Grafikformate - PNG in Winword
|
| |
047 |
Grafikformate - GIF 1
|
| |
048 |
Grafikformate - GIF in Winword
|
| |
049 |
Allgemeine Formatierung eines Bildes
|
| |
050 |
Andere Formatierungsmöglichkeiten in Html-Dokumenten
|
| |
051 |
Formatierungsmöglichkeiten eines Bildes in Winword
|
| |
7. Layout
|
| |
052 |
Gestaltung des Seitenlayouts - Überblick
|
| |
7.1 Seitenlayout
|
| |
053 |
Seitenlayout - Die Hintergrundfarbe
|
| |
054 |
Seitenlayout - Wahl der Hintergrundfarbe
|
| |
055 |
Seitenlayout - Weitere Infos zur Hintergrundfarbe
|
| |
056 |
Seitenlayout - Das Hintergrundbild
|
| |
057 |
Seitenlayout - Funktionsweise des Hintergrundbilds
|
| |
058 |
Seitenlayout - Die Kachelprinzipien
|
| |
059 |
Seitenlayout - Effekte beim Kacheln
|
| |
060 |
Fehler bei der Hintergrundgestaltung
|
| |
7.2 Tabellen
|
| |
061 |
Die Funktion von Tabellen
|
| |
062 |
Was sind Tabellen
|
| |
063 |
Die verschiedenen Tabellenarten
|
| |
064 |
Tabellen können verändert werden
|
| |
065 |
Tabellen formatieren - Tabelleneigenschaften
|
| |
066 |
Tabellen formatieren - Die Zeilen
|
| |
067 |
Tabellen formatieren - Die Spalten
|
| |
068 |
Tabellen formatieren - Die Zellen
|
| |
069 |
Tabellen formatieren - Der Tabellenrahmen
|
| |
070 |
Tabellen formatieren - Die Schattierung
|
| |
071 |
Tabellen formatieren - Zellen verbinden
|
| |
072 |
Tabellen formatieren - Tabellen verschachteln
|
| |
073 |
Tabellen formatieren - Beispiel 1
|
| |
074 |
Tabellen formatieren - Beispiel 2
|
| |
075 |
Tabellen formatieren - Beispiel 3
|
| |
076 |
Tabellen formatieren - Beispiel 4
|
| |
077 |
Tabellen formatieren - Beispiel 5
|
| |
078 |
Bilder in Tabellen - Beispiel 1
|
| |
079 |
Bilder in Tabellen - Beispiel 2
|
| |
080 |
Bilder in Tabellen - Beispiel 3
|
| |
081 |
Bilder in Tabellen - Beispiel 4
|
| |
082 |
Bilder in Tabellen - Beispiel 5
|
| |
8. Verweise
|
| |
083 |
Was sind Verweise - Grundlagen
|
| |
084 |
Einbinden eines Hyperlink
|
| |
085 |
Die Word-Funktion -Hyperlink einfügen-
|
| |
086 |
Was sind Verweisziele
|
| |
087 |
Die Arbeit mit Verweisen
|
| |
088 |
Auf eine Stelle innerhalb des Dokuments verweisen
|
| |
089 |
Verweis innerhalb des Dokuments - Beispiel
|
| |
090 |
Beispiel einer Link-Liste
|
| |
9. Frames
|
| |
091 |
Das Arbeiten mit Frames
|
| |
092 |
Was sind Frames
|
| |
093 |
Wie funktionieren Frames
|
| |
094 |
Framekonstruktionen und -funktionsweise
|
| |
095 |
Frames erstellen - Arbeitsschritte Teil 1
|
| |
096 |
Frames erstellen - Arbeitsschritte Teil 2
|
| |
097 |
Frames erstellen und anwenden - Beispiel 1
|
| |
098 |
Frames erstellen und anwenden - Beispiel 2
|
| |
10. Planen eines Internetauftritts
|
| |
099 |
Allgemeine Planung eines Internetauftritts
|
| |
100 |
Strukturplanung eines Internetauftritts
|
| |
Gesamtdatei
|
| | 101 | Alle Word-Dateien in Reihenfolge - Gesamtdatei |
| |
Der Ordner UEBUNGEN enthält praktische Übungsblätter zum Unterrichtsthema. Die Ergebnisse können mit den Dateien im Ordner ERGEBNISSE verglichen werden.
|
| | 107_uebung1_2_3.htm |
| | 108_uebung4.htm |
| | 109_uebung5.htm |
| | 110_uebung6.htm |
| | 111_uebung6-text1.htm |
| | 112_uebung6-text2.htm |
| | 113_uebung6-text3.htm |
| | 114_uebung7.htm |
| | 115_uebung7-text1.htm |
| | 116_uebung7-text2.htm |
| | 117_uebung7-text3.htm |
| | 118_echobutt.jpg |
| | 119_hinterg1.jpg |
| | 120_orphbil1.jpg |
| | 121_orphbutt.jpg |
| | 122_orphhead.GIF |
| | 123_pygbutt.jpg |
| | Thumbs.db |
| |
Der Ordner ERGEBNISSE enthält die fertigen htm-Seiten zur Kontrolle der Übungsblätter.
|
| | ergebnis1.htm |
| | ergebnis2.htm |
| | ergebnis3.htm |
| | ergebnis4.htm |
| | ergebnis4a.htm |
| | ergebnis5.htm |
| | ergebnis6.htm |
| | uebung6-text-ergebnis1.htm |
| | uebung6-text-ergebnis2.htm |
| | uebung6-text-ergebnis3.htm |
| |
Der Ordner Ergebnis4a-Dateien enthält alle Grafikelemente zu Datei ergebnis4a.htm.
|
| | filelist.xml |
| | image001.gif |
| | image002.jpg |
| | image003.jpg |
| |
Der Ordner Ergebnis4-Dateien enthält alle Grafikelemente zu Datei ergebnis4.htm.
|
| | filelist.xml |
| | image001.gif |
| | image002.jpg |
| | image003.jpg |
Webdesign im Kunstunterricht - Funktionale und gestalterische Grundlagen für WebDesign mit WinWord (Best. Nr. 4945)
D. Hann
In dieser Einheit werden die funktionalen und gestalterischen Grundlagen für ein Webdesign ohne Kenntnisse der Programmiersprache HTML vermittelt.
Der Lehrgang orientiert sich an der Arbeit mit Microsoft Word, weil nicht jede Schule über HTML-Software verfügt, vermittelt aber ein grundsätzliches Denken sowie grundlegende Algorithmen, so dass die Kenntnisse prinzipiell auch mit allen anderen WebDesign-Programmen wie z.B. Frontpage angewendet werden können.
Aufgeteilt in mehrere Themenkreise vermitteln anschauliche Dateien das nötige Wissen, um am Ende selbst eine Webpage erstellen zu können.
Die Dateien im *.doc-Format sind nochmals in einer Gesamtdatei zusammengefasst. Den Abschluss der Einheit bilden die Ordner ÜBUNGEN (konkrete Gestaltungsaufgaben, um das neu erlernte Wissen anzuwenden und ERGEBNISSE, um die einzelnen Aufgaben kontrollieren zu können.
Bitte kopieren Sie diese Einheit auf Ihren PC, bevor Sie mir der Arbeit beginnen.
Autor und Verlag wünschen Ihnen und Ihren Schülern viel Erfolg.
