Novi HTML Website Builder Detaillierte Überprüfung und Anleitung

Wenn es um die Erstellung von Websites im Jahr 2023 geht, müssen Sie sich nicht mit Codierung befassen. Ich bin sicher, Sie wissen bereits alles und jedes über verschiedene fertige digitale Produkte. Heutzutage können Sie ganz einfach alles für Sie vorgefertigt und vorverpackt bekommen. Aus diesen einfachen Gründen gibt es so viele auffällige Websites. Die Menschen suchen nach neuen Wegen, sich von der Masse abzuheben. Aus diesem Grund nimmt die Menge an frischen responsiven Website-Themen, Plugins, Assets und Webdesign-Trends ständig zu.

Wenn etwas neu ist, bedeutet dies jedoch nicht, dass dieses Produkt zu 100 % Ihre Aufmerksamkeit verdient. Wie wählen Sie also Ihren einzigen Artikel aus? In diesem Beitrag möchte ich Ihnen bei der endgültigen Entscheidungsfindung helfen. In einem der vorherigen Posts habe ich dir gezeigt, wie man eine Website in WordPress erstellt. Wie der Name des Beitrags schon sagt, werde ich heute einen der 5 besten Website-Builder überprüfen – Novi Builder .

Falls Sie lieber mit HTML arbeiten, haben Sie diesen Namen bestimmt schon einmal gehört, da Novi Builder alle modernen responsiven HTML-Vorlagen enthält. Was sind also die Hauptvorteile der Arbeit mit dem Editor und gibt es Nachteile? Bleiben Sie dran, um all die entscheidenden Dinge über den nützlichsten Seitenersteller für HTML herauszufinden.

Die Geschichte von Novi Builder

Versuchen Sie Novi

Bevor wir anfangen, werfen wir traditionell einen kurzen Blick auf die Geschichte dieses visuellen HTML-Builders. Die erste Veröffentlichung von Novi Builder erfolgte vor 3 Jahren, im Jahr 2016. Um es kurz zu machen, das Novi-Team hat den Editor mit Blick auf 3 Hauptfunktionen entwickelt:

• ein absolut erstellerfreundlicher Arbeitsmechanismus,
• eine 100 % intuitive Benutzeroberfläche,
• und natürlich die neueste Drag-and-Drop-Technologie.

Erinnern Sie sich, wie die Website-Bearbeitung im Jahr 2016 aussah? Es war meistens langweilig und enthielt nur Must-Have-Features. Dennoch stand der digitale Fortschritt nie still, sodass zahlreiche modische Möglichkeiten und stylische Webdesign-Elemente im Einsatz waren. Als die Entwickler von Novi Builder das sahen, beschlossen sie, all diese Dinge in das Paket des Editors aufzunehmen. Sie fügten so viele Webdesign-Trends hinzu, wie es damals möglich war. Wenn irgendetwas auf dem digitalen Markt dominierte, dann war es bereits im Paket von Novi enthalten.

Andererseits war es nicht genug, nur beliebte Funktionen hinzuzufügen. Daher forschte das Novi-Team weiter. Wie alle intelligenten Unternehmen wollten sie das Publikum untersuchen, um die Bedürfnisse der Interessenten herauszufinden. Die Forschung zeigte, dass die Menschen vor allem nach Komfort suchten.

Infolgedessen erlaubte Novi Builder bald Online-Benutzern:

• Erstellen Sie saubere und gut strukturierte Layouts, ohne eine einzige Codezeile zu berühren,
• mit Drag-and-Drop-Technologie arbeiten,
• Beschleunigung des Website-Erstellungsprozesses,
• und gestalten Sie die Website mit verschiedenen gut aussehenden UI-Komponenten.

Obwohl es heutzutage schwierig ist, einen Benutzer mit Drag-and-Drop-Technologie zu überraschen, war es 2016 ein echtes Wunder. Vergessen Sie außerdem nicht, dass Elementor damals der einzige praktische Inhaltseditor war, der Drag-and-Drop-Funktionen bot. Es kam mit allen notwendigen Funktionen, wurde aber nur für WordPress-basierte Online-Projekte entwickelt. Gleichzeitig war HTML noch nie die einfachste Sache, mit der man arbeiten kann, wenn man kein Technikfreak ist.

Nach langer und detaillierter Recherche wurde auch die Drag-and-Drop-Technologie von Novi Builder verbessert. Infolgedessen konnten Benutzer neue Online-Seiten erstellen und ihre Websites bearbeiten, indem sie die ausgewählten Designelemente einfach per Drag & Drop in das Editorfenster zogen.

Das Publikum brauchte nur einige Monate, um sich an Novi Builder zu gewöhnen. Es wurde ziemlich bald populär. Unnötig zu erwähnen, dass viele Aktualisierungen für den Editor vorgenommen wurden. Ein Jahr später präsentierten die Macher die erste klassische Version von Novi Builder. Seitdem erhält es regelmäßig Updates, die verschiedene Optionen, Webdesign-Trends und viele zusätzliche Instrumente enthalten.

Zusammenfassend hat Novi Builder nicht nur den Website-Erstellungsprozess beschleunigt, sondern auch Anfängern, die mit HTML arbeiten wollten, viele neue Möglichkeiten eröffnet. Damit waren die Menschen endlich in der Lage, ihre Websites nicht nur so zu gestalten, wie sie es können, sondern auch so, wie sie es wollen. Sobald Novi Builder veröffentlicht wurde, wurde die Bearbeitung von HTML-Seiten zu einer stressfreien Sache. Aus diesem Grund wurde es zum besten visuellen Website-Builder für HTML gekürt.

Zurück in die Gegenwart

Heute wird Novi Builder als der beste Drag-and-Drop-Editor für HTML bezeichnet. Kurz gesagt, der Builder fördert den Arbeitsprozess und macht ihn für Benutzer aller Fähigkeitsstufen einfach. Wenn Sie mit Novi Builder arbeiten, können Sie schnell neue Online-Seiten entwerfen, indem Sie verschiedene vorgefertigte Inhaltsblöcke verwenden.

Darüber hinaus können Sie Website-Inhalte auch live bearbeiten. Dieser Schritt ist für jeden Anfänger sehr wichtig, da Sie so häufige Fehler beim Erstellen Ihrer Designs vermeiden können.

Möchten Sie sehen, wie der Editor in Aktion funktioniert? Sie können versuchen, mit Novi Builder zu arbeiten, indem Sie dessen Demo ausführen. Folgen Sie einfach dem Link, um eine kostenlose Demoversion des Editors zu öffnen.

Für welche Geschäftsmodelle eignet sich Novi Builder?

Eine weitere Sache, die Sie über Novi Builder wissen sollten, ist, dass es sich um eine B2B/B2C-Online-Plattform handelt. Was bedeutet das? Mal sehen.

1. B2B bedeutet Business-to-Business. Im Internet ist es auch als E-Biz bekannt. B2B ist der Austausch von Produkten, Dienstleistungen, Artikeln oder sogar Informationen zwischen verschiedenen Unternehmen. Bei Novi Builder ist B2B mit Benutzern verbunden, die ihre eigenen Website-Vorlagen verwenden, um verschiedene Dienste bereitzustellen. Die letzten beziehen sich hauptsächlich auf Geschäftsnischen wie Webdesign, Webentwicklung, E-Commerce oder E-Mail-Marketing.
2. B2C bedeutet Business-to-Customer. In diesem Fall bezieht sich die Verbindung auf die Transaktionen, die zwischen einem Unternehmen und seinen Kunden direkt durchgeführt werden. Hier ist der Kunde der Endverbraucher, der die Produkte des Unternehmens verwendet. Apropos Novi Builder: B2C ist mit den Endbenutzern verbunden, die ihre Websites bereits gestartet haben. Diese Benutzer können beliebige HTML-Vorlagen kaufen und die vorhandene(n) Website(s) importieren. Dank Novi Builder ist dies möglich, ohne dass der Inhalt der Website verloren geht. Sie können es mit Drag-and-Drop-Technologie bearbeiten und mit zahlreichen vorgepackten Funktionen gestalten.

Wie Sie sehen können, unterscheidet sich das B2C-Modell erheblich vom B2B-Modell. Der letzte bezieht sich auf die Handelsverbindung zwischen 2 oder mehr Unternehmen, wenn es sich bei B2C nur um 1 Unternehmen handelt. Was auch immer Sie verwenden werden, Novi Builder ist für beide Geschäftsmodelle geeignet.

Welche Instrumente hat Novi Builder für das B2C-Modell?

Wie hilft Ihnen dieser visuelle HTML-Builder bei B2C? Wie alle Qualitätswerkzeuge wurde Novi Builder unter Berücksichtigung der Geschäftsstrategie entwickelt. Als Ergebnis bringt der Editor zahlreiche endnutzerorientierte Instrumente mit. Unten sehen Sie 5 Top-Funktionen, mit denen Sie arbeiten können.

Seitenverwaltung

Das Wichtigste zuerst: Novi Builder stellt seinem Besitzer einen komfortablen Page Manager zur Verfügung. Mit dieser Funktion können Sie:

• Seiten erstellen,
• Seiten löschen,
• Seiten bearbeiten,
• und ihre Einstellungen verwalten.

Um mehr zu sagen, können Sie all dies mit einem einzigen Klick tun! Übrigens gibt es einige zusätzliche Aktionen, die Sie ausführen können, wenn Sie mit Page Manager arbeiten. Wie erreichen Sie sie? Nun, Sie müssen einfach das Kontextmenü verwenden, das sich oben auf der Seite befindet, mit der Sie arbeiten werden.

3 verschiedene Modi für die Hauptaufgaben

Sobald Sie Novi Builder öffnen, werden Sie sehen, dass es verschiedene Modi für verschiedene Aufgaben bietet. Es gibt 3 Modi, die für die Hauptaufgaben erstellt wurden:

• Vorschau,
• Bearbeitung,
• und Entwerfen.

Vorschau Modus

Zeigt die schnellen Ergebnisse Ihrer Bearbeitung an. Natürlich ist die Vorschau ein wichtiger Aspekt jedes Online-Projekts. Und es wird noch wichtiger, wenn wir über Ihre erste Website sprechen. Verwenden Sie einfach diese Optionen, um Ihr Design zu überprüfen und herauszufinden, ob zusätzliche Änderungen erforderlich sind.

Bearbeitungsmodus

Dies ist der Modus, der Ihnen hilft, verschiedene Inhaltstypen zu bearbeiten. Die Liste enthält solche Dinge wie:

• Texte,
• Symbole,
• Knöpfe und mehr.

Designmodus

Drittens haben Sie den Designmodus . Es bietet Zugriff auf den Code der Website. Es ist nicht notwendig, mit der Quelle zu arbeiten, aber falls Sie Ihre Programmierkenntnisse verbessern möchten, ist der Design-Modus genau das, was der Arzt verordnet hat.

Versuchen Sie Novi

Entwicklerwerkzeuge

Wie erwartet enthält Novi Builder viele Entwicklertools in seinem Paket. Damit können Sie beim Arbeiten mit HTML-, CSS- und JS-Editor eine neue Erfahrung beim Erstellen von Websites machen. Natürlich können Sie den Quellcode beliebig bearbeiten.

Unter all den Funktionen möchte ichden Preset Manager hervorheben.Dieses coole Ding wird Ihnen helfen, den Bearbeitungsprozess voranzutreiben. Um es kurz zu machen, der Manager ermöglicht es Ihnen, neue Voreinstellungen von Hand zu erstellen und in der Bibliothek zu speichern. Alles ist so einfach wie das ABC. Hier ist, was Sie tun müssen:

• Wählen Sie das benötigte Inhaltselement,
• Wählen Sie es im Arbeitsbereich aus,
• Speichern Sie es, indem Sie im Kontextmenü auf die SchaltflächeAls Voreinstellung speichernklicken.

Jetzt können Sie neue Voreinstellungen verwenden, sobald Sie neue Online-Seiten erstellen müssen. Ziehen Sie die Voreinstellung einfach per Drag & Drop in das Editorfenster, so wie Sie es mit anderen UI-Komponenten tun.

Sofortige Veröffentlichung

Jeder, der schon immer einmal eine Website betreiben wollte, weiß, dass Sie Ihr Online-Projekt immer auf dem neuesten Stand halten sollten, um erfolgreich zu sein. Aus diesem Grund benötigen Sie die Sofortveröffentlichungsfunktion.

Wie Sie auf dem Screenshot unten sehen können, befindet sich in der oberen rechten Ecke eine hellblaue Schaltfläche„Site veröffentlichen“. Durch Drücken der Schaltfläche veröffentlichen Sie die Site direkt auf dem Server. Außerdem sehen Sie dort auch die Optionenfür den Veröffentlichungspfadunddie Konfiguration.

Mehr Funktionen

Um mit diesem Punkt abzuschließen, möchte ich Ihnen einige weitere grundlegende Funktionen zeigen, nach denen Sie definitiv suchen werden, sobald Sie Novi Builder herunterladen.

Mit der Option„Auflösung ändern“kann der Eigentümer der Website die Größe des Arbeitsbereichs ändern.

Drücken Sie aufEinstellungen, wenn Sie Zugriff auf die Einstellungen der Website oder ihrer Seiten erhalten möchten.

Durch Klicken auf die Schaltfläche „Vorlage herunterladen“ können Sie das Design der Website herunterladen. Dieser Schritt ist ein Muss für Entwickler, die Kunden ihre Sites zur Verfügung stellen oder diese Projekte auf anderen Geräten testen müssen.

Novi-Mitgliedschaft

Hier ist ein weiterer Punkt, der unbedingt Ihre Aufmerksamkeit erfordert! Möchten Sie mit Novi Builder arbeiten? Die Sache ist die, dass Sie, um den Editor verwenden zu können, eine Novi-Mitgliedschaft erwerben müssen.

Welche Komponenten sind in der Mitgliedschaft enthalten? Hier sind sie.

1. Zunächst erhalten Sie Novi Builder.
2. Zweitens erhalten Sie einige hochwertige HTML-Vorlagen, die professionell entworfen und für verschiedene Geschäftsnischen vorgepackt wurden.
3. Drittens erhalten Sie auch einige unverzichtbare Plugins. Zum Beispiel gibt es Tools wie Social-Media-Plugins, Kontaktformular-Plugin, Schieberegler, Countdown, Google Maps und vieles mehr!

Kurz gesagt, durch den Kauf einer Novi-Mitgliedschaft erhalten Sie Zugriff auf alle vorhandenen Vorlagen, Plugins, Assets und Webdesign-Elemente. Außerdem erhalten Sie automatisch Zugriff auf die Elemente, die in Zukunft vom Novi-Team erstellt werden. Ohne Zweifel ist es ein Muss für Webdesigner und Entwickler.

Es stehen 3 verschiedene Mitgliedschaften zur Auswahl. Wie immer hängt Ihre Wahl von Ihren Bedürfnissen ab.

1. Die Startup-Mitgliedschaft kostet Sie 29 $ pro Jahr.
2. Die erweiterte Mitgliedschaft kostet Sie 49 $ pro Jahr.
3. Die Entwicklermitgliedschaft kostet Sie 149 $ pro Jahr.

Sehen Sie sich den Bildschirm unten an, um zu erfahren, welche Optionen jedes Paket enthält.

Versuchen Sie Novi

Wie Sie vielleicht wissen, können viele beliebte Website-Builder (z. B. Elementor Page Builder für WordPress) kostenlos heruntergeladen werden. Wenn es um Novi Builder geht, müssen Sie mindestens den 29-Dollar-Plan kaufen, um den Editor verwenden zu können. Sieht so aus, als wäre dies der größte Nachteil bei der Arbeit mit Novi Builder. Wenn es jedoch um einen bequemen und benutzerfreundlichen Website-Erstellungsprozess geht, sind 29 US-Dollar keine große Sache, oder?

Übrigens sind alle Transaktionen sicher. Hier stehen die Zahlungsoptionen zur Auswahl:

Darüber hinaus können Sie Ihr Novi Builder-Abonnement jederzeit kündigen. Es ist ein schneller und einfacher Vorgang.

Wenn Sie also jetzt mit allen wichtigen Details vertraut sind, ist es an der Zeit, sich Novi Builder genauer anzusehen. Beginnen wir mit der Oberfläche des Editors.

Verwenden Sie diesen Link, um mehr über die 5 besten kostenlosen Website-Builder-Softwareoptionen zu erfahren, die Sie haben.

Novi-Schnittstelle

Für den Anfang sehen Sie Folgendes, wenn Sie die Novi-Oberfläche öffnen:

• Hauptfeld
• Novi Modusumschalter
• Seitenmanager
• Hauptmenü
• Visueller Editor-Bereich
• Symbolleiste des Entwicklers

Dies sind Ihre Optionen beim Arbeiten mit Seiten:

1. Seitenmanager-Trigger
2. Seiten Suchfilter
3. Hinzufügen einer Seite
4. Liste bestehender Seiten

Und hier ist, was Sie in der Symbolleiste des Entwicklers sehen werden:

1. Bereich Entwicklertools
2. HTML-Code-Editor
3. CSS-Code-Editor
4. JS-Code-Editor
5. Presets-Manager
6. Plugin-Manager

Was sind die Systemanforderungen?

Bevor wir zur Installation übergehen, prüfen wir, ob Ihr System die erforderlichen Anforderungen erfüllt. Folgendes benötigen Sie, um bequem mit Novi Builder arbeiten zu können:

• Browser : Chrome 50+ oder Safari 10+;
• 4 GB RAM oder mehr;
• Anzeige mit mind. Auflösung von 1024 x 768;
• CPU mit Mindesttaktrate von 1 GHz;
• Tastatur und Maus,
• und die Mindestgeschwindigkeit Ihrer Netzwerkverbindung sollte 1 Mbps betragen.

Wie installiere ich Novi Builder?

Wie immer versprachen die Macher des Builders, dass die Installation schnell und einfach sein wird. Im Jahr 2019 haben sich Online-Benutzer jedoch an die langen Handbücher und endlosen Anforderungen gewöhnt. Sehen wir uns daher an, wie Sie Novi Builder installieren können.

Um Novi Builder auf einem lokalen Server zu installieren, folgen Sie meiner Anleitung.

1. Zunächst müssen Sie die Software (z. B. WAMP, XAMP oder MAMP) zum Starten des lokalen Servers herunterladen.
2. Zweitens müssen Sie die Anforderungen Ihres Webservers überprüfen und den Server entsprechend einrichten.
3. Drittens müssen Sie das Archiv mit dem komprimierten Novi Builder entpacken. Wenn Sie damit fertig sind, platzieren Sie den Inhalt in einem Ihrer Serververzeichnisse. Es sieht aus wie der Name Ihrer Festplatte/mamp/www/novi/.
4. Zuletzt müssen Sie den Builder starten. Dort wird es den entsprechenden Link geben. Klicken Sie einfach darauf.

Um Novi Builder auf einem Remote-Server zu installieren, befolgen Sie die nächsten Schritte.

1. Um den Editor auf einem Remote-Server zu installieren, müssen Sie vor allem auch die Webserver-Anforderungen überprüfen. Ja, um diesen Schritt kommst du sowieso nicht herum.
2. Wenn Sie mit den Anforderungen fertig sind, laden Sie die Software herunter, die das Arbeiten mit FTP ermöglicht. Die beliebtesten sind heute Total Commander 7+ und FileZilla.
3. Installieren Sie als Nächstes die heruntergeladene Software.
4. Jetzt müssen Sie das Novi Builder-Archiv entpacken und den Builder auf Ihren Hosting-Server hochladen. Im Folgenden zeige ich Ihnen diesen Schritt am Beispiel von Total Commander.
5. Speichern Sie die Änderungen.

So können Sie den Novi Builder mithilfe vonTotal Commanderauf Ihren Hosting-Server hochladen.

Um die Verbindung mit Ihrem Server herzustellen, müssen Sie:

• Navigieren Sie zum Tab NET und dann zu FTP-Verbindung,
• Klicken Sie auf die Schaltfläche Neue Verbindung,
• Füllen Sie die entsprechenden Felder aus, um die Daten des Hosting-Providers anzugeben.

Das Feld wird sein:

• Sitzung – Sie sollten hier den Namen Ihrer Verbindung eingeben; (jeder gewünschte Name ist geeignet)
• Hosting-Name – geben Sie hier Ihren Benutzernamen und Ihr Passwort ein.

Drücken Sie dann die OK-Taste .

Führen Sie die folgenden Schritte aus,um die erforderlichen Dateien auf den Server hochzuladen:

• Navigieren Sie zum Tab NET und dann zu FTP-Verbindung,
• Wählen Sie den Benutzernamen aus, den Sie zuvor erstellt haben (Sie benötigen das Sitzungsfeld).
• Drücken Sie auf Verbinden,
• Kopieren Sie den Inhalt Ihres Novi Builder-Archivs,
• Navigieren Sie zum Stammverzeichnis des von Ihnen verwendeten Standarddomänennamens.
• Fügen Sie den Inhalt des Builder-Archivs ein, den Sie kopiert haben, und das war's!

Novi Builder und Autorisierung

Wie Sie vielleicht von der Version 0.9.0 wissen, unterstützt Novi Builder den Passwortschutz vollständig. Aus diesem Grund müssen Sie zum Öffnen der Novi-Oberfläche ein Passwort eingeben. Standardmäßig ist es „Novi“. Natürlich sollten Sie es ändern, um das Erstellen von Websites sicherer zu machen.

So gelangen Sie dorthin.

1. Schalter für Sicherheitseinstellungen.
2. Hier müssen Sie das Standardpasswort eingeben.
3. Verwenden Sie diese Option, um die Benutzerautorisierung zu aktivieren oder zu deaktivieren. Denken Sie daran, dass Sie den Pass eingeben müssen, um neue Änderungen anzuwenden.
4. Verwenden Sie diese Option, um den Demomodus zu aktivieren oder zu deaktivieren.
5. Hier sollten Sie Ihr neues Passwort eingeben.

Gehen Sie folgendermaßen vor, um die Anmeldung über Pass zu deaktivieren :

• Gehen Sie zum Hauptmenü von Novi Builder,
• Sicherheitseinstellungen öffnen,
• Gib dein aktuelles Passwort ein,
• Suchen Sie die Option „Kennwortautorisierung aktivieren“ und deaktivieren Sie sie.
• Speichern Sie die durchgeführten Änderungen.

Um das Passwort zu ändern, gehen Sie folgendermaßen vor:

• Gehen Sie zum Hauptmenü von Novi Builder,
• Sicherheitseinstellungen öffnen,
• Gehen Sie zur Registerkarte Passwort ändern,
• Geben Sie Ihren aktuellen Pass ein,
• Geben Sie Ihren neuen Pass ein,
• Speichern Sie die durchgeführten Änderungen.

Gehen Sie folgendermaßen vor,um das Passwort zurückzusetzen:

• gehe zu builder/php/session.php,
• schreiben Sie in die Zeile: '$currentPassword = "Passwort".'

Beachten Sie bei der Arbeit mit Novi Builder schließlich Folgendes :

• Sie müssen sich nicht autorisieren, wenn der Demo-Modus aktiviert ist.
• Sie müssen die Autorisierung nicht weitergeben, wenn sie deaktiviert ist.
• Indem Sie den neuen Pass anstelle des Standardpasses erstellen, verringern Sie die Sicherheitsrisiken.

Welche Plugins finden Sie im Novi Builder Pack?

Es muss nicht erklärt werden, warum Plugins zu den wichtigsten Aspekten eines Tools zum Erstellen von Websites gehören. Falls Sie bereits eine hochwertige Website-Vorlage haben, können Sie sicherlich mit deren Assets arbeiten. Es klingt jedoch auch nach einer großartigen Idee, einige wichtige Plugins mit Ihrem Content Builder zu erhalten. Also, welche Plugins werden Sie mit Novi Builder haben?

Im Durchschnitt enthält der Editor 20 Plugins. Hier sind sie.

Nr. 1 Hintergrundbild-Plugin

Um es kurz zu machen, mit diesem Plugin können Sie das Hintergrundbild des Elements ändern. Wie alle anderen Novi-Plugins ist auch das Hintergrundbild-Plugin super einfach zu bedienen. Sie können den Hintergrund ändern und die Einstellungen im Handumdrehen drehen.

Um Ihr Bild als Hintergrund hinzuzufügen, doppelklicken Sie einfach mit der linken Maustaste auf das Zielbild.

Um mehr über die Möglichkeiten Ihrer Mediengalerie zu erfahren, gehen Sie zur Mediengalerie und öffnen Sie den Funktionsbereich. Sie können auch diesem Link folgen, um die ausführliche Dokumentation zum Novi-Hintergrundbild-Plugin zu lesen.

#2 Hintergrund-Plugin

Mit diesem Novi-Plugin können Sie die Hintergrundfarbe eines Elements ändern. Dies ist ein wichtiges Werkzeug, da unterschiedliche Farbschemata Ihre Website leicht beeinflussen können.

Beachten Sie, dass die Farbe des Symbols von dem Ton abhängt, den Sie zuvor ausgewählt haben.

Um die ausführliche Dokumentation zum Novi Background-Plug-in zu lesen, folgen Sie diesem Link.

#3 Bild-Plugin

Mit diesem Novi Builder-Plugin können Sie die Bilder ersetzen. Um Ihr Bild hinzuzufügen, doppelklicken Sie einfach mit der linken Maustaste auf das Zielbild.

Um mehr über die Möglichkeiten des Plugins zu erfahren, gehen Sie zur Mediengalerie und öffnen Sie den Abschnitt Features. Außerdem können Sie diesen Link verwenden, um die ausführliche Dokumentation zum Novi Image-Plugin zu lesen.

#4 Iframe-Plugin

Mit diesem Plugin können Sie die Ressource auswählen, in der Ihre Inhalte in einem Rahmen angezeigt werden.

Um mehr zu lesen, öffnen Sie die ausführliche Dokumentation des Iframe-Plugins.

#5 Link-Plugin

Wie der Name des Assets schon sagt, können Sie mit diesem Element den Link ändern.

Beachten Sie bei der Arbeit mit dem Link-Plugin Folgendes:

• querySelector (standardmäßig auf „a[href]“ eingestellt) – ermöglicht es Ihnen, das vom Plugin verarbeitete Element zu definieren;
• applyToProjectElements (standardmäßig aktiviert) – ermöglicht das Aktivieren/Deaktivieren des Ersetzens aller Links im Projekt (einschließlich Voreinstellungen und aller Seiten) beim Speichern der Plugin-Einstellungen;
• favoriteLinks – ermöglicht es Ihnen, bevorzugte Projektlinks zu konfigurieren.

Werfen wir einen kurzen Blick auf den Plugin-Verwaltungsbereich. Folgendes sollten Sie wissen, wenn Sie mit dem Link-Plugin arbeiten. Verknüpfungstyp ermöglicht Ihnen die Auswahl eines Verknüpfungstyps zum Einfügen. Es stehen 3 Linktypen zur Auswahl:

• Seiten – wo alle Projektseiten verfügbar sein werden,
• Favoriten – wo alle in den Plugin-Einstellungen angegebenen Links angezeigt werden,
• Benutzerdefiniert – Hier können Sie einen benutzerdefinierten Link festlegen.

Außerdem sollte ich hinzufügen, dass standardmäßig die Registerkarte Benutzerdefiniert geöffnet wird. Die einzige Ausnahme ist der Fall, wenn Ihr Link auf einem ausgewählten Element mit einer der Seiten oder mit einem bevorzugten Link übereinstimmt.

Weitere Informationen finden Sie in der ausführlichen Dokumentation für das Link-Plugin.

#6 Material-Parallax-Plugin

Lassen Sie uns zunächst ein paar Worte zum Parallax-Scrolling sagen. Obwohl der Effekt ursprünglich für Videospiele entwickelt wurde, steht Parallax immer noch an der Spitze der Webdesign-Trends. Es erzeugt eine aufmerksamkeitsstarke Illusion von Tiefe und Bewegung. Dadurch können Sie Besucher auf ansprechende und interaktive Weise durch die Inhalte Ihrer Website führen.

Dieses Novi Builder-Plugin arbeitet also mit dem Material Parallax-Skript. Es ermöglicht Ihnen, die Quellbilder zu ersetzen, die für Parallax verwendet werden. Es wird nichts Kompliziertes geben. Sie können dies ganz einfach über visuelle Bearbeitungswerkzeuge tun. Keine Codierung erforderlich!

Im Bild-Upload-Bereich sehen Sie Folgendes:

• Datei auswählen – drücken Sie diese Schaltfläche, um das benötigte Bild auszuwählen.
• Hintergrundbild hochladen – Klicken Sie auf diese Schaltfläche, um das ausgewählte Bild hochzuladen.

#7 Label-Plugin

Dieses Novi Builder-Plugin wurde erstellt, damit Sie die Bezeichnung des Formularfelds ändern können.

#8 Countdown-Plugin

Wie Sie vielleicht wissen, gehört der Countdown-Timer heutzutage zu den nützlichsten Webdesign-Trends. Mit diesem kleinen, aber feinen Element können Sie viele Dinge auf minimalistische Weise in Szene setzen. Eigentlich ist es für heute die bequemste Art, wichtige Informationen zu präsentieren, und hier ist der Grund.

Das menschliche Gehirn ist ein seltsamer und komplizierter Mechanismus. Es erkennt visuelle Elemente schneller als andere Arten von Informationen. Deshalb sind Theken Ihr Must-have. Um mehr zu sagen, unser Gehirn erinnert sich über einen längeren Zeitraum an visuelle Informationen. Mit Hilfe von Zählern können Sie alle Projekte vorstellen, die Sie abgeschlossen haben, zeigen, wie viele zufriedene Kunden oder erfolgreiche Ideen Sie haben, und vieles mehr.

Wenn es also um Countdown-Timer geht, können Sie die benötigten Informationen oder Ereignisse hervorheben. Sie können den Timer beispielsweise verwenden, um anzuzeigen, wie viele Stunden ein Kunde bis zum Beginn eines Verkaufs oder dem Ende eines Sonderangebots hat.

#9 Google Map-Plugin

Obwohl Sie es 2019 auf jeder Website sehen können, ist das Karten-Plugin immer noch eine nette Sache. Moderne Interessenten haben sich an Komfort gewöhnt und erwarten daher, dass Sie Online-Karten bereitstellen. Außerdem gestalten Sie Ihr Online-Projekt durch die Nutzung von Google Maps noch kundenfreundlicher. Dadurch können die Leute sehen, wo sich Ihr Büro befindet, und den kürzesten Weg dorthin wählen.

Novi Builder wird mit dem Google Maps-Plugin geliefert, mit dem Sie die Karteneinstellungen visuell ändern können.

Folgendes können Sie in den Karteneinstellungen sehen:

• verwenden Sie das API-Schlüsselfeld, um den API-Schlüssel für die Verwendung der Google Maps JavaScript API festzulegen;
• Feld „Kartenmittelpunkt“ zum Festlegen der Koordinaten des Kartenmittelpunkts;
• Zoomfeld zum Festlegen der Zoomstufe;
• Stilauswahloption zum Auswählen des Kartenstils;
• Markierungssymbol und aktives Markierungssymbol wählen Optionen aus, um die Markierung für die Standard- und aktiven Zustände festzulegen.

Folgendes können Sie im Einstellungsfeld der Kartenstifte sehen:

• Das Feld Markierungsposition hilft Ihnen, die Markierungsposition festzulegen;
• verwenden Sie das Feld Markierungsbeschreibung, um die Markierungsbeschreibung anzugeben; es wird im aktiven Zustand angezeigt;
• Verwenden Sie die Schaltfläche Markierung hinzufügen, um die Markierungsposition und die Gruppe Markierungsbeschreibung hinzuzufügen, um die neue Markierung hinzuzufügen.

#10 Symbol-Plugin

Dieses Novi Builder-Plug-in hilft Ihnen dabei, die Symbole zu ersetzen, die Sie auf der Website verwenden.

Um das Symbol zum Einfügen auszuwählen, doppelklicken Sie mit der linken Maustaste auf das Element.

#11 Eulenkarussell-Plugin

Auch 2019 sind Karussells noch im Trend. Novi Builder wird mit dem Owl Carousel-Plugin geliefert, mit dem Sie Karussells konfigurieren können, ohne eine einzige Codezeile zu berühren.

Folgendes können Sie im Karussell-Einstellungsbereich sehen:

1. Das Feld Sichtbare Elemente hilft Ihnen, die Anzahl der anzuzeigenden Elemente zu definieren. Mit dieser Funktion können Sie die Anzahl der sichtbaren Elemente abhängig von der Bildschirmgröße ändern.
2. Das Feld Einzug zwischen Elementen hilft Ihnen, die Abstände zwischen den Karussellelementen festzulegen. Mit dieser Funktion können Sie den Abstand zwischen den Elementen je nach Bildschirmgröße variieren.
3. Enable Loop Switcher hilft Ihnen, die Karussellschleife zu aktivieren oder zu deaktivieren. Übrigens können Sie dies im Vorschaumodus tun.
4. Carousel Autoplay Switcher hilft Ihnen beim Aktivieren oder Deaktivieren der Karussell-Autoplay-Funktion. Es kommt auch mit Vorschaumodus.
5. Das Feld Karussell-Autoplay-Verzögerung hilft Ihnen bei der Einstellung der gleitenden Verzögerung.

#12 Campaign Monitor-Plugin

Dieses Novi Builder-Plug-in hilft Ihnen, das Formular so zu konfigurieren, dass es mit dem Campaign Monitor-Dienst funktioniert.

Folgendes können Sie im Bereich Formularkonfiguration sehen:

• Das Campaign Monitor-Anmelde-URL-Feld definiert die Aktion des Formulars;
• Campaign Monitor-Eingabenamensfeld definiert den Wert des Namensattributs des Eingabefelds.

#13 MailChimp-Plugin

Unnötig zu sagen, dass die Newsletter-Anmeldung immer noch eines der Must-Haves für jedes Online-Projekt ist. Warum? Nun, denn so können Sie das Publikum der Website schnell vergrößern und die Leute binden, ohne dass das Budget ausgeht.

Mit diesem Novi Builder-Plugin können Sie also die Arbeit mit dem MailChimp-Dienst konfigurieren.

#14 RD Mailform-Plugin

Wie das vorherige Tool ermöglicht Ihnen dieses Novi Builder-Plug-in, mit RD Mailform mithilfe der visuellen Bearbeitung zu arbeiten.

#15 RD Instagram Feed und #16 RD Twitter Feed Plugins

Diese Novi Builder-Plugins wurden entwickelt, um die Aktivität in sozialen Medien zu steigern. Falls Sie etwas Social Traffic bekommen, verpassen Sie diese Assets nicht. Beide Plugins sind einfach zu bedienen und ermöglichen es Ihnen, Instagram- und Twitter-Feeds mit den visuellen Bearbeitungswerkzeugen einzurichten.

#17 Kamera-Slider-Plugin

Dies ist ein weiteres unverzichtbares Plugin, das Ihnen Novi Builder zur Verfügung stellt. Mit dem Asset können Sie den Kamera-Schieberegler mühelos konfigurieren.

#18 Swiper Slider-Plugin

Mit diesem Novi Builder-Plugin können Sie den Swiper Slider nach Ihrem Geschmack einrichten.

Folgendes können Sie imBild-Upload-Bereichsehen:

• Die Auswahl der Datei-Schaltfläche hilft Ihnen bei der Auswahl eines Bildes;
• Mit der Schaltfläche Hintergrundbild hochladen können Sie das ausgewählte Bild hochladen.

Folgendes können Sie imBildauswahlbereichsehen:

• Um ein Bild hinzuzufügen, müssen Sie mit der linken Maustaste auf das Zielbild doppelklicken.

Folgendes können Sie imBildzuschneidebereichsehen:

• Verwenden Sie die Einstellung Ursprüngliches Seitenverhältnis beibehalten, um das Seitenverhältnis des Originalbilds beizubehalten.

#19 Video-Plugin

Verwenden Sie dieses Novi Builder-Plug-in, um Ihr visuelles Schaufenster einzurichten.

#20 Lichtgalerie-Plugin

Verwenden Sie dieses Novi Builder-Plugin, um Light Gallery mit visuellen Tools einzurichten.

Folgendes können Sie im Bereich der Galerieeinstellungen sehen:

• Mit der Galerie-Folienanimation können Sie die Animation des Übergangs von Galerieelementen anpassen.
• Der Thumbnails Switcher hilft Ihnen, die Vorschaudemonstration von Galerieelementen zu aktivieren oder zu deaktivieren;
• Loop Switcher hilft Ihnen, das Loopen von Galerieelementen zu aktivieren oder zu deaktivieren;
• Der Autoplay-Umschalter hilft Ihnen, die automatische Wiedergabe von Galerieelementen zu aktivieren oder zu deaktivieren.
• Mit dem Feld Galerie-Autoplay-Verzögerung können Sie die Zeit der Objektverzögerung konfigurieren.

Das waren also alle Plugins, die mit Novi Builder geliefert werden. Um alles zusammenzufassen, hier ist, was Sie bekommen.

Hauptmöglichkeiten der Arbeit mit Novi Builder

Jetzt kennen Sie die Funktionsweise von Novi Builder. Um alles zusammenzufassen, hier sind die Aktionen, die Sie bei der Arbeit mit dem Editor einfach ausführen können. Sie können also:

• den Inhalt Ihrer Website in einem Live-Modus bearbeiten;
• Importieren Sie verschiedene HTML-Designs in den Builder, falls Sie bereits welche gekauft haben;
• Funktionen, Optionen oder Webdesign-Komponenten kopieren, einfügen, ersetzen und entfernen;
• Verwenden Sie verschiedene frische Inhaltsblöcke, die als vorgefertigte Elemente für das gewählte Thema geliefert werden.
• Richten Sie die genannten Elemente mit wenigen Klicks nach Ihrem persönlichen Geschmack ein;
• Verwalten Sie Ihre eigene Medienbibliothek, um dort einige Videos und Bilder abzulegen, die in verschiedenen Abschnitten Ihres Online-Projekts verwendet werden.
• Texte bearbeiten,
• URLs bearbeiten,
• Erstellen und bearbeiten Sie Hintergründe und alle Details, einschließlich Farbverläufe, Farben und Bilder;
• mit lesbaren und 100 % augenfreundlichen Webfonts arbeiten (es gibt eine neue Sammlung von Google Fonts)
• Arbeiten Sie mit den in Ihrem Thema enthaltenen Symbolen.
• Laden Sie bei Bedarf neue Symbole hoch und bearbeiten Sie sie nach Ihren Wünschen.
• versuchen Sie, mit dem Code-Editor der Novi IDE zu arbeiten, falls Sie mit CSS-, HTML- und JS-Code spielen;
• Fügen Sie dem Design Ihrer Website einen auffälligen Schieberegler hinzu,
• Verwenden Sie den beeindruckenden Parallax-Effekt,
• Kontaktformulare erstellen,
• fügen Sie Google Maps hinzu,
• Baue elegante Karussells, um deinen visuellen Inhalt zu verbessern usw.

Unnötig zu erwähnen, dass dies nur um einige zu nennen waren! Tatsächlich enthält Novi Builder zahlreiche erstaunliche Designelemente, um Ihre Website zu bereichern.

Fragen und Antworten für potenzielle Novi-Benutzer

Jetzt ist es an der Zeit, die häufigsten Fragen zur Arbeit mit Novi Builder zu beantworten.

Unterstützt Novi Builder verschiedene Browser?

Ja tut es. Außerdem wird es regelmäßig in den gängigsten Browsern getestet: Safari und Google Chrome.

Kann ich Novi Builder und seine Vorlagen für verschiedene Online-Projekte verwenden?

Zunächst können Sie mit dem Builder eine unbegrenzte Anzahl verschiedener Websites ausführen. Also, ja, Sie können Novi Builder sicherlich für verschiedene Websites verwenden.

Kann jemand Novi Builder auf Websites von Drittanbietern kaufen?

Grundsätzlich ist es möglich, Novi Builder auch auf anderen Seiten zu kaufen. Beachten Sie jedoch, dass Sie keine kostenlose Mitgliedschaft erhalten. Dies ist auch dann nicht möglich, wenn Sie auf einer Website eines Drittanbieters eingekauft haben.

Kann ich meine HTML-basierte Website zu Novi Builder übertragen?

Wie ich oben bereits gesagt habe, können Sie Ihre bestehende Website auf Novi Builder übertragen, ohne deren Inhalt zu verlieren.

Wie erhalte ich Updates?

Sie erhalten sie automatisch, sobald die Updates veröffentlicht werden. Darüber hinaus können Sie die neuesten HTML-Vorlagen im Abschnitt „Downloads“ Ihres persönlichen Kontos herunterladen.

Kann ich eine Rückerstattung erhalten?

Ja, wenn Sie mit Novi Builder arbeiten, können Sie eine vollständige Rückerstattung erhalten. Es kommt für alle Mitgliedschaftspläne des Herausgebers. Sie können innerhalb von 30 Tagen nach dem Kauf eine Rückerstattung erhalten.

Kann ich Vorlagen verkaufen, die mit Novi Builder erstellt wurden?

Ja, du kannst! Der Builder wurde für Designer und Entwickler entwickelt. Wählen Sie einfach den Entwicklerplan. Es gibt Ihnen die Lizenz, die von Novi Builder unterstützten Vorlagen zu erstellen und zu verkaufen. Sie können sie auf allen Marktplätzen von Drittanbietern verkaufen.

Kann ich die Novi Builder-Vorlage für meine Websites verwenden, ohne das Design zu ändern?

Die Antwort ist ja. Sie können mehrere Websites verwalten, die mit Novi Builder-Designs erstellt wurden, und Sie müssen das Design nicht ändern, falls Sie dies nicht möchten.

Abschließende Gedanken

Zusammenfassend würde ich sagen, dass Novi Builder seinen Benutzern das Ass und die umfassend ausgestatteten HTML-Vorlagen bietet. Sie sind vorgefertigt und können von Personen aller Erfahrungsstufen verwendet werden. Die Themen sind jedoch vollständig editierbar und werden mit Open-Source-Code geliefert. Wenn Sie also das Abonnement abschließen, erhalten Sie Zugriff auf eine umfangreiche Sammlung verschiedener Website-Vorlagen, Plugins und anderer Inhaltselemente. Unnötig zu sagen, dass einige weitere UI-Komponenten kommen werden. Novi Builder erhält regelmäßig Updates, die automatisch installiert werden. Das bedeutet, dass Sie immer einige trendige Funktionen zur Auswahl haben.

Wenn es um Geschäftsnischen wie Webdesign oder Webentwicklung geht, ist Novi Builder ein echtes Muss! Stellen Sie sich vor, wie viele Online-Projekte Sie mit dem Editor für Ihre Kunden durchführen können. Alles in allem gibt es keine Grenzen!

Vergleichen wir zum Schluss Novi Builder mit dem standardmäßigen HTML Page Builder.

What about your choice of website builder? Don't hesitate to leave a comment below.