Beiträge von Johny

Habe meine Webseite bereits seit 2009, habe da Themen zum Kostenlosen erstellen von mehreren Onlineangeboten reingesetzt ... - vor 3 Jahren habe ich diese erstmals wieder angeschaut und siehe da: ca. 200 Besucher im Monat ... dann habe ich mich entschlossen, diese etwas auszubauen. Ich habe einige themennahe Unterseiten erstellt.

Damit sich die Jahresgebühr beim Hoster rentiert, ein wenig AdSense reingeworfen und fertig.

Jetzt seit dem die Ausbildung im Sommer letzten Jahr erfolgreich abgeschlossen wurde, konnte ich mehr Zeit finden, um mich wieder meiner Webseite zu widmen.

Ich änderte das Layout mithilfe von Onlinetools - erstellte erstmal ein html5 basierendes Layout und fügte meine bisherigen Inhalte da rein. Da ich in Zukunft weitere Themen in Unterseiten ansprechen möchte, müsste ich das Menü jedesmal neu vervollständigen und das auf jeder SEITE => VIEL ARBEIT ... da musste natürlich eine Lösung her. Nach einigen Nachforscherungen habe ich mich entschlossen, das Menü als Include-Element von PHP reinzusetzen - dafür musste ich jedoch jede Seite als PHP-Datei speichern. War ätzend, aber lohnenswert => nun habe ich eine Text-Datei (navigation.txt) worin der html-Code für die einzelnen Links drine stehen. Alle Seiten beziehen durch den include-Befehl: <?php include('navigation.txt'); ?> den Inhalt der Text-Datei und werden wie bisher mit dem Menü angezeigt. Wenn jetzt weitere Seiten entstehen, muss ich diese nur noch einmal in die navigation.txt - Datei als Html-Code einfügen und schon werden alle Seite mit dem neuen Menü angezeigt.

Durch SEO-Maßnahmen habe ich eine OnPage-Optimierung auf meiner Webseite durchgeführt - von Seite für Seite.

Resultat der ganzen Maßnahmen: ca. 2400 Besucher im Monat (genau vor einem Jahr 980 Besucher gehabt)

Jetzt sieht die Seite so aus:
http://www.kostenlos-erstellen.de

Definition Kaskadieren:

Verkettung von Bauelementen - das Kaskadieren wird in Html mit CSS ausgeübt. CSS steht übrigens für CASCADING STYLE SHEET und bedeutet nichts anderes alles hintereinander verschachtelte Gestaltung.

Mit CSS wird ein Gestaltungsbefehl definiert. Dieser kann sich auf andere Elemente vererben lassen (zum Beispiel: Body Hintergrundfarbe weiß, ohne spezielle Definition haben die anderen Elemente im Body ebenfalls einen weißen Hintergrund) - Diese Vererbung nennt man in manchen Kreisen ebenfalls kaskadieren.

imgrunde genommen muss du ein bisschen html-codes und css-codes miteinander verknüpfen.

für die faulen unter uns (ich auch ) benutze ich online ein css menü maker:
http://cssmenumaker.com/css-menus

da kannst du auch deine aufklappbaren menüs erstellen. nach fertigstellung einfach in die html-datei kopieren.

Habe das Layout meiner Homepage geändert. Navigation ist vertikal.

Oben Header, links stehen die Inhalte, rechts das Menü und unten der Footer:

[Blockierte Grafik: http://www.kostenlos-erstellen.de/forenbilder/layout.png]

Das Problem: steht wenig Text im Inhalt - dann wird die Höhe kleiner als die das Menü. Das Menü überschneidet sich dann unten am Footer und das soll eben nicht sein - das Footer soll wenn überhaupt nur an das Menü angrenzen.

Erkennt man, wenn man auf Kontakt geht:
http://www.kostenlos-erstellen.de/kontakt.php

Die Seiten sind alle als .php-dateien gespeichert, jedoch nur weil der Nav-Bereich rechts eine php-include Funktion besitzt. Alles andere sollte Html5 sein.

so auf den ersten blick habe ich das gefühl, das du einige Tags zwar anfängst, aber diese nicht richtig schließt.
achte mal darauf, wenn du beispielsweises mit <div> anfängst, diesen füllst und später nur einmal </div> eingibst um den tag zu schließen. und versuche table-,td-,tr tags zu vermeiden. ausschließlich div-container verwenden!

als anfänger ist es natürlich nicht einfach, aber muss sich mit dem thema seo früher oder später auseinandersetzen und da sind table tags nicht empfohlen, da diese viele codes benötigen und somit die ladezeit erhöhen.

ich bin mir jetzt nicht sicher, aber bei style="border:0" zum beispiel würde ich das anders formulieren. style-formate gehören zu css, und css hat da bestimmte vorgaben. da machst du es so:

style="border-width: 0px"

oder bei img-tags:

<img border="0" src="...bildquelle.jpg" />

ich empfehle dir dich in css noch etwas mehr einzulesen, gute seite dafür ist css4you.de

vor 6 jahren hatte mal die zeitschrift c't magazin das thema auf mehreren seite angesprochen. als begeisterte leser fing ich damals ebenfalls mit html an. html phase, espresso und nvu wurde damals als kostenlose html editoren empfohlen. ich selbst habe viele kostenlose ausprobiert und sehe da wirklich nicht große unterschiede. ok - einige editoren hatten meinen html code automatisch umgeschrieben, als dieses speicherte und als layoutansicht gezeigt haben wollte. ärgerlich, da man absichtlich seo-maßnahmen ergriffen hatte, die der editor vernichtend entfernte. seit dem sind schon einige jahre her. da ich das nur als hobby mache, bearbeite ich meine html codes mit dem txt-Editor klar ist etwas umständlich. finde aber, da es keine automatischen ergänzungen vom editor gibt, ist das ein gutes training html in und auswendig beherrschen zu können.