Webseiten erstellen für Einsteiger

Sie haben noch keine Erfahrung mit Websites, möchten aber einen Webauftritt haben, den Sie frei gestalten können, ohne durch eine Plattform oder Technik eingeschränkt zu sein? Keine Sorge, das ist machbar. Und auch gar nicht so schwer. Dieses Buch zeigt Ihnen, wie's geht: In lockerer und verständlicher Sprache werden die Techniken HTML, CSS, JavaScript und Suchmaschinenoptimierung für Google beschrieben. Vorkenntnisse werden nicht vorausgesetzt, vielmehr wird bereits zu Beginn an einem praktischen Beispiel erklärt, was sich aus technischer Sicht hinter den Begriffen Browser, Website und Co. überhaupt verbirgt.Nach der Lektüre können Sie eine technisch sauber umgesetzte und visuell ansprechende Beispielwebsite erstellen. Außerdem wissen Sie, wie Sie das Layout an iPhone, PC, Laptop und andere Geräte anpassen. So erhalten Sie eine Website, die den Kriterien des Responsive Webdesign genügt. Das ist aber nur das halbe Ziel: Sie lernen auch wichtige, kostenlose Hilfsmittel kennen, mit denen Sie bspw. Ihre Website für Google optimieren, Dienste wie Google Maps nutzen Sie oder einen Online-Shop erstellen.

Videos, Fotos, Karten, Kontaktformulare, mobile Websites

Für wen ist dieses Buch? ... 131. Ein eigener Webauftritt in fünf Minuten ... 171.1 ... Die Visitenkarte des Zauberers ... 181.2 ... Welche Technik lässt das Web ticken? ... 261.3 ... Fazit ... 302. Wer braucht was - die eigene Website planen ... 312.1 ... Wie sieht eine gute Website aus? ... 312.2 ... Warum wollen Sie eine Website? ... 332.3 ... Was? Wen? Wie? Womit? ... 342.4 ... Umsetzung planen ... 382.5 ... Fazit ... 413. Ein besserer Webauftritt in drei Stunden ... 433.1 ... Für den Dienst anmelden und die Site einrichten ... 443.2 ... Den Seitenaufbau festlegen ... 453.3 ... Die Bilder festlegen ... 473.4 ... Das Layout umsetzen ... 473.5 ... Fazit ... 514. Die ersten Schritte mit HTML und CSS ... 534.1 ... Die Vorteile einer eigenen Website ... 534.2 ... Alle Webseiten bestehen aus HTML ... 544.3 ... Sie schreiben selbst HTML ... 574.4 ... Woher kommt die Gestaltung? ... 664.5 ... Das richtige Werkzeug - der HTML-Editor ... 764.6 ... Besser lesbares HTML für Browser und Mensch ... 814.7 ... Fazit ... 895. Die eigene Website erstellen ... 915.1 ... Das Konzept ... 925.2 ... Den Inhalt mit HTML anlegen ... 955.3 ... Die Gestaltung mit CSS ... 1125.4 ... Fazit ... 1656. Die eigene Website im Internet ... 1676.1 ... Die Website ins Internet bringen ... 1676.2 ... Browser ist nicht gleich Browser ... 1796.3 ... Bildschirm ist nicht gleich Bildschirm ... 1916.4 ... Gerät ist nicht gleich Gerät ... 2156.5 ... Mit Neugier zu immer besseren Websites ... 2236.6 ... Fazit ... 2257. Ein Kontaktformular anlegen ... 2277.1 ... Kontaktformular oder E-Mail-Adresse? ... 2277.2 ... Pflichtangaben zum Kontakt ... 2287.3 ... Die Standardlösung ... 2297.4 ... Ein einfaches Kontaktformular ... 2297.5 ... Planung und Gestaltung ... 2337.6 ... Der HTML-Code für unsere Arzt-Beispielsite ... 2347.7 ... Das Skript auf dem Server ... 2377.8 ... Fazit ... 2418. Mehr Interaktivität mit JavaScript ... 2438.1 ... Das erste JavaScript ... 2448.2 ... Ein schnelles Skript für die Beispiel-Website ... 2468.3 ... JavaScript und HTML trennen ... 2508.4 ... Funktionen ... 2528.5 ... Variablen ... 2558.6 ... Arrays ... 2588.7 ... Ereignisse ... 2608.8 ... Beispiel: Ein schlaues Formular ... 2608.9 ... Text auf der Seite einfügen ... 2698.10 ... Text auf der Seite elegant ändern ... 2718.11 ... Auf Fehlersuche - Debugging ... 2748.12 ... Fazit ... 2809. Die Site spielend finden und benutzen - Suchmaschinenoptimierung, Usability, Accessibility ... 2819.1 ... Suchmaschinenoptimierung ... 2829.2 ... User Experience & Usability /Benutzerfreundlichkeit ... 3069.3 ... Accessibility - Barrierefreiheit ... 3099.4 ... Fazit ... 31010. Noch mehr Inhalt - Videos, Fotos, Karten und soziale Netze einbinden ... 31110.1 ... Google Maps & Bing Maps ... 31110.2 ... YouTube & Vimeo ... 31410.3 ... Fotodienste - Flickr und Google Photos ... 31610.4 ... Slideshare ... 31910.5 ... Soziale Netzwerke - Facebook und Twitter ... 32010.6 ... Fazit ... 32611. Marketing und Werbung - Gutes tun und darüber reden ... 32711.1 ... Klassische Werbung ... 32811.2 ... Werbung im Internet ... 32911.3 ... Marketing im Internet ... 33811.4 ... Fazit ... 35112. Mit der eigenen Website Geld verdienen ... 35312.1 ... Welche Möglichkeiten gibt es? ... 35312.2 ... Ein Beispielwebshop - Aro Argentinos Fanshop ... 35812.3 ... Fazit ... 36313. Starke Werkzeuge - so nutzen Sie Ihr neues Wissen für noch bessere Websites ... 36513.1 ... Was Ihnen Ihr neues Wissen ermöglicht ... 36513.2 ... Werkzeuge für Einsteiger ... 36713.3 ... Werkzeuge für Fortgeschrittene ... 37413.4 ... Werkzeuge für Profis ... 38313.5 ... Fazit ... 399Anhang A. Übersicht der wichtigsten HTML5-Elemente, CSS3-Eigenschaften und -Selektoren ... 401A.1 ... HTML5-Elemente ... 401A.2 ... CSS3-Eigenschaften ... 405A.3 ... CSS3-Selektoren ... 411Anhang B. Glossar ... 413Index ... 419