Page 1

Fachspezifische Themenstellung aus Information and Communication Solutions Pfarre Mรถnchhof

Abbildung 1: Logo

Auftraggeber: Pater Michael Weiss Projektleiterin: Anja Trรถllinger Projektmitglied: Katharina Rapp Jahrgang: 2011/12


Inhaltsverzeichnis 1. Abbildungsverzeichnis ................................................... 4 2. Vorwort ....................................................................... 5 3. Abstract ...................................................................... 6 4. Projektmanagement ..................................................... 7 4.1.

Projektbeschreibung .............................................. 7

4.2.

Projektorganisation ............................................... 8

4.3.

Meilensteinplan ..................................................... 9

4.4.

Projektstrukturplan .............................................. 10

4.5.

Arbeitspakete ..................................................... 11

5. Grundlagen................................................................ 21 5.1.

HTML ................................................................. 21

5.2.

CSS ................................................................... 21

5.3.

Gimp ................................................................. 22

5.4.

Jimdo ................................................................ 23

5.5.

Issuu ................................................................. 24

5.6.

Google ............................................................... 24

5.7.

Dropbox ............................................................. 25

6. Projektdokumentation ................................................. 26 7. Corporate Design ....................................................... 28 7.1.

Template............................................................ 28

7.1.1. 7.2.

Logo ............................................................. 29

Schriftarten, Schriftgröße und Schriftfarbe ............. 30

8. Unsere Homepage ...................................................... 31 9. Unsere Seiten ............................................................ 32 9.1.

Startseite ........................................................... 32

9.2.

Unsere Pfarre ..................................................... 33

9.3.

Heilige Sakramente ............................................. 33

9.4.

Aktivitäten ......................................................... 33

9.5.

Termine ............................................................. 34

9.6.

Bildergalerie ....................................................... 34

9.7.

Gästebuch .......................................................... 35

Pfarre Mönchhof 2


9.8.

Kontakt .............................................................. 36

9.9.

Links ................................................................. 36

10.

Dynamische Seiten ................................................... 37

10.1. Google-Kalender ................................................. 37 10.2. Dropbox ............................................................. 41 11.

Nachwort ................................................................ 43

Pfarre Mรถnchhof 3


1. Abbildungsverzeichnis

Abbildung Abbildung Abbildung Abbildung Abbildung Abbildung Abbildung Abbildung Abbildung Abbildung Abbildung Abbildung Abbildung Abbildung Abbildung Abbildung Abbildung Abbildung Abbildung Abbildung Abbildung Abbildung Abbildung Abbildung Abbildung Abbildung

1: Logo __________________________________ 1 2: Kirche Mönchhof _________________________ 5 3: Ministranten mit Pater Michael Weiss _________ 6 4: Gimp _________________________________ 22 5: Jimdo _________________________________ 23 6: Issuu _________________________________ 24 7: Google ________________________________ 25 8: Dropbox_______________________________ 25 9: Originaltemplate ________________________ 28 10: jetzige Webseite _______________________ 29 11: Logo ________________________________ 29 12: Startseite_____________________________ 32 13: Unsere Pfarre _________________________ 33 14: Termine ______________________________ 34 15: Gästebuch ____________________________ 35 17: Links ________________________________ 36 16: Kontakt ______________________________ 36 18: Registrieren bei Google __________________ 37 19: Termine ______________________________ 37 20: HMTL-Code ___________________________ 38 21: Optionen anpassen _____________________ 38 22: HTML-Code in Webseite einbinden _________ 39 23: Fertiger Google-Kalender ________________ 40 24: Dropbox Installation ____________________ 41 25: Anmeldung bei Dropbox _________________ 42 26: Dropbox für andere freigeben _____________ 42

Pfarre Mönchhof 4


2. Vorwort

Im Zuge unseres Ausbildungsschwerpunktes „Information and Communication Solutions“ haben wir eine Webseite mittels eines Content Management Systems (CMS) kreiert, um Kindern die Pfarre Mönchhof näherzubringen. Wir wollten unsere Kenntnisse, die wir in den letzten 3 Jahren erworben haben, so genau wie möglich in die Praxis umsetzen. Unser Ziel war es, eine benutzerfreundliche Webseite für den User sowie auch für die spätere Betreuung der Seite durch andere Personen zu ermöglichen. Es sollten alle gewünschten Ideen des Auftraggebers erfüllt werden. Wir hoffen, alle Vorstellungen erfüllt zu haben. In den folgenden Seiten finden Sie eine genauere Beschreibung unserer Homepage.

Abbildung 2: Kirche Mönchhof

Pfarre Mönchhof 5


3. Abstract In the course of our „main subject“, „Information and Communication Solutions“, we have created a website with the help of a Content Management System (CMS). With this website we are trying to give children an understanding of the parish in Mönchhof. We strove forwards to transform our skills, which we have gained in the last 3 years, to practice. Our aim was to provide a user-friendly Website and to enable an easy continuing support of the website by other persons. Furthermore, we tried to achieve all of the desired ideas of the client. We hope that our website complies with all of the conceptions. In the following pages you’ll find detailed information of our homepage.

Abbildung 3: Ministranten mit Pater Michael Weiss

Pfarre Mönchhof 6


4. Projektmanagement 4.1.

Projektbeschreibung

PFARRE MÖNCHHOF Beginn: 15.09.2011

Ende: 31.03.2012

Ziele:

Nichtziele:

    

Fähigkeit des Projektmanagements zu erweitern erstellen einer Homepage Beschreibung der Pfarre und Veröffentlichung von Terminen Kontakte und Anfahrtsplan einbinden Dynamische und statische Seiten erstellen Zufriedener Auftraggeber

   

Nicht funktionierende Homepage falsche Daten einige Seiten funktionieren nicht unzufriedener Auftraggeber

Kosten: 60 € pro Jahr – für den Domainnamen, Speicherplatz bei Jimdo Projektleiter: Anja Tröllinger Auftraggeber: Pater Michael Weiss

Projektteammitglied: Katharina Rapp

Pfarre Mönchhof 7


4.2.

Projektorganisation

Auftraggeber: Pater Michael Weiss

Pfarre Mรถnchhof

Projektmitglied:

Projektleiter:

Katharina Rapp

Anja Trรถllinger

Pfarre Mรถnchhof 8


4.3.

Meilensteinplan

MEILENSTEINPLAN Nr. Meilenstein

Plan-Termin

Ist-Termin

1

Projektstart durchführen

15.09.2011

15.09.2011

2

Corporate Design finden

29.09.2011

29.09.2011

3

Entwurf und Erstellen der 13.10.2011 Webseite

09.02.2012

4

Fertigstellen der Webseite

23.02.2012

23.02.2012

5

Webseite testen

01.03.2012

01.03.2012

6

Überarbeiten der Webseite

08.03.2012

15.03.2012

7

Webseite veröffentlichen

15.03.2012

15.03.2012

8

Projektabschluss durchführen

29.03.2012

29.03.2012

Pfarre Mönchhof 9


4.4.

Projektstrukturplan

Pfarre Mรถnchhof 10


4.5.

Arbeitspakete

Projektmanagement

Corporate Design

Template anpassen

Arbeitspakete

Seiten erstellen

dynamische Seiten

Projektabschluss

Pfarre Mรถnchhof 11


1.1 Projektstart

Inhalt

kurze Beschreibung des Projekts  Präsentation in der Klasse

Nicht-Inhalt

kein Projekt, keine Präsentation

Ergebnis

erfolgreicher Projektstart

Ressourcen

Laptop, Beamer, Projektleiter, Projektmitglied

1.2 Projektkoordination Inhalt

gut verteilte Aufgaben innerhalb der Projektgruppe

Nicht-Inhalt

Aufgaben werden nicht gerecht verteilt, doppelt oder gar nicht erledigt

Ergebnis

organisierte Aufgabenverteilung

Ressourcen

Laptop, Projektleiter, Projektmitglied

1.3 Projektcontrolling

Inhalt

einzelne Aufgaben müssen Zeitpunkt erledigt sein

bis

zum

Nicht-Inhalt

unkoordiniertes Zeitmanagement

Ergebnis

gutes Projektcontrolling

Ressourcen

Laptop, Projektleiter, Projektmitglied

geplanten

Pfarre Mönchhof 12


1.4 Projektabschluss Inhalt

zeigerechte Projektabgabe

Nicht-Inhalt

nicht eingehaltener Abgabetermin

Ergebnis

erfolgreiche Präsentation

Ressourcen

Laptop, Jimdo, Projektmitglied

Internet,

Projektleiter,

2.1 Schriftarten

Inhalt Nicht-Inhalt

 

webtaugliche Schriftarten gut lesbare Schriftarten

 

unlesbare, unübersichtliche Schriftarten kann nicht in allen Webbrowsern angezeigt werden

Ergebnis

gut lesbare und webtaugliche Schriftarten, die in jedem Webbrowser ausgegeben werden können

Ressourcen

Laptop, Jimdo, Projektmitglied

Internet,

Gimp,

Projektleiter,

2.2 Farben Inhalt

passende Farben

Nicht-Inhalt

unpassende Farben

Ergebnis

harmonische auswählen

Ressourcen

Laptop, Internet, Projektmitglied

Farben

für

das Gimp,

Corporate

Design

Projektleiter,

Pfarre Mönchhof 13


2.3 Logo Inhalt

passendes Logo zum Thema

Nicht-Inhalt

unpassendes, langweiliges Logo

Ergebnis

passendes Logo gestaltet

Ressourcen

Laptop, Gimp, Projektleiter, Projektmitglied

2.4 Layout Inhalt

Template an das Projektthema anpassen

Nicht-Inhalt

unübersichtliches Layout

Ergebnis

übersichtliches Layout

Ressourcen

Laptop, Jimdo, Projektleiter, Projektmitglied

3.1 Template aussuchen Inhalt

geeignetes Layout für die Seite auswählen

Nicht-Inhalt

ungeeignetes Layout auswählen

Ergebnis

passendes Layout für Pfarre Mönchhof

Ressourcen

Laptop, Jimdo, Projektleiter, Projektmitglied

Pfarre Mönchhof 14


3.2 Template anpassen

Inhalt

 

Layout perfekt an die Seite anpassen Corporate Design

Nicht-Inhalt

 

Layout nicht an die Seite angepasst kein Corporate Design

Ergebnis

Layout angepasst

Ressourcen

Laptop, Jimdo, Gimp, Projektleiter, Projektmitglied

4.1 Startseite

Inhalt

 

einladende Startseite funktionierende Slideshow

Nicht-Inhalt

 

langweilige Startseite Slideshow funktioniert nicht

Ergebnis

einladende Startseite

Ressourcen

Laptop, Jimdo, Projektmitglied

SLIDESHOW,

Projektleiter,

4.2 Unsere Pfarre Inhalt

allgemeine Information über die Pfarre Mönchhof

Nicht-Inhalt

keine Informationen über die Pfarre Mönchhof

Ergebnis

Informationen über die Pfarre Mönchhof

Ressourcen

Laptop, Jimdo, Projektleiter, Projektmitglied

Pfarre Mönchhof 15


4.3 Heilige Sakramente

Inhalt

allgemeine Informationen über Sakramente der Katholischen Kirche

die

Heiligen

Nicht-Inhalt

keine Informationen

Ergebnis

allgemeine Informationen über Sakramente der Katholischen Kirche

die

Heiligen

Ressourcen

Laptop, Jimdo, Projektleiter, Projektmitglied

4.4 Aktivitäten

Inhalt

Information und Beschreibung von Jungschar, Ministranten und Kinderwortgottesdienst

Nicht-Inhalt

keine Information und keine Beschreibung

Ergebnis

Information und Beschreibung von Jungschar, Ministranten und Kinderwortgottesdienst

Ressourcen

Laptop, Jimdo, Projektleiter, Projektmitglied

4.5 Termine

Inhalt

 

einwandfrei funktionierender Google-Kalender ständig aktualisierter Google-Kalender

Nicht-Inhalt

 

Google-Kalender funktioniert nicht Termine sind veraltet

Ergebnis

Google-Kalender funktioniert und ist aktualisiert

Ressourcen

Laptop, Jimdo, Projektmitglied

Google-Kalender,

Projektleiter,

Pfarre Mönchhof 16


4.6 Bildergalerie Inhalt Nicht-Inhalt

aktuelle Fotos werden mittels Flickr angezeigt  

Fotos werden nicht angezeigt Flickr funktioniert nicht

Ergebnis

Fotos werden mittels Flickr angezeigt

Ressourcen

Laptop, Jimdo, Flickr, Projektleiter, Projektmitglied

4.7 Gästebuch Inhalt

einwandfrei funktionierendes Gästebuch

Nicht-Inhalt

Gästebuch funktioniert nicht

Ergebnis

Gästebuch funktioniert einwandfrei

Ressourcen

Laptop, Jimdo, Projektleiter, Projektmitglied

4.8 Kontakt

Inhalt

  

Kontaktdaten stimmen Anfragebogen funktioniert Anfahrt mittels Google-Maps anzeigen

Nicht-Inhalt

  

Kontaktdaten stimmen nicht Anfragebogen funktioniert nicht Google-Maps kann nicht angezeigt werden

Ergebnis

  

Kontaktdaten stimmen Anfragebogen funktioniert Google-Maps wird angezeigt

Ressourcen

Laptop, Jimdo, Projektmitglied

Google-Maps,

Projektleiter,

Pfarre Mönchhof 17


4.9 Links Inhalt

Anzeige verschiedener Links

Nicht-Inhalt

Links können nicht angezeigt werden

Ergebnis

Links werden angezeigt

Ressourcen

Laptop, Jimdo, Projektleiter, Projektmitglied

5.1 Google-Kalender

Inhalt

 

Anzeige korrekter Termine Programm funktioniert

Nicht-Inhalt

Programm funktioniert nicht

Ergebnis

Termine werden angezeigt und das funktioniert einwandfrei

Ressourcen

Laptop, Jimdo, Google-Kalender, Projektleiter, Projektmitglied

Programm Internet,

5.2 Dropbox

Inhalt

 

Bilder werden in Alben-Ansicht angezeigt übersichtlicher Aufbau der Alben

Nicht-Inhalt

 

Bilder werden falsch angezeigt unübersichtlicher Aufbau

Ergebnis

Bilder können übersichtlich und einfach angezeigt werden

Ressourcen

Laptop, Jimdo, Dropbox, Internet, Projektleiter, Projektmitglied

Pfarre Mönchhof 18


5.3 Google-Maps Inhalt

Anfahrtsplan wird richtig auf der Seite angezeigt

Nicht-Inhalt

falscher Anfahrtsplan (Adresse stimmt nicht)

Ergebnis

richtige Anzeige des Anfahrtsplan

Ressourcen

Laptop, Jimdo, Google-Maps, Internet, Projektleiter, Projektmitglied

6.1 Fehlerbehebung Inhalt

Einzelheiten ausbessern, Fehler beheben

Nicht-Inhalt

fehlerhafte Webseite

Ergebnis

Webseite ohne Fehler

Ressourcen

Laptop, Jimdo, Internet, Google-Kalender, GoogleMaps, Flickr, Gimp, Projektleiter, Projektmitglied

6.2 Projektdokumentation

Inhalt

übersichtliche Projektdokumentation

und

Nicht-Inhalt

keine Projektdokumentation

Ergebnis

einwandfreie Projektdokumentation

Ressourcen

Laptop, Microsoft Projektmitglied

Word,

verständliche

Issuu,

Projektleiter,

Pfarre Mönchhof 19


6.3 Webseite veröffentlichen Inhalt

Webseite im geeigneten Webspace veröffentlichen

Nicht-Inhalt

keine Veröffentlichung

Ergebnis

Webseite ist online

Ressourcen

Laptop, Jimdo, Projektleiter, Projektmitglied

6.4 Projektabgabe

Inhalt

 

zufriedener Auftraggeber alle Arbeitspakete erfolgreich abgeschlossen

Nicht-Inhalt

keine Projektabgabe

Ergebnis

fertige Webseite Themenstellung

Ressourcen

Laptop, Jimdo, Projektmitglied

mit

Microsoft

der Word,

dazugehörigen Projektleiter,

Pfarre Mönchhof 20


5. Grundlagen 5.1.

HTML

1990 startete der britische Informatiker Tim Berners-Lee (geb. 8. Juni 1955 in London), am Genfer Hochenergieforschungszentrum CERN, mit seinen Kollegen eine Initiative. Ihr Ziel war es, das Internet als neuartigen Informationsaustausch zwischen Wissenschaftlern zu nutzen. Dabei ging es darum, wissenschaftliche Dokumente online sichtbar zu machen, wobei einfache Textformatierung und das Einbinden von Grafiken möglich sein sollte. Diese Erfindung, legte den Grundstein für das Internet wie wir es heute kennen. Kein Weg führt bei der Erstellung einer Webseite an HTML vorbei. HTML ist eine Sprache, die es ermöglicht, Informationen im Internet zu präsentieren. Es dient zur Strukturierung von Inhalten einer Seite, wie Texte, Hyperlinks und Bildern. Um Webseiten auch auszuführen und zu veröffentlichen benötigt man einen Browser. Dieser ist zuständig für das lesen und interpretieren einer HTML-Datei. Die sichtbare Internetseite ist die Interpretation des Quellcodes durch den Browser.

5.2.

CSS

CSS ist eine Stylesheet-Sprache, welche heutzutage als Standard für Internetseiten gilt. Hauptsächlich wird CSS zusammen mit HTML und XML eingesetzt. Sie legt fest, inwiefern ein bestimmter Inhalt oder Bereich der Webseite dargestellt wird. CSS ermöglicht es, die Ausgabeform unterschiedlich zu gestalten, wie zum Beispiel Schriften, Farben, Ränder, Linien, Höhen, Breiten, Hintergrundbildern und Positionierung eingestellt werden sowie die unterschiedlichen Elemente frei Pfarre Mönchhof 21


definiert werden. Man kann Stylesheets in jedem Texteditor erstellen und sie danach in die Ziel-Dokumente einbauen. Da CSS meistens als externes Stylesheet in HTML eingebunden wird, hat es den Vorteil, dass für mehrere Dokumente das Stylesheet nur einmal heruntergeladen werden muss.

5.3.

Gimp

GIMP ist ein freies, leistungsfähiges Fotound Bildbearbeitungsprogramm. Der Name setzt sich zusammen aus den englischen Worten „GNU Image Manipulation Program“, was übersetzt GNU Bildbearbeitungsprogramm bedeutet. Fotonachbearbeitung, Bildkomposition und Bildmalerei sind nur einige der vielen Funktionen die mit Hilfe von GIMP eingesetzt werden können. Die Erweiterbarkeit ist eine der größten Vorteile von GIMP. Verschiedenste Erweiterungen können fast beliebig neue Funktionen hervorrufen. Sogar eine eigene kleine Programmiersprache namens Skript-Fu ist vorhanden, um Probleme durch kleine Programme lösen zu können.

Abbildung 4: Gimp

Ein weiterer großer Vorteil ist die freie Verfügbarkeit des Programmcodes. GIMP ist dadurch auf vielen verschiedenen Plattformen verfügbar. GIMP ist eine freie Software und wird unter der GPL, besser bekannt als GNU (=General Public License) weitergegeben. Diese GPL gibt Benutzern die Freiheit auf den Programmcode zuzugreifen, diesen zu modifizieren und weiterzugeben.

Pfarre Mönchhof 22


5.4.

Jimdo

Mit Jimdo kann man online eine Webseite erstellen und erweitern. Dazu muss man sich auf der Jimdo-Webseite anmelden. Es gibt drei Jimdo-Versionen, die Jimdo Free, Jimdo Pro und Jimdo Business heißen. Man kann zwischen verschiedenen Templates wählen und sie anpassen. Die Vorteile von Jimdo liegen in der bestechenden Einfachheit und Qualität mit der all dies umgesetzt werden kann und grenzt sich damit signifikant vom Wettbewerb ab. Auch wenn man keine Fachkenntnis im Erstellen von Webseiten hat, hat man mit Jimdo die Möglichkeit eine Webseite zu erstellen bzw zu gestalten.

Abbildung 5: Jimdo

Pfarre Mönchhof 23


5.5.

Issuu

Issuu ist eine Plattform zum Speichern und Präsentieren von Dokumenten. Die selbst erstellten Magazine stehen im Vordergrund. Einfache PDF Dokumente werden in eine webfreundliche Flash-Animation umgewandelt. Auch ein Social Network mit Nachrichtenfunktionen ist enthalten.

Abbildung 6: Issuu

5.6.

Google

Google wurde 1998 vom US-amerikanischen Unternehmen „Google Inc.“ veröffentlicht. Es ist als Marktführer unter den Internet-Suchmaschinen bekannt. Die Google-Suchmaschine folgt mit Hilfe von sogenannten Webcrawlern (Robots, Metatags) den gefundenen Links und versucht, möglichst viele ähnliche Seiten in ihren Suchindex aufzunehmen. Google sortiert die gefundenen Webseiten unter anderen nach dem PageRank-Wert. Dieser gibt an, wie gut und von wem ein Dokument verlinkt ist. Mittlerweile kann man Google nicht nur als Suchmaschine verwenden. Google bietet nun auch einen Übersetzer, Landkarte, einen E-Maildienst und einen eigenen Browser an. Pfarre Mönchhof 24


Wenn man bei Google registriert ist hat man auch die Möglichkeit verschiedene Dokumente zu erstellen und mit anderen zu teilen oder gemeinsam an einem Dokument zu arbeiten. Seit kurzem gibt es auch ein Soziales Netzwerk von Google, welches sich „+Ich“ nennt. Abbildung 7: Google

5.7.

Dropbox

Dropbox ist ein Webdienst, welcher 2007 gegründet wurde. Sie stellt ein Netzwerk-Dateisystem zwischen verschiedenen Rechnern und Benutzern für die Synchronisation von Dateien bereit. Das heißt wenn man mehrere Computer besitzt bzw. mehrere Computer an verschiedenen Orten benutzt hat man mit Dropbox den Vorteil an allen Computern einen Zugriff auf die Dateien zu erlangen. Zusätzlich ist es eine gute Online-Datensicherung. Durch die perfekte Integration ins Dateisystem ist die Dropbox sehr einfach zu benutzen und hat viele Vorteile gegenüber anderen online Festplatten.

Abbildung 8: Dropbox

Pfarre Mönchhof 25


6. Projektdokumentation 15. September 2011    

Suche eines Auftraggebers Brainstorming Auswahl des passenden Programms Domain festgelegt und Webspace reserviert

29. September 2011  Corporate Design festgelegt o Schriftarten: Verdana, Helvetica, Tahoma, sans-serif o Schriftgröße: 80% o Schriftfarbe: #FFFFFF o Hintergrundfarbe: #FFFF88 o Logo: o Überschrift: Helvetica, Arial, Verdana, Tahoma, sans-serif 13. Oktober 2011  Erstellung der Webseite  Inhalt der Seite mit dem Auftraggeber besprochen  Sammeln von Materialien (Fotos, Texte,…) 24. Oktober 2011  passendes Template eingestellt o Schriftarten und –farben eingestellt o Hintergrundfarbe eingestellt o Menüleiste angepasst  verschiedene Seiten erstellt o Texte und Fotos eingefügt  Logo gestaltet und eingefügt 01. Dezember 2011    

Gästebuch festgelegt Kontaktdaten und Anfrageformular hergestellt Anfahrtsplan in die Seite eingebunden Google-Konto erstellt o Termine im Google-Kalender eingetragen

Pfarre Mönchhof 26


23. Februar 2012  Dropbox-Konto erstellt o Fotos mit Dropbox eingefügt o Flashplayer auf der Startseite aktiviert  übrige Termine mit Google-Kalender eingefügt 01. März 2012     

mit der Fachspezifischen Themenstellung begonnen letzte Kleinigkeiten behoben Rechtsschreibfehler ausgebessert Links überprüft Metatags eingefügt

22. März 2012  Fachspezifische Themenstellung fast fertig  Visitenkarten in Word erstellt  Layout der Webseite übernommen 29. März  Projektabschluss durchführen  alles nochmal kontrollieren  Fachspezifische Themenstellung fertig gestellt 31. März 2012  Projekt abgegeben

Pfarre Mönchhof 27


7. Corporate Design 7.1.

Template

So sah das Template aus, bevor wir begonnen haben es zu ändern.

Abbildung 9: Originaltemplate

Wir änderten das Titelbild nach links an den Rand in der angemessenen Größe. Genauso wie die Hintergrundfarbe, diese wurde Gelb (FFFF88). Die Menüleiste wurde mit einem etwas gelblichen Weiß hinterlegt. Auch die Schriftarten wurden an die Seite angepasst.

Pfarre Mönchhof 28


Abbildung 10: jetzige Webseite

7.1.1.

Logo

Größe: Breite 240px Höhe 339px Schriftart: Kristen ITC Semi-Expanded Schriftgröße: 250px Deckkraft bei Schrift: 65,5 Bild bearbeitet mit: Filter/Künstlerisch/Cartoon Maskenradius: 7,00 Schwarzanteil: 0,200 Abbildung 11: Logo

Pfarre Mönchhof 29


7.2. Schriftarten, Schriftgröße und Schriftfarbe 

Text o Trebuchet MS o 13px o Zeilenabstand 140% o schwarz Überschrift 1 o Trebuchet MS o 30px o zentriert o schwarz Überschrift 2 o Trebuchet MS o 16px o fett o rechtsbündig o grau 80% Überschrift 3 o Trebuchet MS o 14px o rechtsbündig o grau 80% Links o schwarz

Pfarre Mönchhof 30


8. Unsere Homepage

Pfarre Mรถnchhof 31


9. Unsere Seiten 9.1.

Startseite

Auf unserer Startseite wird eine Slideshow Eindrücken der Pfarre Mönchhof gezeigt.

mit

einigen

Abbildung 12: Startseite

Pfarre Mönchhof 32


9.2.

Unsere Pfarre

Auf dieser Seite beschreiben wir die Kirche und ihre Geschichte. Interessierte können sich hier genauer über die Pfarre und ihren geschichtlichen Hintergrund informieren.

Abbildung 13: Unsere Pfarre

9.3.

Heilige Sakramente

Es werden auf dieser Seite die 7 Sakramente erklärt. Im Untermenü gibt es noch einige Anmerkungen zur Firmung.

9.4.

Aktivitäten

Hier werden Jungschar, Kinderwortgottesdienst erklärt.

Ministranten

und

der

Pfarre Mönchhof 33


9.5.

Termine

Auf der Seite „Termine“ werden alle Termine der Pfarre Mönchhof angezeigt. Über das Google-Konto der Pfarre kann man hier jederzeit neue Termine hinzufügen oder alte heraus löschen. Dazu haben wir noch einen Kalender mit unseren österreichischen Feiertagen importiert.

Abbildung 14: Termine

9.6.

Bildergalerie

In Jahren unterteilt kann man hier viele Fotos der aktuellen und vergangenen Veranstaltungen sehen.

Pfarre Mönchhof 34


9.7.

Gästebuch

Ins Gästebuch könne sich bequem alle Interessierten eintragen und eine Meinung über die Seite, oder neue Informationen abgeben.

Abbildung 15: Gästebuch

Pfarre Mönchhof 35


9.8.

Kontakt

Auf der Seite „Kontakt“ kann man sich über die Verantwortlichen der Pfarre einen Überblick verschaffen. Zurzeit ist nur Pater Michael Weiss zu sehen, jedoch werden wir um das Einverständnis Anderer noch bitten.

Abbildung 16: Kontakt

9.9.

Links

Hier werden einige Links zu anderen Pfarren angezeigt.

Abbildung 17: Links

Pfarre Mönchhof 36


10. Dynamische Seiten 10.1. Google-Kalender Neues Konto erstellen:

bei

Google

für

die

Pfarre

Mönchhof

Abbildung 18: Registrieren bei Google

Neue Termine eintragen und HTML-Code ermitteln:

 

auf „Termin eintragen“ klicken um einen neuen Termin hinzuzufügen klickt man auf „Weitere Kalender“ kann man andere Kalender wie hier z.B. die Österreichischen Feiertage hinzufügen (diese werden dann ebenfalls am Kalender angezeigt, können aber auch ausgeblendet werden) um den HTML-Code vom Kalender zu ermitteln, klickt man auf „Michael Weiss“ (in unserem Fall), danach auf KalenderEinstellungen

Abbildung 19: Termine

Pfarre Mönchhof 37


HTML-Code:

hier rechts sieht man den HTML-Code, den man in die Webseite einbinden muss

man kann noch Abbildung 20: HMTL-Code andere Einstellungen vornehmen und zwar auf „Farbe, Größe und andere Optionen anpassen“

Farbe, Größe und andere Optionen anpassen:

Abbildung 21: Optionen anpassen

Pfarre Mönchhof 38


 

hier links kann man alle übrigen Optionen einstellen oben ist wieder der HTML-Code zum Einbinden in die Webseite

HTML-Code in die Webseite einbinden:

in Jimdo auf der Seite „Termine“ ein neues Element „Widget/HTML“ einfügen den HTML-Code von Google hier einfügen

Abbildung 22: HTML-Code in Webseite einbinden

Pfarre Mönchhof 39


Fertiger Google-Kalender:

Abbildung 23: Fertiger Google-Kalender

Pfarre Mรถnchhof 40


10.2. Dropbox Wenn man mehrere Computer besitzt oder an verschiedenen Computern arbeitet hat man oft das Problem, dass man den Überblick über seine Dateien verliert. Daher ist das Grundkonzept von Dropbox , ein sicherer Ort für alle Sachen auf die man jederzeit und überall zugreifen kann. Zuerst muss man sich die Dropbox herunterladen. Dabei kann man zwischen 3 verschiedenen Größen des Speicherplatzes wählen, wobei jener mit 2GB gratis ist. Sobald die Dropbox heruntergeladen wurde erhält man auf dem Computer einen Dropbox-Ordner indem man die Dateien, welche gespeichert werden sollen, hineingeben kann. Dieser Ordner synchronisiert jedes Mal die Dateien auch auf die anderen Computer.

Abbildung 24: Dropbox Installation

Pfarre Mönchhof 41


Alles was sich nun in diesen Dropbox-Ordnern befindet steht auch auf der DropboxWebseite zur Verfügung. Dazu muss man sich auf der Internetseite

www.dropbox.com anmelden.

Abbildung 25: Anmeldung bei Dropbox

Somit befindet man sich anschließend in seinem Account, wo man ebenfalls seine Dateien hineingeben kann. Zusätzlich hat man die Möglichkeit Ordner welche sich in der Dropbox befinden, seien es Bilder oder auch Dokumente, für andere Personen frei zugeben.

Abbildung 26: Dropbox für andere freigeben

Pfarre Mönchhof 42


11. Nachwort

Im Zuge unseres Ausbildungsschwerpunktes „Information and Communication Solutions“, in dem wir eine Webseite gestalten durften, konnten wir Erlerntes umsetzen, sowie viel Neues dazu lernen. Unsere Ausbildungslehrer standen uns stets zu Seite. Einer unserer Lehrer an der Schule, schlug uns vor, eine Webseite für die Pfarre Mönchhof zu entwerfen. Die Mitglieder im Pfarrgemeinderat hatten schon längere Zeit an die Gestaltung einer Webseite gedacht. Wir waren sehr erleichtert über das Angebot, weil es heutzutage schwer ist, jemanden zu finden, der noch keine Webseite hat. Unser Ausbildungslehrer machte uns auf das Programm „Jimdo“ aufmerksam. Nach einer kurzen Eingewöhnungsphase war die Handhabung des Programms sehr einfach und schnell erledigt. Manchmal gab es zwar kleine Probleme, aber schließlich und endlich haben wir unser Ziel erreicht. Wir hoffen, dass wir den Kindern aus Mönchhof und deren Eltern jetzt mehr Einsicht in ihre Pfarre geben können. Wir haben versucht, die Seite nach den Vorstellungen unseres Auftraggebers Pater Michael Weiss zu gestalten.

Pfarre Mönchhof 43

Pfarre Mönchhof  

Fachspezifische Themenstellung aus ICS

Read more
Read more
Similar to
Popular now
Just for you