Kostenlose Grafiken, Icons und Templates im Web

Kostenlose Grafiken, Hintergründe und Vektoren im Netz

Als Webdesigner freut man sich immer über ansprechende Grafiken, Icons und Hintergründe, die man auf einer Internetpräsenz einpflegen kann. Viele Plattformen preisen ihre kostenfreien Vektorgrafiken an – jedoch ist damit nicht unbedingt ein umfassendes Nutzungsrecht verbunden. Neben dem Preis kommt es somit insbesondere auch auf die Nutzungsbedingungen an. Wir zeigen Ihnen, was Sie bei kostenlosen...

So binden Sie Iconfonts in Ihre Website ein

So betten Sie einen Iconfont in ihr HTML-Dokument ein

Icons werden in der Regel über CSS-Klassen in HTML eingebettet. Veranschaulichen lässt sich dieses Prinzip an einem der meistgenutzten Iconfonts: Font Awesome. Der mehr als 600 vektorbasierte Piktogramme umfassende Open-Source-Font überzeugt durch eine einfache Handhabung und regelmäßige Aktualisierungen. Das Installationspaket beinhaltet eine nahezu fertig konfigurierte CSS-Datei, die den...

Iconfonts – vektorbasierte Zeichensätze

Iconfonts – Webdesign mit vektorbasierten Piktogrammen

Nutzen Sie einen Iconfont, um funktionale Piktogramme auf Vektorbasis in Ihre Webseite einzubinden. Gegenüber klassischen Pixelbildern haben Vektorgrafiken den Vorteil, dass sie sich ohne Qualitätsverlust beliebig skalieren lassen. Zudem bietet die Einbindung über CSS (Cascading Style Sheets) weitreichende Möglichkeiten der einfachen codebasierten Ausgestaltung. Zahlreiche Open-Source-Projekte...

Pixelgrafik vs. Vektorgrafik – ein Vergleich

Pixelgrafik oder Vektorgrafik? Vor- und Nachteile im Vergleich

Wann nutzen Sie eine Pixelgrafik und in welchem Fall ist eine Vektorgrafik besser geeignet? Wir stellen die Vor- und Nachteile beider Klassen von Computergrafiken gegenüber und zeigen die jeweiligen Anwendungsbereiche auf. So verwenden Sie auf Ihrer Website an jeder Stelle das richtige Bildelement in optimaler Qualität.

Tutorial: Microdata-Markup nach Schema.org

So zeichnen Sie Ihre Website mit Microdata nach schema.org aus

Microdata bietet eine einfache und zugleich flexible Meta-Syntax für die semantische Annotation von Webseiteninhalten. Die Anwendung eines einheitlichen Markups nach schema.org stellt eine hohe Kompatibilität mit Webbrowsern und Suchmaschinen-Crawlern sicher. Zeichnen Sie ihren HTML-Code mit Microdata nach schema.org aus und profitieren Sie von erweiterten Suchergebnisdarstellungen wie Rich...

Tutorial: RDFa-Markup nach Schema.org

So zeichnen Sie Ihre Website mit RDFa nach schema.org aus

RDFa ist ein vom W3C empfohlener Standard zur Einbettung von Metadaten in HTML, HTML5, XHTML und andere XML-Dialekte. Das Datenformat gilt als Grundstein des Semantic Webs. Ein standardisiertes Vokabular wird durch das Projekt Schema.org zur Verfügung gestellt. Lernen Sie die Anwendungsmöglichkeiten und Grenzen des Datenformats kennen und verschaffen Sie sich einen Einblick in Auszeichnung mit...

Schema.org – ein Überblick

Was ist Schema.org?

Der Weg ins Web 3.0 lässt sich nur mit strukturierten Daten beschreiten. Doch Webseitenbetreiber, die Webcrawlern oder Screenreadern mit semantischer Annotation unter die Arme greifen möchten, sehen sich einer unübersichtlichen Auswahl an Auszeichnungen gegenüber. Um diesbezüglich Klarheit zu schaffen, wurde das Gemeinschaftsprojekt Schema.org ins Leben gerufen. Das standardisierte Mark-up beruht...

Strukturierte Daten – eine Einführung

Was sind strukturierte Daten?

Während Menschen beim Lesen einer Webseite automatisch Informationen strukturieren, sind Programme wie Webcrawler oder Screenreader auf eine spezielle Auszeichnung angewiesen, um semantische Zusammenhänge verarbeiten zu können. Diese Zusatzinformationen lassen sich durch ein entsprechendes Mark-up für strukturierte Daten im HTML-Code einbetten. Webseitenbetreibern stehen dazu vier Formate zur...

Twitter-Widget erzeugen & einbetten

Mit Twitter-Widget Tweets in die eigene Website einbinden

Um Twitter auf Ihrer Website einzubetten, haben Sie nicht nur die Möglichkeit, einen Button zu implementieren, der die Nutzer direkt zum Microblogging-Dienst weiterleitet; Sie können auch mithilfe eines Widgets, das Sie in Ihrem eigenen Twitter-Account erstellen, Beiträge und Favoriten verschiedenster Twitterer direkt auf Ihrer Website oder in Ihrem Blog anzeigen lassen. Die Umsetzung ist nicht...

Websites

IONOS Homepage-Tipps: Der Website-Ratgeber für alle

Die „Websites“-Rubrik des IONOS Digital Guides bietet Ihnen ausführliche Informationen zum Erstellen, Verwalten und Optimieren von Internetauftritten sowie Fakten und Hintergründe zu Webangeboten im Allgemeinen. Für einen besseren Überblick finden Sie mehrere Subkategorien mit verschiedenen Schwerpunkten. Dabei umfasst unser Homepage-Ratgeber sowohl Artikel für interessierte Anfänger als auch für erfahrene Webmaster.

Die Inhalte des IONOS Website-Guides

Die Rubrik „Websites“ bildet eine der sechs Hauptkategorien des Digital Guides von IONOS und ist ihrerseits noch einmal in vier Subkategorien unterteilt: „Webseiten erstellen“, „Webdesign“, „Web-Entwicklung“ und „Online-Recht“. Während im Feld „Webseiten erstellen“ vor allem die technischen Aspekte von Internetseiten im Fokus stehen, geht es bei den „Webdesign“-Artikeln um die optische Aufmachung des Contents, speziell die Umsetzung von Schrift, Bild und responsiver Darstellung, z. B. via HTML oder CSS. Unter die Rubrik „Web-Entwicklung“ fallen Beiträge zur Nutzung von Skriptsprachen wie PHP oder JavaScript sowie zu spezifischen Tools für die Weiterentwicklung von Internetangeboten. Aber auch grundsätzliche Informationen über Standards und Trends bei der Website-Entwicklung sind hier zu finden. In der Subkategorie „Online-Recht“ werden wesentliche gesetzliche Rahmenbedingungen des Internets vorgestellt – beispielsweise wie Sie der Impressumspflicht auf Ihrer Website gerecht werden oder worauf Sie bei der Verwendung von Bildmaterial achten sollten.

Der Website-Ratgeber für Webdesigner, Unternehmen und Technikbegeisterte

Der Website-Guide dient als Informationsportal für kleine und mittelständische Unternehmen sowie für Entwickler, Webdesigner und alle technikbegeisterten oder einfach an den Themen interessierten Leser. Viele Artikel des IONOS Digital Guide erfordern kaum Vorwissen, andere hingegen bauen auf einem gewissen Kenntnisstand auf: Einsteiger können sich über Beiträge wie „Grundlagen des Webdesigns“, „Was passiert beim Webseitenaufruf?“ oder „Mit HTML ein Video einbinden – so wird’s gemacht“ in viele Gebiete einlesen. Erfahrenere Nutzer haben die Chance, mit profunden Artikeln und Tutorials ihr Wissen weiter zu vertiefen. Ob Neuling, fortgeschrittener User oder Profi: In dieser Rubrik greifen Sie auf eine Vielzahl von nützlichen Homepage-Tipps und -Tricks zurück und finden reichlich Wissenswertes rund um das Thema Websites.


Auf dem Laufenden bleiben?

Jetzt für unseren Newsletter anmelden und gratis Online-Marketing Whitepaper für lokale Anbieter sichern!