HTML-Website Seeds&Plants

Ich habe mich dafür entschieden, eine Webseite einer fiktiven Firma Seeds&Plants zu machen, welche Saatgut verkauft. Zudem gibt es auf der Website auch einen Blog, wo über verschiedene Themen zu Saatgut, Pflanzen, Garten und Landwirtschaft geschrieben wird.

Es wurde eine Webseite mit WordPress und eine mit HTML, CSS, JavaScript und PHP erstellt. Im Folgenden wird die HTML-Seite etwas genauer vorgestellt.

Auf der Home-Seite wird der Shop wie im Bild oben dargestellt. Geht man mit der Maus auf ein Bild, so wird das Bild „umgekehrt“ und es erscheint der Name der Pflanze. Hier könnte bei Bedarf noch der Preis, die Menge oder weitere Informationen zum Saatgut hinzugefügt werden. Klickt man auf den Text wird man auf das Bestellformular weitergeleitet, wo man das Produkt und die Menge wählen kann.

Das Bestellformular wurde mittels PHP so programmiert, dass beim Absenden ein Email mit den ausgefüllten Daten verschickt wird – momentan wird das Mail an mein BFH-Mail gesendet. Der Kunde wird auf eine Seite mit der Bestellbestätigung weitergeleitet.

Mail mit den Daten aus dem Formular
Bestätigung für die Bestellung für den Kunden

Zusätzlich kann man auf die Seite Shop durch das Menü auf der Home-Seite oben rechts. Dort sieht man alle Produkte, mit Gewicht und Preis. Auch hier kann man jeweils wieder auf das Produkt klicken, um zum Bestellformular zu kommen.

Der Blog ist ebenfalls auf der Home-Seite ersichtlich. Durch Klicken auf den entsprechenden Titel gelangt man direkt zum Blog-Beitrag.

Wiederum gibt es auch die Seite Blog, welche oben rechts im Menü angewählt werden kann. Dort werden alle Blogs aufgeführt.

Schlussendlich wurde auf der Home-Seite noch ein Abschnitt About eingefügt, bei welchem man den Betrieb/die Firma beschreiben würde. Zudem gibt es auch eine interaktive Karte, wo die Lage der Firma ersichtlich wird.

Auch gibt es eine Seite About oben rechts im Menü. Dort wird zusätzlich die Philosophie, Kontakt und weiteres aufgeführt.