Netscape-Composer
Mit dem Composer erstellst Du Deine 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 Du noch nie in Deinem Leben eine Zeile HTML-Code gesehen hast, öffnest Du im Navigator einfach eine beliebige Web-Seite und wählen im Hauptmenü Ansicht, Seitenquelltext. So erhältst Du einen Eindruck, wie kompliziert ein HTML-Code sein kann
Der Composer funktioniert im großen und ganzen wie eine Textverarbeitung. Du gibst einfach einen Text ein, formatieren diesen mit Hilfe der verschiedenen Werkzeuge oder fügst mit Hilfe eines einfachen Dialogfeldes einen Link ein. Der Composer besitzt verschiedenen 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 Du Deinen speziellen Bedürfnissen anpassen kannst. Einige Optionen werden in den nächsten Abschnitten und im weiteren Verlauf des Kapitels erklärt
Wähle im Hauptmenü des Navigators oder Composers Bearbeiten, Einstellungen.
Selektiere auf der linken Seite des Dialogfeldes Einstellungen (unter Kategorie) den Eintrag
Composer.
Daraufhin wird das Fenster in Abbildung 1 geöffnet.
Abbildung 1: Auf die Eigenschaften des Composers kann von allen Modulen des Communicators aus zugegriffen werden.
Trage im Feld Name des Autors Deinen Namen ein. Dieser Name wird in den vom Composer generierten HTML-Code eingebunden.
Wenn Du möchtest, daß der Composer Deine Arbeit automatisch speichert, wählst Du die Option Seite automatisch alle XX Minuten speichern. Daneben kannst Du noch das Intervall (in Minuten) bestimmen, in dem die Sicherung durchgeführt wird.
Gib unter HTML-Quelle den Pfadnamen des Editors ein, mit dem Du den HTML-Code in dem Fall bearbeiten möchtest, in dem der Composer bestimmte HTML-Markierungen nicht unterstützt. Über die Schaltfläche: Wählen kannst Du Dein System durchsuchen.
Trage im Feld Grafiken den Pfadnamen der Applikation ein, mit der Du Deine Bilder bearbeiten möchtest. Über die Schaltfläche Wählen kannst Du Dein Dateisystem durchsuchen.
Wähle die Größe der Schriftart aus. Weitere Erklärungen finden Du 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 sicherst Du die gemachten Änderungen.
Grundlagen
Öffne den Composer und stelle die Größe des Fensters so ein, daß der gesamte Bildschirm zur Verfügung steht (siehe Abbildung 2). Das Fenster ist in zwei Bereiche eingeteilt, die in der Abbildung markiert sind und in der folgenden Tabelle besprochen werden:
Element |
Beschreibung |
Menüleiste |
Über diese Menüleiste hast Du Zugriff auf alle Composer-Funktionen, die mit dieser Menüleiste arbeiten. |
Erstellungsleiste |
Mit dieser Werkzeugleiste führst Du einfache Operationen wie Drucken, Speichern oder das Einfügen Einfügen eines Bildes in eine Web-Seite durch |
Formatierungsleiste |
Diese Werkzeugleiste unterstützt Dich bei der Formatierung der Texte. |
Statuszeile |
Der Composer stellt in dieser Zeile Informationen und eine Online-Hilfe zur Verfügung, die Auskunft über die Funktion der einzelnen Schaltflächen und der Werkzeugleisten gibt. |
Statusanzeige |
Die Statusanzeige gibt Auskunft darüber, inwieweit der Composer eine bestimmte Aufgabe bereits erledigt hat |
Komponentenleiste |
Über die Komponentenleiste wechselst Du innerhalb des Communicator zwischen den einzelnen Modulen hin und her. |
Abbildung 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
Klicke in der Werkzeugleiste auf die Schaltfläche Neue Seite und danach auf Leere Seite. Alternativ kannst Du im Composer-Menü Datei, Neu, Leere Seite wählen. Den Composer mit der leeren Seite findest Du in Abbildung 2.
Einen Text in die Web-Seite einfügen
Um in die Web-Seite einen Text einzufügen, fängst Du einfach mit der Eingabe an. Im Editor-Fenster wirst Du einen blinkenden Cursor bemerken, der die Einfügemarke kennzeichnet, also die Stelle, an der Ihr Text eingefügt wird. Natürlich kannst Du den Text irgendwo innerhalb des Composer-Fensters hinterlegen. Zu diesem Zweck setzt Du die Einfügemarke einfach an eine andere Stelle.
Bei der Texterfassung kannst Du die Einfügemarke auch mit Hilfe verschiedener Tasten verschieben (siehe Tabelle 1).
Tabelle 1: Tasten für die Verschiebung der Einfügemarke.
Taste |
Beschreibung |
(Cursor oben) |
Eine Zeile nach oben |
(Cursor unten) |
Eine Zeile nach unten |
(Cursor rechts) |
Ein Zeichen nach links |
(Cursor rechts) |
Ein Zeichen nach rechts |
(Strg)+ (Cursor rechts) |
Ein Wort nach links |
(Strg)+ (Cursor rechts) |
Ein Wort nach rechts |
(Pos1) |
Zum Zeilenanfang |
(Ende) |
Zum Zeilenende |
(Strg)+(Pos1) |
Zum Dateianfang |
(Strg)+(Ende) |
Zum Dateiende |
(Cursor oben) |
Eine Bildschirmseite nach oben |
(Cursor unten) |
Eine Bildschirmseite nach unten |
Neben den beschriebenen stehen Dir noch einige andere Tasten zur Verfügung, mit denen man z.B. einen Zeilenumbruch oder einen Tabulatorsprung einfügt (siehe Tabelle 2)
Tabelle 2: Weitere wichtige Tasten im Composer.
Taste |
Beschreibung |
(Eingabetaste) |
Bricht die Zeile an der Einfügemarke um |
(Tab) |
Fügt an der Einfügemarke einen Tabulatorsprung ein |
Texte löschen
Sicherlich ist es ab und zu nötig, einen Texte zu löschen, Text zu korrigieren oder ganze Absätze zu löschen. Wenn Du nur einige Buchstaben löschen möchtest, setze 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ücke ebenfalls auf die
(Entf)-Taste.
Texte ändern
Einen Text zu ändern, funktioniert genauso wie das Löschen, das im letzten Abschnitt beschrieben wurde. Entweder löschst Du die falschen Buchstaben und gibst diese neu ein, oder Du markieren einen Textblock und trägst danach den neuen Text ein.
Wenn Du einen ausgewählten Text mit der rechten Maustaste anklickst (was übrigens
nur Windows-Benutzern möglich ist), steht Dir im Kontextmenü die Optionen Ausschneiden
oder Kopieren zur Verfügung.
Auf die gleiche Weise kannst Du irgendeine Stelle in der Web-Seite anklicken und dort über
Einfügen die Inhalte der Windows-Zwischenablage einfügen.
Kannst Du Dich noch daran erinnern, als Du zum ersten Mal mit einer Textverarbeitung in
Berührung gekommen bist? Du warst sicher begeistert, als Du merktest, daß Du ganze
Textblöcke verschieben konntest, ohne diese neu erfassen zu müssen.
Im Composer gibt es für diese Operation zwei Möglichkeiten:
Du ziehst den Text mit Hilfe der Maus von der aktuellen Position an die neue Stelle. Mit der gleichen Technik kannst Du auch Texte aus anderen Anwendungen übernehmen.
Falls Du keine Maus hast, kopierst Du die Texte über die Menüfunktionen Ausschneiden/Kopieren und Einfügen. Nachdem Du den Text in der Zwischenablage abgelegt hast, fügst Du ihn an einer beliebigen Stelle wieder ein.
Die Funktionen Rückgängig 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 im Bearbeiten-Menü kannst Du die letzte Aktion rückgängig machen.
Wenn Du mehrere Änderungen aufheben möchtest, sollten Du einfach den Composer verlassen, ohne die Datei abzuspeichern.
Wenn Du eine Änderung zurückgenommen hast und danach wieder den alten Stand herstellen möchtest, drückst Du einfach (Strg)+(Umschalt)+(Z) oder wählst aus dem Composer-Menü Bearbeiten, Wiederherstellen.
Ein Bild einfügen
Bilder sind in einer Bild einfügten Web-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öchtest Du das Bild sicherlich direkt in die Seite einbinden
(also nicht über einen Link verknüpfen). In Abbildung 3 siehst Du eine Seite,
bei der die Bilder direkt eingebunden sind.
Abbildung 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 Bilder 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 Du ein Bild im richtigen Format (also GIF oder JPEG) hast, kann es losgehen. Führe einfach die nachfolgend beschriebenen Schritte aus:
Setze die Einfügemarke an die Stelle, an der das Bild eingefügt werden soll
Klicke in der Erstellungsleiste auf die Schaltfläche Grafik einfügen, oder wähle im Hauptmenü Einfügen, Grafik. Als nächstes erhältst Du das Dialogfeld Grafikeigenschaften angezeigt (siehe Abbildung 4)
Abbildung 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.
Gib im Feld Grafikadresse den Pfad und den Dateinamen der Bilddatei ein. Alternativ klickst Du auf Datei suchst und wählst die betreffende Datei auf Deinem System heraus
Nach dem Anklicken von OK fügt der Composer das Bild in die Seite ein (siehe Abbildung 5)
Einen Link einfügen
Um mit dem Composer einen Link in eine Web-Seite einzufügen, genügen einige Mausklicks: Danach gibst Du einfach den URL ein und klickst auf OK. Das wars
Wähle den Text oder die Seite aus, die Du als Anker für einen Link verwenden möchtest.
Wähle aus dem Hauptmenü des Composer Einfügen, Verknüpfung, oder klicke in der Erstellungsleiste auf die Schaltfläche Einfügen/Verknüpfung erstellen. Der Composer öffnet das Dialogfeld in Abbildung 6
Abbildung.6: Die Registerkarte Verknüpfung im Dialogfeld Zeicheneigenschaften zeigt Dir den Text, den Du als Anker verwendest.
Gib 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. Beachte, daß ein URL auf eine Web-Seite, eine
E-Mail-Adresse, einen FTP-Bereich oder ein beliebiges anderes Ziel verweisen kann
Wenn Du jetzt auf OK klickst, wirst Du bemerken, daß der Link unterstrichen ist (siehe Abbildung 7)
Abbildung.7: Auch der Web-Browser des Anwenders unterstreicht den Textanker, damit dieser als Link erkannt wird.
Um den neuen Link im Composer auszuprobieren, klickst Du ihn mit der rechten Maustaste an und wählst Verknüpfung in Composer öffnen. Besser wäre es allerdings, wenn Du im Datei-Menü die Option Seitenansicht auswählst, mit der Du den Navigator aufrufst und somit feststellen kannst, ob der Browser den neuen Link auch tatsächlich öffnet.
Die Web-Seite abspeichern
Alles was Du bisher gelernt hast, unterstützt Dich beim Aufbau Deiner ersten Web-Seite. Diese Seite existiert bis jetzt allerdings nur im Composer: Sie wurde noch nicht in eine HTML-Datei umgewandelt und auf Deiner Festplatte abgespeichert
Das Speichern der Datei funktioniert genauso wie in jedem anderen Programmen: Wähle im Datei-Menü die Option Speichern unter. Falls Du den Ablauf noch nicht kennst, führst Du folgende Schritte aus:
Klicke in der Erstellungsleiste auf die Schaltfläche Speichern, oder wähle im Datei-Menü die Option Speichern. Damit öffnest Du das Dialogfeld in Abbildung 8
Abbildung: 8: Der Composer speichert die Dateien mit der Dateierweiterung .HTML ab.
Wähle den Ordner aus, in dem die Datei abgelegt wird. In Dateiname gibst Du den Namen ein, unter dem der Composer die Web-Seite abspeichern soll.
Klicke auf Speichern und gib den Titel der Web-Seite (die auch in der Überschriftenleiste des Browser eingeblendet wird) ein. Danach klicke auf OK. Der Composer speichert Deine Seite und kopiert alle Dateien, die in einem anderen Ordner liegen, in das aktuelle Verzeichnis.
Wenn Du längere Zeit an Ihrer Web-Seite gearbeitet hast, ohne diese abzuspeichern, wirst Du eventuell vom Composer gefragt, ob Du Deine Arbeit sichern möchtest. Wenn Du die Frage mit Ja beantwortest, wird die Seite abgespeichert
Die Web-Seite veröffentlichen
Nachdem Du die Seite erstellt hast, ist es an der Zeit, diese im Internet zu veröffentlichen. Als erstes mußt Du mit Deinem Internet-Anbieter vereinbaren, wo die Datei abgelegt werden soll. Gleichzeitig fragst Du die notwendigen Parameter für den Composer ab. Erst dann kannst Du die Datei auf den Rechner des Internet-Anbieters übertragen.
Die Parameter setzen
Sobald Du alle notwendigen Informationen eingesammelt hast, konfigurierst Du den Composer wie folgt:
Wähle im Hauptmenü des Composer Bearbeiten, Einstellungen und klicke im linken Feld unter Kategorie auf den Eintrag Publizieren. Da Publizieren ein Untereintrag von Composer ist, kann es sein, daß Du als erstes das Pluszeichen neben diesem Eintrag anklicken mußt. Als Ergebnis siehst Du das Dialogfeld in Abbildung 9.
Abbildung 9: Verändere keinesfalls die Einstellungen unter Verknüpfungen und Grafiken, da sie zur Unterstützung der Veröffentlichungsfunktion benötigt werden.
Trage den URL für die Übertragung der Dateien in das Feld Gib hier einen FTP- oder HTTP-Standort für die Publikation ein. Dabei handelt es sich normalerweise um eine FTP-Adresse. Achte darauf, daß die Adresse vollständig und korrekt ist. In Abbildung 9 siehst Du ein Beispiel mit dem Pfadnamen /public html.
Gib den URL, mit dem Du auf Deinen Web-Bereich zugreifst, an. Wenn das Dokument per HHTP publiziert wurde, gibst Du hier die Adresse des entsprechenden Web-Servers ein. Dabei handelt es sich um eine HTTP-Adresse, die unter Umständen auch Deinen Benutzernamen enthält (siehe Abbildung 9).
Mit einem Klick auf OK sicherst Du Deine Eingaben.
Deinen Web-Bereich zum Internet-Anbieter übertragen
Jetzt endlich ist der große Augenblick gekommen: Du überträgst Deine Seiten/Dateien ins World Wide Web. Nachdem Du die notwendigen Adressen bereits eingegeben hast, muß Du nur noch folgende Schritte ausführen
Öffne im Composer die Web-Seite, die zur Veröffentlichung im Internet ansteht. Du kannst immer nur eine einzige Seite mit den zugehörigen Bildern übertragen. Für jede weitere Seite müssen diese Schritte wiederholt werden.
Klicke in der Erstellungsleiste auf die Schaltfläche Publizieren, oder wähle im Datei-Menü die Option Publizieren. Du siehst das Dialogfeld in Abbildung 10.
Abbildung 10: Standardmäßig sind alle Dateien, die in der Web-Seite enthalten sind, automatisch für die Übertragung ausgewählt.
Wenn Du Deiner Web-Seite eine andere Überschrift geben möchtest, als Du beim Speichern der Datei vergeben hattest, trägst Du diese in das Feld Seitentitel ein.
Den Dateinamen der HTML-Datei gibst Du im Feld HTML-Dateiname ein. Falls Du die Datei bereits abgespeichert hast, wird der Name automatisch eingeblendet.
Wenn Du Deine Homepage z.B. HOME.HTM genannt hast und diese auf dem Web unter dem Namen INDEX.HTML hinterlegen möchtest, kannst Du 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
Gib Deinen Benutzernamen und Dein Paßwort an den vorgegebenen Stellen ein, und klicke danach auf OK. Daraufhin bekommst Du das Dialogfeld mit den Sicherheitsinformationen angezeigt
Mit einem Klick auf Weiter schließt Du das Dialogfeld und startest die Übertragung auf den FTP-Server. Nach der erfolgreichen Übertragung siehst Du Dir die angezeigte Meldung an.
Um diese Meldung zu schließen, klickst Du auf OK.
Jetzt hast Du Deine Web-Seiten erfolgreich veröffentlicht. Falls Du noch mehr Seiten übertragen möchtest, wiederholst Du einfach diesen Vorgang.