Volle Breitseite

Tags: Updatepage4GalerieDesignContent | Kommentare: 13 | Views: 20529

Mittwoch 28.Juni 2017

ship-2202910-1280

 

Galerien über den Bildschirm ausdehnen

 

Drei Erweiterungen für alle, die Bilder lieben.

 

  1. Unser Streifencontent hat jetzt eine Extra-Funktion, die man an- und ausschalten kann. Angeschaltet sorgt sie dafür, dass beim Scrollen das hinterlegte Bild zeitversetzt mitscrollt und so eine schöne, aber dezente Animation entsteht.
  2. Es gibt ein neues Inhaltselement, den Slider. Infos auf unserer Online-Hilfe.
  3. Neue Option "Breite ausdehnen" für alle Contents. Erreichbar über den Options-Dialog. Dieser lässt sich aufrufen, indem man auf das Zahnrad in der Toolbar klickt. Dort kann man die Hintergrundfarbe für einen einzelnen Content (Abschnitt) manuell überschreiben, Abstände sowie Linien eingeben und an dieser Stelle findest du auch die Sprungmarke, mit der man zu einem beliebigen anderen Content direkt verlinken kann. Ab sofort steht dort für dich eine weitere Option bereit, die sich " Breite ausdehnen" nennt und die man an- und ausschalten kann.

Animation im Streifencontent

 

Das Inhaltselement "Streifen" ist nur für unsere Kaufversionen freigeschaltet. In der kostenlosen Version kannst du diesen Effekt leider nicht nutzen. Vielleicht ein Grund mehr, auf eine Kaufversion umzusteigen.

 

streifen-neu-2017

 

Es gibt jetzt drei Optionen für den Streifen. "Mitscrollend" sorgt dafür, dass der Streifen mit dem Bild zusammen bewegt wird, wenn ein Besucher durch deine Seite scrollt. Es wird also immer derselbe Auschnitt des Bildes angezeigt. "Fixiert im Hintergrund" bedeutet: Der Streifen platziert das eingeladene Bild in den Hintergrund und zwar über den gesamten Browser (Cover) und zeigt dann in der Höhe vom Streifen immer den Auschnitt über den du dich gerade bewegst. Die neue Funktion "Fixiert mit Animation" platziert ebenfalls das Bild in den Hintergrund. Beim Scrollen wird dann zusätzlich eine Animation angeschaltet, die dafür sorgt, dass das Bild etwas verzögert gescrollt wird. Einen guten Eindruck bekommst du auf der Startseite unserer Beispielwebseite.

 

 

Der neue Slider, ein ganz besonderer Content

 

Beim Austesten der neuen Funktion "Breite ausdehnen" und dem Erstellen unserer Musterseite dazu sind uns viele Ideen gekommen. So haben wir überlegt, ob wir die Slideshow umbauen sollen, damit diese dann auf der vollen Bildschirmbreite angezeigt wird. Wir haben uns dagegen entschlossen und stattdessen einen neuen Content entwickelt, der Slider heißt. Dieser Slider bietet erstmals Möglichkeiten, die wir in die Galerie nicht hätten einbauen können. So könnte der Slider auf deiner Webseite aussehen.

 

slider-preview

 

Was kann man mit dem neuen Slider machen?

 

Wie in der Beispielseite (Link weiter unten) gezeigt, kannst du daraus zum Beispiel einen Header gestalten und dank der Folien könntest du einfach auf der Startseite die verschiedenen Themen deiner Webseite anzeigen lassen und dann zu den entsprechenden Seiten verlinken. Da es sich bei dem neuen Slider um einen Content handelt, lässt sich außerdem festlegen, auf welchen Seiten so ein Header angelegt werden soll.

 

Wir zeigen dir hier zur Inspiration einige Beispiele; so siehst du sehr schnell, was möglich ist und wofür sich der neue Slider eignet.

 

Übrigens, der neue Slider kann auch direkt bearbeitet werden, ohne den Dialog zu öffnen. Einfach mit der Maus in die Texte klicken und diese dann editieren. So wie inzwischen ja auch bei Text und Überschrift. Und zusätzlich kannst du mit einem Anfasser die Höhe des Sliders direkt auf der Seite einstellen. Irgendwann wirst du auch direkt neue Bilder in den Slider (und in andere Inhaltselemente) einbinden können, ohne dafür den Dialog nutzen zu müssen. Wann genau dass sein wird, kann ich aber noch nicht sagen.

 

 

Breite ausdehnen

 

Wir haben diese Funktion aktuell in jedem Content aktiviert. Allerdings ist nicht jedes Inhaltselement für diese Funktion wirklich geeignet. Außerdem musst du einige Besonderheiten beachten:

  1. Die Funktion wird automatisch deaktiviert (abgeschaltet), wenn du eine Sidebar verwendest. Es macht keinen Sinn, einen Inhalt über die gesamte Breite des Browsers auszudehnen, wenn man eine Sidebar hat. Der Inhalt würde sich über die Sidebar legen und so eventuell dafür sorgen, dass man die Sidebarinhalte nicht mehr bearbeiten kann.
  2. Die Funktion wird ebenfalls deaktiviert, wenn das Element sich in einer Reihe befindet oder in eine Reihe geschoben wird, die mehr als eine Spalte hat. Auch hier macht eine Darstellung auf der gesamten Bildschirmbreite keinen Sinn, da alle anderen Spalten von einem solch breiten Inhaltselement überdeckt würden.

 

Du musst dir diese Einzelheiten nicht merken. page4 ist so programmiert, dass das System in den oben beschriebenen Fällen automatisch reagiert. Verschiebst du ein Element mit einer aktiven „Auf Breite ausdehnen-Funktion“ in eine Reihe, in der mehr als eine Spalte vorhanden ist, verbreitert es sich nicht, sondern die Funktion wird ignoriert. Umgekehrt natürlich ebenso. Besitzt du ein Design mit einer oder zwei Sidebars, dann ist die Volle-Breite-Funktion ebenfalls automatisch deaktiviert. Bearbeitest du dein Design, indem du die Sidebars deaktivierst, und liegt das Element, das sich auf volle Breite entfalten soll, in einer Reihe mit nur einer Spalte, dehnt es sich automatisch aus, sobald du das Design speicherst und keine Sidebar mehr aktiv ist.

 

Was kann man mit dieser Option anfangen?

 

Wir haben eine Beispielseite angelegt, auf der wir einige Inhalte zeigen, die sich gut dazu eignen, um die Möglichkeiten der Funktion darzustellen. Zum Beispiel kannst du jetzt bestimmte Galerien links und rechts über deine Seite hinauslaufen lassen, bis zum Browserrand. So eine Galerie in einem Streifen wirkt sehr interessant. Da die Funktion „Auf volle Breite ausdehnen“ an einen Content gebunden ist, kannst du selbst bestimmen, auf welchen Seiten du solch einen Effekt zeigen möchtest, und ob du mehr als eine Galerie über den gesamten Bildschirm laufen lassen willst. Einfach mal ausprobieren. Es ist natürlich möglich, über und unter der Galerie Reihen anzulegen, die mehrere Spalten enthalten.

 

galerie-trash-1

 

Für die Galerien haben wir die Funktion "Breite" etwas erweitert. Bei Galerien gab es bisher zwei Optionen:

Entweder war es möglich, der Galerie eine bestimmte Breite zu geben - dann gab es dazu ein Eingabefeld und einen maximalen Wert für die Breite. Oder die Galerie hat den größtmöglichen Platz in der Breite automatisch eingenommen, weshalb wir darauf verzichtet haben, ein Eingabefeld einzubauen. Mit der neuen Option "Breite ausdehnen" haben wir die Galerien jetzt um eine Funktion erweitert:

Alle Galerien, die keine feste Breite und damit auch kein Eingabefeld für die Breite haben, dehnen sich mit der neuen Funktion automatisch aus.

Die Galerietypen, bei denen du eine feste Breite einstellen kannst, haben nun teilweise zusätzlich zur „Volle-Breite-Funktion“ einen Papierkorb erhalten. Der Papierkorb (1) dient dazu, eingetragene Breiten „hineinzuwerfen“, also zu löschen.

Das bedeutet Folgendes: Hat die Galerie keinen Papierkorb, mit dem man die eingetragene Breite löschen kann, dann dehnt sich die Galerie auch mit der neuen Funktion nicht aus, sondern ist maximal so breit wie eingetragen. Hat die Galerie einen Papierkorb und du löscht damit den Wert, der im Eingabefeld „Breite“ eingetragen ist, dann bedeutet das, die Galerie dehnt sich maximal aus.

 

Einige Anregungen zu der neuen Funktion "Breite ausdehnen"

 

Eine weitere Möglichkeit besteht darin, beispielsweise eine Google Map über die gesamte Breite des Monitors anzeigen zu lassen. Man muss eventuell nur die Einstellungen im HTML anpassen. Ein Beispiel findest du auf unserer Musterseite unter dem Menüpunkt Impressum. Wir haben ganz unten eine Google Map eingefügt und auf volle Breite gesetzt.

Auch Linien lassen sich gut ausdehnen. Je nachdem, wie du diese Linien einbaust, stellen sie durchaus ein interessantes Gestaltungsmittel dar.

Elemente, die eine feste Breite besitzen, wie z.B. ein Formular, eignen sich nicht so gut, um sie in der Breite auszudehnen. Allerdings kann man mit der Hintergrundfarbe einen Streifen erzeugen, der über den gesamten Browser reicht und dann dass Formular mittig darauf platzieren. Einfach mal ausprobieren, welche Elemente gut aussehen und wo ein Streifen keinen Sinn macht.

 

So, wir wünschen nun viel Spaß mit den neuen Funktionen.

 

Bis demnächst

Dein page4-Team

Alles Logo?!

Tags: Updatepage4LogoDesign | Kommentare: 4 | Views: 22193

Dienstag 16.Mai 2017

 

blog-1002-logo

 

Ab heute kannst du dein Logo perfekt in deine Webseite einbauen

 

Vor einiger Zeit haben wir daran gearbeitet, branchenspezifische Designvorlagen zu erstellen, und dabei tauchte die Frage auf, wie wir Musterlogos möglichst benutzerfreundlich in Homepageseiten einbinden könnten.

 

Daher haben wir beschlossen, einen neuen Bereich im Design-Editor einzurichten, mit dem du zukünftig ganz einfach und schnell ein Logo auf deiner Homepage platzieren kannst. Das Einzige, was du beachten musst, ist die Tatsache, dass das Logo damit zum Design gehört, das heißt, zu den grundsätzlich für alle Seiten deiner Homepage gehörenden Gestaltungselementen: Es ist am Ende auf jeder deiner Seiten zu sehen. Wenn du also ein neues Design auswählst, was selten vorkommt, dann wird ein im alten Design von dir platziertes Logo überschrieben. Wir sind sicher, das stört normalerweise nicht und in wenigen Sekunden ist das gewünschte Logo wieder eingebunden. 

 

Wir erklären dir nachfolgend, wie das funktioniert. (Mit dieser neuen Optionen können wir nun auch weiter an den geplanten Branchenvorlagen arbeiten und hoffen, sie schon bald vorstellen zu können.) Vorab folgen jetzt noch Infos zu einigen Änderungen, die wir bereits letzte Woche vorgenommen haben.

 

 

Neue Technik für die Design-Vorlagen

 

Parallel zu der Logo-Funktion haben wir letzte Woche die Technik, mit der deine Webseite dargestellt wird, überarbeitet und insgesamt auf sogenannte „Flexboxen“ umgestellt, eine sehr moderne und schnelle Layouttechnik. Am Aussehen deiner Webseite hat sich dadurch nichts geändert. Wir konnten aber sehr viel Code entfernen und dadurch deine Homepage bzw. page4 noch schneller machen. Mit diesen Flexboxen lassen sich ab jetzt neue Strukturen und Funktionen einfacher umsetzen. 

 

 

Vorschau von eingebundenen Videos

 

Ab sofort wird bei jedem Video ein Bild als Vorschau geladen. Das hat mehrere Vorteile. Zum einen funktioniert diese Form der Darstellung extrem schnell, was besonders wichtig ist, wenn eine Homepage viele Videos präsentiert. Zum anderen kann man die Vorschau jetzt auch im Admin-Modus sehen und, wenn man auf das Video klickt, auch im Admin-Modus abspielen.

 

 

Zum neuen Bereich für Logos

 

Wenn du auf „Design bearbeiten“ klickst, gibt es jetzt oben einen neuen Menüpunkt „Logo“ (1), so ähnlich wie es auch einen Punkt „Hintergrund“ gibt. Klickst du darauf, öffnet sich der dazugehörige Dialog und zeigt dir alle Optionen für die Darstellung von Logos.

 

design-logo-bereich

 

Dazu musst du Folgendes wissen:

 

  1. Es kann pro Webseite nur ein (1) Logo eingebunden werden. Du solltest es vorzugsweise als durchsichtiges (transparentes) PNG hochladen, insbesondere, wenn dein Logo eine geometrische Form besitzt, also als Kreis, Rechteck oder beispielsweise als Textband gestaltet ist. Du kannst natürlich auch JPG Bilder hochladen, die dann rechteckig angezeigt werden. Wir haben bei diesem Tool bewusst alles weggelassen, was seine Bedienung kompliziert macht und denken, wenn du ein Logo einbinden möchtest, dann weißt du selbst am besten, in welchem Format du es darstellen willst.

  2. Ein Logo kann folgende Plätze (2) einnehmen:
    1. In der horizontalen Navigation kann es links oder rechts von der Navigation platziert werden. Die Höhe des Logos bestimmt dabei, wie hoch der Navigationsbereich wird. Das Logo ist immer vertikal mittig zur Navigation angeordnet.
    2. Bei einer Navigation in der Sidebar liegt das Logo immer über der Navigation und stets zentriert.
    3. Du kannst dein Logo auch in einem der drei Header unterbringen. In einem Header lässt es sich wie ein normales Hintergrundbild platzieren, also zum Beispiel mittig oder links oben. Der Dialog dazu ist derselbe wie bei einem Hintergrundbild.

  3. Ein Logo hat immer eine Mindestbreite (3) von 50 px. Die Höhe wird stets entsprechend der Breite angepasst. Änderst du den Platz des Logos, also vom Header in die Sidebar Navigation, passt sich eventuell die maximale Breite an, denn eine Sidebar kann nur eine bestimmte maximale Breite einnehmen. Wechselst du danach erneut den Platz, also zurück zum Header, dann lässt sich die Breite wieder auf einen größeren Wert stellen. Die vorher eingestellten Werte gehen dabei eventuell verloren.

  4. Ein Logo kann einen Abstand (4) haben. Bei einer Platzierung in einer horizontalen Navigation wird der Abstand an allen Seiten, also oben, unten, links und rechts eingefügt und beeinflusst so die Positionierung. Passt die Navigation nach Einfügen des Logos nicht mehr in den restlichen verfügbaren Platz, wird automatisch ein Umbruch eingefügt.

    Ist das Logo in der Sidebar platziert, wird der Abstand ebenfalls an allen Seiten eingefügt. Das Logo ist immer mittig zur Sidebar ausgerichtet. Der eingefügte Abstand beeinflusst in der Sidebar unter Umständen die Größe des Logos, da die Sidebar eine feste Breite hat.

    Ist das Logo im Header platziert, dann beeinflusst die Positionierung des Logos den Abstand. Wenn du das Logo mittig präsentierst, wirkt der Abstandsregler nicht, was bedeutet, dass das Logo mittig bleibt, egal, welchen Abstand du einstellst. Ist das Logo links platziert, dann veränderst du mit dem Regler den Abstand links vom Logo; bei rechter Platzierung wird der Abstand rechts verändert. Liegt das Logo oben, wird der Abstand nach oben verändert und wenn es unten steht, kannst du den Abstand nach unten beeinflussen.

 

Du kannst es aus der Verwaltung einladen oder aus unserem Archiv zum Beispiel eines der Dekorationsbilder benutzen, falls du kein eigenes Logo besitzt und eines unserer Symbole verwenden willst. Und natürlich kannst du direkt dein Logo hochladen und es gleich verwenden.

 

Neue Bedienelemente

 

Wie du sehen kannst, bietet page4 erstmals ein neues Bedienelement, einen Slider kombiniert mit einem  Eingabefeld. Du kannst also die Breite deines Logos und auch den Abstand stufenlos mit dem Slider einstellen und live die Größenänderung beobachten oder, wenn es dir lieber ist, konkrete Werte eingeben. Beide Elemente ändern sich automatisch. Wir planen, solche Elemente zukünftig auch dort bei den Inhalten zu verwenden, wo es Sinn macht.

 

Natürlich passen sich die Logos automatisch an mobile Ansichten an. 

 

So, nun viel Spaß damit, das eigene Logo professionell zu präsentieren. Natürlich bleibt die Option, Inhalte frei auf einem Header zu positionieren, weiterhin erhalten.

 

Übrigens: Die Datenbanken für die Erweiterung, später auch eine Headline im Header zu positionieren, haben wir bereits vorbereitet. Die Umsetzung wird noch etwas dauern, da wir in diesem Zusammenhang einige andere Bereiche umbauen wollen, denn die Gestaltung der Headline im Header ist eine Sache des Designs und dazu müssen wir zum Beispiel die Designschriften erweitern.

 

Diesbezüglich  noch ein Hinweis: Vielleicht habt ihr es bemerkt, dass die Schrift für Fließtext jetzt nach oben gerückt ist und die Vorschau rechts eine Scrollbar hat, damit auch bei großen Überschriften alles sichtbar gemacht werden kann. Wenn du alle Schriftauswahlen für die Überschriften löschst, wird nun automatisch für alle Überschriften die Einstellung vom Fließtext genommen. Möchtest du also nur eine Schriftfamilie verwenden, dann kannst du das jetzt viel schneller und bequemer einstellen.

 

Wie immer freuen wir uns über Kommentare, Anregungen und natürlich auch über Lob, das Brot eines jeden Künstlers. Ich finde, die Arbeit unserer Entwickler gleicht manchmal der Arbeit von  Künstlern: Wir skizzieren eine Idee und formen sie so lange um, bis daraus ein kleines Kunstwerk entsteht, welches dann hoffentlich euch und uns viel Freude bereitet.

 

Bis demnächst - mit noch mehr Geistesblitzen aus unserer Ideenkiste


Manfred und das ganze page4-Team

Neue Bilder für das Archiv

Tags: page4DesignBilder | Kommentare: 4 | Views: 9828

Freitag 3.März 2017

panorama-blog

Unsere Bilddatenbank bekommt Zuwachs

 

Aktuell arbeiten wir gerade daran, weitere Design-Vorschläge für euch zu erstellen, die euch den Einstieg erleichtern sollen. Dabei geht es diesmal vor allem um themenbezogene Vorlagen. Also um Gestaltungsvorschläge für Restaurant-Webseiten, Mode-Blogs und mehr. Dafür brauchen wir natürlich Musterbilder speziell zu den einzelnen Branchen. Aus diesem Grund haben wir einige Tage lang intensiv in Online-Bilddatenbanken gesucht und einige Hundert Motive ausgewählt. Die nutzen wir zum einen natürlich, um die neuen Design-Vorlagen zu bauen und sie stehen zum anderen für euch im Archiv zur Verfügung. Bis die neuen themenbezogenen Vorlagen online gehen, vergeht noch etwas Zeit. Die neuen Bilder stehen euch aber sofort zur Verfügung.

 

Insgesamt haben wir rund 500 neue Motive für euch. Etwas mehr als 400 neue Hintergrundbilder im Vollformat 2.560 x 1.440. Aus diesen Motiven haben wir knapp 500 quadratische Vorlagen im Format 400 x 400 px erstellt. Im Hochformat 300 x 533 px stehen rund 300 neue Bilder bereit und im Querformat 533 x 300 px sind es rund 600 Bilder. Für unsere normalen Header haben wir 400 Motive im Format 1.400 x 500 px hochgeladen und exklusiv für den Header rund 100 tolle Panoramabilder im Format 1.500 x 500 px.

 

 

Nachfolgend ein kleiner Blick auf die neuen Panoramabilder für den Header:

 

panorama-header

 

Es ist also für jeden was dabei. Im Laufe des Jahres werden wir den kompletten Bereich überarbeiten und dann in den Uploader für Bilder einbinden. Im Zuge dieser Überarbeitung werden wir Kategorien einführen, sodass man demnächst viel schneller ein passendes Motiv findet.

 

 

Ein kleiner Ausblick in die Zukunft

 

Im Moment ist es im Blog etwas ruhig. Das hat auch damit zu tun, dass wir sehr viel im Hintergrund vorbereiten müssen. Unsere internationale Version von page4 ist jetzt auf dem gleichen Stand wie die deutsche Version. Das hilft uns, global stärker aktiv zu sein. Außerdem arbeiten wir daran, für alle Kaufversionen SSL zu aktivieren. Das wird in jedem Fall noch im März 2017 der Fall sein. Einen genauen Termin habe ich noch nicht, aber es besteht eine gute Chance, dass page4 damit bis Mitte März online gehen kann. Ich informiere euch natürlich, wenn es mehr dazu zu sagen gibt.

 

Sobald alles auf SSL umgestellt ist, werden wir bei page4 wieder vermehrt an weiteren Updates arbeiten. Der Seitenmanager ist ja schon eine ganze Weile "fast" fertig. Bei dessen Entwicklung sind uns viele Ideen gekommen, deren Realisierung wir vorgezogen haben und die direkten Einfluss auch auf die Seitenverwaltung nehmen. Die Design-Verwaltung ist solch eine Idee, die in Zusammenhang mit dem Seitenmanager steht. Die Möglichkeit, beliebige Designvorlagen auf beliebige Seiten anzuwenden, funktioniert nur in Verbindung mit dem Seitenmanager, der dazu entsprechend erweitert werden muss. Ich denke, wir werden euch bald eine erste Version vorstellen können. Bis dahin viel Spaß mit den neuen Bildern und page4.

 

Ein Hinweis noch

Wie ihr bereits gemerkt habt, haben wir in der Software die Vorschau für die Designvorlagen vergrößert. Auf unserer eigenen Webseite stellen wir im Bereich „Design“ nur die neuen Vorlagen vor: Mit einem Klick auf das Vorschaubild kommt man zu einer Musterseite, erstellt mit dem jeweiligen Design. Wir werden nach und nach die Classic-Vorlagen abschalten und durch überarbeitete Versionen ersetzen, die dann in der Auswahl „Design“ erscheinen. Die Classic-Vorlagen waren für den Übergang gedacht und sollten es erleichtern, von einer alten Vorlage auf eine neue Vorlage umzusteigen. Mit der Designverwaltung ist das nun ganz einfach geworden und daher sind die aktuellen Classic-Vorlagen nicht mehr notwendig. Für jede Classic-Vorlage, die  wir abschalten, wird es aber eine neue Vorlage geben.

 

Die Musterseiten enthalten aktuell nur Blindtext. Bei den Motiv-Vorlagen werden wir zukünftig die Überschriften "themenbezogen" mit Inhalten füllen. Dabei verwenden wir eine Technik, die wir irgendwann für alle Inhalte und dann auch für euch als User bereitstellen wollen. Die Überschriften werden in Deutsch und Englisch verfügbar sein. Dabei erfolgt die Anzeige der jeweiligen Sprachversion anhand eurer persönlichen Browsereinstellungen. Hat jemand den Browser auf die Sprache "Englisch" gestellt, sieht er die Überschriften in Englisch. Steht die Sprache auf "Deutsch" wird der Text in Deutsch dargestellt. Wir verwenden dazu nicht zwei Accounts, sondern sind in der Lage, mithilfe eines Tools einer Überschrift mehrere Inhalte zuzuweisen. Wenn die Technik ausgereift und für alle verfügbar ist, kann man auf ganz einfache Weise beliebig viele Sprachversionen einer Webseite erstellen. Ich gehe davon aus, dass wir dieses Projekt im nächsten Jahr (2018) in Angriff nehmen können. Aktuell ist diese Technik nur für Überschriften implementiert; wenn alle Tests erfolgreich verlaufen, kann man das gesamte System von page4 entsprechend umbauen. Bitte keine Rückfragen, dazu ist es noch zu früh. Sobald wir in die allgemeine Testphase gehen, gibt es mehr Informationen dazu.

 

Bis demnächst

Manfred F. Schreyer

page4 - der Design-Webbaukasten

 

 

 

 

 

 

 

 

 

 

 

 

Umwerfende Webseiten gesucht

Tags: page4DesignAktion | Kommentare: 7 | Views: 2687

Dienstag 20.Dezember 2016

 

Wir brauchen deine Hilfe

 

Wir möchten gerne auf unserer neuen Webseite, die bald online geht, ganz viele Kundenseiten vorstellen. Dabei kommt es vor allem darauf an, dass die Seiten gut aufgebaut sind, regelmäßig gepflegt werden und neben ansprechenden Inhalten auch eine gute Gestaltung haben. Wir wollen alle teilnehmenden Seiten mit einem Screenshot vorstellen und alle Vorschauen wie in einer Galerie präsentieren. Je nach Inhalt und Gestaltung mal im Hochformat und mal im Querformat.

 

Im Laufe der Zeit möchten wir so rund 100 mit page4 erstellte Seiten vorstellen. Die Seiten werden nur auf unserer eigenen Homepage gezeigt und wir haben nicht vor, die vorgestellten Webseiten für externe Werbung zu verwenden. Die einzige Option ist, dass wir von Anzeigen eventuell zu der Seite verlinken, auf denen wir unsere Kundenseiten vorstellen. Für euch als User ergeben sich dadurch einige Vorteile. Zum einen wird eure Homepage einem neuen Publikum vorgestellt. Diese "Reichweite" steigt natürlich an, wenn wir bekannter sind. Zum anderen ist es so, dass wir uns durch diese Aktion versprechen, bei neuen Besuchern schneller Vertrauen aufzubauen und dadurch die Anzahl unserer User zu vergrößern. Je erfolgreicher wir sind, umso leichter können wir natürlich Mitarbeiter einstellen. Mehr Mitarbeiter bedeutet noch besserer Support, noch mehr Funktionen für unsere User und damit ein noch besseres page4 für alle unsere Kunden. Wir haben also alle etwas davon.

 

Parallel zu diesem Blogartikel werde ich nach und nach Kunden und User anschreiben und direkt auf unser geplantes Projekt ansprechen. Ich hoffe, wir finden sehr viel User und Kunden, die Lust haben mitzumachen. Wir freuen uns darauf.

 

Wer von euch Interesse hat, dass wir eure Homepage präsentieren, der möge uns bitte eine Email schicken und zwar an mfs@page4.com mit dem Stichwort "Präsentation meiner Webseite auf page4.com". Wir schauen uns dann jede einzelne Webseite an und sagen euch kurzfristig Bescheid, ob die Webseite in unser Konzept passt und dabei ist.

 

Je mehr von Euch mitmachen, umso schneller können wir das Projekt umsetzen und der ganzen Welt zeigen, was für tolle Webseiten mit page4 gestaltet werden können. Ich bin schon sehr gespannt auf Eure Rückmeldungen.

 

Bis demnächst

Manfred F. Schreyer

page4 - der Design Webbaukasten

 

 

Unsere neue Designverwaltung

Tags: Updatepage4FunktionenDesign | Kommentare: 5 | Views: 2418

Montag 19.Dezember 2016

 

Neu und einzigartig!

 

Mit dem heutigen Update gehen wir einen weiteren Schritt in Richtung "Design Webbaukasten". Kein mir bekanntes System bietet im Designbereich die Möglichkeiten, die page4 hat. Und kein Hompagebaukasten hat eine Design-Verwaltung. Ab heute ist das anders. Als erstes und meines Wissens nach einziges System hat page4 nun einen Bereich, in dem ihr Designvorlagen ablegen, kopieren, konvertieren und vor allem im Hintergrund bearbeiten könnt. Um die wichtigsten Funktionen einmal in einem Satz vorzustellen. Was genau für Vorteile die Verwaltung für Designvorlagen hat und was man damit anfangen kann, zeige ich euch gleich.

 

Wichtig ist, diese Funktion steht nur Kaufversionen zur Verfügung. Kostenlose Versionen haben keine Designverwaltung und können die daraus resultierenden Vorteile auch nicht nutzen. Wir bitten dafür um Verständnis. Wir finanzieren uns nur über unsere Kaufversionen. Wer page4 liebt und bisher nur eine kostenlose Version hat, sollte vielleicht mal über ein Upgrade nachdenken.

 

Schon ab 16,5 Cent pro Tag bekommt ihr fantastische Funktionen und gleichzeitig hilft ihr uns dabei, page4 noch besser zu machen. Oder anders ausgedrückt, page4 kostet in der Lightversion nur 5 Euro im Monat inkl. eigener Domain und, unter anderem, der einzigartigen Designverwaltung.

 

Aber nun genug Eigenwerbung. Lasst mich euch zeigen, was unser Entwicklerteam auf den Weg gebracht hat.

 

Die Designverwaltung

 

Du findest diese Verwaltung (2) zukünftig als erstes im Menü "Design" (1), noch über dem Punkt "Design auswählen oder bearbeiten". Wer eine Kaufversion hat, der kennt das Diskettensymbol bereits. Bisher konnte man über diesen Eintrag nur das aktuelle Design abspeichern. Jetzt findet ihr darunter die neue Designverwaltung.

 

 

Sobald du auf den Punkt "Designverwaltung" (2) klickst, öffnet sich der Dialog der Designverwaltung. Wir haben diesen Dialog ähnlich gestaltet wie in unserem Blogmodul. Zum einen hast du dann sehr viel Platz. Und zum anderen können wir den Dialog sehr leicht erweitern und wir planen, noch einige Ideen für die Designverwaltung umzusetzen.

 

 

Folgende Möglichkeiten stehen dir aktuell in der Designverwaltung zur Verfügung:

 

1) Eigene Designs = Nehmen wir an, du hast noch nie ein Design abgespeichert und öffnest die Designverwaltung und du hast immer nur unsere neuen editierbaren Vorlagen genutzt bzw. dein aktuelles Design ist so eine Vorlage. Dann hast du nur den Bereich "Eigene Designs" und dort findest du dann nur das aktuell von dir verwendete Design, grün unterlegt und rechts als "Aktives Hauptdesign" (4) bezeichnet. Das aktive Hauptdesign ist immer das Design, mit dem deine Webseite aktuell deinen Besuchern gezeigt wird.

 

A) Klassik Ablage = Dieser Bereich ist nur sichtbar, wenn du aktuell ein altes Design benutzt oder in der Vergangenheit mindestens ein altes Design abgespeichert hast. Ansonsten ist dieser Bereich nicht sichtbar. Löscht du alle dort enthaltenden Vorlagen, wird die Ablage ebenfalls unsichtbar. Unten siehst du einen Auschnitt aus dieser Ablage.

 

 

Was kann man mit Designvorlagen machen, die in der Klassik Ablage gespeichert sind?

 

Konvertieren (1)

Du kannst eine alte Designvorlage jetzt einfach in der Ablage konvertieren. Klickst du auf "Konvertieren", dann erzeugt das System eine Kopie des Designs, konvertiert diese Vorlage in ein editierbares Design und legt dieses Design dann in die Ablage "Eigene Designs" ab. Im oberen Bild habe ich das konvertierte Design mit der Nummer (8) markiert. Du siehst, dass der Name automatisch angelegt wird. Vorne steht "Konvertiert:" und dahinter der Originalname. So siehst du sofort, woher dieses Design kommt. Diese Aktion wird komplett im Hintergrund ausgeführt. Bei Kaufversionen, die noch ein altes Design haben, haben wir daher im Hauptmenü "Design" den Menüpunkt "Konvertieren" entfernt. Damit konnte man zwar sein Design konvertieren, war aber gezwungen, mehr oder weniger live das Design umzubauen und sobald man auf speichern geklickt hat, war das neue Design online. Jetzt kann man komplett im Hintergrund seine alte Vorlage konvertieren und bearbeiten. Kostenlose Versionen haben weiterhin den Menüeintrag, da sie keine Designverwaltung haben.

 

Als aktives Hauptdesign setzen

Natürlich kannst du ein altes Design weiterhin benutzen und als aktiv setzen. Wir empfehlen dir aber dringend, auf eine neue Vorlage umzusteigen. Die alten Vorlagen sind nicht mehr zeitgemäß und vor allem für mobile Ansicht nicht optimiert.

 

Umbenennen

Du kannst alle gespeicherten Designvorlagen frei benennen. Das geht auch mit alten Designvorlagen.

 

Kopieren

Du kannst alle gespeicherten Designvorlagen kopieren und diese Funktion steht auch alten Vorlagen zur Verfügung.

 

Löschen

Solange das Design kein aktives Hauptdesign ist, kannst du es natürlich aus der Verwaltung löschen. Ein einmal gelöschtes Design kann nicht wieder hergestellt werden.

 

Wie du vielleicht bemerkt hast, kann man ein altes Klassik-Design nicht bearbeiten. Das geht deshalb nicht, weil die gesamte Struktur anders ist. Um ein Klassik-Design im Design-Editor zu bearbeiten, muss es konvertiert werden. Existiert ein Konverter, dann sieht das Ergebnis normalerweise fast genauso aus wie die Originalvorlage. Bei einigen alten Vorlagen gibt es keinen Konverter. Dann legen wir ein Basisdesign an. Allerdings bist du nicht mehr gezwungen, dein aktuelles altes Design zu konvertieren um auf ein neues Design umzusteigen. Du kannst in der Designverwaltung ein neues Design anlegen und dass dann in Ruhe im Hintergrund bearbeiten und wenn es fertig ist, als neues aktives Hauptdesign verwenden.

 

 

Was kann man mit der Ablage "Eigene Designs" machen?

 

Die nachfolgenden Zahlen beziehen sich auf das obere Bild (Eigene Designs).

 

Neues Design anlegen (2)

Wenn du diese Funktion benutzt, wird ein neues Design angelegt und zwar mit minimalen Einstellungen. Wir haben alle Elemente ausgeblendet und alle Bereiche auf neutral gesetzt, so dass wirklich ein "leeres" Design erzeugt wird. Der Vorteil besteht darin, dass du sofort anfangen kannst zu gestalten, ohne erst alle Werte "zu neutralisieren". Möchtest du mit einer von unseren Vorlagen starten, so kannst du natürlich jederzeit mit einem Klick eine Vorlage auswählen und das neutrale Design überschreiben.

 

Als aktives Hauptdesign setzen (6)

Wie auch in der Klassik Ablage musst du in der Lage sein, jede deiner gespeicherten Designvorlagen als aktives Hauptdesign zu setzen. Du fährst dazu mit der Maus über ein gespeichertes Design und klickst dann in der Werkzeugleiste auf "Als aktives Hauptdesign setzen". Dann passiert folgendes: Der Eintrag wird grün hinterlegt. Rechts oben wechselt die Info von "Nicht verwendet" zu "Aktives Hauptdesign". Einige Menüpunkte aus der Werkzeugleiste (wie der Papierkorb) werden ausgeblendet und sehr wichtig: Deine Webseite wird jetzt mit diesem Design angezeigt.

 

Umbenennen (5)

Das Umbenennen einer Designvorlage dient lediglich dazu, dir die Möglichkeit zu geben, deine Vorlagen mit Namen zu versehen, die dir die Verwaltung erleichtern. Ansonsten hat das Ändern der Bezeichnung keine Auswirkung. Alle Einträge werden alphabetisch sortiert. Die Namensänderung sorgt für eine Umsortierung.

 

Nicht verwendet (3)

Bis auf das aktive Hauptdesign bekommen alle gespeicherten Designvorlagen aktuell die Markierung "nicht verwendet". Nicht verwendete Designvorlagen können beliebig bearbeitet oder gelöscht werden, ohne dass deine Besucher etwas davon bemerken. Sobald die Designverwaltung in der Lage ist, einzelnen Seiten unterschiedliche Designvorlagen zuzuweisen kannst du anhand dieser Markierung sofort alle Designs erkennen, die nicht verwendet werden.

 

Einige Anmerkungen

 

Unter dem Punkt (B) siehst du den Hinweis, dass das aktive Hauptdesign auf 14 Seiten verwendet wird. Da es aktuell nur ein Design für alle Seiten gibt, wirst du beim aktiven Hauptdesign immer die Gesamtanzahl der Seiten deiner Homepage sehen. Sobald die Verwaltung in der Lage ist, Designvorlagen auf beliebige Seiten anzuwenden, bekommt diese Anzeige einen Sinn. Nehmen wir an, du hast 50 Seiten und verwendest für 3 Seiten ein zweites Design, dann ist das aktive Hauptdesign natürlich nur noch auf 47 Seiten aktiv. Bei dem zweiten Design steht dann "Auf 3 Seiten verwendet". Löscht du ein Design, welches von Seiten benutzt wird, dann wird wieder das Hauptdesign verwendet. Es wird also niemals passieren, dass Seiten kein Design haben. Aber diese Dinge musst du erst beachten, wenn wir die Verwaltung erweitert haben.

 

WICHTIG: Bisher ist es so: Du öffnest den Design-Editor und wählst ein anderes Design aus und speicherst es ab. In dem Moment ist das bisherige Design weg und wird durch das neue Design ersetzt. Es besteht keine Möglichkeit, dass alte Design wieder einzuladen. Wir müssten dazu ein Backup vom vorherigen Tag hochladen.

 

Mit der neuen Verwaltung verhält es sich ähnlich. Öffnest du direkt über das Menü den Design-Editor und wählst dann ein neues Design aus und speicherst es ab, überschreibst du das aktive Hauptdesign durch das neue Design. Und zwar auch in der Verwaltung.

 

Gehst du zuerst in die Verwaltung und bearbeitest von dort aus das aktive Hauptdesign und während der Bearbeitung wählst du ein neues Design und speicherst dann das Design ab, überschreibst du ebenfalls das bisherige Hauptdesign. Dieser Schritt kann nicht rückgängig gemacht werden. Wir empfehlen dir, dass aktuelle Hauptdesign einfach zu kopieren, bevor du es direkt bearbeitest. So kannst du im Zweifel immer wieder auf die Kopie zurückgreifen.

 

Im Moment bekommst du mit der Designverwaltung vor allem ein Werkzeug, um auf einfache Weise von einem alten Design auf eine neue Vorlage umzusteigen oder um beliebig viele Designvorlagen selbst zu erstellen und im Hintergrund zu gestalten. Sobald die Verwaltung in der Lage ist, Designvorlagen beliebigen Seiten zuzuweisen kannst du deine Homepage noch individueller gestalten. Die Möglichkeiten sind extrem vielfältig.

 

Hier eine kleine Auswahl an Ideen. Du kannst diese Ideen bereits jetzt vorbereiten und wenn die zusätzlichen Optionen online sind, mit einem Klick aktivieren.

 

1) Du möchtest auf einigen Seiten kein Hintergrundbild.

2) Du möchtest auf jeder Seite 10 andere Bilder im Hintergrund, im Header usw. als Slideshow.

3) Du möchtest einige Seiten ohne Sidebar oder mit zwei Sidebars.

4) Du möchtest auf einigen Seiten keinen Header haben.

5) Du möchtest auf einigen Seiten keinen Footer haben.

6) Du möchtest auf jeder Seite unterschiedliche Hintergrundbilder haben.

7) und vieles mehr.

 

Aus meiner Sicht ist dies Update eines der wichtigsten Updates der letzten 2 Jahre. Wer wirklich individuelle Webseiten gestalten will und keine Lust auf Wordpress und Co. hat und auch nicht selbst programmieren will, der bekommt jetzt mit page4 einzigartige Funktionen zur Gestaltung und das zu einem sehr guten Preis. Zusammen mit der neuen Seitenverwaltung, die eine enge Verbindung zum Designverwaltung haben wird, bietet das neue Update extrem viele Optionen und vor allem ermöglicht es allen Usern einer Kaufversion, die Gestaltungsarbeiten komplett unsichtbar im Hintergrund vorzunehmen. Das gibt es aktuell meines Wissens bei keinem einzigen Webbaukasten weltweit. Zumindest kenne ich kein System mit diesen Optionen.

 

Wir freuen uns wirklich, wenn ihr einen Kommentar hinterlässt und uns eure Meinung sagt. Vor allem sind wir an Ideen und Wünsche interessiert, denn wir entwickeln page4 für unsere User und neue Funktionen machen nur Sinn, wenn sie für Kunden und User einen Mehrwert bieten.

 

Viel Spaß beim Gestalten und Ausprobieren und nochmal: Wer jetzt noch eine alte Designvorlage nutzt sollte die Gelegenheit ergreifen und umsteigen. So einfach war es noch nie.

 

Bis demnächst

Manfred F. Schreyer

page4 - der Design Webbaukasten

 

 

 

PS: Du hast noch keine page4 Webseite? Dann nutze jetzt unser Weihnachtsangebot und spare im ersten Jahr richtig Geld.

 

 

PPS: Nicht vergessen, hinterlasse einen Kommentar (hier oder auf unserer Facebook Seite) und die Adresse deiner Webseite und du hast die Chance, eine Premiumversion dauerhaft kostenlos zu nutzen. Es lohnt sich.

Tipp 10: Footer nutzen

Tags: TippsDesignpage4 | Kommentare: 1 | Views: 1085

Donnerstag 15.Dezember 2016

 

Das Wichtigste zum Schluss

 

In der Vergangenheit wurden wir öfter gefragt, wozu braucht ihr 3 Header und 3 Footer? Zum Header gibt es in Kürze noch einmal einen kleinen Artikel. Heute geht es um den Footer. Man braucht tatsächlich nicht besonders oft alle drei Footer. Manchmal sind diese Footer allerdings ganz nützlich. Du kannst einen Footer zum Beispiel einfach nur nutzen, um einen Freiraum nach unten zu bekommen, indem du keine Inhalte hinterlegst und ihn damit durchsichtig machst. Oder du nutzt einen Footer, um ein besonderes Bild anzuzeigen, was immer sichtbar sein soll aber "losgelöst" vom Inhalt, der sonst im Footer ist. Den Inhalt platzierst du dann in einem anderen Footer.

 

Der Bereich "Footer" ist noch nicht komplett "ausgebaut". Aktuell haben wir mit einem der letzten Updates die Möglichkeit geschaffen, dass im Footer 1 ganz normale Inhalte eingebaut werden können. Damit funktioniert dieser Footer wie eine Sidebar unten und dehnt sich auch mit den Inhalten aus. Für die Zukunft ist geplant, dass man bei jedem Footer und jedem Header frei einstellen kann, was für ein "Typ" das Element sein soll. Ob sich der Footer also wie eine Sidebar verhalten soll oder wie ein normaler Header usw. Wir haben da einige interessante Ideen.

 

Was gehört in den Footer?

 

Dank dem neuen Update kann man inzwischen den Footer 1 mit normalen Inhalten versehen und sogar mit Spalten und Reihen. Damit kannst du den Footer genauso verwenden, wie das andere Baukästen tun, also als Sidebar unten. Für folgende Inhalte eignet sich der Footer besonders gut:

 

1) Eine Liste von Links, die entweder die Navigation oben wiedergeben oder zu Seiten führen, die in der Navigation nicht angezeigt werden. Dazu kannst du entweder einen Textcontent nehmen oder unsere Linkliste. Die Linkliste hat den Vorteil, dass der Name der Seite automatisch angezeigt werden kann. Änderst du den Namen einer Seite wird dies in der Linkliste automatisch aktualisiert. Man kann das ganze auch mit HTML umsetzen, wenn man darin Erfahrung hat. Das CSS dafür solltest du dann im Headerbereich platzieren.

 

2) Kontaktinformationen. Wenn du ein Kontaktformular einbaust, dann können Besucher deiner Seite jederzeit Kontakt zu dir aufnehmen, egal auf welcher Seite sie sich befinden. Einziger Nachteil, ein Besucher muss natürlich scrollen, um den Footer sichtbar zu machen, wenn deine Seite länger ist. Die Sidebar hat allerdings den Nachteil, dass sie nicht so breit ist und ein Formular daher wenig Platz hat.

Ebenso kannst du natürlich allgemeine Kontaktdaten hinterlegen wie Telefonsupport, Emailadressen und welche Optionen du sonst für deine Besucher zur Verfügung stellen willst.

 

3) Links zu besonderen Seiten wie Impressum, Datenschutz usw. Auch diese Informationen passen gut in einen Footer. So kommt der Besucher schneller zu den gewünschten Informationen.

 

4) Socialmedia. Alles, was deine Webseite mit deinen Accounts bei Facebook, Twitter, Instagramm und Co. verbindet, lässt sich gut in einem Footer unterbringen. So können Besucher mit einem Klick deine Webseite teilen oder mehr von dir erfahren.

 

5) Anfahrtskarte. Mit einem HMTL Abschnitt kannst du ganz leicht eine Karte von Google Maps einbinden. So wissen deine Kunden und Besucher gleich, wie sie dich finden können.

 

6) Terminkalender. Im Internet gibt es Kalender, die man sehr leicht mit HTML einbinden kann. So ist immer im Blickfeld, was geplant ist.

 

Es gibt sicher noch mehr Inhalte, die in einem Footer gut aufgehoben sind. Dir muss nur klar werden, alle Inhalte im Footer werden auf allen Seiten angezeigt.Darin unterscheidet sich der Footer nicht von der Sidebar.

 

Im nächsten Jahr wird es bald die Option geben, selbst festzulegen, auf welchen Seiten welche Footer oder Header angezeigt werden sollen. Dabei kannst du nur Elemente ausblenden, die im Design grundsätzlich aktiv sind. Aber damit könntest du zum Beispiel auf verschiedenen Seiten verschiedene Footer zeigen.

 

Zusätzlich wird es die Option geben, beliebig viele Designvorlagen auf beliebige Seiten anzuwenden. Dann kannst du Designvorlagen so bauen, dass sie identisch aussehen, aber jeweils nut Footer 1, Footer 2 oder Footer 3 anzeigen. Dadurch entstehen Möglichkeiten, die du bei anderen System vergeblich finden wirst. Die meisten der angesprochenen Funktionen befinden sich bereits in der Entwicklung oder in der Testphase, werden also in absehbarer Zeit verfügbar sein.

 

 

Footer 1 und alte Designvorlagen

 

Leider nutzen immer noch viele User unsere alten Vorlagen. Dort konnte man bei einigen Vorlagen für den Footer einen HTML-Code hinterlegen. Wenn du so ein Design nutzt und auf ein modernes Design konvertierst, dann wird im Footer 1 ein HTML Content angelegt mit dem Code aus deinem alten Design.

 

Sobald unsere Design-Ablage online geht, solltest du über einen Umstieg nachdenken. Du kannst dann in Ruhe im Hintergrund an deinem neuen Design arbeiten und in der Zeit weiterhin dein altes Design verwenden. Bist du zufrieden mit dem neuen Design, schaltest du mit einem Mausklick um. Und hast zur Sicherheit weiterhin dein altes Design in der Ablage. Einfacher geht es dann wirklich nicht mehr und wir können wirklich nur dazu raten, umzusteigen. Es lohnt sich in jedem Fall.

 

Bis demnächst

Manfred F. Schreyer

page4 - der Design Webbaukasten

 

 

PS: Du hast noch keine page4 Webseite? Dann nutze jetzt unser Weihnachtsangebot und spare im ersten Jahr richtig Geld.

 

 

PPS: Nicht vergessen, hinterlasse einen Kommentar (hier oder auf unserer Facebook Seite) und die Adresse deiner Webseite und du hast die Chance, eine Premiumversion dauerhaft kostenlos zu nutzen. Es lohnt sich.

Tipp 9: Strukturen im Design

Tags: page4FunktionenDesign | Kommentare: 1 | Views: 912

Dienstag 13.Dezember 2016

 

Anordnung ist alles

 

Unsere Design-Vorlagen bestehen aus einer HTML-Datei, welche die Struktur der Elemente bestimmt und den CSS-Anweisungen, die du als User über die Dialoge bestimmst. Mit den im Design-Editor hinterlegten Strukturen kannst du mit einem Klick das gesamte HTML deines Designs austauschen und damit eine Umplatzierung aller Elemente veranlassen.

 

Unsere aktuellen Strukturen

 

Die wirklich einzige Beschränkung in unseren Designvorlagen besteht im Moment darin, das wir "nur" 4 Strukturen haben und damit allerdings rund 80 bis 90% der gängigen Gestaltungsmöglichkeiten einer Webseite abdecken.

 

Struktur 1

Eine der Hauptstrukturen. Der Header- und Fussbereich der Webseite geht immer über die gesamte Breite und der Inhaltsbereich und die Sidebars sind zwischen dem Header und Footer eingebaut und zusammen so breit wie der Header bzw. Footer.

 

Struktur 2

Bei dieser Struktur werden die Sidebars ganz nach außen platziert und die Header, Footer und der Inhalt zwischen den beiden Sidebars eingesetzt. Die obere "Kante" vom Header schließt mit den oberen "Kanten" der beiden Sidebars ab. Der Inhalt, die Footer und die Header sind immer gleich breit.

 

Struktur 3

Wie Struktur 1 mit der Ergänzung, dass alle Elemente innerhalb von Streifen angelegt sind, die immer über den gesamten Browser ausgedehnt werden. Jeder Header, jeder Footer, die Navigation und der Inhalt "liegen" innerhalb eines Streifens. Die Sidebars liegen im selben Streifen wie der Inhalt. Man kann jeden Außenbereich, so nennen wir die Streifen, frei gestalten.

 

Struktur 4

Die Struktur 4 lässt alles weg, was nicht gebraucht wird. Es ist letztlich die Struktur 3 aber ohne die Sidebars. Geht man auf Elemente, kann man auch keine Sidebars anschalten. Man kann aber jederzeit zur Struktur 3 wechseln, wenn man doch eine Sidebar haben möchte.

 

 

Was bewirken die Strukturen?

 

Wie du in der Zeichnung oben sehen kannst, sind die einzelnen Bereiche einer Webseite farbig gekennzeichnet. Grün ist der Header und der Footer, gelb die Sidebars, blau der Inhalt und rot ist die Navigation. Bei den Streifen-Strukturen 3 und 4 gibt es noch hellgrüne Bereiche, dass sind die Streifen unter dem Header und Footer, hellblaue Bereiche kennzeichnen die Streifen, in denen der Inhalt und die Sidebars eingebettet sind und hellrote Bereiche markieren den Außenbereich (Streifen) der Navigation.

 

Spielen wir einige Optionen durch.

 

Hast du ein Design mit der Struktur 1 und schaltest auf Struktur 3 um, dann verändert sich an der Platzierung deiner Bereiche gar nichts. Es tauchen lediglich im Außenbereich deiner Webseite die Streifen auf. Wenn diese Streifen Inhalte enthalten wie eine Slideshow, Hintergrundbilder, Hintergrundfarben oder Linien usw. dann werden diese jetzt angezeigt. Aber keine Sorge, mit wenigen Mausklicks kannst du alle Einstellungen, die du nicht brauchst auf Neutral setzen. Wir überarbeiten aktuell alle Designvorlagen und sorgen dafür, dass nicht benutzte Elemente beim nachträglichen Einblenden nicht stören.

 

Schaltest du von der Struktur 1 auf die Struktur 4 um, dann erscheinen ebenfalls die Streifen. Aber gleichzeitig werden die Sidebars ausgeblendet, da diese hier nicht vorgesehen sind. Inhalte gehen natürlich nicht verloren.

 

Steigst du von Struktur 1 auf Struktur 2 um, dann passiert etwas mehr. Benutzt du zwei Sidebars und ist die Breite deiner Webseite auf 1.100 px eingestellt und jede Sidebar ist 250 px breit, dann geschieht folgendes: Beide Sidebars rutschen nach außen und fangen ganz oben am Bildschirmrand an und nehmen weiterhin wie bisher jeweils 250 px links und rechts ein. Der Header, eine horizontale Navigation und auch der Footer bleiben wo sie sind, können jetzt aber nicht mehr die gesamte Breite von 1.100 px beanspruchen. Es stehen nur noch 600 px für die Breite zur Verfügung. Soviel, wie auch für den Inhaltsbereich, der ebenfalls bleibt, wo er ist und weiterhin die selbe Breite hat. Hast die die Sidebars so eingestellt, dass sie sich auf die volle Höhe ausdehnen sollen, dann sind beide Sidebars nun so hoch wie die Header, die Navigation, der Inhalt und die Footer zusammen an Platz in der Höhe einnehmen.

 

Hinweis: Das Ändern der Struktur ist völlig ungefährlich und hat keinerlei Auswirkungen auf deine Daten. Mit einem Klick bist du wieder bei der alten Struktur und alles ist wie es war, falls du die neue Struktur nicht verwenden willst.

 

Wie kann man erkennen, ob das Design eine Streifenstruktur hat?

Wenn du im Design-Editor bist und außerhalb deiner Webseite aktive Flächen hast, mit denen du den Außenbereich bearbeiten kannst, dann hast du ein Streifendesign. Klickst du im normalen Bereich deiner Seite auf einen Bereich, dann taucht im Dialog ein "Außenbereich" auf und zeigt dir, dass du Streifen hast und diese bearbeiten kannst. Und natürlich siehst du dass dann, wenn der Außenbereich mit Inhalt versehen ist.

 

Kleiner Ausblick für 2017 und ein paar Anmerkungen

Einige Designvorlagen von Mitbewerbern haben HTML-Strukturen, die wir aktuell nicht abbilden können. Das liegt daran, dass unsere Kollegen ihre Designvorlagen programmieren und dann nur bestimmte Optionen für den entsprechenden Baukasten freischalten, die der User ändern kann.

 

Bei page4 werden dagegen alle Designvorlagen mit den vorhandenen Tools erstellt. Wir haben lediglich die Basis programmiert und steuern die meisten Parameter über die Dialoge von page4. Im einfachsten Fall besteht ein Design aus einer weissen Fläche, die zweigeteilt ist. In der einen Fläche ist die Navigation eingebunden und in der anderen Fläche der Inhalt deiner Webseite. Mit dem Design-Editor kannst du aus dieser weissen Flächen nur mit den Werkzeugen von page4 eine Webseite gestalten und unendlich viele Variationen ausprobieren. 

 

Unsere Liste mit Funktionen, Ideen und Wünschen ist extrem lang und jeden Tag, wo wir programmieren, mit Kunden reden oder diskutieren wird die Liste länger. Auf dieser Liste steht auch, dass wir weitere Strukturen zur Verfügung stellen wollen. Wir gehen davon aus, im kommenden Jahr wird dass der Fall sein. Neue Strukturen bedeuten völlig neue Gestaltungsmöglichkeiten. Je nach Struktur kannst du die Elemente deiner Seite völlig anders anordnen, vielleicht auch überlappen lassen und vieles mehr. Lass dich einfach überraschen und falls du ein tolles Webdesign siehst dann informiere uns einfach. Wir schauen uns gerne an, wie dieses Design aufgebaut ist und überlegen uns, ob und wie man das in page4 umsetzen kann.

 

Bis demnächst

Manfred F. Schreyer

page4 - der Design-Webbaukasten

 

 

 

PS: Du hast noch keine page4 Webseite? Dann nutze jetzt unser Weihnachtsangebot und spare im ersten Jahr richtig Geld.

 

PPS: Nicht vergessen, hinterlasse einen Kommentar (hier oder auf unserer Facebook Seite) und die Adresse deiner Webseite und du hast die Chance, eine Premiumversion dauerhaft kostenlos zu nutzen. Es lohnt sich.

Noch mehr Bilder

Tags: DesignBilderpage4 | Kommentare: 5 | Views: 927

Samstag 10.Dezember 2016

 

Zwischendurch neue Bilder

 

Nachdem wir in den letzten Tagen Tipps zu verschiedenen Themen gebracht haben, möchte ich euch heute die gute Nachricht bringen, dass wir unsere Hintergrundbilder um 170 zusätzliche Motive erweitert haben. Grund ist unter anderem die Arbeit an unseren Designvorlagen. Bilder, die wir dort verwenden, müssen auch zwingend in unserem Archiv vorhanden sein. Da mir noch einige Motive fehlten, habe ich mich auf die Suche gemacht und herausgekommen sind 170 tolle Motive für viele Gelegenheiten. Mir ging es vor allem diesmal darum, noch mehr Motive mit Menschen zu bringen und zu bestimmten Themen, die in unseren Designvorlagen präsentiert werden sollen. Es kann sein, dass ich in den nächsten Tagen noch das eine oder andere Bild hochladen werden. Das hier im Blog verwendete Bild hat die Nummer 1415. Insgesamt gibt es also bereits rund 1.400 Motive, die ihr für eure Webseite in voller Größe von 2.560 x 1.440 px nutzen könnt.

 

Eine kleine Übersicht einiger Bilder

 

Nachfolgend eine kleine Übersicht der neu hinzugefügten Bilder. Die ersten 4 Bilder in der ersten Reihen sind bereits beim letzten Mal hochgeladen wurden. Alle danach gezeigten Bilder sind neue Motive. Ich denke für jeden ist etwas dabei. Viel Spaß beim Durchstöbern und ausprobieren. Die Übersicht zeigt nicht alle 170 Bilder sondern nur einen kleinen Ausschnitt zum Appetit holen.

 

 

Nächste Woche gibt es weitere Tipps zu page4 und noch vor Weihnachten wollen wir die geplante Design-Verwaltung online stellen. Dann können all die, welche eine Kaufversion haben, ganz in Ruhe und im Hintergrund Designvorlagen erstellen, ohne dass Besucher der Webseite etwas davon bemerken. Die aktuelle Seite und das aktuelle Design bleiben völlig davon unberührt, sofern man natürlich nicht das aktive Design bearbeitet. In der Design-Verwaltung werden auch die gespeicherten Vorlagen alter Designs angezeigt. Diese können allerdings nicht bearbeitet werden. Aber jeder, der noch ein altes Design verwendet, kann dann in Ruhe an einem neuen Design arbeiten und es ohne Risiko testen und dann mit einem Klick online schalten ohne dabei sein aktuelles Design zu verlieren.

 

Meines Wissen gibt es keinen anderen Webbaukasten, der so eine Design-Verwaltung hat und wir haben damit noch einiges mehr vor. Es lohnt sich wirklich, dass Weihnachtsangebot zu nutzen und umzusteigen. Mit page4 bekommt man einen Design Webbaukasten, der einzigartige Funktionen hat, von den andere Anbieter nur träumen.

 

Bis demnächst

Manfred F. Schreyer

page4 - Der Design Webkasten

Tipp 7: Navigationstemplates

Tags: page4FunktionenNavigationDesign | Kommentare: 2 | Views: 1591

Freitag 9.Dezember 2016

 

Vielfalt ist Trumpf

 

Bei den meisten anderen Webbaukasten besteht das Design unter anderem aus der Navigation, die an einer bestimmten Stelle fest eingebunden ist. Möchtest du, dass die Navigation an einer anderen Stelle platziert wird, also zum Beispiel nicht über sondern unter dem Header oder in  der Sidebar, dann musst du zwingend ein neues Design wählen. Solche Veränderungen sind bei den uns bekannten Systemen der Mitbewerber nicht möglich.

Natürlich kannst du bei so einer Navigation je nach System wahrscheinlich die Schrift, Schriftgröße, Schriftfarbe und Hintergrundfarbe einstellen und meist auch, wie die Navigation aussehen soll, wenn du mit der Maus über die Navigation gehst (Hover). Einige Systeme erlauben den Schriftstyle (Normal, Fett oder Kursiv) zu beeinflussen oder ob die Zeichen alle in Versalien oder Kleinbuchstaben angezeigt werden sollen. Und vielleicht noch die Zentrierung der Navigation. Bis auf die Veränderung der Schrift (also den Style oder wie die Zeichen angezeigt werden) kann page4 all das natürlich auch. Und noch viel mehr.

 

 

Navigationstemplate für die Zukunft

 

So wie es Strukturen gibt, die man auf jedes Design anwenden kann gibt es bei page4 auch Templates, die man auf eine Navigation anwenden kann. Der größte Vorteil besteht zum einen darin, dass man die Auswahl der Templates beliebig erweitern kann, was wir im kommenden Jahr fest eingeplant haben. Zum anderen ist das Aussehen der Navigation nicht mehr abhängig von einem gewählten Design. Jedes Design kann jedes Navigationstemplate nutzen. Aus Kompatibilitätsgründen gab es in der ersten Version vor allem alle Navigationen der alten Vorlagen als neue Templates. Inzwischen haben wir ein paar neue Templates hinzugefügt und werden wie gesagt, im kommenden Jahr mehr Zeit in diesen Bereich investieren. Es gibt unseres Wissens nach keinen anderen Baukasten, der die Möglichkeit bietet, das Aussehen der Navigation durch Templates zu verändern. Daneben gibt es noch einige Optionen zusätzlich.

 

 

Wenn du im Design-Editor den Bereich Navigation aufrufst, siehst du links diese Einstellungen zur Navigation. Rechts, nicht im Bild kannst du alle Farben für bis zu drei Ebenen einrichten. Betrachten wir die Punkte im Einzelnen.

 

 

1) Position wählen

 

 

Hier siehst du eine unserer Designvorlagen. Standardmäßig ist die Navigation unter dem Header angeordnet (1). Du kannst die Position der Navigation aber jederzeit verändern. Punkt (2) zeigt die Navigation innerhalb des Headers und zwar am unteren Rand. Der Hintergrund wird dann durchsichtig und es scheint das Headerbild durch. Punkt (3) zeigt die Navigation weiterhin im Header aber am oberen Rand. Und (4) zeigt die Navigation, wie sie über dem Header angeordnet wird. Außerdem kannst du die Navigation jederzeit in eine Sidebar verschieben und dann wechselt das Template automatisch zu einer vertikalen Version. Über die Optionen (3 im obenen Bild) kannst du außerdem die Position der Navigation innerhalb des Headers verändern indem du an allen 4 Seiten Abstände bestimmst.

Hast du mehrere Header, erhöht sich die Anzahl der Positionen für die Navigation. Zusätzlich kannst du auch die beiden Sidebars nutzen, um dort die Navigation oder auch nur die Unterseiten anzuzeigen.

 

 

2) Template wählen

 

 

Hier sind einmal 8 verschiedene Templates, die wir ausgewählt haben. Dabei haben wir lediglich das Template geändert aber alles andere wie Schrift, Farbe usw. unverändert gelassen. Es gibt natürlich noch mehr Templates. Außerdem sind die Templates für vertikale und horizontale Navigationen natürlich unterschiedlich. Wie gesagt, sind aktuell vor allem die Navigationen als Templates hinterlegt, die wir in unseren alten Vorlagen verwendet haben, damit jeder, der ein altes Template benutzt, kompatibel zu diesen neuen Templates ist und wenn das alte Design in ein neues Design convertiert wird, dass dann die Navigation weiterhin so ausieht wie gewohnt.

 

Man kann gut sehen, dass die Navigationstemplates extrem viel Möglichkeiten bieten. Vor allem bist du nicht mehr darauf angewiesen, dein ganzes Design zu wechseln, wenn du gerne eine andere Art von Navigation haben möchtest. Andere Anbieter müssten für diese 8 Navigationen jetzt 8 Designvorlagen zur Verfügung stellen. Wenn man das Template nur mit der Option, die Navigation zu platzieren kombiniert, kommst du bei den 4 oben angegebenen Variationen schon auf 32 Designvorlagen, die nötig wären, um diese Möglichkeiten anzubieten. Dabei ist oben ja nur die Position der Navigation dargestellt, die mögllich sind, wenn man einen Header einblendet. Und die Position der Navigation in der Sidebar ist noch gar nicht berücksichtigt.

 

 

3) Vielfalt - mehr als 3.200 Designvariatonen nur mit diesen wenigen Optionen und unseren aktuellen Designvorlagen möglich

 

Aktuell haben wir rund 100 Designvorlagen, die wir zur Verfügung stellen. Bei jeder dieser 100 Vorlagen kannst du natürlich eine der acht oben gezeigten Templates verwenden (und natürlich auch die, welche wir hier nicht zeigen) und die Position deiner Navigation mind. für 4 verschiedene Stellen selbst auswählen. Konkret bedeutet das, nur mit diesen beiden Möglichkeiten machst du aus den 100 Vorlagen bereits 3.200 verschiedene Variationen. Das verstehen wir unter Design-Vielfalt und Freiheit im Gestalten.

 

Ich hoffe, du hast einen kleinen Eindruck davon bekommen, wie komfortabel, nämlich mit einem Klick, du das Design deiner Navigation anpassen kannst und wie viele zusätzliche Variationen du damit bei einem Design erzeugen kannst. Achte darauf, die Farben und Schriften für eine Navigation so zu gestalten, dass deine Besucher gerne durch deine Webseite navigieren und dass alles übersichtlich und gut auffindbar wird.

 

Viel Spaß beim Ausprobieren. Falls du eine Webseite im Internet findest mit einer interessanten Navigation und du diese Navigation vielleicht auch mal in page4 nutzen möchtest, schick uns einfach den Link zu der Webseite. Wir schauen uns an, ob man das umsetzen kann und werden es, wenn möglich, bei weiteren Updates im Bereich der Navigation berücksichtigen.

 

Bis demnächst
Manfred F. Schreyer

page4 Ltd.

 

 

PS: Lust auf page4 bekommen? Dann nutze unser Weihnachtsangebot und spare richtig Geld.

 

 

PPS: Nicht vergessen, hinterlasse einen Kommentar (hier oder auf unserer Facebook Seite) und die Adresse deiner Webseite und du hast die Chance, eine Premiumversion dauerhaft kostenlos zu nutzen. Es lohnt sich.

Tipp 5: Abgerundete Ecken

Tags: Tippspage4FunktionenDesign | Kommentare: 1 | Views: 863

Mittwoch 7.Dezember 2016

 

Eine wirklich runde Sache

 

Mit page4 hast du alle Freiheiten in der Gestaltung. Besonders gut zeigt sich dass bei dem Thema "abgerundete Ecken". Wie bei allen Gestaltungselementen sollte man es nicht übertreiben und nur sparsam einsetzen. Betrachte Gestaltungselemente wie ein besonderes Gewürz, dass einem perfekten Menue das gewisse Etwas verleiht und ein gutes Restaurant von einem Sterne-Restaurant unterscheidet. Richtig eingesetzt, kannst du mit page4 außergewöhnliche Webseiten gestalten.

 

Abgerundete Ecken im Design-Editor

Eine Webseite besteht aus verschiedenen Bereichen. Da ist zum einen der wichtigste Bereich, der Inhaltsbereich. Hier werden alle Inhalte eingebaut, also Texte, Bilder, Videos usw. Dann gibt es die Sidebars, die Header, die Footer, den Navigationsbereich und, falls du eine Streifenstruktur verwendest, die Außenbereiche. Jede dieser Bereiche kann unter anderem abgerundete Ecken bekommen. Eine abgerundete Ecke definiert sich durch den Grad der Abrundung - bei 0 px ist keine Rundung vorhanden, bei 99 px entsteht eine sehr große Rundung. Der zweite Parameter besteht darin, zu bestimmen, welche der vier Ecken eines Bereiches abgerundet werden soll. Mit page4 sind alle Kombinationen möglich.

 

Nachfolgend der Dialog aus dem Design-Editor, mit dem du per Klick bestimmst, welche Ecken eine Abrundung bekommen.

 

 

Wie du siehst, kannst du aus 16 Varianten auswählen. Eine Variante davon erzeugt allerdings keine einzige abgerundete Ecke (2). Wenn du die 16 verschiedenen Möglichkeiten nimmt, einem Bereich abgerundete Ecken zu geben und dann überlegst, dass du in Normalfall wenigstens einen Header, eine Navigation und einen Inhaltsbereich hast und zusätzlich noch bestimmen kannst, dass die Rundung einen Wert zwischen 1 und 99 px annehmen kann, dann wird deutlich, wie viele verschiedene Variationen du damit allein erzeugen kannst. Ich kenne keinen anderen Webbaukasten, der so viele Optionen nur für abgerundete Ecken anbietet, von den anderen Möglichkeiten ganz abgesehen.

 

Damit du aus den Optionen schöne Webseiten machst, halte dich am besten an den Grundsatz, dass viele Optionen nur das i Tüpfelchen sind, das besondere Gewürz. Zuviel ist selten gut. Eine Gegenüberstellung soll das verdeutlichen.

 

Design 1 - Phoebe

Hier ein Beispieldesign aus unserer Auswahl mit Inhalten gefüllt aber ansonsten unverändert gelassen. Es wurden nur zwei Ecken abgerundet und zwar bewusst zwei sich gegenüberstehende Ecken von zwei Bereichen, dem Inhalt und der Sidebar. Da nur eine Ecke jeweils abgerundet wird kann man durchaus auch mal einen großen Radius von 70 px verwenden. Man muss nur darauf achten, dass der Inhalt etwas mehr Abstand zum oberen Rand bekommt, da ansonsten nicht abgerundeter Inhalte über die Abrundung hinausragt. Der Bildschirm wurde soweit verkleinert dass man die gesamte Seite sieht, um einen besseren Eindruck zu bekommen.

 

 

Design 2 - Phoebe angepasst und mit runden Ecken überfrachtet und eindeutig verschlechtert...

 

Wir haben das Design der Seite anschließend etwas angepasst. Zum einen haben wir noch einen Header eingeblendet und dann alle Bereiche mit runden Ecken versehen. Zusätzlich hat jeder Bereich eine unterschiedliche Rundungsgröße bekommen und um das ganze noch weiter zu verschlechtern haben wir auch noch die Border unterschiedlich stark gemacht. Und für Border um den Header eine andere Farbe gewählt. So sieht das veränderte Design nun aus:

 

 

Wenn man jetzt noch die anderen Rahmen mit einer unterschiedlichen Farbe versehen und Schatten einbauen würde, ist der Supergau in der Gestaltung nahezu perfekt. So ein Design hat nichts mehr mit Gestaltung zu tun. Du solltest immer darauf achten, dass ein Konzept zu erkennen ist und eine gerade Linie den Betrachter führt. Dann bist du auf dem richtigen Weg. Nutze einfach unsere Vorlagen und passe diese vorsichtig an. Oder wähle irgendein Design, setze dann alles auf "Null", lösche alle verwendeten Bilder und Farben und starte dein ganz persönliches Design. Alles ist möglich, aber lange nicht alles sieht gut aus.

 

Ich hoffe, man kann durch diese Gegenüberstellung zwei Dinge sehen.

Zum einen ist weniger mehr und man sollte sparsam mit Effekten umgehen und zum anderen kann man sehen, jedes Design von uns kann beliebig angepasst werden. Man hätte noch die Breiten ändern, Linien an einigen Seiten wegnehmen und Slideshows einbauen können. Theoretisch und praktisch kannst du aus jeder Vorlage jede andere Vorlage zum Leben erwecken, indem du einfach die entsprechenden Parameter veränderst.

 

Das macht page4 so einzigartig. Unser Weg ist weg von starren, fest programmierten Designvorlagen hin zu einem Design-Baukastensystem, mit dem der User alles selbst machen kann. Wir sind überzeugt, dass unsere User in der Lage sind, mit den vielen Möglichkeiten verantwortungsvoll umzugehen und einen Sinn für Schönheit entwickeln, wenn sie page4 nutzen. Die einfache Benutzung öffnet Freiräume und erlaubt es, ein Auge fürs Gestalten zu entwickeln.

 

Du brauchst etwas Hilfe beim Design?

Wir bieten jedem User an, uns zu kontakten, wenn wir einen Blick auf das entworfene Design riskieren sollen und wir sind gerne bereit, dabei zu helfen, Fehler zu vermeiden und korrigierend einzugreifen. Für Kunden einer Kaufversion ist dieser Service aktuell kostenlos. Wir bitten nur um etwas Geduld, da wir uns natürlich Zeit nehmen müssen, deine Seite zu besuchen und uns dabei überlegen, wie wir mit wenigen Handgriffen etwas verbessern können. Benutzt du noch ein altes Design, dann helfen wir dir gerne auf das neue System umzusteigen. Meist geht dass einfach und so gut, dass die Seite danach fast identisch in der alten Gestaltung ist. Bei einigen älteren Spezialdesigns muss man leider einen Schnitt machen und neu gestalten, da wir die dort verwendetet Technik mit hinterlegten Grafiken nicht mehr unterstützen.

 

Du hast Lust bekommen, dir eine eigene Seite mit page4 zu erstellen? Dann nutze unsere kostenlosen Versionen oder nimm gleich den aktuellen Weihnachtsrabatt mit, es lohnt sich.

 

Bis demnächst

Manfred F. Schreyer

page4 - der Design-Webbaukasten

 

 

 

PS: Nicht vergessen, hinterlasse einen Kommentar (hier oder auf unserer Facebook Seite) und die Adresse deiner Webseite und du hast die Chance, eine Premiumversion dauerhaft kostenlos zu nutzen. Es lohnt sich.

 

Tipp 2: Mobile Seiten

Tags: Tippspage4MobilFunktionenDesign | Kommentare: 5 | Views: 898

Samstag 3.Dezember 2016

 

Überall die optimale Ansicht

 

Immer mehr User nutzen den Zugang zum Internet über mobile Geräte wie iPhone, iPad oder ähnliche Geräte von anderen Herstellern. Es wird daher immer wichtiger dafür zu sorgen, dass die eigene Homepage auch auf solchen Geräten perfekt funktioniert und vernünftig aussieht. Mit page4 setzt du auf genau den richtigen Baukasten. Unsere neuen Designvorlagen bzw. alle mit dem Design-Editor erstellten Webseiten sind responsive. Auch die Inhalte deiner Webseite sind responsive. Was genau bedeutet das?

 

Ausführliche Informationen findest du zum Beispiel bei Wikipedia oder bei Google. Der Begriff Responsive Webdesign bedeutet im weitesten Sinne "reagierendes Webdesign". Damit ist gemeint, dass sich die Webseite an die Bildschirmauflösung anpasst. Grundsätzlich sind Webseiten schon seit Anbeginn responsive, also fliessend. In der Vergangenheit hat man die Probleme der Darstellung einer Homepage auf ein Smartphone dadurch gelöst, dass es zwei Versionen der Webseite gab. Eine für Desktop-Geräte und eine zweite für mobile Geräte. Einige Webbaukästen machen das heute noch so. Es ist zwar nicht so, dass es zwei verschiedene Inhalte gibt, die dann parallel gepflegt werden müssen, sondern lediglich zwei Gestaltungen ein und derselben Seite. Aber auch das erfordert immer zusätzliche Arbeit und man muss bei jeder Änderung der Desktop-Version schauen, dass die mobile Variante noch richtig darstellt. Wenn man die Seiten komplett selbst programmiert, besteht der Vorteil von zwei getrennten Designs darin, dass man die mobile Ansicht optimal auf die Besucher abstimmen kann.

 

Mit dem Aufkommen von responsiven Systemen übertrug man die Anpassung an die Umgebung auf den Sourcecode, indem man Weichen einbaute, die genau bestimmten, wann die Webseite auf eine andere Variante der Darstellung umschalten sollte. Während man bei selbst programmierten Webseiten diesen "doppelten" Code weiterhin pflegen muss, übernimmt ein Baukasten die gesamte Arbeit.

 

Bei page4 muss man lediglich im Design die Option "Mobile Ansicht" aktivieren und schon passt sich die Seite einem mobilen Gerät an. Software ist ein fortlaufender Prozess und auch page4 ist noch lange nicht fertig und wird das wohl auch nie werden. Aktuell ist es so, dass wir lediglich einen Umschaltpunkt haben. Sobald der Bildschirm eine Breite von 480 px erreicht hat (zum Beispiel ein iPhone im Hochformat) schaltet das System auf mobilen Modus um. Im Querformat wird im Moment weiterhin die normale Webseite angezeigt. Im ersten Halbjahr 2017 wollen wir diesen Bereich für Kunden umfangreich ausbauen und variable Umschaltpunkte einbauen, die man zusätzlich visuell anzeigen lassen und selbst anpassen kann.

 

Was muss man bei einer mobilen Ansicht berücksichtigen?

 

Mehrere Spalten

Mit page4 kannst du mehrspaltige Inhalte anlegen. Es ist verständlich, dass bei einem Bildschirm mit der Breite von 480 px mehrspaltige Inhalte extrem schlecht zu lesen sind. Daher schaltet das System die Spalten aus und platziert alle Inhalte untereinander, um sicher zu stellen, dass die Schriftgröße lesbar bleibt. Das ist beabsichtigt und normal.

 

Sidebars

Außerdem kannst du mit page4 auf der linken oder/und der rechten Seite deiner Webseite sogenannte Sidebars anlegen. Der Inhalt dieser Sidebars wird auf allen Seiten angezeigt und ist eigentlich ideal, um wichtige Inhalte, die immer sichtbar sind, zu platzieren. Der Nachteil ist, dass bei einer mobilen Ansicht kein Platz für eine Sidebar ist. Diese wird daher einfach ausgeblendet. Wenn du Wert darauf legst, dass wichtige Inhalte auch mobil sichtbar sind, dann nutze den Footer 1. Dort kannst du ganz normal Inhalte wie bei einer Sidebar anlegen und der Footer bleibt auch in der mobilen Ansicht sichtbar.

 

Inhalte auf dem Header

Du kannst im Design-Editor Texte, Bilder und eine Galerie auf den Header platzieren und zwar per Drag&Drop. Dabei werden diese Inhalt absolut platziert, also an einer bestimmten Stelle. Aktuell ist es so, dass diese Inhalte in der mobilen Version deaktiviert werden.

 

Inhalte auf der Seite selbst

Die meisten Inhalte passen sich automatisch an die Spaltenbreite an. Wenn die gesamte Breite der Seite verringert wird, dann werden auch alle Inhalte angepasst. Wenn du externen Code über den HTML Abschnitt einbaust, musst du darauf achten, dass dort keine festen Breiten definiert sind. Ansonsten kann sich der Inhalt nicht automatisch anpassen. Tabellen haben gewisse Beschränkungen. Eine Spalte kann nie kleiner werden als das längste Wort in dieser Spalte, da keine automatische Trennung möglich ist. Die Gesamtbreite einer Tabelle kann daher unter Umständen breiter sein als der verfügbare Bildschirm. In diesem Fall würde die Tabelle entweder über die Seite nach rechts laufen oder abgeschnitten werden. Diese technische Einschränkung kann man nicht umgehen. Auch lange Wörter in Überschriften können nicht umbrochen werden, wenn das einzelne Wort breiter ist als der Bildschirm.

 

Abgesehen von den genannten Ausnahmen und einigen wenigen Sonderfällen sollten sich alle Inhalte, soweit es technisch möglich ist, an die Gesamtbreite deiner Seite anpassen. Du musst lediglich den mobilen Modus angeschaltet haben. Den findest du direkt im Menü, wenn du den Design-Editor aufrufst.

 

Es gibt einige Elemente, die nicht auf allen mobilen Geräten funktionieren. Hast du noch eine Flash-Galerie in Gebrauch solltest du diese auf die neue Slideshow umstellen die ohne Flash funktioniert. Der Dateidownload benötigt zwar zum Hochladen der Datei noch Flash sollte aber im Mobilmodus funktionieren.

 

Die Navigation

Aktuell gibt es eine mobile Navigation die automatisch angezeigt wird, wenn die Bildschirmbreite 480 px oder kleiner ist. Diese lässt sich bequem auf mobilen Geräten bedienen. Du kannst allerdings das Aussehen der Navigation nicht selbst einstellen. Dass wird im Laufe des nächsten Jahres verfügbar sein.

Grundsätzlich solltest du darauf achten, dass deine Hauptnavigation nicht zu breit wird und zu viele Navigationspunkte hat. Wähle kurze, knackige Bezeichnungen und beschränke dich auf 5 bis 6 Hauptseiten und verschiebe alles andere auf die Unterseiten. Dann kannst du sicher sein, dass deine Seite auch auf mobilen Geräten im Querformat oder auf dem iPad - also auf Breiten über 480 px perfekt aussieht. Je größer die Schrift der Navigation ist und je mehr Platz du oben und unten einbaust, umso besser kann die Navigation auf einem mobilen Geräten bedient werden.

 

Das Thema "Responsive Webdesign" bleibt spannend und wird immer wichtiger. Wir wissen das und sind dabei page4 ständig zu verbessern und zu optimieren.

 

Bis demnächst

Manfred F. Schreyer

 

PS: Du hast noch keine page4 Webseite? Dann nutze jetzt unser Weihnachtsangebot und spare im ersten Jahr richtig Geld.

 

PPS. Du möchtest eine page4 Premiumversion gewinnen mit unbegrenzter kostenloser Nutzung? Dann hinterlasse in unserem Blog oder auf unserer Facebook-Seite einen Kommentar mit der Angabe deiner Webseite. MIt etwas Glück hast du im Januar deine kostenlose Premiumversion.

 

 

 

Tipp 1: Bilder in page4

Tags: Tippspage4FunktionenDesignBilder | Kommentare: 0 | Views: 1054

Freitag 2.Dezember 2016

 

So nutzt du Bilder richtig

 

Bilder sind ein wichtiges Gestaltungselement jeder Webseite. Auch wenn die heutigen Internetleitungen schnell sind, sollte man darauf achten, dass Bilder optimiert werden, bevor man sie auf seiner Webseite benutzt. Wichtig ist außerdem die Tatsache, dass das Internet kein rechtsfreier Raum ist. Es ist also sehr wichtig, darauf zu achten, dass nur Bilder benutzt werden, bei denen die Eigentumsverhältnisse und Nutzungsrechte zu 100% klar sind. Sonst kann es richtig teuer werden. Nachfolgend einige Hinweise für die Nutzung von Bilder auf deiner Webseite.

 

1. Bilddatenbanken

Es gibt eine Vielzahl an Online-Datenbanken mit Millionen von Bildern. Wir nutzen zum Beispiel für unser Bildarchiv www.pixabay.com und www.stocksnap.com sowie eigene Bilder und haben daraus interessante Motive für euch rausgesucht. Obwohl die Nutzung der Bilder kostenlos ist, muss man zwingend darauf achten, welche Nutzungsbedingungen bei jedem einzelnen Bild vorgegeben sind. Es gibt Bilder, die man zwar kostenlos nutzen darf, aber nur für redaktionelle Zwecke. Andere darf man nicht für kommerzielle Projekte nutzen. Das steht dann entweder direkt beim Bild oder in den angegebenen Lizenzen. Dies gilt übrigens auch für gekaufte Bilder aus einer Online-Datenbanken. Je nach Lizenz unterliegt die Nutzung bestimmten Einschränkungen.

 

2. Lizenzvereinbarungen verstehen

Viele im Netz verfügbare Bilder unterliegen nicht einem normalen Copyright sondern der sogenannten Creative Commons (CC). Zum einen hilft dieses Lizenzmodell dabei hochwertige Bilder rechtssicher im Internet zu nutzen. Auf der anderen Seite gibt es doch sehr viele verschiedene Modelle dieser Lizenz und man sollte daher genau wissen, was man bei der jeweiligen Lizenz mit den Bildern machen darf und was nicht. In dem Artikel "Wie CreativeCommons richtig genutzt werden" bekommst du ausführliche Informationen dazu.

 

3. Rechtssicherheit bei der Bildnutzung

Es ist leider so, dass sich viele Betreiber einer Webseite nicht im Klaren darüber sind, unter welchen Bedingungen man fremde Fotos nutzen darf. Ebenso sind sich viele User auch nicht darüber im klaren, wie sie sich verhalten sollen, wenn die eigenen Bilder plötzlich auf fremden Webseiten auftauchen und dort benutzt werden. Auf der Internetseite www.internetrecht-rostock.de gibt es eine sehr ausführliche Darstellung im Bezug auf die Benutzung von Bildern für die eigene Webseite.

 

Hinweis: Obwohl wir natürlich diese Tipps mit größter Sorgfalt zusammengestellt haben, können wir keine Garantie auf die Richtigkeit übernehmen und in keinem Fall gelten diese Hinweise als verbindliche rechtliche Beratung. Im Zweifel sollte man immer einen Fachanwalt zu Rate ziehen.

 

4. Die richtige Bildgröße

Heutige Digitalkameras erzeugen inzwischen sehr hochauflösende Fotos und Videos. Je mehr Pixel ein Bild hat, umso größer ist auch die abgespeicherte Datei. Ein mit einer NIKON D500 gemachtes Bild in voller Auflösung hat zum Beispiel eine Größe von 5.568 x 3.712 Pixel und die Datei als JPG ist je nach Motiv und Kompression zwischen 10 und 20 MB groß. Solch ein Bild direkt für die Webseite hochzuladen ist wenig sinnvoll. Viele Webbaukästen erlauben zwar so große Dateien und sorgen damit vor allem dafür, dass der verfügbare Speicherplatz schnell voll wird. Zum Anzeigen auf einer Webseite ist das Bild aber viel zu groß. Zum einen würde das Laden des Bildes je nach Internetgeschwindigkeit mehrere Sekunden dauern und zum anderen haben selbst sehr große Bildschirme selten mehr Auflösung als 2.560 x 1.440 Pixel und man könnte das Bild niemals in Originalgröße anzeigen lassen, es würde in jedem Fall verkleinert. Möchtest du wissen, wie lange es dauert, zum Beispiel ein 1 MB großes Bild bei einer DSL 16.000 Leitung zu laden, dann kannst du den Download-Rechner von der Webseite "wieistmeineip" nutzen. Die Daten der Bilder werden "nacheinander" vom Server geladen, bevor sie in deinem Browser angezeigt werden können. Hast du 20 Bilder von je 1 MB Größe auf einer Seite und braucht deine Leitung pro Bild 0,5 Sekunden zum Laden, dann muss dein Besucher 10 Sekunden warten, bevor alle Bilder angezeigt werden können. Daran siehst du wie wichtig es ist, möglichst kleine Bilder zu laden. Ausführliche Infos findest du in unserer Online-Hilfe. Dauert es zu lange, bis deine Webseite komplett angezeigt wird, springt der Besucher ab und kommt nie wieder. Da du nie wissen kannst, wie schnell ein Besucher unterwegs ist, solltest du alles unternehmen, die von dir verwendeten Bilder zu optimieren. Also nur in der Größe hochladen, die benötigt wird und so optimal wie möglich komprimieren. Ein normales Foto sieht auch mit einer Kompression von 50% sehr gut aus. Nur Bilder mit glatten Farbverläufen können nicht so stark komprimiert werden. Einfach lieber einmal mehr probieren und dann erst auf die Webseite hochladen. Es lohnt sich wirklich. Wir haben alles unternommen, damit page4 sehr schnell ist. Nun kommt es vor allem darauf an, dass du die richtig optimierten Inhalte verwendest.

 

 

5. Bildverwaltung

Nutzt du einen Webbaukasten ohne Bildverwaltung, dann kennst du die nachfolgenden Probleme sicher zur Genüge. Möchtest du ein Bild an zwei oder mehr Stellen auf deiner Webseite einbauen, musst du es mehrmals hochladen. Möchtest du ein Bild, nachdem du es hochgeladen hast verlinken, dann musst du genau wissen, wo auf dem Server des Anbieters das Bild liegt bzw. welche Adresse das Bild genau hat. Außerdem weisst du niemals, ob das Bild in der Originalgröße hochgeladen wird und dann auch so bleibt oder ob der Anbieter das Bild verkleinert. Und löscht du das Inhaltselement, worin sich das hochgeladene Bild befindet, wird es mit gelöscht.

 

Mit einer Bildverwaltung hast du eine zentrale Stelle, an der du Zugriff auf alle Bilder hast. Du kannst bei page4 an jeder Stelle Bilder hochladen. Diese "landen" aber immer alle in der Bildverwaltung und zwar in der Größe, in der du die Bilder hochgeladen hast. Wir prüfen vor dem Hochladen die Dateigröße und erlauben im Interesse der Geschwindigkeit deiner Webseite bei kostenlosen Seiten max. 2 MB pro Bild und in der Kaufversion 3 MB pro Bild. Löscht du Bilder in einem Content oder löscht du den gesamten Content, in dem sich das Bild befand, wird niemals das Bild aus der Bildverwaltung gelöscht. So bist du immer auf der sicheren Seite.

 

Wenn du diese Tipps beachtest, dann hast du noch mehr Freude mit deiner page4 Webseite. Nutze die vielen verschiedenen Galerien und die Design-Optionen, um mit tollen Fotos die Besucher deiner page4 Webseite zu fesseln.

 

Bis demnächst
Manfred F. Schreyer

PS: Du hast noch gar keine page4 Webseite? Dann nutze jetzt unser Weihnachtsangebot und spare im ersten Jahr richtig Geld.

page4 Weihnachtsangebot

Tags: RabattAngebotpage4DesignUmzug | Kommentare: 5 | Views: 23016

Donnerstag 1.Dezember 2016

 

Jetzt zu page4 wechseln

 

Heute gibt es ein besonderes "Jahresendzeit-Angebot" für alle, die bisher ihre Webseite mit einen anderen Baukasten erstellen.Wie wäre es mit einem Redesign und einem neuen Anstrich für die eigene Webseite? So dass man frischen Wind ins neue Jahr mitnehmen kann. Vielleicht die Gelegenheit, neue Wege zu gehen. Und bei unserer Aktion sparst du noch richtig Geld dabei.

 

 

 

 

Am 24.12 ist Heiligabend und aus diesem Grund gibt es schon jetzt zwischen 24 Euro und 72 Euro Rabatt je nach Paket für die ersten 12 Monate*. Bei unserem Bestseller, dem Premiumpakt sind es satte 50% die du im ersten Jahr sparen kannst.

So macht Beschenktwerden Freude und Schenken ebenso. Einfach eine Kaufversion bestellen, den Rabattcode #gopage4 eingeben und richtig viel Geld sparen auf die sowieso schon sehr günstigen Pakete. Die Light-Version gibt es mit diesem Rabat schon ab 36 Euro, die Premium-Version ab 48 Euro und die Professional-Version ab 102 Euro im ersten Jahr* je nach Wahl deiner Domain-Endung.

 

*Nach Ablauf der ersten 12 Monate verlängert sich das Paket automatisch zum normalen Preis. Die Light-Version gibt es dann für 60 Euro im Jahr, Premium-Version zu 96 Euro pro Jahr und die Professional-Version kostet dann 180 Euro im Jahr. Rechtzeitig vor der Verlängerung informieren wir dich per Email so dass du Zeit genug hast, zu kündigen wenn du keine Verlängerung wünscht. Die genannten Preise können je nach gewählter Domainendung varieren.

 

 

So kommst du zum Weihnachts-Rabatt

Kopiere den Rabattcode #gopage4 in die Zwischenablage. klicke auf den unten stehenden Link und folge den dortigen Anweisungen. Im dritten Schritt musst du den Rabatt-Code eintragen und einlösen. Das System zeigt dir dann die entsprechenden preisreduzierten Pakete. Wähle das Paket welches zu dir passt und vervollständige den Bestellvorgang. Am Schluss bekommst du nochmal eine Übersicht. Klicke auf "..Version verbindlich und kostenpflichtig bestellen" und in wenigen Minuten kannst du anfangen, deine eigene Webseite zu bauen. Sollen wir dir dabei helfen, eine vorhandene Webseite zu übernehmen, lese die Hinweise weiter unten und nimm Kontakt mit uns auf. Viel Spaß.

 

 

 

 

Das Angebot endet am 27.12.2016.

 

Wenn du eine oder mehrere Webseiten hast und warum auch immer wechseln möchtest, solltest du eine schnelle Entscheidung treffen und dich für die Zukunft entscheiden. Unser System page4 wird von einem kleinen aber hoch qualifizierten Team entwickelt. In den letzten zwei Jahren haben wir page4 auf ein nie dargewesenes Level gebracht. Die Designmöglichkeiten sind einzigartig und die Bedienung ist schnell und effektiv. Unser System ist zwar nicht ganz so "verspielt" wie andere Systeme weil wir mehr Interesse auf stabile Lösungen setzen, aber du wirst nichts vermissen und vieles begrüßen, wenn du umsteigst.

 

Dich erwartet ein einzigartes System zum Erstellen deiner Webseiten.

 

Bisher konnte man einer Webseite fast immer ansehen, welcher Webbaukasten dahinter steht. Wenn ein Anbieter mehrere Millionen User hat und nur ein Dutzend oder ein paar Hundert Designvorlagen zur Verfügung stellt, dann ist klar, dass jeder der einzelnen Designvorlagen zigtausendfach benutzt wird und sich die Webseiten nur durch die Bildauswahl und die Farben und Texte voneinander unterscheiden. Oft erkennt man auch an der Navigation oder fest eingebauten Seiten sofort welches System dafür verantwortlich ist.

 

Mit page4 ist es endlich machbar, auch mit einem Webbaukasten individuelle Webseiten zu erstellen und zwar ohne zu programmieren. Unser Design-Editor ermöglicht es jedem Anwender, ein einzigartiges Design für die eigene Webseite zu entwerfen. Unsere Designvorlagen nennen wir daher auch nur Designvorschläge, denn alle Designvorschläge wurden direkt mit dem System erstellt. Man kann wirklich Millionen unterschiedlicher Templates erstellen. Deine Phantasie sind keine Grenzen gesetzt. Und jedes von dir erstellte Design ist automatisch responsive.

 

Vergleiche selbst:

  1. Unbegrenzte Designmöglichkeiten dank mehr als 150 frei einstellbarer Optionen
  2. Bis zu 10 Navigationsebenen lassen keine Wünsche offen
  3. 7 verschiedene Galerien für die perfekte Darstellung deiner Bilder
  4. Ein genialer Streifencontent für tolle Effekte und einzigartige Webseiten
  5. Ein umfangreiches Bildarchiv spart Zeit bei der Suche nach perfekten Bildern
  6. Ein richtiges Blogmodul mit vielen Funktionen - so macht Bloggen Spaß
  7. Professionelle SEO-Optionen - damit du gefunden wirst
  8. Backup der letzten 7 Tage von deiner Seite - immer auf der sicheren Seite
  9. Ein schnelles und stabiles System - Zeit ist kostbar
  10. Drag&Drop da wo es sinnvoll ist und Zeit spart - Innovativ aber nicht verspielt
  11. Schneller Support und zwar für jeden unserer User - fast rund um die Uhr
  12. Wechselbilder für jeden Hintergrund deiner Webseite ohne Einschränkungen
  13. Im Frühjahr 2017 die Möglichkeit, beliebig viele Designvorlagen zu erstellen und zwar im Hintergrund und die abgespeicherten Vorlagen auf beliebige Seiten deiner Homepage anzuwenden. Diese Funktion ist bereits fertig und wird aktuell intensiv getestet und optimiert. So wird jede Seite deiner Homepage einzigartig.
  14. Kostenlos ohne Zeitlimit testen und nutzen - bist du nicht sicher, teste unsere kostenlose Version und mach dann ein Upgrdae aber versäume nicht die Frist. Das Angebot ist zeitlich begrenzt.
  15. Drei perfekt abgestimmte Kaufversionen - jetzt zu einem unschlagbar guten Preis dank unser Weihnachtsaktion!
  16. Ein Ohr für deine Wünsche. Viele Funktionen wurden und werden in Zusammenarbeit mit unseren Usern entwickelt
  17. Alle mit dem Design-Editor erstellten Seiten sind responsive - für die Zukunft gebaut
  18. und vieles mehr.

Was wir aktuell noch nicht haben ist ein Shop-Modul und eine App. für die Bearbeitung deiner Webseite auf mobilen Geräten. Aber auch das wird kommen. Wir wachsen weiter und werden bald in der Lage sein, Teams für diese Erweiterungen auf die Beine zu stellen.

 

Dich haben die Vorteile überzeugt? Dann hol dir entweder eine kostenlose Version, teste uns und mach dann ein Upgrade auf eine Kaufversion oder bestelle gleich die Kaufversion und nutze den günstigen Einstiegspreis für die ersten 12 Monate.

 

 

 

 

 

Wir gestalten auf Wunsch deine Seite

Damit noch nicht genug. Weil demnächst Weihnachten ist, schenken wir dir noch etwas Besonderes. Du bist bisher bei einem anderen Anbieter und möchtest gerne wechseln aber das dort genutzte Design auch mit page4 nutzen? Kein Problem.

Wir prüfen deine alte Seite, wenn du uns die Webadresse formlos mitteilst und wenn wir davon überzeugt sind, dass wir dein aktuelles Design nachbauen können dann helfen wir dir dabei und bauen deine neue page4 Seite so um, dass du hoffentlich zufrieden bist. Und zwar völlig kostenlos.

Einzige Bedingung ist, dass wir von dir per Email die notwendigen Grafiken bekommen und die verwendeten Schriften Google Fonts sind. Sollte dein Design nicht 1:1 nachgebaut werden können machen wir dir kostenlos einen Vorschlag oder teilen dir mit, dass page4 dein Design aktuell nicht nachbilden kann.

 

Alles ist völlig kostenlos für dich. Gib uns einfach die Chance, dass vorab zu prüfen. Wir brauchen dazu nur deine aktuelle Domain. Da andere Baukästen ihre Designvorlagen individuell programmieren, um Spezialeffekte zu erzielen, kann es sein, dass wir trotz der unendlichen Möglichkeiten auch mal an unsere Grenzen stoßen. Das ist aber relativ selten. Was wir nicht "nachbauen" können und wollen sind mit Flash erstellte Seiten oder komplexe Seiten, die nicht mit einem Baukasten gemacht wurden oder die Designs nutzen, in denen Grafiken verwendet werden, die ein Responsive-Design verhindern.

 

Hast du Interesse daran, dann schick uns einfach eine Email mit den notwendigen Informationen indem du auf den Link in diesem Satz klickst. Wir antworten dir so schnell wie möglich. Aufgrund der zu erwartenden hohen Nachfrage können wir keine konkreten Termine nennen und bitten dafür um Verständnis. Es ist allerdings sehr leicht, selbst zu gestalten. Fang einfach an, es macht Spaß und geht fast wie von selbst.

 

 

Wir ziehen die Inhalte deiner Seite auf Wunsch um und bauen diese in deine page4 Seite ein

 

Auf Wunsch übernehmen wir für dich auch das Übertragen deiner Inhalte in die neue page4 Webseite. Zu einem Festpreis, der rund 50% günstiger ist als sonst üblich.

  • Für bis zu 10 Seiten berechnen wir nur einmalig 240 Euro
  • Für bis zu 20 Seiten berechnen wir nur einmalig 450 Euro

Bei mehr als 20 Seiten müssen wir leider einen individuellen Preis festlegen und dir vorher an Angebot machen. Alle Preise für den Umzugservice verstehen sich zzgl. aktueller Mehrwertsteuer. Wir bitten um Verständnis, dass wir deine Seiten prüfen müssen bevor wir eine verbindliche Zusage machen und es erforderlich ist, dass alle Seiten deiner Webseite frei zugänglich sind, damit wir den Umfang feststellen können. Außerdem setzt der Festpreis voraus, dass wir alle verwendeten Bilder deiner Webseite in einer ZIP-Datei übermittelt bekommen oder als Paket downloaden dürfen. Das Kopieren deiner Bilder direkt von der Webseite ist sehr arbeitsintensiv und vor allem ist es oft unmöglich, zum Beipiel bei Galerien die Bilder in der notwendigen Auflösung zu erhalten. Bitte habe Verständnis dass wir nicht in Vorleistung gehen können und erst nach Zahlungseingang (du bekommst nachdem wir uns einig sind eine Rechnung) mit der Arbeit anfangen und es bis zu 2 Wochen dauern kann, bis die Inhalte eingepflegt sind. Es ist allerdings sehr einfach mit page4 und normalerweise brauchst du diesen Service nicht sondern kannst alles selbst machen.

 

Steige jetzt um auf ein zukunftssicheres System - #gopage4 - es lohnt sich. Vor allem wenn du unseren Rabatt nutzt.

 

 

Wir freuen uns darauf, dich zukünftig betreuen zu dürfen.

 

Manfred F. Schreyer

und das gesamte Team

 

 

Slideshow Hintergrundbereich

Tags: UpdateToolsTippsFunktionenBilderDesign | Kommentare: 1 | Views: 1680

Donnerstag 17.November 2016

 

Der perfekte Augenblick...

 

Unser Webbaukasten page4 ist insbesondere für Fotografen und alle, die gerne Bilder veröffentlichen geeignet. Es gibt eine Vielzahl an verschiedenen Galerien. Man kann im Header eine Slideshow einbauen mit tollen Effekten. Es gibt eine Bildverwaltung, so dass man Bilder nur einmal hochladen muss und diese dann beliebig oft verwenden kann. Die intelligente Seitenverwaltung erlaubt bis zu 10 Ebenen und man kann bequem hunderte von Seiten managen und hat genug Platz für alle Bilder und genug Ebenen um mehrsprachige Seiten zu erstellen. Perfekt für Seiten, die den richtigen Moment einfangen und vorstellen wollen...

 

Unser Design-Editor erlaubt einzigartige und vor allem wirklich individuelle Gestaltungen völlig ohne Programmierung oder dass man dafür externe Fachleute bezahlen müsste. Mit page4 kann jeder Design-Experte werden. Beste Voraussetzungen also für ein optimales Umfeld für deine Fotos und deine Leidenschaften.

 

Mit dem heutigen Update dürften wir all die erfreuen, die Bilder lieben und die eingefangenen Momente gerne mit anderen teilen wollen. Versprochen.

 

 

 

Wechselbilder für den Hintergrund

 

Die Idee, im Hintergrund mehrere Bilder zu hinterlegen, die dann in Form einer Slideshow nacheinander gezeigt werden und dabei überblenden ist nicht neu. Viele unserer Mitbewerber haben diese Funktion schon eine ganze Weile. Das weiss jeder, der verschiedene Baukästen kennt. Wer page4 kennt weiss aber auch, dass wir immer ein Interesse haben, bekannte Funktionen zu optimieren, zu verbessern und überraschende Ideen hinzuzufügen. Es gibt nichts, was man nicht verbessern kann und Updates sind für uns immer eine Gelegenheit, Verbesserungen vorzustellen. Aufgrund unserer langen Erfahrung - den ersten Webbaukasten haben wir bereits 2004 auf den Markt gebracht - haben wir in den Tiefen von page4 eine Menge Ideen "versteckt" die wir nach und nach zum Leben erwecken. Ich freue mich, euch heute zeigen zu können, wie wir uns Wechselbilder für den Hintergrund vorstellen.

 

 

Der allgemeine Hintergrund

 

Das heutige Update ist für unsere Kaufversionen wesentlich umfangreicher als für die kostenlose Version. Da wir auch den Usern einer kostenlosen Version eine Freude machen wollten, haben wir den allgemeinen Hintergrund für alle Versionen identisch gemacht.

 

 

Wer ein neues editierbares Design benutzt und auf Design editieren klickt bekommt oben im Browser ein Menü angezeigt und kann dort unter anderem den Hintergrund (1) auswählen. Der Hintergrund ist die unterste Ebene deiner Webseite und dehnt sich grundsätzlich immer im gesamten Browser aus. Du kannst den Hintergrund mit einer Farbe belegen und ein Bild einbinden und angeben, wie das Bild skaliert wird, wie es ausgerichtet sein soll und ob es gekachelt werden soll, wenn es nötig ist. Außerdem kannst du angeben, ob das Bild fixiert ist oder mitscrollt, wenn du den Inhalt deiner Seite scrollst.

 

Bisher gab es zum Auswählen eines Bildes drei Icons. Eines zum Hochladen eines Bildes von deinem Computer, eines um ein Bild aus deiner Bildverwaltung zu laden und eines um auf unser Bildarchiv Zugriff zu haben. Und einen Papierkorb, um das verlinkte Bild zu löschen. Diese Icons gibt es im Hintergrundbereich nicht mehr. Es gibt nur noch zwei Icons (2). Einen Stift und den Papierkorb. Mit dem Papierkorb löscht du wie bisher die Verlinkung zu deinem Bild wobei du jetzt mit einem Klick alle hinterlegten Bilder entfernst. Aber keine Sorge, die Bilder sind weiterhin verfügbar, da immer nur die Verlinkung unterbrochen wird und die Bilder in der Bildverwaltung hinterlegt bleiben.

 

Mit dem Stift öffnest du nun einen neuen Dialog. Mit diesem Dialog kannst du bis zu 10 Bilder aussuchen, sortieren und hinterlegen. Sobald du mehr als ein Bild eingeladen hast wird die Angabe der Zeit (3) aktiv und die vorhandenen Bilder nacheinander in einer Endlosschleife angezeigt. Du kannst die Zeit für das Überblenden stufenlos von 3 bis 30 Sekunden einstellen.

 

 

Der neue Bildauswahl-Dialog

 

 

Hier siehst du den neuen Dialog zur Bildauswahl (1). Die Icons aus dem bisherigen Auswähler findest du nun oben im Dialog zusammen mit einem kleinen Text (2). Die Funktion ist wie bisher und öffnet entsprechende Dialoge um dir zu ermöglichen, die gewünschten Bilder einzubinden.

 

Der Dialog ist eine erste Version und daher sehr einfach gehalten. Du kannst hiermit bis zu 10 Bilder einladen. Die eingebundenen Bilder werden als Vorschau (3) angezeigt. Mit der Maus kannst du die Reihenfolge ändern und Bilder wieder löschen indem du auf das rote Kreuz klickst was erscheint, wenn du mit der Maus über ein Vorschaubild fährst. Mehr brauchst du nicht für die Slideshow.

 

Wir werden im Frühjahr 2017 den Dialog komplett überarbeiten. Sobald wir die geplanten zusätzlichen Funktionen eingebaut haben wird der Dialog ersetzt und dann auch in den Galerien eingebaut. Dann wirst du mit dem Dialog die Bildunterschriften der Galeriebilder verwalten, zusätzliche Bildquellen haben und vieles mehr. Außerdem wollen wir uns im nächsten Jahr auch dem Thema Video verstärkt widmen.

 

Wichtig: Du musst den Dialog mit dem Button "Übernehmen" schließen wenn du die Änderungen speichern willst. Klickst du auf "Abbrechen" gehen alle Änderungen verloren.

 

 

 

Mehr Funktionen für die Kaufversionen

 

Ein Design besteht aus mehr als einem Bereich und jeder Bereich hat auch einen Hintergrund. Daher kannst du mit dem Design-Editor von page4 jeden Bereich mit einer Hintergrundfarbe oder bzw. und einem Hintergrundbild versehen.

 

Es gibt viele Bereiche. Den allgemeinen Hintergrund haben wir weiter oben ja schon beschrieben. Daneben gibt es noch den Inhaltsbereich. Also der Bereich, wo alle Inhalte deiner Webseite eingebunden werden. Es gibt zwei Sidebars, eine linke und eine rechte Sidebar. Es gibt drei Header oben und drei Footer unten. Wenn du eine Streifenstruktur aktivierst, dann gibt es neben jedem Header, jedem Footer und dem Inhaltsbereich noch Außenbereiche, sogenannte Streifen, die links und rechts bis an den Rand des Browsers reichen.Wenn die Navigation nicht in einem Header platziert ist, hat auch die Navigation einen Bereich, der Optionen für den Hintergrund hat.

 

All diese Bereiche kannst du bearbeiten und mit einer Farbe, Rahmen, Effekte und auch mit einem Hintergrundbild belegen. Die meisten Bereiche kannst du ein- oder ausblenden. Du entscheidest das mit einem Mausklick.

 

Mit dem neuen Update ändert sich einiges für diese Bereiche. Alle Dialoge, welche es ermöglichen, dass man ein Hintergrundbild einladen kann, haben jetzt den neuen Bildauswähler und erlauben dir in JEDEN Bereich im Hintergrund eine Slideshow einzubauen. Du kannst also jeden Header, jeden Footer, jede Sidebar, jeden Streifen und sogar die Navigation mit einer Slideshow im Hintergrund versehen. Allerdings solltest du jetzt nicht wahllos alle Bereiche umbauen. Das wäre viel zu viel des Guten. Man kann zwar alles gleichzeitig benutzen aber das sieht  bestimmt nicht gut aus. Weniger ist hier wirklich viel mehr.

 

Nachfolgend zeigen wir dir anhand des Dialoges, der erscheint, wenn du den Header 1 auswählst der Unterschied zwischen einer kostenlosen Version und einer Kaufversion. Für die kostenlose Version ändert sich nichts. Jede Kaufversion hat dagegen ab sofort den geänderten Bildauswähler und damit die Optionen für eine Slideshow im Hintergrund.

 

 

 Dialoge im Design-Editor bei einer kostenlosen Version

 

 

 

Dialoge im Design-Editor bei einer Kaufversion

 

 

 

Der Unterschied

In der kostenlosen Version kannst du wie bisher ein Bild in jeden Hintergrund eines Bereiches einbinden und das Werkzeug dazu sieht aus wie immer. Nur das Label hat sich leicht verändert. Dort steht jetzt "Bild(er)" statt wie früher "Bild". Hast du eine kostenlose Version, erkennst du an dem Label, dass du mit einer Kaufversion überall dort eine Slideshow einbauen könntest - vielleicht ein zusätzlicher Grund über ein Upgrade nachzudenken.

 

In allen Kaufversionen kannst du nun in jedem Bereich deiner Webseite wo du bisher ein Bild hinterlegen konntest nun bis zu 10 Bilder hinterlegen und diese nacheinander in beliebiger Geschwindigkeit als Slideshow anzeigen lassen. Du solltest diese Freiheit aber mit Bedacht nutzen. Der Sinn dieser Optionen ist nicht zwingend, dass du nun dein gesamtes Design mit Slideshows hinterlegst und deine Besucher gar nicht mehr wissen wohin sie schauen sollen weil ständig überall Bilder auftauchen und verschwinden.

 

Der Sinn besteht vielmehr darin, dass du völlige Freiheit hast, selbst zu entscheiden, wo du in dem Design deiner Webseite gerne eine perfekte Bildershow hinterlegen möchtest. Ob im Hintergrund der Seite, im Header 1, 2 oder 3 oder doch lieber im Footer. Ob in der linken oder rechten Sidebar oder sogar unter deinen Inhalten. Oder vielleicht doch lieber als Streifen, der über den gesamten Browser geht.

 

Du allein bestimmst, was dir gefällt. Und zwar mit jedem editierbaren Design und wo und wie oft du willst.

 

 

Unsere Musterseite für den Slider

 

Damit du eine kleine Hilfe hast, wie so etwas aussehen könnte, haben wir ein paar Seiten für dich vorbereitet und zeigen dir dort einige Bereiche, wo so ein Slider angelegt werden könnte. Auf den Seiten erklären wir die neue Funktionen noch etwas genauer und beschreiben wie wir die unterschiedlichen Slider gebaut haben. Beachte bitte, dass die Funktion im Design-Editor eingebaut ist und daher an das Design gebunden ist. Wechselt du das Design, gehen deine Hintergrundslider verloren. Normalerweise ist es bei page4 nicht zwingend notwendig, ein einmal erstelltes Design zu wechseln. Du kannst alle Designvorlagen selbst nachbauen ohne dazu dein aktuelles Design zu wechseln.

 

Auf den Beispielseiten sieht es so aus, als ob wir verschiedene Designvorlagen bzw. Designideen innerhalb einer Webseite verwenden. Dass ist nicht der Fall. Wir haben mehrere Accounts kopiert und dann in den einzelnen Accounts das Design entsprechend angepasst. Die Navigation verlinkt nicht zu Seiten sondern zu den entsprechenden Accounts. So entsteht der Eindruck als ob alles eine Webseite ist. Wir wollen im Laufe des kommenden Jahres die Funktion fertigstellen, die es ermöglicht, beliebige Seiten mit von dir erstellten und gespeicherten Designvorlagen zu verbinden. Dann kannst du in einer Webseite beliebig viele Designvorlagen nutzen. Dass wird aber noch etwas dauern.

 

Du findest die Seiten unter der Adresse bgslider-1.features.page4.com und wenn du oben die einzelnen Navigationspunkte anwählst dann zeigen wir dir verschiedene Beispiele wie man den Slider nutzen könnte.

 

Viel Spaß beim Ansehen, nachbauen und selbst probieren.

 

 

Dein page4 Team

Manfred F. Schreyer

Neue Bilder im Archiv

Tags: ToolsTippsDesignBilder | Kommentare: 2 | Views: 1541

Dienstag 15.November 2016

 

Mehr Bilder für deine Webseite

Die Motive in unserem Bildarchiv stehen allen Usern von page4 kostenlos zur Verfügung. Wir haben wochenlang freie Bildarchive und unser eigenes Archiv durchsucht um eine kleine Auswahl davon euch allen zur Verfügung zu stellen. Natürlich können wir nicht jeden Wunsch erfüllen und alle Bereiche abdecken. Aber wir hoffen natürlich, für jeden ist irgendetwas dabei.

 

Ein großer Vorteil ist, dass unsere Bilder optimal auf die Benutzung abgestimmt sind. Alle Hintergrundbilder haben das Format 2.560 x 1.440 px und sind dadurch groß genug um auch auf modernen Bildschirmen den kompletten Hintergrund zu belegen. Durch die Funktion Cover kannst du außerdem dafür sorgen, dass der Hintergrund in jedem Fall ausgefüllt wird. Dabei achten wir darauf, dass die Dateigröße optimiert wird um die Ladezeiten gering zu halten.

 

Bilder für den Header sind kleiner. Jeder Header kann max. 500 px hoch werden. Eine Zeitlang war die Gesamtbreite der Webseite auf 1.400 px begrenzt, daher haben alle Headerbilder die Größe 1.400 x 500 px auch wenn man jetzt die Gesamtbreite auf 1.500 px einstellen kann. Wir haben uns trotzdem entschlossen, auch die neuen Headerbild nur 1.400 px breit zu machen. Man sollte bei der Gestaltung immer daran denken, dass viele Besucher vielleicht einen Bildschirm haben, der nicht so groß ist.  Gerade mobile Geräte wie Laptops oder iPads können Seiten, die 1.500 px breit sind nicht komplett darstellen so dass unser System die Breite automatisch anpasst, wenn die mobile Ansicht aktiviert ist. Wir empfehlen dir trotzdem, die Gesamtbreite deiner Seite in einem Bereich von 800 bis 1.100 px einzustellen und deine Inhalte entsprechend zu gestalten. So kannst du sicher sein, dass alle Besucher deine Webseite so sehen wie du. Schon bei 1.000 px Breite wäre es außerdem gut, den Inhalt mehrspaltig zu machen, da Texte, die über eine Gesamtbreite von 1.000 px laufen, sehr schlecht zu lesen sind. Der Blog hier hat eine Breite von 750 px und da wir aktuell noch keine Spalten hier anlegen können ohne viel Aufwand, geht der Text über die gesamte Breite. Viel breiter sollte ein Text wirklich nicht laufen. Mit einer Kaufversion kannst du in einem speziellen Spalten-Editor die Struktur deiner Inhalte frei gestalten.

 

Damit du auch Bilder hast, die du auf der Seite selbst verwenden kannst - aktuell nur mit dem Bildabschnitt - haben wir Inhaltsbilder in 3 Variationen im Archiv. Im Hochformat (300 x 533 px), im Querformat (533 x 300 px) und im Quadrat (400 x 400 px). Daneben stellen wir dir Kacheln im Format 200 x 200 px zur Verfügung und jede Menge s/w Grafiken.

 

Die letzten Bilder haben wir Ende 2015 hochgeladen. Daher wird es Zeit, das Archiv zu erweitern. Ab sofort hast du noch mehr Auswahl. Dabei kann es vorkommen, dass wir in seltenen Fällen einige Bilder doppelt haben. Das ist keine Absicht, aber wenn wir die doppelten Bilder löschen dann verschwinden diese auf auf Webseiten wo sie benutzt werden, da wir Bilder, die aus dem Archiv benutzt werden, nicht kopieren sondern nur verlinken. Angesichts der Vielzahl an Bildern habt ihr dafür sicher Verständnis.

 

Neben unseren eigenen Bildern verwenden wir unter anderem Bilder von den Webseiten pixabay, unsplash und stocksnap. Auch wenn Bilder aus diesen Datenbanken kostenlos für private und kommerzielle Projekte verwendet werden können, solltest du beim Download eines Bildes immer darauf achten, dass dies auch explizit angegeben wird.

 

Wenn du selbst Bilder aus den oben genannten externen Quellen verwendest, achte darauf, die Bilder vor dem Hochladen auf das benötigte Format zu bringen, damit deine Besucher nicht unnötige Daten laden müssen, wenn sie deine Webseite anschauen.

 

 

Mehr als 300 neue Motive

Dir stehen jetzt 1.204 statt 949 Hintergrundbilder im Format 2.560 x 1.440 px zur Verfügung, also 255 zusätzliche Bilder. Außerdem hast du nun 1.373 statt 1.062 Bilder (zusätzlich 311 Motive) für deine Seiten im Format 533 x 300 px, 1.347 statt 995 Bilder (zusätzlich 352 Motive) im Format 400 x 400 px und 929 Bilder im Format 300 x 533 px zur freien Verwendung auf deiner page4 Webseite. Für den Header kannst du nun aus 639 statt 409 Bilder im Format 1.400 x 500 px eine Auswahl treffen oder natürlich überall auch eigene Bilder hochladen. Zusätzlich haben wir 1.000 neue nicht transparente Kacheln hochgeladen. Auch wenn die Verwendung von gekachelten Hintergründen aktuell nicht unbedingt "in" ist sind wir der Meinung, es schadet nicht, eine größere Auswahl zur Verfügung zu haben. Die Geschmäcker sind bekanntlich sehr verschieden und vielleicht ist für den einen oder anderen von euch ja irgendwas dabei, was gefällt.

 

 

 

Ein Ausblick auf das nächste Update

Viele Webseiten verwenden aktuell gerne Hintergrundbilder, die in Form einer Slideshow abwechselnd eingeblendet werden und die Möglichkeit bieten, den Besucher in gewisser Weise zu fesseln, vorausgesetzt, die Bilder passen und sind von ansprechender Qualität.

 

Mit dem nächsten Update steht diese Funktion allen Usern von page4 ebenfalls zur Verfügung. Wir haben dazu das Element, mit dem man Bilder in einen Hintergrund einbindet etwas modifiziert und die Auswahl des Bildes in einen extra Dialog verlagert. So hast du die Möglichkeit, weiterhin ein Bild zu verwendet oder aber eine Slideshow die aus bis zu 10 Bildern bestehen kann. Das System erkennt automatisch, wenn mehr als ein Bild eingeladen wird und startet dann die Slideshow. Damit man die Zeit steuern kann, haben wir das Element um eine Angabe der Sekunden erweitert.

 

Alle Funktionen wie Kacheln eines Hintergrundbildes, die Angabe der Skalierung oder auch die Position können weiterhin verwendet werden. Und was einmalig ist und mit Augenmaß verwendet werden sollte: Die Funktion steht im Design-Editor in allen Bereichen zur Verfügung wo man einen Hintergrund gestalten kann. Also im Hintergrund selbst, in den drei Headern, den Footern, den Sidebars und den Außenbereichen, wenn man Streifen verwendet und natürlich im Inhaltsbereich. Mehr dazu in Kürze.

 

Euer page4 Team

Manfred F. Schreyer

Für alle Kaufversionen - der neue Streifen-Abschnitt

Tags: UpdateNewsDesignContent | Kommentare: 17 | Views: 2173

Dienstag 12.Juli 2016

 

Einzigartiges Design mit dem neuen Streifen-Abschnitt

 

Ein neues Tool für alle, die das Besondere lieben

 

Während bei anderen das Sommerloch herrscht, gibt es bei uns eine gute News nach der anderen. Wir haben ja schon letzten Monat gesagt, es bleibt spannend und wir halten Wort. Heute gibt es ein Tool nur für unsere Kunden, die eine Kaufversion nutzen. Wir finanzieren alles durch die User, die mehr wollen, die eine eigene Domain nutzen und die eine unserer sehr günstigen Kaufversionen haben und damit tolle Webseiten bauen. Daher wird es Zeit, mal wieder ein Tool zu bringen, was ausschließlich für unsere Premiumkunden gedacht ist. Wer also eine Light, eine Premium oder eine Professional Version nutzt, darf sich über ein besonderes Highlight freuen.

 

Es gibt kaum einem Webbaukasten im deutschsprachigen Raum, der es erlaubt, solche Effekte wie mit unserem Streifen-Abschnitt so einfach einzubauen. Auch international kennen wir keinen Anbieter, der solch eine Option anbietet vor allem in Verbindung mit so einer einfachen Bedienung.

 

So sieht das neue Inhaltselement aus:

 

 

Die Bedienung ist ganz easy. Du legst einfach einen neuen Content (Inhaltselement) an, so wie du es gewohnt bist. Nutzt eines unserer Bilder aus dem Archiv oder nimmst ein eigenes Bild in entsprechender Größe. Bestimmst die Höhe und Art des Streifens und dann speichern und fertig.

Ausführliche Infos gibt es natürlich auch schon auf unseren Hilfeseiten und wir haben eine bzw. zwei Musterseiten fertiggestellt. Dort erklären wir dir die Funktion auch noch einmal ausführlich und vor allem kannst du live auf einer komplett mit page4 erstellten Seite sehen, wie die Streifen dir helfen ein aussergewöhnliches Design umzusetzen. Auf der Musterseite verwenden wir das Script aus einem unserer Blogartikel um die Navigation stehend zu machen. Wir finden dass sieht einfach besser aus.

 

Warum machen wir das alles? Warum stellen wir in letzter Zeit so viele neue Optionen zur Verfügung? Ganz einfach. Wir brauchen auch mal Lob und hoffen natürlich, je mehr wir euch mit neuen Funktionen und Designvorlagen usw. begeistern können umso fleissiger füllt ihr unseren Blog mit euren Kommentaren.

Das spornt uns dann alle noch mehr an. Versprochen. Lächelnd

 

Ok, dass ist nur die halbe Wahrheit. Es stimmt zwar auch - unser Team besteht aus netten Menschen die sich natürlich freuen, wenn unsere User sich lobend über neue Funktionen äußern oder wenn unser Support helfen konnte und dafür nette Worte bekommt.

 

Aber vordergründig ist es ganz einfach so, dass wir in den letzten Monaten so viele Ideen von Euch bekommen haben und wir natürlich auch ganz viele eigene Ideen haben und nachdem wir eine fantastische Basis entwickelt haben, die alle diese Ideen berücksichtigt, sind wir nun in der Lage, viele tolle Dinge relativ schnell umzusetzen. Klar gibt es immer Bereiche, wo wir wirklich Monate dran arbeiten und "tüfteln" - aber zwischendurch wollen wir euch einfach mal mit solchen Tools wie dem heute vorgestellten Streifen erfreuen.

 

Außerdem wissen wir, dass begeisterte Kunden die beste Werbung für uns sind und was will man mehr. Wir haben Spaß, unsere Kunden sind zufrieden und unser System bekommt immer mehr begeisterte User, weil sich immer mehr rumspricht, dass page4 einfach fantastisch ist und man tolle Webseiten damit erstellen kann. So macht die Arbeit richtig Lust auf mehr. Das musste ich einfach mal loswerden.

 

Der neue Content wird morgen, also am 13. Juli im Laufe des Tages mit ziemlicher Sicherheit online gehen. Ausnahmsweise stelle ich diesen Blogartikel schon ein paar Stunden vorher online, weil es einfach so viele Informationen zu diesem neuen Tool gibt und ihr euch schon mal so richtig mit dem neuen Streifen befassen könnt und dann sofort anfangen könnt, alles auszuprobieren.

 

Bis demnächst und viel Freude beim Gestalten
Euer page4 Team

Manfred F. Schreyer

42 weitere Designvorlagen

Tags: page4NewsDesign | Kommentare: 1 | Views: 1776

Donnerstag 7.Juli 2016

 

42 Designvorlagen für page4

 

Da ein Teil dieser Vorlagen "nur" konvertierte alte Vorlagen sind, habe ich das Wort "neu" bewusst nicht benutzt. Trotzdem sind es natürlich alles neue Vorlagen.

 

 

 

 

Die neuen Vorlagen sind teilweise in die vorhandenen Galerien eingefügt und teilweise haben wir neue Bereiche eingerichtet und erklären euch dort einige wichtige Dinge, denn wir wollen euch nicht nur neue Ideen an die Hand geben sondern euch helfen selbst eigene Ideen zu entwickeln. Die beiden Vorlagen der Struktur 023 findest du jetzt unter den Classic Vorlagen. Die anderen 40 Designvorschläge sind in eigene Bereiche untergebracht.

 

Unter den Vorlagen "Design" gibt es jetzt eine weitere Überschrift "Neue Designvorlagen im Juli 2016". Das hat zwei Gründe. Zum einen könnt ihr so immer sofort sehen, wenn es neue Vorlagen gibt und zum anderen wollten wir einfach einen kleinen Text dazu schreiben. Die neuen Vorlagen sollen euch nämlich zeigen, wie man sinnvoll die drei verfügbaren Headerbereich einsetzt. Dazu haben wir in unserer Online-Hilfe noch eine Erklärung veröffentlicht. Insgesamt gibt es 12 weitere neue Designvorlagen.

 

Unter den Classic Vorlagen mit der Überschrift "Ältere Vorlagen erwachen zu neuem Leben" gibt es einen weiteren Bereich mit dem Titel "Aus Alt wird Modern - Juli 2016" und dazu eine Erklärung. Hier findet ihr insgesamt 28 Designvorlagen. 14 davon mit einer alten Nummer und 14 mit einer Nummer und der Ergänzung "- 2016". Die Erklärung dazu ist ganz einfach. Wir haben weitere alte Vorlagen konvertiert und abgespeichert. Die erste Vorlage ist 001-45. Das ist die Layoutstruktur 001 und das Design 45. Daneben findest du eine neue Vorlage mit der Bezeichnung 001-2016. Wir haben das konvertierte Design modernisiert und als eigene Vorlage neu abgespeichert. Wir haben andere Bilder und Farben benutzt, mit Transparenzen gearbeitet, die Navigation ausgetauscht und farblich optimiert und vieles mehr. Du findest immer 4 Vorlagen in einer Reihe. Die erste und dritte Vorlage sind konvertierte alte Designvorlagen und die jeweils rechts daneben stehende Vorlagen sind neue Designvorschläge basierend auf dem konvertierten Design.

 

Der Sinn dieser Vorstellung besteht in zwei Zielen. Zum einen möchten wir die weitere Designvorschläge zur Verfügung stellen und zum anderen möchten wir dir zeigen dass man aus alten Webseiten sehr einfach neue und moderne Webseiten machen kann. Wenn du Lust bekommen hast, auch auf eine neue Designvorlage umzusteigen aber nicht genau weisst wie du "dahin kommst" dann solltest du den Artikel "Unsere alten Vorlagen" in unserer Onlinehilfe aufrufen. Dort zeigen wir dir, welche Optionen du hast. Es ist wirklich ganz einfach.Versuch es ruhig einmal.

 

Unser Spezial-Angebot an dich.

Wenn du dich nicht traust, können wir gegen eine geringe Gebühr diese Arbeit für dich übernehmen. Für eine einmalige Summe von 96 Euro ink. MwSt. konvertieren wir dein altes Design in eine moderne Version und passen alle Bereiche (Schriften, Transparenzen, Navigation usw.) behutsam an, so dass deine page4 Seite in einem neuen Licht erstrahlt.

Wenn du von diesem Angebot Gebrauch machen willst, dann schicke mir persönlich eine Email, teile mir deine Wünsche mit, deine Webseite und wir prüfen das umgehend. Wenn wir deine Seite umstellen können, stellen wir dir eine Rechnung und nach Zahlungseingang hast du innerhalb weniger Tage ein neues Outfit für deine Webseite. Im Preis sind natürlich Anpassungen enthalten, falls du nach der Umstellung noch kleine Wünsche hast.

Da wir nur begrenzte Kapazitäten haben, bitten wir um Verständnis, falls wir etwas Zeit brauchen. Verwendest du ein Spezialdesign mit grafischen Elementen können wir dieses Design leider konvertieren. Wir müssten dann zuerst eine Vorlage auswählen, die man konvertieren kann, dann die Konvertierung durchführen und die Seite anpassen. Es ist aber in diesem Fall nicht möglich, die alte Seite 1:1 umzustellen. Sollte das der Fall sein, sprechen wir vorher mit dir durch, was du gerne haben möchtest.

 

So, genug geredet. Jetzt wünschen wir viel Spaß beim Anschauen, testen und umbauen. Immer daran denken. Wenn ihr eine Kaufversion habt, speichert die aktuelle Designvorlage einfach ab so könnt ihr ganz schnell die alte Version wieder einladen. Und solange ihr im Design-Editor seid und nicht auf Speichern klickt, verändert ihr nichts auf eurer Webseite und könnt in Ruhe ausprobieren und testen. Wenn ihr allerdings zufrieden seid und das neue Design auf eure Seite übertragen wollt, dann vergesst nicht zu speichern ansonsten sind alle Einstellungen unwiderruflich verloren.

 

Bis demnächst
Euer page4 Entwicklungsteam
Manfred F. Schreyer

815 Grafiken zur freien Verfügung

Tags: Toolspage4Design | Kommentare: 6 | Views: 2086

Sonntag 19.Juni 2016

 

815 einfarbige Grafiken

 

Bist du auch nostalgisch? Magst du einfarbige Grafiken wie Ornamente, Icons oder ähnliches? Dann haben wir jetzt was für dich. Ab sofort kannst du aus über 800 Motiven auswählen, um deine Webseite dezent mit interessanten Grafiken aufzulockern. Alle Grafiken stehen als PNG zur Verfügung und haben einen durchsichtigen Hintergrund. Du kannst die Grafiken über das Inhaltselement Bild auf deiner Seite einfügen und du kannst natürlich alle Grafiken auch im Designeditor nutzen. In wenigen Wochen gibt es neue Designvorlagen, wo wir einige der Grafiken als "Logo" eingebaut haben, so dass du dir zusätzliche Anregungen holen kannst, wie man solche Elemente dezent und sinnvoll verwenden kann.

 

Aktuell sind alle Grafiken in dezenten Schwarz. Ich kann leider noch nicht mehr verraten aber wir haben da einige Ideen, wie man eventuell die Grafiken selbst einfärben kann. Das wird noch eine ganze Weile dauern, bis wir wissen, ob wir diese Ideen umsetzen können und wie aufwändig das Ganze dann wird. Falls so etwas möglich ist, wird das aber noch einige Monate auf sich warten lassen.

 

Ein erster Eindruck

Hier mal eine kleine Auswahl der verfügbaren Grafiken in der jeweiligen Originalgröße. Ihr könnt diese jederzeit verkleinern und an eure Seite anpassen.

 

Ein kleiner Hinweis:

Wir haben die Grafiken so abgespeichert, dass die max. Größe 300 x 300 px ist. Zuerst habe ich alle Bilder in den gleichen Abmessungen hochgeladen, weil unsere Vorschau quadratisch ist und es dann richtig gut aussieht. Bei Testen gefiel es mir aber nicht, dass ich die Grafiken nicht "randnah" platzieren konnte. Viele Grafiken haben nämlich relativ viel freien Raum um sich herum. Jetzt haben wir alle Grafiken randscharf beschnitten. Das bedeutet letztlich, jede Grafik hat etwas andere Abmessungen, einige sind 300 x 300 px, andere nur 172 x 208 px oder 50 x 230 px groß. In der Vorschau werden alle Grafiken auf 200 x 200 px skaliert, wodurch manche etwas verzerrt wirken und die meisten größer als sie sind. Ich denke, diesen Nachteil kann man in Kauf nehmen. Jetzt kannst du die Grafiken nämlich ohne Abstand platzieren, so dicht wie du möchtest.

 

Bitte sparsam verwenden

Bei der Verwendung solcher Grafiken gibt es zwei Aspekte. Es ist wichtig, dass man als User eine große Auswahl zur Verfügung hat, damit möglichst jeder etwas findet, was zu seiner Webseite passt. Unsere mehr als 800 Motive sollten ein guter Anfang sein. Es ist aber auch genauso wichtig, solche Elemente nur sehr begrenzt und dezent einzusetzen. Weniger ist wirklich mehr. Und zu groß sollten die Elemente auch nicht sein. Ihr könnt die Motive jederzeit selbst verkleinern, wenn die von uns bereitgestellte Größe nicht zu deiner Webseite passt. Ein Vergrößern der Grafiken ist nicht zu empfehlen, darunter leidet natürlich die Darstellungsqualität.

 

So kommt ihr an die Grafiken:

 

Überall, wo ihr dieses im grüne Kreis dargestellte Icon in einem Dialog habt:

 

könnt ihr direkt auf unser Bildarchiv zugreifen. Klicke einfach auf den Button Layout (1) und da gibt es jetzt eine Kategorie "Dekoration" (2).

 

 

Dort findest du alle 815 Grafiken (3) und kannst alle in einem Bildabschnitt oder im Design benutzen. Viel Spaß beim Stöbern.

 

Manfred F. Schreyer

page4 Ltd.

 

Neue Sterne am Himmel

Tags: Updatepage4Design | Kommentare: 6 | Views: 2727

Samstag 4.Juni 2016

 

Neue Sterne am Himmel

 

 

27 neue Designvorlagen

 

Gute Nachricht für alle, die gerne auf eine fertige Designvorlage zurückgreifen, um diese dann einfach an die eigenen Wünsche anzupassen. Ab sofort sind weitere 27 neue Vorlagen online und für alle Versionen verfügbar. Unsere neuen Designvorlagen sind, wie vielleicht bekannt, nach Himmelkörpern, also Planeten, Sterne, Sternbilder usw. benannt. Mit der Veröffentlichung der neuen Vorlagen sind damit quasi weitere, neue Sterne am Design-Himmel von page4 aufgegangen.

 

Zusammen mit den 7 Vorlagen, die zum Start verfügbar waren, kannst du nun auf 34 moderne Design-Ideen zugreifen. Die zusätzlichen 33 Classic Designvorlagen, die ebenfalls unsere neue Technik nutzen,, sind weiterhin verfügbar, so dass du jetzt insgesamt 67 vorbereitete Gestaltungsvorschläge zur Auswahl hkast.

 

Das es weiterhin einige hundert alte Vorlagen gibt, sei nur am Rand erwähnt. Du solltest, wenn möglich, auf eine neue Vorlage umsteigen, nur so nutzt du alle Funktionen von page4 und kannst wirklich moderne Webseiten erstellen. In Kürze werden wir einen kleinen Blogartikel schreiben und dir zeigen, wie du ganz einfach zu den neuen Designvorlagen wechseln kannst.

Die alten Vorlagen bleiben natürlich weiterhin online, weil es immer noch User gibt, die so eine Vorlage nutzen und nicht umsteigen möchten. Vielleicht überzeugen die neuen Designvorschläge weitere Nutzer davon, zum neuen System zu wechseln.

 

Ein kleiner Vergleich mit anderen Webbaukästen

 

In Testberichten wird gerade bei Webbaukästen immer gerne geschaut, wie viele Vorlagen ein System bietet. Bisher haben die meisten Testberichte page4 ignoriert, obwohl unser System von sehr vielen Usern genutzt wird. Ich denke, es ist daher angebracht, selbst einmal zu vergleichen, was andere Systeme im Bereich Designvorlagen bieten und ob page4 mithalten kann.

 

Man muss bei so einem Vergleich immer beachten, dass jedes System anders ist und bei den meisten Mitbewerbern hat man nur dann die Chance auf ein individuelles Design, wenn man selbst in den Programm-Code eingreift. Jimdo bietet ein Interface, wo man unter Berücksichtigung bestimmter Regeln eigene selbst programmierte Designvorlagen einbinden kann. Weebly erlaubt es dem User, den completten Sourcecode inkl. Bilder hochzuladen. Andere Systeme erlauben, dass man den hinterlegten Code manuell verändern kann. Wir haben bisher bewusst darauf verzichtet, unseren Usern diese Möglichkeit zu eröffnen, auch wenn das System so programmiert ist, dass wir solch eine Option einbauen könnten. Statt dessen haben wir unseren Designeditor komplett überarbeitet und bieten nun als einziges uns bekanntes System weltweit die Möglichkeit, auf so gut wie alle Parameter einer Webseite über Dialoge Einfluss zu nehmen. Erstmals ist es wirklich möglich, ohne Kenntnisse einer Programmiersprache eine individuelle Webseite zu gestalten. Die von uns zur Verfügung gestellten Vorlagen sind nur als Starthilfe gedacht und wurden, und auch das ist einmalig, komplett mit den vorhandenen Funktionen erstellt, auf die jeder User Zugriff hat.

 

Im Vergleich zu allen anderen Baukästen kann man daher mit page4 wirklich Millionen individueller Designvorlagen selbst erstellen. Während bei Jimdo, Wix, Weebly, 1&1 und anderen Systemen Designvorlagen individuell programmiert werden und dann als User nur begrenzt auf bestimmte Parameter wie Farben und Bilder Einfluss nehmen kann, geht page4 einen ganz anderen Weg.

 

Strukturen - der Rahmen für dein Design

Es gibt aktuell 4 Strukturen, dass sind HTML Gerüste, die bestimmen, wie die möglichen Elemente der Webseite (Header, Sidebar, Footer, Inhalt, Navigation) platziert werden können. Das sind quasi die individuell programmierten Vorlagen, die man als User dann völlig frei gestalten kann. Alle vorhandenen Designvorlagen beruhen auf diesen vier Strukturen. Wir haben natürlich spezielle Tools, um fertige Vorlagen abzuspeichern, aber ansonsten machen wir beim Gestalten von neuen Vorlagen genau das, was du als User auch machen kannst. Natürlich werden wir die Strukturen erweitern und dann damit natürlilch auch Designvorlagen erstellen, die heute vielleicht noch nicht möglich sind. Aber sobald wir das können, steht dir diese neue Struktur dann auch zur Verfügung.

 

Sobald du eine Vorlage eingeladen hast, kannst du diese mit dem Editor komplett an deine Bedürfnisse anpassen. Die Vorlagen dienen eigentlich nur als Idee und Basis, auf der du aufbauen kannst. Wie du es gewohnt bist, kannst du jede Vorlage mit dem Design-Editor bearbeiten und so völlig einzigartige Webseiten gestalten.

 

Zusammen mit den nun 34 neuen Vorlagen haben wir aktuell 67 Vorlagen online, die du nutzen kannst, um deine persönliche Webseite zu gestalten. Wenn man berücksichtigt, dass man jede der Vorlagen auf vielfältige Weise verändern kann, haben wir weit mehr Designvorlagen als die größten unsere Mitbewerber zusammen zur Verfügung stellen. Das hört sich unglaublich an, entspricht aber den Tatsachen. Natürlich haben unsere Mitbewerber Vorlagen, die wir aktuell noch nicht "nachbauen" könnten. Aber wir entwickeln unser System natürlich ständig weiter.

 

Greifen wir uns  einmal folgende Parameter heraus und berechnen daraus dann die möglichen Variationen, die mit den 67 verfügbaren Designvorlagen mindestens möglich sind.

 

 

Die Gesamtbreite des Designs verändern

 

Du kannst die Gesamtbreiten von 700 bis 1.500 px in Schritten von 10 px anpassen. Rechnen wir einfach nur für jede Vorlage 5 verschiedene Breiten, also 700 px, 850 px, 940 px, 1.050 px und 1.200 px. Dann hast du schon 335 Designvariation.Du fragst dich sicher, ob man so einen Vergleich anstellen kann. Dazu musst du wissen, dass Jimdo, ein Mitbewerber aus Hamburg, zwar nur 38 Vorlagen hat, aber selbst behauptet, weit mehr als hundert Designvorlagen anzubieten. Warum? Weil es von den einzelnen Vorlagen sogenannte Variationen gibt und tatsächlich unterscheiden sich diese Variationen zum Beispiel in der Breite der Vorlage, in der Höhe des Headers oder schlicht in den Farben. Alles Einstellungen, die man als User nicht selbst anpassen kann. Da die wenigstens Mitbewerber die Option bieten, die Breite manuell anzupassen geht das nur über diesen Weg und so hat man dann schnell eine Vielzahl an Vorlagen, die sich allerdings kaum unterscheiden. Andere Anbieter machen das ähnlich.

 

Aus Gründen der Fairness gehen wir nur von Variationen aus, die deutlich sichtbar sind. Man könnte natürlich auch berechnen, dass man von jeder Designvorlage rund 80 Variationen herstellen kann nur indem man die Breite anpasst. Denn die 800 px "Spielraum" zwischen 700 und 1.500 px kann man in 10 px Schritten anpassen was 81 verschiedene Breiten ergibt. Dann hätte man nicht 67 Vorlagen sondern insgesamt bereits 5.360 Variationen. Es ist klar, dass kein Baukasten 5.360 verschiedene Templates programmiert, nur um so viele unterschiedliche Breiten zur Verfügung zu stellen. Trotzdem wollen wir nicht unerwähnt lassen, dass du mit page4 dazu einfach nur einen Schieberegler bewegen musst. Das man natürlich auch die Breiten der Sidebars anpassen und Abstände zwischen den Elementen festlegen kann ist selbstverständlich und würde noch mehr Variationen nur im Bereich der Breite ergeben.

 

Halten wir einfach nur fest, unsere 67 Vorlagen ergeben im Zusammenspiel mit 5 verschiedenen Gesamtbreiten bereits 335 unterschiedliche Designvorlagen.

 

Die Höhe des Headers anpassen

 

Du kannst bei page4 natürlich auch die Höhe der Header anpassen. Berücksichtigen wir nur einen Header, da die meisten Anbieter nicht mehr Header zur Verfügung stellen. Du kannst die Höhe im Bereich von  50 bis 500 px in Schritten von jeweils 5px anpassen. Wenn wir je Vorlage nur vier Variationen nehmen, also 100 px, 200 px, 300 px und 400px, kommst du schon auf 1.340 unterschiedliche Designvorlagen. Und du kannst sicher sein, Designvorlagen mit so unterschiedlich hohen Header sehen schon sehr unterschiedlich aus. Auch hier muss man sagen, dass andere System wieder zu jeder Vorlage einfach verschiedene feste Variationen mit unterschiedlichen Headerhöhen liefern, da man diese oft nicht anpassen kann.

 

Wir kommen also allein mit unseren aktuellen Vorlagen und nur durch Anpassung der Gesamtbreite und der Headerhöhe in wenigen Abstufen schon auf gewaltige 1.340 Vorlagen. Nicht eines der uns bekannten Systeme stellt so viele Vorlagen zur Verfügung.

 

Natürlich kannst du noch viel mehr ändern. Eine dritte Option, die auch kein anderes System bietet, möchten wir dir noch vorstellen und in die Berechnung einbauen. Alle anderen Baukästen können zwar die Farben und Schriften der Navigation ändern (mehr oder weniger). Aber jede Designvorlage hat eine Navigation, die fest programmiert ist und ein ganz bestimmtes Aussehen hat und immer an der selben Stelle platziert ist. Bei page4 bist du nicht an solche starren Regeln gebunden.

 

Die Navigation anpassen

 

Du kannst bei jeder Vorlage die Navigation austauschen und du kannst die Navigation an verschiedenen Positionen platzieren. Im Moment haben wir 8 vertikale Navigationstemplates und 11 horizontale Vorlagen. Weitere sind in Kürze fertig.

 

Nehmen wir an, jede der oben möglichen 1.340 Variationen verändern wir, indem wir jeweils 3 Variationen erzeugen durch den Austausch des Navigationstemplates. Dadurch ändert sich das Design ziemlich deutlich, denn Navigationen können sich im Aussehen stark unterscheiden. Allein der Wechsel von einer horizontalen zu einer vertikalen Navigation ergibt schon ein völlig neues Design. Aber auch der Austausch einer horizontalen Navigation durch ein anderes Template kann das gesamte Aussehen stark verändern. Wir erhalten dadurch insgesamt 4.020 Designvariationen, die alle unterschiedlich aussehen.

Zusätzlich erzeugen wir noch jeweils zwei Versionen je Design indem wir die Navigation anders platzieren. Du kannst zum Beispiel eine horizontale Navigation ganz oben über dem Header platzieren, im Header oder unter dem Header. Jedesmal entsteht ein völlig anderes Design mit einem neuen Look. Bei nur zwei Variationen kommen wir so auf 8.040 Designvorlagen, die du in wenigen Sekunden erzeugen kannst.


Brechen wir an dieser Stelle ab, denn es ist noch gar nicht berücksichtigt, dass du bei jeder Vorlage die Struktur und damit die Anordnung ändern, du kannst Elemente wie Header, Footer und Sidebar aus- oder einblenden, das gesamte Design spiegeln, entscheiden ob die Sidebars nur so lang sein sollen wie der Inhalt in der Sidebar es vorgibt oder immer genauso hoch wie die gesamte Webseite, Linien einschalten, Ecken abrunden, Schatten hinterlegen und vieles mehr. Wenn wir all diese Variationen berücksichtigen wäre die Gesamtzahl der schon jetzt möglichen Varianten extrem hoch.

 

Vergleichen wir das ruhig einmal mit den Mitbewerbern. Wix hat im Moment 290 Vorlagen. Weebly kommt auf 60 Vorlagen. Jimdo hat 38 Vorlagen und insgesamt 134 Variationen, also zusammen 172 Templates. 1&1 hat insgesamt 513 Vorlagen. Diese großen Mitbewerber stellen zusammen also insgesamt 1.035 Designvorlagen für ihre User bereit. Wir kommen aufgrund der Möglichkeit von page4 mit unseren aktuellen Vorlagen auf mindestens 8.040 verschiedene Designvorlagen. Und das ist sehr niedrig gerechnet.

 

Du kannst viele Vorlagen, die unsere Mitbewerber anbieten, ganz einfach mit page4 nachbauen. Alles ist noch nicht möglich, da man bei einer individuellen Programmierung jeder einzelnen Vorlage natürlich Dinge einbauen kann, die sich nur schwer mit Bausteinen umsetzen lassen. Wir werden daher weitere Strukturen fertigstellen, um auch ausgefallene Ideen umsetzen zu können. Das Gute daran ist, Designvorlagen, die mit page4 nachgebaut sind, sehen zwar so aus, wie Designvorlagen von Mitbewerbern haben aber nicht deren Begrenzung sondern können mit den vielfältigen Tools von page4 hervorragend optimiert werden.

Schon jetzt ist klar, wer sich mit page4 befasst, wird feststellen, dass kein anderes System so viele Designmöglichkeiten bietet wie wir.

 

Wer die letzten zwei Jahre verfolgt hat wird außerdem feststellen, dass wir regelmäßig neue Updates und neue Funktionen zur Verfügung stellen. Wir arbeiten dabei eng mit unseren Usern zusammen und freuen uns über jede noch so ausgefallene Idee, die uns hilft, page4 noch besser zu machen. Schon jetzt sind ganz viele neue Ideen in Arbeit und werden euch bestimmt begeistern, wenn wir soweit sind, die ersten davon online zu stellen.

 

Bis dahin freuen wir uns über Kommentare, Kritik, Lob und schickt uns weiterhin eure Ideen und Anregungen. Was sinnvoll ist und technisch möglich, kommt in unsere Planung und wird Realität werden.

 

Bis dahin viel Spaß mit page4

Euer page4 Entwicklungs- und Supportteam

 

PS: Es wäre klasse, wenn ihr diesen Artikel mit möglichst vielen Freunden teilt, damit auch diese erfahren, wie man tolle Webseiten bauen kann. Vielen Dank.

PPS: Eine Übersicht aller Designvorlagen findest du auf unserer Webseite unter http://de.page4.com/design/

Bilder mit Biss

Tags: ToolsDesignTipps | Kommentare: 4 | Views: 3279

Sonntag 29.November 2015

 

Bilder für deine Webseite

 

Deine Besucher lieben Bilder. Dank schnellem Internet ist es heute auch kein Problem mehr, viele Bilder in einer Webseite einzubinden. Bilder helfen dir, deine Webseite zu gestalten. Sie lockern Texte auf und sind Blickfang für deine Besucher.

 

Mit page4 hast du ein System um optimal mit Bilder zu arbeiten. Zum einen haben wir eine Bilderverwaltung. Alle Bilder, die du verwendest, werden in dieser Verwaltung gespeichert und du brauchst ein Bild nur einmal hochladen und kannst es beliebig oft verwenden. Unsere Bildergalerien und unser Inhaltselement Bild helfen dir, Bilder perfekt zu präsentieren. In einigen Wochen wird es außerdem weitere Darstellungsmöglichkeiten für unsere Galerien geben. Zum anderen  stellen wir dir eine umfangreiche Bildatenbank zur Verfügung. Die dort enthaltenen Bilder kommen entweder aus unserem eigenen Bestand oder aus verschiedenen kostenlosen Datenbanken. Alle Bilder können frei für die eigene Webseite verwendet werden.

 

Neben unseren eigenen Bildern verwenden wir unter anderem Bilder von den Webseiten pixabay, unsplash und stocksnap. Auch wenn Bilder aus diesen Datenbanken kostenlos für private und kommerzielle Projekte verwendet werden können, solltest du beim Download eines Bildes immer darauf achten, dass dies auch explizit angegeben wird. Da es sehr zeitaufwändig ist, Millionen Bilder zu durchsuchen und zu begutachten haben wir unsere Bilddatenbanken erweitert stellen dir rund 600 neue Motive zur Verfügung. Der Vorteil ist, dass alle Bilder bereits im optimalen Format vorliegen.

 

Dir stehen jetzt 949 statt 350 Hintergrundbilder im Format 2.560 x 1.440 px zur Verfügung, Außerdem 1.062 statt 566 Bilder für deine Seiten im Format 533 x 300 px,  995 statt 428 Bilder im Format 400 x 400 px und 852 statt 355 Bilder im Format 300 x 533 px. Neue Bilder im Format für den Header und neue Kacheln folgen so schnell wie möglich. Damit wird das Gestalten deiner Webseite viel leichter. Viel Spaß beim Ansehen und verwenden. Wenn du selbst Bilder aus den oben genannten Quellen verwendest, achte darauf, die Bilder vor dem Hochladen auf das benötigte Format zu bringen, damit deine Besucher nicht unnötige Daten laden müssen, wenn sie deine Webseite anschauen.

 

In jedem Fall solltest du bei deinen Bildern immer einen alternativen Text hinterlegen. Dieser wird von Google ausgewertet und hilft Besuchern mit einem Handycap, Informationen über deine benutzen Bilder zu erhalten. Wenn du das sofort bei jedem Bild machst, welches du auf deiner Webseite einbindest, geht das ganz schnell und verbessert in jedem Fall deine Sichtbarkeit bei Google und anderen Suchmaschinen.

 

Bis in Kürze

Manfred F. Schreyer

Stehende Navigation mit page4

Tags: TippsDesign | Kommentare: 10 | Views: 3537

Mittwoch 25.November 2015

 

Stehende Navigation

Durch kleine Scripte page4 erweitern.

 

Mit dem heutigen Blogartikel möchten wir euch zeigen, wie ihr mit einem kleinen Script von uns in jedem neuen Design aus einer normalen horizontalen Navigation eine stehende Navigation macht. Dazu wollen wir erst einmal kurz erklären, was eine stehende Navigation überhaupt ist.

 

Wenn ihr unsere Webseite anschaut, dann bemerkt ihr, dass die Navigation immer stehen bleibt, auch wenn ihr scrollt um den Rest einer Seite zu lesen. Bei unserer Seite ist die Navigation immer oben, daher fällt das nicht so auf. Wenn ihr nun eine Webseite mit einem Header habt und die Navigation ist unter dem Header dann würde eine stehende Navigation solange nach oben scrollen bis der obere Rand vom Browserfenster erreicht ist und dann stehen bleiben und die Inhalte würden dann weiter nach ober scrollen "unter" der Navigation hindurch und verschwinden. Der Vorteil: Eure Besucher sehen immer die Hauptnavigation, egal wo sie sich auf der Seite befinden.

 

Wie könnt ihr nun so eine stehende Navigation erzeugen? Wir haben seit gestern ein kleines Update online und unter anderem die Software so erweitert, dass fast alle neuen Vorlagen durch ein kleines Script eine stehende Navigation erhalten. Das ist allerdings nur mit einer Kaufversion möglich, da ihr dieses Script über das Feld für Google Analytics in den Head einbinden müsst. Wenn ihr das Script auf der Webseite mit einem HTML Content einfügt, funktioniert es nicht.

 

Es müssen drei Voraussetzungen erfüllt sein: a) Eine Premiumversion um Zugriff auf das Google Analytics Feld zu bekommen und b) eine neue Designvorlage oder eine konvertierte Designvorlage. c) Die horizontale Navigation darf nicht in einem Head integriert sein sondern muss unter, zwischen oder über dem Head sein. Hat das Design keinen Head sondern nur eine horizontale Navigation, geht das auch. Es funktioniert also für die meisten neuen und konvertierten Vorlagen.

 

Das sind auch schon alle Hintergrundinformationen, die ihr braucht. Eine Sache noch. Im Admin-Modus ist das Script nicht aktiv. Ihr müsst euch also ausloggen um die stehende Navigation zu sehen und auf eurer Seite muss natürlich so viel Inhalt vorhanden sein, dass ihr diesen Inhalt nach oben scrollen könnt.

 

Kommen wir jetzt zur Praxis.


So funktioniert der Trick.

 

Meldet euch als Admin an. Dann öffnet ihr den Dialog "Allgemeine Einstellungen", den ihr unter dem Menü "Optionen findet. Dieser Dialog hat noch Karteikarten. Auf der letzten Karteikarte findet ihr das Feld für Google Analytics. Klickt auf die Karteikarte und fügt das weiter unten im Blog stehende Script in dieses Feld ein. Wenn ihr bereits ein Script von Google Analytics eingebaut habt, dann setzt dieses Script einfach darunter ein. Achtet darauf, dass der Programm-Code komplett ist.

 

Danach abspeichern und fertig. Sobald ihr ausgeloggt seid, könnt ihr die stehende Navigation ausprobieren. Natürlich bleibt dieser Effekt erhalten auch wenn ihr das Design wechselt. Solange, wie der Code eingebaut ist und ihr ein neues Design nutzt. Möchtet ihr keine stehende Navigation mehr, entfernt ihr einfach das Script.

 

Hier ist das kleine Script, welches ihr braucht:

 

<script src="/system/mods/mod.layout_fixed_nav.js" type="text/javascript"></script>

 

Also viel Spaß beim Ausprobieren. Mit dem Update haben wir noch einige kleine Verbesserungen vorgenommen. Nächste Woche gibt es dazu einen weiteren Blog-Artikel. Zu diesem Tipp werden wir noch ein kleines Video machen und in einem neuen Videokanal veröffentlichen, in dem wir zukünftig viele kleine Videos zur Verfügung stellen wollen.

 

Bis dann

Manfred F. Schreyer

Blogarchiv