Créer un diaporama sur internet pour apprendre à programmer

Save this PDF as:
 WORD  PNG  TXT  JPG

Dimension: px
Commencer à balayer dès la page:

Download "Créer un diaporama sur internet pour apprendre à programmer"

Transcription

1 Créer un diaporama sur internet pour apprendre à programmer 1 Etape 1: Créer un document HTML, afficher une image et lui associer un événement. Exercice: Détecter si l'utilisateur a cliqué sur l'image. Le cas échéant, faire apparaître une fenêtre surgissante (pop up). 1.1 Créer un document HTML, afficher une image Nous allons créer un document HTML et afficher une image présente sur le site 1 1 Cette image est libre de droit. Nous faisons référence à une image provenant d'un autre site que celui que nous construisons. Cette façon de faire, utilisée ici pour simplifier l'exercice, est à éviter en pratique.

2 1.2 Ajouter un évènement sur l'image Pour détecter si l'utilisateur a cliqué sur l'image, nous allons ajouter un évènement à la balise img. Il s'agit de l'évènement on. Si l'évènement on à lieu, nous allons appeler une fonction, dans notre cas la fonction () 1.3 Définir une fonction Nous allons maintenant définir la fonction javascript, nommée (), qui affiche une fenêtre surgissante. Toute les fonctions javascript doivent être définie à l'intérieur de la balise <script> (lignes 4 à 8 ci-dessous). Toute fonction commence par le nom-clé function, suivie du nom de la fonction, puis d'une paire de parenthèses 2 et d'une paire d'accolades: function nom_de_la_fonction(){...} Le corps de la fonction sera défini à l'intérieur des accolades. Dans notre cas, nous allons appeler la fonction javascript alert(...), qui créée une fenêtre surgissante. 2 à l'intérieur desquelles se trouvent les éventuels arguments de la fonction (dans notre exemple, la fonction n'a pas d'arguments)

3 2 Etape 2: changer les attributs d'une balise Exercice: Lorsque l'utilisateur clique sur une petite image, agrandir l'image. 2.1 Attributs style et id Pour changer la taille d'une image, on peut utiliser l'attribut style 3. L'attribut id permet de nommer un élément. Ceci nous sera utile pour pouvoir y accéder, par la suite. 2.2 document.getelementbyid(...) De façon similaire à l'étape 1, nous allons définir une fonction, qui sera appelée par l'évènement on. Cette fonction, que nous allons nommer agrandir(...), et non plus () comme précédemment, va chercher l'image nommée mon_image et change son attribut style, pour lui donner une largeur (width) de 400 pixels. La fonction document.getelementbyid("mon_image") retourne tous les éléments, dont l'attribut id vaut "mon_image" 3 Pour les personnes intéressées, voir les feuilles de styles CSS.

4 Pour cet élément, nous allons mettre son style.width à 400 pixels et le tour est joué! 2.3 Tester une condition 4 Exercice: si l'utilisateur clique sur une grande image, la faire plus petite. Par contre, si l'utilisateur clique sur une petite image, l'agrandir. 2.4 if... else... La syntaxe, pour tester une condition est la suivante 5 : if (condition) { code à exécuter si la condition est vraie } else { code à exécuter si la condition est fausse } Nous notre cas, nous allons implémenter une fonction changer_de_taille, qui sera appelée 4 Pour ce chapitre, les concepts abordés sont très similaires à ceux étudiés lors de la séquence sur l'utilisation de la fonction si() dans un tableur. 5 La partie else{...} n'est pas obligatoire.

5 lors de l'évènement on 6. Cette fonction appelle soit agrandir(...) soit retrecir 7 (...) en fonction de la taille de l'image: La fonction retrecir(...) est similaire à la fonction agrandir(...). Vous pouvez l'écrire vous-même. 3 Appeler une fonction à intervalles réguliers Exercice: L'image s'agrandit (resp se rétrécit) progressivement, lorsque l'utilisateur clique sur l'image. 3.1 Arguments d'une fonction Nous allons passer la taille actuelle de l'image comme argument à la fonction agrandir(...): 6 Changer donc le on="agrandir();" par on="changer_de_taille();" 7 nous omettons volontairement les accents sur les noms de fonctions, pour éviter des problèmes lors de l'exécution du code.

6 3.2 Variable Une variable permet de mémoriser une information. JavaScript est très (trop) souple à ce sujet. Nous allons utiliser une variable nommée nouvelle_taille, qui mémorisera la taille de l'image agrandie. 3.3 Récursivité A l'intérieur même du corps de la fonction agrandir(), nous allons appeler cette même fonction agrandir(...). Cette particularité, est acceptée par la plupart des langages de programmation et se nomme récursivité. Pour arrêter l'agrandissement de l'image, une fois que sa largeur atteint 400 pixels, et éviter que l'image s'agrandisse jusqu'à l'infini, on utilise la condition if(taille<=400). Pour que l'image passe d'une petite image à une grande image progressivement, nous allons attendre 50 millisecondes entre deux images: settimeout("agrandir(nouvelle_taille)",50)

Le langage JavaScript TD N 3. Module IntegWEB MMI 1 2013/2014

Le langage JavaScript TD N 3. Module IntegWEB MMI 1 2013/2014 1 Le langage JavaScript TD N 3 Module IntegWEB MMI 1 2013/2014 Jeu les tables de multiplication 2 Code HTML 3 apprendre les tables de multiplication

Plus en détail

Utilisation Des Widgets ITEA

Utilisation Des Widgets ITEA Utilisation Des Widgets ITEA Sommaire 1 Introduction... 3 2 Intégration sur votre site web... 5 2.1 Intégration du widget en JavaScript... 5 2.2 Exemples... 6 2.3 Paramètres iframe et aveccss... 6 2.4

Plus en détail

Séances 4a/4b Technologies du Web

Séances 4a/4b Technologies du Web Formations en Informatique de Lille 2012/2013 Séances 4a/4b Technologies du Web février 2013 Javascript Exercice 1 : Préalable : mise en place des outils Pour ce premier exercice, nous allons utiliser

Plus en détail

Les objectifs de ce tp sont d être capable d intégrer des scripts clients dans un site ou une page en respectant les bonnes pratiques.

Les objectifs de ce tp sont d être capable d intégrer des scripts clients dans un site ou une page en respectant les bonnes pratiques. TP Javascript 2013 tv - v.1.0 Sommaire Séquence n 1 : les bases 2 Insertion de code javascript..................................... 2 Exercice n 1.1 : code javascript interne au document.......................

Plus en détail

Prog. Web TP2 Année universitaire 2012 2013 - Formulaires - suite

Prog. Web TP2 Année universitaire 2012 2013 - Formulaires - suite Prog. Web TP2 Année universitaire 2012 2013 - Formulaires - suite 1 INSCRIPTION À UN SITE On suppose que l'inscription à un site offre de nombreux avantages. Pour s'inscrire à ce site il faut saisir :

Plus en détail

Tutoriel pour l introduction à l animation en HTML5 et JavaScript

Tutoriel pour l introduction à l animation en HTML5 et JavaScript Tutoriel pour l introduction à l animation en HTML5 et JavaScript Frédéric Guégan Olivier Fauvel-Jaeger Giacomo Rombaut Table des matières 1. Introduction... 2 2. Création de l environnement... 2 3. Création

Plus en détail

Les feuilles de styles

Les feuilles de styles Qu'est-ce que les feuilles de style? Les feuilles de style CSS pour Cascading Style Sheets en anglais est un langage informatique qui sert à décrire la présentation des documents HTML. L'un des objectifs

Plus en détail

Tutoriel : Feuille de style externe

Tutoriel : Feuille de style externe Tutoriel : Feuille de style externe Vous travaillerez à partir du fichier cerise.htm que vous ouvrirez dans NVU. Commencez par remplacer le contenu de la balise Title par : Comment débuter une recherche?

Plus en détail

Ce code peut s insérer à plusieurs endroits entre les balises head (le plus souvent) ou directement à l intérieur des balises body.

Ce code peut s insérer à plusieurs endroits entre les balises head (le plus souvent) ou directement à l intérieur des balises body. A/ Utilisation de Javascript UE Libre : Internet et composition de pages Web TP n 3 Le Javascript est un langage de script incorporé dans un document HTML. Historiquement il s'agit même du premier langage

Plus en détail

Technologies Web. Technologies Web DHTML TCM-TWEB-01-001-13. Julien BEAUCOURT 2006 pour ETNA

Technologies Web. Technologies Web DHTML TCM-TWEB-01-001-13. Julien BEAUCOURT 2006 pour ETNA DHTML Sommaire Introduction Compatibilité du DHTML Les layers Les balises dynamiques Balise Balise et La balise Animer de éléments Le Document Object Model (DOM) Modifier une

Plus en détail

INFO-F-101 Programmation Projet 4 Page Ranking(1/4): Création de la matrice du compte des liens

INFO-F-101 Programmation Projet 4 Page Ranking(1/4): Création de la matrice du compte des liens INFO-F-101 Programmation Projet 4 Page Ranking(1/4): Création de la matrice du compte des liens Année académique 2009 2010 1 Introduction Ce projet est le premier d une série de quatre projets qui ont

Plus en détail

TP Initiation au langage HTML

TP Initiation au langage HTML TP Initiation au langage HTML (1) Rappels de quelques généralités Un fichier HTML n'est pas compilé (ce n'est pas un programme) Un fichier HTML est un fichier texte simple, parfaitement lisible, respectant

Plus en détail

Introduction à la programmation web

Introduction à la programmation web Introduction à la programmation web Nouvelles Technologies Dr. Thé Van LUONG The-Van.Luong@heig-vd.ch HEIG-VD Switzerland 8 octobre 2015 1/34 8 octobre 2015 1 / 34 Plan 1 État de l art des langages orientés

Plus en détail

Personnaliser et adapter SPIP Développeur SPIP

Personnaliser et adapter SPIP Développeur SPIP Personnaliser et adapter SPIP Développeur SPIP En Théorie Le fonctionnement de SPIP Qu est ce que SPIP? SPIP (Système de Publication pour l Internet Partagé) est un logiciel libre destiné à la production

Plus en détail

À la découverte de jquery Mobile

À la découverte de jquery Mobile 1 À la découverte de jquery Mobile jquery Mobile est un ensemble de plug-ins et de widgets de jquery visant à déployer une API multiplates-formes capable de développer des applications Web mobiles. Au

Plus en détail

INTRODUCTION A JAVA. Fichier en langage machine Exécutable

INTRODUCTION A JAVA. Fichier en langage machine Exécutable INTRODUCTION A JAVA JAVA est un langage orienté-objet pur. Il ressemble beaucoup à C++ au niveau de la syntaxe. En revanche, ces deux langages sont très différents dans leur structure (organisation du

Plus en détail

Créer des styles CSS simples

Créer des styles CSS simples Créer des styles CSS simples Les styles CSS mémorisent les attributs de caractère et de paragraphe comme la police, la taille, la couleur, l alignement du texte, etc... Vous pouvez ensuite les appliquer

Plus en détail

Convertisseur de monnaies

Convertisseur de monnaies Convertisseur de monnaies La logique algorithmique en première STG Propriétés Intitulé long Formation concernée Matière Notions Présentation Pré-requis Outils Mots-clés Auteur(es) Version 1.0 Description

Plus en détail

Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013

Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013 Exemple d utilisation du gestionnaire de conception Description des pratiques à adopter pour la mise à jour du layout en utilisant le gestionnaire de conception de Sharepoint 2013 6, rue de l Etang, L-5326

Plus en détail

420-PK9-SL Programmation WEB JavaScript DOM

420-PK9-SL Programmation WEB JavaScript DOM 420-PK9-SL Programmation WEB JavaScript DOM Introduction Le lien entre JavaScript et le HTML/CSS est une hiérarchie d instances d objets appelé DOM (Document Object Model). À chaque balise HTML correspond

Plus en détail

Architecture applicative de l application Web

Architecture applicative de l application Web Architecture applicative de l application Web Principes d organisation de l application PHP Gsb-AppliFrais Les principes d'organisation de l'application s'inspirent des travaux réalisés autour du contexte

Plus en détail

Internet. jquery jquery Mobile Partie 2

Internet. jquery jquery Mobile Partie 2 Internet jquery jquery Mobile Partie 2 Olivier Pons / 2013 Objectif Jquery / jquery Mobile Sommaire 1. Fondamentaux DOM 2. jquery 3. jquery Mobile 2 / 32 1. Fondamentaux DOM - Définition Le Document Object

Plus en détail

RESPONSIVE WEB DESIGN

RESPONSIVE WEB DESIGN RESPONSIVE WEB DESIGN Une approche pour concevoir des sites Web adaptatifs et une occasion d'inciter les étudiants à consulter des cours responsives Ivan MADJAROV Arnaud FÉVRIER Comment consulte-t-on le

Plus en détail

HTML et JavaScript. s1 ----------

HTML et JavaScript. s1 ---------- HTML et JavaScript s1 ---------- Dans cette partie, nous allons introduire le langage JavaScript qui permet de manipuler le document HTML : création ou repositionnement d'éléments de structure, modification

Plus en détail

INITIATION AU LANGAGE HTML

INITIATION AU LANGAGE HTML INITIATION AU LANGAGE HTML I INTRODUCTION Seules les bases du langage HTML sont abordées ici. Cette initiation a pour but de "démarrer", les nombreuses ressources concernant ce langage vous permettront

Plus en détail

1 TD 3 : Construction d'une présentation à partir de photos

1 TD 3 : Construction d'une présentation à partir de photos 1 TD 3 : Construction d'une présentation à partir de photos (correction page??) Après un long séjour en vacances et une grande moisson de photos numériques, un baroudeur souhaite présenter quelques extraits

Plus en détail

Température corporelle des rats TRAVAUX PRATIQUES

Température corporelle des rats TRAVAUX PRATIQUES Informatique et Sciences du Numérique Température corporelle des rats TRAVAUX PRATIQUES Travaux Pratiques - 1 - TP No.. : Environnement de développement Windows, langage HTML /PHP Objectif Etre capable

Plus en détail

FORMATION EXCEL 2003 LIVRET 6 LES FILTRES DANS EXCEL

FORMATION EXCEL 2003 LIVRET 6 LES FILTRES DANS EXCEL FORMATION EXCEL 2003 LIVRET 6 LES FILTRES DANS EXCEL AUTEUR : THIERRY TILLIER Ceci est un extrait du cours original disponible sur http://www.coursdinfo.fr 2/19 Les filtres Copyright 2005 Thierry TILLIER

Plus en détail

Expressions communes. Détection du type de navigateur

Expressions communes. Détection du type de navigateur 2 Expressions communes Certaines tâches JavaScript récurrentes doivent être réalisées quasiment chaque jour. Elles sont à la base de nombreuses applications JavaScript mais n entrent dans aucune catégorie

Plus en détail

Chapitre 7. Canvas. 7.1 Introduction. 7.2 Les attributs de 7.3 Intitialiser 7.3.1 document.getelementbyid(...)

Chapitre 7. Canvas. 7.1 Introduction. 7.2 Les attributs de <canvas> 7.3 Intitialiser <canvas> 7.3.1 document.getelementbyid(...) 108 Chapitre 7 Canvas 7.1 Introduction est un élément HTML qui peut être utilisé pour produire des éléments graphiques sur une page web, en utilisant javascript. Par exemple, il peut être utilisé

Plus en détail

Créer un menu adaptable à toutes les résolutions

Créer un menu adaptable à toutes les résolutions Créé par : feektif Ce guide est reproductible en : 30 à 40 min et est d'un niveau : Intermédiaire Pour de tutoriel, nous allons réaliser un menu composé de cinq liens, chacun divisé en 3 éléments. Un curseur

Plus en détail

TP N 4. Par défaut, la page d accueil affiche les 10 derniers articles publiés.

TP N 4. Par défaut, la page d accueil affiche les 10 derniers articles publiés. TP N 4 Page d accueil Wordpress Ojectif Gérer du texte avec des images Accueil par défaut Par défaut, la page d accueil affiche les 10 derniers articles publiés. Nous souhaitons une page d accueil avec

Plus en détail

Systèmes d'informations

Systèmes d'informations Systèmes d'informations C'est un ensemble d'outils pour stocker / gérer / diffuser des informations / des données Le stockage : Bases de données + SGDBR La gestion : Saisie, Mise à jour, Contrôle La diffusion

Plus en détail

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 FORMULAIRE DE CONTACT POUR PORTFOLIO PRINCIPE GENERAL Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE

Plus en détail

Développement Web pour mobiles

Développement Web pour mobiles Développement Web pour mobiles Les bases du HTML par Eric Sarrion Date de publication : 11/08/2010 Dernière mise à jour : Le langage HTML est le langage de base permettant de construire des pages web,

Plus en détail

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos. KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html

Plus en détail

Javascript. Gérald Collaud Centre NTE, Université de Fribourg

Javascript. Gérald Collaud Centre NTE, Université de Fribourg Javascript Gérald Collaud Centre NTE, Université de Fribourg Formation continue, septembre-octobre 2000 Programme! Survol - Contexte! Avantages et inconvénients! Concepts principaux! Quelques exemples!

Plus en détail

Introduction à HTML. A. HTML et le web

Introduction à HTML. A. HTML et le web Introduction à HTML Isabelle Debled Renesson Marie-Dominique Devignes LORIA 1 2 1 Fonctionnement en mode client/serveur 1. Construction d une requête ex web : http://www.loria.fr/news CLIENT 5. Mise en

Plus en détail

Javascript : les bases du langage

Javascript : les bases du langage Javascript : les bases du langage Technologies du Web 1 Jean-Christophe Routier Licence 1 SESI Université Lille 1 Université Lille 1 - Licence 1 SESI Technologies du Web 1 1 Javascript présentation partielle,

Plus en détail

Premières applications. Web 2.0. avec Ajax et PHP. J e a n - M a r i e D e f r a n c e. Groupe Eyrolles, 2008, ISBN : 978-2-212-12090-5

Premières applications. Web 2.0. avec Ajax et PHP. J e a n - M a r i e D e f r a n c e. Groupe Eyrolles, 2008, ISBN : 978-2-212-12090-5 Premières applications Web 2.0 avec Ajax et PHP J e a n - M a r i e D e f r a n c e Groupe Eyrolles, 2008, ISBN : 978-2-212-12090-5 8 Applications Ajax-PHP synchrones Pour commencer simplement, je vous

Plus en détail

Présentation du logiciel Cobian Backup

Présentation du logiciel Cobian Backup Présentation du logiciel Cobian Backup Cobian Backup est un utilitaire qui sert à sauvegarder (manuelle et automatiquement) des fichiers et des dossiers de votre choix. Le répertoire de sauvegarde peut

Plus en détail

SHERLOCK 7. Version 1.2.0 du 01/09/09 JAVASCRIPT 1.5

SHERLOCK 7. Version 1.2.0 du 01/09/09 JAVASCRIPT 1.5 SHERLOCK 7 Version 1.2.0 du 01/09/09 JAVASCRIPT 1.5 Cette note montre comment intégrer un script Java dans une investigation Sherlock et les différents aspects de Java script. S T E M M E R I M A G I N

Plus en détail

Créer une présentation pour le web avec Médiator (format html/flash)

Créer une présentation pour le web avec Médiator (format html/flash) Créer une présentation pour le web avec Médiator (format html/flash) Préparer sa présentation: Principe d'une page html. L'avantage d'une présentation flash. Dossier de destination. Préparation du document.

Plus en détail

DESSINER AVEC HTML5 OBJET CANVAS Images statiques première partie

DESSINER AVEC HTML5 OBJET CANVAS Images statiques première partie DESSINER AVEC HTML5 OBJET CANVAS Images statiques première partie Canvas est une balise HTML mais les méthodes de dessin sont l'affaire de JAVASCRIPT. Canvas, comme img, est une balise de type inline qui

Plus en détail

M2202 Algorithmique TD 5 : Une bannière animée interactive

M2202 Algorithmique TD 5 : Une bannière animée interactive M2202 Algorithmique TD 5 : Une bannière animée interactive Nous verrons dans ce TD comment : enchainer une suite d'images en fondu dans une bannière ; afficher une image spécifique de cette bannière par

Plus en détail

Programmation orientée objet et événementielle en JavaScript. Département SRC Pôle Universitaire de Vichy Bruno Bachelet

Programmation orientée objet et événementielle en JavaScript. Département SRC Pôle Universitaire de Vichy Bruno Bachelet Programmation orientée objet et événementielle en JavaScript Département SRC Pôle Universitaire de Vichy Bruno Bachelet PARTIE I JavaScript: script côté client Programmation objet et événementielle en

Plus en détail

Fonction Personnalisée sous EXCEL

Fonction Personnalisée sous EXCEL Fonction Personnalisée sous EXCEL Les fonctions sont des unités de programme qui retournent un résultat. Function Nom-de-la-fonction ( [liste des paramètres] ) Type du résultat Sortie immédiate, éventuellement,

Plus en détail

Plateforme Systempay v1.24 Personnalisation avancée de la page paiement. Version 1.2a

Plateforme Systempay v1.24 Personnalisation avancée de la page paiement. Version 1.2a Plateforme Systempay v1.24 Personnalisation avancée de la page paiement Version 1.2a Rédaction, Vérification, Approbation Rédaction Vérification Approbation Nom Date/Visa Nom Date/Visa Nom Date/Visa Lyra-Network

Plus en détail

Schéma de principe client / serveur

Schéma de principe client / serveur Présentation Le langage est un langage de scripts spécialement conçu (initialement) pour développer des applications web Historique Créé par Rasmus Lerdorf sous le nom de /FI [Personnal Home Page / Forms

Plus en détail

«ExerSite» avec HotPotatoes

«ExerSite» avec HotPotatoes «ExerSite» avec HotPotatoes HotPotatoes est un logiciel gratuit qui permet de construire des QCM (questionnaire à choix multiples), QCU (questionnaires à choix unique), Vrai/Faux, QROC (questionnaires

Plus en détail

Formation Site Web : CSS et PHP

Formation Site Web : CSS et PHP Formation Site Web : CSS et PHP Valentin Roussellet Joachim Jablon Chahine Benchorha VIA Centrale Réseaux 1 er décembre 2008 Qu'est-ce que CSS Les sélecteurs La mise en page et le box-model Une CSS (Cascading

Plus en détail

PREZI : Présentations dynamiques

PREZI : Présentations dynamiques Présentation pro ou photos Prezi PREZI : Présentations dynamiques durée de la séance : 2h00 tous public. Tutoriels et logiciels disponible sur www.epn-montalieu.fr Prérequis : - Connaître l'environnement

Plus en détail

I - Créer un Nouveau Projet

I - Créer un Nouveau Projet Manuel d'utilisation Limite de responsabilités : En aucun cas, l'auteur ne pourra être tenu pour responsable des dommages indirects, particuliers, accidentels ou financiers résultant de l'utilisation et/ou

Plus en détail

Référentiel Général d Accessibilité pour les Administrations RGAA

Référentiel Général d Accessibilité pour les Administrations RGAA Référentiel Général d Accessibilité pour les Administrations RGAA Annexe 3 : Grilles de correspondance entre les critères de succès et les tests de conformité Page 1/21 1. Grille de correspondance des

Plus en détail

Formation JavaScript : Perfectionnement. Programme. L approche AJAX. L objet XMLHttpRequest. Objectif(s):

Formation JavaScript : Perfectionnement. Programme. L approche AJAX. L objet XMLHttpRequest. Objectif(s): Formation JavaScript : Perfectionnement Objectif(s): Comprendre l'approche AJAX Comprendre l'objet XMLHttpRequest Durée : 2 jour(s) Pré-requis : Bonnes connaissances en (X)HTML, CSS et JavaScript Public

Plus en détail

Création de boutons pour DvdStyler 1.5b5

Création de boutons pour DvdStyler 1.5b5 Création de boutons pour DvdStyler 1.5b5 TABLE DES MATIERES 1Présentation... 1 2Ajout d un bouton de navigation...1 2.1Création du bouton... 1 2.2Intégration à DvdStyler... 4 3 Quelques erreurs possibles...

Plus en détail

Cours HTML/PHP. Cours HTML/PHP. E.Coquery. emmanuel.coquery@liris.cnrs.fr

Cours HTML/PHP. Cours HTML/PHP. E.Coquery. emmanuel.coquery@liris.cnrs.fr Cours HTML/PHP E.Coquery emmanuel.coquery@liris.cnrs.fr Pages Web Pages Web statiques Principe de fonctionnement : L utilisateur demande l accès à une page Web depuis son navigateur. Adresse tapée, clic

Plus en détail

TP 8 : Créer son site web de D à Z...

TP 8 : Créer son site web de D à Z... TP 8 : Créer son site web de D à Z... Présentation Nous allons tenter de créer en 2 ou trois séances un site WEB de toute pièce. Vous devrez choisir un thème (ce que vous voulez, ou presque...). Vous établirez

Plus en détail

Créer des étiquettes avec les adresses d'un tableau Calc

Créer des étiquettes avec les adresses d'un tableau Calc Créer des étiquettes avec les adresses d'un tableau Calc Il faudra au préalable avoir déjà créé le tableau contenant les adresses avec Calc. Il y a trois étapes différentes pour réaliser des étiquettes

Plus en détail

Eléments du langage. Eléments du langage PHP. Variables. Variables

Eléments du langage. Eléments du langage PHP. Variables. Variables Eléments du langage Eléments du langage PHP Séparation des instructions Comme en C, C++, Perl, les instructions doivent être séparées par un point virgule. Les commentaires // Ceci est un commentaire sur

Plus en détail

Travaux dirigés n 10

Travaux dirigés n 10 Travaux dirigés n 10 IMAC 1 Responsive Web Design Dans ce TD, vous verrez comment concevoir un design web qui s adaptera au terminal sur lequel il sera visualisé. Avant-propos Avec l avènement des smartphones

Plus en détail

Programmation C++ (débutant)/instructions for, while et do...while

Programmation C++ (débutant)/instructions for, while et do...while Programmation C++ (débutant)/instructions for, while et do...while 1 Programmation C++ (débutant)/instructions for, while et do...while Le cours du chapitre 4 : le for, while et do...while La notion de

Plus en détail

Traitement de FICHES XML. dans une application construite sur SPIP

Traitement de FICHES XML. dans une application construite sur SPIP Traitement de FICHES XML dans une application construite sur SPIP François HAMONNO fhamonno@club-internet.fr SPIP-XML.doc 1/44 Table des matières 1. Objectifs...3 2. Utilisation des «Fiches XML»...4 2.1.

Plus en détail

Création d'exercices pour le logiciel Mathenpoche

Création d'exercices pour le logiciel Mathenpoche Création d'exercices pour le logiciel Mathenpoche http://www.mathenpoche.net. Mathenpoche est un logiciel libre. Ses sources sont en téléchargement sur le site du projet et sont modifiables librement et

Plus en détail

Dom, XML, Lecture de fichiers

Dom, XML, Lecture de fichiers Projet de développement web : Développement côté client Chapitre 4 Dom, XML, Lecture de fichiers Page 1 / 11 Table des matières Table des matières Introduction DOM : Document Object Model Structure habituelle

Plus en détail

Programmation Web IMAC 2015-2016 TD 1 : HTML. 30 septembre 2015

Programmation Web IMAC 2015-2016 TD 1 : HTML. 30 septembre 2015 Programmation Web IMAC 2015-2016 TD 1 : HTML 30 septembre 2015 Objectif: Ce TD a pour but d aborder les premières notions du langage HTML. Il est important de noter que le HTML n est pas un langage de

Plus en détail

Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP

Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP Au cours de ce TP, vous allez voir comment PHP permet aux utilisateurs, une interaction avec

Plus en détail

Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web

Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web Le Web 1. Qu est-ce que le Web? 7 1.1 Côté serveur : HTTP, FTP, langages, SQL 7 1.2 Côté client : HTML, CSS, JavaScript 10 2. Les langages et leur utilité 10 2.1 HTML 10 2.2 CSS 13 2.3 JavaScript 16 2.4

Plus en détail

Conception et Implémentation

Conception et Implémentation I. INTRODUCTION Dans ce chapitre on va définir la conception de notre site web dynamique et nous expliquons les étapes de réalisation, les outils utilisés et l interface principale ainsi que les différentes

Plus en détail

Qu'est-ce que JavaScript?

Qu'est-ce que JavaScript? Vous Qu'est-ce pouvez que recourir JavaScript à des? notes de bas de page pour des commentaires détaillés et à des notes de fin pour citer vos sources, par exemple. Qu'est-ce que JavaScript? Javascript

Plus en détail

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations

Plus en détail

Nvu - KompoZer. Table des matières. Tuto rapido

Nvu - KompoZer. Table des matières. Tuto rapido Nvu - KompoZer Table des matières 1. Démarrage rapide...2 1.1. Créer une nouvelle page...2 1.2. Ouvrir une page existante...2 1.3. Enregistrer une page...2 2. Utiliser KompoZer...3 2.1. L'interface...3

Plus en détail

Programmation récursive

Programmation récursive Année 2004-2005 F. Lévy IUT De Villetaneuse Dép t informatique Cours d'algorithmique 2 éme Année Cours 8 Programmation récursive 1. Qu'est-ce que la programmation récursive Définition : la programmation

Plus en détail

JQuery. Définition Mise en oeuvre Sélecteur DOM Méthodes Exemples JQueryUI Conclusion 2/36

JQuery. Définition Mise en oeuvre Sélecteur DOM Méthodes Exemples JQueryUI Conclusion 2/36 JQuery 1/36 JQuery Définition Mise en oeuvre Sélecteur DOM Méthodes Exemples JQueryUI Conclusion 2/36 JQuery Définition Mise en oeuvre Sélecteur DOM Méthodes Exemples JQueryUI Conclusion 3/36 Définition

Plus en détail

Présentation du langage et premières fonctions

Présentation du langage et premières fonctions 1 Présentation de l interface logicielle Si les langages de haut niveau sont nombreux, nous allons travaillé cette année avec le langage Python, un langage de programmation très en vue sur internet en

Plus en détail

TP : commande awk. D'après le cours en ligne de Isabelle Vollant http://www.shellunix.com/awk.html

TP : commande awk. D'après le cours en ligne de Isabelle Vollant http://www.shellunix.com/awk.html TP : commande awk D'après le cours en ligne de Isabelle Vollant http://www.shellunix.com/awk.html Nous reprenons dans ce TP une grande partie du cours de Isabelle Vollant en simplifiant quelques informations.

Plus en détail

Unité d Enseignement en Informatique Année 2008-2009 Avril 2009

Unité d Enseignement en Informatique Année 2008-2009 Avril 2009 Unité d Enseignement en Informatique Année 2008-2009 Avril 2009 Page 1/6 2 ième année ESTIA CGP-MPA Examen de Système d Information (2h00, aucun document autorisé) PARTIE 1 Questions de cours Exercice

Plus en détail

Calculatrice TI-Nspire et Programmes.

Calculatrice TI-Nspire et Programmes. Ecran de démarrage TI-Nspire Cette touche permet d ouvrir une nouvelle page de calcul. Exemple de mise en œuvre : U0 = 1 On utilise considère la suite définie par : 3 U n+1 =10 U n 3 Normalement cette

Plus en détail

1. Manipulation des formulaires avec PHP. 2. Transmission d'arguments entre pages : méthodes GET et POST. 3. Manipulation du JavaScript avec le PHP.

1. Manipulation des formulaires avec PHP. 2. Transmission d'arguments entre pages : méthodes GET et POST. 3. Manipulation du JavaScript avec le PHP. TP5: LES FORMULAIRES OBJECTIFS : 1. Manipulation des formulaires avec PHP. 2. Transmission d'arguments entre pages : méthodes GET et POST. 3. Manipulation du JavaScript avec le PHP. PARTIE 1: Formulaire

Plus en détail

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE 1 Environnement Lancement du logiciel : ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Atelier «pour approfondir» Le tableur OpenOffice Calc o Menu Démarrer > Tous les programmes > OpenOffice.org > OpenOffice.org

Plus en détail

STAGE IREM 0- Premiers pas en Python

STAGE IREM 0- Premiers pas en Python Université de Bordeaux 16-18 Février 2014/2015 STAGE IREM 0- Premiers pas en Python IREM de Bordeaux Affectation et expressions Le langage python permet tout d abord de faire des calculs. On peut évaluer

Plus en détail

Les feuilles de Style HTML : CSS

Les feuilles de Style HTML : CSS Les feuilles de Style HTML : CSS Tarek Melliti Laboratoire IBISC (Informatique Biologie Intégrative et Systèmes Complexes) tarek.melliti@ibisc.univ-evry.fr Plan du cours Séances 1 : Introduction à l informatique

Plus en détail

II. EXCEL/QUERY ET SQL

II. EXCEL/QUERY ET SQL I. AU TRAVAIL, SQL! 1. Qu est-ce que SQL?... 19 2. SQL est un indépendant... 19 3. Comment est structuré le SQL?... 20 4. Base, table et champ... 21 5. Quelle est la syntaxe générale des instructions SQL?...

Plus en détail

XML (extensible Markup Language)

XML (extensible Markup Language) XML (extensible Markup Language) Références : XML, Micro Application e-poche http://giles.chagnon.free.fr/cours/xml/base.html http://www.cgmatane.qc.ca/forgetj/formation/int4/xml.php 1. Qu est-ce que XML?

Plus en détail

ED : Construction d'interfaces graphiques en Java

ED : Construction d'interfaces graphiques en Java ED : Construction d'interfaces graphiques en Java Le but de cet exercice est d'écrire un code Java de la construction de l'interface graphique et de la réaction des actions de l'utilisateur sur une application

Plus en détail

MODE D'EMPLOI. Rédiger ou modifier un article. Vincent Blanchard Informatique Page 1

MODE D'EMPLOI. Rédiger ou modifier un article. Vincent Blanchard Informatique Page 1 MODE D'EMPLOI Rédiger ou modifier un article Vincent Blanchard Informatique Page 1 SOMMAIRE Chapitre 1 : Présentation de votre outil rédactionnel page 3 Chapitre 2 : les attributs d un article..page 7

Plus en détail

Le langage PHP permet donc de construire des sites web dynamiques, contrairement au langage HTML, qui donnera toujours la même page web.

Le langage PHP permet donc de construire des sites web dynamiques, contrairement au langage HTML, qui donnera toujours la même page web. Document 1 : client et serveur Les ordinateurs sur lesquels sont stockés les sites web sont appelés des serveurs. Ce sont des machines qui sont dédiées à cet effet : elles sont souvent sans écran et sans

Plus en détail

Taleo Enterprise Edition

Taleo Enterprise Edition Taleo Enterprise Edition Définition de l'image de marque de la section Carrières Version 7.5 Juillet 2009 Information confidentielle Le destinataire du présent document (ci-après dénommé «l Autre partie»)

Plus en détail

Création de page web avec Dreamweaver 2.0

Création de page web avec Dreamweaver 2.0 Création de page web avec Dreamweaver 2.0 Guide d accompagnement pour Windows avril 2002 Suzanne Harvey Responsable RÉCIT suzanne.harvey@prologue.qc.ca http://www.apinfo.qc.ca http://www.cssh.qc.ca/se/recit

Plus en détail

-- Stage Auteur 2.0 -- Comment créer un blog d auteur avec blogger Bases techniques

-- Stage Auteur 2.0 -- Comment créer un blog d auteur avec blogger Bases techniques -- Stage Auteur 2.0 -- Comment créer un blog d auteur avec blogger Bases techniques Ce support vous présente les bases pour créer un blog avec Blogger, c est extrêmement simple et intuitif, mais Blogger

Plus en détail

HTML5, CSS3. Apprenez les langages. pour créer votre premier site web. et JavaScript. HTML5, CSS3 et JavaScript - pour créer votre premier site web

HTML5, CSS3. Apprenez les langages. pour créer votre premier site web. et JavaScript. HTML5, CSS3 et JavaScript - pour créer votre premier site web pour créer votre premier site web Dès le début du livre l auteur présente un tour d horizon du développement sur le Web ; les langages côté client et serveur, les formats d images, les navigateurs afin

Plus en détail

Le Html5 comporte de façon native de nombreuses interfaces de programmation (Application Programming Interface ou API). Citons :

Le Html5 comporte de façon native de nombreuses interfaces de programmation (Application Programming Interface ou API). Citons : Préambule Le Html5 comporte de façon native de nombreuses interfaces de programmation (Application Programming Interface ou API). Citons : La géolocalisation, qui permet de localiser l utilisateur par

Plus en détail

La balise 3T61U1EW savoir rédiger pour le multimédia. Jérôme Landré jerome.landre@univ-reims.fr bureau C203 (GMP) bureau H110 (MMI)

La balise <canvas> 3T61U1EW savoir rédiger pour le multimédia. Jérôme Landré jerome.landre@univ-reims.fr bureau C203 (GMP) bureau H110 (MMI) La balise 3T61U1EW savoir rédiger pour le multimédia Jérôme Landré jerome.landre@univ-reims.fr bureau C203 (GMP) bureau H110 (MMI) Licence professionnelle Métiers de l'internet et du Multimédia

Plus en détail

Examen d'informatique module INF112. 1ère session 2003-2004. sans calculatrice, sans document

Examen d'informatique module INF112. 1ère session 2003-2004. sans calculatrice, sans document Examen d'informatique module INF112 1ère session 2003-2004 sans calculatrice, sans document Le barème est indicatif Sauf indiqué contraire, dans les questions à choix multiples, il peut (ou non) y avoir

Plus en détail

INITIATION À LA PROGRAMMATION PARTIE 2 : PHP

INITIATION À LA PROGRAMMATION PARTIE 2 : PHP INITIATION À LA PROGRAMMATION PARTIE 2 : PHP ce cours, nous aborderons progressivement et par la pratique les techniques transversales de programmation; par la même occasion, vous découvrirez plusieurs

Plus en détail

Cours Web - Javascript

Cours Web - Javascript Cours Web - Javascript Thierry Vaira BTS IRIS Avignon tvaira@free.fr v0.1 Objectifs Se familiariser avec le langage Javascript et acquérir une pratique minimale. Être capable d intégrer des scripts clients

Plus en détail

Dojo partie 1. Widgets dojo.form Validation des formulaires Côté client Côté serveur Requêtes Ajax

Dojo partie 1. Widgets dojo.form Validation des formulaires Côté client Côté serveur Requêtes Ajax Dojo partie 1 Widgets dojo.form Validation des formulaires Côté client Côté serveur Requêtes Ajax 1 Modules Dojo 3 espaces de noms principaux: dojo: bibliothèque de base dijit: bibliothèque de widgets

Plus en détail

Une (petite) initiation au langage HTML

Une (petite) initiation au langage HTML Une (petite) initiation au langage HTML Julien Coulié Partie 1 : Les bases Le langage HTML (HyperText Markup Language) est un langage de description de documents qui est le standard utilisé pour les pages

Plus en détail

Le langage php. Serveur http est automatiquement lancé.

Le langage php. Serveur http est automatiquement lancé. Le langage php 1. Introduction aux langages serveurs : Il y a deux modes d exécution d une page HTML : Local : en cliquant sur le fichier, le navigateur Serveur http est automatiquement lancé. Navigateur

Plus en détail

Haute École de Gestion 05/10/2007. au cours Programmation en VBA Excel. Faisons connaissance. Etudiants se présentent

Haute École de Gestion 05/10/2007. au cours Programmation en VBA Excel. Faisons connaissance. Etudiants se présentent Bienvenue au cours en Excel Faisons connaissance Etudiants se présentent Nom, Prénom Avez-vous déjà fait des macros Excel? Avec-vous déjà programmé avec Excel? Avez-vous déjà programmé avec d'autres langages

Plus en détail