Man kan auch Unterpunkte
Aufzählungen:
Textfarbe/Seitenfarbe
Schwarz/Weiß Icon
Über den forderen Iconteil wählen Sie für markiete Textteile die Schriftfarbe aus und über den hinteren Iconteil die Hintergrundfarbe der Zeile.
Wenn Sie die Textausrichtung[mittig - rechts -...] ändern, können Sie jeweils eine neue Zeilenhintergrundfarbe bestimmen! Man kann dann aber auch wieder auf Ausrichtung LINKS zurückstellen
NICHT die Endemarke mitformatieren!(Lösung s.o.)
Hintergrundfarbe der Seite: Menue -> Format -> SEITENFARBEN U. HINTERGRUNDBILD erlaubt auch ein Bild für den ganzen Seitenhintergrund zu wählen. (Gross-Kleinschreibung des Namen +Suffix beachten)
Damit Sie hierbei keine Problme bekommen, sollte die Bilddatei im selben Ordner stehen - also ohne Pfadangabe = mögliche angezeigten Pfade löschen und das Bild im gleichen Ordner speichern!!!
Weitere Möglichkeiten/ICON:
HORIZONTALE LINIE [EINFÜGEN->Horizontale Linie] ermöglicht eine einfache Trennlinie in unterschiedlichen Stärken und Längen u. Ausrichtungen:
Man kann auch der Tabelle/einer Tabellenzelle ein Hintergrundbild geben:
in der Tabelle ggf in der Zelle stehend: RMT -> Tabellenzellen Eigenschaften -> Karte: Tabelle-> ERWEITERT -> HTML-Bereich
bei Attribut: background
bei Wert: Name einer Bilddatei (incl. Groß-/kleinschreibung!!!! und Suffix)
(falls es mit dem Hintergrundbild nicht klappt: die background-Zeile löschen und auch die Eingabemaske schließen. Es dann wieder versuchen. Kontrollieren Sie auch im browser, ob kein Bild vorhanden ist - verkleinern Sie im browser eventl. auch sark den Zoomfaktor. Eventl. sogar den Kompozer schließen und wieder öffnen. Versuchen Sie zur Not auch die Tabelle mit dem Hintergrundbild erneut zu erstellen!)
Sie können so zwei Bilddateien übereinander legen! Falls Sie
neben der Tabelle einer Zelle ebenfalls ein Hintergrundbild geben,
hätten Sie zwei Hintergründe.
Je nach browser kann es bei der Ausrichtung einer Tabelle zu Problemen kommen, da wir mit firefox arbeiten, sollte es kein Problem geben. Ansonsten eventuell:
table style="width: 80%; text-align: left; margin-left: auto; margin-right: auto;" border="1" cellpadding="2" cellspacing="2"......
durch:
..table style="width: 80%; text-align: left; margin-left: auto; margin-right: auto;" border="1" cellpadding="2" cellspacing="2" align="center".......>
ergänzen. (per Hand im Quelltext)
Layer/Textebenen - s. oben ->rechts unterhalb des KompoZer-Icon(Position nur bedingt einstellbar)
1. Text schreiben
2. Text markieren und auf ICON LAYER klicken(rechts außen!)
3. Text - per Vierfachpfeil an die gewünschte Position verscheiben
4. Hintergrundicon anklicken und Farbe auswählen - Sie müssen den Layer verlassen - erst dann wird Farbänderung sichtbar!
Zuerst wird ein Wort im Zielbereich markiert(unterer Dateiteil) und über Menue->BENANNTES ZIEL mit einem beliebigen Namen versehen.
Dann wird im oberen Dateiteil eine Absprungstelle markiert, dann Icon LINK anklicken- > dort den kleinen Laufpfeil anklicken und das vorab benannte Ziel auswählen.
b) zwischen zwei eigenen Dokumenten im gleichen Serververzeichnis
Zuerst schreiben Sie einen erklärenden Text wohin der Link verweisen soll, dann Icon LINK anklicken -> Durchsuchen anklicken und Datei auswählen.
ein anderes eigenes Dokument aufrufen
Nachdem Sie den Link erstellt haben, sollten Sie nochmals über RMT nachsehen, ob URL als relativ zur Seitenadresse behandeln aktiviert ist!!!! Aktuelle Datei und Zieldatei des Links sollten - momentan noch - im selben Ordner stehen[kein "../"]
c) zu einer externe Seite
Zuerst wieder einen erklärenden Text für die Absprungstelle -> Icon LINK und nun die gesammte URL mit http://www...schreiben!
Sie müssen sich auch überlegen, ob die Links in einem NEUEN Fenster geöffnet werden sollen!
Externe Auswahl von Grafiken aller Art. Sie können aber im browser auch anigif o. animierte gif eingeben, um zu anderen Seiten zu gelangen. Bitte immer auf freeware achten!!!
d) Links in einem Bild (RMT auf das Biild und Karte Links) s. auch Grafiken
jpg = jpeg benötigt wenig Platz ist aber für viele Effekte über Powerpoint nicht geeingnet!
png = für FREISTELLEN oder über RMT und "Grafik formatieren" in Powerpoint die richtige Wahl
gif = ermöglicht animierte Bilder - hat aber eine schlechte Qualität
bmp oder wmf oder... Dateien lassen sich z.B. über MS Paint(alte Officeversionen) oder den iviewer in obige Formate konvertieren (s. unten)
Über snipping tools können Sie jeden Bidlschirmbereich als Bilddatei abspeichern!
Wenn Sie über das Icon: Grafik die Datei einfügen, Alternativen Text deaktiviern oder etwas sinnvolles hineinschreiben! Tooltip sind auch schön!
Wichtig: URL als relativ zur Seitenadresse behandeln muss aktiviert werden, bzw. es darf bei Dateien im eigenen Verzeichnis(web) keine Pfadangabe vor dem Dateinamen mehr stehen! Lieber nachträglich kontrollieren!
Dies setzt aber voraus, dass die HTML-Datei VOR dem Einfügen der Grafik 1x gespeichert wurde, da das Programm sonst nicht erkennen kann, wo die beiden Dateien stehen sollen!
Erklärung: Falls eine Pfadangabe vorhanden ist, könnte es passieren, dass das Bild nur auf Ihrem Rechner sichtbar ist - nicht aber auf den Rechnern anderer Personen, da diese diesen Pfad u/o das Bild nicht haben! (Problem nur nach dem hosten)
a) von fremden Seiten
per snipping-tools oder klassisch per Taste DRUCK auf der Tastatur
b) fremde Bilder auch per:
Hinweis: Jedes Bild im Netz ist das geistige Eigentum einer Person!
Die fremde Seite aufrufen -> über RMT -> Grafik anzeigen (dient nur der Sicherheit, dass Sie auch das Bild bekommen, welches Sie haben wollten)
Das Bild erneut anklicken -> RMT -> Grafik speichern unter auswählen und in Ihrem Standardverzeichnis speichern.
Exkurs Bildbearbeitung:
Bild verkleinern (spart Ladezeit)
auf dem Bild stehend - RMT: Graif-Eigenschaften-< Karte Größe -> Prozentual vom Original : Wert eingeben (falls Sie unterschiedlicher Werte eingeben wird das Bild verzerrt besser Proportional lassen!)
falls Sie weitere Effekte(auch Formate) ändern wollten -> MS Powerpoint u. u.U. MS Paint
Alternative: MS PAINT
ca) eigene Grafiken erstellen
Wenn Sie künstlerisch begabt sind, können Sie z.B. in MS Paint/Powerpoint/Word ein Kunstwerk malen.
Für alle Übrigen bietet sich MS Powerpoint(über (RMT->als Grafik speichern) oder MS Word mit snipping-tool ausschneiden an.
weitere Effekte über RMT-> Schatten - Leuchten.... aber auch Bildlayout, um Bilder in angezeigte Smartartelemente zu integrieren
Bsp:
in Wordart eigenen Namen schreiben -> über snipping-tools ausschneiden und speichern.
1. Wordarticon anklicken (ist in der Symbolleiste Zeichnen enthalten)
2. Form aussuchen und Doppelklicken
3. eigenen Namen schreiben und OK
4. markieren und über RMT-> Form formatieren.....
5. weißen Hintergrund entfernen/transparent machen:
falls Sie eine Gif-Datei brauchen(s.u. anigif) brauchen Sie hier nichts zu tun.
falls Sie eine "normale" Grafikdatei ohne störende Elemente brauchen - in MS Powerpoint Bild "Freistellen"
dann in Powerpoint als Grafik oder in Word per snipping tool abspeichern - Format: PNG - bei jjep stellen Sie frei aber der Hintergrund ist weiß!
Falls Sie Textfelder hinzufügen wollen, über STRG die Elemente markieren u. per RMT -> Gruppieren!
cb) eigene animierte GIF Grafikdatei(anigif) erstellen.
Grundlage: Bsp zu ca)
Sie ändern in Powerpoint/Word die Farbe Ihres Namens (oder die Größe) ab und führen dann die Schritte 1-5 wiederholt durch
Ergebnis: Sie haben mindestens zwei Dateien
6. Sie öffnen nun den MS GIF-Animator(freeware - s. Kollegenseiten [falls Sie Ihn herunterladen wollen]
7. über Icon : Open holen Sie sich das spätere letzte Bild zuerst in den Animator.
8. über Icon: Insert holen Sie die weiteren Bilder in den Animator.
9. Karte: Animation -> Looping und Repeat Forever
10. Karte: Image -> über Duration können Sie den Bildwechselintervall für jedes Bild gesondert ( falls alle Bilder markiert sind -> für alle Bilder) festlegen
11. Karte: Image-> Transparency (für jedes Bild extra die nicht benötigte Farbe(i.d.R. weiß) anklicken
12. Karte: Image-> Undraw Method -> falls die Bilder nicht alle gleich groß sind - oder eine Bewegung stattfinden soll (Ball) hier für jedes Bild gesondert RESTORE BACKGROUND einstellen.
13. über Preview Icon: Pfeil nach rechts kann man sich das Ergebnis ansehen!
14. Icon: Save as anklicken und dem Ergebnis einen eigenen Namen geben.
15. Bilddatei normal in den KompoZer einfügen.
----------------------------------------------------------------
--------------------------------------------------------------
Frames
Hilfetext hierzu s. Frameinfo.html
auch per DIV möglich s. später per css-Icon und Box. U.U. dann auch mit eigenen style-Regeln(.xxxx)
wir fangen i.d.R. aber bei Gliederungen einer Seite zunächst mit einer Tabelle an.
Über das CSS-ICON (Menü rechts) ergeben sich noch viele andere Möglichkeiten! Ist das mächstigste ICON des Kompozers!!!
direkt zu CCS-Menue: senkrecht - waagerecht // direkt zur Kurzbeschreibung von CCS-Formaten incl. "Aus Formatierung Klasse erstellen" = 3. Seite[Format: pdf]
Javascript: Einbau einfacher scripte in unsere Dateien - z.B.: Unterordner: javascript dort z.B.: 4a oder 6a -> zur Kontrolle im browser die Konsole öffnen! Bsps. und gewisse Einführungen zu javascrip(alles extern!)t: Selfhtml - w3schools - hartmut-waller
Falls Sie Ihnen der Kompozer gefallen hat, sollten Sie für den privaten Gebrauch den "Blue Griffon" ansehen - ist neuer und hat noch mehr Möglichkeiten
Bsp-Übungen für die HTML-Seiten: Ordner->HTML dort die Dateien a -b -c -...e.html [weitere Buchstaben nur relevant, falls besprochen] oder im Unterordner "Aufgaben" falls CSS u/o Javascript Unterrichtsinhalt war Bsps. hierzu in den betreffenden Unterordnern
Bayern Müncheneinrücken. Aber zuerst schreiben - dann formatieren!
Real Madrid
Inter Mailand
Aufzählungen:
- Bayern München
- Real Madrid
- Inter Mailand
- Bayern München
- Real Madrid
- Inter Mailand
Textfarbe/Seitenfarbe
Schwarz/Weiß Icon
Über den forderen Iconteil wählen Sie für markiete Textteile die Schriftfarbe aus und über den hinteren Iconteil die Hintergrundfarbe der Zeile.
Wenn Sie die Textausrichtung[mittig - rechts -...] ändern, können Sie jeweils eine neue Zeilenhintergrundfarbe bestimmen! Man kann dann aber auch wieder auf Ausrichtung LINKS zurückstellen
NICHT die Endemarke mitformatieren!(Lösung s.o.)
Hintergrundfarbe der Seite: Menue -> Format -> SEITENFARBEN U. HINTERGRUNDBILD erlaubt auch ein Bild für den ganzen Seitenhintergrund zu wählen. (Gross-Kleinschreibung des Namen +Suffix beachten)
Damit Sie hierbei keine Problme bekommen, sollte die Bilddatei im selben Ordner stehen - also ohne Pfadangabe = mögliche angezeigten Pfade löschen und das Bild im gleichen Ordner speichern!!!
Weitere Möglichkeiten/ICON:
HORIZONTALE LINIE [EINFÜGEN->Horizontale Linie] ermöglicht eine einfache Trennlinie in unterschiedlichen Stärken und Längen u. Ausrichtungen:
Bearbeitung erfolgt über RMT
(man kann auch über das ICON für den Hintergrund eine
andere Farbe wählen!). Mit 3D Effekt experimentieren)
Die Farben sind im Internet Explorer nicht zu sehen!
Tabellen
Wichtig ist nur die generelle Anzahl der Spalten. Die Zeilen kann man wie in Word durch die Bewegung der Tab-Taste hinzufügen.
Sie sollten immer mit der maximal benötigten Anzahl der Spalten in einer der Folgezeilen beginnen, da Sie nur "Gewählte Zellen verbinden" haben und nicht - wie z.B. in Officeprogrammen "Zelle teilen".
Man kann aber auch ganze Tabellen in vorhandene Tabellenzellen einfügen!
Lassen Sie sich nicht davon irritieren, dass die Spaltenbreite sich ändert, wenn Sie Texte einfügen!
Über RMT -> Tabellenzellen Eigenschaften
können Sie alle Formatierungen
überarbeiten.
Wichtig: Es sind zwei Karten vorhanden: Tabelle und Zelle...!
Je nach Karte hat Ihre Aktion Auswirkungen auf die gesamte Tabelle oder nur auf die Zelle in der Sie stehen!
Z.B.:
Spaltenbreite fixieren => Karte: Zelle ->Breite: auf "% der Tabelle" umstellen und bei einer dreispaltigen Tabelle 33% eingeben
Wenn Sie in einer Tabelle eine weitere Tabelle einfügen wollen -> geht dies nur über Menue-> Einfügen-> Tabelle
Wollen Sie in einer Zelle, in der sich eine Tabelle befindet, diese Zelle formatieren wollen, gehen Sie in einem anderen Feld auf Tabelleneigenschaften und klicken auf auf Zelle und dort ggf. mehrfach auf "Nächste" bzw. "Vorherige".
Wenn Sie zwei oder mehrere Zellen verbinden wollen, markieren Sie diese und über RMT können Sie auf VERBINDEN klicken,
Falls Sie eine unsichtbare Tabelle haben wollen - müssen Sie bei der Karte Tabelle den Rand auf "0" setzen! Eignet sich für die Platzierung von Elementen(Linien; Listen;...) in einer Tabelle oder sogar in einer Seite!
Die Farben sind im Internet Explorer nicht zu sehen!
Tabellen
Wichtig ist nur die generelle Anzahl der Spalten. Die Zeilen kann man wie in Word durch die Bewegung der Tab-Taste hinzufügen.
Sie sollten immer mit der maximal benötigten Anzahl der Spalten in einer der Folgezeilen beginnen, da Sie nur "Gewählte Zellen verbinden" haben und nicht - wie z.B. in Officeprogrammen "Zelle teilen".
Man kann aber auch ganze Tabellen in vorhandene Tabellenzellen einfügen!
Lassen Sie sich nicht davon irritieren, dass die Spaltenbreite sich ändert, wenn Sie Texte einfügen!
Wichtig: Es sind zwei Karten vorhanden: Tabelle und Zelle...!
Je nach Karte hat Ihre Aktion Auswirkungen auf die gesamte Tabelle oder nur auf die Zelle in der Sie stehen!
Z.B.:
Spaltenbreite fixieren => Karte: Zelle ->Breite: auf "% der Tabelle" umstellen und bei einer dreispaltigen Tabelle 33% eingeben
Wenn Sie in einer Tabelle eine weitere Tabelle einfügen wollen -> geht dies nur über Menue-> Einfügen-> Tabelle
Wollen Sie in einer Zelle, in der sich eine Tabelle befindet, diese Zelle formatieren wollen, gehen Sie in einem anderen Feld auf Tabelleneigenschaften und klicken auf auf Zelle und dort ggf. mehrfach auf "Nächste" bzw. "Vorherige".
Wenn Sie zwei oder mehrere Zellen verbinden wollen, markieren Sie diese und über RMT können Sie auf VERBINDEN klicken,
| Ausgewählte
Zellen verbinden |
|||
| Textfarbe |
Ausgewählte
Zellen verbinden (Inhaltsausrichtung: Vertikal / Horizontal = Zentriert!) |
||
| Zellenfarbe |
|||
Falls Sie eine unsichtbare Tabelle haben wollen - müssen Sie bei der Karte Tabelle den Rand auf "0" setzen! Eignet sich für die Platzierung von Elementen(Linien; Listen;...) in einer Tabelle oder sogar in einer Seite!
 linksbündig |
rechtsbündig
|
Man kann auch der Tabelle/einer Tabellenzelle ein Hintergrundbild geben:
in der Tabelle ggf in der Zelle stehend: RMT -> Tabellenzellen Eigenschaften -> Karte: Tabelle-> ERWEITERT -> HTML-Bereich
bei Attribut: background
bei Wert: Name einer Bilddatei (incl. Groß-/kleinschreibung!!!! und Suffix)
(falls es mit dem Hintergrundbild nicht klappt: die background-Zeile löschen und auch die Eingabemaske schließen. Es dann wieder versuchen. Kontrollieren Sie auch im browser, ob kein Bild vorhanden ist - verkleinern Sie im browser eventl. auch sark den Zoomfaktor. Eventl. sogar den Kompozer schließen und wieder öffnen. Versuchen Sie zur Not auch die Tabelle mit dem Hintergrundbild erneut zu erstellen!)
|
Je nach browser kann es bei der Ausrichtung einer Tabelle zu Problemen kommen, da wir mit firefox arbeiten, sollte es kein Problem geben. Ansonsten eventuell:
table style="width: 80%; text-align: left; margin-left: auto; margin-right: auto;" border="1" cellpadding="2" cellspacing="2"......
durch:
..table style="width: 80%; text-align: left; margin-left: auto; margin-right: auto;" border="1" cellpadding="2" cellspacing="2" align="center".......>
ergänzen. (per Hand im Quelltext)
Layer/Textebenen - s. oben ->rechts unterhalb des KompoZer-Icon(Position nur bedingt einstellbar)
1. Text schreiben
2. Text markieren und auf ICON LAYER klicken(rechts außen!)
3. Text - per Vierfachpfeil an die gewünschte Position verscheiben
4. Hintergrundicon anklicken und Farbe auswählen - Sie müssen den Layer verlassen - erst dann wird Farbänderung sichtbar!
Text1
Text2
Text3
Links
a) innerhalb eines TextesZuerst wird ein Wort im Zielbereich markiert(unterer Dateiteil) und über Menue->BENANNTES ZIEL mit einem beliebigen Namen versehen.
Dann wird im oberen Dateiteil eine Absprungstelle markiert, dann Icon LINK anklicken- > dort den kleinen Laufpfeil anklicken und das vorab benannte Ziel auswählen.
b) zwischen zwei eigenen Dokumenten im gleichen Serververzeichnis
Zuerst schreiben Sie einen erklärenden Text wohin der Link verweisen soll, dann Icon LINK anklicken -> Durchsuchen anklicken und Datei auswählen.
ein anderes eigenes Dokument aufrufen
Nachdem Sie den Link erstellt haben, sollten Sie nochmals über RMT nachsehen, ob URL als relativ zur Seitenadresse behandeln aktiviert ist!!!! Aktuelle Datei und Zieldatei des Links sollten - momentan noch - im selben Ordner stehen[kein "../"]
c) zu einer externe Seite
Zuerst wieder einen erklärenden Text für die Absprungstelle -> Icon LINK und nun die gesammte URL mit http://www...schreiben!
Sie müssen sich auch überlegen, ob die Links in einem NEUEN Fenster geöffnet werden sollen!
Externe Auswahl von Grafiken aller Art. Sie können aber im browser auch anigif o. animierte gif eingeben, um zu anderen Seiten zu gelangen. Bitte immer auf freeware achten!!!
d) Links in einem Bild (RMT auf das Biild und Karte Links) s. auch Grafiken
Grafiken
günstige Formate:jpg = jpeg benötigt wenig Platz ist aber für viele Effekte über Powerpoint nicht geeingnet!
png = für FREISTELLEN oder über RMT und "Grafik formatieren" in Powerpoint die richtige Wahl
gif = ermöglicht animierte Bilder - hat aber eine schlechte Qualität
bmp oder wmf oder... Dateien lassen sich z.B. über MS Paint(alte Officeversionen) oder den iviewer in obige Formate konvertieren (s. unten)
Über snipping tools können Sie jeden Bidlschirmbereich als Bilddatei abspeichern!
eigene Bilder/Fotos - per stick mitbringen - aber nur eigene Bilder ohne fremde Personen(als doch nur mit deren Zustimmung!
Verwenden Sie keine großen Bilddateien, da die Ladezeit Ihrer
Seite
sich hierdurch stark verlangsamen kann! Auch ist eine hohe Auflösung - für unsere Belange - nicht von Vorteil!Wenn Sie über das Icon: Grafik die Datei einfügen, Alternativen Text deaktiviern oder etwas sinnvolles hineinschreiben! Tooltip sind auch schön!
Wichtig: URL als relativ zur Seitenadresse behandeln muss aktiviert werden, bzw. es darf bei Dateien im eigenen Verzeichnis(web) keine Pfadangabe vor dem Dateinamen mehr stehen! Lieber nachträglich kontrollieren!
Dies setzt aber voraus, dass die HTML-Datei VOR dem Einfügen der Grafik 1x gespeichert wurde, da das Programm sonst nicht erkennen kann, wo die beiden Dateien stehen sollen!
Erklärung: Falls eine Pfadangabe vorhanden ist, könnte es passieren, dass das Bild nur auf Ihrem Rechner sichtbar ist - nicht aber auf den Rechnern anderer Personen, da diese diesen Pfad u/o das Bild nicht haben! (Problem nur nach dem hosten)
a) von fremden Seiten
per snipping-tools oder klassisch per Taste DRUCK auf der Tastatur
b) fremde Bilder auch per:
Hinweis: Jedes Bild im Netz ist das geistige Eigentum einer Person!
Die fremde Seite aufrufen -> über RMT -> Grafik anzeigen (dient nur der Sicherheit, dass Sie auch das Bild bekommen, welches Sie haben wollten)
Das Bild erneut anklicken -> RMT -> Grafik speichern unter auswählen und in Ihrem Standardverzeichnis speichern.
Exkurs Bildbearbeitung:
Bild verkleinern (spart Ladezeit)
auf dem Bild stehend - RMT: Graif-Eigenschaften-< Karte Größe -> Prozentual vom Original : Wert eingeben (falls Sie unterschiedlicher Werte eingeben wird das Bild verzerrt besser Proportional lassen!)
falls Sie weitere Effekte(auch Formate) ändern wollten -> MS Powerpoint u. u.U. MS Paint
Alternative: MS PAINT
ca) eigene Grafiken erstellen
Wenn Sie künstlerisch begabt sind, können Sie z.B. in MS Paint/Powerpoint/Word ein Kunstwerk malen.
Für alle Übrigen bietet sich MS Powerpoint(über (RMT->als Grafik speichern) oder MS Word mit snipping-tool ausschneiden an.
weitere Effekte über RMT-> Schatten - Leuchten.... aber auch Bildlayout, um Bilder in angezeigte Smartartelemente zu integrieren
Bsp:
in Wordart eigenen Namen schreiben -> über snipping-tools ausschneiden und speichern.
1. Wordarticon anklicken (ist in der Symbolleiste Zeichnen enthalten)
2. Form aussuchen und Doppelklicken
3. eigenen Namen schreiben und OK
4. markieren und über RMT-> Form formatieren.....
5. weißen Hintergrund entfernen/transparent machen:
falls Sie eine Gif-Datei brauchen(s.u. anigif) brauchen Sie hier nichts zu tun.
falls Sie eine "normale" Grafikdatei ohne störende Elemente brauchen - in MS Powerpoint Bild "Freistellen"
dann in Powerpoint als Grafik oder in Word per snipping tool abspeichern - Format: PNG - bei jjep stellen Sie frei aber der Hintergrund ist weiß!
Falls Sie Textfelder hinzufügen wollen, über STRG die Elemente markieren u. per RMT -> Gruppieren!
cb) eigene animierte GIF Grafikdatei(anigif) erstellen.
Grundlage: Bsp zu ca)
Sie ändern in Powerpoint/Word die Farbe Ihres Namens (oder die Größe) ab und führen dann die Schritte 1-5 wiederholt durch
Ergebnis: Sie haben mindestens zwei Dateien
6. Sie öffnen nun den MS GIF-Animator(freeware - s. Kollegenseiten [falls Sie Ihn herunterladen wollen]
7. über Icon : Open holen Sie sich das spätere letzte Bild zuerst in den Animator.
8. über Icon: Insert holen Sie die weiteren Bilder in den Animator.
9. Karte: Animation -> Looping und Repeat Forever
10. Karte: Image -> über Duration können Sie den Bildwechselintervall für jedes Bild gesondert ( falls alle Bilder markiert sind -> für alle Bilder) festlegen
11. Karte: Image-> Transparency (für jedes Bild extra die nicht benötigte Farbe(i.d.R. weiß) anklicken
12. Karte: Image-> Undraw Method -> falls die Bilder nicht alle gleich groß sind - oder eine Bewegung stattfinden soll (Ball) hier für jedes Bild gesondert RESTORE BACKGROUND einstellen.
13. über Preview Icon: Pfeil nach rechts kann man sich das Ergebnis ansehen!
14. Icon: Save as anklicken und dem Ergebnis einen eigenen Namen geben.
15. Bilddatei normal in den KompoZer einfügen.
----------------------------------------------------------------
Sie finden weitere Anregungen
u. Hilfen (speziell f. anim. Gifs s. Hilfeüberblick!)auf
dem Großhandelsserver -> Kollegenseiten-> Weinhöfer -> HTML
z.B. Aufgaben!
--------------------------------------------------------------
Frames
Hilfetext hierzu s. Frameinfo.html
auch per DIV möglich s. später per css-Icon und Box. U.U. dann auch mit eigenen style-Regeln(.xxxx)
wir fangen i.d.R. aber bei Gliederungen einer Seite zunächst mit einer Tabelle an.
Über das CSS-ICON (Menü rechts) ergeben sich noch viele andere Möglichkeiten! Ist das mächstigste ICON des Kompozers!!!
direkt zu CCS-Menue: senkrecht - waagerecht // direkt zur Kurzbeschreibung von CCS-Formaten incl. "Aus Formatierung Klasse erstellen" = 3. Seite[Format: pdf]
Javascript: Einbau einfacher scripte in unsere Dateien - z.B.: Unterordner: javascript dort z.B.: 4a oder 6a -> zur Kontrolle im browser die Konsole öffnen! Bsps. und gewisse Einführungen zu javascrip(alles extern!)t: Selfhtml - w3schools - hartmut-waller
Falls Sie Ihnen der Kompozer gefallen hat, sollten Sie für den privaten Gebrauch den "Blue Griffon" ansehen - ist neuer und hat noch mehr Möglichkeiten
Bsp-Übungen für die HTML-Seiten: Ordner->HTML dort die Dateien a -b -c -...e.html [weitere Buchstaben nur relevant, falls besprochen] oder im Unterordner "Aufgaben" falls CSS u/o Javascript Unterrichtsinhalt war Bsps. hierzu in den betreffenden Unterordnern