TeiM Einführung - web to date 8 für Einsteiger und Umsteiger. 1. Für Einsteiger: web-to-date-crashkurs in fünf Schritten 19

Transkript

1 Inhalt TeiM Einführung - web to date 8 für Einsteiger und Umsteiger 1. Für Einsteiger: web-to-date-crashkurs in fünf Schritten Der erste Schritt: Sie erstellen Ihren webauftritt auf Basis einer Profivorlage Der zweite Schritt: Sie passen die gewählte Vorlage ganz Ihren Vorstellungen an 23 Die Benutzeroberfläche von web to date 8 haben Sie schnell im Griff 23 Sie möchten das Design Ihrer Website nachträglich bearbeiten? 25 Die Struktur der Vorlage ganz nach Belieben verändern Der dritte Schritt: Sie füllen den Webauftritt mit attraktiven Textinhalten 26 So ändern Sie ein Absatzbild 27 Neue Absätze anlegen - schnell erledigt Der vierte Schritt: Sie vervollkommnen Ihren Webauftritt durch Bilder und Plug-ins Der fünfte Schritt: Sie veröffentlichen Ihren Webauftritt im Internet und verwalten ihn mit web to date ganz bequem Für Umsteiger: Noch mehr geniale Funktionen - das st neu in web to date Ihre Website auch im mobilen internet optimal präsentieren: web to date 8 mit Smartphone- Unterstützung Neue Plug-ins für die professionelle Darstellung: 3D-Karussell für Bilder, dynamische Präsentationen und noch viel mehr Und natürlich: neue Designs, die so richtig was hermachen! 39 Bibliografische Informationen digitalisiert durch

2 3. Mit wenigen Handgriffen: bereits vorhandene Projekte in web to date 8 importieren So erstellen Sie eine Archivdatei des bereits vorhandenen Projekts in einer älteren web-to-date- Version Und so einfach importieren Sie die Archivdatei in web to date Teil 2 Webdesign - einfach und unbegrenzt wie noch nie 4. Das optimale Design für Ihren Webauftritt auswählen und anpassen Schneller Überblick: alle web-to-date-designs für Sie zusammengestellt 45 Diese Designs waren bereits in web to date 1.0 enthalten 45 Designs, die in web to date 3.0 hinzugekommen sind 47 Designs, die in web to date 4.0 hinzugekommen sind 47 Designs, die in web to date 5.0 hinzugekommen sind 47 Designs, die in web to date 6.0 hinzugekommen sind 48 Neue Designs in web to date Topaktuelle Designs in web to date Auflösung & Co.: alle Details zu den web-to-date-designs auf einen Blick Corporate Identity: So passen Sie das Design Ihren Firmenfarben an 54 Varianten, Farbpaletten, Schriftart - Auswahl per Mausklick 55 Kein Problem: eigene Farben verwenden 56 Eine Farbe aus dem Firmenlogo übernehmen: So verwenden Sie den ColorCatcher Sie möchten Ihr Firmenlogo einbinden? - Hier erhalten Sie die besten Logo-Tipps 61 So binden Sie eine eigene Kopfgrafik in das Design ein 62 Erstellen Sie den Eyecatcher gleich in der richtigen Größe 65

3 5. Erweiterte Design-Eigenschaften: weitere Anpassungsmöglichkeiten ausschöpfen Ausrichtung und mehr: erweiterte Eigenschaften von Website, Hauptseiten und Absätzen ändern Das Design weiter anpassen: So ändern Sie die erweiterten Website-Eigenschaften 71 Sie wollen Ihre Website links ausrichten, statt sie zu zentrieren? 71 Sie wollen die Kontextspalte anders ausrichten? 72 Sie wollen einen animierten Eyecatcher statt der statischen Kopfgrafik einsetzen? 72 Sie möchten einen Copyright-Vermerk unten auf der Website einfügen? Sie wünschen einen anderen Seitenhintergrund? 74 Erweiterte Website-Eigenschaften rund um die Navigation 75 Sie wünschen einen Slogan im Kopf des Designs? 78 Neu in web to date 8: Suchbegriffe vorschlagen 79 Spezielle Einstellungen zu Smartphone-Design und robots.txt Eyecatcher ausblenden, Hintergrundmusik einbinden und mehr: die erweiterten Hauptseiten-Eigenschaften bearbeiten 80 Hintergrundmusik einbinden: So einfach ist das in web to date 8 80 Geniale Funktionen rund um den Eyecatcher ausschöpfen 82 Mit wenigen Mausklicks die Farben der Website anpassen 84 Auch über die erweiterten Hauptseiten-Eigenschaften lässt sich ein Slogan einbinden 85 Mithilfe der erweiterten Hauptseiten-Eigenschaften die Navigation optimieren 86 Wichtige Infos in einer Extrabox prominent präsentieren 89 Seitenspezifische Einstellungen für Smartphone-Version, robots.txt-datei und Sitemap vornehmen Absatzbilder anders ausrichten und weitere Änderungen in den erweiterten Absatz-Eigenschaften vornehmen 91 Das Absatzbild links statt rechts positionieren 91 Blocksatz verwenden oder Text links ausrichten? 92 Sie möchten für den Absatz eine andere Schriftart und Schriftgröße festlegen? 93 Sie wollen einen Absatz besonders hervorheben? 94 Absätze durch horizontale Linien trennen 95 Pfiffig: einen Absatz mit einem kleinen Kalender versehen 95 Unten oder rechts: Bildbeschriftung anders anordnen 96 Wichtige Absatz-Einstellungen für das Smartphone-Design vornehmen Für Sie im Überblick: Diese erweiterten Eigenschaften können Sie in den einzelnen Designs bearbeiten 96

4 6. Für noch mehr Individualität: das Design im Quelltext anpassen Eine kleine Einführung in CCML und die unerschöpflichen Anpassungsmöglichkeiten in web to date 112 Die einzelnen CCML-Dateien und ihre Bedeutung 113 So nehmen Sie Änderungen im Quelltext eines Designs vor 115 Wichtige Tags, Attribute und Eigenschaften im schnellen Überblick Textgröße ändern, Kontextspalte anpassen und vieles mehr: erweiterte Design-Eigenschaften selbst erstellen 118 Schritt für Schritt: Variablen selbst definieren 120 So geht's: die entsprechende Konstante suchen und ersetzen 123 Sie möchten auch noch die Farbe der Seitenüberschriften ändern können? 125 Der Fußzeilentext soll anders ausgerichtet werden? 126 Sie wollen die Breite der Kontextspalte jederzeit Ihren Vorstellungen anpassen können 127 Änderungen nicht nur auf Website-Ebene: So bestimmen Sie die Hintergrundfarbe eines Textabsatzes Sie wollen dem Design eine Schriftart hinzufügen? - Das ist problemlos machbar! Sie möchten Hintergrundfarbe oder Rahmen aus einer Tabelle entfernen? - So gehen Sie vor 135 Die Hintergrundfarbe einer Tabelle ändern: So gehen Sie vor 136 Und so entfernen Sie den nicht gewünschten Tabellenrahmen Noch viel Platz in der Navigationsleiste? - So bauen Sie eine Grafik ein Ideal für eine Begrüßung oder wichtige Infos: Bauen Sie eine attraktive Vorschaltseite ein verwenden Sie den Vorschaltseiten-Editor, um auf der Basis einer Vorlage ansprechende Vorschaltseiten zu gestalten 147 Eine Vorschaltseitenvorlage auswählen und individuell bearbeiten 147 Eine leere" Vorschaltseite mit eigenen Inhalten füllen So können Sie sogar RSS-Feeds oder Flash-Animationen n die Vorschaltseite einbauen 154 Neuigkeiten gleich auf der Vorschaltseite präsentieren per RSSFeed 154

5 Sie wünschen eine Animation auf der Vorschaltseite? - So binden Sie eine Flash-Datei ein Noch einfacher: direkt in web to date Grafikdateien auswählen und auf einer Vorschaltseite präsentieren 157 Teil 3 Content-Management - tolle Inhalte einfügen und komfortabel verwalten 8. Für Sie im Überblick: alle Plug-ins in web to date - Funktionen und Voraussetzungen Vom Design zu den Inhalten: Machen Sie sich mit dem Absatz-Assistenten vertraut Geniale Funktionen: Diese Absatztypen stehen Ihnen in web to date 8 zur Verfügung 162 Die Standard-Absatztypen im schnellen Überblick 162 Übersicht über alle in web to date 8 verfügbaren Plug-ins 163 Absätze noch schneller erstellen und in Position bringen 168 Absätze, die sich ganz von selbst anpassen: So arbeiten Sie mit Schattenkopien 169 Die Seite durch Absatzüberschriften und -bilder übersichtlicher gestalten Hauptseiten erstellen und genial präsentieren: Texte, Tabellen, Aufmacher und mehr Entscheidend: Achten Sie auf eine gut durchdachte Struktur der Website 173 So sorgen Sie für eine sinnvolle und übersichtliche Navigation 174 Die Zuordnung der Hauptseiten ändern - eine Sache weniger Handgriffe. 175 So baut web to date die URLs der Webseiten auf 177 Achten Sie auch beim Aufbau der einzelnen Webseiten auf eine übersichtliche Struktur! 178

6 9.2 Textabsätze einfügen und optimal gestalten - wichtige Tipps und Hinweise 180 Links einbauen: So leicht geht das mit web to date 182 Wichtige Begriffe oder Passagen hervorheben: So lassen sich die Texte formatieren 183 Professionelle Darstellung: Texte in Spalten oder Registerkarten präsentieren Tabellen, Aufzählungen und weitere Absatztypen für die abwechslungsreiche Präsentation Ihrer Textinhalte. 188 Fakten, Fakten, Fakten: mit web to date ansprechende Tabellen erstellen. 188 Für noch mehr Fakten: übersichtliche Aufzählungen anlegen 193 Das klappt: Informationen in einem Baummenü präsentieren 194 Damit Sie Fragen nicht dutzendfach beantworten müssen: Erstellen Sie FAQs 196 Die Geschichte Ihres Unternehmens oder eines Produkts in einem Zeitstrahl chronologisch vorstellen 197 Neu in web to date 8: Textabsätze auch online erstellen und bearbeiten Wichtige Texte prominent präsentieren mit dem neuen Absatztyp Eyecatcher Automatische Aufmacher: So sieht der Besucher Ihrer Website alles Wichtige auf einen Blick 201 Die Vorarbeit ist erledigt - nun erstellen Sie den Aufmacher 203 Manuelle Zusammenstellung des Aufmachers im erweiterten Modus Registerkarten einbauen und als praktische Strukturierungsmöglichkeit nutzen Sie benötigen noch mehr Platz für Ihre Texte? - Fügen Sie eine Kontextspalte ein 211 Die Kontextspalte erstellen, mit Inhalten füllen und richtig zuordnen 213 Tweets, Termine und mehr: optimale Inhalte für die Kontextspalte Kein Problem mit dem neuen Plug-in Google Translate: Webseiten automatisch übersetzen lassen Impressum & Co.: wichtigen Pflichten mit Unterseiten nachkommen Diese Informationen dürfen auf Ihrer Website in keinem Fall fehlen! 220 Impressum 220 Haftungsausschluss 222 Datenschutzerklärung 224 Allgemeine Geschäftsbedingungen 226 Kontakt 227

7 10.2 So packen Sie Impressum, Haftungsausschluss und weitere Infos in Unterseiten 229 Unterseiten einfach erstellen und korrekt zuordnen 229 Unterseiten per Aufmacher oder Link in eine Hauptseite einbinden Automatisches Erstellen gewünscht? - So verwenden Sie den Assistenten für neue Infoseiten Jede Menge Plug-ins: Bilder, Videos und weitere multimediale Inhalte einbinden Bilder für Ihre Website: den Grafikpool gekonnt verwalten 235 Bilder in web to date importieren - zwei Strategien 236 Ihre Bilder fest im Griff: Fotos zu einem Thema durch Kategorisierung sofort finden 239 Sie wollen ein Bild für die Verwendung auf der Website aufhellen? - Bildbearbeitung direkt in web to date 240 Falls keine Bilder angezeigt werden können: So fügen Sie einen Alternativtext ein Vom einfachen Grafikabsatz bis hin zur professionellen Fotogalerie: die besten Plug-ins für Ihre Bilder 244 Einzelne Bilder auf pfiffige Weise in die Website einbauen 244 Mehrere Bilder in attraktiver Form präsentieren 249 Auch das ganz ohne Mühe: umfangreiche Bildergalerien erstellen Ebenfalls kein Problem: Musik und Videos in Ihre Website einbinden - von Eigenproduktion bis YouTube. 265 Gar nicht so schwer - Hintergrundmusik in die Website einbinden 265 Sie möchten Vorträge oder Kostproben Ihres Gesangsvereins zum Anhören zur Verfügung stellen? 272 Sie wollen Ihre Firma oder Ihre Produkte mithilfe von Videodateien vorstellen? 274 YouTube-Clips direkt in web to date finden und einbauen 278 Weitere multimediale Inhalte per HTML-Code einbinden a Auch ohne PowerPoint: attraktive Präsentationen direkt in web to date erstellen Prädestiniert für Wegbeschreibungen: interaktive Google Maps einbauen 289 Per Plug-in kinderleicht interaktive Karten in die Webseite einbinden 290 So geht's auch: eigene Karten erstellen und als HTML-Element einbinden. 292

8 1 2. Stets aktuelle Inhalte anbieten: Termine, News und mehr Termine, Tipp des Tages und weitere Plug-ins, mit denen Sie Abwechslung auf Ihre Website bringen 296 Termine und Neuigkeiten auf der Website optimal präsentieren 296 Mit einem Tipp des Tages für wechselnde Inhalte auf der Website sorgen. 298 Neuigkeiten und wichtige Infos prominent in einer Laufschrift präsentieren 299 Ideal für Sonderangebote und weitere Inhalte: So bauen Sie die neue Popup-Box ein 301 Letzte Änderung, Zugriffszähler, Countdown: frische Zahlen für die Website Sie möchten RSS-Feeds integrieren oder eigene RSS-Feeds anbieten? - So geht's 305 Nachrichten zu Ihrem individuellen Thema mit wenigen Handgriffen in die Website einbinden 305 Sie möchten selbst einen RSS-Feed veröffentlichen? - Nichts leichter als das! Ihr eigenes Blog mit web to date 8 erstellen und verwalten 311 Einträge verwalten, sichern und wiederherstellen - Ihr Blog unter voller Kontrolle 313 Ich möchte einen Blog-Beitrag anders datieren - wie ist das möglich? Dateien zum Herunterladen anbieten: gar kein Problem mit web to date PDF-Dokumente und andere Dateien zum Download zur Verfügung stellen 317 Den Download-Pool verwalten, Download-Links einbauen 317 Über die erweiterten Download-Eigenschaften: Download-Symbol einbinden 319 Die Downloads mit Aktions-Buttons noch attraktiver präsentieren 320 PDF-Dateien erstellen und auf der Website zum Herunterladen anbieten Ihr Logo auf Millionen PCs? - Bieten Sie attraktive Desktophintergründe zum Herunterladen an Interessante Inhalte präsentieren und bekannter werden mit dem eigenen Podcast Sollen Nutzer Dateien hochladen können? - So richten Sie eine Plattform für den Dateiaustausch ein 332 Die Filesharing-Plattform mit wenigen Handgriffen einrichten und absichern 332

9 Einen durch ein Passwort geschützten Bereich für die Filesharing-Plattform oder andere Webseiten erstellen Reif für das Web 2.0: alle Möglichkeiten der Interaktion und Kommunikation ausreizen Formulare, LiveSupport und Gästebuch: Ermöglichen Sie Ihren Besuchern Kontakt und Feedback 337 Feedback auch ohne -Adresse: So erstellen Sie mit web to date ein Kontaktformular 337 Kundenfragen in Echtzeit beantworten: So bieten Sie einen Livesupport an 342 Mit einem Gästebuch Feedback zur Website und Kundenmeinungen erhalten 344 Für die schnelle Meinung: So funktionieren die Plug-ins Seite bewerten und Feedback Chats, Foren & Co.: Mit diesen Plug-ins können sich Ihre Besucher so richtig austoben 349 Mit web to date leicht zu verwirklichen: der eigene Chat auf der Website Meinungsaustausch zum Thema Ihrer Website: So bieten Sie ein Forum an 350 Aufgabenplanung übers Internet: Wer macht was? 352 Wie gefällt Ihren Kunden ein Produkt, und wie viel Geld würden sie dafür ausgeben? - Ermitteln Sie dies per Abstimmung Nutzen Sie die Marketing-Macht der sozialen Netzwerke: Facebook und Twitter integrieren 355 Gefällt mir! - So versehen Sie Ihre Website mit einem Facebook-Button Dank web to date kein Problem: Twitter-Tweets in die Website einbinden 358 Teil 4 Alles für ihren Onlineerfolg - Webauftritt veröffentlichen, SEO, Werbung & Co Veröffentlichen leicht gemacht: So kommt Ihr Webauftritt ins Internet Eigener Server oder webhoster? - Check-up für Ihren webauftritt 360 So finden Sie die optimale Webadresse 361

10 Das sind die Voraussetzungen für Ihren gelungenen Webauftritt Website erstellen und hochladen - so klappt alles reibungslos 363 Wichtige Angaben für Suchmaschinen: Titel, Beschreibung und Schlüsselbegriffe eingeben 363 Ein individuelles Favicon gewünscht? - So übernehmen Sie Ihre Grafik in web to date 365 Integritätsprüfung durchführen und Website effizient erstellen 366 Ihre Veröffentlichungsoptionen festlegen und die Website hochladen 368 Spezialfall: Veröffentlichen einer Website mit Vorschaltseite Sie möchten zusätzliche Dateien auf den Webserver legen? - Mit diesem FTP-Programm schnell erledigt Smartphone-Version gewünscht? - Das müssen Sie beim Upload beachten 372 Mobile Website-Versionen von web to date automatisch erstellen lassen So richten Sie die Weiterleitung auf das mobile Smartphone ein So wird's gemacht: Volltextsuche für Ihren Webauftritt Up to date mit web to date: Ihren Webauftritt bequem aktualisieren und warten Die besten Tipps: Ihre Website noch einfacher und effizienter aktualisieren 378 Nur schnell einen Rechtschreibfehler korrigieren? - Ein einzelne Seite statt der kompletten Website neu erstellen 378 Spart Zeit: Word-Dokumente in web to date importieren und synchronisieren 379 Seite oder Absatz wird momentan (noch) nicht benötigt? - So funktioniert das Aus- und Einblenden Nutzen Sie die Zeitsteuerung für automatische Aktualisierungen Nicht vergessen: regelmäßige Backups erstellen und ein Projekt im Notfall wiederherstellen 385 Per Mausklick: Ihr web-to-date-projekt bei der Aktualisierung Ihrer Website auf dem Webserver sichern 386 Automatische Backups als Archivdatei speichern und auf einem Datenträger sichern 388 Und so schützen Sie Ihr web-to-date-projekt vor unbefugten Zugriffen 391

11 1 7. Damit ihre Website bei Google & Co. gefunden wird: die besten Tipps für die Suchmaschinenoptimierung SEO mit web to date: Diese Funktionen verhelfen Ihnen zu einer besseren Platzierung in Suchmaschinen 393 Bei diesen Suchmaschinen und Link-Katalogen sollten Sie sich unbedingt anmelden 395 Automatische Anmeldung bei Suchmaschinen und Suchmaschinenoptimierung: der SEO Traffic-Booster 397 Helfen Sie Google auf die Sprünge: Sitemap erstellen und weitere Tools verwenden 402 Warten Sie nicht, bis Google kommt - reichen Sie Ihre Sitemap selbst ein 405 Weitere nützliche Google webmaster-tools zum Nulltarif Social Media Marketing & Co.: die besten Tipps, um Ihren Webauftritt bekannter zu machen 409 Legen Sie einen guten Webauftritt hin und sprechen Sie darüber: Social Media Marketing 409 Sorgen Sie dafür, dass Ihre Website von der Presse besprochen wird 411 Machen Sie Werbung - die besten Methoden, für Sie zusammengestellt Ihren Erfolg stets im Blick: Google Analytics einbinden und für die Besucheranalyse einsetzen Sie möchten mit Ihrem Webauftritt Geld verdienen? - So klappt es mit dem Einbinden von Werbung Schnell verdientes Geld: Google AdSense - Anmeldung und Umsetzung Partnerprogramme nutzen: Verkaufsprovisionen von Amazon bis Zalando Und so bauen Sie ein Banner in Ihre Website ein Sie möchten übers Internet Waren verkaufen? - Realisieren Sie Ihren Onlineshop mit shop to date 425

12 Serviceteil - Tastaturkürzel, nützliche Webadressen, Glossar 429 Tastaturkürzel 429 Nützliche Webadressen 431 Glossar 434 Stichwortverzeichnis 440