Es ist mal wieder soweit. Diese Webseite ist in die Jahre gekommen und ein Update ist längst überfällig. Diesmal war es aber nicht das Design, das mich gestört hat. Vielmehr war es der Hoster 1und1, der mit seiner Umstellung auf Ionos alle ehemaligen Kunden, die kein Geld zahlen einfach so lange nervt, bis sie aufgeben. Zeit für einen Neustart! […]
weiter lesen
n den letzten 9 Artikeln dieser Serie habe ich ausführlich beschrieben, wie ich diese statischen Webseiten möglichst klug und effizient automatisiert werden können. Das letzte Hindernis zur Veröffentlichung ist das Hochladen auf Webspace der Webseite. Klingt zunächst einfach, wenn man immer alles hochladen möchte. Das ist aber nicht notwendig, stattdessen zeige ich hier, wie man einfach mit dem FTP-Server der Webseite synchronisiert. […]
weiter lesen
Ein RSS-Feed bietet für interessierte Besucher die Möglichkeit auf neu veröffentlichte Artikel hingewiesen zu werden. Dazu muss der Feed mit einem geeigneten Programm abonniert werden. Das Programm prüft dann regelmäßig, ob sich etwas geändert hat und weißt ggf. darauf hin. Mit den bisher durch das eigene Python-Skript zur Verfügung gestellten Informationen, ist es auch möglich einen solchen Feed zu erstellen. […]
weiter lesen
Da ein Großteil meiner Artikel über die programmiertechnische Lösung verschiedener Probleme handelt, ist die Möglichkeit zum Darstellen von Quellcode mit Syntaxhervorhebung nahezu unerlässlich. Die Lösung dafür ist meist ein komplexes CSS-Regelwerk. So auch im Fall von highlightjs. […]
weiter lesen
Ein Panoramabild bietet deutlich mehr Einblick in eine Szenerie als ein normales Bild. Damit man richtig “eintauchen” kann, reicht es nicht das Bild einfach zu zeigen, stattdessen benötigt man einen interaktiven Bildbetrachter. Die freie Bibliothek Panellum bietet einen Betrachter speziell für Panoramabilder auf Basis von HTML5 und Javascript. […]
weiter lesen
An eine Fotogalerie werden hohe Ansprüche gestellt. Es soll nicht nur komfortabel bedienbar sein, sondern muss auch schnell und modern ankommen. Dies ist ohne PHP und ohne Datenbank gar nicht so leicht zu erfüllen, aber mit Fancybox ist es möglich. Wie? Das beschreibe ich im sechsen Teil der Artikelserie zur Automatisierung statischer Webseiten. […]
weiter lesen
Im dritten Teil dieser Artikelreihe wurden allgemeine Informationen zu jedem Artikel gesammelt. In diesem Teil nutzen wir diese Informationen um die Menge an Artikeln zu organisieren. Neben extra Webseiten für jede Kategorie und dem Veröffentlichungsjahr ermöglichen uns diese Informationen auch das automatische Erzeugen einer Sitemap. […]
weiter lesen
Der vierte Teil der Artikelreihe dreht sich um Grafiken und das Problem der Skalierung der Grafiken zur Verwendung im Internet. Heutige Digitalkameras erzeugen hochauflösende Bilder, die 10 MB und mehr Speicherplatz benötigen und deshalb für die Verwendung im Internet skaliert werden müssen. […]
weiter lesen
Im dritten Teil der Artikelreihe zur Automatisierung dieser Webseiten beschäftigen wird uns mit dem Erfassen von Informationen über den Artikel aus dem HTML-Quellcode. Diese Informationen können genutzt werden, um die Artikel innerhalb der Webseiten zu ordnen, zu verlinken oder allgemein zu verwalten. […]
weiter lesen
Der zweite Teil dieser Artikelreihe beschäftigt sich mit dem Herzstück der Automatisierung: dem Python-Skript. Die Grundidee besteht darin, innerhalb einer Ordnerstruktur rekursiv alle HTML-Dateien zu erfassen, zu parsen, zu verarbeiten und schließlich das Ergebnis in einem Ordner abzulegen, der später auf den Webspace hochgeladen wird. […]
weiter lesen
Der Webhoster 1und1.de bietet unter anderem ein vorgefertigtes CGI-Kontaktformular zum Absenden von E-Mail Nachrichten an. Laut 1und1 solle man dieses über einen iframe einbinden, was allerdings nie in das Design der eigenen Webseite passt. Mit ein wenig Gespür kann man es aber auch selbst einbinden. […]
weiter lesen
Im ersten Teil dieser Reihe erkläre ich zunächst den Grundaufbau einer Webseite mit HTML5 und CSS3. Dabei wird besonderes Augenmerk auf die optimale Darstellung auf breiten Desktop-Bildschirmen wie auch auf Smartphones oder Tabletts gelegt. Das Geheimwort hierzu lautet flex. […]
weiter lesen
