Category:Éléments
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
- Cadre
- Aidez-nous
- Document
- Ligne horizontale
- Ligne verticale
- Image
- Texte simple ligne
- Texte multi-lignes
- Pop-up menu
- Menu accordéon
- Fil d'ariane
- Téléchargement fichier
- Drapeaux des langues du site
- Lien vers une page
- Bouton lien vers une page
- Image lien vers une page
- Arborescence
Conteneurs
Média
- Animation flash
- Galerie d'images
- Carrousel horizontal
- Carrousel vertical
- Vidéo Dailymotion
- Vidéo Youtube
- Vidéo HTML5
Formulaire
- Bouton de formulaire
- Case à cocher
- Liste déroulante
- Cases d'option
- Envoi par e-mail
- Boîte de saisie de texte multi-lignes
- Boîte de saisie de texte
- Document(s) à importer
- Captcha
- Redirection du formulaire
Animation
Interactivité
Communauté
Sécurité
Statistiques
Divers
This category currently contains no pages or media.
