Tuesday, 10 March 2009 23:00

Web Design

Effektive Kommunikation

Mit viele unserer Projekte bei JoomlaWebHoster fördern wir das Zusammenspiel zwischen Unternehmen und Internetpräsentation des Unternehmens. Auf der Grundlage eines guten Content-Management-Systems (CMS) bietet die Website  Informationen, Umsatzsteigerung, geringere Kosten und einfacher Kunden-Support, zudem ist das System einfach zu aktualisieren und zu pflegen. Effiziente Kommunikation und einfach zu bedienende Navigation mit klaren, schnell geladenen Inhalten sind die Benchmarks, für eine gut konzipierte Website.

Verstehen Sie Ihr Geschäft

Der erste Schritt auf dem Weg zu intelligentem Web-Design ist es, das Unternehmen hinter der Website zu verstehen. Zeit-und Arbeitsaufwand kann unnötig hoch ausfallen, wenn die Tätigkeit des Unternehmens nicht ausreichend bekannt ist. Unsere langjährige Erfahrung mit Webseiten ermöglicht es uns, eine Webseite perfekt für Ihre Bedürfnisse, zu erstellen. Als unabhängiger Dienstleister, können wir die Website, für das Unternehmen, kundenorientiert gestalten. Das wichtigste an einer Website ist, wie der Kunde diese sieht. Wir werden Fragen stellen und mit Ihnen innovativen Ideen für Ihre Website umsetzen. Jedes Unternehmen ist anders. Mit dem Verständnis Ihres Geschäfts konzentrieren wir uns auf Ihre Website, wie Sie diese an Besten an Ihre Kunden verkaufen. Wir können Ihnen helfen, Ihren Kunden die Informationen bereitzustellen, die sie für eine fundierte Kaufentscheidung benötigen. Darüber hinaus zeigen wir Ihnen, wie die Konkurrenz arbeitet. Nur wenn man auf die Wünsche des Kunden eingeht, kann man die Technik für sich nutzen und die Konkurrenz ausbooten.


Gut konzipiertes Web Design

Auf dem ersten Blick Ihrer Homepage, sollte der Besucher erfahren, was das Kerngeschäft Ihres Unternehmens ist und welche Produkte Sie anbieten. Studien haben gezeigt, dass Sie 3 Sekunden Zeit haben, die Aufmerksamkeit des Besuchers auf Ihre Webseite zu lenken, bevor er/sie sich entscheiden, weiteres über Ihr Unternehmen zu erfahren. Eine sauberes, klares Design hilft, dieses Ziel zu erreichen.

Andere Web-Design-Konzepte die wir verwenden sind:

* Above-the-fach: Die wichtigsten Elemente auf der Spitze der Web-Seite und sind in der Regel auf einem 17-Zoll-Monitor (1024 x 768). Das heißt, Sie haben im Allgemeinen eine Fläche von 985 von 530 Pixel, um Ihre wichtigste Botschaft.
* Frei-Navigation: Die Fähigkeit, sich auf Ihre Website, ohne verloren zu gehen ist wichtig, im Interesse der Beibehaltung Benutzer bei Ihnen vor Ort lange genug, um eine Kaufentscheidung. Strukturierung der Seite mit definierbaren Themengebieten geht ein langer Weg in Richtung auf die Schaffung großer Navigation.
* Website-Struktur: Die Struktur der Site wird mit einer leicht verständlichen Rahmen. Da die Site-Struktur wird die URL (in statischen Websites) eine gute Struktur könnte sogar zu verbessern Suchmaschinen-Ranking.

Standards-Based-Code

W3C empfohlene Standards für unterhält markup, Bilder, eingebettete Inhalte und mehr. Wir schreiben alle unsere XHTML, CSS, AJAX, JavaScript, RSS und sich auf jene Abschnitte der Normen, die in allen Browsern und Plattformen.
Cascading Style Sheets

Cascading Style Sheets (CSS) ermöglichen das Design der Site zu trennen von den Inhalten der Website. Es ist ein Schlüsselelement bei der auf Standards basierenden Website-Design. Das Stylesheet Lasten mit den ersten Seiten von Ihrer Website besucht, bleibt in der Browser-Cache und muss nicht erneut heruntergeladen werden, das spart Zeit und Bandbreite. Wir entwickeln Websites mit Style Sheets, um Ihnen folgende Vorteile:

* Schnellere Gestaltung und Instandhaltung: Statt mit, um zu verfolgen und jede Änderung in der ein HTML-Tag, CSS ermöglicht es uns, die gesamte Website von nur ein paar Änderungen an der CSS-Datei.
* Verbesserung der Inhalte auf XHTML-Verhältnis: Durch das Entfernen Markup-Tags und die Positionierung auf der Seite, die gelesen werden zu den gesamten HTML-Inhalt-Verhältnis erhöht. Dieses Verhältnis ist einer der Faktoren, die kleinere von modernen Suchmaschinen bei der Festlegung der Rangfolge Seite.




Published in Services
Orginal  geschrieben in English von Andrew Eddie

Joomla 1.6 wird einige wichtige neue Änderungen im Template-Management beinhalten. Dieser Artikel zeigt dir eine Vorschau womit du im finalen Produkt rechnen kannst.

Neue Template-Styles

In Joomla kannst du ein Template für Teile der Menüseite vergeben. Das wird im Template-Manager eingestellt. In Joomla 1.5 fügten wir die Möglichkeit hinzu Template-Parameter zu speichern, welches den Benutzern und Designer die Welt für mehr Flexibilität öffnete. Der folgende Ausschnitt zeigt die Template-Bearbeitungsseite wie man sie von Joomla 1.5 kennt.


 

In Joomla 1.6 kombinierten wir diese beiden Eigenschaften und erstellten das Konzept der „Template-Styles“ und dies ist nun die Standardseite im Template-Manager. Die folgende Aufnahme zeigt die neue Seite.

 

Screenshot

 

Mit der Template-Styleliste stellst du das Standard-Template für Frontend-Seite und den Backend-Administrationsbereich ein. Die Liste wurde zusammengefügt und du kannst bis auf ein Standort filtern, wenn du möchtest.

 

Screenshot

 

Wir realisieren, dass es etwas Zeit benötigt die Styles einzustellen, sodass wir in der Listenanzeige eine „Klon“-Funktion eingefügt haben, die einen existierenden Style dupliziert. Das erlaubt dir eins oder zwei Optionen (von den 20 die du eingestellt hattest) schnell und einfach zu ändern.

Nun, hier ist die Hauptänderung. Du musst nicht mehr ein Template eine Zahl von Menüseiten zuordnen. Stattdessen ist im Bearbeitungsbildschirm des Menülinks ein neues Feld welches dir erlaubt auszuwählen, welchen Style du für diesen Teil der Seite verwenden möchtest. Der folgende Ausschnitt zeigt dir eine typische Bearbeitungseite für einen Menüpunkt. Die neue Template-Auswahlliste wird offen im unteren Teil des Bildes gezeigt.

 

Screenshot

 

Dies setzt die Zugriffsrechte für die Menüseite. Du musst nicht mehr länger rein und raus gehen zwischen dem Menü-Manager und dem Template-Manager um das richtige zuzuweisen. Zusätzlich musst du nicht mehr ein Template mehr kopieren, um einige der Optionen, welches der template-Designer eingebunden hat, zu ändern.  Dir sollte auch die neuen Standard-Auswahl an Funktionen in der Toolbar ausgefallen sein, welche in der Aktionsleiste in Joomla zur Verfügung stehen (Speichern & Neu und auch Speichern & Kopieren).  Speichern & Neu speichern den aktuellen Style und geht zurück zu einem leeren Bearbeitungsbildschirm, welches dir erlaubt einen neuen Style zu erstellen, ohne zurück zur Hauptseite zu gehen.  Wenn du auf Speichern & Kopieren klickst wir eine von dem aktuell erstellten Style eine neue Kopie von dem Style erstellt, wo du direkt zum Bearbeitungsbildschirm geleitet wirst. Dies arbeitet genauso wie dein Farvorit-Wort-Prozessor (außer du verpasst den Schritt bei der Wahl des Namens).

Wir haben auch wahrgenommen, dass einige Template-Designer eine Menge an Optionen eingebunden haben, mit denen du das Template konfigurieren kannst. Zur helfe es bessere managen zu können, erlauben wir dem Designer seine eigenen Optionsgruppen zu erstellen, das du die einfache und erweitere Parameter-Liste haben kannst, um zum Beispiel ein Modul zu bearbeiten. Der Designer kann beliebig viele dieser Gruppen erstellen und jedes kann in ihrem eigenen Slide angezeigt werden. Das erlaubt dem Designer, zum Beispiel die Einstellungen in Allgemeine Einstellungen, Erweiterte Einstellungen und zusätzlichen Einstellungen für das Template zu unterteilen.

 

Die Templates-Liste

 

Du wirst dich wundern wo die Anpassung und Vorschau des Templates hingegangen ist. Richtig, im Untermenü ist ein zweiter Link zu den Templates. Der folgende Ausschnitt zeigt dir wie die neue Template-Liste aussieht.

 

Screenshot

 

Diese Liste zeigt eine eine verbesserte Version der alten Templateliste. Es beinhaltet das Vorschaubild des Templates direkt in der Liste (du musst über das Template fahren um es zu sehen). Der Templatedisgner hat jetzt die Möglichkeit ein zweites, größeres Vorschaudatei einzubinden, welche aufpoppt wenn du auf den das kleinere Vorschaubild auf der Liste klickst. Im folgenden Ausschnitt haben wir auf das Vorschaubild des Templates geklickt.

 

Screenshot

 

Wenn du auf den Templatename klickst, bekommst du eine Liste mit allen Datei, die du auf der einen Seite bearbeiten kannst (dies war zuvor in mehrere Seiten in Joomla 1.5 aufgeteilt).  Der folgende Ausschnitt zeigt wie du die index.php und component.php Dateien und alle CSS- Dateien, die im Template eingebunden sind, bearbeiten kannst.

 

Screenshot

 

Ein Klick auf den Dateinamen erlaubt dir den Quelltext der Datei zu bearbeiten, welches einen neuen Editor benutzt, welcher im nächsten Ausschnitt gezeigt wird.

 

Screenshot

 

Fazit

 

Template-Mangement hat in Joomla 1.6 ein neues Level erreicht.  Die neuen Templatestyles unterstützen den Designer und Webseiten-Administrator mit einer nie zuvor gesehenen Flexibilität ohne die Templates unnötig kopieren zu müssen.

Wenn du über diese neuen Funktionen diskutieren möchtest, dann in die Joomla Alpha 2 discussion im Forum. Wenn du diese Funktionen in Aktion sehen möchtest, kannst du nightly build of Joomla 1.6 herunterladen und testen.

Bitte halte in Erinnerung, dass wir in der Alpha sind, wo noch einige Dinge fehlerhaft sind oder noch nicht arbeiten wie geplant.


Andrew Eddie ist ein co-founder vom Joomla Open Source Projekt und ist hochaktiv in dem Erstellungsprozess der Version 1.6.  Er betreibt derzeit eine Joomla-basierte Entwicklungs-und Weiterbildung Beratung New Life in IT, bloggt regelmäßig auf the Art of Joomla und erstellt hochqualitative kommerzielle Joomla-Erweiterungen in seinem Unternehmen JXtended.

Published in Joomla 1.6