Kompetenzen im CMS Joomla

Größe: px

Ab Seite anzeigen:

Download "Kompetenzen im CMS Joomla"

Helge Färber
vor 7 Jahren
Abrufe

1 VWA für Informatik Prüfer: Norbert Netsch RGORG 23 Anton Krieger Gasse 25 Kompetenzen im CMS Joomla Kerem Anton Krieger Gasse Wien 1

2 Inhalt Literaturverzeichnis Bildnachweis Einleitung... 3 Vorbemerkung... 3 Hauptteil... 4 Komponenten... Fehler! Textmarke nicht definiert. Easybookreloaded... Fehler! Textmarke nicht definiert. Com_impressum... Fehler! Textmarke nicht definiert. Module... 4 mod_ebrlatestentries... 4 Suchen... 7 Plugins... Fehler! Textmarke nicht definiert. Schluss... 9 Zusammenfassung... 9 Nachbemerkung... 9 Kompetenzen,über die ich bereits verfügen sollte... 9 IceCarousel installieren... 4 HTML-Code... 9 Dritte Überschrift... Fehler! Textmarke nicht definiert. 2

3 Einleitung Vorbemerkung Joomla gefällt mir so gut, weil es von einer großen Gemeinschaft für eine große Gemeinschaft gratis programmiert wird. Das Wort Gemeinschaft steckt sogar im Namen Joomla, der sich von dem Suheli- Begriff Jumla ableitet. (Koch, S. 18) 3

Hauptteil Module IceCarousel installieren Klicken sie zuerst auf Erweiterungen und dann wieder auf Erweiterungen. Abbildung 1: Erster Schritt Nun wählen sie Datei auswählen.

4 Hauptteil Module IceCarousel installieren Klicken sie zuerst auf Erweiterungen und dann wieder auf Erweiterungen. Abbildung 1: Erster Schritt Nun wählen sie Datei auswählen. Abbildung 2: Datei auswählen Nun gehen sie auf den Ordner, wo sie das IceCarousel gedownloadet haben und klicken sie auf die Datei mod_ice_carousel_v und wählen anschließend Öffnen. Dann wählen sie Hochladen&Installieren. Abbildung 3: Datei öffnen Nun gehen sie auf Erweiterungen und anschließend auf Module. Geben sie bei der Suchleiste nun ice ein und wählen sie das IceCarousel. 4

5 Abbildung 4: IceCarousel auswählen Wählen sie bei Position icecarousel. Klicken sie auf Optionen. Ändern sie nun die Einstellungen so wie auf dem Bild. 5

6 Bei Filtering Options können sie nun die Kategorie auswählen, bei der die Bilder in einzelnen Beiträgen angezeigt werden. Bei Menüzuweisung können sie nun auswählen, wo das IceCarousel angezeigt werden soll. 6

7 mod_ebrlatestentries Das Modul dient dazu, um die letzten Einträge zu sehen. Gehen sie auf Erweiterungen Erweiterungen und laden sie die Datei mod_ebrlatestentries_v3.1 hoch. Nun wählen sie Erweiterungen Module und suchen sie nach Einträge und wählen Easybook Reloaded Letzte Einträge aus. Wählen sie bei Position die Stelle, an der sie das Modul haben wollen, wie zb Promo 4. Bei Status klicken sie auf Veröffentlicht. Gehen sie nun auf Menüzuweisung und klicken sie auf Auf allen Seiten anzeigen. Suchen Das Modul Suchen ist in Joomla bereits vorinstalliert. Abbildung 5: Details, Optionen und Menüzuweisung können eingestellt werden. 7

8 Man muss es lediglich aktivieren und die richtige Position festlegen. Nun sollten sie dieses Suchen-Feld sehen. Sie können jedes beliebige Wort eingeben, dann wird dieses Wort gesucht und es werden die Beiträge gezeigt, in denen dieses Wort vorkommt. Hier steht das von ihnen gesuchte Wort, in diesem Beispiel Javascript. Hier können sie einstellen, nach was gesucht werden soll. Hier können sie einstellen, wo bzw. was gesucht werden soll (in Kategorien oder Beiträgen zb). Und hier stehen die Beiträge, in denen dieses Wort vorkommt. 8

9 Schluss Zusammenfassung HTML-Code Abbildung 6: HTML5-Code Dies ist der Code, den wir für HTML5 brauchen. Die Erklärungen für die Tags sehen sie auf dem Bild. <!DOCTYPE html> <html> <head> <title>semantische Elemente</title> </head> <body> <header>kopfbereich</header> <nav>navigation</nav> <section>sektion/abschnitt</section> <article>artikel/text</article> <aside>sidebar</aside> <footer>fussbereich</footer> </body> </html> CSS Verwendung CSS ist für Layout und Formatierung verantwortlich. 9

10 CSS Sprücherl CSS-Code besteht aus Regeln. Eine Regel besteht aus einem Selektor und einem Deklarationsblock. Ein Deklarationsblock besteht aus Deklarationen und ist durch geschwungene Klammern eingeschlossen. Ein Deklarationsblock besteht aus Deklarationen. Eine Deklaration besteht aus Eigenschaft und Wert, die durch einen Doppelpunkt voneinander getrennt werden und von einem Strichpunkt abgeschlossen werden. Sonstiges über HTML und CSS HTML ist für Inhalt und Struktur verantwortlich. Eine HTML-Datei kann mit einer CSS-Datei verbunden werden. Javascript JavaScript (kurz JS) ist eine Skriptsprache, die ursprünglich für dynamisches HTML in Web- Browsern entwickelt wurde, um Benutzerinteraktionen auszuwerten, Inhalte zu verändern, nachzuladen oder zu generieren und so die Möglichkeiten von HTML und CSS zu erweitern. Heute findet JavaScript auch außerhalb von Browsern Anwendung, so etwa auf Servern und in Microcontrollern. (Quelle: Wikipedia) Verwendung Javascript Javascript benutzt man, um etwas dynamischer zu gestalten (z.b. eine HTML Datei). 10

11 Kompetenzen,über die ich bereits verfügen sollte Joomla Wie man Joomla downloadet Wie man einen Bplaced-Account anlegt Wie man einen FTP-Zugang und Datenbanken anlegt Wie man Joomla entpackt und auf Bplaced hochlädt Wie man Joomla installiert und mit einer Datenbank verbindet Wie man das Installationsverzeichnis löscht Wie man Frontend und Backend von Joomla aufruft Wie man das Future-Template herunterlädt, teilweise entpackt. Menü und Carousel installiert. In dieses sollen wir auch Bilder hineinfügen. Man soll seine Webseite formatieren können und auch z.b. die Fußleiste bearbeiten können Man soll in Joomla Kategorien (und Unterkategorien) erstellen, in diese Beiträge abspeichern sowie Menüs (und Untermenüs) erstellen können Als Menütypen erstellen wir Kategorielisten, Systemlinks,mit denen man externe Seiten aufrufen kann. Man soll Text-Module mit eigenen Texten erstellen können. Präsentation Man soll Word-Dateien, PowerPoint Präsentationen auch als PDF-Dateien erstellen können. Man soll mit HTML, CSS und JavaScript arbeiten können. HTML In HTML soll man einfache Seiten und auch Formulare erstellen können. Man strukturiert mit den passenden HTML-Elementen. CSS Layout und Formatierung, indem man über den Selektor auf das gewünschte HTML-Element zugreift Man soll ein Logo für seine Webseite erstellen können. JavaScript Bildertausch und Formularüberprüfung machen die Webseite dynamisch Einfache Bildbearbeitung Strg c Strg v Strg x Strg t Strg a Strg s Strg - z 11

12 Nachbemerkung Literaturverzeichnis Huber, E. (2004). Die Rinde. Frankfurt: Fischer. Koch, 2. (kein Datum). Die große Praxisreferenz Joomla! 3.0. Mayer, H. (2012). Der Ast. Wien: Residenz. Müller, W. (2008). Das Blatt. München: dtv. Schürmann, T. (2013). Praxiswissen Joomla! 3.0. Köln: O'Reilly. Bildnachweis Abbildung 1 Details, Optionen und Menüzuweisung können eingestellt werden... Fehler! Textmarke nicht definiert. Abbildung 2: Erster Schritt... 4 Abbildung 3: Datei auswählen... 4 Abbildung 4: Datei öffnen... 4 Abbildung 5: IceCarousel auswählen... 5 Abbildung 6: HTML5-Code... 9 Abbildung 7: Dritter Screenshot... Fehler! Textmarke nicht definiert. 12

Ähnliche Dokumente

Kompetenzen für das CMS Joomla.

VWA in Informatik Prüfer: Norbert Netsch RGORG 23, Anton Krieger Gasse 25 Kompetenzen für das CMS Joomla. Oliver Anton Krieger Gasse 1230 Wien oliver.richard15@gmail.com 1 Inhalt Kompetenzen über die ich