Zeta Producer Blog

Erstellen Sie professionelle Websites nach Ihren Ideen. Ohne laufende Kosten. Ohne Vorkenntnisse. Mit deutschem Support. Mit Spaß.

Erfahren Sie mehr…

Schlagwort: webdesign

Kostenlose Webdesigntools, die Sie kennen sollten

Verfasst am 12. Januar 2016

Eine Website gilt aus Aushängeschild für ein Unternehmen. Häufig werden auf Basis der Website Rückschlüsse auf das Unternehmen gezogen. Grund genug, um bei der Website auf ein professionelles und ansprechendes Design zu achten. Die nachfolgend aufgeführten Werkzeuge sind Ihnen sowohl bei der Farbauswahl als auch bei der Texterstellung für Ihre Website behilflich.

Color Thief

ColorThief

Wollen Sie die Farbgestaltung Ihrer Website an ein spezielles Bild ausrichten? Oder einfach nur einzelne Farben davon in Ihre Website integrieren? Color Thief liefert durch einfaches Drag ’n Drop Ihres Bildes dessen entsprechende Farbpalette.

Tipp: Will man exakt den Code einer Farbe herausfinden, so ist das mit der Browsererweiterung ColorZilla durch nur einen Klick auf die gewünschte Farbe möglich.

Lesbarkeitsindex (LIX) von Psychometrica

LIX

LIX bewertet Texte anhand der Wort- und Satzlängen und macht dadurch Aussagen über die Lesbarkeit eines Textes. Kopiert man einen Text in das Online-Tool, so bekommt man anhand eines kleines Diagramms angezeigt, wie schwer bzw. wie leicht lesbar der verfasste Text ist.

Web Colour Data

Webcolourdata

Mit Web Colour Data können Sie die Farbzusammensetzungen von bereits veröffentlichen Websites durch die Eingabe Ihrer URL ermitteln. Neben den eingesetzten Farben inklusive den zugehörigen HTML-Farbcodes zeigt Web Colour Data ebenso Websites an, die eine ähnliche Farbkombination verwenden.

Typetester

Typetester

Typetester hilft Ihnen bei der perfekten Schriftenauswahl für Ihr Projekt. Mit dem kostenlosen Tool haben Sie die Möglichkeit drei verschiedene Schriften miteinander zu vergleichen. Neben Schriftgröße, -farbe sowie Linienhöhe und Hintergrundfarbe lassen sich weitere Einstellungen vornehmen, sodass Sie die optimale Schrift für Ihre Website finden.

Copy paste character

Copypastecharacter

Damit häufig benötigte Sonderzeichen innerhalb kürzester Zeit für die Website verwendet werden können, bietet Copy paste character zahlreiche Sonderzeichen an, die nur kopiert (Strg C) und an die gewünschte Stelle Ihres Projekts eingefügt (Strg V) werden müssen.

Hinweis: Wenn Sie sich registrieren, können Sie sich selbst eine Palette häufig benötigter Symbole anlegen.

Lorem Pixel

Lorempixel

Lorem Pixel ist ein kostenloses Online-Tool mit dem Sie Platzhalter-Bilder nach gewünschter Größe für Ihre Website erstellen können.

Anleitung: Geben Sie an, welche Größe das benötigte Foto haben soll. Anschließend wählen Sie aus, aus welcher Kategorie das Fotos stammen soll. Nachdem Sie festgelegt haben, ob Sie ein Schwarz-Weiß oder ein buntes Foto haben wollen bekommen Sie ein Foto angezeigt. Kopieren Sie mit einem Rechtsklick auf die Maus den Link des Fotos und fügen Sie Ihn in den Codeschnipsel
<img src=“IHR_CODE_SCHNIPSEL„> ein.
Fügen Sie dann den zusammengesetzten HTML-Code in Ihren Website-Code ein.

Canva

Canva3

Canva ermöglicht das Erstellen von professionellen Postern, Visitenkarten und Grafiken ohne Vorkenntnisse. Nach der kostenlosen Registrierung haben Sie Zugriff auf zahlreiche Grafikelemente. Neben den kostenlosen Elementen, die mit FREE gekennzeichnet sind, gibt es auch kostenpflichtige Inhalte, die ab 1$ für Ihre Grafik benutzt werden können.

Eine ausführliche Beschreibung des Tools finden Sie im Artikel „Kostenloses Grafikprogramm Canva“ im Blog.

Zeta Producer

Layoutauswahl

Mit dem Desktop-CMS Zeta Producer erstellen, bearbeiten und verwalten Sie Ihr eigene Website auch ohne Fachkenntnisse. Zeta Producer kann kostenlos heruntergeladen und unverbindlich getestet werden. Zahlreiche verfügbare Widgets ermöglichen Ihnen die Erstellungen eines professionellen Internetauftritts.

Webdesign-Trends 2016

Verfasst am 19. Oktober 2015

Webdesign-Trends in 2016

Bald beginnt wieder ein neues Jahr und wie immer gibt es zahlreiche Voraussagen, was 2016 wohl die Trends im Bereich Webdesign und Web-Entwicklung sein werden.

Wie viele Vorhersagen tatsächlich zutreffen, und was sich als pure Spekulation herausstellt werden wir wohl erst 2017 wissen.

Nachfolgend stelle ich Ihnen Artikel und Blog-Postings vor, die sich zu den Trends im kommenden Jahr äußern. Betrachten Sie kritisch, was Sie dort finden und folgen Sie am besten nicht jedem Trend, nur weil er von Apple, Twitter & Co. ausgeht.

TL;DR: Siehe Zusammenfassung unten

Webdesign-Trends 2016 weiterlesen

10 inspirierende Websites um Programmieren zu lernen

Verfasst am 09. November 2014

Selbst entwickeln lernen

Viele Leute veröffentlichen heute ihre Texte und Bilder im Internet. Und sehr viele davon nutzen fertige Homepage-Baukästen und Content Management Systeme. Das ist so lange völlig ausreichend, bis es darum geht, eine Funktionalität abzudecken, die im verwendeten System nicht vorhanden ist.

>>>>>Wenn Sie eine Webseite ohne Programmierkenntnisse erstellen wollen, so kann man das hier machen<<<<<

Zum Glück gibt es viele Möglichkeiten, dass Sie sich selbst die Grundlagen von Web-Programmierung mit HTML, CSS und JavaScript beibringen können und dabei auch noch eine Menge Spaß haben!

Nachfolgend stelle ich Ihnen die spannendsten 10 Websites vor, um selbst entwickeln zu lernen.

10 inspirierende Websites um Programmieren zu lernen weiterlesen

Die besten Websites für kostenlose Bilder & Videos (Top 39 Ranking)

Verfasst am 21. Oktober 2014

(Änderungshistorie)

Fotografie war schon immer ein integraler Teil von erfolgreichem Webdesign. Leider haben wir uns inzwischen daran gewöhnt, auf Websites hässliche Agenturbilder von händeschüttelnden oder telefonierenden Menschen in Anzügen zu sehen. Nicht nur dass viele dieser Bilder billig wirken, einige davon kosten sogar Geld!

Glücklicherweise gibt es überall im Internet eine stetig wachsende Anzahl von Websites mit wunderschönen Agenturbildern. Und das Beste daran: Sie sind kostenlos!

In diesem Artikel habe ich eine Liste von beeindruckenden Websites mit kostenlosen, lizenzfreien Bildern zusammengestellt.

>>>>>Erstellen Sie hier in wenigen Minuten eine eigene Homepage<<<<<

Die besten Websites für kostenlose Bilder & Videos (Top 39 Ranking) weiterlesen

Responsive CMS

Verfasst am 21. Januar 2013

Mit so genanntem „Responsive Webdesign“ sind Websites gemeint, die sich vom Layout (also dem Erscheinungsbild der Website) an das jeweilige Darstellungsmedium anpasst und die Inhalte entsprechend darstellt. Auf deutsch gesagt sieht Ihre Website damit auf einem 28-Zoll-Monitor mit 16:10-Bildschirmformat genau so gut aus wie auf einem Apple iPhone. Erreicht wird dies durch geschickte Kombination von CSS, JavaScript und modernem HTML5.

Zum Erstellen solcher Websites mit responsivem Design bedarf es einiger Erfahrung und Know-How sowie einem nicht zu unterschätzendem Testaufwand. Wenn Sie sich dafür entscheiden, dass Sie so eine Website haben möchten, so sind Sie jedoch keinesfalls dazu verdammt, dass Sie sich auch tatsächlich selbst dieses Wissen aneignen. Vielmehr lohnt es sich, ein cleveres Content Management System (kurz CMS) anzuschauen wie z.B. unser Produkt Zeta Producer Desktop CMS. Mit Zeta Producer erhalten Sie flexible, responsive Websites, die Sie genau so einfach befüllen können wie Sie es von Zeta Producer schon immer gewohnt sind: Sie erstellen Ihre Seiten ganz normal, füllen Inhalte wie Texte und Bilder und klicken auf „Veröffentlichen“.

Responsive Design mit Desktop CMS

Zeta Producer kümmert sich dabei komplett um den Hintergrundprozess der Generierung von Layout-Codes und dem nötigen HTML und CSS. Dabei ist Zeta Producer extrem Zukunftssicher; kommen Änderungen oder Ergänzungen, so wir bei einem Update Ihr gewähltes Layout automatisch mit aktualisiert und Sie kommen jeweils in den Genuss der neuesten Errungenschaften, ganz ohne Ihr Zutun. Die so erstellten Websites sind ideal geeignet, Ihre Inhalte auf einer Vielzahl von Geräten darzustellen, seien es die schicken Handys von Google, z.B. Nexus 4 oder auch verschiedenste Tablets wie iPad, iPad Mini, Google Nexus Tablet oder verschiedene andere SmartPhones wie Windows Phone oder auch das Surface-Tablet von Microsoft. Selbstverständlich sind normale Desktop-Browser auf Windows, Linux oder Apple OS X ebenfalls bestens geeignet, Ihre Inhalte darzustellen.

Kurz: Ihrer Website ist immer optimal präsentiert und bietet so ideale Möglichkeiten, dass Besucher gerne Ihre Seiten besuchen und spannende Inhalte vorfinden. Probieren Sie es noch heute aus und downloaden Sie jetzt direkt und kostenlos Ihre eigene Version.

Mobile Website erstellen

Verfasst am 27. August 2012

Die Zukunft ist (zurzeit zumindest) mobil. D.h. sehr viele Anwender werden in den nächsten Jahren, und schon heute, auf Internetinhalte mit allerlei mobilen Geräten wie z.B. SmartPhones, Tablet-PCs und ähnlichen Geräten unterschiedlichster Auflösung und über unterschiedliche Netzwerke mit ganz verschiedenen Bandbreiten zugreifen. Schon heute sind iPhones, Android-Geräte oder iPads allgegenwärtig. Mit Windows Phone 8 und Windows 8 sowie den damit betriebenen Tablet-Geräten wird sich die Situation nochmals verstärken. Sie können also weniger denn je davon ausgehen, dass die Besucher Ihrer Website vor einem ausgewachsenen Desktop-PC à la Windows 7 oder Apple Mac sitzen werden.

Das bringt viele Herausforderungen und noch mehr Chancen für Sie!

  • Die Chancen sind, dass Sie viel mehr Nutzer mit Ihrer Website erreichen können und vor allem zu viel mehr Zeiten und an verschiedeneren Orten.
  • Die Herausforderungen sind, die Inhalte, die Sie den Usern zur Verfügung stellen, auf unterschiedlichsten Geräten dargestellt werden.

Moderne Mobilgeräte sind zwar leidlich gut in der Darstellen von Websites, die für normale Desktop-PCs gemacht sind, doch so richtig gut nutzbar sind erst Seiten, die schon mit Mobil-Kompatibilität im Hinterkopf von Anfang an designed sind. Eine faszinierende Technik ist das so genannte „Responsive Webdesign„. Mit dieser Technik kommt Sie mit einem einzigen Layout für Ihre Website aus. Das Layout ist dabei (über CSS und JavaScript in HTML5) so intelligent, dass es sich je nach Auflösung komplett anders darstellt. Das Layout „weiß“ also quasi, ob es zurzeit auf einem sehr großen Display dargestellt wird, oder z.B. auf einem eher kleinen SmartPhone.

Schauen Sie sich z.B. mal das elegante Layout „Simple Responsive“ unseres Desktop CMS Zeta Producer an! Schieben Sie einfach das Browserfenster kleiner und sehen Sie, wie das Layout sich jeweils an die vorhandene Breite anpasst, ganz automatisch, ohne Ihr Zutun. Ihre Inhalte wie Texte, Bilder, Videos, usw. sehen also immer gut aus, ganz egal auf welchem Display Sie die Informationen darstellen.

Neugierig geworden? Jetzt Zeta Producer direkt kostenlos auf Ihren PC downloaden!