Webplus X8

Transcript

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