Teil I Einführung web to date NG für Einsteiger & Umsteiger. kennenlernen & ältere Projekte migrieren... 17

Transkript

1 Inhalt Teil I Einführung web to date NG für Einsteiger & Umsteiger 1. Sofort starten: die besten Neuerungen kennenlernen & ältere Projekte migrieren Die Neuerungen in web to date NG im Überblick Schnellstart mit web to date NG: in fünf Schritten zur eigenen Website Schritt 1: Website-Projekt anlegen und eine passende Vorlage auswählen Schritt 2: Passen Sie Design und Struktur der automatisch erstellten Website an Schritt 3: Füllen Sie Ihren Webauftritt mit attraktiven Textinhalten Schritt 4: Fügen Sie Ihrer Website Bilder und weitere ansprechende Inhalte hinzu Schritt 5: Schalten Sie Ihre Website frei und sorgen Sie dafür, dass sie im Internet gefunden wird Ältere web-to-date-projekte in die Next Generation migrieren die perfekte Strategie Sofort beginnen: Projekt anlegen und mit wenigen Handgriffen auf dem Webserver installieren Vorbereitung für den gelungenen Webauftritt: die perfekte Webadresse kreieren, Webspace besorgen, MySQL-Datenbank einrichten Alle für Sie wichtigen Infos über Webserver & Webhosting Speicherplatz, Transfervolumen und Co.: der Check-up für Ihren Webauftritt... 49

2 FTP-Zugangsdaten besorgen, MySQL-Datenbank einrichten diese Daten benötigen Sie gleich in web to date NG Projektzentrale: neue Projekte anlegen und in wenigen Schritten einrichten Weitere Projekte anlegen, bestehende Projekte verwalten: die Projektzentrale im Überblick Anmeldung auf dem Webserver und Projekt clever online bearbeiten Die Bedienoberfl äche des web to date NG Client von Anfang an im Griff Per Under-Construction-Site und Revisionsmodus: in Bearbeitung befi ndliche Webseiten für andere unsichtbar lassen Under Construction? So machen Sie Ihre unvollendete Website unsichtbar Website bereits sichtbar? Einzelne Webseiten im Revisionsmodus diskret bearbeiten Sie möchten Ihrem Webauftritt neue Ordner und Seiten hinzufügen? Blenden Sie diese während der Bearbeitung zunächst aus Teil II Webdesign ganz einfach und mit unendlich vielen Möglichkeiten 3. Design und Schriftformate auswählen und ganz Ihrem individuellen Geschmack anpassen Der ultimative Überblick: Diese Designs stehen Ihnen in web to date NG zur Verfügung Die Auswahl ist groß: das perfekte Design und die am besten geeignete Variante aussuchen So leicht wie nie zuvor: die Schriftformate perfekt gestalten... 79

3 4. Designs beliebig bearbeiten: Navigation, Logos und Co. individuell anpassen Entscheiden, welche Absatzbereiche Sie mit Ihren Inhalten füllen möchten Das Erscheinungsbild Ihrer Website bestimmen Sie selbst! Jetzt geht s richtig los: allgemeine Einstellungen zu Gesamtbreite, Hintergrund oder Seitenüberschriften Absatzbereiche ein- oder ausblenden und richtig schön gestalten Für eine individuelle Website ein echtes Muss: eigenen Eyecatcher und eigenes Logo einsetzen Den Eyecatcher mit Text versehen so wird s gemacht Sie wünschen sich einen schlichten Eyecatcher ohne Bild? Dann verwenden Sie nur eine Überschrift Selbst das ist möglich: externe Elemente, etwa eine Diashow, als Eyecatcher einbinden Auch Ihr Firmenlogo soll Bestandteil des Website-Designs sein? Sorgen Sie für eine übersichtliche und ansprechende Navigation auf Ihrer Website Die Hauptnavigation perfekt konfi gurieren so läuft s in web to date NG Sie wünschen sich eine zusätzliche Navigation für untergeordnete Webseiten? Und so bestimmen Sie, wie Ihre Website-Besucher die allgemeinen Seiten aufrufen können Website-Besucher sollen die Website nach beliebigen Textinhalten durchsuchen dürfen? Das Suchfeld in der Navigation oben individuell einrichten Sie möchten den Standardtext im Suchfeld ändern? Mit einem Suchfeld den Eyecatcher aufwerten Die Volltextsuche in einem beliebig positionierbaren Absatz ebenfalls schnell eingebaut Sie haben sich für ein Standarddesign entschieden? So einfach erfolgt die Designbearbeitung Das Logo defi nieren, das auf der Website dargestellt werden soll Sorgen Sie auch in den Standarddesigns für einen ansprechenden Eyecatcher Das Standarddesign mit einer ansprechenden Farbwahl individualisieren Und so bestimmen Sie, welche Absatzbereiche in einem Standarddesign dargestellt werden sollen

4 5. Die Struktur Ihrer Website gekonnt und übersichtlich festlegen Von Anfang an auf eine klare Struktur Ihrer Website achten Die Struktur einer Website verändern das ist kein Hexenwerk Drei Fragen für einen gelungenen, gut strukturierten Webauftritt Mit web to date NG neue Ordner und Seiten anlegen Eine neue Seite innerhalb eines Ordners erstellen und als Indexseite festlegen Ordnernamen ändern, Seitengrafi k und Kurztext einfügen etc.: wichtige Eigenschaften festlegen Bestimmte Inhalte sollen auf mehreren Webseiten dargestellt werden? Den Website-Besucher auf eine externe Webseite umleiten Teil III Content-Management tolle Inhalte einfügen und komfortabel verwalten 6. Texte, Bilder, Videos, Social Media und mehr einbinden: die Absatztypen Eine leere Webseite mit den von Ihnen gewünschten Absätzen füllen Sie wollen einen Absatz als Vorlage für einen anderen verwenden? So duplizieren Sie ihn Mit wenigen Mausklicks einen Absatz auf der Seite anders positionieren Absätze von einer Seite auf eine andere verschieben Überschrift ändern und Änderungen speichern weitere wichtige Absatzoptionen, die Sie kennen müssen Der ultimative Überblick: Diese genialen Absatztypen lassen sich in web to date NG einsetzen

5 6.3 Noch mehr Platz für Ihre Absätze: Spaltenbereiche, Register und Akkordeons anlegen Macht richtig was her: Ihre Absätze in bis zu drei Spalten einteilen Thematisch zusammengehörende Inhalte in übersichtlicher Form durch Registerkarten präsentieren Dank Akkordeon: So kann Ihr Website-Besucher selbst entscheiden, welche Inhalte er betrachten möchte Die Grundlage jeder Website: neue Textabsätze und Co. anlegen und mit Ihren eigenen Inhalten füllen Farben, Links und mehr: die besten Tipps für die optimale Darstellung Ihrer Website-Texte Völlig mühelos Textabsätze mit Ihren Inhalten füllen und diese ansprechend formatieren In einem Textabsatz auf eine andere Seite verlinken so geht es Schritt für Schritt Optimal für Hervorhebungen: Ihren Textabsatz (und auch andere Absatztypen) mit einem Effektrahmen versehen Zur Aufl ockerung: einen Textabsatz mit einer Marginalspalte versehen Ihre Zahlen, Daten und Fakten übersichtlich in Aufzählungen und Tabellen darstellen Mit ganz wenig Aufwand attraktive Aufzählungen auf Ihre Website bringen Schön gestaltete Tabellen einbinden und mit Ihren Zahlen, Texten sowie Bildern füllen Aufmacher & Sitemap: Der Website-Besucher kann alles Wichtige auf einen Blick erfassen Ihren Website-Besuchern mit einer Sitemap einen Überblick über Ihre Website verschaffen Der Aufmacher ein vielseitiger Absatztyp, um Ihren Website-Besuchern Übersicht und Laune zu verschaffen Sie möchten Ihre Website-Inhalte in mehreren Sprachen verfügbar machen? Kontaktinfo und Co.: wichtige Angaben, die auf Ihrer Website auf gar keinen Fall fehlen sollten Wichtige Infos auf den allgemeinen Seiten platzieren so funktioniert s

6 8.2 Diese Informationen dürfen auf vielen Websites nicht fehlen Impressum Haftungsausschluss Datenschutzerklärung Allgemeine Geschäftsbedingungen Kontakt Für Lob, Kritik oder Fragen: Möglichkeit der schnellen Kontaktaufnahme für Ihre Website-Besucher Webseiten attraktiv gestalten: Fotos, Videos, Musik und weitere Inhalte einbinden Bilder in web to date NG importieren und auf übersichtliche Weise verwalten und bearbeiten Jederzeit die Übersicht über Ihre Bilder behalten: Bilderordner anlegen und Bilder importieren Überschrift, Kurztext, ALT-Tag: wichtige Eigenschaften für Ihre Bilddateien festlegen Ihre Bilder direkt in web to date NG bearbeiten und passend zuschneiden Bilder in Ihre Website einbauen dank pfi ffi ger Absatztypen bringen Sie Ihre Website-Besucher zum Staunen Einzelne Bilder auf Ihrer Website in Szene setzen mit dem Standard-Bildabsatz Gleich mehrere Bilder in einem 3-D-Bildkarussell animieren Auch für umfangreichere Bildgalerien geeignet: der Absatztyp Bild-Matrix Ihre Bildergalerie in einer fl exiblen Bild-Matrix noch abwechslungsreicher darstellen Eine hübsche kleine Diashow in die Website einbauen Bildwechsel für Ihren Webauftritt damit sich auf Ihrer Website was bewegt Picasa, Flickr & Co.: Bilder aus einer externen Quelle in die eigene Website einbinden YouTube-Clips oder auf der Festplatte gespeicherte Videodateien einbinden Videodateien in ein passendes Format konvertieren Videodateien vom PC auf den Webserver hochladen und per Absatz in den Webauftritt einbauen Platz auf dem Webserver sparen und zusätzliche Betrachter anziehen: Videoclips via YouTube einbinden

7 9.4 Sie wollen den Website-Besuchern Hörproben Ihres Chors anbieten? Auch das ist kein Problem Audiodateien auch in anderen Formaten in die Website einbinden das klappt per Code Für Straßenkarten und Co.: ohne große Bastelei kostenlose HTML-Clips von anderen Anbietern nutzen Die eigene Google-Karte per HTML-Clip in Ihren Webauftritt einbinden Die Alternative zum HTML-Clip: externe Inhalte per IFrame einbinden Zugriffszähler und Co.: Bieten Sie auf Ihrer Website stets aktuelle Inhalte an Mit einem Zugriffszähler allen zeigen, wie beliebt Ihre Website ist Für Eilmeldungen oder sonstige aktuelle Infos: So bauen Sie eine Laufschrift ein Onlinetagebuch leicht gemacht: den besten Anbieter wählen und losbloggen Ein kostenloses Blog für Ihre Website: WordPress auf dem Webserver installieren Das WordPress-Layout anpassen und Ihr Blog in die Website einbinden Für News & more: So klappt der Einbau eines RSS-Feeds PDF-Dokumente und andere Dateien zum Download anbieten dank web to date NG völlig mühelos Ihre Downloads in web to date NG importieren und auf der Website bereitstellen Direkt öffnen oder herunterladen? Das müssen Sie beim Einbauen eines Download-Links beachten Das beste Format für Ihre Webdokumente: PDF-Dateien für Formulare, AGBs und Co. erstellen Downloads per Aktionsbutton auffälliger und attraktiver gestalten Dateien in der Cloud: Dropbox & Co. für Ihr Download-Angebot nutzen

8 12. Facebook, Twitter, Google+, Chat, Forum: Ihre Website als moderne Kommunikationsplattform Fast schon ein Muss: Buttons für Facebook, Twitter und Google+ anbieten Ihre Mitteilungen bei Facebook, Twitter und Google+ auch auf Ihrer Website veröffentlichen Like-Button und mehr: die verschiedensten Facebook-Plug-ins in die Website integrieren Ihre Tweets per Widget (auch) auf Ihrer Website veröffentlichen Noch viele weitere soziale Netzwerke berücksichtigen per AddThis-Button Lassen Sie sich von Ihren Website-Besuchern die Meinung sagen: Feedback-Formulare kinderleicht erstellen Dafür sorgen, dass das Webformular an Sie verschickt werden kann Damit Ihre Website-Besucher untereinander kommunizieren können: einen eigenen Chat anbieten Im Forum den Austausch zu unterschiedlichen Themen ermöglichen oder einfach ein Gästebuch anbieten Ihr Forum einrichten und in die Website einbauen das ist noch zu tun Ein Gästebuch und weitere Homepage-Gimmicks in die Website einbauen Teil IV Alles für Ihren Onlineerfolg Webauftritt veröffentlichen, SEO, Werbung & Co. 13. Ihre Website auch auf Smartphone und Tablet-PC: für die Nutzung auf mobilen Geräten anpassen Denken Sie stets auch an mobile Nutzer: So wird Ihre Website auch auf dem Smartphone perfekt umgesetzt

9 Die optimale Aufl ösung festlegen und einen ansprechenden Hintergrund wählen Der Website-Besucher hat die Wahl gestalten Sie diese hübsch und zum übrigen Design passend Darf auch beim mobilen Design nicht fehlen: den passenden Eyecatcher fürs Smartphone festlegen Entscheidend auch für die mobile Website: eine klare und übersichtliche Navigation Ein Suchfeld in die mobile Website einbinden so geht s Bestimmen Sie, welche Absatzbereiche auf der mobilen Website angezeigt werden sollen Automatische Umleitung auf die mobile Site gewünscht? Mit wenigen Handgriffen die gängigen User Agents einrichten Ihre Website für die Öffentlichkeit sichtbar machen, aktualisieren, pfl egen und sichern Ihrer Website den letzten Schliff geben und sie dann einem Millionenpublikum zugänglich machen Geben Sie Ihrer Website einen aussagekräftigen Titel Ihr Website-Logo anlegen einfacher geht s kaum Website für die Öffentlichkeit freischalten Praktisch, wenn Sie mal Urlaub haben: Ordner, Seiten und Absätze zeitgesteuert aus- oder einblenden Beispiel FileZilla: Dateien auch unabhängig von web to date NG auf den Webserver übertragen Schritt für Schritt: Mit FileZilla auf dem Webserver abmelden und Dateien übertragen Ordnerinhalte löschen und ein Website-Projekt von einem Ordner in einen anderen verschieben Stets auf Nummer sicher: Backups speichern bzw. Projekt aus Backup wiederherstellen Ihre Website aus einer Sicherung wiederherstellen das ist schnell erledigt Ihre Website soll bei Google ganz weit oben auftauchen? Unterstützung von web to date NG bei der Suchmaschinenoptimierung Damit Ihre Website im Internet ganz sicher gefunden wird: wichtige Angaben zur Suchmaschinenoptimierung machen

10 Wichtige Angaben für Suchmaschinen ergänzen: Beschreibung, Keywords und mehr Link-Kataloge, bei denen Sie sich unbedingt anmelden sollten Nicht auf die Suchroboter warten, sondern selbst bei Suchmaschinen anmelden Überlassen Sie dem SEO Traffi c Booster die Suchmaschinenoptimierung und das Anmelden So hilft web to date NG Suchmaschinen mit einer Sitemap auf die Sprünge Komplett zum Nulltarif: nützliche Webmaster-Tools von Google Halten Sie sich mit Google Analytics stets detailliert über Ihre Website-Besucher auf dem Laufenden Google Analytics zum Messen Ihres Onlineerfolgs einsetzen Für Ihre Website die Werbetrommel rühren: Social Media Marketing und weitere Möglichkeiten nutzen Bringen Sie Ihre Website bei Facebook und in anderen sozialen Netzwerken groß raus Kostenlose Werbung: Lassen Sie die Presse über Ihre Website berichten Werbung, die Geld kostet interessante Anbieter und Möglichkeiten kennenlernen Mit Ihrer Website Geld ver dienen: Werbung schalten oder Waren anbieten so funktioniert s Cash generieren mit Google AdSense: auf Ihrer gut besuchten Website zielgruppenorientierte Werbung schalten Sie wurden ins AdSense-Programm aufgenommen? So einfach erstellen Sie eine neue Anzeige Kassieren Sie Provisionen, wenn Ihre Website-Besucher bei Partnern Einkäufe tätigen Direkt Kasse machen: Partnerprogramme ohne Vermittler nutzen Werbung oberhalb der Website einbauen so funktioniert es Schritt für Schritt Oder möchten Sie selbst Waren übers Internet verkaufen? Diese Software bietet Ihnen alles, was Sie dazu brauchen Ihren professionellen Onlineshop mit shop to date aufziehen komfortabler geht s kaum

11 Teil V Service-Teil Tastaturkürzel, nützliche Webadressen und Glossar Tastaturkürzel Nützliche Webadressen Allgemein Webdesign Rechtliches Bilder, Musik, Videos Domain, Webhoster, Upload Soziale Netzwerke Suchmaschinen und Link-Kataloge Werbung und Marketing Weitere nützliche Google-Dienste Foren rund um web to date Glossar Stichwortverzeichnis