Grundsätzlicher Aufbau von inoovum®
Wie startest du mit deiner neuen inoovum® Website?
Wenn du Inoovum öffnest, sind alle Inhalte natürlich leer. Um sinnvoll mit Inoovum zu starten, raten wir dir, dass du zuerst auf der rechten Seite, im Inspector, deine Grundeinstellungen machst, die deine Website haben soll.
Hier fügt man den Seitentitel ein.
Also wie deine Website heißen soll.
z.B. Firma Mustermann
Hier kannst du ein kleines Rädchen einstellen, das beim Öffnen der Website gesehen wird. Es weist darauf hin, dass die Seite lädt
Bei der Scroll Animation kannst du die Animation aktivieren oder deaktivieren. Diese ist aber nur im Frontend also bei deiner Website sichtbar.
Mit der Navigation ist die sogenannte Menüleiste, die dich, auf deiner Website, in die Unterseiten navigiert, gemeint.
1. Navigation volle Breite
Menüleiste füllt die volle Breite des Bildschirms aus
2. Sticky Navigation
Menüleiste wird beim scrollen der Seite oben am Bildschirm immer angezeigt
3. Klickbare Drobdownmenüs
Weitere Seiten die untergeordnet in der Menüleiste sind, können angeklickt werden
4. Submenüs "hover" aktivieren
Die Menüpunkte reagieren wenn du dich mit der Maus darüber bewegst
5. Navigation im Schatten
Menüleiste wirft einen leichten Schatten
Hier fügst du eine zusätzliche Leiste ober der Menüleiste ein.
Da könntest du weitere Informationen wie zum Beispiel Öffnungszeiten oder Kontaktdaten hinzufügen, um die Suche zu erleichtern.
Hier kannst du die Burger Navigation aktivieren um hier die verschiedenen
Seiten unterzuordnen, wenn man sie nicht in der Menüleiste sehen will.
Hier fügst du dein Logo ein, das schlussendlich die Website tragen soll.
Die Breite des Logos sollten ca. 200 – 300 px sein. Die Höhe passt sich selbst an.
Ein Favicon ist ein Symbol, das bei einem Text dabei oder anstelle eines Textes steht.
Hier stellst du das Favicon in der Tab Leiste ein. Dann steht neben deiner Website ein Symbol das deine Seite widerspiegelt.
Der Footer ist die sogenannte Fußzeile.
Dieser ist auf jeder Seite der Website sichtbar. Hier kannst du die Farbe des Footers einstellen (sollte die Hauptfarbe sein, Logofarbe)
Hier kannst du entscheiden ob deine Elemente (z.B. Buttons) abgerundet sein oder Schatten werfen sollen.
Hier stellst du die Farben ein die deine Website tragen soll. Es sollten nicht viele unterschiedliche sein, sondern eher ein Farbton und eine Zusatzfarbe.
z.B. Blau soll die Hauptfarbe sein und evtl. Rot als Zusatz- oder Sekundärfarbe, Hellblau als Heller Farbton und Dunkelblau als Dunkler Farbton.
So vermeidest du eine farbenreiche Website und erleichterst den Zuschauern die Übersicht.
Suche fonts.google.com -> hier kannst du diverse Schriftarten auf Google vergleichen und auswählen.
Spricht dir eine zu, fügst du sie im Inspector hinzu.
Überschrift 1 – 3 Sollte die Stärke von 700 haben
Fließtext die Stärke 300
Fließtext fett die Stärke 700
Auch hier solltest du mit den Arten nicht übertreiben. Ein bis zwei Schriftarten reichen völlig aus.
Die Schriftgrößen sind grundsätzlich schon angepasst.
Du kannst diese aber gerne individuell gestalten.
Hier kannst du eine Grafik einfügen, die dann deine Aufzählungen, anstelle eines Punktes oder Zahl, schmückt. Wie zum Beispiel dein Logo oder ein Symbol, dass deine Website widerspiegelt.
Hier wird das Analysetool Google Analytics eingebaut. Dafür wird entweder die ID des Google Analytics Kontos benötigt (GA-Tag) oder die ID aus dem Google Tag Manager
Hier kannst du eigenes CSS Styling oder Javascript Code-Schnipsel einfügen
(Für Profis ;) )