Mein blog

Von heutigen Tag haben alle Webseiten von richardlagendijk.nl einen neuen Blick. Der neue Blick basiert auf dem css-Entwurf von Erwin Aligam. Sie können mehr seiner css-Entwürfe auf der Webseite StyleShout sehen.

Außer dem Ändern der css- und view-Dateien war es auch notwendig, einige controller Dateien und die Datenbank zu ändern. Das Gesamtwiederaufbauen wurde in ungefähr zwei Wochen getan.

Vor einem Jahr folgte ich einer Master Class PHP Kurs, um mehr über PHP, MySQL und Webentwicklung im Allgemeinen zu lernen.

Nach dem Kurs fing ich an, alle meine Webseiten wiederaufzubauen. Eine meiner Absichten war, mehr Besucher zu bekommen. Viele Jahre lang war die Zahl von Besuchern der Commodore Info Seite ungefähr 300 pro Monat. Ich setzte mich die Absicht von 1000 Besuchern pro Monat.

Die Besserung der Webseite:
- Suchmachine freundlichen URL'S.
- Qualitäts HTML und CSS.
- Seite-map, auf der Webseite und ein für Google.
- Jede Seite eine description und keywords.
- Mehr Inhalt auf jeder Seite.
- RSS Feed.

Nach allen Verbesserungen stieg die Zahl von Besuchern. Im Februar 2009 wurde die Absicht von 1000 Besuchern pro Monat erreicht. Aber es hielt nicht an, es ging immer höher. Im März entschied ich mich dafür, alle meine Images und Fotos umzubenennen.
Vor der Umbennenung der Bilder hatte ich ungefähr 400 Bilder im Google Bildindex. Nach der Umbennenung, der Zahl war gerade 40. Eine bedeutende Zahl von Besuchern war von Google Images. Die Zahl von Besuchern ging hinunter.

Probleme im Juli 2009. Die Bilder auf den Info-Seiten und in den Artikeln wurden alle in der vollen Größe durch den Browser geladen. Das bedeutete, dass in einem großen Artikel wie "Spot the Commodore" ungefähr 100 Bilder geladen wurde. Das lief auf 1 Mb von Daten pro Besuch hinaus. Meine maximale Bandbreite ist 10 GB pro Monat. Am Ende des Julis 2009 ging ich durch die Grenze und die Webseiten gingen offline seit einem Tag.

Am Anfang des Augusts 2009 entschied ich mich dafür, kleinere Versionen aller meiner Bilder zu machen und die Datenmenge zu reduzieren. Im August war die Datenmenge "gerade" 5 GB, aber mit sogar mehr Besuchern.

Manchmal scheint es, dass die ganze E-Mail SPAM ist. Nach Bilden einer Kontakt-Form für meine Webseiten, bekam ich immer mehr SPAM. Um die E-Mails über Armbanduhr, Pillen usw. zu reduzieren, entschied ich mich dafür, ein CAPTCHA System zu entwickeln. CAPTCHA: "Completely Automated Public Turing-test to tell Computers and Humans Apart". Welch bedeutet, dass das System den Unterschied zwischen einem Mensch und einer Maschine erzählen kann.

Um das "Commodore"-Thema zu bewahren, verwendete ich die ursprüngliche Commodore-Zeichen für mein CAPTCHA System. Das CAPTCHA Bild wird von sechs zufälligen Zeichen und Zahlen gemacht. Die Höhe und Breite der Zeichen ändern sich. Und horizontale und vertikale Streifen werden über das Bild gezogen.

Der SPAM von meiner Webseite ist zur Null, durch das CAPTCHA System, abgenommen.

Diese Internetseiten werden mit verschiedenen Browsern besucht. Die Mehrheit der Besucher, ungefähr 55%, verwendet Firefox. Danach ist es Internet Explorer mit ungefähr 30%. Die anderen verwenden Safari, Opera usw.

Ich entwickle diese Seiten auf einer Linux Plattform mit Firefox als Browser. Ich überprüfe die Seiten auch mit Safari auf meiner IPod-Touch.

Hier sind einiger die Probleme, auf die ich stieß:

Minimale Höhe einer div.

min-height: 465px; im css arbeitet mit IE6 nicht. Das ist nicht eine Überraschung, weil es überhaupt in IE6 nicht unterstützt wird. Es gab Fehler auf einigen Seiten. Einige divs verändernd, wird das Problem behoben.

Weißer Raum zwischen divs.

IE zeigt einen weißen Raum zwischen divs, wenn Sie margin und padding nicht angeben im css.
Lösung:
* {margin: 0px; padding: 0px;}

Bilder gehen aus dem divs aus.

Mit den Artikeln verwende ich einen div mit jedem Paragraphen. In diesem Paragraphen ist ein Stück des Textes und eines Bildes. Das Bild ist am linken oder am Recht durch eine float. Aber wenn das Bild "höher" ist als der Text, geht das Bild aus dem div aus. Der Boden des div ist auch die Teiler-Linie und macht eine Verwirrung des Lay-Outs.
Lösung:
Ein Teiler div zwischen jedem Paragraphen. Dieser Teiler macht die Teiler-Linie und tut auch einen clear: both;. Das wird die Teiler-Linie unter dem letzten des Bildes unabhängigen Paragraphen zwingen.

Für ein besseres Indexieren im Google Suchmachine machte ich eine Script, die einen xml Sitemap erzeugt. Dieser xml Sitemap wird zu Google, mit Googles webmaster Werkzeuge, hinzugefügt.

Nach der Einführung der neuen Version dieser Webseiten sind das Indexieren aller Images verloren gegangen. Um zu versuchen, das wiederherzustellen, nahm ich die folgenden änderungen vor:
Mit allen relevanten Images habe ich die Höhe- und Breite-Attribute eingeschlossen.
Danach gab ich Google die Erlaubnis, in Gooles webmaster Werkzeug, dass es alle Images mit einem Inhaltsverzeichnis versehen kann.

Auf allen Webseiten ist die "Startseite" Navigationslink jetzt in derselben Position.

Ich fügte eine robot.txt Datei hinzu, um Verwirrung zu verhindern. Mit dem mod_rewrite werden alle urls, nicht bestehend, in index.php umgestaltet. Die Suchmachinen dachten, dass index.php robot.txt war.

Das Rundschreiben-System arbeitet jetzt. Jeden Monat werden Mitglieder das Rundschreiben erhalten.
Im Rundschreiben werden die letzten Nachrichten von der Commodore Nachrichtenseite, die neuen Artikel von der Commodore Infoseite und den kommenden Veranstaltungen präsentiert.


Jedes neue Mitglied muss eine E-Mail Überprüfung tun. Das Ende des Abonnements ist auch möglich.

Heute überprüfte ich jede Links auf der Nachrichtenseite. Geändert einige Dutzend Links.

Auch ich ersetzte das letzte wenige nicht UTF-8 Charaktere mit UTF-8 Charakteren.

Heute bildete ich einige Verbesserungen zu den Webseiten.

Wenn Sie eine andere Sprache wählen, bleiben Sie auf derselben Seite, anstatt zum Menü zurückzugehen.

Die Titelseite von CIP zeigt jetzt die neusten Nachrichten von CNP.

Das Lay-Out der Seiten arbeitet besser jetzt, wenn Sie Internet Explorer verwenden.

Heute erhielt ich mein Zertifikat für die Kurs master-class PHP.

Die Endaufgabe:

Die Endaufgabe für den Kurs ist diese Sammlung von Webseiten. Es war ein großer Job, um meine neuen Webseiten zu bauen. Insgesamt nahm es ungefähr 6 Wochen und mehr als 150 Stunden, um zu vollenden. Um die Endaufgabe zu machen, machte ich von den folgenden Programmen Gebrauch: Kdevelop, Umbrello, kdesvn, GIMP, gFTP, Open Office und Firefox.

Zuerst werde ich mich einführen. Ich bin Richard Lagendijk und die Person hinter diesen Webseiten.
Ich werde etwas über die Geschichte meiner Webseiten erzählen.

Der Anfang:

Im Juli 2000 fing ich an, Webseiten zu bauen. Die ersten Schritte nahm ich mit Frontpage von Microsoft. Später schaltete ich auf Dreamweaver vom Adobe um. Aber PC-Gebrauch wurde ernster, und eine Änderung zu Linux war der folgende Schritt.

Linux:

Die Änderung zu Linux ging ohne Probleme, aber ich musste mich an neue Webentwicklungsanwendungen gewöhnen. Mozilla Composer war seit langem mein HTML-Editor. Danach arbeitete ich mit Nvu. Das Jahr 2007 wurde es klar, dass HTML nicht mehr genügend war. Die Commodore Info Seite war zu mehr als 850 statischen HTML Seiten gewachsen. Die Commodore Nachrichtenseite war fast 200 Seiten in der Größe. Änderungen und Aktualisierungen der Webseiten wurden ein Albtraum.

Der folgende Schritt:

PHP und MySQL. Nach dem Lesen eines Buches, PHP5 and MySQL Bible, fing ich an, meine ersten Scripts zu machen. Ich übertrug den Inhalt der Nachrichtenseite zu einer Datenbank. Das war eine riesige Aufgabe. Mehr als 500 Nachrichten mussten in die Datenbank kopiert werden. Die folgende Seite in die Datenbank war die Rätsel-Seite.

Die Suche nach Vollkommenheit:

Um ein folgendes Niveau zu erreichen, entschied ich mich dafür, einem PHP Kurs zu folgen. Ich folgte die Kurs master-class PHP von Eduvision. der Lehrer war Jan-Willem Eshuis.
In diesem Kurs lernte ich über den Object Orientierte Programmieren, mod_rewrites, (X)HTML, CSS, PHP, XML, MySQL, UML, MVC, Smarty und SVN. Um den Kurs erfolgreich zu beenden, musste ich eine Endaufgabe machen.