420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.

Slides:



Advertisements
Présentations similaires
Copyright ©: SAMSUNG & Samsung Hope for Youth. All rights reserved Tutorials Bases de l informatique : Utiliser une souris Niveau : Débutant.
Advertisements

Création de pages Web dynamiques et sympathiques.
Université la Sorbonne Nouvelle - Paris III Commandes de base
COMMENT CRÉER UNE ENQUÊTE AVEC SPHINX ?
Présentation des tables des matières j puis appuyez sur F5 ou cliquez sur Diaporama > Du début. Pour commencer le cours, dans la barre des messages, cliquez.
12 novembre 2012 Grégory Petit
ALLUMER L’ORDI 1 Appuyer sur le bouton du disque dur
Utiliser Movie Maker® pour faire un petit film d'animation…
Le portail des sports des associations de la ville de Nice
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
JQuery.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
Mars 2013 Grégory Petit
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
Tableau croisé dynamique sous Excel (TCD).
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
Création d'un diaporama Création d'un diaporama
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
BONJOUR !!! Pour mon prochain truc, je vais contrôler votre esprit par lintermédiaire de cet ordinateur. Installez-vous devant votre ordinateur et appuyez.
Initialisation des sites web Étapes importantes. La conversion de vos comptes Web nest pas terminée (après discussion avec les techniciens voici comment.
Le lexique dans les nouveaux programmes. DANS LE CADRE DE L’ACCOMPAGNEMENT PERSONNALISÉ: UN EXEMPLE DE MISE EN ŒUVRE.
ALLUMER L’ORDI 1 Appuyer sur le bouton du disque dur
Veolia Consommateurs Contenu
Déplacement des fichiers et des dossiers
EXERCICE D'ANIMATION AVEC POWER POINT
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
TP n°2 Javascript EVENEMENTS ET OBJETS
Puissances et racines a) b) c) d)
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
Auteur : Frédéric Thériault 1. Les sélecteurs simples  Tous les éléments HTML du sélecteur sont affectés dans le document. Exemple : h1 { color:purple;
Pour une présentation orale
Les guides de formation Conception de pages web. Guide Virtuose - version enseignant2 Guide - Conception de pages web Introduction Introduction, p. 3.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
Auteur : Frédéric Thériault 1. À quoi ça sert !?  Cascading Style Sheet  Modifier la page Web en ajoutant des styles aux balises  Modifier l’apparence.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
Auteur : Frédéric Thériault 1. Page à intégrer 2.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
Auteur : Frédéric Thériault 1. Les titres  (de 1 à 6) Titre 1 Titre 2 Titre 3 Titre 4 Titre 5 Titre 6 2.
S'initier au HTML et aux feuilles de style CSS Cours 5.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
Saisie des questionnaires. Saisie des questionnaires : la saisie peut débuter en cliquant avec la souris dans une case.
PROCEDURE D’ENREGISTREMENT DES LICENCES
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
Comment créer un montage vidéo?
1 Tutoriel SPIP Rédacteur. 2 Sommaire Connexion Interface SPIP Menu SPIP Rédiger un article Interface de création d’un article Fonctionnalités de base.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
Cartes avec Open Office Souris Eloisienne Jacques Dupraz.
Modification de la vidéo interactive L’Oréal. La vidéo démarrera directement lors de l’arrivée sur la page. Dis moi s’il y a quelques choses à faire.
CIRMATH Saisie des données dans le logiciel OMEKA.
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
DreamWeaver Séance 2 HMIDA Ahmed A2008. Plan 1.Calques 2.CSS 3.Modèles 4.Formulaires 5.Comportements 6.Mise en ligne.
Bouton officeBarre de titre Ruban Office Espace de travail.
Dreamweaver le retour Avec Les Formulaires Les Calques
Dreamweaver 2 Plan 1.Calques 2.CSS 3.Modèles 4.Comportements 5.Formulaires 6.Mise en ligne 1 Timothée Devaux Myriam Roudy Dreamweaver 2 Printemps 2008.
Les formulaires Les calques Les comportements Les scénarios Les modèles Les feuilles de styles (CSS) La mise en ligne Les formulaires permettent à l’utilisateur.
Dreamweaver 2 Feuilles de Style CSS Formulaires Calques Comportements
AJOUTER UN FICHIER. Quand on active le mode édition, en dessous de chaque section apparaît « ajouter une activité ou une ressource » Cliquer dessus pour.
Titre Page 1. Page 2.
Programmation du jeu Fruit Ninaj en JavaScript
Javascript – objets qui suivent la souris
Transcription de la présentation:

420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1

2

À faire…  En utilisant la fonction fadeIn() pour le titre et slideDown() pour la liste des éléments, reproduire suivant: Au départ, la page est blanche En 4 secondes, le titre apparait Lorsque le titre est apparu, ○ Utiliser l’effet slideDown (700msec) pour chaque élément de la liste, un élément à la fois.  Vous ne devez modifier que le fichier javascript.js uniquement. 3

Défi  Pour ceux qui veulent un défi:  Faire que chaque élément de la liste, lorsque la souris arrive dessus, grossit et disparait.  L’élément revient ensuite à sa place avec son style original en glissant de la gauche vers la droite.  Vous aurez besoin de : animate $(this) css mouseover 4