Aller au contenu principal

Comment le démo a été fait

La démo de Webdoline utilise une douzaine d'œuvres de Van Gogh pour créer un site web d'artiste.

Nous allons explorer la façon dont chaque page est construite. Il s'agira plus de montrer que de raconter. Pour plus de détails sur chaque fonctionnalité, consultez Connaître votre Webdoline.

Paramètres globaux

Il y a 3 sections qui affectent le site web globalement et dont chaque page dépend : Website, Navigation et Footer.

Website

Website

Navigation



Ajout du lien "About" dans la navigation : Navigation Link

attention

Pour ajouter des pages, vous devez d'abord les avoir créées. Nous verrons comment créer des pages plus tard.

Footer

Pages standard

Il existe 3 types de pages :

  • Pages standard
  • Pages d'œuvres d'art
  • Pages d'actualités

Ce que vous voyez dans l'image sont des pages standard. La page d'accueil (Home) a l'icône "Home" sélectionnée. Pages

Les pages sont constituées de sections, il existe 4 types de sections :

  • Section Standard
  • HTML brut
  • Galerie d'images
  • Fichier numérique
attention

Lorsque vous ajoutez une page, elle n'est pas ajoutée automatiquement à la navigation. Vous devez aller dans la section Navigation pour l'ajouter.

Accueil

Sections utilisées : Galerie d'images Home

À propos

Sections utilisées : Section Standard About

Œuvres

Sections utilisées : Galerie d'images.

Cette page contient une galerie d'images avec quelques œuvres. La première étape consiste à ajouter des œuvres, nous verrons comment faire plus tard. Artworks

CV

Parfois, vous souhaitez simplement ajouter un fichier PDF ou une ressource à votre site web. La section Assets est prévue à cet effet. Vous pouvez y créer des liens dans la navigation ou les ajouter à l'intérieur des pages en utilisant la section Asset. Assets CV

Par année

  • "By Year" est un sous-menu, qui ne renvoie pas à une page ou à une ressource, mais qui contient des sous-liens. Navigation

  • 1890's et 1880's sont des pages, très similaires à celle des œuvres d'art sélectionnées.

Contact

Sections : HTML brut Cette section permet d'ajouter du HTML personnalisé à une page. Ici, nous ajoutons un formulaire de contact qui fonctionne avec Netlify. Contact

Pages d'œuvres d'art

Les œuvres d'art sont des objets partagés sur l'ensemble du site web. Chaque œuvre a sa propre page, mais chaque œuvre est aussi un objet qui peut être utilisé dans des galeries d'images ou des outils. Artwork

La section Artworks contient une liste avec toutes les œuvres. Au bas de la page, des paramètres définissent le fonctionnement des pages individuelles des œuvres : Artworks 1 Artworks 2

Pages d'actualités

News

Article d'actualité

Sections : Section Standard News Post