Websites

Bootstrap-Alternativen: Die besten Frontend-Frameworks im Überblick

Bootstrap gilt als die beliebteste Framework-Lösung zur Konzeption und Kreation funktionsstarker Weboberflächen. Die Sammlung aus HTML-, CSS- und JavaScript-Komponenten, die Twitter im Jahr 2011 unter der freien MIT-Lizenz veröffentlichte, erfreut sich ohne Zweifel einer großen Community sowie einer Vielzahl an Erweiterungen, Schnittstellen zu Content-Management-Systemen und vorgefertigten Themes. Dennoch existieren lohnenswerte Alternativen zu Bootstrap, die durchaus eine Überlegung wert sind. [...] Weiter 

Premiere-Pro-Alternativen: Kostenlose Video-Editoren

Digitale Schnittprogramme wie Adobe Premiere Pro gehören zum professionellen Standard der Video-Bearbeitung. Doch sowohl im semi-professionellen als auch im privaten Bereich gibt es aktuell erstaunlich gute Premiere Pro-Alternativen. Unabhängig davon, ob Sie für den Job, das Social-Network-Profil oder einfach nur zum Spaß einen guten Video-Editor suchen – wir stellen die besten Gratis-Programme zur Videobearbeitung vor. [...] Weiter 

SVG-Format: So binden Sie die Grafikdateien in Ihre Website ein

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 

Adobe-Illustrator-Alternativen: Welche kostenlosen Alternativen zu Illustrator gibt es?

Mit vektorbasierten Grafikprogrammen erstellt man Zeichnungen und Designs für das Web oder den Druck. Adobe Illustrator ist in diesem Bereich die mit Abstand am weitesten verbreitete Anwendung – viele Profis schwören auf sie. Allerdings hat die Software auch einen stolzen Preis. Demgegenüber findet man auch einige Vektorgrafikprogramme, die kostenfrei erhältlich sind. Welche kostenlosen Illustrator-Alternativen gibt es und über welche Funktionen verfügen diese? [...] Weiter 

Alternativen zu Adobe Lightroom: So verwalten Sie Fotos gut und gratis

Digitale Fotografie und Bildbearbeitungs-Software ermöglichen Laien und Profis, mit wenig Aufwand zahllose Fotos ganz einfach zu erstellen, zu archivieren und zu bearbeiten. Um individuelle Alben zu erstellen und Bilder zu optimieren, muss man nicht immer auf kostenpflichtige Programme zurückgreifen. Wir zeigen die besten kostenlosen Adobe-Lightroom-Alternativen, mit denen Sie Ihre Fotos ganz praktisch verwalten und optimieren können. [...] Weiter 

Wie man einen Facebook-Like-Button und -Share-Button einbindet

Darf man den Angaben von Facebook glauben, haben Nutzer, die regelmäßig zum Gefällt-mir-Button greifen, mehr als doppelt so viele Freunde wie der typische Facebook-User. Außerdem klicken sie mehr als fünf Mal so oft auf externe Links. Um solche besonders aktiven Nutzer zu erreichen, empfiehlt das Unternehmen die Implementierung sogenannter Social-Plug-ins, die die bekannten Interaktionsknöpfe des sozialen Netzwerkes direkt auf Ihre Website bringen. Was genau hinter den berühmten Buttons steckt und warum Sie lieber auf Alternativen zu den Facebook-Plug-ins zurückgreifen sollten, erfahren Sie in diesem Ratgeber. [...] Weiter 

Symfony: Nützliche PHP-Bibliotheken für Ihr Webprojekt

Über 30 eigenständige Komponenten, ein vierjähriger Langzeit-Support und bereits über 500 Millionen verzeichnete Downloads: Das PHP-Framework Symfony zählt unbestritten zu den erfolgreichsten Komponenten-Sammlungen der beliebten Skriptsprache. Doch was steckt eigentlich genau hinter dem Projekt der französischen Firma SensioLabs? Und für welche Arten von Webanwendungen lohnt sich der Einsatz des Web-Application-Frameworks überhaupt? [...] 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 

Leseverhalten im Netz: Online-Content richtig gestalten

In den letzten Jahren hat sich so einiges geändert: Viele Abläufe, die vor kurzem noch in der Offlinewelt verortet waren, finden mittlerweile fast ausschließlich nur noch digital statt. Egal ob Kommunikation oder Konsum, das Internet verändert die Gewohnheiten und den Alltag der Menschen. Auch das Leseverhalten ist anders – im Netz werden Texte eher gescannt als Wort für Wort durchgelesen. Das hat auch Konsequenzen fürs Marketing. [...] Weiter 

Die umgekehrte Pyramide: So optimieren Sie Ihren Schreibstil für das Leseverhalten im Netz

Wir lesen Texte im Web anders als eine gedruckte Zeitung: Schnell überfliegen wir die wichtigsten Absätze, filtern relevante Informationen und klicken schon wieder auf den nächsten Link. Die Anforderungen an einen Text sind klar: Informationen müssen schnell und leicht zu finden sein. Das erreichen Sie am effektivsten mit dem Prinzip der umgekehrten Pyramide. Was das ist und wie Sie die umgekehrte Pyramide auch für den Content auf Ihrer Seite nutzen können, lesen Sie in diesem Artikel. [...] Weiter 

1&1 Homepage-Tipps: Der Website-Ratgeber für alle

Die „Websites“-Rubrik des 1&1 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 1&1 Website-Guides

Die Rubrik „Websites“ bildet eine der sechs Hauptkategorien des Digital Guides von 1&1 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 1&1 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.