Weingut Thell

Fachspezifische Themenstellung

2009/10 in

Information and

Communication Solutions

Weingut Thell

Haider Anna

Opitz Stefan

Tuma Sabine

Haider, Opitz, Tuma Weingut Thell 2/41

1 Inhaltsverzeichnis

1 INHALTSVERZEICHNIS ......................................................................................................... 2

2 VORWORT .......................................................................................................................... 4

3 ABSTRACT ........................................................................................................................... 5

4 PROJEKTMANAGEMENT ..................................................................................................... 6

4.1 ZIELE UND NICHTZIELE ........................................................................................................... 7

4.2 PHASEN .............................................................................................................................. 8

4.3 PROJEKTTEAM ...................................................................................................................... 8

4.4 PROJEKTSTRUKTURPLAN ......................................................................................................... 9

4.5 MEILENSTEINPLAN .............................................................................................................. 10

4.6 ARBEITSPAKETBESCHREIBUNG ............................................................................................... 11

5 GRUNDLAGEN ................................................................................................................... 12

5.1 HTML .............................................................................................................................. 13

4.2. DRUPAL ............................................................................................................................ 15

4.3. CSS ................................................................................................................................. 16

4.4. MYSQL ............................................................................................................................ 17

4.4 GIMP .............................................................................................................................. 18

6 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 Content Construction Kid (CCK) ..................................................................................... 32 6.5.2.2 ImageCrop, ImageField .................................................................................................. 33 6.5.2.3 Guestbook ...................................................................................................................... 34 6.5.2.4 CAPTCHA ........................................................................................................................ 34 6.5.2.5 Wine............................................................................................................................... 35

6.6 INHALTE ERSTELLEN ............................................................................................................. 36

6.6.1 Wine-Inhalt erstellen ................................................................................................. 36

6.6.2 Seiteninhalt erstellen ................................................................................................. 37

7 NACHWORT ...................................................................................................................... 38


8 QUELLENVERZEICHNIS ...................................................................................................... 39

9 ABBILDUNGSVERZEICHNIS ................................................................................................ 41


2 Vorwort

Im Zuge unseres Ausbildungsschwerpunktes Information and

Communication Solutions haben wir den Arbeitsauftrag bekom-

men, eine Webseite mittels eines CMS1 zu entwerfen.

Auf dieser Seite sollte es für den Besucher möglich sein, Infor-

mationen ü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 anspre-

chend. Da viele potentielle Kunden das Internet als Informati-

onsquelle nutzen, wünschte sich die Familie Thell als Projektauf-

traggeber eine gut strukturierte, übersichtliche und informative

Homepage für ihren Betrieb.

1 Content Management System


3 Abstract

In the course of our training priority Information and Communi-

cation 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 un-

professionally.


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


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


4.2 Phasen

Planung

Organisation Durchführung

Nachbearbeitung

4.3 Projektteam

Auftraggeber: Familie Thell

Leiter: Stefan Opitz

Teammitglieder: Sabine Tuma, Anna Haider


4.4 Projektstrukturplan


4.5 Meilensteinplan

PSP-Code Meilensteinbezeichnung Plantermin Isttermin

1.1.2 Projektstart 3.12.2009 10.09.2009

1.2.1 Website geplant 3.12.2009 15.10.2009

1.3.1 Template erstellt 9.02.2010 10.02.2010

1.4.1 Inhalt erstellt 10.02.2010 13.02.2010

1.4.2 Module geladen 10.02.2010 13.02.2010

1.5.3 auf Server gestellt 18.02.2010 28.02.2010

1.1.5 Projektabgabe 8.04.2010


4.6 Arbeitspaketbeschreibung


5 Grundlagen

Abbildung 3 – Drupal Logo

Abbildung 2 – HTML Logo

Abbildung 1 – CSS Logo

Abbildung 4 – GIMP Logo


5.1 HTML

Bei HTML handelt es sich um eine textbasierte Auszeichnungs-

sprache 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 darge-

stellt:

<html>

<head>

<title> TITEL </title>


(hier können eventuell noch Informationen enthalten sein)

</head>

<body>

HIER WIRD DER INHALT ANGEZEIGT

</body>

</html>


4.2. Drupal

Drupal ist ein Content-Management-System (CMS) und Frame-

work, 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 anle-

gen, 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 Grundfunktio-

nalitä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ön-

nen.2

2 Quelle Wikipedia: http://de.wikipedia.org/wiki/Drupal

http://de.wikipedia.org/wiki/Content-Management-System

http://de.wikipedia.org/wiki/Content_Management_Framework

http://de.wikipedia.org/wiki/Content_Management_Framework

http://de.wikipedia.org/wiki/Freie_Software

http://de.wikipedia.org/wiki/PHP

http://de.wikipedia.org/wiki/MySQL

http://de.wikipedia.org/wiki/PostgreSQL

http://de.wikipedia.org/wiki/Datenbank

http://de.wikipedia.org/wiki/Social_Software

http://de.wikipedia.org/wiki/Online-Community

http://de.wikipedia.org/wiki/Nutzer

http://de.wikipedia.org/wiki/Weblog

http://de.wikipedia.org/wiki/Internetforum

http://de.wikipedia.org/wiki/Modul_%28Software%29

http://de.wikipedia.org/wiki/System

http://de.wikipedia.org/wiki/Mambo_%28CMS%29

http://de.wikipedia.org/wiki/Joomla%21

http://de.wikipedia.org/wiki/TYPO3

http://de.wikipedia.org/wiki/PHP


4.3. CSS

CSS oder Cascading Style Sheets ist eine deklarative Stylesheet-

Sprache 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 glei-

chen Klassen zugeordnet wurden.

Im HTML-Dokument wird nur festgelegt, welche Teile zu welcher

Klasse gehören und im CSS-Dokument wird die Formatierung

bestimmt.


4.4. MySQL

Der MySQL Server ist ein Relationales Datenbankverwaltungs-

system, es ist als Open-Source-Software für verschiedene Be-

triebssysteme verfügbar und bildet die Grundlage für viele dy-

namische 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 Bei-

spiel: 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 Anwen-

dungen, 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 Li-

nux, Windows, OS/X, HP-UX, AIX und Netware. Dadurch erhält

man größtmögliche Flexibilität3.

3http://www.mysql.de


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 Markierungsfunk-

tionen.


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 den-

selben Ordner extrahieren. Ordner nun belie-

big umbennenen.

Xampp control panel öffnen und Apache,

MySQL starten.

http://localhost/phpmyadmin ansurfen und

eine neue Datenbank (hier: drupal) 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 de-

fault.settings.php kopieren und umbennen auf settings.php

Danach Datenbanknamen

und Benutzer (Passwort

falls vorhanden) einge-

ben

Abbildung 5 – Drupal Download

Abbildung 6 – PHPmyAdmin neue Datenbank anlegen

Abbildung 7 - settings

Abbildung 8 – Datenbankkonfiguration Drupal

http://www.drupal.org/

http://drupal.org/project/Translations

http://localhost/phpmyadmin

http://localhost/drupal


Jetzt einfach Email der Website und Benutzername, Passwort

und Email des Administrators angeben.

Abbildung 10 – Drupalseite Anfang

Abbildung 9 – Drupal Installation


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 The-

men (Templates) herunterladen und dann unter Strukturierung –

Themes als Standard auswählen.

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 da-

nach nach seinem Subtheme benennen (thell). print.css, html-

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

Abbildung 11 – Themen Auswahl/Einstellungen

http://localhost/drupal/?q=user

http://drupal.org/project/themes

http://drupal.org/node/226507


Inhalte worin STARTERKIT vorkommt auf den Namen seines

Subthemes (thell) umbenennen.

Nun kann man in der Datei thell.css sein eigenes Theme pro-

grammieren.

Abbildung 12 – Ordner „…\sites\all\themes\thell“ Anfangs

Abbildung 13 – Ordner „…\sites\all\themes\thell“ Fertig


6.3 CSS

6.3.1 Schriftart

cardo98s.ttf und cardo98s.eot heruntergeladen, in

„…sites\all\themes\thell\“ gespeichert und in thell.css eingebun-

den.

Abbildung 14 – CSS Font


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


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


Abbildung 20 – CSS Header Grafik Teil 1

Abbildung 21 – CSS Header Grafik Teil 2


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 Hauptau-

genmerk der Website ist. Weiter beinhaltet es noch die Unterna-

vigation (Unterseiten).

Abbildung 23 – header-frame


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 Bedeu-

tung, er wird lediglich zum Verlinken auf die Homepage von Dru-

pal verwendet.

Abbildung 25 - Footer


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

„...\modules“ extrahiert. Danach nur mehr auf der Drupalseite

aktivieren. Unter Einstellungen kann man noch fein Einstellungen

machen.

Abbildung 26 - Module

http://drupal.org/project/modules


6.5.1 Verwendete Module

Abbildung 27 – Module: CCK

Abbildung 28 – Module: Kernmodule


Abbildung 29 – Module: Kern, Kern – benötigt, ImageCache

Abbildung 30 – Module: Sonstige, Spam Kontrolle, Ansichten


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 benutzer-

freundlicher macht.

Abbildung 31 – CK-Editor


6.5.2.2 ImageCrop, ImageField

Diese Module ermöglichen das Puffern von Bildern, was das La-

den 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


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 ge-

ben 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


6.5.2.5 Wine

In Wine is grundsätzlich eine Bildergalerie, die man Kategorisie-

ren kann und den einzelnen Bildern Namen und einen kleinen

Text beifügen kann. Der Name wird dann mit dem entsprechen-

den Preis angezeigt und man kann danach ein Anfrageformular

für einen Wein verschicken.

Abbildung 35 – Wine Bildergalerie

Abbildung 36 – Wine Formular


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 In-

halten erstellen.

6.6.1 Wine-Inhalt erstellen

Abbildung 37 – Wine-Inhalt erstellen


6.6.2 Seiteninhalt erstellen

Abbildung 38 – Seiteninhalt erstellen


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 un-

ser Auftraggeber damit zufrieden ist.


8 Quellenverzeichnis

Projektmanagement

Mag. Wurzinger, Dipl. Ing. Selinger -> Skriptum Projektmana-

gement

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/wp-

content/uploads/2009/11/drupal-logo1.gif

http://drupal.org/

http://drupal.org/project/Modules

http://drupal.org/project/zen

http://www.sxc.hu/

http://www.gimp.org/

http://www.apachefriends.org/de/xampp.html

http://www.providesoft.ch/wp-content/uploads/html-logo.png

http://www.mbwebdesignco.com/wp-content/uploads/2009/11/drupal-logo1.gif

http://www.mbwebdesignco.com/wp-content/uploads/2009/11/drupal-logo1.gif


CSS Logo

http://www.webii.net/blog/wp-

content/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

http://www.webii.net/blog/wp-content/uploads/2009/02/css_logo_medium.png

http://www.webii.net/blog/wp-content/uploads/2009/02/css_logo_medium.png

http://blog.spoony.ch/uploaded_images/gimplogo.jpg

http://de.wikipedia.org/wiki/Drupal


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

Documents

Weingut Thell