| Versteckten Text zeigen/verstecken |
In diesem Startdialog, der erste des Schritts 1, geben Sie einige grundlegenden Parameter für das geplante Projekt ein, wie zum Beispiel den Titel, die URL oder die Sprache. Außerdem kann hier die Website so eingerichtet werden, dass sie responsiv ist, sich also automatisch an die Auflösung des Geräts anpasst, das vom Benutzer für die Navigation verwendet wird.
Das Fenster hat die folgenden Abschnitte: Allgemein und Responsives Design.
Alle in diesem Bereich konfigurierbaren Parameter Allgemein dienen dazu, das Projekt einzurichten und können sofort, aber auch zu einem späteren Zeitpunkt definiert werden. Im Einzelnen stehen Ihnen folgende Funktionen zur Verfügung:
Standardmäßig wird als Titel der Website der Projektname übernommen (siehe Projektauswahl): Dieser Titel kann jedoch geändert und auf das Thema der Website und die jeweiligen Optimierungsanforderungen abgestimmt werden. Neben dem Wert des Metatags <title> wird der Titel in den Seitencode auch über den Tag Open Graph og:title.
|
Durch die Funktionen in diesem Bereich kann die Erstellung einer responsiven Website freigeschaltet werden. Dabei können die erforderlichen Umbruchpunkte eingestellt werden, um dafür zu sorgen, dass die Website die beste Benutzererfahrung unabhängig vom für die Navigation verwendeten Gerät liefert. Die Erstellung einer responsiven Website ist optional, daher muss die folgende Option aktiviert werden Resonsive Website zulassen.
Sobald die Option Resonsive Website zulassen aktiviert wird, müssen die Umbruchpunkte definiert werden. Ein Umbruchpunkt ist ein Punkt auf der idealen Linie, der die Auflösung der möglichen Geräte, auf denen eine Website angezeigt werden kann, zum Ausdruck bringt. Zur Verdeutlichung wird im Fenster ein Schema angezeigt, das die wichtigsten Gerätearten zeigt.
Auf der Linie der verschiedenen Auflösungen der Geräte werden die Umbruchpunkte angegeben, die den normalerweise verwendeten Auflösungen für jedes Gerät entsprechen:
Gleich darunter wird dagegen die Linie der eingestellten Auflösungen gezeigt, die standardmäßig beim Öffnen eines neuen Projekts 3 Umbruchpunkte vorschlägt: Diese Darstellung wird in Abhängigkeit von der Änderung der aktiven Umbruchpunkte aktualisiert. Um eine Liste der Umbruchpunkte zu erstellen, sind die nachfolgende Tabelle und Funktionen zu verwenden. In der Tabelle werden angegeben:
Wenn für eine Website zum Beispiel eine Vorlage mit einer Breite von 960 px angewendet wurde, gibt die Tabelle standardmäßig die folgenden Umbruchpunkte mit den jeweiligen Ansichten an:
Der Wert dieses Umbruchpunkts wird automatisch von der gewählten Vorlage übernommen: Er kann weder geändert noch entfernt werden. Für Auflösungen, die größer sind als dieser Umbruchpunkt, wird die Website im Desktop-Modus angezeigt, der von der Vorlage für den Desktop verwendet wird (definiert durch das Fenster Struktur der Hauptvorlage) und die Inhalte werden so angeordnet, wie die Seiten im Schritt 3 - Erstellen der Seiten konstruiert wurden.
Dieser Umbruchpunkt kann geändert oder entfernt werden. Wenn nichts geändert wird, muss der vorherige Umbruchpunkt einen Abstand festlegen, für den die Vorlage verwendet wird, die für die responsive Website eingerichtet wurde (definiert durch das Fenster Struktur der Vorlage für Mobilgeräte). Im vorliegenden Fall wird die Breite Seiteninhalt auf 720 px eingestellt, da aber das Browserfenster auf bis zu 959 px vergrößert werden kann, wird der überflüssige Bereich der 720 px durch den Seitenhintergrund ausgefüllt. Die Objekte der Seiten werden auf der Grundlage der Einstellungen für diese Ansicht im Fenster Responsive Einstellungen eingestellt.
Dieser Umbruchpunkt kann geändert oder entfernt werden. Wie für den vorangehenden Umbruchpunkt wird auch für diesen Bereich die für die responsive Website eingestellte Vorlage verwendet: Die Breite des Seiteninhalt wird auf 480 px festgelegt, während das Browserfenster 719 px erreichen kann, und vom Seitenhintergrund ausgefüllt wird.
Dieser Umbruchpunkt wird vollständig angezeigt, kann aber weder geändert noch entfernt werden. In diesem Bereich wird die Website linearisiert angezeigt. Es wird die responsive Vorlage verwendet (definiert durch das Fenster Struktur der Vorlage für Mobilgeräte) und die Breite der Seite wird nicht auf absolute Weise, sondern auf relative Weise angezeigt, sodass diese stets 100 % des verfügbaren Raums einnimmt. In der linearisierten Website werden alle Objekte untereinander angezeigt (dabei werden die Reihenfolge und die im Fenster erfolgte Auswahl der Objekte, die unsichtbar gemacht werden sollen, berücksichtigt Responsive Einstellungen) und wurden auch so eingerichtet, dass die Fläche in der Breite zu 100 % ausgefüllt wird.
Um auf die Liste der vorgeschlagenen Umbruchpunkte einzuwirken und auf die Ansichten, die dadurch festgelegt werden, reicht es aus, die verfügbaren Funktionen zu verwenden:
|
Praktische Anwendung:
Weiterführende Informationen:
und nutzen Sie die Optionen im Fenster 
rufen Sie die offizielle Website des Dienstes auf: 
