Responsive Webdesign für Einsteiger

responsive-webdesign

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

HTML / CSS: "Ruckler" beim Bildaufbau von eigenen Websites

it-zeugs-default

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

Standardframework für Webseiten-Erstellung

it-zeugs-default

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

HTML / CSS: Tabulator-Menüs (Reiter-Menüs) auf einer Website realisieren

it-zeugs-default

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

Test: Wie wirkt sich die Geschwindigkeit der Seite auf das Ranking aus?

it-zeugs-default

Google bewertet beim Ranking einer Seite auch deren Geschwindigkeit. Doch was macht das konkret aus? Ich habe mal einen kleinen Test gemacht: Die Seite http://www.schlageter.ch/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

Meine Webseite wurde gehackt, was nun?

website-gehackt

Wenn deine Website gehackt wurde und sich nun plötzlich Schadcode darauf befindet, gilt es einiges zu beachten. In diesem Artikel zeige ich dir, was du wissen und tun musst, wenn deine Webseite gehackt wurde. Besten Dank an Manuel von der nexcon ag, der mir viele entscheidende Hinweise gab. Einen Hack feststellen Viele Webprovider scannen ihre ... Weiterlesen

Wie finde ich den für mich passenden Webhosting-Provider?

it-zeugs-default

Webhosting-Provider gibt es viele, welchen sollte ich nehmen? Diese Frage ist leider nicht ganz einfach zu beantworten. Der billigste ist hier nicht immer gleich der Beste. Ich selbst bin eher der konservative Typ. Bin ich mit einem zufrieden, bleibe ich bei ihm. Seit gefühlten Urzeiten bin ich mit meinen wichtigsten Domänen bei all-inkl.com. Damals waren ... Weiterlesen

HTML 5 / CSS Einsteiger Tutorial

HTML CSS Tutorial

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

PHP Tutorial

it-zeugs-default

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

HTML / CSS: Das eigene responsive Menu ohne Javascript

it-zeugs-default

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