Fachspezifische

Themenstellung

Information & Communication Solutions

(ICS)

Jahrgang 2011/2012

Projektleiter: Maria List

Projektmitglieder: Nikolaus Angerbauer

2

Inhaltsverzeichnis

1 ABBILDUNGSVERZEICHNIS .............................................................. 4

2 VORWORT ........................................................................................ 5

2.1 ABSTRACT ...................................................................................... 5

3 PROJEKTMANAGEMENT .................................................................... 6

3.1 ZIELE UND NICHTZIELE ....................................................................... 6

3.2 PROJEKTSTRUKTURPLAN ...................................................................... 6

3.4 MACHBARKEITSANALYSE ...................................................................... 7

3.5 ARBEITSPAKETE ................................................................................ 8

3.6 MEILENSTEINPLAN ............................................................................ 14

4 HTML/PHP ..................................................................................... 15

4.1 DEFINITION .................................................................................... 15

4.2 GESCHICHTE .................................................................................. 16

4.3 HTML-STRUKTUR ............................................................................ 17

4.3.1 HTML-Kopf ............................................................................ 18

4.4 ZUSATZTECHNIKEN UND WEITERENTWICKLUNGEN VON HTML ................... 19

4.4.1 Cascading Style Sheets (CSS) .................................................. 19

4.4.2 Dynamisches HTML ................................................................. 20

4.5 JAVASCRIPT ................................................................................... 21

4.6 FUNKTIONSWEISE VON PHP ................................................................. 22

4.6.1 Code-Beispiel ......................................................................... 23

5 TEMPLATE ...................................................................................... 24

6 EXTENSIONS .................................................................................. 25

6.1 Slideshow ................................................................................ 25

6.2 Routenplaner ............................................................................ 26

6.3 Favicon .................................................................................... 27

3

7 DIE HOMEPAGE .............................................................................. 28

7.1 STARTSEITE ................................................................................... 29

7.2 WIR ............................................................................................ 30

7.3 SPARTEN ....................................................................................... 31

7.4 KONTAKT ...................................................................................... 32

7.5 NEWS .......................................................................................... 33

8 SCHLUSSWORT .............................................................................. 34

9 LITERATURVERZEICHNIS ............................................................... 35

4

1 Abbildungsverzeichnis

1 Ziele .................................................................................................. 6

2 HTML ................................................................................................ 15

3 PHP .................................................................................................. 16

4 HTML Aufbau ..................................................................................... 17

5 CSS .................................................................................................. 19

6 dynamisches HTML ............................................................................. 20

7 JavaScript ......................................................................................... 21

8 Funktionsweise von PHP...................................................................... 22

9 PHP-Code .......................................................................................... 23

10 Template......................................................................................... 24

11 Slideshow ........................................................................................ 25

12 Routenplaner ................................................................................... 26

13 VMBEILER-Logo ............................................................................... 27

14 Menüpunkte .................................................................................... 28

15 Sidebar Menü .................................................................................. 28

16 Startseite ........................................................................................ 29

17 Wir ................................................................................................. 30

18 Kontaktformular ............................................................................... 30

19 Sparten........................................................................................... 31

20 Kontakt ........................................................................................... 32

21 News .............................................................................................. 33

5

2 Vorwort

Für unsere fachspezifische Themenstellung in dem Fach ICS

mussten wir eine sinnvolle und wahrheitsgetreue Homepage er-

stellen. Infolgedessen haben wir uns dafür entschieden die

Homepage für einen Versicherungsmakler, mithilfe von

PHP/HTML, zu gestalten. Wir haben beschlossen mit PHP/HTML

zu arbeiten, da wir denken das wir damit unser bereits Gelerntes

am besten zum Ausdruck bringen können.

Durch die enge Zusammenarbeit mit unserem Projektauftragge-

ber konnten wir alle Ideen und Wünsche in die Tat umsetzen und

ein zufriedenstellendes Ergebnis erzielen. Wir haben uns sehr

bemüht die Homepage den Anforderungen entsprechend zu er-

stellen.

2.1 Abstract

Within the scope of our subject “Information and Communication

Solutions” (ICS), we had to create a realistic homepage. Conse-

quently, we have decided to construct this homepage for an in-

surance broker, using PHP / HTML. We wanted to work with

PHP/HTML, because we think that it is the best way to show our

skills.

By working closely with our client we were able to implement all

the ideas and requests into reality and achieve a satisfy-

ing result. We have worked hard to create the site in accord-

ance with the requirements.

6

3 Projektmanagement

Die korrekte Planung ist das Wichtigste zu Beginn eines Projek-

tes. Durch das Festlegen der Ziele und Nicht-Ziele grenzten wir

unser Projekt ein. Wichtig ist es auch, den Projektleiter zu be-

stimmen. Folglich wurde die anfallende Arbeit in Arbeitspakete

unterteilt und Meilensteine wurden festgelegt.

3.1 Ziele und Nichtziele

Ziele

Geeignetes, interessantes Thema finden

Ideen sammeln

passendes Template für die Homepage finden

passendes Corporate Design wählen

Homepage mit PHP-MySQL erstellen

passendes Logo finden bzw. erstellen und einbinden

zeitgerechte und vollständige Abgabe

Nichtziele

falsche Inhalte

unpassende Extensions

unvollständiges Projekt

1 Ziele

3.2 Projektstrukturplan

Referenzen

Vorsorge

Kontakt

Versicherungen Beiler

1. Projektmanagement

Projektstart

Projektkoordination

Projektcontrolling

Projektabschluss

2. Daten erheben

mündlich erheben

schriftlich erfassen

Fotos machen

Fotos bearbeiten

3. Template bearbeiten

Template planen

Template suchen

Template anpassen

4. Seiten

Startseite

Wir

Aktuelles

Sparten

Personen Versicherun-

gen

Sachversicherungen

5. dynamische Seiten

Datenbank anlegen

Tabelle

Datensätze erstellen

6. Projektabschluss

Website veröffentli-

chen

Website präsentieren

Funktionen an Auf-

traggeber erklären

evtl. nachbearbeiten

Projektübergabe

3.4 Machbarkeitsanalyse

Bereich Frage Ergebnis

Personalressourcen Gibt es genug Personen, die

an dem Projekt arbeiten?

2 Personen

finanzielle Ressourcen Können die erforderlichen

Geldmittel aufgebracht

werden?

Keine Notwendig

zeitliche Ressourcen Wie viel Zeit steht zur

Verfügung?

7 Monate

Materielle Ressourcen Sind die notwendigen

Kapazitäten vorhanden?

Laptop, Software,

Internet, etc. vorhanden

Know-how Ist das notwendige

Know-how vorhanden?

Kenntnisse über

HTML/PHP, JavaScript

vorhanden

Wirtschaftlichkeit Gleicht der Nutzen den zeit-

und kostenmäßigen Aufwand

aus?

Werbung, Information,

erleichterte Kontaktauf-

nahme zum Makler

8

3.5 Arbeitspakete

Meilenstein 1: Projektmanagement

Meilenstein 2: Projektstart

Arbeitspaket 1.1: Thema für das Projekt wählen

Ziel: geeignetes, interessantes Thema

Nichtziel: langweiliges Thema

Benötigte Ressourcen: Laptop, Telefon

Arbeitszeit: 1 Stunde

Verantwortliche: Nikolaus Angerbauer & Maria List

Arbeitspaket 2.1: Projektthema definieren

Ziel: Thema erklären

Nichtziel: nicht über das Thema informiert sein

Benötigte Ressourcen: Laptop, Internet

Arbeitszeit: 2-3 Stunden

Verantwortliche: Nikolaus Angerbauer & Maria List

9

Meilenstein 3: passendes Template

Arbeitspaket 2.2: Brainstorming/Mind Map

mit Ideensammlung

Ziel: Ideen sammeln u. übersichtlich darstellen

Nichtziel: keine Ideen finden

Benötigte Ressourcen: Computer, FreeMind

Arbeitszeit: 3-6 Stunden

Verantwortliche: Nikolaus Angerbauer & Maria List

Arbeitspaket 3.1: Template finden

Ziel: passendes Template für die Homepage

Nichtziel: unpassendes, langweiliges Template

Benötigte Ressourcen: Laptop, Internet

Arbeitszeit: 3 Stunden

Verantwortliche: Maria List

Arbeitspaket 3.2: Corporate Design festlegen

Ziel: passendes Corporate Design

Nichtziel: unpassendes Corporate Design

Benötigte Ressourcen: Laptop

Arbeitszeit: 6 Stunden

Verantwortliche: Nikolaus Angerbauer & Maria List

10

Meilenstein 4: Inhalte Erstellen

Arbeitspaket 3.3: Template anpassen

Ziel: Farben & Schriftart anpassen

Nichtziel: unpassende Farben/Schriftart

Benötigte Ressourcen: Laptop

Arbeitszeit: 9 Stunden

Verantwortliche: Nikolaus Angerbauer

Arbeitspaket 3.4: Logo einbinden

Ziel: passendes Logo finden bzw. erstellen

Nichtziel: falsches Logo

Benötigte Ressourcen: Laptop, Gimp

Arbeitszeit: 2-3 Stunden

Verantwortliche: Nikolaus Angerbauer

Arbeitspaket 4.1: Inhalte suchen

Ziel: Informationen über Arbeit, etc.

des Maklers finden

Nichtziel: Keine Informationen finden

Benötigte Ressourcen: Laptop, Internet, Telefon

Arbeitszeit: einige Stunden

Verantwortliche: Maria List

11

Meilenstein 5: Verwendung von Extensions in

HTML/PHP

Arbeitspaket 4.2: Unterseiten erstellen &

Inhalte bearbeiten

Ziel: Unterseiten erstellen/Inhalte richtigstellen

Nichtziel: falsche Inhalte

Benötigte Ressourcen: Laptop

Arbeitszeit: 2-3 Stunden

Verantwortliche: Nikolaus Angerbauer

Arbeitspaket 4.3: lizenzfreie Fotos suchen

Ziel: Lizenzfreie Fotos finden und einbauen

Nichtziel: keine lizenzfreien Fotos finden

Benötigte Ressourcen: Laptop, Internet

Arbeitszeit: 2-3 Stunden

Verantwortliche: Nikolaus Angerbauer & Maria List

Arbeitspaket 5.1: Slideshow suchen

Ziel: passende Slideshow finden & bearbeiten

Nichtziel: keine Slideshow verwenden

Benötigte Ressourcen: Laptop, Internet

Arbeitszeit: 3 Stunden

Verantwortliche: Maria List

12

Meilenstein 6: Projektende

Arbeitspaket 5.2: Routenplaner suchen

Ziel: Routenplaner finden

Nichtziel: keinen Routenplaner verwenden

Benötigte Ressourcen: Laptop, Internet

Arbeitszeit: 3 Stunden

Verantwortliche: Nikolaus Angerbauer

Arbeitspaket 5.3: Einbinden von Extensions

in der Homepage

Ziel: passende Extensions richtig einbinden

Nichtziel: Extensions an einer unpassenden Stelle

platzieren

Benötigte Ressourcen: Laptop

Arbeitszeit: 6 Stunden

Verantwortliche: Nikolaus Angerbauer & Maria List

Arbeitspaket 6.1: Abgabe des Projektes +

Projektdokumentation

Ziel: zeitgerechte & vollständige Abgabe

Nichtziel: Abgabe erfolgt zu spät bzw. unvollständig

Benötigte Ressourcen: Laptop

Arbeitszeit: _____________

Verantwortliche: Nikolaus Angerbauer & Maria List

13

Arbeitspaket 6.2: Webseite veröffentlichen

Ziel: Webseite veröffentlichen

Nichtziel: Webseite zu verheimlichen

Benötigte Ressourcen: Laptop, Internet

Arbeitszeit: Einige Minuten

Verantwortliche: Nikolaus Angerbauer & Maria List

Arbeitspaket 6.3: Präsentation des Projektes (Matura)

Ziel: Präsentation/bestandene Matura

Nichtziel: negative Beurteilung

Benötigte Ressourcen: Laptop

Arbeitszeit: _____________

Verantwortliche: Nikolaus Angerbauer & Maria List

14

3.6 Meilensteinplan

Meilensteinplan

Meilenstein Plantermin Ist-Termin

1.0 Projektstart Sept. 2011 17. Sept. 2011

1.1 Projektthema definieren Sept. 2011 17. Sept. 2011

1.2 Brainstorming/Mind Map mit Ideensammlung Sept. 2011 19. Sept. 2011

2.0 passendes Template Oktober 2011 Oktober 2011

2.1 Passendes Template finden Oktober 2011 1. Okt. 2011

2.2 Corporate Design festlegen Oktober 2011 10. Okt. 2011

2.3 Template anpassen Oktober 2011 15. Okt. 2011

2.4 Logo einbinden Oktober 2011 21. Okt. 2011

3.0 Inhalte erstellen Oktober 2011 Oktober 2011

3.1 Unterseiten erstellen & Inhalte bearbeiten Oktober 2011 27. Okt. 2011

4.0 Verwendung von Extensions in HTML/PHP Nov. 2011 Dezember 2011

4.1 Download von Extensions Nov. 2011 10. Dez. 2011

4.2 Einbinden von Extensions in der Homepage Nov. 2011 5. Feb. 2012

5.0 Projektende März 2012 März 2012

5.1 Abgabe des Projektes + Projektdokumentation 30. März 2012 31. März 2012

5.2 Präsentation des Projektes (Matura) Juni 2012 Juni 2012

15

4 HTML/PHP

4.1 Definition

HTML

Die Hypertext Markup Language (HTML)1 ist eine textbasier-

te Auszeichnungssprache zur Strukturierung von Inhalten wie

Texten, Bildern und Hyperlinks in Dokumenten. HTML-

Dokumente sind die Grundlage des World Wide Web und werden

von einem Webbrowser dargestellt. Neben den vom Browser an-

gezeigten Inhalten einer Webseite enthält HTML zusätzliche An-

gaben in Form von Metainformationen, die z. B. über die im Text

verwendete Sprache oder den Autor Auskunft geben oder den

Inhalt des Textes zusammenfassen.2

PHP

PHP3 ist eine Skriptsprache mit einer an C und Perl4 angelehn-

ten Syntax, die hauptsächlich zur Erstellung dynamischer Web-

seiten oder Webanwendungen verwendet wird. PHP wird als freie

Software unter der PHP-Lizenz verbreitet.

PHP zeichnet sich durch die brei-

te Datenbankunterstützung und Internet-

Protokolleinbindung sowie die Verfügbarkeit zahlreicher Funkti-

onsbibliotheken aus. PHP wird auf ca. 75 % aller Websites als

serverseitige Programmiersprache eingesetzt und ist damit die

am häufigsten verwendete Sprache zum Erstellen von Websites.

1 Zu Deutsch Hypertext-Auszeichnungssprache 2 o.V.: http://de.wikipedia.org/wiki/Hypertext_Markup_Language 3 kurz für Hypertext Preprocessor 4 Programmiersprachen

2 HTML

16

4.2 Geschichte

HTML

Vor der Entwicklung des World Wide Web und dessen Bestandtei-

len, zu denen auch HTML gehört, war es nicht möglich, Informa-

tionen auf digitalem Weg einfach, schnell und strukturiert zwi-

schen mehreren Personen auszutauschen. Man benötigte neben

Übertragungsprotokollen auch eine einfach zu verstehende Text-

auszeichnungssprache. Genau hier lag der Ansatzpunkt von

HTML. Um Forschungsergebnisse mit anderen Mitarbeitern

der Europäischen Organisation für Kernforschung (CERN) zu tei-

len und von den beiden Standorten in Frankreich und in der

Schweiz aus zugänglich zu machen, entstand 1989 am CERN ein

Projekt, welches sich mit der Lösung dieser Aufgabe beschäftig-

te. Am 3. November 1992 erschien die erste Version der HTML-

Spezifikation.5

PHP

PHP wurde 1995 von Rasmus Lerdorf entwickelt. Der Begriff

stand damals noch für Personal Home Page Tools und war ur-

sprünglich als Ersatz für eine Sammlung von Perl-Skripten ge-

dacht, die Lerdorf zur Protokollierung der Zugriffe auf seinen On-

line-Lebenslauf geschrieben hatte. Bald schuf Lerdorf eine um-

fangreichere Version in der Programmiersprache C, in der PHP

bis heute entwickelt wird.6

5 o.V.: http://de.wikipedia.org/wiki/HTML#Entstehung 6 o.V.: http://de.wikipedia.org/wiki/PHP#Geschichte

3 PHP

17

4.3 HTML-Struktur

Ein HTML-Dokument besteht aus drei Bereichen:

1. der Dokumenttypdeklaration (Doctype) ganz am Anfang

der Datei, die die verwende-

te Dokumenttypdefinition (DTD) angibt, z. B. HTML 4.01

Strict,

2. dem HTML-Kopf (HEAD), der hauptsächlich technische oder

dokumentarische Informationen enthält, die üblicherweise

nicht im Anzeigebereich des Browsers dargestellt werden

3. dem HTML-Körper (BODY), der jene Informationen enthält,

die gewöhnlicherweise im Anzeigebereich des Browsers zu

sehen sind.7

Somit sieht die Grundstruktur einer Webseite wie folgt aus:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>Titel der Webseite</title>

<!-- weitere Kopfinformationen -->

<!-- Kommentare werden im Browser nicht angezeigt.

-->

</head>

<body>

<p>Inhalt der Webseite</p>

</body>

</html>

7o.V.:http://de.wikipedia.org/wiki/Hypertext_Markup_Language#HTML-

Struktur

4 HTML Aufbau

18

4.3.1 HTML-Kopf

Im Kopf können sieben verschiedene Elemente verwendet wer-

den:

title

bezeichnet den Titel der Seite, der von den meisten

Browsern in der Titelleiste angezeigt wird.

meta

kann vielfältige Metadaten enthalten. Siehe Meta-Element.

base

gibt entweder eine Basis-URI oder einen Basisframe an.

link

dient zur Angabe von logischen Beziehungen zu anderen

Ressourcen. Wird am häufigsten zur Einbindung

von Stylesheets benutzt.

script

bindet Code in einer bestimmten Skriptsprache ein,

hauptsächlich JavaScript.

style

enthält Stilinformationen, hauptsächlich CSS-

Deklarationen.

object

bindet eine externe Datei ein. Browser dürfen solche

Objekte im Dokumentkopf nicht darstellen.8

8 o.V.: http://de.wikipedia.org/wiki/Hypertext_Markup_Language#HTML-Kopf

19

4.4 Zusatztechniken und Weiterentwicklungen

von HTML

4.4.1 Cascading Style Sheets (CSS)

Im Laufe der Jahre ist HTML um Elemente erweitert wor-

den, die sich mit der Gestaltung des Dokuments befassen,

was der ursprünglichen Idee der Systemunabhängigkeit

entgegenlief. Eine Rückbesinnung auf die Trennung von

Inhalt (Struktur) und Layout wurde durch die Definition

von Cascading Style Sheets (CSS) vorgenommen. So soll

das Aussehen des Dokuments in einer separaten Datei,

dem sogenannten Stylesheet, festgelegt werden. Dies ver-

bessert die Anpassungsfähigkeit des Layouts an das jewei-

lige Ausgabegerät und an spezielle Bedürfnisse der Benut-

zer, beispielsweise eine spezielle Darstellung für Sehbehin-

derte. Heutzutage ist die CSS-Unterstützung der Browser

ausreichend, um damit eine anspruchsvolle Gestaltung zu

realisieren.9

9o.V.:http://de.wikipedia.org/wiki/Hypertext_Markup_Language#Cascading_S

tyle_Sheets

5 CSS

20

4.4.2 Dynamisches HTML

Schon sehr früh in der Geschichte von HTML wurden Zu-

satztechniken erfunden, die es ermöglichen, HTML-

Dokumente während der Anzeige im Browser dynamisch zu

verändern. Die gebräuchlichste ist JavaScript10. Man

spricht bei solchen interaktiven Dokumenten

von dynamischem HTML. Diese Techniken wurden von ver-

schiedenen Browser-Herstellern, allen voran Micro-

soft und Netscape, unabhängig voneinander entwickelt.

Daher gab es erhebliche Probleme bei der Umsetzung der

Techniken zwischen den verschiedenen Browsern. Mittler-

weile interpretieren alle verbreiteten JavaScript-fähigen

Browser das Document Object Model (DOM). Dadurch ist

es möglich, in allen Browsern lauffähige Skripte zu schrei-

ben.11

10 siehe Kap. 11o.V.:http://de.wikipedia.org/wiki/Hypertext_Markup_Language#Dynamische

s_HTML

6 dynamisches HTML

21

4.5 JavaScript

JavaScript ist eine Skriptsprache, die hauptsächlich für

das DOM-Scripting in Web-Browsern benutzt wird.

Es wird hauptsächlich clientseitig12 eingesetzt, im Unter-

schied zu anderen im Web verwendeten Sprachen,

wie Perl oder PHP, die ausschließlich serverseitig13 einge-

setzt werden.

Typische Anwendungsgebiete von JavaScript sind:

Dynamische Manipulation von Webseiten über

das Document Object Model

Plausibilitätsprüfung (Validierung) von Formularein-

gaben beim Absender

Senden und Empfangen von Daten, ohne dass der

Browser die Seite neu laden muss (Ajax)

sofortiges Vorschlagen von Suchbegriffen

(suggesting search)

Banner oder Laufschriften

Verschleierung von E-Mail-Adressen zur Bekämpfung

von Spam.

Mehrere Frames auf einmal wechseln oder die Seite

aus dem Frameset „befreien“14

12 läuft auf dem Rechner des Nutzers ab 13 wird auf einem zentralen Computer (Server) ausgeführt 14 o.V.: http://de.wikipedia.org/wiki/JavaScript

7 JavaScript

22

4.6 Funktionsweise von PHP

PHP ist ein System, das PHP-Code serverseitig verarbeitet. Das

bedeutet, dass der Quelltext nicht an

den Webbrowser übermittelt wird, sondern an ei-

nen Interpreter15 auf dem Webserver. Erst die Ausgabe des PHP-

Interpreters wird an den Browser geschickt. In den meisten Fäl-

len ist das ein HTML-Dokument, wobei es mit PHP aber auch

möglich ist, andere Dateitypen, wie Bilder oder PDF-Dateien, zu

generieren.16

15 ein Computerprogramm, das einen Programm-Quellcode einliest, analysiert

und ausführt 16 o.V.: http://de.wikipedia.org/wiki/PHP#Funktionsweise

8 Funktionsweise von PHP

23

4.6.1 Code-Beispiel

Einfaches PHP-Skript (gibt „Hallo Welt!“ aus):

<?php

echo "Hallo Welt!";

?>

Das Skript in HTML integriert (gibt „Hallo Welt!“ auf der Webseite

aus):

<!DOCTYPE HTML>

<html>

<head>

<title> Hallo-Welt-Beispiel </title>

</head>

<body>

<?php

echo " Hallo Welt! ";

?>

</body>

</html>

9 PHP-Code

24

5 Template

Ein Template ist eine Vorlage die beliebig verändert werden

kann. Für unsere Homepage haben wir folgendes Template ver-

wendet:

10 Template

25

6 Extensions

6.1 Slideshow

Eine Slideshow ist eine automatische Abfolge von Fotos oder Bil-

dern. Unter anderem haben wir ein kostenloses Flash-Slideshow

Template von http://www.slideshowbox.com in unsere Website

eingebunden und es so umgeändert, damit unsere zur Homepa-

ge passenden, lizenzfreien Bilder17 angezeigt werden.

17 dürfen kostenlos verwendet werden

11 Slideshow

26

6.2 Routenplaner

Im Menüpunkt „Kontakt“ haben wir zusätzlich einen Routenpla-

ner von http://www.herold.at/routenplaner/ hinzugefügt.

12 Routenplaner

27

6.3 Favicon

Ein Favicon18 ist ein kleines, 16×16 Pixel großes Icon, Symbol

oder Logo, das unter anderem in der Adresszeile ei-

nes Browsers links von der URL angezeigt wird und meist dazu

dient, die zugehörige Website auf wiedererkennbare Weise zu

kennzeichnen.19

Wir haben das VMBEILER-Logo als Favicon verwendet. Dazu ha-

ben wir das Logo mit Hilfe von Gimp auf 16x16 Pixel skaliert und

es unter der Endung .ico gespeichert.

Zum Schluss wurde es noch in den „head“ eingefügt.

<link rel="icon" href="images/favicon.ico" type="image/ico">

18 kurz für favorite icon, engl. für Favoriten-Symbol 19 o.V.: http://de.wikipedia.org/wiki/Favicon

13 VMBEILER-Logo

28

7 Die Homepage

Unsere Homepage ist in folgende Menüpunkte unterteilt:

Startseite

Wir

Sparten

Kontakt

News

Es gibt zusätzlich auch noch ein „Sidebar Menü“, welches einge-

teilt ist in:

Aktuelles

Dienstleistungen

o Pers-Versicherungen

o Sach-Versicherungen

o Service

Kfz

Vorsorge

Referenzen

Kontakt

Impressum

14 Menüpunkte

15 Sidebar Menü

29

7.1 Startseite

Von der Startseite gelangt man direkt zum Menüpunkt „Wir“, in-

dem man auf einen der drei Kreise klickt.

16 Startseite

30

7.2 Wir

Im Menüpunkt „Wir“ kann außerdem ein online-Kontakformular

aufgerufen werden:

17 Wir

18 Kontaktformular

31

7.3 Sparten

Hier wird über die vom Makler angebotenen Versicherungen

(Haushalts- und Kfz-Versicherung, Vorsorge, Betriebe, Rechts-

schutz etc.) informiert.

19 Sparten

32

7.4 Kontakt

In diesem Menüpunkt findet man die Kontaktdaten des Versiche-

rungsmaklers sowie einen Routenplaner zur Berechnung des An-

fahrtsweges.

Auch hier kann das online-Kontaktformular aufgerufen werden.

20 Kontakt

33

7.5 News

Hier wird Informatives, Hilfreiches und Wissenswertes aus dem

Bereich Versicherungen aufgelistet.

21 News

34

8 Schlusswort

Letztendlich sind wir sehr stolz eine voll funktionierende und

schön gestaltete Website für den Versicherungsmakler Beiler

präsentieren zu können und einen zufriedengestellten Auftragge-

ber hinterlassen zu haben.

Obwohl nicht all unsere Ideen umgesetzt werden konnten und

einige Kompromisse eingegangen werden mussten, sind wir doch

sehr zufrieden mit unserer Arbeit und dem daraus folgenden Er-

gebnis.

Dieses Projekt hat uns auch die Möglichkeit gegeben unser be-

reits Gelerntes einzusetzen, zu festigen, aber auch auszuweiten.

Ein guter Zeitplan war eine der Voraussetzungen für dieses posi-

tive Ergebnis. Eine andere war die Kommunikation zwischen dem

Auftraggeber und uns, welche einwandfrei funktionierte.

35

9 Literaturverzeichnis

Quellen ohne Verfasser

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

http://de.wikipedia.org/wiki/HTML#Entstehung

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

http://de.wikipedia.org/wiki/Hypertext_Markup_Language#HTML-Struktur

http://de.wikipedia.org/wiki/Hypertext_Markup_Language#HTML-Kopf

http://de.wikipedia.org/wiki/Hypertext_Markup_Language#Cascading_Style_

Sheets

http://de.wikipedia.org/wiki/Hypertext_Markup_Language#Dynamisches_HTM

L

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

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

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