Cours Python

 CopyrightFrance.com
Développement Web
  1. Introduction au langage HTML
  2. Structure d'un document HTML
  3. Mise en forme d’un document HTML
  4. Liens hypertexte
  5. Insertion d’images
  6. Les attributs de la balise BODY
  7. Les tableaux HTML
  8. Les listes HTML
  9. Les Frames HTML
  10. Les formulaires HTML
  11. Les caractères spéciaux HTML
  12. Ressources et références HTML
  13. Exercices HTML avec correction
  1. Introduction au langage CSS
  2. Propriétés d'un sélecteur
  3. La propriété Text CSS
  4. La propriété background CSS
  5. La propriété Font CSS
  6. La propriété border CSS
  7. Propriétés margin et padding
  8. Propriétés Height & Width
  9. Class et les ID CSS

Javascript Basique
  1. Introduction au langage Javascript
  2. Variables, fonctions et operateurs Javascript
  3. Les structures de contrôle et les boucles Javascript
  4. Les événements Javascript
  5. Le modèle Objet du Javascript
  6. L'objet array Javascript
Framework JQuery
  1. Introduction au Framework jQuery
  2. Premier pas avec le framework jQuery
  3. Les Sélecteurs jQuery
  1. Introduction au langage PHP
  2. Premier programme php
  3. Variables et Fonctions php
  4. Opérateurs arithmétiques et logiques
  5. Les structures de contrôle en php
  6. Les tableaux en php
  7. Control des formulaires en php
  8. Upload des fichiers en php
  9. Gestion des dossiers et des fichiers en php
  10. Colorisation syntaxique en php
  11. Cookies php
  12. Les variables globales php
  13. Sessions php
  14. Les variables php d’environnement
  15. Les classes et la poo php
  16. La librairie php_gd2 des images
  17. Lecture d’un fichier xml en php
  18. Les expressions régulières en php
  19. Moteurs de template php : smarty et fast temp…
  1. Introduction au Framework PHP Laravel
  • Installation Laravel 8 & premier projet
    1. Langage MySql
    2. Introduction au langage MySql
    3. Installation du Serveur MySql
    4. Manipulation des bases de donnée MySql
    5. Manipulation desTables MySql
    6. Insértion de données MySql
    1. Installation Wordpress
    2. Modification du theme Wordpress
    3. Installation d'un plugin
    4. Gestion des catégories
    5. Gestion des articles
    6. Gestion des menus Wordpress
    7. Gestion des pages
    8. Gestion des Plugins
    9. Gestion des Widgets
    10. Gestion des Médias
    11. Gestion des commentaires
    12. Création formulaire de contact
    13. Outil Importation & exportation
    14. Gestion des extensions
    15. Réglage et paramètres
    1. Introduction à Joomla
    2. Installation Joomla
    3. Architecture de Joomla
    Bases de données
    TICE & Multimédia
    Math Pour Informatiques
    UserOnline
    Utilisateurs/utilisatrices: 13 Guests, 2 Bots

    Ce tutoriel vous guide à comprendre les principes fondamentaux de la création de votre premier scribe et comment naviguer autour des principales fonctionnalités du logiciel.

    1 - Ouvrir un nouveau projet

    Dans cette section du tutoriel, nous allons vous présentons les écrans principaux dans VideoScribe et Vous montrons comment créer un nouveau projet.
    Une fois que vous vous êtes inscrit à un essai gratuit sur le site Web VideoScribe, téléchargez et installez le logiciel, et lancer ensuite l'application sur votre système

    La fenêtre d'indentification de connexion apparait :

     

    1-video-scribe-login

     

    Introduisez la même adresse e-mail et mot de passe que vous avez utilisé lors de votre inscription
    Cela vous amène à l'écran Projet où vous verrez tous vos sauvegardes locales :

    2-video-scribe-sreen-project

     

    Le premier élément de la liste (avec le symbole +) est utilisé pour créer un nouveau scribe. le
    Le deuxième élément de la liste vous permet d'accéder à votre compte en ligne (nous allons le détailler plus tard). Si vous avez créé des dossiers, ceux-ci seront affichés ensuite.
    Après cela, vous verrez tous les projets locaux que vous avez enregistrés dans votre dossier de base.
    Pour trier vos projets, utilisez les boutons Trier dans la partie inférieure gauche de l'écran.
    Si vous avez un grand nombre de projets dans le dossier de base, utilisez les boutons de page
    Sous la liste des projets pour voir plus de projets.

    Cliquez ensuite sur le bouton Créer pour créer un nouveau projet.

     

    3-new-videoscribe-project

     

    Cela vous amène à l'écran principal du logiciel videoscribe :

     

    4 - videoscribe-canvas

     

    Sur le haut de la fenêtre -(1)- , vous verrez la barre d'outils avec différents boutons. En bas -(4)-, vous verrez la chronologie, qui est vide pour l'instant. La zone centrale  -(3)- c'est votre espace de travail principal, il fait partie d'une très grande zone de whiteboard, qui s'étend dans toutes les directions. Vous ne voyez qu'une petite ici. Vous construisez  votre projet scribe, en ajoutant des éléments au canevas. Vous pouvez vous déplacer et zoomez sur les nouvelles zones de votre whiteboard comme vous le souhaitez, et utilisez différents effets pour construire une vidéo attrayante.

    2 - Ajouter une image à votre projet VideoScribe

    Dans cette section, nous vous montrons comment ajouter des éléments de texte et d'image dans votre projet,comment les positionner,les manipuler sur le canevas...

    Ajouter une image

    - Cliquez sur le bouton Ajouter une image à gauche de la barre d'outils. Cela vous amènera à la fenêtre d'ajout d'image.
    Tapez les mots-clés dans le champ de  recherche en haut pour trouver des images, ou  naviguer le long des dossiers de la bibliothèque d'images ,  ou pointer sur  vos images récemment utilisées.

    1-videoScribe-Add-image-button

    Vous pouvez également importer vos propres images en utilisant les options Parcourir & Web. Le  lien SVGStudio.com vous emmène à SVG Studio où vous trouverez des milliers d'images de hautes  qualités créés spécifiquement pour VideoScribe par des artistes professionnels.

    2-videoScribe-library-button

    Les images sont organisées en dossiers, par exemple 'Arrows' ou 'Business'. Une partie de ces  dossiers ne sont disponibles que si vous êtes connecté à Internet(comme indiqué), mais les images  de base sont toujours là. Il va falloire prendre un peu de temps afin d'explorer la totalité des images fournies. Vous pouvez prévisualiser toutes ces images en cliquant avec le bouton droit de la souris, et sélectionnez Aperçu de l'image.

    Remarque

    Si vous sélectionnez une image par erreur et que le lien apparaît, utilisez la touche Supprimer (Backspace sur un Mac) pour l'enlever.

    • Accédez au dossier Personnes et choisissez une image
    • Cliquez sur l'image pour l'apporter sur le canevas
    • Repositionner et redimensionner l'image comme vous le souhaitez.

    3-videoScribe-reglage-position-zoom

    Modifier le temps d'animation

    Maintenant que vous avez ajouté votre premier élément sur le canevas, vous verrez apparaître comme un événement dans la chronologie. Il s'affiche sous forme de vignette de l'image à gauche et, lorsqu'il est mis en surbrillance, vous voyez que c'est un événement Draw.

    4-videoScribe-edit-animated-time

    Cela signifie que VideoScribe utilisera la valeur par défaut.
    Dessinez une méthode animée pour présenter cet élément sur le canevas.
    En dessous, vous verrez le temps d'animation pour cet élément. Cette fois le temps est exprimée (en Secondes) le temps qu'il faudra pour VideoScribe pour dessiner cette image. Vous pouve ajuster ceci en utilisant les touches + et -.

    Remarque

    Si vous sélectionnez une image par erreur et que le lien apparaît, utilisez la touche de suppression (Backspace sur un Mac) pour l'enlever.

    • Pour déplacer des éléments autour du canevas, il suffit de cliquer sur ces derniers et de les faire glisser.
    • Pour redimensionner les éléments, cliquez sur ces derniers et faites glisser les onglets dans les coins.
    • Pour les faire pivoter, cliquez simplement sur l'icône au centre de l'élément.
    • Cliquez ensuite sur le bouton Propriétés

    Cela ouvre la fenêtre des propriétés de l'image :

    5-videoScribe-animated-time

    Nous allons aborder la totalité de ces options  ultérieurement - par exemple, les différentes méthodes d'animation, effets de brosse, couleur, effets, filtres et mains...

    Essayez d'utiliser les commandes Flip et Rotate pour régler votre image et n'hésitez pas à regarder quelques-unes des autres options maintenant. Vous pouvez aussi utiliser la zone de prévisualisation pour voir l'effet de toute modification que vous faites. Ci-dessous, vous allez voir les différents paramètres de temps, pour l'instant nous nous concentrerons sur le temps d'animation.

    Changez le temps d'animation en  Secondes (vous pouvez le faire soit en utilisant les boutons + et - ou en cliquant sur le temps lui-même et entrer une nouvelle valeur)

    Cliquez donc sur le bouton de sélection pour accepter vos modifications.

    3 - Ajouter un texte

    VideoScribe vous offre également la possibilité d'embellir votre vidéo avec des textes animé. Pour ce faire :

    • Cliquez  sur le bouton Ajouter un texte dans la barre d'outils
    • Tapez votre premier message texte.
    • Cliquez sur la palette Couleur bouton

    6-videoScribe-animated-text

    • Utilisez les boutons + et - afin de choisir une police et cliquez sur la case à cocher pour accepter ces modifications.
    • Redimensionnez et repositionnez ce nouvel élément de texte sur la toile comme précédemment
    • Sélectionnez cet élément dans la chronologie pour ajuster le temps d'animation et ajoutez ensuite un autre élément de texte en utilisant les mêmes étapes que ci-dessus.
    • Redimensionnez et repositionnez cet élément de texte afin que vous soyez satisfait
    • Sélectionnez cet élément final dans la Timeline et cliquez sur le bouton Propriétés pour accéder à l'écran des propriétés du texte

    7-videoScribe-text-properties

    • Cliquez sur le bouton Alignement pour centrer ce texte
    • Modifiez le temps d'animation à environ 3 secondes par exemple
    • Cliquez sur le bouton pour accepter ces changements.

    Ces trois éléments forment votre première scène. Continuez à ajuster ces éléments jusqu'à ce que vous soyez satisfait de la façon dont ils sont positionnés.

    Younes Derfoufi
    CRMEF OUJDA

    Laisser un commentaire