Webseiten bearbeiten. Seite 10 von 48

Transkript

1 Seite 10 von 48 Webseiten bearbeiten Nun wollen wir näher darauf eingehen, wie Sie eine Webseite bearbeiten. Dazu werden wir das Werkzeug Seiteninhalte bearbeiten näher kennen lernen. Mit diesem Werkzeug können Sie Texte, Bilder, Tabellen und Links bearbeiten. Wir wollen die Bearbeitung anhand eines konkreten Beispieles veranschaulichen. Im Rahmen dieser Anpassung werden wir Ihnen diverse Funktionen näher bringen. Navigieren Sie auf dem Testweb auf die Webseite, die Sie anpassen wollen. In unserem Beispiel geht es um eine Adressänderung. Also ist Kontakt der Bereich, der anzupassen ist. Wenn die Seite geladen ist, können Sie WEBEDIT 2.2 aufrufen. Nun wählen Sie im Menu Aktuelles Objekt bearbeiten. Im Untermenu sehen Sie nun, dass sie die Webseite Deutsch und die Webseite français bearbeiten können. Rufen Sie die deutsche Version auf.

2 Seite 11 von 48 Das Fenster Seiteninhalte bearbeiten im Überblick Bevor wir nun mit unserem Beispiel weitermachen, wollen wir erläutern, welche Bereiche und Funktionen das Fenster Seiteninhalte bearbeiten enthält. Wir gehen auch detailliert auf die einzelnen Symbole und deren Funktion ein. [D] Das erfolgreich geöffnete Fenster Seiteninhalte bearbeiten. Die Werkzeugleiste. Diese enthält sämtliche Funktionen, die Ihnen in diesem Fenster zur Verfügung stehen. Die Symbole entsprechen grösstenteils denjenigen, die Sie bereits aus Anwendungen wie z.b. MS Word kennen. Auch die Funktionen sind die gleichen. Der Inhaltsbereich. Hier befindet sich der Inhalt der Seite mit Text, Bild, Links usw. In diesem Bereich können Sie ähnlich wie in einer Textverarbeitung arbeiten. Speziell: Unknown Object. Diese Symbole tauchen überall dort auf, wo Funktionen vorhanden sind die WEBEDIT 2.2 nicht zur Verfügung stellt. In unserem Beispiel handelt es sich um das Kontaktformular. Wichtig: Löschen Sie derartige Objekte auf keinen Fall, sonst sind sie unwiederbringlich verloren. Bei Bedarf können Sie solche Objekte per Drag & Drop verschieben.

3 Seite 12 von 48 Die Werkzeugleiste alle Funktionen auf einen Blick Grundfunktionen Speichern. Mit dieser Funktion speichern Sie die Änderungen. Nach Klick auf diesen Button wird das Fenster geschlossen und die Webseite mit den vollzogenen Änderungen neu geladen. Bearbeitung abbrechen. Die seit dem letzten Öffnen des Bearbeitungsfensters gemachten Änderungen werden verworfen, das Bearbeitungsfenster geschlossen. Die Änderungen sind danach unwiderruflich verloren. Ausschneiden (Ctrl+X). Ein markiertes Element wird ausgeschnitten. Kopieren (Ctrl+C). Ein markiertes Element wird kopiert. Einfügen (Ctrl+V). Ein Element wird aus dem Zwischenspeicher eingefügt. Löschen. Ein markiertes Element wird gelöscht. Rückgängig (Ctrl + Z). Die letzte ausgeführte Aktion wird rückgängig gemacht. Wiederherstellen (Ctrl + W). Das Rückgängigmachen der letzten Aktion wird rückgängig gemacht. Textformatierung Absatzformate: Mit dem Dropdown können Sie markierten Text einem vordefinierten Textformat zuweisen. Das Textformat gilt für den gesamten Textabsatz, in dem der Cursor, resp. der markierte Text steht. Fett (Ctrl+B). Kursiv (Ctrl+I). Unterstrichen (Ctrl+U). Mit diesen Werkzeugen formatieren Sie markierten Text fett, kursiv oder unterstrichen. Linksbündig. Zentriert. Rechtsbündig. Mit diesen Werkzeugen setzen Sie gesamte Textabsätze linksbündig, zentriert oder rechtsbündig. Die Funktion wird auf den gesamten Textabsatz angewendet, in dem der Cursor resp. der markierte Text steht. Unsortierte Liste. Nummerierte Liste. Mit diesen Werkzeugen erzeugen Sie unsortierte oder nummerierte Listen. Einzug verkleinern. Einzug vergrössern. Mit diesen Werkzeugen verkleinern oder vergrössern Sie den Einzug gesamter Textabsätze. Textfarbe. Texthintergrundfarbe. Mit diesen Werkzeugen verändern Sie die Farbe des markierten Textes oder seines Hintergrundes. Tabellenfunktionen Tabelle einfügen. Öffnet den Tabellen-Editor. Ränder anzeigen. Zeigt bei Blindtabellen ohne Rahmen virtuelle Ränder an. Zeile einfügen. Zeile löschen. Fügt über der Cursor-Position eine neue Tabellenzeile ein resp. löscht die Tabellenzeile, in der der Cursor steht. Spalte einfügen. Spalte löschen. Fügt vor der Cursor-Position eine neue Tabellenspalte ein resp. löscht die Tabellenspalte, in der der Cursor steht. Zelle einfügen. Zelle löschen. Fügt vor der Cursor-Position eine neue Tabellenzelle ein resp. löscht die Tabellenzelle, in der der Cursor steht. Zellen verbinden. Zellen auftrennen. Verbindet auf einer Zeile alle Zellen, deren Inhalte markiert sind, oder trennt sie auf. Weitere Funktionen Bild einfügen/bildeditor aufrufen. Zum Bearbeiten und Einfügen von Bildern Linie einfügen. Fügt eine Linie ein. Hyperlinks einfügen. Weist markiertem Text einen Link zu. Suchen: Nach Text suchen. Eigenschaften: Eigenschaften einblenden, z.b. eines Bildes. Steuerzeichen ein- und ausblenden: Blendet die Steuerzeichen ein und aus.

4 Seite 13 von 48 Bearbeiten von Text Wir gehen davon aus, dass die Adresse von UcanTravel geändert hat. Diese werden wir anpassen und auch neu formatieren. Schritt 1 Text anpassen Wir befinden uns auf dem geöffneten Fenster Seiteninhalte bearbeiten auf der Seite Kontakt, und zwar auf der deutschen Version. Hier steht der Adressteil, der angepasst werden muss. Dazu kann der Text markiert und mit dem neuen Text überschrieben werden. Die Textbearbeitung ist beinahe gleich wie in Programmen wie MS Word. Nun tragen wir die neue Strasse Langnasenjungstrasse ein. Hinweis: Wenn Sie grössere Texte aus einer Textverarbeitung via kopieren einfügen in die Seite einbauen wollen, verwenden Sie dafür immer den Texteditor als Zwischenstation (Kopiervorgang: Word Editor WebEdit Inhalte bearbeiten ). Ansonsten kann es vorkommen (speziell bei MS Word) dass Formatierungen oder unsinnige Zeichen übernommen werden die Sie nachträglich nicht mehr entfernen können. Schritt 2 Text formatieren Absatzformate Für die Formatierung gesamter Absätze stehen Ihnen vordefinierte Absatzformate zur Verfügung. Das können Formate für Titel, Fliesstexte, Zitate, Aufzählungen usw. sein. Die Formate können nachträglich ergänzt werden, allerdings nicht mit WEBEDIT. Absatzformate werden immer auf den gesamten Absatz angewendet, in dem der Cursor oder der markierte Text steht. Absätze erzeugen Sie mit Drücken der Enter Taste. Zeilenumbrüche innerhalb von Absätzen werden mit der Tastenkombination Shift + Enter erzeugt. Markieren Sie im Fenster Seiteninhalte bearbeiten den Text, den Sie formatieren wollen. In unserem Beispiel ist dies die gesamte Adresse. Rufen Sie im Dropdown-Feld mit den Absatzformaten das Format aus, welches Sie verwenden wollen. Im Beispiel: Seitentitel Das Resultat wird unmittelbar sichtbar. Mit jeder weiteren Auswahl aus der Liste der Absatzformate wird der Text des entsprechenden Absatzes sofort neu formatiert.

5 Seite 14 von 48 Schritt 3 Text formatieren Textformate Wenn Sie kein vordefiniertes Format verwenden wollen, können Sie die Werkzeuge für die Textformatierung verwenden. Im Beispiel wollen wir den ersten Abschnitt der Seite hervorheben. Wir tun dies, indem wir den Text fett formatieren: Markieren Sie im Fenster Seiteninhalte bearbeiten den Text, den Sie formatieren wollen. In unserem Beispiel ist dies der gesamte Erste Abschnitt. Nun kann in den Textformatierungen der Stil ausgewählt werden, den man auf den Text anwenden will. Im Beispiel ist dies für Fett. Das Resultat wird unmittelbar sichtbar. Wenn Sie alle Formatierungen vorgenommen haben, speichern Sie Ihre Änderungen indem Sie auf klicken um die Anpassungen zu speichern. Schritt 4 Das Resultat: Fertig formatierte Seite So sieht unsere fertige Seite aus: Der erste Abschnitt ist nun fett formatiert, wie wir es haben wollten. Die Adresse wir neu viel grösser dargestellt, weil wir dem Text das Absatzformat Seitentitel zugewiesen haben. Der Text ist rot geschrieben und speziell dargestellt, das haben Sie aber nirgends so definiert. Die Lösung: Es handelt sich um so genannte Autotexte. Dabei handelt es sich um Formatierungen, die einem bestimmten Text zugewiesen sind. Dies kann wie hier der Firmenname sein, es ist auch möglich Grafiken zu verwenden. Nun sind Sie in der Lage, Text auf verschiedene Arten zu formatieren, einerseits mit Hilfe der Absatzformate, andererseits unter Zuhilfenahme der verschiedenen Textformatierungen. Wir empfehlen, wenn immer möglich die Absatzformate zu verwenden. Die Arbeitsweise des Formatierens ist derjenigen von klassischen Textverarbeitungsprogrammen sehr ähnlich. Wenn Sie oft mit solchen Programmen arbeiten wird Ihnen das Formatieren von Text in WEBEDIT 2.2 leicht fallen. WEBEDIT 2.2 Stand 26. November 2003