---
title: "destination.one Basic Tests"
url: "https://www.luzern.com/de/destinationone-testseiten/destinationone-basic-tests"
language: "de"
breadcrumb: "Root > Luzern Tourismus > Special > destination.one Testseiten > destination.one Basic Tests"
---

\*\*\* diese Seite bitte nicht löschen \*\*\*

- 
- 
- 
- 

- 
- 
- letzter Eintrag
    
    mit Untertitel

 

> dies ist ein Zitat in einer Spalte mit Farbschema Standard

Quelle des Zitats ist unbekannt

Farbschema der Spalte: dunkle Schrift auf hellem Hintergrund

- 
- 
- 
- 

 

Farbschema der Spalte: helle Schrift auf dunklem Hintergrund

- 
- 
- 
- 

- dies ist der erste Checklisten Eintrag
    
    hier sind viele Formatierungen mögich
    
    **fett** *kursiv **fett und kursiv***
    
    > auch ein Zitat kann eingefügt werden
    
    oder der Text kann werden
    
    oder es kann
    
    
    1. eine Aufzählung eingefügt werden,
    2. was innerhalb einer Checkliste etwas verwunderlich ist,
    3. aber es ist möglich
- hier steht ein weiterer Eintrag der Checkliste ganz ohne Formatierung
- da alle guten Dinge drei sind, steht hier noch ein dritter und letzter Eintrg

 

 

Mediengalerie Farbschema: helle Schrift auf dunklem Hintergrund

- 
- *Video abspielen*
- 
- *Video abspielen*
- 
- 
- 

 

Mediengalerie Farbschema: Standard

- 
- 
- letzter Eintrag
    
    mit Untertitel

- 
- *Video abspielen*
- 
- *Video abspielen*
- 
- 
- 

 

logo als Badge + Text

version="1.0" encoding="UTF-8"?

Zentralstrasse 5, CH-6002 Luzern
 ,

logo als Text mit Medienelement

Logo Luzern mit Claim

Zentralstrasse 5, CH-6002 Luzern
 ,

- 
- 
- 
- 
- 
- 
- 

 

Fakten

23,312 °

Durchnittstemperatur im Mai

(Dezimalzahl)

Jahreszahl, verlinkt

3214,12

Dezimalzahl mit Tausendertrenner

24 Tage

ganze Zahl

23,312 °

Durchnittstemperatur im Mai

(Dezimalzahl)

Jahreszahl, verlinkt

3214,12

Dezimalzahl mit Tausendertrenner

24 Tage

ganze Zahl

 

Akkordeon

- Akkordeonelement mit formatiertem Text
    
    dies ist der formatierte Text des Akkordeonelements
    
    er kann gefettet sein oder auch kursiv gesetzt werden oder beides
    
    
    1. es
    2. gibt
    3. Aufzählungen
    4. mit mehreren Punkten
    
    
    - und Checklisten
    - mit einigen
    - Einträgen
    
    > dann kann ein Zitat eingefügt
    
    oder ein Link hinterm versteckt werden
- Ich bin ein Akkordeon
    
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
- Weiteres Akkordeon
    
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

 

xxl Bildergalerie

- ### \[Bild-Metadaten\] Titel
    
    \[Bild-Metadaten\] Beschreibung (Bildunterschrift)
    --------------------------------------------------
- ### Unterzeile
    
    Headline
    --------
- 
- 

 

Kachelwand

Kachel mit langem Titel, einem Bild aber keinem Link. Wird der Titel wohl abgeschnitten

Farbschema: dunkle Schrift auf hellem Hintergrund

Kachel mit langem Titel, ohne Bild mit Link. Wird der Titel wohl abgeschnitten

Farbschema: dunkle Schrift auf hellem Hintergrund

 

Tabelle

DatumFeiertagUnsere EmpfehlungFreie Tage01.01.2048NeujahrLange Ausschlafen24 Stunden29.02.48 nur alle vier JahreSchaltjahrtag seit 2021: 8. MärzWeltfrauentagFeiertag in Berlin 15.3.22Ostersonntagbesonders langes Wochenendefür viele 4 Tage frei1.5.43Maifeiertagimmer mal an einem anderen Wochentagein Tag Entspannung ;-)1.11.Allerheiligennicht in allen Bundesländern ein Feiertagein Tage

 

TimeLine

vertikal

\[Unterüberschrift\]

\[Überschrift\]

Das ist eine M-Subheadline

Das ist eine XL Headline

Eine weitere XL Headline

 

horizontal

7 Dinge

die deinen Urlaub unvergesslich machen

- 1947
    
    *Video abspielen* 
    
    
    
    Der erste Eintrag mit einer etwas längeren Überschrift
- 1967
    
    Beispielbild Wüste
    
    
    
    Der zweite Eintrag hier
- 1973 
    
    Ein weiterer Eintrag in der Timeline
- 1988
    
    
    
    
    
    Noch ein weiterer Eintrag

 

Farbschema: Conversion mit Hintergrundbild und mittiger Darstellung

 

Dies ist die Überschrift in XL

Dies ist der Untertitel in L

Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen.

Dies ist eine Zwischenüberschrift in L

Sehen Sie, Webstandards sind das Regelwerk, auf dem Webseiten aufbauen. So gibt es Regeln für HTML, CSS, JavaScript oder auch XML; Worte, die Sie vielleicht schon einmal von Ihrem Entwickler gehört haben. Diese Standards sorgen dafür, dass alle Beteiligten aus einer Webseite den größten Nutzen ziehen. Im Gegensatz zu früheren Webseiten müssen wir zum Beispiel nicht mehr zwei verschiedene Webseiten für den Internet Explorer und einen anderen Browser programmieren.

Der Text bricht um, wenn er das Bild erreicht. Wenn der Text so lang ist, sollte das Bild rechts sein, da der Umbruch sonst nicht gut aussieht. Die Ansicht mit viel Text und Umbruch ist gerade für längere Artikel (Blog, News) sinnvoll. Für eine inpirationelle Übersicht mit viel Text sind mehrere Text-Bild-Bühnen sinnvoller. Dann kann die Ansicht durch wechselnde Links/Rechts-Bilder aufgelockert werden. Wenn man nicht möchte, dass der Text umbricht, muss eine zweispaltige Bühne genutzt werden.

Noch eine Überschrift in M

Beispielbild bei Nacht

Es reicht eine Seite, die - richtig angelegt - sowohl auf verschiedenen Browsern im Netz funktioniert, aber ebenso gut für den Ausdruck oder die Darstellung auf einem Handy geeignet ist.

- Wohlgemerkt: Eine Seite für alle Formate. Was für eine Erleichterung.
- Standards sparen Zeit bei den Entwicklungskosten und sorgen dafür, dass sich Webseiten später leichter pflegen lassen.

Natürlich nur dann, wenn sich alle an diese Standards halten. Das gilt für Browser wie Firefox, Opera, Safari und den Internet Explorer ebenso wie für die Darstellung in Handys.

> "Und was können Sie für Standards tun?"

Fordern Sie von Ihren Designern und Programmieren einfach standardkonforme Webseiten. Ihr Budget wird es Ihnen auf Dauer danken. Ebenso möchte ich Ihnen dafür danken, dass Sie mich bin zum Ende gelesen haben.