[Arbeiten mit dem Nvu Composer]

Transkript

1 Eine neue Seite erstellen Beim Start des Composers steht automatisch eine neue Composer-Seite zur Verfügung, die direkt verwendet werden kann. Über Datei > Neu > Composer-Seite kann jederzeit eine neue Composer-Seite aufgerufen werden. Der Composer speichert Seiten als Dateien im HTML-Format 1 ab. Speichern einer Seite Wichtig beim Speichern bitte immer die folgenden Punkte beachten: Der Titel eines HTML-Dokuments sollte immer kurz und aussagekräftig sein, da er u.a. in der Titelleiste des Browsers und in der Taskleiste angezeigt wird und der Orientierung dient. Darüber hinaus ist der Titel für die Verarbeitung des Dokuments durch Suchmaschinen relevant. Der Dateiname der ersten erstellten Datei in jedem Verzeichnis muß index.html lauten, damit diese Startdatei auch gefunden wird. Ist das nicht der Fall und lautet der Name der Datei beispielsweise start.html kann nicht die Startseite aufgerufen werden, die unter liegt, ohne diese explizit mit der Angabe des Dateinamens ( anzugeben. 1 HTML ist eine Abkürzung für die Hypertext Markup Language, d.h. eine strukturierte Sprache zur Beschreibung von Web-Dokumenten. Das Format HTML erkennt man an der Dateiendung htm oder html. Seite 1 von 6

2 Der Dateiname einer Datei darf keine Sonderzeichen, Umlaute oder Leerzeichen enthalten, weil es sonst Probleme beim Aufrufen der Datei mit einem Browser geben kann. Die Dateien eines Projekts sollten zusammen in einem Verzeichnis gespeichert werden. Das Verzeichnis sollte gut aufzufinden sein. Verzeichnisse eignen sich auch zur Versionskontrolle 2. Speichern einer Composer-Seite in drei Arbeitsschritten 1. Schritt: Speichern -Dialog wählen Der Dialog zum Speichern der aktuell geöffneten Datei kann entweder über Datei > Speichern unter... oder über das Disketten-Icon aufgerufen werden. 2. Schritt: Seitentitel eingeben Der Composer fragt beim ersten Speichern einer Datei nach einem Titel für die Seite. Dieser sollte kurz und aussagekräftig sein (s.o.). 3. Schritt: Verzeichnis auswählen und Dateinamen vergeben Nach Eingabe des Titels und Bestätigen des Dialogs erscheint ein weiteres Fenster; der eigentliche Speicherdialog, den man auch aus anderen Programmen kennt. Hier kann man ein vorhandenes Verzeichnis aufrufen, ein neues Verzeichnis anlegen, den Dateinamen bestimmen - und natürlich die Datei speichern. 2 Eine Versionskontrolle könnte beispielsweise das Sichern von Dateien in einem speziell dafür angelegten Ordner sein, um jederzeit wieder auf einem bestimmten Stand zurückgreifen zu können. Bei der Arbeit über längere Zeiträume bietet sich das Anlegen von Ordnern an, die neben einem Namen (bspw. Web ) auch das Datum der Bearbeitung tragen (z.b Web). Seite 2 von 6

3 Bearbeiten einer Seite Inhalte eingeben und formatieren Der Composer bietet als sogenannter WYSIWYG-Editor 3 eine relativ intuitiv zu bedienende Oberfläche. Die textuellen Inhalte können wie in jedem gängigen Schreibprogramm einfach ünber die Tastatur eingefügt werden. Es stehen deutlich auch einige basale Formatierungen zur Verfügung, die über ein Dropdown-Menü (oben links) und den Schaltern (buttons) in derselben Leiste ausgewählt werden können: Um einen Text zu formatieren, muß er zunächst markiert werden. Dann kann die gewünschte Formatierung in der Format-Symbolleiste oder das Menü Format gewählt werden. Links erstellen Links sind das Salz in der (Web-)Suppe : Verweise innerhalb von Webseiten und vor allem zwischen Web-Dokumenten, die irgendwo innerhalb des World Wide Web unter einer spezifischen Adresse abgelegt sind, machen das Web erst zum Netz der Netze. Im Composer muß auch hier zunächst der Text markiert werden, der verlinkt werden soll, d.h. dem die Link-Funktion unter Angabe einer spezifische Adresse zugeordnet wird. Nachdem der zu verlinkende Text markiert wurde, kann über das Menü Einfügen > Link oder über das Kontextmenü 4 ( Link erstellen ). Dann erscheint der folgende Dialog: 3 4 Das Akronym ist gebildet aus den Anfangsbuchstabenvon What You See Is What You Get. Das Kontextmenü erreicht man unter Windows durch drücken der rechten Maustaste über dem markierten Objekt. Seite 3 von 6

4 Über diesen Dialog kann ein Link innerhalb einer Seite oder ein Link zu einer anderen Webseite erstellt werden. Internen Link erstellen Wenn auf der Seite Überschriften verwendet wurden, stehen diese automatisch als Ziel des zu erstellenden Links zur Verfügung. Soll zu einer anderen Stelle auf der Seite gesprungen werden, muß diese Stelle zuvor als benanntes Ziel geklennzeichnet worden sein. Dazu markiert man diese (Text-)Stelle und weist über Einfügen > Benanntes Ziel einen Namen zu. Dieser Ziel-Name erscheint dann in der Popup-Liste des Link-Dialogs. Externen Link erstellen Um einen Link zu einer anderen Seite, d.h. einem anderen HTML-Dokument der eigenen Website zu erstellen, dückt man den Durchsuchen -Button und erhält den Öffnen -Dialog, der, wie schon der Speicher -Dialog, auch in anderen Programmen zur Verfügung steht. Die ausgewählte Seite wird dann automatisch verlinkt. Seite 4 von 6

5 Soll eine entfernten Webseite verlinkt werden, muß die absolute, d.h. die Web-Adresse (URL 5 ) mit davor stehendem eingegeben werden. Zum Beispiel: Bilder einfügen Digitale Bilder oder Grafiken in den Formaten GIF 6 und JPEG 7 können im Web verwendet werden, d.h. sie werden von jedem grafischen Browser angezeigt. Um ein Bild einzufügen, wird der Cursor an die Stelle gesetzt, an der das Bild erscheinen soll und über Einfügen > Grafik die Bildquelle gewählt. Über den Durchsuchen -Button kann das Bild verknüpft werden URL ist die Abkürzung von Uniform Ressource Locator. Graphic Interchange Format ; da es lizensrechtliche Probleme gibt, wird dieses Format in absehbarer Zeit durch das freie Format PNG ( Portable Network Graphic ) ersetzt. PNG wird jedoch noch nicht von allen Browsern unterstützt. Joint Photographic Experts Group Seite 5 von 6

6 Wichtig: URL als relativ zur Seitenadresse behandeln unbedingt auswählen (einen Haken machen). Bilder sollten bestenfalls lokal (im gleichen oder in einem Untervezeichnis) abgespeichert werden Bilder und Dokumente auf anderen Servern können jederzeit umziehen oder gelöscht werden und stehen dann oft ohne Vorwarnung nicht mehr zur Verfügung. Seite 6 von 6