by lars®
Webseiten werden zunehmend über Smartphones aufgerufen. Wenn diese auf den kleinen Geräten nicht angemessen dargestellt werden, ist das besonders frustrierend. Dies ist nicht nur für die Nutzerinnen und Nutzer ärgerlich, sondern auch für die Seitenbetreiberinnen und -betreiber, denn sie haben weniger zufriedene Homepage-Besucherinnen und -Besucher, als es möglich wäre. Daher müssen Webseiten speziell angepasst und ... Weiterlesen
Manchmal flackert der Bildaufbau der eigenen Websites, wenn Du Dich durch die einzelnen Menüpunkte klickst. Du hast ein punktgenaues Layout erstellt und trotzdem scheinen nicht auf allen Seiten alle Bildelemente übereinander zu liegen. Die wahrscheinlichste Ursache ist reltiv einfach: Du hast Inhalte, die einmal auf eine normale Bildschirmseite passen und einmal nicht. Passt nicht alles ... Weiterlesen
Jedes Mal das Rad neu zu erfinden, wenn es darum geht, ein Webseitenlayout zu erstellen. Daher hier mal der Versuch, einen vielseitig einsetzbaren Einstieg zu erstellen. Zunächst einmal das Standard-Layout als Skizze: Und hier kommt der HTML-Code: <!DOCTYPE html> <html lang="de"> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /> <!-- viewport meta to ... Weiterlesen
Tabulator-Menüs finden sich recht häufig auf einer Website. Ein gängiges Beispiel ist ein Online-Shop, für den unter dem eigentlichen Artikel die Tabulatoren "Beschreibung", "Technische Daten", "Bewertung" und "Zubehör" zu finden sind. Googelt man hier nach Lösungshinweisen, findet man viele ältere Hinweise, die nicht mehr ganz "State of the Art" sind. Eine gängige Umsetzung ist, die ... Weiterlesen
Google bewertet beim Ranking einer Seite auch deren Geschwindigkeit. Doch was macht das konkret aus? Ich habe mal einen kleinen Test gemacht: Die Seite https://www.lars-schlageter.com/objektiv-sigma-60mm-f2-8-dn-testbericht.html hat im Moment noch PageSpeed die folgenden Werte: Armselig. Ich hab vergessen die Bilder vernünftig für das Web zu komprimieren Für das Keyword "objektiv test sony alpha 6000" rankt die ... Weiterlesen
Fertige Bibilotheken für ein responsive Menu gibt es viele. Meist sind die recht schnell angepasst und in die eigene Homepage eingebaut. Was aber, wenn man von einem Grafiker ein Design für ein Menü vorgegeben bekommt und genau das nachbauen soll? Genau vor der Aufgabe stehe ich zur Zeit. Ich trage in diesem Artikel das nötige ... Weiterlesen
HTML HTML ist die Seitenbeschreibungssprache, die eine Website definiert. Neben dem aktuellen HTML 5 kann auf alten Websites auch noch HTML 4.01 in Gebrauch sein. Das HTML 5 Grundgerüst <!DOCTYPE html> <html lang="de"> <head> <title></title> <meta charset="utf-8" /> <link rel="stylesheet" href="p.css" type="text/css" media="screen" /> </head> <body> </body> </html> <!DOCTYPE html> HTML-Definition für HTML5 <html> Notwendig ... Weiterlesen
Diese kleine Tutorial zu PHPist primär für mich als Gedankenstütze entstanden. Eventuell hilft es auch Einsteiger mit Kenntnissen einer anderen Programmiersprache. Gute HTML-Kenntnisse sind zum Verständnis nötig. Was ist PHP? PHP ist eine Skriptsprache, mit der grosse Projekte realisiert werden können. Der PHP-Interpreter läuft hier auf dem Webserver und liefert als Output reguläres HTML. PHP ... Weiterlesen
Hinter it-zeugs.de stand ursprünglich das CMS MODX. Nun habe ich alle Artikel nach WordPress konvertiert. Zunächst habe ich es mit dem kostenpflichtigen Dienst CMS2CMS versucht. Der war jedoch eine riesige Enttäuschung, da hier die Konvertierung unvollständig war und auch die Kommunikation mit dem Kunden schlecht. Nach einiger Recherche fand ich eine Möglichkeit, das ganze mit ... Weiterlesen