6

Die Konfiguration

Grundlagen

Schnelleinstieg in den Composer

von Jerry Honeycutt

Mit dem Composer erstellen Sie Ihre Web-Seiten. Bei diesem Modul handelt es sich um einen einfachen HTML-Editor, der alle grundlegenden Web-Elemente wie Texte, Listen, Bilder, Tabellen etc. unterstützt. Wer schon einmal einen HTML-Code von Hand erfaßt hat, wird es zu schätzen wissen, daß einem der Composer das lästige Schreiben endlos vieler Klammern und undurchsichtiger Kürzel erspart. Falls Sie noch nie in Ihrem Leben eine Zeile HTML-Code gesehen haben, öffnen Sie im Navigator einfach eine beliebige Web-Seite und wählen im Hauptmenü Ansicht, Seitenquelltext Seitenquelltext. So erhalten Sie einen Eindruck, wie kompliziert ein HTML-Code sein kann.

Der Composer funktioniert im großen und ganzen wie eine Textverarbeitung. Sie geben einfach einen Text ein, formatieren diesen mit Hilfe der verschiedenen Werkzeuge oder fügen mit Hilfe eines einfachen Dialogfeldes einen Link ein. Der Composer besitzt verschiedene Werkzeuge, mit denen diese und ähnliche Aufgaben ausgeführt werden können. Während die Erstellung einer Web-Seite normalerweise einige Stunden in Anspruch nimmt, führt man die gleiche Aufgabe mit dem Composer in wenigen Minuten aus.

Die Konfiguration

Der Composer verfügt über einige wenige Einstellungen, die Sie Ihren speziellen Bedürfnissen anpassen können. Einige Optionen werden in den nächsten Abschnitten und im weiteren Verlauf des Kapitels erklärt.

• Wählen Sie im Hauptmenü des Navigators oder Composers Bearbeiten, Einstellungen Einstellungen. Selektieren Sie auf der linken Seite des Dialogfeldes Einstellungen (unter Kategorie) den Eintrag Composer. Daraufhin wird das Fenster in Abbildung 6.1 geöffnet.

Abbildung 6.1: Auf die Eigenschaften des Composers kann von allen Modulen des Communicators aus zugegriffen werden.

• Tragen Sie im Feld Name des Autors Ihren Namen ein. Dieser Name wird in den vom Composer generierten HTML-Code eingebunden.
• Wenn Sie möchten, daß der Composer Ihre Arbeit automatisch speichert, wählen Sie die Option Seite automatisch alle XX Minuten speichern. Daneben können Sie noch das Intervall (in Minuten) bestimmen, in dem die Sicherung durchgeführt wird.
• Geben Sie unter HTML-Quelle den Pfadnamen des Editors ein, mit dem Sie den HTML-Code in dem Fall bearbeiten möchten, in dem der Composer bestimmte HTML-Markierungen nicht unterstützt. Über die Schaltfläche Wählen können Sie Ihr System durchsuchen.
• Tragen Sie im Feld Grafiken den Pfadnamen der Applikation ein, mit der Sie Ihre Bilder bearbeiten möchten. Über die Schaltfläche Wählen können Sie Ihr Dateisystem durchsuchen.
• Wählen Sie die Größe der Schriftart aus. Weitere Erklärungen finden Sie in der nachfolgenden Liste:

  Relative Größe entsprechend dem Schriftgrad im Navigator anzeigen û Zeigt die Schriftart in einem bestimmten Schriftgrad (10 Punkt, 12 Punkt) an.

  Relative HTML-Schriftskalierung anzeigen: -2, -1, 0, +1, +2, +3, +4 û Zeigt die Schriftart in einer relativen Größe zur Basis Null (normal) an: +1 ist ein wenig größer und -1 ein wenig kleiner usw.

  Relative HTML-Skalierung und absolute Attribute in Punkten anzeigen û Zeigt die Schriftart gleichzeitig mit der absoluten (Punktgröße) und der relativen Skalierung (relative Größe) an.

• Mit einem Klick auf OK sichern Sie die gemachten Änderungen.

Grundlagen

Öffnen Sie den Composer und stellen Sie die Größe des Fensters so ein, daß der gesamte Bildschirm zur Verfügung steht (siehe Abbildung 6.2). Das Fenster ist in zwei Bereiche eingeteilt, die in der Abbildung markiert sind und in der folgenden Tabelle besprochen werden:

Abbildung 6.2: Das Composer-Fenster ähnelt dem einer normalen Textverarbeitung.

Eine leere Seite anlegen

Die einfachste Übung im Composer ist das Anlegen einer leeren Seite, die immer am Anfang einer neuen Web-Seite steht.

siehe Abbildung

Klicken Sie in der Werkzeugleiste auf die Schaltfläche Neue Seite Neue Seite und danach auf Leere Seite. Alternativ können Sie im Composer-Menü Datei, Neu Neu, Leere Seite wählen. Den Composer mit der leeren Seite finden Sie in Abbildung 6.2.

Einen Text in die Web-Seite einfügen

Um in die Web-Seite einen Text einzufügen, Text einfuegenfangen Sie einfach mit der Eingabe an. Im Editor-Fenster werden Sie einen blinkenden Cursor bemerken, der die Einfügemarke kennzeichnet, also die Stelle, an der Ihr Text eingefügt wird. Natürlich können Sie den Text irgendwo innerhalb des Composer-Fensters hinterlegen. Zu diesem Zweck setzen Sie die Einfügemarke einfach an eine andere Stelle.

Bei der Texterfassung können Sie die Einfügemarke auch mit Hilfe verschiedener Tasten verschieben (siehe Abbildung 6.1).

Tabelle 6.1: Tasten für die Verschiebung der Einfügemarke.

Neben den beschriebenen stehen Ihnen noch einige andere Tasten zur Verfügung, mit denen man z.B. einen Zeilenumbruch oder einen Tabulatorsprung einfügt (siehe Tabelle 6.2).

Tabelle 6.2: Weitere wichtige Tasten im Composer.

Texte löschen

Sicherlich ist es ab und zu nötig, einen Texte loeschenText zu korrigieren oder ganze Absätze zu löschen. Wenn Sie nur einige Buchstaben löschen möchten, setzen Sie einfach die Einfügemarke links von der betreffenden Stelle ein und drücken mehrmals die (Entf)-Taste.

Falls Sie einen ganzen Textblock verschwinden lassen wollen, markieren Sie diesen mit der Maus und drücken ebenfalls auf die (Entf)-Taste.

Der Composer hat eine (englische) Rechtschreibprüfung, mit der Sie die Inhalte Ihrer Web-Seiten auf Rechtschreibfehler prüfen können. Mehr zu diesem Thema finden Sie in Kapitel 14.

Texte ändern

Der Composer besitzt Text aendernkeinen Überschreibmodus (wie z.B. Word), mit dem man die falschen Buchstaben direkt durch andere ersetzen kann.

Einen Text zu ändern, funktioniert genauso wie das Löschen, das im letzten Abschnitt beschrieben wurde. Entweder löschen Sie die falschen Buchstaben und geben diese neu ein, oder Sie markieren einen Textblock und tragen danach den neuen Text ein.

Texte verschieben

Wenn Sie einen ausgewählten Text mit der rechten Maustaste anklicken (was übrigens nur Windows-95-Benutzern möglich ist), stehen Ihnen im Kontextmenü die Optionen Ausschneiden Ausschneiden oder Kopieren Kopieren zur Verfügung. Auf die gleiche Weise können Sie irgendeine Stelle in der Web-Seite anklicken und dort über Einfügen die Inhalte der Windows-Zwischenablage einfügen.

Können Sie sich noch daran erinnern, als Sie zum ersten Mal mit einer Textverarbeitung in Berührung gekommen sind? Sie waren sicher begeistert, als Sie merkten, daß Sie ganze Textblöcke verschieben konnten, ohne diese neu erfassen zu müssen. Im Composer gibt es für diese Operation zwei Möglichkeiten:

• Sie ziehen den Text mit Hilfe der Maus von der aktuellen Position an die neue Stelle. Mit der gleichen Technik können Sie auch Texte aus anderen Anwendungen übernehmen.
• Falls Sie keine Maus haben, kopieren Sie die Texte über die Menüfunktionen Ausschneiden Ausschneiden/Kopieren Kopieren und Einfügen. Nachdem Sie den Text in der Zwischenablage abgelegt haben, fügen Sie ihn an einer beliebigen Stelle wieder ein.

Die Funktionen Rückgängig Rueckgaengig und Wiederherstellen

Manchmal passiert es einfach, daß man in seiner Web-Seite irgendwelche Änderungen vornimmt, die man kurz darauf bereut. Über die Tastenkombination (Strg)+(Z) oder die Option Rückgängig Rueckgaengig im Bearbeiten-Menü können Sie die letzte Aktion rückgängig machen.

Wenn Sie mehrere Änderungen aufheben möchten, sollten Sie einfach den Composer verlassen, ohne die Datei abzuspeichern.

Wenn Sie eine Änderung zurückgenommen haben und danach wieder den alten Stand herstellen möchten, drücken Sie einfach (Strg)+(Umschalt)+(Z) oder wählen aus dem Composer-Menü Bearbeiten, Wiederherstellen.

Ein Bild einfügen

Bilder sind in einer Bild einfuegenWeb-Seite das Salz in der Suppe. Sie machen eine Seite erst richtig interessant und bieten dem Besucher auch einen optischen Reiz.

In den meisten Fällen möchten Sie das Bild sicherlich direkt in die Seite einbinden (also nicht über einen Link verknüpfen). In Abbildung 6.3 sehen Sie eine Seite, bei der die Bilder direkt eingebunden sind.

Abbildung 6.3: Eingebundene Bilder haben gegenüber den verknüpften Bildern den Vorteil, daß die Bilder im richtigen Verhältnis zum Text positioniert sind.

In manchen Fällen haben jedoch auch die verknüpften Bildverknuepfteser durchaus ihre Vorteile. Wenn Sie besonders große Bilddateien haben, empfiehlt es sich, dem Benutzer nur die verkleinerte Version des Originals (einen sogenannten Thumbnail) zur Verfügung zu stellen. Wenn der Besucher das große Bild sehen möchte, klickt er einfach auf das kleine Bild.

Wenn Sie ein Bild im richtigen Format (also GIF oder JPEG) haben, kann es losgehen. Führen Sie einfach die nachfolgend beschriebenen Schritte aus:

• Setzen Sie die Einfügemarke an die Stelle, an der das Bild eingefügt werden soll.
• Klicken Sie in der Erstellungsleiste auf die Schaltfläche Grafik einfügen, Grafik einfuegen oder wählen Sie im Hauptmenü Einfügen, Grafik Grafik. Als nächstes erhalten Sie das Dialogfeld Grafikeigenschaften angezeigt (siehe Abbildung 6.4).

Abbildung 6.4: Wenn das einzufügende Bild nicht im gleichen Ordner wie die Web-Seite liegt, legt der Composer automatisch eine Kopie im aktuellen Arbeitsverzeichnis an.

• Geben Sie im Feld Grafikadresse den Pfad und den Dateinamen der Bilddatei ein. Alternativ klicken Sie auf Datei wählen und suchen die betreffende Datei auf Ihrem System heraus.
• Nach dem Anklicken von OK fügt der Composer das Bild in die Seite ein (siehe Abbildung 6.5).

Abbildung 6.5: Der Composer und die meisten Web-Browser richten die Bildmitte an der Mitte des Textes aus.

Einen Link einfügen

Um mit dem ComposerLink einfuegen einen Link in eine Web-Seite einzufügen, genügen einige Mausklicks: Danach geben Sie einfach den URL ein und klicken auf OK. Das warÆs:

• Wählen Sie den Text oder die Seite aus, die Sie als Anker für einen Link verwenden möchten.
• Wählen Sie aus dem Hauptmenü des Composer Einfügen, Verknüpfung Verknuepfung, oder klicken Sie in der Erstellungsleiste auf die Schaltfläche Einfügen/Verknüpfung erstellen Einfuegen/Verknuepfung erstellen. Der Composer öffnet das Dialogfeld in Abbildung 6.6.

Abbildung 6.6: Die Registerkarte Verknüpfung im Dialogfeld Zeicheneigenschaften zeigt Ihnen den Text, den Sie als Anker verwenden.

• Geben Sie den URL für den Link im Feld Verknüpfung mit lokaler adresse oder Datei ein. Die Adresse hat ungefähr folgendes Format: http://www.server.com.webseite.html. Beachten Sie, daß ein URL auf eine Web-Seite, eine E-Mail-Adresse, einen FTP-Bereich oder ein beliebiges anderes Ziel verweisen kann.
• Wenn Sie jetzt auf OK klicken, werden Sie bemerken, daß der Link unterstrichen ist (siehe Abbildung 6.7).

Abbildung 6.7: Auch der Web-Browser des Anwenders unterstreicht den Textanker, damit dieser als Link erkannt wird.

Um den neuen Link im Composer auszuprobieren, klicken Sie ihn mit der rechten Maustaste an und wählen Verknüpfung in Composer öffnen. Besser wäre es allerdings, wenn Sie im Datei-Menü die Option Seitenansicht Seitenansicht auswählen, mit der Sie den Navigator aufrufen und somit feststellen können, ob der Browser den neuen Link auch tatsächlich öffnet.

Die Web-Seite abspeichern

Alles was Sie bisher gelernt haben, unterstützt Sie beim Aufbau Ihrer ersten Web-Seite. Diese Seite existiert bis jetzt allerdings nur im Composer: Sie wurde noch nicht in eine HTML-Datei umgewandelt und auf ihrer Festplatte abgespeichert.

Das Speichern der Datei funktioniert genauso wie in jedem anderen Programm: Wählen Sie im Datei-Menü die Option Speichern unter Speichern unter. Falls Sie den Ablauf noch nicht kennen, führen Sie folgende Schritte aus:

• Klicken Sie in der Erstellungsleiste auf die Schaltfläche Speichern, Speichern oder wählen Sie im Datei-Menü die Option Speichern. Damit öffnen Sie das Dialogfeld in Abbildung 6.8.

Abbildung 6.8: Der Composer speichert die Dateien mit der Dateierweiterung .HTML ab.

• Wählen Sie den Ordner aus, in dem die Datei abgelegt wird. In Dateiname geben Sie den Namen ein, unter dem der Composer die Web-Seite abspeichern soll.
• Klicken Sie auf Speichern und geben Sie den Titel der Web-Seite (die auch in der Überschriftenleiste des Browser eingeblendet wird) ein. Danach klicken Sie auf OK. Der Composer speichert Ihre Seite und kopiert alle Dateien, die in einem anderen Ordner liegen, in das aktuelle Verzeichnis.

Wenn Sie längere Zeit an Ihrer Web-Seite gearbeitet haben, ohne diese abzuspeichern, werden Sie eventuell vom Composer gefragt, ob Sie Ihre Arbeit sichern möchten. Wenn Sie die Frage mit Ja beantworten, wird die Seite abgespeichert.

Die Web-Seite veröffentlichen

Nachdem Sie die Seite erstellt haben, Seite veroeffentlichenist es an der Zeit, diese im Internet zu veröffentlichen. Als erstes müssen Sie mit Ihrem Internet-Anbieter vereinbaren, wo die Datei abgelegt werden soll. Gleichzeitig fragen Sie die notwendigen Parameter für den Composer ab. Erst dann können Sie die Datei auf den Rechner des Internet-Anbieters übertragen.

Die Parameter setzen

Sobald Sie alle notwendigen Informationen eingesammelt haben, konfigurieren Sie den Composer wie folgt:

• Wählen Sie im Hauptmenü des Composer Bearbeiten, Einstellungen Einstellungen und klicken Sie im linken Feld unter Kategorie auf den Eintrag Publizieren. Da Publizieren Publizieren ein Untereintrag von Composer ist, kann es sein, daß Sie als erstes das Pluszeichen neben diesem Eintrag anklicken müssen. Als Ergebnis sehen Sie das Dialogfeld in Abbildung 6.9.

Abbildung 6.9: Verändern Sie keinesfalls die Einstellungen unter Verknüpfungen und Grafiken, da sie zur Unterstützung der Veröffentlichungsfunktion benötigt werden.

• Tragen Sie den URL für die Übertragung der Dateien in das Feld Geben Sie hier einen FTP- oder HTTP-Standort für die Publikation ein ein. Dabei handelt es sich normalerweise um eine FTP-Adresse. Achten Sie darauf, daß die Adresse vollständig und korrekt ist. In Abbildung 6.9 sehen Sie ein Beispiel mit dem Pfadnamen /public html.
• Geben Sie den URL, mit dem Sie auf Ihren Web-Bereich zugreifen, unter Wenn das Dokument per HHTP publiziert wurde, geben sie hier die Adresse des entsprechenden Web-Servers ein ein. Dabei handelt es sich um eine HTTP-Adresse, die unter Umständen auch Ihren Benutzernamen enthält (siehe Abbildung 6.9).
• Mit einem Klick auf OK sichern Sie Ihre Eingaben.

Ihren Web-Bereich zum Internet-Anbieter übertragen

Jetzt endlich ist der große Augenblick gekommen: Sie übertragen IhreSeiten uebertragen Dateien ins World Wide Web. Nachdem Sie die notwendigen Adressen bereits eingegeben haben, müssen Sie nur noch folgende Schritte ausführen:

• Öffnen Sie im Composer die Web-Seite, die zur Veröffentlichung im Internet ansteht. Sie können immer nur eine einzige Seite mit den zugehörigen Bildern übertragen. Für jede weitere Seite müssen diese Schritte wiederholt werden.
• Klicken Sie in der Erstellungsleiste auf die Schaltfläche Publizieren, oder wählen Sie im Datei-Menü die Option Publizieren Publizieren. Sie sehen das Dialogfeld in Abbildung 6.10.

Abbildung 6.10: Standardmäßig sind alle Dateien, die in der Web-Seite enthalten sind, automatisch für die Übertragung ausgewählt.

• Wenn Sie Ihrer Web-Seite eine andere Überschrift geben möchten, als Sie beim Speichern der Datei vergeben haben, tragen Sie diese in das Feld Seitentitel ein.
• Den Dateinamen der HTML-Datei geben Sie im Feld HTML-Dateiname ein. Falls Sie die Datei bereits abgespeichert haben, wird der Name automatisch eingeblendet.

Wenn Sie Ihre Homepage z.B. HOME.HTM genannt haben und diese auf dem Web unter dem Namen INDEX.HTML hinterlegen möchten, können Sie die notwendigen Änderungen an dieser Stelle vornehmen.

• Nach dem Anklicken von Standardadresse verwenden trägt der Composer automatisch den richtigen URL in HTTP- oder FTP-Adresse des Publikationsziels ein.
• Geben Sie Ihren Benutzernamen und Ihr Paßwort an den vorgegebenen Stellen ein, und klicken Sie danach auf OK. Daraufhin erhalten Sie das Dialogfeld mit den Sicherheitsinformationen angezeigt.
• Mit einem Klick auf Weiter schließen Sie das Dialogfeld und starten die Übertragung auf den FTP-Server. Nach der erfolgreichen Übertragung sehen Sie sich die angezeigte Meldung an.
• Um diese Meldung zu schließen, klicken Sie auf OK.

Jetzt haben Sie Ihre Web-Seiten erfolgreich veröffentlicht. Falls Sie noch mehr Seiten übertragen möchten, wiederholen Sie einfach diesen Vorgang.