Erstellung einer CMS-Website für HaGarTe, einem Dienstleistungsunternehmen für Weidenflechtzäune, Gartenbau und Gartenpflege sowie Wohnanlagenbetreuung.
Status:
abgeschlossen
Aufgabenstellung für die neue Site:
Webdesign auf Grundlage eine Content Management Systemes zur Neuerstellung einer Firmen-Homepage.
Der Kunde pflegt die Inhalte nach einer individuellen Joomla-Schulung selbst weiter.
Verwendung eines Templates (Desiign/Layout), das auch auf mobilen Endgeräten ansprechend aussieht (Responsive Webdesign).
Teilweise Erstellung und Überarbeitung von Texten.
Suchmaschinenoptimierung
Spam-Vermeidung
Veröffentlichung auf bereits durch den Kunden gebuchten Webspace
Bei einem Joomla Webdesign-Projekt wurde für die Überschriften die Schriftart „Bebas Neue“ ausgesucht. Diese serifenlose Open Type Schriftart besteht komplett aus Versalien und ist ziemlich schick. Sie kann auf der Website von FontSquirrel heruntergeladen werden.
Laut Character Map von FontSquirrel sollen in dieser Schriftart auch Zeichen für Umlaute enthalten sein. Nur wurden diese auf unserer Projektseite online dann nicht korrekt angezeigt; das „ä“ sieht doch sehr nach Kleinbuchstabe aus und hat wenig Ähnlichkeit mit den anderen „Bebas Neue“-Zeichen. So liegt also die Vermutung nahe, dass die Umlaute nicht geladen wurden.
Bei FontSquirrel unter @font-face Kit findet man eine Möglichket, das Font-Face-Kit für verschiedene Sprachen zu generieren und herunterzuladen; hier habe ich nun im Drop-Down „Don’t Subset“ ausgewählt, damit die Schriftzeichen inklusive Umlaute und Sonderzeichen für alle Sprachen eingebettet werden. Nach Klick auf den Button „Download @font-face Kit“ wird die Font-Datei als zip-File heruntergeladen. Dieser muss lokal entpackt werden und die enthaltenen Dateien auf den Webserver geladen werden. In meinem Fall in das Verzeichnis root/template/meinTemplate/fonts/BebasNeue.
Nach Speicherung der Dateien auf dem Webserver und anschließender Aktualisierung der Browseransicht werden die Umlaute dann korrekt angezeigt; das „Ä“ erscheint jetzt korrekt in Versalien und im kantigen Look der Bebas Neue.
Sie benötigen professionelle Ünterstützung bei Ihrem Webdesign-Projekt? Schreiben Sie mir einfach und ich berate Sie gerne!
Durch die Verwendung von eigens vorbereiteten Webdesign-Paketen konnte ich meine Arbeitsabläufe optimieren und den Arbeitsaufwand für ein neues Joomla Web deutlich reduzieren. Die eingesparte Zeit gebe ich als Preissenkung gerne an Sie weiter. So erhalten Sie ein Content Management System als Joomla Web nun bereits ab 199 Euro (früher 249 Euro). Alle neuen Joomla Preise finden Sie unter Preise für CMS Joomla! Web.
Für einen WebDesign Kunden sollte ich ein einfaches, automatisches Download-Archiv erstellen.
Automatisch meint dabei: der Kunde muss neue Dateien einfach nur ins Verzeichnis kopieren und schon sind sie auf der Download-Seite verfügbar.
Einfach meint: Das Archiv muss wirklich nur die Inhalte des Verzeichnisses darstellen und verlinken.
Eine geeignete Joomla!-Komponente scheint es da für mich nicht zu geben (entweder können sie den Automatismus nicht oder sie schießen weit über das Ziel hinaus oder aber sie laufen nur im legacy mode). Schließlich habe ich eine Lösung gefunden, die durch den Apache-Server selbst zur Verfügung gestellt wird:
Verzeichnisansicht mit dem Apache Modul mod_autoindex
Das Apache Modul mod_autoindex erzeugt eine tabellarische Liste aller in einem Verzeichnis enthaltenen Dateien; der Dateiname ist klickbar, wodurch der Download ausgelöst wird. Zusätzlich können ungewünschte Dateien ausgeblendet werden. Eine Header-Datei mit CSS-Formatierung und einleitenden Worten kann eingebunden werden.
So geht’s:
Downloadverzeichnis erstellen: z. B. meineDomain.de/downloads
Datei .htaccess hineinkopieren (steuert, wie und welches Verzeichnis ausgelesen wird)
Datei header.htm erstellen und hineinkopieren (enthält den Header der Seite und das Stylesheet)
in Joomla! einen neuen Menüeintrag Downloads erzeugen:
Typ=Wrapper
Link auf Download-Verzeichnis (meineDomain.de/downloads)
#Header-Datei mit CSS und einleitendem Text HeaderName header.htm
# diese Dateien nicht anzeigen (/.. = parent directory) IndexIgnore *.htm .ht* IndexIgnore /..
# Sortierung absteigend nach Dateiname IndexOrderDefault Descending Name
#Description nicht anzeigen -> bewirkt, dass kompletter Tabellenkopf nicht angezeigt wird IndexOptions SuppressDescription IndexOptions XHTML
# Download erzwingen für angegebene Dateitypen (ansonsten wird das Ziel im iFrame angezeigt) <FilesMatch „\.(txt|pdf|doc|xls)$“> ForceType application/x-download </FilesMatch>
Weitere Informationen zur Verwendung des Moduls mod_autoindex gibt es unter:
Zusätzlichen Komfort gibt es bei dieser Lösung nicht. Ich hatte zum Beispiel an eine Lösung für Spracheinstellungen gedacht (Ausgabe gibt es ausschließlich in englisch, daher blende ich den Tabellenkopf ganz aus) oder an zusätliche Felder für Informationen zu den Dateien (ich lege jetzt alle Informationen in den Dateinamen der Download-Datei).
Dies ist das Content Management System für den „Selbermacher“ im Webdesign. Sie lassen sich von mir, Ihrem Joomla Webdesigner, das fertige Gerüst bauen und pflegen anschließend Ihre Inhalte selbst. Mit etwas Zeit und dem nötigen Software-Verständnis sollte dies nach einer gewissen Einarbeitungszeit problemlos funktionieren.
Meine Webdesign-Leistungen hierbei sind:
Gemeinsam mit Ihnen ein fertigen Template aussuchen
Template zur Individualisierung anpassen
Sie bei der Auswahl eines Webhosters beraten (bei Bedarf)
Joomla! auf Ihrem Webspace installieren und einrichten
10 leere Inhaltsseiten zur Selbstpflege (Inhalte werden durch Sie integriert) anlegen und verlinken
Weitere Zusatzleistungen gegen Aufpreis. Auch eine Reduzierung der Leistungen und damit Kostensenkung ist nach Absprache möglich. Angebot freibleibend, Änderungen vorbehalten. Alle Preisangaben zzgl. MWSt.
Als Favicon bezeichnet man im Webdesign das kleine zumeist auffällige Symbol (Icon), welches im Browser in der Registerkarte sowie in der Favoritenliste angezeigt wird. Im Idealfall unterscheidet es sich von dem anderer Websites und ermöglicht dem User so eine schnelle Wiedererkennung der Seite. Der Name Favicon ist eine Kunstwort, das aus den englischen Worten Favorites (Favoriten) und Icon (Symbol) entstanden ist.
Favicon-Formate
Als Grafik für das Favicon dient eine 16 x 16 bzw. 32 x 32 Pixel große Grafik im Format .ico, .png oder .gif, wobei der Internet Explorer bis einschließlich Version 8 nur das ico-Format unterstützt.
Favicon einbinden
In der Regel wird das Favicon im Hauptverzeichnis des Webs abgelegt und dann mit einem entsprechenden Tag im Head der Seite platziert. Bei Verwendung eines Joomla-Webs wird es allerdings nicht dort, sondern im Hauptverzeichnis des verwendeten Templates abgelegt.
Man kann ein Favicon sowohl als statische Grafik, als auch als animiertes Gif einbinden:
Bei Verwendung des statischen Favicons erfolgt die Einbindung im HTML-Quellcode zwischen den Header-Tags <head> … </head> in der Form
<link rel=“shortcut icon“ href=“favicon.ico“>.
Bei Verwendung eines animierten Favicons muss zwischen den Header-Tags außerdem die animierte Datei angegeben werden: <link rel=“shortcut icon“ href=“favicon.ico“> <link rel=“icon“ href=“animiertes_favicon.gif“ type=“image/gif“>
Genau so verfährt man auch, wenn man ein anderes als das ico-Format verwenden möchte (z. B. png):
Wer kein Favicon möchte, sollte Bedenken, dass der Internet Explorer 5 ohne Favicon eine Fehlermeldung in der Logdatei erzeugt. Für den guten Wegdesigner also ein Grund mehr, immer ein Favicon zu verwenden. Zur Not einfach ein durchsichtiges Favicon erzeugen.
Sie benötigen Ünterstützung? Schreiben Sie mir einfach und ich berate Sie gerne!
Lange habe ich gesucht und es war gar nicht so einfach etwas zu finden: Die URL www.beabausb.de (stellvertretend für Beate Beermann aus Braak) sollte natürlich nur eine Notlösung sein, bis ich einen ansprechenden Domain-Namen, in dem das Wort "Webdesign" vorkommt, gefunden habe.
Doch leider waren alle schönen Namen, die mir einfielen immer schon vergeben. Jetzt habe ich mit www.webdesign-ostholstein.de einen passenden Domain-Namen gefunden und die Seiten konnten umziehen. So ist alles, was mit Webdesign zu tun hat nun hier unter der neuen Domain erreichbar und unter der alten Domain www.beabausb.de werden demnächst meine privaten Inhalte zu finden sein.