Fallstudie: Die Wahl der richtigen Nische

Wie ich vor ein paar Beiträgen angekündigt habe, werde ich dir anhand einer Fallstudie zeigen, wie man mit einfachen aber wirkungsvollen Schritten einen erfolgreichen Webauftritt errichten kann. Und um dies noch ein wenig interessanter zu gestalten, habe ich als zusätzliches Ziel ausgerufen, mit dieser Seite innerhalb von einem Jahr monatlich mindestens 100 Euro verdienen zuMehr lesenFallstudie: Die Wahl der richtigen Nische

Mach es jetzt! Sofort!

Ist es nicht jeden von uns schon einmal so gegangen? Wir haben einen wirklich guten Einfall oder eine einzigartige Idee und wir sagen uns: „Das muss ich unbedingt mal machen!“. Unbedingt! Aber nicht jetzt. Das hat noch Zeit. Die Idee habe ich ja im Hinterkopf. Aber bald werde ich mich auf jeden Fall daransetzen undMehr lesenMach es jetzt! Sofort!

Fallstudie: Von 0 auf 100 Euro in 12 Monaten

Ich möchte heute mal etwas Neues versuchen. Die Idee dazu geistert mir schon seit einigen Wochen durch den Kopf. Auslöser waren die Arbeiten am neuen webmatze.de Webauftritt und der damit verbundenen Überarbeitung und Übertragung all meiner bisherigen Artikel und Blogeinträge auf das neue System. Mir wurde klar, dass ich im Laufe der Jahre einige BeiträgeMehr lesenFallstudie: Von 0 auf 100 Euro in 12 Monaten

Die Sprache eines Links kennzeichnen

Ein bislang fast nie benutztes Attribut des <a> Tags ist das Attribut hreflang, welches beschreibt in welcher Sprache die Seite geschrieben ist, zu der ein Link führt. Dieses Attribut darf nur gesetzt werden, wenn auch das href Attribut angegeben wurde.

Doch scheint das hreflang Attribut keinen wirklichen Nutzen zu haben, da es ja in keiner Weise auf der angezeigten HTML Seite dargestellt wird. In den nächsten Abschnitten möchte ich zwei Wege zeigen, wie man das Attribut doch sichtbar machen kann.

Die CSS Methode

Moderne Browser wie Firefox erlauben es per CSS auf Elemente der Seite mit bestimmten Attributen zuzugreifen und diesen dann einen Style zuzuweisen. Dies geschieht, indem man den Attribut Namen in eckigen Klammern hinter den Tag Namen schreibt:

a[hreflang] {
	...Styles...
}

Mehr lesenDie Sprache eines Links kennzeichnen

Text in Spalten darstellen mit „CSS3 Columns“

Um beliebigen Text in Browsern mit HTML darzustellen, braucht es nicht vieler Kenntnisse. Am einfachsten ist es den gewünschten Text zwischen zwei <p> Tags zu packen und schon wird er als Paragraph auf der Seite dargestellt. Doch wie schafft man es Text wie in einer Zeitung über mehrere Spalten hinweg darzustellen? Also so, dass der Text unten in der ersten Spalte endet und oben in der zweiten Spalte fortgeführt wird! Das ist mit HTML nicht möglich? Falsch! Mit dem neuen CSS3 Modul: Multi-column layout soll dies nun doch möglich werden. Und wer schon den neuen Browser Firefox 1.5 besitzt, kann dies gleich hier an dieser Stelle testen!

Anzahl der Spalten festlegen

Um festzulegen, mit wievielen Spalten ein Text dargestellt werden soll, braucht man nur folgende CSS Eigenschaft anzugeben: -moz-column-count. Wobei das Prefix -moz- speziell für den Firefox definiert wurde, da es sich hierbei noch nicht um einen endgültig anerkannten Standard handelt. Sollte sich dieser Standard durchsetzen, würde man das Prefix weglassen und nur noch column-count verwenden. Als Wert gibt man nun die Anzahl der Spalten an:

Mehr lesenText in Spalten darstellen mit „CSS3 Columns“

Back to Top