So führen Sie eine HTML-Website mit Novi HTML Website Builder aus

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

Wenn etwas neu ist, bedeutet dies jedoch nicht, dass dieses Produkt Ihre Aufmerksamkeit zu 100% verdient. Also, wie wählen Sie Ihren einzigen Artikel aus? In diesem Beitrag möchte ich Ihnen bei der endgültigen Entscheidungsfindung helfen. In einem der vorherigen Beiträge habe ich Ihnen gezeigt, wie Sie eine Website in WordPress erstellen. 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 definitiv schon einmal gehört, da Novi Builder mit allen modernen responsiven HTML-Vorlagen geliefert wird. Was sind also die Hauptvorteile der Arbeit mit dem Editor und gibt es Nachteile? Bleiben Sie dran, um alle wichtigen Dinge in Bezug auf den nützlichsten Seitenersteller für HTML herauszufinden .

Die Geschichte von Novi Builder

Novi . ausprobieren

Bevor wir beginnen, 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 3 Hauptfunktionen im Hinterkopf entwickelt:

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

Erinnern Sie sich noch daran, wie die Website-Bearbeitung im Jahr 2016 aussah? Es war meist langweilig und enthielt nur Must-Have-Features. Dennoch stand der digitale Fortschritt nie still, so dass zahlreiche modische Optionen und stylische Webdesign-Elemente im Einsatz waren. Angesichts dessen beschlossen die Macher von Novi Builder, all diese Dinge in das Paket des Editors aufzunehmen. Sie fügten so viele Webdesign-Trends hinzu, wie es damals möglich war. Wenn etwas auf dem digitalen Markt dominant war, war es bereits im Paket von Novi enthalten.

Andererseits reichte es nicht aus, 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 potenziellen Kunden zu ermitteln. Die Forschung zeigte, dass die Menschen vor allem nach Komfort suchten.

Infolgedessen ermöglichte Novi Builder Online-Benutzern bald:

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

Obwohl es heutzutage schwer ist, einen Benutzer mit Drag-and-Drop-Technologie zu überraschen, war es 2016 ein echtes Wunder. Und vergessen Sie nicht, dass Elementor damals der einzige praktische Inhaltseditor war, der Drag-and-Drop-Funktionalität bot. Es kam mit allen notwendigen Funktionen, wurde aber nur für WordPress-basierte Online-Projekte entwickelt. Gleichzeitig war HTML nie die einfachste Sache, mit der Sie arbeiten können, wenn Sie ein Nicht-Techniker sind.

Nach langer und ausführlicher Recherche wurde auch die Drag-and-Drop-Technologie, die der Novi Builder verwendet, verbessert. Als Ergebnis konnten die Leute neue Online-Seiten erstellen und ihre Sites 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 schnell populär. Unnötig zu erwähnen, dass es viele Updates für den Redakteur gab. Ein Jahr später präsentierten die Macher die erste klassische Version von Novi Builder. Seitdem erhielt es regelmäßig Updates mit verschiedenen Optionen, Webdesign-Trends und vielen zusätzlichen Instrumenten.

Zusammenfassend lässt sich sagen, dass Novi Builder nicht nur den Website-Erstellungsprozess beschleunigte, sondern auch Anfängern, die mit HTML arbeiten wollten, viele neue Möglichkeiten eröffnete. Damit waren die Leute endlich in der Lage, ihre Websites nicht nur so zu gestalten, wie sie es wollten, sondern so, wie sie es wollten. Sobald Novi Builder veröffentlicht wurde, wurde die Bearbeitung von HTML-Sites zu einer stressfreien Sache. Aus diesem Grund wurde es zum besten Website-Visual-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 jeder Fähigkeitsstufe einfach. Wenn Sie mit Novi Builder arbeiten, können Sie mithilfe verschiedener vorgefertigter Inhaltsblöcke schnell neue Online-Seiten entwerfen.

Darüber hinaus können Sie Website-Inhalte 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 arbeitet? Sie können versuchen, mit Novi Builder zu arbeiten, indem Sie seine Demo ausführen. Folgen Sie einfach dem Link, um eine kostenlose Demoversion des Editors zu öffnen.

Für welche Geschäftsmodelle ist Novi Builder geeignet?

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

1. B2B, das heißt Business-to-Business. Im Internet wird es auch als E-Business bezeichnet. B2B ist der Austausch von Produkten, Dienstleistungen, Artikeln oder sogar Informationen zwischen verschiedenen Unternehmen. Wenn es um Novi Builder geht, ist B2B mit Benutzern verbunden, die ihre eigenen Website-Vorlagen verwenden, um verschiedene Dienste bereitzustellen. Letztere beziehen sich meist 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. Der Kunde ist hier der Endverbraucher, der die Produkte des Unternehmens nutzt. Apropos Novi Builder, B2C ist mit den Endbenutzern verbunden, die ihre Websites bereits gestartet haben. Diese Benutzer können jede gewünschte(n) HTML-Vorlage(n) kaufen und die vorhandene(n) Website(s) importieren. Dank Novi Builder ist dies möglich, ohne den Inhalt der Website zu verlieren. Sie können es mit Drag-and-Drop-Technologie bearbeiten und mit zahlreichen vorgefertigten Funktionen stylen.

Wie Sie sehen, unterscheidet sich das B2C-Modell deutlich vom B2B-Modell. Der letzte bezieht sich auf die Handelsverbindung zwischen 2 oder mehr Unternehmen, wenn B2C nur etwa 1 Geschäft umfasst. 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 wird Ihnen dieser HTML-Visual-Builder bei B2C helfen? Wie alle Qualitätstools wurde Novi Builder mit Blick auf die Geschäftsstrategie entwickelt. Als Ergebnis verfügt der Editor über zahlreiche endbenutzerorientierte Instrumente. Unten sehen Sie 5 Top-Funktionen, mit denen Sie arbeiten können.

Seitenverwaltung

Das Wichtigste zuerst: Novi Builder bietet seinem Besitzer einen komfortablen Page Manager. Mit dieser Funktion können Sie:

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

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 dem Seitenmanager arbeiten. Wie erreichen Sie sie? Nun, Sie müssen nur das Kontextmenü verwenden, das sich oben auf der Seite befindet, mit der Sie arbeiten möchten.

3 verschiedene Modi für die Hauptaufgaben

Sobald Sie Novi Builder öffnen, werden Sie feststellen , 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. Unnötig zu erwähnen, dass die Vorschau ein wichtiger Aspekt jedes Online-Projekts ist. Und noch wichtiger wird es, wenn es um Ihre erste Website geht. Verwenden Sie einfach diese Optionen, um Ihr Design zu überprüfen und herauszufinden, ob zusätzliche Änderungen erforderlich sind.

Bearbeitungsmodus

Dies ist der Modus, mit dem Sie verschiedene Inhaltstypen bearbeiten können. Die Liste enthält solche Dinge wie:

• Texte,
• Symbole,
• Tasten und mehr.

Designmodus

Drittens haben Sie den Design-Modus . Es ermöglicht den 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.

Novi . ausprobieren

Entwicklerwerkzeuge

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

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

• Wählen Sie das gewünschte Inhaltselement aus,
• wählen Sie es im Arbeitsbereich aus,
• speichern Sie es, indem Sie auf die Schaltfläche Als Voreinstellung speichern im Kontextmenü klicken.

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

Sofortige Veröffentlichung

Jeder, der schon immer 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 Funktion zur sofortigen Veröffentlichung.

Wie Sie auf dem Screenshot unten sehen können, befindet sich in der oberen rechten Ecke eine hellblaue Schaltfläche Website veröffentlichen . Durch Drücken des Buttons veröffentlichen Sie die Site direkt auf dem Server. Außerdem sehen Sie dort auch die Optionen für den Veröffentlichungspfad und die Konfiguration .

Mehr Funktionen

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

Die Option Auflösung ändern ermöglicht es dem Websitebesitzer, die Größe des Arbeitsbereichs zu ändern.

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

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

Novi-Mitgliedschaft

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

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

1. Zuerst erhalten Sie Novi Builder.
2. Zweitens erhalten Sie einige hochwertige HTML-Vorlagen, die professionell gestaltet und für verschiedene Geschäftsnischen vorgepackt wurden.
3. Drittens erhalten Sie auch einige unverzichtbare Plugins. Es gibt zum Beispiel Tools wie Social-Media-Plugins, Kontaktformular-Plugin, Slider, 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 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 29 US-Dollar pro Jahr.
2. Die erweiterte Mitgliedschaft kostet 49 US-Dollar pro Jahr.
3. Die Entwicklermitgliedschaft kostet 149 US-Dollar pro Jahr.

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

Novi . ausprobieren

Wie Sie vielleicht wissen, können viele beliebte Website-Builder (zB 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 zu verwenden. Dies scheint der größte Nachteil der Arbeit mit Novi Builder zu sein. Wenn es jedoch um einen komfortablen und benutzerfreundlichen Website-Erstellungsprozess geht, sind 29 US-Dollar keine große Sache, oder?

Alle Transaktionen sind übrigens sicher. Hier sind die Zahlungsmöglichkeiten zur Auswahl:

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

Wenn Sie nun mit allen wichtigen Details vertraut sind, ist es an der Zeit, Novi Builder genauer unter die Lupe zu nehmen. Beginnen wir mit der Benutzeroberfläche des Editors.

Verwenden Sie diesen Link, um mehr über die 5 besten kostenlosen Website-Builder-Softwareoptionen zu erfahren, die Ihnen zur Verfügung stehen.

Novi-Schnittstelle

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

• Hauptfeld
• Novi Modus-Umschalter
• Seitenmanager
• Hauptmenü
• Bereich des visuellen Editors
• Entwickler-Toolbar

Dies sind Ihre Optionen beim Arbeiten mit Seiten:

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

Und Folgendes sehen Sie in der Symbolleiste des Entwicklers:

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

Was sind die Systemanforderungen?

Bevor wir mit der Installation beginnen, prüfen wir, ob Ihr System die erforderlichen Anforderungen erfüllt. Hier ist, was Sie für eine komfortable Arbeit mit Novi Builder benötigen:

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

Wie installiere ich Novi Builder?

Wie immer haben die Macher des Builders versprochen, 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. Zuerst müssen Sie die Software (z. B. WAMP, XAMP oder MAMP) herunterladen, um den lokalen Server zu starten.
2. Zweitens müssen Sie Ihre Webserver-Anforderungen ü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 derNameIhrerDisk/mamp/www/novi/.
4. Zuletzt müssen Sie den Builder starten. Es wird 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 Anforderungen des Webservers überprüfen. Ja, diesen Schritt können Sie sowieso nicht vermeiden.
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. Als nächstes installieren Sie 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 mit Hilfe von Total Commander auf Ihren Hosting-Server hochladen.

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

• Navigieren Sie zum Reiter NET und dann FTP verbinden,
• Klicken Sie auf die Schaltfläche Neue Verbindung,
• Füllen Sie die entsprechenden Felder aus, um die Hosting-Provider-Daten 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 .

Um die benötigten Dateien auf den Server hochzuladen , gehen Sie wie folgt vor:

• Navigieren Sie zum Reiter NET und dann FTP verbinden,
• 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-Benutzeroberfläche ein Passwort eingeben. Standardmäßig ist es 'Novi'. Natürlich sollten Sie es ändern, um die Website-Erstellung sicherer zu machen.

Hier ist, wie Sie dorthin gelangen.

1. Schalter für Sicherheitseinstellungen.
2. Hier müssen Sie das Standardpasswort eingeben.
3. Verwenden Sie diese Option, um die Benutzerberechtigung 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.

Um die Anmeldung über pass zu deaktivieren , gehen Sie wie folgt vor:

• Gehen Sie zum Hauptmenü von Novi Builder,
• Öffnen Sie die Sicherheitseinstellungen,
• Gib dein aktuelles Passwort ein,
• Suchen Sie die Option Kennwortautorisierung aktivieren und deaktivieren Sie sie.
• speichern Sie die vorgenommenen Änderungen.

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

• Gehen Sie zum Hauptmenü von Novi Builder,
• Öffnen Sie die Sicherheitseinstellungen,
• Gehen Sie zur Registerkarte Passwort ändern,
• Geben Sie Ihren aktuellen Pass ein,
• Geben Sie Ihren neuen Pass ein,
• speichern Sie die vorgenommenen Änderungen.

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

• gehe zu builder/php/session.php,
• schreibe in die Zeile: '$currentPassword = "password".'

Beachten Sie bei der Arbeit mit Novi Builder 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 besteht keine Notwendigkeit zu erklären, warum Plugins einen der wichtigsten Aspekte jedes Website-Erstellungstools darstellen. Wenn Sie bereits über eine hochwertige Website-Vorlage verfügen, können Sie mit ihren Assets arbeiten. Es klingt jedoch auch nach einer großartigen Idee, einige wichtige Plugins mit Ihrem Content Builder zu erhalten. Welche Plugins werden Sie mit Novi Builder haben?

Im Durchschnitt kommt der Editor mit 20 Plugins. Hier sind sie.

#1 Hintergrundbild-Plugin

Um es kurz zu machen, dieses Plugin ermöglicht es Ihnen, das Hintergrundbild des Artikels zu ändern. Wie alle anderen Novi-Plugins ist 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 Funktionen Ihrer Mediengalerie zu erfahren, gehen Sie zu Mediengalerie und öffnen Sie den Abschnitt mit den Funktionen. Sie können auch diesem Link folgen, um die detaillierte Dokumentation zum Novi Background Image 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 zuvor ausgewählten Ton abhängt.

Um die ausführliche Dokumentation zum Novi Background-Plugin 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 Funktionen. Sie können diesen Link auch verwenden, um die detaillierte Dokumentation zum Novi Image-Plugin zu lesen.

#4 Iframe-Plugin

Mit diesem Plugin können Sie die Ressource auswählen, in der Ihr Inhalt innerhalb eines Frames angezeigt wird.

Um mehr zu erfahren, öffnen Sie die detaillierte Dokumentation des Iframe-Plugins.

#5 Link-Plugin

Wie der Name des Assets 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]“ gesetzt) ​​– ermöglicht 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 Einstellungen des Plugins;
• favoriteLinks – ermöglicht Ihnen, bevorzugte Projektlinks zu konfigurieren.

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

• Seiten – wo alle Projektseiten verfügbar sind,
• 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, wenn Ihr Link auf einem ausgewählten Element mit einer der Seiten oder einem Favoritenlink übereinstimmt.

Weitere Informationen finden Sie in der ausführlichen Dokumentation zum 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 die Besucher auf schöne und interaktive Weise durch die Inhalte Ihrer Website führen.

Dieses Novi Builder-Plugin funktioniert 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 Bereich Bild-Upload sehen Sie Folgendes:

• Datei auswählen – drücken Sie diese Taste, um das gewünschte Bild auszuwählen.
• Hintergrundbild hochladen – Drücken Sie diese Schaltfläche, um das ausgewählte Bild hochzuladen.

#7 Label-Plugin

Dieses Novi Builder-Plugin wurde entwickelt, damit Sie die Beschriftung 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 vieles minimalistisch 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 merkt sich visuelle Informationen über einen längeren Zeitraum. Mit Hilfe von Zählern können Sie alle abgeschlossenen Projekte vorstellen, 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. Mit dem Timer können Sie beispielsweise anzeigen, wie viele Stunden ein Kunde bis zum Beginn eines Verkaufs oder zum Ende eines Sonderangebots hat.

#9 Google Map-Plug-in

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 von Ihnen, dass Sie Online-Karten bereitstellen. Außerdem machen 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 Karteneinstellungen visuell ändern können.

Folgendes können Sie im Bereich mit 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 Kartenzentrum zum Festlegen der Koordinaten des Kartenzentrums;
• Zoomfeld zum Definieren der Zoomstufe;
• Stilauswahloption zum Auswählen des Kartenstils;
• Markierungssymbol und aktives Markierungssymbol wählen Optionen aus, um die Markierung für den Standard- und den aktiven Status festzulegen.

Folgendes können Sie im Einstellungsfeld für die Kartenpins sehen :

• Das Feld Marker Location hilft Ihnen beim Festlegen der Marker-Position;
• Verwenden Sie das Feld Markierungsbeschreibung, um die Markierungsbeschreibung anzugeben; es wird im aktiven Zustand angezeigt;
• Verwenden Sie die Schaltfläche Marker hinzufügen, um die Markerposition und die Gruppe Markerbeschreibung zum Hinzufügen des neuen Markers hinzuzufügen.

#10 Icons-Plugin

Dieses Novi Builder-Plugin hilft Ihnen, 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-Einstellungsfenster 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 je nach Bildschirmgröße ändern.
2. Das Feld Zwischen den Elementen einrücken hilft Ihnen beim Festlegen der Abstände zwischen den Karussellelementen. 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. Das geht übrigens im Vorschaumodus.
4. Carousel Autoplay Switcher hilft Ihnen, das Carousel Autoplay zu aktivieren oder zu deaktivieren. Es kommt auch mit Vorschaumodus.
5. Das Feld Carousel Autoplay Delay hilft Ihnen beim Einstellen der Schiebeverzögerung.

#12 Campaign Monitor-Plug-in

Dieses Novi Builder-Plugin hilft Ihnen bei der Konfiguration des Formulars für die Arbeit mit dem Campaign Monitor-Dienst.

Folgendes können Sie im Bereich Formularkonfiguration sehen:

• Das Feld Registrierungs-URL von Campaign Monitor definiert die Aktion des Formulars.
• Das Feld Eingabename von Campaign Monitor definiert den Wert des Namensattributs des Eingabefelds.

#13 MailChimp-Plugin

Natürlich ist das Newsletter-Abonnement nach wie vor eines der Must-haves für jedes Online-Projekt. Wieso den? Nun, denn so können Sie das Publikum der Website schnell vergrößern und die Leute binden, ohne das Budget zu überschreiten.

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

#14 RD-Mailformular-Plugin

Wie beim vorherigen Tool können Sie mit diesem Novi Builder-Plugin mit RD Mailform mithilfe der visuellen Bearbeitung arbeiten.

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

Diese Novi Builder-Plugins wurden entwickelt, um die Aktivität in den sozialen Medien zu steigern. Für den Fall, dass Sie Social Traffic erhalten, verpassen Sie diese Assets nicht. Beide Plugins sind einfach zu bedienen und ermöglichen die Einrichtung von Instagram- und Twitter-Feeds mit den visuellen Bearbeitungswerkzeugen.

#17 Kamera-Slider-Plugin

Dies ist ein weiteres unverzichtbares Plugin, das Novi Builder Ihnen zur Verfügung stellt. Mit dem Asset können Sie den Kameraschieberegler 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 im Bild-Upload-Bereich sehen :

• Wenn Sie die Schaltfläche Datei auswählen, können Sie ein Bild auswählen.
• Mit der Schaltfläche Hintergrundbild hochladen können Sie das ausgewählte Bild hochladen.

Folgendes können Sie im Bildauswahlbereich sehen :

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

Folgendes können Sie im Bereich „Bildzuschneiden“ sehen :

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

#19 Video-Plugin

Verwenden Sie dieses Novi Builder-Plugin, um Ihre visuelle Präsentation 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 Galerie-Folien-Animation können Sie die Animation des Übergangs von Galerieelementen anpassen.
• Der Thumbnail-Umschalter hilft Ihnen, die Vorschau-Demonstration von Galerieelementen zu aktivieren oder zu deaktivieren.
• Der Loop-Switcher hilft Ihnen, das Loopen von Galerieelementen zu aktivieren oder zu deaktivieren.
• Der Autoplay-Switcher hilft Ihnen, die automatische Wiedergabe von Galerieelementen zu aktivieren oder zu deaktivieren.
• Das Feld Galerie-Autoplay-Verzögerung ermöglicht Ihnen, die Zeit der Elementverzögerung zu konfigurieren.

Dies waren also alle Plugins, die mit Novi Builder geliefert wurden. Um alles zusammenzufassen, erhalten Sie hier.

Hauptmöglichkeiten der Arbeit mit Novi Builder

Jetzt wissen Sie, wie Novi Builder funktioniert. Um alles zusammenzufassen, sind hier die Aktionen, die Sie bei der Arbeit mit dem Editor leicht ausführen können. Sie können also:

• Bearbeiten Sie den Inhalt Ihrer Website im Live-Modus;
• Importieren Sie verschiedene HTML-Themen in den Builder, falls Sie bereits einige gekauft haben;
• Kopieren, Einfügen, Ersetzen und Entfernen von Funktionen, Optionen oder Webdesign-Komponenten;
• Verwenden Sie verschiedene neue Inhaltsblöcke, die als vorgefertigte Elemente für das gewählte Thema bereitgestellt werden;
• richten Sie die benannten Elemente mit wenigen Klicks nach Ihrem persönlichen Geschmack ein;
• Verwalten Sie Ihre eigene Medienbibliothek, um dort einige Videos und Bilder zu platzieren, 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 Symbolen, die zu Ihrem Thema gehören;
• Laden Sie bei Bedarf neue Symbole hoch und bearbeiten Sie sie nach Ihren Wünschen;
• Versuchen Sie, mit dem Novi IDE-Code-Editor zu arbeiten, falls Sie mit CSS-, HTML- und JS-Code spielen möchten;
• Fügen Sie dem Design Ihrer Website einen auffälligen Slider hinzu,
• beeindruckenden Parallax-Effekt nutzen,
• Kontaktformulare erstellen,
• Google Maps hinzufügen,
• Erstellen Sie elegante Karussells, um Ihre visuellen Inhalte zu verbessern usw.

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

Fragen und Antworten von Möchtegern-Novi-Benutzern

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 Sites verwenden.

Kann jemand Novi Builder auf Websites von Drittanbietern kaufen?

Grundsätzlich ist es möglich, Novi Builder 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 gekauft haben.

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

Wie ich oben bereits sagte, können Sie Ihre bestehende Site auf Novi Builder übertragen, ohne ihren Inhalt zu verlieren.

Wie erhalte ich Updates?

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

Bekomme ich eine Rückerstattung?

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 beliebigen Drittanbieter-Marktplätzen verkaufen.

Ist es möglich, die Novi Builder-Vorlage für meine Websites zu verwenden, ohne das Design zu ändern?

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

Abschließende Gedanken

Um alles zusammenzufassen, würde ich sagen, dass Novi Builder seinen Benutzern das Ass und umfassend ausgestattete HTML-Vorlagen bietet. Sie sind vorgefertigt und können von Personen aller Erfahrungsstufen verwendet werden. Die Themes 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 erwähnen, dass es noch einige weitere UI-Komponenten gibt. 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 sind keine Grenzen gesetzt!

Vergleichen wir zum Schluss Novi Builder mit dem Standard-HTML-Seitengenerator.

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