Inhaltsverzeichnis
1. Willkommen ..........................................................1
Willkommen! .......................................................................3
Neue Features....................................................................5
Installieren der Software......................................................9
2. Einrichten von Websites und Seiten ........... 13
Der Startassistent .............................................................15
Erstellen einer Website mit einer Designvorlage .............18
Aufbauen einer vollständig neuen Website .....................22
Öffnen einer bestehenden Website .................................24
Arbeiten mit der Website-Struktur ....................................26
Festlegen der Website-Eigenschaften .............................29
Festlegen der Seiteneigenschaften...................................30
Arbeiten mit Seiten und Master-Seiten..............................30
Hinzufügen, Entfernen und Neuordnen von Seiten .........33
3. Die Layoutelemente .......................................... 39
Einfügen von Textrahmen ................................................41
Einfügen von Bildern ........................................................44
Einfügen von Panels .........................................................50
Einfügen einer Fotogalerie ...............................................54
Einfügen von Tabellen .....................................................61
Einfügen von Slidern ........................................................63
Inhaltsverzeichnis
4. Die Navigationselemente ................................67
Einfügen von Navigationsleisten ......................................69
Einfügen von Popup-Menüs .............................................73
Einfügen von Schaltflächen..............................................75
Einfügen von Hyperlinks und Aktionen..............................78
Einfügen von Ankern ........................................................84
5. Interaktive Objekte ..........................................87
Einfügen von Rollovergrafiken .........................................89
Einfügen von Rollover-Popups ........................................89
Einfügen einer Website-Suche ........................................92
Einfügen von Google Maps ...............................................95
Animierte Textlaufbänder ..................................................97
6. Externe / Verwaltete Inhalte .........................99
Einfügen eines Blogs..................................................... 101
Einfügen eines Forums ................................................. 104
Einfügen eines RSS-Readers ....................................... 109
7. Soziale Netzwerke ........................................ 113
Einfügen von Facebook-Objekten ................................ 115
Einfügen von Twitter-Objekten ...................................... 117
Einfügen eines Lesezeichen-Symbolstreifens für
soziale Netzwerke .......................................................... 121
Inhaltsverzeichnis
8. Multimedia ........................................................ 123
Einfügen von Videos ......................................................125
Einfügen von YouTube-Videos .......................................127
Einfügen von Vimeo-Videos ............................................129
Einfügen von Flash-Dateien (SWF) ................................130
9. Formulare.......................................................... 133
Einfügen von Formularen...............................................135
Übertragen von Formularen ...........................................143
10. Text ..................................................................... 145
Importieren von Texten aus einer Datei.........................147
Arbeiten mit künstlerischen Texten ................................150
Bearbeiten von Texten auf einer Seite ..........................152
11. Quelldateien für kreative Designs ............. 155
Arbeiten mit Quelldateien ...............................................157
Arbeiten mit dem Quelldatei-Browser ............................161
Speichern eigener Quelldateien und ihrer
Einstellungen ..................................................................163
Inhaltsverzeichnis
12. Vorschau und Publizieren ........................... 169
Arbeiten mit der Website-Prüfung ................................. 171
Öffnen einer Website-Vorschau .................................... 174
Publizieren im Web (mit WebPlus.net) ......................... 175
Publizieren im Web (über andere Hosts) ...................... 182
QuickPublish.................................................................. 183
13. Inhalte für Fortgeschrittene ....................... 185
Was bedeutet E-Commerce?........................................ 187
Arbeiten mit Smart-Objekten ......................................... 191
Die Zugangskontrolle .................................................... 201
Die CSS-Eigenschaften ................................................ 202
14. Anhänge ............................................................ 205
Serif-Kontaktinformationen............................................ 207
Warenzeichen und Copyright-Vermerke....................... 208
15. Index ................................................................... 211
Willkommen
2
Willkommen
Willkommen
3
Willkommen!
Willkommen zu WebPlus X7 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 X7 bietet jedoch noch mehr als „statische“ Webinhalte.
Mit unserem Programm lassen sich auch dynamische 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+.
4
Willkommen
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 5) die aktuelle Version
zusätzlich bietet – und das zu einem unglaublichen PreisLeistungs-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.
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.
Willkommen
5
Eine Anmerkung zu diesem Handbuch
Das Handbuch zu WebPlus X7 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 F1-Taste.
Neue Features
Die neueste Version unserer Webdesign-Software erweitert die
beachtliche Funktionspalette ihres Vorgängers um einige
Neuerungen und Ergänzungen in einer aufgeräumten und
effizienten Arbeitsoberfläche, sodass Sie noch schneller und
einfacher ansprechende und moderne Websites mit einem absolut
professionellen Look entwerfen können.
•
64-Bit-Version für noch mehr Leistung
WebPlus ist vollständig für den Betrieb auf Computern mit
64-Bit-Betriebssystemen optimiert und installiert auf diesen
Systemen die passende 64-Bit-Version.
6
Willkommen
Programmoberfläche & Bedienkomfort
•
Startassistent mit integrierten Feeds
Diese neue Einstiegshilfe für Ihre Webdesigns bietet eine Fülle
von ständig aktualisierten Informationen und News sowie
WebPlus-spezifisches Studienmaterial (Videotutorials,
Texttutorials, Tipps und Tricks). Der Assistent kennzeichnet
automatisch alle Artikel, die Sie noch nicht gelesen haben,
sodass Ihnen nichts Interessantes entgeht.
Alle Vorlagen lassen sich schnell und einfach durchsuchen, und
mit der Option „Öffnen“ steht Ihnen direkt eine Vorschau der
Websites zur Verfügung, an denen Sie bereits gearbeitet haben,
sodass Sie nie den Überblick verlieren.
•
Erweiterte Auswahl an Quelldateien für Ihre Designs
Sie können nun noch mehr Objekte als Quelldateien speichern,
um später Videos und andere Multimediaobjekte,
Codefragmente, Farbschemata und vieles mehr in weiteren
Projekten erneut zu verwenden. Während der gesamten
Designphase Ihrer Websites stehen Ihnen die Quelldateien an
vielen Punkten unseres Programms zur Verfügung. Ob Sie nun
Schaltflächen für die Steuerung benötigen, Bilder für
Rollovereffekte oder andere Features – die Quelldateien sind
eine perfekte Hilfe.
•
Speichern und Wiederverwenden von Objekteinstellungen
Für interaktive Elemente, wie z. B. Schaltflächen, Slider,
Formulare, E-Commerce-Objekte, Video-Player mit von Ihnen
ausgewählter Playlisten-Steuerung usw., können Sie Optionen,
Einstellungen und Funktionen speichern und dann auf andere
Objekte übertragen. Auf diese Weise können Sie Features für
verschiedene Seiten oder Websites entwerfen, die alle auf die
gleiche Weise funktionieren, sich aber in ihrem Look
unterscheiden. Die „langweiligen“ Schritte zur Einrichtung der
Features fallen nur einmal an!
Willkommen
7
Multimedia und Interaktivität
•
Video-Player
Präsentieren Sie Videos, die mit all den neuesten Browsern und
Mobilgeräten kompatibel sind, ohne dass Ihre Website-Besucher
ein Flash Plugin oder eine Wiedergabe-Software für
Multimediadateien benötigen!
•
Formular-Designer
Entwerfen Sie Ihre eigenen Formulare durch einfaches Klicken
und Ziehen – ganz ohne Programmierarbeit. Alle Formulare
lassen sich aus einfachen Modulen aufbauen, die jeweils ein oder
mehrere Formularfelder und ihre entsprechenden Beschriftungen
enthalten. Sie müssen nur einen visuellen Stil auswählen und die
Module anordnen. Diese „Smart-Formulare“ lassen sich auch in
normale Formularobjekte umwandeln, sodass Sie all ihre
Eigenschaften flexibel bearbeiten können.
•
Buchungsassistent für Unterkünfte
Dieses neue Smart-Objekt ist perfekt für Hotels, Pensionen,
Freizeitparks und andere Betriebe, die Unterkünfte anbieten. Ihre
Gäste werden die bequeme Onlinebuchung mit einer
Prüffunktion für verfügbare Unterkünfte, Auswahlmöglichkeiten
für Anzahl und Größe der Zimmer, Ausstattung,
Buchungszeitraum usw. lieben. Bestätigungs-E-Mails, gehören
ebenso zu diesem Smart-Objekt wie Verwaltungsfunktionen für
Telefonbuchungen, Berichte sowie eine durchsuchbare
Verlaufsliste der Online- und Offlinebuchungen. Und genau wie
alle anderen Smart-Objekte ist diese praktische Ressource
kostenlos und verlangt von Ihnen weder Codearbeiten noch ein
Server-seitiges Einrichten der Funktionen.
8
Willkommen
•
YouTube-Playlisten- und Vimeo-Videos
Sie können nun Ihre Website um Streaming-Videos von
Vimeo sowie ganze Playlisten von YouTube erweitern. Ob Sie
nun einfache YouTube-Playlisten verwenden möchten, eine
Liste aus speziellen Suchergebnissen, die Uploads eines Kanals
oder eine selbst zusammengestellte Liste – alles ist möglich.
Erweiterte Ausgabe
•
Neue HTML-Ausgabeoptionen
Zusätzlich zu den brandneuen Exportoptionen für HTML5,
mit denen die WebPlus-Websites noch effizienter und
kompatibler werden als je zuvor, bietet unser Programm auch
Optionen für den Stil und die Effizienz der Codeanzeige in
einem Editor sowie die Darstellung in der Vorschau und die
fertig veröffentlichte Website.
•
Exportoptimierung
Speichern Sie Bilder, ausgewählte Objekte, Bereiche oder
Seiten aus WebPlus als optimierte Bilder für eine interaktive
Vorschau inklusive geschätzter Dateigröße.
•
CSS-Formatierungen
Dank der neuen für fast alle Objekte verfügbaren Optionen
können Sie den Stil und Look Ihrer Designs einfach von dem
Browser Ihrer Website-Besucher erzeugen lassen. Sie legen
einfach nur die Darstellung fest, unser Programm speichert
den Look als effizienten Code, und die Browser nutzen diesen
Code für die Darstellung Ihrer Website. Warum sollten Sie
Ihre Designs in Grafiken umwandeln? Grafiken sind nicht nur
langsamer im Download, sondern für Suchfunktionen absolut
ungeeignet.
Willkommen
9
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 X7 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.
10
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 mit DVD-Laufwerk und Maus
•
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)
•
1GB RAM
•
340 MB freier Festplattenspeicher
•
Monitor und Grafikkarte, die eine Auflösung von 1024 x 768
ermöglichen
•
Internet Explorer 8
•
Für den Zugriff auf die Onlineressourcen und das Publizieren
der Projektdateien im World Wide Web werden ein
Internetzugang und ein Benutzerkonto bei einem Internet
Service Provider benötigt.
Willkommen
11
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 TWAIN-kompatible
Digitalkamera
•
.NET 2.0 (wird standardmäßig installiert) für die
Textimportfilter (Word 2007/2010 + OpenOffice)
Willkommen
12
Einrichten von Websites und Seiten
13
Einrichten
von
Websites
und Seiten
14
Einrichten von Websites und Seiten
Einrichten von Websites und Seiten
15
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 X7 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 X7.
•
Für Windows 8: Das Setup-Programm legt während der
Installation den Eintrag Serif WebPlus X7 auf dem Desktop
an. Führen Sie einen Doppelklick auf das WebPlus-Symbol
des Desktops aus. Sollte der Desktop ausgeblendet sein,
blenden Sie ihn über die Windows-Schaltfläche Start ein.
Nach dem ersten Programmstart wird automatisch der Startassistent
eingeblendet, der Ihnen folgende Einstiegsmöglichkeiten in WebPlus
bietet:
16
Einrichten von Websites und Seiten
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 QuickStart-Video zu
WebPlus.
Mit dieser Option greifen Sie auf die zuletzt
verwendeten WebPlus-Dateien sowie eine
Verlaufsliste der in letzter Zeit benutzten
Dateien zu.
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
X7 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.
Einrichten von Websites und Seiten
17
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.
Wenn Sie auf einen neuen Artikel klicken, wird der
„Neu“-Marker in den „Gelesen“-Marker umgewandelt.
Über das Suchen-Feld oben 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,
Seitenformaten, Themenlayouts, News-Meldungen usw.
Um während einer Arbeitssitzung mit WebPlus den
Startassistenten zu öffnen, klicken Sie im Menü Datei auf
Startassistent.
18
Einrichten von Websites und Seiten
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.
•
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
und noch viele weitere) 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.
Einrichten von Websites und Seiten
19
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
auch eine breite Palette an Vorlagen für mobile Websites zur
Verfügung. Die Seitenabmessungen dieser Vorlagen wurden für
die Darstellung auf Smartphones optimiert.
20
Einrichten von Websites und Seiten
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 X7 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)
Pro-Designvorlage
(Desktop)
Pro-Designvorlage (Mobil)
Einrichten von Websites und Seiten
21
6.
Legen Sie in dem rechten Feld fest, welche Seiten Sie für Ihre
Website verwenden möchten. Wählen Sie die einzelnen
Seiten per Mausklick mit einem Häkchen aus, oder entfernen
Sie die Häkchen der unerwünschten Seiten.
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 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.
Klicken Sie auf die Schaltfläche OK. Die Seiten werden nun in
Ihre neue Website eingefügt.
22
Einrichten von Websites und Seiten
Aufbauen einer vollständig neuen
Website
Obwohl die Designvorlagen (siehe Seite 18) 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.
Sie können diese Einstellungen jederzeit ändern, nachdem Sie den
Startassistenten geschlossen haben.
Die Seitengröße und -höhe ist für alle Seiten identisch –
einschließlich einer Master-Seite, die automatisch
angelegt und allen neuen Seiten zugewiesen wird. Eine
Standard-Navigationsleiste wird automatisch auf dieser
Master-Seite platziert.
Einrichten von Websites und Seiten
23
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
Kategorie „Publizieren“.
Erstellen einer neuen, leeren Website während
einer Arbeitssitzung in WebPlus
•
Klicken Sie in WebPlus auf die Option Neue Website
der Standardsymbolleiste.
Die neue Website wird nun mit einer leeren Seite geöffnet, die mit
den standardmäßig verwendeten Website-Eigenschaften formatiert
ist.
24
Einrichten von Websites und Seiten
Öffnen einer bestehenden
Website
Um eine gespeicherte WebPlus-Website zu öffnen, können Sie den
Startassistenten, die Standardsymbolleiste oder das Menü Datei
verwenden.
Mit dem Menü Datei lassen sich darüber hinaus auch Webseiten
importieren die zu bestehenden Websites gehören. Nähere
Informationen hierzu finden Sie in der WebPlus-Hilfe.
Ö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
Einrichten von Websites und Seiten
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 auf Öffnen.
25
Ö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.
26
Einrichten von Websites und Seiten
Arbeiten mit der WebsiteStruktur
Bei der Struktur einer Website sind die physikalische Position der
Seiten oder ihr Speicherplatz völlig unwichtig. Bei der WebsiteStruktur 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 sind somit untergeordnete Seiten; die Sektionsseiten sind
in diesem Fall die übergeordneten Seiten.
Einrichten von Websites und Seiten
27
Anzeigen der Website-Struktur
Die Website-Struktur lässt sich über zwei Optionen einblenden: die
Registerkarte „Website“ und die Website-Strukturansicht. Die
zweite Variante ist ideal für die Darstellung großer Websites.
Prüfen der Struktur über die Registerkarte
„Website“
In WebPlus können Sie mit dem Website-Strukturbaum der
Registerkarte „Website“ die Inhalte Ihrer Website bequem in
Sektionen und Stufen aufteilen. Eine Struktur könnte zum Beispiel
wie folgt aussehen:
28
Einrichten von Websites und Seiten
Prüfen der Struktur über die WebsiteStrukturansicht
Für große Websites ist die Website-Strukturansicht eine gute
Alternative zur Registerkarte „Website“ 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.
Einrichten von Websites und Seiten
29
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 Website-Eigenschaften 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 im Menü Eigenschaften auf den Eintrag WebsiteEigenschaften. Es wird nun das Dialogfeld „WebsiteEigenschaften“ geöffnet. Klicken Sie in der linken Liste
einfach auf eine Kategorie, um in der rechten Fensterhälfte die
entsprechenden Optionen einzublenden.
30
Einrichten von Websites und Seiten
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 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 mit der rechten Maustaste auf die aktive Seite und in
ihrem Kontextmenü auf Seiteneigenschaften.
Arbeiten mit Seiten und MasterSeiten
Vom Designstandpunkt aus betrachtet besteht jede WebPlus-Seite aus
einer Seite im „Vordergrund“ und einer Master-Seite im
„Hintergrund“.
Einrichten von Websites und Seiten
31
Die Master-Seiten sind ein wichtiger Strukturbaustein Ihrer WebPlusWebsite, 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. 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 Website besteht aus einem oberen Feld für MasterSeiten und einem unteren Feld für die Website-Struktur 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 33). 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.
32
Einrichten von Websites und Seiten
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 Website 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 MasterSeite 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 WebsiteEigenschaften (Eigenschaften > WebsiteEigenschaften) festgelegt haben.
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 Master-Seiten" in
der WebPlus-Hilfe.
Einrichten von Websites und Seiten
33
Hinzufügen, Entfernen und
Neuordnen von Seiten
In der Registerkarte
„Website“ stehen Ihnen die
folgenden Optionen zur
Verfügung.
•
Einfügen von Seiten
•
Löschen von Seiten.
•
Einfügen einer oder
mehrerer Master-Seiten.
•
Anordnen der Seiten in
der Website-Struktur
durch Klicken und
Ziehen.
•
Einfügen von Seiten aus
installierten
Designvorlagen.
•
Einfügen von OffsiteLinks.
•
Einfügen von HTMLSeiten.
•
Festlegen einer Seite als
Homepage.
34
Einrichten von Websites und Seiten
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
„Website“ die Seite aus, nach der Sie die neue Seite einfügen
möchten.
2.
Klicken Sie über dem Feld „Seiten“ der Registerkarte
„Website“ 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.
Klicken Sie auf OK.
Die neue Seite wird nun an der von Ihnen ausgewählten Position
der Website-Struktur eingefügt.
Einrichten von Websites und Seiten
35
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 Website auf die Schaltfläche
Master Seiten >, um das Feld „Master-Seiten“ 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 „Website“ 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
30).
36
Einrichten von Websites und Seiten
Löschen von Seiten
Löschen einer Seite oder Master-Seite
1.
Wählen Sie in der Registerkarte „Website“ 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 „Website“ können Sie Seiten nicht nur
hinzufügen oder löschen, sondern auch innerhalb der Website an
beliebige Positionen verschieben.
Verschieben einer Seite
1.
Öffnen Sie die Registerkarte Website.
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.
Einrichten von Websites und Seiten
37
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 Offsite-Links
Sie können ebenfalls einen Offsite-Link zu Ihrer Website-Struktur
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 „Website“ mit der rechten
Maustaste auf eine Standardseite und in dem Kontextmenü
auf Als Homepage festlegen.
38
Einrichten von Websites und Seiten
Willkommen
39
Die Layoutelemente
40
Die Layoutelemente
Die Layoutelemente
41
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 150) für einzelne Überschriften und Spezialeffekte
erstellen oder Tabellentexte für eine zeilen- oder spaltenweise
Darstellung (siehe auch „Einfügen von Tabellen“ auf Seite 61).
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.
Erstellen eines Rahmens
1.
Klicken Sie in der Kategorie „Layoutelemente“ der
Registerkarte QuickBuild auf das Symbol Textrahmen.
2.
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.
42
Die Layoutelemente
Löschen von Rahmen
•
Wählen Sie den Rahmen aus und drücken Sie die Taste Entf.
Enthält der Rahmen eine Einfügemarke, löschen Sie mit der
Taste Entf die Buchstaben nach dem Textcursor.
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 152.
Einfügen über
die
Zwischenablage
Platzieren Sie eine Einfügemarke in dem Text
und drücken Sie die Tastenkombination
Strg+V.
Die Layoutelemente
43
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).
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.
44
Die Layoutelemente
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.
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.
Die Layoutelemente
45
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.
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
Festplatte einfügen der Grundlagenleiste einbetten
(klicken Sie in dem Dialogfeld auf Bild einbetten)
sowie jederzeit auch über den Ressourcen-Manager
(siehe WebPlus-Hilfe).
46
Die Layoutelemente
Ersetzen von Bildern
Bilder lassen sich jederzeit austauschen. Dies ist besonders praktisch,
wenn Sie die Position und Größe eines Fotos auf der Seite beibehalten
und nur das eigentliche Bild selbst ändern möchten. Diese Funktion
lässt sich für zugeschnittene und unbeschnittene Bilder einsetzen.
Ersetzen von Bildern
1.
Klicken Sie direkt unter dem ausgewählten Bild auf
die Option Bild aus Festplatte ersetzen oder Bild aus
Quelldateien ersetzen.
2.
Wählen Sie in dem Dialogfeld Bild importieren das
gewünschte Bild aus.
3.
Klicken Sie auf die Schaltfläche Öffnen.
Sie können Bilder ebenfalls gegen die Bilder austauschen, die im
Quelldatei-Browser gespeichert sind. Klicken Sie hierzu direkt unter
dem ausgewählten Bild auf die Option Bild aus Quelldateien
ersetzen.
Die Layoutelemente
47
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 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 Objekt. Klicken Sie hierzu im
Menü Eigenschaften oder dem per Rechtsklick auf das Objekt
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.
48
Die Layoutelemente
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. Klicken Sie auf die Schaltfläche
Studio für Ausschnitte in
der Bildkontextleiste. Es wird nun das Studiofenster für das
Extrahieren von Bildbereichen geöffnet.
3.
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.
Die Layoutelemente
49
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"
Starten von PhotoLab
1.
Wählen Sie das Bild aus, auf das Sie einen Filter anwenden
möchten.
2.
Klicken Sie auf die Schaltfläche
Bildkontextleiste.
3.
Wählen Sie einen Filter der Filterregisterkarten aus
("Favoriten", "Korrekturen" oder "Effekte").
PhotoLab der
50
Die Layoutelemente
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.
Klicken Sie auf die Schaltfläche OK.
7.
Weitere Informationen hierzu finden Sie in der WebPlusHilfe.
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 WebsiteBesucher 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 WebsiteBesucher ihren Mauszeiger auf Schaltflächen, Bildern oder anderen
Quelldateien platzieren.
Die Layoutelemente
51
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 63)
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.
WebPlus bietet eine breite Palette an modernen Hintergrunddesigns,
mit denen Sie schnell und einfach ansprechende Panels entwerfen
können. Alternativ können Sie auch eine Hintergrundvorlage anpassen
oder in dem Design Studio (siehe WebPlus-Hilfe) von WebPlus den
Hintergrund selbst entwerfen.
Einfügen eines Panels
Um ein Panel einzufügen, gehen Sie wie folgt vor:
1.
Klicken Sie in der Kategorie „Layoutelemente“ der
Registerkarte QuickBuild auf das Symbol Panel.
2.
Ziehen Sie den Mauszeiger mit gedrückter Maustaste über Ihre
Seite, um den Bereich und die Größe für das Panel zu bestimmen.
Es wird nun das Dialogfeld Panel einfügen geöffnet.
52
3.
Die Layoutelemente
Gehen Sie in der Registerkarte Panel wie folgt vor:
•
Klicken Sie in das Vorschaufeld.
•
Wählen Sie in dem Quelldatei-Browser ein
vordefiniertes Hintergrunddesign aus und klicken
Sie auf OK. Die Vorschau wird nun mit dem
ausgewählten Paneldesign aktualisiert.
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.
Die Layoutelemente
53
Ein-/Ausblenden eines Panels
Nachdem Sie das Panel entworfen und mit dem gewünschten Inhalt
gefüllt haben, können Sie es sichtbar lassen oder auch ausblenden.
Ausgeblendete Panels lassen sich per Mausberührung oder Klick auf
ein Seitenobjekt einblenden. Auf diese Weise können Sie schnell und
einfach zusätzliche Optionen oder Details für Schaltflächen, Bilder und
Galerieobjekte auf Ihren Webseiten anbieten. Die Website-Besucher
blenden dann einfach nur die für sie interessanten Panels ein und
werden nicht mit Informationen überfrachtet.
Festlegen von Aktionen für Panels
1.
2.
Wählen Sie das Panel aus.
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.
Klicken Sie auf die Schaltfläche OK.
Nachdem Sie nun das Panel fertig konfiguriert haben, können Sie das
Panel ausblenden.
54
Die Layoutelemente
Ausblenden ausgewählter Panels
•
Klicken Sie in der Kontextleiste auf die Option Objekt ein/ausblenden.
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
als Auslöser konfigurierten Seitenobjekt platzieren, wird das Panel per
Rollover an der von Ihnen festgelegten Stelle eingeblendet.
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 Layoutelemente
55
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.
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 FlashGalerie, basieren jedoch auf JavaScript. Zusätzlich zu
den Fotorastern und Fotostapeln sind hier auch
Lightboxen verfügbar.
56
Die Layoutelemente
Einfügen einer Fotogalerie
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.
Einfügen einer Fotogalerie
1.
Klicken Sie in der Kategorie „Layoutelemente“ der
Registerkarte QuickBuild auf das Symbol 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
Wählen Sie einen Galerietyp aus (siehe Seite 55).
3.
Klicken Sie auf die Schaltfläche Weiter.
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.
Die Layoutelemente
57
ODER
Klicken Sie auf Quelldateien hinzufügen, um die gewünschten
Bilddateien auszuwählen.
ODER
•
Hinzufügen aller Fotos aus einem Ordner
Klicken Sie auf die Schaltfläche Ordner hinzufügen, um alle
Bilder aus einem bestimmten Ordner zu importieren.
ODER
•
2.
Einfügen aus Digitalkamera oder Scanner
Klicken Sie auf die Schaltfläche TWAIN-Import. Falls Sie
mehrere TWAIN-Geräte angeschlossen haben, klicken Sie
zunächst auf den Pfeil der Schaltfläche und legen über den
Menüpunkt Quelle auswählen das gewünschte Modell fest.
Klicken Sie auf Import, um Ihre Fotos einzulesen.
(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.
•
(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).
3.
Klicken Sie auf die Schaltfläche Weiter.
58
Die Layoutelemente
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.
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.
Die Layoutelemente
59
Arbeiten mit Onlinefotoquellen
Anstatt Ihre Fotos von einem lokalen Laufwerk auf Ihrem PC zu
importieren, können Sie in Ihre Fotogalerie auch Bilder per Live
Feed einfügen, die bereits online bei Flickr oder SlideShowPro
Director gespeichert sind.
Der größte Vorteil dieser Galerien mit Live Feed liegt darin, dass Ihre
publizierte Fotogalerie automatisch aktualisiert wird, sobald Sie neue
Fotos außerhalb von WebPlus an Flickr oder SlideShowPro Director
übertragen. Auf diese Weise müssen Sie die Fotos nicht einzeln in
Ihrer Galerie nachtragen und dann die Website erneut publizieren.
Kopieren Ihres Fotolinks von der Flickr-Website
1.
Gehen Sie zu der Website flickr.com und melden Sie sich bei
Ihrem Konto an.
2.
Klicken Sie auf die Option für Ihren Fotostream.
3.
Blättern Sie die Seite nach unten bis zu dem Symbol für
den RSS-Feed, klicken Sie mit der rechten Maustaste auf das
Symbol und in dem Kontextmenü auf Verknüpfung kopieren.
Stellen Sie sicher, dass sich der kopierte Link immer noch
in der Zwischenablage befindet, wenn Sie ihn in WebPlus
einfügen möchten.
60
Die Layoutelemente
Kopieren Ihres Fotolinks von SlideShowPro Director
1.
Gehen Sie zu der Website SlideShowPro Director und melden Sie
sich bei Ihrem Konto an.
2.
Wählen Sie Ihr Album aus und klicken Sie unter „Publish“ auf die
Kopieren-Schaltfläche (in der Option „Copy XML File Path“), um
den Link in die Zwischenablage einzutragen.
Einfügen einer Fotogalerie mit Live Feed
1.
Klicken Sie in dem Dialogfeld für Fotogalerien auf
Professionelle Flash-Fotogalerie (Live Feed).
2.
Klicken Sie auf die Schaltfläche Weiter>.
3.
Aktivieren Sie je nach der Fotodatenquelle, die Sie verwenden
möchten, eine der Optionen RSS 2.0 Medien oder SlideShowPro
Director.
•
Für die erste Option fügen Sie den kopierten Link für den RSSFeed (siehe obige Beschreibung) in das entsprechende
Dropdownfeld ein.
ODER
•
Für die zweite Option fügen Sie den kopierten XML-Dateipfad
(siehe obige Beschreibung) ein.
Die Optionen der anderen Dialogfelder lassen sich genau so
konfigurieren wie für die „normalen“ Galerietypen.
Die Layoutelemente
61
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 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.
62
Die Layoutelemente
Einfügen einer Tabelle
1.
Klicken Sie in der Kategorie „Layoutelemente“ 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.
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 Layoutelemente
63
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, NewsTicker 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.
64
Die Layoutelemente
Für die Darstellung der Panels stehen Ihnen verschiedene
Animationstypen zur Verfügung. Sie können einfache
Richtungsänderungen (z. B. Links nach Rechts, Oben nach Unten
usw.) sowie eine Gemischte Animation (bestehend aus mehreren
Varianten) verwenden oder auch spezifische Vorgaben wie
Akkordeon, Overlay oder Bildlauf-Varianten einsetzen. Bei der
Steuerung über einen Timer können Sie das Start- und Enddatum
(oder die Zeit) für jedes Panel präzise angeben.
In dem Quelldatei-Browser steht Ihnen eine breite Palette
professioneller Slider zur Verfügung. Nach dem Platzieren auf der
Seite können Sie jede dieser Slidervarianten 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 im Menü Einfügen auf Interaktives Objekt und
dann auf Slider.
2.
Wählen Sie im Hauptfeld des Quelldatei-Browsers einen
Slider aus und klicken Sie auf OK.
3.
Klicken Sie einmal auf die Seite, um den Slider zu platzieren.
Sie können Slider auch über die Registerkarte „Quelldateien“ auf
Ihren Seiten platzieren. Nähere Informationen hierzu finden Sie in
der WebPlus-Hilfe.
Auswählen eines Sliders
•
Wählen Sie in der Registerkarte Objekte den Eintrag des
Sliders aus. Über dem Arbeitsbereich wird nun die
Kontextleiste für den Slider eingeblendet, mit dem Sie seine
Eigenschaften bearbeiten können.
Die Layoutelemente
65
Wenn Sie den Inhalt eines Panels bearbeiten und das Panel
selbst auswählen möchten, klicken Sie auf den Menüpunkt
Bearbeiten > Auswählen > Übergeordnetes
Element auswählen oder drücken die
Tastenkombination Strg + R. Möchten Sie anschließend
den Slider auswählen, klicken Sie einfach erneut auf den
Menüpunkt Bearbeiten > Auswählen >
Übergeordnetes Element auswählen.
Bearbeiten Ihres Sliders
Standardmäßig enthält jeder Slider ein Set von Panels. Sie können den
Slider jedoch wie folgt konfigurieren:
•
Hinzufügen, Kopieren und Löschen von Panels in dem Slider.
•
Einfügen von Inhalten in das aktuell sichtbare Panel. Bedenken
Sie stets, dass Sie für jedes Panel in einem Slider die Inhalte
genauso frei festlegen können, wie für ein eigenständiges Panel
auf einer Webseite.
•
Austauschen von Bildern gegen ein eigenes Foto. Klicken
Sie hierzu unter dem Bild des Panels auf das Symbol Bild
ersetzen.
•
Hinzufügen von Hyperlinks zu den Bildern, Schaltflächen oder
anderen Objekten, die pro Panel auf ein anderes Ziel verweisen,
wie z. B. eine Produktseite. Diese Linkziele lassen sich dann in
einem neuen Fenster oder einer Lightbox einblenden.
•
Legen Sie den Animationstyp für die Panels fest.
Darüber hinaus können Sie auch die Reihenfolge der Panels und
Steuersymbole für die Wiedergabe ändern.
66
Die Layoutelemente
Hinzufügen neuer Panels
1.
Wählen Sie den Slider aus.
2.
Klicken Sie in der Kontextleiste auf die Option Panel
hinzufügen.
Es wird nun ein leeres Panel nach dem letzten Panel in Ihrem
Slider eingefügt. Sie können den Inhalt für das neue Panel frei
festlegen (siehe Seite 52).
Die Reihenfolge der Panels in dem Slider lässt sich über
die Option Slider bearbeiten der Symbolleiste ändern.
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.
Die Slidereigenschaften lassen sich jederzeit ändern, sodass Sie die
Animationstypen und Wiedergabesteuerung genau an Ihre
Vorstellungen anpassen können. Die Reihenfolge der Panels in
dem Slider lässt sich ebenfalls ändern, und Sie können die Panels
sogar zu bestimmten Zeiten einblenden.
Willkommen
67
Die
Navigationselemente
68
Die Navigationselemente
Die Navigationselemente
69
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 26) 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 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.
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.
70
Die Navigationselemente
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 Website-Struktur
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“.
•
Aktionen: Aktionen (Änderung in der Position in der ZReihenfolge, der Deckkraft oder eine selbst festgelegte Aktion)
lassen sich über Ereignisse (z. B. die Berührung mit der Maus)
auslösen. Nähere Informationen hierzu finden Sie unter dem
Thema „Anwenden von Aktionen“.
Die Navigationselemente
71
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.
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.
72
Die Navigationselemente
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.
•
Legen Sie das Zielfenster oder den Zielrahmen fest, in dem
die neue Seite geöffnet werden soll. Wählen Sie hierzu eine
der Optionen Gleiches Fenster (die am häufigsten
verwendete Variante), Neues Fenster (besonders hilfreich
für Offsite-Seiten), Oben im aktuellen Fenster,
Übergeordneter Rahmen, Benanntes Fenster,
Dokumentrahmen oder Lightbox aus.
7.
Klicken Sie auf die Schaltfläche OK. Die Navigationsleiste
wird nun auf Ihrer Seite angezeigt.
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).
Die Navigationselemente
73
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 69) und werden erst angezeigt, wenn
Ihre Website-Besucher den Mauszeiger auf der entsprechenden
Schaltfläche platzieren. In den Popup-Menüs werden die
untergeordneten Seiten aus den unteren Stufen Ihrer WebsiteHierarchie 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 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ü.
74
Die Navigationselemente
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 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 PopupGrafikmenüs ähneln denen für Schaltflächen.
Eine genaue Beschreibung der Optionen finden Sie unter
„Ändern der Popup-Menüs“ in der WebPlus-Hilfe.
7.
Klicken Sie auf die Schaltfläche OK.
Die Navigationselemente
75
Einfügen von Schaltflächen
Schaltflächen sind ein wichtiger Bestandteil der Navigationsleisten
(siehe Seite 69) 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 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.
76
Die Navigationselemente
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.
Gehen Sie in der Registerkarte „Hyperlink“ wie folgt vor:
•
Wählen Sie in der Registerkarte „Hyperlinktyp“ das
Hyperlinkziel aus. Hiermit können Sie die Website-Besucher per
Hyperlink (siehe Seite 78) 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.
7.
Klicken Sie auf die Schaltfläche OK.
Die Navigationselemente
77
Ü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 82), 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.
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.
78
Die Navigationselemente
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 einer lokalen Festplatte oder einem Netzwerk
•
Einem Warenkorb
•
Einem Smart-Objekt (z. B. ein Forum, Blog oder CMS)
•
Einem RSS-Feed oder Podcast
•
Einem Navigationselement
•
Benutzerdaten
•
Bildern
Die Navigationselemente
79
Aktionen ähneln in sofern den Hyperlinks, als dass sie ebenfalls
bestimmen, was bei einem Mausklick oder der 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
82.
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.
Klicken Sie auf die Schaltfläche OK.
Alle Hyperlinks und Anker in Ihrer Website lassen
sich bequem mit dem Website-Manager verwalten,
der jederzeit über die Standardkontextleiste sowie das
Menü Extras erreichbar ist.
80
Die Navigationselemente
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.
Klicken Sie in der Eigenschaftsleiste auf die 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.
Die Navigationselemente
81
Auswählen der Hyperlinkdarstellung
Für künstlerische Texte, Rahmentexte oder Tabellentexte können
Sie in der Registerkarte „Darstellung“ des Dialogfelds verschiedene
Farboptionen für den Hyperlinktext festlegen.
Ändern der Hyperlinkdarstellung
•
Legen Sie in der Registerkarte Darstellung über die
Dropdownliste Format die gewünschte Formatierung für den
Hyperlinktext fest.
Über die Registerkarte Erweitert können Sie Optionen
für die Barrierefreiheit festlegen, wie z. B. Zugriffstasten
und den Titel, der als QuickInfo angezeigt wird, wenn
Website-Besucher den Mauszeiger auf dem Link
platzieren.
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.
82
Die Navigationselemente
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).
•
Deckkraft: 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: Ändern der 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 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 WiedergabeAktion zu einer Wiedergabe-Schaltfläche usw. Nähere
Informationen hierzu finden Sie unter „Einfügen von Slidern“
auf Seite 63.
Die Navigationselemente
•
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.
•
Benutzerdefiniert: Hiermit können Sie selbst ein JavaScript
festlegen, das als Reaktion auf einen Mausklick, Tastendruck
usw. gestartet werden soll.
83
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 51.
Festlegen einer Aktion
1.
Klicken Sie in der Eigenschaftsleiste auf die 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.
Klicken Sie auf die Schaltfläche OK.
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.
84
Die Navigationselemente
Einfügen von Ankern
Ein Anker ist eine bestimmte Position auf einer Webseite, die als
Ziel für einen Hyperlink (siehe Seite 80) 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.
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.
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.
Klicken Sie auf die Schaltfläche OK.
Die Navigationselemente
85
Anhängen von Ankern an Objekte
1.
Wählen Sie das Zielobjekt mit dem Zeigerwerkzeug aus.
2.
Klicken Sie in der Eigenschaftsleiste auf die 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, 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.
6.
Klicken Sie auf die Schaltfläche OK.
Anzeigen und Bearbeiten bestehender Anker
•
Klicken Sie im Menü Extras auf Website-Manager > AnkerManager, 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.
86
Die Navigationselemente
Willkommen
87
Interaktive
Objekte
88
Interaktive Objekte
Interaktive Objekte
89
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.
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).
90
Interaktive Objekte
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.
Einfügen von Rollover-Popups
1.
Klicken Sie in der Kategorie „Interaktive Objekte“ der
Registerkarte QuickBuild auf das Symbol 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 Quelldatei-Browser, 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 Quelldatei-Browser 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.
Interaktive Objekte
91
•
(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.
Klicken Sie auf die Schaltfläche OK.
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.
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.
92
Interaktive Objekte
Einfügen einer Website-Suche
WebPlus verwendet eine leistungsstarke Suchfunktion, mit der Sie
oder Ihre Website-Besucher gezielt die Textrahmen und
Tabellentexte nach bestimmten Begriffen durchsuchen können.
Die Suchfunktion besteht aus zwei Teilen: einem Formular für die
Website-Suche und einem Rahmen für die WebsiteSuchergebnisse.
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.
Interaktive Objekte
93
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.
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 Seite zu
platzieren.
ODER
2.
Klicken Sie in der Kategorie „Interaktive Objekte“ der
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.
3.
Legen Sie mit den Optionen des Dialogfelds für die WebsiteSuchergebnisse die Darstellung der Texte und Hyperlinktexte
fest.
Es empfiehlt sich außerdem, die Suchergebnisse auf
einer separaten (eventuell neuen) 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.
94
Interaktive Objekte
Einfügen eines Formularobjekts für die WebsiteSuche
1.
Klicken Sie im Menü Einfügen auf den Eintrag WebsiteSuche und in dem nun geöffneten Untermenü auf WebsiteSuche.
2.
Klicken Sie mit dem Einfügen-Cursor auf die Seite, um das
Formularobjekt für die Website-Suche zu platzieren.
Damit Ihre Website-Besucher möglichst von allen Seiten
auf die Suchfunktion zugreifen können, sollten Sie das
Funktionsobjekt am oberen Rand einer Master-Seite
platzieren.
Bearbeiten der Darstellung für ein Suchen-Objekt
•
Führen Sie einen Doppelklick auf das Suchen-Objekt aus, um
sein Bearbeitungsfenster zu öffnen. Stellen Sie die
gewünschten Werte ein.
Interaktive Objekte
95
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.
Einfügen einer Google Map
1.
Klicken Sie in der Kategorie „Interaktive Objekte“ der
Registerkarte QuickBuild auf das Symbol 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.
96
Interaktive Objekte
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.
3.
Geben Sie einen Namen für den Marker ein. Dieser Name wird
als QuickInfo angezeigt, wenn ein Website-Besucher 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.
Interaktive Objekte
97
Animierte Textlaufbänder
Animierte Textlaufbänder sind perfekt für horizontal scrollende
Texte (z. B. Nachrichten-Ticker) und werden auf Websites häufig für
Überschriften oder besondere Hingucker verwendet.
Sie können die Hintergrundfarbe festlegen, bis zu drei Zeilen Text
eingeben, die Texteigenschaften konfigurieren (wählen Sie einfach
einer der auf Ihrem Computer installierten Schriften aus) und die
Laufgeschwindigkeit, Richtung und Ausrichtung für jede Textzeile
einstellen. Darüber hinaus lässt sich auch ein Linkziel für das
Textlaufband festlegen (siehe „Einfügen von Hyperlinks“ auf Seite 79).
Auf der in WebPlus dargestellten Seite werden die Textlaufbänder nur
als statische Grafiken angezeigt. Sie können diese Objekte genau wie
normale Grafiken ausschneiden, kopieren, verschieben sowie
vergrößern und verkleinern. Möchten Sie die eigentliche Animation
prüfen, müssen Sie die Vorschau aktivieren oder die Seite in einem
Webbrowser öffnen.
98
Interaktive Objekte
Erstellen animierter Textlaufbänder
1.
Klicken Sie im Menü Einfügen auf den Eintrag Interaktives
Objekt und in dem nun geöffneten Untermenü auf Animiertes
Textlaufband.
2.
Legen Sie die Anzahl der Textzeilen fest und formatieren Sie jede
Zeile mit den Optionen der Registerkarte Animiertes
Textlaufband.
3.
(Optional) Möchten Sie die automatisch erzeugte HTML-ID für
das Objekt bearbeiten oder einen Anker konfigurieren, öffnen Sie
die Registerkarte ID/Anker.
4.
(Optional) Legen Sie über die Registerkarte CSS-Eigenschaften
Browser-basierende Formatierungen fest, wie z. B. eine
Umrandung oder einen Hintergrund.
5.
Klicken Sie auf die Schaltfläche OK.
6.
Um das animierte Textlaufband in der Standardgröße
einzufügen, platzieren Sie den Mauszeiger an der gewünschten
Seitenposition und klicken einmal.
Bearbeiten animierter Textlaufbänder
•
Führen Sie einen Doppelklick auf das animierte Textlaufband
aus. Es wird nun wieder das Dialogfeld „Animiertes
Textlaufband“ mit den aktuell für das Objekt festgelegten
Optionen geöffnet.
Willkommen
99
Externe /
Verwaltete
Inhalte
100
Externe / Verwaltete Inhalte
Externe / Verwaltete Inhalte
101
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 SmartObjekt 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.
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.
102
Externe / Verwaltete Inhalte
Einfügen eines Blogs auf einer Seite
1.
Klicken Sie in der Kategorie „Externe/Verwaltete
Inhalte“ der Registerkarte QuickBuild auf das Symbol Blog.
2.
Ziehen Sie den Mauszeiger mit gedrückter Maustaste
über Ihre Seite, um den Bereich und die Größe für den Blog
zu bestimmen.
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.
3.
Geben Sie in das Dialogfeld einen Namen für Ihren Blog ein.
Dieser Blogtitel wird auch am Anfang des im Web
publizierten Blogs angezeigt.
4.
(Optional) Geben Sie eine Blog-Beschreibung ein, um den
Inhalt Ihres Blogs zu umreißen. Benötigen Sie nähere
Informationen zu den anderen Optionen, klicken Sie einfach
auf die Hilfe-Schaltfläche des Dialogfelds.
5.
Klicken Sie auf die Schaltfläche Speichern. Der nun
angezeigte hellblaue Bereich kennzeichnet den Blog.
Bearbeiten Ihres Blogs
•
Führen Sie einen Doppelklick auf den Blog aus.
Externe / Verwaltete Inhalte
103
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, 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.
104
Externe / Verwaltete Inhalte
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. Website-Besucher können
ebenfalls einen Beitrag zu einem Thema schreiben oder auch selbst
ein völlig neues Diskussionsthema eröffnen.
Das von Ihren Website-Besuchern in einem Unterforum neu erstellte
Diskussionsthema steht dann auch für alle anderen WebsiteBesucher offen, sodass diese Ihre Meinung als Nachricht posten
können; auf diese Weise entsteht ein Diskussionsfaden (auch
„Thread“ genannt).
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.
Externe / Verwaltete Inhalte
105
•
Festlegen der Benutzerrechte.
•
Verwalten und Moderieren des Forums, ohne das Forum neu
publizieren zu müssen.
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.
Einfügen eines Forums
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.
Einfügen eines Forums
1.
Klicken Sie in der Kategorie „Externe/Verwaltete
Inhalte“ der 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.
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.
106
Externe / Verwaltete Inhalte
3.
Geben Sie in das Dialogfeld einen Namen für Ihr Forum ein.
Dieser Forumtitel wird auch am Anfang des im Web
publizierten Forums angezeigt.
4.
Geben Sie eine Forumbeschreibung ein, um Ihren WebsiteBesuchern einen Eindruck von den diskutierten Inhalten zu
vermitteln.
5.
Klicken Sie auf die Schaltfläche Speichern. Das Forum wird nun
auf Ihrer Seite angezeigt.
Haben Sie bereits ein Smart-Objekt für die
Zugangskontrolle in Ihren Serif Webressourcen, das Sie
für Ihr Forum verwenden möchten, können Sie es über
das Dropdownfeld Zugangskontrolle (Bestehend)
auswählen. Alternativ erstellen Sie einfach ein neues
Smart-Objekt für die Zugangskontrolle des Forums, indem
Sie die Option Zugangskontrolle (Neu) aktivieren.
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.
Weitere Informationen zu den Kontooptionen der Serif
Webressourcen finden Sie unter dem Thema „Arbeiten
mit Smart-Objekten“ (siehe Seite 191).
Verwalten Ihres Forums
Bis jetzt haben Sie nur ein Standardforum angelegt – ein Unterforum
innerhalb einer einzigen Kategorie.
Externe / Verwaltete Inhalte
107
Möchten Sie den Namen einer Kategorie oder eines Unterforums
ändern oder weitere Kategorien hinzufügen und/oder zusätzliche
Unterforen in den Kategorien erstellen, müssen Sie die
Forumverwaltung verwenden. Hier legen Sie ebenfalls die Optionen
für den Datenschutz, die Moderation, Themen und Benutzerränge
(nach Anzahl der Postings) fest.
Verwalten Ihres Forums
•
Wählen Sie das Forum aus und klicken Sie in der
Kontextleiste auf Verwalten.
•
Um sich einen Überblick über die verfügbaren Optionen zu
verschaffen, scrollen Sie in dem Dialogfeld nach unten und
klicken auf Hilfe.
Die Forensicherheit
Standardmäßig wird Ihr Forum mit aktivierter Option Neue
Benutzer bei Beitritt hinzufügen angelegt. Auf diese Weise müssen
Sie keine weiteren Schritte unternehmen und können sich auf die
Moderation der Foreninhalte beschränken. 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.
Das Forum verwendet hierbei ein Smart-Objekt für Benutzerlisten
als Zugangskontrolle, das automatisch zusammen mit Ihrem Forum
angelegt wird, wenn Sie die Option Zugangskontrolle (Neu)
aktiviert haben (siehe oben).
108
Externe / Verwaltete Inhalte
Bedenken Sie stets, dass Ihr Forum auch ein Smart-Objekt ist! Mit
dem Smart-Objekt für Benutzerlisten können Sie die Benutzer Ihres
Forums auf verschiedene Weise verwalten:
•
Manuelles Hinzufügen von Benutzern: Für private Foren
können Sie z. B. eine begrenzte Liste von ganz bestimmten
Benutzern festlegen. Nur diese Personen können sich dann an
den Diskussionen beteiligen und alle anderen Website-Besucher
können sich nicht selbst für dieses Forum anmelden.
•
Zugriffsrechte für Benutzer einfrieren und Benutzer per
Bann ausschließen: Manchmal geht es in Forumsdiskussionen
nicht weniger hitzig zu, als in „realen“ Streitgesprächen. Von
Zeit zu Zeit müssen die Forumsmoderatoren dann eingreifen,
um die Diskussion wieder in die Bahn des eigentlichen Themas
zu lenken und die Teilnehmer ermahnen, sich an die
„Hausregeln“ zu halten. Zu diesem Zweck können Sie Benutzer
einfrieren (zeitweilig ausschließen) oder per Bann komplett
ausschließen.
Manuelles Hinzufügen von Forumbenutzern
1.
Klicken Sie im Menü Einfügen auf Smart-Objekt.
2.
Wählen Sie in der Bibliothek für Smart-Objekte den Eintrag für
eine Benutzerliste aus, die denselben Namen trägt wie Ihr
Forum.
3.
Klicken Sie auf Verwalten.
4.
Mit den Registerkarten „Benutzer“ und „Gruppen“ können Sie
dann manuell neue Benutzer hinzufügen und bestehende
Benutzer einfrieren oder per Bann „vor die Tür setzen“.
5.
Klicken Sie anschließend auf die Schaltfläche Beenden.
Externe / Verwaltete Inhalte
109
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.
Einfügen eines RSS-Readers
Mit WebPlus können Sie RSS-Feeds von anderen Websites direkt
auf Ihrer eigenen Webseite einblenden.
Das folgende Beispiel zeigt, wie ein RSS-Feed von Reuters auf einer
WebPlus-Webseite aussieht:
110
Externe / Verwaltete Inhalte
Wenn Sie den Reader für den RSS-Feed auf Ihrer Seite einfügen,
wird automatisch der ausgewählte RSS-Feed oder Podcast
abonniert. Es gibt noch einige andere Methoden, um RSS-Feeds
oder Podcasts über Webbrowser und iTunes zu abonnieren. An
dieser Stelle beschäftigen wir uns mit dem Einbinden eines Feeds in
Ihre Seite, sodass die Seite automatisch neue Artikel und Episoden
empfängt. Auf diese Weise bleiben Ihre Inhalte stets aktuell, ohne
dass Sie die Seiten bearbeiten und neu veröffentlichen müssen.
Einfügen eines RSS-Feed oder Podcasts in Ihre
Seite
1.
Wählen Sie im Internet einen RSS-Feed oder einen
Podcast aus. Suchen Sie hierbei nach den folgenden
Symbolen:
2.
Kopieren Sie die URL für den Feed oder Podcast in die
Zwischenablage, indem Sie mit der rechten Maustaste auf das
Symbol klicken.
3.
Klicken Sie in der Kategorie „Externe/Verwaltete
Inhalte“ der Registerkarte QuickBuild auf das Symbol RSSReader.
4.
Das Programm zeigt nun den Platzierungscursor an. Um die
Größe des Feed-Fensters 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. Möchten Sie das
Fenster in der Standardgröße einfügen, drücken Sie einfach
nur die linke Maustaste.
Externe / Verwaltete Inhalte
111
5.
Fügen Sie in dem Dialogfeld die kopierte URL in das Feld
URL des RSS-Feeds ein.
6.
(Optional) Stellen Sie über die anderen Registerkarten des
Dialogfelds die HTML-ID (ID/Anker), die Browserbasierenden Darstellungsoptionen (CSS-Eigenschaften) sowie
die Bildexportoptionen ein.
7.
Klicken Sie auf die Schaltfläche OK.
Das Feed-Fenster wird mit einer pfirsichfarbenen Füllung erstellt
und zeigt automatisch die URL des Feeds an. Um den aktuellen
Feed „live“ zu erleben, müssen Sie die Webseite publizieren.
Beachten Sie stets, dass sich der Inhalt dieses Feed-Fensters
automatisch ändert, sobald der Feed auf der ursprünglichen
Website aktualisiert wird.
Wenn ein Website-Besucher den Podcast ansieht, lässt sich jede
Episode über den Audiolink wiedergeben, der für gewöhnlich auf
eine MP3-Datei verweist. Nachdem die Datei heruntergeladen und
gespeichert wurde, lässt sie sich mit dem aktuell festgelegten
Standardplayer (z. B. Windows Media Player) abspielen oder auf
ein Mobilgerät übertragen.
112
Externe / Verwaltete Inhalte
Willkommen
113
Soziale
Netzwerke
114
Soziale Netzwerke
Soziale Netzwerke
115
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 Website-Besucher 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“ der
Registerkarte QuickBuild auf das Symbol 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.
116
3.
Soziale Netzwerke
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.
4. (Optional) Konfigurieren Sie die Darstellung des Objekts mit
den übrigen Optionen (diese variieren je nach ausgewähltem
Typ).
5. Klicken Sie auf die Schaltfläche OK.
Bearbeiten von Facebook-Objekten
Nachdem Sie es auf einer Seite platziert haben, können Sie das
Facebook-Objekt jederzeit bearbeiten.
Soziale Netzwerke
117
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.
CSS-Eigenschaften
Sie können die Umrandung, Abstände, Kontur, Hintergrundbilder
und Sichtbarkeit für Ihr Objekt ebenfalls ändern, indem Sie seine
CSS-Eigenschaften anpassen.
CSS-Eigenschaften werden als Code gespeichert und sind nicht Teil
Ihrer Grafiken. Die Eigenschaften werden dann erst in dem
Webbrowser Ihrer Website-Besucher in „sichtbare“
Layouteigenschaften umgewandelt. Weitere Informationen hierzu
finden Sie unter dem Thema „Die CSS-Eigenschaften“ auf Seite
202.
Einfügen von Twitter-Objekten
Sie können auf Ihren Webseiten Tweet- oder Folgen-Schaltflächen
platzieren, die direkt mit Twitter verbunden sind.
Wir möchten Ihnen empfehlen, selbst ein Twitter-Konto
anzulegen, wenn Sie mit diesen Objekten arbeiten.
Weitere Informationen zu Twitter finden Sie unter
www.twitter.com.
118
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
Hiermit können Website-Besucher einen Tweet zu Ihrer
TweetSchaltfläche Website auf dem eigenen Twitter-Profil posten.
Hiermit können Website-Besucher Ihrem
FolgenSchaltfläche 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.
Klicken Sie in der Kategorie „Soziale Netzwerke“ der
Registerkarte QuickBuild auf das Symbol Twitter-Objekt 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.
119
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
Twitter-Benutzernamen in dieses Feld einzutragen.
•
Empfehlen
Hiermit empfehlen Sie Ihren Website-Besuchern einen TwitterBenutzernamen, 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.
4. (Optional) Konfigurieren Sie die Darstellung des Objekts mit
den übrigen Optionen (diese variieren je nach ausgewähltem
Typ).
5. Klicken Sie auf die Schaltfläche OK.
120
Soziale Netzwerke
Einfügen einer Folgen-Schaltfläche
1.
Klicken Sie in der Kategorie „Soziale Netzwerke“ der
Registerkarte QuickBuild auf das Symbol Twitter-Objekt 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 Folgen-Schaltfläche aus.
3.
Geben Sie in das Feld Diesem User folgen einen TwitterBenutzernamen ein. Ihre Website-Besucher können dann per
Klick auf die Schaltfläche diesem Konto auf Twitter folgen.
4.
(Optional) Konfigurieren Sie die Darstellung des Objekts mit den
übrigen Optionen (diese variieren je nach ausgewähltem Typ).
5.
Klicken Sie auf die Schaltfläche OK.
Bearbeiten von Twitter-Objekten
Nachdem Sie es auf einer Seite platziert haben, können Sie das TwitterObjekt 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.
Nehmen Sie die gewünschten Änderungen vor und klicken Sie
auf OK.
Soziale Netzwerke
121
Einfügen eines LesezeichenSymbolstreifens für soziale
Netzwerke
Wenn Sie einen Lesezeichen-Symbolstreifen für soziale Netzwerke auf
einer Seite platzieren, können die Website-Besucher 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.
Einfügen eines Lesezeichen-Symbolstreifens für
soziale Netzwerke
1.
Klicken Sie in der Kategorie „Soziale Netzwerke“ der
Registerkarte QuickBuild auf das Symbol LesezeichenSymbolstreifen für soziale Netzwerke und klicken Sie dann auf
eine beliebige Stelle Ihrer Seite, um das Objekt zu platzieren.
122
Soziale Netzwerke
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 Share aus: Website, damit
Besucher Ihre ganze Website mit anderen teilen oder Seite, damit
nur die aktuelle Seite geteilt wird.
5.
Klicken Sie auf die Schaltfläche OK.
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 angezeigt. Die
Optionen in diesem Dialogfeld sind identisch mit denen, die für
die Erstellung des Objekts verfügbar waren.
3.
Nehmen Sie die gewünschten Änderungen vor und klicken Sie
auf OK.
Willkommen
123
Multimedia
124
Multimedia
Multimedia
125
Einfügen von Videos
WebPlus enthält einen optimierten Video-Player 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 Videos von Ihrem Computer verwenden als
auch Streaming-Videos aus dem Internet.
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 Ogg-Videovarianten (*.ogv) ergänzen, sollte das
MP4-Format einmal nicht unterstützt werden.
Sie können ebenfalls Flash-Videos (*.flv) als Streaming-Videos 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.
Einfügen einzelner Videos oder Playlisten
1.
Klicken Sie in der Kategorie „Mediadateien“ der
Registerkarte QuickBuild auf das Symbol Video-Player.
2.
Platzieren Sie den Mauszeiger an der gewünschten Position
für den Video-Player auf der Seite und klicken Sie einmal.
126
3.
Multimedia
Wählen Sie das Format für den Video-Player aus:
•
HTML5 und MP4-Video
HTML5 bietet die beste Kompatibilität für die Wiedergabe.
Hierfür werden keine Browser-Plugins und keine WiedergabeSoftware benötigt. ODER
•
Flash-Video
Möchten Sie Flash-Videos verwenden, wählen Sie den älteren
Flash Player aus. Damit die Website-Besucher die Flash-Videos
auf Ihren Seiten sehen können, muss auf ihrem Computer das
Plugin für den Flash Player installiert sein.
4.
•
Fügen Sie die Videos in den Player ein:
Fügen Sie einzelne Videos ein.
ODER
•
Fügen Sie alle Videos eines Ordners ein.
ODER
•
Fügen Sie Videos aus Ihren Quelldateien ein.
ODER
•
5.
Fügen Sie ein Video ein, das bereits online vorhanden ist.
(Optional) Um ein Video aus der Playliste zu entfernen,
aktivieren Sie das Kästchen links neben seiner Miniatur und
klicken auf Löschen.
Multimedia
127
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 YouTube-Video auf der Seite platzieren.
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.
128
Multimedia
3.
Klicken Sie in der Kategorie „Mediadateien“ der 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.
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.
Wenn Sie ein YouTube-Video durch ein anderes ersetzen möchten,
führen Sie einfach einen Doppelklick auf ein bestehendes YouTubeVideo 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.
Multimedia
129
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 Vimeo-Video-ID in die Seite ein, wenn Sie das Vimeo-Video
auf der Seite platzieren.
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.
Klicken Sie in der Kategorie „Mediadateien“ der
Registerkarte „QuickBuild“ auf das Symbol Vimeo und dann auf
einen Punkt Ihrer Seite.
130
Multimedia
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.
6.
(Optional) Aktivieren/Deaktivieren Sie die Kontrollkästchen für
die Videoeinstellungen.
7.
Klicken Sie auf die Schaltfläche OK.
Einfügen von Flash-Dateien (SWF)
Flash-Dateien (*.SWF) sind Movies, Animationen oder interaktive
Features die in dem Flash™ Player geöffnet werden.
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.
Klicken Sie in der Kategorie „Mediadateien“ der
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.
Multimedia
131
Wenn Sie die 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 Flash-Datei 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 eines der Symbole Datei von
Festplatte hinzufügen oder Datei aus Quelldateien hinzufügen,
um die gewünschten Dateien auszuwählen.
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 Flash-Parameter 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.
Klicken Sie auf die Schaltfläche OK.
Bearbeiten von Flash-Movies
•
Führen Sie einen Doppelklick auf Ihr Flash-Movie aus.
132
Multimedia
Willkommen
133
Formulare
134
Formulare
Formulare
135
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
143.
Der Formularaufbau
Formulare bestehen aus Texten, Grafiken und den so genannten
Formularfeldern. Zu den Feldern gehören Schaltflächen, Eingabe-,
Text-, Listen- und Dropdownfelder sowie Kontrollkästchen,
Auswahlsymbole, Datei-Upload 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 Tab-Reihenfolge, in der die Felder
ausgefüllt werden müssen, lässt sich genauso frei festlegen, wie die
Validierung der eingegebenen Daten. Nähere Informationen zu der
Tab-Reihenfolge und der Validierung finden Sie in der WebPlus-Hilfe.
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.
136
Formulare
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 174). Nachdem ein
Website-Besucher 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 FormularDesigner 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
137
Die Formularvorlagen sind für häufig verwendete Formulare
aus den Bereichen Registrierung, Kommentare und Anmeldung
entworfen. Sie können natürlich auch selbst Formulare
entwerfen, z. B. für die Übermittlung von Lebensläufen,
Umfragen, Wettbewerbe oder Adressen.
•
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 Formular-Designer. 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.
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. 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.
138
Formulare
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.
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. E-Mail-Adresse,
Skriptdatei (lokal oder Remote), und legen dann einen Namen
für das Formular fest. Nähere Informationen hierzu finden Sie
unter dem Thema „Übertragen von Formularen” auf Seite 143.
6.
Klicken Sie auf die Schaltfläche OK.
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.
Formulare
139
Bearbeiten von Feldern
1.
Führen Sie in der Registerkarte Vorlagen des FormularDesigners 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.
3.
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 das
Symbol Löschen.
Einfügen zusätzlicher Felder
•
Öffnen Sie die Registerkarte Felder und klicken Sie auf den
Feldtyp, den Sie hinzufügen möchten.
140
Formulare
Möchten Sie ein vordefiniertes Kombinationsfeld verwenden
(z. B. für Länder, die Grafschaften in Großbritannien, die USBundesstaaten usw.) klicken Sie auf Quelldatei einfügen 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-Designer 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.
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.
Formulare
141
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 alle anderen Objekten präzise verändern.
Formulare als Quelldateien
Einige Formulare und Formularfelder gehören zu den Quelldateien
und sind daher Teil bestimmter Quelldatei-Pakete. 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 QuelldateiPakete lassen sich jederzeit laden.
Auswählen von Formularen mit dem QuelldateiBrowser
1.
Klicken Sie in der Registerkarte Vorlagen des FormularDesigners auf die Schaltfläche Quelldatei-Browser.
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“ auf Seite 161.
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.
142
Formulare
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.
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.
Formulare
143
Alle freigegebenen oder von Grund auf neu erstellten Formulare
lassen Sie 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 sowie die Formularfelder neu ordnen und ausrichten.
Außerhalb des Formular-Designers lassen sich auch die
Formularfeldeigenschaften jederzeit frei bearbeiten.
Bearbeiten von Formularfeldern
•
Führen Sie einen Doppelklick auf das Formularfeld aus.
Ü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 Website-Besucher alle
Daten aus den Formularfeldern löschen.
144
Formulare
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 E-Mail-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 Formular-Designer mit
der Registerkarte „Formularübermittlung“ fest. Einige Einstellungen
sind für alle Optionen verfügbar, andere nur für bestimmte
Optionen.
Weitere Informationen zu den optionsspezifischen Einstellungen
finden Sie in der WebPlus-Hilfe.
Willkommen
145
Text
146
Text
Text
147
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
.txt
Open Office
Text
.odt
Microsoft
Word
2007/2010
.docx/.dotx
Rich Text
Format
.rtf
Microsoft
Word
2000/2003
.doc/.dot
Wordperfect
.wpd
MS Works
.wps
Write
.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.
148
Text
WebPlus importiert den Text in einen ausgewählten Textrahmen
oder erstellt automatisch einen neuen Textrahmen, wenn Sie
keinen ausgewählt haben. Nähere Informationen hierzu finden Sie
unter „Einfügen von Textrahmen“ auf Seite 41.
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).
Text
4.
Klicken Sie anschließend auf die Schaltfläche Öffnen.
5.
Ziehen Sie den Cursor mit gedrückter Maustaste über die
Seite, um die Rahmenabmessungen selbst festzulegen.
149
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.
150
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, 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
151
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.
152
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 „Suchen und Ersetzen“
(siehe WebPlus-Hilfe) 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).
Text
153
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 Strg-Taste 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.
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.
154
2.
Text
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.
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.
Willkommen
155
Quelldateien
für kreative
Designs
156
Quelldateien für kreative Designs
Quelldateien für kreative Designs
157
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
Hintergründen zu komplexen Seiteninhalten und auch ganzen
Seiten.
Für die Arbeit mit den verschiedenen Quelldateien in WebPlus
nutzen Sie die Registerkarte Quelldateien, mit dem QuelldateiBrowser und dem Quelldatei-Manager (siehe Seite 161). Mit dem
Browser können Sie gezielt nach einzelnen Quelldateien suchen,
und mit dem Manager lassen sich Quelldatei-Pakete selbst
zusammenstellen und verwalten.
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!
158
Quelldateien für kreative Designs
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“.
Quelldateien für kreative Designs
159
Über den Quelldatei-Browser 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.
•
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 Video-Player.
•
Ressourcendateien: Hier finden Sie unterstützende
Skriptdateien (JavaScript, CGI usw.), Favoriten-Symbole,
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.
160
Quelldateien für kreative Designs
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 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
163.
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 QuelldateiPaketen (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 Informationen hierzu finden Sie unter dem folgenden
Thema „Arbeiten mit dem Quelldatei-Browser“.
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 importieren Sie Bilder,
Grafiken oder PagePlus-Paketdateien. Sie können die Quelldateien
mit Markern versehen und dann Ihr eigenes Quelldatei-Paket
speichern oder exportieren.
Quelldateien für kreative Designs
161
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 QuelldateiPaketen (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.
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.
162
Quelldateien für kreative Designs
Durchsuchen von Quelldateien nach Paketdatei
1.
Klicken Sie in der Registerkarte Quelldateien auf
Durchsuchen.
2.
Wählen Sie auf der linken Seite des Quelldatei-Browsers
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.
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, Sie selbst angelegt haben.
Quelldateien für kreative Designs
163
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 (z. B. seine Farbe) lassen sich ebenfalls
speichern. Die Quelldateien lassen sich dann immer wieder für Ihre
aktuelle Website oder auch für andere Projekte einsetzen.
Objekte und ihre Einstellungen lassen sich in den Kategorien der
Registerkarte „Quelldateien“ wie folgt speichern:
Kategorie der Registerkarte
„Quelldateien“
Objekte als
Einstellungen
Quelldateien als Quelldateien
Eigene Designs (aus gezeichneten J
Vektorformen, Strichzeichnungen
sowie künstlerischen und
Rahmentexten); Globales
Speichern der Quelldateien für den
Einsatz in anderen Projekten
N
Grafiken (aus gezeichneten
J
Vektorformen, Strichzeichnungen
sowie künstlerischen und
Rahmentexten); Speichern der
Quelldateien nur für den Einsatz
in der aktuellen Website
N
Bilder* (aus korrigierten Fotos
oder Bildausschnitten)
N
J
164
Quelldateien für kreative Designs
Seiteninhalt* (Navigationsleisten, J
Schaltflächen, Formulare)
J
Seiteninhalt* (Textrahmen,
korrigierte Bilder, Bildrahmen,
Slider, Panels)
J
N
Seiten*
J
N
Einstellungen* (Hintergründe,
N
Formularthemen,
Navigationsleisten, Schaltflächen,
CSS-Eigenschaften, Video-Player,
Elementoptionen für
E-Commerce, Versand–
informationen für E-Commerce)
J
* 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 Quelldatei-Paket 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.
Quelldateien für kreative Designs
165
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.
Nach der Installation von WebPlus ist die Galerie „Eigene Designs“
leer. Sie können jederzeit Ihre eigenen Objekte in dieser Kategorie
speichern.
Speichern Ihrer Designs 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.
166
Quelldateien für kreative Designs
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.
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 Master-Seite
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.
Quelldateien für kreative Designs
167
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 Popup-Dialogfeld können Sie
die Einstellungen für die Speicherung festlegen.
Wenn Sie Hintergründe, Formularthemen,
Navigationsleisten, Schaltflächen, CSS-Eigenschaften,
Video-Player, E-Commerce-Optionen oder
Versandoptionen für E-Commerce 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.
168
Quelldateien für kreative Designs
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 entsprechende Symbol der Miniaturen.
•
Um alle Quelldateien einer Kategorie freizugeben,
klicken Sie auf die Option Nichts arretieren des
Kategorietitels.
ODER
Um die Arretierung einzelner Quelldateien aufzuheben,
klicken Sie auf das entsprechende Symbol der Miniaturen.
Willkommen
169
Vorschau
und
Publizieren
170
Vorschau und Publizieren
Vorschau und Publizieren
171
Arbeiten mit der Website-Prüfung
Die Website-Prüfung durchsucht Ihre Website nach häufig
auftretenden Layoutproblemen, die bei der Seitennavigation,
Textformatierung, Formularen, E-Commerce-Objekten und anderen
Elementen auftreten, und zeigt diese Probleme anschließend an. Die
Funktion sucht nach einer breiten Palette von Problemen. Zu den
typischen Fehlerquellen gehören:
•
Doppelt vorhandene HTML-IDs für Objekte.
•
Ungültige Anker oder Hyperlinks.
•
Webformulare: Die Schaltfläche „Absenden“ fehlt oder mehrere
Formularobjekte tragen dieselben Namen.
•
Fehlermeldungen für die W3C-Gültigkeitsprüfung.
•
Große JPG-Bilder, die als PNG-Dateien exportiert werden.
•
Überlappende, gedrehte oder zugeschnittene Texte.
•
Für Webseiten ungeeignete Schriften (keine websicheren
Schriften).
Ermittelte Probleme werden von der Website-Prüfung automatisch
in einer Liste angezeigt (einschließlich Optionen zur Korrektur der
Probleme).
Die primäre Korrektur ist die von WebPlus bevorzugte erste Wahl
für das jeweilige Layoutproblem. Wurde einem Text z. B. eine Schrift
zugeordnet, die nicht als websicher eingestuft ist, können Sie für den
Text einfach eine websichere Schrift einstellen.
172
Vorschau und Publizieren
Wenn Sie bestimmte Problemtypen ignorieren oder sich erst später
mit den Lösungsmöglichkeiten befassen möchten, können Sie die
Problemanzeige filtern. Nähere Informationen hierzu finden Sie in
der WebPlus-Hilfe.
Prüfen auf Website-Probleme
1.
Klicken Sie in der Standardkontextleiste auf die
Schaltfläche Website-Manager und dann auf die Option
Website-Prüfung.
Der Website-Manager wird nun mit aktivierter Kategorie
„Website-Prüfung“ geöffnet.
2.
(Optional) Legen Sie mit dem Dropdownfeld Seite fest, ob Sie
die Probleme für alle Seiten oder bestimmte Seiten auflisten
möchten.
3.
Legen Sie in dem Feld Typ fest, ob sie Alle Website-Probleme
oder nur bestimmte Problemtypen anzeigen lassen möchten:
•
Website-Navigation
•
Textformatierung
•
Formulare und E-Commerce
4.
Um die Website nach Problemen zu durchsuchen, klicken Sie
auf die Schaltfläche Start. Die Probleme werden dann
automatisch aufgelistet.
Standardmäßig werden Probleme nach Seiten geordnet. Sie können
die Sortierung der Liste jedoch beliebig verändern, indem Sie auf die
Kopfzelle einer Spalte klicken.
Vorschau und Publizieren
173
Automatische Korrektur mehrerer Probleme
1.
Um alle Probleme und Seiten auszuwählen, aktivieren Sie die
Option Seite in der linken oberen Ecke der Problemliste.
2.
Klicken Sie in der rechten unteren Ecke der Liste auf die Zelle
Alle korrigieren. Am Anfang der untersten Zeile wird die
Anzahl der Probleme angezeigt (z. B. 6/6 Ausgewählt).
3.
Klicken Sie in dem Dialogfeld Mehrere Korrekturen anwenden
auf die gewünschte Schaltfläche, um eine primäre Korrektur
(empfohlen) oder eine sekundäre Korrektur einzusetzen.
Nachdem Sie auf eine der Schaltflächen geklickt haben, werden
alle Probleme beseitigt und aus der Liste entfernt, die sich mit
dieser Methode beheben lassen. Für einige Korrekturen müssen
Sie eventuell zusätzliche Optionen über ein separates Dialogfeld
festlegen.
4.
Klicken Sie auf Schließen, um den Website-Manager zu
beenden.
Wenn Sie ein Problem korrigieren, wird in der
Statusspalte ein grünes Häkchen für den entsprechenden
Eintrag eingefügt.
Manuelle Problemkorrektur
1.
Führen Sie einen Doppelklick auf den Eintrag eines Problems in
der Spalte Korrektur oder Tipp aus.
2.
Führen Sie die in dem Dialogfeld vorgeschlagenen Schritte aus.
Mit der Schaltfläche Anzeigen können Sie direkt zu dem
problematischen Objekt (z. B. einem Formular) auf der
betroffenen Webseite umschalten.
174
Vorschau und Publizieren
3.
Ist die Schaltfläche Bearbeiten verfügbar, können Sie mit einem
Klick das Dialogfeld öffnen, das für die Korrektur des Problems
benötigt wird. Ist diese Schaltfläche grau angezeigt und somit
nicht verfügbar, folgen Sie einfach den Vorschlägen zur
Problembehebung.
4.
Klicken Sie als Letztes auf die Schaltfläche Schließen.
Ö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.
Klicken Sie in der Standardsymbolleiste auf den nach
unten zeigenden Pfeil des Symbols Website-Vorschau.
2.
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 WebPlus-Fenster, sodass Sie über die Reiter der
Fensterregisterkarten bequem zwischen Vorschau- und
Bearbeitungsfenster umschalten können.
Vorschau und Publizieren
•
175
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 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ü Website-Vorschau der
Standardsymbolleiste.
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.
Publizieren Ihrer Website auf WebPlus.net
•
Klicken Sie in der Standardsymbolleiste auf den Pfeil
des Symbols Website publizieren und in dem Menü auf Im
Web publizieren.
176
Vorschau und Publizieren
Falls Sie noch kein FTP-Konto eingerichtet haben,
müssen Sie nun die Details zu der FTP-Verbindung mit
Serif WebPlus.net in ein automatisch geöffnetes
Dialogfeld eintragen.
Festlegen der FTP-Kontoinformationen
1.
In dem Dialogfeld Im Web publizieren: HostingInformationen stehen Ihnen mehrere Möglichkeiten zur
Verfügung:
•
Um ein Serif Hosting bei WebPlus.net einzurichten, klicken
Sie auf Jetzt Aktivieren und führen mit Ihrem
standardmäßig verwendeten Webbrowser das Setup aus.
Beachten Sie bitte, dass unser Hosting-Angebot momentan
nur in englischer Sprache verfügbar ist.
•
Wenn Sie das Serif Hosting auf WebPlus.net bereits
eingerichtet haben, klicken Sie auf Details Eingeben.
•
Um die Veröffentlichung Ihrer Website zu stoppen, klicken
Sie auf Abbrechen.
2.
Geben Sie in das Dialogfeld Kontodetails folgende
Informationen ein:
•
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.
Vorschau und Publizieren
177
•
Portnummer: Falls Sie von Ihrem Dienstanbieter keine
andere Vorgabe erhalten haben, können Sie die Portnummer
auf „21“ belassen.
•
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 FTP-Verbindungsprobleme
auftreten, lassen Sie diese Option aktiviert.
Sollten Sie sicher sein, dass Ihre FTP-Details korrekt sind,
lassen sich Ihre Verbindungsprobleme vielleicht durch eine
Deaktivierung der Option Passiver Modus beseitigen.
Webhosting-Dienstleister arbeiten sowohl mit aktiven als
auch passiven FTP-Modi. Eventuell kann Ihnen der Support
des Unternehmens hierbei helfen.
178
Vorschau und Publizieren
•
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.
3.
Klicken Sie nun in dem Dialogfeld für den Server-Upload 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.
•
Für die Speicherung der FTP-Kontodetails stehen Ihnen zwei
Optionen zur Verfügung:
auf Ihrem PC (die Kontodetails werden in WebPlus
gespeichert)
ODER
•
5.
in der aktuellen Website (nähere Informationen hierzu
finden Sie unter dem Thema „Arbeiten mit FTPKontoinformationen“ 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.
Vorschau und Publizieren
179
Ü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.
6.
Klicken Sie auf OK.
Nachdem WebPlus eine Internetverbindung gefunden hat,
geschieht Folgendes:
180
Vorschau und Publizieren
7. 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 Datei-Upload 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 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.
Vorschau und Publizieren
181
8. Wählen Sie in dem Dialogfeld für die Website-Publikation den
Browser aus, in dem Sie die Live-Website 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.
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 WebsiteVorschau.
182
Vorschau und Publizieren
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.
Einrichten Ihres Webhostings
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, 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 nun fertig ist und Sie Ihren
Webspace eingerichtet haben, können Sie Ihre Website per Upload
im Internet veröffentlichen.
Vorschau und Publizieren
183
Publizieren Ihrer Website im World Wide Web
•
Klicken Sie in der Standardsymbolleiste auf den 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.
Festlegen der FTP-Kontoinformationen
1.
Klicken Sie in dem Dialogfeld Im Web publizieren: HostingInformationen auf Details Eingeben.
2.
Folgen Sie der Beschreibung Festlegen der FTPKontoinformationen auf Seite 176 ab Schritt 2.
QuickPublish
Mit QuickPublish können Sie die aktuell angezeigte Seite schnell
und einfach an einen Webserver übertragen. Dies ist besonders
praktisch, wenn Sie während des Designs Ihrer Website die Seiten
einzeln in ihrem „Live-Zustand“ sehen möchten. Damit Sie mit der
Funktion „QuickPublish“ arbeiten können, müssen Sie zuvor
einige Kontodetails in das QuickPublish-Konfigurationsfenster
eintragen.
184
Vorschau und Publizieren
Konfigurieren von QuickPublish
1.
Klicken Sie in der Standardsymbolleiste auf den
Pfeil des Symbols Website publizieren und dann auf
QuickPublish konfigurieren.
2.
Gehen Sie in dem Dialogfeld wie folgt vor:
•
Geben Sie die URL der Website ein, an die Sie die Seite
übertragen möchten. Alternativ können Sie die URL auch in
dem Dropdownfeld auswählen.
•
Wählen Sie den Browser aus, in dem die publizierte Seite
angezeigt werden soll.
•
Wählen Sie in dem entsprechenden Dropdownfeld das FTPKonto aus, das Sie für die Übertragung verwenden möchten.
Um die Kontoeinstellungen zu ändern oder ein neues Konto
einzurichten, klicken Sie auf Konten verwalten.
3.
Klicken Sie auf die Schaltfläche OK.
Publizieren von Seiten per QuickPublish
•
Klicken Sie in der Standardsymbolleiste auf den
Pfeil des Symbols Website publizieren und dann auf
QuickPublish im Web.
Es wird nun das Dialogfeld für die Dateiübertragung eingeblendet,
bevor der von Ihnen ausgewählte Browser die Seite anzeigt.
Willkommen
185
Inhalte für
Fortgeschrittene
186
Inhalte für Fortgeschrittene
Inhalte für Fortgeschrittene
187
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 festlegen, wie z. B. Größe und Menge (siehe unten)
sowie die gewünschten Schaltflächen, Währungen,
Beschreibungsfelder usw.
188
Inhalte für Fortgeschrittene
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
Dienstbieter.
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.
Inhalte für Fortgeschrittene
189
Welche Sie verwenden können, hängt davon ab, ob Sie bereits
Kunde bei einem Dienstanbieter sind oder sich als Neukunde
anmelden möchten:
•
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.
3.
Die Zusammensetzung dieses Dialogfelds variiert je nach
verwendetem Warenkorb-Anbieter. Für PayPal können Sie
z. B. über ein Dialogfeld eine E-Mail-Adresse festlegen, die
alle Zahlungen empfangen soll, 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 PayPal-Website
über die Suchfunktion oder unter den Händler-Tools alle
Informationen, um eine Sandbox-Anmeldung zusätzlich zu
Ihrer normalen PayPal-Anmeldung zu erstellen.
190
4.
Inhalte für Fortgeschrittene
(Optional, nur für PayPal) Klicken Sie in dem nächsten
Dialogfeld auf PayPal-Minicart verwenden, um einen PopupWarenkorb als Overlay einzublenden, wenn Ihre WebsiteBesucher Artikel in ihren Warenkorb legen. Der Warenkorb
wird anschließend in der linken 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.
Nachdem Sie alle Einstellungen vorgenommen haben, klicken
Sie auf Fertig stellen, um die Konfiguration des Warenkorbs
abzuschließen.
Nachdem Sie das Warenkorbsystem konfiguriert haben, 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 > E-Commerce-Objekt
nachholen.
Nähere Informationen hierzu finden Sie in der WebPlus-Hilfe.
Inhalte für Fortgeschrittene
191
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 SmartObjekte direkt in WebPlus verwalten oder auch jederzeit über die
Seite www.serifwebresources.com, nachdem Sie Ihre Website im
Internet publiziert haben.
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.
Aktive Betrachter
Diese Ressource zeigt an, wie viele Besucher Ihre Webseite momentan
betrachten.
Blog
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.
Sie können mithilfe der Registerkarte „QuickBuild“ ebenfalls
einen Blog auf Ihre Seiten ziehen.
192
Inhalte für Fortgeschrittene
Content Management System (CMS)
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 Artikel bewerten und kommentieren.
Für das CMS lassen sich separate Farben festlegen.
Forum
Mit diesem Objekt erstellen Sie ein Forum für Diskussionsbeiträge, das
sich in verschiedene Kategorien und Unterkategorien einteilen lässt.
Sie können mithilfe der Registerkarte „QuickBuild“
ebenfalls ein Forum auf Ihre Seiten ziehen.
Trefferzähler
Dieses Objekt ermittelt die Anzahl der Treffer für die aktuelle Seite,
d. h. wie oft Besucher die aktuelle Seite in ihrem Browser aufgerufen
haben. Diese Anzeige lässt sich jederzeit zurücksetzen. Sie können für
diese Zähler unterschiedliche Formate festlegen.
News
Mit diesem Objekt platzieren Sie ein News-Fenster auf Ihrer Seite.
Sie können mithilfe der Registerkarte „QuickBuild“
ebenfalls ein News-Fenster auf Ihre Seiten ziehen.
Inhalte für Fortgeschrittene
193
Abstimmung
Mit dieser Ressource können Sie online eine Umfrage durchführen,
um die Meinung der Website-Besucher zu einem bestimmten Thema
einzuholen.
Buchungsassistent
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.
Shoutbox
Diese Ressource fungiert als interaktives Chat-Fenster (ähnlich dem
Windows Messenger). Über die Shoutbox können die Besucher Ihrer
Website miteinander kommunizieren.
Benutzerliste
Für die Benutzerliste können Sie zwei verschiedene Modi über ein
Popup-Dialogfeld festlegen.
•
Modus für Mailinglisten: Mit diesen Objekten können WebsiteBesucher Newsletter abonnieren, Einladungen bestätigen,
Informationsmaterial anfordern usw. Die Listen lassen sich
manuell kontrollieren oder mit einer Selbstanmeldung. E-MailAdressen lassen sich als per Trennzeichen getrennte Textdateien
(CSV-Format) importieren sowie in einer breiten Palette von
Formaten exportieren.
194
Inhalte für Fortgeschrittene
Modus für die Zugangskontrolle: Dieses Objekt regelt den
Zugriff auf Seiten, Foren, Blogs und CMS mithilfe von
Benutzergruppen. Nähere Informationen hierzu finden Sie unter
dem Thema „Die Zugangskontrolle“ auf Seite 201.
•
•
Aktivieren des Spam-Schutzes CAPTCHA während der
Benutzeranmeldung.
•
Anlegen von Benutzergruppen (mit optionalem Beitritt,
automatischer Anmeldung und Verbindung zu SmartObjekten)
•
Hinzufügen, Entfernen, Einfrieren oder Ausschließen von
Benutzern.
Da die Smart-Objekte in den Serif Webressourcen
gespeichert werden, können Sie bei dem Erstellen und der
Verwaltung der Objekte einfach auf die Hilfe-Schaltflä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.
•
Falls Sie Ihre E-Mail-Adresse bereits bei Serif hinterlassen haben
(z. B. im Zuge einer Produktregistrierung), müssen Sie nur einige
Fragen beantworten, um die Kontoerstellung abzuschließen.
•
Wenn Sie sich als unregistrierter Neukunde an Serif wenden,
müssen Sie den gesamten Anmeldevorgang einschließlich der
sicherheitsrelevanten Aspekte durchführen. Die verschiedenen
Anmeldeseiten enthalten alle Informationen, die Sie für das
Ausfüllen der Felder benötigen.
Inhalte für Fortgeschrittene
195
Anlegen eines Kontos bei den Serif
Webressourcen
1.
Klicken Sie im Menü Einfügen auf Smart-Objekt.
2.
Klicken Sie in dem Anmeldungsdialogfeld auf den Link Konto
erstellen unter den Feldern für Benutzername und Kennwort.
3.
Geben Sie in das nächste Dialogfeld Ihre aktuelle E-MailAdresse ein, den Benutzernamen und zweimal das Kennwort
(zur Bestätigung). Sie müssen die Nutzungsbedingungen von
Serif lesen und diesen zustimmen (per Kontrollkästchen), um
fortfahren zu können.
4.
Klicken Sie auf die Schaltfläche Anmeldung.
5.
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.
6.
Anschließend wird eine Bestätigungs-E-Mail an Ihre E-MailAdresse verschickt. Klicken Sie auf den Link in der E-Mail. Sie
können sich nun bei den Serif 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.
196
Inhalte für Fortgeschrittene
Zugreifen auf die Webressourcen
1.
Klicken Sie im Menü Einfügen auf Smart-Objekt.
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. Die
Webressourcen öffnen nun das Dialogfeld für die SmartObjekte.
Nach der Erstellung können Sie die Kontodetails
jederzeit aus dem Dialogfeld für Smart-Objekte prüfen,
indem Sie auf Mein Konto klicken.
Abmelden bei den Serif Webressourcen
•
Klicken Sie in dem Hauptfenster für Smart-Objekte auf die
Schaltfläche Abmelden.
Erstellen von Smart-Objekten
Smart-Objekte lassen sich über die Serif Webressourcen erstellen,
indem Sie die Objekte zunächst in Ihre Smart-Objektbibliothek
eintragen. In der Bibliothek können Sie alle Objekte verwalten und
einzeln bearbeiten. Die Objekte lassen sich dann wahlweise sofort
oder auch erst später in eine Webseite einfügen.
Einige Smart-Objekte, wie z. B. Foren, Blogs und NewsFenster lassen sich direkt durch Klicken und Ziehen aus
der Registerkarte „QuickBuild“ auf Ihren Seiten
platzieren.
Inhalte für Fortgeschrittene
197
Hinzufügen von Objekten zu der Bibliothek
1.
Klicken Sie in dem Hauptfenster für Smart-Objekte auf die
Schaltfläche Neu.
2.
Blättern Sie in dem Dialogfeld Smart-Objekt erstellen
durch die Liste und wählen Sie ein Smart-Objekt aus.
3.
(Optional) Wenn Ihr neues Smart-Objekt in einer anderen
Sprache als Englisch arbeiten soll, wählen Sie den
gewünschten Eintrag in dem Dropdownfeld Sprache aus.
4.
Klicken Sie auf die Schaltfläche OK. Je nach ausgewähltem
Objekt wird nun ein bestimmtes Dialogfeld für die
Erstellung des Objekts geöffnet.
5.
Gehen Sie in dem Dialogfeld wie folgt vor:
•
Geben Sie einen Namen für das Objekt ein.
•
(Optional) Wählen Sie ein zuvor angelegtes Profil in dem
Dropdownfeld aus.
•
(Optional) Legen Sie den String für den Offsite-Filter fest.
Hierdurch wird der Zugriff auf das Objekt auf die
angegebene Domäne beschränkt und die URL lässt sich
nicht kopieren.
•
(Optional) Sie können ebenfalls einige der
objektspezifischen Einstellungen ändern, wie z. B. den
Titel, die Farben (Text, Umrandung usw.) oder die
Umrandungsbreite.
6.
Klicken Sie auf die Schaltfläche Erstellen.
Das benannte Objekt wird nun in einer Liste am linken Rand des
Fensters „Meine Smart-Objekte“ angezeigt.
198
Inhalte für Fortgeschrittene
Einfügen von Smart-Objekten in Ihre Webseite
1.
Klicken Sie in dem linken Feld des Dialogfelds „SmartObjekte“ auf das gewünschte Objekt und dann 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 Cursor über die Seite, um die Abmessungen
des Smart-Objekts selbst zu bestimmen.
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.
Bearbeiten von Smart-Objekten
Nachdem Sie ein Objekt erstellt haben, können Sie es entweder in
dem Fenster „Meine Smart-Objektbibliothek“ oder direkt auf der
Seite bearbeiten. Häufig anfallende Arbeiten sind z. B. eine
Änderung des Aussehens, der Abstimmungsfrage oder das
Zurücksetzen des Trefferzählers auf Null.
Wenn Sie ein Objekt bearbeiten, verändern Sie nur das
eigentliche Objekt und nicht die von dem Objekt gesammelten
Daten.
Die Optionen in dem Dialogfeld sind bei der Erstellung und
Bearbeitung der Smart-Objekte identisch.
Inhalte für Fortgeschrittene
199
Bearbeiten von Smart-Objekten in Ihrer Bibliothek
•
Klicken Sie in dem Hauptfenster für Smart-Objekte unter
dem Feld „Meine Smart-Objektbibliothek“ auf Bearbeiten.
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 auf der Webseite bearbeiten,
werden die Änderungen ebenfalls in der
Objektbibliothek umgesetzt. Eine Bearbeitung des
Objekts in der Bibliothek verändert im Gegenzug auch
das auf der Seite platzierte Objekt.
Verwalten von Smart-Objekten
Bei der Bearbeitung 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. Für einige
Smart-Objekte, wie z. B. die Trefferzähler, ist die Verwaltung
eher unnötig, da sich dieser Zähler einfach nur mit jedem Aufruf
der Webseite um den Wert „1“ erhöht (Sie können jedoch den
Zähler zurücksetzen). Die komplexeren Smart-Objekte, wie z. B.
Foren, Blogs, Buchungsassistenten, Buchungssysteme für
Unterkünfte, Benutzerlisten, Abstimmungen und Shoutboxen,
speichern jedoch bestimmte Daten der Website-Besucher, wie
Kommentare zu Artikeln, E-Mail-Adressen,
Abstimmungsergebnisse und ein Nachrichten-Logbuch für
Chats. Bei den Smart-Objekten für Blogs und Benutzerlisten ist
das Anlegen und Verwalten von Artikeln oder Benutzern ein
wichtiger Bestandteil der Objektverwaltung.
200
Inhalte für Fortgeschrittene
Verwalten von Smart-Objekten in Ihrer Bibliothek
•
Klicken Sie in dem Hauptfenster für Smart-Objekte auf
Verwalten unter dem Feld „Meine Smart-Objektbibliothek“.
Die Verwaltungsoptionen variieren je nach ausgewähltem
Smart-Objekt.
Verwalten von Smart-Objekten direkt über das
Internet
•
Melden Sie sich bei www.serifwebresources.com an, um Ihre
Smart-Objekte unabhängig von der WebPlus-Website zu
verwalten. Für die Anmeldung bei den Webressourcen
verwenden Sie dieselben Benutzerdaten wie zuvor.
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“.
Das Smart-Objekt „CMS“ lässt sich nur über
www.serifwebresources.com verwalten.
Inhalte für Fortgeschrittene
201
Die Zugangskontrolle
Mit der Zugangskontrolle können Sie Sicherheitseinstellungen für
Ihre Website festlegen, um z. B. nur bestimmten Personen Zugriff
auf einzelne Webseiten zu gewähren, oder den Zugang zu Ihren
Foren oder anderen Features der Serif Webressourcen zu
regulieren.
Für die Seitensicherheit: Hierbei können Sie Seiten mit
einem Kennwort schützen oder ein Anmeldungsfeld auf einer
Seite platzieren. 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 nur für einige Seiten
den Zugang auf ausgewählte Besucher. Eine Fotogalerie mit
Schnappschüssen Ihrer Familie lässt sich z. B. als „privat“
einstufen, sodass durch eine Kennwortkontrolle nur
Mitglieder Ihrer Familie diese Seiten öffnen können. Die
Anmeldungsdaten werden in einer Benutzergruppe
gespeichert, die mit der Seite verknüpft ist. Diese Gruppe
enthält eine Liste aller autorisierten Benutzer. Neue Mitglieder
werden entweder manuell von dem Website-Verwalter in die
Liste eingefügt oder können sich selbst über ein
Anmeldungsfeld eintragen.
•
•
Für die Sicherheit von Smart-Objekten: Hierbei wird der
Zugang zu Foren, Blogs und Content Management Systemen
(CMS) reguliert.
• Foren: für die Verwaltung von Benutzern und dem
Moderieren von Gruppen.
•
Blogs: für das Hinzufügen und Entfernen von Artikeln über
eine Editorengruppe.
•
CMS: für die Verwaltung von Artikeln in Ihrem CMS.
202
Inhalte für Fortgeschrittene
Die Zugangskontrolle wird über die Serif Webressourcen in Form
eines Smart-Objekts vom Typ Benutzerliste gesteuert. Mit diesem
Objekt können Sie Benutzergruppen und Benutzer verwalten sowie
festlegen, wie sich die Benutzer anmelden müssen.
Nähere Informationen hierzu finden Sie in der Hilfe zu WebPlus.
Die CSS-Eigenschaften
Neben den Formatierungsattributen, die Sie im Arbeitsbereich von
WebPlus mithilfe grafischer Optionen festlegen, wie z. B.
Füllungsfarbe, Kontur usw., können Sie für Objekte noch
zusätzliche CSS-Eigenschaften definieren. CSS-Eigenschaften
werden als Code gespeichert und sind nicht Teil Ihrer Grafiken.
Die Eigenschaften werden dann erst in dem Webbrowser Ihrer
Website-Besucher in „sichtbare“ Layouteigenschaften
umgewandelt.
CSS-Eigenschaften lassen sich nicht für alle Objekte
festlegen. Für die unterstützten Objekte können Sie
diese jedoch zusätzlich zu den normalen Grafikattributen
einstellen.
Mit den CSS-Eigenschaften können Sie eine Umrandung festlegen
und dabei die Abstände und Eckenformatierung sowie eine Kontur
(einfache Außenrandlinie), ein Hintergrundbild und die
Sichtbarkeit (Objekttransparenz) bestimmen.
Inhalte für Fortgeschrittene
203
Anwenden und Bearbeiten von CSSFormatierungsattributen
•
Klicken Sie in der Eigenschaftsleiste auf die Option CSSEigenschaften bearbeiten.
ODER
Führen Sie einen Doppelklick auf ein Objekt aus und klicken
Sie dann in dem Dialogfeld „Eigenschaften bearbeiten“ auf die
Registerkarte CSS-Eigenschaften.
•
Sind für ein Objekt bereits CSS-Eigenschaften festgelegt,
können Sie diese schnell und einfach bearbeiten, indem Sie
rechts unter dem ausgewählten Objekt auf das Symbol CSSEigenschaften bearbeiten klicken.
•
Legen Sie die Einstellungen in den Registerkarten fest, um die
Formatierung im Browser Ihrer Website-Besucher
festzulegen. Wünschen Sie nähere Informationen zu den
Einstellungen, klicken Sie in einer Registerkarte einfach auf
Hilfe. Nachdem Sie alle Einstellungen festgelegt haben,
klicken Sie auf OK.
Um Ihre Einstellungen für weitere Projekte zu speichern,
klicken Sie auf die Schaltfläche Quelldateien. Auf diese
Weise können Sie auch zuvor gespeicherte Einstellungen
laden.
Hintergrundbilder sind nur bei Objekten sichtbar, denen
keine Füllung zugewiesen ist, sowie hinter Objekten mit
transparenten Stellen und um die Ränder unregelmäßig
geformter, gefüllter Objekte.
204
Inhalte für Fortgeschrittene
Willkommen
205
Anhänge
206
Anhänge
Anhänge
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
www.serif.com/de/kontakt.
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.
207
208
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 Analytics für Website-Analysen 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.
Anhänge
209
THE PROXIMITY HYPHENATION SYSTEM © 1989 Proximity Technology
Inc. Alle Rechte vorbehalten.
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.
Cliparts aus den Serif ArtPacks © Serif (Europe) Ltd. & Paul Harris
TrueType-Beispielschriftarten aus den Serif FontPacks © Serif (Europe) Ltd.
210
Anhänge
© 2013 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 X7 © 2013 Serif (Europe) Ltd. Alle Rechte vorbehalten.
Die in den Beispielen verwendeten Namen und Firmen sind frei erfunden.
Willkommen
211
Index
212
Anhänge
Index
Abmessungen, 29
für die Website, 29
Abstimmung (SmartObjekt), 193
Aktionen, 82
Aktive Betrachter (SmartObjekt), 191
Anhängen von Master-Seiten,
32
Animierte Objekte, 63
Banner, 63
Textlaufbänder, 97
Anker, 84
auf Objekten, 85
auf Text, 84
Anpassungen (für Bilder),
49
Anti-spam (CAPTCHA),
193
Audio
Hyperlinks zu Dateien, 78
Banner (animiert), 63
Benutzerliste (SmartObjekt), 193, 201
Bilder
Bildkorrekturen, 49
Einfügen in die
Quelldateien, 44
Einfügen in Seiten, 45
Rollover-Popup, 89
Blogs, 101, 191
Einfügen, 102
Verwalten, 103
Zugriff über OffsiteLinks, 37
Browservorschau, 174
Buchungsassistent (SmartObjekt), 193
Buchungsassistent für
Unterkünfte, 191
Button Studio, 77
Cache, 182
CAPTCHA (Antispam), 193
CMS (Smart-Objekt), 192
Copyright-Vermerke, 208
CSS-Eigenschaften, 202
Der Startassistent, 15, 20, 24
Designvorlage, 18
Durchsuchen von Websites,
92
E-Commerce, 187
Hyperlinks zu
Einkaufswagen einfügen,
78
Minicarts in, 188
Einkaufswagen, 187
Entfernen von
Seiten/Master-Seiten, 33
Facebook (Objekte), 115
Features, 5
Neu, 5
Flash, 54, 130
Movies, 130
Foren, 104
Benutzer hinzufügen
(manuell), 108
Einfügen, 105
Sicherheit, 107
Verwalten, 106
214
Anhänge
Zugriff über OffsiteLinks, 37
Formatieren von Text
Probleme auf Webseiten,
171
Formatierung (CSS), 202
Formular-Designer, 135
Formulare, 135
Bearbeiten, 142
Erstellen, 136
Erstellen von Grund auf
neu, 140
Formularvorlagen, 137
Quelldateien für, 141
Übertragen von
Formulardaten, 143
Forum, 192
Fotogalerie, 54
aus Flickr-Fotos, 59
aus SlideShowPro
Director, 59
Bearbeiten, 58
Einfügen, 56
Fotos einfügen, 56
FTP, 183
Kontodetails, 183
Galerie (Foto-), 54
Google Maps, 95
Hintergrund, 30, 157
Speichern, 163
Homepage, 26
Ändern, 37
Hosting, 175
Hyperlinks, 78
Anker für, 84
Bearbeiten, 80
Darstellung festlegen, 81
Einfügen, 79
Entfernen, 80
Zielfenster/-rahmen, 80
Importieren
Text, 147
Internet Service Provider
(ISP), 182
Kontodetails (FTP), 183
Künstlerische Texte, 150
Künstlerisches
Textwerkzeug, 150
Lesezeichen-Symbolstreifen
für soziale Netzwerke, 121
Lightboxen
für Bilder, 47
Hyperlinks mit, 78
Like-Schaltfläche (Gefällt
mir), 115
Mailinglisten, 193
Maps (Google), 95
Marker (für Google Maps),
96
Master-Seiten, 30
Anhängen, 32
Eigenschaften, 30
Entfernen, 36
Hinzufügen, 35
Minicart, 188
Navigationsleisten, 69
Bearbeiten, 72
Einfügen in Seite, 70
Erstellen, 69
Schaltflächen für, 75
Index
Neue Features, 5
News (Smart-Objekt), 192
News-Ticker, 97
Objekte
CSS-Eigenschaften für,
202
Objekte (Erneut verwenden
in Websites), 163
Objekte für soziale
Netzwerke, 115, 117
Facebook, 115
LesezeichenSymbolstreifen, 121
Twitter, 117
Öffnen bestehender
Websites, 24
Offsite-Links, 37
Panels, 50
Aktionen für, 53
Bearbeiten, 52
Ein-/Ausblenden, 53
Einfügen, 51
Festlegen von Aktionen
für, 82
in Slidern, 63
PayPal
Hyperlinks zu
Einkaufswagen einfügen,
78
Konfigurieren, 188
Minicart, 188
Playlisten
Hinzufügen für Videos,
125
Popup-Menüs, 73
Prüffunktionen, 171
Website-Prüfung, 171
Publizieren, 182
im Web, 182
QuickPublish, 183
Quelldatei-Browser, 161
Quelldateien, 157, 161
Arretieren, 167
Durchsuchen, 161
Quelldateien
(Registerkarte), 158
Speichern eigener
Designs in, 163
Quelldatei-Manager, 157
Quelldatei-Paket, 157, 161
QuickPublish, 183
Rahmen (Text-), 41
Anpassen von
Textüberlauf, 43
Erstellen, 41
Löschen, 42
Text anpassen an, 43
Rahmentext, 41
Rollover, 89
Rollover-Popups, 89
RSS-Feeds
Abonnieren von
Drittanbietern, 109
RSS-Reader, 109
Schaltflächen (Buttons), 75
Eigene entwerfen, 77
Vordefinierte einfügen,
76
Seiten, 30
Eigenschaften, 30
216
Anhänge
Größe einstellen, 30
Hinzufügen und
Entfernen, 33
Neuordnen, 33
Sicherheit, 201
Speichern, 166
Über- und
untergeordnete Seiten,
26, 36, 69
Serif, 207
Kontaktinformationen,
207
Webhosting, 175
Webressourcen, 135, 191
Anmelden, 195
Löschen der
Kontodetails, 195
Shoutbox (Smart-Objekt),
193
Slider, 63
Aktionen für, 82
Auswählen auf der Seite,
64
Bearbeiten, 65
Einfügen, 64
Panels einfügen, 66
SlideShowPro Director, 55
Smart-Objekte, 191
Bearbeiten, 198
Einfügen in Seiten, 198
Erstellen, 196
Konto für, 195
Profile für, 197
Verwalten, 199
Speichern von Designs, 163
Storytext, 41
Support, 207
SWF-Dateien, 130
Tabellen, 61
Seiten, 36
Übersicht, 61
Technischer Support, 207
Text, 41, 150, 152
Anpassen an Rahmen, 43
Bearbeiten auf einer Seite,
152
Formatierungsprobleme
auf Webseiten, 171
Importieren aus Dateien,
147
Künstlerische (freie)
Texte, 150
Rahmentexte, 41
Hinzufügen zu, 42
Tabellen, 41
Überlauf (in Rahmen), 43
Text (Speichern), 163
Textlaufband (animiert), 97
Textverarbeitungsdateien,
147
Themenlayouts, 18
Trefferzähler (SmartObjekt), 192
Twitter (Objekte), 117
Über-/Untergeordnete
Seiten, 26, 36, 69
Übertragung (von
Formularen), 143
Video, 125
Hinzufügen, 125
Index
Hyperlinks zu Dateien, 78
Video-Player, 125
Vimeo, 129
YouTube, 127
Video-Player, 125
Vimeo-Videos, 129
Vorlage (Designvorlage), 18
Erstellen von Websites,
18
Webhosting, 175
Webseiten und Websites, 24
Website (Registerkarte), 27,
30, 33
Website-Eigenschaften, 29
Website-Manager
Prüfen des Layouts, 171
Website-Prüfung, 171
Websites, 22, 24
Erstellen aus einer leeren
Seite, 22
Öffnen bestehender
Dokumente, 24
Website-Struktur, 26
Anzeigen, 28
Website-Strukturansicht, 28
Website-Suche, 92
Website-Vorschau, 174
Werkzeuge
Künstlerischer Text, 150
Textrahmen, 41
Wiederherstellen einer
gespeicherten Version, 25
Willkommen, 3
YouTube-Video, 127
Zähler, 192
Aktive Betrachter, 198
Trefferzähler, 198
Zugangskontrolle, 193, 201

Anleitung TSL_SSL Aktivieren

Kurzanleitung zur Veranstaltungsbelegung in

Anleitung Registrierung „paydirekt“ Sie melden sich mit Ihren

Medien – Bilder in einen Beitrag einfügen -

Hinweise zur Nutzung des Buchungsportals www.fachkraefte

Zur Anmeldung gehen Sie bitte wie folgt vor:

Angebot zurückziehen und wiederaufnehmen

So laden Sie Ihre Niederösterreich-CARD Rechnung hoch

Kurzanleitung zur Veranstaltungsbelegung in

Wie registriere ich eine Metabo-Maschine bei der XXL