h1 {font-family: sans-serif}

Möchte man dem h1-Element noch eine Schriftgröße zuweisen, z.B. 14px, dann schreibt man diese Angabe ebenfalls in die geschweiften Klammer:

h1 {font-family: sans-serif; font-size: 14 px}

Die Angaben werden mit einem Strichpunkt voneinander getrennt. Man kann beliebig viele Formatierungsanweisungen miteinander kombinieren.

Inhalt und Struktur sind getrennt

In der Regel legt man eine eigene Datei mit den Styles an. Das so genannte Stylesheet – im Prinzip eine einfach Textdatei – wird per Befehl in die HTML-Datei eingebunden. Ruft ein Browser die Seite auf, schaut er im Stylesheet nach, wie er die HTML-Elemente darstellen soll.
Dasselbe Stylesheet kann beliebig vielen HTML-Dateien zugeordnet werden. Das heisst, alle Seiten greifen dann auf dieselben Formatierungen zurück. Das hat einen großen Vorteil: Will man eine Formatierung ändern, z.B. die Schriftgröße, genügt eine kleine Korrektur im Stylesheet. Es ist nicht nötig, alle HTML-Seiten zu bearbeiten.

Die Vorteile von Cascading Stylesheets

• Änderungen an Formatierungen können schnell und an zentraler Stelle umgesetzt werden
• Mit CSS kann man Inhalte für unterschiedliche Ausgabemedien (z.B. Bildschirmdarstellung, Druckversion, Smartphone) optimieren.
• Der HTML-Code bleibt schlank, da die Formatierungen nur einmal zentral festgelegt werden.
• Schlanker Code bedeutet weniger Traffic auf dem Server und spart Kosten.
• Die Seiten sind mit deutlich weniger Zeitaufwand zu pflegen.

CSS bieten sehr umfangreiche und reizvolle Möglichkeiten, eine Webseite zu gestalten, die weit über die Möglichkeiten von reinem HTML hinausgehen. Sehr schöne und anschauliche Beispiele für das, was mit CSS möglich ist, zeigen diese Seiten: www.csszengarden.com

Foto: istockphoto.com

Das Prinzip ist einfach, trotzdem ist es ein kleines Kunststück, die verschiedenen Parameter, die Google zur Gestaltung einer Kampagne anbietet, gut aufeinander abzustimmen.

Vier Schritte zur ersten AdWords™-Kampagne

• Konto anlegen
  Unter www.adwords.google.de legen Sie ein Nutzerkonto an. Dafür fällt eine geringe Schutzgebühr für die Aktivierung an. Momentan sind das 5 Euro.
• Limits festlegen
  Sie legen fest, wie viel Sie pro Klick und pro Tag zahlen möchten. Mit diesen Angaben steuern Sie, wie häufig Ihre Anzeige erscheint. Ein höheres Gebot bewirkt, dass Ihre Anzeige häufiger geschaltet wird. Das heißt: Hohes Gebot = mehr Klicks und umgekehrt.
• Suchbegriffe (Keywords) auswählen
  Parallel legen Sie die Suchwörter fest, nach denen Ihre potenziellen Besucher Sie und Ihre Anzeige finden sollen. 
Hier müssen Sie sowohl die Gewohnheiten Ihrer Kunden richtig einschätzen (welche Begriffe verwenden sie, was kommt ihnen als erstes in den Sinn) als auch Ihr eigenes Angebot. Finden die Nutzer tatsächlich relevante Inhalte zum Suchwort X  auf Ihrer Seite? Haben Sie etwas zu bieten, dass die Besucher dann auch wirklich zu Interessenten oder Kunden macht?
• Klein anfangen und ausprobieren
  Fangen Sie mit einer kleinen Liste Keywords und mit einer einzelnen Kampagne an. Im Laufe der Zeit bekommen Sie ein Gefühl dafür  und können die Parameter Ihrer Kampagne korrigieren und anpassen. Auch lernen Sie allmählich das Umfeld besser kennen. Vielleicht besetzt ein Mitbewerber dasselbe Suchwort wie Sie und überbietet Sie im Preis pro Klick. Ihre Anzeige rutscht dann automatisch nach unten oder erscheint seltener. Dann müssten Sie eigentlich Ihr Gebot erhöhen – vielleicht lohnt es lohnt sich aber auch, nach anderen, alternativen Suchbegriffe zu suchen.
  Google gibt gute Tipps zur Einschätzung der Kosten zu Beginn der Kampagne. Läuft die Kampagne, nutzen Sie auf jeden Fall die Google‘s AdWords™-Benutzeroberfläche – ein mächtiges Anlaysetool – um Ihre Kampagne zu überwachen und auszuwerten.

Wissenwertes zu Google AdWords™

Der Qualitätsfaktor

Wo und wann Ihre Anzeige erscheint, hängt nicht nur davon ab, wieviel Geld Sie Google für einen Klick auf Ihre Anzeige bieten. Google bringt noch ein eigenes Kriterium ein: Den Qualitätsfaktor. Google möchte nämlich seinen Kunden stets relevante Inhalte bieten. Passt eine Anzeige so gar nicht zum damit verknüpften Suchwort, wird sie keinen Erfolg haben, und sie wird einfach nicht erscheinen.
Der Grund: Anzeigen auf einer Suchergebnisseite, die am Interesse des Nutzers vorbeigehen, werden nicht angeklickt. Google würde also weniger verdienen. Ein besseres Geschäft sind Anzeigen, die inhaltlich einen guten Bezug zur Suchanfrage haben, denn sie werden eher angeklickt.

Anzeigentext

Laut Google liegt liegt der tatsächliche Betrag, den Sie ein Klick kostet, in der Regel unter Ihrem maximalen Gebot. Der Erfolg einer Kampagne hängt stark mit der Qualität Ihrer Anzeige zusammen. Je besser der Text der Anzeige ist, desto günstiger fällt Ihre Kosten/Nutzenrechnung aus. Wenn alles gut zusammenspielt, werden aus Besuchern Kunden.

Landing-Page

Sie sollten für jede Kampagne eine eigene Landing-Page einrichten. Das ist die Seite, auf die der Link in Ihrer Anzeige verweist. Auf dieser Landing-Page fangen Sie den Besucher auf, bieten ihm exakt den Inhalt, der zu dem Suchbegriff, dem er auf der Spur ist, passt. Und bereiten Ihr Angebot so auf, dass der Besucher mit ein, zwei Klicks etwas auf der Seite tun kann, das ihn zu einem Kunden macht.

Mitbewerber

Ihr Erfolg und Ihre Kosten hängen stark davon ab, was Ihre direkten Mitbewerber zu zahlen bereit sind bzw. welche Suchwörter sie besetzen. Versuchen Sie, Ihre Nische zu bestimmen, richten Sie Ihre Anzeige auf Ihr spezifisches Marktsegment aus.

Streuverluste

Die Streuverlusten der AdWords™-Anzeigen sind sehr gering, da die Anzeigen nur eingeblendet werden, wenn nach einem bestimmten Begriff gesucht wird. 
Noch ein Vorteil: Sie können Ihre Kampagne regional ausrichten. Ihre Anzeige wird dann nur in einer bestimmten Region oder Stadt eingeblendet. Selbstverständlich können Sie auch landesweit oder international schalten.

Messbarer Erfolg

Sie können die Wirksamkeit einer Kampagne (ROI = return of investment) sehr gut messen. Über kleine Programmschnipsel, die in Ihre Homepage eingebunden werden, kann man nachvollziehen, welche Unter-Seiten der Interessent besucht hat, ob eine Anfrage oder Bestellung erfolgt ist und einiges mehr.

Websites werden mobil

Eine Website smartphonetauglich zu machen, ist relativ einfach. Professionell codierte Seiten werden über Stylesheets (CSS) gesteuert, das heißt, alle Schriftgrößen, Bildformate und das Layout können unabhängig von den Inhalten verändert werden. Moderne Browser fragen ab, mit welchem Gerät der Besucher unterwegs ist. Klopft ein Smartphone an, lädt der Browser das passende Stylesheet und alle Texte bleiben gut lesbar. Allerdings sind Smartphones nicht die einzigen Geräte, die zur Zeit den Markt aufmischen. Die Tablet-Computer – allen voran das iPad – halten Einzug in den Alltag der Nutzer. Und die entwickeln ganz neue Gewohnheiten: „Beeinflusst von der Smartphone-Nutzung sind wir 2012 nicht mehr Always-On, sondern Always-In-Touch. Es wird für uns selbstverständlich, mit mobilen Endgeräten immer und überall online zu sein. Was dabei zählt, sind intuitive Bedienung, Geschwindigkeit und Einfachheit“, erläutert Alastair Bruce, Director Retail Google Germany. „Für Unternehmen wird mehr denn je der direkte Zugang zu den Nutzern sowie die inhaltliche, zeitliche und räumliche Nähe entscheidend sein.“ (Quelle: Studie GOSMART 2012). Websites müssen plötzlich ganz neue Ansprüche erfüllen. Einen Tablet-Computer kann man zum Beispiel im Hochformat und im Querformat in der Hand halten – beim Desktop-Rechner war so etwas nie ein Thema. Links und Menüs müssen sich auch mit dem Finger gut aktivieren lassen, Schriften dürfen nicht auf eine feste Größe fixiert werden. Eine Website, die diesen Ansprüchen nicht gerecht wird, verliert Nutzer. Für Unternehmen heisst das: Sie verlieren Kunden.

Muss man für jedes Endgerät eine eigene Version parat haben?

Im Prinzip ja. Aber das ist einfacher als es klingt. Das Zauberwort lautet: Responsive Design. Über die modernen Coding-Techniken (CSS, MediaQueries, Javascript) lassen sich Designs erstellen, die mitdenken. Das Layout der Website passt sich dann automatisch den Anforderungen des Endgerätes an, das sie gerade aufgerufen hat. Wie das aussieht, beschreibt Ethan Marcotte in seinem Artikel bei A List Apart. Mein Lieblingsbeispiel ist www.colly.com, die Website von Simon Collison: Das Layout bewegt sich, wenn man das Browserfenster verkleinert: Aus mehreren Spalten wird am Ende eine einzige, Bilder verändern ihre Größe und alle Schriften bleiben immer lesbar. Das alles passiert durch ein paar Zeilen Code, der im Hintergrund seine Arbeit tut. Tipps für Designer und weitere Beispiele findet man hier: Smashing Magazine: Guidelines To Responsive Webdesign

Da ist es doch eine gute Idee, einen kleinen Wettbewerb auszuloben. Man bittet drei Agenturen, einen Vorschlag für sein Projekt auszuarbeiten. Die Agentur, die den Entwurf liefert, der  am besten gefällt, bekommt den Zuschlag. Die anderen beiden gehen leer aus.
So kann eigentlich nichts schiefgehen, oder?

Irgendjemand zahlt immer

Die Agentur muss die Kosten natürlich irgendwie wieder hereinholen. Am einfachsten geht das, indem sie am Ende etwas mehr auf die Rechnung schreibt. Nämlich genau die Summe, die sie am Anfang investiert hat. Oder sie erhöht ganz einfach ihre Preise und bittet alle ihre Kunden zur Kasse. Auch der Kunde mit dem »Wettbewerb« zahlt am Ende die Zeche.

Je knapper die Agentur kalkulieren muss, je strenger muss sie mit ihrer Zeit haushalten. So kann es leicht passieren, dass die Website, die auf den ersten Blick so schick aussah, nach wenigen Wochen nur noch Fehlermeldungen ausspuckt. Das ist nicht nur ärgerlich, sondern auch ziemlich teuer.

Arbeit, die in ein solches Projekt fließt, kostet die Agentur Zeit und Energie. Ressourcen, die von den Projekten der zahlenden Bestandskunden abgezogen werden.

Kein guter Einstieg

Für die eine Gruppe der Agenturen sind unbezahlte Wettbewerbe einfach Teil des Geschäfts. Die Kosten werden auf den üblichen Wegen (s.o.) wieder hereingeholt. Fair und transparent ist das nicht.
Für eine andere Gruppe von Agenturen sind kostenlose Arbeiten der Strohhalm, nach dem sie in schlechten Zeiten greifen. Aber ist ein wirtschaftlich klammer Partner wirklich eine Empfehlung?

Selbst wenn sich drei Agenturen finden, die das Spiel mitspielen, bekommt der Kunde wahrscheinlich nicht das, was er braucht. Ein Design, das er hübsch und eindrucksvoll findet, ist mit ziemlicher Sicherheit nicht das, was sein Geschäft voranbringt. Denn nicht er, sondern seine Kunden müssen damit zurechtkommen.
Aber welche Agentur, die einen Wettbewerb gewinnen will, wird ausgerechnet jetzt lästige Fragen stellen?

Design-Schnäppchen im Netz

In letzter Zeit sind auch im deutschprachigen Raum viele Web-Portale entstanden, die solche Design-Wettbewerbe veranstalten. Potenzielle Kunden werfen eine Aufgabe in die Runde und viele eifrige Designer laden ihre Entwürfe hoch. Am Ende sucht sich der Auftraggeber den Schönsten aus und der Designer bekommt das ausgelobte Honorar. Das liegt sehr oft im unteren dreistelligen Bereich.
Auf Englisch heisst eine kostenlose Arbeit übrigens SPEC Work, das ist die Abkürzung von »speculative work«. In den USA gibt es ein recht umtriebiges Netzwerk von freiberuflich arbeitenden Designern, die mit Informations-Kampagnen gegen dieses zweifelhaftes Konzept zu Felde ziehen.

Im Twitter-Feed von Specwatch zum Beispiel kann man die neusten krummen Touren nachlesen: Designer beschummeln ihre Auftraggeber, indem sie Illustrationen von Bildagenturen klauen und als originären Logoentwurf präsentieren. Und Auftraggeber hauen Designer übers Ohr, indem sie den »Wettbewerb« kurz vor der Entscheidung unter einem Vorwand beenden, um am Ende das Honorar von 300$ zu sparen.

Besser fair und transparent

Sie ahnen es, wir arbeiten nicht umsonst.

Aber wir sind uns der Schwierigkeit bewußt, die die Suche nach dem richtigen Partner mit sich bringt. Wir bieten daher jedem Interessenten einen individuellen Workshop zu einem fairen Preis an.
Wenn Ihr Unternehmen sich weiterentwickelt hat und Ihre Publikationen angepasst werden sollen oder Sie Ihre Website überarbeiten möchten, aber den Wald vor lauter Bäumen nicht sehen, dann könnte ein Workshop ein guter Einstieg in den Umbauprozess sein.

Wenn eine gemeinsames Projekt zustande kommt, schreiben wir Ihnen die Kosten für den Workshop mit der ersten Rechnung gut.
Fragen Sie uns, wir entwickeln für Sie den Workshop, der zu Ihnen passt.

Ein Designauftrag gliedert sich dadurch in zwei Phasen: Die Anfertigung der Entwürfe (Werkvertrag § 631 BGB) und die Einräumung von Nutzungsrechten (Lizenzvertrag § 31 UrhG). Das Honorar, das der Urheber für seine Leistung erhält, orientiert sich an Art und Umfang der Nutzung durch den Auftraggeber.

Ein Beispiel: Der Entwurf einer privaten Homepage wird mit einem geringen Honorar abgegolten, wogegen die Website eines international tätigen Unternehmens analog zu den geschäftlichen Vorteilen, die die Website dem Unternehmen bringt, berechnet wird.

Die Vorteile der Nutzungsrechte

Sinn dieser Konstruktion ist ein transparentes, faires Preissystem, von dem beide Seiten profitieren. Der Auftraggeber zahlt für den konkreten Nutzen, den er aus einem Produkt ziehen kann. Nicht mehr und nicht weniger.
Gibt es keine ausdrückliche Vereinbarung über die Rechte, so gilt automatisch das einfache Nutzungsrecht. Das heisst, der Auftraggeber darf das Werk zu dem in dem vorliegenden konkreten Auftrag vereinbarten Umfang nutzen. Mehrauflagen, Neuauflagen, Nutzungen in anderen Einsatzbereichen oder Ländern müssen gesondert verhandelt werden.

Streitpunkt Daten

Die Daten, die ein Gestalter erstellt um ein Werk zu produzieren, gehören grundsätzlich allein dem Designer. Möchten ein Auftraggeber diese Daten übernehmen und selbst weiterbearbeiten, so muss das gesondert vereinbart und vergütet werden. Auftraggeber sollten eine solche Vereinbarung direkt bei Auftragsvergabe treffen, so dass Gestalter oder Autoren die erweiterte Nutzung in ihre Kalkulation einbeziehen können.

Auch Bilder von Bildagenturen unterliegen Nutzungsrechten, so genannten Lizenzen. Die Rechte an lizensierte Bildern liegen daher stets bei der Bildagentur, also weder beim Designer noch beim Auftraggeber. Ist die Lizenz abgelaufen, dürfen die Bilder nicht mehr verwendet werden.
Anders verhält es sich bei lizenzfreiem Bildmaterial. Hier werden alle Nutzungsrechte in der Regel mit einer einmaligen Zahlung abgegolten.