Category:Éléments

From Wiki openElement
Jump to: navigation, search

Voir le [Tutoriel vidéo].

Contents

Qu'est ce qu'un élément ?

Les éléments sont des objets, des outils qui vous permettront de créer et de voir aboutir votre projet. Les éléments ont tous un but différent pour la création d'une page internet et ils possèdent leurs propres caractéristiques CSS.
Voici quelques exemples d'éléments : Ligne horizontale, Menu accordéon, Bloc de code masqué et autres. (voir la liste des éléments ci-dessous)

L'utilisation des éléments sur une page d'un projet est simple. Un glisser-déposer (ou drag and drop) de l'élément sur la page suffit pour l'activer et pouvoir commencer sa configuration.
A savoir qu'il existe plusieurs types d'éléments. Des éléments visibles (exemple : Image ou Lien vers une page; et des éléments dit "non visible" tels que Bloc de code masqué ou Envoi par e-mail qui ne s'afficheront pas sur la page mais qui seront utiles pour la conception et la mise en place de fonctionnalité sur une page.


thumb|right|Menu des éléments
(1)Liste des éléments
(2)Catégories

Ajout sur une page

Tous éléments doivent être placés sur la page par 'glisser/déposer' depuis le menu des éléments.

Remarque : La zone de dépôt de l'élément doit être active (colorisé en jaune)
Fichier : Element_Ajout.png


Configuration

La configuration d'un élément consiste :

  • Soit à indiquer les données indispensables au fonctionnement de celui-ci. Par exemple : ajouter l'adresse e-mail de destination dans l'envoi par e-mail.
  • Soit à modifier son comportement. Par exemple modifier la vitesse de défilement des images dans le carrousel.


Configuration d'un élément standard.
Configuration d'un élément masqué.

Propriété commune à tous les éléments

Certaines propriétés sont définies pour tous les éléments (à l'exception de la page)

Fichier:Element-Configuration01.png

  • (1) Affichage de l'élément dans la liste des éléments de la page. Composé du nom donné à l'élément et de son identifiant unique.
  • (2) Description de la propriété sélectionné.
  • Catégorie 'Commun'
    • Infobulle : Apparait à l'écran lorsque le curseur reste quelques secondes sur l'élément.
    • Nom :Nom de l'élément dans la page (de préférence, doit être unique)
  • Catégorie 'Divers'
    • ID :Identifiant unique de l'élément dans le projet
    • Position : type de position de l'élément dans la page (2 choix possible : absolute ou relative)
    • Type : type de l'élément

Remarque : la catégorie 'Divers' n'est là qu'à titre indicatif. Ces propriétés ne sont pas modifiable.

Le graphisme

  • Les modèles de styles
  • La personnalisation
  • La personnalisation avancée

Catégories

Standard

Navigation


Conteneurs

Média

Formulaire

Animation

Interactivité

Communauté

Barre de réseaux sociaux

Sécurité

Statistiques

Divers

This category currently contains no pages or media.

Personal tools
Namespaces

Variants
Views
Actions
openElement
Community
Toolbox