Webseiten erstellen für Einsteiger

Immer mehr Menschen sind auf facebook unterwegs und so entwickelt sich die Seite mehr und mehr als Quelle für zahlreiche neue Besucher. Auf meinem Blog http://ugotit.de habe ich nun ein Tutorial geschrieben, wie man mit wenigen Schritten einen “Gefällt mir”-Button auf der eigenen Seite integrieren kann.

Der Vorteil sollte klar sein: Jeder der mit einem klick auf der Seite Interesse an den Inhalten bekundet informiert gleich seine Freunde und Bekannte auf Facebook über die neue Seite.

Ein häufig auftretender Fehler bei den ersten Schritten mit der eigenen Webseite ist die falsche Einbindung von CSS-Dateien. Das Konzept mit relativen Pfaden zu arbeiten ist gerade für viele Windows-Nutzer noch sehr neu und kompliziert und daher sieht die Seite dann oft anders aus als erwartet.

Nun gibt es zwei Möglichkeiten, dieses Problem zu beheben:

CSS-Datei im selben Verzeichnis wie die HTML Datei

Es ist nicht zwingend erforderlich eine CSS-Datei in einem anderen Ordner aufzubewahren auch wenn es irgendwann sehr unübersichtlich werden könnte, wenn alle Dateien in einem Ordner sind. Nehmen wir einmal an, die CSS-Datei trägt den Namen style.css, dann würden Sie die Datei, wenn Sie im selben Ordner wie die HTML-Datei liegt, mit folgendem Code einbinden:

1. <link rel="stylesheet" href="style.css" type="text/css" />

Der Vorteil hier ist auch, dass Sie so die Grafiken in der CSS-Datei einfacher einbinden können. Wenn Sie Ihre ersten Schritte mit HTML und CSS machen legen Sie ruhig erstmal alle Dateien in den gleichen Ordner, bringen Sie Ihre Seite “zum Laufen” und schaffen Sie dann Ordnung indem Sie Ordner für die Bilder und die CSS-Datei anlegen.

CSS direkt im HTML einfügen

Wenn es mit der Verknüpfung von HTML und CSS einfach nicht klappen will, dann können Sie auch den Inhalt der CSS-Datei erstmal in Ihr HTML-Dokument einfügen. Der Code, den Sie dann im head-Bereich Ihrer Seite einbinden, sieht ungefähr so aus:

1. <style type="text/css">
2. // Hier dann CSS einfügen
3. </style>

Ganz wichtig ist: Nicht wegen kleinen Fehler aufgeben sondern weiter an der eigenen Seite schrauben. Sehen Sie die beiden Varianten als leichteren Einstieg in die Arbeit mit CSS und HTML. Wenn Ihre Seite so aussieht, wie Sie es sich vorstellen, können Sie die Einbindung immer noch optimieren.

Das schöne an Sprachen wir jQuery ist die Tatsache, dass es regelmässig Updates gibt, die die Funktionen und vor allem die Geschwindigkeit von jQuery deutlich erhöhen.

Gerade wenn auf Eurer Seite nur einfache Skripte, wie beispielsweise die aus dem Buch, zum Einsatz kommen und ihr gleichzeitig kein Problem damit habt, dass Google sehr genau sieht, wie viele Besucher Eure Seite hat und was diese so ungefähr machen, dann könnt Ihr jQuery auch mit Hilfe der Google AJAX Libraries API in Eure Seite einbinden. weiterlesen

Nach zwei Jahren war es an der Zeit eine zweite Auflage von “Webseiten erstellen für Einsteiger” zu veröffentlichen. Ich habe in den vergangenen Monaten die Kapitel nochmal durchgearbeitet, verbessert und das zahlreiche Leserfeedback eingebaut. Für selbiges möchte ich allen Lesern auch direkt danken denn sowohl die Hinweise auf kleine Fehler als auch Fragen zu bestimmten Themen waren sehr hilfreich und haben es mir einfacher gemacht das Buch weiter zu verbessern.

Mit der zweiten Auflage bekommt man also ein verbessertes Buch zu den Themen HTML, CSS, JavaScript / jQuery und Suchmaschinenoptimierung und somit eine vollständige Einführung um die ersten Schritte im Netz selber gehen zu können.

In den kommenden Wochen und Monaten werde ich hier wieder öfter schreiben um Euch anhand einiger, für Einsteiger interessante, Tutorials zeigen, wie man mehr aus der eigenen Webseite macht und wo man weitere Informationen findet. Das Forum betreue ich ebenfalls weiterhin um auf Eure Fragen direkt eingehen zu können. Gebt mir hier nur ein paar Tage Zeit zum Antworten.

Als neuen Kanal um über das Buch zu sprechen und Kontakt aufzubauen habe ich eine Seite bei facebook angelegt. Vielleicht kommen wir ja auch hier ins Gespräch.