Skip to main content

Schlagwort: Webdesign

Website von HaGarTe, Neustadt in Holstein

Joomla Webdesign für HaGarTe

Geschrieben von beate am . Veröffentlicht in Arbeitsproben.

Website von HaGarTe, Neustadt in HolsteinProjekt aus dem Bereich Webdesign

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
Website von Roden Landtechnik, Lensahn

Joomla Webdesign für Roden Landtechnik

Geschrieben von beate am . Veröffentlicht in Arbeitsproben.

Website von Roden Landtechnik, LensahnProjekt aus dem Bereich Webdesign

Erstellung eines Grundgerüstes für eine Website zur Selbstbefüllung für Roden Landtechnik aus Lensahn.

Status:
  • abgeschlossen
Aufgabenstellung für die neue Site:
  • Nur das Grundgerüst (Layout und Technik) der Website erstellen und den Kunden für die Einbindung der Inhalte schulen
  • Der Kunde pflegt die meisten Inhalte nach einer Schulung selbst ein.
  • Verwendung eines Layouts, das auch auf mobilen Endgeräten ansprechend aussieht.
  • Verwendung eines Content Management Systems.
  • Suchmaschinenoptimierung
  • Spam-Vermeidung
  • Veröffentlichung bei einem bestehenden Webhoster
bebas_neue.gif

Umlaute bei Schriftart Bebas Neue

Geschrieben von beate am . Veröffentlicht in Webdesign spezial.

bebas_neue.gifBei 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. Umlaut-Darstellung ohne korrekt geladen ZeichensatzNur 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.

Umlaut-Darstellung mit korrekt geladen ZeichensatzNach 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!

.

Website von Malereibetrieb Berger, Eutin

Webdesign Joomla für Malereibetrieb Berger

Geschrieben von beate am . Veröffentlicht in Arbeitsproben.

Website von Malereibetrieb Berger, EutinProjekt aus dem Bereich Webdesign

Erstellung der Website für Malereibetrieb Berger aus Eutin.

Status:
  • abgeschlossen
Aufgabenstellung für die neue Site:
  • Verwendung eines Content Management Systems, da der Kunde die Inhalte später selbst pflegen möchte.
  • Suchmaschinenoptimierung
  • Spam-Vermeidung
  • Veröffentlichung bei einem bestehenden Webhoster

Preise gesenkt!

Geschrieben von beate am . Veröffentlicht in Referenzenx.

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.

Einfaches Download-Archiv

Geschrieben von beate am . Veröffentlicht in Joomla 1.5.

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)

 

 

Hier die Details:
Inhalt von .htaccess

Options +Indexes
DirectoryIndex index.php index.html

#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:

 Außerdem sehr hilfreich war mir ein Beitrag im joomla-portal-Forum.

 

 

Komfort

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).

 

So sieht’s aus:

Link: Download-Archiv

 

 

 

 

Sie benötigen professionelle Ünterstützung bei Joomla? Schreiben Sie mir einfach und ich berate Sie gerne!

CMS Joomla! Web Light (ab 329 Euro)

Geschrieben von beate am . Veröffentlicht in Joomla Content Management System.

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
  • lesbare URLs verwenden (SEO: mod_rewrite)
  • Bedienungsanleitung
  • 7-tägiger Telefonsupport (insgesamt max. 1 Stunde)

 

 

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.

 

 

Favicon von webdesign-ostholstein.de

Favicon

Geschrieben von beate am . Veröffentlicht in Webdesign spezial.

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 von webdesign-ostholstein.de

 Favicon von www.palustrishof.deFavicon von Joomla!

 

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):

    <link rel=“shortcut icon“ href=“favicon.ico“>
    <link rel=“icon“ href=“favicon.png“ type=“image/png“>

 

Favicon erstellen

Um ein Favicon im ico-Format zu erstellen benötigt man entweder eine geeignete Software (Fotoschop kann das leider nicht) oder man nutzt einen Online-Anbieter wie z. B. den Favicon Generator bei WebMaster-Elite.de oder den Favicon Generator von Project Fondue.

 

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!

Wir sind umgezogen!

Geschrieben von beate am . Veröffentlicht in Referenzenx.

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.

 

Website von Druckerei und Verlagshaus Simonsen

Joomla Webdesign für Simonsendruck

Geschrieben von beate am . Veröffentlicht in Arbeitsproben.

Website von Druckerei und Verlagshaus SimonsenProjekt aus dem Bereich Webdesign

Neugestaltung der Website von Druckerei Simonsen aus Lensahn, die gleichzeitig Verlagshaus für ein regionales Anzeigenblatt ist

 

Status:
  • Die Erstellung der Website ist in der Grundkonfiguration abgeschlossen.
  • Die Website wird weiter technisch und inhaltlich durch mich ergänzt.

 

Aufgabenstellung für die neue Site:
  • Verwendung eines Content Management Systems, da der Kunde die Inhalte selbst pflegen möchte.
  • Spezielle Funktionen (Kontaktformular, Sitemap, Anzeigenblatt online lesen, Werbebanner einblenden, Kleinanzeigen aufgeben, …)
  • Suchmaschinenoptimierung
  • Spam-Vermeidung
  • Umzug zu einem geeigneten Webhoster mit Apache-Server.

 

Umsetzung:
  • Verwendung des CMS Joomla 1.5 mit Komponenten (Kontaktformulare mit BreezingForms, Sitemap mit Xmap, Kontaktlisten mit Community Builder)
  • Entwerfen des Layouts
  • Anpassen eines verfügbaren, barrierefreien Templates (beez)
  • Erstellung des Header-Bildes (Fotos stammen vom Auftraggeber)
  • Anlegen und Verknüpfen der Inhaltsseiten und Bilder (Texte und Fotos stammen vom Auftraggeber)
  • Suchmachinenoptimierung und Spam-Schutz
  • Providerwechsel zu all-inkl.de
  • Einrichtung der Email-Adressen