Mit dieser Webseite wollte ich einen Hofladen für unseren Hof erstellen. Die Seite habe ich mit HTML, CSS und JAVASCRIPT erstellt. Hier meine HTML-Seite.
Auf der ersten Seite ist habe ich einen Header mit der Navigation. Zudem hattes einen Banner mit einem Butten welcher direkt in den Shop führt. Um die Seite etwas zu verschönern, habe ich einen Container mit 4 Bildern eingefügt.
Auf der Seite des Shops sind 4 Verschiedene Produkte mit einem Bild und einem Preis. Um ein Produkt dem Warenkorb hinzuzufügen, kann der grüne Butten gedrückt werden. Wird dieser Butten gedrückt, wird das Produkt im Warenkorb, welcher sich auf der rechten Seite befindet, angezeigt. Es kann auch dien Menge bestimmt werden.
Sobald sich ein Produkt im Warenkorb befindet erscheint ein Button für die Bezahlung.
Bei der Seite „Über uns“ könnte man seine Mitarbeiter beschreiben.
Die Seite wird mit eine Video verschönert. Das Video habe ich in einem Loop programmiert. Somit ist es in einer Endlosschlaufe.
Die Karte welche sich in der Seite „Kontakt“ befindet, hat einen Pfeil auf unserem Hof. Das Kontaktformular unten konnte ich leider nicht mit meiner Mail-Adresse verlinken.
Zum Schluss kommt noch der Blog, welcher ich direkt mit der Übung erstellen einer Image Gallery verknüpft habe. Somit kann auf den Butten gedrückt werden Bild hochladen. Via Link erreicht man die PHP-Seite um ein Bild hoch zu laden.
An WordPress hab ich keinen Gefallen gefunden. Für mich war es zu wenig übersichtlich. Deshalb habe ich mich nicht besonders fest mit WordPress auseinander gesetzt. Hier ist mein WordPress
Hier mein PHP