1. Willkommen Willkommen!... 3 Neue Features... 5 Installieren der Software Präsentieren Ihrer Website online...

Transkript

1

2

3 Inhaltsverzeichnis 1. Willkommen... 1 Willkommen!... 3 Neue Features... 5 Installieren der Software Präsentieren Ihrer Website online Starten von WebPlus Arbeiten mit dem Serif Webhosting Auswählen eines Designs Einfügen einer Grafik Website im Aufbau Publizieren Ihrer Website Bearbeiten von Titel und Text Einfügen von Bildern Einfügen einer neuen leeren Seite Einrichten von Websites und Seiten Der Startassistent Erstellen einer Website mit einer Designvorlage Öffnen einer bestehenden Website Aufbauen einer vollständig neuen Website Entwerfen mobiler Websites und Seiten Arbeiten mit der Website-Struktur Festlegen der Website-Eigenschaften... 46

4 Inhaltsverzeichnis Arbeiten mit Seiten und Master-Seiten Hinzufügen, Entfernen und Neuordnen von Seiten Festlegen der Seiteneigenschaften Einfügen von Hintergründen Arbeiten mit Farbschemata Die dynamischen Führungslinien Die Layoutelemente Einfügen von Textrahmen Einfügen von Bildern Einfügen von Panels Einfügen einer Fotogalerie Einfügen von Tabellen Einfügen eines Kalenders Arbeiten mit Slidern Die Navigationselemente Einfügen von Navigationsleisten Einfügen von Popup-Menüs Einfügen von Schaltflächen Einfügen von Hyperlinks und Aktionen Einfügen von Ankern Arbeiten mit Lightboxen

5 Inhaltsverzeichnis 6. Interaktive Objekte Einfügen eines Rollovers Die Rolloveroptionen Einfügen von Rollover-Popups Einfügen einer Website-Suche Einfügen von Google Maps Einfügen einer Werbung Externe/Verwaltete Inhalte Einfügen von Dokumentrahmen Einfügen eines Blogs Einfügen eines News-Fensters Einfügen eines Forums Einfügen eines RSS-Readers Die Zugangskontrolle Arbeiten mit Smart-Objekten Soziale Netzwerke Einfügen von Facebook-Objekten Einfügen von Twitter-Objekten Einfügen einer Google +1 -Schaltfläche Einfügen eines Lesezeichen-Symbolstreifens für soziale Netzwerke Multimedia Hinzufügen von Sounds und Videos Einfügen von Flash-Dateien (SWF) Einfügen von YouTube-Videos

6 Inhaltsverzeichnis 10. Formulare Einfügen von Formularen Übertragen von Formularen E-Commerce-Objekte Was bedeutet E-Commerce? Einfügen von E-Commerce-Objekten (PayPal) Text Importieren von Texten aus einer Datei Arbeiten mit künstlerischen Texten Platzieren von Texten auf einem Pfad Bearbeiten von Texten auf einer Seite Einstellen von Texteigenschaften Arbeiten mit verschiedenen Schriftoptionen Arbeiten mit Textformatvorlagen Erstellen von Nummerierungen und Aufzählungen Einfügen von Benutzerdetails Einfügen von Variablen Suchen und Ersetzen Quelldateien für kreative Designs Arbeiten mit Quelldateien Arbeiten mit dem Quelldatei-Browser Speichern von Designs

7 Inhaltsverzeichnis 14. Vorschau und Publizieren Arbeiten mit der Website-Prüfung Öffnen einer Website-Vorschau Publizieren im Web Website-Validerung und -Analyse Validieren Ihrer Website Analysieren der Webstatistik Anhänge Serif-Kontaktinformationen Warenzeichen und Copyright-Vermerke Index

8 Inhaltsverzeichnis

9 1 Willkommen

10 2 Willkommen

11 Willkommen 3 Willkommen! Willkommen zu WebPlus X6 von Serif, der unkomplizierten Komplettlösung für private und geschäftliche Websites. 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. Für Einsteiger in das Webdesign ist es daher überhaupt kein Problem, professionelle Ergebnisse mit unserer Software zu erzielen. Sie können ebenfalls Dokumente aus Textverarbeitungen importieren, um bereits vorhandene Inhalte in Ihren Projekten zu verwenden. Mit dem Studiofenster für Bildausschnitte 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 X6 bietet jedoch noch mehr als statische Webinhalte. Mit unserem Programm können Sie auch dynamische Inhalte in Ihre Webseiten einfügen und flexibel verwalten, wie z. B. Blogs, Foren, und 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+. Sie können sogar mit den E-Commerce- Werkzeugen einen Warenkorb in Ihre Website integrieren und bequem verschiedene Artikel über das Internet vertreiben. 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.

12 4 Willkommen 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. Eine Anmerkung zu diesem Handbuch Das Handbuch zu WebPlus X6 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.

13 Willkommen 5 Neue Features Präzise Verwaltung aller Webseiten mit der Website- Strukturansicht (siehe Seite 44) Die Übersicht in Vollbilddarstellung ist besonders praktisch für komplexe Websites. Endlich können Sie mit einem Blick die Zusammenhänge zwischen den Webseiten prüfen. Anhand der Seitenminiaturen in der Baumstruktur lässt sich genau erkennen, wie die Seiten miteinander in Verbindung stehen. Alle Seiten lassen sich durch einfaches Klicken und Ziehen neu sortieren und auch anderen Seiten über- oder unterordnen. Slider mit animierten Panels (siehe Seite 109) Perfekt für Werbebanner, News, besondere Inhalte und ähnliche Elemente! Endlich können Sie Ihren Panels Beine machen mit verschiedenen Übergängen, wie z. B. Von Links/Rechts/Oben/Unten, Gemischt, Akkordeon, Overlay, Bildlauf und noch vielen weiteren Varianten. Dank der Zeitvorgabe für die Panels können Sie genau festlegen, wann und welche Inhalte angezeigt werden sollen. Themenlayouts für mobile Websites (siehe Seite 38) Mit den speziell für mobile Websites entworfenen Themenvorlagen können Sie mobile Webseiten direkt in eine bestehende Website integrieren oder auch eine eigenständige mobile Website entwerfen. Alle Layouts wurden für die Betrachtung auf Mobilgeräten optimiert! Endlich können alle Smartphone-Besitzer schnell und einfach von unterwegs auf Ihre Webseiten zugreifen!

14 6 Willkommen Umleitung von Desktop zu Mobil (siehe Seite 41) Leiten Sie Smartphone-Benutzer direkt von Ihrer für die Desktop-Darstellung optimierten Website auf die mobilen Seiten - wahlweise innerhalb einer Website mit Desktop- und Mobil-Seiten als auch zu einer völlig separaten Mobil-Website! Diese Umleitung erkennt sowohl Telefone als auch die Betrachtung mit bestimmten Bildschirmabmessungen. QuickBuild-Registerkarte für ein unkompliziertes Webdesign (siehe WebPlus-Hilfe) Mit der Studio-Registerkarte QuickBuild können Sie schnell und einfach auf eine breite Palette wichtiger Objekte zugreifen, die in verschiedene Kategorien unterteilt sind, wie z. B. Layoutelemente, Navigationselemente, Soziale Netzwerke und Interaktive Objekte sowie auch Externe/Verwaltete Inhalte und noch vieles mehr. Anhand der großen Symbole lassen sich alle Objekte mit einem Blick identifizieren. Ziehen Sie einfach ein Symbol auf die gewünschte Position Ihrer Seite. Dank dieser kinderleichten Designmethode finden sich auch Einsteiger schnell mit unserem Programm zurecht! Zusätzliche Aktionen für noch mehr Objektinteraktivität (siehe Seite 129) Blenden Sie Objekte aus, bis sie von einer Maus berührt werden. Elemente können ebenfalls ihre Positionen ändern! Für Slider stehen Ihnen Schaltflächen für die Wiedergabesteuerung zur Verfügung sowie Schaltflächen, deren Darstellung sich je nach Slider- Aktivität ändert.

15 Willkommen 7 Validierung Ihrer Website mit Google und Bing (siehe Seite 293) Durch einen einfachen Nachweis, dass Sie der Besitzer der Website sind, können Sie wichtige Informationen zur Suchmaschinenoptimierung Ihrer Website einsehen und eine breite Palette von Webmaster-Tools einsetzen (Analytics und AdSense). Programmoberfläche & Bedienkomfort Erweiterte Benutzeroberfläche Um die Bedienung zu vereinfachen, haben wir die Symbolleisten entschlackt und die Menüs und per Rechtsklick zu öffnenden Kontextmenüs neu strukturiert. Das Entwerfen neuer Websites ist jetzt noch einfacher als je zuvor! (siehe Seite 36) Die Funktion Neue Website anlegen im Startassistenten führt Sie nun durch die wichtigsten Schritte für den Aufbau einer komplett neuen Website. Wählen Sie schnell und einfach die Webadresse, Seitengröße, Anzahl der Seiten, ein Farbschema und die Navigationsleisten direkt am Anfang des Projekts aus und ersparen Sie sich lästige Designänderungen am Ende. Präzise Steuerung der Registerkarten mit der neuen Studioleiste Mit dieser neuen Symbolleiste können Sie die Studio- Registerkarte Quelldateien, die Studio-Registerkarte Schriften, die Studio-Registerkarte QuickStart sowie alle anderen Registerkarten gezielt ein- und ausblenden.

16 8 Willkommen Kreatives Design Kreatives Arbeiten mit Quelldateien (siehe Seite 263) Mit der neuen Studio-Registerkarte Quelldateien können Sie von Profis entworfene Seiteninhalte durchsuchen und bequem auf Ihren Seiten verteilen. Diese Quelldateien lassen sich sogar mit einer flexiblen Textsuche durchstöbern! Hier finden Sie sowohl webspezifische Kategorien, wie Slider/Panels und Schaltflächen, als auch allgemeine Kategorien, wie Grafiken, Bilder, Bildrahmen, Hintergründe, Seiteninhalte und sogar ganze Seiten. Einfach Klicken, Ziehen und Absetzen - schon ist Ihr Layout fertig! In dieser Registerkarte können Sie auch selbst definierte Designs speichern - sowohl für den Einsatz in der aktuellen Website als auch zur späteren Verwendung in allen anderen Projekten. Sogar Paketdateien aus PagePlus lassen sich hier in WebPlus importieren! Unkomplizierte Farbzuweisungen mit der Farbleiste Über diese neue Symbolleiste können Sie die Farben für Füllung, Linie und Text aus Ihrem aktuellen Farbschema oder der Website-Palette auswählen. Hintergründe mit mehreren Bildern (siehe Seite 61) Kombinieren Sie mehrere Bilder im Hintergrund zu fantastischen Designs. Jedes Bild lässt sich einzeln positionieren, sodass Sie vollkommen frei und flexibel arbeiten können. Diese Methode ist perfekt, wenn Sie die Designs für Kopfzeilen, Fußzeilen, Kachellayouts und Logos separat entwerfen möchten!

17 Willkommen 9 Benannte Schemafarben (siehe Seite 70) Verlieren Sie bei der Farbgestaltung der verschiedenen Seitenelemente auch hin und wieder die Übersicht? Geben Sie Ihren Farben doch einfach aussagekräftige Namen, wie z. B. Hintergrund oder Text - html, sodass Sie mit einem Blick erkennen, für welchen Zweck Sie die Farben eingesetzt haben. Soziale Netzwerke Feeds und Schaltflächen für soziale Netzwerke (siehe Seite 191) Mit den Objekten für Facebook, Twitter und Google+ lassen sich Feeds und Schaltflächen in Ihre Webseiten integrieren. Ihre Website-Besucher können dann Ihre Website (oder jede andere URL) auf den Seiten eines sozialen Netzwerkes ihrer Wahl anderen Websurfern empfehlen. Lesezeichen-Symbolstreifen für soziale Netzwerke (siehe Seite 203) Mit dem Lesezeichen-Symbolstreifen für soziale Netzwerke können Website-Besucher für Ihre Website über Facebook, Twitter, Delicious, Digg und Google Lesezeichen die Werbetrommel rühren. Und dies ist nur eine Auswahl der verfügbaren Möglichkeiten. Natürlich lassen sich Ihre Webseiten bzw. URLs über diesen Symbolstreifen auch per versenden und drucken. Multimedia Zugriff auf Multimedia-Streams aus dem Internet (siehe Seite 209) Integrieren Sie schnell und einfach Streaming-Movies (MPEG, MP4, Shockwave, FLV und QuickTime) oder Audioclips von URLs in Ihre Webseiten.

18 10 Willkommen Installieren der Software Systemanforderungen Minimale Systemanforderungen: Windows-basierender PC mit DVD-Laufwerk und Maus Eines der Betriebssysteme Microsoft Windows XP (32 Bit), Windows Vista oder Windows MB RAM (Arbeitsspeicher) 434 MB freie Festplattenkapazität Monitor und Grafikkarte, die eine Auflösung von 1024 x 768 ermöglichen Internet Explorer 7 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 Für die Bearbeitung großer oder komplexer Websites werden zusätzliche Festplattenkapazität und mehr Arbeitsspeicher benötigt.

19 Willkommen 11 Optional: Windows-kompatibler Drucker TWAIN-kompatibler Scanner und-/oder TWAINkompatible Digitalkamera.NET 2.0 für die Textimportfilter von Word 2007/ OpenOffice (Bestandteil der Standardinstallation) Die Erstinstallation Um Serif WebPlus X6 zu installieren, legen Sie einfach die Programm-Disc von WebPlus X6 in Ihr Disc-Laufwerk ein. Die AutoRun-Funktion sollte nun automatisch das Setup starten. Führen Sie einfach die auf dem Bildschirm angezeigten Schritte aus, um das Programm zu installieren. Reparieren oder Ändern der Installation Wenn Sie die Software erneut installieren oder die Installation ändern möchten, klicken Sie im Startmenü von Windows auf Systemsteuerung und dann auf das Symbol Software/Programme deinstallieren. Stellen Sie sicher, dass die Programm-Disc in Ihr Disc-Laufwerk eingelegt ist und klicken Sie auf den Eintrag Serif WebPlus X6. Klicken Sie dann auf eine der Schaltflächen Ändern oder Reparieren und folgen Sie den Anweisungen auf Ihrem Bildschirm.

20 12 Willkommen

21 Präsentieren Ihrer 2 Website online

22 14 Präsentieren Ihrer Website online

23 Starten von WebPlus Präsentieren Ihrer Website online 15 Nach dem ersten Programmstart wird automatisch der Startassistent eingeblendet, der Ihnen folgende Einstiegsmöglichkeiten in WebPlus bietet: Arbeiten mit dem Serif Webhosting Mit dem Serif Webhosting können Sie Ihre Website auf einem von Serif angebotenen Webspace publizieren. Ihre Website ist dann für alle Websurfer erreichbar. Indem Sie sich bei dem Hosting-Dienst anmelden, können Sie sich das Publizieren Ihrer Websites im Internet enorm vereinfachen. Das Hosting-Paket lässt sich jederzeit erweitern, sodass der Platz auf Ihrem Webspace stets ausreicht. Wenn Sie sich als Kunde anmelden, können Sie je nach ausgewähltem Paket den Namen festlegen, den Sie für Ihre Webadresse verwenden möchten. Diese Adresse müssen die Websurfer dann in ihren Browser eingeben, um die Homepage Ihrer Website zu besuchen. Je nach ausgewähltem Paket lassen sich die Webadressen wie folgt formatieren: <Präfix>.webplus.net ODER <Präfix>.com Den <Präfix>-Teil der Adresse legen Sie bei Ihrer Anmeldung fest.

24 16 Präsentieren Ihrer Website online Die neuesten Informationen zu den verfügbaren Hosting-Paketen finden Sie unter Beachten Sie bitte, dass unser Hosting-Angebot momentan nur in englischer Sprache verfügbar ist. Einrichten eines Kontos für das Serif Webhosting Nach dem Start von WebPlus lässt sich das Serif Webhosting problemlos konfigurieren. 1. Klicken Sie im Menü Hilfe auf Webhosting-Anbieter suchen. 2. Folgen Sie online den Schritten für die Anmeldung zu dem Hosting-Paket Ihrer Wahl. Hierzu müssen Sie: Eine gültige -Adresse und gültige Kontaktinformationen eingeben. Auf den Aktivierungslink der klicken, die Ihnen Serif nach der Anmeldung zuschickt. Das Webhosting-Konto mit Ihrer -Adresse und Ihrem Kennwort anlegen. Sie müssen ebenfalls Ihr ausgewähltes <Präfix> für Ihre Webadresse eingeben. Wählen Sie in dem Detailbildschirm zu den Hosting-Angeboten das gewünschte Hosting-Paket aus. Vergessen Sie nicht den Hosting-Gutschein einzulösen, den Sie mit Ihrer Version von WebPlus erhalten haben. Geben Sie einfach den Gutschein-Code ein, wenn Sie das Paket auswählen, um Ihren Gutschein einzulösen. Geben Sie die Zahlungsinformationen ein.

25 Präsentieren Ihrer Website online Drucken Sie im letzten Bildschirm die FTP-Kontodetails für Ihr Webhosting aus (oder archivieren Sie diese Daten auf eine andere Weise). Sie müssen diese Daten später noch per Kopieren und Einfügen nach WebPlus übertragen. Außerdem sollten Sie stets eine Sicherheitskopie für Notfälle griffbereit haben. Übertragen Ihrer Kontodetails WebPlus prüft automatisch, ob Sie in dem Programm Kontodetails zu Ihrem Webhosting eingetragen haben. Sollten keine Daten vorhanden sein, wird automatisch ein Dialogfeld eingeblendet, damit Sie die Informationen eingeben können. 1. Klicken Sie in WebPlus auf die Option Website publizieren der Standardsymbolleiste. 2. Wählen Sie in dem Dialogfeld unter Bestehendes Hosting & Domänennamen verwenden die Option Details hinzufügen aus. 3. Tragen Sie durch Kopieren und Einfügen die Kontodetails Ihres Webhosting-Kontos (das Sie zuvor online erstellt haben) in die entsprechenden Felder ein. 4. Klicken Sie auf die Schaltfläche OK. Möchten Sie anstelle des Webhostings von Serif Ihr eigenes Hosting-Paket und einen zuvor festgelegten Domänennamen verwenden, gehen Sie wie unter "Publizieren Ihrer Website" (siehe Seite 22) beschrieben vor. Bevor Sie fortfahren, sollten Sie in dem Dialogfeld für den Server-Upload auf Test klicken. Sollte keine Verbindung zu dem Server erstellt werden, prüfen Sie bitte Ihre Kontodetails und Ihre Internetverbindung und versuchen es dann erneut.

26 18 Präsentieren Ihrer Website online Auswählen eines Designs Mit WebPlus müssen Sie Ihre Projekte nicht von Grund auf selbst aufbauen. Sie können auch eine vollständige Website basierend auf einem Themenlayout zusammenstellen. Themenlayouts enthalten mehrere Vorlagenseiten, die alle einen ähnlichen Look aufweisen. Um ein Design zu bestimmen, wählen Sie einfach ein Themenlayout und ein Farbschema aus. Auswählen von Themenlayout und Farbschema 1. Starten Sie WebPlus. 2. Klicken Sie im Startassistenten auf Designvorlage verwenden. 3. Wählen Sie in dem Dialogfeld ein Themenlayout aus. Für unser Beispiel nehmen wir die Variante Verspielt. 4. 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. Die Seitenminiaturansichten werden nun automatisch aktualisiert, um den neuen Look der Seiten widerzuspiegeln. 5. Entfernen Sie in dem rechten Feld die Häkchen aller Seiten - außer dem für die Homepage.

27 Präsentieren Ihrer Website online 19 Mit den Pfeiltasten Aufwärts/Abwärts können Sie jedes einzelne Schema bequem für eine Vorschau auswählen. 6. Klicken Sie anschließend auf die Schaltfläche Öffnen. Ihre Webseite wird nun in die Studio-Registerkarte Website eingefügt. Auswählen einer Pro-Vorlage Anstelle eines Themenlayouts können Sie auch Pro-Vorlagen verwenden. Diese mehrseitigen Vorlagen sind bereits mit Lizenzgebühr freien Bildern gefüllt. Das Design dieser Vorlagen wurde gezielt auf bestimmte Berufe und Branchen abgestimmt (z. B. Maler) und nicht auf ein bestimmtes Designthema. 1. Klicken Sie im Startassistenten auf Designvorlage verwenden. 2. Blättern Sie in dem Dialogfeld die Vorlagenliste nach unten, bis Sie die Kategorien der WebPlus X6 Pro- Vorlagen erreichen, und wählen Sie eine Vorlage aus. 3. Klicken Sie anschließend auf die Schaltfläche Öffnen. Ihre Webseiten werden nun in die Studio-Registerkarte Website eingefügt.

28 20 Präsentieren Ihrer Website online Einfügen einer Grafik Website im Aufbau Bevor Sie Ihre fertige Website live im Internet präsentieren, sollten Sie mindestens eine Seite Ihrer geplanten Website publizieren, die eine Grafik Website im Aufbau zeigt. Wenn Sie diese Seite publizieren und Ihre Website-Besucher die URL Ihrer Website aufrufen, stehen sie nicht völlig im Dunkeln, sondern sehen an dieser Grafik, dass Sie noch an Ihrer Website arbeiten und die Inhalte erst später verfügbar sind. Alle Grafiken, die Sie auf allen Seiten Ihrer Website anzeigen möchten, lassen sich bequem auf der Master-Seite der Seiten ablegen. 1. Klicken Sie in der Studio-Registerkarte Website auf Master-Seiten>. 2. Führen Sie einen Doppelklick auf die Miniatur der Master-Seite aus, die von Ihren Seiten verwendet wird. Master-Seiten werden stets als Seitensymbol mit einem Buchstaben (z. B. ) gekennzeichnet. 3. Klicken Sie in der Studio-Registerkarte Quelldateien auf Durchsuchen. 4. Geben Sie oben links in das Feld Suchen des Quelldatei-Browsers den Begriff Bauarbeiten ein.

29 Präsentieren Ihrer Website online Wählen Sie eine Im Aufbau -Grafik aus. 6. Klicken Sie auf die Schaltfläche Schließen. 7. Ziehen Sie die Grafik aus der Studio-Registerkarte Quelldateien unten auf Ihre Master-Seite. 8. Klicken Sie mit der rechten Maustaste auf die Grafik und in ihrem Kontextmenü auf Anordnen > An unterer Seitenkante festlegen. Nach dem Publizieren wird die Grafik Website im Aufbau immer am unteren Rand der Seite(n) angezeigt, der bzw. denen Sie diese Master-Seite zuweisen.

30 22 Präsentieren Ihrer Website online Publizieren Ihrer Website Um Ihre Website online präsentieren zu können, müssen Sie die einzelnen Dateien an Ihren Webspace (Speicherplatz für Webseiten auf einem Internetserver) übertragen. 1. Öffnen Sie in der Standardsymbolleiste das Menü Website publizieren und klicken Sie auf Im Web publizieren. 2. Geben Sie in das Dialogfeld die URL dieser Website ein und wählen Sie den FTP-Kontonamen in dem Dropdownfeld FTP-Konto aus. Die Kontoeinstellungen werden nun angezeigt 3. Klicken Sie auf die Schaltfläche OK. Ihre Dateien werden nun an Ihre Website übertragen und sind somit live im World Wide Web erreichbar! Nachdem Sie Ihre Website online gestellt haben, können Sie weiter an Ihrem Projekt arbeiten. Wir konzentrieren uns zunächst auf die Bearbeitung von Texten, das Einfügen von Bildern sowie das Einfügen neuer Seiten.

31 Bearbeiten von Titel und Text Bearbeiten des Seitentitels Präsentieren Ihrer Website online Führen Sie in der Studio-Registerkarte Website einen Doppelklick auf den Eintrag der Seite Home aus. 2. Führen Sie einen Doppelklick auf den Titeltext aus und geben Sie einen neuen Titel ein, wie z. B. den Namen Ihrer Firma. Bearbeiten des Textkörpers 1. Führen Sie auf der Seite einen Dreifachklick auf einen Textrahmen aus, um einen Absatz zu markieren. 2. Geben Sie den gewünschten Text ein. Anstatt einen bestehenden Textrahmen zu bearbeiten, können Sie auch einen neuen Textrahmen über die Option Textrahmen der Studio-Registerkarte QuickBuild erstellen.

32 24 Präsentieren Ihrer Website online Einfügen von Bildern Einfügen von Bildern in WebPlus 1. Klicken Sie in der Kategorie Bilder der Studio- 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 anschließend auf die Schaltfläche Öffnen. Ihre Bilder werden nun als Miniaturen in der Kategorie Bilder angezeigt.

33 Einfügen von Bildern in eine Seite Präsentieren Ihrer Website online 25 Ziehen Sie aus der Kategorie Bilder der Studio- 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 Bildplatzhalter (siehe unten). ODER Führen Sie einen Doppelklick auf einen Platzhalter aus, um ein Bild direkt aus einem Ihrer PC-Laufwerke einzufügen.

34 26 Präsentieren Ihrer Website online Einfügen einer neuen leeren Seite 1. Wählen Sie in der Studio-Registerkarte Website die Seite aus, nach der die neue Seite eingefügt werden soll. 2. Klicken Sie auf den Pfeil des Symbols Neue Seite oder neuen Link hinzufügen. Klicken Sie in dem nun geöffneten Menü auf Neue leere Seite. 3. Legen Sie in dem Dialogfeld Seiteneigenschaften einen Seitennamen für Ihre neue Seite fest. 4. Klicken Sie auf die Schaltfläche OK. Vergessen Sie nicht, die Website erneut zu publizieren, um die neuen Änderungen auf ihre live Website zu übertragen.

35 Einrichten von 3 Websites und Seiten

36 28 Einrichten von Websites und Seiten

37 Einrichten von Websites und Seiten 29 Der Startassistent Nach dem ersten Programmstart wird automatisch der Startassistent eingeblendet, der Ihnen folgende Einstiegsmöglichkeiten in WebPlus bietet: Die einzelnen Bezeichnungen der Optionen sind weitgehend selbsterklärend. Mit dem ersten Menü können Sie Websites von Grund auf neu erstellen oder mithilfe einer Designvorlage aufbauen. Bereits gespeicherte Websites lassen sich mit dem Assistenten ebenfalls öffnen. Neue Datei anlegen > Neue Website anlegen: Aufbauen einer neuen Website aus einer leeren Seite. Neue Datei anlegen > Designvorlage verwenden: Erstellen einer neuen Website mithilfe einer vordefinierten Layoutvorlage, die bereits einige Designelemente enthält. Weitere Ressourcen: Hier finden Sie Links zu kostenlosen Designelementen und kostenpflichtigen Designvorlagen.

38 30 Einrichten von Websites und Seiten Datei öffnen: Hier finden Sie eine Liste der zuletzt geöffneten Websites. Um eine Vorschau für eine Website einzublenden, bewegen Sie einfach den Mauszeiger auf ihren Dateinamen! Studienmaterial: Öffnen der Website mit Videos, Tutorials, Support und anderen Informationen. Bitte beachten Sie, dass dieses Material teilweise nur in englischer Sprache verfügbar ist. Standardmäßig wird der Startassistent automatisch bei jedem Programmstart von WebPlus aktiviert. Sie können den Assistenten auch über die Option Diesen Assistenten nicht mehr anzeigen deaktivieren. Sollten Sie später Ihre Meinung ändern, klicken Sie auf den Menüpunkt Extras > Optionen und aktivieren in der Kategorie Optionen > Allgemein die Option Startassistent verwenden. 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.

39 Einrichten von Websites und Seiten 31 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 können Sie verschiedene Themen (z. B. Arktis ) als Grundlage für Ihre Website auswählen. Die Seiten dieser Vorlagen enthalten jedoch keine Bilder, sondern Platzhalterrahmen. Fügen Sie einfach Ihre eigenen Bilder in die Platzhalter ein, ändern Sie den Platzhaltertext, und schon ist Ihre Website zur Publikation bereit. 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. Nähere Informationen hierzu finden Sie unter dem Thema Entwerfen mobiler Websites und Seiten auf Seite 38.

40 32 Einrichten von Websites und Seiten 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. Erstellen einer Website mit einer Designvorlage 1. Starten Sie WebPlus, oder klicken Sie im Menü Datei auf Startassistent..., um den Startassistenten zu aktivieren. 2. Klicken Sie auf die Option Neue Datei anlegen > Designvorlage verwenden. 3. Wählen Sie in dem Dialogfeld ein Themenlayout (Normal- oder Mobil-Variante) oder eine Pro-Vorlage aus. Themenlayouts

41 Einrichten von Websites und Seiten 33 Pro-Designvorlagen Mit der Bildlaufleiste können Sie bequem durch alle verfügbaren Designs blättern. Um eine Kategorie zu reduzieren oder zu erweitern, klicken Sie auf das Symbol neben dem Kategorienamen. In dem rechten Feld werden automatisch die Miniaturansichten für die Seiten der ausgewählten Vorlage angezeigt. 4. Legen Sie in dem rechten Feld fest, welche Seiten Sie für Ihre Website verwenden möchten. Sie können entweder die einzelnen Seiten per Mausklick mit einem Häkchen versehen oder mit der Schaltfläche Alle auswählen alle Seiten markieren. Um die aktuelle Auswahl zu widerrufen, klicken Sie auf Nichts auswählen.

42 34 Einrichten von Websites und Seiten 5. 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. 6. Klicken Sie anschließend auf die Schaltfläche Öffnen. Die Website wird nun automatisch mit der Startseite (Homepage) geöffnet. Auf der rechten Seite des Arbeitsbereiches finden Sie eine vollständige Baumstruktur der Website in der Studio-Registerkarte Website. Einige Hinweise Über die Kategorie Weitere Vorlagen können Sie zusätzliche Vorlagen von Serif erwerben. Alle Themenlayouts enthalten so genannte Quelldateien, wie z. B. einzelne von Profis entworfene Grafiken, Bilder, Schaltflächen, Symbole, Bildrahmen oder Hintergründe, als Ergänzung zu den Seitenelementen des Themenlayouts. Ö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.

43 Einrichten von Websites und Seiten 35 Öffnen einer bestehenden WebPlus-Website mit dem Startassistenten 1. In dem Startassistenten werden unter Datei öffnen Ihre zuletzt verwendeten Websites aufgelistet. Die als Letztes geöffnete Website steht hierbei ganz oben in der Liste. Um eine Miniaturvorschau der Website einzublenden, bevor Sie die entsprechende Datei öffnen, platzieren Sie den Mauszeiger einfach auf ihrem Listeneintrag. 2. Um eine Datei zu öffnen, klicken Sie auf ihren Namen. Sollten Sie die gewünschte Website länger nicht geöffnet haben und die entsprechende Datei daher in der Liste fehlen, klicken Sie auf Durchsuchen und wählen die Datei manuell aus. Ö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.

44 36 Einrichten von Websites und Seiten Zurückgreifen auf die gespeicherte Version einer geöffneten Website Klicken Sie im Menü Datei auf den Eintrag Wiederherstellen. Ersetzen von Schriftarten WebPlus bietet Ihnen die Möglichkeit, alle Schriftarten einer WebPlus-Website zu ersetzen, die nicht auf Ihrem Computer gespeichert sind. Dies kann z. B. vorkommen, wenn Sie ein Projekt auf einem anderen Computer erstellt oder Ihr Betriebssystem zwischenzeitlich neu installiert haben. Mit dem in diesen Fällen angezeigten Dialogfeld können Sie die fehlenden Schriften bequem identifizieren und manuell gegen entsprechende Ersatzschriften austauschen. Nähere Informationen hierzu finden Sie in der WebPlus-Hilfe. Aufbauen einer vollständig neuen Website Obwohl die Designvorlagen (siehe Seite 30) 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 Assistenten angezeigt werden, um die wichtigsten Aspekte für die neue Website einzustellen. Hierbei legen Sie unter anderem die folgenden Optionen fest: Website-Name und Website-URL Seitengröße und Seitenhöhe sowie die Anzahl der Seiten Die Schemafarben Die Navigationsleiste Die Quelldateien

45 Einrichten von Websites und Seiten 37 Sie können diese Einstellungen jederzeit ändern, nachdem Sie den Assistenten 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. Ihre Navigationsleiste wird automatisch auf dieser Master- Seite platziert. Erstellen einer neuen Website ohne Vorlage mit dem Startassistenten 1. Starten Sie WebPlus. ODER Klicken Sie in der Standardsymbolleiste auf Website. Neue 2. Klicken Sie auf Datei anlegen > Neue Website anlegen. 3. Führen Sie in dem Dialogfeld die einzelnen Schritte aus und klicken Sie anschließend auf Weiter>, um zu dem nächsten Fenster zu wechseln. 4. Klicken Sie auf Fertig stellen, um den Assistenten zu schließen. Erstellen einer neuen, leeren Website während einer Arbeitssitzung in WebPlus Klicken Sie im Menü Datei auf den Eintrag Neu. Die neue Website wird nun mit einer leeren Seite geöffnet, die mit den standardmäßig verwendeten Seiteneigenschaften formatiert ist. Wenn Sie in dem Startassistenten auf Abbrechen klicken, wird ebenfalls eine neue Website mit einer leeren Standardseite angelegt.

46 38 Einrichten von Websites und Seiten Entwerfen mobiler Websites und Seiten Vor dem Boom der Mobiltelefone mit Internetzugang hießen Websites einfach nur Websites. Heutzutage werden Websites nicht länger nur auf normalen Computermonitoren betrachtet, sondern auch auf vielen Mobilgeräten, wie z. B. Apple iphones, Blackberrys sowie Androidund Windows-Smartphones. Aus diesem Grund haben die Webdesigner als Ergänzung zu der normalen Seitengröße auch ein Format geschaffen, das speziell für die Betrachtung auf den kleinen Bildschirmen der Mobilgeräte optimiert ist. Die für mobile Geräte entwickelten Designs werden häufig als mobile Websites und die im herkömmlichen Format als Desktop-Websites bezeichnet. Die mobilen Websites sind speziell so konzipiert, dass sich alle Texte und Seitenelemente trotz der wesentlich geringeren Abmessungen der Smartphone-Bildschirme gut erkennen lassen. Hierzu wurde nicht nur die Seitengröße reduziert, sondern auch das gesamte Design der Seiten vereinfacht. Die Seiten mobiler Websites passen sich automatisch auf die Größe des Telefons an, mit dem sie betrachtet werden. Mobile Websites in WebPlus WebPlus bietet Ihnen mehrere Möglichkeiten, mobile Websites zu entwerfen: Erstellen Sie eine eigenständige mobile Website. Entwerfen Sie eine Hybrid-Website aus normalen Desktop-Seiten und mobilen Seiten inklusive Umleitung von den Desktop-Seiten zu den Mobil-Seiten (und umgekehrt), sodass alle Seiten in einem WebPlus- Projekt zusammengefasst sind. Entwerfen Sie separate Desktop- und Mobil-Websites mit einer Umleitung von den Desktop-Seiten zu den separat gespeicherten Mobil-Seiten. Ihre Mobil-Website wird hierbei als eigenständiges WebPlus-Projekt erstellt.

47 Einrichten von Websites und Seiten 39 Entwerfen mobiler Seiten innerhalb Ihrer Website Um mit der Seitenumleitung zu arbeiten, müssen Sie die mobilen Seiten erstellen und als Ziel angeben. In WebPlus können Sie mobile Seiten direkt mithilfe von Themenlayouts (siehe Seite 30) entwerfen, die speziell für mobile Websites konzipiert wurden und die normalen Designs hervorragend ergänzen. Sie fügen diese Vorlagenseiten dann genau so in Ihre Website ein, wie die Vorlagenseiten für Desktop-Websites. Einfügen einer mobilen Seite 1. Klicken Sie über dem Feld Seiten der Studio- 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 Vorlagenseite. 2. Wählen Sie in dem Dialogfeld die Option Master-Seite vergleichen und kopieren des ersten Dropdownfeldes aus. 3. Wählen Sie im linken Feld ein mobiles Themenlayout aus und markieren Sie per Mausklick die Seite(n), die Sie einfügen möchten. Die mobilen Themenlayouts wurden speziell als Ergänzung zu den normalen Desktop-Layouts entworfen. Wenn Sie also Ihre Website mit dem Themenlayout Arktis entworfen haben, verwenden Sie einfach die Seiten des Themenlayouts Arktis (mobil). 4. Klicken Sie anschließend auf die Schaltfläche Öffnen. In der Studio-Registerkarte Website werden die mobilen Seiten nun am Ende des Website-Strukturbaums eingefügt. Sie können natürlich auch jederzeit eine mobile Website von Grund auf neu erstellen (siehe Seite 36).

48 40 Einrichten von Websites und Seiten Verwalten der mobilen Dateien Einer der wichtigsten Punkte bei Hybrid-Websites ist die Trennung der mobilen Seiten von den Desktop-Seiten. Auf diese Weise lassen sich alle Seiten effizient verwalten und Sie können unabhängige Navigationsleisten für die Desktop- und Mobil-Seiten festlegen. Hier einige Tipps für Hybrid-Websites: Ändern Sie die Dateinamen für mobile Seiten: Mobile Seiten erhalten einen anderen Namen, wenn Sie die Seiten in Ihre Website einfügen (z. B. index0.html anstelle von index.html), damit keine bestehenden Dateien überschrieben werden. Sie können für Ihre mobilen Seiten auch eine gemeinsame Vorsilbe festlegen, wie z. B. m. ( m.index0.htm anstelle von index.html ), sodass sich die Dateinamen besonders leicht unterscheiden lassen. Klicken Sie hierzu mit der rechten Maustaste auf eine Seite und in dem Kontextmenü auf Seiteneigenschaften. Tragen Sie nun die Vorsilbe m. in das Feld Dateiname ein. Stellen Sie in der Studio-Registerkarte Website sicher, dass Ihre Desktop- und Mobil-Seiten untergeordnete Seiten der jeweiligen Homepage sind. Ziehen Sie hierzu die Einträge der Desktop-Seiten unter den Eintrag für die Desktop-Homepage und die Einträge der Mobil-Seiten unter den der Mobil-Homepage. Ihre Website hat dann also zwei Homepages - eine für die Desktop- und eine für die Mobil-Darstellung. Um die Seitennavigation genau zu steuern, bearbeiten Sie die Navigationsleisten auf der Master-Seite für die Desktop-Seiten sowie auf der Master-Seite für die Mobil- Seiten. Klicken Sie mit der rechten Maustaste auf die Navigationsleiste und in dem Kontextmenü auf

49 Einrichten von Websites und Seiten 41 Navigationsleiste bearbeiten. Klicken Sie auf Untergeordnete Seiten von... und wählen Sie die entsprechende Homepage in dem unteren Dropdownfeld aus. Stellen Sie hierbei sicher, dass die Optionen Untergeordnete Seiten einbeziehen und Homepage einbeziehen ebenfalls aktiviert sind. Umleiten zu/von Mobil-Seiten Für die Umleitung benötigen Sie eine Seite, auf der die Umleitung startet und eine Zielseite, zu der die Website-Besucher geleitet werden. Für gewöhnlich werden die Umleitungen auf Desktop- Seiten erstellt, um Website-Besucher zu den mobilen Seiten zu führen. Die umgekehrte Variante ist natürlich auch denkbar. Alle Umleitungen werden von der aktuell angezeigten Seite gestartet und benötigen einen speziellen Auslöser. Hierzu könnte die Website z. B. ein Mobilgerät oder einen Desktop-Computer erkennen oder auch die Abmessungen des Bildschirms, auf dem die Seite gerade betrachtet wird. Für die Erkennung des Browsers wird der Wert UserAgent des Browsers verwendet. Umleiten von/zu Seiten oder Websites 1. Klicken Sie mit der rechten Maustaste auf eine Seite und in ihrem Kontextmenü auf Seiteneigenschaften. 2. Wechseln Sie in dem Dialogfeld Seiteneigenschaften zu der Kategorie Weiterleitung. 3. Klicken Sie auf die Schaltfläche Link, um eine Liste mit möglichen Zielen für die Weiterleitung zu öffnen. Nähere Informationen hierzu finden Sie unter Auswählen eines Hyperlinkziels in der WebPlus-Hilfe. Wählen Sie die Option Website-Seite für eine mobile Seite innerhalb Ihrer Website aus oder die Option Internet-Seite für den Link zu einer Seite einer separaten mobilen Website (z. B. m.mywebsite.com/products/productx).

50 42 Einrichten von Websites und Seiten 4. Aktivieren Sie die Option Umleiten unter der Bedingung, damit die Umleitung nur erfolgt, wenn ein Mobiltelefon oder ein Desktop-Computer auf die publizierte Webseite zugreifen. Standardmäßig wird die Umleitung aktiviert, wenn die Website ein mobiles Gerät erkennt. Sie können die Umleitung aber auch von mobilen auf Desktop-Seiten festlegen oder dann durchführen lassen, wenn bestimmte Bildschirmabmessungen erkannt werden. 5. Legen Sie eine passende Verzögerungszeit fest. Hierdurch können die Website-Besucher die Desktop- Seite kurz betrachten, bevor die Umleitung zu der mobilen Seite gestartet wird. 6. Klicken Sie auf die Schaltfläche OK. Standardmäßig wird die Umleitung dadurch aktiviert, dass die Website den Browser ihrer Besucher erkennt (z. B. Firefox oder Firefox Mobile). Um die Suchmaschinenoptimierung möglichst effizient zu gestalten, sollten Sie stets die Website-Besucher zwischen Seiten mit gleichen Inhalten umleiten. Erstellen Sie als die Umleitung von der Desktop-Seite für Produkt X auf die mobile Seite für Produkt X. 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

51 Einrichten von Websites und Seiten 43 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 wichtigen Hauptsektionen werden für gewöhnlich auf der Homepage einer Website und den anderen Sektionsseiten in Form einer Navigationsleiste präsentiert. 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. Eine übergeordnete Seite namens Produkte könnten z. B. zwei untergeordnete Seiten namens Produkt1 und Produkt2 besitzen. Anzeigen der Website-Struktur Die Website-Struktur lässt sich über zwei Optionen einblenden: die Studio-Registerkarte Website und die Website-Strukturansicht. Die zweite Variante ist ideal für die Darstellung großer Websites. Prüfen der Struktur über die Studio-Registerkarte Website In WebPlus können Sie mit dem Website-Strukturbaum der Studio-Registerkarte Website die Inhalte Ihrer Website bequem

52 44 Einrichten von Websites und Seiten in Sektionen und Stufen aufteilen. Eine Struktur könnte zum Beispiel wie folgt aussehen: Mit dem Website-Strukturbaum können Sie die verschiedenen Bezüge zwischen den Seiten auf unkomplizierte, visuelle Weise erstellen und eine Struktur schaffen, die den Inhalten Ihrer Website genau entspricht. Bei einer Website finden sich natürlich immer auch Linkverzweigungen von einer Seite auf beliebige andere Seiten, sodass ein dichtes Netzwerk von Verknüpfungen entsteht. In dem Strukturbaum legen Sie nur die wichtigsten Bezüge fest (horizontal und vertikal) - alle anderen Links können Sie später gezielt auf den einzelnen Seiten erstellen. Durch einen logischen Aufbau der Sektionen und Strukturebenen wird die Website wesentlich übersichtlicher, sodass Sie die einzelnen Inhalte leichter verwalten, und die Besucher den Themen leichter folgen können. Mit WebPlus lassen sich schnell und einfach Navigationsleisten einfügen, die genau an Ihre Website-Struktur angepasst sind und als Wegweiser für die Website-Besucher dienen. Prüfen der Struktur über die Website-Strukturansicht Für große Websites ist die Website-Strukturansicht eine gute Alternative zur Studio-Registerkarte Website und bietet eine Vollbilddarstellung aller Sektionen und Strukturebenen Ihrer Website. Die Seiten werden hierbei als Miniaturen in einer Baumstruktur angezeigt.

53 Einrichten von Websites und Seiten 45 Anzeigen der Website-Struktur Klicken Sie in der Standardsymbolleiste auf die Option Website-Struktur. Für eine ausgewählte Seite können Sie nun die üblichen Verwaltungsaufgaben erledigen, wie z. B. Einfügen, Klonen und Löschen oder die Bearbeitung der Seiteneigenschaften. Verwenden Sie hierzu einfach die Kontextleiste der Website-Struktur oder klicken Sie mit der rechten Maustaste auf eine Seitenminiatur. Ü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 sowie die ausgewählte(n) Seite(n) per QuickPublish publizieren. Besonders praktisch an dieser Strukturansicht ist, dass Sie durch einfaches Ziehen einer oder mehrerer ausgewählter Seiten ihre Position innerhalb einer Strukturebene verändern oder die Seiten auch auf andere Strukturebenen verschieben können. Um mehrere Seiten auszuwählen, markieren Sie die Seiten (auf einer oder unterschiedlichen Strukturebenen) durch Ziehen mit der Maus. Möchten Sie nicht aufeinander folgenden Miniaturen auswählen, klicken Sie mit gedrückter Strg-Taste auf die Miniaturen.

54 46 Einrichten von Websites und Seiten Für die Sortierung können Sie eine Seite auf eine Zielseite ziehen, an der dann quadratische Marker eingeblendet werden. Ziehen Sie einfach die Seite auf einen Marker, um die Seite entsprechend zu platzieren. Ziehen Sie die Seite auf A, wird die Seite vor der Zielseite in derselben Strukturebene eingefügt; bei B wird die Seite nach der Zielseite auf derselben Strukturebene platziert; bei C wird die Seite der Zielseite untergeordnet. Wenn Sie eine übergeordnete Seite verschieben, bewegen Sie gleichzeitig auch ihre untergeordneten Seiten. 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 das Dialogfeld

55 Einrichten von Websites und Seiten 47 Seiteneigenschaften (siehe Seite 61) 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ü Bearbeiten 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. 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, Navigationsleisten oder Umrandungen. Der wichtigste Punkt bei

56 48 Einrichten von Websites und Seiten 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 Studio-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 53). 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.

57 Zuweisen anderer Master-Seiten Einrichten von Websites und Seiten 49 Standardmäßig werden alle für eine Website neu angelegten Seiten mit der Master-Seite A erstellt. Möchten Sie jedoch eine andere Master-Seite verwenden, weisen Sie der Seite einfach Ihre gewünschte Master-Seite zu und ersetzen die ursprüngliche Master-Seite. Zuweisen anderer Master-Seiten zu Seiten 1. Klicken Sie in der Studio-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 (Bearbeiten > Website- Eigenschaften) festgelegt haben. Zuweisen mehrerer Master-Seiten Mit WebPlus können Sie für eine Webseite auch mehrere Master- Seiten festlegen, um das Design der Seite modular aus mehreren Bereichen aufzubauen. Hierbei können Sie auch die Reihenfolge der Master-Seiten relativ zueinander und zu der Webseite festlegen

58 50 Einrichten von Websites und Seiten und somit die Abfolge bestimmen, in der die entsprechenden Objekte auf der Seite platziert werden. Ein Beispiel: Ihre Website verwendet zwei Designs aus den Seiten Master A und Master B. Mit dem Dialogfeld Seiteneigenschaften können Sie Master B mit dem IPSUM- Text vor der ausgewählten Seite platzieren, sodass Master A als Seitenhintergrund fungiert. Zuweisen mehrerer Master-Seiten zu einer Webseite 1. Klicken Sie in der Studio-Registerkarte Website mit der rechten Maustaste auf den Eintrag einer Seite und in dem Kontextmenü auf Seiteneigenschaften. 2. Klicken Sie in der Kategorie Master-Seiten des Dialogfelds auf die Einträge mehrerer Master-Seiten. 3. Klicken Sie auf die Schaltfläche OK. Die Seite verwendet nun alle Seitenelemente der ausgewählten Master-Seiten.

59 Einrichten von Websites und Seiten 51 In der Website-Struktur der Studio-Registerkarte Website werden alle Seiten mit einem Pluszeichen markiert (anstelle eines Buchstabens wie A, B usw.), denen mehrere Master-Seiten zugewiesen sind. Neuordnen der Seiteninhalte und Master-Seiten Wählen Sie den Seiteneintrag in der Kategorie Master- Seiten des Dialogfelds Seiteneigenschaften aus und klicken Sie auf eine der Schaltflächen Aufwärts oder Abwärts. Bearbeiten von Objekten auf Master-Seiten Wenn Sie mit Seiten arbeiten, denen Master-Seiten zugewiesen sind, tragen die Objekte der Master-Seite zu dem Aufbau der Seite bei. Sie können diese Objekte schnell und einfach von der Webseite aus bearbeiten, indem Sie ein Objekt auswählen und die darunter eingeblendeten Symbole verwenden. Bearbeiten von Objekten der Master-Seite 1. Wählen Sie auf der normalen Seite das Objekt einer Master-Seite aus, um die entsprechende Symbolleiste einzublenden. 2. Klicken Sie auf das Symbol Auf Master-Seite bearbeiten. Die Master-Seite wird nun zur Bearbeitung geöffnet.

60 52 Einrichten von Websites und Seiten Manchmal möchten Sie vielleicht die Seitenobjekte, die von der Master-Seite stammen, bearbeiten, ohne die Master-Seite zu verändern, sodass sich Ihre Änderung nur auf die aktuelle Seite auswirkt und nicht auch auf alle anderen Seiten, denen die Master- Seite zugewiesen ist. Sie können in diesen Fällen die Objekte von der Master-Seite auf die normale Webseite übernehmen. Hierbei wird das Objekt der Master-Seite im Grunde kopiert und das auf der Webseite platzierte Original durch eine Kopie ersetzt, die Sie beliebig ändern können. Übernehmen der Objekte von einer Master-Seite 1. Wählen Sie auf der normalen Seite das Objekt einer Master-Seite aus, um die entsprechende Symbolleiste einzublenden. 2. Klicken Sie auf das Symbol Aus Master-Seite übernehmen. Das Original wird nun auf der Webseite durch eine Kopie ersetzt, die Sie beliebig verändern können, ohne die Master-Seite zu beeinflussen. Alle anderen Seiten, denen die Master-Seite zugewiesen ist, bleiben von dieser Änderung ebenfalls verschont. Wenn Sie Ihre Meinung später ändern, können Sie das geänderte Objekt jederzeit wieder durch die Originalversion der Master-Seite ersetzen. Zuweisen der ursprünglichen Objektversion 1. Wählen Sie auf der normalen Seite das übernommene Objekt einer Master-Seite aus, um die entsprechende Symbolleiste einzublenden. 2. Klicken Sie auf das Symbol Auf Master-Seite zurücksetzen.

61 Einrichten von Websites und Seiten 53 Hinzufügen, Entfernen und Neuordnen von Seiten In der Studio-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 einer installierten Designvorlage. 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,

62 54 Einrichten von Websites und Seiten sodass Sie auf einen Blick erkennen können, dass sich hinter diesen Einträgen reiner HTML-Code (siehe WebPlus-Hilfe) 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 Studio- Registerkarte Website die Seite aus dem Website- Strukturbaum aus, nach der Sie die neue Seite einfügen möchten. 2. Klicken Sie über dem Feld Seiten der Studio- 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 (siehe Festlegen der Seiteneigenschaften auf Seite 61). 4. Klicken Sie auf die Schaltfläche OK. Die neue Seite wird nun an der von Ihnen ausgewählten Position der Website-Struktur eingefügt. Die Abmessungen der Seite werden aus den Website-Eigenschaften (siehe Seite 46) übernommen. Sie können die Position und Hierarchiestufe der Seite jederzeit verändern oder der Seite eine andere Master-Seite zuweisen (siehe Neuordnen von Seiten oder Zuweisen anderer Master-Seiten auf Seite 56 und 49). Alle neu erstellten Seiten verwenden stets die aktuell in dem Dialogfeld Website-Eigenschaften festgelegten Werte (Bearbeiten > Website-Eigenschaften), wie z. B. die Standardseitengröße und -ausrichtung, sofern

63 Einrichten von Websites und Seiten 55 Sie diese Optionen nicht mit dem Dialogfeld Seiteneigenschaften außer Kraft setzen. Leere Seiten können ebenfalls auf einer Master-Seite basieren (z. B. wenn Sie die Website mit einer Vorlage erstellt haben) und daher bereits die Seitenelemente enthalten, die auf der Master-Seite festgelegt sind. Einfügen von Master-Seiten Hinzufügen einer neuen Master-Seite 1. Klicken Sie in der Studio-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 Studio-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 auf Seite 47 beschrieben vor. Löschen von Seiten Löschen einer Seite oder Master-Seite 1. Wählen Sie in der Studio-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.

64 56 Einrichten von Websites und Seiten Wenn Sie eine Seite löschen, können Sie wahlweise alle Hyperlinks löschen, die von Ihrer Website auf die gelöschte Seite verweisen, oder die Hyperlinks auf eine andere Seite umleiten. Alle Hyperlinks, die auf Anker der gelöschten Seite verweisen, lassen sich ebenfalls löschen. Hinzufügen 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. Einfügen einer HTML-Seite 1. Wählen Sie in dem unteren Feld Seiten der Studio- Registerkarte Website die Seite aus, nach der Sie die neue Seite einfügen möchten. 2. Klicken Sie über dem Feld Seiten der Studio- 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 HTML-Seite Die neue HTML-Seite wird nun zu der Registerkarte Website hinzugefügt. Nähere Informationen hierzu finden Sie unter dem Thema Erstellen von HTML-Seiten in der WebPlus-Hilfe. Neuordnen von Seiten Mit der Studio-Registerkarte Website können Sie Seiten nicht nur hinzufügen oder löschen, sondern auch innerhalb der Website an beliebige Positionen verschieben. Mithilfe der Hierarchie aus übergeordneten und untergeordneten Seiten lassen sich die einzelnen Seiten bequem durch einfaches Ziehen mit der Maus

65 Einrichten von Websites und Seiten 57 oder über Schaltflächen verschieben. Für das Verschieben von Seiten stehen Ihnen unterschiedliche Ziele zur Verfügung: Eine neue Position innerhalb der Reihenfolge (aufwärts oder abwärts) einer einzigen Strukturebene. Eine übergeordnete Strukturebene Eine untergeordnete Strukturebene Verschieben einer Seite 1. Öffnen Sie die Studio-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 Vorlagenseiten Das Einfügen leerer Seiten ist sehr praktisch, wenn Sie eine Website von Grund auf neu entwerfen. Möchten Sie jedoch etwas Zeit sparen, können Sie auch eine vorgefertigte Seite aus einer der WebPlus-Vorlagen einfügen. Damit das Originaldesign der Seite erhalten bleibt, lässt sich die Master-Seite, die dieser Seite

66 58 Einrichten von Websites und Seiten zugewiesen ist, direkt zusammen mit der Seite in Ihr Projekt importieren. Einfügen einer neuen Seite aus einer Vorlage 1. Wählen Sie in der Studio-Registerkarte Website die Seite aus, nach der die neue Seite eingefügt werden soll. 2. Klicken Sie über dem Feld Seiten der Studio- 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 Vorlagenseite. 3. Wählen Sie in dem Dialogfeld Neue Vorlagenseite einfügen eine Vorlage in der linken Liste aus und markieren Sie dann die Seite mit einem Häkchen, die Sie einfügen möchten (Sie können ebenfalls mehrere Seiten auswählen). 4. Mit WebPlus können Sie bequem festlegen, ob die mit einer Seite verknüpfte Master-Seite ebenfalls kopiert werden soll. Klicken Sie hierzu in der linken oberen Ecke auf einen der folgenden Einträge des Dropdownmenüs: Master-Seite kopieren: Mit dieser Einstellung wird die Master-Seite immer in Ihre Website kopiert. Master-Seite vergleichen und kopieren: Hierbei prüft das Programm, ob die Master-Seite bereits in

67 Einrichten von Websites und Seiten 59 Ihrer Website vorhanden ist. Ist die Master-Seite noch nicht Teil Ihrer Website, wird sie kopiert. Ohne Master-Seite: Die Master-Seite wird unter keinen Umständen in Ihre Website kopiert. 5. Klicken Sie auf die Schaltfläche Öffnen. Die Seite wird nun in die Studio-Registerkarte Website eingefügt. 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. Hinzufügen eines Offsite-Links 1. Wählen Sie in der Studio-Registerkarte Website die Seite aus, nach der die neue Seite eingefügt werden soll. 2. Klicken Sie über dem Feld Seiten der Studio- 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 Neuer Offsite-Link. 3. In der Registerkarte Offsite-Link stehen Ihnen verschiedene Linkoptionen zur Verfügung: Geben Sie einen Menünamen ein, um den Offsite- Link in dem Strukturbaum der Website eindeutig zu identifizieren. Dieser Name übernimmt dieselbe Funktion wie ein Seitenname.

68 60 Einrichten von Websites und Seiten Möchten Sie den Link in Ihre Website-Navigation integrieren, aktivieren Sie die Option In Navigation einbeziehen. Möchten Sie die Seite als Untermenüeintrag in Navigationsleisten mit horizontalen Trennlinien unter oder über der Seite markieren, aktivieren Sie unter Trennelemente die Option(en) Vor und/oder Nach. Möchten Sie zusätzlichen Text zu der Seite in dem Untermenüelement der Navigationsleiste hinzufügen, geben Sie den Text in das Feld Beschreibung ein. 4. Wählen Sie in der Registerkarte Hyperlinks den Zieltyp für den Offsite-Link aus (z. B. Smart-Objekt) und das Ziel (z. B. ein zuvor erstelltes Forum). Nähere Informationen hierzu finden Sie unter Auswählen eines Hyperlinkziels in der WebPlus-Hilfe. 5. Wählen Sie in der Registerkarte Zielfenster ein Fenster oder einen Rahmen aus, in dem das Ziel angezeigt werden soll. 6. Klicken Sie auf die Schaltfläche OK. Festlegen der Homepage Festlegen einer Website als Homepage Klicken Sie in der Studio-Registerkarte Website mit der rechten Maustaste auf eine Standardseite und in dem Kontextmenü auf Als Homepage festlegen.

69 Einrichten von Websites und Seiten 61 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. Einfügen von Hintergründen WebPlus enthält eine breite Palette an Hintergründen, die Sie sowohl für alle Seiten Ihrer Website als auch gezielt für einzelne Seiten festlegen können. Diese Hintergründe gehören zu den Quelldateien (siehe Seite 263), die in Form verschiedener Quelldatei-Pakete verfügbar sind, wie z. B. Fußzeilen, Verläufe, Kopfzeilen, Muster, Foto und Texturen.

70 62 Einrichten von Websites und Seiten Darüber hinaus können Sie für den Hintergrund einzelner Seiten (oder aller Seiten Ihrer Website) auch bestimmte Farben über die Seiteneigenschaften und die Website-Eigenschaften (siehe Seite 61 und 46) festlegen. Hierfür lassen sich sowohl normale Farben als auch Schemafarben verwenden. Legen Sie das Hintergrunddesign über die Website- Einstellungen fest, übernehmen alle Seiten, die Sie neu erstellen, automatisch diese Einstellungen. Sie können jedoch diese Vorgaben auch für einzelne Seiten umgehen und dann die Seiten- und Hintergrundeinstellungen individuell festlegen. Einfügen von Hintergrundbildern Einfügen eines Hintergrundbilds für Ihre Seite 1. Klicken Sie in der Studio-Registerkarte Quelldateien auf Durchsuchen. 2. Klicken Sie in dem Dialogfeld Quelldatei-Browser unter Kategorien auf Hintergründe. 3. Durchsuchen Sie die Quelldatei-Pakete nach einem passenden Hintergrund. Klicken Sie entweder auf einen einzelnen Hintergrund oder auf Alles hinzufügen, wenn Sie alle Hintergründe des Pakets übernehmen möchten. Ausgewählte Miniaturansichten werden stets mit einem Häkchen markiert. 4. Klicken Sie als Letztes auf die Schaltfläche Schließen. Die Hintergründe werden nun in der Kategorie Hintergründe der Studio-Registerkarte aufgelistet. 5. Öffnen Sie die gewünschte Seite im Arbeitsbereich und ziehen Sie die Miniatur des Hintergrunds direkt auf die Seite.

71 Einrichten von Websites und Seiten Wählen Sie in dem nun angezeigten Dialogfeld aus, ob der Hintergrund für alle Seiten gelten soll (d. h. als Standardhintergrund der Website festgelegt wird) oder nur für die aktuelle Seite. Mit der ersten Option ersetzen Sie alle Hintergründe in Seiten, die für die Verwendung der Website-Einstellungen konfiguriert sind. 7. Klicken Sie auf die Schaltfläche OK. Alternativ können Sie auch ein Hintergrundbild über den Menüpunkt Bearbeiten > Website-Eigenschaften oder Bearbeiten > Seiteneigenschaften festlegen. Legen Sie einfach die gewünschte Einstellung über die Option Hintergrund fest. Arbeiten mit mehreren Bildern als Hintergrund Wenn Sie den Hintergrund Ihrer Seiten etwas aufwendiger gestalten möchten, können Sie mit WebPlus auch mehrere Bilder kombinieren. Jedes Bild lässt sich hierbei als Hintergrund für ein wichtiges Seitenelement festlegen, wie z. B. Kopfzeile, Fußzeile, Kachelung oder Logo. (A) Kopfzeile, (B) Fußzeile, (C) Gekachelter Hintergrund und (D) Firmenlogo.

72 64 Einrichten von Websites und Seiten Besonders professionelle Ergebnisse erzielen Sie, wenn Sie Hintergründe aus mehreren Bildern mit Bildtransparenzen und Objekten mit Verlaufstransparenzen kombinieren. Entwerfen von Hintergründen mit mehreren Bildern 1. Klicken Sie auf den Menüpunkt Bearbeiten > Website- Eigenschaften und dann auf die Option Hintergrund. Klicken Sie auf Hinzufügen, um die Bilder in Ihren Hintergrund zu integrieren. 2. Stellen Sie die Optionen für Wiederholung und Position ein. Die Bilder werden in Relation zu den Kanten des Browserfensters platziert. 3. Klicken Sie auf die Schaltfläche OK. Alle Bilder werden nun in der Liste Hintergrundbilder aufgeführt. Mit den Schaltflächen neben der Liste können Sie ein ausgewähltes Bild in der Liste aufwärts und abwärts verschieben. Auf diese Weise lässt sich flexibel festlegen, wie jedes einzelne Bild in Relation zu den anderen Bildern angezeigt wird. Das Bild, dessen Eintrag am höchsten in der Liste steht, wird vor allen anderen Bildern in Ihrem Hintergrund angezeigt. Festlegen der Seiten- und Hintergrundfarbe Festlegen der Farben für Seiten und Hintergrund 1. Klicken Sie auf den Menüpunkt Bearbeiten > Website- Eigenschaften. 2. Klicken Sie in dem Dialogfeld auf die Option Seite > Hintergrund und dann auf den Pfeil der Option Seitenfarbe oder Hintergrundfarbe.

73 Einrichten von Websites und Seiten Wählen Sie einfach eine andere Farbe über die Farbfelder aus, die Schemafarben und andere Farben anzeigen. Mit dem Eintrag Weitere Farben... öffnen Sie das Dialogfeld Farbauswahl. 4. Klicken Sie auf die Schaltfläche OK. Wenn Sie die Seitenfarbe als transparent festlegen, wird der darunter liegende Seitenhintergrund sichtbar, sodass die Seitenabmessungen unsichtbar scheinen. Der eigentliche Inhalt der Seite (Texte, Bilder usw.) wird nach wie vor nur innerhalb des Bereichs angezeigt, den Sie als Seitenabmessungen festgelegt haben. Wenn Sie ein Bild mit transparenten Bereichen als Hintergrund verwenden, ist die Hintergrundfarbe durch diese Bereiche sichtbar. Bilder ohne Transparenz verdecken die Hintergrundfarbe vollständig. Weitere Informationen zu den anderen Einstellungen finden Sie in der Hilfe zu WebPlus. Festlegen benutzerdefinierter Hintergründe Sie können für einzelne Standardseiten oder Master-Seiten die in den Website-Eigenschaften festgelegte Seitenfarbe, Hintergrundfarbe sowie das Hintergrundbild ignorieren und durch individuelle Vorgaben ersetzen. Wenn Sie die Einstellungen für eine Master-Seite ändern, beeinflussen Sie damit auch die Darstellung aller Standardseiten, denen diese Master-Seite zugewiesen ist. Seiten, denen Sie keine Master-Seite zugewiesen haben, verwenden standardmäßig die Einstellungen des Website- Hintergrunds. Sie können diese Einstellungen jedoch über die Kategorie Hintergrund des Dialogfelds Seiteneigenschaften außer Kraft setzen.

74 66 Einrichten von Websites und Seiten Festlegen eigener Hintergründe 1. Öffnen Sie in dem Dialogfeld die Kategorie Hintergrund und legen Sie in dem Dropdownfeld Hintergrund die Option Seitenhintergrund verwenden fest. 2. Klicken Sie auf den nach unten zeigenden Pfeil der Tafel Seitenfarbe und wählen Sie eine Farbe aus. Die Schemafarben werden in diesem Menü mit ihren entsprechenden Nummern angezeigt. 3. Wiederholen Sie den vorangehenden Schritt für die Hintergrundfarbe. ODER Für Hintergrundbilder klicken Sie auf Hinzufügen und wählen dann ein oder mehrere Bilder per Dialogfeld aus. 4. Klicken Sie auf die Schaltfläche OK.

75 Arbeiten mit Farbschemata Einrichten von Websites und Seiten 67 WebPlus bietet eine breite Palette an Farbschemata, die Sie bequem auswählen können, wenn Sie eine Website mit einer Designvorlage erstellen oder von Grund auf neu entwerfen. Bei der Arbeit mit Vorlagen-basierenden Websites bestimmt das Farbschema den Look Ihrer Seite und legt z. B. Farben für Hyperlinks fest. Alle Vorlagen verwenden ein Farbschema, sodass Sie durch Wechseln des Schemas mit nur einem Mausklick schnell und einfach die Stimmung der Website ändern können! Farbschemata: (A) Koralle, (B) Smoothie und (C) Standard Wenn Sie die Vorlage für eine neue Website auswählen, können Sie eines von drei Farbschemata festlegen, die speziell für die ausgewählte Vorlage entworfen wurden, oder auch eines der globalen Farbschemata verwenden. Nähere Informationen hierzu finden Sie unter Erstellen einer Website mit einer Designvorlage auf Seite 30.

76 68 Einrichten von Websites und Seiten Wie funktionieren Farbschemata? Farbschemata in WebPlus funktionieren ein wenig wie das Malen nach Zahlen. Sie weisen den verschiedenen Designelementen Ihrer Seite eine Schemafarbe zu, für die innerhalb des Farbschemas eine bestimmte Nummer festgelegt ist. Diese Farben werden in Farbfeldern gespeichert (nummeriert von 1 bis 12), die in der Studio-Registerkarte Farbfelder aufgelistet sind. Das Farbschema Smoothie Diese Farbfelder stehen für das Website-Farbschema. Von hier aus können Sie den verschiedenen Elementen Ihrer Webseiten die einzelnen Schemafarben zuweisen. Bei den Designvorlagen haben wir diese Zuordnung bereits für Sie durchgeführt. Wenn Sie nun ein anderes Farbschema auswählen, werden die aktuellen Schemafarben durch die entsprechenden Farben des neuen Schemas ausgetauscht, und die Website erhält einen völlig anderen Look.

77 Einrichten von Websites und Seiten 69 Wenn Sie Ihren Schemafarben eigene Namen verleihen, können Sie später schnell mit einem Blick feststellen, welche Aufgabe die Farbe in Ihrer Website übernimmt. Sie können sich hierbei an den Beschreibungen auf der rechten Seite orientieren. Nähere Informationen hierzu finden Sie unter Festlegen von Namen für Schemafarben auf Seite 70. Für die Hyperlinks in Textformatvorlagen können Sie ebenfalls Schemafarben festlegen, die dann in der gesamten Website verwendet werden. Dies ist besonders praktisch, wenn Sie die Hyperlinkfarben von Überschriften (z. B. Überschrift 1, Überschrift 2) anders färben möchten als die des Textkörpers. Auswählen von Farbschemata Auswählen eines vordefinierten Farbschemas 1. Klicken Sie in der Standardkontextleiste auf Farbschema-Designer. 2. Wählen Sie in der Registerkarte Farbschemata des Dialogfelds ein anderes Farbschema in der Liste aus und klicken Sie auf OK.

78 70 Einrichten von Websites und Seiten Das Programm färbt nun alle Elemente der Website, denen eine der 12 Farbnummern des alten Schemas zugewiesen war, in der entsprechenden Farbe des neuen Schemas ein. Sie können für jede Website immer nur ein aktives Farbschema festlegen, das als Website-Farbschema bezeichnet und stets in der Studio-Registerkarte Farbfelder angezeigt wird. Wenn Sie die Website speichern, wird ihr aktuelles Farbschema automatisch zusammen mit dem Dokument gespeichert. Mit dem Farbschema-Designer können Sie ebenfalls Schemafarben ändern oder Ihre eigenen Farbschemata zusammenstellen (siehe WebPlus-Hilfe). Festlegen von Namen für Schemafarben Bei 12 verschiedenen Schemafarben ist es manchmal schwierig, sich die Verwendungszwecke aller Farben zu merken. Sie können in dem Farbschema-Designer jedoch für jede Schemafarbe einen aussagekräftigen Namen festlegen. Festlegen von Namen für Schemafarben 1. Klicken Sie in der Standardkontextleiste auf Farbschema-Designer. 2. Geben Sie in die Registerkarte Website-Farbnamen einen Namen für die einzelnen Schemafarben ein, an denen Sie ihren Verwendungszweck gut erkennen können, und klicken Sie auf OK. Ihre selbst festgelegten Namen für die Schemafarben werden nun als QuickInfos angezeigt, wenn Sie den Mauszeiger in der Studio- Registerkarte Farbfelder auf eine Schemafarbe bewegen.

79 Einrichten von Websites und Seiten 71 Weitere Informationen zu dem Festlegen von Schemafarben für Website-Hintergrund, Seitenfarbe, Hyperlinks, Textformatvorlagen und andere Seitenobjekte finden Sie in der WebPlus-Hilfe. Die dynamischen Führungslinien Anstatt für eine genaue Skalierung und Platzierung Ihrer Objekte manuell Seitenführungslinien festzulegen oder Objekte auszuwählen und dann mit Transformations- und Ausrichtungsoptionen zu bearbeiten, können Sie in WebPlus auch dynamische Führungslinien verwenden. Wenn Sie ein Objekt verändern, bietet Ihnen WebPlus visuelle Vorschläge für die Ausrichtungsoptionen, wie z. B. an der linken, rechten, oberen oder unteren Kante eines Objekts sowie der Mitte des Objekts oder der Seitenmitte. Durch Ziehen über Objekte oder Auswählen platzierter Objekte können Sie diese Ausrichtungshilfen für maximal drei Seitenelemente anzeigen lassen. Standardmäßig sind die dynamischen Führungslinien aktiviert. Sie können diese Linien aber auch jederzeit deaktivieren und wieder reaktivieren. Aktivieren/Deaktivieren dynamischer Führungslinien 1. Klicken Sie in der Standardkontextleiste auf die Schaltfläche Optionen. 2. Klicken Sie auf den Menüpunkt Layout > Automatische Ausrichtung und aktivieren/deaktivieren Sie die Option Dynamische Führungslinien verwenden. Um die Ausrichtung auch für die Seitenmitte zu aktivieren, müssen Sie auch die Option Seitenmitte auswählen.

80 72 Einrichten von Websites und Seiten Ausrichten von Objekten Das folgende Beispiel zeigt die Arbeit mit dynamischen Führungslinien. Das dunkle Objekt ist bereits auf der Seite platziert, während das helle gerade an seine Position gezogen wird. Links Rechts Oben Unten Objektmitte

81 Einrichten von Websites und Seiten 73 Seitenmitte Sie können je nach Position Ihres gezogenen Objekts auch die obigen Ausrichtungsoptionen kombinieren, um z. B. eine Ausrichtung rechts und unten vorzunehmen. Dynamische Führungslinien werden rot oder blau angezeigt - je nachdem, ob die Ausrichtung an anderen Objekten oder der Seite erfolgt.

82 74 Einrichten von Websites und Seiten Skalieren von Objekten Das folgende Beispiel zeigt die Größenänderung von Objekten mit dynamischen Führungslinien. Das dunkle Objekt ist bereits auf der Seite platziert, während das helle gerade an seine Position gezogen wird.

83 4 Die Layoutelemente

84 76 Die Layoutelemente

85 Die Layoutelemente 77 Einfügen von Textrahmen Für gewöhnlich werden die Texte in WebPlus-Projekten in HTML- Textrahmen platziert, da sich diese Container sowohl für einzelne Wörter und Absätze eignen als auch für ganze Buchkapitel oder Zeitungsartikel. Neben den Rahmentexten können Sie auch künstlerische Texte für einzelne Überschriften und Spezialeffekte erstellen oder Tabellentexte für eine zeilen- oder spaltenweise Darstellung (siehe auch Einfügen von Tabellen auf Seite 103). Was sind Textrahmen? Ein Textrahmen ist im Grund eine Miniaturseite, die Rahmentext enthält, der in einem oder mehreren Absätzen durch den Rahmen fließt. Der Text in einem Rahmen wird in WebPlus als Story bezeichnet. Für ausgewählte Rahmen zeigt das Programm automatisch die Begrenzungsränder als Linie mit verschiedenen Ziehpunkten an. Um eine Einfügemarke für Texte oder Bilder in einem Rahmen zu platzieren, klicken Sie einfach mit dem Zeigerwerkzeug in das Rahmeninnere. Sie können nun wie in einer Textverarbeitung den Rahmentext mit dem Zeiger beliebig auswählen, kopieren usw. Nähere Informationen hierzu finden Sie unter dem Thema Bearbeiten von Texten auf einer Seite auf Seite 247. Wenn Sie einen Textrahmen verschieben, verändern Sie automatisch auch die Position seiner Story. Bei einer Größenänderung des Textrahmens wird der Textfluss der Story automatisch an die neuen Abmessungen angepasst.

86 78 Die Layoutelemente Erstellen von HTML-Rahmen 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. Erstellen eines Rahmens 1. Klicken Sie in der Kategorie Layoutelemente der Studio-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 Text wird dann automatisch in einen kompatiblen HTML- Code umgewandelt. Der integrierte Storyeditor WritePlus Wählen Sie einen Rahmen aus und klicken Sie in der Rahmenkontextleiste auf WritePlus.

87 Die Layoutelemente 79 Importieren von Texten Direkte Texteingabe in den Rahmen Einfügen über die Zwischenablage Drag & Drop Klicken Sie mit der rechten Maustaste auf einen Rahmen und in dem Kontextmenü auf Einfügen > Textdatei. Alternativ können Sie auch die Tastenkombination Strg+T drücken, um einen Text zu importieren. 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 247. Platzieren Sie eine Einfügemarke in dem Text und drücken Sie die Tastenkombination Strg+V. Wählen Sie den gewünschten Text in einem anderen Programm (z. B. einer Textverarbeitung) aus und ziehen Sie ihn bei gedrückter Maustaste auf die in WebPlus angezeigte Seite. Wenn Sie den Text auf einen ausgewählten Rahmen ziehen, wird der Text im Anschluss an den vorhandenen Text platziert. Ist kein Rahmen ausgewählt, erstellt das Programm einen neuen Rahmen für den Text.

88 80 Die Layoutelemente Einrichten des Rahmenlayouts Das Rahmenlayout bestimmt, wie der Text durch den Rahmen fließt. Wenn Sie einen Rahmen auswählen und für den Rahmen Ränder eingestellt sind, werden die Rahmenränder als graue Strichlinien angezeigt. Diese Führungslinien bestimmen, wie der Text innerhalb des Rahmens fließt, indem sie den Abstand zwischen dem Text und der Rahmenkante vorgeben. Der Text eines Rahmens kann niemals außerhalb der Rahmenränder platziert werden. Festlegen der Rahmenränder Wählen Sie den Rahmen aus und ziehen Sie die Spaltenführungslinien mit der Maus, um die Abmessungen der Rahmenspalte anzupassen. (1) (2) (3) Die obige Abbildung zeigt, wie sich der Mauszeiger verändert, wenn Sie ihn über dem Begrenzungsrahmen (1) platzieren; nach einer Verschiebung nach innen, können Sie die Rahmenränder (2) verändern; und nach einer Verschiebung nach unten lässt sich der obere Rahmenabstand (3) verschieben. Wenn Sie die Rahmenränder festlegen, müssen Sie immer den Rahmen auswählen und nicht den Rahmentext. Der Rahmen sollte nach dem Auswählen von einer gleichfarbigen Linie umgeben sein. Wenn Sie die Rahmenränder sehr exakt festlegen möchten, können Sie die gewünschten Werte für den linken, rechten, oberen und unteren Rahmenrand auch in ein Dialogfeld eintragen.

89 Die Layoutelemente 81 Festlegen der Rahmenränder 1. Wählen Sie den Rahmen aus und klicken Sie in der Rahmenkontextleiste auf das Symbol Textrahmen einrichten. 2. Legen Sie in dem Dialogfeld unter Rahmenränder die gewünschten Werte für Links, Rechts, Oben und Unten fest. 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).

90 82 Die Layoutelemente Um einen Rahmentext zu vergrößern oder zu verkleinern, nachdem Sie bereits die endgültige Größe und Position für den Rahmen festgelegt haben, stehen Ihnen in der Rahmenkontextleiste mehrere Optionen zur Verfügung. Einfügen von Bildern Die Kategorie Bilder der Studio-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. Gerade für Websites mit sehr vielen Bildern ist diese Registerkarte eine enorme Hilfe. Ziehen Sie einfach die Bilder auf einen Bildrahmen mit Umrandung oder einen Bildrahmen ohne Umrandung (oder ein Bild direkt auf der Seite, das Sie ersetzen möchten). Für Fotos aus Ihrer Digitalkamera öffnen Sie einfach den Ordner auf Ihrem PC, in den Sie die Fotos bereits kopiert haben, und fügen sie in die Studio-Registerkarte ein. Über einen Scanner eingelesene Bilder, die Sie bereits auf Ihrer Festplatte gespeichert haben, lassen sich auf diese Weise ebenfalls integrieren. In WebPlus können Sie für das Einfügen von Bildern ebenfalls die Studio-Registerkarte QuickBuild oder die Grundlagenleiste verwenden.

91 Die Layoutelemente 83 Einfügen von Bildern in die Studio-Registerkarte Quelldateien Einsetzen von Bildern in die Registerkarte 1. Klicken Sie in der Kategorie Bilder der Studio- 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 anschließend auf die Schaltfläche Öffnen. Die Studio-Registerkarte Quelldateien zeigt Ihre Bilder nun als Miniaturen in der Kategorie Bilder an. Sortieren von Bildern in der Registerkarte Klicken Sie auf die Miniatur des gewünschten Bildes und ziehen Sie es in der Registerkarte an die gewünschte Position. Entfernen von Bildern aus der Studio-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 Studio- 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 Bildrahmen. Nach dem Einfügen wird an der Bildminiatur ein Zähler ( ) eingeblendet,

92 84 Die Layoutelemente sodass Sie stets im Auge behalten können, wie oft Sie das Bild bereits in der Website eingesetzt haben. Wenn Sie Bilder auf einer Seite platzieren, werden diese Dateien standardmäßig mit Ihrer Website verknüpft und nicht eingebettet. Sie können Fotos über das Symbol Bild aus Datei einfügen der Grundlagenleiste einbetten (klicken Sie hierzu in dem Dialogfeld auf Bild einbetten) oder auch jederzeit den Ressourcen-Manager verwenden, um den Status verknüpfter Bilder in Eingebettet zu ändern. Automatisches Einfügen von Inhalten mit AutoFlow Mit der Funktion AutoFlow können Sie die Bilder aus der Kategorie Bilder direkt in die leeren Bildrahmen (siehe WebPlus- Hilfe) einfügen, die über Ihre Website verteilt sind. ACHTUNG: Nachdem Sie die Rahmen automatisch mit Bildern gefüllt haben, lässt sich dieser Schritt nicht noch einmal wiederholen. Automatisches Einfügen Ihrer Bilder Klicken Sie in der Studio-Registerkarte Quelldateien am unteren Rand der Kategorie Bilder auf AutoFlow. Die Bilder werden nun nacheinander in die verfügbaren Bildrahmen Ihrer Website eingefügt. Die Funktion geht hierbei nach der Reihenfolge vor, in der die Bilder in der Studio- Registerkarte sortiert sind. Eventuell müssen Sie die Bilder also zunächst neu ordnen. Suchen nach Bildern mithilfe von Markern In WebPlus können Sie Bilder mithilfe von Markern (auch Tags genannt) suchen, d. h. der XMP-Metadaten, die mit jedem Bild gespeichert sind. Möchten Sie selbst Marker für Ihre Bilder festlegen, verwenden Sie den Quelldatei-Manager.

93 Die Layoutelemente 85 Suchen von Bildern über ihre Marker Klicken Sie unten in der Studio-Registerkarte Quelldateien in das Suchen-Feld und geben Sie den gewünschten Begriff ein, wie z. B. Urlaub. Alle mit diesem Marker gekennzeichneten Bilder werden nun über dem Suchen-Feld in einer temporären Ergebnisliste angezeigt. Einfügen von Bildern mit Skalierung, Einbetten und Verknüpfen Sie können Bilder nicht nur durch Klicken und Ziehen von Miniaturen aus der Studio-Registerkarte Quelldateien einsetzen, sondern auch durch Kopieren und Einfügen über die Zwischenablage oder durch Ziehen einer Datei aus einem externen Windows-Ordner direkt auf eine Seite. Über die Option Bild importieren der Grundlagenleiste können Sie ebenfalls Bilder einfügen. Hierbei lässt sich auch die Bildgröße einstellen. Sie können ebenfalls festlegen, ob das Bild in die Website eingebettet oder mit dieser verknüpft wird. 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 eines Bildes Klicken Sie direkt unter dem ausgewählten Bild auf Bild ersetzen und wählen Sie das neue Bild aus. Klicken Sie anschließend auf die Schaltfläche Öffnen.

94 86 Die Layoutelemente 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ü Format oder dem per Rechtsklick auf das Objekt geöffneten Kontextmenü auf den Eintrag Hyperlink. 3. Klicken Sie in der linken Liste 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 Bildausschnitte können Sie einzelne Bildobjekte bequem von ihrem Hintergrund trennen. 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.

95 Die Layoutelemente 87 Öffnen des Studios für Ausschnitte 1. Wählen Sie ein Bild aus. 2. Klicken Sie auf die Schaltfläche Studio für Bildausschnitte 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 QuickStart-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.

96 88 Die Layoutelemente (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. 6. Klicken Sie auf die Schaltfläche OK. Weitere Informationen hierzu finden Sie in der WebPlus-Hilfe.

97 Die Layoutelemente 89 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 gehören zu den flexibelsten Elementen einer Website und eignen sich hervorragend zur Präsentation folgender Informationen: Details zu bestimmten Events (Konzerte, Tagungen usw.) Produkt- und Verkaufsinformationen Jetzt kaufen -Formulare von PayPal

98 90 Die Layoutelemente Hilfreiche Tipps und Tricks Kontaktdetails, Tastaturkürzel sowie andere Infos, auf die Website-Besucher schnell zugreifen möchten. Permanent sichtbare Navigationselemente (umgewandelt aus einer Navigationsleiste wie auf Seite 115 beschrieben) Vergrößerte Bildversionen Panels werden auch als Bausteine für animierte Slider (siehe Seite 109) 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 neuen Design Studio (siehe Seite 94) 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 Studio-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.

99 Die Layoutelemente (Optional) Legen Sie in dem Dialogfeld eine HTML-ID für das Panel fest. Sie können die Vorgabe für gewöhnlich direkt übernehmen, da die ID immer als einzigartige Zeichenkette festgelegt wird. 4. Klicken Sie in dem Dialogfeld auf die Panelvorschau. 5. Wählen Sie eine Panelvorlage in dem Menü aus. Die Vorschau wird nun mit dem ausgewählten Paneldesign aktualisiert. 6. (Optional) Stellen Sie den Schieber Transparenz neu ein, um die Transparenz des Panels vor seinem Hintergrund zu bestimmen. Um die Auswirkung dieser Änderung zu prüfen, müssen Sie die Webseite in einer Vorschau öffnen. 7. (Optional) Um das Panel stets griffbereit an einer festen Position des Browserfensters zu verankern, wenn Ihre Website-Besucher den Seiteninhalt mit den Bildlaufleisten scrollen, klicken Sie auf Panel mit Browserfenster ausrichten. Legen Sie anschließend die Panelposition mit den Feldern Horizontale Ausrichtung und Vertikale Ausrichtung fest. 8. (Optional) Aktivieren Sie die Option Verschieben des Panels mit der Maus auf der Seite möglich, wenn Sie Ihren Website-Besuchern die Möglichkeit geben möchten, das Panel frei in ihrem Browser zu verschieben. 9. (Optional) Um das Panel direkt mit dem Schließen des Dialogfelds auszublenden, klicken Sie auf die Option

100 92 Die Layoutelemente Panel ist zu Beginn ausgeblendet. Für gewöhnlich werden Sie diese Option wahrscheinlich deaktivieren, um weiter an dem Design für Ihr Panel zu arbeiten. 10. Klicken Sie auf die Schaltfläche OK. Sie können ein Panel in den Standardabmessungen erstellen, indem Sie es einfach aus der Studio- 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 wie oben beschrieben 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

101 Die Layoutelemente 93 anbieten. Die Website-Besucher blenden dann einfach nur die für sie interessanten Panels ein und werden nicht mit Informationen überfrachtet. Für diese Einblendung müssen Sie ein Objekt als Auslöser konfigurieren, dessen Aktion (siehe Seite 129) bei Mausberührung oder Mausklick das entsprechende Panel öffnet. Die Aktion verbindet dann das bereits erstellte Panel mit dem Objekt. Festlegen von Aktion und Panel 1. Klicken Sie mit der rechten Maustaste auf ein Objekt und in seinem Kontextmenü auf Aktionen. 2. Klicken Sie in dem Dialogfeld auf Hinzufügen und dann auf die Menüoption Sichtbarkeit. 3. Wählen Sie das gewünschte Panel in dem Feld Panel-ID aus und legen Sie dann ein Ereignis in dem gleichnamigen Dropdownfeld fest. Diese Ereignisse legen fest, was passiert wenn die Aktion stattfindet (d. h. der Mauszeiger sich auf das Objekt bewegt oder ein Mausklick stattfindet). 4. Klicken Sie auf die Schaltfläche OK. Nachdem Sie nun Panel und Auslöser fertig konfiguriert haben, können Sie das Panel ausblenden. Ausblenden ausgewählter Panel Klicken Sie in der Kontextleiste auf die Option Panel ausblenden.

102 94 Die Layoutelemente Das Panel wird nun auf der Seite durch das Symbol Ausgeblendetes Panel ersetzt. Das Panel ist immer noch vorhanden und lässt sich mit einem weiteren Klick auf die Schaltfläche Panel ausblenden wieder sichtbar schalten. Die Schaltfläche Panel ausblenden entspricht in Ihrer Funktion dem Kontrollkästchen Panel ist zu Beginn ausgeblendet. 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. Entwerfen eigener Panelhintergründe Möchten Sie eine Hintergrundvorlage noch weiter anpassen oder den Hintergrund komplett selbst entwerfen, verwenden Sie einfach das Design Studio - eine spezielle Designumgebung, die dem Button Studio ähnelt. Der Hintergrund wird in diesem Studiofenster vollkommen isoliert angezeigt. Auf diese Weise können Sie sich ganz auf das Design konzentrieren und werden nicht von den anderen Elementen der Seite abgelenkt.

103 Entwerfen eigener Hintergrundvarianten Die Layoutelemente (Optional) Wählen Sie in dem Dialogfeld Panel - Eigenschaften eine Vorlage aus, die Sie als Ausgangspunkt für Ihr Design verwenden möchten. 2. Klicken Sie in dem Dialogfeld auf das Symbol Bearbeiten. Das Design Studio wird nun aktiviert und zeigt automatisch Ihren Hintergrund im Arbeitsbereich an. 3. Sie können den Hintergrund nun mit den üblichen Werkzeugen und Registerkarten von WebPlus X6 anpassen. In der Registerkarte QuickStart des Studiofensters finden Sie einige nützliche Tipps und Hilfestellungen. 4. Um das Studio zu beenden, klicken Sie in der Hauptsymbolleiste auf Änderungen übernehmen. Der Hintergrund wird nun an seiner ursprünglichen Position mit den neuen Einstellungen aktualisiert. Mit dem Design Studio können Sie exakt bestimmen, welche Objekte in dem Panel automatisch gedehnt oder gestaucht werden, wenn Sie die Größe des Panels verändern. Über die Symbolmenüs Horizontale Skalierung und Vertikale Skalierung können Sie das Verhalten der Objekte genau festlegen. Nähere Informationen hierzu finden Sie in der QuickStart-Registerkarte.

104 96 Die Layoutelemente 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 stehen Ihnen unterschiedliche Designs mit verschiedenen Navigationsmethoden für die enthaltenen Bilder zur Verfügung. 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.

105 Die Layoutelemente 97 Professionelle Flash-Fotogalerie (Live Feed) Diese Galerien bieten die gleichen Optionen wie Professionelle 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. Einfügen einer Fotogalerie Fotogalerien lassen sich genau so auf Ihren Seiten einfügen, wie einzelne Fotos. Das aktuell angezeigte Foto ist hierbei lediglich von einem Hintergrund, einer Navigationsleiste und Vorschauminiaturen eingerahmt.

106 98 Die Layoutelemente Einfügen einer Fotogalerie 1. Klicken Sie in der Kategorie Layoutelemente der Studio-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 Um die Größe der Galerie selbst zu bestimmen, ziehen Sie bei gedrückter Maustaste den Cursor über die Seite und lassen die Maustaste wieder los, sobald der Begrenzungsrahmen die gewünschten Abmessungen erreicht hat. 3. Wählen Sie einen Galerietyp aus (siehe obige Beschreibung). 4. Klicken Sie auf die Schaltfläche Weiter>. 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

107 Die Layoutelemente 99 Hinzufügen aller Fotos in einem Ordner Klicken Sie auf die Schaltfläche Ordner hinzufügen, um alle Bilder aus einem bestimmten Ordner zu importieren. ODER Import 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. Wenn Sie den Ordner für die Speicherung der Bilder nach dem Einlesen festlegen möchten, klicken Sie in dem Symbolmenü auf Exportordner festlegen. Klicken Sie auf Import..., um Ihre Fotos einzulesen. Um eine oder mehrere Miniaturansichten zu entfernen, wählen Sie sie aus und klicken auf Löschen. 5. (Optional) Verwenden Sie die Optionen neben den Fotominiaturen, um die Bilder zu bearbeiten. Um die Reihenfolge der Fotos zu ändern, klicken Sie auf Aufwärts und Abwärts am unteren Rand des Dialogfelds. 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.

108 100 Die Layoutelemente (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). 6. Wenn Sie die ausgewählten Bilder in die Website integrieren möchten, aktivieren Sie die Option Bilder einbetten. Standardmäßig werden die Fotos von der WebPlus-Datei getrennt gespeichert und mit einer Verknüpfung an die entsprechenden Webseiten gebunden. 7. Klicken Sie auf die Schaltfläche Weiter. 8. Wählen Sie am oberen Rand des Dialogfelds eine Galerieformatierung in der Liste Galerietyp aus. 9. (Optional) Legen Sie für den ausgewählten Typ rechts die verschiedenen Galerieoptionen fest (Hintergrundmusik, Schriftfarbe, AutoPlay usw.). 10. Klicken Sie anschließend auf die Schaltfläche Fertig stellen.

109 Die Layoutelemente 101 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. 3. Um die Attribute für alle Bilder gleichzeitig zu ändern, wählen Sie alle Fotos über das Kontrollkästchen oben in der Spalte Bild aus und stellen dann die Optionen unter der Fotoliste neu ein. 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 Strg-Taste 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.

110 102 Die Layoutelemente Bevor Sie eine Fotogalerie mit Live Feed erstellen, müssen Sie Ihr Konto bei flickr oder der Website von SlideShowPro Director aufsuchen. Dieser Schritt ist notwendig, da Sie den Link zu Ihren Fotos kopieren und dann in WebPlus einfügen müssen. 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. 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>.

111 Die Layoutelemente Aktiveren 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 kopieren 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.

112 104 Die Layoutelemente Anstatt Ihre Tabellen von Grund auf neu zu erstellen, können Sie eines der vordefinierten Tabellenformate (d. h. eine Vorlage) von WebPlus verwenden. Wählen Sie einfach eine Formatierung aus und füllen Sie die Zellen mit den gewünschten Inhalten. WebPlus bietet Ihnen die folgenden Möglichkeiten: Bearbeiten vordefinierter Formate, bevor Sie die neue Tabelle auf der Seite platzieren. Erstellen Ihrer eigenen Formate, ohne eine Tabelle einzufügen. Nähere Informationen hierzu finden Sie unter Entwerfen eigener Tabellenformate in der WebPlus-Hilfe. Bearbeiten bestehender Tabellen, um sie an ein anderes Format anzupassen (vordefiniert oder selbst angelegt). Einfügen einer Tabelle 1. Klicken Sie in der Kategorie Layoutelemente der Studio-Registerkarte QuickBuild auf das Symbol Tabelle. 2. Klicken Sie auf Ihre Seite, oder ziehen Sie mit gedrückter Maustaste einen Rahmen 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.

113 Die Layoutelemente 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 eines Kalenders Mit dem Kalenderassistenten lassen sich Kalender unterschiedlichster Formate schnell und einfach in Ihre Webseiten einsetzen. Der Assistent erstellt die Kalender als skalierbare textbasierende Tabellen. Sie können den Kalender also mit Standardfunktionen und -werkzeugen zur Textbearbeitung beliebig verändern. Die Eigenschaften eines ausgewählten Kalenders ähneln denen von Tabellen, sodass sich Kalender auch mit ähnlichen Handgriffen bearbeiten lassen (siehe Bearbeiten von Tabellen in der WebPlus- Hilfe).

114 106 Die Layoutelemente Einfügen eines Kalenders 1. Klicken Sie in der Kategorie Layoutelemente der Studio-Registerkarte QuickBuild auf das Symbol Kalender. 2. Klicken Sie auf Ihre Seite, oder ziehen Sie mit gedrückter Maustaste einen Begrenzungsrahmen in der gewünschten Größe für den Kalender. 3. Wählen Sie in dem nun geöffneten Kalenderassistenten die Optionen für Jahr und Monat sowie die Kalenderformatierung (quadratisch oder in ein- bzw. doppelspaltigem Layout) aus. Legen Sie anschließend den Wochentag für den Kalenderanfang fest, die Anzeigeoptionen, das Kalenderformat, die Darstellung der Termine und Feiertage und stellen Sie ein, ob der Kalender zusätzlichen Platz für eigene Notizen bieten soll. Wenn Sie die gesetzlichen Feiertage in Ihrem Land anzeigen lassen möchten, aktivieren Sie in den Kalendereigenschaften die Option Öffentliche Feiertage einfügen und wählen Ihr Land in dem Dropdownfeld Region aus. Falls Sie eigene Termine eintragen möchten, aktivieren Sie die Option Persönliche Termine einfügen. 4. Klicken Sie auf Fertig stellen, um den Assistenten zu schließen. Möchten Sie Ihren Kalender auch in Zukunft verwenden, aktualisieren Sie einfach die Einstellung für Jahr in den Kalenderdetails (Extras > Benutzerdetails festlegen).

115 Anzeigen und Bearbeiten der Eigenschaften eines ausgewählten Kalenders Die Layoutelemente Klicken Sie auf die Schaltfläche Kalender bearbeiten der Kalenderkontextleiste. 2. Stellen Sie die gewünschten Optionen in den verschiedenen Registerkarten (Datum, Format, Termine usw.) ein und klicken Sie auf OK. Über das Untermenü Kalender des per Rechtsklick geöffneten Kalenderkontextmenüs können Sie auch einzelne Spalten und Zeilen auswählen, skalieren, an Inhalte anpassen, einfügen, löschen und neu verteilen. Achten Sie aber darauf, dass Sie hierbei nicht die Tabellenformatierung des Kalenders beschädigen. Einfügen öffentlicher Feiertage Wenn Sie einen Kalender anlegen, können Sie gleichzeitig die öffentlichen Feiertage in den Kalender eintragen lassen, die für Ihr Land gelten. Die Feiertage werden dann automatisch angezeigt, wenn Sie in den Kalendereigenschaften die Option Öffentliche Feiertage einfügen aktivieren. Aktivieren der öffentlichen Feiertage 1. Wählen Sie den Begrenzungsrahmen des Kalenders aus und klicken Sie in der Kontextleiste auf Kalender bearbeiten. 2. Klicken Sie in der Registerkarte Termine auf Öffentliche Feiertage einfügen. 3. (Optional) Um die Feiertage für ein anderes Land einzutragen, wählen Sie das gewünschte Land in dem Dropdownfeld Region aus. 4. Klicken Sie auf die Schaltfläche OK.

116 108 Die Layoutelemente Anzeigen öffentlicher Feiertage 1. Wählen Sie den Begrenzungsrahmen des Kalenders aus. 2. Klicken Sie in der Kalenderkontextleiste auf die Schaltfläche Kalendertermine. 3. Aktivieren Sie die Option Öffentliche Feiertage anzeigen. Einfügen persönlicher Termine Sie können die Liste der öffentlichen Feiertage (z. B. Osterferien) durch persönliche Termine wie Geburtstage, Jahrestage und geschäftliche Besprechungen erweitern, sodass die zusätzlichen Termine ebenfalls in Ihrem Kalender angezeigt werden. Klicken Sie hierzu einfach in der Kontextleiste des ausgewählten Kalenders auf die Schaltfläche Kalendertermine. Die Termine werden automatisch in Ihrem Kalender für das ausgewählte Datum angezeigt. Einfügen eines Termins 1. Wählen Sie den Begrenzungsrahmen des Kalenders aus. 2. Klicken Sie in der Kalenderkontextleiste auf die Schaltfläche Kalendertermine. 3. (Optional) Aktivieren Sie die Option Termine nach Datum anzeigen, um Termine mit einem traditionellen Kalenderlayout zu bearbeiten, einzufügen oder zu löschen. Ist die Option deaktiviert, können Sie die Termine zeilenweise in einer Datum/Termin-Liste bearbeiten. 4. Klicken Sie anschließend auf das Symbol Neuer Termin.

117 Die Layoutelemente Legen Sie in dem nun geöffneten Dialogfeld mit den Pfeilsymbolen oder dem Symbol Durchsuchen ein Datum fest. 6. Geben Sie den gewünschten Termintext in das Textfeld ein. Dieser Text wird dann in dem Kalender für das entsprechende Datum angezeigt. 7. Falls es sich bei dem Termin um einen Geburtstag oder einen ähnlichen Anlass handelt, der jedes Jahr anfällt, aktivieren Sie die Option Termin findet jedes Jahr statt. 8. Klicken Sie auf die Schaltfläche OK. Das Ereignis wird nun in der Ereignisliste für das ausgewählte Datum angezeigt. 9. Nachdem Sie alle gewünschten Termine festgelegt haben, klicken Sie auf die Schaltfläche Speichern. Um einen ausgewählten Termin zu ändern oder zu entfernen, verwenden Sie die Symbole Termin bearbeiten oder Termin löschen. Arbeiten mit 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.

118 110 Die Layoutelemente 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 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 der Studio-Registerkarte Quelldateien 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.

119 Die Layoutelemente 111 Einfügen eines Sliders 1. Klicken Sie in der Studio-Registerkarte Quelldateien auf Durchsuchen. 2. Klicken Sie in dem Dialogfeld Quelldatei-Browser unter Kategorien auf Slider/Panels. 3. Blättern Sie in dem Hauptfeld durch die verschiedenen Kategorien und klicken Sie auf die Miniatur eines Sliders. Möchten Sie alle Slider einer Unterkategorie verwenden, klicken Sie auf das Symbol Alles hinzufügen. Ausgewählte Miniaturansichten werden stets mit einem Häkchen markiert. 4. Klicken Sie als Letztes auf die Schaltfläche Schließen. Die Slider werden nun in der Kategorie Slider/Panels der Studio-Registerkarte Quelldateien angezeigt. 5. Ziehen Sie die Miniatur des gewünschten Objekts auf Ihre Seite. Auswählen eines Sliders Öffnen Sie die Studio-Registerkarte Objekte und klicken Sie auf den Slider. Über dem Arbeitsbereich im Programmfenster wird nun die Kontextleiste für den Slider eingeblendet, sodass Sie den Slider bearbeiten können. Wenn Sie ein Objekt bearbeiten, das auf einem Panel platziert ist, und das Panel selbst auswählen möchten, klicken Sie auf den Menüpunkt Bearbeiten > Übergeordnetes Element auswählen. Mit einem weiteren Klick auf diesen Menüpunkt wählen Sie dann den Slider aus, zum dem das Panel gehört. Der Quelldatei-Browser enthält ebenfalls einige Slider mit einer separaten Navigationsleiste, über die Ihre Website-Besucher zwischen den Panels umschalten

120 112 Die Layoutelemente können. Alle Slider-Panels lassen sich hierbei präzise anpassen. 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 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. Ändern des Animationstyps in eine der folgenden Optionen: Einfach: Einfache Umschaltung zwischen den Panels ohne Animation. Deckkraft abblenden: Umschalten zwischen den Panels; jedes Panel wird hierbei in das nächste abgeblendet. Von Links/Rechts/Oben/Unten: Umschalten zwischen den Panels; jedes Panel wird hierbei aus der entsprechenden Richtung in den Slider geschoben.

121 Die Layoutelemente 113 Gemischt: Eine Kombination der obigen Methoden. Akkordeon Horizontal/Vertikal: Die Panels werden aufeinander gestapelt, sodass immer nur eine Kante sichtbar ist. Overlay schieben/abblenden: Hierbei werden nur zwei Panels verwendet. Platziert ein Website-Besucher die Maus auf dem ersten Panel, wird das zweite über dem ersten eingeblendet. Bildlauf: Die Panels werden in einem Raster angeordnet, und die Ansicht wechselt von einem Panel zum nächsten. Datum & Uhrzeit: Mit dieser Option können Sie Panels an einem bestimmten Datum zu einer frei konfigurierbaren Uhrzeit ein- und ausblenden. 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 92). 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. ODER Klicken Sie in der Sliderkontextleiste auf die Panelliste.

122 114 Die Layoutelemente 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. Ändern der Slidereigenschaften 1. Führen Sie einen Doppelklick auf den Slider aus. 2. Wählen Sie in der Registerkarte Optionen einen Animationstyp aus. In dem unteren Feld wird automatisch eine Vorschau für den ausgewählten Typ angezeigt. 3. Legen Sie die anderen Steueroptionen für die Wiedergabe über die Kontrollkästchen und Dropdownfelder fest. 4. Über die Registerkarte Panel können Sie Panel hinzufügen, Panel kopieren, Panel löschen oder die Reihenfolge der Panels durch Klicken und Ziehen ändern. Alternativ verwenden Sie die Optionen Panel Links und Panel Rechts. Geben Sie für jedes Panel einen einzigartigen Namen ein und/oder ändern Sie seine Hintergrundfarbe. 5. Wenn Sie für den Animationstyp in der Registerkarte Optionen die Einstellung Datum & Uhrzeit festgelegt haben, können Sie für jedes ausgewählte Panel (mit Ausnahme des Vordergrundpanels) ein Startdatum und Enddatum sowie eine Startzeit und Endzeit festlegen. 6. Klicken Sie auf die Schaltfläche OK.

123 Die 5 Navigationselemente

124 116 Die Navigationselemente

125 Einfügen von Navigationsleisten Die Navigationselemente 117 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 42) erkennen und automatisch berücksichtigen, sodass sich Website-Besucher später schnell zurechtfinden und problemlos durch die verschiedenen Seiten navigieren können. Navigationsleisten ermöglichen den Wechsel zwischen verschiedenen Sektionen und Stufen einer Website (siehe Seite 42) und enthalten Links zu der Homepage und den anderen Seiten der obersten Stufe für jede Sektion. Über Popup-Menüs lassen sich dann die untergeordneten Seiten der einzelnen Sektionen aufrufen. Die Navigationselemente lassen sich schnell und einfach auf jeder Strukturebene Ihrer Website platzieren und beliebig anpassen, sodass Sie Links zu einzelnen Seiten erstellen, die Darstellung der Navigationsleiste verändern oder auch bestimmte Seiten von der Website-Navigation ausschließen können. Einfügen von Navigationsleisten Navigationsleisten lassen sich zwar in jede Seite einfügen, werden aber für gewöhnlich auf der Master-Seite platziert. Hierdurch müssen Sie dasselbe Element nicht in alle Seiten einfügen, auf denen die Leiste später erscheinen soll. 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. Block, Sprechblase, Traditionell).

126 118 Die Navigationselemente 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 Schaltflächen, Trennelemente und den Hintergrund aller Popup-Menüs fest, die über die Navigationsleiste aktiviert werden (falls Ihre Website-Struktur untergeordnete Seiten enthält). Hinzufügen einer Navigationsleiste 1. Wählen Sie eine Seite (oder Master-Seite) aus. 2. Klicken Sie in der Kategorie Navigationselemente der Studio-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 mit ihrem Mittelpunkt 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, wie z. B. Traditionell 2.

127 Die Navigationselemente 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 (siehe auch Anpassen der Navigationsstruktur auf Seite 120). Wenn Sie die Option 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.

128 120 Die Navigationselemente Über den Quelldatei-Browser können Sie Navigationsleisten aus den Quelldatei-Paketen auswählen. Klicken Sie hierzu einfach in der Studio- Registerkarte Quelldateien auf Durchsuchen und wählen Sie die Kategorie Seiteninhalt aus. Unter den nun angezeigten Quelldateien finden Sie auch eine breite Palette an Navigationsleisten. Einige Navigationsleisten folgen dem aktuell verwendeten Farbschema, sodass Sie ihre Darstellung noch weiter anpassen können. Nähere Informationen hierzu finden Sie unter Arbeiten mit Farbschemata auf Seite 67. 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). Anpassen der Navigationsstruktur für eine Leiste Standardmäßig basiert die Struktur der Navigationsleiste auf Ihrer Website-Struktur. Möchten Sie für Ihre Navigationsleiste eine andere hierarchische Struktur verwenden als die Website-Struktur, können Sie mit WebPlus einen benutzerdefinierten Navigationsbaum zusammenstellen. Sie können einzelne Elemente beliebig hinzufügen, bearbeiten oder löschen und verschiedene Linkzieltypen festlegen (siehe auch Einfügen von Hyperlinks und Aktionen auf Seite 126.) Wenn Sie mit einem benutzerdefinierten Navigationsbaum arbeiten, wird die Navigationsleiste nicht mehr automatisch aktualisiert, sobald Sie neue Seiten in Ihre Website einfügen. Möchten Sie auf diese Aktualisierung nicht verzichten, müssen Sie eine auf der Website-Struktur basierende Navigationsleiste verwenden.

129 Die Navigationselemente 121 Anpassen einer ausgewählten Navigationsleiste 1. Führen Sie einen Doppelklick auf die Navigationsleiste aus. 2. Aktivieren Sie in der Registerkarte Navigationstyp die Option Benutzerdefiniert. 3. Ändern Sie die Reihenfolge der Navigationsleistenelemente durch Klicken und Ziehen mit der Maus oder mithilfe der Schaltflächen Aufwärts, Abwärts, Überordnen oder Unterordnen. 4. Um einen neuen Link am Ende des benutzerdefinierten Navigationsbaums zu erstellen (z. B. um eine Seite zu integrieren, die Sie nachträglich in Ihre Website eingefügt haben), klicken Sie auf Link hinzufügen. Wählen Sie in dem nun geöffneten Dialogfeld ein Hyperlinkziel, ein Zielfenster oder einen Zielrahmen sowie einen Titel aus. Klicken Sie auf die Schaltfläche OK. 5. Klicken Sie erneut auf die Schaltfläche OK. Die Navigationsleiste verwendet nun für die Menüanzeige den benutzerdefinierten Navigationsbaum. Um den Navigationsbaum wieder auf die Website-Struktur einzustellen, klicken Sie auf Zurücksetzen. Mit Alles löschen entfernen Sie alle Einträge in dem selbst definierten Navigationsbaum. Benutzerdefinierte Navigationsbäume lassen sich ebenfalls innerhalb der Website speichern und dann in anderen Navigationsleisten erneut verwenden. Sie können ebenfalls die Schaltflächen, Trennelemente und Hintergründe Ihrer eigenen Navigationleistenformate ändern. Nähere Informationen hierzu finden Sie in der WebPlus-Hilfe.

130 122 Die Navigationselemente Einfügen von Popup-Menüs Popup-Menüs sind ein wichtiger Bestandteil mehrstufiger Navigationsleisten (siehe Seite 115) 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 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. 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ü Format auf Popup-Menü. 3. Aktivieren Sie in der Registerkarte Navigationstyp die Option Popup-Menü anzeigen, um die Navigationslinks für das Objekt 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 (siehe Seite 120) 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.

131 Die Navigationselemente 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, Kontrollkästchen und Auswahlsymbolen an. Die Optionen für die Schaltflächen, Trennelemente und den Hintergrund von Popup-Grafikmenüs ähneln denen für Navigationsschaltflächen. Eine genaue Beschreibung der Optionen finden Sie unter Ändern der Popup-Menüs in der WebPlus-Hilfe. 7. Klicken Sie auf die Schaltfläche OK. Einfügen von Schaltflächen Schaltflächen sind ein wichtiger Bestandteil der Navigationsleisten (siehe Seite 115) 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.

132 124 Die Navigationselemente Einfügen vordefinierter Schaltflächen 1. Klicken Sie in der Kategorie Navigationselemente der Studio-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 bearbeiten auf die Vorschaubox. 4. Wählen Sie eine Schaltflächenvorlage in dem Menü aus. Die Vorschau wird nun mit dem ausgewählten Schaltflächendesign aktualisiert. 5. Geben Sie den Schaltflächentext ein, den Sie als Beschriftung verwenden möchten, wie z. B: Home, Hilfe oder Bilder. 6. Wählen Sie in der Registerkarte Hyperlinks das Hyperlinkziel aus. Hiermit können Sie die Website- Besucher per Hyperlink (siehe Seite 126) auf ein bestimmtes Ziel verweisen (Internetseite, eine Datei, andere Seite Ihrer Website usw.). 7. 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. 8. Klicken Sie auf die Schaltfläche OK.

133 Die Navigationselemente 125 Über die Registerkarten Erweitert 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 129), die bestimmen, was die Website-Besucher mit einem Klick auf die Schaltfläche auslösen können. Über den Quelldatei-Browser steht Ihnen eine Vielzahl an Website-Buttons und Schaltflächen aus Themenvorlagen zur Verfügung, die in verschiedenen Quelldatei-Paketen gespeichert sind. Klicken Sie hierzu einfach in der Studio-Registerkarte Quelldateien auf Durchsuchen und wählen Sie die Kategorie Schaltflächen aus. Bearbeiten einer Schaltfläche Führen Sie einen Doppelklick auf die Schaltfläche aus und stellen Sie wie oben beschrieben die verschiedenen Optionen ein. Entwerfen eigener Schaltflächen Möchten Sie eine Schaltflächenvorlage noch weiter anpassen oder das Design komplett selbst entwerfen, verwenden Sie einfach das Button Studio - eine spezielle Designumgebung, die direkt in WebPlus integriert ist. Die Schaltfläche wird in diesem Studiofenster vollkommen isoliert angezeigt. Auf diese Weise können Sie sich ganz auf das Design Ihrer Schaltfläche konzentrieren und werden nicht von den anderen Elementen der Seite abgelenkt.

134 126 Die Navigationselemente 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. 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 129.

135 Die Navigationselemente 127 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 Symbolleiste für Webeigenschaften auf die Option Hyperlink. Das Programm öffnet nun das Dialogfeld Hyperlinks. 3. Wählen Sie den Zieltyp für den Hyperlink aus, wie z. B. eine Website-Seite, Internetseite, ein Smart-Objekt usw. 4. Je nach Linktyp können Sie in dem rechten Feld nun unterschiedliche Optionen für Ihr Hyperlinkziel festlegen. 5. Klicken Sie auf die Schaltfläche OK. Alle Hyperlinks und Anker in Ihrer Website lassen sich bequem mit dem Website-Manager verwalten, der jederzeit über die Standardkontextleiste sowie das Menü Extras erreichbar ist. Entfernen und Bearbeiten 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 Symbolleiste für Webeigenschaften auf die Option Hyperlink. Das Dialogfeld Hyperlink bearbeiten wird nun geöffnet und zeigt das Hyperlinkziel des ausgewählten Objekts an.

136 128 Die Navigationselemente 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 im Dialogfeld Hyperlink 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 Hyperlink bearbeiten auf die Registerkarte Zielfenster. 2. Wählen Sie eine Option in dem Dropdownfeld Typ aus. 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 1. Legen Sie die gewünschten Eigenschaften fest (z. B. den Titel, der als QuickInfo angezeigt wird, wenn Sie den Mauszeiger auf dem Link platzieren). 2. Mit der Dropdownliste Stil legen Sie fest, wie der Hyperlinktext formatiert wird (nur für Texthyperlinks). Anzeigen und Bearbeiten bestehender Hyperlinks Klicken Sie im Menü Extras auf Website-Manager > Hyperlink-Manager, wenn Sie einen Hyperlink anzeigen, umbenennen oder entfernen möchten.

137 Die Navigationselemente 129 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 Arbeiten mit Slidern auf Seite 109.

138 130 Die Navigationselemente Slider-Feedback: Hiermit bestimmt der aktuelle Wiedergabestatus des Sliders den Schaltflächenzustand. Der Schaltflächenzustand ändert sich also dynamisch je nach momentaner Aktivität des Sliders. Benutzerdefiniert: Hiermit können Sie selbst ein JavaScript festlegen, das als Reaktion auf einen Mausklick, Tastendruck usw. gestartet werden soll. 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 eine Aktion für einpanel festlegen können, müssen Sie zunächst das Panel erstellen. Weitere Informationen hierzu finden Sie unter Einfügen von Panels auf Seite 89. Festlegen einer Aktion 1. Klicken Sie in der Symbolleiste für Webeigenschaften auf die Option Aktionen bearbeiten. 2. Klicken Sie in dem Dialogfeld auf Hinzufügen und dann auf die gewünschte Menüoption. 3. Konfigurieren Sie in dem Dialogfeld die gewünschte Aktion. 4. Klicken Sie auf die Schaltfläche OK. Bei der Vorschau oder nach dem Publizieren der Webseite lässt sich die ausgewählte Aktion dann mit einem Mausklick oder der Platzierung des Mauszeigers auf dem Objekt auslösen.

139 Die Navigationselemente 131 Einfügen von Ankern Ein Anker ist eine bestimmte Position auf einer Webseite, die als Ziel für einen Hyperlink (siehe Seite 126) 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. Einfügen eines neuen Ankers 1. Markieren Sie mit dem Zeigerwerkzeug das gewünschte Objekt, oder platzieren Sie per Mausklick eine Einfügemarke in dem Zieltext. 2. Klicken Sie in der Symbolleiste für Webeigenschaften auf die Option Anker. 3. Geben Sie in das Dialogfeld einen Namen für den Anker ein. 4. (Optional) Aktivieren Sie die Option Anker in Navigation einschließen, damit der Anker (für gewöhnlich ein ausgewähltes Objekt) über die Navigationsleiste angesteuert werden kann anstatt über einen Hyperlink. Zuvor müssen Sie für Ihre Navigationsleiste jedoch die Option Anker einschließen (in den Navigationsleisteneinstellungen) aktivieren. Geben Sie nun einen Titel für den Anker ein. 5. Klicken Sie auf die Schaltfläche OK. Anzeigen und Bearbeiten bestehender Anker Klicken Sie im Menü Extras auf Website-Manager > Anker-Manager, wenn Sie auf Ihren Seiten festgelegte Anker überprüfen, umbenennen oder entfernen möchten. Sie können Anker ebenfalls in die Seitennavigation einbeziehen.

140 132 Die Navigationselemente Arbeiten mit Lightboxen Lightboxen bieten elegante und moderne Präsentationsmöglichkeiten für verschiedene Webinhalte, die dann einfach über Ihren Seiten eingeblendet werden. Wenn Sie auf ein Objekt mit entsprechendem Auslöser klicken, wird automatisch ein Popup-Fenster für die Lightbox geöffnet und zeigt den entsprechenden Inhalt an. Diese Fenster sind daher ideal zur Präsentation zusätzlicher Informationen - Ihre Website-Besucher entscheiden einfach selbst, welche Inhalte sie sehen möchten. Lightboxen lassen sich für die Anzeige folgender Inhalte konfigurieren: Bilder (als größere Variante einer Bildminiatur, die Sie bereits auf einer Webseite platziert haben). Formulare Ihrer Website. Ein Anmeldungsfeld für die Zugangskontrolle. Seiten (Ihrer Website oder aus dem Internet). Blogs, Foren oder RSS-Feeds. Word-Dateien, PDFs oder andere Dateitypen.

141 Die Navigationselemente 133 Erstellen einer Lightbox für die Bilder auf Ihrer Webseite 1. Wählen Sie ein Bild aus (vorzugsweise platziert als Bildminiatur). 2. Klicken Sie in der Symbolleiste für Webeigenschaften auf Hyperlink. 3. Wählen Sie in der Registerkarte Hyperlink die Option Bild aus. 4. Legen Sie in der Registerkarte Zielfenster die Option Lightbox über das Feld Typ fest. 5. (Optional) Um einen Titel für das Bild in der Lightbox einzublenden, geben Sie den Text in das Feld Titel ein. 6. Klicken Sie auf die Schaltfläche OK. Um die Darstellungsgröße der verknüpften Lightbox-Bilder einzuschränken, skaliert WebPlus größere Bilder automatisch auf eine maximale Breite und Höhe (standardmäßig 800 x 600 Pixel). Das Seitenverhältnis der Bilder bleibt hierbei unverändert. Bilder, deren Abmessungen kleiner als die Standardwerte sind, werden nicht skaliert. Sie können die Maximalwerte für Breite und Höhe jederzeit anpassen. Nähere Informationen hierzu finden Sie unter Einstellen der globalen Lightbox-Eigenschaften auf Seite 136. Erstellen einer Lightbox für ein lokal gespeichertes Bild Gehen Sie wie oben beschrieben vor und wählen Sie in dem Hyperlink-Dialogfeld anstelle der Option Bild die Option Datei aus. Sie können das Bild wahlweise einbetten oder verknüpfen. In beiden Fällen wird das Bild mit seinen ursprünglichen Bildabmessungen angezeigt.

142 134 Die Navigationselemente Lightbox-Diashows Sie können einfache Lightbox-Diashows aus den Bildern erstellen, die auf derselben Webseite platziert sind. In der Lightbox werden dann Steuersymbole eingeblendet, mit denen die Betrachter durch die Bilder navigieren können. Erstellen einer Lightbox-Diashow 1. Erstellen Sie eine Lightbox für ein Bild auf Ihrer Webseite (siehe oben). 2. Klicken Sie in dem Dialogfeld Hyperlink und Aktionen bearbeiten auf die Registerkarte Zielfenster. 3. Geben Sie eine Bezeichnung für die Diashow in das Feld Name der Diashow ein. Dieser Name wird dann auch für andere Bilder verwendet, die Sie zu dieser Diashow hinzufügen. Klicken Sie auf die Schaltfläche OK. 4. Wiederholen Sie den Schritt für das nächste Bild. Der zuvor festgelegte Name der Diashow wird nun für alle anderen Bilder in dem entsprechenden Dropdownfeld aufgelistet. Wählen Sie den Namen der Diashow aus, um das Bild zu integrieren. 5. (Optional) Geben Sie einen Titeltext für die einzelnen Bilder ein. 6. Klicken Sie auf die Schaltfläche OK. Die Lightbox-Diashow lässt sich nur für die Bilder festlegen, die auf derselben Webseite platziert sind. Wenn Sie Bilder aus unterschiedlichen Seiten in eine Diashow einfügen, wird für jede Seite eine separate Diashow erstellt.

143 Die Navigationselemente 135 Anzeigen beliebiger Hyperlinkziele in Lightboxen Lightboxen lassen sich nicht nur für die Darstellung von Bildern einsetzen. Eine Lightbox ist im Grunde ein Fenster, in dem Sie jede Art von Hyperlinkziel (siehe WebPlus-Hilfe) einblenden können - von den Seiten Ihrer Website (z. B. ein Formular oder eine Anmeldungsseite) bis zu beliebigen Internetseiten, Blogs, Foren oder RSS-Feeds. Word-Dateien, PDFs und andere Dateitypen lassen sich mit der Option Datei ebenfalls in einer Lightbox öffnen. Erstellen einer Lightbox für ein beliebiges Hyperlinkziel 1. Wählen Sie ein Objekt aus (Bild, Schaltfläche usw.). 2. Klicken Sie in der Symbolleiste für Webeigenschaften auf Hyperlink. 3. Wählen Sie in der Registerkarte Hyperlink ein Hyperlinkziel aus. 4. Konfigurieren Sie die Lightbox wie zuvor beschrieben über die Registerkarte Zielfenster.

144 136 Die Navigationselemente Einstellen der globalen Lightbox-Eigenschaften Genau wie bei den meisten Einstellungen in WebPlus können Sie auch die Lightbox-Einstellungen für die aktuelle Website anpassen. Zu den konfigurierbaren Optionen einer Lightbox gehören die allgemeine Lightbox-Steuerung (einschließlich Umrandungstyp), die Titelformatierung (Schriftart, -größe, -farbe und -deckkraft) sowie die Hintergrundoptionen (Farbe und Deckkraft). Ändern der Lightbox-Einstellungen für Ihre Website 1. Klicken Sie auf den Menüpunkt Bearbeiten > Website- Eigenschaften und dann auf die Kategorie Features > Lightbox. 2. Passen Sie die gewünschten Optionen der allgemeinen Einstellungen, Titeleinstellungen und Hintergrundeinstellungen an. 3. (Optional) Öffnen Sie eine Test-Lightbox über Vorschau der Lightbox, um Ihre Einstellungen zu prüfen und zu verfeinern. Lightboxen für Fotogalerien Sie können ebenfalls eine Fotogalerie (siehe Seite 96) im Stil einer Lightbox erstellen, wenn Sie die Option JavaScript-Fotogalerie verwenden. Einer der hier verfügbaren Galerietypen wurde speziell für Lightboxen entworfen. Wenn Sie diese Formatierung auswählen, können Sie die Lightbox- Einstellungen separat anpassen und somit die globalen Einstellungen in den Website-Eigenschaften ignorieren.

145 6 Interaktive Objekte

146 138 Interaktive Objekte

147 Interaktive Objekte 139 Einfügen eines Rollovers Bilder, deren Darstellung sich durch ein Mausereignis verändert, werden als Rollovergrafiken bezeichnet. Zu diesen Mausereignissen gehören z. B. ein Mausklick oder das Platzieren des Mauszeigers auf einem Objekt. Sie können ebenfalls Rollovergrafiken importieren, die mit Serif DrawPlus erstellt wurden. Nähere Informationen hierzu finden Sie in der WebPlus-Hilfe. Die Rolloveroptionen Wenn Sie einen Rollovereffekt einrichten, legen Sie zunächst den Rolloverzustand oder die Zustände für ein Objekt fest und weisen dann jedem Zustand ein bestimmtes Bild zu. WebPlus bietet Ihnen für die Rolloverzustände vier Grundoptionen: Normal Dies ist der Ruhezustand der Grafik vor Beginn des Rollovereffekts. Diesen Zustand müssen Sie für alle Objekte festlegen.

148 140 Interaktive Objekte Mouseover Dieser Zustand wird ausgelöst, wenn sich der Mauszeiger auf dem Objekt befindet. Klick Dieser Zustand wird durch einen Mausklick auf das Objekt ausgelöst (d. h. die Maustaste muss gedrückt werden, wenn sich der Mauszeiger auf dem Objekt befindet). Der hier nicht dargestellte Zustand Klick+Mouseover wird für ein Mouseover-Ereignis verwendet, das nach dem Klick auf das Objekt eintritt. Für jeden Rollovereffekt können Sie ebenfalls ein Hyperlink- Ereignis festlegen, wie z. B. den Wechsel zu einer anderen Webseite. Dieses Ereignis wird automatisch ausgelöst, wenn ein Webseitenbesucher auf das Rolloverobjekt klickt und dann die Maustaste loslässt. Darüber hinaus lassen sich auch verschiedene Schaltflächen zu einer Gruppe zusammenfassen, sodass immer nur eine Schaltfläche den Klick-Zustand aufweisen kann.

149 Interaktive Objekte 141 Erstellen einer Rollovergrafik 1. Erstellen Sie in einem Bildbearbeitungsprogramm die gewünschten Quellbilder für die verschiedenen Zustände des Effekts. 2. Klicken Sie in der Kategorie Interaktive Objekte der Studio-Registerkarte QuickBuild auf das Symbol Rollover und ziehen Sie den Mauszeiger mit gedrückter Maustaste über Ihre Seite, um die Größe des Rolloverobjekts zu bestimmen. 3. Gehen Sie in der Registerkarte Rollovergrafik des nun geöffneten Dialogfelds Rollover bearbeiten wie folgt vor: Legen Sie unter Rolloverzustände die gewünschten Zustände (siehe oben) für die Grafik fest. Klicken Sie für jeden Zustand auf die Schaltfläche Durchsuchen..., wählen Sie die entsprechende Bilddatei aus, und legen Sie dann die Exportoptionen für das Bild fest (siehe Einstellen der Bildexportoptionen in der WebPlus-Hilfe). Wenn Sie die Bilder in Ihre WebPlus-Website integrieren möchten, aktivieren Sie die Option Dateien in Website einbetten. Wählen Sie für den anfänglichen Zustand des Rollovereffekts eine der Optionen Normal oder Klick aus.

150 142 Interaktive Objekte Möchten Sie dieses Rolloverobjekt mit anderen Rolloverobjekten auf der Seite so gruppieren, dass immer nur eines dieser Objekte im Klick-Zustand angezeigt werden kann, aktivieren Sie für dieses und die anderen Rolloverobjekte der Gruppe die Einstellung Optionsfeld. 4. (Optional) Legen Sie in der Registerkarte Hyperlinks ein Hyperlinkziel für den Rollover fest. 5. Klicken Sie auf die Schaltfläche OK. WebPlus zeigt für die ausgewählte Rollovergrafik immer das Bild des Normal-Zustands an. Sie sollten daher die Webseite in einer Vorschau öffnen, um die Rollovergrafiken zu testen. Anschließend können Sie dann die notwendigen Korrekturen in WebPlus vornehmen. Bearbeiten einer Rollovergrafik Führen Sie einen Doppelklick auf die Rollovergrafik aus, um das Dialogfeld Rollover bearbeiten zu öffnen. Stellen Sie die gewünschten Werte ein.

151 Einfügen von Rollover-Popups Interaktive Objekte 143 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. Bearbeiten von Rollover-Popups 1. Klicken Sie in der Kategorie Interaktive Objekte der Studio-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.

152 144 Interaktive Objekte Standardmäßig wird das für Normal ausgewählte Bild auch für die Mouseover-Variante verwendet (z. B. für Fotominiaturansichten). Mit der Schaltfläche Durchsuchen... können Sie aber auch ein völlig anderes Bild auswählen. (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 WebPlus- Website integrieren möchten, aktivieren Sie die Option Bilddateien in Website einbetten. 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. Positionieren der Rolloverbilder 1. Öffnen Sie in dem Dialogfeld Rollover-Popup bearbeiten die Registerkarte Rollovergrafik und klicken Sie auf die Schaltfläche Rolloverposition. 2. Wählen Sie in dem nun geöffneten Dialogfeld ein Bild aus. In dem Dropdownfeld wird der aktuelle Auswahlstatus angezeigt: Normal Auswahl: Ein Bild für den Zustand Normal wird ausgewählt und mit einem grünen Rand markiert.

153 Interaktive Objekte 145 Mouseover Auswahl: Ein Bild für den Zustand Mouseover wird ausgewählt und mit einem blauen Rand markiert. Wenn Sie kein Bild auswählen, wird in dem Dropdownfeld der Eintrag Nein Auswahl angezeigt. 3. Sie können die Bilder nun durch Klicken und Ziehen neu positionieren. Um die Bildgröße zu ändern, ziehen Sie mit gedrückter Maustaste einen der Eckziehpunkte. Das Seitenverhältnis wird bei dieser Skalierung beibehalten. Alternativ können Sie auch genaue Werte in die Felder Oben und Links sowie Breite und Höhe eingeben, um die Position festzulegen. Über die nach unten zeigenden Pfeile dieser Felder können Sie die drei zuletzt verwendeten Werte auswählen, die Sie für Normal, Mouseover und Titel (von oben nach unten) festgelegt haben, sodass sich die Bilder präzise ausrichten lassen. 4. (Optional) Um die Position der Mouseover-Grafik in Relation zu der normalen Grafik beizubehalten, wenn die normale Grafik vergrößert oder verkleinert wird, aktivieren Sie die Option Position relativ zum Normalbild. 5. (Optional) Wenn Sie die Bilder für den Normalund/oder Mouseover-Zustand frei skalieren möchten, deaktivieren Sie die Option Seitenverhältnis beibehalten. Anschließend müssen Sie die Bildabmessungen mit den Eingabefeldern (nicht durch Ziehen) festlegen. Das Bild für den Zustand Normal wird nun auf Ihrer Seite platziert. Das Mouseover-Bild lässt sich erst in einer Vorschau oder auf einer publizierten Webseite anzeigen.

154 146 Interaktive Objekte Indem Sie zusätzliche Normalbilder als separate Rollover-Popups auf einer Webseite platzieren, können Sie schnell und einfach eine interessante Galerie zusammenstellen, bei der sich die vergrößerten Bilder einfach per Mausklick auf die Miniaturen öffnen lassen. 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 Texte (künstlerische Texte sowie Textrahmen und Tabellen) nach bestimmten Begriffen durchsuchen können. Die Suchfunktion besteht aus zwei Teilen: einem Formular für die Website-Suche und einem Fenster für die Website- Suchergebnisse. Ergebnisse der Website-Suche: Hiermit erstellen Sie ein Fenster, in dem die Suchergebnisse angezeigt werden. Dieses Fenster wird für gewöhnlich auf einer separaten Seite platziert und ist nicht Teil der Navigationsstruktur Ihrer Website. Für gewöhnlich wird das Fenster für die Suchergebnisse vor dem Formular für die Website-Suche platziert.

155 Interaktive Objekte 147 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 Textfeld 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. Klicken Sie 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 den Eintrag Website- Suche und in dem nun geöffneten Untermenü auf Website-Suchergebnisse. 2. Ziehen Sie den Einfügen-Cursor mit gedrückter Maustaste über die Seite, um das Fenster für die Suchergebnisse zu platzieren. 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

156 148 Interaktive Objekte 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.

157 Interaktive Objekte 149 Einfügen einer Google Map 1. Klicken Sie in der Kategorie Interaktive Objekte der Studio-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 Map 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.

158 150 Interaktive Objekte 4. Legen Sie eine Klickaktion für den Marker fest. Diese bestimmt, welche Informationen bei einem Mausklick angezeigt werden. 5. 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 diese Schritte, um nacheinander alle gewünschten Marker zu platzieren. Einfügen einer Werbung Google AdSense ist ein kostenloser Service von Google, mit dem Sie Werbeflächen auf Ihren Webseiten platzieren können. Ihren Website-Besuchern werden dann Werbungen gezeigt, die je nach Inhalt Ihrer Webseiten variieren. Für die Werbeflächen benötigen Sie als Webentwickler einen gültigen Account bei Google Adsense ( mit dem Sie Werbungen auswählen und ihre Darstellung festlegen können. Jede Werbung wird als Einheit bezeichnet. Sie können den für jede Einheit von der Google Adsense Website generierten Code kopieren und einfach in das Google Adsense Dialogfeld von WebPlus einfügen. Anmelden bei Google Adsense Öffnen Sie die Website um sich anzumelden oder ein Konto zu eröffnen. Klicken Sie auf die Schaltfläche Jetzt anmelden, um Ihre bestehenden Benutzerdetails einzugeben oder ein Konto bei Google Adsense zu eröffnen. Als neuer Benutzer müssen Sie zunächst die URL Ihrer Website sowie die Sprache angeben und den Nutzungsbedingungen von Google zustimmen.

159 Interaktive Objekte 151 Nach der Registrierung müssen Sie einige Zeit warten, bis Google geprüft hat, ob Ihre Website die Bedingungen für AdSense-Werbungen erfüllt. Sie erhalten dann eine mit der Antwort von Google. Besteht Ihre Website die Prüfung, können Sie Ihre eigenen Anzeigen erstellen und verwalten. Bei der Registrierung wird Ihre Website überprüft und Sie erhalten Werbungen, die zu dem Inhalt Ihrer Website passen. Erstellen und Verwalten von Anzeigen 1. Melden Sie sich bei Google Adsense an. 2. Wählen Sie in dem Adsense Setup die Option Adsense für Content-Seiten aus und folgen Sie den Anweisungen des Assistenten, um eine Anzeigeneinheit zu erstellen. Legen Sie anschließend Format und Farbgebung für die Anzeigen fest. 3. Kopieren Sie nun den von Google generierten Code der Anzeigeneinheit. Diesen Code müssen Sie in WebPlus einfügen.

160 152 Interaktive Objekte Einbetten von Anzeigen in Ihre Webseite 1. Wählen Sie eine Webseite oder Master-Seite aus, auf der Sie die Anzeige platzieren möchten. 2. Öffnen Sie die Kategorie Interaktive Objekte der Studio-Registerkarte QuickBuild und ziehen Sie das Symbol Google AdSense direkt auf Ihre Seite, um die Werbung in der Standardgröße zu erstellen. Die Abmessungen der Werbung lassen sich nicht ändern. Sie müssen die Werbung immer mit der von Google AdSense festgelegten Originalgröße verwenden. 3. Klicken Sie auf die Schaltfläche Aus Zwischenablage einfügen, um den zuvor kopierten Code einzufügen. Der Code wird nun in Ihrem Dialogfeld angezeigt und lässt sich nicht bearbeiten. 4. Klicken Sie auf die Schaltfläche OK. Bearbeiten Ihrer Anzeige 1. Um das Format und die Farbe Ihrer Anzeigeneinheit zu ändern, nehmen Sie die entsprechenden Änderungen in dem Adsense Setup auf der Website von Google Adsense vor und kopieren dann den neu erstellten Code. 2. Führen Sie einen Doppelklick auf die Anzeige Ihrer Seite aus. 3. Klicken Sie auf die Schaltfläche Aus Zwischenablage einfügen, um den zuvor kopierten Code einzufügen. 4. Klicken Sie auf die Schaltfläche OK.

161 Externe/Verwaltete 7 Inhalte

162 154 Externe/Verwaltete Inhalte

163 Einfügen von Dokumentrahmen Externe/Verwaltete Inhalte 155 Mit WebPlus können Sie einen oder mehrere Rahmen auf einer Seite platzieren, um in diesen Rahmen eine andere Seite Ihrer Website anzuzeigen. Diese auf einer Seite eingebetteten Dokumentrahmen werden auch als Inline Frames oder IFrames bezeichnet. Dokumentrahmen lassen sich genau wie Bilder an jeder beliebigen Stelle einer Seite platzieren und flexibel skalieren. Obwohl das in diesen Rahmen per Link angezeigte Ziel häufig eine Seite ist, können Sie die Rahmenlinks auch auf beliebige andere Ziele erstellen, wie z. B. eine Seite im Internet, eine lokale Datei, ein Smart-Objekt oder gespeicherte Benutzerdaten. Wenn Sie einen Rahmen zu einer Master-Seite hinzufügen, sollten Sie sicherstellen, dass die Zielseite des Rahmens nicht dieselbe Master-Seite verwendet, damit kein unerwünschter Seite-in-Seite -Effekt auftritt. WebPlus unterstützt ebenfalls Aktive Dokumentrahmen. Dies ist besonders hilfreich, wenn Sie eine Website mit Rahmen aufgebaut haben und eine bestimmte Seite in einem Rahmen öffnen möchten.

164 156 Externe/Verwaltete Inhalte Der Name des aktiven Dokumentrahmens besteht aus einer Kombination von Seiten- und Rahmennamen. Die Bezeichnung Home:ifrm_6 steht z. B. für die Seite Home (also die Homepage) und den automatisch generierten Frame ifrm_6. Die Seiten lassen sich mit einer Weiterleitung zu dem Rahmen ausstatten, in dem sie angezeigt werden sollen. Dies ist besonders praktisch, wenn die Seiten über eine Suchmaschinenabfrage aufgerufen werden. Um diese Möglichkeit für alle Seiten festzulegen, die in einem Rahmen angezeigt werden sollen, verwenden Sie die Seiteneigenschaften der Seite. Aktivieren Sie in dem Dialogfeld Seiteneigenschaften unter der Kategorie Navigation die Optionen Im aktiven Dokumentrahmen öffnen und Falls notwendig zu diesem Rahmen weiterleiten. Erstellen einer Website mit Dokumentrahmen 1. Wählen Sie die Seite aus, auf der Sie den Rahmen einfügen möchten. 2. Klicken Sie in der Kategorie Externe/Verwaltete Inhalte der Studio-Registerkarte QuickBuild auf das Symbol Dokumentrahmen. 3. Ziehen Sie den Mauszeiger mit gedrückter Maustaste über Ihre Seite, um den Bereich und die Größe für den Rahmen zu bestimmen. 4. Es wird nun ein Dialogfeld geöffnet, mit dem Sie verschiedene Einstellungen für den Dokumentrahmen konfigurieren können. Hierzu gehören: HTML-ID: Diese einzigartige ID wird für jeden Rahmen festgelegt. Für gewöhnlich müssen Sie diese Einstellung nicht ändern. Aktiver Dokumentrahmen: Aktivieren Sie diese Option, wenn Sie per Hyperlink die Seiten in einem Rahmen auf einer anderen Seite öffnen möchten.

165 Externe/Verwaltete Inhalte Wählen Sie in der Registerkarte Inhalte ein Linkziel aus. Klicken Sie einfach auf eines der Symbole, um z. B. eine Seite Ihrer Website, eine Internet-Seite, ein Smart- Objekt, oder eine Datei auf Ihrer Festplatte als Ziel auszuwählen. 6. Legen Sie die Informationen für den Inhalt des Rahmens (den Namen der Seite oder Internet-Seite usw.) fest. Je nach ausgewähltem Ziel können Sie in diesem Feld unterschiedliche Optionen einstellen. 7. Klicken Sie auf die Schaltfläche OK. Absolute URLS Da Rahmen eine Webseite in unterschiedliche Felder teilen, die alle separate HTML-Dokumente anzeigen, müssen Sie sicherstellen, dass alle Teile des Rahmens mit absoluten URLs bezeichnet werden. Wenn Sie mit absoluten URLs arbeiten möchten, müssen Sie die Stamm-URL Ihrer Website festlegen, die ein fester Bestandteil aller URLs Ihrer Webseiten ist, z. B. WebPlus verwendet dann diese Vorgabe, um den Rest der URL zu erstellen. Einfügen eines Blogs Ein Blog (Kurzform von Weblog ) übernimmt die Funktion eines Tagebuchs/Nachrichtenblattes auf Ihrer Website, in dem Sie mit einem unkomplizierten RTF-Editor 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

166 158 Externe/Verwaltete Inhalte 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 Studio-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

167 Externe/Verwaltete Inhalte 159 Sie unter Neuer Benutzer auf Konto anlegen. ODER Besitzen Sie bereits ein Konto und sind angemeldet, wird das Dialogfeld Blog bearbeiten geöffnet. 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 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. Weitere Informationen zu den Kontooptionen der Serif Webressourcen finden Sie unter dem Thema Arbeiten mit Smart-Objekten (siehe Seite 180). 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.

168 160 Externe/Verwaltete Inhalte 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 News-Fensters News-Fenster sind ideal, wenn Sie Ihren Website-Besuchern wichtige, aktuelle Informationen präsentieren möchten. Die Homepage ist daher der perfekte Platz für diese Objekte. Hier können Sie z. B. geänderte Zeitpläne auflisten oder andere Daten und Fakten, die nur für einen kurzen Zeitraum relevant sind. Dieses Objekt unterstützt neben der RTF-Bearbeitung auch Absatzformatvorlagen, Hyperlinks, integrierte Mediadateien sowie die Bearbeitung des HTML-Quellcodes. Wenn Sie viel unterwegs sind und häufig mit einem Laptop von unterschiedlichen geografischen Standorten arbeiten, können Sie diese verwalteten Inhalte jederzeit über die Serif Webressourcen aktualisieren. Sie müssen Ihre Website dann anschließend NICHT erneut publizieren. Einfügen eines News-Fensters 1. Klicken Sie in der Kategorie Externe/Verwaltete Inhalte der Studio-Registerkarte QuickBuild auf das Symbol News.

169 Externe/Verwaltete Inhalte Ziehen Sie den Mauszeiger mit gedrückter Maustaste über Ihre Seite, um den Bereich und die Größe für das News-Fenster 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. ODER Besitzen Sie bereits ein Konto und sind angemeldet, wird das Dialogfeld für die Bearbeitung des Smart-Objekts geöffnet. 3. Geben Sie in das Dialogfeld einen Namen für Ihr News- Fenster ein. Dieser Titel wird auch am Anfang des im Web publizierten Fensters angezeigt. 4. Klicken Sie auf die Schaltfläche Speichern. Der nun angezeigte hellblaue Bereich kennzeichnet das Fenster. Bearbeiten Ihres News-Fensters Führen Sie einen Doppelklick auf das News-Fenster aus. Weitere Informationen zu den Kontooptionen der Serif Webressourcen finden Sie unter dem Thema Arbeiten mit Smart-Objekten (siehe Seite 180). Verwalten Ihres News-Fensters Wählen Sie das Fenster aus und klicken Sie in der Kontextleiste auf Verwalten.

170 162 Externe/Verwaltete Inhalte Einfügen eines Forums Mit WebPlus können Sie ein Smart-Objekt für ein Forum auf Ihren Webseiten platzieren. 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.

171 Externe/Verwaltete Inhalte 163 Wenn Sie viel unterwegs sind und häufig mit einem Laptop von unterschiedlichen geografischen Standorten arbeiten, können Sie diese verwalteten Inhalte jederzeit über die Serif Webressourcen aktualisieren. Sie müssen Ihre Website dann anschließend NICHT erneut publizieren. Einfügen eines Forums Foren lassen sich genau wie andere Objekte auf Seiten einfügen. Sie können jedoch das Forum auch über einen Offsite-Link als Fenster in voller Größe präsentieren. Einfügen eines Forums 1. Klicken Sie in der Kategorie Externe/Verwaltete Inhalte der Studio-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. ODER Besitzen Sie bereits ein Konto und sind angemeldet, wird das Dialogfeld Forum bearbeiten geöffnet. 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.

172 164 Externe/Verwaltete Inhalte 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 platziert. Wenn Sie bereits ein Smart-Objekt für die Zugangskontrolle in den Serif Webressourcen angelegt haben und dieses verwenden möchten, wählen Sie den entsprechenden Eintrag in dem Dropdownfeld Zugangskontrolle (bestehend) aus. Alternativ legen Sie über die Option Zugangskontrolle (Neu) einfach ein neues Objekt für die Zugangskontrolle zu Ihrem neuen Forum an. Sie können über den Menüpunkt Einfügen > Smart- Objekt ebenfalls ein Forum anlegen. Bearbeiten Ihres Forums Führen Sie einen Doppelklick auf das Forum aus. Wenn Sie ein neues Forum erstellen, wird automatisch ein damit verbundenes Smart-Objekt für die Zugangskontrolle angelegt. Möchten Sie ein Smart- Objekt für die Zugangskontrolle verwenden, das bereits in den Serif Webressourcen vorhanden ist, wählen Sie es in dem Dropdownfeld Zugangskontrolle aus. Weitere Informationen zu den Kontooptionen der Serif Webressourcen finden Sie unter dem Thema Arbeiten mit Smart-Objekten (siehe Seite 180).

173 Externe/Verwaltete Inhalte 165 Verwalten Ihres Forums Bis jetzt haben Sie nur ein Unterforum innerhalb einer einzigen Kategorie angelegt. 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. 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. 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.

174 166 Externe/Verwaltete Inhalte 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.

175 Einfügen eines RSS-Readers Externe/Verwaltete Inhalte 167 Mit WebPlus können Sie RSS-Feeds von anderen Websites direkt auf Ihrer eigenen Webseite einblenden. Wenn Sie den Reader für den RSS-Feed auf Ihrer Seite einfügen, abonnieren Sie automatisch den entsprechenden RSS-Feed oder Podcast. 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 Artikel und Episoden empfängt. Das folgende Beispiel zeigt, wie ein RSS-Feed von Reuters auf einer WebPlus-Webseite aussieht: Einfügen eines RSS-Feed oder Podcast in Ihre Seite 1. Wählen Sie im Internet einen RSS-Feed oder einen Podcast aus. Suchen Sie hierbei nach den folgenden Symbolen:

176 168 Externe/Verwaltete Inhalte 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 Studio-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. Klicken Sie auf die Schaltfläche OK. Das Feed-Fenster wird mit einer pfirsichfarbenen Füllung erstellt und zeigt automatisch die URL des Feeds an. Um den aktuellen Feed live zu erleben, müssen Sie die Webseite publizieren. Beachten Sie stets, dass sich der Inhalt dieses Feed-Fensters automatisch ändert, sobald der Feed auf der ursprünglichen Website aktualisiert wird. Wenn ein Website-Besucher den Podcast ansieht, lässt sich jede Episode über den Audiolink wiedergeben, der für gewöhnlich auf eine MP3-Datei verweist. Nachdem die Datei heruntergeladen und gespeichert wurde, lässt sie sich mit dem aktuell festgelegten Standardplayer (z. B. Windows Media Player) abspielen.

177 Externe/Verwaltete Inhalte 169 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.

178 170 Externe/Verwaltete Inhalte 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. Bei den Serif Webressourcen handelt es sich um einen sicheren Onlinedienst, dessen Hosting von Serif übernommen wird. Dieser Dienst ist für die sichere Speicherung von Smart-Objekten (siehe Seite 180) sowie allen erzeugten Daten zuständig. Sie können die Benutzerlisten genau wie alle anderen Smart-Objekte entweder aus WebPlus heraus oder über jederzeit verwalten. Damit die Zugangskontrolle für Ihre Website reibungslos funktioniert, müssen Sie die folgenden Schritte ausführen. Einrichten des Smart-Objekts für die Benutzerliste Eintragen von Benutzern (manuell oder über eine selbst durchgeführte Registrierung) Aktivieren der Zugangskontrolle Einfügen des Anmeldungsfeldes Festlegen der erweiterten Optionen für die Zugangskontrolle

179 Einrichten des Smart-Objekts für die Benutzerliste Externe/Verwaltete Inhalte 171 Sie müssen zunächst das Smart-Objekt für die Benutzerliste erstellen und dann eine oder mehrere Gruppen anlegen, die mit diesem Smart-Objekt verbunden sind. Für gewöhnlich benötigen Sie ein Smart-Objekt pro Website. Mithilfe der einzelnen Gruppen können Sie dann festlegen, wer auf bestimmte Seiten oder Smart- Objekt-Ressourcen zugreifen darf. Erstellen des Smart-Objekts für die Benutzerliste 1. Klicken Sie im Menü Einfügen auf Smart-Objekt. 2. Melden Sie sich bei den Serif Webressourcen an (siehe Arbeiten mit Smart-Objekten auf Seite 180). Falls Sie noch keine gültigen Zugangsdaten für die Webressourcen besitzen, müssen Sie sich zunächst registrieren lassen. 3. Klicken Sie am unteren Ende des Feldes Meine Smart- Objektbibliothek auf die Schaltfläche Neu. 4. Blättern Sie in dem Dialogfeld Smart-Objekt erstellen mit der Bildlaufleiste durch die Smart-Objekte, klicken Sie auf Benutzerliste und anschließend auf OK. 5. Klicken Sie in dem Popup-Dialogfeld auf Zugangskontrolle. 6. Legen Sie in dem Dialogfeld den Namen für Ihr Smart- Objekt fest, speichern Sie es in einem Profil und stellen Sie die Farben und Schriften für Titel, Text/Beschriftung, Schaltflächen und Umrandung ein. 7. Klicken Sie auf die Schaltfläche Erstellen. Ihr neues Smart-Objekt wird nun in Ihrer Bibliothek für Smart- Objekte aufgelistet.

180 172 Externe/Verwaltete Inhalte 8. Klicken Sie auf Beenden, um sich bei den Serif Webressourcen abzumelden. Nachdem Sie das Smart-Objekt erstellt haben, können Sie mit der Funktion Verwalten Benutzergruppen anlegen und dem Objekt zuweisen. Festlegen der Benutzeranmeldung und Sicherheitseinstellungen 1. Klicken Sie im Menü Einfügen auf Smart-Objekt. 2. Wählen Sie in dem Feld Meine Smart-Objektbibliothek das Objekt für die Benutzerliste aus, und klicken Sie auf die Schaltfläche Verwalten, um das Dialogfeld für die Benutzer zu öffnen. 3. Wenn Sie Website-Besuchern die Möglichkeit geben möchten, sich selbst für das Smart-Objekt einzutragen, aktivieren Sie die Option Anmeldungen für Benutzerliste aktivieren. Hierdurch wird unter dem platzierten Anmeldungsfeld ein Link Beitreten eingeblendet. 4. Wenn Sie für die Benutzeranmeldung eine zusätzliche Sicherheitskontrolle verwenden möchten, aktivieren Sie die Option CAPTCHA aktiviert. CAPTCHA ist ein Spam-Schutz, bei dem ein zufällig vom Server erstellter Text angezeigt wird, den der Benutzer dann als Bestätigung eingeben muss. 5. Wenn Sie den Benutzer nach der Anmeldung direkt zu einer bestimmten Webseite führen möchten, geben Sie die entsprechende URL in das Feld Nach dem Anmelden umleiten ein. 6. Klicken Sie auf Aktualisieren.

181 Externe/Verwaltete Inhalte 173 Erstellen von Benutzergruppen 1. Klicken Sie am oberen Rand des Dialogfelds auf die Option Gruppen. 2. Geben Sie nun in dem Abschnitt Neue Gruppe erstellen eine Bezeichnung für die Gruppe in das Feld Gruppenname ein. Dieser Name sollte den Zweck der Gruppe widerspiegeln, wie z. B. Fotozugriff. 3. Klicken Sie auf die Schaltfläche Gruppe erstellen, prüfen Sie die Einstellungen in dem Dialogfeld und klicken Sie auf Fertig. Die Gruppe wird nun in die Dropdownliste Gruppe der Benutzergruppenverwaltung eingetragen. Verwalten von Benutzergruppen Wählen Sie den Gruppennamen in dem Dropdownfeld Gruppe aus und klicken Sie dann auf Gruppe verwalten. In diesem Dialogfeld können Sie den Namen der Gruppe ändern und die Anzahl der Gruppenbenutzer prüfen. Um eine Änderung durchzuführen, klicken Sie auf Gruppe aktualisieren. Mit der Schaltfläche Gruppe löschen entfernen Sie die Gruppe. Eintragen von Benutzern (manuell oder über eine selbst durchgeführte Registrierung) Manuelles Eintragen von Benutzern Die manuelle Benutzerkontrolle eignet sich hervorragend für übersichtlich strukturierte Umgebungen wie kleine Unternehmen, Organisationen oder Vereine, bei denen die Benutzer bekannt sind. Zu jeder angelegten Benutzergruppe können Sie Benutzer hinzufügen, indem Sie die Daten manuell eingeben oder aus einer mit Kommata getrennten Textdatei importieren.

182 174 Externe/Verwaltete Inhalte Sie können wahlweise nur eine Benutzeranmeldung verwenden, sodass jeder Benutzer dieselben Anmeldungsdaten verwendet, oder auch jedem Benutzer eine bestimmte Anmeldung zuweisen (ideal für die Arbeit mit Mitgliederlisten). Eintragen von Benutzern durch selbstständige Registrierung Die Anmeldung durch Benutzer ist für einen eher öffentlichen Zugang konzipiert, bei dem es zu aufwendig wäre, alle Benutzer manuell zu kontrollieren. Die Website-Besucher können sich dann einfach registrieren lassen und über einen Beitrittslink ihre Anmeldungsdaten eingeben. Der Verwalter Ihrer Website kann dann mit dem Smart- Objekt für die Benutzerliste die Benutzer in den verschiedenen Gruppen verwalten. Für diese Methode ist ein Anmeldungsfeld notwendig, das die Benutzer auf einer Webseite ausfüllen können. Am einfachsten lässt sich dieses Feld auf einer Master-Seite platzieren. Sie können mehrere Benutzer zu derselben Benutzergruppe hinzufügen. Ein Benutzer kann ebenfalls zu mehreren Benutzergruppen gehören. Manuelles Hinzufügen von Benutzern 1. Klicken Sie im Menü Einfügen auf Smart-Objekt. 2. Wählen Sie in dem Feld Meine Smart-Objektbibliothek das Objekt für die Benutzerliste aus, und klicken Sie auf die Schaltfläche Verwalten, um das Dialogfeld für die Benutzer zu öffnen.

183 Externe/Verwaltete Inhalte Geben Sie unter Neuen Benutzer hinzufügen die - Adresse des Benutzers in das Feld ein. Wenn Sie die Option Aktivierung anfordern auswählen, werden ein Aktivierungslink und ein automatisch erstelltes Kennwort per an den Benutzer geschickt. Ist diese Option deaktiviert, wird lediglich das automatisch erstellte Kennwort per zugesendet. Ist die Option Benutzer per benachrichtigen aktiviert, wird eine an den Benutzer gesendet. Wenn Sie diese Option deaktivieren, wird der Benutzer zwar in die Liste eingetragen, jedoch nicht per informiert. Sie müssen dem Benutzer dann sein Kennwort auf andere Weise zukommen lassen (per Fax, Telefon usw.). 4. Klicken Sie anschließend auf die Schaltfläche Benutzer hinzufügen. Der Benutzer wird nun unter Benutzer in die Benutzerliste eingetragen. 5. Wenn Sie Benutzer in eine Gruppe eintragen möchten, klicken Sie am oberen Rand des Dialogfelds auf die Option Gruppen. 6. Für die Zuweisung zu einer Gruppe wählen Sie die Gruppe in der Gruppen-Dropdownliste aus und klicken anschließend auf die Schaltfläche Hinzufügen, um den ausgewählten Benutzer aus dem Feld Benutzer in das Feld Gruppe einzutragen (wenn Sie alle Benutzer

184 176 Externe/Verwaltete Inhalte übertragen möchten, klicken Sie auf Alle hinzufügen). Der Benutzer gehört nun zu der ausgewählten Benutzergruppe. Um einen oder alle Benutzer aus einer Gruppe zu löschen, verwenden Sie die Schaltflächen Entfernen oder Alle entfernen. Wenn Sie die Benutzer nicht manuell hinzufügen und verwalten möchten (siehe oben), können Sie den Website-Besuchern auch die Möglichkeit einräumen, sich selbst anzumelden. Diese Anmeldung läuft über die Serif Webressourcen. Eintragen von Benutzern durch selbstständige Registrierung Für diese Methode müssen Sie ein Anmeldungsfeld auf der Master-Seite platzieren. Jeder neue Besucher kann der Website beitreten, um sich als registrierter Benutzer anzumelden (per Klick auf den Beitreten-Link). 1. Klicken Sie im Menü Einfügen auf Smart-Objekt. 2. Wählen Sie in dem Feld Meine Smart-Objektbibliothek das Objekt für die Benutzerliste aus, und klicken Sie auf die Schaltfläche Verwalten, um das Dialogfeld für die Benutzer zu öffnen. 3. Klicken Sie am oberen Rand des Dialogfelds auf Gruppen. 4. Wählen Sie den Gruppennamen in dem Dropdownfeld Gruppe aus und klicken Sie dann auf Gruppe verwalten. 5. Aktivieren Sie die Option Neue Benutzer bei Beitritt hinzufügen. Die Anmeldungsdaten des Benutzers werden dann in die Gruppe eingetragen, wenn der Benutzer sich auf Ihrer Website registriert. Aktivieren Sie diese Option, erhalten die Benutzer Zugriff auf alle Gruppen, für die Sie die Anmeldung aktiviert haben. Alle auf andere Weise eingeschränkten Seiten bleiben für den Zugriff gesperrt.

185 Externe/Verwaltete Inhalte Klicken Sie auf Gruppe aktualisieren und dann auf Fertig. Denken Sie daran, die Option Neue Benutzer bei Beitritt hinzufügen unter Neue Gruppe erstellen zu aktivieren, wenn Sie eine neue Gruppe anlegen. Wenn sich ein Benutzer anmeldet, wird er automatisch in jede Benutzergruppe eingetragen, für die Sie die Benutzeranmeldung per Beitritt aktiviert haben. Aktivieren der Zugangskontrolle Aktivieren der Zugangskontrolle auf Ihrer Webseite 1. Öffnen Sie die gewünschte Webseite im Arbeitsbereich und klicken Sie auf die Schaltfläche Seitensicherheit der Standardkontextleiste. 2. Aktivieren Sie die Option Seite mit Kennwort schützen, um die Zugangskontrolle einzuschalten. Es wird nun die Schaltfläche Ändern/Verwalten verfügbar geschaltet. Klicken Sie auf diese Schaltfläche, um die aktuell verfügbaren Gruppen (fett markiert) aufzulisten, sowie das Smart-Objekt Benutzerliste, zu dem die Gruppen gehören. 3. Wählen Sie in dem Dialogfeld für die Benutzergruppen die gewünschte Gruppe aus (z. B. Fotozugriff) und klicken Sie auf OK. Die Kategorie Seitensicherheit Ihrer Webseite sollte nun anzeigen, dass ein Kennwortschutz für die Seite besteht und ihr eine Benutzergruppe zugewiesen wurde.

186 178 Externe/Verwaltete Inhalte 4. Klicken Sie auf OK und dann erneut auf OK, um die Dialogfelder zu verlassen. In der Studio-Registerkarte Website wird nun ein Schlüsselsymbol angezeigt. An diesem Symbol erkennen Sie, dass die Seitensicherheit für die entsprechende Seite festgelegt ist. Einfügen des Anmeldungsfeldes Mit WebPlus lässt sich schnell und einfach ein Feld auf einer Webseite platzieren, mit dem sich die Besucher an- und abmelden können. Auf diese Weise können registrierte Website-Besucher per Anmeldung bei der Website auf eingeschränkte Seiten zugreifen. Das Anmeldungsfeld repräsentiert das Smart-Objekt für die Benutzerliste und wird sowohl auf der Seite als auch in den Serif Webressourcen erstellt. Sie können die Benutzer wahlweise manuell in den Serif Webressourcen hinzufügen oder auch den Benutzern die Möglichkeit geben, sich per Registrierung und Anmeldung einzutragen. Fügen Sie das Anmeldungsfeld in die Master-Seite der Website ein. Alle Webseiten, die auf dieser Master-Seite beruhen, enthalten dann das Anmeldungsfeld für Ihre Website-Besucher. Einfügen des Anmeldungsfeldes für Besucher 1. Folgen Sie den Schritten für die Aktivierung der Zugangskontrolle (siehe Seite 177) und wählen Sie eine Seitenposition für das Anmeldungsfeld aus, anstatt das

187 Externe/Verwaltete Inhalte 179 Dialogfeld zu schließen. Klicken Sie anschließend auf die Schaltfläche Einfügen. 2. Platzieren Sie den Einfügecursor an der gewünschten Stelle und drücken Sie die linke Maustaste, um das Objekt mit einer Standardgröße einzufügen. 3. Aktivieren Sie die Selbstanmeldung für die Benutzer wie zuvor beschrieben (siehe Seite 176). Erweiterte Optionen für die Zugangskontrolle Es gibt noch einige zusätzliche Funktionen, mit denen Sie Benutzer einer Gruppe importieren, exportieren, ihren Zutritt einfrieren oder sogar Benutzer per Bann ausschließen bzw. ihren Bann aufheben können. Ein per Bann ausgeschlossener Benutzer gilt global als gesperrt und hat somit auch keinen Zutritt zu einer Ihrer Benutzergruppen. Sie können Benutzer ebenfalls löschen oder einfrieren, wenn diese die Website-Regeln brechen (z. B. verleumderische Aussagen in einem öffentlich zugänglichen Forum posten). Wenn sich der eingefrorene Benutzer das nächste Mal anmeldet, wird automatisch die Nachricht Ihr Konto wurde eingefroren angezeigt. Sollten noch drastischere Methoden notwendig werden, können Sie die IP-Adresse eines Benutzers per Bann von dem Zugriff auf die Objekte der Serif Webressourcen (Foren usw.) ausschließen. Als letzten Ausweg können Sie sogar den Internet-Dienstanbieter (ISP) oder die Organisation per Bann von dem Zugriff ausschließen, denen der Besitzer der -Adresse angehört. Diese Option ist generell nicht empfehlenswert. Manchmal ist sie jedoch notwendig, um professionelle Störenfriede wie Massen- Spamming zu unterbinden. Nähere Informationen hierzu finden Sie in der WebPlus-Hilfe.

188 180 Externe/Verwaltete Inhalte 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 nachdem Sie Ihre Website im Internet publiziert haben. Werfen wir nun einen genaueren Blick auf die einzelnen Smart- Objekte der Webressourcen und ihre verschiedenen Anwendungsmöglichkeiten. Name Aktive Betrachter Blog Verwendungszweck Diese Ressource zeigt an, wie viele Besucher Ihre Webseite momentan betrachten. 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 Studio-Registerkarte QuickBuild ebenfalls einen Blog auf Ihre Seiten ziehen. Nähere Informationen hierzu finden Sie unter dem Thema Einfügen eines Blogs (siehe Seite 157).

189 Externe/Verwaltete Inhalte 181 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 können Sie 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 Studio-Registerkarte QuickBuild ebenfalls ein Forum auf Ihre Seiten ziehen. Nähere Informationen hierzu finden Sie unter dem Thema Einfügen eines Forums (siehe Seite 162). 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.

190 182 Externe/Verwaltete Inhalte News Mit diesem Objekt platzieren Sie ein News-Fenster auf Ihrer Seite. Sie können mithilfe der Studio-Registerkarte QuickBuild ebenfalls ein News-Fenster auf Ihre Seiten ziehen. Nähere Informationen hierzu finden Sie unter dem Thema Einfügen eines News-Fensters (siehe Seite 160). Abstimmung Buchungsassistent Shoutbox Mit dieser Ressource können Sie online eine Umfrage durchführen, um die Meinung der Website-Besucher zu einem bestimmten Thema einzuholen. Dieses Objekt ermöglicht die Onlinebuchung von Hotelzimmern, Konferenzräumen, Theaterkarten usw. Objekte lassen sich für Stunden oder Tage mieten, als sich wiederholende Buchungen durchführen und mit Preisoptionen für unterschiedliche Altersgruppen anbieten. Diese Ressource fungiert als interaktives Chat-Fenster (ähnlich dem Windows Messenger). Über die Shoutbox können die Besucher Ihrer Website miteinander kommunizieren.

191 Externe/Verwaltete Inhalte 183 Benutzerliste Für die Benutzerliste können Sie zwei verschiedene Modi über ein Popup- Dialogfeld festlegen. Modus für Mailingliste: 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. -Adressen lassen sich als per Trennzeichen getrennte Textdateien (CSV-Format) importieren sowie in einer breiten Palette von Formaten exportieren. Modus für 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 169. 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

192 184 Externe/Verwaltete Inhalte 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 -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 1. Klicken Sie im Menü Einfügen auf Smart-Objekt. 2. Klicken Sie in dem Anmeldungsdialogfeld auf den Link Konto erstellen unter den Feldern für Benutzername und Kennwort. 3. Geben Sie in das nächste Dialogfeld Ihre aktuelle - 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.

193 Externe/Verwaltete Inhalte Anschließend wird eine Bestätigungs- an Ihre E- Mail-Adresse verschickt. Klicken Sie auf den Link in der . 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 1. Klicken Sie im Menü Einfügen auf Smart-Objekt. 2. Geben Sie in das Anmeldungsfenster Ihren Benutzernamen und das Kennwort ein. Wenn Sie in Zukunft direkt auf die Webressourcen zugreifen möchten, ohne sich vorher anzumelden, aktivieren Sie die Option Kontodetails speichern. 3. Klicken Sie auf die Schaltfläche Anmelden. Die Webressourcen öffnen nun das Dialogfeld für die 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 im Menü Einfügen auf Smart-Objekt. Klicken Sie auf Abmelden.

194 186 Externe/Verwaltete Inhalte 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 Studio-Registerkarte QuickBuild auf Ihren Seiten platzieren. Manche Smart-Objekte sind von anderen Smart- Objekten abhängig. Wenn Sie z. B. ein Smart-Objekt für ein Forum erstellen, wird automatisch auch ein Smart- Objekt Benutzerliste angelegt, dass die Zugangskontrolle für das Forum übernimmt. 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.

195 5. Gehen Sie in dem Dialogfeld wie folgt vor: Externe/Verwaltete Inhalte 187 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. Das Beispiel zeigt eine Sammlung von Smart-Objekten, von denen einige unter einem selbst angelegten Profil namens 123 gruppiert sind.

196 188 Externe/Verwaltete Inhalte 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 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.

197 Bearbeiten von Smart-Objekten auf Ihrer Seite Externe/Verwaltete Inhalte 189 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, Benutzerlisten, Abstimmungen und Shoutboxen, speichern jedoch bestimmte Daten der Website- Besucher, wie Kommentare zu Artikeln, -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.

198 190 Externe/Verwaltete Inhalte Verwalten von Smart-Objekten direkt über das Internet Melden Sie sich bei 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 verwalten.

199 8 Soziale Netzwerke

200 192 Soziale Netzwerke

201 Einfügen von Facebook-Objekten Soziale Netzwerke 193 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 Die verschiedenen Facebook-Objekttypen Die Facebook-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 Aktivitäten- Feed Gefällt mir - Feed Empfehlungen- Feed Gefällt mir Schaltfläche Features Zeigt die zuletzt von dem Website-Besucher auf Ihrer Website vorgenommen Aktivitäten. Hiermit können Besucher Ihre Facebook- Seite mit dem Prädikat Gefällt mir versehen (die Seite also empfehlen). Der Feed zeigt ebenfalls die neuesten Postings an und wie vielen Benutzern Ihre Seite bereits gefällt. Dieser Feed zeigt personalisierte Vorschläge für Inhalte auf Ihrer Website, die Ihren Besuchern gefallen könnten. Hiermit können Website-Besucher Seiten Ihrer Website empfehlen und deren Inhalte auf ihren eigenen Facebook-Seiten mit anderen teilen.

202 194 Soziale Netzwerke 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 Studio-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. 3. Aktivieren oder deaktivieren Sie in dem Vorschaufeld die Option Aktualisieren. Hiermit können Sie per Vorschau prüfen, wie sich die Darstellung des Objekts auf der Seite ändert, wenn Sie verschiedene Einstellungen vornehmen. 4. Konfigurieren Sie die Funktionalität des Objekts: Aktuelle Website-URL nutzen Aktivieren Sie diese Option, um die aktuelle URL Ihrer Website zu verwenden. Wenn Sie die Option deaktivieren, können Sie in dem darunter liegenden Feld selbst eine Webadresse eingeben. Für den Gefällt mir -Feed geben Sie die exakte URL einer Facebook-Seite ein. Linkziel (nur für 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.

203 Soziale Netzwerke 195 Diesen Text anzeigen (nur für Gefällt mir - Schaltfläche) Wählen Sie aus, ob auf der Schaltfläche der Text Gefällt mir oder Empfehlen stehen soll. 5. (Optional) Konfigurieren Sie die Darstellung des Objekts mit den übrigen Optionen (diese variieren je nach ausgewähltem Typ). 6. Klicken Sie auf die Schaltfläche OK. Bearbeiten von Facebook-Objekten Nachdem Sie es auf einer Seite platziert haben, können Sie das Facebook-Objekt jederzeit bearbeiten. Bearbeiten eines Facebook-Objekts 1. Führen Sie einen Doppelklick auf das Objekt aus. Es wird nun das Dialogfeld für die Bearbeitung angezeigt. Die Optionen in diesem Dialogfeld sind identisch mit denen, die für die Erstellung des Objekts verfügbar waren. 2. Nehmen Sie die gewünschten Änderungen vor und klicken Sie auf OK. Sie können einen Anker für Ihr Objekt festlegen, indem Sie in der Kontextleiste auf Anker klicken. Weitere Informationen zu Ankern finden Sie unter Einfügen von Ankern auf Seite 131.

204 196 Soziale Netzwerke Einfügen von Twitter-Objekten Mit Twitter-Objekten können Sie verschiedene Live-Feeds per Streaming auf Ihren Webseiten anzeigen oder auch eine Tweet - oder Folgen -Schaltfläche platzieren, die eine direkte Verbindung zu Twitter herstellt. Wir möchten Ihnen empfehlen, selbst ein Twitter- Konto anzulegen, wenn Sie mit diesen Objekten arbeiten möchten. Weitere Informationen zu Twitter finden Sie unter 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 Favoriten- Feed Listen-Feed Profil-Feed Suchen- Feed Tweet- Schaltfläche Folgen- Schaltfläche Features Anzeigen einzelner Tweets, die Sie als Favoriten markiert haben. Anzeigen der Tweets von Benutzern, die zu einer selbst erstellten Twitter-Liste gehören. Anzeigen der Tweets für das Profil eines bestimmten Benutzers. Anzeigen aller Tweets, die auf einer ausgewählten Suchanfrage basieren. Hiermit können Website-Besucher einen Tweet zu Ihrer Website auf dem eigenen Twitter-Profil posten. Hiermit können Website-Besucher Ihrem Benutzerkonto bei Twitter folgen.

205 Soziale Netzwerke 197 Einfügen von Twitter-Objekten Die Twitter-Objekte lassen sich genau wie alle anderen Objekte direkt auf Ihren Seiten platzieren. Wie Sie die jeweiligen Objekte einfügen, hängt von der Art des Objekts ab. Einfügen von Favoriten-, Listen-, Profil- oder Suchen-Feeds 1. Klicken Sie in der Kategorie Soziale Netzwerke der Studio-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 die Dropdownliste Typ einen der Einträge Favoriten-Feed, Listen-Feed, Profil-Feed oder Suchen-Feed aus. 3. Aktivieren oder deaktivieren Sie in dem Vorschaufeld die Option Aktualisieren. Hiermit können Sie per Vorschau prüfen, wie sich die Darstellung des Objekts auf der Seite ändert, wenn Sie verschiedene Einstellungen vornehmen. 4. Konfigurieren Sie die Funktionalität des Feeds: Titel (außer für Profil-Feed) Geben Sie den Text ein, den Sie als Titel für den Feed verwenden möchten. Wir möchten Ihnen empfehlen, Ihren Twitter-Benutzernamen in dieses Feld einzutragen. Bezeichnung (außer für Profil-Feed) Geben Sie den Text ein, den Sie als Bezeichnung für den Feed verwenden möchten. Wir möchten Ihnen empfehlen, den Feed-Typ in dieses Feld einzutragen.

206 198 Soziale Netzwerke Benutzername (außer für Suchen-Feed) Geben Sie den Namen des Twitter-Kontos an, das Sie für den Stream abrufen möchten. Liste (nur für Listen-Feed) Geben Sie den Namen der Liste an, die Sie für den Stream abrufen möchten. Diese Liste muss in dem Twitter-Konto vorhanden sein, dessen Benutzernamen Sie zuvor in das entsprechende Feld eingetragen haben. Suchanfrage (nur für Suchen-Feed) Geben Sie hier den Ausdruck an, nach dem gesucht werden soll. Alle aktuellen, öffentlichen Tweets, die diesen gesuchten Ausdruck enthalten, werden dann in dem Feed angezeigt. Anzahl der Tweets Hier legen Sie fest, wie viele Tweets in dem Feed angezeigt werden sollen (zwischen 1 und 100). Nach neuen Tweets suchen Aktivieren Sie diese Option, um auf Twitter nach neuen Tweets zu suchen. In Intervallen laden/alles laden Aktivieren Sie diese Optionen, wenn Sie die Tweets in Intervallen laden möchten oder alle Tweets auf einmal. Der Wert für das Intervall wird in Sekunden gemessen. 5. (Optional) Konfigurieren Sie die Darstellung des Feeds unter dem Abschnitt Darstellung. 6. Klicken Sie auf die Schaltfläche OK.

207 Soziale Netzwerke 199 Einfügen einer Tweet-Schaltfläche 1. Klicken Sie in der Kategorie Soziale Netzwerke der Studio-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. Aktivieren oder deaktivieren Sie in dem Vorschaufeld die Option Aktualisieren. Hiermit können Sie per Vorschau prüfen, wie sich die Darstellung des Objekts auf der Seite ändert, wenn Sie verschiedene Einstellungen vornehmen. 4. Konfigurieren Sie die Funktionalität der Schaltfläche: URL der aktuellen Seite verwenden 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 Benutzerdefinierte URL selbst eine Webadresse eingeben. Tweet-Text Geben Sie hier den Text für den Tweet 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 angezeigt werden soll. Wir möchten Ihnen empfehlen, Ihren Twitter- Benutzernamen in dieses Feld einzutragen.

208 200 Soziale Netzwerke 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. 5. (Optional) Konfigurieren Sie die Darstellung des Objekts mit den übrigen Optionen (diese variieren je nach ausgewähltem Typ). 6. Klicken Sie auf die Schaltfläche OK. Einfügen einer Folgen-Schaltfläche 1. Klicken Sie in der Kategorie Soziale Netzwerke der Studio-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 Benutzer folgen einen Twitter-Benutzernamen ein. Ihre Website-Besucher können dann per Klick auf die Schaltfläche diesem Konto auf Twitter folgen. 4. (Optional) Konfigurieren Sie die Darstellung des Objekts mit den übrigen Optionen (diese variieren je nach ausgewähltem Typ). 5. Klicken Sie auf die Schaltfläche OK.

209 Bearbeiten von Twitter-Objekten Soziale Netzwerke 201 Nachdem Sie es auf einer Seite platziert haben, können Sie das Twitter-Objekt jederzeit bearbeiten. Bearbeiten eines Twitter-Objekts 1. Wählen Sie das auf einer Seite platzierte Objekt aus. 2. Führen Sie einen Doppelklick auf das Objekt aus. Es wird nun das Dialogfeld für die Bearbeitung angezeigt. Die Optionen in diesem Dialogfeld sind identisch mit denen, die für die Erstellung des Objekts verfügbar waren. 3. Nehmen Sie die gewünschten Änderungen vor und klicken Sie auf OK. Nachdem Sie das Objekt auf der Seite platziert haben, können Sie es durch Klicken und Ziehen seiner Kanten oder Ecken (mit Ausnahme der Folgen-Schaltfläche und der Tweet-Schaltfläche) beliebig vergrößern und verkleinern. Um das Seitenverhältnis des Objekts unverändert zu übernehmen, halten Sie während des Ziehens die Umschalttaste gedrückt. Sie können einen Anker für Ihr Objekt festlegen, indem Sie in der Kontextleiste auf Anker klicken. Weitere Informationen zu Ankern finden Sie unter Einfügen von Ankern auf Seite 131. Einfügen einer Google +1 -Schaltfläche Wenn Sie eine Google +1 -Schaltfläche auf Ihren Seiten platzieren, können Website-Besucher die Inhalte Ihrer Website über Google+ empfehlen. Mit einem Klick auf die Schaltfläche können die Website-Besucher Ihre Webseiten als Postings in ihrem eigenen live Stream mit anderen Websurfern teilen oder auch in der +1-Registerkarte ihres Profils bei Google+ aufführen. Die +1-

210 202 Soziale Netzwerke Registerkarte zeigt alle von einem Besucher empfohlenen Links an. Die Google +1 -Schaltfläche kann ebenfalls anzeigen, wie viele Personen Ihre Webseite bereits empfohlen haben. Wir möchten Ihnen empfehlen, selbst ein Konto bei Google+ anzulegen, wenn Sie mit diesen Schaltflächen arbeiten möchten. Nähere Informationen zu Google+ finden Sie unter plus.google.com. Einfügen einer Google +1 -Schaltfläche 1. Klicken Sie in der Kategorie Soziale Netzwerke der Studio-Registerkarte QuickBuild auf das Symbol Google +1 -Schaltfläche und klicken Sie dann auf einen Punkt der Seite, um die Schaltfläche zu platzieren. 2. Klicken Sie in dem Konfigurationsfeld auf die Option +1 Aktuelle Seite, um die aktuelle URL Ihrer Website zu verwenden. Wenn Sie die Option deaktivieren, können Sie in dem darunter liegenden Feld Benutzerdefinierte URL selbst eine Webadresse eingeben. 3. (Optional) Wählen Sie in dem Feld Größe die Abmessungen für das Objekt aus. 4. (Optional) Wählen Sie in dem Feld Anmerkung eine Formatierung für die Anmerkung aus. 5. Klicken Sie auf die Schaltfläche OK. Bearbeiten einer Google +1 -Schaltfläche 1. Wählen Sie die auf einer Seite platzierte Schaltfläche aus. 2. Führen Sie einen Doppelklick auf die Schaltfläche aus. Es wird nun das Dialogfeld für die Bearbeitung angezeigt. Die Optionen in diesem Dialogfeld sind identisch mit denen, die für die Erstellung der Schaltfläche verfügbar waren.

211 Soziale Netzwerke Nehmen Sie die gewünschten Änderungen vor und klicken Sie auf OK. Sie können einen Anker für Ihre Schaltfläche festlegen, indem Sie in der Kontextleiste auf Anker klicken. Weitere Informationen zu Ankern finden Sie unter Einfügen von Ankern auf Seite 131. 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 können Sie diesen 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 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.

212 204 Soziale Netzwerke Einfügen eines Lesezeichen-Symbolstreifens für soziale Netzwerke 1. Klicken Sie in der Kategorie Soziale Netzwerke der Studio-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 Hinzufügen. 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 Entfernen. 3. Wählen Sie eine Option unter Teilen aus: Website, damit Besucher Ihre ganze Website mit anderen teilen oder Seite, damit nur die aktuelle Seite geteilt wird. 4. Klicken Sie auf die Schaltfläche OK. Bearbeiten eines Lesezeichen-Symbolstreifens für soziale Netzwerke 1. Wählen Sie den auf einer Seite platzierten Symbolstreifen aus. 2. Führen Sie einen Doppelklick auf den Symbolstreifen aus. Es wird nun das Dialogfeld für die Konfiguration angezeigt. Die Optionen in diesem Dialogfeld sind identisch mit denen, die für die Erstellung des Streifens verfügbar waren. 3. Nehmen Sie die gewünschten Änderungen vor und klicken Sie auf OK. Sie können einen Anker für Ihren Lesezeichen- Symbolstreifen festlegen, indem Sie in der Kontextleiste auf Anker klicken. Weitere Informationen zu Ankern finden Sie unter Einfügen von Ankern auf Seite 131.

213 9 Multimedia

214 206 Multimedia

215 Hinzufügen von Sounds und Videos Multimedia 207 In WebPlus können Sie Ihre Webseiten mit Sound- und Videodateien in vielen unterschiedlichen Formaten ergänzen. Hierzu gehören sowohl Streaming-Mediadateien als auch Standardformate (non-streaming). Darüber hinaus lassen sich mit WebPlus auch Videos von Dritten einfügen, die bereits auf YouTube gespeichert sind. Audio Sounddateien lassen sich entweder als Hintergrundsound wiedergeben (die Sounddatei wird automatisch geladen und wiedergegeben, sobald ein Webbrowser die entsprechende Seite öffnet) oder als verlinkter Sound. Die Wiedergabe von verlinkten Sounds wird für gewöhnlich durch einen Mausklick auf ein Symbol oder ein Objekt mit Hyperlink gestartet. WebPlus unterstützt die folgenden Audioformate:.WAV,.AIFF,.AU, MIDI (.mid,.midi),.mp3 und RealAudio (.ra,.ram). Video Verlinkte Videos lassen sich auf die gleiche Weise wiedergeben wie verlinkte Sounddateien. WebPlus unterstützt die folgenden Videoformate:.AVI, QuickTime (.mov,.qt), MPEG (.mpg,.mpeg,.mpe,.mpv) und RealVideo (.ram,.rv). Für die Wiedergabe von Streaming-Dateien wird ein bestimmter Player benötigt, der die heruntergeladenen Daten in einem Puffer speichert. Der Player kann hierdurch mit der Wiedergabe beginnen, bevor die Datei vollständig heruntergeladen ist. Mediadateien in Standardformaten müssen hingegen erst vollständig auf den Computer des Website- Besuchers übertragen werden, bevor eine Wiedergabe möglich ist. Sie können sowohl die Sounddateien (verlinkt und Hintergrundsounds) als auch die Videodateien entweder von Ihrer Website getrennt halten oder die Multimediadateien in die Website

216 208 Multimedia einbetten. Obwohl durch das Einbetten die Dateigröße der Website ansteigt, wird diese Option als Standard verwendet, da Sie nach dem Einbetten nicht mehr auf viele verschiedene Dateien achten müssen. Somit verringert sich auch das Risiko, dass Sie eine der Dateien versehentlich löschen. Bei der Publikation Ihrer Webseite exportiert und kopiert WebPlus sowohl die eingebetteten als auch die nicht eingebetteten Dateien. Einfügen von Hintergrundsounds in eine Seite 1. Klicken Sie im Arbeitsbereich mit der rechten Maustaste auf die Seite und in ihrem Kontextmenü auf Seiteneigenschaften 2. Klicken Sie in dem Dialogfeld Seiteneigenschaften auf Sound und aktivieren Sie die Option Audiodatei verwenden. 3. Klicken Sie in dem Dialogfeld Audiodatei auswählen auf die gewünschte Audiodatei und dann auf OK. 4. Wenn Sie die Datei nicht in Ihre Website einbetten möchten, deaktivieren Sie die Option Sounddatei in Website einbetten. 5. Wenn Sie eine kontinuierliche Wiedergabe für die Sounddatei festlegen möchten, aktivieren Sie die Option Sound in Endlosschleife wiedergeben. Ist diese Option deaktiviert, wird der Sound nur einmal abgespielt. 6. (Optional) Legen Sie über die Exportoptionen einen Dateinamen für die exportierte Datei und eine Speicherposition fest. Nähere Informationen hierzu finden Sie unter dem Thema Einstellen der Bildexportoptionen in der WebPlus-Hilfe. 7. Klicken Sie auf die Schaltfläche OK. Der Hintergrundsound wird automatisch heruntergeladen und wiedergegeben, sobald ein Webbrowser diese Webseite öffnet.

217 Multimedia 209 Erstellen eines Links von einem Symbol, Bild oder Inline- Player 1. Klicken Sie in der Kategorie Mediadateien der Studio-Registerkarte QuickBuild auf das Symbol Audio oder Video und anschließend auf Ihre Seite. 2. Wählen Sie die Speicherposition für die Mediadatei aus (entweder eine Datei auf Ihrem PC oder eine URL im Internet). 3. Wählen Sie eine Anzeigeoption für den Link aus (Symbol, Inline oder Bild). 4. Klicken Sie auf OK, um das Dialogfeld zu schließen, und platzieren Sie die Markierung, das Symbol oder das Bild mit einem Mausklick (oder durch Ziehen mit der Maus) auf Ihrer Seite. Verlinken von Audio- und Videodateien zu ausgewählten Objekten und Hotspots 1. Für ein Objekt mit Hyperlink wählen Sie einen Textbereich, ein Bild oder ein anderes Objekt auf der Seite aus und klicken in der Symbolleiste für Webeigenschaften auf die Option Hyperlink. ODER Für einen Hotspot klicken Sie im Menü Einfügen auf Hotspot und legen den Hotspot dann durch Klicken und Ziehen auf Ihrer Seite fest. 2. Klicken Sie in dem Dialogfeld auf die Option Datei, um einen Hyperlink zu einer Audio-/Videodatei auf Ihrer Festplatte zu erstellen. 3. Klicken Sie auf Durchsuchen, wählen Sie die Mediadatei aus und klicken Sie auf Öffnen.

218 210 Multimedia 4. Wenn Sie die Datei nicht in Ihre Website einbetten möchten, deaktivieren Sie die Option Datei in Website einbetten. 5. Je nach gewünschter Darstellungsart für das Ziel können Sie ebenfalls in der Registerkarte Zielfenster des Dialogfelds eine Reihe von Zielfenstern oder Zielrahmen auswählen. Nähere Informationen hierzu finden Sie unter dem Thema Einfügen von Hyperlinks und Aktionen auf Seite Klicken Sie auf die Schaltfläche OK. Einfügen von Flash-Dateien (SWF) Eine Flash-Datei (*.SWF) ist eine Moviedatei, die sich in dem Flash Player betrachten lässt. Flash ist ein vektorbasierendes Programm für die Entwicklung und Wiedergabe kleiner Animationsdateien im Web. Sie können die Flash-Datei per Vorschau prüfen und/oder ihren Effekt verändern. Nachdem Sie die Datei in Ihre Website eingefügt haben, erscheint sie lediglich als Standbild. Sie müssen die Seite zunächst exportieren und in einem Webbrowser öffnen, um die Animationsbewegung zu überprüfen. Einfügen von Flash-Dateien 1. Klicken Sie in der Kategorie Mediadateien der Studio-Registerkarte QuickBuild auf das Symbol Flash und dann auf einen Punkt Ihrer Seite. 2. Klicken Sie in dem nun geöffneten Dialogfeld auf Durchsuchen, und wählen Sie die gewünschte SWF- Datei aus. Möchten Sie einen anderen Dateinamen und eine andere Speicherposition verwenden, klicken Sie auf Exportoptionen und legen die gewünschten Angaben

219 Multimedia 211 fest. Wenn Sie die Animation von der WebPlus-Datei getrennt halten, und lieber eine Verknüpfung zu der Quelldatei in Ihre Seite einfügen möchten, deaktivieren Sie die Option Flash-Datei in Website einbetten. 3. Klicken Sie auf die Schaltfläche OK. Bearbeiten von Flash-Movies Führen Sie einen Doppelklick auf Ihr Flash-Movie aus. Einfügen von YouTube-Videos Bereits im Internet publizierte YouTube-Videos lassen sich ebenfalls auf Ihren Webseiten platzieren. Die eigentlichen 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. Es wird also ein Link von Ihrer Seite zu erstellt. Auf diese Weise können Sie Medieninhalte auf Ihren Seiten anbieten, ohne mit Ihrer Website gleichzeitig große Videodateien auf Ihren Server zu übertragen.

220 212 Multimedia Einbetten von YouTube-Videos 1. Öffnen Sie die Website in Ihrem Browser und wählen Sie das YouTube-Video aus, zu dem Sie einen Link erstellen möchten. 2. Kopieren Sie die URL-Adresse des Videos (oder den Einbettungscode). Der Code enthält eine einzigartige, alphanumerische ID, die den Videoclip eindeutig identifiziert. 3. Klicken Sie in der Kategorie Mediadateien der Studio-Registerkarte QuickBuild auf das Symbol YouTube und dann auf einen Punkt Ihrer Seite. 4. Fügen Sie nun die zuvor kopierte URL des Videos in das Dialogfeld ein. 5. (Optional) Aktivieren/Deaktivieren Sie die Kontrollkästchen für die Videoeinstellungen. 6. Klicken Sie auf die Schaltfläche OK. Bei einigen Websites werden die YouTube-Videos gelegentlich (oder in festen Abständen) durch neue Videos ersetzt. Eine Website könnte z. B. die Top-10 einer bestimmten Kategorie anbieten, die sich wöchentlich ändert. WebPlus kann die Videos austauschen, ohne ihre Platzierung zu verändern. 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.

221 10 Formulare

222 214 Formulare

223 Formulare 215 Einfügen von Formularen Mit Webformularen können Sie auf effiziente und moderne Weise neue Informationen von den Besuchern Ihrer Website erfragen. Zu den am häufigsten genutzten Formularen gehören Feedback- Formulare, Gästebücher und Anfrageformulare. Formulardaten lassen sich auf unterschiedliche Weise sammeln - per , in einer Skriptdatei (lokal oder auf einem Remote- Server) oder über die Webressourcen von Serif. Der Formularaufbau Formulare bestehen aus Texten, Grafiken und den so genannten Formularelementen. Zu den Elementen gehören Buttons, Eingabe-, Text-, Listen- und Dropdownfelder sowie Kontrollkästchen, Auswahlsymbole, Datei-Browser und CAPTCHA-Objekte. Ein typisches Formular, z. B. für Feedback per , besteht für gewöhnlich aus mehreren dieser Elemente. 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 derdie 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. Die verschiedenen Funktionen der Formularelemente werden erst verfügbar, nachdem Sie die Website im Internet publiziert haben.

224 216 Formulare Sie können die Formulare natürlich ebenfalls in der WebPlus- Vorschau kontrollieren (siehe Öffnen einer Website-Vorschau auf Seite 282). 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. 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. Eine -Adresse (z. B. die des Website-Designers) 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. An die Webressourcen von Serif für eine weitere Übermittlung der Formulardaten durch Serif an Ihre E- Mail-Adresse. Nähere Informationen hierzu finden Sie unter dem Thema Übertragen von Formularen auf Seite 219.

225 Formulare 217 Erstellen von Formularen Wenn Sie ein Formular erstellen möchten, können Sie entweder ein vordefiniertes Standardformular (siehe Beispiel) verwenden, einzelne Formularelemente für Ihr Formular platzieren oder ein Formular von Grund auf neu zusammenstellen. Für die ersten beiden Methoden steht Ihnen ein Formularassistent zur Verfügung. Erstellen von Standardformularen 1. Wählen Sie in der Studio-Registerkarte QuickBuild das Symbol Formular der Kategorie Formulare aus und klicken Sie auf die Seite. 2. Klicken Sie in dem Dialogfeld auf die Option Standardformular verwenden und anpassen und dann auf die Schaltfläche Weiter>. 3. Wählen Sie das gewünschte Formular in der Liste aus. Wenn Sie auf einen der Einträge klicken, wird automatisch eine Darstellung des Formulars in dem Vorschaufeld angezeigt. 4. Klicken Sie auf die Schaltfläche Weiter>.

226 218 Formulare 5. Im nächsten Dialogfeld können Sie Formularelemente hinzufügen, bearbeiten und löschen. Um ein Element einzufügen, klicken Sie in dem Feld Hinzufügen auf die entsprechende Schaltfläche. Um ein Standardobjekt zu verändern, wählen Sie das Element in dem oberen Feld aus und klicken auf die Schaltfläche Element bearbeiten. Um ein Standardobjekt zu entfernen, wählen Sie das Element in dem oberen Feld aus und klicken auf die Schaltfläche Löschen oder drücken die Entf-Taste. Um die Reihenfolge der Elemente zu verändern, wählen Sie ein Element aus und klicken dann auf eines der Symbole Nach oben oder Nach unten. 6. Klicken Sie auf Weiter > und im nächsten Dialogfeld auf eines der Symbole, um das Ziel für die Übermittlung der Formulardaten auszuwählen. Nähere Informationen hierzu finden Sie unter dem Thema Übertragen von Formularen auf Seite Klicken Sie auf Fertig stellen, um den Assistenten zu schließen. Wenn Sie Ihr Formular sehr präzise konfigurieren möchten, fügen Sie einfach ein leeres Formular ein und ergänzen es dann mit Formularelementen und/oder Standard-Formularobjekten. Sie können ebenfalls die Schaltflächen für das Absenden und Zurücksetzen anpassen oder ersetzen. Nähere Informationen hierzu finden Sie in der WebPlus-Hilfe.

227 Formulare 219 Übertragen von Formularen Alle Webformulare müssen an einen bestimmten Empfänger versandt werden, damit ihre Daten ausgewertet werden können. Sie können zu diesem Zweck entweder manuell eine Schaltfläche Absenden erstellen oder die vorgefertigte Version des Formularassistenten verwenden. 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. Für die Übermittlung der Formulardaten stehen Ihnen mehrere Möglichkeiten zur Verfügung. Keine Übermittlung Es werden keine Formulardaten übertragen. Diese Option ist besonders hilfreich, wenn Sie für einen bestimmten Zeitraum keine weiteren Daten mehr abfragen möchten oder Ihre Skripts bzw. die Serif Webressourcen noch nicht vollständig konfiguriert haben. Sie können später jederzeit mit der rechten Maustaste auf das Formular klicken und über Formulareigenschaften bearbeiten... eine Übertragungsmethode für die Daten auswählen. Sie sollten keine Formulare auf Ihrer Website publizieren, für die Sie keine Absenden-Funktion festgelegt haben.

228 220 Formulare Eine Adresse Mit dieser Option können Sie die allgemein üblichen POST- und GET-Übertragungsmethoden umgehen. Sobald der Website- Besucher auf die Schaltfläche Absenden klickt, wird sein - Standardprogramm gestartet. Die Formulardaten werden dann als ein Textstring in den Textkörper der eingefügt und lassen sich schnell und einfach an die vorkonfigurierte -Adresse schicken. Diese Methode ist besonders hilfreich, wenn Sie keine lokalen oder Remote-Skripts verwenden möchten oder können. Diese Übertragungsmethode ist jedoch nicht sicher, da die privaten oder vertraulichen Informationen nicht verschlüsselt werden. Einrichten der direkten -Übertragung 1. Klicken Sie auf das -Symbol und geben Sie einen Formularnamen ein. 2. Geben Sie eine -Adresse als Ziel ein (oder wählen Sie eine bereits bekannte Adresse in dem Dropdownfeld aus). Skriptdatei von meiner Festplatte Diese Option ist speziell für erfahrene Webdesigner konzipiert, die sich gut in der Erstellung von Skripten auskennen. Einrichten einer lokalen Skriptdatei 1. Klicken Sie auf das Symbol Skriptdatei und geben Sie einen Formularnamen ein. 2. Wählen Sie über die Schaltfläche Durchsuchen... die auf Ihrem Computer gespeicherte Skriptdatei (für gewöhnlich mit der Dateiendung.PHP,.JS,.CFM

229 .CGI,.PL,.DLL oder.exe ) aus, die Sie verwenden möchten. Formulare Aktivieren Sie die Option Datei einbetten, um die Skriptdatei in die WebPlus-Website zu integrieren. Ist diese Option deaktiviert, besteht keine Verbindung zwischen der Skriptdatei und der Website, sodass sämtliche Änderungen an der Skriptdatei von der Website nicht berücksichtigt werden. 4. Optional können Sie noch über die Schaltfläche Exportoptionen... einen Webdateinamen und -ordner für das Skript festlegen. 5. Wählen Sie eine Übertragungsmethode, einen Codierungstyp, einen Zeichensatz und ein Zielfenster oder einen Zielrahmen aus. Ein Remote-Skript Verwenden Sie diese Option, wenn Ihr ISP den Einsatz benutzerdefinierter Skripte auf seinen Webservern nicht gestattet. Viele Internetdienstanbieter stellen jedoch einige Grundskripte zur Verfügung, auf die Sie von Ihrer Website einfach einen Link erstellen. Für gewöhnlich senden diese Skripte dann die Formulardaten an die -Adresse, die Sie bereits im Vorfeld bei dem ISP eingerichtet haben. Einrichten einer Remote-Skriptdatei 1. Klicken Sie auf das Symbol Remote-Skript, und geben Sie einen Formularnamen ein. 2. Geben Sie die URL ein, die direkt auf die Skriptdatei verweist. 3. Wählen Sie eine Übertragungsmethode, einen Codierungstyp, einen Zeichensatz und ein Zielfenster oder einen Zielrahmen aus.

230 222 Formulare Serif Webressourcen Wenn Sie den Webserver nicht selbst aufstellen und verwalten möchten, können Sie auch die Serif Webressourcen (siehe Seite 184) nutzen. Dieser kostenlose Service transferiert Ihre Formulardaten über einen Server von Serif an eine beliebig konfigurierbare -Adresse. Aus Sicherheitsgründen müssen Sie zunächst ein Benutzerkonto bei den Serif Webressourcen anlegen, bevor Sie die -Zieladresse für die Formulardaten festlegen können. Konfigurieren der Serif Webressourcen 1. Klicken Sie auf das Symbol Serif Webressourcen, und geben Sie einen Formularnamen ein. 2. Klicken Sie auf Auswählen. Falls Sie noch nicht bei den Serif Webressourcen angemeldet sind, holen Sie dies nun nach. 3. Geben Sie in das Dialogfeld die Details zu der Zieladresse ein: Geben Sie die -Zieladresse in das Feld E- Mail-Adresse ein. Geben Sie einen Benutzerdefinierten Betreff ein, der in den s Ihrer Website-Besucher verwendet werden soll (z. B. -Übermittlung von Rainbow_WWW: Kontaktdetails). Geben Sie eine Bestätigungsnachricht ein, die dem Website-Besucher angezeigt werden soll, nachdem er auf die Absenden-Schaltfläche geklickt hat. In dem Feld Sprache legen Sie die Sprache fest, in der die Bestätigungsnachricht versendet werden soll.

231 Formulare 223 Wenn Sie ein Formularelement vom Typ Eingabefeld für die -Adresse erstellen, können Sie die Bestätigungs- auch direkt an den Website- Besucher senden. Hierzu müssen Sie in den Eigenschaften des Eingabefeldes die Option SWR: Bestätigungs- senden aktivieren. Wenn Sie ein CAPTCHA-Formularelement in dem Formular verwenden, wird dieses als Spam-Schutz eingesetzt. Ist dieses Element nicht vorhanden, wird die Spam- Prüfung über den CAPTCHA-Gateway abgewickelt. Wenn Sie in das Feld Antwort an die -Adresse Ihres Website-Entwicklers eintragen möchten, aktivieren Sie die Option Antwort an mich in dem obigen Dialogfeld. Auf diese Weise können die Website-Besucher sich direkt an den Entwickler der von ihnen aufgerufenen Seite wenden. 4. Klicken Sie auf Neu hinzufügen. Der -Eintrag wird nun erstellt und in die Liste Verfügbare - Zieladressen eingetragen. Wie Sie sehen, wird der Eintrag als Nicht bestätigt klassifiziert. Bevor der Dienst seine Arbeit aufnehmen kann, wird eine Bestätigungs-E- Mail an Ihre -Adresse geschickt. Klicken Sie auf den Link, um den Dienst zu aktivieren. Der entsprechende Eintrag wird nun als Bestätigt angezeigt. 5. (Optional) Wiederholen Sie die obigen Schritte, um weitere -Zieladressen einzufügen, und wählen Sie die Einträge aus, um sie zu aktivieren. 6. Klicken Sie auf die Schaltfläche OK. Standardmäßig wird dem Website-Besucher über eine einfache Bestätigungsseite (erstellt von den Serif Webressourcen) angezeigt, dass die Formulardaten erfolgreich übermittelt wurden. Sie können statt dieser von den Webressourcen erstellten Standardseite auch Ihre eigene Bestätigungsseite anzeigen lassen. Da es sich bei der Bestätigungsseite um eine ganz normale Webseite handelt, können

232 224 Formulare Sie auf ihr alle Designelemente verwenden, mit denen Sie auch die anderen Seiten Ihrer Website erstellt haben. Hinzufügen Ihrer eigenen Bestätigungsseite 1. (Nur möglich bei der Übertragung der Daten über die Serif Webressourcen) Klicken Sie mit der rechten Maustaste auf das Formular und in seinem Kontextmenü auf Formulareigenschaften bearbeiten. 2. Klicken Sie auf die Schaltfläche Auswählen gegenüber dem Feld Umleiten zu. 3. Klicken Sie in dem Dialogfeld Formularumleitung bearbeiten auf Website-Seite und wählen Sie dann in dem Dropdownfeld einen Seitennamen aus. 4. Klicken Sie zweimal auf die Schaltfläche OK, um die Dialogfelder zu schließen. Bei der nächsten Übermittlung von Formulardaten wird nun Ihre Bestätigungsseite angezeigt. Es werden keine persönlichen Daten auf den Serif Webservern gespeichert. Alle Formulardaten werden in Echtzeit weitergeleitet. CAPTCHA-Gateway Als Schutz gegen Spam-Mails verwenden die Serif Webressourcen einen CAPTCHA-Gateway, wenn Sie kein CAPTCHA- Formularelement direkt in Ihr Formular einfügen (siehe Die Formularelemente in der WebPlus-Hilfe). Bei der Formularübermittlung muss dann der Website-Besucher eine willkürlich zusammengestellte Zeichenfolge in ein Textfeld eingeben. Wird der Test bestanden, initiiert das Objekt automatisch die Formularübermittlung.

233 11 E-Commerce-Objekte

234 226 E-Commerce-Objekte

235 Was bedeutet E-Commerce? E-Commerce-Objekte 227 Als E-Commerce bezeichnet man den Kauf und Verkauf von Waren über das Internet. Heutzutage ist der Einzelhandel über Online-Shops ein normaler Bestandteil unserer Internetaktivitäten geworden. Sicher haben Sie auch schon einmal Bücher, CDs, Konzertkarten oder Flugtickets über das Internet gekauft. 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. Große Unternehmen verwenden für gewöhnlich eine eigene Warenkorbfunktion, die speziell auf die Anforderungen ihrer Produkte zugeschnitten wurde. Die Abwicklung der Zahlungsmodalitäten wird häufig von Drittanbietern übernommen. Da Sonderanfertigungen sehr teuer sind, setzen kleine Unternehmen und Organisationen häufig auf vorgefertigte Lösungen von Drittherstellern. Im Internet finden Sie eine Reihe Unternehmen, die verschiedene Warenkorbfunktionen anbieten. Alle diese Funktionen laufen über ein Benutzerkonto und wickeln die Zahlung über verschiedene Kreditkarten ab, anstatt auf die herkömmlichen Zahlungswege zu setzen. Welche Rolle übernimmt WebPlus nun in dieser Struktur? 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. In den Formularen können Sie verschiedene Kaufoptionen (z. B. Farbe und Menge) einstellen sowie Steuern, Versandkosten, Mengenrabatte usw. berechnen. Über Links lassen sich die Waren mit nur einem Mausklick erwerben. Hierbei können Sie jedoch keine Kaufoptionen auswählen. Die Art und der

236 228 E-Commerce-Objekte Umfang der Funktionen variieren je nach Dienstanbieter. Schauen Sie sich einfach um, welches Unternehmen Ihren Vorstellungen entspricht. 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 Drittanbieter. Einrichten des Dienstanbieters für einen Websiteumfassenden Warenkorb 1. Klicken Sie in der Kategorie E-Commerce der Studio-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.

237 E-Commerce-Objekte 229 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 -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.

238 230 E-Commerce-Objekte 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 abzuschließen. Nachdem Sie das Warenkorbsystem konfiguriert haben, müssen Sie ein E-Commerce-Objekt einfügen. Einfügen von E-Commerce-Objekten (PayPal) E-Commerce-Objekte lassen sich in WebPlus schnell und einfach mithilfe von Assistenten erstellen. Wählen Sie einfach die gewünschten Optionen in den verschiedenen Dialogfeldern aus, um ein E-Commerce-Objekt als Formular oder Link (d. h. als einfache Schaltfläche oder als Hyperlink eines beliebigen Objekts) in eine Seite einzufügen. Je nach Eigenschaften der Waren, die Sie verkaufen möchten, und Ihrer bevorzugten Abwicklungsweise für die Transaktion, bieten sich in einigen Fällen eher die Formulare und in anderen die Links als beste Methode an.

239 E-Commerce-Objekte 231 Wenn Sie z. B. eine bestimmte Menge Ziegelsteine verkaufen möchten, könnten Sie eine E-Commerce- Schaltfläche (als Jetzt kaufen -Link) erstellen. Bei dieser Option wird jedoch angenommen, dass die Menge, Größe, die Variation und die Farbe des Artikels festgelegt sind (sich von dem Kunden also nicht ändern lassen). Da der Link nur über die Schaltfläche erstellt wird, sind keine weiteren interaktiven Kaufoptionen (z. B. Farbe, Größe, Anzahl usw.) verfügbar, die häufig für komplexere Transaktionen benötigt werden. Mit seinem Mausklick kann der Käufer also nur die festgelegte Standardmenge kaufen - nicht mehr und nicht weniger. In einigen Fällen mag dies genügen, in anderen ist eine solch eingeschränkte Auswahl völlig unzureichend. Häufig werden daher E-Commerce-Formulare für Online-Shops verwendet, da die Käufer hier selbst einige Optionen bestimmen können (Menge, Größe usw.). Wenn Sie sehr viele Artikel über eine E-Commerce-Seite anbieten möchten, können Sie die Verkaufsartikel in einer Serif- Datenbankdatei (*.SDB) speichern, die speziell für den Einsatz mit E-Commerce-Lösungen strukturiert ist. Indem Sie Wiederholungsbereiche oder Wiederholungsformulare auf Ihren Seiten platzieren, lassen sich die Einträge aus der Datenbank nach dem Zusammenführen der Daten bequem anzeigen und als Artikel verkaufen. Nähere Informationen hierzu finden Sie unter dem Abschnitt Arbeiten mit der Datenbankzusammenführung für E- Commerce in der WebPlus-Hilfe. Das nach dem Einfügen eines E-Commerce-Objekts angezeigte Dialogfeld variiert je nach Dienstanbieter, den Sie für Ihre Warenkorbfunktion ausgewählt haben. Nähere Informationen hierzu finden Sie unter dem Abschnitt Konfigurieren des Warenkorb-Anbieters auf Seite 228.

240 232 E-Commerce-Objekte Die nachfolgenden Schritte beziehen Sie auf das Einfügen von Objekten mit PayPal als Dienstanbieter für Ihren Warenkorb. Einfügen von E-Commerce-Formularen und -Schaltflächen 1. Klicken Sie in der Kategorie E-Commerce der Studio-Registerkarte QuickBuild auf das Symbol E- Commerce und klicken Sie dann auf einen Punkt der Seite, um das Objekt zu platzieren. 2. Wählen Sie in dem Dialogfeld PayPal-Objekt hinzufügen die -Adresse aus, an die Sie die Zahlungsinformationen schicken möchten. WebPlus geht davon aus, dass Sie die -Adresse verwenden, die Sie während der Konfiguration des Warenkorbs festgelegt haben. Alternativ können Sie auch die Option Standardkonto der Website verwenden deaktivieren und eine andere -Adresse angeben, um die Standardvorgabe zu umgehen. 3. Wählen Sie den gewünschten Objekttyp aus dem Feld PayPal-Formular aus. Wenn Sie für Ihre Artikel mehrere Kaufoptionen (z. B. Farbe oder Menge) zur Verfügung stellen möchten, klicken Sie auf die Option für ein E-Commerce-Formular. Können Sie auf zusätzliche Optionen verzichten, wählen Sie eine Linkvariante aus, um eine klickbare E-Commerce- Schaltfläche zu erstellen. Mit Wiederholungsbereichen und -formularen können Sie Artikel aus einer Datenbank einfügen und müssen sie nicht einzeln mit dem Dialogfeld Artikeldetails definieren (siehe Arbeiten mit der Datenbankzusammenführung für E-Commerce in der Hilfe zu WebPlus). Klicken Sie auf die Schaltfläche Weiter>.

241 E-Commerce-Objekte 233 (Optional) Wenn Sie kein Formular oder eine Schaltfläche verwenden möchten, aktivieren Sie die letzte Option und fügen dann den entsprechenden Code in das nächste Dialogfeld ein. Sie können hierfür z. B. einen Code verwenden, der von der PayPal-Website erstellt wurde. Diese Codevarianten finden Sie nach der Anmeldung unter den Händler-Tools. Klicken Sie auf Weiter>, um den Assistenten zu beenden und fügen Sie das HTML-Codefragment in Ihre Seite ein. 4. In dem nächsten Dialogfeld legen Sie die Schaltfläche fest, die für das Objekt verwendet werden soll. Sie können hierfür eine Textschaltfläche verwenden (aktivieren Sie einfach die Option und geben Sie den Text ein) oder eine Bildschaltfläche (aktivieren Sie die Option und legen Sie eine Vorlage in dem scrollbaren Fenster fest). Einige Bilder bieten auch automatische Rollovereffekte. Klicken Sie auf die Schaltfläche Weiter. 5. In dem Dialogfeld Artikeldetails legen Sie die ID und den Namen des Artikels sowie den Preis und die anfallende Steuer fest. Hierbei stehen Ihnen die folgenden Optionen zur Verfügung: Artikelname: Die Bezeichnung des zum Verkauf angebotenen Artikels. Dieser Name wird auf dem Formular und im Warenkorb angezeigt.

242 234 E-Commerce-Objekte Festlegen des Artikelnamens durch Kunde ermöglichen: Wenn Sie diese Option aktivieren, wird der obige Artikelname gegen ein Textfeld ausgetauscht, in das der Kunde seine eigene Bezeichnung eingeben kann. Diese Möglichkeit eignet sich ebenfalls gut für die Angabe von Spendendetails. Artikel-ID: Hier können Sie den Textstring eingeben, mit dem PayPal den Artikel verarbeiten soll. Währung: Einstellen der Währung, die für die Transaktion verwendet werden soll. Preis: Der Preis des Artikels. Diese Option wird standardmäßig auf dem Bildschirm angezeigt. Festlegen der Summe durch Kunde ermöglichen: Wenn Sie diese Option aktivieren, wird der obige Artikelpreis gegen ein Textfeld ausgetauscht, in das der Kunde seine eigene Summe eingeben kann. Dieses Feld eignet sich besonders gut für Spendenformulare, in denen der Spender den Betrag selbst festlegen soll. Steuereinstellungen überschreiben: Wenn Sie den von dem Dienstanbieter in Ihrem Profil vordefinierten Steuersatz für den Artikel ändern möchten, aktivieren Sie diese Option. Legen Sie anschließend einen festen Steuersatz für den Artikel fest (z. B. 0 % für steuerbefreite Spenden).

243 E-Commerce-Objekte 235 Gewicht: Hier legen Sie ein Artikelgewicht fest, wenn Sie mit einer gewichtsbasierenden Versandmethode (nur für USA) arbeiten, die in Ihrem PayPal-Profil festgelegt ist. Für gewöhnlich werden Pfund (lb) als Maßeinheit verwendet, Sie können jedoch auch Kilogramm (kg) benutzen. Nachdem Sie alle gewünschten Einstellungen vorgenommen haben, klicken sie auf Weiter>. Wenn Sie mit der Datenbankzusammenführung für E- Commerce arbeiten, wählen Sie in dem Dialogfeld Artikeldetails die E-Commerce-Datenbank aus, die Sie mit Ihrem Warenkorbsystem verwenden möchten. Denken Sie stets daran, die Währung festzulegen, die Sie für Ihre Transaktionen verwenden möchten. 6. Für E-Commerce-Formulare werden zusätzlich die zwei folgenden Dialogfelder angezeigt: In dem Dialogfeld für die Artikelbeschreibung können Sie optional ein Bild angeben (z. B. eine Vorschau auf das zum Verkauf angebotene Produkt) sowie eine kurze und lange Beschreibung, die in dem Formular angezeigt werden. Klicken Sie auf die Schaltfläche Weiter>. In dem Dialogfeld für die Artikeloptionen können Sie Eingabefelder, Kombinationsfelder, Auswahlsymbole und feste Namen festlegen (pro Formular sind bei PayPal bis zu 10 Optionen möglich; jedoch nur eine Option zur Preisänderung). Sie können diese Elemente entweder von Grund auf neu entwerfen oder auch zuvor gespeicherte Varianten einsetzen. Klicken Sie

244 236 E-Commerce-Objekte auf die Schaltfläche Weiter>. Diese Option ist für Wiederholungsformulare nicht verfügbar. 7. Legen Sie in dem Dialogfeld Artikeldetails entweder eine Standardmenge für den Artikel in dem entsprechenden Feld fest, oder aktivieren Sie das Kontrollkästchen, um dem Käufer die Eingabe der Artikelmenge an der Kasse zu ermöglichen (nicht für Wiederholungsformulare verfügbar). ODER Aktivieren Sie die zweite Option Eingabefeld hinzufügen, damit der Kunde die Artikelmenge direkt bei der Artikelauswahl festlegen kann. Für Versand und Bearbeitung können Sie zusätzliche Kosten festlegen. Wenn Sie diese Felder nicht ausfüllen, wird das Standardprofil von PayPal verwendet. Diese Option ist für Wiederholungsformulare nicht verfügbar. Klicken Sie auf die Schaltfläche Weiter>. 8. In dem Dialogfeld Zusätzliche Kundeninformationen können Sie festlegen, ob der Kunde nach einer Adresse gefragt werden soll, oder die Adresse selbst eingeben muss. Wenn Sie noch eine weitere Frage an den Kunden stellen möchten, geben Sie einfach den entsprechenden Text in das zweite Feld ein. Klicken Sie auf die Schaltfläche Weiter>.

245 9. In dem letzten Dialogfeld legen Sie die Zahlungseinstellungen fest: E-Commerce-Objekte 237 Wenn Sie über Ihre PayPal-Anmeldung bereits eine besondere Formatierung für Ihre Checkout-Seite festgelegt haben, können Sie die entsprechende Bezeichnung in das oberste Feld eingeben. Legen Sie über das Dropdownfeld eine Sprache für die PayPal-Anmeldungsseite fest. Ändern Sie den Text für die Schaltfläche Fortsetzen auf der Website Zahlung erfolgreich. Legen Sie, falls gewünscht, eine bestimmte Webadresse für die Seiten Zahlung erfolgreich und Zahlungsvorgang abgebrochen fest. Geben Sie hierzu einfach die URL in das Dropdownfeld ein, oder wählen Sie einen bereits vorhandenen Eintrag aus. 10. (Nur für E-Commerce-Formulare) Wählen Sie ein Formularlayout in dem Fenster aus. Mit den Kontrollkästchen können Sie genau festlegen, welche Informationen in dem Formular angezeigt werden. Sie können hier auch den Preis deaktivieren, bei der Arbeit mit Wiederholungsformularen das Artikelbild ein- /ausblenden, lange oder kurze Beschreibungen verwenden, feste Optionen einstellen sowie ein Dummy- Bearbeitungsfeld für die Artikelmenge auswählen. Alle Formulare lassen sich mit dem Kontrollkästchen Formular jetzt neu formatieren neu aufbauen.

246 238 E-Commerce-Objekte 11. Klicken Sie anschließend auf die Schaltfläche Fertig stellen. 12. Um das Formular oder eine Schaltfläche einzufügen, platzieren Sie den Mauszeiger auf der gewünschten Seitenposition und drücken die linke Maustaste. Bearbeiten von E-Commerce-Formularen und -Schaltflächen 1. Führen Sie einen Doppelklick auf das Formular oder die Schaltfläche aus. 2. Stellen Sie über die verschiedenen Dialogfelder die gewünschten Optionen für das E-Commerce-Objekt neu ein. Umwandeln in Standardformulare Klicken Sie mit der rechten Maustaste auf ein bestehendes E-Commerce-Formular und in dem Kontextmenü auf In Formular umwandeln.

247 12 Text

248 240 Text

249 Text 241 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. 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. WebPlus importiert den Text in einen ausgewählten HTML- Textrahmen oder erstellt automatisch einen neuen HTML- Textrahmen, wenn Sie keinen ausgewählt haben. Nähere Informationen finden Sie unter Einfügen von Textrahmen auf Seite 75. 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.

250 242 Text Importieren von Texten aus einer Datei 1. (Optional) 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. Klicken Sie im Menü Text > Einfügen auf den Eintrag Textdatei. 3. Wählen Sie in dem Dialogfeld Öffnen das Dateiformat der Textdatei aus und dann die gewünschte Textdatei. 4. 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). 5. Klicken Sie anschließend auf die Schaltfläche Öffnen. 6. Der Text wird nun in das zuvor ausgewählte Textobjekt oder in einen neuen Textrahmen importiert. Bei Textrahmen entsteht eventuell ein Textüberlauf. Um diesen Überlauf zu beseitigen, führen Sie die unter Anpassen von Überlauftext auf Seite 81 beschriebenen Schritte aus.

251 Text 243 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. Wählen Sie das Objekt aus und 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. 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.

252 244 Text 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. Bearbeiten von künstlerischen Texten Ziehen Sie den Cursor über einen Textbereich, um eine blaue Auswahl zu erstellen.