Fachspezifische Themenstellung 2009/10 in Information and Communication Solutions
Weingut Thell
Haider Anna Opitz Stefan Tuma Sabine
1 Inhaltsverzeichnis 1
INHALTSVERZEICHNIS ......................................................................................................... 2
2
VORWORT .......................................................................................................................... 4
3
ABSTRACT ........................................................................................................................... 5
4
PROJEKTMANAGEMENT ..................................................................................................... 6 4.1 4.2 4.3 4.4 4.5 4.6
5
GRUNDLAGEN ................................................................................................................... 12 5.1 4.2. 4.3. 4.4. 4.4
6
ZIELE UND NICHTZIELE ........................................................................................................... 7 PHASEN .............................................................................................................................. 8 PROJEKTTEAM ...................................................................................................................... 8 PROJEKTSTRUKTURPLAN ......................................................................................................... 9 MEILENSTEINPLAN .............................................................................................................. 10 ARBEITSPAKETBESCHREIBUNG ............................................................................................... 11
HTML.............................................................................................................................. 13 DRUPAL ............................................................................................................................ 15 CSS ................................................................................................................................. 16 MYSQL ............................................................................................................................ 17 GIMP .............................................................................................................................. 18
PROJEKTDOKUMENTATION .............................................................................................. 19 6.1 DRUPAL INSTALLATION ........................................................................................................ 19 6.2 ERSTELLEN EINES EIGENEN TEMPLATES .................................................................................... 21 6.3 CSS ................................................................................................................................. 23 6.3.1 Schriftart .................................................................................................................... 23 6.3.2 Pirobox Image Gallery ............................................................................................... 24 6.3.3 Body ........................................................................................................................... 25 6.3.3.1
Header Grafik ................................................................................................................. 25
6.4 AUFBAU DER WEBSITE ......................................................................................................... 27 6.4.1 Menu-block ................................................................................................................ 27 6.4.2 Header Frame ............................................................................................................ 27 6.4.3 Content ...................................................................................................................... 28 6.4.4 Footer ........................................................................................................................ 28 6.5 MODULE ........................................................................................................................... 29 6.5.1 Verwendete Module .................................................................................................. 30 6.5.2 Wichtige Module ....................................................................................................... 32 6.5.2.1 6.5.2.2 6.5.2.3 6.5.2.4 6.5.2.5
Content Construction Kid (CCK) ..................................................................................... 32 ImageCrop, ImageField .................................................................................................. 33 Guestbook...................................................................................................................... 34 CAPTCHA ........................................................................................................................ 34 Wine............................................................................................................................... 35
6.6 INHALTE ERSTELLEN ............................................................................................................. 36 6.6.1 Wine-Inhalt erstellen ................................................................................................. 36 6.6.2 Seiteninhalt erstellen ................................................................................................. 37 7
NACHWORT ...................................................................................................................... 38
Haider, Opitz, Tuma
Weingut Thell
2/41
8
QUELLENVERZEICHNIS ...................................................................................................... 39
9
ABBILDUNGSVERZEICHNIS ................................................................................................ 41
Haider, Opitz, Tuma
Weingut Thell
3/41
2 Vorwort Im Zuge unseres Ausbildungsschwerpunktes Information and Communication Solutions haben wir den Arbeitsauftrag bekommen, eine Webseite mittels eines CMS1 zu entwerfen. Auf dieser Seite sollte es für den Besucher möglich sein, Informationen über den Familienbetrieb Thell zu finden. Das Weingut, die Ferienhäuser und der Heuriger werden vorgestellt und mittels Bildergalerien und vielen Informationen wird ein Einblick in den Betrieb geboten. Auf der vorhandenen Homepage waren nicht viele Informationen vorhanden und sie wirkte für den Besucher nicht sehr ansprechend. Da viele potentielle Kunden das Internet als Informationsquelle nutzen, wünschte sich die Familie Thell als Projektauftraggeber eine gut strukturierte, übersichtliche und informative Homepage für ihren Betrieb.
1
Content Management System
Haider, Opitz, Tuma
Weingut Thell
4/41
3 Abstract
In the course of our training priority Information and Communication Solutions (ICS), we had the charge to create a website by using a content management system. Our goal was to establish a clearly designed site with features e.g. a contact form, a guestbook or a blank to order vines. Our applicant was family Thell from Apetlon because they there was just little information on their website and it looked very unprofessionally.
Haider, Opitz, Tuma
Weingut Thell
5/41
4 Projektmanagement
Als Projekt bezeichnet man einen einmaligen Prozess mit einem bestimmten Start- und Endtermin zur Erreichung von definierten Zielen. Ein Projekt muss:
zeitlich begrenzt sein,
konkrete Ziele erfolgen,
einzigartig und komplex sein,
können manchmal riskant sein,
beschränkte Ressourcen zur Verfügung haben,
von mindestens zwei Mitarbeitern durchgeführt werden,
gegenüber anderen Tätigkeiten abgegrenzt sein und
einer projektspezifischen Organisation unterliegen.
Ein Projekt gliedert sich in:
Projektstart
Projektkoordination
Projektcontrolling
Projektmarketing
Projektabschluss
In einem Projekt werden die Rollen wie folgt verteilt:
Projektleiter
Projektteam mit internen und externen Mitgliedern
Projektmitarbeiter
Projektauftraggeber
Haider, Opitz, Tuma
Weingut Thell
6/41
4.1 Ziele und Nichtziele
Ziele:
Rechtzeitige Fertigstellung einer übersichtlichen Homepage für das Weingut Thell Übung zum Thema Projektmanagement
Nichtziele:
Die Webseite mit Informationen überladen
Haider, Opitz, Tuma
Weingut Thell
7/41
4.2 Phasen
Planung Organisation Durchführung Nachbearbeitung
4.3 Projektteam Auftraggeber: Familie Thell Leiter: Stefan Opitz Teammitglieder: Sabine Tuma, Anna Haider
Haider, Opitz, Tuma
Weingut Thell
8/41
4.4 Projektstrukturplan
Haider, Opitz, Tuma
Weingut Thell
9/41
4.5 Meilensteinplan PSP-Code 1.1.2 1.2.1 1.3.1 1.4.1 1.4.2 1.5.3 1.1.5
Meilensteinbezeichnung Projektstart Website geplant Template erstellt Inhalt erstellt Module geladen auf Server gestellt Projektabgabe
Haider, Opitz, Tuma
Plantermin 3.12.2009 3.12.2009 9.02.2010 10.02.2010 10.02.2010 18.02.2010 8.04.2010
Weingut Thell
Isttermin 10.09.2009 15.10.2009 10.02.2010 13.02.2010 13.02.2010 28.02.2010
10/41
4.6 Arbeitspaketbeschreibung
Haider, Opitz, Tuma
Weingut Thell
11/41
5 Grundlagen
Abbildung 3 – Drupal Logo
Abbildung 2 – HTML Logo
Abbildung 1 – CSS Logo
Abbildung 4 – GIMP Logo
Haider, Opitz, Tuma
Weingut Thell
12/41
5.1 HTML
Bei HTML handelt es sich um eine textbasierte Auszeichnungssprache zur Strukturierung von Seiteninhalten, unter anderem können Texte, Bilder und Hyperlinks formatiert werden. HTML-Dokumente sind die Grundlage des World Wide Web und können von jedem Webbrowser dargestellt werden. Mit so genannten Tags wird dem Inhalt eine Struktur verliehen. HTML-Elemente werden in den meisten Fällen durch ein Tag-Paar markiert, das heißt durch einen Start- und Endtag. z.B. <p> Starttag, </p> - Endtag Ein HTML Dokument wird in 3 Bereiche geteilt:
Dokumenttypdeklaration o ganz am Anfang einer Datei, gibt die verwendete Dokumenttypdefinition an
HTML-Kopf (HEAD) o enthält hauptsächlich technische oder dokumentarische Informationen, diese sind nicht im Browser sichtbar
HTML-Körper (BODY) o enthält die anzuzeigende Information
Das Grundgerüst eines HTML-Dokumentes wird wie folgt dargestellt:
<html> <head> <title> TITEL </title>
Haider, Opitz, Tuma
Weingut Thell
13/41
(hier kรถnnen eventuell noch Informationen enthalten sein) </head> <body> HIER WIRD DER INHALT ANGEZEIGT </body> </html>
Haider, Opitz, Tuma
Weingut Thell
14/41
4.2. Drupal
Drupal ist ein Content-Management-System (CMS) und Framework, das in den unterschiedlichsten Anwendungsbereichen weltweit zum Einsatz kommt. Seine Hauptanwendung findet Drupal beim Erstellen von Webseiten. Drupal ist freie Software, ist in PHP geschrieben und verwendet MySQL oder PostgreSQL als Datenbank. Drupal unterscheidet sich von anderen CMS vor allem durch die Umsetzung von Ansätzen einer Social Software und unterstützt damit den Aufbau von Communitys, die gemeinsam an Inhalten arbeiten und sich über Themen austauschen und informieren wollen. So können Nutzer beispielsweise eigene Weblogs anlegen, sich in Foren austauschen oder Artikel veröffentlichen. Es wird ein differenziertes Rollen- und Rechtesystem unterstützt. Drupal besteht aus einem Core (dt. Kern), der die Grundfunktionalität liefert, und Modulen, die zusätzliche Funktionen bieten und dem System bei Bedarf hinzugefügt werden können. Es gibt bereits über 4.000 Module (Stand 2009) für Drupal, die praktisch alle gängigen Funktionen einer Website bieten. Neben anderen bekannten CMS wie z. B. Mambo, Joomla! und TYPO3 hat es mit seinem spezifischen Ansatz einen Platz unter den „großen“ PHP-basierten Open-Source-CMS etablieren können.2
2
Quelle Wikipedia: http://de.wikipedia.org/wiki/Drupal
Haider, Opitz, Tuma
Weingut Thell
15/41
4.3. CSS
CSS oder Cascading Style Sheets ist eine deklarative StylesheetSprache für strukturierte Dokumente. CSS wird mit HTML und XML verwendet. Die CSS-Datei enthält die Formatierung über davor bestimmte Inhalte oder Bereiche. Wichtig ist, dass das HTML oder HML Dokument so gestaltet ist, dass die Abschnitte die gleich formatiert werden sollen den gleichen Klassen zugeordnet wurden. Im HTML-Dokument wird nur festgelegt, welche Teile zu welcher Klasse gehören und im CSS-Dokument wird die Formatierung bestimmt.
Haider, Opitz, Tuma
Weingut Thell
16/41
4.4. MySQL
Der MySQL Server ist ein Relationales Datenbankverwaltungssystem, es ist als Open-Source-Software für verschiedene Betriebssysteme verfügbar und bildet die Grundlage für viele dynamische Webauftritte. Es handelt sich um eines der populärsten Datenbanksysteme der Welt und wurde im privaten- und geschäftlichen Bereich bereits elf Millionen mal installiert. MySQL ist leistungsfähig, zuverlässig und benutzerfreundlich, dadurch
wurde
es
einer
der
bekanntesten
Open-Source-
Datenbanken. Auch große, bekannte Unternehmen nutzen MySQL wie zum Beispiel: Yahoo!, Nokia und Siemens. MySQL ist aber nicht nur die populärste Open-Source-Datenbank der Welt, sie wurde auch für eine neue Generation von Anwendungen, die auf der Basis von LAMP (Linux, Apache, MySQL, PHP /Perl / Python) erstellt sind, zur ersten Wahl. MySQL kann auf mehr als 20 Plattformen eingesetzt werden, unter anderem Linux, Windows, OS/X, HP-UX, AIX und Netware. Dadurch erhält man größtmögliche Flexibilität3.
3
http://www.mysql.de
Haider, Opitz, Tuma
Weingut Thell
17/41
4.4 GIMP
GIMP
ist
ein
kostenloses
Bildbearbeitungsprogramm,
der
Schwerpunkt wurde im bearbeiten einzelner Bilder gesetzt, es gibt viele verschiedene Effekte. GIMP z채hlt zu den bekanntesten Open-Source-Programmen. Unter anderem stehen zur Bearbeitung folgende Tools zur Verf체gung: Filter, Pinsel, verschiedene Ebenen- und Markierungsfunktionen.
Haider, Opitz, Tuma
Weingut Thell
18/41
6 Projektdokumentation 6.1 Drupal Installation Drupal von www.drupal.org herunterladen. Datei in htdocs extrahieren. Danach unter http://drupal.org/project/Translations
die
deutsche Version herunterladen und in denselben Ordner extrahieren. Ordner nun beliebig umbennenen. Xampp control panel öffnen und Apache, MySQL starten. http://localhost/phpmyadmin
ansurfen
und
eine neue Datenbank (hier: drupal) anlegen. Abbildung 5 – Drupal Download
Abbildung 6 – PHPmyAdmin neue Datenbank anlegen
Die Seite nun mit z.B.: http://localhost/drupal ansurfen und Sprache auswählen. Systemvorraussetzung: Problem hier wird meist ein Fehler angezeigt! Behebung: C:\xampp\htdocs\drupal\sites\default die Datei default.settings.php kopieren und umbennen auf settings.php Abbildung 7 - settings
Danach Datenbanknamen und Benutzer (Passwort falls vorhanden) eingeben
Abbildung 8 – Datenbankkonfiguration Drupal
Haider, Opitz, Tuma
Weingut Thell
19/41
Abbildung 9 â&#x20AC;&#x201C; Drupal Installation
Jetzt einfach Email der Website und Benutzername, Passwort und Email des Administrators angeben.
Abbildung 10 â&#x20AC;&#x201C; Drupalseite Anfang
Haider, Opitz, Tuma
Weingut Thell
20/41
6.2 Erstellen eines eigenen Templates http://localhost/drupal/?q=user Mit diesem Link kann man sich dann anmelden um ans Backend zu kommen. Für andere Seiten einfach „/?q=user“ hinter der Adresse anfügen. Unter http://drupal.org/project/themes kann man fertige Themen (Templates) herunterladen und dann unter Strukturierung – Themes als Standard auswählen.
Abbildung 11 – Themen Auswahl/Einstellungen
Um nun ein eigenes Theme zu erstellen lädt man sich das Zen Theme herunter. Die .zip Datei extrahierten wir dann nach „C:\xampp\htdocs\drupal\sites\all\themes“. (Der themes Ordner musste erst erstellt werden.) Nun folgt man den Anweisungen des beigelieferten README.txt oder
unter
http://drupal.org/node/226507
(übersichtlicher).
Grob zusammengefasst muss man den STARTERKIT Ordner der sich kopieren und in „…\sites\all\themes“ kopieren, diesen danach nach seinem Subtheme benennen (thell). print.css, htmlelements.css, layout-fixed.css oder layout-liquid.css und zen.css vom Ordner „…\sites\all\themes\zen\zen“ in den thell kopieren; Zen.css in thell.css und layout-fixed oder layout-liquid.css (je nachdem was man gewählt hat) in layout.css umbenennen. Alle
Haider, Opitz, Tuma
Weingut Thell
21/41
Inhalte worin STARTERKIT vorkommt auf den Namen seines Subthemes (thell) umbenennen. Nun kann man in der Datei thell.css sein eigenes Theme programmieren.
Abbildung 12 – Ordner „…\sites\all\themes\thell“ Anfangs
Abbildung 13 – Ordner „…\sites\all\themes\thell“ Fertig
Haider, Opitz, Tuma
Weingut Thell
22/41
6.3 CSS 6.3.1 Schriftart cardo98s.ttf
und
cardo98s.eot
heruntergeladen,
in
„…sites\all\themes\thell\“ gespeichert und in thell.css eingebunden.
Abbildung 14 – CSS Font
Haider, Opitz, Tuma
Weingut Thell
23/41
6.3.2 Pirobox Image Gallery Pirobox
heruntergeladen
und
Dateien
in
„…\sites\all\themes\thell\“ extrahiert und in thell.css mithilfe von der Anleitung der Website eingebunden.
Abbildung 15 – Pirobox Code
Abbildung 16 - Pirobox
Haider, Opitz, Tuma
Weingut Thell
24/41
6.3.3 Body
Abbildung 17 – Body Code
Im Body wird die ganze Breite ausgenützt (width: 100%), Das Hintergrundbilds soll unendlich wiederholt werden.
Abbildung 18 – Hintergrundbild header-top.png
Die bevorzugte Schriftart ist „Lucida Grande“. Die Überschriften h1-h6 sollen fett geschrieben sein. 6.3.3.1
Header Grafik
Abbildung 19 – Header Grafik
Haider, Opitz, Tuma
Weingut Thell
25/41
Abbildung 20 – CSS Header Grafik Teil 1
Abbildung 21 – CSS Header Grafik Teil 2
Haider, Opitz, Tuma
Weingut Thell
26/41
6.4 Aufbau der Website Unsere Website ist in 4 Teile aufgeteilt:
den „menu-block“
den „header-frame“
den „content“
den „footer“
6.4.1 Menu-block Der menu-block ist der Teil der Homepage, wo das Hauptmenu und das Logo liegt. Dieser Teil ist im Backend immer zu sehen.
Abbildung 22 – menu-block
6.4.2 Header Frame Der header-frame beinhaltet eine große Grafik, die das Hauptaugenmerk der Website ist. Weiter beinhaltet es noch die Unternavigation (Unterseiten).
Abbildung 23 – header-frame
Haider, Opitz, Tuma
Weingut Thell
27/41
6.4.3 Content Der Content der Website wird durch erstellen von Inhalten mit Drupal erstellt und wird über das Backend verändert.
Abbildung 24 – Content der Seite „Über uns“
6.4.4 Footer Der Footer spielt bei unserer Website nicht von großer Bedeutung, er wird lediglich zum Verlinken auf die Homepage von Drupal verwendet.
Abbildung 25 - Footer
Haider, Opitz, Tuma
Weingut Thell
28/41
6.5 Module Um das Potential von Drupal voll auszuschĂśpfen braucht man Module.
Module
werden
ganz
einfach
unter
http://drupal.org/project/modules herunterladen und dann in â&#x20AC;&#x17E;...\modulesâ&#x20AC;&#x153; extrahiert. Danach nur mehr auf der Drupalseite aktivieren. Unter Einstellungen kann man noch fein Einstellungen machen.
Abbildung 26 - Module
Haider, Opitz, Tuma
Weingut Thell
29/41
6.5.1 Verwendete Module
Abbildung 27 â&#x20AC;&#x201C; Module: CCK
Abbildung 28 â&#x20AC;&#x201C; Module: Kernmodule
Haider, Opitz, Tuma
Weingut Thell
30/41
Abbildung 29 – Module: Kern, Kern – benötigt, ImageCache
Abbildung 30 – Module: Sonstige, Spam Kontrolle, Ansichten
Haider, Opitz, Tuma
Weingut Thell
31/41
6.5.2 Wichtige Module 6.5.2.1
Content Construction Kid (CCK)
Es ist eines der wichtigsten Module in Drupal. Es beinhaltet den CK-Editor, der das Erstellen von Inhalten leichter und benutzerfreundlicher macht.
Abbildung 31 â&#x20AC;&#x201C; CK-Editor
Haider, Opitz, Tuma
Weingut Thell
32/41
6.5.2.2
ImageCrop, ImageField
Diese Module ermöglichen das Puffern von Bildern, was das Laden für den Surfer schneller macht. Weiters kann man mit Hilfe dieser Module Bilder innerhalb des CK-Editors skalieren.
Abbildung 32 – Einfügung und Skalierung eines Bildes in CK-Editor
Haider, Opitz, Tuma
Weingut Thell
33/41
6.5.2.3
Guestbook
Mithilfe von Guestbook kann man sich ganz leicht eine einfach zu verwaltendes Gästebuch erstellen. Nachdem man das Gästebuch Modul installiert hat, muss man dem Gast die Berechtigung geben das Gästebuch zu sehen und reinzuschreiben dürfen. Dies tut man indem man auf Verwaltung -> Benutzerverwaltung geht und Gast die Rechte verteilt. Danach muss das Gästebuch noch auf eine Seite verlinkt werden.
Abbildung 33 – Gästebuch mit eingeloggten Admin
6.5.2.4
CAPTCHA
CAPTCHA ist ein bekannter Spamroboterschutz, der sich ganz einfach nach einem Formular eingefügt werden kann.
Abbildung 34 – CAPTCHA + Gästebucheintrag-Formular
Haider, Opitz, Tuma
Weingut Thell
34/41
6.5.2.5
Wine
In Wine is grundsätzlich eine Bildergalerie, die man Kategorisieren kann und den einzelnen Bildern Namen und einen kleinen Text beifügen kann. Der Name wird dann mit dem entsprechenden Preis angezeigt und man kann danach ein Anfrageformular für einen Wein verschicken.
Abbildung 35 – Wine Bildergalerie
Abbildung 36 – Wine Formular
Haider, Opitz, Tuma
Weingut Thell
35/41
6.6 Inhalte erstellen Um einen Inhalt zu erstellen muss man sich zuerst im Backend anmelden. Danach geht man auf der linken Navigationsleiste auf Inhalt erstellen und man kann dann verschiedene Arten von Inhalten erstellen. 6.6.1 Wine-Inhalt erstellen
Abbildung 37 â&#x20AC;&#x201C; Wine-Inhalt erstellen
Haider, Opitz, Tuma
Weingut Thell
36/41
6.6.2 Seiteninhalt erstellen
Abbildung 38 â&#x20AC;&#x201C; Seiteninhalt erstellen
Haider, Opitz, Tuma
Weingut Thell
37/41
7 Nachwort Zu Beginn wurde uns nicht bewusst wie viel Arbeit und Zeit wir für unser Projekt investieren müssen. Jedoch wurde uns schnell klar, dass dies der Fall ist. Anfangs fiel es uns schwer die Seite zu planen und wir konnten uns noch kein richtiges Bild von der Website machen. Es traten im Laufe des Schuljahres einige Probleme auf, die durch das Projektteam oder Mitglieder gelöst werden konnten Im Rahmen des Projektes viel uns auch auf, dass wir sehr wenig gesetzte Meilensteine einhalten konnten, was vielleicht darauf zu schließen ist, dass wir die Projektarbeit anfangs unterschätzt hatten. Trotz allem konnten wir aber innerhalb der vorgegebenen Zeit unser Projekt fertig stellen. Wir haben schlechte aber auch viele gute Erfahrungen mit dem Projekt gemacht, und konnten uns ein gutes Bild davon machen, wie ein Projekt in einer Firma ablaufen kann. Im Großen und Ganzen würden wir sagen, dass unser Projekt „Weingut Thell“ sehr gut gelungen ist, und hoffen, dass auch unser Auftraggeber damit zufrieden ist.
Haider, Opitz, Tuma
Weingut Thell
38/41
8 Quellenverzeichnis Projektmanagement Mag. Wurzinger, Dipl. Ing. Selinger -> Skriptum Projektmanagement Mag. Kiss, Mag. Frank -> Skriptum Projektmanagement Drupal http://drupal.org/ Drupal Module und Zen Theme http://drupal.org/project/Modules http://drupal.org/project/zen Bilder: http://www.sxc.hu/ von Weingut Thell zur Verf端gung gestellt selbst erstellt und bearbeitet GIMP http://www.gimp.org/ Xampp http://www.apachefriends.org/de/xampp.html Html Logo http://www.providesoft.ch/wp-content/uploads/html-logo.png
Drupal Logo http://www.mbwebdesignco.com/wpcontent/uploads/2009/11/drupal-logo1.gif
Haider, Opitz, Tuma
Weingut Thell
39/41
CSS Logo http://www.webii.net/blog/wpcontent/uploads/2009/02/css_logo_medium.png
Gimp Logo http://blog.spoony.ch/uploaded_images/gimplogo.jpg
Quelle Drupal Erkl채rung : http://de.wikipedia.org/wiki/Drupal
Haider, Opitz, Tuma
Weingut Thell
40/41
9 Abbildungsverzeichnis ABBILDUNG 1 – CSS LOGO .................................................................................................................... 12 ABBILDUNG 2 – HTML LOGO ................................................................................................................ 12 ABBILDUNG 3 – DRUPAL LOGO ............................................................................................................... 12 ABBILDUNG 4 – GIMP LOGO ................................................................................................................. 12 ABBILDUNG 5 – DRUPAL DOWNLOAD ...................................................................................................... 19 ABBILDUNG 6 – PHPMYADMIN NEUE DATENBANK ANLEGEN ....................................................................... 19 ABBILDUNG 7 - SETTINGS ....................................................................................................................... 19 ABBILDUNG 8 – DATENBANKKONFIGURATION DRUPAL ................................................................................ 19 ABBILDUNG 10 – DRUPALSEITE ANFANG .................................................................................................. 20 ABBILDUNG 9 – DRUPAL INSTALLATION .................................................................................................... 20 ABBILDUNG 11 – THEMEN AUSWAHL/EINSTELLUNGEN ............................................................................... 21 ABBILDUNG 12 – ORDNER „…\SITES\ALL\THEMES\THELL“ ANFANGS ............................................................ 22 ABBILDUNG 13 – ORDNER „…\SITES\ALL\THEMES\THELL“ FERTIG ................................................................ 22 ABBILDUNG 14 – CSS FONT .................................................................................................................. 23 ABBILDUNG 15 – PIROBOX CODE ............................................................................................................ 24 ABBILDUNG 16 - PIROBOX ..................................................................................................................... 24 ABBILDUNG 17 – BODY CODE ................................................................................................................ 25 ABBILDUNG 18 – HINTERGRUNDBILD HEADER-TOP.PNG .............................................................................. 25 ABBILDUNG 19 – HEADER GRAFIK........................................................................................................... 25 ABBILDUNG 20 – CSS HEADER GRAFIK TEIL 1 ........................................................................................... 26 ABBILDUNG 21 – CSS HEADER GRAFIK TEIL 2 ........................................................................................... 26 ABBILDUNG 22 – MENU-BLOCK .............................................................................................................. 27 ABBILDUNG 23 – HEADER-FRAME ........................................................................................................... 27 ABBILDUNG 24 – CONTENT DER SEITE „ÜBER UNS“ .................................................................................... 28 ABBILDUNG 25 - FOOTER ...................................................................................................................... 28 ABBILDUNG 26 - MODULE ..................................................................................................................... 29 ABBILDUNG 27 – MODULE: CCK ............................................................................................................ 30 ABBILDUNG 28 – MODULE: KERNMODULE ............................................................................................... 30 ABBILDUNG 29 – MODULE: KERN, KERN – BENÖTIGT, IMAGECACHE ............................................................. 31 ABBILDUNG 30 – MODULE: SONSTIGE, SPAM KONTROLLE, ANSICHTEN.......................................................... 31 ABBILDUNG 31 – CK-EDITOR ................................................................................................................. 32 ABBILDUNG 32 – EINFÜGUNG UND SKALIERUNG EINES BILDES IN CK-EDITOR .................................................. 33 ABBILDUNG 33 – GÄSTEBUCH MIT EINGELOGGTEN ADMIN........................................................................... 34 ABBILDUNG 34 – CAPTCHA + GÄSTEBUCHEINTRAG-FORMULAR ................................................................. 34 ABBILDUNG 35 – WINE BILDERGALERIE ................................................................................................... 35 ABBILDUNG 36 – WINE FORMULAR ........................................................................................................ 35 ABBILDUNG 37 – WINE-INHALT ERSTELLEN ............................................................................................... 36 ABBILDUNG 38 – SEITENINHALT ERSTELLEN ............................................................................................... 37
Haider, Opitz, Tuma
Weingut Thell
41/41