Dokumentation der Internetseite

www.filzwerk.de

Es handelt sich hier um eine kurze Beschreibung des gesamten Internetprojektes für FilzWerk-Barbara Müller.

Ziel dieser Dokumentation ist es, dem Benutzer einen Überblick über die Internetseite und den darin befindlichen Inhalten zu geben.

Anhand dieser Dokumentation sollte es den Benutzer gut möglich sein, sich einen Überblick über das ganze Projekt zu verschaffen.

Die Dokumentation kann somit als Anleitung gesehen werden

 

Beschreibung

Diese Internetseite wurde entwickelt, um die Firma FilzWerk im Internet darzustellen und die Möglichkeit zu schaffen, online bei ihr einkaufen zu können, oder mit ihr über das Internet Kontakt aufzunehmen.

 

Wenn man die Internetadresse www.filzwerk.de in den Computer eingibt, erscheint nach kurzer Zeit die Eingangsseite zur Filzwerkhomepage.

Auf dieser Seite sind zu sehen:

1.Die Visitenkarte von FilzWerk

2.links eine Deutschlandfahne

3.rechts eine Englandfahne

 

 

Bewegt man den Mauszeiger (Cursor) über die Deutschlandflagge erscheint dort dann automatisch der Text:

Herzlich willkommen. Bitte treten Sie ein.

Und bewegt man den Mauszeiger über die Englandfahne erscheint nach kurzer Zeit der Text:

Sorry, it’s under construction.

 

 

 


Klickt man nun hier auf die Englandflagge, so erscheint nach kurzer Zeit ein oranges Fenster mit den Texten:

1)We´ll be back soon

2)filzwerk@aol.com

3)under construction

Der Text "under construction" fliegt in einer Seifenblase durch die Gegend.

Wenn man mit der Maus auf den Text filzwerk@aol.com geht verändert er die Farbe und wenn man auf den Text klickt, kann man automatisch eine Nachricht an FilzWerk schicken.

 

 

 


 

 

 

Wenn man nun wieder zurück geht zur Seite mit der Visitenkarte von Filzwerk,( dies ist hier nur über die "zurück" Funktion des Internetbrowsers möglich) und dann auf die Deutschlandfahne klickt, öffnet sich das Fenster:

FilzWerk-homepage

Hier sind oben im grauen Feld zu sehen:

1)ein bunter Steifen mit den Farben <BLAU< GRÜN< ORANGE <ROT

2) die Wörter <home <shop <Märkte <Kontakt

3) ein blaues Smilygesicht mit dem Text "Hilfe" daneben auf weißem Hintergrund.

 

bewegt man den Mauszeiger über eine der Farben im bunten Streifen, verändert sich der Mauszeiger und wird zu einer HAND

 

klickt man auf den Blauen Streifen unter dem Wort "home", dann

springt der braune Ball der mitten auf der Seite über dem Wort FilzWerk zusehen ist einmal hoch.

Klickt man auf den roten Streifen unter <Kontakt>, dann

öffnet sich das Fenster " Kontakt",

in diesem Fenster befindet sich der Text:

filzwerk@aol.com

 

 

 

 


 

 

 

Klickt man nun auf den orangen Streifen unter dem Text <Märkte>, öffnet sich ein Fenster in dem befinden sich:

  1. Eine Fotomontage mit einem großen Bild und 3 kleinen Bildern
  2. Ein Text der sich bewegt "Bilder bitte anklicken"

 


 

Klickt man auf den grünen Streifen unter dem Wort <shop>, erscheint eine neue Internetseite

FilzWerk-shop

 


Ganz links ist nun ein blauer Streifen auf dem steht "Homepage" klicken Sie bitte hier um wieder zurück zur homepage zu kommen.

 

 

Klickt man auf den blauen grinsenden Punkt, mit dem Text "Hilfe"

so öffnet sich nun ein neues Fenster, welches dem Besucher Hilfe geben soll bei Problemen.

 

 


 

 

 

Auf dem unteren rechten Teil, dem Hauptteil der Homepage sind drei Dinge zu sehen:

  1. Das Zeichen für die Aktion "SOS Kinderdorf"
  2. Der Schriftzug FilzWerk
  3. Ein Ball, der einen Filzball darstellen soll, der die Erde symbolisiert.

Mit diesem Ball kann man spielen, in dem man ihn kurz mit gedrückter linker Maustaste festhält, ihn hoch- oder zur Seite zieht und ihn dann los lässt. Auch einfach anklicken ist möglich.

 


 

 

 

 

 

 

 

 

Im linken Feld der Homepage befindet sich die Navigationsleiste.

In ihr sind enthalten die Texte:

1) Über mich

2)...Ein Stoff entsteht

  1. Der FilzWerk-shop
  2. Das Künstlerwarenhaus bei FilzWerk
  3. Fun
  4. Insider
  5. Gästebuch
  6. Kleinanzeigenmarkt

 

Bewegt man den Mauszeiger über die einzelnen Texte, verändert sich das kleine Symbol, welches links vor dem Text steht, in dem es einen grauen Hintergrund erhält.

 

 

 

 

 

 

Lässt man den Mauszeiger einen Moment auf einem Textfeld stehen, erscheinen automatisch die Texte:

Bei <Über mich> Lernen Sie mich kennen

Bei <Ein Stoff entsteht> So entwerfe ich Filzstoffe. Jeder Stoff ein Unikat.

Bei <Der FilzWerk-shop> Verkauf

Bei < Das Künstlerwarenhaus bei FilzWerk> Galerie

Bei <fun> Spielerei

Bei <Insider>Filzen Sie auch?

 


Bei <Gästebuch>Ihre Meinung

Bei < Kleinanzeigenmarkt> Anzeigen kostenlos aufgeben

 

Klickt man auf den Text <Über mich> so erscheint ein neues Fenster mit dem Text:

Barbara Müller Schneiderin Filzkünstlerin und Mutter von 2 Kindern

 

Rechts daneben erscheint ein Portrait von Barbara Müller

 


 

Klickt man auf den Text < Ein Stoff entsteht> so erscheint ein neues Fenster mit dem Text:

Klicken Sie einfach mitten auf diese Bildfläche um ein Bild weiter zu springen.

Wenn man auf diese Bildfläche klickt, startet eine Bildschirmpräsentation, die Sie mit Klicken auf das Bild weiter steuern können.

Als erstes erscheint ein Bild mit:

Bunter Filzstoff auf rotem Grund mit dem Text <so entsteht ein neuer Filzstoff bei FilzWerk>

 

Nun einfach weiter klicken und alle Bilder ansehen.

 


 

 

 

 

 

Klickt man auf das Textfeld < Der FilzWerk-shop> dann erscheint eine komplette neue Seite:

Filzwerk-shop

 


Klicken sie dort wieder auf den roten Streifen unter dem Wort <Homepage> oben links im grauen Feld um wieder zurück zur Homepage zu gelangen.

 

 

 

 

 

 

Beim anklicken des Textfeldes < fun > öffnet sich ein neues Fenster mit dem Text:

Hier können Sie uns ein wenig näher kennenlernen und sehen, wer wir sind.

............wir sind ganz nette Leute.

Viel Spaß wünscht das FilzWerk-Team

FilzWerk

Ich möchte ein anderes Spiel ( dieser Schalter führt Sie zur Seite der Powerflasher. Das sind hochkarätige Internetanimationsexperten, die dort ganz tolle, von ihnen selbst programmierte Spiele vorstellen. Schauen Sie sich das ruhig mal an und kommen Sie dann bitte einfach wieder zu uns zurück, in dem Sie einfach das Powerflasher-Fenster schließen.

Klickmemory

Noch einmal und Ende

Des weiteren sind 20 graue Memorykarten zu sehen. Wenn man diese anklickt öffnet sich ein Bild welches darunter versteckt ist. Hat man zwei gleiche Bilder erwischt, bleiben Sie automatisch offen liegen.

Hat man alle geschafft kann man <noch einmal> oder < Ende > anklicken.

Bei <noch mal> drehen sich alle Karten automatisch wieder um.

Bei <Ende> öffnet sich ein neues Fenster mit einem kleinen Film auf schwarzem Hintergrund und dem Lauftext:

Schluß mit der Spielerei zurück zur Realität zurück zu Fantasien in Filz bei www.filzwerk.de

Wenn man auf diesen Text klickt, gelangt man zurück zur Homepage.

 


Klickt man auf das Textfeld < Insider > öffnet sich ein neues Fenster mit den Schaltern:

 

<Buchtip>

und

<Wie entsteht Filz?>

 

Klickt man auf "Buchtip" dann öffnet sich ein neues Fenster.

In diesem wird ein Buch vorgestellt, welches vom einem Wanderschäfer aus unserer Münsterländer Heimat geschrieben wurde und nur über Ihn selbst, Bücher Janning ...und uns erhältlich ist.

 

Klickt man auf den Schalter " Wie entsteht Filz?", dann öffnet sich wieder ein neues Fenster.

In diesem kann man sich durch betätigen der "weiter" Taste durch eine kleine lustige Geschichte klicken, die zeigen soll wie man es besser nicht machen sollte.

 

 


Klickt man auf das Textfeld < Gästebuch > öffnet sich das

Gästebuch

Unten am Ende der Liste ist das Textfeld:

Ich möchte etwas schreiben

Beim anklicken, erscheint ein neues Fenster:

Ihr Eintrag.

Bitte das Formular ausfüllen und dann:

 

Vorschau testen

Und nun auf

Eintrag hinzufügen klicken

 


Beim anklicken des Schalters < Kleinanzeigenmarkt >

müsste sich ein neues Fenster öffnen

In diesem Fenster wird der Kleinanzeigenmarkt für Künstler und Kunsthandwerker erklärt.

Um weiter zu gelangen, klicken Sie bitte unten auf das Wort >Kleinanzeigenmarkt<

 

Es wird sich ein neues Fenster öffnen. "Kleinanzeigenmarkt für Künstler und Kunsthandwerker"

Dort klicken Sie bitte auf den Satz.<Neues Inserat verfassen>

Nun sehen Sie wiederum ein neues Fenster.

Hier geben Sie bitte ihren Namen und Ihre Anzeige ein.

Und dann auf abschicken klicken.

 


 

Beim anklicken des Schalters < Das Künstlerwarenhaus bei FilzWerk> wird

nun ein neues Fenster erscheinen, mit dem Text:

Künstler präsentieren sich im..........................

Falls dieses Fenster nicht zu sehen ist, versteht Ihr Internet Browser vielleicht kein Flash.

 

Wenn man

< Das Künstlerwarenhaus bei FilzWerk>

anklickt müsste sich ein neues Fenster öffnen. Auf Ihrem Bildschirm müssten nun folgende Dinge zu sehen sein;

 

1) oben im Bild ein grauer Streifen mit dem Text " Das Künstlerwarenhaus bei FilzWerk" in schwarzer Schrift.

2) Ein hellblaues Grinsgesicht auf weißem Hintergrund und dem Text " Hilfe"

3) Ein weißer Balken mit einer schwarzen Laufschrift . Der Text der Laufschrift sollte lauten: " Sehr geehrte Besucher des Künstlerwarenhauses bei FilzWerk.......bitte haben Sie ein wenig Geduld, bis wir für Sie das Künstlerwarenhaus geladen haben.......Dies kann je nach Computerkonfiguration ein paar Sekunden in Anspruch nehmen........Sollte diese Anwendung bei Ihnen nicht funktionieren..........dann schauen Sie bitte im Hilfetext unter / FAQs nach, dort erhalten Sie Hilfe."

 


Auf der linken Seite des Bildschirms müsste ein beiger Streifen zu sehen sein. In diesem Feld befinden sich die Sätze:

  1. zurück zu FilzWerk
  2. Intro überspringen und zum Treppenhausaufgang
  3. Ein kleines Bild, welches das Künstlerwarenhaus als Hochhaus mit Bäumen darstellt.
  4. Der Untertitel des Bildes " KWH bei FilzWerk"

 

Vor jedem Hyperlink ( das sind die Texte 1) und 2) ) sind kleine Bilder angeordnet.

Diese verändern sich, sobald man den Text mit dem Mauszeiger berührt.

Und zwar dahingehend, dass das kleine Bild einen grauen Hintergrund erhält.

Dieser soll dem Besucher klar machen, welchen Schalter er gerade betätigen kann.

 

 


 

Im Hauptframe ( dies ist der Hauptteil der Internetseite und er befindet sich rechts unten,

wird sofort beim Starten dieser Seite ein kleiner Flash-film geladen.

Dies nimmt je nach Computer..............Internetprovider...................Tageszeit..............und Internetbrowser.....................mehr oder weniger Zeit in Anspruch und hängt damit zusammen, dass die Daten, Bilder und Geräusche, die später zu hören sind, nun erst einmal aus dem Internet, auf Ihren Computer vorgeladen werden.

Wenn Sie diese Seite hiernach noch einmal besuchen, werden Sie feststellen, dass die Vorladezeit fast gleich null ist. Dies hängt damit zusammen, dass die Daten, die angezeigt werden sollen, sich dann bereits auf Ihrem Computer befinden und nicht erst aus dem Internet geholt werden müssen.

 

  1. Ist dieser Flashfilm überhaupt bei Ihnen zu sehen?
  2.  

    Wenn ja, dann ist alles in Ordnung, Wenn der Film spätestens nach 30 Sekunden immer noch nicht zu sehen ist, hat ihr Internet Browser warscheinlich noch kein Flashplugin.

     


    Sollten Sie also diesen Flashfilm ( gesprochen = Fläschfilm) bei Ihnen auf Ihrem Computer sehen können, dann müsste bei Ihnen folgendes passiert sein:

    1) ein kleiner Vorfilm ( Intro) zeigte unter anderem den Text "Künstler präsentieren sich im

    1. Künstlerwarenhaus in Deutschland"

  3. Es war in einem kleinen Film die Eingangstür des Künstlerwarenhauses zu sehen.

Diese öffnete sich von selbst und der Film lief weiter bis zum Fahrstuhl. Dort blieb der Film einfach stehen.

 

Wenn Sie dies alles auf Ihrem Computer gesehen haben, scheint die Flashprogrammierung auf Ihrem Computer also einwandfrei zu funktionieren.

 


Kleiner Tip

Sollte Ihnen das jetzt alles ein wenig zu schnell gegangen sein.........................klicken Sie bitte einfach auf den Text "zurück zu FilzWerk" und dort angekommen, klicken Sie einfach noch mal auf:

" Künstlerwarenhaus bei FilzWerk."

Damit läuft der ganze Film noch mal von vorne, und Sie können Sich das Ganze noch mal in Ruhe ansehen.

 

 


Zum besseren Verständnis möchten wir noch kurz erklären:

Es handelt Sich hier um eine Programmierungsform für das Internet, in der es möglich ist interaktive Filme zu erzeugen. Das heißt: Es läuft ein kleiner Film automatisch ab, bis zu einem bestimmten Ereignis. Dort ist dann Ihr Einsatz gefragt. Der Film bleibt solange stehen, bis der Betrachter aktiv geworden ist und eine vorher bestimmte Funktion ausgelöst hat.

" Sie müssen hier in unserem Film den Fahrstuhl durch Betätigung des Fahrstuhlschalters auf Ihre Etage rufen."

Danach müsste der Fahrstuhl kommen. Es müsste sich die Fahrstuhltür öffnen und der Film müsste weiterlaufen, um den Eindruck zu erwecken, "Man würde sich in den Fahrstuhl hineinbegeben".

 


 

 

Im Fahrstuhlinnern sind zu sehen:

  1. Der Ausblick auf eine Großstadt durch die Glaswand des Fahrstuhles hindurch
  2. Das Geländer, welches zur Sicherung dient
  3. Und nach kurzer Zeit erscheint auf der rechten Bildhälfte ein Auswahlmenü mit den einzelnen Etagen des Künstlerwarenhauses.
  4. Ganz klein und dezent, müsste unten rechts in Ecke der Satz "Design and Programm Media Proof " zusehen sein. Wenn man auf diesen Satz klickt, dann kommt man automatisch zur Firma "Media Proof". Diese Firma hat diesen Film für uns erstellt.

Im Auswahlmenü zu den einzelnen Etagen sind diese Einträge zu sehen:

  1. Filzdesign
  2. Lederobjekte
  3. Holzweben
  4. Kunst
  5. Pappmache´

 


Hinter jedem Eintrag verbirgt sich nun eine eigene Etage des Künstlerwarenhauses.

Auf jeder Etage ist eine andere Galerie zu finden.

 

 

Wählen Sie einfach eine aus.

Der Fahrstuhl setzt sich nun in Bewegung.

Sie fahren nach oben.

Die Tür öffnet sich.

Sie durchschreiten die Gänge im Treppenhaus der oberen, ausgewählten Etage.

 

  1. Nun erscheint ein neues Bild mit einer Zeitleiste...................."0% bis 100%
  2. Und der Text " Galerie.....................wird geladen"
  3. unten in der Ecke der Eintrag der Firma "Media Proof"

 

 


Nun sind Sie in einer der Galerien angekommen.

Die lange Wartezeit ist bei dieser Art der Internetprogrammierung leider nicht zu umgehen.

Dies hängt damit zusammen , dass zuerst einmal alle Daten auf ihren Computer übertragen werden, damit der Film dann später sofort durchlaufen kann.

 

Wenn Sie mit dem Mauszeiger auf der linken Seite über einen der Texte < KWH-----zur Galerie---------oder zum Shop> fahren,

sollte er:

  1. Die Farbe ändern
  2. Ein Geräusch von sich geben

 


Klicken Sie bitte auf < zur Galerie >

Nun sehen sie wahrscheinlich:

  1. oben das Wort " Galerie"
  2. ein Bild in der Mitte der Bildfläche
  3. Die Schalter < zum Shop > <KWH> und <zurück>
  4. Zwei große Pfeile....einer nach rechts und einer nach links
  5. ein wenig Text unter dem Bild
  6. Den Eintrag der Firma "Media Proof"

Bitte klicken sie auf den Pfeil der nach rechts zeigt.

Und das sollte dann eigentlich dabei passieren:

  1. Ein neues Bild kommt auf Sie zugeflogen und dreht sich dabei um sich selbst.
  2. Es ist ein schmetterndes Geräusch zu hören
  3. Unter dem Bild erscheint ein neuer Text.

 

Hat alles geklappt?

Na wunderbar.

Ansonsten, schreiben Sie bitte eine e-mail an uns.

Danke.

 


So nun betätigen Sie bitte den Schalter < KWH>

Sie kommen dann wieder zum Haupteingang des Künstlerwarenhauses und können wieder mit dem Aufzug fahren.