Der schnelle Weg zur eigenen Website und zum eigenen Blog
stehenden Ränder über der Vorlage abgeschnitten werden, sobald Sie mit derMaus einen Bereich außerhalb des Bildes anklicken. Anschließend speichernSie das Bild, löschen es wieder aus der Vorlage und ziehen die nächste Bilddateidarauf und wiederholen das Ganze... Natürlich können Sie an dieser Stelleauch eine eventuelle Beschriftung Ihrer "Dias" mit dem Textwerkzeug vonCanva vornehmen...Wenn Sie nun auf diese Weise alle Ihre Bilder vorbereitet und in einen Ordnergespeichert haben, können Sie daran gehen, sie dem Bildcontainer (den Sie zuvorin genau der Bildgröße auf Ihre Webseite positioniert haben) des "Slider" -Elements zuzuweisen. Dazu klicken Sie in dessen Kopfmenü auf das "+" – Icon(„Add Image“), worauf sich sofort der Bildcontainer mit den darin als Beispielenthaltenen Vorschaubildern öffnet:Das Löschsymbol für die Bilder ("Papierkorb") sehen Sie, sobald Sie mit derMaus ein Bild berühren - jetzt nur noch ein Klick darauf, und das Bild ist ver-135
schwunden. Sie können nun auf diese Weise alle überflüssigen Bilder bis aufEins erst einmal aus dem Container löschen. Um neue Bilder einzufügen, klickenSie auf die entsprechende Schaltfläche oben rechts („Add Image“), wobeisich das Ihnen bereits bekannte Builderall Image-Repository öffnet. Dort ladenSie zuerst alle ihre vorbereiteten Bilder (in diesem Beispiel sind das Schmetterlingsfotos)hoch um sie dann anschließend einzeln durch Markieren und Drückendes Speicher-Buttons in den Bildcontainer zu übertragen.HINWEIS: Achten Sie beim Laden der Bilder in das Slider-Element auf die Reihenfolge,denn ein nachträgliches Umsortieren der einzelnen Bilder ist (noch)nicht möglich.136
- Seite 98 und 99: „Rapid Design“ einer ersten Web
- Seite 100 und 101: WordPad öffnen und ganz oder stüc
- Seite 102 und 103: Nun sollten Sie im Eigenschaftenber
- Seite 104 und 105: Damit ist das „Content-Banner“
- Seite 106 und 107: Auf Weiterleitungen und den Einsatz
- Seite 108 und 109: Drei-Punkte-Menü die Seiteneinstel
- Seite 110 und 111: Anpassung der mobilen Version„Che
- Seite 112 und 113: Letzte Arbeiten und Veröffentlichu
- Seite 114 und 115: ÜberschriftenstrukturSowohl für d
- Seite 116 und 117: Weiterhin ist in Hinsicht auf SEO w
- Seite 118 und 119: Nachdem Sie sich Gedanken gemacht h
- Seite 120 und 121: TIPP: Sie können die Sie interessi
- Seite 122 und 123: selbst erklärender Dialog, in dem
- Seite 124 und 125: Ein detaillierter Blick auf BannerD
- Seite 126 und 127: neue Elemente oder auch für mehr T
- Seite 128 und 129: ParallaxeneffektAllein schon mit di
- Seite 130 und 131: Banner als Linkziele (Anker)Banner
- Seite 132 und 133: Die wichtigsten Gestaltungselemente
- Seite 134 und 135: Wenn Sie jedoch die Position der
- Seite 136 und 137: Schaltflächen (Buttons)„Buttons
- Seite 138 und 139: Auf der linken Seite wählen Sie di
- Seite 140 und 141: Allgemeines zum Thema „Bildern au
- Seite 142 und 143: Wenn das geschehen ist, müssen Sie
- Seite 144 und 145: sei Ihnen überlassen. In solch ein
- Seite 146 und 147: Wie integriert man eine Bildergaler
- Seite 150 und 151: Nach dem Schließen des Containerfe
- Seite 152 und 153: HINWEIS: Um ein Rotationsbanner zu
- Seite 154 und 155: LINK: Darf man Youtube-Videos einbe
- Seite 156 und 157: Es gibt in „Cheetah“ auch eine
- Seite 158 und 159: Wenn das für alle vier Videos gesc
- Seite 160 und 161: Gestaltungselemente - Linien, Pfeil
- Seite 162 und 163: Und natürlich gibt es auch noch ei
- Seite 164 und 165: TIPP: Sie können sich natürlich i
- Seite 166 und 167: (auch dank dem „Rad“ auf der Ma
- Seite 168 und 169: Die „Items“ (Menüpunkte) selbs
- Seite 170 und 171: TIPP: Beschäftigen Sie sich etwas
- Seite 172 und 173: Sie finden diese speziellen Objektc
- Seite 174 und 175: HINWEIS: Die Größe der Timer kann
- Seite 176 und 177: Objekte einbetten über das iFrame-
- Seite 178 und 179: Einfacher geht es wirklich nicht.HI
- Seite 180 und 181: tieren - und dann dessen Funktional
- Seite 182 und 183: Nach dem Sie Ihre pdf-Datei auf die
- Seite 184 und 185: In der mobilen Ansicht ist es aber
- Seite 186 und 187: Mittels der Schaltfläche "Kopieren
- Seite 188 und 189: Und der Rest dürfte klar sein. Ein
- Seite 190 und 191: Eigenen Embed-Code erzeugenEs gibt
- Seite 192 und 193: und in der Vorschau können Sie sic
- Seite 194 und 195: @keyframes zoom {from {transform:sc
- Seite 196 und 197: Mit Hilfe des iFrame / HTML - Eleme
schwunden. Sie können nun auf diese Weise alle überflüssigen Bilder bis auf
Eins erst einmal aus dem Container löschen. Um neue Bilder einzufügen, klicken
Sie auf die entsprechende Schaltfläche oben rechts („Add Image“), wobei
sich das Ihnen bereits bekannte Builderall Image-Repository öffnet. Dort laden
Sie zuerst alle ihre vorbereiteten Bilder (in diesem Beispiel sind das Schmetterlingsfotos)
hoch um sie dann anschließend einzeln durch Markieren und Drücken
des Speicher-Buttons in den Bildcontainer zu übertragen.
HINWEIS: Achten Sie beim Laden der Bilder in das Slider-Element auf die Reihenfolge,
denn ein nachträgliches Umsortieren der einzelnen Bilder ist (noch)
nicht möglich.
136