Martina Ruf Jacqueline Krebs 2009

Transkript

1 Martina Ruf Jacqueline Krebs 2009 [DOKUMENTATION HOMEPAGE MÄCHLER MARINA] Anfang August starteten wir ein Projekt über eine Neuerstellung einer Website. Durch Unterstützung von Lehrerpersonen erarbeiteten wir von 0 auf 100 eine neue Website. Das Projekt Mächler Marina anzugehen, war die Idee von Markus auf der Maur. S. 1 von 12

2 Inhaltsverzeichnis Projektvorstellung... 4 Wozu diese Seite?... 4 Idee dahinter?... 4 Mitwirkende Personen im Hintergrund... 4 Teammitglieder... 5 Pagedesign (Gestaltung einer Seite)... 5 Seitenaufteilung... 5 Verwendete Schriftarten, Schriftgrössen... 6 Verwendete Farben... 6 Bilder... 6 Ebenen... 6 CSS... 6 Tabelle... 6 Seitenstruktur... 7 Sitemap... 7 Anzahl Seiten... 7 Hierarchie Navigation... 7 Navigation Aktuelle Winterlager-Preisliste... 7 Navigation Eingesetzte Techniken... 8 Software... 8 Dokumentierte Javascripts... 8 Dokumentation spezielle Techniken... 9 Search-Funktion... 9 S. 2 von 12

3 Hosting... 9 Account... 9 Passwort... 9 Provider... 9 Gültige Webadresse... 9 Review Was ist gut gelaufen Software Tabellenweb Zusammenarbeit Wo lagen die Probleme Joomla Zeitumfang Diverses Internetauftritt Vereinbarungen Schlusswort S. 3 von 12

4 Projektvorstellung Wozu diese Seite? In Kurs erhielten wir die Aufgabe, eine Homepage zu gestalten. Eine professionelle, ansprechende Internetseite erstellen, die später eventuell weiterhin geführt wird, war die eigentliche Aufgabe. Anfangs wussten wir überhaupt nicht, worüber wir die Homepage gestalten sollten. Schlussendlich entschieden wir uns dafür, eine Internetseite über unseren Lebensstil etc. auszuführen. Als wir diesen Grundgedanken unserem Kursleiter Markus mitteilten, hielt er dies für keine gute Idee. Da er aus Erfahrung wusste, dass Schüler ohne bestimmte Ziele keine gute Internetseite zu Stande bringen. Da schlug er uns vor, für Ursula Mächler, die eine Bootswerft in Wangen betreibt, eine Website zu gestalten. Wir hatten zwar keine Ahnung wie so eine Bootswerft funktioniert und was auf uns zu kam, nahmen aber die Herausforderung motiviert an. Idee dahinter? Das Ziel der Internetseite ist in erster Linie, Interessenten über die momentanen Tätigkeiten, Mitarbeiter und Bootsangebote zu informieren. Ein weiteres Ziel ist, neue Kundschaft anzuwerben, zu begeistern und von den Tätigkeiten der Mächler Marina zu überzeugen. Mitwirkende Personen im Hintergrund Ursula Mächler Ansprechperson Pius Senn Lehrperson mit unterstützenden Tätigkeiten Markus Auf der Maur Lehrperson mit unterstützenden Tätigkeiten Peter Scheurer Lernender Informatik mit unterstützenden Tätigkeiten S. 4 von 12

5 Teammitglieder Jacqueline Krebs KB3 RaJoVita, Rapperswil-Jona Martina Ruf KB3 Schneider-Reisen AG Pagedesign (Gestaltung einer Seite) Seitenaufteilung Die Seite teilt sich in zwei Bereiche auf. Hintergrund Logo und Bootswerft Mächler Marina Linkes Feld zwei Navigationen, Navigation für Themenbereiche, Navigation zu den zwei wichtigsten Seiten, Kontakt und Startseite Inhalt Feld mit Text Rechtes Feld auf Startseite aktuelle News Logo Navigation Navigation S. 5 von 12

6 Navigation Verwendete Schriftarten, Schriftgrössen Für die gesamte Homepage haben wir die Schrift Verdana, Arial, Helvetica, Sans serif eingesetzt. Die Titel und Navigationsinhalte sind jeweils auf 20 Pt. und fetter, die Texte auf 16 Pt. gesetzt. Verwendete Farben Bei der Auswahl der Farben haben wir als Vorlage die Farbe des Mächler Marina Logos übernommen. = #333 verwendete Schriftfarbe Bilder Alle Bilder hat uns Frau Mächler zugestellt. Für die Fotogalerie haben wir mehrere Bilder zu einem erstellt. Denn die vorhergesehene Breite des Inhalts ist nicht enorm gross. Ebenen Wir haben 2 Ebenen verwendet. Container CSS CSS Stile wurden auf der Seite Kontakt erstellt. Dort hatten wir das Problem, dass die Fotos nicht untereinander standen. Dieses Problem wurde mit den CSS Stilen behoben. Tabelle Um unsere Homepage übersichtlich und schön gegliedert darzustellen, haben wir für die Site aktuelle Winterlager - Preisliste eine Tabelle eingefügt S. 6 von 12

7 Seitenstruktur Sitemap Die Sitemap ist unten bei der Hierarchie ersichtlich. Anzahl Seiten Wir haben 9 Seiten, darin Fotos und ein Formular in unserem Web erstellt. Hierarchie Navigation Navigation 1 Über uns Firmengeschichte Unsere Geschäfts - Philosophie Unser Team Unsere Dienstleistungen Navigation 1 Aktuelle Winterlager-Preisliste Occasionsboote Fotogalerie So finden Sie uns Navigation 2 Kontakt Home Navigation 2 S. 7 von 12

8 Eingesetzte Techniken Software Wir haben die Homepage mit der Software Dreamweaver erstellt. Dokumentierte Javascripts Wir haben keine Javascripts. S. 8 von 12

9 Dokumentation spezielle Techniken Search-Funktion Leider konnten wir aus Zeitgründen keine Search-Funktion mehr einbauen. Wir wurden über die Funktion Meta-Tags auf einer Homepage einzufügen, einige Wochen vor Kurs Ende informiert. Da wir dort bereits schon Zeitprobleme hatten, wollten wir zuerst einmal die Homepage selbe fertig stellen. Nun mussten wir wie bereits erwähnt leider feststellen, dass die Zeit dafür abgelaufen ist. Falls der dringende Wunsch nach einer Search-Funktion jedoch besteht, kann diese natürlich auch später noch in der Homepage eingebaut werden. Hosting Account FTP-Server: Passwort Das Passwort ist bei Jacqueline Krebs und Martina Ruf sicher aufbewahrt. Wir geben es am Ende des Projekts an Frau Mächler weiter. Provider Der Provider ist momentan noch BWZ Rapperswil. Gültige Webadresse Falls die Homepage hochgeladen wird, lautet die Webadresse folgt: S. 9 von 12

10 Review Was ist gut gelaufen Der Index war eigentlich das Hauptproblem. Das heisst, als wir alle Einstellungen für die Vorlage (Index-Site) erstellt hatten, konnten wir fast problemlos die restlichen Sites gestalten. Software Wir hatten so unsere Schwierigkeiten mit der Software Dreamweaver. Anfangs mussten wir uns recht reinknien, um etwas Sehenswertes für die Homepage zu fertigen. Mit der Zeit jedoch hatten wir Übung und konnten Routine-Arbeiten gut ausführen, bei neuen Dingen, wie zum Beispiel ein Formular erstellen etc. Tabellenweb Es forderte uns zwar sehr viel Aufwand die CSS Stile zu definieren damit das Tabellenweb schlussendlich so aussieht, wie es nach unseren Vorstellungen aussehen sollte. Schlussendlich hat sich jedoch diese Arbeit auf jeden fall gelohnt. Zusammenarbeit Die Zusammenarbeit mit Frau Mächler klappte bedingt. Wir brauchten nicht viele Informationen während des ganzen Projekts. Frau Mächler fasste das anscheinend so auf, als würden wir uns nicht um die Homepage kümmern. Unsere Motivation sank mit der Zeit, da wir unserer Meinung nach ihren Erwartungen nicht gerecht werden konnten. Die Übermittlung aller benötigten Informationen von Frau Mächler klappte jedoch immer sehr gut. S. 10 von 12

11 Wo lagen die Probleme Joomla Es war von Anfang an klar, dass wir das Programm Dreamweaver für die Homepage-Erstellung verwenden. Zeitumfang Die gesamte Zeiteinteilung haben wir ein wenig unterschätzt. Mit den Arbeiten kamen wir langsam voran, da wir stets Mühe und Probleme mit dem Programm Dreamweaver hatten. Wir mussten uns auch teilweise wieder Fotos oder sonstige Informationen bei Frau Mächler beschaffen. Sie war jedoch stets zuverlässig und schickte uns die benötigten Informationen so schnell wie möglich. Somit konnten wir, auch wenn sehr knapp, die Homepage fertig stellen. S. 11 von 12

12 Diverses Internetauftritt Sobald wir den Kurs beendet haben, wird die Homepage unter nach Einverständnis von Frau Ursula Mächler auf dem Internet hochgeladen. Für die Weiterführung der Page möchten wir nicht mehr verantwortlich sein da wir das ganze Projekt über das Gefühl hatten, Frau Mächler s Anforderungen nicht gerecht zu werden. Gerne übergeben wir diese Verantwortung jemand anderem. Wir werden dieser Person sämtliche Daten zur Verfügung stellen und er wird diese auf diesen URL hochladen. Vereinbarungen Wir haben mit Frau Mächler noch keine Vereinbarungen getroffen. Aber wie oben bereits erwähnt, möchten wir uns aus diesem Projekt zurückziehen, sobald der Kurs vorbei ist. Schlusswort Wir möchten uns an dieser Stelle bei allen Kursleitern bedanken, dass Sie so viel Geduld mit uns hatten. Wir haben einiges gelernt in diesem Kurs und können einiges davon mit in unser zukünftiges Berufsleben mitnehmen. S. 12 von 12