CSS-Befehle
CSS-Befehle: Häufig verwendete Anweisungen
  • Webdesign

CSS-Befehle sorgen im Zusammenspiel mit HTML für das Aussehen einer Website. Dabei sind Inhalte von der Gestaltung getrennt. Einige Befehle werden immer wieder gebraucht und sollten sauber im Code der CSS-Datei eingearbeitet sein. Welche sind das? Wie ist deren Syntax? Funktionieren CSS-Befehle in allen Browsern? Unser Ratgeber hilft mit einem Überblick von häufig verwendeten CSS-Befehlen und mit...

CSS-Befehle: Häufig verwendete Anweisungen
CSS in HTML einbinden
CSS in HTML einbinden: Eine Anleitung mit Beispielen
  • Webdesign

HTML und CSS gehören zu den Kernelementen des World Wide Webs und werden oft in Kombination miteinander verwendet. Arbeiten Sie mit einem HTML-Dokument und möchten CSS einbinden, gibt es interne und externe Methoden, mit denen sich die Formatvorgaben für Ihre Textinhalte effektiv umsetzen lassen. Hier finden Sie eine praktische Anleitung mit Beispielen.

CSS in HTML einbinden: Eine Anleitung mit Beispielen
CSS: Padding vs Margin
CSS: Padding vs. Margin – Bestandteile des Box-Modells im Überblick
  • Web-Entwicklung

Die Vielzahl von Befehlen, die eine Programmiersprache wie CSS beinhaltet, kann herausfordernd sein. Kein Grund zur Sorge: In unserem Übersichtsartikel CSS Padding vs. Margin lernen Sie die wichtigsten Unterschiede dieser beiden Formatierungsbefehle kennen. Außerdem stellen wir Ihnen das einprägsame Boxmodell vor, damit Sie die beiden CSS-Befehle problemlos auseinanderhalten können.

CSS: Padding vs. Margin – Bestandteile des Box-Modells im Überblick
Hybrid-App – das Beste aus Web- und Native App?
Hybrid-App: Was unterscheidet sie von anderen App-Formaten?
  • Web-Entwicklung

Aufgrund der immer größeren Verbreitung von Mobilgeräten wie Smartphones oder Tablets ist es nicht verwunderlich, dass auch die Zahl verfügbarer Anwendungen ständig steigt – die App-Entwicklung floriert. Doch App ist nicht gleich App: Über die Jahre haben sich diverse Formate herausgebildet. Eines von ihnen ist die Hybrid-App, in der die Vorteile einer Native App und einer Web-App verschmelzen...

Hybrid-App: Was unterscheidet sie von anderen App-Formaten?
Die eigene App erstellen: Die Planung
Eine eigene Native Mobile App erstellen – Teil 1: Die Planung
  • Web-Entwicklung

Mobile Apps dienen der Information, der Unterhaltung oder anderen Zwecken und sind aus dem Alltag von Smartphone- und Tablet-Usern nicht mehr wegzudenken. Wenn Sie selbst eine vielversprechende Idee für eine Applikation haben, müssen Sie sich nicht vor deren Umsetzung scheuen. Denn mittlerweile ist es nicht mehr allein Programmierern vorbehalten, eine App zu entwickeln. Unsere Reihe erklärt Ihnen...

Eine eigene Native Mobile App erstellen – Teil 1: Die Planung
Progressive Web-Apps | Welche Vorteile bieten sie?
Progressive Web-Apps: Was versprechen die progressiven Apps?
  • Web-Entwicklung

Der App-Markt hat schon einige neuartige und progressive App-Formate hervorgebracht: Auf die konventionellen Native Apps folgte die Entwicklung von Web-Apps und Hybrid-Apps. Doch was ist nun eine Progressive Web-App (PWA)? Grundsätzlich fußt sie auf dem Konzept der Web-App und überführt Websites in ein App-Gewand – jedoch gehen PWAs noch einen Schritt weiter und versprechen, die nativen Funktionen...

Progressive Web-Apps: Was versprechen die progressiven Apps?
JavaScript in HTML einbinden
JavaScript in HTML einbinden: Einfache Anleitung und Beispiele
  • Web-Entwicklung

Möchten Sie eine statische HTML-Datei beleben und interaktiv gestalten, so können Sie ganz einfach JavaScript in HTML einbinden. JavaScript-Elemente ergänzen die Funktionen einer Website um dynamische Features und sorgen für moderne, kreative Online-Auftritte. Welche Möglichkeiten es dafür gibt, zeigt unsere Anleitung.

JavaScript in HTML einbinden: Einfache Anleitung und Beispiele
Push-Nachrichten deaktivieren
Push-Nachrichten deaktivieren: Benachrichtigungen einfach ausschalten
  • Web-Entwicklung

Push-Nachrichten versorgen Sie mit einer Vielzahl an Informationen wie Nachrichten-Updates oder neuen Produktangeboten. Dabei kann der Überblick schon mal verloren gehen, wenn Benachrichtigungen für viele Apps aktiviert sind und diese in kurzen Abständen aktuelle Infos teilen. Mit wenigen Handgriffen können Sie in Apps und im Browser Push-Nachrichten abstellen. Wir zeigen, wie.

Push-Nachrichten deaktivieren: Benachrichtigungen einfach ausschalten
Push-Nachrichten aktivieren
Push-Nachrichten aktivieren: Benachrichtigungen individuell einstellen
  • Web-Entwicklung

Mit Hilfe von Push-Nachrichten erhalten Sie stets aktuelle Informationen zu Neuigkeiten in Apps und von Websites. Push-up-Nachrichten zu aktivieren ist kinderleicht, wenn Sie wissen wie. Mit wenigen Klicks können Sie die Benachrichtigungs-Einstellungen an Ihre Wünsche anpassen und verwalten. Wir zeigen Ihnen, was zu tun ist.

Push-Nachrichten aktivieren: Benachrichtigungen individuell einstellen
Hello World
Hello World! So funktioniert ein Hallo-Welt-Programm
  • Web-Entwicklung

Der Text „Hello World“ zählt zu den ersten Schritten beim Erlernen einer Programmiersprache. Ein Hallo-Welt-Programm dient dazu, so einfach und verständlich wie möglich die Funktionsweise einer Programmiersprache zu veranschaulichen. Als Tradition bereits 1974 von Bell Laboratories geprägt, finden sich Code-Beispiele für ein Hello-World-Programm heute in fast jedem Programmierlehrbuch.

Hello World! So funktioniert ein Hallo-Welt-Programm

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.