pctechnik.ch Herisau

pctechnik.ch Herisau

Das vielseitige CMS Joomla mit Twitter Bootstrap

Gerade Joomla hat sich zu einem sehr ausgereiften, absolut professionellen CMS entwickelt. Es gilt als das beste Open Source CMS überhaupt. Man schätzt, dass etwa 30'000'000 Installationen! im Netz stehen. Diese Zahlen sprechen sicher für Joomla. Mittlerweile haben auch Konzerne erkannt, dass das Joomla Framework auch für Enterprise CSM Lösungen zu gebrauchen ist. Die Möglichkeiten von diesem System sind enorm. Von der einfachen, kleinen Website bis zum Riesenportal ist alles möglich. Joomla hat eine Vielfalt an Erweiterungen, die seines gleichen sucht. Nicht nur Standartanwendungen wie Online Shops oder Bildergallerien sind machbar, nein, ganze Buchhaltungen, Lagerverwaltungen, Bestellsysteme, Auftragsverwaltungen, Rechnungswesen oder Miet- und Ausleihportale, Video Streaming Services oder Communities für alle erdenklichen Fachgebiete lassen sich realisieren. Auch Intranet Lösungen für Firmen mit Benutzergruppen, denen verschiedene Berechtigungen zugewiesen werden mit Dokumentenverwaltungen, Archivierungssysteme oder ERP sind ebenfalls machbar und werden mittlerweile auch von bekannten Firmen eingesetzt.

Es würde weitergehen mit Reservationssysteme für alle erdenklichen Branchen, Downloadportale, Lernportale für Kurse, kurzum, ich wüsste nicht, was nicht machbar wäre. Ich habe schon beinahe alle diese Anwendungen für Kunden oder zumindest in der Entwicklung realisiert. Bei einem Gespräch kann ich Ihnen das ganze Wissen und viele Projekte, die durch meine langjährige Erfahrung in der ich Joomla kennengelernt habe, vorführen.

Joomla geht mit der Zeit, so sind die Templates responsive, das heisst, Joomla Websites lassen sich auf allen Bildschirmen und derer Grössen darstellen. Ob mit einem kleinen Smartphone oder mit einem modernen 27" Monitor, es ist kein Problem, allen Benutzern mit den verschiensten Geräten, ein perfektes Erscheinungsbild auszuliefern. Joomla kann man mit den verschiedensten Templates, so nennt sich die grafische Darstellung in Joomla ausgestattet werden. Ein Template ist zuständig für das Erscheinungsbild einer Website. Je nach dem was man für ein Template Framework verwendet, ich arbeite meistens mit dem Twitter Bootstrap Framework, sind wichtige Dinge wie Layout und Typografie bereits schon professionell vorgelgt. Diese Templates bringen die neuesten Techniken mit und glänzen mit wichtigen Features, die heute einfach Standard sind. Unter vielen technischen Dingen, möchte ich hier als Beispiel auf eine Übersicht der Darstellung von Schriften, Buttons und anderen unerlässlichen Elemente eingehen.

Unter vielen neuen Techniken ist es längst vorbei, dass man nur Schriftarten für Websites verwenden konnte, die beim Client installiert waren auf seinem Rechner. Heute ist es möglich eine vielzahl von Schriften zu laden und diese an den Client zu übermitteln, so dass alle User den gleichen Schrifttyp angezeigt bekommen von einer Website.

Auch kann man Wunschschriften, welche nicht im Framework vorgegeben sind, mit einfachen Mitteln laden. Ich denke da an Cufon, welches ergänzend zu Twitter Bootstrap verwendet werden kann, mit dem man jeden Font-Type laden kann. Es gibt ja Firmen, die haben ihre eigene Schrift und so steht dem nichts im Wege, diese auch im Netz zu verwenden.

Auch die Darstellung von Tabellen, Buttons Überschriften, Anführungszeichen, Navigationselemente und andere Anzeigeelemente kann man heute professionell darstellen und gerade solche Dinge sind mit dem Twitter Bootstrap Framework einfach zu realisieren. Hier eine Übersicht:

Heading Text

h1. Heading Secondary text

h2. Heading Secondary text

h3. Heading Secondary text

h4. Heading Secondary text

h5. Heading Secondary text
h6. Heading Secondary text

TIPS: Create lighter, secondary text in any heading with a generic <small> tag or the .small class.

 

Example body text

This is a lead paragraph.
Make a paragraph stand out by adding .lead.

Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus.

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

The following snippet of text is rendered as bold text.

The following snippet of text is rendered as italicized text.

An abbreviation of the word attribute is attr.

 

Address

Company Name
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890
Full Name
P: (123) 456-7890
Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein!

Emphasis classes

This is a .mute paragraph.

This is a .text-primary paragraph.

This is a .text-warning paragraph.

This is a .text-danger paragraph.

This is a .text-success paragraph.

This is a .text-info paragraph.

 

Alignment classes

This is a left aligned text .text-left

This is a center aligned text .text-center

This is a right aligned text .text-right

This is a justify aligned text which is often used in Book Design, Magazine or special Typo Pages. Create a justify aligned text with .text-justify class.

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Quote's author in Source Title

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Quote's author in Source Title

 

 

Brand Colors

#00bfe6
Brand Primary
#428bca
Brand Secondary
#f0ad4e
Brand Warning
#fbe57c
Brand Danger
#5bc0de
Brand Info
#4db18d
Brand Success

 

Grayscale Levels

#262626
Gray Darker
#3c3c3c
Gray Dark
#555555
Gray
#999999
Gray Light
#eaeaea
Gray Lighter
#f7f7f7
Gray Lightest

 

 

Tabs

In the area of graphical user interfaces (GUI), a tabbed document interface (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes.

GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor).

In the area of graphical user interfaces (GUI), a tabbed document interface (TDI) or a Tab is one that allows multiple documents to be contained within a single window, using tabs as a navigational widget for switching between sets of documents. It is an interface style most commonly associated with web browsers, web applications, text editors, and preference panes.

GUI tabs are modeled after traditional card tabs inserted in paper files or card indexes (in keeping with the desktop metaphor).

 

 

 

Alerts and Notifications

error message title

Donec eget purus nec tellus tincidunt lacinia et sed lorem. Cras ac dignissim mauris. Duis odio diam, rutrum ut est at, scelerisque malesuada risus.

sussess message title

Donec eget purus nec tellus tincidunt lacinia et sed lorem. Cras ac dignissim mauris. Duis odio diam, rutrum ut est at, scelerisque malesuada risus.

info message title

Donec eget purus nec tellus tincidunt lacinia et sed lorem. Cras ac dignissim mauris. Duis odio diam, rutrum ut est at, scelerisque malesuada risus.

warning message title

Donec eget purus nec tellus tincidunt lacinia et sed lorem. Cras ac dignissim mauris. Duis odio diam, rutrum ut est at, scelerisque malesuada risus.

 

 

Labels

Default Primary Success Info Warning Danger

 

List groups

  • 14 Cras justo odio
  • 2 Dapibus ac facilisis in
  • Morbi leo risus
  • 1 Morbi leo risus
  • 2 Dapibus ac facilisis in

List group item heading

Donec id elit non mi porta gravida at eget metus risus varius blandit.

List group item heading

Donec id elit non mi porta gravida at eget metus.

List group item heading

Donec id elit non mi porta gravida at eget metus.

 

Panels

Panel heading
Panel content

Panel primary

Panel content

Panel success

Panel content

Panel warning

Panel content

Panel danger

Panel content

Panel info

Panel content

 

Wells

Look, I'm in a small well!
Look, I'm in a well!
Look, I'm in a large well!
pctechnik.ch Herisau CMS und Ecommerce
Ohne Cookies würden die wenigsten Websites funktionieren. Auch diese Website verwendet Cookies. Was Cookies sind, können Sie unter - Weitere Informationen - nachlesen. Durch das Akzeptieren erklären Sie sich damit einverstanden, dass wir Cookies verwenden.
Weitere Informationen