Homepagebau mit dem NVU Editor



Ähnliche Dokumente
Punkt 1 bis 11: -Anmeldung bei Schlecker und 1-8 -Herunterladen der Software

Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken.

Bildbearbeitung Erstellung von Postkarten mit Paint Shop Pro 5.

Handbuch für Redakteure

PowerPoint: Text. Text

Ein Bild in den Text einfügen

Windows. Workshop Internet-Explorer: Arbeiten mit Favoriten, Teil 1

Anleitung Homepage TAfIE

Erstellen eines Beitrags auf der Homepage Schachverband Schleswig-Holstein - Stand vom

Handbuch für Redakteure

2. Im Admin Bereich drücken Sie bitte auf den roten Button Webseite bearbeiten, sodass Sie in den Bearbeitungsbereich Ihrer Homepage gelangen.

Textgestaltung mit dem Editor TinyMCE Schritt für Schritt

Hinweise zum Übungsblatt Formatierung von Text:

Tipps und Tricks zu den Updates

Inhaltsverzeichnis Seite

FuxMedia Programm im Netzwerk einrichten am Beispiel von Windows 7

Zwischenablage (Bilder, Texte,...)

Wie halte ich Ordnung auf meiner Festplatte?

Outlook. sysplus.ch outlook - mail-grundlagen Seite 1/8. Mail-Grundlagen. Posteingang

Funktionsbeschreibung Website-Generator

Anleitungen zum Publizieren Ihrer Homepage

Dateimanagement in Moodle Eine Schritt-für

Tutorial: Gnumeric installieren und Jahres-Kostenübersicht erstellen mit Diagramm

Bilder zum Upload verkleinern

Handbuch für Redakteure

Pfötchenhoffung e.v. Tier Manager

Konvertieren von Settingsdateien

NOXON Connect Bedienungsanleitung Manual

Kurzanleitung fu r Clubbeauftragte zur Pflege der Mitgliederdaten im Mitgliederbereich

Wo möchten Sie die MIZ-Dokumente (aufbereitete Medikamentenlisten) einsehen?

Anleitung für Berichte in Word Press, auf der neuen Homepage des DAV Koblenz

2. Im Admin Bereich drücken Sie bitte auf den Button Mediathek unter der Rubrik Erweiterungen.

Sich einen eigenen Blog anzulegen, ist gar nicht so schwer. Es gibt verschiedene Anbieter. ist einer davon.

Thunderbird herunterladen, Installieren und einrichten Version (portable)

Erstellen einer GoTalk-Auflage

4.1 Wie bediene ich das Webportal?

Bedienung des Web-Portales der Sportbergbetriebe

Erzherzog Johann Jahr 2009

Bedienungsanleitung: Onlineverifizierung von qualifiziert signierten PDF-Dateien

Leere Zeilen aus Excel-Dateien entfernen

Diese Anleitung wurde erstellt von Niclas Lüchau und Daniel Scherer. Erste Anmeldung. Schritt 1: Anmeldung..2. Schritt 2: Passwort setzen 3

Einführung in Powerpoint M. Hasler Wie erstelle ich eine Präsentation mit Powerpoint? - Eine Kurzanleitung

LuVHS. Version: ARONET GmbH Alle Rechte vorbehalten.

Toolbeschreibung: EVERNOTE

Satzhilfen Publisher Seite Einrichten

Treppensoftware Programme. Hilfe - 3D Plus Online. konstruieren/präsentieren

Wie melde ich meinen Verein bei BOOKANDPLAY an?

Content Management System (CMS) Manual

Anzeige von eingescannten Rechnungen

Bedienungsanleitung für Mitglieder von Oberstdorf Aktiv e.v. zur Verwaltung Ihres Benutzeraccounts auf

Wir freuen uns, dass Sie mit der VR-NetWorld Software Ihren Zahlungsverkehr zukünftig einfach und sicher elektronisch abwickeln möchten.

Wie Sie mit Mastern arbeiten

Auf der linken Seite wählen Sie nun den Punkt Personen bearbeiten.

Jederzeit Ordnung halten

Einrichtung des Cisco VPN Clients (IPSEC) in Windows7

Arbeiten mit UMLed und Delphi

Aufklappelemente anlegen

Informations- und Kommunikationsinstitut der Landeshauptstadt Saarbrücken. Upload- / Download-Arbeitsbereich

Dreamweaver 8 Einführung

Stundenerfassung Version 1.8 Anleitung Arbeiten mit Replikaten

Handbuch für Redakteure

Eigene Dokumente, Fotos, Bilder etc. sichern

Erstellen einer Collage. Zuerst ein leeres Dokument erzeugen, auf dem alle anderen Bilder zusammengefügt werden sollen (über [Datei] > [Neu])

So funktioniert das online-bestellsystem GIMA-direkt

Um in das Administrationsmenü zu gelangen ruft Ihr Eure Seite auf mit dem Zusatz?mod=admin :

Mediator 9 - Lernprogramm

Produktschulung WinDachJournal

1. Adressen für den Serienversand (Briefe Katalogdruck Werbung/Anfrage ) auswählen. Die Auswahl kann gespeichert werden.

Einführung in das redaktionelle Arbeiten mit Typo3 Schulung am 15. und

Internetauftritt von Lotta Karotta Anleitung zur Pflege. 2 Bearbeiten eines Menüpunktes am Beispiel Test

Anleitung für Autoren auf sv-bofsheim.de

Stammdatenanlage über den Einrichtungsassistenten

In den Bearbeitungsmodus wechseln. Text in Wikiseite einfügen Bild auf Wikiseite einfügen Audio auf Wikiseite einfügen...

Der neue persönliche Bereich/die CommSy-Leiste

mysql - Clients MySQL - Abfragen eine serverbasierenden Datenbank

Daten-Synchronisation zwischen dem ZDV-Webmailer und Outlook ( ) Zentrum für Datenverarbeitung der Universität Tübingen

Diese Ansicht erhalten Sie nach der erfolgreichen Anmeldung bei Wordpress.

Logics App-Designer V3.1 Schnellstart

Word Aufbaukurs kompakt. Dr. Susanne Weber 1. Ausgabe, Oktober 2013 K-WW2013-AK

Anleitung für die Formularbearbeitung

Einstieg in Viva-Web mit dem Internet-Explorer

Anleitungen für User der Seite TSV AustriAlpin Fulpmes. So erstellen Sie einen Bericht (Beitrag) auf der TSV-AustriAlpin Fulpmes Homepage.

Das sogenannte Beamen ist auch in EEP möglich ohne das Zusatzprogramm Beamer. Zwar etwas umständlicher aber es funktioniert

Lieferschein Dorfstrasse 143 CH Kilchberg Telefon 01 / Telefax 01 / info@hp-engineering.com

Erstellen der Barcode-Etiketten:

BILDER TEILEN MIT DROPBOX

1. Einschränkung für Mac-User ohne Office Dokumente hochladen, teilen und bearbeiten

Flyer, Sharepics usw. mit LibreOffice oder OpenOffice erstellen

Anleitung directcms 5.0 Newsletter

Beschreibung der Homepage

Vollversion:

Kurze Benutzungsanleitung für Dozenten

Um eine Person in Magnolia zu erfassen, gehen Sie wie folgt vor:

Nur in schwarz angezeigten Verzeichnissen kann gespeichert werden!

Ich möchte eine Bildergalerie ins Internet stellen

Zahlen auf einen Blick

Neue Zugangsdaten für sg-online erstellen

Bildbearbeitung für BFV-Homepage mit IrfanView. IrfanView ist ein kostenloses Bildbearbeitungsprogramm. Einen geprüften Download finden Sie hier:

1. Allgemein Speichern und Zwischenspeichern des Designs Auswahl der zu bearbeitenden Seite Text ergänzen Textgrösse ändern 3

Handbuch zur Anlage von Turnieren auf der NÖEV-Homepage

Transkript:

Homepagebau mit dem NVU Editor Eigene Gedanken und Texte im Internet zu veröffentlichen, sich ein Design für eine eigene Homepage zu erstellen, das ist der Gedanke, der dahinter steht, zusammen mit den Mädchen eine eigene, von Grund auf selbst erstelle Homepage zu gestalten und mit eigenen Inhalten zu veröffentlichen. Mit dem kostenlosen WYSIWYG (What you see is what you get)-editor NVU ist es ganz einfach, den eigenen Internetauftritt zu basteln. Benötigte Technik und Software Mindestens 1 PC pro 2 TeilnehmerInnen Internetzugang Software: HTML-Editor Nvu (wird ausgesprochen N view ). Der Editor ist kostenlos downloadbar unter http://www.mozilla.nightrat.net/nvu/ Optional: Bildbearbeitungsprogramm Zielgruppe/Altersempfehlung Mädchen im Alter von mind. 14 Jahren Die Gruppengröße ist abhängig von der Anzahl der Rechner und BetreuerInnen, sollte aber 10 TeilnehmerInnen nicht überschreiten. Dauer Dieses Projekt sollte in mehreren Teilabschnitten durchgeführt werden, am besten als AG über mehrere Wochen. Projektverlauf Zu Beginn werden Thema und Struktur der Homepage besprochen. Beides sollte klar sein, bevor mit der Arbeit am Rechner begonnen wird. Anhand des Themas wird anschließend eine kurze Einführung ins Thema gegeben. Die Homepage wird dann Schritt für Schritt erarbeitet, mit allen Inhalten, die erforderlich sind. Ziele Ziel ist es, den Zusammenhang zwischen inhaltlicher und gestalterischer Arbeit zu erkennen und beide Elemente mit Spaß am Thema umzusetzen. Betreuung/sonstige Rahmenbedingungen 2 BetreuerInnen Ein separater Raum, damit in Ruhe gearbeitet werden kann PC-Grundlagen sollten vorher bekannt sein: Dateien anlegen, öffnen, speichern; Mausbedienung etc. Um auch gestalterische Elemente bei der Homepagegestaltung einsetzen zu können wäre es gut, wenn ein Bildbearbeitungsprogramm zu Verfügung steht und dieses auch, zumindest im Grundsatz, beherrscht wird. Kosten Es fallen zusätzlich zur Onlinenutzung keine Kosten an. www.jugendinfo.de/medienpraxis 1/23

Detaillierte Beschreibung der Arbeitsschritte: Im Folgenden wird anhand von Bildschirmausdrucken Schritt für Schritt beschrieben, wie mit dem HTML-Editor NVU eine einfache Internetseite erstellt werden kann. Das Thema für die Homepage kann natürlich frei gewählt werden. In dieser Projektbeschreibung haben wir uns für das Thema Mein Hobby Reiten entschieden. Vorarbeiten Bevor die eigentliche Arbeit an der Homepage beginnt, sollte man sich ungefähr im Klaren darüber sein, welche Inhalte angeboten werden sollen, d.h. die grobe Struktur sollte bereits fest stehen. Möchte man ein Bild in die Homepage einfügen, so muss dieses bereits vorliegen: Entweder mit der Digitalkamera aufgenommen oder eingescannt und mit einem Bildbearbeitungsprogramm entsprechend verkleinert. Oder eine mit einem Grafikprogramm selbst erstellte Grafik. Bevor die Homepageprogrammierung beginnt, sollte zudem ein eigenes Verzeichnis angelegt werden, in welchem die verwendeten Bilder und die Homepage-Dateien gespeichert werden sollen (z.b. unter Eigene Dateien/Homepage/). Wenn dies alles erledigt ist, dann kann es jetzt losgehen. Viel Spaß! Im Text blau und kursiv dargestellte Worte bezeichnen Bedienelemente von Nvu. www.jugendinfo.de/medienpraxis 2/23

Einführung Zunächst wird das Programm geöffnet. Beim Start wird bereits ein neues Dokument mit dem Titel Unbenannt geöffnet, in welchem wir nun gleich zu arbeiten anfangen können. In der Titelleiste wird der Titel des gerade aktiven Dokumentes angezeigt. Hier kann kontrolliert werden, ob Sie sich im richtigen Dokument befinden. Die Menüleiste ist aufgebaut wie in anderen Windows-Anwendungen auch. Einzelne Befehle werden später noch im Einzelnen besprochen. Die Symbolleisten bieten einige Befehle in abgekürzter Form an, hierzu auch später. Im Arbeitsbereich wird die Homepage bearbeitet. Unten links kann zwischen unterschiedlichen Dokumentenansichten gewechselt werden. www.jugendinfo.de/medienpraxis 3/23

Bevor die Homepage erstellt wird, sollte man sich bereits über die Struktur der Seite im Klaren sein: Welche Inhalte sollen angeboten werden? Wieviele Unterseiten soll es geben? Wie sollen die Inhalte auf die Unterseiten verteilt werden? Sollen Bilder eingebaut werden und wenn ja, welche? Ohne Definition der Struktur sollte eine Homepage nicht angefangen werden. Am besten, wenn auch schon angedacht wird, ob und welche Bilder eingebaut werden sollen. In unserem Beispiel haben wir uns für eine Homepage mit insgesamt 4 Unterseiten entschieden. Es gibt also folgende Menüpunkte (Links): 1. Homepage 2. Reiten als Sport 3. Pferderassen 4. Pferdepflege 5. Gästebuch Menüpunkte sind die Links, die sich ein Anwender zum Anklicken aussuchen kann, um dann auf eine weitere Seite zu gelangen. Die erste Seite Nachdem nun alle Vorarbeiten erledigt sind, wollen wir die erste Seite erstellen: Dazu wählen wir eine Tabellenstruktur. Dies ist die einfachste Art, eine Seite übersichtlich aufzubauen (wie z.b. bei Word, wo man ja auch Tabellen eingeben kann). Hier ein kleines Beispiel: Wir wollen zwei Texte und ein Bild auf die erste Seite bringen und möchten diese folgendermaßen angeordnet haben: Wir brauchen eine Tabelle mit 2 Zeilen und 2 Spalten, um die Texte und das Bild zu positionieren. www.jugendinfo.de/medienpraxis 4/23

Und das funktioniert so: In der Symbolleiste ist das Symbol für das Erstellen einer Tabelle anzuklicken. Nach einem kurzen Moment erscheint ein Fenster, in welches man mit der Maus eingeben kann, wie viele Zeilen und Spalten benötigt werden. Wenn die entsprechende Anzahl markiert ist, bestätigt man mit einem Klick auf OK. Im Arbeitsbereich wird nun eine Tabelle zur Verfügung gestellt. Der Cursor ist in der ersten Zelle platziert, und hier kann nun gleich der erste Text eingegeben werden: www.jugendinfo.de/medienpraxis 5/23

Text einfügen Das Programm hat die Zellen jetzt verschoben, um den Text in seiner Breite gut anzuzeigen. Wir klicken mit der Maus in die rechte, klein gewordene Spalte (in die untere Zelle), und geben dort den zweiten Textblock ein: Beide Textblöcke sind erstellt und positioniert, jetzt wird die Arbeit gespeichert: www.jugendinfo.de/medienpraxis 6/23

Die Seite speichern In der Menüleiste klicken wir auf Datei, dann Speichern unter. Wenn Sie die Seite ein zweites Mal speichern, müssen Sie nur noch Speichern auswählen, oder in der Symbolleiste folgenden Button drücken: Danach öffnet sich ein Fenster, in dem Sie aufgefordert werden, einen Titel für Ihre Seite einzugeben: www.jugendinfo.de/medienpraxis 7/23

Geben Sie jetzt bitte einen passenden Titel für Ihre Seite in das Eingabefeld ein (evtl. zuerst mit der Maus in das Eingabefeld klicken): Wir haben unsere Seite Pferde, mein Hobby genannt. Der Seitentitel ist der Name, der später auf der Homepage auf dem blauen Balken ganz oben im Browserfenster erscheinen wird. Nicht zu verwechseln, mit dem Namen, unter dem das Dokument abgespeichert wird. Als nächstes kommt ein Bildschirm, in dem Sie dem Dokument einen Namen geben müssen, hier soll es index.htm sein, da es die erste Seite Ihrer Homepage wird. Die erste Seite eines Internetauftrittes sollte mit einem der Dateinamen index.html oder index.htm oder home.htm oder home.html abgespeichert sein. So kann der Internetserver die erste Seite anzeigen, ohne dass der Anwender mehr als die Adresse wissen muss (z.b. www.gesche-online.de). Dies ist eine Namenskonvention, die eigentlich von allen Servern eingehalten wird. Die Seite muss natürlich in dem Ordner gespeichert sein, in dem Ihr gesamter Internetauftritt (s.o.) abgespeichert werden soll. Diesen Ordner müssen Sie beim ersten Speichern der Datei über die Ordner-Navigation suchen. www.jugendinfo.de/medienpraxis 8/23

Ein Bild einfügen Nun wollen wir ein Bild einfügen. Dazu klicken wir zunächst mit der Maus in die Tabellenzelle, in die das Bild eingefügt werden soll (Der Cursor blinkt an der Stelle). Dann klicken Sie in der Menüleiste auf. Es erscheint ein Bildschirm, in dem Sie die Grafik auswählen können. Zu diesem Zweck klicken Sie auf Durchsuchen. Es wird das Verzeichnis angezeigt, in dem Ihre Seite gespeichert ist, und in dem sich auch Ihr Bild (s.o.) befinden sollte. Gehen Sie mit der Maus auf die Grafik, markieren Sie diese blau und klicken auf Öffnen. www.jugendinfo.de/medienpraxis 9/23

Der nächste Bildschirm zeigt noch mal eine Zusammenfassung: Der Bildname wird angezeigt, die Größe und eine Bildvorschau. Geben Sie noch einen Alternativtext ein. Der Alternativtext wird vom Browser angezeigt, wenn das Bild nicht geladen werden kann. So weiß der Besucher der Seite zumindest, was dort zu sehen sein sollte. Der Text ist auch wichtig für Menschen mit Sehbehinderungen, die sich die Seiten von Programmen vorlesen lassen. Sie sollten den Button Url relativ zur Seitenadresse unbedingt angeklickt lassen, da ansonsten das Bild möglicherweise vom Browser nicht gefunden werden kann. Abschließend klickt man auf OK und das Bild an die vorher markierte Stelle eingefügt Fertig. www.jugendinfo.de/medienpraxis 10/23

Die Folgeseiten Links einfügen Ein Link ist eine Sprungadresse zu einer anderen Seite, also ein Verweis für den Browser, beim Klicken auf den Link die neue Seite anzuzeigen. Wenn Ihr Homepage-Projekt aus mehreren Seiten besteht, dann müssen die Seiten untereinander verlinkt werden, damit man innerhalb des Projektes navigieren kann. Zunächst wird jedoch eine neue Seite erstellt, in unserem Beispiel ist es eine Seite über Pferderassen. Dazu klickt man in der Symbolleiste auf. Es wird ein leeres Dokument geöffnet, welches bearbeitet werden kann. Das andere, vorher angelegte Dokument ist als Reiter zu sehen (es wird der Titel angezeigt, hier: Pferde - mein Hobby), durch klicken kann man zwischen den Dokumenten hin und her wechseln. Im Arbeitsbereich legen wir wiederum eine Tabelle an und erfassen Text, der später noch angepasst werden kann jetzt geht es nur darum, eine Datei zur Verfügung zu haben, mit Hilfe derer ein Link gebaut wird: www.jugendinfo.de/medienpraxis 11/23

Die Datei wird wieder mit Datei/Speichern unter gesichert, in diesem Beispiel unter dem Namen pferderassen.html Die Tabelle für die Menüleiste (Links) Nachdem wir eine zweite Seite angelegt haben, wechseln wir wieder zu unserer Startseite (Klick auf den entsprechenden Reiter). Hier klicken wir mit der Maus in den Bereich unter der erstellten Tabelle und fügen noch eine weitere Tabelle ein. Dazu in der Symbolleiste auf klicken. Die Tabelle hat nur eine Zeile und so viele Spalten, wie Sie Menüpunkte (=Anzahl aller Seiten des Homepage-Projekts) haben wollen. In unserem Beispiel sind es 1 Zeile und 4 Spalten. Im Fenster, welches sich mit dem Klick auf Tabelle öffnet, nun auf den Reiter Precisely klicken. Dann können die Attribute für die Tabelle eingegeben werden: Die Anzahl der Zeilen und Spalten. Hier: 1 / 4. Die Breite der Tabelle in Prozent oder Pixel. Hier:100%. Ob es einen Rahmen geben soll oder nicht. Hier:0 (= Breite des Rahmens in Pixeln). Pixel ist eine Maßeinheit für digitale Grafiken. Es ist Kunstwort für "Picture Element", die englische Bezeichnung für Bildpunkt: kleinstes Element eines digitalen Bildes mit definierten Orts- und Farbkoordinaten. Die Bildschirmauflösung z.b. wird in Pixel angegeben. Nachdem Sie auf OK geklickt haben, wird die neue Tabelle erstellt. Die Tabelle wird jetzt mit rotem Rand angezeigt, da es keinen Rahmen um die Tabelle gibt. Dies dient dazu, beim Bearbeiten des Dokumentes die Tabellengröße im Auge zu behalten. www.jugendinfo.de/medienpraxis 12/23

Einen Link einfügen Nun klicken Sie in die erste Zelle der neuen Tabelle und dann in der Symbolleiste auf. Es öffnet sich ein Fenster, in dem Sie die Bezeichnung des Links eingeben und die Seite auswählen können, auf die verwiesen werden soll. Mit einem Klick auf Durchsuchen können Sie nun die vorher abgespeicherte Seite auswählen. Sie bekommen den Inhalt des Ordners, in dem Sie sich befinden angezeigt, und sehen dort auch die neue Seite, hier: pferderassen.html. Diese Seite markieren wir nun und klicken auf Öffnen. Die Datei wird in das zuvor geöffnete Fenster übernommen. Bitte klicken Sie Url relativ zur Seitenadresse an sonst kann Ihre Seite später eventuell nicht gefunden werden! Abschließend auf OK klicken: Der Link wird nun auf der Seite erstellt. Vorschau Wenn Sie sich jetzt die Seite (vorher speichern nicht vergessen) in einem Browser ansehen wollen, dann klicken Sie in der Symbolleiste auf Manchmal funktioniert die Vorschau nicht. Dann müssen Sie die Datei im Windows-Explorer oder über Arbeitsplatz suchen und dann auf die index.html klicken es sollte sich jetzt ein Browserfenster öffnen. Oder Sie öffnen einen Browser, gehen auf Datei/Öffnen und suchen sich hier Ihre index.html Datei.. www.jugendinfo.de/medienpraxis 13/23

Menüleiste erstellen Jetzt erstellen wir in der index.html die gesamte Menüleiste für die Homepage: Wie am Beispiel der Unterseite pferderassen.html demonstriert, erstellen wir alle weiteren Seiten unseres Homepage-Projektes, zunächst ohne Inhalt. Anschließend fügen wir die Links für die neuen Seiten in die untere Tabelle auf unserer index.html ein. Das sieht dann im Endergebnis so aus: Im Moment sind alle neu erstellten Dateien geöffnet, das heißt, Sie können durch Klicks auf die Reiter zwischen allen Seiten Ihres Projektes wechseln und diese editieren. Wenn Sie NVU später wieder neu öffnen, dann müssen Sie die Dateien durch klicken auf Datei/Datei öffnen oder Datei/letzte geladene Seiten wieder öffnen. Jetzt ist die Seite fertig (falls denn alle Inhalte eingefügt sind) nun können wir diese auf einen Server im Internet laden. www.jugendinfo.de/medienpraxis 14/23

Die Homepage ins Internet laden Voraussetzungen Um die Seiten ins Internet zu laden, müssen Sie einen Speicherplatz im Internet zur Verfügung haben. Außerdem müssen Sie die Zugangsdaten zu diesem Speicherplatz kennen. Speicherplatz im Internet: Provider wie z.b. Domainfactory stellen kostenpflichtigen Speicherplatz zur Verfügung. Kostenfreien Speicherplatz können Sie hier recherchieren: http://www.meine-erstehomepage.com/webspace_gratis.php. Wichtig: Um die Daten so, wie hier beschrieben, auf den Server zu laden, benötigen Sie einen FTP-Zugang (FTP ist eine von mehreren Möglichkeiten, Dateien auf einen Server zu laden). Zugangsdaten sind ein Benutzername und ein Passwort, welches Sie von Ihrem Provider für Ihren Webspeicherplatz zur Verfügung gestellt bekommen haben. Der Site Manager Wenn Sie diese Voraussetzungen geschaffen haben, dann können Sie jetzt im NVU Site Manager die Daten für das Hochladen der Datei einfügen und dann ins Netz laden: www.jugendinfo.de/medienpraxis 15/23

Klicken Sie auf Seiten bearbeiten,sie erhalten dann folgenden Bildschirm: Sie können die Publizierungs-Einstellungen immer wieder aufrufen, wenn Sie auf Seiten bearbeiten klicken. Nur das Passwort wird verschlüsselt angezeigt, damit niemand es kopieren kann. Sollte Ihr Computer von mehreren Leuten benutzt werden, die nicht alle den Zugang zu Ihrer Seite haben sollen, so achten Sie darauf, dass Passwort speichern nicht angeklickt ist. Zwar wird es dann etwas umständlicher, weil Sie dann jedesmal von Neuem Ihr Passwort eingeben müssen, aber so sind Ihre Seiten vor fremdem Zugriff geschützt: Wer das Passwort nicht kennt, kommt nicht an die Daten! Nachdem alle Felder ausgefüllt sind, und Sie auf OK geklickt haben, sehen Sie folgenden Bildschirm: www.jugendinfo.de/medienpraxis 16/23

Seiten publizieren Die Seite, die Sie gerade eingerichtet haben, wurde zugefügt. Nun müssen Sie nur noch die Seite publizieren, also ins Netz laden. Stellen Sie sicher, dass Sie auf der index.html Seite sind (das können Sie durch einen Blick auf die Titelleiste prüfen), wenn nicht, dann wechseln Sie bitte auf diese Seite (klicken Sie den entsprechenden Reiter an). Als nächstes klicken Sie auf den Button in der Symbolleiste. (Darauf achten, dass eine Verbindung zum Internet hergestellt ist.) Es erscheint folgender Bildschirm, auf dem die Daten der zu publizierenden Datei angezeigt werden: Der Schalter Grafiken und andere Dateien hinzufügen muss angeklickt sein, falls Sie eine Datei das erste Mal publizieren, bzw. wenn neue Bilder eingefügt wurden. Wenn alles stimmt, dann klicken Sie auf Publizieren. Das Programm nimmt jetzt mit dem angegebenen Server Kontakt auf, die Zugangsdaten werden geprüft, und wenn alles stimmt, dann wird die Datei mit den zugehörigen Dateien ins Internet geladen. Sie werden bei erfolgreicher Publikation folgenden Bildschirm sehen: Sie sehen noch einmal, wohin Sie die Daten publiziert haben (keine Angst, Sie können nur auf einen Server Daten kopieren, für den Sie auch Zugangsdaten haben). www.jugendinfo.de/medienpraxis 17/23

Die anderen Seiten laden Ebenso funktioniert auch das Laden der anderen Seiten. Wenn also überall die Menüleiste eingebaut wurde, Text und Bilder soweit stimmen, können Sie nun Seite für Seite ins Netz stellen. Die Dateien existieren nach dem Laden ins Internet in zweifacher Ausfertigung, nämlich einmal auf dem Server und einmal auf ihrem lokalen Rechner. Weiterarbeit an der Homepage Jetzt haben Sie ein Grundgerüst erstellt, welches langsam mit Leben erfüllt werden kann. Im Anhang sind viele Beispiele angeführt, wie Sie die Homepage schöner gestalten können: andere Schriften, andere Farben, keinen Rahmen Probieren Sie einfach herum probieren Sie auch Befehle, die hier nicht beschrieben worden sind, so können Sie am besten herausfinden, was alles möglich ist! Für die Weiterarbeit an Ihrer schon veröffentlichten Homepage brauchen Sie Ihre Seiten nicht vom Server herunter zu laden. Alle Änderungen können an Ihren lokal gespeicherten Dateien vorgenommen werden. Wenn Sie fertig sind und die geänderte Datei gespeichert haben (unter selbem Namen, also index.html bleibt auch index.html), können Sie sie wie beschrieben auf den Server laden und so aktualisieren. Sie werden eine Meldung erhalten, dass auf dem Server schon eine Datei gleichen Namens liegt. Klar, denn dort liegt sie ja noch in der alten Version. Die Frage, ob diese Datei durch die Neue ersetzt werden soll, muss also mit Ja beantwortet werden: Dann befindet sich die aktuelle Version der Datei sowohl auf ihrem lokalen Rechner als auch auf dem Server. Beim Hin- und Herladen der Dateien immer darauf achten, dass die Übersicht nicht verloren geht. Es kann schnell passieren, dass man nicht mehr weiß, welche Datei in welcher Version nun auf dem Server oder auf dem lokalen Rechner liegt. www.jugendinfo.de/medienpraxis 18/23

Seiten vom Server herunterladen Grundsätzlich müssen Dateien für die Weiterentwicklung der Homepage also nicht vom Server heruntergeladen werden (außer Sie arbeiten von unterschiedlichen Rechnern aus). Wenn Sie doch mal eine Seite vom Server herunter laden wollen (z.b. um Ihre Seiten ganz aus dem Netz zu nehmen), dann funktioniert das so: Zunächst sollten alle Dateien geschlossen sein, damit Sie genau sehen können, was passiert. Nun eine Interverbindung herstellen und anschließend im Site Manager auf die vorher angelegte Seite doppelklicken. Nachdem Sie doppelgeklickt haben, erscheint unten ein Balken der besagt, dass ein Datentransfer stattfindet. Kurz darauf werden im Site Manager alle Dateien angezeigt, die zuvor bereits auf den Server geladen wurden (hier nur index.html plus das Bild, welches in die index.html eingebunden wurde). Wenn Sie jetzt auf die index.html doppelklicken, dann lädt das Programm die Seite vom Server auf Ihren Rechner. www.jugendinfo.de/medienpraxis 19/23

Anhang Generelles Hilfe: Sie können sich über Hilfe/Hilfethemen eine sehr gute und umfangreiche Bedienerhilfe anzeigen lassen Probleme mit dem Programm: Manchmal führt NVU aus unerfindlichen Gründen ganz normale Befehle nicht aus. Lösung: Einfach die Datei schließen und wieder öffnen Problem behoben! Vorher speichern nicht vergessen, denn sonst sind alle zwischenzeitlich vorgenommenen Änderungen verloren. Probleme beim Publizieren: Hierfür gibt es mehrere Fehlerquellen: - Sie haben keine Verbindung zum Internet - Ihre Zugangsdaten sind nicht richtig - Ihre URL ist nicht richtig eingegeben - Es kann auch sein, dass gerade im Moment der Internet-Server nicht arbeitet. Versuchen Sie das Publizieren zu einem späteren Zeitpunkt. Kontextmenü: Um die Eigenschaften eines Textes, einer Tabelle, eines Linkes zu ändern, kann man mit der rechten Maustaste auf das Objekt klicken und dann aus dem Kontextmenü die entsprechende Aktivität auswählen. Beispiel: Der Rahmen soll aus den Tabellen verschwinden und die Tabellen sollen nur noch 80% des Bildschirmes füllen: Klick mit der rechten Maustaste in die Tabelle, Auswahl von Tabellenzelle- Eigenschaften: Es öffnet sich ein Fenster, in dem Attribute geändert werden können und zwar sowohl in Bezug auf die gesamte Tabelle oder auch nur auf die entsprechende Zelle (s.u.). Rückgängig: Wenn eine Aktion rückgängig gemacht werden soll, müssen Sie Strg+Z drücken. Der zuvor gemachte Schritt wird wieder rückgängig gemacht das geht auch mehrfach. Text markieren: Um einen Text zu markieren, klickt man mit an den Beginn des zu markierenden Textes und zieht die Maus bei gedrückter linker Maustaste bis zum Ende des gewünschten Abschnitts. Oder aber Sie gehen mit Maus an den Anfang des Textes, der markiert werden soll, halten die Umschalttaste und bewegen dabei den Cursor mit den Cursortasten. www.jugendinfo.de/medienpraxis 20/23

Tabellen von einer Seite zur nächsten kopieren Bei Elementen, die auf mehreren Seiten des Homepageprojektes erscheinen sollen, kann man sich viel Arbeit sparen: Wenn z.b. die Menüleiste auf allen Seiten erscheinen soll, dann muss man diese nicht jedesmal neu erstellen, sondern kann die ganze Tabelle kopieren. Das geht so: Klicken Sie in die Tabelle. Es werden jetzt Markierungen sichtbar (kleine Quadrate). Nun klicken Sie in der Menüleiste auf Tabelle/auswählen/Tabelle, dann auf Bearbeiten/kopieren. Nun ist die Tabelle im Zwischenspeicher. Jetzt öffnen Sie die Datei, in die die Tabelle hineinkopiert werden soll, platzieren den Cursor an der Stelle, wo die Tabelle hin soll, und klicken in der Menüleiste auf Bearbeiten/einfügen. Nun erscheint die Tabelle an der richtigen Stelle. Jetzt können Sie Änderungen vornehmen. Ein Gästebuch hinzufügen Um ein Gästebuch hinzuzufügen, müssen Sie einen Provider finden, der Ihnen ein kostenloses Gästebuch zur Verfügung stellt (z.b. http://www.gbserver.de oder http://www.guestbookking.de/). Hier müssen Sie eine kurze Anmeldung vornehmen, dann können Sie ein Gästebuch anlegen und bekommen den Link angezeigt, der zu Ihrem Gästebuch führt. Entweder hinterlegen Sie nun diesen Link in jeder Menütabelle der Homepage, oder aber Sie legen diesen Link in Ihre Gästebuchseite und beschreiben kurz, was die Leute alles Nächstes sehen. Viel Spaß. Hintergrundfarben ändern Sie können auch die Hintergrundfarben von Tabellen und Zellen ändern: Klicken Sie mit der rechten Maustaste (Kontextmenü) in die Tabelle/Zelle, die Sie ändern wollen und wählen Sie aus: Tabellenzelle-Eigenschaften, dann erhalten Sie folgenden Bildschirm: www.jugendinfo.de/medienpraxis 21/23

Hier können Sie jetzt die Zellen- oder aber auch die Tabelleneigenschaften ändern. Hier im Beispiel wurde der Hintergrund der Tabelle farbig gesetzt, die Tabelle schmaler gemacht und zentriert. Schriftart, farbe und -größe ändern Nun gefallen die Schriftart und die Farbe nicht, auch nicht die Größe. Also markieren Sie zunächst den Text, der formatiert werden soll, dann klicken Sie in der Menüleiste auf Format (im Kontextmenü werden Ihnen leider die Tabellen- und nicht die Schrifteigenschaften angeboten) Bedenken Sie: Wenn Sie eine Schriftart wählen, die sehr exotisch ist, kann es sein, das ein Betrachter aus dem Internet diese Schrift nicht laden kann, da die Schriften immer auf dem Computer installiert sein müssen, auf denen der betrachtende Browser sich befindet! Ändern der Linkfarben und des Seitenhintergrundes Unter Format/Seiteneigenschaften können Sie auch den Seitenhintergrund und Farben der Links ändern. Autorin: Uta Camara www.jugendinfo.de/medienpraxis 22/23

Die auf www.jugendinfo.de/medienpraxis veröffentlichten Materialien sind im Rahmen des Kooperations- und Beratungsnetzwerk für Internetzugangs- und Lernorte (KuB-Netzwerk) entstanden. Das KuB-Netzwerk ist ein Teilprojekt des LernNetzwerks Bremen (www.lernnetzwerk-bremen.de), dem Bremer Beitrag zum Bundesprogramm Lernende Regionen. In diesem Projekt kooperieren: ServiceBureau Internationale Jugendkontakte Zentrum für Schule und Beruf (zsb) Bremische Zentralstelle zur Verwirklichung der Gleichberechtigung der Frau (ZGF) Stadtbibliothek Bremen Institut für Informationsmanagement Bremen GmbH (ifib) www.jugendinfo.de/medienpraxis 23/23