HTML

Tutorial: JSON-LD nach Schema.org

JSON-LD bietet Programmieren die Möglichkeit, Metadaten als Skript separat vom Webseiteninhalt im beliebten JSON-Format einzubetten. Die Trennung von HTML-Markup und semantischer Annotation sorgt für eine bessere Lesbarkeit des Quelltextes und ermöglicht eine komfortable Auszeichnung von Metadaten für dynamische Webinhalte. Damit ist JSON-LD ein ernst zu nehmender Konkurrent für Datenformate wie RDFa und Microdata. [...] Weiter 

Eine Homepage – was ist das eigentlich?

Was ist eine Homepage? Wer benötigt eine Webpräsenz und welche Möglichkeiten bieten sich Privatpersonen und Unternehmen, eine eigene Website für den repräsentativen Auftritt im Netz zu erstellen? Neben Anfängerlösungen, die eine Nutzung ohne Programmierkenntnisse erlauben, haben sich in den letzten Jahren vor allem Content-Management-Systeme für die flexible Verwaltung von Webinhalten etabliert. Profis hingehen schwören nach wie vor auf selbst geschriebene Quellcodes. [...] Weiter 

Parallax Websites: Scrolling-Effekte mit Tiefenwirkung

Die Netzgemeinde liebt Abwechslung – nicht nur in Bezug auf Inhalte, sondern auch hinsichtlich der Gestaltung von Internetseiten. Webdesigner und Softwareentwickler sind daher stets bemüht, mit kreativen Ideen hervorzustechen und Webseitenbesucher mit neuen Nutzer-Erfahrungen zu überraschen. Einer dieser innovativen Gestaltungsansätze ist das sogenannte Parallax-Scrolling, das sich wahrnehmungspsychologische Effekte zunutze macht, um räumliche Tiefe zu vermitteln. Wie das in der Praxis aussieht und welche Web-Techniken dahinter stecken, erfahren Sie in unserem Artikel zum Thema Parallax-Scrolling-Websites. [...] Weiter 

Der E-Mail-Knigge: Regeln für die perfekte Mail

Jeden Tag werden über 200 Milliarden E-Mails um die Welt geschickt – viele davon sorgen bei den Empfängern allerdings für wenig Begeisterung. Damit Ihre geschäftlichen Nachrichten in diesem E-Mail-Getümmel positiv auffallen, sollten Sie auf die richtige E-Mail-Etikette achten. Wenn Sie die wichtigsten Regeln befolgen, wirken Ihre E-Mails höflich und seriös. Auf solche Nachrichten antwortet man gern! [...] Weiter 

Die wichtigsten Meta-Tags im Überblick

Meta-Tags dienen Webseiten-Betreibern zur Angabe von Metadaten in HTML-Dokumenten. Die codierten Informationen interagieren mit Webbrowsern und Suchmaschinen-Crawlern und sind somit verantwortlich für die Durchsuchbarkeit des World Wide Web. Doch welche Meta-Elemente werden tatsächlich benötigt, um die Verarbeitung einer Webseite durch User-Agents zu verbessern? Und wie können Sie als Betreiber das Ranking Ihrer HTML-Seiten durch Meta-Angaben erhöhen? [...] Weiter 

Website anmelden: URLs bei Google eintragen

Wussten Sie, dass Sie Ihre Homepage anmelden können, um bei Google, Bing und Yahoo gefunden zu werden? Die Suchmaschinenanbieter bieten Webseitenbetreibern die Möglichkeit, URLs einzureichen, die in den Suchindex aufgenommen werden sollen. Wir zeigen Ihnen, wie Sie Ihre Website bei Google und Co anmelden und so die Sichtbarkeit Ihres Projekts im Internet erhöhen. [...] Weiter 

HTML lernen: Das große Einsteiger-Tutorial

In Zeiten von Content-Management-Systemen und Homepage-Baukästen entsteht schnell der Eindruck, dass es reine Zeitverschwendung sei, HTML zu lernen. Doch spätestens, wenn eine Seite aus unerkenntlichen Gründen nicht mehr funktioniert oder wenn dynamische Elemente eingebaut werden sollen, kommen Sie ohne Kenntnisse in der Websprache nicht mehr weiter. In unserem ausführlichen HTML-Tutorial stellen wir Ihnen aus diesem Grund die elementaren Eigenschaften der Auszeichnungssprache inklusive zahlreicher Codebeispiele vor. [...] Weiter 

SVG-Format: Einbindung von SVG-Vektorgrafiken

Vergrößert man Rastergrafiken über ihre eigentliche Auflösung hinaus, ist das immer auch mit einem Qualitätsverlust verbunden – in Zeiten von Responsive Webdesign ein ernst zu nehmendes Problem. GIF-, PNG- und JPG-Bilder displayübergreifend in ansprechender Form zu präsentieren, entwickelt sich so schnell zur Mammutaufgabe. Vektorgrafiken im SVG-Format erfreuen sich aus diesem Grund immer größerer Beliebtheit. Doch was steckt hinter dieser Technologie, die bereits 2001 als Standard ausgegeben wurde? Und wie binden Sie die flexiblen Bilddateien in Ihr Webprojekt ein? [...] Weiter 

Indexierungsmanagement mit der robots.txt

Mit der Datei robots.txt nehmen Webseitenbetreiber erheblichen Einfluss darauf, welche Bereiche ihres Projekts von Suchrobotern ausgelesen werden. Neben HTML-Meta-Tags, Weiterleitungen und dem Canonical-Tag ist die unscheinbare Textdatei im Stammverzeichnis der Domain ein wichtiges Werkzeug des Indexierungsmanagements. Wir zeigen, wie die robots.txt aufgebaut ist und was Webseitenbetreiber beim Anlegen der Datei beachten sollten. [...] Weiter 

Die besten Mock-up- und Wireframe-Tools

Bis ein Webprojekt so aussieht, wie es der Nutzer am Ende zu sehen bekommt, gehen Designer und Entwickler einen langen Weg. Denn von der ersten Idee bis zum fertigen Produkt muss man viele wichtige Entscheidungen treffen, Pläne schmieden und unter Umständen noch einmal ganz von vorne beginnen. Ein wichtiges Hilfsmittel sind sogenannte Mock-ups und Wireframes, die schon in einer frühen Entwicklungsphase helfen, einfache Prototypen von Entwürfen und Ideen zu erstellen. Noch effektiver arbeiten Sie mit passenden Mock-up- und Wireframe-Tools. [...] Weiter