Webseiten erstellen mit Composer

 

In diesem Abschnitt:

Eine neue Seite erstellen

Die neue Seite speichern und browsen

 

Eine neue Seite erstellen

Composer ist ein HTML (Hypertext Markup Language)-Editor, mit dem Sie Webseiten erstellen und editieren können. Composer ist ein WYSIWYG (What You See Is What You Get - "Was Sie sehen, bekommen Sie auch")-Editor, Sie sehen die Webseite schon während des Erstellens so, wie Sie der Besucher dann später im Web sehen wird. Weil die meisten der grundlegenden HTML-Funktionen über Menüs und Symbolleisten verfügbar sind, ist es nicht notwendig, dass Sie HTML beherrschen. Natürlich ist es mit Composer ebenso möglich, den HTML-Quelltext selbst zu editieren.

Folgen Sie den nachfolgend beschriebenen Schritten, um eine Webseite zu erstellen. Nachdem Sie mit einer Seite begonnen haben, können Sie Text genauso wie in einem Textverarbeitungsprogramm eingeben und editieren.

Um eine neue Seite aus dem Navigator zu erstellen:

Um die Seite zu bearbeiten, die Sie gerade im Navigator geöffnet haben:

Um eine neue Seite im Composer zu erstellen:

Um mit einer HTML-Datei zu beginnen, die auf Ihrer Festplatte gepeichert ist:

  1. Wählen Sie "Composer" im Menü "Fenster". Ein Composer-Fenster wird geöffnet.
  2. Wählen Sie "Öffnen" im Menü "Datei". Wählen Sie die zu öffnende Datei in der erscheinenden Dialogbox.
  3. Wählen Sie "Öffnen" um die Datei im Composer-Fenster anzuzeigen.

Tipp: Sie können auch JavaScript-Dateien zum Editieren im Composer öffnen.

Um eine Webseite zu bearbeiten:

  1. Wählen Sie "Navigator" im Menü "Fenster" oder in der Taskbar.
  2. Gehen Sie zu einer Webseite, indem Sie die Adresse (URL) in die Adresszeile eingeben (z.B. www.netscape.com) und Enter (Return auf Macintosh OS) drücken.
  3. Wählen Sie "Seite bearbeiten" im Menü "Datei".

    Hinweis: Wenn Sie diese Seite speichern wird nur der HTML-Teil der Seite auf der Festplatte gespeichert. Andere Dateien wie Bilder und Musik-Dateien werden nicht gespeichert. Wenn eine Bild-Adresse statisch (beginnend mit "http://") angegeben wurde und Sie mit dem Internet verbunden ("online") sind, wird das Bild trotzdem im Composer und Navigator angezeigt.

Tipp: Die zuletzt geöffneten Seiten können im Composer einfach über den Eintrag "Letze geladene Seiten..." im Menü "Datei" geöffnet werden.

Zurück zum Beginn des Abschnitts ]

Eine neue Seite speichern und browsen

Composer kann Dokumente im HTML- oder "Nur-Text"-Format speichern. Wird das Dokument im HTML-Format gespeichert, bleiben alle Formatierungen (z.B. fett, kursiv), Tabellen, Links und Bilder erhalten. Beim speichern im "Nur-Text"-Format werden alle HTML-Tags entfernt, nur der reine Text einer Seite wird gespeichert.

Um ein Dokument als HTML-Datei zu speichern:

Um den Dateinamen und den Speicherort einer bestehenden HTML-Datei zu ändern:

Um ein Dokument als "Nur-Text"-Datei zu speichern:

  1. Wählen Sie "Als Text exportieren" im Menü "Datei".
  2. Geben Sie einen Dateinamen ein und wählen den Ort aus, an dem Sie die Datei speichern wollen.

Tipp: Sie können via "Zurück zu letzter gesicherter" im Menü "Datei" die zuletzt gespeicherte Version Ihres Dokuments wieder herstellen. Alle Änderungen seit der letzten Speicherung gehen dadurch verloren.

Hinweis: Bilder werden in "Nur-Text"-Dokumenten nicht angezeigt.

Seite im Browser anzeigen, um die Links zu testen:

Zurück zum Beginn des Abschnitts ]

 


Webseiten formatieren

 

In diesem Abschnitt:

Absätze, Überschriften und Listen formatieren

Arbeiten mit Listen

Textfarbe, -stil und Schriftart ändern

Textstile entfernen und beenden

Text suchen und ersetzen

Horizontale Linien einfügen

Sonderzeichen einfügen

HTML-Elemente und Attribute einfügen

Rechtschreibung überprüfen

HTML überprüfen

Den richtigen Editier-Modus wählen

 

Absätze, Überschriften und Listen formatieren

Um einem Absatz eine bestimmte Formatierung zuzuweisen, befolgen Sie folgende Schritte:

  1. Klicken Sie, um den Cursor dort zu positionieren, wo die Formatierung beginnen soll, oder markieren Sie den zu formatierenden Text.
  2. Wählen Sie ein Absatzformat aus dem Ausklappmenü in der Format-Symbolleiste:

Um einen Text als Überschrift zu formatieren:

  1. Klicken Sie zur Positionierung des Cursors auf eine beliebige Stelle des Textes, den Sie formatieren wollen.
  2. Wählen Sie ein Überschriftenformat aus dem Ausklappmenü in der Format-Symbolleiste, beginned mit 1 (größte) bis 6 (kleinste). Wählen Sie "Überschrift 1" für die Hauptüberschrift, "Überschrift 2" für die nächste Ebene usw.

Um ein Listenelement-Format zuzuweisen:

  1. Klicken Sie zur Positionierung des Cursors auf die Zeile des Textes, die Sie formatieren wollen.
  2. Wählen Sie "Liste" im Menü "Format".
  3. Wählen Sie einen Listenstil:

Tipp: Die Zuweisung eines Listenstils zu einem Textblock kann auch über die Buttons "Nummeriert" oder "Unsortiert" in der Format-Symbolleiste erfolgen.

Um das Aussehen der Aufzählungssymbole und der Zahlen zu ändern:

  1. Klicken Sie in die Zeile des Listenelements, das Sie ändern wollen oder markieren Sie mehrere Zeilen der Liste, wenn Sie den Stil der gesamten Liste ändern wollen.
  2. Wählen Sie "Listeneigenschaften" im Menü "Format->Listen".
  3. Wählen Sie einen Nummerierungs- oder Aufzählungsstil. Für nummerierte Listen können Sie die Zahl auswählen, mit der begonnen werden soll. Für unsortierte Listen können Sie das Aufzählungszeichen festlegen.

Um einen Absatz auszurichten, z.B. linksbündig oder zentriert:

  1. Klicken Sie in den Absatz oder die Zeile, die Sie ausrichten wollen.
  2. Wählen Sie "Ausrichten" im Menü "Format" und wählen Sie eine der Ausrichtungsoptionen.

Hinweis: Die Ausrichtung ist auch mit Buttons in der Format-Symbolleiste möglich.

Zurück zum Beginn des Abschnitts ]

 

Arbeiten mit Listen

Um eine Liste zu beenden und normalen Text weiterzuschreiben:

  1. Klicken Sie, um den Cursor am Ende des letzten Listenelements zu platzieren und drücken Sie "Enter" ("Return" auf Macintosh OS).
  2. Drücken Sie nochmals Enter. Bei jedem Druck auf Enter verringert Composer den Einzug.

Um ein oder mehrere Elemente einer Liste in normalen Text umzuwandeln:

  1. Klicken Sie, um den Cursor in einem Listenelement zu platzieren, oder markieren Sie die gewünschten Listelemente.
  2. Klicken Sie bei einer nummerierten Liste auf den Button "Nummerierte Liste" im Format-Menü, bzw. auf den Button "Unsortierte Liste" bei einer ebensolchen. Die Buttons wirken als Schalter.

Um eingerückten Text unter einem Listenelement einzufügen:

  1. Klicken Sie in das Listenelement, um den Cursor zu platzieren.
  2. Drücken Sie Umschalt-Enter, um den hängenden Einzug zu erzeugen.
  3. Geben Sie den Text mit Einzug ein.
  4. Drücken Sie Umschalt-Enter, um einen weiteren Absatz mit Einzug zu beginnen, oder Enter zur Erstellung eines neues Listenelements.

Um zwei benachbarte Listen zu vereinigen:

  1. Markieren Sie die zu vereinigenden Listen. Vergewissern Sie sich, dass Sie alle Elemente der zu vereinigenden Listen markiert haben. Text zwischen den Listen wird ebenfalls Teil der vereinigten Liste.
  2. Doppelklicken Sie auf den Buttons "Unsortierte Liste" oder "Nummerierte Liste" in der Format-Symbolleiste.

Tipp: Die Größe des Einzugs der Listenelemente kann durch die Buttons "Texteinzug vergrößern" bzw. "Texteinzug verkleinern" verändert werden.

Zurück zum Beginn des Abschnitts ]

 

Textfarbe, Schriftschnitt und Schriftart ändern

Um die Textfarbe, den Schriftschnitt oder die Schriftart eines bestimmten Textes zu ändern:

  1. Markieren Sie den Text, den Sie formatieren möchten.
  2. Öffnen Sie das Menü "Format" und wählen Sie:

Tipp: Um die Textfarbe schnell auf die zuletzt verwendete Farbe zu ändern, markieren Sie den Text, halten "Umschalten" gedrückt und Klicken auf das Farb-Auswahlwerkzeug. Dies ist nützlich, wenn Sie eine bestimmte Farbe für einzelne Zeilen verwenden wollen.

Ebenso kann die Hintergrundfarbe gesetzt werden, oder ein Bild als Seitenhintergrund verwendet werden. Siehe dazu Seitenfarben und Hintergründe festlegen.

Zurück zum Beginn des Abschnitts ]

 

Textstile entfernen und unterbrechen

Um alle Textstile und Schriftschnitte (fett, kursiv usw) vom markierten Text zu entfernen:

  1. Markieren Sie den gewünschten Text.
  2. Wählen Sie "Alle Textstile entfernen" im Menü "Format".
  3. Setzen Sie die Texteingabe fort.

Um Text ohne Textstile weiter einzugeben:

  1. Setzen Sie den Cursor an die Stelle, an der Sie die Textstile unterbrechen wollen.
  2. Wählen Sie "Textstile unterbrechen" im Menü "Format".
  3. Setzen Sie die Texteingabe fort.

Zurück zum Beginn des Abschnitts ]

 

Text suchen und ersetzen

Um Text auf der aktuellen Seite zu finden:

  1. Setzen Sie den Cursor an die Stelle, ab der die Suche beginnen soll.
  2. Wählen Sie "Suchen und Ersetzen" im Menü "Bearbeiten". Der "Suchen und Ersetzen"-Dialog erscheint.
  3. Gebe Sie den zu suchenden Text in das Feld "Suchen nach:" ein. Um die Suche einzugrenzen, können Sie eine der folgenden Optionen verwenden:
  4. Klicken Sie auf "Nächstes suchen", um die Suche zu beginnen. Wenn Composer die erste Fundstelle anzeigt, Klicken Sie auf "Nächstes suchen", um das nächste Vorkommen des Suchbegriffs zu finden.
  5. Klicken Sie auf "Schließen", um die Suche zu beenden.

Um Text in der aktuellen Seite zu suchen und zu ersetzen:

  1. Setzen Sie den Cursor an die Stelle, an der Sie mit Suchen/Ersetzen beginnen wollen.
  2. Wählen Sie "Suchen und Ersetzen" im Menü "Bearbeiten". Die "Suchen und Ersetzen"-Dialogbox erscheint.
  3. Geben Sie den zu suchenden Text ein, ebenso den Text, mit dem ersetzt werden soll.
  4. Um die Suche einzuschränken, kann eine der folgenden Optionen verwendet werden:
  5. Klicken Sie auf "Nächstes suchen" um die Suche zu beginnen. Composer markiert das nächste Vorkommen des Suchbegriffs.
  6. Klicken Sie "Ersetzen", um den nächsten gefundenen Text zu ersetzen. "Alles Ersetzen" ersetzt jedes Vorkommen im Dokument mit dem Ersatztext.
  7. Klicken Sie "Schließen", wenn Sie Suchen & Ersetzen beenden wollen.

Zurück zum Beginn des Abschnitts ]

 

Horizontale Linien einfügen

Horizontale Linien werden gewöhnlich verwendet, um unterschiedliche Textteile optisch von einander zu trennen. Um eine horizontale Linie (auch rule genannt) auf Ihrer Seite einzufügen, folgen Sie den unten angeführten Schritten:

  1. Setzen Sie den Cursor an die Stelle, an der Sie die horizontale Linie platzieren möchten.
  2. Klicken Sie den Button "H. Linie" in der Symbolleiste oder wählen Sie "Horizontale Linie" aus dem Menü "Einfügen".

Eigenschaften der horizontalen Linie festlegen

Sie können Höhe, Breite, Ausrichtung und Schatten festlegen:

  1. Durch Doppelklicken auf die horizontale Linie wird die Dialogbox mit den Eigenschaften der Linie angezeigt.
  2. Sie können folgende Einstellungen wählen:
  3. Klicken Sie "Als Standard verwenden", um zukünftige horizontale Linien automatisch mit diesen von Ihnen festgelegten Einstellungen zu erzeugen.
  4. Um die Eigenschaften der Linie manuell zu ändern, klicken Sie auf "Erweitert...". Für Details siehe Abschnitt Dialog "Erweiterte Einstellungen".

Tipp: Sie können "Alle Tags anzeigen" aus dem Menü "Ansicht" wählen, um alle HTML-Tags in gelben Kästchen anzuzeigen. Durch Doppelklicken eines gelben Kästchens öffnet sich der "Erweiterte Einstellungen"-Dialog.

Zurück zum Beginn des Abschnitts ]

 

Sonderzeichen einfügen

Um Sonderzeichen wie z.B. Akzente, Copyright und Währungssymbole einzufügen:

  1. Setzen Sie den Cursor an die Stelle, an der Sie das Sonderzeichen einfügen möchten.
  2. Wählen Sie "Schrifzeichen und Symbole" im Menü "Einfügen". Die Dialogbox "Zeichen einfügen" wird geöffnet.
  3. Wählen Sie eine Zeichen-Kategorie.
  4. Wählen Sie das einzufügende Zeichen aus der Auswahlbox "Zeichen".
  5. Klicken Sie auf "Einfügen".

    Während der Texteingabe kann die Zeichen-Dialogbox geöffnet bleiben.

  6. Klicken Sie auf "Schließen", um die Dialogbox zu schließen.

Zurück zum Beginn des Abschnitts ]

 

HTML-Elemente und -Attribute einfügen

Wenn Sie mit HTML-Quellcode umgehen können, ist es möglich, zusätzliche Tags, Stilattribute und JavaScript-Code in Ihre Seite einzufügen. Wenn Sie sich nicht sicher sind, verändern Sie am besten nichts. Um mit HTML-Code zu arbeiten, verwenden Sie eine der folgenden Methoden:

Der Dialog "Erweiterte Einstellungen"

Um bestimmten Objekten (Tabellen, Bilder, horizontale Linien, ...) HTML-Attribute und JavaScript hinzuzufügen, können Sie den Dialog "Erweiterte Einstellungen" verwenden.

Hinweis: Solange Sie sich nicht wirklich sicher sind, was das Hinzufügen, Löschen und Ändern von HTML-Attributen und ihrer zugehörigen Werte bewirkt, sollten Sie solche Operationen lieber unterlassen.

Falls Sie den Dialog "Erweiterte Einstellungen" nicht vor sich sehen, befolgen Sie folgende Schritte:

  1. Wählen Sie "Alle Tags anzeigen" aus dem Menü "Anzeige" oder aus der Editiermodus-Symbolleiste.
  2. Doppelklicken Sie auf das Objekt, um den Dialog "Erweiterte Einstellungen" zu öffnen. Der Dialog "Erweiterte Einstellungen" hat drei Tabs, von denen jeder einzelne bestimmte Eigenschaften des selektierten Objekts auflistet:
  3. Um eine Eigenschaft oder ein Attribut auf einem der drei Tabs zu editieren, markieren Sie das zu bearbeitende Attribut. Sie können dann den Namen und den Wert des Attributs in den Attribut- und Wertfeldern am unteren Rand der Dialogbox eingeben oder verändern. Um ein neues Attribut einzufügen, geben Sie den Namen ins Attribut-Feld am unteren Rand ein. Das Attribut wird automatisch eingefügt, sobald Sie ins Wert-Feld klicken. Um ein Attribut zu löschen, wählen Sie es in der Liste und klicken anschließend auf "Entfernen".

    Hinweis: Notwendige Attribute werden in der Attributliste hervorgehoben dargestellt.

  4. Klicken Sie auf "OK", um die Änderungen in den "Erweiterten Einstellungen" zu bestätigen.
  5. Klicken Sie noch einmal auf "OK", um den Eigenschaften-Dialog zu schließen.

Composer setzt automatisch Anführungszeichen um jeden Attribut-Text.

Zurück zum Beginn des Abschnitts ]

 

Rechtschreibung überprüfen

Im Gegensatz zu Netscape, verfügt Mozilla über keine eingebaute Rechtschreibprüfung. Die bei Netscape mitgelieferte Rechtschreibprüfung, stammt von einer Drittfirma und ist ein Closed-Source-Projekt. Sie kann daher nicht mit Mozilla ausgeliefert werden.

Trotzdem kann eine Rechtschreibprüfung einfach hinzugefügt werden, indem eine Open-Source Rechtschreibprüfung auf Mozdev.org installiert wird. Dieses Projekt stellt eine "XPI" (cross platform installable)-Datei zur Verfügung. Verschiedene Versionen des XPIs stehen zur Verfügung, abhängig davon, mit welcher Mozilla-Version Sie arbeiten. Stellen Sie zuerst fest, mit welcher Mozilla-Version Sie arbeiten (Menü "Hilfe|Über Mozilla") und klicken Sie dann den entsprechenden XPI-Link. Sie werden aufgefordert, die Installation von Software zu bestätigen. Klicken Sie auf "OK" um fortzufahren. Starten Sie nach erfolgreichem Download und Installation Mozilla neu. Öffnen Sie Composer, und Sie werden ein zusätzliches Symbol in der Symbolleiste sehen:

Symbolleiste Rechtschreibprüfung

Wenn Sie den "Rechtschreibung"-Button klicken, wird folgender Dialog aufgerufen:

Button Rechtschreibprüfung

Wählen Sie die richtige Sprache aus, bevor Sie beginnen. Klicken Sie dann auf "Seite nochmals prüfen".

Zurück zum Beginn des Abschnitts ]

 

HTML überprüfen

Bevor Sie Ihr Dokument auf einem Webserver veröffentlichen, sollten Sie die HTML-Formatierung überprüfen, um sicherzustellen, dass es den Webstandards entspricht. Dokumente, die aus gültigem HTML bestehen, werden beim betrachten mit verschiedenen Browsern weniger Probleme hervorrufen. Eine rein visuelle Kontrolle im Navigator stellt nicht sicher, dass das Dokument auch von anderen Webbrowsern korrekt angezeigt wird.

Composer bietet einen komfortablen Weg, um sicherzustellen, dass das Dokument W3C- (World Wide Web Consortium) HTML-Standards entspricht. Composer verwendet das W3C HTML Validation Service, der die HTML-Syntax des Dokumentes auf Richtigkeit überprüft und Informationen zur Behebung von Fehlern bietet.

Hinweis: Um dieses Feature zu nutzen, muss eine Internet-Verbindung bestehen.

Um die HTML-Syntax eines Dokumentes zu überprüfen:

  1. Wählen Sie "HTML validieren" im Menü "Tools". Sollten nicht gespeicherte Änderungen vorhanden sein, fordert Sie Composer auf, diese vor dem Weitermachen zu speichern.
  2. Wenn die W3C HTML Validation Service-Seite erscheint, klicken Sie "Validate this document".

Zurück zum Beginn des Abschnitts ]

 

Den richtigen Editier-Modus wählen

Im Normalfall ist es nicht notwendig, den Standard-Editiermodus zu ändern. Sollten Sie jedoch mit dem HTML-Quellcode eines Dokumentes arbeiten wollen, ist es notwendig, den Editiermodus zu wechseln. Composer bietet Ihnen einen schnellen Wechsel zwischen 4 Editiermodi oder Ansichten an. Jeder Editiermodus erlaubt Ihnen ein weiterarbeiten am Dokument, zeigt aber einen unterschiedlichen Umfang von HTML-Tags (und Tag-Icons).

Bevor Sie einen Editiermodus wählen:

Die Editiermodus-Symbolleiste hat 4 Tabs:

Hinweis: JavaScript-Funktionen, Frames, Links, und animierte GIF-Dateien sind in keinem Editier-Modus aktiv. Klicken Sie auf den "Vorschau"-Button in der Bearbeitungs-Symbolleiste, um diese Elemente aktiv anzuzeigen. Dadurch wird das Dokument in ein Browser-Fenster geladen.

Zurück zum Beginn des Abschnitts ]

 


Tabellen in das Dokument einfügen

 

In diesem Abschnitt:

Tabellen einfügen

Tabelleneigenschaften ändern

Zeilen, Spalten und Zellen einfügen und löschen

Tabellen-Elemente selektieren

Tabellen verschieben, kopieren und löschen

Text in eine Tabelle umwandeln

 

Tabellen einfügen

Tabellen sind nützlich, um Text, Bilder und Daten in Zeilen und Spalten anzuordnen und gehören zu den wichtigsten Werkzeugen des Webdesigners. Um eine Tabelle einzufügen:

  1. Setzen Sie den Cursor an die Stelle, an der Sie die Tabelle einfügen möchten.
  2. Klicken Sie auf den Tabellen-Button in der Bearbeitungssymbolleiste. Der Dialog "Tabelle einfügen" erscheint.
  3. Geben Sie die gewünschte Anzahl Spalten und Zeilen ein.
  4. Geben Sie einen Wert für die Breite des Randes (in Pixel) ein; wählen Sie Null für keinen Rand.

    Hinweis: Composer verwendet zur Erleichterung der Bearbeitung eine rot punktierte Linie, um eine Tabelle ohne Rand anzuzeigen. Diese rote Linie verschwindet, wenn die Seite in einem Browser angezeigt wird.

  5. Klicken Sie "Erweiterte Einstellungen", um zusätzliche Tabellen-Attribute oder JavaScript einzufügen. Der Dialog "Erweiterte Einstellungen" wird angezeigt.
  6. Klicken Sie auf OK um Ihre Einstellungen zu bestätigen und die neue Tabelle zu erzeugen.

Um die erweiterten Einstllungen einer neuen Tabelle zu ändern, siehe Tabelleneigenschaften ändern.

Tipp: Um eine Tabelle innerhalb einer Tabelle zu erzeugen, wählen Sie "Tabelle" aus dem Menü "Einfügen".

Zurück zum Beginn des Abschnitts ]

 

Tabelleneigenschaften ändern

In diesem Abschnitt wird beschrieben, wie Tabelleneigenschaften bearbeitet werden, ebenso wie die Eigenschaften von Spalten, Zeilen und einzelnen Zellen innerhalb einer Tabelle. Wenn Sie den Dialog "Tabelleneigenschaften" nicht vor sich haben, befolgen Sie die folgenden Schritte:

  1. Markieren Sie die Tabelle, oder klicken Sie in die Tabelle.
  2. Klicken Sie auf den Button "Tabelle" in der Symbolleiste, oder wählen Sie "Tabelleneigenschaften" im Menü "Tabelle". Der Dialog "Tabelleneigenschaften" besteht aus zwei Tabs: Tabelle und Zellen
  3. Klicken Sie auf den Tab "Tabelle", um folgende Eigenschaften festzulegen:
  4. Um die erweiterten Einstellungen einer Tabelle zu ändern, siehe Tabelleneigenschaften ändern.

  5. Klicken Sie "Anwenden", um eine Vorschau zu erhalten, ohne den Dialog zu schließen, oder klicken Sie "OK", um die Einstellungen zu übernehmen.

Um die Eigenschaften einer oder mehrerer Zellen anzuzeigen, zu ändern oder hinzuzufügen:

  1. Markieren Sie die Zeile, Spalte oder Zelle und wählen Sie "Tabelleneigenschaften" im Menü "Tabelle". Der Dialog "Tabelleneigenschaften" erscheint.
  2. Klicken Sie auf den Tab "Zellen", um folgende Eigenschaften zu ändern:

    Hinweis: Um HTML-Attribute und JavaScript hinzuzufügen, klicken Sie auf "Erweiterte Eigenschaften", um den Dialog Erweiterte Eigenschaften aufzurufen.

  3. Klicken Sie auf "Anwenden", um eine Vorschau der Änderungen zur erhalten, ohne den Dialog zu schließen, oder klicken Sie auf "OK", um die Änderungen zu übernehmen.

Tipp: Um die Text- oder Hintergrundfarbe einer oder mehrere Zellen oder der ganzen Tabelle zu ändern, markieren Sie die gewünschten Zellen oder klicken Sie beliebig in die Tabelle, und klicken Sie anschließend auf die Farbkästchen für Text- bzw. Hintergrundfarbe in der Format-Symbolleiste.

Tipp: Um Zellen die zuletzt gewählte Farbe zuzuweisen, markieren Sie die gewünschten Zellen, halten Sie die Umschalt-Taste gedrückt und klicken Sie auf die Farbkästchen für Text- bzw. Hintergrundfarbe in der Format-Symbolleiste.

Zurück zum Beginn des Abschnitts ]

 

Zeilen, Spalten und Zellen einfügen und löschen

Mit Composer ist es einfach, eine oder mehrere Zellen einzufügen oder zu löschen. Zusätzlich gibt es Optionen, mit denen sichergestellt werden kann, dass die rechteckige Struktur der Tabelle während der Bearbeitung erhalten bleibt.

Um Zeilen, Spalten und Zellen einzufügen:

  1. Setzen Sie den Cursor an die Stelle, and der Sie die Zelle(n) einfügen wollen.
  2. Wählen Sie "Einfügen" im Menü "Tabelle".
  3. Wählen Sie eine der Zellanordnungen oder fügen Sie eine Tabelle in eine Zelle ein.

Um Zeilen, Spalten und Zellen zu löschen:

  1. Setzen Sie den Cursor in die Spalte oder Zeile, die Sie löschen wollen, oder markieren Sie die zu löschenden Zellen mit der Maus. Durch gleichzeitiges Drücken der Strg-Taste (Windows und Linux) oder der Command-Taste (Macintosh OS) können auch nicht zusammenhängende Zellen markiert werden.
  2. Wählen Sie "Löschen" im Menü "Tabelle".
  3. Wählen Sie den Eintrag, den Sie löschen möchten.

Um eine Zelle mit ihrer rechten Nachbarzelle zu verbinden:

Um zusammenhängende Zellbereiche zu verbinden:

Um eine vereinigte Zelle wieder zu teilen:

Siehe auch Tabellenelemente selektieren für mehr Information über das Selektieren von nicht zusammenhängenden Zellen, Spalten und Zeilen.

Das Standardverhalten von Tabellen verändern

Wenn Sie eine oder mehrere Zellen einer Tabelle löschen, erhält Composer die Tabellenstruktur, indem er am Ende der Zeile soviele Zeilen wie nötig einfügt, um die Struktur und das Aussehen der Tabelle zu bewahren.

Um dieses Verhalten zu ändern, befolgen Sie folgende Schritte:

  1. Wählen Sie "Einstellungen" im Menü "Bearbeiten" und wählen Sie "Composer".
  2. Treffen Sie folgende Einstellungen im Bereich "Tabellenbearbeitung":
  3. Klicken Sie auf OK.

Siehe auch Composer-Einstellungen - Composer.

Zurück zum Beginn des Abschnitts ]

 

Tabellenelemente selektieren

Es gibt zwei Möglichkeiten, Tabellen, Zeilen, Spalten oder Zellen schnell zu selektieren:

Zurück zum Beginn des Abschnitts ]

 

Tabellen verschieben, kopieren und löschen

Eine Tabelle verschieben:

  1. Klicken Sie in die Tabelle.
  2. Wählen Sie "Auswählen->Tabelle" aus dem Menü "Tabelle".

 

Verschieben des Inhalts einer Zelle, Zeile, oder Spalte

Um den Inhalt einer Zelle, Zeile oder Spalte innerhalb einer Tabelle zu zu verschieben:

  1. Markieren Sie den Text, den Sie verschieben wollen. Siehe auch Tabellen-Elemente selektieren.
  2. Wählen Sie "Ausschneiden" aus dem Menü "Bearbeiten".
  3. Setzen Sie den Cursor an die Stelle, an der Sie einfügen möchten.
  4. Wählen Sie "Einfügen" aus dem Menü "Bearbeiten".

Zurück zum Beginn des Abschnitts ]

 

Text in eine Tabelle umwandeln

Um einen Text in eine Tabelle umzuwandeln:

  1. Markieren Sie den Text, den Sie in eine Tabelle umwandeln wollen. Bitte beachten Sie, dass Composer aus jedem Absatz der Markierung eine neue Zeile erstellt.
  2. Wählen Sie "Tabelle aus Auswahl erstellen" aus dem Menü "Tabelle". Die Dialogbox "Zu Tabelle umwandeln" erscheint.
  3. Wählen Sie das Zeichen aus, das Composer zum Trennen der Spalten verwenden soll, oder geben Sie ein Zeichen ein. Wenn Sie das Leerzeichen auswählen, legen Sie zusätzlich noch fest, ob Composer mehrfach vorhandene Leerzeichen ignorieren und als 1 Leerzeichen behandeln soll.
  4. Mit der Option "Trennzeichen löschen" werden die ausgewählten Trennzeichen gelöscht, wenn Composer die Tabelle erstellt.
  5. Klicken Sie OK.

Zurück zum Beginn des Abschnitts ]

 


Bilder (Grafiken) in Ihre Webseite einbinden

 

In diesem Abschnitt:

Bilder in die Seite einfügen

Bildeigenschaften verändern

 

Anmerkung des Übersetzers:Im englischen Original wird für die deutschen Begriffe "Bild" bzw. "Grafik" immer das Wort "image" verwendet. Beide Begriffe sind gängig, in diesem Dokument wird "Bild" für beide Begriffe synonym verwendet.

Bilder in die Seite einfügen

In die Webseite können GIF-, JPEG-, und PNG-Bilder eingefügt werden. Diese Bilder kännen auch als Links verwendet werden. Composer speichert beim Einfügen eine Referenz auf das Bild in der Seite.

Um ein Bild einzufügen:

  1. Setzen Sie den Cursor an die Stelle, an der das Bild eingefügt werden soll.
  2. Klicke Sie den Button "Grafik" in der Symbolleiste oder wählen Sie "Grafik" aus dem Menü "Einfügen". Der Dialog "Grafikeigenschaften" erscheint.
  3. Geben Sie Ort und Dateiname der Bilddatei ein oder wählen Sie die Bilddatei mittels "Durchsuchen".
  4. Geben Sie einen Alternativtext ein, der von Browsern angezeigt wird, die keine Grafiken darstellen können (Nur-Text-Browser). Dieser Text wird außerdem dargestellt, wenn das Bild geladen wird oder wenn die Anzeige von Bildern ausgeschaltet ist.
  5. Die Eigenschaften des Bildes können ebenfalls in diesem Dialog festgelegt werden.

Tipp: Um ein Bild rasch einzufügen: Ziehen Sie es auf Seite und lassen Sie es dort los (Drag and drop).

Tipp: Wenn Sie einen Absatz mit einem oder mehreren Bildern schreiben und einen Zeilenumbruch nach jedem Bild des Absatzes machen wollen, wählen Sie "Neue Zeile unter Grafik(en)" aus dem Menü "Einfügen".

Zurück zum Beginn des Abschnitts ]

 

Bildeigenschaften verändern

Nachdem Sie ein Bild auf Ihrer Seite eingefügt haben, ist es möglich, die Eigenschaften des Bildes und das Layout in der Seite (Höhe, Breite, Abstand und Textausrichtung) zu verändern. Falls Sie den Dialog "Grafikeigenschaften" noch nicht vor sich haben, befolgen Sie folgende Schritte:

Um die Eigenschaften eines selektierten Bildes zu ändern:

  1. Doppelklicken Sie auf das Bild oder selektieren Sie das Bild und klicken Sie dann auf den Button "Grafik" in der Symbolleiste. Der Dialog "Grafikeigenschaften" erscheint.
  2. Um zusätzliche Attribute oder JavaScript-Ereignisse einzufügen, klicken Sie auf "Erweitert", um den Dialog Dialog "Erweiterte Einstellungen" aufzurufen.
  3. Klicken Sie OK, um die Änderungen zu bestätigen.

Zurück zum Beginn des Abschnitts ]

 


Seiteneigenschaften festlegen

 

In diesem Abschnitt:

Seiteneigenschaften und Metatags festlegen

Seitenfarben und Hintergünde

 

Seiteneigenschaften und Metatags festlegen

Verwenden Sie den Dialog "Seiteneigenschaften", um Angaben wie Titel, Autor und Beschreibung des gerade bearbeiteten Dokuments festzulegen. Diese Informationen sind nützlich für Suchmaschinen, die Ihre Seite in ihren Index aufnehmen wollen und können auch im Browserfenster über das Menü "Ansicht->Seiteninformationen" bzw. <Strg>+<I> abgerufen werden.

  1. Wählen Sie "Seitentitel und -einstellungen" im Menü "Format".
  2. Bearbeiten Sie die nachfolgenden Einträge:

Zurück zum Beginn des Abschnitts ]

 

Seitenfarben und Hintergünde

Es ist möglich, die Hintergrundfarbe oder ein Hintergrundbild für die Seite festzulegen, an der Sie gerade arbeiten. Diese Auswahl beeinflusst die Art der Wahrnehmung von Text und Links einer Seite.

Um Farben und Hintergrund für die aktuelle Seite festzulegen, befolgen Sie die folgenden Schritte:

  1. Wählen Sie "Seitenfarben und -hintergrund" im Menü "Format".
  2. Bearbeiten Sie die folgenden Eigenschaften:

Hinweis:Um zusätzliche Attribute oder JavaScript-Ereignisse einzufügen, klicken Sie auf "Erweitert", um den Dialog "Erweiterte Einstellungen" aufzurufen.

Sie können auch Standard-Seitenfarben für jede neue Seite festlegen, die Sie mit Composer erstellen.

Tipp: Um die Hintergrundfarbe schnell auf die letzte benutzte Farbe zu setzen, markieren Sie die Zelle und drücken Sie Umschalt und Klicken Sie auf das Auswahlkästchen der Hintergrundfarbe.

Zurück zum Beginn des Abschnitts ]


Links erstellen

 

In diesem Abschnitt:

Links innerhalb derselben Seite erstellen

Links zu anderen Seiten erstellen

Bilder als Links verwenden

Links entfernen

 

Links innerhalb derselben Seite erstellen

Um einen Link innerhalb derselben Seite zu erstellen, beispielsweise um dem Leser die Möglichkeit zu geben, zwischen einzelnen Absätzen hin- und herzuspringen, muss zuerst ein Anker (Zielort) erstellt werden, und anschließend ein Link, der auf den Anker zeigt. Anker werden auch als Ziele bezeichnet.

  1. Setzen Sie den Cursor an den Beginn einer Zeile, für die Sie einen Anker erstellen wollen oder markieren Sie den Text.
  2. Klicken Sie auf den Button "Ziel" in der Symbolleiste oder wählen Sie "Benannter Zielort" aus dem Menü "Einfügen". Der Dialog "Eigenschaften des benannten Ziels" erscheint.
  3. Geben Sie einen eindeutigen Namen für den Anker in das Feld "Ziel-Name" ein (bis max. 30 Zeichen). Wenn Sie Leerzeichen eingeben, werden diese automatisch in Unterstriche (_) umgewandelt. Wenn Sie in Schritt 1 bereits Text markiert haben, steht dieser Text bereits im Eingabefeld.
  4. Klicken Sie auf OK. Ein Anker-Symbol erscheint in Ihrem Dokument, um die Position des Ankers anzuzeigen:

Um den Link zu erzeugen, der zum Anker führt:

  1. Markieren Sie den Text oder das Bild, das Sie als Link zum Anker verwenden wollen.
  2. Klicken Sie auf den Button "Link" in der Symbolleiste oder wählen Sie "Link" aus dem Menü "Einfügen". Der Dialog "Linkeigenschaften" erscheint.
  3. Klicken Sie OK.

Hinweis: Um den gerade erstellten Link zu testen, wählen Sie "Seite im Browser ansehen" im Menü "Datei" und klicken Sie auf den Link.

Tipp: Falls Sie noch keine Anker erstellt haben, können Sie zumindest Links auf die Überschriften in Ihrer Seite erzeugen.

Zurück zum Beginn des Abschnitts ]

Links zu anderen Seiten erstellen

Es ist möglich, Links zu Seiten auf Ihrem eigenen Computer, in Ihrem Netzwerk oder auf Seiten im Internet zu erstellen.

Mittels Drag-and-Drop können Sie rasch Links aus den Lesezeichen oder aus anderen Fenstern erstellen. Es ist z.B. möglich, Links von einer Webseite, von der Lesezeichen-Liste oder aus dem Mail-Fenster auf Ihre Seite zu ziehen.

Um einen Link zu einer anderen Seite zu erstellen:

  1. Setzen Sie den Cursor an die Stelle, an der Sie den Link erstellen wollen, oder markieren Sie Text oder ein Bild, das Sie verlinken wollen.
  2. Klicken Sie auf den Button "Link" in der Symbolleiste. Der Dialog "Linkeigenschaften" erscheint.
  3. Definieren Sie den Link:

    Tipp: Um einen Link aus einer Webseite zu kopieren, klicken Sie mit der rechten Maustaste (Control+Klick bei Macintosh OS) auf den Link und wählen "Link-Adresse kopieren".

  4. Um zusätzliche Attribute oder JavaScript-Ereignisse einzufügen, klicken Sie auf "Erweitert", um den Dialog "Erweiterte Einstellungen" aufzurufen.
  5. Klicken Sie OK.
  6. Um den gerade erstellten Link zu testen, wählen Sie "Seite im Browser ansehen" im Menü "Datei" und klicken Sie auf den Link.

Zurück zum Beginn des Abschnitts ]

Bilder als Links verwenden

Bilder (Grafiken), wie z.B. JPEG-, GIF-, oder PNG-Dateien können sich wie Links in Ihrer Webseite verhalten. Wenn der Leser auf ein verlinktes Bild klickt, zeigt der Browser die Seite an, mit der das Bild verlinkt ist.

  1. Markieren Sie ein Bild auf Ihrer Seite.
  2. Klicken Sie den Button "Link" in der Symbolleiste oder wählen Sie "Link" aus dem Menü "Einfügen".
  3. Benutzen Sie den Dialog "Link-Eigenschaften", um das Bild mit einem Anker oder einer Überschrift innerhalb der Seite oder mit einer anderen Seite zu verlinken.

Tipp: Verwenden Sie Drag-and-Drop, um ein verlinktes Bild vom Navigator-Fenster in das Composer-Fenster zu ziehen, um das Bild und den Link zu kopieren.

Hinweis: Um den blauen Rand rund um als Links verwendeten Bilder zu entfernen, öffnen Sie den Dialog "Link-Einstellungen" und geben Sie "0" im Feld "Durchgezogener Rand" ein.

Zurück zum Beginn des Abschnitts ]

Links entfernen

Um einen Link zu entfernen :

  1. Markieren Sie den verlinkten Text (gewöhnlich blau und unterstrichen) oder das Bild.
  2. Wählen Sie "Links entfernen" aus dem Menü "Format".

Um einen Link zu beenden, so dass der nachfolgend eingegebene Text nicht mehr im Link enthalten ist:

  1. Setzen Sie den Cursor an die Stelle, an der der Link beendet werden soll.
  2. Wählen Sie "Link unterbrechen" aus dem Menü "Format"

Zurück zum Beginn des Abschnitts ]


Publizieren Ihrer Seite im Web

Wenn Ihre Webseite nur auf Ihrer lokalen Festplatte liegt, kann Sie von niemandem ausser Ihnen gelesen werden. Composer unterstützt Sie beim publizieren (veröffentlichen) Ihrer Seite auf einem sogenannten Webserver. Wenn Sie Ihre Seite auf einem Webserver publizieren, kopiert Composer Ihre Seiten auf einen Computer, auf dem auch andere Ihre Seitern ansehen können (sog. "Upload"). Um einen Webserver für die Publikation Ihrer Seiten zu finde, fragen Sie Ihren Internet Service Provider oder Ihren Systemadministrator.

 

In diesem Abschnitt:

Ein Dokument publizieren

Ein publiziertes Dokument aktualisieren

Dateinamen oder den Publizierungsort ändern

Eine neue Publizierungs-Site anlegen

Die Standard-Publizierungs-Site ändern

Eine Publizierungs-Site löschen

Publizierungseinstellungen

 

Ein Dokument publizieren

Um ein Dokument auf einem Webserver zu publizieren:

  1. Öffnen Sie das HTML-Dokument, das Sie publizieren wollen, oder legen Sie ein neues Composer-Dokument an.
  2. Wählen Sie "Publizieren" aus dem Menü "Datei". Wenn Sie bereits eine Standard-Publizierungs-Site angelegt haben, lädt Composer das Dokument auf die festgelegte Adresse hoch.
  3. Um Ihre Seite anzusehen, geben Sie die HTTP-Adresse Ihrer Seite in die Adresszeile des Navigator ein. Überprüfen Sie die Links auf Ihrer Seite und überprüfen Sie, ob keines der Bilder fehlt.

Zurück zum Beginn des Abschnitts ]

Tipps, um kaputte Links und fehlende Bilder zu vermeiden

Zurück zum Beginn des Abschnitts ]

 

Ein publiziertes Dokument aktualisieren

Zurück zum Beginn des Abschnitts ]

 

Dateinamen oder den Publizierungsort ändern

Zurück zum Beginn des Abschnitts ]

 

Eine neue Publizierungs-Site anlegen

Zurück zum Beginn des Abschnitts ]

 

Die Standard-Publizierungs-Site ändern

Zurück zum Beginn des Abschnitts ]

 

Eine Publizierungs-Site löschen

Zurück zum Beginn des Abschnitts ]

 

Publizierungseigenschaften

Auch in den globalen Publizierungs-Einstellungen enthalten.

 

In diesem Abschnitt:

Seite publizieren - Publizieren

Seite publizieren - Einstellungen

Publizierungseinstellungen

 

Seite Publizieren - Publizieren

Zurück zum Beginn des Abschnitts ]

 

Seite publizieren - Einstellungen

Zurück zum Beginn des Abschnitts ]

 

Publizierungseinstellungen

Zurück zum Beginn des Abschnitts ]


Composer-Einstellungen

Dieser Abschnitt beschreibt Einstellungen im Dialog "Einstellungen - Composer". Falls Sie den Dialog nicht vor sich haben, befolgen Sie die folgenden Schritte:

  1. Wählen Sie "Einstellungern" im Menü "Bearbeiten".
  2. Doppelklicken Sie auf die Kategorie "Composer", um die Liste zu erweitern.

 

In diesem Abschnitt:

Composer-Einstellungen - Composer

Composer-Einstellungen - Neue Seiteneinstellungen

Composer-Einstellungen - Publizieren

 

Composer-Einstellungen - Composer

Composer-Einstellungen ermöglichen es Ihnen, Einstellungen bezüglich des Speicherns von Dateien und der Bearbeitung von Tabellen festzulegen. Diese Einstellungen wirken auf jedes zu erstellende Dokument.

Falls Sie den Dialog nicht vor sich haben, befolgen Sie die folgenden Schritte:

  1. Wählen Sie "Einstellungen" im Menü "Bearbeiten".
  2. Klicken Sie auf die Kategorie "Composer".
CSS-Stile statt HTML-Elementen und -Attributen verwenden: in Arbeit.

Zurück zum Beginn des Abschnitts ]

Composer Einstellungen - Neue Seiten-Einststellungen

Neue Seiten-Einstellungen ermöglichen es, Einstellungen für Farben und Hintergrundbilder festzulegen, die für jedes neu erstellte Dokument verwendet werden.

Falls Sie die Neue Seiten-Einstellungen noch nicht vor sich sehen, befolgen Sie die folgenden Schritte:

  1. Wählen Sie "Einstellungen" im Menü "Bearbeiten".
  2. Klicken Sie auf die Kategorie "Composer" und wählen Sie "Neue Seiten-Einstellungen".

Zurück zum Beginn des Abschnitts ]

Composer-Einstellungen - Publizieren

In Arbeit.

Zurück zum Beginn des Abschnitts ]


24. September 2002