Powerpoint-Demo herunterladen

Wie erstelle ich Internetseiten
mit dem Webedition-System ?
Eine allgemeine Einführung zur Arbeit mit dem CMS-System "Webedition",
mit dem unsere Schulhomepage erstellt wird, liegt auf der Schulseite im
Format .pdf vor.
Man drucke sich bitte diese Anleitung aus und ziehe sie bei den einzelnen
Arbeitsschritten zu Rate: Sie ist abrufbar unter
http://www.bsti.be/bs/05_internes/schwarzes/we_anleitung.pdf
Das ausführliche Handbuch des Programms „Webedition“ ist als .pdf-Datei
kostenlos erhältlich unter folgender Internetadresse:
http://www.webedition.de/download/documentation/de/BenutzerhandbuchStandard.pdf
Wie geht man sinnvoll
und effektiv vor ?
Man erstelle als erstes
einen Plan der
Webseiten, die man
erstellen will und
überlege sich, wie sie
am besten sinnvoll
aufzubauen und in
"mundgerechte Happen
" aufzuteilen sind. Das
Ergebnis verarbeite
man zu einem
Organigramm
oder
Mindmap ( einfach auf
einem Blatt Papier
oder mit einem
Computerprogramm wie
z.B. Mindmanager oder
ein Office-Programm ... )
Übersicht
•
•
•
•
•
•
•
Einleitung: hier
Leere Seiten erstellen: hier
Eine Seite bearbeiten: hier
Das Arbeitsfenster: hier
Dateien importieren: hier
Grafiken einfügen/bearbeiten: hier
Text, Bilder usw verknüpfen: hier
Nachdem der Plan steht, loggt man sich unter
www.bsti.be/webedition mit Namen und Passwort ein, worauf sich
das Webedition-Fenster öffnet.
Dann erstelle man eine Reihe von
leeren Internetseiten, denen man
eindeutige Namen gibt und die man in
seinem eigenen Ordner abspeichert.
z.B. im Ordner "bubi" erstellt man die
Seiten "bubiindex", "bubiprodukte",
bibumitarbeiter", "bubipreisliste" und so
weiter ...
Hier kann man zum Erstellen von leeren
Seiten springen
Diese Internetseiten werden nun erst
mit "Level"-Nummern und mit einem
Titel, der später auf der Seite erscheinen
soll, versehen.
Hier kann man zu den Folien über die
Seitenbearbeitung springen
Diese Internetseiten werden nun in
einem Bearbeitungsfenster nach und
nach mit Inhalten gefüllt, d.h.
vornehmlich mit Text, Tabellen, Bildern,
Grafiken.
Hier kann man zur Erklärung des
Arbeitsfensters springen
Zum Füllen mit Bildern oder für Verweise
auf andere Dateien müssen diese zuerst
importiert werden.
Hier kann man zu den Folien springen,
wo der Import von Dateien erklärt wird
Wie Bilder oder Grafiken in den Text
eingebaut werden, wie man den Text
rundherum fließen lässt, wie man die
Größe verändert, ist in weiteren Folien
zu sehen
Schließlich werden einzelne Wörter,
Bilder, Begriffe, ganze Seiten
untereinander und mit der Startseite
verknüpft, so dass eine vernetzte
Information entsteht, die anschaulich,
einprägsam und für jeden
nachvollziehbar ist.
Sprung zu den Folien über die
Verknüpfung von Dateien
Wie erstelle ich leere Seiten ?
Zurück zur zuletzt angesehenen Folie
Zurück zur Übersicht
Zur Erstellung einer
neuen Seite klickt man
auf: Datei - Neu webEdition Seite Vorlage BSTI.
Die Angabe der Vorlage
bestimmt das Aussehen
der Seite. Mit der Vorlage
BSTI wiird die neue Seite
eingebettet in das Layout
der gesamten bsti.Seite/
Es erscheint ein
Fenster, wo man in der
Rubrik "Pfad" einen
Dateinamen (eine
Nummer wird
vorgegeben) und
Speicher-Verzeichnis
festlegen muss.
Der Dateiname sollte eindeutig und
internetgerecht sein, d.h.keine Sonderzeichen
wie Umlaut, ß, Minuszeichen etc!!),
Alles wird aneinander und klein
geschrieben: Beispiel: test. Das System
hängt nach Eingabe des Namens die Endung
.html selbst an.
Das Verzeichnis, wo
die neue Datei liegen
soll, wird angesteuert
mit der Schaltfläche
„Auswählen“.
Sehr wichtig ist , das
korrekte Verzeichnis
auszuwählen, wo die
Seite abgespeichert wird.
So lange man leere neue Seiten
erstellen will, ist es von Vorteil, beim
Speichern auch das Kästchen "Nach
Speichern neue Seite" zu aktivieren, .
Dadurch wird der korrekte Ordner schon
vorgegeben und man braucht nur
einfach verschiedene Seiten hintereinander zu
erstellen und mit Namen zu versehen.
Dieses Kästchen kann deaktiviert werden, wenn
man die letzte leere Seite abspeichert.
links in der
Übersicht erscheinen
dann im angewählten
Ordner die neuen, leeren
html-Seiten, mit dem
Webedition-Logo Ein
Klick auf eine dieser
Seiten genügt, um sie zu
bearbeiten
Wie bearbeite ich eine Seite ?
Zurück zur zuletzt angesehenen Folie
Zurück zur Übersicht
Zum Bearbeiten
einer Seite klickt
man sie erst an in
der Übersicht links
Dann erscheint ein
Fenster mit mehreren
Registern. Man wählt das
Register "Bearbeiten"
erscheint ein
Fenster, wo erst
einmal eine
Nummerierung
vorgenommen
werden muss
Die Nummerierung
der Levels legt fest,
welche
Schaltflächen der
Navigationsleiste
hervorgehoben
werden
anschließend wird ein
Titel eingegeben.
Der eingegebene Titel
erscheint später als
Überschrift der Seite .
Wenn diese Einstellungen
vorgenommen worden sind, klicken wir
auf die Schaltfläche "Indexblock"
Dann öffnet sich ein Arbeitsfenster - das
eigentliche Bearbeitungsfenster für die
einzelnen Seiten. .
Das Arbeitsfenster
Zurück zur zuletzt angesehenen Folie
Zurück zur Übersicht
Zum Öffnen des
Arbeitsfensters klickt man
in der Bearbeiten-Ansicht
einer Datei auf den
Bleistift mit der
Bezeichnung
„Indexblock“
Nach dem Klick auf „Indexblock“ öffnet
sich der eigentliche Arbeitsbereich:
Er ähnelt einer normalen "Office"Arbeitsfläche und ermöglicht viele
Arbeitschritte:
Text eingeben
Text verknüpfen (verlinken)
Rahmen und Linien eingeben
Grafiken einfügen
Tabellen einfügen, in die Tabelle Text oder
Bilder einfügen ...
Format und Ausrichtung von Text und
Bildern bestimmen
Man kann sogar in html-Quelltext schreiben
...
Sehr wichtig !!
Diese Arbeitsfläche MUSS nach der
Bearbeitung mit der Schaltfläche "OK"
geschlossen werden, wenn man das
Ganze speichern will. Vergisst man das,
schließt man mit "Abbrechen" oder mit
dem Kreuzchen oben rechts, geht die
Arbeit verloren !!!
Mit Klick auf die
Schaltfläche
Mit Klick "OK"
auf die
schließt
sich das "OK"
Schaltfläche
Bearbeitungsfeld
und es
schließt sich das
erscheint
die fertige Seite
Bearbeitungsfeld
und es
im Bearbeiten-Modus
erscheint die fertige Seite
im Bearbeiten-Modus
Wenn man dann auf den
Reiter "Vorschau klickt,
bekommt man eine
Ahnung, wie sich die
Seite später dem
Betrachter präsentieren
wird
Dies ist die „VorschauAnsicht
Wenn man mit dem
Ergebnis zufrieden ist,
setzt man den Haken
neben"Beim Speichern
veröffentlichen" und klickt
anschließend auf die
blaue Schaltfläche
"Speichern"
Dann erscheint nach
einigen Sekunden die
Mitteilung, dass die Seite
erfolgreich gespeichert
und veröffentlicht wurde.
Jetzt kann die Seite
online abgerufen werden.
Dateien (Bilder, Dokumente …)
importieren
Zurück zur zuletzt angesehenen Folie
Zurück zur Übersicht
Klick auf Datei - Import/Export – Import
Auf „weiter“ klicken
Mit „Auswählen“ das
Verzeichnis wählen,
wohin die Datei, das Bild
… soll
Auf „weiter klicken
Dann erscheint eine
Java-Anwendung, mit der
man Bilder auf der
eigenen Festplatte
aussuchen kann …
Auf „Dateien hinzufügen“
klicken …
Die eigene Festplatte
nach Bildern oder
Dateien durchsuchen, die
man importieren will. Man
kann mehrere Dateien
gleichzeitig hinzufügen
Auf « Dateien
hinzufügen » klicken
Auf « Hochladen »
klicken …
Ein Fortschrittsbalken
informiert über den
Fortgang des Importes.
Zum Schluss sind alle
importierten Dateien mit
einem Häkchen versehen
Nach Abschluss des
Importes informiert eine
Meldung über den Erfolg
des Imports
Wie bearbeite ich importierte
Grafiken ?
Zurück zur zuletzt angesehenen Folie
Zurück zur Übersicht
Eine Grafik wird in einen
Texte eingefügt, indem
man die Schaltfläche
"Grafik
einfügen/bearbeiten"
anklickt
Es erscheint ein Fenster, mit dem ich
bestimme, woher die Grafik kommt:
•Externe Grafik: eine Grafik, die nicht in
das Webedition-System importiert wurde
•Interne Grafik: eine Grafik oder ein Bild,
das vorher in das Webedition-System
importiert wurde. Zur Import-Erklärung
Mit der Schaltfläche
„Auswählen“ navigiert
man zu der
einzufügenden Grafik
Man klickt die
ausgewählte Grafik
an und bestätigt mit
OK
Wie die Grafik
dargestellt wird:
• wie groß sie ist,
• ob der Text um
sie herum fließt,
•ob sie einen
Rand hat,
•wie groß der
Abstand zu Text
und anderen
Elementen ist
usw
•ob sie
linksbündig
oder
rechtsbündig
angeordnet ist,
wird über das
„Grafik
bearbeiten“Fenster
festgelegt
Breite. Breite der Grafik in
Pixeln.
Höhe. Höhe der Grafik in
Pixeln.
Rand. Rand um die Grafik in
Pixeln.
Horizontaler Abstand.
Bestimmt den Abstand der
Grafik nach links und rechts zu
anderen Elementen.
Vertikaler Abstand. Bestimmt
den Abstand der Grafik nach
oben und unten zu anderen
Elementen.
Alternativ Text. Dieser Text
wird während des
Ladevorganges angezeigt
(oder falls Bilder im Browser
ausgeschaltet sind).
Name. Interner Name der
Grafik.
Ausrichtung. man klickt “left” oder “right”
an, um die Grafik links oder rechts
auszurichten. Begleitender Text wird
dementsprechend links oder rechts
dargestellt
Hat man unter Ausrichtung „left“
angeklickt, muss man unter CSS style
„imgr“ anklicken, damit der Text das Bild
rechts umfließt, hat man unter Ausrichtung
„right“ angeklickt, muss man unter CSS
style „imgl“ anklicken, damit der Text das
Bild links umfließt
Wie verknüpfe ich Seiten oder
Bilder ?
Zurück zur zuletzt angesehenen Folie
Zurück zur Übersicht
Das Verlinken geschieht im
Arbeitsfenster: also auf
Indexblock klicken
Die zu verknüpfenden Textteile
Oder Bilder einfach markieren
Mit linker Maustaste
Auf das Kettenglied klicken
( = Symbol für Verknüpfung)
Anklicken, ob es ein externer,
ein interner oder ein E-Mail-Link
sein soll
Ein externer Link verweist auf eine
Internetseite: also: http://www.xy.be
Ein E-Mail-Link verweist auf eine
Emailadresse, d.h.
[email protected]
Ein interner Link verweist auf eine
Seite, die auf unserem Server liegt, also
von uns importiert oder erstellt wurde
Ihr Standort wird durch Klick auf
« Auswählen » ermittelt
Es öffnet sich ein Fenster mit dem man
durch die Verzeichnisse navigieren kann,
bis man an der gewünschten Seite ankommt
Diese klickt man an, sie wird leicht
blau unterlegt.
anschließend OK klicken
Die verknüpften Teile sind nun
Blau unterlegt und in der
Vorschau anklickbar
Nicht vergessen, mit OK
abzuschließen !!
Nach Abschluss erscheint die Seite
wieder im Bearbeiten-Modus
Sie kann nun per Klick auf
« Speichern » gespeichert und
veröffentlicht werden
Man sollte nun noch festlegen,
wo die verlinkte Seite
erscheinen soll
•Target: (=Linkziel) Wo soll die verlinkte
Seite erscheinen ? Wird festgelegt durch
Klick auf das Dreieckssymbol
•wird das Feld leer gelassen, wird die neue
Seite im selben Fenster geöffnet (= _self)
•_blank: ein neues Browser Fenster wird
geöffnet
•_top: Die Seite wird im gleichen Fenster
auf oberster Ebene geladen, auch wenn Sie
aus einem Frame heraus aufgerufen wurde.