7UP

Descrizione generale del sito

L’idea per questo sito stava nel digitalizzare il ricettario di famiglia. Affinché il contenuto sia attraente per l’utilizzatore, il design del sito è ricco di immagini e di colori vivaci ed è caratterizzato da uno stile di scrivere scherzoso che è enfatizzato dalla presenza di smileys. Inoltre egli può scegliere una categoria di ricette tra le opzioni “Ricette vegane”, “Ricette vegetariane” e “Ricette con carne e pesce”.

Fig 1Fig. 1

L’immagine soprastante (fig. 1) rappresenta la homepage. La disposizione delle ricette segue una logica cronologica di apparizione. A destra si trova il menu che rimane fisso indipendentemente dalla pagina o dall’opzione su cui si clicca. Nella barra del menu figurano:

  • il campo di ricerca (fig. 1)
  • i post più recenti, la possibilità di lasciare dei commenti (fig. 1)
  • le categorie di ricette (fig. 4, fig. 5, fig. 6)
  • Meta con la possibilità d’accesso login al sito, tra cui figura anche l’accesso come amministratore (fig. 1)
  • la cartina di dove i responsabili del sito possono essere raggiunti (fig.7)
  • il contatto dei responsabili del sito (fig.8)

Cliccando sui post che sono caratterizzati da un’immagine, dal titolo e da una parte del contenuto, si accede al suo contenuto completo, che è la lista degli ingredienti e il procedimento di preparazione (fig. 2). Sotto c’è la possibilità di accedere al post precedente e a quello seguente. Inoltre sono presenti la data di pubblicazione e la categoria a cui appartiene la ricetta. Nel caso si voglia lasciare dei commenti al post, è possibile farlo nella sezione sottostanti (fig.3) ed essi appariranno anche nel menu sotto la sezione “nuovi commenti”.  Cliccando sul testo accanto al logo “Ricette per tutti i gusti e… tutte le coscienze” si ritorna alla pagina principale.
Fig 2Fig. 2

fig 3 vFig. 3

Ogni ricetta è stata classificata come vegana, vegetariana o con carne o pesce. Sul menu è possibile scegliere la categoria desiderata, che apparirà su un’altra pagina come indicano gli esempi sottostanti (fig. 4, fig. 5, fig. 6). Nel caso in cui si cerca qualcosa di specifico, si può fare l’uso del campo di ricerca presente nel menu.

Fig 4Fig. 4
Fig 5Fig. 5
Fig 6Fig. 6

Nel caso di domande o difficoltà, l’utilizzatore può rivolgersi direttamente ai responsabili del sito via e-mail (fig. 7) oppure recarsi direttamente in ufficio. L’indirizzo e la posizione precisa sono indicate nel menu nella sezione ove vi è presente la cartina del Google Maps che può essere ingrandita o rimpicciolita direttamente sul sito oppure visualizzata in grande direttamente sulla scheda del Google Maps. Inoltre vi è la possibilità di visualizzazione satellitare per chi sia più facilitato da questo tipo di rappresentazione (fig. 8).

Screenshot (74)Fig. 7


fig 8
Fig. 8

 

 

Wildblumenhonig

Eines meiner Hobbys sind die Bienen. Aus diesem Grund habe ich eine Webseite über meine Imkerei und den Honigverkauf gestaltet.

startseite

Die Startseite ist einfach und übersichtlich. Ich habe. Beim Titel ist eine Animation eingebaut. Der Titel erscheint mit einer Verzögerung von 1s, der Untertitel mit 1,5 s und der Button mit 2 S Verzögerung. Mit einem Klick auf den Button „Honig“ wird gleich die Verkaufsseite aufgeschaltet.

Unten auf der Seite befindet sich ein Footer. Mit einem Klick auf den Pfeil gelangt man wieder zum Seitenanfang. Mein Name ist als copyright eingefügt. Mit einem Klick auf das f gelangt man zu meinem Facebook Acount.

datei

Auf der Seite Honig stehen die wichtigsten Informationen zum Verkauf. Das Angebot sowie die Preise sind dargestellt. Meine Adresse ist sichtbar und zudem die google Maps Seite stellt dar dar, wo unser Betrieb liegt.

ha

 

About me: hier stelle ich mich vor und gib einige Informationen über mein Hobby.

aboutme

Beim Klick auf die Seite Videos startet direkt das Video „Live im Bienenhaus“.

gu

Bei Bilder sind schliesslich noch einige Bilder angezeigt. Mit einem Klick auf ein Bild erscheint dieses grösser und mit der Pfeiltaste erscheint das nächste Bild.

l

 

„Geh zu Wildblumenburri“ verlinkt diese Seite mit der Webseite von unserem Betrieb.

WordPress-Seite TVL Inside

Ich habe mich dazu entschieden, eine Vereinsseite zu gestalten. Zurzeit bin ich in einem grossen Sportverein mit vielen verschiedenen Sportarten. Das Ziel war, eine Seite für uns Leichtathletikmitglieder zu erstellen. Darin sollten unter anderem Trainings, Resultate, Fotos und Videos zu sehen sein.

Ich wollte ein einfaches übersichtliches Design, mit den wichtigsten Informationen direkt auf der Startseite. 

Bildschirmfoto 2018-02-15 um 14.24.02
Bildschirmfoto 2018-02-15 um 14.24.15
Eine Google Maps Karte zeigt den Trainingsort. Die Karte kann man verschieben, vergrössern und verkleinern. Ausserdem enthält sie einen direkten Link zu Google Maps für eine Routenberechnung.

Bildschirmfoto 2018-02-15 um 14.24.24

Die TVL Facebook-Seite wurde integriert und zeigt nun direkt die neusten Social Media Posts an.

Bildschirmfoto 2018-02-15 um 14.24.32Bildschirmfoto 2018-02-15 um 14.24.48
Die Seite enthält sowohl eine Bildergalerie als auch Videos, die direkt auf der Site abgespielt werden.

Es finden sich auch Tipps zu den Trainingsbereichen im Laufsport.

Bildschirmfoto 2018-02-15 um 14.25.04Auf der Seite hat es ein Kontaktformular um direkt mit dem Verantwortlichen des Vereins Kontakt aufzunehmen. Ausserdem ist ein Gästebuch integriert, damit sich die Mitglieder und aussenstehende austauschen können. Die Beiträge müssen vom Administrator jeweils freigegeben werden.
Bildschirmfoto 2018-02-15 um 14.43.34Bildschirmfoto 2018-02-15 um 14.43.49Am Schluss wurde die Seite noch zweisprachig gemacht, da es doch viele französischsprachige Mitglieder im Verein hat.

Bildschirmfoto 2018-02-15 um 14.44.00

Hier noch eine kleine Übersicht über die verwendeten Plugins:Bildschirmfoto 2018-02-15 um 14.22.15

association fromagère suisse

Petit site internet fait avec WordPress. J’ai créé l’association fictive fromagère suisse. Le site voulait présenter la fabrication du fromage dans les grandes lignes. Et aussi quels fromages se trouvent dans quels cantons.

Voici la page d’accueil:

accueil

Ensuite, une page a été créé pour présenter la fabrication du fromage dans les grandes lignes.

fabrication_1 fabrication_2

Une seconde page a été créée pour que le visiteur/consommateur puisse laisser un commentaire ou prendre contact avec l’association.

contact_1 contact_2

Ensuite, une série d’articles a été créée pour représenté quelques fromages se trouvaient dans quels cantons.

article_1 article_2article_3 article_4Une page d’articles avec des FAQS et une page avec la galerie photos.

Fait par Laure Dépraz la semaine du 12-18.02.2018.

 

Food and Travel Blog

Da wir beide gerne Reisen und Essen haben wir einen Food and Travel Blog erstellt. Dazu haben wir mit WordPress gearbeitet.

Beitrag 7

Auf der Startseite sind die fünf neusten Beitragsbilder, welche mit den Beiträgen verlinkt sind, zu sehen. Unser Menu beinhaltet die Bereiche: Über uns, Länder und Kommentare.

Die Seite „Über uns“ informiert die Besucher über uns und enthält ein Plugin mit Google Maps.

Beitrag 3

 

Die Seite „Länder“ ist untergliedert in die verschiedenen Länder, welche wir besucht haben. Klickt man auf ein spezifisches Land erscheinen verschiedene Beiträge mit Bildern über das Land: unter anderem über das Klima, Sehenswürdigkeiten und Restaurants.

Beitrag 4

 

Auf der Seite „Kommentare“ können die Besucher Kommentare oder Tipps hinterlassen.

Beitrag 5

 

Ferme Bongaillard

Raphaël Debeer et Max Fuchs

15 février 2018

Lors de notre projet, nous avons créé un site internet à l’aide de WordPress pour une exploitation agricole fictive. Le menu d’accueil présente les différentes possibilités en relation avec l’exploitation. La première chose à été de mettre en page la page d’accueil avec les différents menus permettant d’aller voir par exemple l’actualité, la vente directe, les photos, etc..

Capture1

Ensuite, on a une petite présentation des activités avec un petit texte et des images tournantes.

Capture2

Une page permet également de voir les différentes activités réalisés pendant les derniers mois. Ceci à pour but de partager pleinement les activités de l’agriculteur avec la population locale. Une vidéo Youtube a également été ajoutée pour montrer une machine achetée dernièrement.

Capture3

Le plugin „Meta Slider“ a été utilisé dans la rubrique photos afin de mettre en place un système pour faire défiler les images de manière interactive. Les photos de la région et de la ferme sont présentées.

Capture4

Afin de permettre aux utilisateurs de la page de se connecter, le plugin MaxButtons a été utilisé. Celui-ci permet de placer un bouton sur une page et ainsi accéder à la page de connexion.

Pour finir, la page contact permet d’avoir les coordonnées principales de l’exploitant. Une carte google Maps permet également de visualiser le lieu dans un contexte globale.

Capture5

Vereinsseite und Skigebiet

Mein Ziel war es eine Vereinsseite zu gestallten. Dazu wurden Elemente aus HTML, CSS und JavaScript vereint. Es wurden verschiedene Design Elemente ausprobiert.

Ein Menu mit den Themen, Teams, Spielplan, Ball und Wichtiges wurde zuerst mit CSS und anschliessend ein Zweites mit JavaScript erstellt.

1

Unter dem Register Team könnten sich die Mannschaften vorstellen.

Als Beispiel wurden Teamfotos, GIF’s und ein YouTube Video eingebettet.

2

Unter Spielplan erfolgt eine Übermittlung zur Volleybern Seite.

Bei Register Ball spielt ein GIF von Lisa Simpson beim Volleyball Spielen und ein Button «Click Me». Wodurch das Vereinslogo verschoben wird.

3

Unter Wichtiges kann mit einem Klick auf dem Button «Welchen Tag haben wir heute» der Tag angezeigt werden. Wenn ein Mitglied auf den Button «Ich möchte Austreten» Klick erscheint die Meldung «Nein, dass geht leider nicht».

47

 

In WordPress wurde eine Blogseite für Skigebietvergleichsbeiträge erstellt.

Ski

Auf der Linken Seite befindet sich ein Menu mit Kanton Bern, Wallis und Graubründen. Darunter eine Suchfunktion und eine Liste mit den neusten Beiträgen.

Darunter wurde ein Plugin eingefügt, damit ein Abonnement für den Blog erstellt werden kann.

Auf der linken Seite werden mit Plugin verschiedene Wetter-Stationen angezeigt.

foot

Im Footer befindet sich ein Kalender und eine Bilder Galerie.

 

Gruppe4-FS18: Daniel & Olga

Wir haben eine WordPress-Seite im Stile einer Reiseagentur bzw. eines Reiseblogs erstellt.

Auf unserer Seite sollten Kunden einerseits Kontakt aufnehmen können um Reisen zu buchen und anderseits sollten sie auch Empfehlungen und Tipps zu verschiedenen Reisedestination erhalten.

blog

 

Momentan ist erst eine kleine Auswahl an Ländern bzw. Städten vorhanden. Mit der Zeit würden diese dann ergänzt werden.

die länder

Kunden werden über die Adresse sowie die Öffnungszeiten informiert. Per Kontaktformular können sie uns schreiben und so könnten Termine vereinbart werden.kontaktoeffnungszeiten

Porto

Wir waren zwischen dem 8. und 11. Februar in Porto, Portugal und dachten uns deshalb, dass wir zur Stadt selber einen Blog gestalten. TeamSix Mitglieder sind Franco Brasser und Nicole Ammann.

Unser Menu beinhaltet :Allgemeine -, Tourismus – und geschichtliche Informationen und Speisen. Eine weitere Seite zeigt Beiträge und Eindrücke von Touristen im Sinne eines Blogs.

Als Hintergrundbild haben wir das Folgende gewählt:

Background

Als Design wählten wir Stacker Lite.

http://francobr.myhostpoint.ch/

Folie1

In einer separaten Seite finden Sie Beiträge und Eindrücke zur Stadt. Dabei wurden einige Kommentare bereits hinzugefügt.

Folie1Präsentation2

Als Plugins benutzten wir: Social Media Buttons, Google Maps sowie ein Wetter Widget. Zusätzlich kreiert wir einige Benutzer und die Login Funktion unten in der Seite. Auf dem untenstehenden Bild erkennt man ebenfalls die Funktion zum Seiten wechseln.

Präsentation3

 

GB Photography

Willkommen bei GB Photography!

Gruppe „TicinoTeam1“, Mitiglieder Rinaldi Damiana und Bossi Gioele.

Wir haben uns entschieden eine Seite über Fotografie und Videos zu machen. Gioele bietet in seiner Freizeit einige Dienstleistung als Hobbyfotograf, deswegen haben wir eine Hompage für seine Dienstleistungen gemacht.

Auf der Homepage steht eine sehr kurze Beschreibung on dem was auf der Seite angeboten wird.

Cattura di schermata (51)

Die Seite Portfolio enthält einige Arbeiten von Gioele. Wir haben eine kleine Fotogallerie hergestellt sowie eine Videogallerie. Die Videogallerie haben wir mit dem Plug In von Youtube gemacht, damit kann man die Videos aus Gioeles Youtube Site auf der Homepage anschauen.

Cattura di schermata (52)

Cattura di schermata (53)

Unter About me stellt sich Gioele seinen Kunden vor. Er beschreibt kurz wie er zur Fotografie gekommen ist und was er alles anbietet. Mit dem Plug In Karten haben wir eine interaktive Karte hinzugefügt, welche aufzeigt wo Gioele wohnhaft ist im Tessin.

Cattura di schermata (54)

Auf der Seite Kontakt besteht es die Möglichkeit Gioele mit einem Formular zu kontaktieren. Potenzielle Kunden können ihre Fragen an der Seite senden. Gioele wird auf seinem privatem Email benachrichtigt jedes Mal, dass ein Formular an der Seite verschickt wird.

Cattura di schermata (55)

Im Blog kann Gioele über seine neuste Erfahrungen berichten und die Kundschaft auf dem laufenden halten. Gioele promoviert seine Tätigkeiten auch über  Social Media (Facebook, Instagram und wie bereits erwähnt Youtube), deswegen haben wir auf unserer Seite die Links zu den Social Media Accounts eingebaut.

Cattura di schermata (56)