ErstesWeb Anleitung

Hintergrundbilder

Mit einfachen und wenigen Handgriffen ist eine professionell aussehende Tabelle erstellt. Dafür sind nur eine der drei Überschriftsgrafiken und die drei grauen Grafiken (s. unten) erforderlich. (Als Variationen stellen wir drei Überschriftsgrafiken zur Verfügung):                                                   Dateiname    erw_26002_1    erw_26004_1    erw_26006_1    erw_26234_1    erw_25998_1    erw_26000_1 Stellen Sie den Mauszeiger auf die gewünschte Grafik und klicken Sie mit der rechten Maus-taste. Ein Popup-Menü erscheint. Wählen Sie den Punkt Bild speichern unter, danach das Laufwerk und Verzeichnis, in das Sie die Grafik speichern wollen.       1. Tabelle als Container erstellen        - Klick auf das Tabellen-Symbol         - Werte eintragen (1 Zeile, 1 Spalten)        - Tabelle erscheint zusamengeschoben:              Tabelle an den Griffen mit dem          Maus-Cursor fassen und auseinander          ziehen.       - Mauszeiger in die Tabelle stellen       - Abstandshalter einfügen mit Klick auf das         Symbol    und mit ok in der unteren         Abstandshalter-Werkzeugleiste einfügen       2. Tabelle mit Hintergrundbild erstellen        - Klick auf das Tabellen-Symbol         - Werte eintragen (1 Zeile, 1 Spalten)         - Hintergrundbild über Media-Center ein-          fügen und ok drücken          Bild erw_26006_1 für die 1. Tabelle,          Bild erw_26234_1 für die 2. Tabelle,          Bild erw_25998_1 für die 3. Tabelle,          Bild erw_26000_1 für die 4. Tabelle.       - Tabelle erscheint zusamengeschoben:         Tabelle an den Griffen mit dem Maus-         Cursor fassen und auseinander ziehen.       - Tabellen wie unten dargestellt         nacheinander einfügen. Versuchen Sie, die         Aufbaubeschreibung nach zu vollziehen. Hintergrundbilder und Hintergrundfarben eröffnen viele Gestaltungsmöglichkeiten.   Gut gekachelt ist halb geladen könnte Ihr neuer Slogan sein, denn je kleiner die Grafiken der Stil-Elemente auf Ihrer Seite sind, desto geringer ist die Ladezeit bei Ihrem Kunden.   Nun steht nichts mehr im Wege, die Tabelle zu erstellen. Wie man Rahmen erstellt, ist auch auf der Vorseite beschrieben. Optionen bei der Rahmenerstellung:   Zeile Anzahl der Tabellenzeilen Spalte Anzahl der Spalten Text/Zelle Abstand von Text zu Zellenrand Zelle/Zelle Abstand von Zelle zu Zelle Breite Zellenbreite in % oder Pixel Höhe Zellenhöhe in % oder Pixel (die Tabellengröße wird immer automatisch gesprengt, wenn eine Grafik größer ist als die Tabellengröße) Hintergrund 1 Hintergrundfarbe für die gesamte Tabelle Hintergrund 2 Hintergrundfarbe alternierend mit der Hintergrundfarbe 1 Rahmenstärke Stärke des Rahmens in Pixel Rahmenfarbe Farbe des Rahmens Textfluss Textfluss links oder rechts von der Tabelle. (ohne eingestellten Textfluss ist der Textfluss nur oberhalb oder unterhalb der Tabelle). Hintergrundbild Bild im Hintergrund der ge-samten Tabelle. (Ist die Tabel-le größer als das Hintergrund-bild, wird das Bild im Tabellen-hintergrund gekachelt).

Aufbaubeschreibung: Von oben nach unten erklärt. Rahmen: 1 Zeile, 1 Spalte Container für die Rahmen mit Hintergrundbild und -farbe Abstandshalter schmaler Abstandshalter zum 1. Innenrahmen einfügen. 1. Innentabelle 1 Zeile, 1 Spalte, Innenrahmen mit Hintergrundbild: erw_26006_1 Abstandshalter Höhe des Abstandshalters bestimmt die erste Textzeile und somit den Abstand zwischen oberem Rand und weißem Text. Abstandshalter Breite des Abstandshalters bestimmt den linken Einzug zum Text. Text Text 2. Innentabelle 1 Zeile, 1 Spalte, Innenrahmen mit Hintergrundbild erw_26234_1 Abstandshalter Die Höhe der Tabelle sollte kleiner sein als eine Zeilenhöhe, deshalb wurde ein flacher Abstandshalter in diese Tabelle gelegt und die Zeilenhöhe dadurch verkleinert (Zeile kolabiert auf Abstandshalterhöhe). 3. Innentabelle 1 Zeile, 1 Spalte, Innenrahmen mit Hintergrundbild erw_25998_1 Abstandshalter Fügen Sie einen Abstands-halter ein, danach eine Leerzeile und wieder einen Abstandshalter. Anstelle des Leerzeichens fügen wir eine weitere Tabelle ein, die den Textfluss aufnimmt (siehe rechts, verschachtelte Tabelle). 4. Innentabelle 1 Zeile, 1 Spalte, Innenrahmen mit Hintergrundbild erw_26000_1 Abstandshalter Die Höhe der Tabelle sollte kleiner sein als eine Zeilen-höhe, deshalb wurde ein flacher Abstandshalter in diese Tabelle gelegt und die Zeilenhöhe dadurch verkleinert (Zeile kolabiert auf Abstandshalter-höhe). Abstandshalter Damit die äußere Container-Tabelle keine Leerzeile unter der 4. Innentabelle hat, wird auch dort ein Abstandshalter eingefügt und die Leerzeile kolabiert.   Größe der Tabellen Ziehen Sie die Tabellen so groß, dass das Hintergrundbild sich nicht links und unten wieder anfängt zu kacheln. Kontrollieren Sie die Einstel-lung nach dem Speichern in Ihrem Internet- Explorer und korrigieren Sie falls notwendig. Weitere Werkzeuge für die Tabellenbearbeitung befinden sich oben in der Symbolleiste Zellen einfügen Zellen löschen (um Zellen einfügen oder löschen zu können, muss mindestes ein Zeichen in der Zelle markiert werden.)     Tabellenrahmen verstecken (zur Standkontrolle) Tabellenrahmen in Farbe und Form umschalten, zur besseren Visualisierung.    Die unten dargestellte Tabelle ist eine vergrößerte Grafik. Zwischen den Rahmen wurden Leerzei-chen eingefügt zur besseren Verdeutlichung).                                                 Leerzeile                                              Leerzeile                                              Leerzeile                                               Leerzeile                                               Leerzeile Verschachtelte Tabelle Der Fließtext befindet sich in einer eigenen Tabelle, damit der Stand des Textes zu den Rändern einfach bestimmt werden kann. Auch hier stehen mehrere Lösungswege zur Verfügung. Unserer ist nicht der eleganteste aber der pragmatischste Lösungsweg. Innentabelle 1 Zeile, 2 Spalten (kein Hintergrund) Abstandshalter (1 Spalte) In der ersten Spalte bestimmt der Abstandshalter den linken Einzug. Abstandshalter (2 Spalte oben) Rückt den Text 'ist halb geladen' um 2 Pixel nach unten (in der Regel benötigt jeder Abstandshalter eine Zeile, die dann die Höhe des Abstandshalters einnimmt). Text Überschrift: ist halb geladen Abstandshalter liegt wieder in eigener Zeile und bestimmt hier den Abstand zwischen Überschrift und Fließtext. Fließtext Fließtext Zusammenfügen und Kopieren von Tabellen auf der nächsten Seite.