Erfahren Sie, wie Sie in 2-Minuten mit der Erstellung des Web-Rechners beginnen
Mit Calculoid ist es kinderleicht, einen Taschenrechner von Grund auf selbst zu erstellen. In diesem kurzen Video lernst du , wie du einen einfachen Web-Taschenrechner erstellst .
In diesem Video-Tutorial erfahren Sie, wie Sie in nur 2 Minuten einen einbaufertigen Taschenrechner erstellen. Erfahren Sie, wie Sie Felder hinzufügen und bearbeiten, das Taschenrechnerdesign anpassen, die Vorschau überprüfen und den Taschenrechner auf Ihrer Website veröffentlichen.
1. Felder erstellen
Zuerst müssen Sie Felder hinzufügen. Klicken Sie auf den gewünschten Feldtyp. Für unseren Rechner benötigen wir Schieberegler, Optionsfelder und Formelfelder . Passen Sie anschließend die Größe der Felder an den Rechner an und verschieben Sie sie per Drag & Drop an die gewünschte Position. Um den Namen eines Feldes zu ändern, klicken Sie einfach auf das Bearbeitungssymbol neben dem entsprechenden Feld.
Das Schiebereglerfeld stellt einen ausgewählten Zahlenwert dar . Das Optionsfeld dient zur Auswahl einer Option aus mehreren Möglichkeiten. Im Bereich „Optionen“ können Sie Namen und Werte eingeben und beliebig viele neue Optionen hinzufügen. Das Formelfeld zeigt das Ergebnis an, das aus den Werten der anderen Felder berechnet wird . Im Formelbereich erstellen Sie Formeln, indem Sie einfach auf Felder und mathematische Operatoren klicken.
2. Design anpassen
Als Nächstes können Sie das Design des Rechners anpassen. Wählen Sie ein Farbschema für die Hintergrundfarbe und die Textausrichtung. In den erweiterten Designeinstellungen stehen Ihnen weitere Optionen zur Verfügung, um Größe, Schriftstärke, Farbe und Ausrichtung jedes Texttyps individuell anzupassen. Für unseren Rechner möchten wir den Feldnamen stärker hervorheben. Daher stellen wir die Schriftstärke des Feldnamens auf 500 ein.
3. Vorschau Rechner
Sie können den Rechner direkt im Editor testen. Um zu sehen, wie er auf verschiedenen Geräten aussieht , rufen Sie die Vorschau auf. Dort sehen Sie den Rechner in der Desktop-, Tablet- und Smartphone-Ansicht. Wenn Ihr Rechner fertig ist und gut aussieht, können Sie ihn im letzten Schritt in Ihre Website einbinden.
4. Auf der Website veröffentlichen
Um einen Rechner zu veröffentlichen, muss er als fertig markiert werden. Kopieren Sie anschließend den Einbettungscode und fügen Sie ihn in den Inhalt Ihrer Seite ein, um den Rechner auf Ihrer Website anzuzeigen. Und schon haben Sie dank Calculoid in wenigen Minuten einen interaktiven Webrechner.
