Loading

yEAR (2018-02-04/2 Theme "NIGHTCAP") Titel-Label ist verschieden positionierbar! Kurz-Urls: ogy.de/17fm | ogy.de/x1mo ???

Das folgende embedded Video wurde als test mit spark-video erstellt:

Und jetzt das gleiche Video ohne embedding, sondern als link (video wird in einem völlig separatem Tab abgespielt:

Dieses Schaubild im Hintergrund ist als Einzel-Foto eingefügt im Format: "fill screen" - Nachteil von "fill screen": beim Scrollen wird das Foto von unten-nach-oben inhaltlich freigegeben. Das ist irritierend, wenn der Inhalt eigentlich besser hierarchisch von oben-nach-unten freigegeben und gelesen werden müsste! -Abhilfe: bei hierarchischem Einzelfoto als Anzeige-Format "full width" auswählen (siehe nachfolgendes Beispiel!)
= "full-width"-Format für Einzelfoto - Inhalt wird beim Scrollen passend von oben-nach-unten angezeigt (allerdings erscheint die Caption nicht als Label innerhalb des Images sondern unterhalb als eine Art Bild-Unterschrift - evtl. sogar von Ihnen bevorzugte Form)
= ein Einzel-Foto im "full-width"-Format, was bedeutet, ein Foto wird auf jeden Fall auf die volle Bildschirm-Breite gezoomt, wobei das Foto darüber hinaus auch noch in der Höhe angepasst wird um Verzerrungen zu vermeiden! - Dies bringt aber für dieses speziell vertikal sehr lang gezogene Schaubild KEINE Betrachtungs-Erkenntnis! - aber evtl. doch brauchbar für Darstellung auf Smartphone, weil die "responsive" Anpassung es in Höhe und Breite doch noch passend macht!? - Aber auf einem Screen > 10 Zoll bleibt es problematisch - und es sollte ja passend sein unabhängig vom Betrachtungs-Bildschirm!

Nochmals im direkten Vergleich die vier Darstellungs-Optiken für Einzel-Fotos:

  • a) Spark-Format "inline (Caption unten)
  • b) Spark-Optik "fill screen" (Caption integriert)
  • c) Spark-Optik "window" (Caption integriert)
  • d) Spark-Optik "full width" (Caption unten)
  • [P.S.: der Fachbegriff "Caption" = Bildbeschriftung]
Einzelfoto dargestellt im Spark-Format "inline" - (Caption in diesem Format immer als Bild-Untertitel)
Einzelfoto dargestellt im Spark-Format "fill screen" - Übrigens: das Caption-Label kann beliebig an den rechten oder linken Rand des Screens gezogen werden (durch "Anfassen" und Verschieben wie bei einer Grafik!).
Einzelfoto dargestellt im Spark-Format "window" - bringt allerdings horizontal nur einen sehr schmalen Ausschnitt, was ungünstig wirkt, wenn wie hier ein Hintergrund-Schaubild auch inhaltlich im Detail erfasst werden soll! - Übrigens: das Caption-Label kann beliebig an den rechten oder linken Rand des Screens gezogen werden (durch "Anfassen" und Verschieben wie bei einer Grafik!).
Einzelfoto dargestellt im Spark-Format "full width" (Caption in diesem Format immer als Bild-Untertitel)
Empfehlenswert ist eine weitere interessante Darstellungs-Optik von SparkPage: die "glideshow"
  • nachfolgend startet eine solche "glideshow" - hier bestehend aus vier Fotos; sie scheinen am jeweiligen Übergang kurz miteinander zu verschmelzen - ergibt einen dynamischen Ablauf-Eindruck.
  • Pro Foto lässt sich eine eigene Caption nutzen, die jeweils als Label transparent über das Foto "gleitet".
  • Zusatzvorteil: innerhalb der Caption kann nicht nur Text dargestellt werden, sondern auch Buttons für Link-Verweise in separatem Tab, Fotos oder gar embedded Videos.
  • Tipp 1: embedded Videos werden immer im gleichen Tab gestartet; wenn Sie es aber vorziehen, Videos immer in einem separatem Tab zu öffnen, dann müssen Sie den Video-Aufruf als Link darstellen: und zwar über einen anclickbaren Button, den Sie innerhalb einer "glideshow" definieren und beschriften können. Links werden nämlich grundsätzlich in einem separatem Tab geöffnet (= evtl. für den Anwender übersichtlicher!).
  • Tipp 2: zur Nutzung der Variabilität der Captions bei der "glideshow" können Sie jene auch nur mit einem einzelnen Foto definieren.
  • Tipp 3: Der Caption-Info-Streifen erscheint als Standard linksbündig (ergibt ca. 1/3 der jeweiligen Screen-Breite), kann aber nach mittig (ergibt dann ca. 1/2 der Screen-Breite) oder als rechtsbündig (nimmt dann wieder 1/3 der Screen-Breite ein) - durchzuführen wie beim "Anfassen" und Verschieben einer Grafik!
  • Tipp 4: insbesondere für Smartphones ist die mittige Positionierung des Caption-Info-Streifens günstiger!

1. Hintergrund-Foto in der "glideshow" [Caption = mittig]

Und jetzt die Inhalte dieser glideshow-Caption:

--------------------------------------------------

Optik-Wirkung von waagerechtem gegenüber senkrechtem Schaubild:

waagerechte Schaubilder innerhalb einer "glideshow"-Caption sind evtl. schlecht lesbar - insbesondere auf Smartphone-Displays! - besser wie nachfolgend gezeigt, eine vertikale Ausführung des Schaubildes kreieren! - mit guter Software geht solch ein Ansichtswechsel auf "Knopfdruck"!
Vertikales Image lässt sich sehr gut in Captures von glideshows darstellen - bleibt auch wegen automatischer Größen-Anpassung auf Smartphones gut lesbar
nachfolgendes Schaubild hatte ursprünglich transparenten Hintergrund:
SPARK ersetzt hier den transparenten Hintergrund selbständig in weiß - wahrscheinlich weil schon der bestehende Caption-Streifen selbst auch transparent ist.

2. Hintergrund-Foto in der "glideshow" [Caption = rechtsbündig]

3. Hintergrund-Foto in der "glideshow" [Caption = linksbündig]

4. Hintergrund-Foto in der "glideshow" [Caption = mittig]

nachfolgend übungshalber der Aufruf von videos aus youtube:

---------------------------------------

erstes Beispiel: Aufruf als embedded Video:
Übrigens können nur Videos eingebettet werden aus folgenden Quellen: youtube, vimeo, spark-video

Nächstes Beispiel: eingebettetes Video aus Vimeo.com:

Hinweis: Andere Quellen können nur per link aufgerufen werden - wird dann in einem separaten Tab abgespielt!

Jetzt das vorherige youtube-Video als link-Aufruf per angezeigtem Button - das Video erscheint in separatem Tab:
Und jetzt mehrere photos zusammengefasst als "grid":
Ein "grid" kann nur ein gemeinsames Label (= Caption) am Ende des letzten Fotos erhalten

{Erstellungshinweis: nachfolgend beginnt eine "glideshow" - momentan bestehend aus 2 Fotos jeweils ausgewählt per "find photo" aus spark-Datenbank (common media)}

Der Meteorologe rechnet in vollen Monaten. Frühling also: 1. März bis 31.Mai

{Hinweis: diese spark-Präsentation ist unter dem Theme "NIGHTCAP" erstellt = günstig bezüglich Groß- und Kleinschreibung von "captions", sowie optimal für responsive etc. -

Meine subjektiven Theme-Alternativen sind: "BALDWIN" und "WESLEY" - aber probieren Sie ruhig auch andere aus, achten Sie aber immer auf responsive Auswirkung und Lesbarkeit auf kleinen Smartphone-Screens!

Wir starten mit Monat März:
Der März sorgt für langsames FrühlingsErwachen:
Übergang vom Winter zum Frühling
die Blau-Meise wird bald eigenes Futter finden

Im Hintergrund das Schaubild aus dem Vortrag.

Jetzt noch einige Zusatz-Infos zum Zwecke der Vertiefung und Weiter-Bearbeitung:
Und jetzt die beiden letzten glideshow-photos als jeweilige Einzelfotos:
Inline-Format
Fillscreen-Format incl. einer Caption innerhalb des Fotos automatisch (keine weitere Formatierungs-Möglichkeit innerhalb dieser Caption
Window-Format incl. einer Caption innerhalb des Fotos automatisch (keine weitere Formatierungs-Möglichkeit innerhalb dieser Caption
FullwidthFormat incl. einer Caption UNTERHALB des Fotos automatisch (keine weitere Formatierungs-Möglichkeit innerhalb dieser Caption

{Erstellungs-Hinweis: folgende März-Fotos sind per Funktion "photo-grid" automatisch angeordnet - ausgewählt jeweils über "find photos" (= Auswahl aus spark-Datenbank von common media photos)}

Der Winter weicht langsam - erste Pflanzen setzen sich durch:
Der Winter weicht langsam - erste Pflanzen setzen sich durch
Der April ist aber Gefangener von wechselhaftem Wetter:

{Erstellungs-Hinweis: alle April-Fotos sind jeweils als Einzel-Foto dargestellt - Darstellungsform entweder "window" (= halbe Höhe, volle Breite) oder als "fill screen"; Foto-Herkunft wieder über "find photos" (common media) ÜBRIGENS: halten Sie Caption-Texte kurz, wenn eingeblendet innerhalb Foto (= nur bei "fill-screen" und "window"), weil hierbei NICHT VOLL responsive! - nachfolgende Beispiele zeigen zwar kurze captions, aber das genügt nicht für smartphones! - allerdings: hier bei theme = chronicle klappt es!?! - noch ein Hinweis: bei glideshows sind captions zwar grundsätzlich innerhalb der zugehörigen Fotos, aber trotzdem immer responsive!}

April-Regen ...
... wechselt schnell ...
... zu Sonne ...
... blauem Himmel ...
... evtl. Kaffee schon draußen genießen?
erste volle Blüten ...

und

... blühende Wiesen ...
... die Apfelblüte zeigt sich meist schon im April in voller Pracht
Wonne-Monat Mai stabilisiert schönes Wetter + angenehme Temperaturen:

{Erstellungs-Hinweis: ab 2. Biergarten-Foto (= dasjenige in full-size) startet die Funktion "glideshow" - sie hat den Effekt, dass alle darin enthaltenen Einzelfotos jeweils stufenlos ineinander überwechseln mit dem Eindruck, sie würden sich teilweise ineinander verschmelzen. Übrigens: die enthaltenen Fotos selbst wieder über "find photos" ausgewählt}

Biergarten
Biergarten: für viele Menschen erste Freiluft-Anlaufstelle im Mai
Brotzeit mit Junior in einem bayrischen Biergarten
HINWEIS: embedded Videos nur via "youtube", "vimeo", "spark-video" möglich!

embedded Videos werden (wie nachfolgend) immer im gleichen TAB geöffnet - beenden nur per "X" rechts oben neben Video möglich (etwas undeutlich innerhalb der schwarzen Umrandung)

Videos evtl. besser via Button-Link in separatem Tab starten lassen:

Dies ist ein etwas längerer Caption-Text innerhalb eines Fotos einer "glide-show" (!) - keinerlei Sorge wegen responsive!!! - jetzt einfach nochmal zum Platz-Füllen: "Dies ist ein etwas längerer Caption-Text innerhalb eines Fotos einer "glide-show" (!) - keinerlei Sorge wegen responsive!!!"

Credits:

Created with images by Hermann - "astronomical clock clock time" • Khürt Williams - "Cherry flowers in the park" • EllenChan - "flower plant nature" • catcat19831004 - "fall tree leaf" • Beth Solano - "Winter Escape" • michael pollak - "snowfields from the top" • eagle1effi - "(refreshed) Kalender März 2010 , March 2010" • steinchen - "trail winter march" • prilfish - "Blaumeise - Blue Tit - Cyanistes caeruleus" • steinchen - "trail winter march" • prilfish - "Blaumeisen - Blue Tits" • Kapa65 - "crocus flowers bloom" • Kapa65 - "pussy willow spring sun" • jlaswilson - "reedbed brandon march warwickshire" • Kapa65 - "crocus blossom bloom" • Kapa65 - "crocus flowers spring" • fischwetter - "Kontraste bei Sturm Kirsten(4)" • SylviaWetzel - "guelpe havelland flood 2012" • irenne56 - "jardin des plantes spring march" • Endre Majoros - "Moody weather" • Robert Agthe - "Aprilwetter im Mai" • LoggaWiggler - "sunrise morgenrot sun" • elektrollart - "20140418_0639" • David Schiersner - "Caffe Casa Beust in Torbole" • Susbany - "laburnum anagyroides pea family close-up" • Larisa-K - "flowers meadow wood" • Kidslife - "apple tree apple blossom spring" • Lolinka - "Munich, Biergarten am Chinesischen Turm, Englischer Garten" • Lolinka - "Munich, Biergarten am Chinesischen Turm, Englischer Garten" • stux - "human personal bavarian dinner" • Birgit Reitz-Hofmann - "Biergarten" • PIX1861 - "raven bird raven bird"

Report Abuse

If you feel that this video content violates the Adobe Terms of Use, you may report this content by filling out this quick form.

To report a Copyright Violation, please follow Section 17 in the Terms of Use.