webplus x7 benutzerhandbuchdl.serif.com/pdfs-de/webplusx7.pdf · willkommen 3 willkommen!...

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 Preis-Leistungs-Verhältnis, das WebPlus weit von der Masse der Konkurrenzprodukte abhebt. Wir wünschen Ihnen viel Vergnügen und Erfolg bei der Arbeit mit Ihrem neuen Webdesign-Profi.

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.

http://www.serif.com/

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


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:


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.


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.


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.


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.


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)


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.


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.


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.


Ö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


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.

Ö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.


Arbeiten mit der Website-Struktur

Bei der Struktur einer Website sind die physikalische Position der Seiten oder ihr Speicherplatz völlig unwichtig. Bei der Website-Struktur kommt es auf die logische Anordnung der verschiedenen Website-Inhalte an, sodass die Besucher der Website einfacher durch die für sie interessanten Themengebiete navigieren können. Eines der wichtigsten Organisationsprinzipien, das Sie auch mit WebPlus beherzigen sollten, ist die „umgekehrte Baumstruktur“, die mit der Startseite (Homepage) beginnt und sich dann weiter in die anderen Seiten verzweigt. Dem Besucher Ihrer Website präsentieren sich die Inhalte dann in einer gewohnten, hierarchischen Anordnung, die in Sektionen und Strukturebenen unterteilt ist.

• Eine Sektion ist eine Inhaltskategorie, die durch eine eigenständige Seite in Ihrer Website repräsentiert wird, wie z. B. „Home“, „Kontakt“, „Galerie“, „Produkte“ usw.

• Die Strukturebene entspricht der Anzahl Stufen (d. h. Links), die eine Seite von ihrer übergeordneten Seite in der Website entfernt ist. Die Homepage liegt immer auf der Strukturebene 1, für gewöhnlich zusammen mit den Menüseiten der verschiedenen Sektionen. Durch diese hierarchische Anordnung können die Navigationsleisten eine einfache „Klickstruktur“ für die Website festlegen. Die Seiten eine Stufe „unter“ den Menüseiten für die Sektionen liegen auf Stufe 2 und sind somit untergeordnete Seiten; die Sektionsseiten sind in diesem Fall die übergeordneten Seiten.


Anzeigen der Website-Struktur

Die Website-Struktur lässt sich über zwei Optionen einblenden: die Registerkarte „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:


Prüfen der Struktur über die Website-Strukturansicht

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.


Festlegen der Website-Eigenschaften

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 Website-Eigenschaften. Es wird nun das Dialogfeld „Website-Eigenschaften“ geöffnet. Klicken Sie in der linken Liste einfach auf eine Kategorie, um in der rechten Fensterhälfte die entsprechenden Optionen einzublenden.


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 Master-Seiten

Vom Designstandpunkt aus betrachtet besteht jede WebPlus-Seite aus einer Seite im „Vordergrund“ und einer Master-Seite im „Hintergrund“.


Die Master-Seiten sind ein wichtiger Strukturbaustein Ihrer WebPlus-Website, da Sie auf diesen Seiten alle Objekte und Layoutelemente platzieren können, die auf mehr als einer Seite verwendet werden, wie z. B. Logos, Hintergrundbilder, Kopf- und Fußzeilen, Navigationsleisten oder Umrandungen. Der wichtigste Punkt bei der Arbeit mit Master-Seiten ist, dass sich diese Seiten mehreren Seiten zuweisen lassen (siehe folgende Abbildung). Die Elemente auf den Master-Seiten werden dann auch auf allen Seiten eingeblendet, die sich auf diese Master-Seite beziehen. 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 Master-Seiten 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.


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 Master-Seite und wählen Sie die gewünschte Master-Seite per Mausklick aus.

3. Klicken Sie auf die Schaltfläche OK.

Aufheben der Zuweisung einer Master-Seite

• Deaktivieren Sie den Eintrag der Master-Seite in der Kategorie „Master-Seite“ des Dialogfelds „Seiteneigenschaften“.

Wenn Sie alle Master-Seiten deaktivieren, verwendet die Seite die Website-Darstellung, die Sie in den Website-Eigenschaften (Eigenschaften > Website-Eigenschaften) 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.


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 Offsite-Links.

• Einfügen von HTML-Seiten.

• Festlegen einer Seite als Homepage.


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.


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).


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.


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.

Willkommen 39

Die Layout-elemente

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.


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.


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.


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.


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).


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.


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.


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.


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 PhotoLab der Bildkontextleiste.

3. Wählen Sie einen Filter der Filterregisterkarten aus ("Favoriten", "Korrekturen" oder "Effekte").


4. Stellen Sie in dem Testfeld rechts unten die gewünschten Optionen für den Filter ein und klicken Sie auf Übernehmen.

5. Wiederholen Sie diese Schritte für alle Filter, die Sie anwenden möchten.


7. Weitere Informationen hierzu finden Sie in der WebPlus-Hilfe.

Einfügen von Panels

Panels sind „Schaukästen“ mit Informationen, die über Ihren Webseiten eingeblendet werden. Hier können Sie sowohl Bilder und Texte anzeigen (siehe unten) als auch Formen und Zeichnungen.

Da die Panels über Ihren Webseiten in dem Browser der Website-Besucher angezeigt werden, können Sie den Informationsgehalt Ihrer Website schnell und einfach erweitern oder ändern, ohne das Layout der einzelnen Seiten modifizieren zu müssen. Panels lassen sich sowohl permanent als auch „auf Wunsch“ einblenden, wenn die Website-Besucher ihren Mauszeiger auf Schaltflächen, Bildern oder anderen Quelldateien platzieren.


Die permanente Variante ist ebenfalls ideal für Navigationsleisten, da diese auch bei scrollbaren Seiteninhalten ständig auf dem Bildschirm erreichbar sind.

Panels werden auch als Bausteine für animierte Slider (siehe Seite 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.


3. 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.


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. Wählen Sie das Panel aus.

2. Klicken Sie in der Kontextleiste auf die Option Aktionen. Es wird nun das Dialogfeld Panel bearbeiten mit geöffneter Registerkarte Aktionen eingeblendet.

3. Klicken Sie in dem Dialogfeld auf Hinzufügen und dann auf die Menüoption Sichtbarkeit.

4. Wählen Sie das Panel in dem Dropdownfeld Objekt-ID aus.

5. Wählen Sie ein Ereignis in dem Dropdownfeld Ereignis aus. Diese Ereignisse legen fest, was passiert, wenn die Aktion stattfindet (d. h. der Mauszeiger sich auf das Objekt bewegt oder ein Mausklick stattfindet).


Nachdem Sie nun das Panel fertig konfiguriert haben, können Sie das Panel ausblenden.


Ausblenden ausgewählter Panels

• Klicken Sie in der Kontextleiste auf die Option Objekt ein-/ausblenden.

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 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 Flash-Galerie, basieren jedoch auf JavaScript. Zusätzlich zu den Fotorastern und Fotostapeln sind hier auch Lightboxen verfügbar.

http://www.flickr.com/



Fotogalerien lassen sich genau so auf Ihren Seiten einfügen, wie einzelne Fotos. Das aktuell angezeigte Foto ist hierbei lediglich von einem Hintergrund, einer Navigationsleiste und Vorschauminiaturen eingerahmt.


1. 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.


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

• 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.

2. (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.


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.


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.


http://slideshowpro.net/products/slideshowpro_director/




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 RSS-Feed (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.



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.


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.


Einfügen von Slidern

Slider bieten elegante und flexible Möglichkeiten für die Animation von Panels und lassen sich unter anderem für Werbebanner, News-Ticker und Alternativen zu Navigationsleisten einsetzen.

Jeder Slider besteht aus einer Reihe von Panels – es kann jedoch immer nur ein Panel gleichzeitig angezeigt werden.

Sie können auf jedem Panel eine Mischung aus Bildern, Texten, Linien und Formen platzieren. Wie in einer Diashow lassen sich die Panels auch so konfigurieren, dass sie in bestimmten Intervallen automatisch ein- und ausgeblendet werden. Eine manuelle Umschaltung zwischen den Panels mit Navigationssymbolen ist ebenso möglich wie die Steuerung über einen Timer.


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.


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.


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 Navigations-

elemente

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.


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 Popup-Grafikmenü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 Z-Reihenfolge, 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“.


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.


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).


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 Website-Hierarchie aufgelistet.

In WebPlus können Sie Popup-Menüs zu jedem beliebigen Objekt hinzufügen (QuickShapes, Bildern, Grafikobjekten), hauptsächlich werden diese Menüs jedoch für Schaltflächen festgelegt. Das Menü, das sich über dieses „selbstständige“ Objekt öffnen lässt, entspricht dann seinem Gegenstück aus der Navigationsleiste. Popup-Menüs lassen sich auf ähnliche Weise konfigurieren wie Navigationsleisten, sodass sie entweder Ihre Website-Struktur (oder einen Teil davon) wiedergeben oder eine von Ihnen selbst festgelegte Struktur.

Popup-Menüs sind besonders hilfreich, wenn Sie eine begrenzte Anzahl zusätzlicher Navigationslinks anbieten möchten – z. B. für einzelne Seiten einer Produktpalette.

Erstellen von Popup-Menüs

1. Wählen Sie das Objekt aus, an das Sie das Popup-Menü anhängen möchten.

2. Klicken Sie im Menü Eigenschaften auf Popup-Menü.


ODER Klicken Sie mit der rechten Maustaste auf ein Objekt und in seinem Kontextmenü auf Popup-Menü.

3. Aktivieren Sie in der Registerkarte Navigationstyp des Dialogfelds die Option Popup-Menü mit Navigationslinks für dieses Objekt anzeigen, um die Navigation von diesem Objekt aus zu aktivieren.

4. Klicken Sie auf eine der Optionen Basiert auf Website-Struktur 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 Popup-Grafikmenüs ähneln denen für Schaltflächen. Eine genaue Beschreibung der Optionen finden Sie unter „Ändern der Popup-Menüs“ in der WebPlus-Hilfe.



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.


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.



Ü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.


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


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.


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.


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.


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 Website-Manager > Hyperlink-Manager, um die Hyperlinks Ihrer Website aufzulisten, ihre Namen zu ändern oder sie zu löschen.


Anwenden von Aktionen

Aktionen lassen sich für Objekte (nicht für Texte) festlegen und bieten Ihren Website-Besuchern mehr Interaktionsmöglichkeiten. Hierfür stehen Ihnen die folgenden Aktionen zur Verfügung, die gewöhnlich durch einen Mausklick oder das Platzieren der Maus auf dem Objekt ausgelöst werden:

• Hinweis: Anzeigen eines Popup-Hinweisfensters (bei Mausklick).

• Sichtbarkeit: Anzeigen eines Panels (bei Mausberührung oder Klick).

• 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 Drucken-Dialogfeld (bei Mausklick).

• Slider: Hinzufügen einer Aktion (Wiedergabe, Pause usw.) zu einer Navigationsschaltfläche, um die Wiedergabe des Sliders zu steuern. Sie können die entsprechende Aktion zu allen Navigationsschaltflächen zuordnen, d. h. die Wiedergabe-Aktion zu einer Wiedergabe-Schaltfläche usw. Nähere Informationen hierzu finden Sie unter „Einfügen von Slidern“ auf Seite 63.


• 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.

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.


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.


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.



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.


Anzeigen und Bearbeiten bestehender Anker

• Klicken Sie im Menü Extras auf Website-Manager > Anker-Manager, um den Anker für ein bestimmtes Objekt zu prüfen, seinen Namen zu ändern oder den Anker zu löschen. Sie können Anker ebenfalls in die Seitennavigation einbeziehen.

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).


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.


• (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.


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.


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 Website-Suchergebnisse.

Ergebnisse der Website-Suche: Hiermit erstellen Sie einen Rahmen, in dem die Suchergebnisse angezeigt werden. Dieser Rahmen wird für gewöhnlich auf einer separaten Seite platziert und ist nicht Teil der Navigationsstruktur Ihrer Website.

Für gewöhnlich wird der Rahmen für die Suchergebnisse vor dem Formular für die Website-Suche platziert.

Formular für die Website-Suche: In dieses Textfeld geben die Website-Besucher den Begriff ein, nach dem die Webseiten durchsucht werden sollen. Sie fügen dieses Objekt für gewöhnlich auf einer Master-Seite ein, damit es auf allen Seiten Ihrer Website verfügbar ist.


In den Suchergebnissen werden dann ein Seitenname mit Hyperlink angezeigt sowie ein entsprechender Text der Webseite als Referenz. Website-Besucher klicken einfach auf den Hyperlink, um zu der entsprechenden Seite umzuschalten.

Einfügen des Objekts für die Website-Suchergebnisse

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 Website-Suchergebnisse 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.


Einfügen eines Formularobjekts für die Website-Suche

1. Klicken Sie im Menü Einfügen auf den Eintrag Website-Suche und in dem nun geöffneten Untermenü auf Website-Suche.

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.


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.


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.


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.


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.


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 Smart-Objekt verwenden möchten, benötigen Sie ein gültiges Benutzerkonto für die Serif Webressourcen. Dieses Konto können Sie bequem anlegen, wenn Sie Ihren Blog erstellen.

Als Besitzer des Blogs übernehmen Sie auch die Blogverwaltung. Sie können für den Blog z. B. Artikel hinzufügen, bearbeiten und entfernen sowie Kommentare löschen, die Website-Besucher zu den Artikeln hinterlassen haben. Blogs lassen sich ebenfalls so konfigurieren, dass mehrere Autoren Artikel zu dem Blog beisteuern können (siehe WebPlus-Hilfe).

Wenn Sie viel unterwegs sind und häufig mit einem Laptop von unterschiedlichen geografischen Standorten arbeiten, können Sie diese verwalteten Inhalte jederzeit über die Serif Webressourcen aktualisieren. Sie müssen Ihre Website dann anschließend NICHT erneut publizieren.

Einfügen von Blogs

Blogs lassen sich genau wie alle anderen Objekte in WebPlus behandeln, sodass Sie das gewünschte Objekt einfach an der passenden Stelle Ihrer Webseite absetzen können.


Einfügen eines Blogs auf einer Seite

1. 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.


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 Smart-Objekt-Dialogfeld des Blogs auf „Hilfe“.

Weitere Informationen zu den Smart-Objekten finden Sie in der WebPlus-Hilfe.


Einfügen eines Forums

WebPlus beinhaltet ein Smart-Objekt, mit dem Sie ein Forum auf Ihren Webseiten platzieren können. Dieses Forum lässt sich dann flexibel in verschiedene Kategorien mit einem oder mehreren Unterforen aufteilen.

Besucher Ihrer Website können dann die in den Unterforen geposteten Themen sowie die Antworten, den Autor eines Beitrags und das zuletzt eingefügte Posting sehen. 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 Website-Besucher 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.


• 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.


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.


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.


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 Website-Besuchern 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.


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).


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.


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:


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 RSS-Reader.

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.


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 Browser-basierenden Darstellungsoptionen (CSS-Eigenschaften) sowie die Bildexportoptionen ein.


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.

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 Facebook-Konto 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.

http://www.facebook.com/


3. 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).


Bearbeiten von Facebook-Objekten

Nachdem Sie es auf einer Seite platziert haben, können Sie das Facebook-Objekt jederzeit bearbeiten.


Bearbeiten eines Facebook-Objekts

1. Führen Sie einen Doppelklick auf das Objekt aus. Es wird nun das Dialogfeld für die Bearbeitung angezeigt. Die Optionen in diesem Dialogfeld sind identisch mit denen, die für die Erstellung des Objekts verfügbar waren.

2. Nehmen Sie die gewünschten Änderungen vor und klicken Sie auf OK.

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.

http://www.twitter.com/


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

Tweet-Schaltfläche

Hiermit können Website-Besucher einen Tweet zu Ihrer Website auf dem eigenen Twitter-Profil posten.

Folgen-Schaltfläche

Hiermit können Website-Besucher Ihrem Benutzerkonto bei Twitter folgen.

Einfügen von Twitter-Objekten

Die Twitter-Objekte lassen sich genau wie alle anderen Objekte direkt auf Ihren Seiten platzieren.

Einfügen einer Tweet-Schaltfläche

1. 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.


3. 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 Twitter-Benutzernamen, dem die Besucher folgen können. Diese Empfehlung wird nach der Übermittlung des Tweets angezeigt.

• Hashtag Geben Sie einen Ausdruck als Hashtag (Stichwort) ein (dieser Ausdruck darf keine Leerzeichen enthalten). Die Tweets lassen sich dann anhand dieses Hashtags suchen.




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 Twitter-Benutzernamen ein. Ihre Website-Besucher können dann per Klick auf die Schaltfläche diesem Konto auf Twitter folgen.



Bearbeiten von Twitter-Objekten

Nachdem Sie es auf einer Seite platziert haben, können Sie das Twitter-Objekt jederzeit bearbeiten.

Bearbeiten eines Twitter-Objekts

1. Wählen Sie das auf einer Seite platzierte Objekt aus.

2. Führen Sie einen Doppelklick auf das Objekt aus.

Es wird nun das Dialogfeld für die Bearbeitung angezeigt. Die Optionen in diesem Dialogfeld sind identisch mit denen, die für die Erstellung des Objekts verfügbar waren.



Einfügen eines Lesezeichen-Symbolstreifens 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 Lesezeichen-Symbolstreifen für soziale Netzwerke und klicken Sie dann auf eine beliebige Stelle Ihrer Seite, um das Objekt zu platzieren.


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.


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.


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 Multimedia

3. 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 Wiedergabe-Software 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

• Fügen Sie ein Video ein, das bereits online vorhanden ist.

5. (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 YouTube-Video aus. Fügen Sie nun die zuvor kopierte URL des Ersatzvideos in das Dialogfeld ein. Möchten Sie Ihre Videos ohne WebPlus aktualisieren, können Sie anstelle eines bestimmten Videos einfach eine YouTube-Playliste einbetten.

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.


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 Flash-Animationen 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.


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 Formular-Designer aus, der speziell für das Erstellen und Bearbeiten von Formularen entwickelt wurde. Sie können die Vorlagen einfach unverändert übernehmen oder auch genau an Ihre Vorstellungen anpassen.

Formulare 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.


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 Formular-Designers einen Doppelklick auf das gewünschte Formularfeld in der Vorschau aus.

2. Bearbeiten Sie in der Registerkarte Felder die Feldeigenschaften. Je nach ausgewähltem Formularfeld sind hier unterschiedliche Optionen verfügbar.

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 US-Bundesstaaten 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 Quelldatei-Pakete lassen sich jederzeit laden.

Auswählen von Formularen mit dem Quelldatei-Browser

1. Klicken Sie in der Registerkarte Vorlagen des Formular-Designers 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 149

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. 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 Text

2. Tippen Sie den neuen Text ein. Der Text wird nun entweder an der Einfügemarke platziert oder ersetzt den zuvor markierten Text.

Starten neuer Absätze

• Drücken Sie die Eingabetaste.

Starten einer neuen Zeile (Einfügen eines manuellen Zeilenwechsels)

• Drücken Sie die Tastenkombination Umschalttaste + Eingabetaste.

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 Quelldatei-Browser 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!


Arbeiten mit der Registerkarte „Quelldateien“

Die Registerkarte Quelldateien ist wie eine umfangreiche Ressourcenbibliothek, aus der Sie einfach die verschiedenen Layoutelemente für Ihre Webseiten „ausleihen“.


Über den 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.


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 Quelldatei-Paketen (Paketdateien) sowie auch nach Markern (Tags) suchen. Wählen Sie einfach in der entsprechenden Anzeige die Elemente aus, die Sie in die Registerkarte Quelldateien aufnehmen möchten. Nähere 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.


Arbeiten mit dem Quelldatei-Browser

Der Quelldatei-Browser bietet eine breite Palette professionell entworfener Designs, die Sie direkt für Ihre Website einsetzen können. Diese Designs sind in den kategorisierten Quelldatei-Paketen (den so genannten „Asset Packs“) gespeichert, die zusammen mit WebPlus installiert wurden.

Diese Elemente lassen sich bequem durchsuchen, bevor Sie die Quelldateien in Ihren Arbeitsbereich einfügen – wahlweise nach Kategorie oder nach Paketdatei.

Sie können mit den Suchoptionen oben rechts in dem Dialogfeld ebenfalls Ihre Suche eingrenzen oder nach einem ganz bestimmten Element in den Paketdateien suchen.

Durchsuchen von Quelldateien nach Kategorie

1. Klicken Sie in der Registerkarte Quelldateien auf Durchsuchen.

2. Wählen Sie in dem Quelldatei-Browser eine Kategorie in dem Abschnitt Kategorien aus. Für die Kategorie „Grafiken“ werden in dem Hauptfeld z. B. die verschiedenen Unterkategorien aufgelistet.

3. Blättern Sie mit der Bildlaufleiste einfach durch die Unterkategorien, um all ihre Inhalte zu betrachten.


Durchsuchen von Quelldateien nach Paketdatei

1. Klicken Sie in der Registerkarte Quelldateien auf Durchsuchen.

2. Wählen Sie auf der linken Seite des 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.


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 Quelldateien

Einstellungen als Quelldateien

Eigene Designs (aus gezeichneten Vektorformen, Strichzeichnungen sowie künstlerischen und Rahmentexten); Globales Speichern der Quelldateien für den Einsatz in anderen Projekten

J N

Grafiken (aus gezeichneten Vektorformen, Strichzeichnungen sowie künstlerischen und Rahmentexten); Speichern der Quelldateien nur für den Einsatz in der aktuellen Website

J N

Bilder* (aus korrigierten Fotos oder Bildausschnitten)

J N


Seiteninhalt* (Navigationsleisten, Schaltflächen, Formulare)

J J

Seiteninhalt* (Textrahmen, korrigierte Bilder, Bildrahmen, Slider, Panels)

J N

Seiten* J N

Einstellungen* (Hintergründe, Formularthemen, Navigationsleisten, Schaltflächen, CSS-Eigenschaften, Video-Player, Elementoptionen für E-Commerce, Versand–informationen für E-Commerce)

N 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.


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.


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.


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.


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.


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.


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.


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.


• 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.


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: Hosting-Informationen 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.


• 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.


• 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

• in der aktuellen Website (nähere Informationen hierzu finden Sie unter dem Thema „Arbeiten mit FTP-Kontoinformationen“ in der WebPlus-Hilfe).

5. Klicken Sie auf Konto aktualisieren. Es wird nun das Dialogfeld Im Web publizieren geöffnet, damit Sie Ihre Website direkt übertragen können.


Ü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:


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.


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 Website-Vorschau.


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.

http://go.serif.com/hosting


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: Hosting-Informationen auf Details Eingeben.

2. Folgen Sie der Beschreibung Festlegen der FTP-Kontoinformationen 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.


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 FTP-Konto 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.


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 Fortge-

schrittene

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.


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.


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.


4. (Optional, nur für PayPal) Klicken Sie in dem nächsten Dialogfeld auf PayPal-Minicart verwenden, um einen Popup-Warenkorb als Overlay einzublenden, wenn Ihre Website-Besucher Artikel in ihren Warenkorb legen. Der Warenkorb wird anschließend in der 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.


Arbeiten mit Smart-Objekten

Für verwaltete Inhalte Ihrer Webseiten können Sie in WebPlus die auf einem Server gespeicherten Smart-Objekte verwenden, die Daten von den Website-Besuchern auf einem sicheren Server namens Serif Webressourcen speichern. Sie können Ihre Smart-Objekte direkt in WebPlus verwalten oder auch jederzeit über die Seite www.serifwebresources.com, nachdem Sie Ihre Website im Internet publiziert haben.

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.

http://www.serifwebresources.com/



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.


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 Website-Besucher Newsletter abonnieren, Einladungen bestätigen, Informationsmaterial anfordern usw. Die Listen lassen sich manuell kontrollieren oder mit einer Selbstanmeldung. E-Mail-Adressen lassen sich als per Trennzeichen getrennte Textdateien (CSV-Format) importieren sowie in einer breiten Palette von Formaten exportieren.


• 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 Smart-Objekten)

• 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.


Anlegen eines Kontos bei den Serif Webressourcen


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-Mail-Adresse 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-Mail-Adresse 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.


Zugreifen auf die Webressourcen


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 Smart-Objekte.

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 News-Fenster lassen sich direkt durch Klicken und Ziehen aus der Registerkarte „QuickBuild“ auf Ihren Seiten platzieren.


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.


Einfügen von Smart-Objekten in Ihre Webseite

1. Klicken Sie in dem linken Feld des Dialogfelds „Smart-Objekte“ 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.


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.


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 Smart-Objekt-Dialogfeld auf „Hilfe“.

Das Smart-Objekt „CMS“ lässt sich nur über www.serifwebresources.com verwalten.




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.


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.


Anwenden und Bearbeiten von CSS-Formatierungsattributen

• Klicken Sie in der Eigenschaftsleiste auf die Option CSS-Eigenschaften 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 CSS-Eigenschaften 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.

Willkommen 205

Anhänge

206 Anhänge

Anhänge 207

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.

http://www.serif.com/de/kontakt

http://www.serif.com/de

208 Anhänge

Warenzeichen und Copyright-Vermerke

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 Merriam-Webster 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 (Smart-Objekt), 193

Aktionen, 82 Aktive Betrachter (Smart-

Objekt), 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 (Smart-

Objekt), 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 Offsite-

Links, 37

Browservorschau, 174 Buchungsassistent (Smart-

Objekt), 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 Offsite-Links, 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 Lesezeichen-

Symbolstreifen, 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 (Smart-

Objekt), 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

webplus x7 benutzerhandbuchdl.serif.com/pdfs-de/webplusx7.pdf · willkommen 3 willkommen!...

Documents