WebPlus X8

Transcription

WebPlus X8

Inhaltsverzeichnis
1. Willkommen ................................................... 1
Willkommen! ................................................................................. 3
Neue Features ................................................................................. 6
Installieren der Software ............................................................ 13
2. Einrichten von Websites und Seiten ...... 17
Der Startassistent ......................................................................... 19
Erstellen einer Website mit einer Designvorlage .................. 22
Aufbauen einer vollständig neuen Website ........................... 27
Öffnen einer bestehenden Website .......................................... 29
Arbeiten mit der Website-Struktur ......................................... 31
Festlegen der Website-Eigenschaften ...................................... 34
Arbeiten mit Seiten und Master-Seiten .................................. 35
Hinzufügen, Entfernen und Neuordnen von Seiten ............ 38
Festlegen der Seiteneigenschaften ............................................ 43
Backups Ihrer Website im Web................................................ 44
Was bedeutet E-Commerce? ..................................................... 47
3. Die Layoutelemente ................................... 53
Einfügen von Textrahmen ......................................................... 55
Einfügen von Bildern .................................................................. 58
Einfügen von Panels.................................................................... 66
Einfügen von Tabellen................................................................ 70
Inhaltsverzeichnis
4. Die Navigationselemente ......................... 73
Einfügen von Navigationsleisten .............................................. 75
Einfügen von Popup-Menüs ..................................................... 79
Einfügen von Schaltflächen ....................................................... 81
Einfügen von Hyperlinks und Aktionen................................. 85
Einfügen von Ankern .................................................................. 91
Arbeiten mit Lightboxen ............................................................ 93
5. Interaktive Objekte ................................... 99
Einfügen von Slidern ................................................................. 101
Einfügen einer Fotogalerie ....................................................... 106
Einfügen von Google Maps ..................................................... 112
Einfügen von Rollovergrafiken ............................................... 114
Die Rolloveroptionen ................................................................ 115
Einfügen von Rollover-Popups ............................................... 118
6. Smart-Objekte........................................... 121
Anmeldungsformulare ............................................................. 123
Einfügen eines Blogs.................................................................. 125
Einfügen eines Forums ............................................................. 128
Einfügen einer Website-Suche ................................................ 133
Arbeiten mit Smart-Objekten ................................................. 139
Der Mitglieder-Manager Ihrer Website ................................150
Schützen von Seiten mit Kennwörtern .................................153
Mailinglisten ............................................................................... 155
Inhaltsverzeichnis
7. Soziale Netzwerke .................................. 157
Einfügen von Facebook-Objekten ......................................... 159
Einfügen von Twitter-Objekten ............................................. 161
Einfügen einer „Google +1“-Schaltfläche ............................. 165
Einfügen eines Lesezeichen-Symbolstreifens für soziale
Netzwerke ................................................................................... 168
8. Multimedia ................................................. 171
Einfügen von Videos................................................................. 173
Einfügen von YouTube-Videos .............................................. 177
Einfügen von Vimeo-Videos................................................... 179
Einfügen von Flash-Dateien (SWF)....................................... 181
Einfügen von Ton und Musik................................................. 183
9. Formulare .................................................. 187
Einfügen von Formularen........................................................ 189
Übertragen von Formularen ................................................... 199
10. Text .............................................................. 205
Importieren von Texten aus einer Datei............................... 207
Arbeiten mit künstlerischen Texten ...................................... 210
Bearbeiten von Texten auf einer Seite ................................... 212
Inhaltsverzeichnis
11. Kreatives Arbeiten mit Quelldateien . 217
Arbeiten mit Quelldateien ....................................................... 219
Arbeiten mit dem Quelldatei-Browser ..................................223
Speichern eigener Quelldateien und ihrer Einstellungen ..227
12. Vorschau und Publizieren ...................... 233
Die Aufgabenliste ....................................................................... 235
Öffnen einer Website-Vorschau ............................................. 236
Publizieren im Web (mit WebPlus.net) ................................238
Publizieren im Web (über andere Hosts) .............................238
13. Anhänge ...................................................... 247
Serif-Kontaktinformationen .................................................... 249
Warenzeichen und Copyright-Vermerke.............................250
14. Index ............................................................ 253
Willkommen
2
Willkommen
Willkommen
Willkommen!
Willkommen zu WebPlus X8 von Serif, der
unkomplizierten Komplettlösung für private und
geschäftliche Websites.
WebPlus vereinfacht das Design professioneller und
ansprechender Websites enorm – Sie konzentrieren sich
einfach auf die visuellen Aspekte, und unsere Software
erledigt die ganze Programmierarbeit. Um Ihnen die
tägliche Arbeit zu erleichtern, enthält WebPlus eine breite
Palette vordefinierter Designvorlagen, flexibler
Navigationsleisten, kreativer Quelldateien und
Formatvorlagen, die Sie flexibel anpassen und als
Grundstein für Ihre Projekte einsetzen können. Dank der
Vorlagen für Websites in normaler Größe und für mobile
Websites lässt sich Ihre Website bequem für alle modernen
Geräte einrichten – und das ohne jegliche Vorkenntnisse!
Sie können ebenfalls Dokumente aus Textverarbeitungen,
Bilder sowie viele andere Dateitypen importieren, um
bereits vorhandene Inhalte in Ihren Projekten zu
verwenden.
Mit dem Studio für Ausschnitte können Sie Fotomotive
von ihrem Hintergrund lösen, und das neue PhotoLab ist
ideal, wenn Sie Bilder korrigieren oder mit kreativen
Effektkombinationen versehen möchten. Diese
Funktionsvielfalt sollte sich wirklich niemand entgehen
lassen!
WebPlus X8 bietet jedoch noch mehr als „statische“
Webinhalte. Mit unserem Programm lassen sich auch
3
4
Willkommen
dynamische und interaktive Inhalte in Ihre Webseiten
einfügen und flexibel verwalten, wie z. B. Formulare, Blogs,
Foren,Video-Playlisten sowie RSS-Feeds von anderen
Websites. Moderne und unverzichtbare Webelemente, wie
Panels, Slider und Google Maps dürfen natürlich ebenso
wenig fehlen wie Objekte für Facebook, Twitter und
Google+. Mit den unkomplizierten E-Commerce-Tools
können Sie sogar Schritt für Schritt Ihren eigenen
Onlineshop mit Warenkorb oder eine Spenden-Website
einrichten.
Nachdem Sie Ihr Seitendesign abgeschlossen haben, können
Sie die Website schnell und einfach im Web publizieren und
Ihren Kunden, Kollegen, Freunden und Familienmitgliedern
präsentieren.
Upgrades von älteren Programmversionen
Wenn Sie ein Upgrade von einer Vorgängerversion von
WebPlus durchgeführt haben, werden Sie überrascht sein,
wie viele fantastische neue Features (siehe Seite 6) die
aktuelle Version zusätzlich bietet – und das zu einem
unglaublichen Preis-Leistungs-Verhältnis, das WebPlus weit
von der Masse der Konkurrenzprodukte abhebt. Wir
wünschen Ihnen viel Vergnügen und Erfolg bei der Arbeit
mit Ihrem neuen Webdesign-Profi.
Willkommen
5
Registrierung
Vergessen Sie nicht, Ihre Kopie des Programms mit dem
Registrierungsassistenten aus dem Menü Hilfe bei uns zu
registrieren. Wir halten Sie dann automatisch über neue
Entwicklungen und verfügbare Upgrades auf dem
Laufenden.
Eine Anmerkung zu diesem Handbuch
Das Handbuch zu WebPlus X8 wurde als „Starthilfe“ für
neue Kunden oder Einsteiger in die Welt des Webdesigns
entwickelt, damit Sie sich schnell in WebPlus zurechtfinden.
Da unser Programm über eine ausgesprochen breite Palette
an Features verfügt, können wir in diesem Handbuch nicht
auf alle Möglichkeiten unseres Produkts eingehen und
konzentrieren uns daher auf die wichtigsten Funktionen
und die am häufigsten verwendeten Features. Eine
umfangreiche Erläuterung zu den Programmfunktionen
finden Sie in der Hilfe zu WebPlus. Um diese Hilfe zu
öffnen, drücken Sie in unserem Programm einfach die F1Taste.
6
Willkommen
Neue Features
WebPlus X8 bietet in seinen 32- und 64-Bit-Versionen jede
Menge neue Designmöglichkeiten, zusätzliche Features für
Fotos und noch mehr Bearbeitungsoptionen.
•
Interaktive Registerkarte „Aufgabenliste“ (siehe
Seite 235)
Die interaktive Registerkarte „Aufgabenliste“
übernimmt die Rolle Ihres persönlichen
Designassistenten, erinnert Sie an alle möglichen
Aufgaben, die noch zu erledigen sind, und weist Sie
automatisch auf Probleme mit verschiedenen Aspekten
Ihrer Website hin. Die Registerkarte „Aufgabenliste“
überwacht ständig den Status von Objekten, Seiten
sowie der gesamten Website. Sie zeigt neben den
Problemen, die seit dem letzten Publizieren der Website
aufgetreten sind, ebenfalls Tipps zu verschiedenen
Programmabläufen. Sie können zusätzlich eigene
Erinnerungen in diese Liste eintragen.
•
Onlineressourcen-Manager
Anstatt große Dateien auf Ihrem PC per Verknüpfung
mit der Website zu verbinden und diese Dateien dann
bei dem späteren Publizieren an Ihren Webhost zu
übertragen, können Sie mit dem neuen
Onlineressourcen-Manager alle Multimediadateien
oder andere Dateien jederzeit an einen Remote-Server
übertragen. Der Manager merkt sich die
Speicherpositionen der Dateien und stellt sie Ihnen
direkt zur Verfügung, wenn Sie Ressourcen für das
Design Ihrer Website auswählen. Auf diese Weise
Willkommen
7
können Sie auf einen Schlag alle Bilder, Videos,
Musikstücke oder andere große Dateien auf beliebige
Server übertragen und diese Ressourcen von Ihrer
eigentlichen Website getrennt lagern.
•
Speichern als Paket
Wenn Sie Ihre WebPlus-Projektdatei auf andere
Computer übertragen möchten, speichern Sie die Datei
einfach als Paket. Dieses Paket enthält dann Ihr
WebPlus-Design, alle auf den Seiten verwendeten
Schriften sowie alle per Link eingebundenen Bilder und
anderen Ressourcen. Wenn Sie das Paket später auf
einem anderen Computer öffnen, werden das Design
und seine Ressourcen ausgepackt, sodass Sie direkt
weiterarbeiten können.
•
Backup im Web (siehe Seite 44)
Indem Sie Ihre Website als Backup auf einem RemoteServer speichern, schützen Sie Ihr Design gegen
Computerprobleme oder ein versehentliches Löschen.
Sie können die Datei normal speichern oder auch als
Paket. Der Backup-Befehl ist jederzeit im Menü „Datei“
verfügbar, sodass Sie Ihr Projekt immer wieder sichern
können.
Design und Multimedia
•
Slider Studio (siehe Seite 101)
Mit dem separaten Design Studio für Slider lassen sich
die Einstellungen und Animationsoptionen für die
Slider und ihre Panels bequem festlegen. Natürlich
können Sie hier auch die einzelnen Panels von Grund
8
Willkommen
auf selbst entwerfen, neue Panels hinzufügen sowie
bestehende Panels löschen. Importieren Sie einfach die
gewünschten Bilder, fügen Sie Texte und Ihre
bevorzugten Quelldateien ein und entwerfen Sie mit
den Grafikwerkzeugen alle Formen, Füllungen und
Farben für Ihre Website. Auch hier lassen sich alle
Objekte mit 1-Klick-Formatvorlagen anpassen – genau
wie in WebPlus selbst.
•
Scrolling-/Bildlauf-Animationen (siehe Seite 88)
Die Palette der Animationen wurde um zwei ScrollVarianten erweitert, mit denen Sie Ihren Designs ein
modernes und elegantes Flair verleihen. Mit der Aktion
„Gleiten und Scrolllen“ können Sie Objekte gezielt ein/ausblenden. Die Objekte „laufen“ hierbei aus einer
Richtung in die Anzeige und werden gleichzeitig
aufgeblendet (d. h. immer stärker sichtbar). Bei dem
„Abgang“ der Objekte auf der entgegen gesetzten Seite
verringert sich dann gleichzeitig die Sichtbarkeit der
Objekte. Für längere Seiten mit Anker können Sie ein
weiches Scrolling festlegen – perfekt für den
professionellen Look Ihrer Website.
•
Einbettbare Schriften
Wenn Sie Schriften in Ihre Website einbetten, stellen
Sie sicher, dass die Texte in den Browsern Ihrer
Website-Besucher genau so angezeigt werden, wie von
Ihnen gewünscht. Endlich ist Schluss mit dem
Umwandeln ausgefallener Schriften in Grafiken! Über
die neue Kategorie „Einbettbar“ der Registerkarte
„Schriften“ können Sie alle diese Schriften als
Ergänzung zu den websicheren und zuletzt verwendeten
Schriften auswählen. Die einbettbaren Schriften lassen
Willkommen
9
sich bequem an Ihre Website übertragen, damit sie
automatisch mit den Webseiten zusammen
heruntergeladen werden.
•
Audioplayer (siehe Seite 183)
Mit dem konfigurierbaren Audioplayer können Sie
Ihren Website-Besuchern Musikstücke und andere
Audiodateien auf Ihren Webseiten anbieten. Der Player
verwendet die neueste HTML5-Technologie und bietet
daher ein hohes Maß an Effektivität und Kompatibilität.
Fügen Sie einfach einzelne Musikstücke oder ganze
Playlisten ein. Der Audioplayer bietet die üblichen
Steuerelemente – einschließlich Lautstärkeregler und
Überspringen von Musikstücken.
•
Neue Filtereffekte und Einstellungen
Für Logos und andere Designs haben wir einen
speziellen Filtereffekt entwickelt, der einen
fantastischen Retro-Look erzeugt. Darüber hinaus gibt
es neue Optionen für die Randschärfe, Schlagschatten
und andere Effekte.
Foto-Tools
•
Pin it! (siehe Seite 62 und 88)
Mit dem interaktiven Symbol „Pin it“ lassen sich Fotos
direkt auf der Pinterest-Website mit anderen teilen. Das
Symbol wird automatisch eingeblendet, sobald sich der
Mauszeiger auf dem Bild befindet und lässt sich in
WebPlus bequem als Aktion festlegen.
10
Willkommen
•
Wasserzeichen für Bilder (siehe Seite 62)
Schützen Sie Ihre Fotos, künstlerischen Designs und
anderen wertvollen Bilder mit selbst entworfenen
Wasserzeichen. Konfigurieren Sie einfach alle
Einstellungen für das Wasserzeichen. Das
Wasserzeichen wird später automatisch beim
Publizieren der Website in die von Ihnen ausgewählten
Bilder eingefügt – die Originalbilder bleiben
unverändert!
•
Bildlupe (siehe Seite 62)
Wählen Sie einfach einen Bereich auf Ihrer Website für
die Bildlupe aus, und diese Lupe zeigt später
automatisch den Bereich eines Bildes an, auf dem Ihre
Website-Besucher den Mauszeiger platzieren. Zoomund Mausradoptionen lassen sich ebenfalls festlegen.
•
Galerien mit Datumssortierung (siehe Seite 106)
In den Fotogalerien von WebPlus können Sie die Bilder
nun nach ihrem Aufnahmedatum anzeigen lassen.
Diese Variante ist perfekt, wenn Sie mit Ihren Fotos
eine bestimmte Geschichte erzählen möchten.
•
Schnelle Bildoptimierung
Bilder lassen sich automatisch optimieren, wenn Sie
Ihre Website veröffentlichen. Darüber hinaus bietet der
Ressourcen-Manager noch eine neue Auswahlmethode
für mehrere Bilder, um sie direkt auf die Größe zu
skalieren, mit der sie in der Website verwendet werden.
Willkommen
11
Interaktivität und Ausgabe
•
Neue Website-Suche (siehe Seite 133)
Die neue Option für die Website-Suche kann neben den
normalen Inhalten Ihrer Website nun auch die Texte
von Blogs, Foren und anderen Smart-Objekten erfassen.
Sie können diese Suche sogar gezielt auf bestimmte
Seiten beschränken, indem Sie den gewünschten Seiten
Tags (Marker) zuweisen.
•
Neue Optionen für die Benutzerverwaltung (siehe
Seite 150)
Benutzerkonten lassen sich über den MitgliederManager schneller zu bestehenden
Anmeldungsformularen für Mailinglisten oder die
Website hinzufügen. Über den Mitglieder-Manager
können Sie auch Profile, Avatare, Bildschirmnamen,
Kennwörter und Listenabonnements verwalten.
•
Benutzerdefinierte CSS-Eigenschaften und HTMLAttribute
Benutzerdefinierte HTML-Attribute und
benutzerdefinierte CSS-Eigenschaften lassen sich
bequem an Objekte anhängen, ohne dass Sie die
Objekte in Code umwandeln oder sich mit einer
komplizierten Codeansicht herumschlagen müssen.
Stattdessen wählen Sie die neuen Attribute einfach über
das Dialogfeld „Objekteigenschaften“ aus!
12
Willkommen
•
Export als Widget
Interaktive Elemente Ihrer Website lassen sich als
Widgets exportieren und dann in andere Websites
integrieren. Sie können den entsprechenden Code
entweder von Hand einfügen oder auch eine andere
Webdesign-Software verwenden. Navigationsleisten,
Popup-Menüs, Fotogalerien, Slider und viele andere in
WebPlus entworfene Features lassen sich auf diese
Weise exportieren. Der Export enthält alle notwendigen
HTML-, Skript- und Grafikdateien.
•
Sichere Dateiübertragung mit SFTP (siehe Seite 239)
Bei dem Publizieren der Website können Sie mit SFTP
Ihre Dateien sicher übertragen und verwalten.
Voraussetzung hierfür ist jedoch, dass der von Ihnen
angesteuerte Remote-Server dieses Protokoll auch
unterstützt.
In der WebPlus-Hilfe sind auch die kleinen
Erweiterungen erläutert, die unsere neue Version
gegenüber den Vorgängern bietet. Nähere
Informationen finden Sie in dem Thema „Neue
Features“ der Hilfe.
Willkommen
13
Installieren der Software
Die Schritte zur Installation von WebPlus variieren je nach
der von Ihnen erworbenen Version (Produkt-Disc oder
Download).
Sie können die neue Version auf demselben PC
installieren wie Vorgängerversionen und diese
unterschiedlichen Programmversionen unabhängig
voneinander verwenden.
Die 32-Bit- bzw. 64-Bit-Version von WebPlus X8 wird
automatisch auf den Computern mit entsprechendem
Betriebssystem (32 Bit oder 64 Bit) installiert.
Installieren der Software von einer Disc
•
Legen Sie die erworbene Disc in Ihr Disc-Laufwerk ein.
•
Wenn Sie für das Laufwerk die AutoPlay-Funktion
aktiviert haben, startet der Setup-Assistent
automatisch. Folgen Sie einfach den Anweisungen
auf Ihrem Bildschirm, um die Software zu
installieren.
ODER
•
Sollte AutoPlay deaktiviert sein (oder die
Installation nicht automatisch starten), öffnen Sie
die Disc im Windows Explorer und führen einen
Doppelklick auf die Datei autorun.exe aus.
14
Willkommen
Installieren der Software mit einer
Download-Version
•
Melden Sie sich auf Serif.com bei Ihrem Benutzerkonto
an und führen Sie die auf dem Bildschirm angezeigten
Schritte aus.
Systemanforderungen
Minimale Systemausstattung
•
Windows-basierender PC*
•
Betriebssysteme:
Microsoft Windows® XP SP3 (32 Bits)
Windows® Vista (32 oder 64 Bits)
Windows® 7 (32 oder 64 Bits)
Windows® 8 (32 oder 64 Bits)
•
1 GB RAM
•
281 MB freie Festplattenkapazität (für die Installation
von DVD)
396 MB freie Festplattenkapazität (für die Installation
der Downloadversion)
•
Monitorauflösung von 1024 x 768 (bei einer
Darstellungsauflösung von 100 %)
•
Internet Explorer 9
•
Für den Zugriff auf die Onlineressourcen und das
Publizieren der Projektdateien im World Wide Web
Willkommen
15
werden ein Internetzugang und ein Benutzerkonto bei
einem Internet Service Provider benötigt.
* Der Hauptprozessor muss den SSE2-Befehlssatz
unterstützen.
Empfohlen:
•
560 MB freier Festplattenspeicher
•
Für die Bearbeitung großer oder komplexer Websites
werden zusätzliche Festplattenkapazität und mehr
Arbeitsspeicher benötigt.
Optional:
•
Windows-kompatibler Drucker
•
TWAIN-kompatibler Scanner und/oder TWAINkompatible Digitalkamera
16
Willkommen
Einrichten von
Websites und Seiten
18
Einrichten von Websites und Seiten
19
Der Startassistent
Nach der Installation von WebPlus können Sie direkt mit
Ihrer Arbeit beginnen.
•
Für Windows Vista/7: Das Installationsprogramm fügt
automatisch einen Eintrag Serif WebPlus X8 in dem
Menüpunkt Alle Programme des Start-Menüs von
Windows hinzu. Klicken Sie auf die Schaltfläche Start
in Windows, um das Startmenü zu öffnen, klicken Sie
auf Alle Programme und dann auf Serif WebPlus X8.
•
Für Windows 8: Das Setup-Programm legt während der
Installation den Eintrag Serif WebPlus X8 auf dem
Desktop und im Startbildschirm an. Führen Sie auf dem
Desktop einen Doppelklick auf das WebPlus-Symbol
aus, oder klicken Sie im Startbildschirm auf die
WebPlus-Kachel.
20
Nach dem ersten Programmstart wird automatisch der
Startassistent eingeblendet, der Ihnen folgende
Einstiegsmöglichkeiten in WebPlus bietet:
Die verschiedenen Optionen im Überblick:
Über die normale Startseite erhalten Sie
Informationen von Serif zu
Sonderaktionen und können verschiedene
Artikel lesen (z. B. Tutorials). Hier finden
Sie auch das Übersichts- und QuickStartVideo zu WebPlus.
Mit dieser Option greifen Sie auf
gespeicherte WebPlus-Dateien sowie eine
Verlaufsliste der in letzter Zeit benutzten
Dateien zu.
21
Hier finden Sie Onlinevideos und
Texttutorials, Hilfe, Tipps & Tricks sowie
viele andere Informationen, die über einen
Feed aktualisiert werden. Die Artikel des
Feeds lassen sich natürlich auch nach
Typen filtern. Über diese Option können
Sie auch auf das Handbuch und die Hilfe
zu WebPlus X8 zugreifen.
Mit dieser Option legen Sie eine komplett
neue Website an und stellen zunächst die
Grundoptionen ein.
Mit dieser Option erstellen Sie eine
einsatzfertige Website aus einer Vorlage.
Hier finden Sie Infos zu anderen
Produkten, unserem Unternehmen sowie
interessante Artikel und
Produktvorstellungen aus dem Serif
Newsfeed.
Wenn Sie den Startassistenten aufrufen, wird automatisch
die Anzahl der neuen Artikel in den Schaltflächen
„Studienmaterial“ und „News“ angezeigt. Lesen Sie einen
dieser Artikel in dem entsprechenden Feld, verringert sich
die angezeigte Zahl in der Schaltfläche automatisch. Treffen
neue Artikel ein, werden diese automatisch angezeigt, sobald
Sie den Startassistenten das nächste Mal öffnen.
Alle neuen oder ungelesenen Artikel in den Feldern
„Studienmaterial“ und „News“ erkennen Sie an dem
„Neu“-Marker ihrer Miniatur.
22
Wenn Sie auf einen neuen Artikel klicken, wird der
„Neu“-Marker in den „Gelesen“-Marker umgewandelt.
Über das Suchen-Feld oben rechts im Startassistenten
können Sie alle Informationen nach Stichwörtern
durchsuchen.
Auf diese Weise finden Sie schnell und einfach die
gewünschten Informationen zu bestimmten Artikeln,
Website-Namen, Themenlayouts, News-Meldungen
usw.
Um während einer Arbeitssitzung mit WebPlus den
Startassistenten zu öffnen, klicken Sie im Menü Datei
auf Startassistent.
Erstellen einer Website mit einer
Designvorlage
WebPlus enthält eine breite Palette kategorisierter
Designvorlagen, mit denen Sie schnell und einfach die
unterschiedlichsten Websites aufbauen können.
Die Vorlagen bieten:
•
Ergänzende Designs mit professionell entworfenen
Layouts und starker visueller Wirkung.
•
Schemata: Wählen Sie einfach ein Farbschema aus, um
der gesamten Website einen bestimmten Look zu
verleihen.
•
23
Seitenauswahl: Hier können Sie einige oder auch alle
Vorlagenseiten auswählen (z. B. Homepage, Produkte,
Downloads usw.), die Sie als Grundstein für Ihre
Website verwenden möchten.
Generell gibt es zwei Arten von Designvorlagen –
Themenlayouts und Pro-Vorlagen.
Themenlayouts
Hier finden Sie eine breite Palette an Themen (wie z. B. Okö,
Pop, Prospekt und noch viele andere), die Sie als
Grundthema für Ihre Website verwenden können. Fügen Sie
einfach Ihre eigenen Bilder in die Platzhalter ein, ändern Sie
den Platzhaltertext, und schon ist Ihre Website zur
Publikation bereit.
24
Pro-Vorlagen
Diese in Kategorien unterteilten Vorlagen enthalten
Lizenzgebühr freie Bilder, sodass Sie schnell und einfach
Ihre eigenen Websites zusammenstellen können. Sie müssen
nur noch den Platzhaltertext durch Ihren eigenen Text
ersetzen und anschließend die Website publizieren.
Als Ergänzung zu den Vorlagen für normale Websites steht
Ihnen sowohl bei den Themenlayouts als auch bei den ProVorlagen eine breite Palette an Vorlagen für mobile
Websites zur Verfügung. Die Seitenabmessungen dieser
Vorlagen wurden für die Darstellung auf Smartphones
optimiert.
25
Erstellen einer Website mit einer Designvorlage
1.
Starten Sie WebPlus, oder klicken Sie im Menü Datei
auf Startassistent.
2.
Klicken Sie auf die Option Vorlagen.
3.
Wählen Sie in dem farbigen Feld eine der Desktop- oder
Mobil-Optionen aus den Kategorien der
Themenlayouts oder den Pro-Vorlagen von WebPlus
X8 aus.
4.
Blättern Sie mit der rechten Bildlaufleiste durch das
Hauptfeld.
5.
Klicken Sie in dem Hauptfeld auf die Miniatur des
Designs, das Sie verwenden möchten.
Themenlayout (Desktop)
Themenlayout (Mobil)
26
Pro-Designvorlage (Desktop)
Pro-Designvorlage (Mobil)
6.
Legen Sie in dem rechten Feld fest, welche Seiten Sie für
Ihre Website verwenden möchten. Klicken Sie hierzu
einfach auf die Kästchen unter den Seitenminiaturen,
um diese mit Häkchen zu markieren bzw. gesetzte
Häkchen zu entfernen.
7.
Wählen Sie am oberen Rand des Dialogfelds ein
Farbschema aus. Die ersten drei Optionen in diesem
Dropdownfeld sind speziell auf die ausgewählte Vorlage
zugeschnitten. Bei geöffneter Dropdownliste können Sie
einfach mit den Pfeiltasten „Aufwärts“ und „Abwärts“
Ihrer Tastatur durch die Farbschemata schalten und
direkt die Auswirkung der neuen Farbkombinationen
27
auf die Seitenvorschau prüfen. Die
Seitenminiaturansichten werden automatisch
aktualisiert, um den neuen Look der Seiten
widerzuspiegeln.
8.
(Optional) Möchten Sie Ihre Auswähl ändern, klicken
Sie auf ZURÜCK.
9.
Klicken Sie auf die Schaltfläche OK. Die Seiten werden
nun in Ihre neue Website eingefügt.
Aufbauen einer vollständig neuen
Website
Obwohl die Designvorlagen (siehe Seite 22) sehr hilfreich
sind, können Sie Ihre Websites auch von Grund auf neu
gestalten, indem Sie mit einer leeren Seite beginnen. Folgen
Sie einfach den verschiedenen Arbeitsschritten, die in dem
Startassistenten angezeigt werden, um die wichtigsten
Aspekte für die neue Website einzustellen.
28
Erstellen einer neuen Website ohne Vorlage mit
dem Startassistenten
1.
Starten Sie WebPlus, um den Startassistenten zu
aktivieren.
ODER
Klicken Sie in einer laufenden Arbeitssitzung im Menü
Datei auf Startassistent.
2.
Klicken Sie auf Neue Website.
3.
Vervollständigen Sie die im Hauptfeld eingeblendeten
Details.
4.
Klicken Sie auf Neue Website anlegen. Ihre Website
wird nun erstellt und lässt sich flexibel bearbeiten.
Sie können ab nun jederzeit die Website-Einstellungen nach
Ihren Vorstellungen anpassen. Klicken Sie hierzu im Menü
Eigenschaften auf Website-Eigenschaften und dann auf die
verschiedenen Kategorien.
Im Startassistenten können Sie jederzeit durch Drücken
der Esc-Taste ein leeres Projekt mit den
standardmäßig verwendeten Seiteneigenschaften
erstellen.
Erstellen einer neuen, leeren Website während
einer Arbeitssitzung in WebPlus
•
Klicken Sie in WebPlus auf die Option
Website der Standardsymbolleiste.
Neue
29
Die neue Website wird nun mit einer leeren Seite geöffnet,
die mit den standardmäßig verwendeten WebsiteEigenschaften formatiert ist.
Öffnen einer bestehenden
Website
Um eine gespeicherte WebPlus-Website zu öffnen, können
Sie den Startassistenten, die Standardsymbolleiste oder das
Menü Datei verwenden.
Öffnen einer bestehenden Website über den
Startassistenten
1.
Starten Sie WebPlus, um den Startassistenten zu
aktivieren.
ODER
Klicken Sie in einer laufenden Arbeitssitzung im Menü
Datei auf Startassistent.
2.
Klicken Sie auf Öffnen.
3.
Hier stehen Ihnen mehrere Möglichkeiten zur
Verfügung:
i)
Um eine kürzlich geöffnete Website erneut zu
verwenden, klicken Sie im Hauptfeld auf ihre
Miniatur.
ii) Die Website wird nun im Arbeitsbereich geöffnet.
ODER
30
i)
Für andere WebPlus-Websites klicken Sie in dem Feld
„Computer durchsuchen“ auf WebPlus-Dateien.
ii) Wählen Sie in dem Dialogfeld die gewünschte
Datei aus und klicken Sie auf Öffnen.
Öffnen einer bestehenden WebPlus-Website
während einer WebPlus-Arbeitssitzung
1.
Klicken Sie in der Standardsymbolleiste auf Öffnen.
2.
Wechseln Sie in dem Dialogfeld Öffnen zu dem Ordner
der Datei und klicken Sie auf den oder die Dateinamen.
Möchten Sie mehrere Websites öffnen, klicken Sie mit
gedrückter Umschalttaste auf die nebeneinander
liegenden Dateinamen oder mit gedrückter Strg-Taste
auf nicht nebeneinander liegende Dateien.
3.
Klicken Sie auf die Schaltfläche Öffnen.
Öffnen von Websites durch Klicken und Ziehen
•
Ziehen Sie die Miniaturvorschau der Website aus dem
Windows Explorer in den Arbeitsbereich von WebPlus.
Zurückgreifen auf die gespeicherte Version einer
geöffneten Website
•
Klicken Sie im Menü Datei auf den Eintrag
Wiederherstellen.
31
Arbeiten mit der WebsiteStruktur
Bei der Struktur einer Website sind die physikalische
Position der Seiten oder ihr Speicherplatz völlig unwichtig.
Bei der Website-Struktur kommt es auf die logische
Anordnung der verschiedenen Website-Inhalte an, sodass
die Besucher der Website einfacher durch die für sie
interessanten Themengebiete navigieren können. Eines der
wichtigsten Organisationsprinzipien, das Sie auch mit
WebPlus beherzigen sollten, ist die „umgekehrte
Baumstruktur“, die mit der Startseite (Homepage) beginnt
und sich dann weiter in die anderen Seiten verzweigt. Dem
Besucher Ihrer Website präsentieren sich die Inhalte dann in
einer gewohnten, hierarchischen Anordnung, die in
Sektionen und Strukturebenen unterteilt ist.
•
Eine Sektion ist eine Inhaltskategorie, die durch eine
eigenständige Seite in Ihrer Website repräsentiert wird,
wie z. B. „Home“, „Kontakt“, „Galerie“, „Produkte“
usw.
•
Die Strukturebene entspricht der Anzahl Stufen (d. h.
Links), die eine Seite von ihrer übergeordneten Seite in
der Website entfernt ist. Die Homepage liegt immer auf
der Strukturebene 1, für gewöhnlich zusammen mit den
Menüseiten der verschiedenen Sektionen. Durch diese
hierarchische Anordnung können die
Navigationsleisten eine einfache „Klickstruktur“ für die
Website festlegen. Die Seiten eine Stufe „unter“ den
Menüseiten für die Sektionen liegen auf Stufe 2 und
32
sind somit untergeordnete Seiten; die Sektionsseiten
sind in diesem Fall die übergeordneten Seiten.
Anzeigen der Website-Struktur
Die Website-Struktur lässt sich über zwei Optionen
einblenden: die Registerkarte „Seiten“ und die WebsiteStrukturansicht. Die zweite Variante ist ideal für die
Darstellung großer Websites.
Prüfen der Struktur über die Registerkarte „Seiten“
In WebPlus können Sie mit dem Website-Strukturbaum der
Registerkarte „Seiten“ die Inhalte Ihrer Website bequem in
Sektionen und Stufen aufteilen. Eine Struktur könnte zum
Beispiel wie folgt aussehen:
33
Prüfen der Struktur über die WebsiteStrukturansicht
Für große Websites ist die Website-Strukturansicht eine
gute Alternative zur Registerkarte „Seiten“ und bietet eine
Vollbilddarstellung aller Sektionen und Strukturebenen
Ihrer Website. Die Seiten werden hierbei als Miniaturen in
einer Baumstruktur angezeigt.
Anzeigen der Website-Struktur
•
Klicken Sie in der Standardsymbolleiste auf die
Option Website-Strukturansicht.
Über die Symbolleiste können Sie ebenfalls Seiten anzeigen
und per Vorschau prüfen, in die Navigation einschließen
oder von der Navigation ausschließen, Seiten durch Klicken
und Ziehen neu ordnen sowie die ausgewählte(n) Seite(n)
per QuickPublish publizieren.
34
Festlegen der WebsiteEigenschaften
In den Website-Eigenschaften legen Sie die Optionen fest,
die für die gesamte Website gelten sollen. Im Allgemeinen
werden die wichtigsten Website-Eigenschaften (Seitenbreite,
Seitenhöhe usw.) automatisch festgelegt, wenn Sie eine
Vorlage auswählen oder eine Website von Grund auf neu
entwerfen. Die anderen Einstellungen müssen Sie häufig
nicht ändern. Dies ist jedoch jederzeit möglich.
Einige Optionen aus den Website-Eigenschaften, wie die
Seitendarstellung und Einstellungen für die
Suchmaschinenoptimierung, sind über die
„Seiteneigenschaften“ auch für einzelne Seiten verfügbar.
Hier können Sie die „globalen“ Vorgaben der WebsiteEigenschaften ergänzen oder auch vollständig durch
„lokale“ Werte für einzelne Seiten außer Kraft setzen.
Die Website-Eigenschaften lassen sich wie folgt
prüfen oder bearbeiten:
•
Klicken Sie auf die Schaltfläche WebsiteEigenschaften in der Kontextleiste.
ODER
Klicken Sie im Menü Eigenschaften auf den Eintrag
Website-Eigenschaften.
Es wird nun das Dialogfeld „Website-Eigenschaften“
geöffnet. Klicken Sie in der linken Liste einfach auf eine
35
Kategorie, um in der rechten Fensterhälfte die
entsprechenden Optionen einzublenden.
Arbeiten mit Seiten und MasterSeiten
Vom Designstandpunkt aus betrachtet besteht jede
WebPlus-Seite aus einer Seite im „Vordergrund“ und einer
Master-Seite im „Hintergrund“.
Die Master-Seiten sind ein wichtiger Strukturbaustein Ihrer
WebPlus-Website, da Sie auf diesen Seiten alle Objekte und
Layoutelemente platzieren können, die auf mehr als einer
Seite verwendet werden, wie z. B. Logos, Hintergrundbilder,
Kopf- und Fußzeilen, Navigationsleisten oder
Umrandungen. Der wichtigste Punkt bei der Arbeit mit
Master-Seiten ist, dass sich diese Seiten mehreren Seiten
zuweisen lassen (siehe folgende Abbildung). Die Elemente
auf den Master-Seiten werden dann auch auf allen Seiten
eingeblendet, die sich auf diese Master-Seite beziehen.
36
Zusätzlich zu diesen gemeinsam genutzten
„Hintergrundelementen“ legen Sie dann für jede einzelne
Seite die individuellen Layoutbausteine wie Texte, Bilder
usw. fest.
Die Registerkarte Seiten besteht aus einem oberen Feld für
Master-Seiten und einem unteren Feld für die WebsiteStruktur Ihrer Standardseiten. Für jede in diesem Feld
aufgelistete Seite wird ebenfalls die Master-Seite angezeigt,
die Sie der Seite zugewiesen haben.
Um das Design der Seiten Ihrer Website zu variieren,
können Sie ebenfalls mehr als eine Master-Seite erstellen
(siehe „Hinzufügen, Entfernen und Neuordnen von Seiten“
auf Seite 38). Nachdem Sie mehrere Master-Seiten angelegt
haben, können Sie diese den Webseiten einzeln zuweisen
oder auch mehrere Master-Seiten für eine Seite festlegen.
37
Zuweisen anderer Master-Seiten
Standardmäßig werden alle für eine Website neu angelegten
Seiten mit einer Master-Seite erstellt (z. B. Master A). Wenn
Sie für Ihre Website jedoch mehr als eine Master-Seite
definiert haben, können Sie auch eine andere Master-Seite
für die Seiten festlegen.
Zuweisen anderer Master-Seiten zu Seiten
1.
Klicken Sie in der Registerkarte Seiten mit der rechten
Maustaste auf den Eintrag einer Seite und in dem
Kontextmenü auf Seiteneigenschaften.
2.
Deaktivieren Sie in der Kategorie „Master-Seiten“ des
nun geöffneten Dialogfeldes die Option der
ursprünglichen Master-Seite und wählen Sie die
gewünschte Master-Seite per Mausklick aus.
3.
Klicken Sie auf die Schaltfläche OK.
Aufheben der Zuweisung einer Master-Seite
•
Deaktivieren Sie den Eintrag der Master-Seite in der
Kategorie „Master-Seite“ des Dialogfelds
„Seiteneigenschaften“.
Wenn Sie alle Master-Seiten deaktivieren, verwendet
die Seite die Website-Darstellung, die Sie in den
Website-Eigenschaften (Eigenschaften > WebsiteEigenschaften) festgelegt haben.
38
Möchten Sie Ihre Seiten etwas komplexer aufbauen,
können Sie auch mehrere Master-Seiten für eine Seite
festlegen. Nähere Informationen hierzu finden Sie
unter dem Abschnitt „Zuweisen mehrerer MasterSeiten“ in der WebPlus-Hilfe.
Hinzufügen, Entfernen und
Neuordnen von Seiten
In der Registerkarte
„Seiten“ stehen Ihnen die
folgenden Optionen zur
Verfügung.
•
Einfügen von Seiten
•
Löschen von Seiten.
•
Einfügen einer oder
mehrerer MasterSeiten.
•
Anordnen der Seiten in der Website-Struktur durch
Klicken und Ziehen.
•
Einfügen von Seiten aus installierten Designvorlagen.
•
Einfügen von Offsite-Links.
•
Einfügen von HTML-Seiten.
•
Festlegen einer Seite als Homepage.
39
In dem oberen Feld „Master-Seiten“ der Registerkarte
arbeiten Sie mit den Master-Seiten. In dem unteren Feld
„Seiten“ befindet sich der Strukturbaum der Website, mit
dem Sie auf die normalen Seiten zugreifen können.
Da WebPlus auch HTML-Seiten und Offsite-Links
unterstützt, lassen sich diese Elemente genau so in dem
Website-Strukturbaum platzieren wie normale Seiten. Die
Symbole für HTML-Seiten und Offsite-Links unterscheiden
sich von denen für Standardseiten, sodass Sie auf einen Blick
erkennen können, dass sich hinter diesen Einträgen reiner
HTML-Code bzw. ein Link zu einer externen Webseite
verbirgt.
Einfügen von Seiten
Hinzufügen einer neuen, leeren Seite
1.
Wählen Sie in dem unteren Feld „Seiten“ der
Registerkarte „Seiten“ die Seite aus, nach der Sie die
neue Seite einfügen möchten.
2.
Klicken Sie über dem Feld „Seiten“ der
Registerkarte „Seiten“ auf den nach unten zeigenden
Pfeil des Symbols Neue Seite oder neuen Link
hinzufügen. Klicken Sie in dem nun geöffneten Menü
auf Neue leere Seite.
3.
Wählen Sie in dem Dialogfeld „Seiteneigenschaften“ die
Optionen für die neue Seite aus.
4.
40
Die neue Seite wird nun an der von Ihnen ausgewählten
Position der Website-Struktur eingefügt.
Alle neu erstellten Seiten verwenden stets die aktuell in
den Website-Eigenschaften festgelegten Werte
(Eigenschaften > Website-Eigenschaften), wie z. B.
die Standardseitengröße und -ausrichtung, sofern Sie
diese Optionen nicht mit dem Dialogfeld
„Seiteneigenschaften“ außer Kraft setzen.
Einfügen von Master-Seiten
Hinzufügen einer neuen Master-Seite
1.
Klicken Sie in der Registerkarte Seiten auf die
Schaltfläche Master Seiten >, um das Feld „MasterSeiten“ zu öffnen.
2.
Klicken Sie über dem Feld „Master-Seiten“ auf das
Symbol Neue Master-Seite hinzufügen.
In dem Feld „Master-Seiten“ der Registerkarte „Seiten“ wird
nun eine neue Master-Seite angezeigt.
Wenn Sie bestimmte Master-Seiten für eine Seite
festlegen möchten, gehen Sie wie unter „Arbeiten mit
Seiten und Master-Seiten“ beschrieben vor (siehe
Seite 35).
41
Löschen von Seiten
Löschen einer Seite oder Master-Seite
1.
Wählen Sie in der Registerkarte „Seiten“ die zu
löschende Seite oder Master-Seite mit einem Klick auf
ihren Eintrag aus.
2.
Klicken Sie über dem entsprechenden Fenster auf
die Option Ausgewählte Seite löschen, um die Seite zu
entfernen.
Erstellen von HTML-Seiten
HTML-Seiten lassen sich in die Website-Struktur jeder
Website einfügen. Genau wie Standardseiten können Sie
diese Seiten auch in die Navigation einbinden. Nähere
Informationen hierzu finden Sie unter dem Thema
„Erstellen von HTML-Seiten“ in der WebPlus-Hilfe.
Neuordnen von Seiten
Mit der Registerkarte „Seiten“ können Sie Seiten nicht nur
hinzufügen oder löschen, sondern auch innerhalb der
Website an beliebige Positionen verschieben.
42
Verschieben einer Seite
1.
Öffnen Sie die Registerkarte Seiten.
2.
Wählen Sie mit einem einfachen Mausklick die
gewünschte Seite im Strukturbaum der Website aus.
3.
(Per Drag & Drop) Ziehen Sie den Seiteneintrag mit
gedrückter Maustaste nach oben oder nach unten auf
eine neue Position des Strukturbaums. Der Mauszeiger
gibt Ihnen einen Anhaltspunkt zu der Positionierung
der verschobenen Seite in Bezug auf die Seite, über der
sich der Mauszeiger gerade befindet:
Die Seite wird auf derselben Stufe eingefügt, wie
die markierte Seite und direkt nach der markierten
platziert.
Die Seite wird als untergeordnete Seite der
markierten Zielseite platziert.
Einfügen von Vorlagenseiten
Das Einfügen leerer Seiten ist sehr praktisch, wenn Sie eine
Website von Grund auf neu entwerfen. Möchten Sie jedoch
etwas Zeit sparen, können Sie auch eine vorgefertigte Seite
aus einer der Vorlagen einfügen. Wählen Sie einfach eine
Vorlagenseite aus, die zu Ihrem aktuellen Design passt –
wahlweise mit demselben Themenlayout oder auch eine
„unabhängige“ Vorlagenseite.
43
Einfügen von Offsite-Links
Sie können ebenfalls einen Offsite-Link zu Ihrer WebsiteStruktur hinzufügen. Für gewöhnlich handelt es sich hierbei
um Links zu Seiten oder Ressourcen, die kein Teil Ihrer
Website, in der Navigationsstruktur Ihrer Website jedoch
durchaus hilfreich sind. Der Offsite-Link wird in der
Website-Struktur und in den Navigationselementen
angezeigt, sodass Sie ihn genauso bearbeiten können, wie
eine Seite aus Ihrer Website.
Festlegen der Homepage
Festlegen einer Webseite als Homepage
•
Klicken Sie in der Registerkarte „Seiten“ mit der rechten
Maustaste auf eine Standardseite und in dem
Kontextmenü auf Als Homepage festlegen.
Festlegen der
Seiteneigenschaften
Ihre WebPlus-Website ist nach einer bestimmten Struktur
aufgebaut und umfasst die eigentliche Website, eine oder
mehrere Master-Seiten und einige einzelne Seiten. Für
jeden Teil dieser Struktur können Sie unterschiedliche
Eigenschaften festlegen, die entscheidend zu der
Darstellung und Funktionalität der publizierten Website im
Internet beitragen. Wenn Sie eine neue Website mit einer
44
WebPlus-Vorlage oder von Grund auf neu erstellen, können
Sie entweder die Standardeinstellungen übernehmen oder
die einzelnen Werte flexibel anpassen.
Die Eigenschaften für Seiten (Master-Seiten) lassen
sich wie folgt prüfen oder bearbeiten:
•
Klicken Sie auf die Schaltfläche
Seiteneigenschaften in der Kontextleiste.
ODER
Klicken Sie mit der rechten Maustaste auf die aktive
Seite und in ihrem Kontextmenü auf
Seiteneigenschaften.
Backups Ihrer Website im Web
Sie können Ihre WebPlus-Projektdatei (*.wpp) jederzeit
zusammen mit den verwendeten Schriften und verknüpften
Ressourcen an einem beliebigen Ort als Backup speichern –
z. B. auf Ihrem Server. Auf diese Weise lässt sich Ihr
gesamtes Projekt gegen ein versehentliches Löschen oder
einen Crash des Computers schützen, auf dem Sie die
Website entworfen haben. Zusätzlich können Sie Ihr Projekt
auch als Paket speichern. Nähere Informationen hierzu
finden Sie unter dem Thema „Speichern als Paket“ in der
WebPlus-Hilfe.
45
Backup Ihres Projekts auf Ihrer Website
1.
Speichern Sie Ihr Website-Projekt in WebPlus.
2.
Klicken Sie im Menü Datei auf Website-Backup im
Web.
Wenn Sie ein Backup durchführen, ohne vorher Ihre
FTP-Kontoeinstellungen für das Publizieren im Web
festzulegen, wird automatisch ein Dialogfeld
eingeblendet. Sie können nun schnell und einfach
Kontodetails auswählen oder neu hinzufügen, wie unter
dem Thema „QuickPublish“ in der WebPlus-Hilfe
beschrieben.
Es wird nun das Dialogfeld Backup im Web geöffnet.
Die Speicherposition Ihrer Website (festgelegt von
Ihrem Hosting-Dienst) wird automatisch in dem Feld
Publizieren auf angezeigt.
3.
Um das Backup Ihrer Website an einer anderen
Hosting-Speicherposition abzulegen, klicken Sie auf
Ändern und wählen andere Kontoeinstellungen aus
bzw. legen ein neues Konto an.
4.
Aktivieren Sie, falls gewünscht, die Option Backup als
Paket.
46
5.
In dem Dialogfeld für Dateivorgänge wird automatisch
der Fortschritt der Backup-Speicherung angezeigt.
Nach Ende des Backups werden Erfolg bzw. Fehlschlag
zusätzlich mit einer Meldung quittiert.
6.
Wiederherstellen Ihrer Website
1.
Klicken Sie in der Standardsymbolleiste auf den
Pfeil des Symbols Website publizieren und dann auf
Website warten.
Es wird nun das Dialogfeld Website warten geöffnet.
2.
Wählen Sie den Namen Ihres FTP-Kontos in dem
Dropdownfeld aus und geben Sie Ihr Kennwort ein
(falls Sie dieses nicht gespeichert haben).
3.
Klicken Sie auf die Schaltfläche Wartung.
WebPlus sucht nun nach einer Internetverbindung und
öffnet dann ein Dialogfeld, mit dem Sie durch die
verschiedenen Ordner Ihrer Website navigieren
können. Auf der linken Seite werden die Ordner
angezeigt und auf der rechten die Dateien des aktuell
ausgewählten Ordners.
47
4.
Klicken Sie in dem rechten Fenster auf die WebPlusProjektdatei und dann auf das Symbol Download vom
Server.
5.
Klicken Sie auf das Fenstersymbol Schließen, um die
FTP-Verbindung zu beenden und zu WebPlus
zurückzukehren.
Weitere Informationen zu den Wartungsmöglichkeiten
Ihrer Website finden Sie unter dem Thema „Warten
Ihrer Website“.
Was bedeutet E-Commerce?
Als „E-Commerce“ bezeichnet man den Kauf und Verkauf
von Waren über das Internet. Alle auf E-Commerce
ausgerichteten Websites benutzen für gewöhnlich ein
System für ihren Warenkorb sowie ein System für die
Verarbeitung der Zahlungsmethoden. Der Warenkorb
entspricht in seiner Funktion dem realen Warenkorb in
einem Supermarkt und dient als Container für die Waren,
die Sie in einem Internet-Shop ausgesucht haben. Mit
diesem Korb begeben Sie sich dann zu der virtuellen Kasse,
an der das Verarbeitungssystem für die Zahlungsmethoden
den finanziellen Teil des Einkaufs abwickelt.
Mit WebPlus können Sie den Anbieter für
Warenkorbsysteme bequem auswählen und über einen Link
oder ein Formular auf Ihrer mit WebPlus erstellten
Webseite zu dem Dienstanbieter Kontakt aufnehmen. Über
Formulare lassen sich dann Optionen für den Einkauf
48
festlegen, wie z. B. Größe und Menge sowie die gewünschten
Schaltflächen, Währungen, Beschreibungsfelder usw.
Die E-Commerce-Formulare können ebenfalls die
Berechnung der Steuern, Versandgebühren und anderer
Sonderzuschläge übernehmen.
Über Links können Ihre Käufer schnell und einfach mit
einem Klick Waren kaufen, für die keine zusätzlichen
Optionen notwendig sind.
Die Art und der Umfang der Funktionen variieren je
nach Dienstanbieter.
Konfigurieren des Warenkorbsystems
Ihres Dienstanbieters
Über WebPlus lassen sich Warenkorbsysteme sehr flexibel
konfigurieren. Als Kunde bei eBay® kennen Sie
wahrscheinlich bereits das System PayPal®. Während der
Konfiguration werden Sie zu der Website des
Dienstanbieters geleitet, auf der Sie sich als registrierter
Benutzer anmelden können.
Nähere Informationen zu den einzelnen Möglichkeiten
der Warenkorbsysteme finden Sie auf den Websites der
Dienstanbieter.
49
Einrichten des Warenkorb-Dienstanbieters
1.
Klicken Sie in der Kategorie „E-Commerce“ der
Registerkarte QuickBuild auf das Symbol E-Commerce
und klicken Sie dann auf einen Punkt der Seite, um das
Objekt zu platzieren.
2.
In dem Dialogfeld E-Commerce konfigurieren stehen
Ihnen nun zwei Optionen zur Verfügung. Welche Sie
verwenden können, hängt davon ab, ob Sie bereits
Kunde bei einem Dienstanbieter sind oder sich als
Neukunde anmelden möchten:
3.
•
Als Neukunde wählen Sie zunächst das Symbol für
den Dienstanbieter aus und klicken dann auf die
Schaltfläche Jetzt anmelden. Die Website des
Dienstanbieters wird nun in einem neuen
Browserfenster geöffnet, sodass Sie sich als
registrierter Kunde bei dem
Warenkorbdienstanbieter anmelden können.
•
Wenn Sie bereits Kunde bei einem Dienstanbieter
sind, wählen Sie das Symbol Ihres Dienstanbieters
aus und klicken dann auf Weiter>. Mit dieser
Option legen Sie den standardmäßig verwendeten
Dienstanbieter für Ihre Website fest. Da Sie bereits
Kunde sind, müssen Sie kein neues Benutzerkonto
anlegen.
Die Zusammensetzung dieses Dialogfelds variiert je
nach verwendetem Warenkorb-Anbieter. Für PayPal
können Sie z. B. über ein Dialogfeld eine E-MailAdresse festlegen, die alle Zahlungen empfangen soll,
50
eine Bearbeitungsgebühr für den Warenkorb festlegen
und mit der „Sandbox“ Ihren Warenkorb testen, bevor
Sie ihn live ins Internet stellen. Klicken Sie auf die
Schaltfläche Weiter>.
Für den Sandbox-Test finden Sie auf der PayPalWebsite über die Suchfunktion oder unter den
Händler-Tools alle Informationen, um eine SandboxAnmeldung zusätzlich zu Ihrer normalen PayPalAnmeldung zu erstellen.
4.
(Optional, nur für PayPal) Klicken Sie in dem nächsten
Dialogfeld auf PayPal-Minicart verwenden, um einen
Popup-Warenkorb als Overlay einzublenden, wenn Ihre
Website-Besucher Artikel in ihren Warenkorb legen.
Der Warenkorb wird anschließend in der rechten
oberen Browserecke minimiert und die Artikel bleiben
bis zu dem Checkout an der Kasse in dem Warenkorb.
Sie können über das Dialogfeld ebenfalls die Position
des Minicarts im Browserfenster festlegen und den im
Minicart angezeigten Standardtext ändern oder löschen.
5.
51
Nachdem Sie alle Einstellungen vorgenommen haben,
klicken Sie auf Fertig stellen, um die Konfiguration des
Warenkorbs abzuschließen.
Haben Sie das Warenkorbsystem konfiguriert, müssen Sie
ein E-Commerce-Objekt einfügen, wie z. B. ein auf Ihren
Dienstanbieter zugeschnittenes Formular oder einen Link.
Sie können diesen Schritt direkt nach dem Einrichten des
Warenkorbs erledigen oder jederzeit über Einfügen > ECommerce-Objekt nachholen.
Nähere Informationen hierzu finden Sie in der WebPlusHilfe.
52
Die Layoutelemente
54
Die Layoutelemente
Die Layoutelemente
55
Einfügen von Textrahmen
Für gewöhnlich werden die Texte in WebPlus-Projekten in
Textrahmen platziert, da sich diese „Container“ sowohl für
einzelne Wörter und Absätze eignen als auch für ganze
Zeitungsartikel. Neben den Rahmentexten können Sie auch
künstlerische Texte (siehe Seite 210) für einzelne
Überschriften und Spezialeffekte erstellen oder
Tabellentexte für eine zeilen- oder spaltenweise Darstellung
(siehe auch „Einfügen von Tabellen“ auf Seite 70).
Einfügen von Textrahmen
Rahmen lassen sich auf die gleiche Weise in Seiten einfügen,
wie andere Objekte auch.
Sie können alle Rahmen beliebig auswählen,
verschieben und skalieren. Die Grundform der Rahmen
lässt sich jedoch nicht ändern. Nähere Informationen
hierzu finden Sie in der WebPlus-Hilfe.
Bei einer Größenänderung des Textrahmens wird der
Textfluss der Story automatisch an die neuen
Abmessungen angepasst.
Erstellen eines Rahmens
1.
Klicken Sie in der Kategorie „Layoutelemente“
der Registerkarte QuickBuild auf das Symbol
Textrahmen.
56
2.
Die Layoutelemente
Ziehen Sie den Cursor mit gedrückter Maustaste über
die Seite, um die Rahmenabmessungen selbst
festzulegen.
ODER
Klicken Sie auf die Seite oder die Montagefläche, um
einen Rahmen in Standardgröße zu erstellen.
Einfügen von Text in einen Rahmen
Texte lassen sich auf unterschiedliche Weise in Rahmen
einsetzen.
Der integrierte
Storyeditor
WritePlus
Wählen Sie einen Rahmen aus
und klicken Sie in der
Rahmenkontextleiste auf WritePlus.
Importieren
von Texten
Klicken Sie mit der rechten Maustaste
auf einen Rahmen und in dem
Kontextmenü auf Einfügen >
Textdatei.
Direkte
Texteingabe in
den Rahmen
Aktivieren Sie das Zeigerwerkzeug,
klicken Sie in den Rahmen, um eine
Einfügemarke zu platzieren, und
tippen Sie den Text über Ihre Tastatur
ein. Alternativ können Sie auch zuerst
eine Textstelle markieren und dann
durch Tippen ersetzen. Nähere
Informationen hierzu finden Sie unter
dem Thema „Bearbeiten von Texten
auf einer Seite“ auf Seite 212.
Die Layoutelemente
Einfügen über
die
Zwischenablage
57
Platzieren Sie eine Einfügemarke in
dem Text und drücken Sie die
Tastenkombination Strg+V.
Anpassen von Überlauftext
Die genaue Aufteilung des gesamten Textes in Rahmen
gehört zu den wichtigsten Punkten bei der Erstellung eines
Webseitenlayouts. Enthält ein Rahmen zu viel Storytext,
speichert WebPlus den „Überschuss“ in einem
Überlaufbereich am unteren Ende des Rahmens. Der Text
ist lediglich unsichtbar und wird nicht gelöscht!
An dem Symbol Textüberlauf unter einem Rahmen
erkennen Sie, dass zu viel Text vorhanden war und ein Teil
in dem Überlaufspeicher liegt. Sie müssen also diesen Text
wieder einblenden, damit Ihre Website-Besucher nicht
mitten im Satz abgeschnitten werden.
Hierzu stehen Ihnen verschiedene Optionen zur Verfügung:
•
Vergrößern Sie den Textrahmen, wenn die Seite
genügend Platz bietet.
•
Kürzen Sie den Text. Vielleicht lassen sich ja einige
Sätze knapper formulieren?
•
Ändern Sie die Textgröße (siehe unten).
58
Die Layoutelemente
Um einen Rahmentext zu vergrößern oder zu
verkleinern, nachdem Sie bereits die endgültige Größe und
Position für den Rahmen festgelegt haben, stehen Ihnen in
der Rahmenkontextleiste mehrere Optionen zur Verfügung.
Mithilfe der CSS-Eigenschaften des Textrahmens
können Sie sowohl eine Umrandung für den
Textrahmen festlegen als auch die Randabstände für
den Rahmen einstellen. Weitere Informationen hierzu
finden Sie in der WebPlus-Hilfe.
Einfügen von Bildern
Die Kategorie „Bilder“ der Registerkarte Quelldateien lässt
sich als „Sammelmappe“ für Bilder einsetzen, die Sie später
auf den Seiten Ihrer Website platzieren möchten. Da in
dieser Registerkarte alle Bilder jederzeit griffbereit sind, und
Sie die Fotos einfach per Klicken und Ziehen auf den Seiten
platzieren können (anstatt sie mühsam einzeln zu
importieren), sparen Sie bei Ihrer Arbeit sehr viel Zeit.
In WebPlus können Sie für das Einfügen von Bildern
ebenfalls die Registerkarte QuickBuild oder die
Grundlagenleiste verwenden.
Die Layoutelemente
59
Einfügen von Bildern in die Registerkarte
„Quelldateien“
Einsetzen von Bildern in die Registerkarte
1.
Klicken Sie in der Kategorie „Bilder“ der Registerkarte
Quelldateien auf Hinzufügen.
2.
Öffnen Sie in dem Dialogfeld einen Ordner mit Bildern
und wählen Sie die gewünschten Bilder aus.
3.
Klicken Sie auf die Schaltfläche Öffnen. Die
Registerkarte Quelldateien zeigt Ihre Bilder nun als
Miniaturen in der Kategorie „Bilder“ an.
Sortieren von Bildern in der Registerkarte
•
Klicken Sie auf die Miniatur eines Bildes und ziehen Sie
es in der Registerkarte an die gewünschte Position.
Entfernen von Bildern aus der Registerkarte
•
Klicken Sie mit der rechten Maustaste auf ein
ausgewähltes Bild und in seinem Kontextmenü auf
Quelldatei entfernen.
Einfügen von Bildern in eine Seite
Sie können Bilder einfach mit gedrückter Maustaste auf eine
Seite ziehen und dort absetzen.
60
Die Layoutelemente
Einfügen einzelner Bilder in eine Seite
•
Ziehen Sie aus der Kategorie „Bilder“ der Registerkarte
Quelldateien eine Bildminiatur direkt auf die Seite, in
einen Rahmentext oder künstlerischen Text (das Bild
wird dann an der Position der Einfügemarke platziert)
oder in einen gefüllten Bildrahmen bzw. Platzhalter.
Nach dem Einfügen wird an der Bildminiatur ein
Zähler ( ) eingeblendet, sodass Sie stets im Auge
behalten können, wie oft Sie das Bild bereits in der
Website eingesetzt haben.
Wenn Sie Bilder auf Ihren Seiten platzieren, werden
diese standardmäßig mit Ihrem Projekt verknüpft und
nicht in das Projekt eingebettet.
Sie können Bilder aber über die Option Bild aus
Datei einfügen der Grundlagenleiste einbetten
(klicken Sie in dem Dialogfeld auf Bild einbetten)
sowie jederzeit auch über den Ressourcen-Manager
(siehe WebPlus-Hilfe).
Anzeigen von Bildern in Lightboxen
Lightboxen sind Popups, die sich unter anderem ideal für
die Anzeige großer Bilder eignen. Um die große Bildversion
einzublenden, müssen Ihre Website-Besucher lediglich auf
eine Bildminiatur klicken. Der große Vorteil der Lightboxen
besteht darin, dass die großen Bildversionen erst auf
Wunsch des Betrachters mit einer Animation eingeblendet
Die Layoutelemente
61
werden und nicht die ganze Zeit wertvollen Platz im
Browserfenster belegen.
Erstellen einer Lightbox für die Bilder auf Ihrer
Webseite
1.
Wählen Sie ein Bild aus (vorzugsweise platziert als
Bildminiatur).
2.
Erstellen Sie einen Hyperlink für das Bild. Klicken Sie
hierzu im Menü Eigenschaften oder dem per
Rechtsklick auf das Bild geöffneten Kontextmenü auf
den Eintrag Hyperlink.
3.
Klicken Sie in dem Menü auf den Eintrag Bild und
legen Sie in der Registerkarte Zielfenster über das Feld
Typ die Option Lightbox fest.
62
Die Layoutelemente
Anzeigen von Bildern mit der Bildlupe
Mit der Bildlupe können Sie eine vergrößerte Ansicht des
Bildbereichs anzeigen, auf dem sich der Mauszeiger gerade
befindet. Hierzu legen Sie für das Bild eine Aktion namens
„Lupe“ fest. Führen Sie einfach einen Doppelklick auf das
Bild aus, öffnen Sie die Registerkarte „Aktionen“ und fügen
Sie die Aktion „Lupe“ hinzu. Nähere Informationen hierzu
finden Sie unter dem Thema „Die Bildlupe“ in der WebPlusHilfe.
Einfügen von Wasserzeichen in Bilder
Wenn Sie Ihr Urheberrecht für alle Betrachter
verdeutlichen möchten, können Sie über die
Bildkontextleiste ein vordefiniertes oder selbst entworfenes
Wasserzeichen in einzelne oder mehrere Bilder (auf einer
Seite oder in der ganzen Website) einfügen. Nähere
„Einfügen von Wasserzeichen“ in der WebPlus-Hilfe.
Teilen auf Pinterest
Alle Bilder auf Ihrer Website lassen sich über das soziale
Netzwerk Pinterest teilen. Hierzu legen Sie für das Bild eine
Aktion namens „Pinterest“ fest. Führen Sie einfach einen
Doppelklick auf das Bild aus, öffnen Sie die die Registerkarte
„Aktionen“ und fügen Sie die Aktion „Pinterest“ hinzu.
Die Layoutelemente
63
Freistellen von Bildmotiven
Mit dem Studio für Ausschnitte können Sie einzelne
Bildobjekte bequem von ihrem Hintergrund trennen (dies
wird auch als „Freistellen“ bezeichnet). Je nach
Zusammenstellung Ihres Fotos lassen sich z. B. die
wichtigen Objekte (Personen usw.) extrahieren oder die
einfarbigen Hintergrundbereiche (z. B. Himmel, Leinwand
eines Fotostudios) entfernen. In beiden Fällen ist der
extrahierte Bildbereich ein echter Blickfang, der sich flexibel
in Ihrer Website einsetzen lässt.
Öffnen des Studios für Ausschnitte
1.
Wählen Sie ein Bild aus.
2.
Studio für
Ausschnitte in der Bildkontextleiste. Es wird nun das
Studiofenster für das Extrahieren von Bildbereichen
geöffnet.
64
3.
Die Layoutelemente
Klicken Sie auf der linken Seite des
Studiofensters auf das Werkzeug Bildbereich
übernehmen oder Bildbereich entfernen und
„übermalen“ Sie die Bereiche, die Sie entfernen bzw.
behalten möchten. In der Hilfe des Studiofensters
finden Sie eine genaue Anleitung zu der Arbeit mit
diesen Werkzeugen.
Bildkorrekturen und Effekte
PhotoLab ist ein leistungsstarkes Studiofenster für die
Bildbearbeitung, in dem Sie Ihre Bilder korrigieren und mit
verschiedenen Effekten bearbeiten können. Alle Funktionen
lassen sich einzeln oder auch in Kombination anwenden.
A) Hauptsymbolleiste, (B) Arbeitsbereich, (C) Filterstapel, (D)
Filterregisterkarten, (E) Registerkarte „Bilder“
Die Layoutelemente
65
Starten von PhotoLab
1.
Wählen Sie das Bild aus, auf das Sie einen Filter
anwenden möchten.
2.
Bildkontextleiste.
3.
Wählen Sie einen Filter der Filterregisterkarten aus
(„Favoriten“, „Korrekturen“ oder „Effekte“).
4.
Stellen Sie in dem Testfeld rechts unten die
gewünschten Optionen für den Filter ein und klicken
Sie auf Übernehmen.
5.
Wiederholen Sie diese Schritte für alle Filter, die Sie
anwenden möchten.
6.
PhotoLab der
Weitere Informationen hierzu finden Sie in der WebPlus-Hilfe.
66
Die Layoutelemente
Einfügen von Panels
Panels sind „Schaukästen“ mit Informationen, die über
Ihren Webseiten eingeblendet werden. Hier können Sie
sowohl Bilder und Texte anzeigen (siehe unten) als auch
Formen und Zeichnungen.
Da die Panels über Ihren Webseiten in dem Browser der
Website-Besucher angezeigt werden, können Sie den
Informationsgehalt Ihrer Website schnell und einfach
erweitern oder ändern, ohne das Layout der einzelnen Seiten
modifizieren zu müssen. Panels lassen sich sowohl
permanent als auch „auf Wunsch“ einblenden, wenn die
Website-Besucher ihren Mauszeiger auf Schaltflächen,
Bildern oder anderen Quelldateien platzieren. Die
permanente Variante ist ebenfalls ideal für
Navigationsleisten, da diese auch bei scrollbaren
Seiteninhalten ständig auf dem Bildschirm erreichbar sind.
Panels werden auch als Bausteine für animierte Slider (siehe
Seite 101) verwendet. Genau wie die Anzeigetafeln am
Spielfeldrand in großen Fußballstadien ständig ihre
Aufschrift ändern, können auch die Slider unterschiedliche
Panels für bestimmte Zeitintervalle einblenden.
Die Layoutelemente
67
Einfügen eines Panels
Um ein Panel einzufügen, gehen Sie wie folgt vor:
1.
der Registerkarte QuickBuild auf das Symbol Panel.
2.
Ziehen Sie den Mauszeiger mit gedrückter Maustaste
über Ihre Seite, um die Form und Größe für das Panel
zu bestimmen.
Es wird nun das Dialogfeld Panel einfügen geöffnet.
3.
4.
Gehen Sie in der Registerkarte Panel wie folgt vor:
•
Klicken Sie in das Vorschaufeld.
•
Wählen Sie in dem Quelldatei-Browser ein
Hintergrunddesign für ein Panel aus und klicken
Sie auf OK. Die Vorschau wird nun mit dem
ausgewählten Paneldesign aktualisiert.
68
Die Layoutelemente
Sie können ein Panel in den Standardabmessungen
erstellen, indem Sie es einfach aus der Registerkarte
„QuickBuild“ direkt auf eine Seite ziehen. Alternativ
können Sie ein einfaches Panel (ohne Konfiguration
über das Dialogfeld) direkt auf der Seite platzieren,
wenn Sie es mit gedrückter Strg-Taste auf die Seite
ziehen.
Bearbeiten eines Panels
•
Führen Sie einen Doppelklick auf das Panel aus und
stellen Sie die verschiedenen Optionen ein.
Festlegen des Inhalts für ein Panel
Sie können Ihr Panel wie einen leeren Baustein für Ihre
Website behandeln und mit den Werkzeugen und
Funktionen von WebPlus vollenden. Wenn Sie Objekte in
dem Panelbereich erstellen, gehören diese automatisch zu
dem Panel. Dies gilt auch für Textrahmen, künstlerische
Texte, Tabellen, QuickShapes und Bilder. Wenn Sie das
Panel auf der Seite verschieben, ändern Sie auch die Position
seiner Objekte.
Ein-/Ausblenden eines Panels
Wenn Sie ein Panel auf einer Seite platzieren, lässt es sich
standardmäßig ausblenden, sodass es nur dann angezeigt
wird, wenn die Maus auf dem Panel platziert wird.
Die Layoutelemente
69
Ein-/Ausblenden von Panels
1.
Wählen Sie das Panel aus.
2.
Klicken Sie in der Kontextleiste auf die Option
Aktionen.
Es wird nun das Dialogfeld Panel bearbeiten mit
geöffneter Registerkarte Aktionen eingeblendet.
3.
Klicken Sie in dem Dialogfeld auf Hinzufügen und
dann auf die Menüoption Sichtbarkeit.
4.
Wählen Sie das Panel in dem Dropdownfeld Objekt-ID
aus.
5.
Wählen Sie ein Ereignis in dem Dropdownfeld Ereignis
aus.
Diese Ereignisse legen fest, was passiert, wenn die
Aktion stattfindet (d. h. der Mauszeiger sich auf das
Objekt bewegt oder ein Mausklick stattfindet).
6.
Nachdem Sie nun das Panel fertig konfiguriert haben,
können Sie das Panel ausblenden.
Ausblenden ausgewählter Panels
•
Klicken Sie in der Kontextleiste auf die Option
Objekt ein-/ausblenden.
70
Die Layoutelemente
Um während der Designarbeit unsichtbare Objekte
einzublenden, klicken Sie im Menü Ansicht auf
Unsichtbare Objekte.
Wenn Sie nun Ihre Webseite publizieren und den
Mauszeiger auf dem Panel platzieren, wird das Panel per
Rollover eingeblendet.
Mit dem Design Studio von WebPlus können Sie selbst
einen Panelhintergrund entwerfen. Nähere Informationen
hierzu finden Sie in der Hilfe zu WebPlus.
Einfügen von Tabellen
Tabellen sind eine ideale Wahl, wenn Sie Ihre Texte oder
Daten in übersichtlichen Zeilen und Spalten anordnen
möchten. WebPlus verfügt ebenfalls über eine Reihe von
Rechenfunktionen, mit denen Sie die Werte einzelner Zellen
wie in einer Tabellenkalkulation berechnen können.
Jede Tabellenzelle übernimmt im Grunde die Aufgabe eines
kleinen Textrahmens. Tabellentexte lassen sich wie
Die Layoutelemente
71
Rahmentexte flexibel mit Zeichen- und Absatzattributen
sowie Textformatvorlagen formatieren und durch
integrierte Bilder und gleichmäßige Farbfüllungen
erweitern. Mithilfe der Rechtschreibprüfung können Sie
anschließend eventuelle Fehler beseitigen. Zu den
Spezialfunktionen für Tabellen gehören die
Zahlenformatierung und das Einfügen von Formeln.
Anstatt Ihre Tabellen von Grund auf neu zu erstellen,
können Sie eines der vordefinierten Tabellenformate (d. h.
eine Vorlage) von WebPlus verwenden und anpassen.
Wählen Sie einfach eine Formatierung aus und füllen Sie die
Zellen mit den gewünschten Inhalten.
Einfügen einer Tabelle
1.
der Registerkarte QuickBuild auf das Symbol Tabelle.
2.
Klicken Sie auf Ihre Seite, oder ziehen Sie mit
gedrückter Maustaste einen Begrenzungsrahmen in der
gewünschten Größe für die Tabelle.
In dem nun geöffneten Dialogfeld Tabelle erstellen
wählen Sie einfach eine Tabellenvariation aus dem Feld
Format aus.
72
Die Layoutelemente
3.
Klicken Sie auf die verschiedenen Einträge, um die
jeweilige Formatierung in dem Vorschaufeld zu
begutachten. Wenn Sie mit einer einfachen Tabelle
ohne besondere Linienformatierungen und Farben
beginnen möchten, klicken Sie auf den Eintrag
(Standard).
4.
(Optional) Klicken Sie auf Bearbeiten, wenn Sie das
ausgewählte Format noch weiter konfigurieren
möchten.
5.
Legen Sie die Tabellengröße fest. Dies ist die Anzahl
der Zeilen und Spalten, aus denen das Tabellenlayout
besteht.
6.
Klicken Sie auf die Schaltfläche OK. Die neue Tabelle
wird nun auf Ihrer Seite angezeigt.
Um die Struktur und Zelleninhalte von Tabellen zu ändern,
führen Sie die unter „Bearbeiten von Tabellen“ (siehe
WebPlus-Hilfe) beschriebenen Schritte aus.
Die
Navigationselemente
74
Die Navigationselemente
75
Einfügen von Navigationsleisten
Mit den Navigationsleisten können Ihre Website-Besucher
bequem zu den verschiedenen Seiten umschalten, wie z. B.
Homepage, Galerie, Produkte und Kontakt. Die
Navigationsleisten in WebPlus sind so programmiert, dass
sie die Struktur Ihrer Website (siehe Seite 31) erkennen und
automatisch berücksichtigen, sodass sich Website-Besucher
später schnell zurechtfinden und problemlos durch die
verschiedenen Seiten navigieren können.
Navigationsleisten ermöglichen den Wechsel zwischen
verschiedenen Sektionen und Stufen einer Website (siehe
Seite 31) und enthalten Links zu der Homepage und den
anderen Seiten der obersten Stufe für jede Sektion. Über
Popup-Menüs lassen sich dann die untergeordneten Seiten
der einzelnen Sektionen aufrufen.
Die Navigationselemente lassen sich schnell und einfach auf
jeder Strukturebene Ihrer Website platzieren und beliebig
anpassen, sodass Sie Links zu einzelnen Seiten erstellen, die
Darstellung der Navigationsleiste verändern oder auch
bestimmte Seiten von der Website-Navigation ausschließen
können.
Einfügen von Navigationsleisten
Navigationsleisten lassen sich zwar in jede Seite einfügen,
werden aber für gewöhnlich auf der Master-Seite platziert.
Hierdurch müssen Sie dasselbe Element nicht in alle Seiten
einfügen, auf denen die Leiste später erscheinen soll.
76
Wenn Sie eine Navigationsleiste einfügen, können Sie mit
den folgenden Optionen festlegen, wie die Leiste auf der
Seite angezeigt wird:
•
Typ: Hier legen Sie das grundlegende Design der
Navigationsleiste fest (z. B. Designer, Grafisch, Einfach).
•
Navigationstyp: Hier legen Sie fest, ob die
Navigationsleiste auf der Website-Struktur oder einer
von Ihnen selbst festgelegten Struktur basieren soll.
•
Darstellung: Hier bestimmen Sie das Design für
Schaltflächen, Trennelemente und den Hintergrund der
Navigationsleiste. Sie können wahlweise eine Vorlage
verwenden oder die Designs auch selbst entwerfen.
•
Popup-Menüs: Hier legen Sie die Designs für PopupGrafikmenüs und -Textmenüs fest, die über die
Navigationsleiste aktiviert werden (falls Ihre WebsiteStruktur untergeordnete Seiten enthält).
•
ID/Anker: Hier legen Sie die HTML-ID für das
Navigationsleistenobjekt und den Anker des Objekts
fest.
•
CSS-Eigenschaften: Für einige Navigationsleisten
können Sie CSS-Formatierungen festlegen, wie z. B eine
Umrandung. Nähere Informationen hierzu finden Sie
unter dem Thema „Die CSS-Eigenschaften“ in der
WebPlus-Hilfe.
•
Aktionen: Aktionen (Positionsänderung in der ZReihenfolge, Änderung der Deckkraft oder eine selbst
festgelegte Aktion) lassen sich über Ereignisse (z. B. die
77
Berührung mit der Maus) auslösen. Nähere
„Anwenden von Aktionen“ auf Seite 88.
Hinzufügen einer Navigationsleiste
1.
Wählen Sie eine Seite (oder Master-Seite) aus.
2.
Klicken Sie in der Kategorie
„Navigationselemente“ der Registerkarte QuickBuild
auf das Symbol Navigationsleiste.
3.
Platzieren Sie den Mauszeiger auf der gewünschten
Seitenposition und klicken Sie einmal, um die Leiste zu
platzieren. Die Leiste wird nun rechtsbündig an der von
Ihnen festgelegten Stelle positioniert.
4.
Blättern Sie in der Registerkarte Typ des nun geöffneten
Dialogfelds durch die verschiedenen Kategorien. Um eine
Kategorie zu erweitern, klicken Sie auf das Symbol .
5.
Prüfen Sie die einzelnen Navigationsleisten. Mit den
Pfeiltasten Ihrer Tastatur können Sie bequem durch die
Liste blättern. Klicken Sie einfach auf die gewünschte
Designvariante.
ODER
Klicken Sie auf die Schaltfläche Quelldatei-Browser,
um eine Vorschau aller Navigationsleisten im
Quelldatei-Browser zu öffnen. Wählen Sie ein Element
aus und klicken Sie auf OK, um zu dem Dialogfeld
zurückzukehren.
78
6.
Wählen Sie in der Registerkarte Navigationstyp aus, ob
der Aufbau der Navigationsleiste direkt aus der
Website-Struktur Ihrer Website abgeleitet werden soll.
Klicken Sie hierzu auf Basierend auf Website-Struktur.
ODER
Aktivieren Sie die Option Benutzerdefiniert und
ändern Sie die Optionen der Navileiste.
Wenn Sie die Option Basierend auf Website-Struktur
verwenden, stehen Ihnen folgende Optionen zur
Verfügung:
•
Wählen Sie die Strukturstufe aus, deren Seiten in
der Navigationsleiste aufgelistet werden sollen:
Oberste Stufe, Übergeordnete Stufe, Gleiche
Stufe usw.
•
Je nach der Hauptauswahl können Sie nun noch
untergeordnete Seiten, Anker, die Homepage
sowie übergeordnete Seiten einschließen und/oder
die aktuelle Seite ausblenden sowie deaktivierte
Links ausblenden.
Über die Schaltfläche Erweitert können Sie das Zielfenster
bzw. den Zielrahmen festlegen sowie die Reihenfolge der
Seiten und die relativen Links konfigurieren.
7.
Klicken Sie auf die Schaltfläche OK. Die
Navigationsleiste wird nun auf Ihrer Seite angezeigt.
79
Tipps:
•
Einige Navigationsleisten folgen dem aktuell
verwendeten Farbschema, sodass Sie ihre Darstellung
noch weiter anpassen können.
Bearbeiten einer Navigationsleiste
1.
Führen Sie einen Doppelklick auf die Navigationsleiste
aus.
2.
Sie können nun die verschiedenen Optionen der
Registerkarten neu einstellen (siehe oben).
Sie können ebenfalls die Navigationsleisten, Schaltflächen,
Trennelemente und Hintergründe Ihrer eigenen
Navigationleistenformate ändern. Nähere Informationen
hierzu finden Sie in der WebPlus-Hilfe.
Einfügen von Popup-Menüs
Popup-Menüs sind ein wichtiger Bestandteil mehrstufiger
Navigationsleisten (siehe Seite 75) und werden erst
angezeigt, wenn Ihre Website-Besucher den Mauszeiger auf
der entsprechenden Schaltfläche platzieren. In den PopupMenüs werden die untergeordneten Seiten aus den unteren
Stufen Ihrer Website-Hierarchie aufgelistet.
In WebPlus können Sie Popup-Menüs zu jedem beliebigen
Objekt hinzufügen (QuickShapes, Bildern, Grafikobjekten),
hauptsächlich werden diese Menüs jedoch für Schaltflächen
80
festgelegt. Das Menü, das sich über dieses „selbstständige“
Objekt öffnen lässt, entspricht dann seinem Gegenstück aus
der Navigationsleiste. Popup-Menüs lassen sich auf ähnliche
Weise konfigurieren wie Navigationsleisten, sodass sie
entweder Ihre Website-Struktur (oder einen Teil davon)
wiedergeben oder eine von Ihnen selbst festgelegte Struktur.
Popup-Menüs sind besonders hilfreich, wenn Sie eine
begrenzte Anzahl zusätzlicher Navigationslinks anbieten
möchten – z. B. für einzelne Seiten einer Produktpalette.
Erstellen von Popup-Menüs
1.
Wählen Sie das Objekt aus, an das Sie das Popup-Menü
anhängen möchten.
2.
Klicken Sie im Menü Eigenschaften auf Popup-Menü.
ODER
Klicken Sie mit der rechten Maustaste auf ein Objekt
und in seinem Kontextmenü auf Popup-Menü.
3.
Aktivieren Sie in der Registerkarte Navigationstyp des
Dialogfelds die Option Popup-Menü mit
Navigationslinks für dieses Objekt anzeigen, um die
Navigation von diesem Objekt aus zu aktivieren.
4.
Klicken Sie auf eine der Optionen Basiert auf WebsiteStruktur oder Benutzerdefiniert, um die
Navigationslinks Ihrer Website für das Menü zu
verwenden oder Ihre eigene Struktur festzulegen. Mit
der ersten Option können Sie z. B. die untergeordneten
81
Seiten einer Seite „Produkte“ aus der obersten
Strukturebene als Grundlage für Ihr Menü verwenden.
5.
Klicken Sie in der Registerkarte Menüdarstellung des
Dialogfeldes auf eine der Optionen Popup-Textmenü
oder Popup-Grafikmenü. Die Einträge der
Grafikmenüs bestehen nicht aus reinen Texten, sondern
aus beschrifteten Schaltflächen.
6.
Passen Sie das Design für Ihr Popup-Menü mit den
Dropdownfeldern, Eingabefeldern, Kontrollkästchen
und Auswahlsymbolen an. Die Optionen für die
Schaltflächen, Trennelemente und den Hintergrund
von Popup-Grafikmenüs ähneln denen für
Schaltflächen.
7.
Einfügen von Schaltflächen
Schaltflächen sind ein wichtiger Bestandteil der
Navigationsleisten (siehe Seite 75) von WebPlus, lassen sich
jedoch auch „solo“ auf Ihren Webseiten platzieren –
entweder als separate Schaltflächen oder als Teil eines
Formulars. Die Schaltflächen lassen sich so konfigurieren,
dass der Mausklick eines Website-Besuchers z. B. ein
Hyperlinkziel aufruft, ein Popup-Menü öffnet oder eine
Aktion auslöst.
In WebPlus können Sie Schaltflächen mit einer Vorlage
erstellen oder in dem Button Studio von Grund auf neu
82
entwerfen. Um beide Ansätze zu verbinden, wählen Sie
einfach eine Vorlage aus und passen dann die verschiedenen
Optionen für die Schaltfläche (Farbe, Aufschrift usw.) an.
Einfügen vordefinierter Schaltflächen
1.
Klicken Sie in der Kategorie
„Navigationselemente“ der Registerkarte QuickBuild
auf das Symbol Schaltfläche.
2.
Platzieren Sie den Mauszeiger auf der gewünschten
Seitenposition und drücken Sie die linke Maustaste, um
die Schaltfläche zu platzieren. Um die Größe der
Schaltfläche selbst zu bestimmen, ziehen Sie bei
gedrückter Maustaste den Cursor über die Seite und
lassen die Maustaste wieder los, sobald der Button die
gewünschten Abmessungen erreicht hat.
3.
Klicken Sie in dem Dialogfeld Schaltfläche einfügen
auf die Vorschaubox.
4.
Wählen Sie in dem Quelldatei-Browser ein
vordefiniertes Schaltflächendesign aus und klicken Sie
auf OK. Die Vorschau wird nun mit dem ausgewählten
Schaltflächendesign aktualisiert.
5.
Geben Sie eine Schaltflächenbezeichnung ein, wie z. B.
„Home“, „Bilder“, „Hilfe“ usw. Diese Option ist nur für
Schaltflächen verfügbar, die auch einen
Beschriftungstext enthalten.
6.
7.
83
Gehen Sie in der Registerkarte „Hyperlink“ wie folgt
vor:
•
Wählen Sie in der Registerkarte „Hyperlinktyp“ das
Hyperlinkziel aus. Hiermit können Sie die WebsiteBesucher per Hyperlink (siehe Seite 85) auf ein
bestimmtes Ziel verweisen (Internetseite, eine
Datei, andere Seite Ihrer Website usw.).
•
Wählen Sie in der Registerkarte „Zielfenster“ ein
Fenster oder einen Rahmen in dem Dropdownfeld
„Typ“ aus. Sie könnten die Zielseite zum Beispiel in
einem „Neuen Fenster“ öffnen.
Über die Registerkarten Erweitert (in der Registerkarte
„Hyperlink“) und Aktionen legen Sie Optionen für die
Barrierefreiheit Ihrer Website und Attribute für
Suchmaschinen-Bezüge (REL) fest sowie eine breite
Palette an Aktionen (siehe Seite 88), die bestimmen,
was die Website-Besucher mit einem Klick auf die
Schaltfläche auslösen können. Über die Registerkarten
ID/Anker und CSS-Eigenschaften können Sie
verschiedene Steuer- und Darstellungsoptionen
einstellen.
Über den Quelldatei-Browser steht Ihnen eine Vielzahl
an Website-Buttons und anderen Grafikelementen zur
Verfügung, die in verschiedenen Quelldatei-Paketen
gespeichert sind. Klicken Sie hierzu einfach in der
Registerkarte Quelldateien auf Durchsuchen und
wählen Sie die Kategorie „Einstellungen“ aus.
84
Bearbeiten einer Schaltfläche
•
Führen Sie einen Doppelklick auf die Schaltfläche aus
und stellen Sie wie oben beschrieben die verschiedenen
Optionen ein.
Entwerfen eigener Schaltflächen
Möchten Sie eine Schaltflächenvorlage noch weiter anpassen
oder das Design komplett selbst entwerfen, verwenden Sie
einfach das Button Studio – eine spezielle
Designumgebung, die direkt in WebPlus integriert ist. Die
Schaltfläche wird in diesem Studiofenster vollkommen
isoliert angezeigt. Auf diese Weise können Sie sich ganz auf
das Design Ihrer Schaltfläche konzentrieren und werden
nicht von den anderen Elementen der Seite abgelenkt.
Nähere Informationen hierzu finden Sie in der Hilfe zu
WebPlus.
Bearbeiten des Schaltflächendesigns
•
Klicken Sie in der Kontextleiste auf das Symbol
Schaltflächendesign bearbeiten.
85
Einfügen von Hyperlinks und
Aktionen
Wenn Sie Objekte wie z. B. Wörter, Bilder usw. mit einem
Hyperlink versehen, kann ein Besucher Ihrer Website mit
einem Klick auf dieses Objekt ein frei definierbares Ereignis
auslösen. Bei diesem Ereignis handelt es sich häufig um
einen Wechsel zu einem der folgenden Ziele:
•
Einer Seite Ihrer Website
•
Einer Seite im Internet (Bestandteil einer beliebigen
Website)
•
Einer E-Mail-Adresse im Internet
•
Einem Anker (ein als Ziel ausgewähltes Objekt in einer
Webseite)
•
Einer Datei auf Ihrer Festplatte oder in Ihrem Netzwerk
(für den Download von Dateien)
•
Einem Warenkorb
•
Einem Smart-Objekt (z. B. ein Forum, Blog oder CMS)
•
Einem RSS-Feed oder Podcast
•
Einem Navigationselement
•
Benutzerdaten
•
Bildern
Aktionen ähneln in sofern den Hyperlinks, als dass sie
ebenfalls bestimmen, was bei einem Mausklick oder der
86
Mausberührung eines Objekts geschieht. Der Unterschied
zu den Hyperlinks liegt jedoch darin, dass ein Klick oder
eine Mausberührung auf der aktuellen Seite ein Ereignis
auslösen und den Website-Besucher nicht zu einem anderen
Ziel leiten. Nähere Informationen hierzu finden Sie unter
dem Thema „Anwenden von Aktionen“ auf Seite 88.
Einfügen von Hyperlinks
Hinzufügen eines Hyperlinks
1.
Wählen Sie mit dem
Zeigerwerkzeug ein einzelnes
Objekt, eine Objektgruppe oder einen Textabschnitt
aus.
2.
Klicken Sie in der Eigenschaftsleiste auf die
Option Hyperlink.
Das Programm öffnet nun das Dialogfeld
„Objekteigenschaften“.
3.
Wählen Sie in der Registerkarte Hyperlinktyp
(Registerkarte Hyperlink) den Zieltyp für den
Hyperlink aus, wie z. B. eine Website-Seite,
Internetseite, ein Smart-Objekt usw.
4.
Je nach Linktyp können Sie in dem rechten Feld nun
unterschiedliche Optionen für Ihr Hyperlinkziel
festlegen.
5.
87
Bearbeiten und Entfernen von Hyperlinks
1.
Markieren Sie mit dem Zeigerwerkzeug das
gewünschte Objekt, oder platzieren Sie per Mausklick
eine Einfügemarke in dem Linktext. (Sie müssen nicht
den gesamten Hyperlinktext markieren.)
2.
Option Hyperlink.
Das Dialogfeld „Objekteigenschaften“ wird nun geöffnet
und zeigt das Hyperlinkziel des ausgewählten Objekts an.
•
Um den Hyperlink zu modifizieren, wählen Sie einen
neuen Zieltyp, ein neues Ziel und/oder andere
Optionen aus.
•
Um den Hyperlink zu löschen, klicken Sie auf die
Option Kein Hyperlink.
Auswählen des Zielfensters
Über die Registerkarte Zielfenster können Sie eine Reihe
unterschiedlicher Fenster, Rahmen oder auch eine Lightbox
festlegen, in denen das Linkziel angezeigt werden soll.
Auswählen eines Zielfensters
1.
Klicken Sie in dem Dialogfeld „Objekteigenschaften“
auf die Registerkarte Hyperlink und dann auf die
Registerkarte Zielfenster.
2.
Wählen Sie eine Option in dem Dropdownfeld Typ aus.
88
Anzeigen und Bearbeiten bestehender Hyperlinks
•
Klicken Sie im Menü Extras auf den Eintrag WebsiteManager > Hyperlink-Manager, um die Hyperlinks
Ihrer Website aufzulisten, ihre Namen zu ändern oder
sie zu löschen.
Anwenden von Aktionen
Aktionen lassen sich für Objekte (nicht für Texte) festlegen
und bieten Ihren Website-Besuchern mehr
Interaktionsmöglichkeiten. Hierfür stehen Ihnen die
folgenden Aktionen zur Verfügung, die gewöhnlich durch
einen Mausklick oder das Platzieren der Maus auf dem
Objekt ausgelöst werden:
•
Hinweis: Anzeigen eines Popup-Hinweisfensters (bei
Mausklick).
•
Sichtbarkeit: Anzeigen eines Panels (bei
Mausberührung oder Klick).
•
Gleiten und Scrollen: Objekte gleiten horizontal von
rechts oder links herein und werden überblendet, wenn
sie wieder aus der Ansicht herausscrollen.
•
Aufblenden: Schaltet das Objekt transparent (bis zu der
Mausberührung), um z. B. nur bei der Mausberührung
Navigationsschaltflächen in dem Panel einzublenden.
•
Z-Index: Ändert die Stapelfolge (Z-Index) des Objekts in
Relation zu anderen Objekten (bei Mausberührung). Ein
hoher Wert für den Z-Index (z. B. 150) stellt sicher, dass
89
dieses Objekt bei der Mausberührung immer vor allen
anderen Objekten angezeigt wird (also nicht verdeckt ist).
Auf diese Weise lässt sich z. B. ein Foto weiter unten in
einem Bilderstapel mit der Mausberührung oben auf den
Stapel legen.
•
Drucken: Drucken der aktuellen Seite über ein DruckenDialogfeld (bei Mausklick).
•
Slider: Hinzufügen einer Aktion (Wiedergabe, Pause
usw.) zu einer Navigationsschaltfläche, um die
Wiedergabe des Sliders zu steuern. Sie können die
entsprechende Aktion zu allen Navigationsschaltflächen
zuordnen, d. h. die Wiedergabe-Aktion zu einer
Wiedergabe-Schaltfläche usw. Nähere Informationen
hierzu finden Sie unter dem Thema „Slider“.
•
Slider-Feedback: Hiermit bestimmt der aktuelle
Wiedergabestatus des Sliders den Schaltflächenzustand.
Der Schaltflächenzustand ändert sich also dynamisch je
nach momentaner Aktivität des Sliders.
•
Lupe: Die Bereiche eines Bildes lassen sich bei
Mausberührung vergrößert anzeigen – wahlweise als
Überlagerung oder versetzt an einer anderen Stelle des
Bildschirms. Nähere Informationen hierzu finden Sie
unter dem Thema „Die Bildlupe“ in der WebPlus-Hilfe.
•
Pinterest:
Hiermit fügen Sie einen klickbaren
Pin in Ihr Bild ein (wird bei Mausberührung
eingeblendet), mit dem Sie Ihr Bild auf ein Board des
sozialen Bildnetzwerks Pinterest hochladen können.
90
Wenn Sie mit diesem Feature arbeiten möchten, müssen
Sie ein Benutzerkonto bei der Pinterest-Website anlegen.
•
Benutzerdefiniert: Hiermit können Sie selbst ein
JavaScript festlegen, das als Reaktion auf einen
Mausklick, Tastendruck usw. gestartet werden soll.
Die Registerkarte „Aktionen“ wird nur angezeigt, wenn
Sie ein Objekt auswählen. Nach der Auswahl von Text
ist diese Registerkarte nicht verfügbar.
Bevor Sie für ein Panel eine Aktion festlegen können,
müssen Sie zunächst das Panel erstellen. Weitere
Informationen hierzu finden Sie unter „Einfügen von
Panels“ auf Seite 66.
Festlegen einer Aktion
1.
Option Aktionen bearbeiten.
2.
Klicken Sie in dem Dialogfeld auf Hinzufügen und
dann auf die gewünschte Menüoption.
3.
Konfigurieren Sie in dem Dialogfeld die gewünschte
Aktion.
4.
Bei der Vorschau oder nach dem Publizieren der Webseite
lässt sich die ausgewählte Aktion dann mit einem Mausklick
oder der Platzierung des Mauszeigers auf dem Objekt
auslösen.
91
Einfügen von Ankern
Ein Anker ist eine bestimmte Position auf einer Webseite,
die als Ziel für einen Hyperlink (siehe Seite 86) fungieren
kann. Diese für die Website-Besucher unsichtbaren Anker
markieren für gewöhnlich den Anfang von Absätzen,
interessante Textstellen oder Bilder auf einer Webseite.
Anhängen von Ankern an einen Textbereich
1.
Führen Sie einen der folgenden Schritte aus:
i)
Aktivieren Sie das Zeigerwerkzeug und platzieren
Sie per Mausklick eine Einfügemarke in dem
Zieltext.
ii) Klicken Sie im Menü Text auf Einfügen > Anker,
oder drücken Sie die Tastenkombination Strg + Q.
ODER
•
Klicken Sie mit der rechten Maustaste in den
Zieltext und in seinem Kontextmenü auf Einfügen
> Anker.
Es wird nun das Anker-Dialogfeld geöffnet. Der Anker
übernimmt als Name automatisch das benachbarte Wort im
Zieltext.
2.
(Optional) Um eine andere Bezeichnung für den Anker
festzulegen, ändern Sie den Text in dem Feld Name des
Ankers.
92
3.
(Optional) Aktivieren Sie die Option Anker in
Navigation einschließen, damit der Anker über die
Navigationsleiste angesteuert werden kann anstatt über
einen Hyperlink. Sie müssen hierbei sicherstellen, dass
in den Einstellungen Ihrer Navigationsleiste die Option
Anker einschließen aktiviert und ein Titel für den
Anker eingestellt sind.
4.
Anhängen von Ankern an Objekte
1.
Wählen Sie das Zielobjekt mit dem Zeigerwerkzeug
aus.
2.
Option ID und Anker.
3.
Aktivieren Sie in dem Dialogfeld die Option Dieses
Objekt als Anker behandeln.
4.
(Optional) Um anstelle der HMTL-ID des Objekts eine
bestimmte ID für den Anker festzulegen, deaktivieren
Sie die Option Objekt-ID verwenden und geben einen
Namen in das Feld Anker-ID ein.
5.
(Optional) Aktivieren Sie die Option Anker in
Navigation einschließen
6.
93
Anzeigen und Bearbeiten bestehender Anker
•
Klicken Sie im Menü Extras auf Website-Manager >
Anker-Manager, um den Anker für ein bestimmtes
Objekt zu prüfen, seinen Namen zu ändern oder den
Anker zu löschen. Sie können Anker ebenfalls in die
Seitennavigation einbeziehen.
Arbeiten mit Lightboxen
Lightboxen bieten elegante und moderne
Präsentationsmöglichkeiten für verschiedene Webinhalte,
die dann einfach über Ihren Seiten eingeblendet werden.
Wenn Sie auf ein Objekt mit entsprechendem Auslöser
klicken, wird automatisch ein Popup-Fenster für die
Lightbox geöffnet und zeigt den entsprechenden Inhalt an.
Diese Fenster sind daher ideal zur Präsentation zusätzlicher
Informationen – Ihre Website-Besucher entscheiden einfach
selbst, welche Inhalte sie sehen möchten.
94
Lightboxen lassen sich für die Anzeige folgender Inhalte
konfigurieren:
•
Bilder (als größere Variante einer Bildminiatur, die Sie
bereits auf einer Webseite platziert haben).
•
Formulare Ihrer Website.
•
Ein Anmeldungsfeld für die Zugangskontrolle.
•
Seiten (Ihrer Website oder aus dem Internet).
•
Blogs, Foren oder RSS-Feeds.
•
Word-Dateien, PDFs oder andere Dateitypen.
Erstellen einer Lightbox für die Bilder auf Ihrer
Webseite
1.
Wählen Sie ein Bild aus (vorzugsweise platziert als
Bildminiatur).
2.
Klicken Sie in der Eigenschaftsleiste auf
Hyperlink.
3.
Wählen Sie in der Registerkarte „Hyperlinktyp“ die
Option Bild aus.
4.
Legen Sie in der Registerkarte „Zielfenster“ die Option
Lightbox über das Feld Typ fest.
5.
(Optional) Um einen Titel für das Bild in der Lightbox
einzublenden, geben Sie den Text in das Feld Titel ein.
6.
95
Um die Darstellungsgröße der verknüpften Lightbox-Bilder
einzuschränken, skaliert WebPlus größere Bilder
automatisch auf eine maximale Breite und Höhe
(standardmäßig 800 x 600 Pixel). Das Seitenverhältnis der
Bilder bleibt hierbei unverändert. Bilder, deren
Abmessungen kleiner als die Standardwerte sind, werden
nicht skaliert. Sie können die Maximalwerte für Breite und
Höhe jederzeit anpassen. Nähere Informationen hierzu
finden Sie unter „Festlegen der Website-Eigenschaften“ auf
Seite 34.
Erstellen einer Lightbox für ein lokal gespeichertes
Bild
•
Gehen Sie wie oben beschrieben vor und wählen Sie in
dem Hyperlink-Dialogfeld anstelle der Option „Bild“
die Option Datei aus.
Sie können das Bild wahlweise einbetten oder verknüpfen.
In beiden Fällen wird das Bild mit seinen ursprünglichen
Bildabmessungen angezeigt.
Lightbox-Diashows
Sie können einfache Lightbox-Diashows aus den Bildern
erstellen, die auf derselben Webseite platziert sind. In der
Lightbox werden dann Steuersymbole eingeblendet, mit
denen die Betrachter durch die Bilder navigieren können.
96
Erstellen einer Lightbox-Diashow
1.
Erstellen Sie eine Lightbox für ein Bild auf Ihrer
Webseite (siehe oben).
2.
Klicken Sie in dem Dialogfeld Bild bearbeiten auf die
Registerkarte „Hyperlink“ und dann auf die
Registerkarte „Zielfenster“.
3.
Geben Sie eine Bezeichnung für die Diashow in das Feld
Name der Diashow ein. Dieser Name wird dann auch
für andere Bilder verwendet, die Sie zu dieser Diashow
hinzufügen. Klicken Sie auf die Schaltfläche OK.
4.
Wiederholen Sie den Schritt für das nächste Bild. Der
zuvor festgelegte Name der Diashow wird nun für alle
anderen Bilder in dem entsprechenden Dropdownfeld
aufgelistet. Wählen Sie den Namen der Diashow aus,
um das Bild zu integrieren.
5.
Die Lightbox-Diashow lässt sich nur für die Bilder
festlegen, die auf derselben Webseite platziert sind.
Wenn Sie Bilder aus unterschiedlichen Seiten in eine
Diashow einfügen, wird für jede Seite eine separate
Diashow erstellt.
97
Anzeigen beliebiger Hyperlinkziele in
Lightboxen
Lightboxen lassen sich nicht nur für die Darstellung von
Bildern einsetzen. Eine Lightbox ist im Grunde ein Fenster,
in dem Sie jede Art von Hyperlinkziel (siehe Seite 86)
einblenden können – von den Seiten Ihrer Website (z. B. ein
Formular oder eine Anmeldungsseite) bis zu beliebigen
Internetseiten, Blogs, Foren oder RSS-Feeds. Word-Dateien,
PDFs und andere Dateitypen lassen sich mit der Option
Datei ebenfalls in einer Lightbox öffnen.
98
Interaktive Objekte
100
Interaktive Objekte
Interaktive Objekte
101
Einfügen von Slidern
Slider bieten elegante und flexible Möglichkeiten für die
Animation von Panels und lassen sich unter anderem für
Werbebanner, News-Ticker und Alternativen zu
Navigationsleisten einsetzen.
Jeder Slider besteht aus einer Reihe von Panels – es kann
jedoch immer nur ein Panel gleichzeitig angezeigt werden.
Sie können auf jedem Panel eine Mischung aus Bildern,
Texten, Linien und Formen platzieren. Wie in einer
Diashow lassen sich die Panels auch so konfigurieren, dass
sie in bestimmten Intervallen automatisch ein- und
ausgeblendet werden. Eine manuelle Umschaltung zwischen
den Panels mit Navigationssymbolen ist ebenso möglich wie
die Steuerung über einen Timer.
102
Interaktive Objekte
Für die Darstellung der Panels stehen Ihnen verschiedene
Animationstypen zur Verfügung.
Der Quelldatei-Browser bietet eine breite Auswahl an
professionellen Slidern. Nach dem Platzieren auf der Seite
können Sie jede dieser Slidervarianten über das Slider Studio
flexibel anpassen. Auf diese Weise lassen sich Panels
hinzufügen, neu ordnen und löschen, sodass der Slider am
Ende genau Ihren Vorstellungen entspricht.
Einfügen eines Sliders
1.
Klicken Sie in der Kategorie „Interaktive
Objekte“ der Registerkarte QuickBuild auf das Symbol
Slider.
2.
Platzieren Sie nun den Mauszeiger an der
Seitenposition, an der Sie den Slider einfügen möchten,
und klicken Sie einmal.
3.
Wählen Sie in dem Dialogfeld Quelldatei-Browser
unter Paketdateien den Eintrag „Slider“ aus und
klicken Sie dann im Hauptfeld auf den gewünschten
Slider.
4.
Sie können Slider auch über die Registerkarte
„Quelldateien“ auf Ihren Seiten platzieren. Nähere
Informationen hierzu finden Sie in der WebPlus-Hilfe.
Interaktive Objekte
103
Auswählen eines Sliders
•
Klicken Sie auf einen beliebigen Punkt des Sliders
und dann unter der Auswahl auf das Symbol
Übergeordnetes Element auswählen.
Manche Slider gehören zu einer Gruppe von Objekten.
In diesem Fall können Sie den Slider über die
Registerkarte Objekte auswählen.
Bearbeiten von Slidern auf einer Seite
Standardmäßig enthält jeder Slider ein Set von
Platzhalterpanels. Wenn Sie den Slider auswählen, können
Sie mit den entsprechenden Symbolen bequem durch die
einzelnen Panels schalten.
Navigieren zwischen Panels
•
Klicken Sie auf die
Navigationssymbole direkt
unter dem ausgewählten Slider.
Jeder Slider verfügt über ein Vordergrundpanel, das seinen
Inhalt permanent anzeigt. Dieses Panel ist daher perfekt für
Kontaktinformationen, E-Commerce-Schaltflächen,
Telefonnummern oder ein Bild, das Sie ständig eingeblendet
halten möchten.
Nachdem Sie den Inhalt geprüft haben, können Sie den
Slider entweder direkt auf der Seite bearbeiten oder auch das
vielseitigere Slider Studio verwenden.
104
Interaktive Objekte
Bearbeiten von Slidern direkt auf einer Seite
1.
Wählen Sie den Slider aus.
2.
Über die Kontextleiste sind nun folgende Änderungen
möglich:
•
Einfügen, Kopieren und Löschen von Panels
•
Festlegen von Namen für die Panels
•
Festlegen von Aktionen für die Panels
Über die Panelnavigation lässt sich jedes einzelne Panel wie
eine „Miniseite“ bearbeiten.
Bearbeiten von Slidern im Slider Studio
Sie können jeden Slider flexibel im Slider Studio genau an
Ihre Vorstellungen anpassen.
In dem Studio lassen sich sowohl die einzelnen Panels
konfigurieren als auch alle Aufgaben erledigen, die Sie für
den Slider in der Kontextleiste erledigen (siehe oben).
Darüber hinaus finden Sie hier noch einige weitere Features,
wie z. B. eine Vorschau für den Slider.
Interaktive Objekte
105
Bearbeiten eines Sliders im Slider Studio
1.
Klicken Sie auf einen Punkt des Sliders und dann
in der Kontextleiste auf die Schaltfläche Slider Studio.
2.
In dem Slider Studio können Sie den Slider nun mit
verschiedenen Registerkarten bearbeiten:
•
Slideroptionen: Hier ändern Sie die Optionen für
die Wiedergabe (Animationstyp, Autoplay,
Schleifenwiedergabe der Panels und die
Animationszeit).
•
Panels:
In dieser
Registerkarte finden Sie folgende Symbole: Panel
zum Slider hinzufügen, Sliderpanel kopieren,
Sliderpanel löschen, Nach links verschieben und
Nach rechts verschieben. Wenn Sie ein neues
Panel hinzufügen, wird ein leeres Panel nach dem
letzten Panel in Ihrem Slider eingefügt.
•
Paneloptionen: Hier legen Sie Namen,
Hintergrundfarbe und die Darstellung der Panels
zu bestimmten Zeiten fest.
106
Interaktive Objekte
Einfügen einer Fotogalerie
In WebPlus können Sie eine auf Flash™ oder JavaScript
basierende Fotogalerie in jede beliebige Webseite einfügen.
Für die Galerien sind unterschiedliche Designs mit
verschiedenen Navigationsmethoden für die enthaltenen
Bilder verfügbar.
Die Galerietypen
Für Ihre Flash- oder JavaScript-Fotogalerien stehen Ihnen
sehr unterschiedliche Galerieformate zur Verfügung.
Galerietyp
Features
Professionelle Flash-Fotogalerie
Diese Galerien enthalten über oder unter der
Bildanzeige eine Steuerleiste mit
Vorschauminiaturen, die alle mit einem
Rollovereffekt versehen sind.
Interaktive Objekte
107
Professionelle Flash-Fotogalerie (Live Feed)
Diese Galerien bieten die gleichen Optionen
wie Professionelle Flash-Fotogalerien. Die
Fotos lassen sich jedoch als Fotostream (in
Form eines RSS-Feeds) aus Ihrem Konto bei
Flickr einfügen sowie aus jedem anderen
Bildhosting-Service, der RSS 2.0 unterstützt,
oder auch aus SlideShowPro Director.
Flash-Fotogalerie
Diese Galerien enthalten über oder unter der
Bildanzeige eine Steuerleiste mit
Navigationselementen und/oder
Vorschauminiaturen, die sich
horizontal/vertikal per Bildlauf verschieben
lassen. Fotoraster und Fotostapel sind
ebenfalls als Galerievorlagen verfügbar. Sie
können für die Fotogalerie sogar eine
Hintergrundmusik festlegen.
JavaScript-Fotogalerie
Diese Galerien bieten ähnliche Optionen wie
die Flash-Galerie, basieren jedoch auf
JavaScript. Zusätzlich zu den Fotorastern und
Fotostapeln sind hier auch Lightboxen
verfügbar.
108
Interaktive Objekte
Fotogalerien lassen sich genau so auf Ihren Seiten einfügen,
wie einzelne Fotos. Das aktuell angezeigte Foto ist hierbei
lediglich von einem Hintergrund, einer Navigationsleiste
und Vorschauminiaturen eingerahmt.
1.
Fotogalerie.
2.
Um die Galerie mit einer Standardgröße
einzufügen, platzieren Sie den Mauszeiger an der
gewünschten Stelle der Seite und drücken die linke
Maustaste.
ODER
Um die Größe der Galerie selbst zu bestimmen, ziehen
Sie bei gedrückter Maustaste den Cursor über die Seite
und lassen die Maustaste wieder los, sobald der
Begrenzungsrahmen die gewünschten Abmessungen
erreicht hat.
3.
Wählen Sie einen Galerietyp aus (siehe Seite 106).
4.
Klicken Sie auf die Schaltfläche Weiter.
Interaktive Objekte
109
Einfügen von Fotos in eine Fotogalerie
1.
Für alle Galerietypen (außer den Varianten mit Live
Feed) legen Sie in dem Dialogfeld folgende Optionen
fest:
•
Hinzufügen einzelner Dateien
Klicken Sie auf Dateien hinzufügen, um die
gewünschten Bilddateien auszuwählen. Wenn Sie
mehrere Dateien auswählen möchten, halten Sie
die Strg-Taste gedrückt (für nicht aufeinander
folgende Dateien) oder die Umschalttaste (für
aufeinander folgende Dateien), während Sie auf die
Dateinamen klicken.
ODER
Klicken Sie auf Quelldateien hinzufügen, um die
gewünschten Bilddateien auszuwählen.
ODER
•
2.
Hinzufügen aller Fotos in einem Ordner
Klicken Sie auf die Schaltfläche Ordner
hinzufügen, um alle Bilder aus einem bestimmten
Ordner zu importieren.
(Optional) Verwenden Sie die Optionen neben den
Fotominiaturen, um die Bilder zu bearbeiten.
•
Um einen Titel einzufügen, klicken Sie in die Spalte
Titel und geben den gewünschten Text ein. Sie
können sowohl Zahlen als auch Buchstaben
verwenden.
110
Interaktive Objekte
•
3.
(Nur für professionelle Flash-Fotogalerien)
Um
die Fotos mit Hyperlinks zu versehen, klicken Sie
auf Hyperlink bearbeiten. Wählen Sie in dem
Dialogfeld einen Hyperlinktyp aus. Sie können
hier die Verwendung von Hyperlinks deaktivieren,
Hyperlinks zu den Originalbildern erstellen oder
Hyperlinks zu anderen Hyperlinkzielen festlegen
(z. B. Seiten Ihrer Website oder einer anderen
Website).
Klicken Sie auf die Schaltfläche Weiter.
Auswählen und Ändern des Typs einer Fotogalerie
1.
Wählen Sie am oberen Rand des Dialogfelds eine
Galerieformatierung in der Liste Galerietyp aus.
2.
(Optional) Legen Sie für den ausgewählten Typ rechts
die verschiedenen Galerieoptionen fest
(Hintergrundmusik, Schriftfarbe, AutoPlay usw.).
3.
Klicken Sie auf die Schaltfläche Fertig stellen.
Interaktive Objekte
111
Bearbeiten der Fotogalerie
Nachdem Sie die Fotogalerie in eine Webseite eingefügt
haben, lässt sie sich jederzeit bearbeiten.
Bearbeiten einer Fotogalerie
1.
Wählen Sie die gewünschte Galerie auf der Webseite
aus.
2.
Führen Sie einen Doppelklick auf die Galerie aus.
Es wird nun das Dialogfeld Fotogalerie angezeigt. Die
Optionen in diesem Dialogfeld sind identisch mit
denen, die für die Erstellung der Galerie verfügbar
waren.
Nachdem Sie eine Galerie auf der Seite platziert haben,
können Sie ihre Größe durch Ziehen eines Eckpunkts
verändern. Wenn Sie das Seitenverhältnis der Galerie
unverändert übernehmen möchten, halten Sie während des
Ziehens die Umschalttaste gedrückt.
112
Interaktive Objekte
Einfügen von Google Maps
Google Maps sind ideal, wenn Sie Ihren Website-Besuchern
eine genaue Karte zu Ihrem Unternehmen oder den
Anfahrtsweg zu einem besonderen Event zur Verfügung
stellen möchten. Diese Karten eignen sich ebenfalls
hervorragend, um Sehenswürdigkeiten zu markieren.
Auf jeder Karte können Sie Marker platzieren, um
bestimmte Orte zu kennzeichnen.
Interaktive Objekte
113
Einfügen einer Google Map
1.
Google Map und ziehen Sie den Mauszeiger mit
gedrückter Maustaste über Ihre Seite, um die Größe der
Karte zu bestimmen.
2.
Tragen Sie in dem Dialogfeld „Google Map“ Ihre
Postleitzahl oder Adresse in das Feld Folgenden Ort
suchen ein und klicken Sie anschließend auf Suchen.
WebPlus sucht nun mit dem Geolocator von Google
nach der von Ihnen angegebenen Position und zeigt die
lokalen Adressen an.
Einfügen von Markern
Sie können Ihre Google Map mit einer
unbegrenzten Anzahl von Markern versehen. Jeder Marker
lässt sich so konfigurieren, dass er bei einer Mausberührung
oder einem Klick zusätzliche Details einblendet.
Hinzufügen von Markern
1.
Klicken Sie im Dialogfeld „Google Map“ auf
Hinzufügen.
2.
Klicken Sie in dem Dialogfeld „Google Maps - Marker“
mit dem Mauszeiger
auf die gewünschte Position.
114
Interaktive Objekte
3.
Geben Sie einen Namen für den Marker ein. Dieser
Name wird als QuickInfo angezeigt, wenn ein WebsiteBesucher den Mauszeiger auf dem Marker platziert.
Hier könnten Sie z. B. den Namen einer Firma
eintippen.
4.
Legen Sie eine Klickaktion für den Marker fest. Diese
bestimmt, welche Informationen bei einem Mausklick
angezeigt werden.
5.
(Optional) Aktivieren Sie die Option Standardmäßig
InfoFenster öffnen, damit Ihre Bezeichnung auch
angezeigt wird, ohne dass ein Betrachter auf den Marker
klickt.
6.
Klicken Sie auf die Schaltfläche OK. Der Marker wird in
der Kartenvorschau nun grün angezeigt. Hieran
erkennen Sie stets die aktuelle Auswahl. Wiederholen
Sie diesen Vorgang für alle weiteren Marker, die Sie
hinzufügen möchten.
Einfügen von Rollovergrafiken
Bilder, deren Darstellung sich durch ein Mausereignis
verändert, werden als Rollovergrafiken bezeichnet. Zu
diesen Mausereignissen gehören z. B. ein Mausklick oder
das Platzieren des Mauszeigers auf einem Objekt.
Sie können ebenfalls Rollovergrafiken importieren, die
mit Serif DrawPlus erstellt wurden. Nähere
Informationen hierzu finden Sie in der WebPlus-Hilfe.
Interaktive Objekte
115
Die Rolloveroptionen
Wenn Sie einen Rollovereffekt einrichten, legen Sie zunächst
den Rolloverzustand oder die Zustände für ein Objekt fest und
weisen dann jedem Zustand ein bestimmtes Bild zu. WebPlus
bietet Ihnen für die Rolloverzustände vier Grundoptionen:
Normal
Dies ist der „Ruhezustand“ der Grafik vor
Beginn des Rollovereffekts. Diesen
Zustand müssen Sie für alle Objekte
festlegen.
Mouseover
Dieser Zustand wird ausgelöst, wenn sich
der Mauszeiger auf dem Objekt befindet.
Klick
Dieser Zustand wird durch einen
Mausklick auf das Objekt ausgelöst (d. h.
die Maustaste muss gedrückt werden,
wenn sich der Mauszeiger auf dem Objekt
befindet).
116
Interaktive Objekte
Der hier nicht dargestellte Zustand Klick+Mouseover wird
für ein Mouseover-Ereignis verwendet, das nach dem Klick
auf das Objekt eintritt.
Für jeden Rollovereffekt können Sie ebenfalls ein
Hyperlink-Ereignis festlegen, wie z. B. den Wechsel zu
einer anderen Webseite. Dieses Ereignis wird automatisch
ausgelöst, wenn ein Webseitenbesucher auf das
Rolloverobjekt klickt und dann die Maustaste loslässt.
Darüber hinaus lassen sich auch verschiedene Schaltflächen
zu einer Gruppe zusammenfassen, sodass immer nur eine
Schaltfläche den Klick-Zustand aufweisen kann.
Erstellen einer Rollovergrafik
1.
Erstellen Sie in einem Bildbearbeitungsprogramm die
gewünschten Quellbilder für die verschiedenen
Zustände des Effekts.
2.
Rollover und ziehen Sie den Mauszeiger mit gedrückter
Maustaste über Ihre Seite, um die Größe des
Rolloverobjekts zu bestimmen.
3.
Gehen Sie in der Registerkarte Rollovergrafik des nun
geöffneten Dialogfelds „Rollover bearbeiten“ wie folgt
vor:
•
Legen Sie unter „Rolloverzustände“ die
gewünschten Zustände (siehe oben) für die Grafik
fest. Klicken Sie für jeden Zustand auf die
Interaktive Objekte
117
Schaltfläche Durchsuchen oder QuelldateiBrowser um die entsprechende Bilddatei von
einem Datenträger oder aus Ihren gespeicherten
Quelldatei-Paketen auszuwählen.
•
(Optional) Legen Sie für die Bilder die
Exportoptionen fest (siehe „Einstellen der
Bildexportoptionen“ in der WebPlus-Hilfe).
•
Wenn Sie die Bilder in Ihre Website integrieren
möchten, aktivieren Sie die Option Dateien in
Website einbetten.
•
Wählen Sie für den anfänglichen Zustand des
Rollovereffekts eine der Optionen Normal oder
Klick aus.
•
Möchten Sie dieses Rolloverobjekt mit anderen
Rolloverobjekten auf der Seite so gruppieren, dass
immer nur eines dieser Objekte im „KlickZustand“ angezeigt werden kann, aktivieren Sie für
dieses und die anderen Rolloverobjekte der Gruppe
die Einstellung Optionsfeld.
4.
(Optional) Legen Sie in der Registerkarte Hyperlinks
ein Hyperlinkziel für den Rollover fest.
5.
WebPlus zeigt für die ausgewählte Rollovergrafik immer das
Bild des Normal-Zustands an. Sie sollten daher die Webseite
in einer Vorschau öffnen, um die Rollovergrafiken zu testen.
Bearbeiten einer Rollovergrafik
118
Interaktive Objekte
Führen Sie einen Doppelklick auf die Rollovergrafik aus, um
das Dialogfeld „Rollover bearbeiten“ zu öffnen. Stellen Sie
die gewünschten Werte ein.
Einfügen von Rollover-Popups
In WebPlus werden Rollover-Popups hauptsächlich für
Bilder verwendet. Wenn ein Website-Besucher den
Mauszeiger auf eine Bildminiaturansicht bewegt, wird
automatisch eine vergrößerte Darstellung des
entsprechenden Fotos eingeblendet (für gewöhnlich ein
wenig gegen die Miniatur versetzt).
Mit WebPlus können Sie die Position und Größe des
Popups in Relation zu der Miniaturansicht festlegen und
auch die Miniaturansicht jederzeit auswählen und
vergrößern oder verkleinern.
Interaktive Objekte
119
Einfügen von Rollover-Popups
1.
Rollover-Popup und ziehen Sie den Mauszeiger mit
gedrückter Maustaste über Ihre Seite, um die Größe des
Rolloverobjekts zu bestimmen.
2.
Gehen Sie in der Registerkarte Rollovergrafik des nun
geöffneten Dialogfelds „Rollover-Popup bearbeiten“ wie
folgt vor:
•
Wählen Sie das Bild für den Zustand „Normal“ aus,
indem Sie über die Schaltfläche Durchsuchen die
gewünschte Datei angeben. Klicken Sie
anschließend auf die Schaltfläche Öffnen.
ODER
Klicken Sie auf die Schaltfläche QuelldateiBrowser, und wählen Sie ein Bild aus einem Ihrer
gespeicherten Quelldatei-Pakete aus.
•
Standardmäßig wird das für „Normal“ ausgewählte
Bild auch für die Mouseover-Variante verwendet
(z. B. für Fotominiaturansichten). Mit den
Schaltflächen Durchsuchen und QuelldateiBrowser können Sie aber auch ein völlig anderes
Bild auswählen.
•
(Optional) Legen Sie eine Animation und eine
Geschwindigkeit für den Popup-Effekt des Bildes
fest.
120
Interaktive Objekte
•
(Optional) Legen Sie für eines oder beide Bilder die
Exportoptionen fest (siehe „Einstellen der
Bildexportoptionen“ in der WebPlus-Hilfe).
•
(Optional) Wenn Sie die Bilder in Ihre Website
integrieren möchten, aktivieren Sie die Option
Bilddateien in Website einbetten.
3.
(Optional) Legen Sie in der Registerkarte Hyperlinks
ein Hyperlinkziel für den Rollover fest.
4.
Für die Rollover-Popups können Sie zusätzlich einen Titel
festlegen, der dann neben dem Mouseover-Bild eingeblendet
wird. Nähere Informationen hierzu finden Sie in der
WebPlus-Hilfe.
Damit das Rollover-Popup möglichst effektiv ist, müssen Sie
noch die Position der Normal- und Mouseover-Bilder auf
der Seite festlegen. Die Position der Bilder lässt sich über ein
Dialogfeld präzise einstellen, indem Sie die Bilder einfach
durch Ziehen mit der Maus platzieren oder ihre Größe
ändern. Alternativ lassen sich die Einstellungen auch als
absolute Pixelwerte festlegen. Nähere Informationen hierzu
finden Sie in der Hilfe zu WebPlus.
Bearbeiten von Rollover-Popups
•
Führen Sie einen Doppelklick auf das Normalbild einer
Seite aus, um das Dialogfeld „Rollover-Popup
bearbeiten“ zu öffnen. Stellen Sie die gewünschten
Werte ein.
Smart-Objekte
122
Smart-Objekte
Smart-Objekte
123
Anmeldungsformulare
Mit WebPlus lässt sich schnell und einfach ein Feld auf einer
Webseite platzieren, mit dem sich die Besucher an- und
abmelden können. Auf diese Weise können registrierte
Website-Besucher per Anmeldung bei der Website auf
eingeschränkte Seiten zugreifen.
Das Anmeldungsfeld gehört zu dem Mitglieder-Manager
Ihrer Website in den Serif Webressourcen. Registrierte
Benutzer lassen sich über www.serifwebresources.com
sowohl manuell hinzufügen als auch über eine selbst
durchgeführte Anmeldung.
Einfügen eines Anmeldungsformulars
1.
Klicken Sie in der Kategorie „Smart-Objekte“ der
Registerkarte QuickBuild auf das Symbol
Anmeldungsformular.
2.
Platzieren Sie den Mauszeiger
an der
gewünschten Position für das Formular auf der Seite
3.
Sollten Sie noch kein Konto bei den Serif
Webressourcen angelegt haben oder gerade nicht
angemeldet sein, wird automatisch das
Anmeldungsfenster für die Serif Webressourcen
geöffnet. Um sich anzumelden, klicken Sie unter Neuer
Benutzer auf Konto anlegen.
ODER
124
Smart-Objekte
Besitzen Sie bereits ein Konto und sind angemeldet,
wird das Dialogfeld für Website-Mitglieder-Manager
geöffnet.
4.
Wählen Sie in dem Dialogfeld für Mitglieder-Manager
den Mitglieder-Manager Ihrer Website aus. Falls Sie
noch keinen dieser Manager angelegt haben, klicken Sie
auf Neu erstellen. Nähere Informationen hierzu finden
Sie unter dem Thema „Der Mitglieder-Manager Ihrer
Website“ auf Seite 150.
5.
In dem Dialogfeld „Bearbeiten“ sind nun verschiedene
Optionen verfügbar:
6.
•
Um die Darstellung des Formulars festzulegen,
klicken Sie auf Konfigurieren.
•
Um den Zugang für Benutzer festzulegen, klicken
Sie auf Verwalten. WebPlus nimmt nun
Verbindung zu www.serifwebresources.com auf.
•
Stellen Sie unter „Darstellung“ eine Farbe für den
Hintergrund, die Umrandung sowie für Texte,
Bezeichnungen und Schaltflächen ein.
Klicken Sie auf Einfügen, um das Formular auf Ihrer
Seite zu platzieren.
Smart-Objekte
125
Einfügen eines Blogs
Ein Blog (Kurzform von „Weblog“) übernimmt die
Funktion eines Tagebuchs/Nachrichtenblattes auf Ihrer
Website, in dem Sie mit einem unkomplizierten Texteditor
Ihre eigenen Artikel veröffentlichen. Bei den Blogs ist es
üblich, dass die Besucher der Website die verschiedenen
Artikel kommentieren können.
In WebPlus gehören die Blogs zu den Smart-Objekten,
einer besonderen Kategorie von Seitenelementen, die auf
dem Server eines sicheren Onlinedienstes gespeichert
werden – den Serif Webressourcen. Wenn Sie also einen
Blog oder ein anderes Smart-Objekt verwenden möchten,
benötigen Sie ein gültiges Benutzerkonto für die Serif
Webressourcen. Dieses Konto können Sie bequem anlegen,
wenn Sie Ihren Blog erstellen.
Als Besitzer des Blogs übernehmen Sie auch die
Blogverwaltung. Sie können für den Blog z. B. Artikel
hinzufügen, bearbeiten und entfernen sowie Kommentare
löschen, die Website-Besucher zu den Artikeln hinterlassen
haben. Blogs lassen sich ebenfalls so konfigurieren, dass
mehrere Autoren Artikel zu dem Blog beisteuern können
(siehe WebPlus-Hilfe).
Wenn Sie viel unterwegs sind und häufig mit einem
Laptop von unterschiedlichen geografischen
Standorten arbeiten, können Sie diese verwalteten
Inhalte jederzeit über die Serif Webressourcen
aktualisieren. Sie müssen Ihre Website dann
anschließend NICHT erneut publizieren.
126
Smart-Objekte
Einfügen von Blogs
Blogs lassen sich genau wie alle anderen Objekte in WebPlus
behandeln, sodass Sie das gewünschte Objekt einfach an der
passenden Stelle Ihrer Webseite absetzen können.
Einfügen eines Blogs auf einer Seite
1.
Registerkarte QuickBuild auf das Symbol Blog.
2.
mit gedrückter
Ziehen Sie den Mauszeiger
Maustaste über Ihre Seite, um den Bereich und die
Größe für den Blog zu bestimmen.
3.
Sollten Sie noch kein Konto bei den Serif Webressourcen
angelegt haben oder gerade nicht angemeldet sein, wird
automatisch das Anmeldungsfenster für die Serif
Webressourcen geöffnet. Um sich anzumelden, klicken
Sie unter Neuer Benutzer? auf Konto anlegen.
ODER
Besitzen Sie bereits ein Konto und sind angemeldet, wird
das Dialogfeld für Website-Mitglieder-Manager geöffnet.
4.
den Mitglieder-Manager Ihrer Website aus. Falls Sie noch
keinen dieser Manager angelegt haben, klicken Sie auf
Neu erstellen. Nähere Informationen hierzu finden Sie
unter dem Thema „Der Mitglieder-Manager Ihrer
Smart-Objekte
127
5.
Geben Sie in das Dialogfeld „Konfigurieren“ einen
Namen für Ihren Blog ein. Dieser Blogtitel wird auch
am Anfang des im Web publizierten Blogs angezeigt.
6.
Klicken Sie auf die Schaltfläche Speichern. Der nun
angezeigte hellblaue Bereich kennzeichnet den Blog.
Nach dem Einfügen in die Seite können Sie den Blog
beliebig über sein per Rechtsklick geöffnetes
Kontextmenü oder auch die Kontextleiste bearbeiten,
konfigurieren und verwalten.
Auf diese Weise lassen sich zum Beispiel die Darstellung des
Blogs und die angezeigte Anzahl von Artikeln ändern.
Bearbeiten Ihres Blogs
•
Führen Sie einen Doppelklick auf den Blog aus.
Weitere Informationen zu den Kontooptionen der Serif
Webressourcen finden Sie unter dem Thema „Arbeiten
mit Smart-Objekten“ (siehe Seite 139).
Verwalten Ihres Blogs
Über die Blogverwaltung können Sie Artikel hinzufügen,
bearbeiten und entfernen sowie Kommentare löschen, die zu
Artikeln abgegeben wurden. Mit den Editorgruppen lassen
sich auch Artikel veröffentlichen, die aus der Feder
mehrerer Autoren stammen. Um einen neuen Artikel zu
erstellen oder einen bestehenden zu bearbeiten, geben Sie
einfach den gewünschten Text in den RTF-Editor ein,
128
Smart-Objekte
wählen die Tags und den Poster des Artikels aus, aktivieren
die Rückverfolgung oder geben einen Kommentar ein.
Verwalten Ihres Blogs
•
Wählen Sie den Blog aus und klicken Sie in der
Kontextleiste auf Verwalten.
Nähere Informationen sowie eine Beschreibung der
einzelnen Optionen finden Sie in der Hilfe zu den
Webressourcen. Klicken Sie einfach in dem SmartObjekt-Dialogfeld des Blogs auf „Hilfe“.
Weitere Informationen zu den Smart-Objekten finden Sie in
der WebPlus-Hilfe.
Einfügen eines Forums
WebPlus beinhaltet ein Smart-Objekt, mit dem Sie ein
Forum auf Ihren Webseiten platzieren können. Dieses
Forum lässt sich dann flexibel in verschiedene Kategorien
mit einem oder mehreren Unterforen aufteilen.
Besucher Ihrer Website können dann die in den Unterforen
geposteten Themen sowie die Antworten, den Autor eines
Beitrags und das zuletzt eingefügte Posting sehen.
Das von Ihren Website-Besuchern in einem Unterforum
neu erstellte Diskussionsthema steht dann auch für alle
anderen Website-Besucher offen, sodass diese ihre Meinung
als Nachricht posten können; auf diese Weise entsteht ein
Diskussionsfaden (auch „Thread“ genannt).
Smart-Objekte
129
Möchte sich einer Ihrer Website-Besucher an einer
Forumsdiskussion beteiligen, gibt er einfach selbst die
Anmeldungsdaten zu seiner Person ein und kann
anschließend Beiträge in das Forum schreiben.
Die Forum-Features
•
Anlegen mehrerer untergeordneter Foren (Plato,
Aristoteles, Descartes usw.) in Kategorien (z. B.
Philosophen).
•
Festlegen einer Zugangskontrolle für Benutzer und
Moderatoren.
•
Einstellen des Datenschutzes per Forumzugang
(öffentlich oder nur für ausgewählte Mitglieder).
•
Formatieren des Forums mit einem Thema (visueller
Stil).
•
Anlegen, Bearbeiten und Zuweisen von
Benutzerrängen.
•
Festlegen der Benutzerrechte.
•
Verwalten und Moderieren des Forums, ohne das
Forum neu publizieren zu müssen.
130
Smart-Objekte
Foren lassen sich genau wie andere Objekte auf Seiten
einfügen. Sie können jedoch das Forum auch über einen
Offsite-Link als Fenster in voller Größe präsentieren.
Wenn Sie ein Forum erstellen, müssen Sie es mit einem
Mitglieder-Manager Ihrer Website verbinden. Der Manager
gilt für diese bestimmte Website. Er fungiert als
„Sammelbecken“ für die Speicherung der Smart-Objekte,
wie z. B. Foren, und regelt gleichzeitig für Ihr Forum die
Zugangskontrolle der Website-Besucher. Um den WebsiteMitglieder-Manager zu konfigurieren, verwenden Sie die
Serif Webressourcen.
1.
Registerkarte QuickBuild auf das Symbol Forum.
2.
Ziehen Sie den Mauszeiger
mit gedrückter
Maustaste über Ihre Seite, um den Bereich und die
Größe für das Forum zu bestimmen.
3.
Sollten Sie noch kein Konto bei den Serif
Webressourcen angelegt haben oder gerade nicht
angemeldet sein, wird automatisch das
Anmeldungsfenster für die Serif Webressourcen
geöffnet. Um sich anzumelden, klicken Sie unter Neuer
Benutzer? auf Konto anlegen.
ODER
Smart-Objekte
131
Besitzen Sie bereits ein Konto und sind angemeldet,
wird das Dialogfeld für Website-Mitglieder-Manager
geöffnet.
4.
5.
Geben Sie in das Dialogfeld „Konfigurieren“ einen
Namen für Ihr Forum ein. Dieser Forumtitel wird auch
am Anfang des im Web publizierten Forums angezeigt.
6.
Geben Sie eine Forumbeschreibung ein, um Ihren
Website-Besuchern einen Eindruck von den
diskutierten Inhalten zu vermitteln.
7.
Klicken Sie auf die Schaltfläche Speichern. Das Forum
wird nun auf Ihrer Seite angezeigt.
Nach dem Einfügen in die Seite können Sie das Forum
beliebig über sein per Rechtsklick geöffnetes
Kontextmenü oder auch die Kontextleiste bearbeiten,
konfigurieren und verwalten.
Sie können Foren ebenfalls über den Menüpunkt
Einfügen > Smart-Objekt erstellen.
Bearbeiten Ihres Forums
•
Führen Sie einen Doppelklick auf das Forum aus.
132
Smart-Objekte
Weitere Informationen zu den Kontooptionen der Serif
Webressourcen finden Sie unter dem Thema „Arbeiten
mit Smart-Objekten“ (siehe Seite 139).
Verwalten Ihres Forums
Bis jetzt haben Sie nur ein Standardforum angelegt – ein
Unterforum innerhalb einer einzigen Kategorie. Möchten
Sie den Namen einer Kategorie bzw. eines Unterforums
ändern oder neue Kategorien oder Unterforen in diesen
Kategorien hinzufügen, müssen Sie den WebsiteMitglieder-Manager in den Serif Webressourcen
verwenden. Mit dem Manager können Sie ebenfalls die
Forensicherheit festlegen (Moderatoren bestimmen,
Benutzer manuell hinzufügen, Benutzer einfrieren oder per
Bann ausschließen) sowie die Datenschutzbestimmungen
festlegen, ein Thema zuweisen und die Benutzerränge
(basierend auf der Anzahl der Postings) definieren.
Verwalten Ihres Forums
•
Wählen Sie das Forum aus und klicken Sie in der
Kontextleiste auf Verwalten.
Foren sind sehr komplexe Objekte. Benötigen Sie nähere
Informationen zu den Konfigurationsmöglichkeiten oder
eine Beschreibung der Optionen, klicken Sie in dem
Dialogfeld für Smart-Objekte auf die Hilfe-Schaltfläche.
Smart-Objekte
133
Einfügen einer Website-Suche
WebPlus bietet eine Reihe leistungsstarker Suchoptionen für
Ihre Website. Was Sie suchen und in welchen Teilen der
Website bestimmt hierbei auch, welche Möglichkeiten Ihnen
zur Verfügung stehen. Grundsätzlich gibt es zwei
Suchvarianten:
•
Die Onlinesuche: Bei dieser Suche werden die von
einem Besucher eingegebenen Begriffe mit den Wörtern
Ihrer Textrahmen, Tabellen und bestimmter SmartObjekte (z. B. Blogs, Foren, CMS-Inhalte usw.)
abgeglichen. Sie können bereits im Voraus Tags
(Marker) für Seiten festlegen, um die Suche auf nur
diese Seiten zu beschränken.
•
Client-seitige Suche (wie in WebPlus X7): Bei dieser
Suche werden die von einem Besucher eingegebenen
Begriffe nur mit den Wörtern Ihrer Textrahmen und
Tabellen abgeglichen. Verwenden Sie diese Variante für
einfache Websites ohne Smart-Objekte oder Websites,
in denen keine selektive Seitensuche notwendig ist.
Die Option für die Onlinesuche verwendet die Serif
Webressourcen, um die eigentliche Suche
durchzuführen. Sie müssen also ein Konto bei den Serif
Webressourcen einrichten, wenn Sie dieses Feature
benutzen möchten.
Beide Suchoptionen können lediglich die Seiten Ihrer
Website durchsuchen und die Suche NICHT auf OffsiteLinks ausdehnen.
134
Smart-Objekte
Beide Varianten der Suchfunktion bestehen aus zwei Teilen:
einem Formular für die Website-Suche und einem
Rahmen für die Website-Suchergebnisse.
Ergebnisse der Website-Suche: Hiermit erstellen Sie einen
Rahmen, in dem die Suchergebnisse angezeigt werden.
Dieser Rahmen wird für gewöhnlich auf einer separaten
Seite platziert und ist nicht Teil der Navigationsstruktur
Ihrer Website.
Für gewöhnlich wird der Rahmen für die Suchergebnisse vor
dem Formular für die Website-Suche platziert.
Formular für die Website-Suche: In dieses Textfeld geben
die Website-Besucher den Begriff ein, nach dem die
Webseiten durchsucht werden sollen. Sie fügen dieses
Objekt für gewöhnlich auf einer Master-Seite ein, damit es
auf allen Seiten Ihrer Website verfügbar ist.
In den Suchergebnissen werden dann ein Seitenname mit
Hyperlink angezeigt sowie ein entsprechender Text der
Webseite als Referenz. Website-Besucher klicken einfach auf
den Hyperlink, um zu der entsprechenden Seite umzuschalten.
Smart-Objekte
135
Einrichten der Onlinesuche
Die Onlinesuche nutzt die Serif Webressourcen, damit
Website-Besucher auch die Seitentexte von Server-seitigen
Blogs, Foren und CMS-Inhalten durchsuchen können. Für
diese Suche müssen Sie daher einen Mitglieder-Manager für
Ihre Website einrichten. Eventuell haben Sie diesen
Manager bereits erstellt, als Sie andere Smart-Objekte
eingefügt haben. Falls nicht, werden Sie automatisch
aufgefordert, ein Konto bei den Serif Webressourcen und
einen Mitglieder-Manager einzurichten. Nähere
Informationen hierzu finden Sie unter dem Thema „Der
Mitglieder-Manager Ihrer Website“ auf Seite 150.
Einfügen des Objekts für die WebsiteSuchergebnisse
1.
Klicken Sie im Menü Einfügen auf Website-Suche und
dann auf Website-Suchergebnisse, um den Rahmen für
die Suchergebnisse nach seiner Konfiguration auf Ihrer
ODER
Registerkarte QuickBuild auf das Symbol Rahmen für
Ergebnisse der Website-Suche und ziehen Sie den
Mauszeiger mit gedrückter Maustaste über Ihre Seite,
um die Größe des Rahmens für die Suchergebnisse zu
bestimmen.
136
2.
Smart-Objekte
Legen Sie mit den Optionen des Dialogfelds die
Darstellung der Texte und Hyperlinktexte fest.
Es empfiehlt sich außerdem, die Suchergebnisse auf
einer separaten Seite einzublenden. Für diese Seite
können Sie dann z. B. auch ein anderes Design
festlegen als für den Rest der Website. Um die
Darstellung auf der Seite zu ändern, führen Sie einfach
einen Doppelklick auf das Objekt für die
Suchergebnisse aus.
Einfügen eines Formularobjekts für die WebsiteSuche
1.
(Optional) Wählen Sie in der Registerkarte Seiten eine
Master-Seite aus, um das Suchformular auf allen Seiten
der Website einzublenden, die diese Master-Seite
verwenden.
2.
Klicken Sie im Menü Einfügen auf den Eintrag
Website-Suche und in dem nun geöffneten Untermenü
auf Formular für Website-Suche. Klicken Sie mit dem
Einfügen-Cursor auf die Seite, um das Formularobjekt
für die Website-Suche zu platzieren.
ODER
Ziehen Sie aus der Kategorie „SmartObjekte“ der Registerkarte QuickBuild das Symbol
Formular für Website-Suche auf Ihre Seite.
3.
Klicken Sie in dem Dialogfeld „Formular für WebsiteSuche einfügen“ auf die Option Onlinesuche.
Smart-Objekte
137
4.
Wählen Sie den zuvor erstellten Rahmen für die
Suchergebnisse in dem Dropdownfeld Objekt für
Suchergebnisse aus.
5.
Um die Eigenschaften für die Smart-Suche über die
Serif Webressourcen festzulegen, klicken Sie auf
Mitglieder-Manager für Website auswählen. Wählen
Sie in dem Dialogfeld den Manager für Ihre Website aus
oder klicken Sie auf Neu erstellen, um einen neuen
Manager für Ihre Website anzulegen.
6.
Wählen Sie per Mausklick einen Tagnamen in dem Feld
für die Tags der Smart-Suche aus, um die Suche nur auf
die Seiten zu beschränken, denen Sie im Vorfeld diesen
Tag über die Seiteneigenschaften zugewiesen haben.
Nähere Informationen hierzu finden Sie nachfolgend
unter „Hinzufügen von Tags für die Smart-Suche zu
Seiten“.
7.
(Optional) Legen Sie über die anderen Registerkarten
die Darstellung und die Eigenschaften für das
Suchformular fest.
8.
Bearbeiten der Darstellung für das Formular und
den Ergebnisrahmen der Suche
•
Führen Sie einen Doppelklick auf das Suchen-Objekt
aus, um sein Bearbeitungsfenster zu öffnen. Stellen Sie
die gewünschten Werte ein.
138
Smart-Objekte
Hinzufügen von Tags für die Smart-Suche
zu Seiten
Mit der Onlinesuche können Sie die Suche gezielt auf Seiten
beschränken, denen Sie zuvor einen Smart-Tag zugewiesen
haben. Wenn Sie Ihr Formular für die Website-Suche
konfigurieren, wählen Sie einfach die Tagnamen aus, um die
Suche auf die entsprechenden Seiten einzugrenzen.
Einfügen eines Smart-Tags
1.
Klicken Sie mit der rechten Maustaste auf eine Seite und
in ihrem Kontextmenü auf Seiteneigenschaften.
2.
Klicken Sie in der linken Liste auf den Punkt
Suchmaschine > Smart-Suche - Tags und geben Sie
den Tag in das Feld Neuer Tag ein.
3.
Hinzufügen.
Erstellen des Index für Ihre Website
Nachdem Sie Ihre Website publiziert haben, müssen Sie im
letzten Schritt noch die Indexerstellung der Seiten starten.
Hierdurch können Ihre Website-Besucher dann sofort die
Onlinesuche verwenden.
Smart-Objekte
139
Starten der Indexerstellung
•
Wechseln Sie zu der Seite Ihrer Website, auf der Sie das
Suchformular platziert haben, und führen Sie eine
Suche nach allen Suchbegriffen in Ihrer Website aus.
Über den Mitglieder-Manager Ihrer Website können Sie auf
www.serifwebresources.com jederzeit den Indexstatus Ihrer
Website prüfen. Öffnen Sie hierzu die Registerkarte
Erweitert und dann die Registerkarte Website-Suche.
Wenn Sie später grundlegende Änderungen an den Inhalten
Ihrer Website vornehmen, können Sie jederzeit den Index
neu erstellen. Öffnen Sie hierzu die Registerkarte WebsiteSuche und klicken Sie auf Index neu erstellen. Sie können
den Index Ihrer Website pro Monat nur einige Male neu
erstellen.
Während die Seiteninhalte in den Index aufgenommen
werden, ist die Website-Suche eventuell nicht
verfügbar.
Arbeiten mit Smart-Objekten
Für verwaltete Inhalte Ihrer Webseiten können Sie in
WebPlus die auf einem Server gespeicherten Smart-Objekte
verwenden, die Daten von den Website-Besuchern auf
einem sicheren Server namens Serif Webressourcen
speichern. Sie können Ihre Smart-Objekte direkt in
WebPlus verwalten oder auch jederzeit über die Seite
www.serifwebresources.com, nachdem Sie Ihre Website im
Internet publiziert haben.
140
Smart-Objekte
Werfen wir nun einen genaueren Blick auf die einzelnen
Smart-Objekte der Webressourcen und ihre verschiedenen
Anwendungsmöglichkeiten.
Name
Verwendungszweck
Buchungsassistent
für Unterkünfte
Diese Ressource ist perfekt für
Onlinebuchungen in Gasthäusern,
Pensionen und Ferienanlagen und
bietet verschiedene Preisoptionen
für unterschiedliche Zeiträume und
Wochentage.
Blog
Content
Management
System (CMS)
Ein Blog (Kurzform von „Weblog“)
übernimmt die Funktion eines
Tagebuchs/Nachrichtenblattes auf
Ihrer Website, in dem Sie mit einem
unkomplizierten Texteditor Ihre
eigenen Artikel veröffentlichen. Bei
den Blogs ist es üblich, dass die
Besucher der Website die
verschiedenen Artikel
kommentieren können.
Mit diesem Objekt können Sie
verschiedene Artikel-basierende
Inhalte per Remote-Verbindung
hinzufügen, bearbeiten, löschen
oder in Kategorien sortieren, ohne
dass Sie hierzu auf WebPlus
zugreifen oder die Inhalte mit
WebPlus publizieren müssen. Die
Website-Besucher können die
Smart-Objekte
141
Artikel bewerten und
kommentieren. Für das CMS lassen
sich separate Farben festlegen.
Forum
News
Abstimmung
Buchungsassistent
Shoutbox
Mit diesem Objekt erstellen Sie ein
Forum für Diskussionsbeiträge, das
sich in verschiedene Kategorien und
Unterkategorien einteilen lässt.
Mit diesem Objekt platzieren Sie ein
News-Fenster auf Ihrer Seite.
Mit dieser Ressource können Sie
online eine Umfrage durchführen,
um die Meinung der WebsiteBesucher zu einem bestimmten
Thema einzuholen.
Dieses Objekt ermöglicht die
Onlinebuchung von Hotelzimmern,
Konferenzräumen, Theaterkarten usw.
Objekte lassen sich für Stunden oder
Tage mieten, als sich wiederholende
Buchungen durchführen und mit
Preisoptionen für unterschiedliche
Altersgruppen anbieten.
Diese Ressource fungiert als
interaktives Chat-Fenster (ähnlich
dem Windows Messenger). Über die
Shoutbox können die Besucher
Ihrer Website miteinander
kommunizieren.
142
Smart-Objekte
Da die Smart-Objekte in den Serif Webressourcen
gespeichert werden, können Sie bei dem Erstellen und
der Verwaltung der Objekte einfach auf die HilfeSchaltfläche klicken, wenn Sie zusätzliche
Informationen zu einem Objekt benötigen.
Aus Sicherheitsgründen sind diese Objekte nur über eine
Anmeldung bei den Serif Webressourcen verfügbar, die Sie
aus WebPlus aktivieren können. Falls Sie noch keinen
gültigen Benutzernamen sowie kein Kennwort besitzen,
müssen Sie zuerst ein Konto bei den Webressourcen
einrichten.
Anlegen eines Kontos bei den Serif Webressourcen
1.
Klicken Sie im Menü Einfügen auf Smart-Objekt.
2.
Füllen Sie in dem Anmeldungsfenster die Angaben
unter Neuer Benutzer? aus. Sie müssen die
Nutzungsbedingungen von Serif lesen und diesen
zustimmen (per Kontrollkästchen), um fortfahren zu
können.
3.
Klicken Sie auf die Schaltfläche Anmeldung.
4.
In dem nächsten Dialogfeld können Sie einige Angaben
zu Ihrer Person eintragen und festlegen, ob Sie den Serif
Newsletter sowie Informationen zu speziellen
Angeboten von Serif und/oder Angeboten von
Drittherstellern erhalten möchten.
5.
Anschließend wird eine Bestätigungs-E-Mail an Ihre EMail-Adresse verschickt. Klicken Sie auf den Link in der
E-Mail. Sie können sich nun bei den Serif
Smart-Objekte
143
Webressourcen anmelden, indem Sie auf Einfügen >
Smart-Objekt klicken.
Löschen der Kontodetails
•
Klicken Sie auf den Menüpunkt Extras > Optionen und
dann in der Kategorie Optionen > Allgemein auf die
Schaltfläche Kontodetails löschen. Alle gespeicherten
Details zu der Anmeldung bei den Serif Webressourcen
werden nun gelöscht, sodass Ihre automatische
Anmeldung nicht mehr funktioniert. Bei der nächsten
Anmeldung müssen Sie dann einige Details eingeben.
Sie sollten sich Ihr Kennwort daher gut merken.
Zugreifen auf die Webressourcen
1.
2.
Geben Sie in das Anmeldungsfenster Ihren
Benutzernamen und das Kennwort ein. Wenn Sie in
Zukunft direkt auf die Webressourcen zugreifen
möchten, ohne sich vorher anzumelden, aktivieren Sie
die Option Kontodetails speichern.
3.
Klicken Sie auf die Schaltfläche Anmelden.
Abmelden bei den Serif Webressourcen
•
Klicken Sie in dem Dialogfeld für die Smart-Objekte auf
das Zahnradsymbol und dann auf Abmelden.
144
Smart-Objekte
Anlegen eines Mitglieder-Managers für Ihre
Website
Als neuer Benutzer müssen Sie zunächst einen WebsiteMitglieder-Manager für Ihre Website anlegen, damit Sie
später auch mit Smart-Objekten arbeiten können. Der
Manager ist eine zentrale Anlaufstelle für Design,
Bearbeitung und Verwaltung der Smart-Objekte, die Sie in
Ihrer Website verwenden möchten.
Mit dem Mitglieder-Manager regeln Sie auch den
Zugang der Website-Besucher zu bestimmten SmartObjekten, wie zum Beispiel Foren und Blogs, und legen
die Zugangskontrolle für Seiten fest. Nähere
„Einrichten des Mitglieder-Managers für Ihre Website“
auf Seite 151.
Nachdem Sie den Mitglieder-Manager für Ihre Website
angelegt haben, können Sie darin Smart-Objekte erstellen,
konfigurieren und bearbeiten. Die Objekte lassen sich dann
entweder sofort oder auch später zu einem beliebigen
Zeitpunkt in Ihre Webseiten einfügen.
Erstellen von Smart-Objekten
Um ein Smart-Objekt zu erstellen, wählen Sie zunächst den
Mitglieder-Manager der Website aus, in die Sie das SmartObjekt einfügen möchten. Manche Smart-Objekte, wie z. B.
Foren, verwenden Sie wahrscheinlich nur einmal pro
Website, andere Smart-Objekte dafür hingegen mehrmals
(Blogs, News, Shoutboxen, Abstimmungen usw.). Jedes
Smart-Objekte
145
dieser Smart-Objekte müssen Sie jedoch in dem MitgliederManager für Ihre Website erstellen.
Wenn Sie nun mit der Arbeit fortfahren, sollten Sie stets im
Hinterkopf behalten, dass sich ein Smart-Objekt mehrmals
in Ihre Website einfügen lässt. Sie können dann für jede
dieser Varianten die Darstellung genau anpassen. Nähere
„Bearbeiten von Smart-Objekten“ auf Seite 147.
Einige Smart-Objekte, wie z. B. Anmeldungsformulare,
Foren, Blogs und News-Fenster lassen sich direkt durch
Klicken und Ziehen aus der Registerkarte „QuickBuild“
auf Ihren Seiten platzieren.
Erstellen eines Smart-Objekts
1.
2.
den Manager der Website aus, in die Sie das SmartObjekt einfügen möchten.
3.
Klicken Sie in dem Dialogfeld für Smart-Objekte auf die
Schaltfläche Neu.
4.
Blättern Sie in dem Dialogfeld „Smart-Objekt erstellen“
durch die Liste und wählen Sie ein Smart-Objekt aus.
5.
146
Smart-Objekte
Konfigurieren von Smart-Objekten
Sie müssen für ein neu erstelltes Smart-Objekt einen Namen
und eine Beschreibung eingeben und in manchen Fällen
auch festlegen, wie das Smart-Objekt in Ihrer Website
funktionieren soll.
Konfigurieren eines Smart-Objekts
1.
2.
Gehen Sie in dem Dialogfeld Konfigurieren wie folgt
vor:
•
Geben Sie einen Namen für das Objekt ein. Dieser
wird neben dem Smart-Objekt unter dem Eintrag
des Mitglieder-Managers der Website eingeblendet,
sodass Sie nie den Überblick über die Objekte
verlieren.
•
Legen Sie die Sprache fest, die für Ihr Objekt
verwendet werden soll.
•
Die verfügbaren Einstellungen variieren je nach
Typ des Smart-Objekts. Über die Schaltfläche Hilfe
in dem Konfigurieren-Dialogfeld des jeweiligen
Smart-Objekts öffnen Sie eine detaillierte
Beschreibung zu den einzelnen Optionen.
Klicken Sie auf die Schaltfläche Erstellen.
Nachdem Sie das Smart-Objekt auf der Seite platziert haben,
können Sie es jederzeit neu konfigurieren. Klicken Sie hierzu
mit der rechten Maustaste auf das Objekt und in seinem
Kontextmenü auf Konfigurieren.
Smart-Objekte
147
Bearbeiten von Smart-Objekten
Indem Sie ein Smart-Objekt bearbeiten, können Sie seine
Darstellung genau an das Design Ihrer Website anpassen.
Die Standardeinstellungen des Objekts lassen sich flexibel
ändern. Welche Einstellungen für die Objekte verfügbar
sind, variiert je nach Objekttyp.
Nachdem Sie ein Objekt erstellt haben, können Sie es
entweder in dem Mitglieder-Manager Ihrer Website oder
direkt auf der Seite bearbeiten.
Bearbeiten von Smart-Objekten über den
Mitglieder-Manager Ihrer Website
•
Wählen Sie in dem Bearbeiten-Dialogfeld unter
„Darstellungsoptionen“ eine Hintergrundfarbe aus und
legen Sie die anderen Einstellungen (diese variieren je
nach Objekttyp) fest.
Bearbeiten von Smart-Objekten auf Ihrer Seite
•
Führen Sie einen Doppelklick auf das Objekt aus, um
sein Bearbeitungsfenster zu öffnen.
Wenn Sie ein Objekt bearbeiten, verändern Sie nur das
eigentliche Objekt und nicht die von dem Objekt
gesammelten Daten.
Wenn Sie unter dem Mitglieder-Manager Ihrer Website
ein Doppelklick auf ein bestehendes Smart-Objekt
ausführen, können Sie eine zweite Instanz dieses
Smart-Objekts einfügen. Diese Instanz lässt sich dann
getrennt von der ersten konfigurieren.
148
Smart-Objekte
Einfügen von Smart-Objekten in Seiten
Einfügen von Smart-Objekten in Ihre Webseite
1.
Klicken Sie in dem Bearbeiten-Dialogfeld auf die
Schaltfläche Einfügen.
2.
Um das Objekt mit einer Standardgröße
einzufügen, platzieren Sie den Mauszeiger an der
gewünschten Stelle der Seite und drücken die linke
Maustaste.
ODER
Ziehen Sie den Mauszeiger mit gedrückter Maustaste
über die Seite, um die Abmessungen des Smart-Objekts
selbst festzulegen. Diese Methode ist nicht für alle
Smart-Objekte verfügbar.
Das Smart-Objekt wird auf der Dokumentseite automatisch
mit einer Vorschau angezeigt, damit Sie sich einen
Überblick über das Aussehen des publizierten Objekts
verschaffen können.
Verwalten von Smart-Objekten
Bei der Konfiguration von Smart-Objekten legen Sie fest, wie
die einzelnen Objekte arbeiten. Mit der Verwaltung
bestimmen Sie, was nach dem Publizieren der Webseite mit
den Daten geschehen soll, die von dem Smart-Objekt
gesammelt werden. Die komplexeren Smart-Objekte, wie z. B.
Foren, Blogs, Buchungsassistenten, Buchungssysteme für
Unterkünfte, Abstimmungen und Shoutboxen, speichern
Smart-Objekte
149
bestimmte Daten der Website-Besucher, wie Kommentare zu
Artikeln, E-Mail-Adressen, Abstimmungsergebnisse und ein
Nachrichten-Logbuch für Chats. Für einen Blog ist es zum
Beispiel absolut wichtig, dass Sie neue Artikel verfassen und
die bestehenden Artikel verwalten.
Verwalten von Smart-Objekten über den MitgliederManager Ihrer Website
1.
Führen Sie in dem Mitglieder-Manager Ihrer Website
einen Doppelklick auf das Smart-Objekt aus.
2.
Klicken Sie in dem Bearbeiten-Dialogfeld auf die
Schaltfläche Verwalten. Die Verwaltungsoptionen
variieren je nach ausgewähltem Smart-Objekt. Sie
werden nun zu den Serif Webressourcen geleitet, damit
Sie die Verwaltungsaufgaben für das Smart-Objekt
erledigen können.
Nachdem Sie das Smart-Objekt auf der Seite platziert
haben, können Sie es jederzeit verwalten. Klicken Sie
hierzu mit der rechten Maustaste auf das Objekt und in
seinem Kontextmenü auf Verwalten.
Nähere Informationen sowie eine Beschreibung der
einzelnen Optionen finden Sie in der Hilfe zu den
Webressourcen. Klicken Sie einfach in einem SmartObjekt-Dialogfeld auf „Hilfe“.
150
Smart-Objekte
Der Mitglieder-Manager Ihrer
Website
Der Mitglieder-Manager für Websites von den Serif
Webressourcen übernimmt zwei wichtige Aufgaben:
•
Hier können Sie die Sicherheitseinstellungen für Ihre
Website festlegen – z. B. den Zugang zu bestimmten
Seiten sperren oder bestimmen, welche WebsiteBesucher Zugang zu Foren haben. Darüber hinaus
bearbeiten Sie hier auch Blog-Artikel oder erstellen
CMS-Inhalte.
•
Der Mitglieder-Manager für eine Website ist die
zentrale Anlaufstelle für das Design, die Bearbeitung
und die Verwaltung Ihrer Smart-Objekte, wie z. B.
Blogs und Foren.
Pro Website müssen Sie immer einen Mitglieder-Manager
anlegen. Über die verschiedenen Mitglieder-Manager der
Serif Webressourcen legen Sie dann die Smart-Objekte und
Zugangsberechtigungen der Besucher für jede Ihrer
Websites separat fest.
Nähere Informationen hierzu finden Sie in der Hilfe zu
WebPlus.
Möchten Sie Smart-Objekte erstellen, gehen Sie wie
unter „Arbeiten mit Smart-Objekten“ (siehe Seite 139)
beschrieben vor.
Smart-Objekte
151
Einrichten des Mitglieder-Managers für
Ihre Website
Mit dem Mitglieder-Manager verwalten Sie ebenfalls
Blogs, Foren und andere Smart-Objekte Ihrer Website.
Erstellen eines Mitglieder-Managers für Ihre Website
1.
2.
Melden Sie sich bei den Serif Webressourcen an. Falls
Sie noch keine gültigen Zugangsdaten für die
Webressourcen besitzen, müssen Sie sich zunächst
registrieren lassen.
3.
Klicken Sie in dem Dialogfeld für Website-MitgliederManager auf Neu erstellen.
4.
In dem Dialogfeld für die Konfiguration müssen Sie
einen Website-Namen für den Website-MitgliederManager festlegen. Dieser Server-seitige Manager ist
notwendig, damit Sie mit Smart-Objekten arbeiten
können und die Zugangskontrolle für Ihre Website
korrekt funktioniert.
5.
Geben Sie die Website-URL an. Hierbei handelt es sich
um die Webadresse Ihrer Site, wie z. B.
www.rainbow.org.uk
6.
Klicken Sie auf die Schaltfläche Erstellen. Der WebsiteMitglieder-Manager wird nun als Eintrag hinzugefügt.
152
7.
Smart-Objekte
Per Doppelklick auf den Eintrag können Sie
verschiedene Optionen für die Zugangskontrolle Ihrer
Website festlegen.
Die Optionen für die Zugangskontrolle
Der Mitglieder-Manager Ihrer Website bietet verschiedene
Objekte für die Zugangskontrolle, die Sie bequem auf Ihren
Seiten platzieren können.
Anmeldungsformular für Mitglieder: Mit dieser Option
fügen Sie ein Anmeldungsformular direkt in Ihre Seite ein.
Diese Methode wird häufig auf privaten Websites oder den
Websites kleiner Unternehmen eingesetzt. Hierbei gewähren
Sie den Besuchern freien Zugriff auf den Großteil Ihrer
Website und beschränken per Anmeldung nur für einige
Seiten den Zugang auf ausgewählte Besucher.
Smart-Objekte
153
Dieses Anmeldungsformular lässt sich auch über die
Registerkarte „QuickBuild“ einfügen.
Nähere Informationen hierzu finden Sie unter dem Thema
„Die Anmeldungsformulare“ auf Seite 123.
Anmeldung mit Mailinglisten: Mit diesen Objekten
können Website-Besucher Newsletter abonnieren,
Einladungen bestätigen, Informationsmaterial anfordern
usw. Die Listen lassen sich manuell kontrollieren oder mit
einer Selbstanmeldung. Sie können E-Mail-Adressen als per
Trennzeichen getrennte Textdateien (CSV-Format)
importieren sowie in einer breiten Palette von Formaten
exportieren. Nähere Informationen hierzu finden Sie unter
dem Thema „Die Mailinglisten“ auf Seite 155.
Schützen von Seiten mit
Kennwörtern
Einige Seiten Ihrer Website sind vielleicht nicht für die
breite Öffentlichkeit bestimmt und sollten daher nur einer
ausgewählten Gruppe von Besuchern zugänglich sein.
WebPlus nutzt die Serif Webressourcen, um festzulegen,
welcher Website-Besucher welche Seite sehen darf. Die
Anmeldungsdaten werden in einer Benutzergruppe
gespeichert, die mit der Seite verknüpft ist. Diese Gruppe
enthält dann eine Liste aller autorisierten Besucher.
154
Smart-Objekte
Festlegen einer Zugangskontrolle für Benutzer
1.
Erstellen Sie einen Mitglieder-Manager für Ihre
Website. Nähere Informationen hierzu finden Sie unter
dem Thema „Der Mitglieder-Manager Ihrer Website“
auf Seite 150.
2.
Melden Sie sich bei der Website
www.serifwebresources.com an.
3.
Geben Sie in die Registerkarte Gruppen einen
Gruppennamen ein und klicken Sie auf Gruppe
erstellen.
4.
Geben Sie in der Registerkarte Mitglieder die E-MailAdresse eines Mitglieds in das Feld E-Mail ein und
klicken Sie auf Mitglied hinzufügen.
5.
Wählen Sie in der Liste die Mitglieder aus, die Sie
hinzufügen möchten und klicken Sie in der
Dropdownliste Aktion auswählen auf Zur Gruppe
hinzufügen.
6.
Wählen Sie den Gruppennamen aus und klicken Sie auf
OK.
Schützen Ihrer Seiten mit einem Kennwort
1.
Klicken Sie in der Registerkarte Seiten mit der rechten
Maustaste auf den Eintrag der Seite und in dem
Kontextmenü auf Seiteneigenschaften. Klicken Sie in
dem nun geöffneten Dialogfeld auf Seitensicherheit.
Smart-Objekte
155
2.
Aktivieren Sie die Option Seite mit Kennwort
schützen, um die Zugangskontrolle einzuschalten. Es
wird nun die Schaltfläche Ändern/Verwalten verfügbar
geschaltet. Klicken Sie auf diese Schaltfläche, um die
aktuell verfügbaren Gruppen (fett markiert) aufzulisten
sowie den Mitglieder-Manager Ihrer Website, zu dem
die Gruppen gehören.
3.
Wählen Sie in dem Dialogfeld für die Benutzergruppen
die gewünschte Gruppe aus (z. B. Mitglieder) und
klicken Sie auf OK. Die Kategorie „Seitensicherheit“
Ihrer Webseite sollte nun anzeigen, dass ein
Kennwortschutz für die Seite besteht und ihr eine
Benutzergruppe zugewiesen wurde.
4.
Klicken Sie auf OK und dann erneut auf OK, um die
Dialogfelder zu verlassen.
Mailinglisten
Genau wie auch die Anmeldungsformulare lassen sich
Mailinglisten direkt in WebPlus erstellen. Wenn Sie eine
Mailingliste auf einer Seite platzieren, können sich Ihre
Website-Besucher zum Beispiel als Abonnenten für
Newsletter und ähnliches Infomaterial eintragen.
Die Mailingliste gehört zu dem Mitglieder-Manager Ihrer
Website in den Serif Webressourcen.
156
Smart-Objekte
Anlegen einer Mailingliste
1.
Klicken Sie auf den Menüpunkt Einfügen > SmartObjekt.
2.
3.
Wählen Sie in dem Dialogfeld „Smart-Objekt
einfügen“ die Option Anmeldung für Mailingliste aus.
4.
In dem Dialogfeld „Bearbeiten“ sind nun verschiedene
Optionen verfügbar:
5.
•
Um die Darstellung der Mailingliste festzulegen,
klicken Sie auf Konfigurieren.
•
Um auf www.serifwebresources.com die Benutzer
festzulegen, die sich für die Mailingliste eintragen
können, klicken Sie auf Verwalten.
•
Stellen Sie unter „Darstellung“ eine Farbe für den
Hintergrund, die Umrandung sowie für Texte,
Bezeichnungen und Schaltflächen ein.
Klicken Sie auf Einfügen, um die Mailingliste auf Ihrer
Soziale Netzwerke
158
Soziale Netzwerke
Soziale Netzwerke
159
Einfügen von Facebook-Objekten
Mit Facebook-Objekten können Sie verschiedene Live-Feeds
per Streaming auf Ihren Webseiten anzeigen oder auch eine
„Gefällt mir“-Schaltfläche platzieren, über die WebsiteBesucher Ihre Seiten mit Freunden teilen oder auf ihren
eigenen Facebook-Seiten für Sie „die Werbetrommel
rühren“ können.
Wir möchten Ihnen empfehlen, selbst ein FacebookKonto anzulegen, wenn Sie mit diesen Objekten
arbeiten möchten. Weitere Informationen zu Facebook
finden Sie unter www.facebook.com.
Einfügen von Facebook-Objekten
Diese Objekte lassen sich genau wie alle anderen Objekte
direkt auf Ihren Seiten platzieren.
Einfügen eines Facebook-Objekts
1.
Klicken Sie in der Kategorie „Soziale Netzwerke“
Facebook-Objekt und klicken Sie dann auf einen Punkt
der Seite, um das Objekt zu platzieren.
2.
Wählen Sie in dem Dialogfeld über die Dropdownliste
Typ einen der Einträge Aktivitäten-Feed, „Gefällt
mir“-Feed, Empfehlungen-Feed oder „Gefällt mir“Schaltfläche aus.
160
Soziale Netzwerke
3.
Aktivieren oder deaktivieren Sie in dem Vorschaufeld
die Option Aktualisieren. Hiermit können Sie per
Vorschau prüfen, wie sich die Darstellung des Objekts
auf der Seite ändert, wenn Sie verschiedene
Einstellungen vornehmen.
4.
Konfigurieren Sie die Funktionalität des Objekts:
•
Aktuelle Website-URL nutzen
Aktivieren Sie diese Option, um die aktuelle URL
Ihrer Website zu verwenden. Wenn Sie die Option
deaktivieren, können Sie in dem darunter
liegenden Feld selbst eine Webadresse eingeben.
Für den „Gefällt mir“-Feed geben Sie die exakte
URL einer Facebook-Seite ein.
•
Linkziel (nur für den Empfehlungen-Feed)
Um Links in einem neuen Fenster zu öffnen,
klicken Sie auf Leer. Um Links in demselben
Fenster zu öffnen, klicken Sie auf Übergeordnetes
Element oder Oben.
•
Anzeigen als (nur für „Gefällt mir“-Schaltfläche)
Wählen Sie aus, ob auf der Schaltfläche Gefällt mir
oder Empfehlen stehen soll.
5.
(Optional) Konfigurieren Sie die Darstellung des
Objekts mit den übrigen Optionen (diese variieren je
nach ausgewähltem Typ).
6.
Soziale Netzwerke
161
Bearbeiten von Facebook-Objekten
Nachdem Sie es auf einer Seite platziert haben, können Sie
das Facebook-Objekt jederzeit bearbeiten.
Bearbeiten eines Facebook-Objekts
1.
Führen Sie einen Doppelklick auf das Objekt aus.
Es wird nun das Dialogfeld für die Bearbeitung
angezeigt. Die Optionen in diesem Dialogfeld sind
identisch mit denen, die für die Erstellung des Objekts
verfügbar waren.
2.
Nehmen Sie die gewünschten Änderungen vor und
klicken Sie auf OK.
Sie können einen Anker für Ihr Objekt festlegen, indem
Sie in der Kontextleiste auf Anker klicken. Weitere
Informationen zu Ankern finden Sie unter „Einfügen
von Ankern“ auf Seite 91.
Einfügen von Twitter-Objekten
Sie können auf Ihren Webseiten Tweet- oder FolgenSchaltflächen platzieren, die direkt mit Twitter verbunden
sind.
Wir möchten Ihnen empfehlen, selbst ein TwitterKonto anzulegen, wenn Sie mit diesen Objekten
arbeiten. Weitere Informationen zu Twitter finden Sie
unter www.twitter.com.
162
Soziale Netzwerke
Die verschiedenen Twitter-Objekte
Die Twitter-Objekte, die Sie auf Ihren Seiten platzieren
können, unterscheiden sich stark in ihrer Funktionalität und
den Möglichkeiten, die sie Ihren Website-Besuchern bieten.
Objekttyp
Features
TweetSchaltfläche
Hiermit können Website-Besucher einen
Tweet zu Ihrer Website auf dem eigenen
Twitter-Profil posten.
FolgenSchaltfläche
Hiermit können Website-Besucher Ihrem
Benutzerkonto bei Twitter folgen.
Einfügen von Twitter-Objekten
Die Twitter-Objekte lassen sich genau wie alle anderen
Objekte direkt auf Ihren Seiten platzieren.
Einfügen einer Tweet-Schaltfläche
1.
der Registerkarte QuickBuild auf das Symbol TwitterObjekt und klicken Sie dann auf einen Punkt der Seite,
um das Objekt zu platzieren.
2.
Wählen Sie in dem Dialogfeld über das Dropdownfeld
Typ die Option Tweet-Schaltfläche aus.
Soziale Netzwerke
3.
163
Konfigurieren Sie die Funktionalität der Schaltfläche:
•
Aktuelle Website-URL nutzen
Aktivieren Sie diese Option, um die aktuelle URL
Ihrer Website zu verwenden. Wenn Sie die Option
deaktivieren, können Sie in dem Feld URL für
Tweet selbst eine Webadresse eingeben.
•
Tweet-Text
Hier geben Sie den Tweet-Text ein. Dieser Text
wird in dem Tweet-Feld angezeigt und lässt sich
vor Übermittlung des Tweets noch bearbeiten.
•
Über
Geben Sie hier den Namen eines Twitter-Kontos
ein, das am Ende des Tweets in der Form „über
@<benutzername>“ angezeigt werden soll. Wir
möchten Ihnen empfehlen, Ihren TwitterBenutzernamen in dieses Feld einzutragen.
•
Empfehlen
Hiermit empfehlen Sie Ihren Website-Besuchern
einen Twitter-Benutzernamen, dem die Besucher
folgen können. Diese Empfehlung wird nach der
Übermittlung des Tweets angezeigt.
•
Hashtag
Geben Sie einen Ausdruck als Hashtag (Stichwort)
ein (dieser Ausdruck darf keine Leerzeichen
enthalten). Die Tweets lassen sich dann anhand
dieses Hashtags suchen.
164
Soziale Netzwerke
4.
5.
Einfügen einer Folgen-Schaltfläche
1.
der Registerkarte QuickBuild auf das Symbol TwitterObjekt und klicken Sie dann auf einen Punkt der Seite,
2.
Wählen Sie in dem Dialogfeld über das Dropdownfeld
Typ die Option Folgen-Schaltfläche aus.
3.
4.
Geben Sie in das Feld Diesem User folgen einen
Twitter-Benutzernamen ein. Ihre Website-Besucher
können dann per Klick auf die Schaltfläche diesem
Konto auf Twitter folgen.
5.
6.
Soziale Netzwerke
165
Bearbeiten von Twitter-Objekten
Nachdem Sie es auf einer Seite platziert haben, können Sie
das Twitter-Objekt jederzeit bearbeiten.
Bearbeiten eines Twitter-Objekts
1.
Wählen Sie das auf einer Seite platzierte Objekt aus.
2.
Führen Sie einen Doppelklick auf das Objekt aus. Es
wird nun das Dialogfeld für die Bearbeitung angezeigt.
Die Optionen in diesem Dialogfeld sind identisch mit
denen, die für die Erstellung des Objekts verfügbar
waren.
3.
klicken Sie auf OK.
Sie können einen Anker für Ihr Objekt festlegen, indem
Sie in der Kontextleiste auf Anker klicken. Weitere
Informationen zu Ankern finden Sie unter „Einfügen
von Ankern“ auf Seite 91.
Einfügen einer „Google +1“Schaltfläche
Wenn Sie eine „Google +1“-Schaltfläche auf Ihren Seiten
platzieren, können Website-Besucher die Inhalte Ihrer
Website über Google+ empfehlen. Mit einem Klick auf die
Schaltfläche können die Website-Besucher Ihre Webseiten
als Postings in ihrem eigenen live Stream mit anderen
166
Soziale Netzwerke
Websurfern teilen oder auch in der +1-Registerkarte ihres
Profils bei Google+ aufführen. Die +1-Registerkarte zeigt
alle von einem Besucher empfohlenen Links an. Die „Google
+1“-Schaltfläche kann ebenfalls anzeigen, wie viele Personen
Ihre Webseite bereits empfohlen haben.
Wir möchten Ihnen empfehlen, selbst ein Konto bei
Google+ anzulegen, wenn Sie mit diesen Schaltflächen
arbeiten möchten. Nähere Informationen zu Google+
finden Sie unter plus.google.com.
Einfügen einer „Google +1“-Schaltfläche
1.
der Registerkarte QuickBuild auf das Symbol „Google
+1“-Schaltfläche und klicken Sie dann auf einen Punkt
der Seite, um die Schaltfläche zu platzieren.
2.
3.
Klicken Sie in dem Konfigurationsfeld auf die Option
+1 Aktuelle Seite, um die aktuelle URL Ihrer Webseite
zu verwenden. Wenn Sie die Option deaktivieren,
können Sie in dem darunter liegenden Feld
Benutzerdefinierte URL selbst eine Webadresse
eingeben.
Soziale Netzwerke
167
4.
(Optional) Wählen Sie in dem Feld Größe die
Abmessungen für das Objekt aus.
5.
(Optional) Wählen Sie in dem Feld Anmerkung eine
Formatierung für die Anmerkung aus.
6.
Bearbeiten einer „Google +1“-Schaltfläche
1.
Wählen Sie die auf einer Seite platzierte Schaltfläche
aus.
2.
Führen Sie einen Doppelklick auf die Schaltfläche aus.
Es wird nun das Dialogfeld für die Bearbeitung
identisch mit denen, die für die Erstellung der
Schaltfläche verfügbar waren.
3.
klicken Sie auf OK.
Sie können einen Anker für Ihre Schaltfläche festlegen,
indem Sie in der Kontextleiste auf Anker klicken.
Weitere Informationen zu Ankern finden Sie unter
„Einfügen von Ankern“ auf Seite 91.
168
Soziale Netzwerke
Einfügen eines LesezeichenSymbolstreifens für soziale
Netzwerke
Wenn Sie einen Lesezeichen-Symbolstreifen für soziale
Netzwerke auf einer Seite platzieren, können die WebsiteBesucher Ihre Website mit anderen Benutzern teilen oder
für Ihre Website auf einem sozialen Netzwerk die
Werbetrommel rühren – schnell und einfach per Klick auf
das entsprechende Symbol. In WebPlus lassen sich diese
Streifen mit Symbolen für die am häufigsten verwendeten
sozialen Netzwerke bestücken einschließlich Facebook,
Twitter, Reddit, Digg usw.
In diese Leiste können Sie auch Symbole einfügen, mit
denen sich die Website-URL einfach per E-Mail verschicken
oder aktuelle Seiten ausdrucken lassen.
Master-Seiten sind ideal für die Platzierung der
Lesezeichen-Symbolstreifen. Hierdurch wird der
Streifen auf allen Seiten verfügbar, denen Sie diese
Master-Seite zugewiesen haben.
Soziale Netzwerke
169
Einfügen eines Lesezeichen-Symbolstreifens für
soziale Netzwerke
1.
Lesezeichen-Symbolstreifen für soziale Netzwerke
und klicken Sie dann auf eine beliebige Stelle Ihrer Seite,
2.
Um das Symbol für eine Website in den Streifen
einzutragen, klicken Sie auf den Namen der Website in
der Liste Nicht im Streifen enthalten und dann auf die
Schaltfläche +. Um ein Symbol aus dem Streifen zu
löschen, klicken Sie in der Liste Im Streifen enthalten
auf den Namen der Website und dann auf die
Schaltfläche -.
3.
(Optional) Klicken Sie auf die Schaltflächen Aufwärts
und Abwärts, um die Reihenfolge der Symbole in dem
Streifen zu ändern.
4.
Wählen Sie eine Option unter Teilen aus: Website,
damit Besucher Ihre ganze Website mit anderen teilen
oder Seite, damit nur die aktuelle Seite geteilt wird.
5.
170
Soziale Netzwerke
Bearbeiten eines Lesezeichen-Symbolstreifens für
soziale Netzwerke
1.
Wählen Sie den auf einer Seite platzierten
Symbolstreifen aus.
2.
Führen Sie einen Doppelklick auf den Symbolstreifen
aus. Es wird nun das Dialogfeld für die Bearbeitung
identisch mit denen, die für die Erstellung des
Symbolstreifens verfügbar waren.
3.
klicken Sie auf OK.
Sie können einen Anker für Ihren LesezeichenSymbolstreifen festlegen, indem Sie in der
Kontextleiste auf Anker klicken. Weitere Informationen
zu Ankern finden Sie unter „Einfügen von Ankern“ auf
Seite 91.
Multimedia
172
Multimedia
Multimedia
173
Einfügen von Videos
WebPlus enthält einen optimierten Videoplayer von
Flowplayer, der zu vielen Dateiformaten kompatibel ist, und
mit dem Sie einzelne Videos und Playlisten direkt auf Ihren
Seiten platzieren können. Hierfür lassen sich sowohl auf
Ihren Festplatten gespeicherte Videos verwenden als auch
auf Ihrem Webspace gespeicherte Videos und auch
Streaming-Videos von anderen Onlinequellen.
Unterstützte Videoformate
Das primär unterstützte Videoformat ist MP4 (*.mp4). Für
ein Höchstmaß an Kompatibilität kann der Flowplayer
MP4-Videos mit WebM- (*.webm) und OggVideovarianten (*.ogv) ergänzen, sollte das MP4-Format
einmal nicht unterstützt werden.
Sie können ebenfalls Flash-Videos (*.flv) als StreamingVideos in einem Flash Player anzeigen lassen.
Einfügen einzelner/mehrerer Videos in
eine Seite
Die Videos werden direkt in einem Player auf der Seite
eingesetzt. Sie können wahlweise nur ein Video verwenden
oder mehrere Videos zu einer Playliste verknüpfen. Bei einer
Playliste zeigt der Player Ihren Website-Besuchern
nacheinander alle Videos, die in der Liste aufgeführt sind.
174
Multimedia
Wenn Sie Dateien hinzufügen und ein Video größer ist als
5 MB, werden Sie automatisch aufgefordert, das Video
direkt an Ihren Webspace zu übertragen. Hierdurch
verkürzen Sie die Zeit bei einem vollständigen Upload der
Website, da die gesamten Dateien nicht erst von Ihrer
Festplatte auf den Webspace „geschaufelt“ werden müssen.
Wenn Sie diese Option nicht verwenden oder die Dateien
kleiner als 5 MB sind, werden sie ganz normal bei dem
Publizieren der Website übertragen – genau wie alle anderen
Objekte.
Einfügen einzelner Videos oder Playlisten
1.
Klicken Sie in der Kategorie „Mediadateien“ der
Registerkarte QuickBuild auf das Symbol Videoplayer.
2.
an der
gewünschten Position für den Videoplayer auf der Seite
3.
Wählen Sie das Format für den Videoplayer aus:
•
HTML5 und MP4
HTML5 bietet die beste Kompatibilität für die
Wiedergabe. Hierfür werden keine BrowserPlugins und keine Wiedergabe-Software benötigt.
ODER
•
Flash-Video
Möchten Sie Flash-Videos (*.flv) verwenden,
wählen Sie den älteren Flash Player aus.
Multimedia
4.
175
Fügen Sie die Videos in den Player ein:
•
Hinzufügen einzelner Videos
gewünschten Videodateien auszuwählen.
ODER
•
Hinzufügen aller Videos in einem Ordner
hinzufügen, um alle Videos aus einem bestimmten
Ordner zu importieren. Wählen Sie den Ordner aus
und klicken Sie auf OK.
ODER
•
Einfügen von Videomaterial aus Ihren
Quelldateien
Klicken Sie auf die Schaltfläche Quelldateien
hinzufügen, wählen Sie das gewünschte
Playerformat aus und klicken Sie auf OK. ODER
•
Hinzufügen von Videomaterial, das zuvor über
den Onlineressourcen-Manager hochgeladen
wurde
Klicken Sie auf die Schaltfläche URL hinzufügen
und aktivieren Sie die Option Aus
Onlineressourcen hinzufügen. Wählen Sie über
das Dropdownfeld eine Datei aus.
ODER
•
Hinzufügen von Videomaterial, das sich bereits
online befindet
und geben Sie die URL der Videodatei als
176
Multimedia
vollständige Webadresse ein. Natürlich können Sie
die Adresse auch per Kopieren und Einfügen
übertragen. Auf diese Weise lassen sich zum
Beispiel Videos anderer Websites integrieren.
5.
(Optional) Um ein Video aus der Playliste zu entfernen,
aktivieren Sie das Kästchen links neben seiner Miniatur
und klicken auf Löschen.
6.
(Optional) Um die Reihenfolge der Videos in einer
Playliste zu ändern, verwenden Sie die Symbole
Aufwärts und
Dialogfelds.
7.
Abwärts am unteren Rand des
Nähere Informationen zur Konfiguration des Players sowie
der Playlisten finden Sie in dem Thema Einfügen von
Videos der WebPlus-Hilfe.
Der Videoplayer wird nun an der Stelle der Seite abgesetzt,
die Sie per Klick markiert haben, und standardmäßig auf die
Abmessungen des ersten Videos Ihrer Playliste skaliert.
Über die Registerkarte Einstellungen können Sie die Größe
und Darstellung des Players sowie seine Steuersymbole
anpassen.
Mit dem Onlineressourcen-Manager (Extras >
Website-Manager) können Sie Ihren Webspace nach
Videodateien durchsuchen sowie auch manuell
Videodateien an Ihren Webspace übertragen. Alle im
Onlineressourcen-Manager angezeigten
Videodateien sind auch in der oben erläuterten
Dropdownliste Aus Onlineressourcen hinzufügen
enthalten.
Multimedia
177
Ersetzen von Videos und Bearbeiten der
Playliste
Für einen bestehenden Videoplayer können Sie jederzeit
Ihre Auswahl an Videos oder auch die Playliste ändern
Ersetzen Ihrer Videos und Bearbeiten der Playliste
1.
Führen Sie einen Doppelklick auf das Videoobjekt Ihrer
Seite aus.
2.
Führen Sie die oben erläuterten Schritte 4 bis 8 aus, um
neue Videos einzufügen, ein Video zu löschen, die
Reihenfolge der Playliste zu ändern oder WebM- und
Ogg-Videos als Ergänzung zu den MP4-Dateien
auszuwählen.
Einfügen von YouTube-Videos
Bereits im Internet publizierte YouTube-Videos lassen sich
ebenfalls auf Ihren Webseiten platzieren. Die eigentlichen
YouTube-Videos werden hierbei nicht in Ihre Website
eingebettet. Stattdessen bettet das Programm eine spezielle
YouTube-Video-ID in die Seite ein, wenn Sie das YouTubeVideo auf der Seite platzieren.
178
Multimedia
Einbetten einzelner YouTube-Videos
1.
Öffnen Sie die Website www.youtube.com in Ihrem
Browser und wählen Sie das YouTube-Video aus, zu
dem Sie einen Link erstellen möchten.
2.
Kopieren Sie die URL-Adresse des Videos (oder den
Einbettungscode). Der Code enthält eine einzigartige,
alphanumerische ID, die den Videoclip eindeutig
identifiziert.
3.
Registerkarte QuickBuild auf das Symbol
YouTube und dann auf einen Punkt Ihrer Seite.
4.
Legen Sie in dem Dialogfenster über das Dropdownfeld
Ausgewählte Videos die Option „Einzelnes Video“ fest.
Fügen Sie die Video-URL, seine ID oder den
Einbettungscode in das Eingabefeld ein.
Multimedia
5.
(Optional) Wenn Sie nur einen Teil des Videos
anzeigen lassen möchten, geben Sie die Start- und
Endzeit (in Sekunden) an.
6.
Um das Video in den Standardplayer von YouTube
einzufügen, klicken Sie auf OK.
179
Wenn Sie ein YouTube-Video durch ein anderes ersetzen
möchten, führen Sie einfach einen Doppelklick auf ein
bestehendes YouTube-Video aus. Fügen Sie nun die zuvor
kopierte URL des Ersatzvideos in das Dialogfeld ein.
Möchten Sie Ihre Videos ohne WebPlus aktualisieren,
können Sie anstelle eines bestimmten Videos einfach eine
YouTube-Playliste einbetten.
Einfügen von Vimeo-Videos
Bereits im Internet publizierte Vimeo-Videos lassen sich
ebenfalls auf Ihren Webseiten platzieren. Die eigentlichen
Videos werden hierbei nicht in Ihre Website eingebettet.
Stattdessen bettet das Programm eine spezielle VimeoVideo-ID in die Seite ein, wenn Sie das Vimeo-Video auf der
Seite platzieren.
180
Multimedia
Einbetten von Vimeo-Videos
1.
Öffnen Sie die Website www.vimeo.com in Ihrem
Browser und wählen Sie das Vimeo-Video aus, zu dem
Sie einen Link erstellen möchten.
2.
Kopieren Sie die URL-Adresse des Videos (oder den
Einbettungscode). Der Code enthält eine einzigartige,
alphanumerische ID, die den Videoclip eindeutig
identifiziert.
3.
Registerkarte QuickBuild auf das Symbol Vimeo und
dann auf einen Punkt Ihrer Seite.
4.
Fügen Sie nun die zuvor kopierte URL des Videos in das
Dialogfeld ein.
5.
(Optional) Legen Sie über das Feld Farbe der
Videosteuerung eine Farbe für die Steuerelemente und
sichtbaren Texte des Players fest, die gut zu Ihrer
Website passt.
Multimedia
6.
181
(Optional) Aktivieren/Deaktivieren Sie die
Kontrollkästchen für die Videoeinstellungen.
Fügen Sie den Titel in das Intro des Videos ein.
7.
Einfügen von Flash-Dateien (SWF)
SWF-Dateien können Filme, Animationen oder interaktive
Features enthalten, die auf das Format des Flash™ Players
setzen.
Beachten Sie bitte, dass Webbrowser die FlashAnimationen und Movies nur auf „normalen“
Computern anzeigen können. Die meisten modernen
Tablet-PCs und Smartphones sind nicht in der Lage,
Flash-Inhalte darzustellen.
Einfügen von Flash-Dateien
1.
Registerkarte QuickBuild auf das Symbol Flash und
dann auf einen Punkt Ihrer Seite.
2.
Wählen Sie die gewünschte Flash-Datei (*.swf) aus
(wahlweise über Durchsuchen oder über den
Quelldatei-Browser). Möchten Sie einen anderen
Dateinamen und eine andere Speicherposition
verwenden, klicken Sie auf Exportoptionen und legen
die gewünschten Angaben fest. Wenn Sie die
182
Multimedia
Animation von der WebPlus-Datei getrennt halten, und
lieber eine Verknüpfung zu der Flash-Datei in Ihre Seite
einfügen möchten, deaktivieren Sie die Option FlashDatei in Website einbetten.
3.
(Optional) Legen Sie in dem Feld Zusätzliche Dateien
eine kleine Liste mit Dateien (z. B. Bildern) an, aus
denen Ihr Flash-Movie besteht. Mit dieser lokalen
„Bibliothek“ haben Sie die zusätzlichen Dateien stets
griffbereit und können schnell einen Verweis auf die
Dateien erstellen. Klicken Sie auf eine der Optionen
Datei von Festplatte hinzufügen oder Datei aus
Quelldateien hinzufügen und wählen Sie dann die
gewünschten Dateien aus Ihrem PC oder einem selbst
erstellten Quelldatei-Paket aus.
4.
(Optional) In der Registerkarte Darstellung –
Optionen können Sie festlegen, wie das Flash-Movie
auf Ihrer WebPlus-Seite angezeigt wird.
Experimentieren Sie einfach mit den verschiedenen
Optionen für Schleifenwiedergabe, Transparenz,
Ausrichtung, Skalierung und Qualität, bis Sie die
richtige Kombination für Ihre Datei gefunden haben.
5.
(Optional) Klicken Sie in der Registerkarte FlashParameter auf Hinzufügen (oder Bearbeiten), um
Name und Wert für einige Parameter einzugeben.
6.
(Optional) Legen Sie die gewünschten Einstellungen für
Aktionen, ID/Anker oder CSS-Eigenschaften mithilfe
der entsprechenden Registerkarten fest.
7.
Multimedia
183
Bearbeiten von Flash-Movies
•
Führen Sie einen Doppelklick auf Ihr Flash-Movie aus.
Einfügen von Ton und Musik
WebPlus enthält einen Audioplayer von jPlayer, der für ein
Höchstmaß an Kompatibilität auf HTML 5 setzt. Auf Ihrer
Seite mit einem Player können Sie dann eine einzelne
Audiodatei einbinden oder auch mehrere Stücke als
Playliste. Hierfür lassen sich sowohl Audiodateien von
Ihrem Computer verwenden als auch StreamingAudiodateien aus dem Internet. Das Aussehen des Players
lässt sich flexibel anpassen.
Unterstützte Audioformate
Das primär unterstütze Format ist MP3 (.mp3). Sollten
MP3-Dateien auf einem Computer nicht unterstützt
werden, kann der Player auch zusätzlich zu den MP3Dateien einige Alternativen anbieten.
Einfügen von Audiodateien in eine Seite
Die Audiodateien werden direkt in einem Player auf der
Seite eingesetzt. Sie können die Musik entweder aus einer
Datei Ihrer Festplatte, einer Quelldatei oder dem
Speicherplatz einer bereits online vorhandenen Musikdatei
hinzufügen.
184
Multimedia
Einfügen einzelner Audiodateien oder Playlisten
1.
Registerkarte QuickBuild auf das Symbol Audioplayer.
2.
an der
gewünschten Position für den Audioplayer auf der Seite
3.
Legen Sie in dem nun geöffneten Dialogfeld
Audioplayer einfügen über die Registerkarte
Audioplayer die gewünschten Audiodateien fest:
•
Hinzufügen einzelner Audiodateien
gewünschten Audiodateien auszuwählen.
ODER
•
Hinzufügen aller Audiodateien in einem Ordner
hinzufügen, um alle Audiodateien aus einem
bestimmten Ordner zu importieren. Wählen Sie
den Ordner aus und klicken Sie auf OK.
ODER
•
Einfügen von Audiomaterial aus Ihren
Quelldateien
Klicken Sie auf die Schaltfläche Quelldateien
hinzufügen, wählen Sie das gewünschte
Playerformat aus und klicken Sie auf OK. ODER
Multimedia
185
•
Hinzufügen von Audiomaterial, das zuvor über
den Onlineressourcen-Manager hochgeladen
wurde
und aktivieren Sie die Option Aus
Onlineressourcen hinzufügen. Wählen Sie über
das Dropdownfeld eine Datei aus.
ODER
•
Hinzufügen von Audiomaterial, das sich bereits
online befindet
und geben Sie die URL der Audiodatei als
vollständige Webadresse ein. Natürlich können Sie
die Adresse auch per Kopieren und Einfügen
übertragen. Auf diese Weise lassen sich zum
Beispiel Musikstücke anderer Websites integrieren.
4.
(Optional) Um ein Musikstück aus der Playliste zu
entfernen, aktivieren Sie das Kästchen links neben
seiner Miniatur und klicken auf Löschen.
5.
(Optional) Um die Reihenfolge der Musikstücke in
einer Playliste zu ändern, verwenden Sie die Symbole
Aufwärts und
Dialogfelds.
6.
Abwärts am unteren Rand des
186
Multimedia
Der Audioplayer wird nun an der Stelle auf der Seite
platziert, die Sie angeklickt haben.
Mit dem Onlineressourcen-Manager (Extras >
Website-Manager) können Sie Ihren Webspace nach
Audiodateien durchsuchen sowie auch manuell
Audiodateien an Ihren Webspace übertragen. Alle im
Onlineressourcen-Manager angezeigten
Audiodateien sind auch in der oben erläuterten
Dropdownliste Aus Onlineressourcen hinzufügen
enthalten.
Ändern des Themas für den Audioplayer
Sie können das Aussehen des Audioplayers bequem ändern,
indem Sie einfach ein anderes Thema festlegen. Wenn Sie
mehrere Audioplayer verwenden möchten, müssen Sie für
all diese Player dasselbe Thema festlegen.
1.
Klicken Sie auf den Menüpunkt Eigenschaften >
Website-Eigenschaften > Features > Audioplayer.
2.
Klicken Sie in dem Dropdownfeld Thema auswählen
auf ein Thema.
3.
Formulare
188
Formulare
Formulare
189
Einfügen von Formularen
Mit Webformularen können Sie auf effiziente und moderne
Weise neue Informationen von den Besuchern Ihrer
Website erfragen.
Formulardaten lassen sich auf unterschiedliche Weise
sammeln – per E-Mail, in einer Skriptdatei (lokal oder auf
einem Remote-Server) oder über die Webressourcen von
Serif. Nähere Informationen hierzu finden Sie unter dem
Thema „Übertragen von Formularen“ auf Seite 199.
Der Formularaufbau
Formulare bestehen aus Texten und den so genannten
Formularfeldern. Zu den Feldern gehören Schaltflächen,
Eingabe-, Text-, Listen- und Dropdownfelder sowie
Kontrollkästchen, Auswahlsymbole, Datei-Upload,
Datumsauswahl und CAPTCHA-Objekte. Ein typisches
Formular, z. B. für Feedback per E-Mail, besteht für
gewöhnlich aus mehreren dieser Felder.
Der Besucher der Website gibt dann später Texte in die
Textfelder ein, oder wählt Informationen aus den
Listenfeldern, Dropdownfeldern oder mit den
Optionssymbolen und Kontrollkästchen aus. Für die direkte
Texteingabe lassen sich je nach verwendetem Feldtyp
sowohl numerische Werte oder Texte verwenden als auch
eine Mischung aus beiden Informationstypen. Die TabReihenfolge, in der die Felder ausgefüllt werden müssen,
lässt sich genauso frei festlegen, wie die Validierung der
190
Formulare
eingegebenen Daten. Nähere Informationen zu der TabReihenfolge und der Validierung finden Sie in der WebPlusHilfe.
Jedes Feld ist durch einen bestimmten Satz
Formularfeldeigenschaften definiert, die sein Aussehen,
seine Werte, die Validierungsmethode sowie die Aktion
festlegen, die von dem Feld erwartet wird.
Die verschiedenen Funktionen der Formulare werden erst
verfügbar, nachdem Sie die Website im Internet publiziert
haben. Sie können die Formulare natürlich ebenfalls in der
WebPlus-Vorschau kontrollieren (siehe „Öffnen einer
Website-Vorschau“ auf Seite 236). Nachdem ein WebsiteBesucher die Daten in ein Feld eingegeben oder eine Option
ausgewählt hat, werden die Daten bei der Übertragung des
Formulars an ein zuvor ausgewähltes Ziel verschickt.
Erstellen von Formularen
Für das Design Ihrer Formulare stehen Ihnen zwei
Möglichkeiten zur Verfügung:
•
Sie wählen einfach eine Formularvorlage über den
Formular-Designer aus, der speziell für das Erstellen
und Bearbeiten von Formularen entwickelt wurde. Sie
können die Vorlagen einfach unverändert übernehmen
oder auch genau an Ihre Vorstellungen anpassen.
Formulare
191
Die Formularvorlagen sind für häufig verwendete
Formulare aus den Bereichen Benutzerzuweisung,
Kommentare und Anmeldung entworfen. Sie können
natürlich auch selbst Formulare entwerfen, z. B. für die
Übermittlung von Lebensläufen oder Umfragen.
•
Wenn Sie lieber alles von Grund auf selbst aufbauen,
fügen Sie alternativ ein leeres Formular in eine Seite ein
und füllen es dann mit Formularfeldern aus der
Registerkarte QuickBuild.
Erstellen von Formularen mit Vorlagen
Der schnellste Weg zu einigen der gängigsten Formulare
führt wohl über die breite Palette an Vorlagen im FormularDesigner. Sie können diese Formulare unverändert
übernehmen und nachdem Sie festgelegt haben, wohin die
Formulardaten übermittelt werden sollen, ist das Formular
im Grunde einsatzbereit. Sie können jedoch die Vorlagen
auch an Ihre Wünsche anpassen und bestehende Felder
ändern, löschen sowie durch neue Felder ergänzen.
192
Formulare
Erstellen eines Formulars mit einer Vorlage
1.
Wählen Sie in der Registerkarte QuickBuild das
Symbol Formular der Kategorie „Formulare“ aus und
klicken Sie auf die Seite.
2.
Öffnen Sie im Formular-Designer die Registerkarte
Vorlagen und wählen Sie eine Formularvorlage aus
(z. B. „Anmeldung“ usw.). Mit der Vorschau auf der
rechten Seite können Sie die einzelnen Vorlagen
bequem prüfen.
3.
Wählen Sie in der Registerkarte Thema einen Look für
Ihr Formular aus.
4.
(Optional) Klicken Sie in der Registerkarte Felder (Feld
hinzufügen) auf die zusätzlichen Felder, die Sie in
Ihrem Formular verwenden möchten. Mithilfe der
Schaltflächen unter der Vorschau können Sie
unerwünschte Felder löschen und die Reihenfolge der
Felder ändern.
5.
Legen Sie in der Registerkarte Formular einen
Formularnamen, einen Formulartitel und eine Breite
(für das Formular, nicht die Formularfelder) fest.
6.
Klicken Sie in der Registerkarte Formularübermittlung
auf ein Symbol, um das Ziel auszuwählen, zu dem Sie
die Formulardaten übertragen möchten, wie z. B. EMail-Adresse, Skriptdatei (lokal oder Remote) oder
Serif Webressourcen, und legen Sie dann einen Namen
für das Formular fest. Nähere Informationen hierzu
Formulare
193
finden Sie unter dem Thema „Übertragen von
Formularen“ auf Seite 199.
7.
Wenn Sie noch keine Übermittlung für die
Formulardaten festgelegt haben, werden Sie
automatisch aufgefordert, zum Formular-Designer
zurückzukehren (klicken Sie auf „Abbrechen“) und
diesen Schritt nachzuholen. Wenn Sie auf „OK“ klicken,
müssen Sie die Formularübermittlung später noch
festlegen.
Das Formular wird nun auf Ihrer Seite platziert.
Anpassen von Formularvorlagen
Wenn Sie eine Formularvorlage auswählen, können Sie das
Formular genau an Ihre Vorstellungen anpassen. Die
einzelnen Formularfelder lassen sich bearbeiten, neu
anordnen und auch löschen. Natürlich können Sie auch
neue Formularfelder hinzufügen.
Bearbeiten von Feldern
1.
Führen Sie in der Registerkarte Vorlagen des
Formular-Designers einen Doppelklick auf das
gewünschte Formularfeld in der Vorschau aus.
2.
Bearbeiten Sie in der Registerkarte Felder die
Feldeigenschaften. Je nach ausgewähltem Formularfeld
sind hier unterschiedliche Optionen verfügbar.
194
3.
Formulare
Sie können den standardmäßig verwendeten Namen
übernehmen (dieser dient nur zur eindeutigen
Identifikation innerhalb des Formulars) oder auch
abändern. Legen Sie anschließend die Bezeichnung fest,
die auf dem Bildschirm zu dem Formularfeld angezeigt
werden soll.
Neuordnen der Felder
•
Wählen Sie in der Vorschau ein Formularfeld
aus und klicken Sie auf das Symbol Aufwärts oder
Abwärts.
Entfernen von Formularfeldern
•
Wählen Sie ein Formularfeld aus und klicken Sie
auf Löschen.
Einfügen zusätzlicher Felder
•
Öffnen Sie die Registerkarte Felder (Feld hinzufügen)
und klicken Sie auf den Feldtyp, den Sie hinzufügen
möchten.
Um einen zusätzlichen Text für Ihr Formular
einzugeben (z. B. eine Frage für einen Wettbewerb),
klicken Sie in der Kategorie Erweitert auf
Textbezeichnung.
Möchten Sie ein vordefiniertes Kombinationsfeld
verwenden (z. B. für Länder, die Grafschaften in
Formulare
195
Großbritannien, die US-Bundesstaaten usw.) klicken Sie auf
Quelldateien und dann in dem Menü auf Feld aus einem
Quelldatei-Paket laden. Wählen Sie anschließend einfach
mit dem Quelldatei-Browser das gewünschte Feld der
Kategorie „Kombinationsfelder“ aus.
Entwerfen komplett neuer Formulare
Wenn Sie Ihr Formular mit WebPlus von Grund auf selbst
entwerfen möchten, fügen Sie zunächst ein leeres Formular
in Ihre Seite ein und füllen es dann mit den gewünschten
Formularfeldern.
Erstellen komplett leerer Formulare
•
Ziehen Sie aus der Kategorie „Formulare“ der
Registerkarte QuickBuild mit gedrückter Strg-Taste
das Symbol Formular auf Ihre Seite.
Das leere Formular, bestehend aus leerem Formularbereich
und einer Absenden-Schaltfläche, wird nun auf der Seite
platziert. Alle weiteren Formularfelder lassen sich nun
schnell und einfach einfügen.
196
Formulare
Einfügen von Formularfeldern in das Formular
•
Klicken Sie in der Registerkarte QuickBuild auf ein
Formularfeld (z. B. ein Eingabefeld) und dann in den
Formularbereich, um das Feld zu platzieren.
Wenn Sie ein Formularfeld in dem Formular platzieren,
werden die Felder mit dem Formular verankert. Die
Positionen des Formulars auf der Seite und der einzelnen
Formularfelder in dem Formular lassen sich mithilfe der
dynamischen Führungslinien sowie der
Seitenführungslinien und Spalten-/Zeilenbegrenzungslinien
genau wie bei allen anderen Objekten präzise verändern.
Formulare als Quelldateien
Einige Formulare und Formularfelder gehören zu den
Quelldateien und sind daher Teil bestimmter QuelldateiPakete. WebPlus bietet eine praktische Verbindung von dem
Formular-Designer zu dem Quelldatei-Browser. Auf diese
Weise können Sie schnell und einfach eine andere
Formularvorlage oder andere Formularfelder auswählen.
Darüber hinaus lassen sich auf diese Weise auch selbst
definierte Felder oder ganze Formulare für zukünftige
Projekte in eigenen Quelldatei-Paketen speichern. Die
Felder bestehender Quelldatei-Pakete lassen sich jederzeit
laden.
Formulare
197
Auswählen von Formularen mit dem QuelldateiBrowser
1.
Klicken Sie in der Registerkarte Vorlagen des
Formular-Designers auf die Schaltfläche QuelldateiBrowser.
2.
Wählen Sie ein Formular der Kategorie Seiteninhalt >
Formularvorlagen des Quelldatei-Browsers aus.
Nähere Informationen zu Quelldateien finden Sie unter dem
Thema „Arbeiten mit dem Quelldatei-Browser“.
Möchten Sie ein Formularfeld speichern, das Sie verändert
oder selbst entworfen haben, legen Sie es einfach als
Quelldatei ab. Nähere Informationen hierzu finden Sie in
der WebPlus-Hilfe.
Bearbeiten von Formularen auf einer Seite
Wenn Sie ein Formular mit einer Vorlage erstellen, können
Sie es jederzeit im Formular-Designer bearbeiten. Alle
Formulare, die Sie von Grund auf neu erstellen, lassen sich
direkt auf der Seite anpassen.
Bearbeiten von Vorlagen-basierenden Formularen
1.
Führen Sie einen Doppelklick auf das Formular aus.
2.
Wählen Sie im Formular-Designer ein Formularfeld zur
Bearbeitung aus, oder legen Sie über die Registerkarte
Thema ein anderes Thema fest.
198
Formulare
Auf der Seite bleibt das Formular stets gesperrt, um eine
versehentliche Bearbeitung zu verhindern. Wenn Sie das
Design jedoch frei verändern möchten, können Sie die
Sperre einfach aufheben.
Aufheben der Formularsperre für die Bearbeitung
•
Klicken Sie in der Formularkontextleiste auf die
Option Formular freigeben.
Nachdem Sie die Formularsperre aufgehoben haben,
können Sie das Formular zwar flexibel verändern, der
Formular-Designer steht Ihnen jedoch nicht mehr zur
Verfügung. Darüber hinaus sind auch die
Feldbezeichnungen nicht länger mit ihren Feldern
verknüpft, wie Sie es aus dem Formular-Designer
gewohnt sind.
Alle freigegebenen oder von Grund auf neu erstellten
Formulare lassen sich mit den üblichen Objektwerkzeugen
und -funktionen von WebPlus bearbeiten. Sie können z. B.
die Formulargröße durch Ziehen seines
Begrenzungsrahmens ändern, Bilder in das Formular
einfügen, eine Hintergrundfarbe für das Formular einstellen
(über die Registerkarte „Farbe“) sowie die Formularfelder
neu ordnen und ausrichten. Außerhalb des FormularDesigners lassen sich auch die Formularfeldeigenschaften
jederzeit frei bearbeiten.
Bearbeiten von Formularfeldern
•
Führen Sie einen Doppelklick auf das Formularfeld aus.
Formulare
199
Übertragen von Formularen
Alle Webformulare müssen an einen bestimmten
Empfänger versandt werden, damit ihre Daten ausgewertet
werden können. Hierzu klicken Ihre Website-Besucher auf
eine spezielle Schaltfläche Absenden, die Sie als
Formularfeld im Formular-Designer oder bei dem Erstellen
komplett neuer Formulare festlegen. Diese zwingend
erforderliche Schaltfläche wird häufig zusammen mit der
Schaltfläche Zurücksetzen in einem Formular platziert.
Über die Schaltfläche „Zurücksetzen“ können die WebsiteBesucher alle Daten aus den Formularfeldern löschen.
An welche Empfänger lassen sich Daten schicken?
Nach dem Absenden des Formulars können Sie die Daten
an einen der folgenden Empfänger verschicken.
•
An die Webressourcen von Serif für eine weitere
Übermittlung der Formulardaten durch Serif an Ihre EMail-Adresse.
•
Eine E-Mail-Adresse (z. B. die des Website-Verwalters)
•
Eine Skriptdatei (entweder eine lokale oder auf einem
Server gespeicherte). Dieses Skript könnte z. B. Text in
eine Textdatei oder in eine Datenbank schreiben.
Diese Übermittlungsoptionen legen Sie im FormularDesigner mit der Registerkarte „Formularübermittlung“ fest.
Einige Einstellungen sind für alle Optionen verfügbar,
andere nur für bestimmte Optionen.
200
Formulare
Weitere Informationen zu den optionsspezifischen
Einstellungen finden Sie in der WebPlus-Hilfe.
Serif Webressourcen
Konfigurieren der Serif Webressourcen
1.
Wählen Sie die Option Serif Webressourcen aus und
klicken Sie neben dem Feld E-Mail-Adresse auf
Auswählen. Falls Sie noch nicht bei den Serif
Webressourcen angemeldet sind, müssen Sie diesen
Schritt nun nachholen.
2.
Geben Sie in das Feld „Neu hinzufügen“ die E-MailZieladresse ein und klicken Sie auf Neu hinzufügen.
Der E-Mail-Eintrag wird nun erstellt und in die Liste
eingetragen. Wie Sie sehen, wird der Eintrag als
„Bestätigt: Nein“ klassifiziert. Bevor der Dienst seine
Arbeit aufnehmen kann, wird eine Bestätigungs-E-Mail
an Ihre E-Mail-Adresse geschickt. Klicken Sie auf den
Link, um den Dienst zu aktivieren. Der entsprechende
Eintrag wird nun als „Bestätigt: Ja“ angezeigt.
3.
Schließen.
Wählen Sie nun im Formular-Designer ein(en)
Zielfenster oder Rahmen aus, in dem nach der
Übermittlung des Formulars eine einfache
Bestätigungsseite angezeigt werden soll. Wählen Sie
Formulare
201
einfach die gewünschte Option in dem Dropdownfeld
aus. Wenn Sie mit der Option „Benanntes Fenster“ oder
„Dokumentrahmen“ arbeiten, können Sie zusätzlich
den Namen des Fensters bzw. Rahmens angeben.
Nähere Informationen hierzu finden Sie unter dem
Thema „Einfügen von Hyperlinks und Aktionen“ auf
Seite 85.
4.
Wählen Sie ein Betreff-Feld aus. Hierdurch werden die
übermittelten Formularfelddaten für ein ausgewähltes
Formularfeld als Betreffzeile der E-Mail verschickt.
Diese Methode ist besonders praktisch für
Kombinationsfelder, da sich die E-Mails leicht nach
Betreffzeile sortieren lassen.
5.
Aktivieren Sie die Option Zeitzone und legen Sie die
Stadt/Region passend zu der Website fest.
6.
Wenn Sie Ihre E-Mail als einfachen Text, HTML-Mail
oder als Mischung beider Formate schicken möchten,
wählen Sie das E-Mail-Format aus. Über Format
können Sie den Text für die Kopf- und Fußzeile
festlegen.
7.
Um die übermittelten Formularfelddaten als ZIPArchiv mit der E-Mail zu verschicken, aktivieren Sie die
Option Daten als Zip-Datei anhängen.
8.
Um die Formulardaten an mehrere Empfänger zu
verschicken, klicken Sie auf Weitere Empfänger. Diese
Empfänger müssen Sie bereits im Vorfeld als
Zieladressen für die E-Mail festgelegt haben.
202
9.
Formulare
Wenn Sie mit einem E-Mail-Formularfeld die
Bestätigungs-E-Mail an Ihre Website-Besucher
verschicken möchten, können Sie das E-MailFormularfeld in der Dropdownliste Bestätigungsfeld
auswählen.
10. Klicken Sie auf die Schaltfläche OK.
reCAPTCHA-Gateway
Wird der Test bestanden, initiiert das Objekt automatisch
die Formularübermittlung.
Eine E-Mail Adresse
Mit dieser Option können Sie die allgemein üblichen POSTund GET-Übertragungsmethoden umgehen. Sobald der
Website-Besucher auf die Schaltfläche „Absenden“ klickt,
wird sein E-Mail-Standardprogramm gestartet. Die
Formulardaten werden dann als ein Textstring in den
Textkörper der E-Mail eingefügt und lassen sich schnell und
einfach an die vorkonfigurierte E-Mail-Adresse schicken.
Diese Methode ist besonders hilfreich, wenn Sie keine
lokalen oder Remote-Skripts verwenden möchten oder
können.
Diese Übertragungsmethode ist nicht sicher, da die
privaten oder vertraulichen Informationen nicht
verschlüsselt werden.
Formulare
203
Einrichten der direkten E-Mail-Übertragung
•
Klicken Sie auf das Symbol und geben Sie eine E-MailAdresse als Ziel ein (oder wählen Sie eine bereits
bekannte Adresse in dem Dropdownfeld aus).
Ein Skript von meiner Festplatte
Diese Option ist speziell für erfahrene Webdesigner
konzipiert, die sich gut in der Erstellung von Skripten
auskennen.
Einrichten einer lokalen Skriptdatei
•
Wählen Sie über die Schaltfläche Durchsuchen die auf
Ihrem Computer gespeicherte Skriptdatei (für
gewöhnlich mit der Dateiendung „.php“, „.js“, „.cfm“
„.cgi“, „.pl“, „.dll“ oder „.exe“) aus, die Sie verwenden
möchten.
Ein Remote-Skript
Verwenden Sie diese Option, wenn Ihr Hosting-Anbieter
den Einsatz benutzerdefinierter Skripte auf seinen
Webservern nicht gestattet. Viele Hosting-Dienstleister
stellen jedoch einige Grundskripte zur Verfügung, auf die
Sie von Ihrer Website einfach einen Link erstellen. Für
gewöhnlich senden diese Skripte dann die Formulardaten an
die E-Mail-Adresse, die Sie bereits im Vorfeld bei dem
Hosting-Anbieter eingerichtet haben.
204
Formulare
Einrichten einer Remote-Skriptdatei
1.
Klicken Sie auf das Symbol und geben Sie einen
Formularnamen ein.
2.
Geben Sie die URL ein, die direkt auf die Skriptdatei
verweist.
3.
Wählen Sie eine Übertragungsmethode, einen
Codierungstyp, einen Zeichensatz und ein Zielfenster
oder einen Zielrahmen aus.
Keine Übermittlung
Es werden keine Formulardaten übertragen. Diese Option
ist besonders hilfreich, wenn Sie für einen bestimmten
Zeitraum keine weiteren Daten mehr abfragen möchten
oder Ihre Skripts bzw. die Serif Webressourcen noch nicht
vollständig konfiguriert haben. Sie können später jederzeit
mit der rechten Maustaste auf das Formular klicken und
über Formular bearbeiten eine Übertragungsmethode für
die Daten auswählen.
Text
206
Text
Text
207
Importieren von Texten aus einer
Datei
Das Importieren von Texten aus einer bestehenden Datei ist
eine der einfachsten Möglichkeiten, den Text für eine
Website zu erstellen. Alternativ können Sie den Text
natürlich auch mit WritePlus neu verfassen. Wenn Sie Ihre
Texte für gewöhnlich mit einer Textverarbeitung wie
Microsoft Word erstellen, lassen sich die einzelnen Dateien
schnell und unkompliziert in eine Website importieren.
Neben dem WritePlus-Format „*.stt“ können Sie auch eine
Reihe anderer beliebter Dateiformate importieren,
einschließlich:
ANSI-Text
Microsoft Word 2007/2010
Microsoft Word 2000/2003
MS Works
Open Office Text
Rich Text Format
Wordperfect
Write
.txt
.docx/.dotx
.doc/.dot
.wps
.odt
.rtf
.wpd
.wri
Für die Formate von Microsoft Word, die unter einem
beliebigen Windows-Betriebssystem erstellt wurden, müssen
Sie Microsoft Word nicht erst auf Ihrem Computer
installieren. Auf diese Weise können Sie Texte von anderen
Autoren in WebPlus einsetzen, ohne auf das Programm
angewiesen zu sein, mit dem die Dokumente erstellt
wurden.
208
Text
WebPlus importiert den Text in einen ausgewählten
Textrahmen oder erstellt automatisch einen neuen
Textrahmen, wenn Sie keinen ausgewählt haben. Nähere
„Einfügen von Textrahmen“ auf Seite 55.
WebPlus übernimmt stets die Formatierung aus
Texten, die in einer Textverarbeitung erstellt wurden.
Wenn Sie mit Ihrer Textverarbeitung jedoch Texte
speziell für den Einsatz in WebPlus schreiben, sollten
Sie diese als „Nur Text“ speichern und die
Formatierung später in WebPlus festlegen.
Tabellen lassen sich nicht importieren.
Importieren von Text in neue Textrahmen
1.
Klicken Sie im Menü Text > Einfügen auf den Eintrag
Textdatei.
2.
Wählen Sie in dem Dialogfeld Textdatei einfügen das
Dateiformat der Textdatei aus und dann die gewünschte
Textdatei.
3.
Um die Formatvorlagen der Textdatei zu übernehmen,
aktivieren Sie die Option Format beibehalten. Wenn
Sie die Formatierung nicht benötigen, entfernen Sie
einfach das Häkchen aus dieser Option. WebPlus
übernimmt in beiden Fällen die grundlegenden
Zeichenformatierungen wie kursiv, fett oder
unterstrichen sowie auch Absatzattribute, wie z. B. die
Ausrichtung (links, zentriert, rechts, Blocksatz).
4.
Klicken Sie anschließend auf die Schaltfläche Öffnen.
Text
5.
209
Ziehen Sie den Cursor mit gedrückter Maustaste über
die Seite, um die Rahmenabmessungen selbst
festzulegen.
ODER
Klicken Sie auf die Seite oder die Montagefläche, um
einen Rahmen in Standardgröße zu erstellen.
Sie können ebenfalls den Text in einen Rahmen
importieren, der sich bereits auf einer Seite befindet.
Importieren von Text in bestehende Textrahmen
1.
Wenn Sie den Text in einen bestehenden leeren
Rahmen einfügen möchten, wählen Sie den Rahmen
zunächst aus. Um den Text in einen Rahmen
einzufügen, in dem bereits Text vorhanden ist, klicken
Sie auf die Position, an der Sie den Text einfügen
möchten, oder wählen den Textbereich aus, der durch
den Dateiinhalt ersetzt werden soll.
2.
Führen Sie die oben erläuterten Schritte 1 bis 4 aus.
Der Text wird nun in das ausgewählte Textobjekt
importiert. Bei Textrahmen entsteht eventuell ein
Textüberlauf. Um diesen Überlauf zu beseitigen, gehen
Sie wie unter „Anpassen von Überlauftext“ auf Seite 57
beschrieben vor.
210
Text
Arbeiten mit künstlerischen
Texten
Künstlerische Texte sind separate Textobjekte, die Sie
direkt auf der Seite eingeben und beliebig platzieren können.
Diese Texte sind besonders praktisch für Überschriften,
herausgestellte Zitate oder Spezialtexte und lassen sich mit
den Standardwerkzeugen für Texte schnell und einfach
formatieren.
Erstellen von künstlerischen Texten
1.
Klicken Sie in der Zeichnungsleiste auf das Symbol
Künstlerischer Text.
2.
Klicken Sie auf einen beliebigen Punkt der Seite, um
eine Einfügemarke für den Text in einer Standardgröße
zu erstellen. Alternativ können Sie auch mit gedrückter
Maustaste die Textgröße wie in dieser Abbildung
beliebig festlegen.
Text
211
3.
Bevor Sie mit der Texteingabe beginnen, sollten Sie
über die Textkontextleiste oder das Menü Text die
wichtigsten Grundeinstellungen wie Schriftart,
Formatvorlage usw. festlegen. Alternativ können Sie
diese Optionen auch über das Kontextmenü festlegen.
Klicken Sie hierzu mit der rechten Maustaste auf die
Einfügemarke und dann auf die gewünschte Option des
Untermenüs Textformat.
4.
Tippen Sie den Text direkt auf der Seite ein, um ein
künstlerisches Textobjekt zu erstellen.
Nach der Erstellung lassen sich künstlerische Textobjekte
genau wie Textrahmen beliebig auswählen, verschieben,
kopieren, vergrößern und verkleinern oder löschen. Sie
können sowohl einfarbige Varianten (Volltonfarben),
Farbverlaufs- und Bitmap-Füllungen als auch
Transparenzen für die Formatierung verwenden.
Vergrößern und Verkleinern von künstlerischen
Textobjekten
•
Verschieben Sie die Eckziehpunkte mit gedrückter
Maustaste, um die Objektgröße zu verändern und die
ursprünglichen Proportionen zu übernehmen.
•
Um die Objektgröße frei zu verändern, halten Sie die
Umschalttaste gedrückt, während Sie die Ziehpunkte
verschieben.
212
Text
Bearbeiten von künstlerischen Texten
•
Ziehen Sie den Cursor über einen Textbereich, um eine
blaue Auswahl zu erstellen.
Alternativ können Sie auch ein Wort per Doppelklick
auswählen.
Sie können jetzt entweder einen neuen Text eingeben
oder die Buchstaben und Absätze mit den
entsprechenden Optionen formatieren, die
Rechtschreibung prüfen, den Text in WritePlus
bearbeiten usw.
Bearbeiten von Texten auf einer
Seite
Mit dem Zeigerwerkzeug lassen sich Rahmentexte,
Tabellentexte und künstlerische Texte direkt auswählen und
bearbeiten. Auf den einzelnen Seiten können Sie die
Attribute für die Zeichen und Absätze von Texten
verändern, Tabstopps und Einzüge einstellen,
Formatvorlagen festlegen und neue Texte eingeben. Alle
Seitentexte lassen sich darüber hinaus mit der Funktion
Text
213
„Suchen und Ersetzen“ bearbeiten. Wenn Sie eine längere
Story bearbeiten oder noch einige zusätzliche Optionen
einstellen möchten, wechseln Sie einfach zu WritePlus (Text
> Story bearbeiten).
Auswählen und Eingeben von Texten
Das Auswählen von Rahmentexten, künstlerischen Texten
und Tabellentext funktioniert wie bei den meisten
modernen Textverarbeitungen. Um die Bearbeitung zu
vereinfachen, wird ein ausgewählter Bereich immer mit
einer halbtransparenten, blauen Schattierung
gekennzeichnet.
Um ein Wort, einen Absatz oder den gesamten Text
auszuwählen, führen Sie einen Doppel-, Dreifach- oder
Vierfachklick aus. Wenn Sie mehrere nicht aufeinander
folgende Wörter markieren möchten, halten Sie die StrgTaste gedrückt und ziehen den Mauszeiger mit gedrückter
Maustaste über die gewünschten Begriffe. Wenn Sie einen
zusammenhängenden Textbereich auswählen müssen,
halten Sie die Umschalttaste gedrückt und markieren den
Text dann durch Klicken und Ziehen.
214
Text
Bearbeiten von Texten auf einer Seite
1.
Aktivieren Sie das Zeigerwerkzeug und wählen Sie den
gewünschten Text durch Klicken oder Klicken und
Ziehen aus. Das Programm platziert nun eine
Einfügemarke an der Position, die Sie angeklickt haben
(siehe unten).
ODER
Wählen Sie ein Wort, einen Absatz oder einen
Textbereich aus.
2.
Tippen Sie den neuen Text ein. Der Text wird nun
entweder an der Einfügemarke platziert oder ersetzt den
zuvor markierten Text.
Starten neuer Absätze
•
Drücken Sie die Eingabetaste.
Starten einer neuen Zeile (Einfügen eines manuellen
Zeilenwechsels)
•
Drücken Sie die Tastenkombination Umschalttaste +
Eingabetaste.
Text
215
Umschalten zwischen den Modi „Einfügen“ und
„Überschreiben“
•
Drücken Sie die Taste Einfg.
Kopieren, Einfügen und Verschieben von
Texten
Sie können Texte wahlweise mit den Standardbefehlen
kopieren und einfügen oder auch die Texte durch Klicken
und Ziehen verändern.
Wenn Sie keine Einfügemarke platzieren, wird der Text
direkt in einen neuen Textrahmen eingesetzt.
WebPlus bietet auch eine Funktion, mit der Sie Texte nach
Wörtern und/oder Zahlen sortieren können. Die
Sortierungsfunktion basiert auf Absätzen, sodass Sie ganze
Absätze ebenso einfach sortieren können wie einzelne
Buchstaben. Die Sortierung lässt sich entweder in
aufsteigender Reihenfolge (A bis Z oder 0 bis 9) oder auch in
absteigender Reihenfolge (Z bis A oder 9 bis 0) durchführen.
Die Funktion sortiert hierbei zuerst nach Satzzeichen, dann
nach Symbolen, dann nach Zahlen und dann nach
Buchstaben.
216
Text
Kreatives Arbeiten
mit Quelldateien
218
Kreatives Arbeiten mit Quelldateien
219
Arbeiten mit Quelldateien
Quelldatei ist der Oberbegriff für alle Objekte oder
Seitenelemente, die Sie auf Ihren Dokumentseiten platzieren
können, um deren Layout, Wirkung und Funktionalität
genau an Ihre Vorstellungen anzupassen. Die Quelldateien
reichen von Grafiken, Bildern, Bildrahmen, Schaltflächen,
Slidern und Panels sowie verschiedenen Einstellungen bis zu
komplexen Seiteninhalten und auch ganzen Seiten.
Für die Arbeit mit den verschiedenen Quelldateien in
WebPlus nutzen Sie die Registerkarte Quelldateien, mit
dem Quelldatei-Browser und dem Quelldatei-Manager
(siehe Seite 223 und in der WebPlus-Hilfe). Mit dem
Browser können Sie gezielt nach einzelnen Quelldateien
suchen, und mit dem Manager lassen sich Quelldatei-Pakete
selbst zusammenstellen und verwalten.
220
Die Designvorlagen der Themenlayouts enthalten
bereits einige Quelldateien, die genau auf das jeweilige
Design der Website abgestimmt sind. Wenn Sie Ihre
Arbeit mit einem Themenlayout beginnen, wird die
Registerkarte Quelldateien automatisch mit diesen
Objekten gefüllt!
Arbeiten mit der Registerkarte
„Quelldateien“
Die Registerkarte
Quelldateien ist wie eine
umfangreiche
Ressourcenbibliothek, aus
der Sie einfach die
verschiedenen
Layoutelemente für Ihre
Webseiten „ausleihen“.
Über den QuelldateiBrowser lassen sich die
Objekte bequem aus
folgenden Kategorien
auswählen.
•
Eigene Designs: Hier werden die Quelldateien
gespeichert, die Sie als Objekte von der Seite in die
Registerkarte gezogen haben.
221
•
Grafiken: Hier finden Sie die professionell entworfenen
Cliparts aus Quelldatei-Paketen.
•
Bilder: Hier werden Bilder von Ihrer Festplatte
gespeichert sowie Bilder aus einem Quelldatei-Paket
(nicht alle diese Pakete enthalten auch Bilder).
•
Seiteninhalt: Hier finden Sie verschiedene Objekte aus
den Quelldatei-Paketen, wie z. B. Navigationsleisten,
Schaltflächen, Slider, Panels, Bildrahmen, Formulare,
Formularfelder sowie Textrahmen und Formen.
Manche dieser Objekte sind bereits zu „einsatzbereiten“
Funktionsbausteinen für Ihre Website kombiniert.
•
Seiten: Hier finden Sie komplette Seitenlayouts aus den
Quelldatei-Paketen.
•
Einstellungen: Hier finden Sie Einstellungen für
Seitenhintergründe, CSS-Eigenschaften, Schaltflächen
und Trennelemente, Formularthemen und Videoplayer.
•
Ressourcendateien: Hier finden Sie unterstützende
Skriptdateien (JavaScript, CGI usw.), FavoritenSymbole, PDF-Dateien und andere Dateien, die Sie
eventuell für den Betrieb Ihrer Website zur Verfügung
stellen müssen.
Über diese Registerkarte können Sie auch Ihre selbst
entworfenen Seitenelemente speichern, sodass diese auch
noch für andere Projekte oder auch nur für die aktuelle
Website verfügbar sind. Ziehen Sie die Elemente einfach in
die Kategorie „Eigene Designs“ (globale Speicherung für
andere Projekte) oder eine der anderen Kategorien der
Registerkarte. Möchten Sie nicht die eigentlichen Objekte
222
speichern, sondern nur die für Objekte festgelegten
Einstellungen, verwenden Sie die Kategorie „Einstellungen“
der Registerkarte.
Nähere Informationen hierzu finden Sie unter dem
Abschnitt „Speichern eigener Quelldateien und ihrer
Einstellungen“ auf Seite 227.
Suchen nach Quelldateien
Die zu Beginn noch leere Registerkarte lässt sich schnell und
einfach über den Quelldatei-Browser mit Layoutelementen
Ihrer Wahl füllen.
Der Quelldatei-Browser
Mit dem Quelldatei-Browser können Sie die gewünschten
Elemente gezielt nach Quelldatei-Kategorien und
Quelldatei-Paketen (Paketdateien) sowie auch nach
Markern (Tags) suchen. Wählen Sie einfach in der
entsprechenden Anzeige die Elemente aus, die Sie in die
Registerkarte Quelldateien aufnehmen möchten. Nähere
„Arbeiten mit dem Quelldatei-Browser“ (siehe nächste
Seite).
Der Quelldatei-Manager
Mit dem Quelldatei-Manager können Sie eigene
Quelldatei-Pakete zusammenstellen. Kombinieren Sie hierzu
einfach Elemente aus anderen Quelldatei-Paketen und/oder
223
importieren Sie Bilder, Grafiken oder PagePlusPaketdateien. Sie können die Quelldateien mit Markern
versehen und dann Ihr eigenes Quelldatei-Paket speichern
oder exportieren. Weitere Informationen hierzu finden Sie
unter dem Thema „Entwerfen eigener Quelldatei-Pakete“ in
der WebPlus-Hilfe.
Arbeiten mit dem QuelldateiBrowser
Der Quelldatei-Browser bietet eine breite Palette
professionell entworfener Designs, die Sie direkt für Ihre
Website einsetzen können. Diese Designs sind in den
kategorisierten Quelldatei-Paketen (den so genannten
„Asset Packs“) gespeichert, die zusammen mit WebPlus
installiert wurden.
Diese Elemente lassen sich bequem durchsuchen, bevor Sie
die Quelldateien in Ihren Arbeitsbereich einfügen –
wahlweise nach Kategorie oder nach Paketdatei.
Sie können mit den Suchoptionen oben rechts in dem
Dialogfeld ebenfalls Ihre Suche eingrenzen oder nach einem
ganz bestimmten Element in den Paketdateien suchen.
224
Durchsuchen von Quelldateien nach Kategorie
1.
Klicken Sie in der Registerkarte Quelldateien auf
Durchsuchen.
2.
Wählen Sie in dem Quelldatei-Browser eine Kategorie
in dem Abschnitt Kategorien aus.
Für die Kategorie „Grafiken“ werden in dem Hauptfeld
z. B. die verschiedenen Unterkategorien aufgelistet.
3.
Blättern Sie mit der Bildlaufleiste einfach durch die
Unterkategorien, um all ihre Inhalte zu betrachten.
Durchsuchen von Quelldateien nach Paketdatei
1.
Klicken Sie in der Registerkarte Quelldateien auf
Durchsuchen.
2.
Wählen Sie auf der linken Seite des QuelldateiBrowsers unter Paketdateien eine Kategorie für
Paketdateien aus (z. B. Hintergründe) oder den Namen
einer Paketdatei. Um die Namen der Paketdateien
einzublenden, müssen Sie eventuell neben dem
Kategorienamen auf das Symbol klicken. Die
Quelldatei-Pakete werden nun in dem Hauptfeld
angezeigt.
3.
Blättern Sie einfach durch die Liste, um die Elemente in
jedem Paket zu betrachten. Die Anzeige der Pakete lässt
sich beliebig erweitern und reduzieren, sodass Sie stets
den Überblick über die Elemente behalten.
225
Suchen nach Quelldateien
Die Suchfunktion filtert die Quelldateien nach
vordefinierten und selbst angelegten Markern, die für alle im
Quelldatei-Browser angezeigten Quelldatei-Pakete
festgelegt sind.
Anwenden von Suchfiltern
•
Für eine einfache Suche geben Sie einfach das
gewünschte Wort oder den gewünschten Buchstaben in
das Textfeld Suchen oben rechts in dem Dialogfeld ein.
Diese Methode ist ideal für alle Marker, die Sie selbst
angelegt haben.
Einfügen von Quelldateien in die
Registerkarte „Quelldateien“
Einfügen bestimmter Quelldateien
•
Wählen Sie im Quelldatei-Browser eine Kategorie oder
eine Paketdatei aus und klicken Sie einfach auf die
Miniatur der Quelldatei. Die Miniatur wird nun mit
einem Häkchen markiert.
226
Einfügen aller Quelldateien
•
Klicken Sie in der rechten oberen Ecke jeder einzelnen
Miniaturengalerie des Quelldatei-Pakets auf das Symbol
Alles hinzufügen. Alle Miniaturen werden nun mit
Häkchen markiert.
Wenn Sie mit einer dieser Methoden die gewünschten
Quelldateien auswählen, sind diese anschließend in der
Registerkarte Quelldateien verfügbar, sobald Sie den
Quelldatei-Browser schließen.
Entfernen einzelner oder aller Quelldateien
•
Klicken Sie im Quelldatei-Browser auf das Häkchen
der jeweiligen Quelldateiminiatur oder klicken Sie auf
Alle entfernen.
ODER
•
Bewegen Sie in der Registerkarte Quelldateien den
Mauszeiger auf eine Miniatur und klicken Sie auf das
nun eingeblendete Symbol Entfernen. Sie können
ebenfalls per Rechtsklick auf die Miniatur ein
Kontextmenü öffnen und dann hier zunächst auf Alle
auswählen und dann Alle Quelldateien entfernen
klicken.
227
Speichern eigener Quelldateien
und ihrer Einstellungen
In WebPlus können Sie aus den auf Ihren Seiten platzierten
Objekten eigene Quelldateien erstellen und speichern. Die
Einstellungen für ein Objekt (seine Farbe) lassen sich
ebenfalls speichern. Die Quelldateien lassen sich dann
immer wieder für Ihre aktuelle WebPlus-Website oder auch
für andere Projekte einsetzen. Objekte und ihre
Einstellungen lassen sich in den Kategorien der
Registerkarte „Quelldateien“ wie folgt speichern:
Speichern von Objekten als Quelldatei
•
Eigene Designs (aus gezeichneten Vektorformen,
Strichzeichnungen sowie künstlerischen und
Rahmentexten); Globales Speichern der Quelldateien
für den Einsatz in anderen Projekten
•
Grafiken (aus gezeichneten Vektorformen,
Strichzeichnungen sowie künstlerischen und
Rahmentexten); Speichern der Quelldateien nur für den
Einsatz in der aktuellen Website
•
Bilder* (aus korrigierten Fotos oder Bildausschnitten)
•
Seiteninhalt* (Navigationsleisten, Schaltflächen,
Formulare)
•
Seiteninhalt* (Textrahmen, korrigierte Bilder,
Bildrahmen, Slider, Panels)
•
Seiten*
228
Speichern der Objekteinstellungen als Quelldatei
•
Seiteninhalt* (Navigationsleisten, Schaltflächen,
Formulare)
•
Einstellungen* (Hintergründe, Formularthemen,
Navigationsleisten, Schaltflächen, CSS-Eigenschaften,
Videoplayer, Wasserzeichen, Elementoptionen für ECommerce)
* Wenn Sie Ihre Website schließen, müssen alle selbst
angelegten Quelldateien gespeichert werden, die Sie
für dieses Projekt in diesen Kategorien eingelagert
haben. Sie werden automatisch aufgefordert, die
Elemente in einem benutzerdefinierten QuelldateiPaket für speziell diese Website zu speichern.
Um Objekte und Einstellungen zu speichern, kopieren Sie
sie durch Ziehen aus einer Seite in die Registerkarte
„Quelldateien“. Aus dieser Registerkarte lassen sie sich dann
jederzeit wieder auf andere Seiten ziehen.
Seiten lassen sich jedoch nicht aus Ihrem
Arbeitsbereich ziehen. Sie müssen diese Elemente
direkt über die Kategorie der Registerkarte hinzufügen.
Speichern in der Kategorie „Eigene
Designs“
Wenn Sie Ihre eigenen Objekte global speichern möchten,
sodass sie auch in Zukunft für andere Website-Projekte
verfügbar sind, legen Sie die Designs in der Kategorie
Eigene Designs der Registerkarte Quelldateien ab.
229
Nach der Installation von WebPlus ist die Galerie „Eigene
Designs“ leer. Sie können jederzeit Ihre eigenen Objekte in
dieser Kategorie speichern.
Speichern Ihrer Objekte in der Kategorie „Eigene
Designs“
•
Ziehen Sie ein Objekt von der Seite und legen Sie es in
der Kategorie „Eigene Designs“ der Registerkarte
Quelldateien ab. Sie müssen die Kategorie hierfür nicht
extra erweitern; WebPlus übernimmt diesen Schritt
automatisch für Sie.
Ziehen Sie ein Objekt in eine andere Kategorie (oder wählen
eine vordefinierte Quelldatei aus einem Quelldatei-Paket des
Quelldatei-Browsers aus), ist das gespeicherte Design nur
für die aktuelle Website verfügbar.
230
Speichern von Seiten
Alle Seiten Ihrer Website lassen sich in der Kategorie
„Seiten“ der Registerkarte Quelldateien speichern.
Speichern einer Seite
1.
Wählen Sie die Kategorie „Seiten“ der Registerkarte
Quelldateien aus und klicken Sie auf Hinzufügen.
2.
Wählen Sie in dem Dialogfeld eine Seite oder MasterSeite Ihrer Website aus.
3.
Klicken Sie auf die Schaltfläche OK. Die Seite wird nun
in der Kategorie „Seiten“ angezeigt.
Speichern von Einstellungen für
Quelldateien
Anstatt ein Objekt selbst zu speichern, können Sie auch nur
die Einstellungen des Objekts speichern und diese dann
später erneut verwenden. Sie könnten auf diese Weise zum
Beispiel das Design für eine Schaltfläche speichern und nicht
die eigentliche Schaltfläche.
Genau wie die Speicherung von Objekten verläuft auch das
Speichern der Einstellungen über einfaches Ziehen der
Objekte. Sie müssen die Objekte jedoch hierbei in der
Kategorie „Einstellungen“ ablegen. Mit einem PopupDialogfeld können Sie die Einstellungen für die Speicherung
festlegen.
231
Wenn Sie Hintergründe, Formularthemen,
Navigationsleisten, Schaltflächen, CSS-Eigenschaften,
Videoplayer, Wasserzeichen oder E-CommerceOptionen erstellen, können Sie die selbst festgelegten
Optionen direkt in der Kategorie „Einstellungen“ der
Registerkarte „Quelldateien“ speichern.
Arretieren von Kategorien und einzelnen
Quelldateien
Sie können einzelne Quelldateien und ganze Kategorien der
Registerkarte Quelldateien für alle Websites zugänglich
machen (d. h. sie global verfügbar schalten), indem Sie die
Objekte/Kategorien arretieren.
Quelldateien lassen sich nur arretieren, wenn Sie diese
Elemente als Teil eines Quelldatei-Pakets gespeichert
haben. Wenn Sie versuchen, eine ungespeicherte
Quelldatei zu arretieren, wird automatisch eine
Speicherungsaufforderung für das Quelldatei-Paket
eingeblendet.
Arretieren und Freischalten von Quelldateien
•
Um alle Quelldateien einer Kategorie zu arretieren,
klicken Sie auf die Option Alles arretieren des
Kategorietitels.
ODER
Um einzelne Quelldateien zu arretieren, klicken Sie
auf das horizontale Stecknadel-Symbol der
entsprechenden Miniaturen.
232
•
Um alle Quelldateien einer Kategorie freizugeben,
klicken Sie auf die Option Nichts arretieren des
Kategorietitels.
ODER
Um die Arretierung einzelner Quelldateien zu
lösen, klicken Sie auf das diagonale Stecknadel-Symbol
der entsprechenden Miniaturen.
Vorschau und
Publizieren
234
Vorschau und Publizieren
235
Die Aufgabenliste
Die Registerkarte Aufgabenliste zeigt Ihnen alle
Fehlermeldungen, Probleme, Aufgaben und Erinnerungen zu
Ihrer Website an, um die Sie sich vor dem Publizieren der
Website noch kümmern sollten. Die einzelnen Einträge bieten
interaktive Möglichkeiten, sodass sich die Probleme direkt aus
der Liste manuell und automatisch lösen lassen.
Jedes Mal, wenn Sie Ihre Website publizieren, werden diese
Probleme automatisch in dem Dialogfeld für die Publikation
angezeigt. Sie können dann wahlweise mit dem Publizieren
fortfahren oder zu der Aufgabenliste zurückkehren und die
Probleme beseitigen.
Die Registerkarte wird am unteren Rand des Arbeitsbereiches
von WebPlus angezeigt.
Sollte ein Problem erkannt werden, listet die Karte das Problem
automatisch auf (mit Beschreibung, Fälligkeitsdatum, Aktion,
Objekt und Dringlichkeit). Über die Symbole können Sie dann
das Problem manuell oder automatisch lösen. Manche
Probleme sind für Sie vielleicht nicht relevant; diese können Sie
dann einfach übergehen. Für jedes gelistete Problem gibt es ein
Hilfesymbol, mit dem Sie sich einige Tipps und Infos zu dem
Problem und seiner Lösung anzeigen lassen können.
Bei dem Publizieren der Website werden alle noch
nicht behobenen Probleme in dem PublizierenDialogfeld angezeigt. Sie können dann selbst
entscheiden, ob Sie die Probleme ignorieren oder
zuerst beseitigen möchten. Nähere Informationen
hierzu finden Sie unter dem Thema „Publizieren im
Web“ auf Seite 239.
236
Erstellen eigener Listeneinträge
In der Registerkarte „Aufgabenliste“ können Sie auch selbst
Einträge vornehmen, z. B. damit Sie einen bestimmten
Arbeitsablauf nicht vergessen, der erst später in der
Designphase erledigt werden muss. Sie können sowohl einen
Text als Erinnerung eintragen als auch eine
Dringlichkeitsstufe und ein Fälligkeitsdatum (z. B. das
Datum, an dem die Website live im Netz stehen muss).
Öffnen einer Website-Vorschau
Bevor Sie eine Website im World Wide Web
veröffentlichen, sollten Sie die Seiten als Vorschau in Ihrem
eigenen Webbrowser öffnen. Auf diese Weise können Sie
genau feststellen, ob wirklich alle Seiten so angezeigt
werden, wie Sie es während der Designphase der Website
geplant hatten. Für die Vorschau einzelner Webseiten oder
einer ganzen Website können Sie entweder ein internes
Fenster von WebPlus verwenden, das auf dem Internet
Explorer basiert, oder auch einen anderen auf Ihrem System
installierten Browser einsetzen.
Prüfen Ihrer Website per Vorschau
1.
nach unten zeigenden Pfeil des Symbols WebsiteVorschau.
2.
237
Wählen Sie eine der folgenden Optionen in dem Menü
aus:
•
Vorschau im Fenster (Internet Explorer)
(Tastaturkürzel: Alt + P): Dieser Befehl öffnet die
Website in einem neuen internen WebPlusFenster, sodass Sie über die Reiter der
Fensterregisterkarten bequem zwischen Vorschauund Bearbeitungsfenster umschalten können.
•
Um einen externen Browser zu verwenden, wählen
Sie die Option Vorschau in aus. Der genaue Name
dieser Menüpunkte richtet sich nach den
Browserversionen, die auf Ihrem System installiert
sind. Eine Möglichkeit wäre z. B. „Vorschau im
Internet Explorer“. Die Website wird anschließend
in einen temporären Ordner exportiert und dann
in dem ausgewählten Browser geöffnet. Mit den
Navigationsleisten Ihrer Seite können Sie nun zu
den anderen Seiten der Website umschalten.
Mit WebPlus können Sie die geschätzte Downloadzeit
für jede Seite Ihrer Website prüfen. Zusätzlich finden Sie
hier auch Informationen über die Anzahl der Dateien auf
jeder einzelnen Seite sowie die Gesamtgröße der Dateien. All
diese Optionen finden Sie in dem Symbolmenü WebsiteVorschau der Standardsymbolleiste.
238
Publizieren im Web (mit
WebPlus.net)
Ihre Website lässt sich bequem per Upload an WebPlus.net
(Serif Webhosting) übertragen, damit Ihr Werk für die
ganze Welt sichtbar ist! Sie können wahlweise alle
Webseiten publizieren oder nur die Seiten, die seit dem
letzten Publikationsvorgang aktualisiert wurden.
Nähere Informationen zu dem Upload an Ihre Website
finden Sie unter dem Thema „Publizieren im Web“ auf
Seite 239.
Publizieren im Web (über andere
Hosts)
Wenn Sie Ihre Website im World Wide Web publizieren
möchten, müssen Sie die fertige Website an einen Server
übertragen, der Ihnen von einem Dienstanbieter für das so
genannte „Hosting“ der Seiten zur Verfügung gestellt wird.
Sie können wahlweise alle Webseiten publizieren oder nur
die Seiten, die seit dem letzten Publikationsvorgang
aktualisiert wurden.
Serif bietet verschiedene Webhosting-Pakete zu günstigen
Konditionen an, die auf die unterschiedlichen Bedürfnisse
unserer Kunden zugeschnitten sind. Nähere Informationen
finden Sie unter go.serif.com/hosting. Beachten Sie bitte,
239
dass dieses Angebot momentan nur in englischer Sprache
verfügbar ist.
Alternativ hat Ihnen vielleicht Ihr Internet-Service, bei dem
Sie Ihre E-Mail-Adresse angelegt haben, vielleicht schon
einigen Speicherplatz für eine Website oder andere Dateien
zur Verfügung gestellt.
Publizieren im Web
Nachdem Ihr WebPlus-Projekt fertig ist und Sie Ihren
Webspace und die Hosting-Umgebung eingerichtet haben,
können Sie Ihre Website per Upload im Internet
veröffentlichen.
Publizieren Ihrer Website im World Wide Web
•
Pfeil des Symbols Website publizieren und in dem
Menü auf Im Web publizieren.
Falls Sie noch kein FTP-Konto eingerichtet haben,
müssen Sie nun die Details zu der FTP-Verbindung in
ein automatisch geöffnetes Dialogfeld eintragen.
Wenn Sie mindestens ein FTP-Konto eingerichtet
haben, wird das Dialogfeld Im Web publizieren
geöffnet, und das Programm trägt den Namen sowie
die Einstellungen des zuletzt verwendeten Kontos
automatisch in die entsprechenden Felder ein.
240
Festlegen der FTP-Kontoinformationen
1.
Klicken Sie in dem Dialogfeld Im Web publizieren:
Hosting-Informationen auf Details Eingeben.
2.
Geben Sie in das Dialogfeld Kontodetails folgende
Informationen ein:
•
Unterstützt Ihr Webhost eine sichere FTPVerbindung, aktivieren Sie die Option SFTP
verwenden. Dieses Übertragungsprotokoll sorgt
dafür, dass Daten über einen privaten und sichern
Datenstrom an Ihren Host versendet werden. In
den Details zu Ihrem Hosting-Paket können Sie
feststellen, ob SFTP in Ihrem Paket enthalten ist.
Wenn Sie die Option „SFTP verwenden“
aktivieren, wird neben dem Kontonamen ein
kleines Schloss eingeblendet.
•
Kontoname: Geben Sie einfach eine beliebige
Bezeichnung Ihrer Wahl ein. Diese Bezeichnung
dient nur der leichteren Identifikation des Kontos
in WebPlus, falls Sie mit mehreren Konten
arbeiten.
•
FTP-Adresse: Diese URL für Ihren Webspace
erhalten Sie von dem Dienstanbieter, der das
Hosting Ihrer Website übernimmt.
•
Portnummer: Falls Sie von Ihrem Dienstanbieter
keine andere Vorgabe erhalten haben, können Sie
die Portnummer auf „21“ belassen. Standardmäßig
verwenden SFTP-Verbindungen den Port 22.
241
•
Wenn Ihr Dienstanbieter keinen bestimmten
Ordner vorgeschrieben hat, oder Sie nicht
unbedingt alle Dateien in ein spezielles Verzeichnis
kopieren müssen, lassen Sie das Feld Ordner
einfach leer.
•
Anschließend geben Sie den Benutzernamen und
das Kennwort ein, die Sie von Ihrem
Dienstanbieter erhalten haben. Diese beiden
Angaben entsprechen höchstwahrscheinlich den
Anmeldungsdaten (Login) für Ihre E-Mail-Adresse.
Geben Sie das Kennwort exakt so ein, wie Sie es
von Ihrem Dienstanbieter erhalten haben. Wenn
Sie einen Fehler bei der Groß-/Kleinschreibung
machen, verweigert der Host-Server Ihnen
möglicherweise den Zutritt.
•
Wenn Sie das Kennwort nicht bei jeder
Dateiübertragung neu eingeben möchten,
aktivieren Sie einfach die Option Kennwort
speichern. Das Kennwort wird nun auf Ihrem
Computer gespeichert.
•
Passiver Modus: Sofern keine FTPVerbindungsprobleme auftreten, lassen Sie diese
Option aktiviert. (Nur für Verbindungen ohne
SFTP)
Sollten Sie sicher sein, dass Ihre FTP-Details
korrekt sind, lassen sich Ihre
Verbindungsprobleme vielleicht durch eine
Deaktivierung der Option Passiver Modus
beseitigen. Internet- und Webhosting-Dienstleister
242
arbeiten sowohl mit aktiven als auch passiven FTPModi. Eventuell kann Ihnen der Support des
Unternehmens hierbei helfen.
3.
•
Website-URL: Die URL-Adresse Ihrer Website.
Nach dem FTP-Upload können Sie die Website
mithilfe eines Dialogfelds und dieser URL
anzeigen.
•
Klicken Sie auf OK, um das Dialogfeld
„Kontodetails“ zu schließen.
Klicken Sie nun in dem Dialogfeld für den ServerUpload auf Test, um Ihr FTP-Konto zu testen. Verläuft
der Test erfolgreich, wird ein Dialogfeld mit einem
Hinweis zu der erstellten Verbindung angezeigt.
Wenn Sie mehrere Konten konfiguriert haben, müssen
Sie zunächst das gewünschte Konto in der
Dropdownliste „FTP-Konten“ auswählen.
4.
5.
Für die Speicherung der FTP-Kontodetails stehen Ihnen
zwei Optionen zur Verfügung:
•
auf Ihrem PC (die Kontodetails werden in WebPlus
gespeichert)
ODER
•
in der aktuellen Website (nähere Informationen
hierzu finden Sie unter dem Thema „Arbeiten mit
FTP-Kontoinformationen“ in der WebPlus-Hilfe).
Klicken Sie auf Konto aktualisieren.
Es wird nun das Dialogfeld Im Web publizieren geöffnet,
damit Sie Ihre Website direkt übertragen können.
243
Übertragen Ihrer Website per Upload
1.
Wählen Sie in dem Dialogfeld Im Web publizieren das
gewünschte FTP-Konto über das Dropdownfeld aus.
2.
Arbeitet Ihre Website mit einer Datenbank, ist die
Option Vor dem Publizieren zusammenführen
aktiviert. Wenn Sie eventuelle Änderungen nicht
übernehmen möchten, deaktivieren Sie einfach die
Option. Diese Option wird grau dargestellt und ist
somit nicht verfügbar, wenn das Programm keine
Datenbank oder Änderungen erkennt. Nähere
Informationen zu Datenbanken finden Sie unter
„Arbeiten mit der Datenbankzusammenführung“ in der
WebPlus-Hilfe.
3.
Wenn Sie den Publikationsvorgang genau überwachen
möchten, deaktivieren Sie die Option
Unbeaufsichtigter Upload. Hierdurch können Sie die
Änderungen prüfen, die an Ihrer publizierten Website
durchgeführt werden müssen, bevor das Programm die
Änderungen umsetzt. Sollte ein Problem auftreten, lässt
sich der Upload einfach abbrechen.
4.
Legen Sie die Seiten für den Upload fest. Aktivieren Sie
die Option Alle Seiten publizieren, oder klicken Sie auf
die einzelnen Kästchen, um bestimmte Seiten für die
Publikation zu markieren.
5.
Wenn Sie eine Sicherheitskopie des WebPlus-Projekts
anlegen möchten, aktivieren Sie die Option Backup des
Dokuments auf Remote-Server erstellen. Falls Sie das
Projekt noch nicht gespeichert haben, wird nun eine
Speicheraufforderung eingeblendet.
244
6.
Klicken Sie auf OK.
Nachdem WebPlus eine Internetverbindung gefunden
hat, geschieht Folgendes:
•
Wenn Sie das erste Mal eine Website übertragen,
werden die ausgewählten Dateien direkt an den
Webserver übermittelt.
ODER
Wenn Sie die Dateien an eine bestehende Website
übermitteln, wird ein Dialogfeld für den DateiUpload mit den verschiedenen Aktionen zu den
Dateien angezeigt. „Hinzufügen“ steht für neu
hinzugefügte Dateien, „Ersetzen“ für Dateien, die
auf dem Webserver ersetzt werden und „Nicht
ändern“ für Dateien, die nicht aktualisiert werden.
Wenn Sie unbenutzte Grafiken und Seiten direkt
von WebPlus entfernen lassen möchten, aktivieren
Sie die Option für das Löschen nicht verwendeter
Remote-Dateien.
Legen Sie in dem Dialogfeld fest, ob Sie einen
Inkrementellen Upload oder einen Vollständigen
Upload durchführen möchten. Mit dem
inkrementellen Upload werden nur die Dateien
übertragen, die Sie seit dem letzten Upload
verändert haben. Bei inkrementellen Uploads
können Sie WebPlus anweisen, fehlende Dateien
zu suchen, indem Sie die entsprechende Option
245
aktivieren. Standardmäßig ist diese Option jedoch
deaktiviert, da diese Suche sehr zeitintensiv ist und
den Upload eventuell deutlich in die Länge zieht.
Nach erfolgreicher Übertragung aller Dateien zeigt
das Programm eine entsprechende
Hinweismeldung an.
Klicken Sie auf die Schaltfläche Schließen.
7.
Wählen Sie in dem Dialogfeld für die WebsitePublikation den Browser aus, in dem Sie die LiveWebsite anzeigen möchten und klicken Sie auf Diese
URL anzeigen. Sie können Ihre Website nun live über
einen Webbrowser testen.
Wenn Sie Dateien umbenennen oder löschen und dann eine
oder mehrere Seiten neu im Web publizieren, werden die
alten Dateien nicht automatisch gelöscht. Sie müssen diese
Dateien manuell über den Befehl Datei > Website
publizieren > Website warten entfernen. Wenn Sie jedoch
die gesamte Website automatisch neu im Web publizieren
lassen (mit dem automatischen Ablauf), können Sie über die
Option Nicht verwendete Dateien löschen direkt die
unbenutzten Dateien entfernen.
246
Anzeigen der publizierten Website
Nachdem Sie die Webseiten publiziert haben,
können Sie Ihr Werk mit der Option Website online prüfen
im Menü Website-Vorschau der Standardsymbolleiste
prüfen. Die Website wird nun in ihrem zuletzt aktualisierten
Status in Ihrem Standardwebbrowser angezeigt. Wenn Sie
die Funktion Website online prüfen das erste Mal
benutzen, wird ein Dialogfeld geöffnet, in das Sie die
Standardadresse (URL) der Website eingeben müssen. Sie
können diese Einstellung auch noch später festlegen
(Eigenschaften > Website-Eigenschaften > Publizieren).
Denken Sie stets daran, dass keine der Änderungen,
die Sie seit dem letzten Publikationsvorgang durchgeführt
haben, in der Browseranzeige sichtbar ist. Wenn Sie die
noch nicht publizierten Änderungen prüfen möchten,
klicken Sie auf das Symbol Website-Vorschau. Nähere
Informationen hierzu finden Sie unter „Öffnen einer
Website-Vorschau“ auf Seite 236.
Anhänge
248
Anhänge
Anhänge
249
Serif-Kontaktinformationen
Technischer Support
Information dazu, wie Sie technische Unterstützung und
Antworten auf produktspezifische Fragen erhalten sowie zur
Kontaktaufnahme mit Serif finden Sie unter
community.serif.com.
Serif-Hauptniederlassung:
The Software Centre
PO Box 2000, Nottingham, NG11 7GW,
Großbritannien
Telefon +44 115 914 2000
Fax +44 115 914 2020
Online
Webadresse: http://www.serif.com/de
Internationale Anfragen
Bitte wenden Sie sich an unseren Firmenhauptsitz.
250
Anhänge
Warenzeichen und CopyrightVermerke
Dieses Handbuch und die darin beschriebene Software werden im Rahmen
eines Endbenutzer-Lizenzabkommens zur Verfügung gestellt, das dem
Produkt beiliegt. Angaben zur erlaubten und untersagten Verwendung sind
in dem Lizenzabkommen enthalten.
Warenzeichen
Serif ist ein eingetragenes Warenzeichen von Serif (Europe) Ltd.
WebPlus ist ein eingetragenes Warenzeichen von Serif (Europe) Ltd.
Alle anderen Serif-Produktnamen sind Warenzeichen von Serif (Europe) Ltd.
Microsoft, Windows und das Windows-Logo sind eingetragene
Warenzeichen der Microsoft Corporation. Alle anderen Warenzeichen
unterliegen dem Urheberrecht und den Lizenzbestimmungen der
entsprechenden Patent- und Lizenzhalter.
Windows Vista und die Windows Vista Start-Schaltfläche sind
Warenzeichen oder eingetragene Warenzeichen der Microsoft Corporation in
den USA und/oder anderen Ländern.
Google+ für soziale Netzwerke, Google Maps, Google Analytics für WebsiteAnalysen und Google AdSense für Werbeeinblendungen sind Warenzeichen
von Google Inc.
Copyright
Digitale Bilder ©2008 Hemera Technologies Inc. Alle Rechte vorbehalten.
Bildmaterial teilweise © 1997 – 2002 Nova Development Corporation; ©
1995 Expressions Computer Software; © 1996 – 98 CreatiCom, Inc.; 1996
Cliptoart; © 1997 Multimedia Agency Corporation; © 1997 – 98 Seattle
Support Group. Die Rechte aller Parteien bleiben vorbehalten.
Dieses Programm wurde mit den LEADTOOLS entwickelt, Copyright © 1991
– 2007 LEAD Technologies, Inc. Alle Rechte vorbehalten.
THE PROXIMITY HYPHENATION SYSTEM © 1989 Proximity Technology
Inc. Alle Rechte vorbehalten.
Anhänge
251
THE PROXIMITY/COLLINS DATABASE © 1990 William Collins Sons &
Co. Ltd.; © 1990 Proximity Technology Inc. Alle Rechte vorbehalten.
THE PROXIMITY/MERRIAM-WEBSTER DATABASE © 1990 MerriamWebster Inc.; © 1990 Proximity Technology Inc. Alle Rechte vorbehalten.
The Sentry Spelling-Checker Engine © 2000 Wintertree Software Inc.
WGrammar Grammar-Checker Engine © 1998 Wintertree Software Inc.
Andrei Stcherbatchenko, Ferdinand Prantl
PayPal © 1999 – 2012 PayPal. Alle Rechte vorbehalten.
Roman Cart © 2008 Roman Interactive Ltd. Alle Rechte vorbehalten.
Mal's © 1998 bis 2003 Mal's e-commerce Ltd. Alle Rechte vorbehalten.
iTunes © 2000 bis 2008 Apple, Inc. Alle Rechte vorbehalten.
YouTube © 2008 YouTube, LLC
TM + © 2013 Vimeo, LLC. Alle Rechte vorbehalten.
Facebook © 2008 Facebook Inc.
Twitter © 2012 Twitter Inc.
phpBB © 2000, 2002, 2003, 2007 phpBB Group
FontForge © 2000, 2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008 von
George Williams.
Teile dieser Software unterliegen dem Copyright-Schutz von © 2008 The
FreeType Project (www.freetype.org). Alle Rechte vorbehalten.
ODF Translator © 2006 – 2008, Clever Age, DIaLOGIKa, Sonata Software
Ltd. Alle Rechte vorbehalten.
Office Binary Translator to OpenXML Copyright © 2008 – 2009,
DIaLOGIKa. Alle Rechte vorbehalten.
Anti-Grain Geometry - Version 2.4
Copyright © 2002 – 2005 Maxim Shemanarev (McSeem)
SlideShowPro © Dominey Design Inc. Alle Rechte vorbehalten.
HTML5 Audio Copyright © 2010 Anthony Kolber
(http://aestheticallyloyal.com)
Audio Player Copyright © 2009 - 2013 Happyworm Ltd
Cliparts aus den Serif ArtPacks © Serif (Europe) Ltd. & Paul Harris
TrueType-Beispielschriftarten aus den Serif FontPacks © Serif (Europe) Ltd.
252
Anhänge
© 2014 Serif (Europe) Ltd. Alle Rechte vorbehalten. Dieses Handbuch darf in
jeglicher Form, ob ganz oder teilweise, nur mit ausdrücklicher schriftlicher
Genehmigung von Serif (Europe) Ltd. reproduziert werden.
Serif WebPlus X8 © 2014 Serif (Europe) Ltd. Alle Rechte vorbehalten.
Die in den Beispielen verwendeten Namen und Firmen sind frei erfunden.
Index
254
Index
Abmessungen, 34
für die Website, 34
Abstimmung (SmartObjekt), 141
Aktionen, 88
Anhängen von MasterSeiten, 37
Animierte Objekte, 101
Banner, 101
Anker, 91
Anmeldungsformular, 123
Anpassungen (für Bilder), 64
Audio, 183
Audioplayer, 183
Einfügen, 183
Audioplayer, 183
Backups Ihrer Website, 44
Wiederherstellen, 46
Banner (animiert), 101
Bilder, 58
als Quelldateien, 223
Bildeffekte, 64
Bildkorrekturen, 64
in Lightboxen, 93
Popups, 118
Bildrahmen
als Quelldateien, 223
Blogs, 125
Einfügen, 126
Verwalten, 127
Browservorschau, 236
Buchungsassistent für
Unterkünfte, 140
Button Studio, 84
Copyright-Vermerke, 250
Dateien
Download, 85
Designvorlage, 22
Download von Dateien, 85
Durchsuchen von Websites,
133
E-Commerce, 47
Index
Hyperlinks zu
Einkaufswagen einfügen,
85
E-Commerce-Schaltflächen,
223
Effekte (für Bilder), 64
Einkaufswagen, 47
Einstellungen, 223
Speichern, 228, 230
Entfernen von
Seiten/Master-Seiten, 38
Facebook (Objekte), 159
Farbe
Hyperlink, 34
Features, 6
Neu, 6
Flash, 106, 181
Movies, 181
Foren, 128
Einfügen, 130
Verwalten, 132
Formatieren von Text
Probleme, 235
Formular-Designer, 189
Formulare, 189
Bearbeiten, 197
Erstellen, 190
Erstellen von Grund auf
neu, 195
Formularvorlagen, 191
Quelldateien für, 196
Übertragen von
Formulardaten, 199
Fotogalerie, 106
Freistellen (Bildmotive), 63
255
FTP, 238
Kontodetails, 238
Galerie (Foto-), 106
Google
Google+ (Objekt), 165
Maps, 112
Grafiken (als Quelldateien),
223
Hintergrund, 34, 219, 223
Speichern, 227
Homepage, 31
Ändern, 43
Hosting, 238
Hosting mit WebPlus.net,
238
HTML-Seiten, 41
Hyperlinks, 85
Anker für, 91
Farben, 34
für den Download von
Dateien, 85
für Lightboxen, 93
für Zielfenster/-rahmen,
87
Importieren
Text, 207
Internet Service Provider
(ISP), 238
Kennwörter (Schützen von
Seiten), 153
Kontodetails (FTP), 238
Künstlerische Texte, 210
Künstlerisches
Textwerkzeug, 210
256
Index
Lesezeichen-Symbolstreifen
für soziale Netzwerke, 168
Lightboxen, 93
für Bilder, 60
Hyperlinks mit, 85
Like-Schaltfläche (Gefällt
mir), 159
Lupe, 62
Mailinglisten, 155
Maps (Google), 112
Master-Seiten, 35, 43
Anhängen, 37
Eigenschaften, 43
Entfernen, 41
Hinzufügen, 40
Mitglieder-Manager einer
Website, 144
Navigationsleisten, 75
Erstellen, 75
Schaltflächen für, 81
Neue Features, 6
Objekte (Erneut verwenden
in Websites), 227
Objekte für soziale
Netzwerke, 159, 161, 165
Facebook, 159
Google+, 165
Twitter, 161
Öffnen bestehender
Websites, 29
Offsite-Links, 43
Panels, 66
Festlegen von Aktionen
für, 88
in Slidern, 101
PayPal
Einkaufswagen, 47
Hyperlinks zu
Einkaufswagen einfügen,
85
Konfigurieren, 48
Minicart, 48
PhotoLab, 64
Pinterest, 62, 88
Popup-Menüs, 79
Profile, 144
Smart-Objekte, 144
Prüffunktionen, 235
Aufgabenliste
(Registerkarte), 235
Publizieren, 238
im Web, 238
Quelldatei-Browser, 222, 223
Quelldateien, 219, 223
Arretieren, 231
Durchsuchen, 224
Quelldateien (Registerkarte)
Speichern eigener Designs
in, 227
Quelldatei-Manager, 222
Quelldatei-Paket, 219, 223
Rahmen (Text-), 55
Anpassen von
Textüberlauf, 57
Erstellen, 55
Text anpassen an, 57
reCAPTCHA (Antispam),
202
Rollover, 114
Popups, 118
Index
Schaltflächen (Buttons), 75,
81
Eigene entwerfen, 84
Schützen von Seiten, 153
Seiten, 35
Hinzufügen und
Entfernen, 38
Neuordnen, 41
Seitenfarbe
Global, 34
257
Löschen der
Kontodetails, 143
Sound
Hyperlinks zu
Videodateien, 85
Speichern von Designs, 227
Startassistent, 19, 22, 29
Storytext, 55
Studio für Ausschnitte, 63
Support, 249
SWF-Dateien, 181
Tabellen, 70
Übersicht, 70
Technischer Support, 249
Text, 55, 210, 212
Anpassen an Rahmen, 57
Bearbeiten auf einer Seite,
212
Formatierungsprobleme,
235
Importieren aus Dateien,
207
Künstlerische (freie)
Texte, 210
Rahmentexte, 55
Hinzufügen zu, 56
Shoutbox (Smart-Objekt),
141
Slider Studio, 104
SlideShowPro Director, 106
Smart-Objekte, 139
Bearbeiten, 147
Erstellen, 144
Konfigurieren, 146
Konto für, 142
Profile für, 144
Verwalten, 148
Überlauf (in Rahmen), 57
Text (Speichern), 227
Textverarbeitungsdateien,
207
Themenlayouts, 22
Twitter (Objekte), 161
Über-/Untergeordnete
Seiten, 31, 38, 75
Übertragung (von
Formularen), 199
Video, 173
Sicherheit, 150
Speichern, 227
Über- und untergeordnete
Seiten, 31, 38, 75
Seiten (Registerkarte), 32, 36,
38
Serif, 249
Kontaktinformationen,
249
Webressourcen, 139, 189
Anmelden, 142
258
Index
Einfügen, 173
Hyperlinks zu
Videodateien, 85
Videoplayer, 173
Vimeo, 179
YouTube, 177
Videoplayer, 173
Vimeo-Videos, 179
Vorlage (Designvorlage), 22
Erstellen von Websites, 22
Warten von Websites
Backup, 44
Wiederherstellen, 46
Webseiten und Websites, 29
Website-Eigenschaften, 34
Website-MitgliederManager, 150
Websites, 27, 29
Erstellen aus einer leeren
Seite, 27
Öffnen bestehender
Dokumente, 29
Website-Struktur, 31
Anzeigen, 33
Website-Strukturansicht, 33
Website-Suche, 133
Website-URLs, 85
Website-Vorschau, 236
Wiederherstellen einer
gespeicherten Version, 30
Willkommen, 3
YouTube-Video, 177

WebPlus X8

Transcription

Similar documents

v Marketing Guide

PagePlus X8 Benutzerhandbuch

2016-06-15 FC RBS 2016-17 FAQs deut.

WebPlus X5 Benutzerhandbuch

Broschüre - Hense Wägetechnik GmbH