Zafferano Onsernone

Ich habe eine Seite über eine fiktive Safran Produktion in Valle Onsernone (Tessin), bei meine Berghütte, herstellt. In der Familie haben wir über die Machbarkeit ein solcher Produktionsprojekt schon mehrere Gedanken gemacht und es könnte in den nächsten Jahren Realität werden.

Schermata 2017-02-17 alle 09.46.28

Inhaltlich ist die Seite noch arm und ziemlich Sinnlos. Ich benutzte der WordPress Twentythirteen Thema. Ich habe mehere änderungen un Anpassungen bezüglich Farben, Font und Layouts gemacht.

Schermata 2017-02-17 alle 09.58.26

Ich habe zum Beispiel eine Image Gallerie mit viewmode „Carousel“ mittels der Plugin Jetpack hergestellt. Ein Countdown Widget zum mein Geburtsstag (auch Jetpack) ist in der Rechte Seite (secundary widget area) sichtbar.

Schermata 2017-02-17 alle 10.01.27

Ich fande dass die widget areas waren zu wenig (nur 2), so habe ich eine additionale widget area in Header Sektion eingebaut (mittels ein Plugin und php Code in der file „style.css“). In diese area habe ich ein Facebook widget von meine Band (als Beispiel) eingesetzt.

Schermata 2017-02-17 alle 10.05.04

Ich könnte ein „multiple choice“ Menu mittels standard WordPress Tools in Menu einbauen. Die verschiedene Untermenus rufen andere andere Webseiten an.

In den verschiedene Sektionen habe ich andere Plugins und besondere Sachen eingesetzt, wie eie Google Maps Locator, eine Kontakt-Formular und ein Viewcounter.

Schermata 2017-02-17 alle 10.12.43

Letzens, habe ich die Footprint Section geänderet und unsere wunderschöne Uhr eingesetzt. Die Uhr ist geändert worden, so dass der Sekundenzeiger nach Millisekunden Lauft.

http://ivogaspa.myhostpoint.ch/

 

Visit Kosovo

Im Rahmen des Moduls „Webtechnologie und Webdesign“ habe ich via WordPress die Webseite „Visit Kosovo“ erstellt.
Da meine Wurzeln aus Kosovo sind und ich mal mit meiner schweizerischen Freundin das Land bereist habe, habe ich durch ihre positiven Rückmeldungen bemerkt, dass es ein sehenswertes Land ist. Um Touristen anzuregen, oder einfach für „Wundernasen“ einen Einblick zu ermöglichen, habe ich diese Website folgendermassen erstellt:

Ein schlichtes und übersichtliches Design wurde gewählt, damit man nicht von Informationen überladen wird:Startseite

Das Menuband  besteht aus Startseite, über Kosovo, Sehenswürdigkeiten, albanische Küche, Hotels und Kontakt.

Startseite
Dient als Willkommensgruss.

Über Kosovo
Generelle Informationen (Grösse, Währung, Karte).

über kosovoSehenswürdigkeiten
Eigene Fotos von historischen Orten und der Natur.

sehenswürdigkeiten

Albanische Küche
Was auch wichtig ist: was die Spezialitäten dort sind, welche man unbedingt probieren sollte.

essen

Hotels
Ein Link zu einer Website wo man Hotels finden kann.

Kontakt
Für Fragen oder Anregungen.

Als Plugins wurden das aktuelle Wetter und die Suchfunktion verwendet.

Im Footer erhält man eine Information über die Seite und die Suchfunktion:

footer

Ich hoffe, dass mit diesen Infos ein kleiner Einblick erschaffen werden konnte, hier der LINK.

Website Betrieb la Pâturatte

http://pitergbl.myhostpoint.ch

Willkommen auf der Website unseres bio Betriebs.

Bildschirmfoto 2017-02-16 um 15.04.47

Auf dieser Seite finden sieht man als erstes unser Logo (gezeichnet für diesen Kurs mit Hilfe von Illustrator) .

Das horizontale Menü beinhaltet folgende Rubriken:

– Über uns: Wo liegt der Betrieb, wie gross ist er, was wird gemacht usw.

– Bildergalerie: diese Galerie wurde mit dem Plugin: Karrusel erstellt (eigene Bilder)

Bildschirmfoto 2017-02-16 um 15.09.35

-Online Bestellungen: Diese Rubrik beinhaltet zwei Formulare um verschiedene Produkte zu bestellen (es gibt einen Link mit meiner Email Adresse) – Plugin: Torres Form

– News: Hier findet man alle neusten News zu unser Website (blog Beiträge)

– Kontakt: Diese Seite enthält einerseits ein Kontaktformular für anfällige Fragen und Anregungen, und andererseits eine Map (Plugin: Robo Maps)

Bildschirmfoto 2017-02-16 um 15.14.00

-HTML Seite: Hier ist noch ein Link der zu meiner html-Seite führt

Bildschirmfoto 2017-02-16 um 15.16.16

Kommentar zum Thema und den Bildern:

Alle Bilder in den Menüs, den Backgrounds und der Bildergalerie sind aus eigener Kollektion.

Fazit:

Es war interessant diese Seiten zu erstellen und die Möglichkeiten bzw. Grenzen von WordPress/html zu ergründen. Diese Seite ist eine Vorlage für eine in der Zukunft geplante Website und wird sicherlich noch gebraucht.

En Lussy – Exploitation agricole famille Michel Amaudruz

BlockWoche WebTech – Projet WordPress

Tobias Meyer et Cédric Amaudruz

 

Notre projet

Nous avons réalisé un site web avec WordPress (en utilisant le thème « Hitchcock » afin de présenter l’exploitation agricole de la famille Amaudruz. Offrir une visibilité sur internet à leur local de vente à la ferme. Ainsi qu’offrir la possibilité aux consommateurs de profiter d’information sur la promotion des fruits et légumes de saisons de production locale.

Présentation du site web : En Lussy – Exploitation agricole famille Michel Amaudruz

 

Page d’accueil

1_accueil

La page d’accueil contient les différents menus du site web, qui sont situé en haut de la page, ainsi qu’une fonction recherche. Le titre se trouve au milieu sur une image de fond représentant la ferme de l’exploitation. On y trouve aussi les « News Fraîcheur » (ici l’image de kiwi) informant les visiteurs des dernières actualités de l’exploitation.

News Fraicheur

Ce sont des petites images situées sur la page d’accueil qui lorsque l’on passe la souri dessus dévoilent un text avec le sujet des news et la date de création. Elles continnent un lien renvoyant à un article. Cette article à pour but de prévenir le consommateur de l’arrivée d’un nouveau produit de saison sur les étales du local de vente ou d’un événément à venir sur l’exploitation.

Dans cet exemple, l’article parle de l’arrivée des Kiwis Suisses à la vente et offre la possibilité par un lien url de se rendre sur un site d’information pour en apprendre plus sur le kiwi suisse. Il est aussi possible de laisser des commentaire sur ces article pour donner son avis.

2_fraicheur3_kiwis

Les différents menus

menüüüü

 

A propos de nous : contient des informations concernant la famille Amaudruz et leur exploitation ainsi que leur système de production.

Local de vente : contient des informations concernant le local de vente self-service de la ferme, les horaires d’ouvertures ainsi que la marche à suivre pour les acheteurs.

Calendrier des saisons : contient des liens menant à différents sites sur lesquels sont disponibles plusieurs calendriers consignant les légumes et les fruits suisse tout en indiquant leur période de récolte. Grace au plugin «Open External links in a new window  » les liens s’ouvrent dans une nouvelle fenêtre du navigateur web.

Idées de recettes : contient des liens menant à différents sites sur lesquels sont disponibles plusieurs recettes culinaires à base de produit de saison.

Galerie : ce menu contient un « carrousel d’images » qui tournent automatiquement avec la fonction diaporama, en dessous de l’image et autour de celle-ci se trouvent des boules et des flèches permettant de naviguer dans la sélection d’image.

5_gallerie

Nous avons réalisé ceci grâce au plugin « Image Carousel ». Il est aussi possible de cliquer sur l’image et ainsi de lancer un diaporama plein écran des différentes images.

6_lädeli

Nous avons réalisé cela grâce au plugin « Gallery Light Box Lite ».

Sites d’information : il offre deux fonctions, premièrement lorsqu’un click est effectué sur « sites d’information » une page s’ouvre sur laquelle il est possible de trouver des informations sur différents sites concernant l’a production fruitière et maraichère suisse.

Deuxièmement si l’on passe la souri sur le menu « Sites d’information », un menu déroulant s’ouvre, offrant la possibilité de directement cliquer sur le nom du site web que l’on veut visiter et l’ouvrir dans une nouvelle fenêtre du navigateur.

7_informations

Contact : dans le menu contact se trouve un plan d’accès dynamique généré depuis Google map sur lequel il est possible de naviguer, ainsi que les différentes informations pour contacter la famille Amaudruz (adresse, téléphone, et un lien de l’adresse de courriel qui ouvre directement une page pour créer un nouveau mail dans Outlook par exemple). Nous avons renoncé à la boite de dialogue car nous ne voulons pas que des personnes nous envoient des commentaires anonymes.

8_contacts

L’option recherche : elle permet de rechercher des informations dans le site en utilisant des mots clés

Website CakePopCreator

Wir haben uns entschieden eine (fiktive!) Website über CakePops zu Erstellen.

Design:

Wir haben uns für ein Design entschieden, welches die CakePops ins Zentrum stellt. Die Bilder sollten gross und anschaulich dargestellt werden und zudem haben wir darauf geachtet, dass uns die Schriftart gefällt.

Technologien:

Wir haben 3 Plug-Ins integriert. Eines für die Formulare des Creators, eines für Google Maps und eines, welches ermöglicht mit uns in Kontakt zu treten.

Auf der ersten Seite sieht man sofort gross eine Impression von CakePops, damit jeder Besucher der Seite auch sofort auf den Geschmack kommt. Die Website hat 5 Unterseiten, welche teils anschliessend vorgestellt werden.

SC Front

Im Menu „Impressionen“ kann man in 3 Untermenus verschiedene Fotos der CakePop Kreationen finden.  Die Fotos werden nach Anklicken in einer Galerie dargestellt.

Website CakePopCreator weiterlesen

Beautiful Places

 

Beautiful Places

Auf dieser Website kann man einige schöne Orte auf der Welt ansehen und etwas darüber lesen. Sie dient als Inspiration, wenn man sich nicht für sein nächstes Reiseziel entscheiden kann.
UnbenanntMit einem Klick auf ein Bild, öffnet sich die Seite mit einigen Informationen über den jeweiligen Ferienort.

Unbenannt

Anschliessend kann der Ferienort bewertet werden, um die Auswahl für weitere Nutzer einfacher zu machen.

Bildschirm1

 

Der gewünschte Ort kann auch über das Menü geöffnet werden.

 

 

Bildschirm2

 

Shoe Culture

Shoe Culture ist der Referenzblog, wenn es um Männerschuhe geht. Hier findest du alles!

oxford

Von Pflegetipps, über die verschiedenen erhältlichen Arten bis hin zu einem Store Guide ist alles dabei.

shops

Willst du mehr erfahren und noch tiefer in diese spannende Thema hineintauchen? Dann bieten wir dir unseren PDF-Guide an, den du für einen geringen Betrag erwerben kannst.

gallery

 

Wir haben für unsere Seite mehrere Plugins benutzt, um sie lebhafter und interessanter zu gestalten. Zum Beispiel:

  • Envira: Bilder-Galerie
  • WP-AIOS: Verknüpfungen zu Social-Media
  • Donation-Button: Finanzielle Unterstützung ist immer gut zu gebrauchen
  • Search&Filter: Eine Suchleiste vereinfacht das Filtern von Beiträgen

Wir haben eingebettete Elemente wie die Shop-Karte und Youtube-Videos, wo der Inhalt nicht von unserer Seite, sondern von einem anderen Server geladen wird.

video

 

Das Design ist simpel und sauber gehalten. Es begrenzt sich aufs Essenzielle.

 

Besuche uns unter diesem Link.

 

Trachtengruppe Oberburg

In diser Blockwoche haben wir eine Vereinswebsite der Trachtengruppe Oberburg gestaltet.  Wir haben ein einfaches und übersichtliches Design gewählt. Dadurch sollen sich Besucher leicht zurecht finden. In der Menüleiste bestehen die Punkte „Home“, „Die Trachtengruppe“, „Aktuell“, „Proben & Schnupperproben“,  „Vorstand“, „Kontakte“ und „Karte“. Unter dem Punkt „Die Trachtengruppe“ wird für Laien erklärt, was tendenziell die Aktivitäten in einer Trachtengruppe sind. Diese Seite wird in Zukunft noch durch ein kleines Video ergänzt. Durch die Verknüpfung mit den Beiträgen auf der Seite „Aktuell“ können einfach aktuelle Beiträge gepostet werden. Dies ist hilfreich um die Seite aktuell zu halten. „Proben& Schnupperproben“ beinhaltet die allgemeinen Informationen zu den Proben und Verlinkungen zu den genauen Probedaten. Ausserdem wird auf der Seite  zu  einer Schnupperprobe eingeladen. Dazu wurden direkt die Kontakte und eine Karte verlinkt. Die Seite „Vorstand“ stellt die wichtigsten Mitwirkenden der Trachtengruppe vor und untermalt diese mit Portraits . Unter Kontakte findet man ganz allgemeine Kontaktinformationen. Ausserdem ist hier möglichst unauffällig ein Link eingebracht, welcher das Login für Administratoren ermöglicht. Zum Schluss können Besucher auf einer Karte den Standort des Probe- und Auftrittlokals finden.

TG Oberburg

 

Ausserdem gestalteten wir eine HTML-Website. Auf dieser stellte sich Désiree Kobel in kleinem Rahmen persönlich vor und verlinkte alle gemachten Übungen. Die Seite zeigt, dass man auch ohne spezielles Webdesign- Programm eine Website gestalten kann. Sie dient vorallem zum Ausprobieren der gelernten Techniken und wird nicht online gestellt.

HTML-Website

Bio-Hof Jegenstorf

StartseitePouletmastDiese Seite ist als Webseite für den Bio-Hof von Benjamin Studer in Jegenstorf gedacht. Sie ist bis jetzt nur eine Vorlage und wird bei einer Verwendung noch mit eigenen Bildern angepasst. Unter den verschiedenen Rubriken kann man sich über die Person, die Poulemast oder die angebotenen Lohnarbeiten informieren. Die Webseite soll einfach gehalten werden und trotzdem auf den Betrachter ansprechend wirken.

Weiter ist es möglich, dem Betriebsleiter eine Nachricht oder Kommentar zukommen zu lassen, zum Beispiel von interessierten Spaziergänger, welche an den mobilen Mastställen vorbeikommen.
Es ist wichtig, dass Landwirte ihr Image pflegen und den Kontakt mit den Konsumenten suchen. Auch in dieser Hinsicht soll die Webseite als Brückenelement dienen.

Hier gelangt Ihr auf unsere Webseite.

 

 

Caliber Club 2.0

Es wurde die Domäne mit dem Namen http://caliberclub2.ch/ bei switchplus reserviert. Diese wurde auf der Webhosting Plattform von Dataflow-solutions abegelegt und mit WordPress bearbeitet.

Die Seite stellt ein Ton- und Videotechnikstudio vor, das sich im Moment im Aufbau befindet. Die Home-Seite sieht so aus:

1Sie ist bewusst schlicht gehalten und soll vertrauenswürdig wirken. Die Inhalte werden dann später mit den Betreibern des Studios zugefügt.

2Man kann Kontakt aufnehmen und Kommentare hinterlassen:

3

5Die Seite ist unter caliberclub2.ch/wordpress aufrufbar. In einem nächsten Schritt soll diese ohne den Anhang /wordpress ereichbar sein.