GP – Création d’un portfolio hébergé par Weebly

 

LEÇON PRATIQUE

 

Pour créer un site comme ceci : http://webmestre5.weebly.com/

 

Création de compte et initialisation du site :

  • ouvrir weebly.com
  • cliquer "Commencer"
  • créer un compte avec un vrai mail
  • choisir un site sans vente en ligne
  • à l'écran de sélection de thème :
    • choisir l'onglet "Portfolio"
    • choisir un des thèmes présentés, par exemple "Elijah Soul / Birdseye 2"

 

Modifier les infos dans la bannière de la page.

Pour faire ceci il suffit de cliquer sur un élément pour ouvrir l'interface de modification. Changer :

  • l'image de fond
  • les différents textes

 

Pour ajouter ou retirer des éléments il faut savoir :

  • La barre verticale à gauche présente les éléments qui peuvent être ajoutés dans la page. Par exemple :
    • titres, textes, espaces
    • images, galeries, diaporamas
    • etc
  • La page est déjà découpée en "sections"
  • On peut ajouter des sections au dessus ou en dessous les sections existantes
  • On peut ajouter des éléments dans les sections

 

Pour retailler / déplacer un élément ou une section :

  • Sélectionner l'élément ou section
  • Un cadre bleu apparaît autour
  • On peut retailler/déplacer les sections et les éléments via les outils présentés sur le cadre bleu

 

Arrière plan d'une section

  • sélectionner la section et choisir "modifier l'arrière plan"
  • choisir le type d'arrière plan (image, couleur, gradient, etc)
  • ensuite on peut spécifier la couleur, les images etc

 

L'alignement des éléments dans une section

  • les éléments dans une section sont alignés en haut, au centre (verticalement) ou en bas de la section
  • pour modifier l'alignement il faut sélectionner la section et choisir "modifier l'arrière plan"
  • puis cliquer "Avancé" et choisir l'alignement.

 

Expérimenter et utiliser les conseils ci-dessus pour modifier l'accueil :

  • Ajouter une section avec une galerie et du texte et un fond sombre
  • Ajouter une section avec diaporama
  • Ajouter une section de texte avec des images intercalées dans le texte
  • etc

 

Ajouter d'autres pages au site :

  •  En haut de la page dans le menu principal choisir "Pages" au lieu de "Construire"
  • Dans la colonne à gauche cliquer le bouton "+" pour ajouter une page
  • Ajouter des sections et des éléments comme pour la modification d'une page existante
  • On peut glisser les pages dans la colonne à gauche pour structure la hiérarchie du site