Gut zu wissen:
12 Weblica-Designs sind auf eine minimale Bildschirmauflösung von 1024x768 Pixel ausgelegt, 14 auf eine minimale Auflösung von 800x600 Pixel, 3 auf eine minimale Auflösung von 960x375 Pixel.
2 Weblica-Designs sind responsive (Stand Mai 2015) bzw. "mobile-friendly". Weitere responsive Designs sollen folgen.
Das Design-Layout einer Website kann jederzeit gewechselt werden. Dazu wählt man einfach im Menü "Design wählen" ein neues Design aus. Das neue Design gilt sofort projektweit auf allen Seiten. Hat das neue Design eine andere Breite als das vorhergehende, muss man nur noch das Kopfbild und ggf. das Logo anpassen.
Ausser den 31 Design-Layouts, die die Gestalt und Anmutung der Website bestimmen, gibt es 15 Projekt-Vorlagen für verschiedene Anwendungsgebiete, z. B. Architekturbüro, Gemeindeverwaltung, Hotel, private Website oder Verein. Die Vorlagen enthalten zahlreiche Muster-Seiten, die nur noch mit Text und Bildern gefüllt werden müssen.
Individuelle Web-Design-Layouts können mit dem Weblica Designer erstellt werden. Der Designer ist ein Desktop-Programm für das Generieren von Designlayouts für das Desktop-CMS Weblica.
12 Weblica-Designs sind auf eine minimale Bildschirmauflösung von 1024x768 Pixel ausgelegt, 14 auf eine minimale Auflösung von 800x600 Pixel, 3 auf eine minimale Auflösung von 960x375 Pixel.
2 Weblica-Designs sind responsive (Stand Mai 2015) bzw. "mobile-friendly". Weitere responsive Designs sollen folgen.
Das Design-Layout einer Website kann jederzeit gewechselt werden. Dazu wählt man einfach im Menü "Design wählen" ein neues Design aus. Das neue Design gilt sofort projektweit auf allen Seiten. Hat das neue Design eine andere Breite als das vorhergehende, muss man nur noch das Kopfbild und ggf. das Logo anpassen.
Ausser den 31 Design-Layouts, die die Gestalt und Anmutung der Website bestimmen, gibt es 15 Projekt-Vorlagen für verschiedene Anwendungsgebiete, z. B. Architekturbüro, Gemeindeverwaltung, Hotel, private Website oder Verein. Die Vorlagen enthalten zahlreiche Muster-Seiten, die nur noch mit Text und Bildern gefüllt werden müssen.
Individuelle Web-Design-Layouts können mit dem Weblica Designer erstellt werden. Der Designer ist ein Desktop-Programm für das Generieren von Designlayouts für das Desktop-CMS Weblica.
Präsentation ausgewählter Weblica-Designs
Das Aussehen einer Website wird vom Design-Layout bestimmt. Im Design-Layout werden z. B. Anordnung, Grössen und Farben der Seitenelemente (Kopfbild, Spalten, Navigationsleisten, Fusszeile usw.) festgelegt.
In Weblica stehen einunddreissig verschiedene Designs (Design-Layouts) in sechs Farbvarianten und mit verschiedenen Hintergrundbildern zur Auswahl. Seit März 2015 wird Weblica um "responsive" Weblica-Designs erweitert.
Die vorliegende Präsentation wird zur Zeit um diese Designs erweitert.Um sich ein Bild von der Anmutung der Designs machen zu können, werden hier für Vergleichs- und Evaluationszwecke zwölf Designs für die minimale Bildschirmauflösungen 1024 x 768 und 960x375 vorgestellt.
Jede Design-Vorstellung besteht aus vier Seiten: der Startseite mit einem Blindtext in der Mitte, der zweiten Seite mit zusätzlichem Blindtext in der linken Spalte, der dritten Seite mit Blindtext in der aktivierten rechten Spalte, und einer Seite mit Links auf die anderen Designs.
Weblica-Design-Präsentationen
Links auf die Design-Präsentationen, alle Links öffnen in einem neuen Tab oder Fenster:
| tabellarische Übersicht |
Übersicht über 25 Weblica-Designs (Design-Layouts) mit Screenshots, Übersicht über Designanpassungen und Links auf zwölf Design-Präsentationen |
| Design | Kommentar |
| Design Argon grey | 5 Farbvarianten, sehr breit |
| Design Krypton alpha blue | 3 Farbvarianten, sehr breit, grössere Schrift, Navigation auch im Fuss |
| Design Lithium blue | sehr breit |
| Design Lithium grey | sehr breit |
| Design Neon blue | abgerundeter äusserer Rahmen, dritte Spalte verkürzt Kopfbereich |
| Design Responsive two grey |
"mobile friendly" = responsive Design |
| Design Scandium blue | Designfamilie Platinum |
| Design Silicon blue | besondere Anmutung |
| Design Silver blue | 7 Farbvarianten, breit |
| Design Titanium beta blue | dritte Spalte verkürzt Kopfbereich |
| Design Tylium beta brown | 3 Farbvarianten, sehr breit, grössere Schrift |
| Design Xenon beta blue | breitestes klassisches Design, ohne Kopfbild |
Zwischen den Designs kann frei navigiert werden. Bitte die Hinweise zur Navigation in der linken Spalte der Startseite des Designs Silver blue und in der Rubrik "Designpräsentationen" der tabellarischen Übersicht (siehe oben) beachten.
Jede Designpräsentation hat eine eigene Startseite. Der Navigationspunkt "Startseite" in einer Designpräsentation führt also nicht zur BaBox-Startseite (wie in der vorliegenden Seite), sondern zur Startseite des jeweiligen Designs.
Jede Designpräsentation hat eine eigene Startseite. Der Navigationspunkt "Startseite" in einer Designpräsentation führt also nicht zur BaBox-Startseite (wie in der vorliegenden Seite), sondern zur Startseite des jeweiligen Designs.
Weitere Informationen zu den Weblica-Designs
Weitere Informationen finden sich hier:
Wie einfach die Anpassungen vorgenommen werden können und wie vielfältig die Möglichkeiten sind, wird in dieser Website demonstriert.
Dass z. B. die Infoboxen in der linken Spalte unterschiedliche Gestalt haben liegt nicht etwa daran, dass der Designer dieser Website sich nicht für ein Layout entscheiden könnte. Der Grund ist ein anderer: in der BaBox wird auch demonstriert, wie viele Gestaltungsmöglichkeiten man mit Weblica hat. Der Code für die Anpassungen findet sich in den Codeschnipseln.
- Übersicht über die Möglichkeiten der Anpassung der Designs
- Farbvarianten ausgewählter Designs in Form von Weblica-Design-Screenshots
- die Seitenhintergrund-Farbe eines Designs kann an eine beliebige Farbe angepasst werden; auf der Seite verschiedene Farben kann mit über 170 verschiedenen Hintergrundfarben experimentiert werden.
Wie einfach die Anpassungen vorgenommen werden können und wie vielfältig die Möglichkeiten sind, wird in dieser Website demonstriert.
Dass z. B. die Infoboxen in der linken Spalte unterschiedliche Gestalt haben liegt nicht etwa daran, dass der Designer dieser Website sich nicht für ein Layout entscheiden könnte. Der Grund ist ein anderer: in der BaBox wird auch demonstriert, wie viele Gestaltungsmöglichkeiten man mit Weblica hat. Der Code für die Anpassungen findet sich in den Codeschnipseln.
