Les inclusions
Il y a une chose essentielle en PHP, c’est l’inclusion de fichiers.
Imaginons que vous ayez un site qui comporte toujours le même menu ou encore la même partie haute, en HTML vous étiez obligés de copier coller le même code sur toutes les pages de votre site, avec pour inconvénient principal des mises à jour rendues plus difficiles car vous deviez modifier toutes les pages faisant appel à votre menu en cas d’actualisation de celui-ci.
Le code permettant d’inclure un fichier dans un autre est très simple en PHP.
On utilise la structure du langage « include« .
Elle peut ne pas prendre de parenthèses.
Cette structure va vous permettre d’inclure un fichier PHP à interpréter dans un autre fichier PHP, ou un fichier statique dans un fichier PHP.
Voici un exemple permettant d’inclure la page « haut.php » dans le fichier courant :
<?php
include 'haut.php';
?>
Mise en pratique
Créez une page « index.php » avec le code suivant :
<!doctype html>
<html class="no-js no-svg" lang="fr-FR">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Formation digitale : Bachelor (BAC+3) et Mastères (BAC+5) - ECV Digital</title>
<meta name="description" content="Découvrez nos formations digitale en Bachelor (Bac+3) et Mastères (Bac+5) du généraliste au spécialisé dans l'un de nos campus en France." />
<link rel='stylesheet' id='gfont-css' href='https://fonts.googleapis.com/css?family=Montserrat%3A300%2C400%2C500%2C700&ver=5.8.1' type='text/css' media='all' />
<link rel='stylesheet' id='app-css' href='https://www.ecv.fr/app/themes/ecv/assets/app.css?ver=5.8.1' type='text/css' media='all' />
<script type='text/javascript' src='https://www.ecv.fr/wp/wp-includes/js/jquery/jquery.min.js?ver=3.6.0' id='jquery-core-js'></script>
<script type='text/javascript' src='https://www.ecv.fr/wp/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2' id='jquery-migrate-js'></script>
</head>
<body class="page-template-default page page-id-485 page-parent page-child parent-pageid-352 locale-fr-fr">
<header id="header" class="header" role="banner">
<div class="container">
<a href="https://www.ecv.fr/" title="ECV (Retour à l'accueil)" class="header__logo">
<img src="https://www.ecv.fr/app/themes/ecv/images/logo-ecv.svg" title="ECV (Retour à l'accueil)" alt="ECV" width="" height="">
</a>
<nav class="header-nav" role="navigation">
<ul id="menu" class="header-menu"><li id="menu-item-356" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children category-lecole menu-item-356"><a href="https://www.ecv.fr/lecole/"><span>L’école</span></a> <div class="menu__secondary category-lecole">
<div class="container category-lecole">
<div class="menu__left">
<div class="menu__title">L’école</div>
<div class="menu__description">
<p>Depuis 1984, l’école de référence en Design, Animation, Game et Digital. « L’ECV est avant tout une ambition partagée par tous ceux qui se sont engagés à former avec succès des étudiants aux métiers de la création. »</p>
</div>
<div class="menu__more">
<a href="https://www.ecv.fr/lecole/" class="underlined">
En savoir plus <svg class="icon icon-arrow"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#arrow"></use></svg>
</a>
</div>
<div class="menu__left__links">
<a id="menu-dde-doc-l-ecole" href="https://www.ecv.fr/demande-de-documentation/" class="btn-filled" title="Documentation">
<span>Documentation</span>
<svg class="icon icon-download"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#download"></use></svg>
</a>
<a id="menu-dde-entretien-l-ecole" href="https://www.ecv.fr/demande-dentretien/" class="btn-outlined" title="Entretien">
<span>Entretien</span>
<svg class="icon icon-users"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#users"></use></svg>
</a>
</div>
</div>
<ul class="menu__center category-lecole"> <li id="menu-item-27371" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-27371"><a href="https://www.ecv.fr/lecole/"><span>L’école ECV</span></a>
<ul class="sub-menu category-lecole">
<li id="menu-item-27753" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27753"><a href="https://www.ecv.fr/lecole/certifications-accreditations/"><span>Certifications & accréditations</span></a></li>
<li id="menu-item-27754" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27754"><a href="https://www.ecv.fr/faq/"><span>FAQ</span></a></li>
</ul>
</li>
<li id="menu-item-357" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-357"><a href="https://www.ecv.fr/lecole/les-campus/"><span>Les campus</span></a>
<ul class="sub-menu category-lecole">
<li id="menu-item-358" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-358"><a href="https://www.ecv.fr/lecole/les-campus/paris/"><span>Paris</span></a></li>
<li id="menu-item-845" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-845"><a href="https://www.ecv.fr/lecole/les-campus/bordeaux/"><span>Bordeaux</span></a></li>
<li id="menu-item-360" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-360"><a href="https://www.ecv.fr/lecole/les-campus/aix-en-provence/"><span>Aix-en-Provence</span></a></li>
<li id="menu-item-361" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-361"><a href="https://www.ecv.fr/lecole/les-campus/nantes/"><span>Nantes</span></a></li>
<li id="menu-item-362" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-362"><a href="https://www.ecv.fr/lecole/les-campus/lille/"><span>Lille</span></a></li>
<li id="menu-item-550" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-550"><a href="https://www.ecv.fr/lecole/les-campus/campus-a-linternational/"><span>Campus à l’international<svg class="icon icon-world"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#world"></use></svg></span></a></li>
<li id="menu-item-21731" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-21731"><a href="https://www.ecv.fr/nous-contacter/"><span>Nous contacter</span></a></li>
</ul>
</li>
<li id="menu-item-365" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-365"><a href="https://www.ecv.fr/lecole/international/"><span>International</span></a>
<ul class="sub-menu category-lecole">
<li id="menu-item-7779" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7779"><a href="https://www.ecv.fr/lecole/international/admissions-internationales/"><span>Admissions internationales</span></a></li>
<li id="menu-item-19884" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19884"><a href="https://www.ecv.fr/lecole/international/summer-session/"><span>Summer session</span></a></li>
<li id="menu-item-368" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-368"><a href="https://www.ecv.fr/lecole/international/double-diplome/"><span>Double Diplôme</span></a></li>
<li id="menu-item-366" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-366"><a href="https://www.ecv.fr/lecole/international/erasmus/"><span>Erasmus</span></a></li>
<li id="menu-item-367" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-367"><a href="https://www.ecv.fr/lecole/international/cumulus/"><span>Cumulus</span></a></li>
<li id="menu-item-12128" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12128"><a href="https://www.ecv.fr/faq/international/"><span>Vous avez des questions ?</span></a></li>
</ul>
</li>
<li id="menu-item-13924" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-13924"><a href="https://www.ecv.fr/event/"><span>Nos événements</span></a>
<ul class="sub-menu category-lecole">
<li id="menu-item-14469" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14469"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=0&tax%5Bcity%5D=26&tax%5Bevent-category%5D=0"><span>Paris</span></a></li>
<li id="menu-item-14470" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14470"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=0&tax%5Bcity%5D=19&tax%5Bevent-category%5D=0"><span>Bordeaux</span></a></li>
<li id="menu-item-14471" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14471"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=0&tax%5Bcity%5D=25&tax%5Bevent-category%5D=0"><span>Aix-en-Provence</span></a></li>
<li id="menu-item-14472" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14472"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=0&tax%5Bcity%5D=27&tax%5Bevent-category%5D=0"><span>Nantes</span></a></li>
<li id="menu-item-14473" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14473"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=0&tax%5Bcity%5D=49&tax%5Bevent-category%5D=0"><span>Lille</span></a></li>
</ul>
</li>
<li id="menu-item-1615" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1615"><a href="https://www.ecv.fr/lecole/actualites/"><span>Actualités</span></a></li>
<li id="menu-item-369" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-369"><a href="https://www.ecv.fr/lecole/projets/"><span>Galerie des projets</span></a></li>
<li id="menu-item-370" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-370"><a href="https://www.ecv.fr/lecole/creative-community/"><span>Témoignages</span></a></li>
<li id="menu-item-363" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-363"><a href="https://www.ecv.fr/lecole/reseaux-partenaires/"><span>Entreprise</span></a>
<ul class="sub-menu category-lecole">
<li id="menu-item-19822" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19822"><a href="https://www.ecv.fr/lecole/reseaux-partenaires/taxe-dapprentissage/"><span>Taxe d’apprentissage</span></a></li>
<li id="menu-item-21732" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-21732"><a href="https://www.ecv.fr/deposer-une-offre/"><span>Déposer une offre</span></a></li>
</ul>
</li>
</ul><div class="menu__right">
<a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=0&tax%5Bcity%5D=0&tax%5Bevent-category%5D=330">
<img src="https://www.ecv.fr/app/uploads/2021/09/template_JPO_miniature_youtube-554x296.png" alt="">
<span>👋 Rencontrons-nous lors de nos Journées Portes ouvertes ! </span>
</a>
</div>
</div></div></li>
<li id="menu-item-375" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children category-design menu-item-375"><a href="https://www.ecv.fr/design/"><span>Design</span></a> <div class="menu__secondary category-design">
<div class="container category-design">
<div class="menu__left">
<div class="menu__title">Design</div>
<div class="menu__description">
<p>Les écoles ECV constituent aujourd’hui le plus grand réseau français reconnu par les professionnels dans le domaine du Design et de la Publicité.</p>
</div>
<div class="menu__more">
<a href="https://www.ecv.fr/design/" class="underlined">
En savoir plus <svg class="icon icon-arrow"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#arrow"></use></svg>
</a>
</div>
<div class="menu__left__links">
<a id="menu-dde-doc-design" href="https://www.ecv.fr/demande-de-documentation/" class="btn-filled" title="Documentation">
<span>Documentation</span>
<svg class="icon icon-download"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#download"></use></svg>
</a>
<a id="menu-dde-entretien-design" href="https://www.ecv.fr/demande-dentretien/" class="btn-outlined" title="Entretien">
<span>Entretien</span>
<svg class="icon icon-users"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#users"></use></svg>
</a>
</div>
</div>
<ul class="menu__center category-design"> <li id="menu-item-566" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-566"><a href="https://www.ecv.fr/design/formations/"><span>Formations</span></a>
<ul class="sub-menu category-design">
<li id="menu-item-567" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-567"><a href="https://www.ecv.fr/design/formations/prepa-art-et-design/"><span>Prépa Design</span></a></li>
<li id="menu-item-568" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-568"><a href="https://www.ecv.fr/design/formations/bachelor-design-graphique/"><span>Bachelor Design Graphique</span></a></li>
<li id="menu-item-14116" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14116"><a href="https://www.ecv.fr/design/formations/bachelor-architecture-dinterieur/"><span>Bachelor Architecture d’intérieur 🆕</span></a></li>
<li id="menu-item-570" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-570"><a href="https://www.ecv.fr/design/formations/mastere-design-graphique/"><span>Mastère Design Graphique</span></a></li>
<li id="menu-item-569" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-569"><a href="https://www.ecv.fr/design/formations/mastere-design-interactif/"><span>Mastère Design Interactif</span></a></li>
<li id="menu-item-571" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-571"><a href="https://www.ecv.fr/design/formations/mastere-direction-artistique-digitale-publicitaire/"><span>Mastère DA Digitale & Publicitaire</span></a></li>
<li id="menu-item-20440" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20440"><a href="https://www.ecv.fr/design/formations/mastere-direction-artistique-en-alternance/"><span>Mastère Direction Artistique en alternance 🆕</span></a></li>
<li id="menu-item-573" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-573"><a href="https://www.ecv.fr/design/formations/mastere-design-strategy/"><span>Mastère Design & Strategy<svg class="icon icon-world"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#world"></use></svg></span></a></li>
<li id="menu-item-572" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-572"><a href="https://www.ecv.fr/design/formations/mastere-design-et-typographie/"><span>Mastère Design & Typographie</span></a></li>
<li id="menu-item-22078" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22078"><a href="https://www.ecv.fr/design/formations/mastere-illustration-character-design/"><span>Mastère Illustration & Character Design 🆕</span></a></li>
<li id="menu-item-14115" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14115"><a href="https://www.ecv.fr/design/formations/mastere-architecture-dinterieur-scenographie/"><span>Mastère Architecture d’intérieur & Scénographie 🆕</span></a></li>
<li id="menu-item-574" class="menu-item menu-item-type-post_type menu-item-object-page is-grey menu-item-574"><a href="https://www.ecv.fr/design/formations/bachelor-of-fine-arts/"><span>Bachelor of fine arts<svg class="icon icon-world"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#world"></use></svg></span></a></li>
</ul>
</li>
<li id="menu-item-575" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-575"><a href="https://www.ecv.fr/design/admissions/"><span>Admissions</span></a>
<ul class="sub-menu category-design">
<li id="menu-item-22033" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22033"><a href="https://www.ecv.fr/design/admissions/"><span>Admissions & tarifs</span></a></li>
<li id="menu-item-27097" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27097"><a href="https://www.ecv.fr/5-conseils-pour-reussir-son-book/"><span>5 conseils pour réussir son book ✅</span></a></li>
<li id="menu-item-27098" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27098"><a href="https://www.ecv.fr/lecole/preparer-son-entretien-dadmission/"><span>Préparer son entretien d’admission</span></a></li>
<li id="menu-item-22055" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22055"><a href="https://www.ecv.fr/lecole/vae/"><span>VAE</span></a></li>
</ul>
</li>
<li id="menu-item-578" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-578"><a href="https://www.ecv.fr/design/debouches/"><span>Débouchés</span></a>
<ul class="sub-menu category-design">
<li id="menu-item-580" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-580"><a href="https://www.ecv.fr/design/debouches/alumni-design/"><span>Parcours des anciens</span></a></li>
<li id="menu-item-579" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-579"><a href="https://www.ecv.fr/design/debouches/les-metiers-du-design/"><span>Les métiers du Design</span></a></li>
</ul>
</li>
<li id="menu-item-13925" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-13925"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=13&tax%5Bcity%5D=0&tax%5Bevent-category%5D=0"><span>Nos événements</span></a>
<ul class="sub-menu category-design">
<li id="menu-item-14225" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14225"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=13&tax%5Bcity%5D=0&tax%5Bevent-category%5D=332"><span>Stages & ateliers</span></a></li>
<li id="menu-item-14435" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14435"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=13&tax%5Bcity%5D=0&tax%5Bevent-category%5D=330"><span>Portes ouvertes</span></a></li>
<li id="menu-item-14223" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14223"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=13&tax%5Bcity%5D=0&tax%5Bevent-category%5D=334"><span>Conférences</span></a></li>
<li id="menu-item-14224" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14224"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=13&tax%5Bcity%5D=0&tax%5Bevent-category%5D=336"><span>Rencontres de l’ECV</span></a></li>
</ul>
</li>
</ul><div class="menu__right">
<a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=0&tax%5Bcity%5D=0&tax%5Bevent-category%5D=330">
<img src="https://www.ecv.fr/app/uploads/2021/09/template_JPO_miniature_youtube-554x296.png" alt="">
<span>👋 Rencontrons-nous lors de nos Journées Portes ouvertes ! </span>
</a>
</div>
</div></div></li>
<li id="menu-item-374" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children category-animation menu-item-374"><a href="https://www.ecv.fr/animation/"><span>Animation</span></a> <div class="menu__secondary category-animation">
<div class="container category-animation">
<div class="menu__left">
<div class="menu__title">Animation</div>
<div class="menu__description">
<p>En ouvrant il y a 20 ans un cursus dédié aux métiers de l’Animation 2D/3D, l’ECV a été l’une des premières écoles françaises à répondre aux besoins des nouvelles professions qui ont accompagné la révolution numérique.</p>
</div>
<div class="menu__more">
<a href="https://www.ecv.fr/animation/" class="underlined">
En savoir plus <svg class="icon icon-arrow"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#arrow"></use></svg>
</a>
</div>
<div class="menu__left__links">
<a id="menu-dde-doc-animation" href="https://www.ecv.fr/demande-de-documentation/" class="btn-filled" title="Documentation">
<span>Documentation</span>
<svg class="icon icon-download"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#download"></use></svg>
</a>
<a id="menu-dde-entretien-animation" href="https://www.ecv.fr/demande-dentretien/" class="btn-outlined" title="Entretien">
<span>Entretien</span>
<svg class="icon icon-users"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#users"></use></svg>
</a>
</div>
</div>
<ul class="menu__center category-animation"> <li id="menu-item-553" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-553"><a href="https://www.ecv.fr/animation/formations/"><span>Formations</span></a>
<ul class="sub-menu category-animation">
<li id="menu-item-554" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-554"><a href="https://www.ecv.fr/animation/formations/prepa-animation-et-game/"><span>Prépa Animation et Game</span></a></li>
<li id="menu-item-555" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-555"><a href="https://www.ecv.fr/animation/formations/bachelor-animation-2d-3d/"><span>Bachelor Cinéma d’Animation 2D / 3D</span></a></li>
<li id="menu-item-556" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-556"><a href="https://www.ecv.fr/animation/formations/mastere-cinema-danimation-2d/"><span>Mastère Cinéma d’Animation 2D</span></a></li>
<li id="menu-item-557" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-557"><a href="https://www.ecv.fr/animation/formations/mastere-cinema-danimation-3d/"><span>Mastère Cinéma d’Animation 3D</span></a></li>
<li id="menu-item-14237" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14237"><a href="https://www.ecv.fr/animation/formations/mastere-vfx/"><span>Mastère VFX 🆕</span></a></li>
<li id="menu-item-558" class="menu-item menu-item-type-post_type menu-item-object-page is-grey menu-item-558"><a href="https://www.ecv.fr/animation/formations/bachelor-of-interactive-media/"><span>Bachelor of Interactive Design<svg class="icon icon-world"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#world"></use></svg></span></a></li>
</ul>
</li>
<li id="menu-item-2608" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2608"><a href="https://www.ecv.fr/animation/admissions/"><span>Admissions</span></a>
<ul class="sub-menu category-animation">
<li id="menu-item-22057" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22057"><a href="https://www.ecv.fr/animation/admissions/"><span>Admissions & Tarifs</span></a></li>
<li id="menu-item-27099" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27099"><a href="https://www.ecv.fr/5-conseils-pour-reussir-son-book/"><span>5 conseils pour réussir son book ✅</span></a></li>
<li id="menu-item-27100" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27100"><a href="https://www.ecv.fr/lecole/preparer-son-entretien-dadmission/"><span>Préparer son entretien d’admission</span></a></li>
<li id="menu-item-22056" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22056"><a href="https://www.ecv.fr/lecole/vae/"><span>VAE</span></a></li>
</ul>
</li>
<li id="menu-item-560" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-560"><a href="https://www.ecv.fr/animation/debouches/"><span>Débouchés</span></a>
<ul class="sub-menu category-animation">
<li id="menu-item-561" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-561"><a href="https://www.ecv.fr/animation/debouches/les-metiers-de-lanimation/"><span>Les métiers de l’Animation</span></a></li>
<li id="menu-item-562" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-562"><a href="https://www.ecv.fr/animation/debouches/alumni-animation/"><span>Parcours d’Alumni</span></a></li>
</ul>
</li>
<li id="menu-item-13926" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-13926"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=12&tax%5Bcity%5D=0&tax%5Bevent-category%5D=0"><span>Nos événements</span></a>
<ul class="sub-menu category-animation">
<li id="menu-item-14226" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14226"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=12&tax%5Bcity%5D=0&tax%5Bevent-category%5D=332"><span>Stages & ateliers</span></a></li>
<li id="menu-item-14436" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14436"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=12&tax%5Bcity%5D=0&tax%5Bevent-category%5D=330"><span>Portes ouvertes</span></a></li>
<li id="menu-item-14228" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14228"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=12&tax%5Bcity%5D=0&tax%5Bevent-category%5D=334"><span>Conférences</span></a></li>
<li id="menu-item-14227" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14227"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=12&tax%5Bcity%5D=0&tax%5Bevent-category%5D=336"><span>Rencontres de l’ECV</span></a></li>
</ul>
</li>
<li id="menu-item-12392" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12392"><a href="https://www.ecv.fr/animation/nos-courts-metrages-danimation-2d-3d/"><span>Nos courts-métrages</span></a></li>
</ul><div class="menu__right">
<a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=0&tax%5Bcity%5D=0&tax%5Bevent-category%5D=330">
<img src="https://www.ecv.fr/app/uploads/2021/09/template_JPO_miniature_youtube-554x296.png" alt="">
<span>👋 Rencontrons-nous lors de nos Journées Portes ouvertes ! </span>
</a>
</div>
</div></div></li>
<li id="menu-item-377" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children category-game menu-item-377"><a href="https://www.ecv.fr/game/"><span>Game</span></a> <div class="menu__secondary category-game">
<div class="container category-game">
<div class="menu__left">
<div class="menu__title">Game</div>
<div class="menu__description">
<p>Le cursus ECV Game implanté à Paris, Bordeaux et Lille, forme des professionnels au profil artistique, capables d’allier créativité et technique et d’intégrer aussi bien les studios indépendants comme les grands studios du secteur.</p>
</div>
<div class="menu__more">
<a href="https://www.ecv.fr/game/" class="underlined">
En savoir plus <svg class="icon icon-arrow"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#arrow"></use></svg>
</a>
</div>
<div class="menu__left__links">
<a id="menu-dde-doc-game" href="https://www.ecv.fr/demande-de-documentation/" class="btn-filled" title="Documentation">
<span>Documentation</span>
<svg class="icon icon-download"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#download"></use></svg>
</a>
<a id="menu-dde-entretien-game" href="https://www.ecv.fr/demande-dentretien/" class="btn-outlined" title="Entretien">
<span>Entretien</span>
<svg class="icon icon-users"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#users"></use></svg>
</a>
</div>
</div>
<ul class="menu__center category-game"> <li id="menu-item-603" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-603"><a href="https://www.ecv.fr/game/formations/"><span>Formations</span></a>
<ul class="sub-menu category-game">
<li id="menu-item-2297" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2297"><a href="https://www.ecv.fr/game/formations/prepa-animation-et-game/"><span>Prépa Animation et Game</span></a></li>
<li id="menu-item-605" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-605"><a href="https://www.ecv.fr/game/formations/bachelor-game/"><span>Bachelor Game</span></a></li>
<li id="menu-item-606" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-606"><a href="https://www.ecv.fr/game/formations/mastere-game/"><span>Mastère Game</span></a></li>
</ul>
</li>
<li id="menu-item-2616" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2616"><a href="https://www.ecv.fr/game/admissions/"><span>Admissions</span></a>
<ul class="sub-menu category-game">
<li id="menu-item-22058" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22058"><a href="https://www.ecv.fr/game/admissions/"><span>Admissions & Tarifs</span></a></li>
<li id="menu-item-27101" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27101"><a href="https://www.ecv.fr/5-conseils-pour-reussir-son-book/"><span>5 conseils pour réussir son book ✅</span></a></li>
<li id="menu-item-27102" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27102"><a href="https://www.ecv.fr/digital/preparer-son-entretien-dadmission/"><span>Préparer son entretien d’admission</span></a></li>
<li id="menu-item-22059" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22059"><a href="https://www.ecv.fr/lecole/vae/"><span>VAE</span></a></li>
</ul>
</li>
<li id="menu-item-610" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-610"><a href="https://www.ecv.fr/game/debouches/"><span>Débouchés</span></a>
<ul class="sub-menu category-game">
<li id="menu-item-611" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-611"><a href="https://www.ecv.fr/game/debouches/les-metiers-du-game/"><span>Les métiers du Game</span></a></li>
<li id="menu-item-612" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-612"><a href="https://www.ecv.fr/game/debouches/alumni-game/"><span>Parcours d’Alumni</span></a></li>
</ul>
</li>
<li id="menu-item-13927" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-13927"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=14&tax%5Bcity%5D=0&tax%5Bevent-category%5D=0"><span>Nos événements</span></a>
<ul class="sub-menu category-game">
<li id="menu-item-14231" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14231"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=14&tax%5Bcity%5D=0&tax%5Bevent-category%5D=332"><span>Stages & ateliers</span></a></li>
<li id="menu-item-14437" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14437"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=14&tax%5Bcity%5D=0&tax%5Bevent-category%5D=330"><span>Portes ouvertes</span></a></li>
<li id="menu-item-14229" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14229"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=14&tax%5Bcity%5D=0&tax%5Bevent-category%5D=334"><span>Conférences</span></a></li>
<li id="menu-item-14230" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14230"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=14&tax%5Bcity%5D=0&tax%5Bevent-category%5D=336"><span>Rencontres de l’ECV</span></a></li>
</ul>
</li>
<li id="menu-item-12382" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12382"><a href="https://www.ecv.fr/game/nos-jeux-video/"><span>Nos jeux vidéo</span></a></li>
</ul><div class="menu__right">
<a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=0&tax%5Bcity%5D=0&tax%5Bevent-category%5D=330">
<img src="https://www.ecv.fr/app/uploads/2021/09/template_JPO_miniature_youtube-554x296.png" alt="">
<span>👋 Rencontrons-nous lors de nos Journées Portes ouvertes ! </span>
</a>
</div>
</div></div></li>
<li id="menu-item-376" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor menu-item-has-children category-digital menu-item-376"><a href="https://www.ecv.fr/digital/"><span>Digital</span></a> <div class="menu__secondary category-digital">
<div class="container category-digital">
<div class="menu__left">
<div class="menu__title">Digital</div>
<div class="menu__description">
<p>Le cursus ECV Digital propose un programme pédagogique reposant sur le triptyque indissociable du digital : technique, création et e-business. Les étudiants y développent curiosité et sens de l’analyse pour s’adapter aux évolutions de ce secteur en perpétuelle effervescence.</p>
</div>
<div class="menu__more">
<a href="https://www.ecv.fr/digital/" class="underlined">
En savoir plus <svg class="icon icon-arrow"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#arrow"></use></svg>
</a>
</div>
<div class="menu__left__links">
<a id="menu-dde-doc-digital" href="https://www.ecv.fr/demande-de-documentation/" class="btn-filled" title="Documentation">
<span>Documentation</span>
<svg class="icon icon-download"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#download"></use></svg>
</a>
<a id="menu-dde-entretien-digital" href="https://www.ecv.fr/demande-dentretien/" class="btn-outlined" title="Entretien">
<span>Entretien</span>
<svg class="icon icon-users"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#users"></use></svg>
</a>
</div>
</div>
<ul class="menu__center category-digital"> <li id="menu-item-588" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-485 current_page_item menu-item-has-children menu-item-588"><a href="https://www.ecv.fr/digital/formations/" aria-current="page"><span>Formations</span></a>
<ul class="sub-menu category-digital">
<li id="menu-item-589" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-589"><a href="https://www.ecv.fr/digital/formations/bachelor-chef-de-projet-digital/"><span>Bachelor Chef de projet digital</span></a></li>
<li id="menu-item-591" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-591"><a href="https://www.ecv.fr/digital/formations/mastere-developpement-web/"><span>Mastère Développement Web</span></a></li>
<li id="menu-item-592" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-592"><a href="https://www.ecv.fr/digital/formations/mastere-ux-design/"><span>Mastère UX Design</span></a></li>
<li id="menu-item-1474" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1474"><a href="https://www.ecv.fr/digital/formations/mastere-design-ux-ui/"><span>Mastère Design UX/UI</span></a></li>
<li id="menu-item-593" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-593"><a href="https://www.ecv.fr/digital/formations/mastere-web-design/"><span>Mastère Web Design</span></a></li>
<li id="menu-item-594" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-594"><a href="https://www.ecv.fr/digital/formations/mastere-marketing-communication-digitale/"><span>Mastère Marketing & Communication digitale</span></a></li>
<li id="menu-item-595" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-595"><a href="https://www.ecv.fr/digital/formations/mastere-strategie-communication-digitale/"><span>Mastère Stratégie & Communication digitale</span></a></li>
<li id="menu-item-1478" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1478"><a href="https://www.ecv.fr/digital/formations/mastere-marketing-digital-e-commerce/"><span>Mastère Marketing Digital & e-commerce</span></a></li>
</ul>
</li>
<li id="menu-item-582" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-582"><a href="https://www.ecv.fr/digital/debouches/"><span>Insertion pro</span></a>
<ul class="sub-menu category-digital">
<li id="menu-item-583" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-583"><a href="https://www.ecv.fr/digital/debouches/entrepreneuriat-freelance/"><span>Entrepreneuriat & Freelance</span></a></li>
<li id="menu-item-584" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-584"><a href="https://www.ecv.fr/digital/debouches/les-metiers-du-digital/"><span>Les métiers du Digital</span></a></li>
<li id="menu-item-585" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-585"><a href="https://www.ecv.fr/digital/debouches/alumni-ecv-digital/"><span>Parcours d’Alumni</span></a></li>
<li id="menu-item-586" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-586"><a href="https://www.ecv.fr/digital/debouches/alternance-stage/"><span>Alternance & stage</span></a></li>
</ul>
</li>
<li id="menu-item-596" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-596"><a href="https://www.ecv.fr/digital/admissions/"><span>Admissions</span></a>
<ul class="sub-menu category-digital">
<li id="menu-item-22061" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22061"><a href="https://www.ecv.fr/digital/admissions/"><span>Admissions & Tarifs</span></a></li>
<li id="menu-item-27103" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27103"><a href="https://www.ecv.fr/digital/preparer-son-entretien-dadmission/"><span>Préparer son entretien d’admission</span></a></li>
<li id="menu-item-22060" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22060"><a href="https://www.ecv.fr/lecole/vae/"><span>VAE</span></a></li>
</ul>
</li>
<li id="menu-item-13928" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-13928"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=15&tax%5Bcity%5D=0&tax%5Bevent-category%5D=0"><span>Nos événements</span></a>
<ul class="sub-menu category-digital">
<li id="menu-item-14232" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14232"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=15&tax%5Bcity%5D=0&tax%5Bevent-category%5D=332"><span>Stages & ateliers</span></a></li>
<li id="menu-item-14438" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14438"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=15&tax%5Bcity%5D=0&tax%5Bevent-category%5D=330"><span>Portes ouvertes</span></a></li>
<li id="menu-item-14233" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14233"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=15&tax%5Bcity%5D=0&tax%5Bevent-category%5D=334"><span>Conférences</span></a></li>
<li id="menu-item-14234" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14234"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=15&tax%5Bcity%5D=0&tax%5Bevent-category%5D=336"><span>Rencontres de l’ECV</span></a></li>
</ul>
</li>
<li id="menu-item-599" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-599"><a href="https://www.ecv.fr/digital/entreprise/"><span>Entreprise</span></a>
<ul class="sub-menu category-digital">
<li id="menu-item-11149" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11149"><a href="https://www.ecv.fr/digital/le-board-ecv-digital/"><span>Le Board ECV Digital</span></a></li>
<li id="menu-item-601" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-601"><a href="https://www.ecv.fr/digital/entreprise/contrat-alternance-stage/"><span>Contrat alternance & stage</span></a></li>
<li id="menu-item-2590" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2590"><a href="https://www.ecv.fr/deposer-une-offre/"><span>Déposer une offre</span></a></li>
<li id="menu-item-3227" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3227"><a href="https://www.ecv.fr/offre-de-stage-emploi/"><span>Offres de stage & emploi</span></a></li>
</ul>
</li>
</ul><div class="menu__right">
<a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=0&tax%5Bcity%5D=0&tax%5Bevent-category%5D=330">
<img src="https://www.ecv.fr/app/uploads/2021/09/template_JPO_miniature_youtube-554x296.png" alt="">
<span>👋 Rencontrons-nous lors de nos Journées Portes ouvertes ! </span>
</a>
</div>
</div></div></li>
</ul>
<div class="header-lang">
<a href="https://www.ecv.fr/digital/formations/" class="is-active">fr</a> <a href="https://www.ecv.fr/en/">en</a>
</div>
<div class="header-links">
<a id="header-dde-doc" href="https://www.ecv.fr/demande-de-documentation/">
<svg class="icon icon-download"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#download"></use></svg>
<span>Téléchargez la documentation</span>
</a>
<a id="header-dde-entretien" href="https://www.ecv.fr/demande-dentretien/">
<svg class="icon icon-users"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#users"></use></svg>
<span>Demander un entretien</span>
</a>
</div>
<a href="https://www.ecv.fr/event/" class="header-events" title="Nos événements">
<svg class="icon icon-event"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#event"></use></svg>
</a>
<button class="header-burger js-menu">
Menu
<svg class="icon icon-burger"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#burger"></use></svg>
<svg class="icon icon-cross"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#cross"></use></svg>
</button>
</nav>
</div>
</header>
<div class="page-wrapper category-digital">
<div class="stack">
<div>
<div class="banner bloc reveal">
<div class="breadcrumbs reveal-1">
<div class="container">
<a href="https://www.ecv.fr/">Accueil</a><span class="sep"> > </span><a href="https://www.ecv.fr/digital/">ECV Digital</a><span class="sep"> > </span><a href="https://www.ecv.fr/digital/formations/">Formations</a><span class="sep"> > </span>
</div>
</div>
<picture>
<source
media="(max-width: 600px)"
srcset="https://www.ecv.fr/app/uploads/2019/09/Compétition-M2-2018-390x390.jpg">
<source
media="(max-width: 1365px)"
srcset="https://www.ecv.fr/app/uploads/2019/09/Compétition-M2-2018-1365x650.jpg">
<img src="https://www.ecv.fr/app/uploads/2019/09/Compétition-M2-2018.jpg" alt="" class="reveal-1">
</picture>
<a href="https://www.ecv.fr/demande-dentretien/" title="Demander un entretien d’admission" class="banner__badge banner__badge-spinning reveal-4" target="">
<img src="https://www.ecv.fr/app/uploads/2020/07/info2.png" alt="" class="banner__badge-icon">
<img src="https://www.ecv.fr/app/uploads/2020/10/info-ecv-admissions-2020-1.png" alt="" class="banner__badge-text">
</a>
<div class="banner__body reveal-1">
<div>
<h1 class="banner__title reveal-1">Les formations</h1>
<div class="banner__links reveal-2">
<a href="https://www.ecv.fr/lecole/les-campus/paris/" class="underlined" target="">Paris</a>
<span class="sep">/</span>
<a href="https://www.ecv.fr/lecole/les-campus/bordeaux/" class="underlined" target="">Bordeaux</a>
<span class="sep">/</span>
<a href="https://www.ecv.fr/lecole/les-campus/aix-en-provence/" class="underlined" target="">Aix-en-Provence</a>
<span class="sep">/</span>
<a href="https://www.ecv.fr/lecole/les-campus/nantes/" class="underlined" target="">Nantes</a>
<span class="sep">/</span>
<a href="https://www.ecv.fr/lecole/les-campus/lille/" class="underlined" target="">Lille</a>
</div>
<div class="banner__content wysiwyg reveal-3">
<p>Découvrez toutes les formations de l’ECV Digital disponibles à Paris, Bordeaux, Aix-en-Provence, Nantes et Lille.</p>
</div>
<a href="https://www.ecv.fr/demande-de-documentation/" class="banner__btn btn-filled reveal-4" target="">
Recevoir la brochure
<svg class="icon icon-arrow"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#arrow"></use></svg>
</a>
</div>
</div>
</div>
</div>
<div>
<div class="reveal">
<div class="container-narrow wysiwyg reveal-1">
<h2>Une formation digitale complète</h2>
<p>Le programme s’appuie sur le triptyque indissociable du digital : <strong>Technique / Création / E-Business</strong> en formant ses étudiants à devenir des chefs de projets capables de s’adapter aux métiers techniques, créatifs ou encore stratégiques. L’objectif est de lui trouver une place dans le secteur digital et de l’y faire grandir. Toutes les entreprises se sont engagées sur la voie de la digitalisation. Les diplômés peuvent ainsi prétendre intégrer tout type de structure, quels que soient sa taille et son secteur. Tous les profils ont leur place au sein du digital. Les chefs de projet, les créatifs, les techniciens, les spécialistes du marketing; le digital est un écosystème complet qui rassemble toutes les compétences et un grand nombre de métiers.</p>
<p><img loading="lazy" class="alignleft size-large wp-image-15235" src="https://www.ecv.fr/app/uploads/2020/11/site-cursus-landing-digital-1-1024x446.jpg" alt="Schéma cursus ECV Digital" width="1024" height="446" srcset="https://www.ecv.fr/app/uploads/2020/11/site-cursus-landing-digital-1-1024x446.jpg 1024w, https://www.ecv.fr/app/uploads/2020/11/site-cursus-landing-digital-1-554x241.jpg 554w, https://www.ecv.fr/app/uploads/2020/11/site-cursus-landing-digital-1-768x335.jpg 768w, https://www.ecv.fr/app/uploads/2020/11/site-cursus-landing-digital-1-400x174.jpg 400w, https://www.ecv.fr/app/uploads/2020/11/site-cursus-landing-digital-1.jpg 1831w" sizes="(max-width: 1024px) 100vw, 1024px" /></p>
<h3>Des étudiants actifs en mode projet</h3>
<p>Notre système pédagogique repose sur une démarche d’investigation qui comprend l’apprentissage par projet, la résolution de problèmes, la conception et l’étude de cas. Les étudiants apprennent en étant actifs et en gardant un lien avec le monde réel.</p>
<p>Ces méthodes mobilisent des compétences transversales et familiarisent les étudiants au monde professionnel actuel, tout en les aidant à construire, au fur et à mesure de leur scolarité, un projet personnel et professionnel.</p>
<h3>Des intervenants professionnels</h3>
<p>Le corps enseignant de l’ECV Digital est composé, en très grande majorité, de professionnels en activité.</p>
<p>Leurs connaissances et compétences sont éprouvées quotidiennement, ils utilisent les dernières techniques et font partie de ceux qui créent les tendances. Ils représentent pour nos étudiants la base de leur réseau professionnel qu’ils développeront tout au long de leur cursus à l’ECV Digital.</p>
<h3>Une formation professionnalisante</h3>
<p>L’immersion dans le monde professionnelle occupe une place de choix dans notre pédagogie. En Bachelor Chef de projet digital, les étudiants réalisent des stages en entreprise pour parfaire leurs acquis pédagogiques et se confronter à la réalité professionnelle de leur futur métier. Dès la 3è année de Bachelor et en Mastère, ils ont la possibilité de réaliser leur <a href="https://www.ecv.fr/digital/debouches/alternance-stage/">formation en alternance</a> via différents types de contrat : contrat d’apprentissage, contrat de professionnalisation et stage alterné.</p>
<p> </p>
</div>
</div>
</div>
<div>
<div class="bloc reveal">
<div class="container">
<h2 class="bloc-title reveal-1">
Les formations
</h2>
</div>
<div class="formations js-slider" data-mobile data-norepeat data-dots>
<div class="formation reveal-2" style="animation-delay: 0s">
<div class="formation-year">
<span>Bac <span>Bac</span></span>
<hr>
<span>+3<span>+3</span></span>
</div>
<div class="formation-card">
<div class="formation-title">
<svg width="30" height="33" viewBox="0 0 30 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.8099 32.5185C7.52639 32.5185 0 25.2395 0 16.2592C0 7.27901 7.52639 0 16.8099 0C22.0236 0 26.6825 2.29598 29.7658 5.89868L16.8099 32.5185Z" class="cursus-fill"/>
</svg>
Bachelor
</div>
<div class="formation-body">Le bac +3 Chef de Projet Digital permet aux étudiants passionnés par le numérique de devenir des chefs de projets digitaux polyvalents et performants. À l’issue des 3 ans de formation, l’étudiant intègre le marché professionnel ou une formation spécialisée comme nos Mastères en deux ans.</div>
<div class="formation-links">
<a href="https://www.ecv.fr/digital/formations/bachelor-chef-de-projet-digital/" class="underlined" target="">Bachelor Chef de projet digital</a>
<aside class="formation-text" aria-hidden="true">Bachelor</aside>
</div>
</div>
</div>
<div class="formation reveal-2" style="animation-delay: 0.1s">
<div class="formation-year">
<hr>
<span>+5<span>+5</span></span>
</div>
<div class="formation-card">
<div class="formation-title">
<svg width="30" height="33" viewBox="0 0 30 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.8099 32.5185C7.52639 32.5185 0 25.2395 0 16.2592C0 7.27901 7.52639 0 16.8099 0C22.0236 0 26.6825 2.29598 29.7658 5.89868L16.8099 32.5185Z" class="cursus-fill"/>
</svg>
Mastère
</div>
<div class="formation-body">Les mastères se déroulent en rythme alterné avec un 4/5e hebdomadaire, c’est-à-dire 4 jours en entreprise, 1 jour à l’ECV Digital. Des intervenants professionnels spécialisés animent les ateliers et cours qui sont répartis sur 56 journées de septembre à juin dont 4 semaines intensives.</div>
<div class="formation-links">
<a href="https://www.ecv.fr/digital/formations/mastere-marketing-communication-digitale/" class="underlined" target="">Mastère Marketing & Communication digitale</a>
<a href="https://www.ecv.fr/digital/formations/mastere-web-design/" class="underlined" target="">Mastère Web Design</a>
<a href="https://www.ecv.fr/digital/formations/mastere-ux-design/" class="underlined" target="">Mastère UX Design</a>
<a href="https://www.ecv.fr/digital/formations/mastere-design-ux-ui/" class="underlined" target="">Mastère Design UX/UI</a>
<a href="https://www.ecv.fr/digital/formations/mastere-developpement-web/" class="underlined" target="">Mastère Développement Web</a>
<a href="https://www.ecv.fr/digital/formations/mastere-strategie-communication-digitale/" class="underlined" target="">Mastère Stratégie & Communication digitale</a>
<a href="https://www.ecv.fr/digital/formations/mastere-marketing-digital-e-commerce/" class="underlined" target="">Mastère Marketing Digital & e-commerce</a>
<aside class="formation-text" aria-hidden="true">Mastère</aside>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="bloc">
<div class="bloc-text-cta">
<h2 class="bloc-title reveal-1">
Vous souhaitez en savoir plus ?
</h2>
<div class="wysiwyg">
<p>Téléchargez une brochure ou demandez un entretien auprès du campus de votre choix.</p>
</div>
<div class="bloc-text-cta__actions">
<a href="https://www.ecv.fr/demande-de-documentation/ " class="btn-filled" target="">
Recevoir la brochure
<svg class="icon icon-arrow"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#arrow"></use></svg>
</a>
<a href="https://www.ecv.fr/demande-dentretien/" class="btn-filled dark" target="">
Demander un entretien d'admission
<svg class="icon icon-arrow"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#arrow"></use></svg>
</a>
</div>
<svg width="381" height="118" viewBox="0 0 381 118" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.078032" fill-rule="evenodd" clip-rule="evenodd" d="M192.214 59.0119V4.06501C209.53 4.06501 225.528 11.9417 236.081 25.6804L239.324 23.2105C227.987 8.45854 210.814 0 192.214 0C159.552 0 132.977 26.472 132.977 59.0119C132.977 91.5399 159.552 118 192.214 118C210.794 118 227.947 109.549 239.276 94.8172L236.034 92.3473C225.488 106.066 209.514 113.931 192.214 113.931V59.0119ZM59.209 0C26.5588 0 0 26.472 0 59.0119C0 91.5399 26.5588 118 59.209 118C80.054 118 98.9837 107.412 109.847 89.6756L106.363 87.558C96.246 104.075 78.6196 113.931 59.209 113.931V59.0119H118.446C118.446 26.472 91.8751 0 59.209 0ZM340 114.01H295.147L245.32 3.35254H290.633L340 114.01Z" class="cursus-fill"></path>
<path opacity="0.078032" fill-rule="evenodd" clip-rule="evenodd" d="M345.004 3.02432C357.754 -3.33199 372.865 0.673519 381 11.8309L360.597 57.8683C349.057 58.9821 337.474 52.9758 332.012 41.9179C324.937 27.5347 330.751 10.1722 345.004 3.02432Z" class="cursus-fill"></path>
</svg>
</div>
</div>
</div>
</div>
</div>
<footer class="footer" id="footer">
<div class="footer-header">
<div class="footer-logo">
<a href="https://www.ecv.fr/">
<img src="https://www.ecv.fr/app/themes/ecv/images/logo-ecv.svg" width="196" alt="Logo ECV">
</a>
</div>
<div class="footer-social">
<div class="footer-social__label">Nous suivre</div>
<a href="https://www.facebook.com/ecv.creativecommunity/" target="_blank" id="footer-social-facebook">
<svg class="icon icon-facebook"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#facebook"></use></svg>
</a>
<a href="https://www.instagram.com/ecvfrance/" target="_blank" id="footer-social-instagram">
<svg class="icon icon-instagram"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#instagram"></use></svg>
</a>
<a href="https://twitter.com/ecvfrance" target="_blank" id="footer-social-twitter">
<svg class="icon icon-twitter"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#twitter"></use></svg>
</a>
<a href="https://www.youtube.com/channel/UCbxMYZ6JN5rkZ1619vW5q4g" target="_blank" id="footer-social-youtube">
<svg class="icon icon-youtube"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#youtube"></use></svg>
</a>
<a href="https://www.linkedin.com/company/2465517/" target="_blank" id="footer-social-linkedin">
<svg class="icon icon-linkedin"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#linkedin"></use></svg>
</a>
</div>
</div>
<div class="footer-navs">
<div class="container">
<div>
<div class="title">Liens utiles</div>
<div class="menu-liens-utiles-container"><ul id="menu-liens-utiles" class="menu"><li id="menu-item-5821" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5821"><a href="https://www.ecv.fr/demande-dentretien/">Demande d’admission</a></li>
<li id="menu-item-1618" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1618"><a href="https://www.ecv.fr/deposer-une-offre/">Déposer une offre</a></li>
<li id="menu-item-3226" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3226"><a href="https://www.ecv.fr/offre-de-stage-emploi/">Offres de stage & emploi</a></li>
<li id="menu-item-7033" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7033"><a href="https://www.ecv.fr/faq/">FAQ</a></li>
<li id="menu-item-5014" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5014"><a href="https://www.ecv.fr/nous-contacter/">Nous contacter</a></li>
<li id="menu-item-4769" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4769"><a href="https://www.ecv.fr/hyperplanning/">Hyperplanning</a></li>
</ul></div>
</div>
<div>
<div class="title">Nos campus</div>
<div class="menu-nos-campus-container"><ul id="menu-nos-campus" class="menu"><li id="menu-item-1585" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1585"><a href="https://www.ecv.fr/lecole/les-campus/paris/">Paris</a></li>
<li id="menu-item-1586" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1586"><a href="https://www.ecv.fr/lecole/les-campus/bordeaux/">Bordeaux</a></li>
<li id="menu-item-1588" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1588"><a href="https://www.ecv.fr/lecole/les-campus/aix-en-provence/">Aix-en-Provence</a></li>
<li id="menu-item-1587" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1587"><a href="https://www.ecv.fr/lecole/les-campus/nantes/">Nantes</a></li>
<li id="menu-item-1584" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1584"><a href="https://www.ecv.fr/lecole/les-campus/lille/">Lille</a></li>
</ul></div>
</div>
</div>
</div>
<div class="footer-partners">
<div class="container">
<div class="footer-logos">
<a href="https://www.campusfrance.org/fr">
<img src="https://www.ecv.fr/app/uploads/2019/09/logo_campus_france.png" alt="">
</a>
<a href="https://info.erasmusplus.fr">
<img src="https://www.ecv.fr/app/uploads/2019/09/logo_erasmus_plus.png" alt="">
</a>
<a href="https://www.cumulusassociation.org">
<img src="https://www.ecv.fr/app/uploads/2019/09/logo_cumulus.png" alt="">
</a>
<a href="https://www.reca-animation.com/">
<img src="https://www.ecv.fr/app/uploads/2019/09/logo_reca.png" alt="">
</a>
<a href="https://ad-education.com/">
<img src="https://www.ecv.fr/app/uploads/2021/10/AD.png" alt="">
</a>
<a href="https://www.francecompetences.fr/">
<img src="https://www.ecv.fr/app/uploads/2021/10/logoFC-CERTIFICATION-RNCP_2021-copie.png" alt="">
</a>
</div>
Établissement d’enseignement supérieur privé - ECV ©
</div>
</div>
<div class="footer-credits">
<div class="container">
<div class="menu-mentions-container"><ul id="menu-mentions" class="menu"><li id="menu-item-28" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-28"><a href="https://www.ecv.fr/politique-de-confidentialite/">Mentions légales</a></li>
</ul></div>
<div>
<span style="opacity: .5">Réalisé par</span>
<a href="https://www.tequilarapido.com/" target="_blank">tequilarapido</a>
<span>x</span>
<a href="https://www.lajungle.fr/" target="_blank">La Jungle</a>
</div>
<div>@ecv2022</div>
</div>
</div>
</footer>
<script type='text/javascript' src='https://polyfill.io/v3/polyfill.min.js?features=URL%2CArray.from%2CObject.assign%2CPromise%2CElement.prototype.matches%2CArray.prototype.forEach%2CNodeList.prototype.forEach%2CIntersectionObserver%2CElement.prototype.classList%2CString.prototype.startsWith%2Cfetch%2CDocumentFragment%2CArray.prototype.includes%2CString.prototype.includes%2CWebAnimations%2CElement.prototype.after%2CNumber.isFinite%2CElement.prototype.replaceWith%2CObject.keys%2CObject.values%2CElement.prototype.remove%2CObject.entries%2CArray.prototype.find&ver=5.8.1' id='polyfill-js'></script>
<script type='text/javascript' src='https://www.ecv.fr/app/themes/ecv/assets/app.19703947e959cda70037.js?ver=1.0.0' id='app-js'></script>
<script type='text/javascript' src='https://www.ecv.fr/wp/wp-includes/js/wp-embed.min.js?ver=5.8.1' id='wp-embed-js'></script>
</body>
</html>
Créez ensuite une page « header.php » avec le code suivant :
<header id="header" class="header" role="banner">
<div class="container">
<a href="https://www.ecv.fr/" title="ECV (Retour à l'accueil)" class="header__logo">
<img src="https://www.ecv.fr/app/themes/ecv/images/logo-ecv.svg" title="ECV (Retour à l'accueil)" alt="ECV" width="" height="">
</a>
<nav class="header-nav" role="navigation">
<ul id="menu" class="header-menu"><li id="menu-item-356" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children category-lecole menu-item-356"><a href="https://www.ecv.fr/lecole/"><span>L’école</span></a> <div class="menu__secondary category-lecole">
<div class="container category-lecole">
<div class="menu__left">
<div class="menu__title">L’école</div>
<div class="menu__description">
<p>Depuis 1984, l’école de référence en Design, Animation, Game et Digital. « L’ECV est avant tout une ambition partagée par tous ceux qui se sont engagés à former avec succès des étudiants aux métiers de la création. »</p>
</div>
<div class="menu__more">
<a href="https://www.ecv.fr/lecole/" class="underlined">
En savoir plus <svg class="icon icon-arrow"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#arrow"></use></svg>
</a>
</div>
<div class="menu__left__links">
<a id="menu-dde-doc-l-ecole" href="https://www.ecv.fr/demande-de-documentation/" class="btn-filled" title="Documentation">
<span>Documentation</span>
<svg class="icon icon-download"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#download"></use></svg>
</a>
<a id="menu-dde-entretien-l-ecole" href="https://www.ecv.fr/demande-dentretien/" class="btn-outlined" title="Entretien">
<span>Entretien</span>
<svg class="icon icon-users"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#users"></use></svg>
</a>
</div>
</div>
<ul class="menu__center category-lecole"> <li id="menu-item-27371" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-27371"><a href="https://www.ecv.fr/lecole/"><span>L’école ECV</span></a>
<ul class="sub-menu category-lecole">
<li id="menu-item-27753" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27753"><a href="https://www.ecv.fr/lecole/certifications-accreditations/"><span>Certifications & accréditations</span></a></li>
<li id="menu-item-27754" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27754"><a href="https://www.ecv.fr/faq/"><span>FAQ</span></a></li>
</ul>
</li>
<li id="menu-item-357" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-357"><a href="https://www.ecv.fr/lecole/les-campus/"><span>Les campus</span></a>
<ul class="sub-menu category-lecole">
<li id="menu-item-358" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-358"><a href="https://www.ecv.fr/lecole/les-campus/paris/"><span>Paris</span></a></li>
<li id="menu-item-845" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-845"><a href="https://www.ecv.fr/lecole/les-campus/bordeaux/"><span>Bordeaux</span></a></li>
<li id="menu-item-360" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-360"><a href="https://www.ecv.fr/lecole/les-campus/aix-en-provence/"><span>Aix-en-Provence</span></a></li>
<li id="menu-item-361" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-361"><a href="https://www.ecv.fr/lecole/les-campus/nantes/"><span>Nantes</span></a></li>
<li id="menu-item-362" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-362"><a href="https://www.ecv.fr/lecole/les-campus/lille/"><span>Lille</span></a></li>
<li id="menu-item-550" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-550"><a href="https://www.ecv.fr/lecole/les-campus/campus-a-linternational/"><span>Campus à l’international<svg class="icon icon-world"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#world"></use></svg></span></a></li>
<li id="menu-item-21731" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-21731"><a href="https://www.ecv.fr/nous-contacter/"><span>Nous contacter</span></a></li>
</ul>
</li>
<li id="menu-item-365" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-365"><a href="https://www.ecv.fr/lecole/international/"><span>International</span></a>
<ul class="sub-menu category-lecole">
<li id="menu-item-7779" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7779"><a href="https://www.ecv.fr/lecole/international/admissions-internationales/"><span>Admissions internationales</span></a></li>
<li id="menu-item-19884" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19884"><a href="https://www.ecv.fr/lecole/international/summer-session/"><span>Summer session</span></a></li>
<li id="menu-item-368" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-368"><a href="https://www.ecv.fr/lecole/international/double-diplome/"><span>Double Diplôme</span></a></li>
<li id="menu-item-366" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-366"><a href="https://www.ecv.fr/lecole/international/erasmus/"><span>Erasmus</span></a></li>
<li id="menu-item-367" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-367"><a href="https://www.ecv.fr/lecole/international/cumulus/"><span>Cumulus</span></a></li>
<li id="menu-item-12128" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12128"><a href="https://www.ecv.fr/faq/international/"><span>Vous avez des questions ?</span></a></li>
</ul>
</li>
<li id="menu-item-13924" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-13924"><a href="https://www.ecv.fr/event/"><span>Nos événements</span></a>
<ul class="sub-menu category-lecole">
<li id="menu-item-14469" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14469"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=0&tax%5Bcity%5D=26&tax%5Bevent-category%5D=0"><span>Paris</span></a></li>
<li id="menu-item-14470" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14470"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=0&tax%5Bcity%5D=19&tax%5Bevent-category%5D=0"><span>Bordeaux</span></a></li>
<li id="menu-item-14471" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14471"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=0&tax%5Bcity%5D=25&tax%5Bevent-category%5D=0"><span>Aix-en-Provence</span></a></li>
<li id="menu-item-14472" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14472"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=0&tax%5Bcity%5D=27&tax%5Bevent-category%5D=0"><span>Nantes</span></a></li>
<li id="menu-item-14473" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14473"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=0&tax%5Bcity%5D=49&tax%5Bevent-category%5D=0"><span>Lille</span></a></li>
</ul>
</li>
<li id="menu-item-1615" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1615"><a href="https://www.ecv.fr/lecole/actualites/"><span>Actualités</span></a></li>
<li id="menu-item-369" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-369"><a href="https://www.ecv.fr/lecole/projets/"><span>Galerie des projets</span></a></li>
<li id="menu-item-370" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-370"><a href="https://www.ecv.fr/lecole/creative-community/"><span>Témoignages</span></a></li>
<li id="menu-item-363" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-363"><a href="https://www.ecv.fr/lecole/reseaux-partenaires/"><span>Entreprise</span></a>
<ul class="sub-menu category-lecole">
<li id="menu-item-19822" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19822"><a href="https://www.ecv.fr/lecole/reseaux-partenaires/taxe-dapprentissage/"><span>Taxe d’apprentissage</span></a></li>
<li id="menu-item-21732" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-21732"><a href="https://www.ecv.fr/deposer-une-offre/"><span>Déposer une offre</span></a></li>
</ul>
</li>
</ul><div class="menu__right">
<a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=0&tax%5Bcity%5D=0&tax%5Bevent-category%5D=330">
<img src="https://www.ecv.fr/app/uploads/2021/09/template_JPO_miniature_youtube-554x296.png" alt="">
<span>👋 Rencontrons-nous lors de nos Journées Portes ouvertes ! </span>
</a>
</div>
</div></div></li>
<li id="menu-item-375" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children category-design menu-item-375"><a href="https://www.ecv.fr/design/"><span>Design</span></a> <div class="menu__secondary category-design">
<div class="container category-design">
<div class="menu__left">
<div class="menu__title">Design</div>
<div class="menu__description">
<p>Les écoles ECV constituent aujourd’hui le plus grand réseau français reconnu par les professionnels dans le domaine du Design et de la Publicité.</p>
</div>
<div class="menu__more">
<a href="https://www.ecv.fr/design/" class="underlined">
En savoir plus <svg class="icon icon-arrow"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#arrow"></use></svg>
</a>
</div>
<div class="menu__left__links">
<a id="menu-dde-doc-design" href="https://www.ecv.fr/demande-de-documentation/" class="btn-filled" title="Documentation">
<span>Documentation</span>
<svg class="icon icon-download"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#download"></use></svg>
</a>
<a id="menu-dde-entretien-design" href="https://www.ecv.fr/demande-dentretien/" class="btn-outlined" title="Entretien">
<span>Entretien</span>
<svg class="icon icon-users"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#users"></use></svg>
</a>
</div>
</div>
<ul class="menu__center category-design"> <li id="menu-item-566" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-566"><a href="https://www.ecv.fr/design/formations/"><span>Formations</span></a>
<ul class="sub-menu category-design">
<li id="menu-item-567" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-567"><a href="https://www.ecv.fr/design/formations/prepa-art-et-design/"><span>Prépa Design</span></a></li>
<li id="menu-item-568" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-568"><a href="https://www.ecv.fr/design/formations/bachelor-design-graphique/"><span>Bachelor Design Graphique</span></a></li>
<li id="menu-item-14116" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14116"><a href="https://www.ecv.fr/design/formations/bachelor-architecture-dinterieur/"><span>Bachelor Architecture d’intérieur 🆕</span></a></li>
<li id="menu-item-570" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-570"><a href="https://www.ecv.fr/design/formations/mastere-design-graphique/"><span>Mastère Design Graphique</span></a></li>
<li id="menu-item-569" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-569"><a href="https://www.ecv.fr/design/formations/mastere-design-interactif/"><span>Mastère Design Interactif</span></a></li>
<li id="menu-item-571" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-571"><a href="https://www.ecv.fr/design/formations/mastere-direction-artistique-digitale-publicitaire/"><span>Mastère DA Digitale & Publicitaire</span></a></li>
<li id="menu-item-20440" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20440"><a href="https://www.ecv.fr/design/formations/mastere-direction-artistique-en-alternance/"><span>Mastère Direction Artistique en alternance 🆕</span></a></li>
<li id="menu-item-573" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-573"><a href="https://www.ecv.fr/design/formations/mastere-design-strategy/"><span>Mastère Design & Strategy<svg class="icon icon-world"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#world"></use></svg></span></a></li>
<li id="menu-item-572" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-572"><a href="https://www.ecv.fr/design/formations/mastere-design-et-typographie/"><span>Mastère Design & Typographie</span></a></li>
<li id="menu-item-22078" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22078"><a href="https://www.ecv.fr/design/formations/mastere-illustration-character-design/"><span>Mastère Illustration & Character Design 🆕</span></a></li>
<li id="menu-item-14115" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14115"><a href="https://www.ecv.fr/design/formations/mastere-architecture-dinterieur-scenographie/"><span>Mastère Architecture d’intérieur & Scénographie 🆕</span></a></li>
<li id="menu-item-574" class="menu-item menu-item-type-post_type menu-item-object-page is-grey menu-item-574"><a href="https://www.ecv.fr/design/formations/bachelor-of-fine-arts/"><span>Bachelor of fine arts<svg class="icon icon-world"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#world"></use></svg></span></a></li>
</ul>
</li>
<li id="menu-item-575" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-575"><a href="https://www.ecv.fr/design/admissions/"><span>Admissions</span></a>
<ul class="sub-menu category-design">
<li id="menu-item-22033" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22033"><a href="https://www.ecv.fr/design/admissions/"><span>Admissions & tarifs</span></a></li>
<li id="menu-item-27097" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27097"><a href="https://www.ecv.fr/5-conseils-pour-reussir-son-book/"><span>5 conseils pour réussir son book ✅</span></a></li>
<li id="menu-item-27098" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27098"><a href="https://www.ecv.fr/lecole/preparer-son-entretien-dadmission/"><span>Préparer son entretien d’admission</span></a></li>
<li id="menu-item-22055" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22055"><a href="https://www.ecv.fr/lecole/vae/"><span>VAE</span></a></li>
</ul>
</li>
<li id="menu-item-578" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-578"><a href="https://www.ecv.fr/design/debouches/"><span>Débouchés</span></a>
<ul class="sub-menu category-design">
<li id="menu-item-580" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-580"><a href="https://www.ecv.fr/design/debouches/alumni-design/"><span>Parcours des anciens</span></a></li>
<li id="menu-item-579" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-579"><a href="https://www.ecv.fr/design/debouches/les-metiers-du-design/"><span>Les métiers du Design</span></a></li>
</ul>
</li>
<li id="menu-item-13925" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-13925"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=13&tax%5Bcity%5D=0&tax%5Bevent-category%5D=0"><span>Nos événements</span></a>
<ul class="sub-menu category-design">
<li id="menu-item-14225" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14225"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=13&tax%5Bcity%5D=0&tax%5Bevent-category%5D=332"><span>Stages & ateliers</span></a></li>
<li id="menu-item-14435" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14435"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=13&tax%5Bcity%5D=0&tax%5Bevent-category%5D=330"><span>Portes ouvertes</span></a></li>
<li id="menu-item-14223" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14223"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=13&tax%5Bcity%5D=0&tax%5Bevent-category%5D=334"><span>Conférences</span></a></li>
<li id="menu-item-14224" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14224"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=13&tax%5Bcity%5D=0&tax%5Bevent-category%5D=336"><span>Rencontres de l’ECV</span></a></li>
</ul>
</li>
</ul><div class="menu__right">
<a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=0&tax%5Bcity%5D=0&tax%5Bevent-category%5D=330">
<img src="https://www.ecv.fr/app/uploads/2021/09/template_JPO_miniature_youtube-554x296.png" alt="">
<span>👋 Rencontrons-nous lors de nos Journées Portes ouvertes ! </span>
</a>
</div>
</div></div></li>
<li id="menu-item-374" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children category-animation menu-item-374"><a href="https://www.ecv.fr/animation/"><span>Animation</span></a> <div class="menu__secondary category-animation">
<div class="container category-animation">
<div class="menu__left">
<div class="menu__title">Animation</div>
<div class="menu__description">
<p>En ouvrant il y a 20 ans un cursus dédié aux métiers de l’Animation 2D/3D, l’ECV a été l’une des premières écoles françaises à répondre aux besoins des nouvelles professions qui ont accompagné la révolution numérique.</p>
</div>
<div class="menu__more">
<a href="https://www.ecv.fr/animation/" class="underlined">
En savoir plus <svg class="icon icon-arrow"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#arrow"></use></svg>
</a>
</div>
<div class="menu__left__links">
<a id="menu-dde-doc-animation" href="https://www.ecv.fr/demande-de-documentation/" class="btn-filled" title="Documentation">
<span>Documentation</span>
<svg class="icon icon-download"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#download"></use></svg>
</a>
<a id="menu-dde-entretien-animation" href="https://www.ecv.fr/demande-dentretien/" class="btn-outlined" title="Entretien">
<span>Entretien</span>
<svg class="icon icon-users"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#users"></use></svg>
</a>
</div>
</div>
<ul class="menu__center category-animation"> <li id="menu-item-553" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-553"><a href="https://www.ecv.fr/animation/formations/"><span>Formations</span></a>
<ul class="sub-menu category-animation">
<li id="menu-item-554" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-554"><a href="https://www.ecv.fr/animation/formations/prepa-animation-et-game/"><span>Prépa Animation et Game</span></a></li>
<li id="menu-item-555" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-555"><a href="https://www.ecv.fr/animation/formations/bachelor-animation-2d-3d/"><span>Bachelor Cinéma d’Animation 2D / 3D</span></a></li>
<li id="menu-item-556" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-556"><a href="https://www.ecv.fr/animation/formations/mastere-cinema-danimation-2d/"><span>Mastère Cinéma d’Animation 2D</span></a></li>
<li id="menu-item-557" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-557"><a href="https://www.ecv.fr/animation/formations/mastere-cinema-danimation-3d/"><span>Mastère Cinéma d’Animation 3D</span></a></li>
<li id="menu-item-14237" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14237"><a href="https://www.ecv.fr/animation/formations/mastere-vfx/"><span>Mastère VFX 🆕</span></a></li>
<li id="menu-item-558" class="menu-item menu-item-type-post_type menu-item-object-page is-grey menu-item-558"><a href="https://www.ecv.fr/animation/formations/bachelor-of-interactive-media/"><span>Bachelor of Interactive Design<svg class="icon icon-world"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#world"></use></svg></span></a></li>
</ul>
</li>
<li id="menu-item-2608" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2608"><a href="https://www.ecv.fr/animation/admissions/"><span>Admissions</span></a>
<ul class="sub-menu category-animation">
<li id="menu-item-22057" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22057"><a href="https://www.ecv.fr/animation/admissions/"><span>Admissions & Tarifs</span></a></li>
<li id="menu-item-27099" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27099"><a href="https://www.ecv.fr/5-conseils-pour-reussir-son-book/"><span>5 conseils pour réussir son book ✅</span></a></li>
<li id="menu-item-27100" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27100"><a href="https://www.ecv.fr/lecole/preparer-son-entretien-dadmission/"><span>Préparer son entretien d’admission</span></a></li>
<li id="menu-item-22056" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22056"><a href="https://www.ecv.fr/lecole/vae/"><span>VAE</span></a></li>
</ul>
</li>
<li id="menu-item-560" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-560"><a href="https://www.ecv.fr/animation/debouches/"><span>Débouchés</span></a>
<ul class="sub-menu category-animation">
<li id="menu-item-561" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-561"><a href="https://www.ecv.fr/animation/debouches/les-metiers-de-lanimation/"><span>Les métiers de l’Animation</span></a></li>
<li id="menu-item-562" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-562"><a href="https://www.ecv.fr/animation/debouches/alumni-animation/"><span>Parcours d’Alumni</span></a></li>
</ul>
</li>
<li id="menu-item-13926" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-13926"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=12&tax%5Bcity%5D=0&tax%5Bevent-category%5D=0"><span>Nos événements</span></a>
<ul class="sub-menu category-animation">
<li id="menu-item-14226" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14226"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=12&tax%5Bcity%5D=0&tax%5Bevent-category%5D=332"><span>Stages & ateliers</span></a></li>
<li id="menu-item-14436" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14436"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=12&tax%5Bcity%5D=0&tax%5Bevent-category%5D=330"><span>Portes ouvertes</span></a></li>
<li id="menu-item-14228" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14228"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=12&tax%5Bcity%5D=0&tax%5Bevent-category%5D=334"><span>Conférences</span></a></li>
<li id="menu-item-14227" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14227"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=12&tax%5Bcity%5D=0&tax%5Bevent-category%5D=336"><span>Rencontres de l’ECV</span></a></li>
</ul>
</li>
<li id="menu-item-12392" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12392"><a href="https://www.ecv.fr/animation/nos-courts-metrages-danimation-2d-3d/"><span>Nos courts-métrages</span></a></li>
</ul><div class="menu__right">
<a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=0&tax%5Bcity%5D=0&tax%5Bevent-category%5D=330">
<img src="https://www.ecv.fr/app/uploads/2021/09/template_JPO_miniature_youtube-554x296.png" alt="">
<span>👋 Rencontrons-nous lors de nos Journées Portes ouvertes ! </span>
</a>
</div>
</div></div></li>
<li id="menu-item-377" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children category-game menu-item-377"><a href="https://www.ecv.fr/game/"><span>Game</span></a> <div class="menu__secondary category-game">
<div class="container category-game">
<div class="menu__left">
<div class="menu__title">Game</div>
<div class="menu__description">
<p>Le cursus ECV Game implanté à Paris, Bordeaux et Lille, forme des professionnels au profil artistique, capables d’allier créativité et technique et d’intégrer aussi bien les studios indépendants comme les grands studios du secteur.</p>
</div>
<div class="menu__more">
<a href="https://www.ecv.fr/game/" class="underlined">
En savoir plus <svg class="icon icon-arrow"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#arrow"></use></svg>
</a>
</div>
<div class="menu__left__links">
<a id="menu-dde-doc-game" href="https://www.ecv.fr/demande-de-documentation/" class="btn-filled" title="Documentation">
<span>Documentation</span>
<svg class="icon icon-download"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#download"></use></svg>
</a>
<a id="menu-dde-entretien-game" href="https://www.ecv.fr/demande-dentretien/" class="btn-outlined" title="Entretien">
<span>Entretien</span>
<svg class="icon icon-users"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#users"></use></svg>
</a>
</div>
</div>
<ul class="menu__center category-game"> <li id="menu-item-603" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-603"><a href="https://www.ecv.fr/game/formations/"><span>Formations</span></a>
<ul class="sub-menu category-game">
<li id="menu-item-2297" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2297"><a href="https://www.ecv.fr/game/formations/prepa-animation-et-game/"><span>Prépa Animation et Game</span></a></li>
<li id="menu-item-605" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-605"><a href="https://www.ecv.fr/game/formations/bachelor-game/"><span>Bachelor Game</span></a></li>
<li id="menu-item-606" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-606"><a href="https://www.ecv.fr/game/formations/mastere-game/"><span>Mastère Game</span></a></li>
</ul>
</li>
<li id="menu-item-2616" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-2616"><a href="https://www.ecv.fr/game/admissions/"><span>Admissions</span></a>
<ul class="sub-menu category-game">
<li id="menu-item-22058" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22058"><a href="https://www.ecv.fr/game/admissions/"><span>Admissions & Tarifs</span></a></li>
<li id="menu-item-27101" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27101"><a href="https://www.ecv.fr/5-conseils-pour-reussir-son-book/"><span>5 conseils pour réussir son book ✅</span></a></li>
<li id="menu-item-27102" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27102"><a href="https://www.ecv.fr/digital/preparer-son-entretien-dadmission/"><span>Préparer son entretien d’admission</span></a></li>
<li id="menu-item-22059" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22059"><a href="https://www.ecv.fr/lecole/vae/"><span>VAE</span></a></li>
</ul>
</li>
<li id="menu-item-610" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-610"><a href="https://www.ecv.fr/game/debouches/"><span>Débouchés</span></a>
<ul class="sub-menu category-game">
<li id="menu-item-611" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-611"><a href="https://www.ecv.fr/game/debouches/les-metiers-du-game/"><span>Les métiers du Game</span></a></li>
<li id="menu-item-612" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-612"><a href="https://www.ecv.fr/game/debouches/alumni-game/"><span>Parcours d’Alumni</span></a></li>
</ul>
</li>
<li id="menu-item-13927" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-13927"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=14&tax%5Bcity%5D=0&tax%5Bevent-category%5D=0"><span>Nos événements</span></a>
<ul class="sub-menu category-game">
<li id="menu-item-14231" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14231"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=14&tax%5Bcity%5D=0&tax%5Bevent-category%5D=332"><span>Stages & ateliers</span></a></li>
<li id="menu-item-14437" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14437"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=14&tax%5Bcity%5D=0&tax%5Bevent-category%5D=330"><span>Portes ouvertes</span></a></li>
<li id="menu-item-14229" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14229"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=14&tax%5Bcity%5D=0&tax%5Bevent-category%5D=334"><span>Conférences</span></a></li>
<li id="menu-item-14230" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14230"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=14&tax%5Bcity%5D=0&tax%5Bevent-category%5D=336"><span>Rencontres de l’ECV</span></a></li>
</ul>
</li>
<li id="menu-item-12382" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-12382"><a href="https://www.ecv.fr/game/nos-jeux-video/"><span>Nos jeux vidéo</span></a></li>
</ul><div class="menu__right">
<a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=0&tax%5Bcity%5D=0&tax%5Bevent-category%5D=330">
<img src="https://www.ecv.fr/app/uploads/2021/09/template_JPO_miniature_youtube-554x296.png" alt="">
<span>👋 Rencontrons-nous lors de nos Journées Portes ouvertes ! </span>
</a>
</div>
</div></div></li>
<li id="menu-item-376" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor menu-item-has-children category-digital menu-item-376"><a href="https://www.ecv.fr/digital/"><span>Digital</span></a> <div class="menu__secondary category-digital">
<div class="container category-digital">
<div class="menu__left">
<div class="menu__title">Digital</div>
<div class="menu__description">
<p>Le cursus ECV Digital propose un programme pédagogique reposant sur le triptyque indissociable du digital : technique, création et e-business. Les étudiants y développent curiosité et sens de l’analyse pour s’adapter aux évolutions de ce secteur en perpétuelle effervescence.</p>
</div>
<div class="menu__more">
<a href="https://www.ecv.fr/digital/" class="underlined">
En savoir plus <svg class="icon icon-arrow"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#arrow"></use></svg>
</a>
</div>
<div class="menu__left__links">
<a id="menu-dde-doc-digital" href="https://www.ecv.fr/demande-de-documentation/" class="btn-filled" title="Documentation">
<span>Documentation</span>
<svg class="icon icon-download"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#download"></use></svg>
</a>
<a id="menu-dde-entretien-digital" href="https://www.ecv.fr/demande-dentretien/" class="btn-outlined" title="Entretien">
<span>Entretien</span>
<svg class="icon icon-users"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#users"></use></svg>
</a>
</div>
</div>
<ul class="menu__center category-digital"> <li id="menu-item-588" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-485 current_page_item menu-item-has-children menu-item-588"><a href="https://www.ecv.fr/digital/formations/" aria-current="page"><span>Formations</span></a>
<ul class="sub-menu category-digital">
<li id="menu-item-589" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-589"><a href="https://www.ecv.fr/digital/formations/bachelor-chef-de-projet-digital/"><span>Bachelor Chef de projet digital</span></a></li>
<li id="menu-item-591" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-591"><a href="https://www.ecv.fr/digital/formations/mastere-developpement-web/"><span>Mastère Développement Web</span></a></li>
<li id="menu-item-592" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-592"><a href="https://www.ecv.fr/digital/formations/mastere-ux-design/"><span>Mastère UX Design</span></a></li>
<li id="menu-item-1474" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1474"><a href="https://www.ecv.fr/digital/formations/mastere-design-ux-ui/"><span>Mastère Design UX/UI</span></a></li>
<li id="menu-item-593" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-593"><a href="https://www.ecv.fr/digital/formations/mastere-web-design/"><span>Mastère Web Design</span></a></li>
<li id="menu-item-594" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-594"><a href="https://www.ecv.fr/digital/formations/mastere-marketing-communication-digitale/"><span>Mastère Marketing & Communication digitale</span></a></li>
<li id="menu-item-595" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-595"><a href="https://www.ecv.fr/digital/formations/mastere-strategie-communication-digitale/"><span>Mastère Stratégie & Communication digitale</span></a></li>
<li id="menu-item-1478" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1478"><a href="https://www.ecv.fr/digital/formations/mastere-marketing-digital-e-commerce/"><span>Mastère Marketing Digital & e-commerce</span></a></li>
</ul>
</li>
<li id="menu-item-582" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-582"><a href="https://www.ecv.fr/digital/debouches/"><span>Insertion pro</span></a>
<ul class="sub-menu category-digital">
<li id="menu-item-583" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-583"><a href="https://www.ecv.fr/digital/debouches/entrepreneuriat-freelance/"><span>Entrepreneuriat & Freelance</span></a></li>
<li id="menu-item-584" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-584"><a href="https://www.ecv.fr/digital/debouches/les-metiers-du-digital/"><span>Les métiers du Digital</span></a></li>
<li id="menu-item-585" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-585"><a href="https://www.ecv.fr/digital/debouches/alumni-ecv-digital/"><span>Parcours d’Alumni</span></a></li>
<li id="menu-item-586" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-586"><a href="https://www.ecv.fr/digital/debouches/alternance-stage/"><span>Alternance & stage</span></a></li>
</ul>
</li>
<li id="menu-item-596" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-596"><a href="https://www.ecv.fr/digital/admissions/"><span>Admissions</span></a>
<ul class="sub-menu category-digital">
<li id="menu-item-22061" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22061"><a href="https://www.ecv.fr/digital/admissions/"><span>Admissions & Tarifs</span></a></li>
<li id="menu-item-27103" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27103"><a href="https://www.ecv.fr/digital/preparer-son-entretien-dadmission/"><span>Préparer son entretien d’admission</span></a></li>
<li id="menu-item-22060" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22060"><a href="https://www.ecv.fr/lecole/vae/"><span>VAE</span></a></li>
</ul>
</li>
<li id="menu-item-13928" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-13928"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=15&tax%5Bcity%5D=0&tax%5Bevent-category%5D=0"><span>Nos événements</span></a>
<ul class="sub-menu category-digital">
<li id="menu-item-14232" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14232"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=15&tax%5Bcity%5D=0&tax%5Bevent-category%5D=332"><span>Stages & ateliers</span></a></li>
<li id="menu-item-14438" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14438"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=15&tax%5Bcity%5D=0&tax%5Bevent-category%5D=330"><span>Portes ouvertes</span></a></li>
<li id="menu-item-14233" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14233"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=15&tax%5Bcity%5D=0&tax%5Bevent-category%5D=334"><span>Conférences</span></a></li>
<li id="menu-item-14234" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14234"><a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=15&tax%5Bcity%5D=0&tax%5Bevent-category%5D=336"><span>Rencontres de l’ECV</span></a></li>
</ul>
</li>
<li id="menu-item-599" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-599"><a href="https://www.ecv.fr/digital/entreprise/"><span>Entreprise</span></a>
<ul class="sub-menu category-digital">
<li id="menu-item-11149" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11149"><a href="https://www.ecv.fr/digital/le-board-ecv-digital/"><span>Le Board ECV Digital</span></a></li>
<li id="menu-item-601" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-601"><a href="https://www.ecv.fr/digital/entreprise/contrat-alternance-stage/"><span>Contrat alternance & stage</span></a></li>
<li id="menu-item-2590" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2590"><a href="https://www.ecv.fr/deposer-une-offre/"><span>Déposer une offre</span></a></li>
<li id="menu-item-3227" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3227"><a href="https://www.ecv.fr/offre-de-stage-emploi/"><span>Offres de stage & emploi</span></a></li>
</ul>
</li>
</ul><div class="menu__right">
<a href="https://www.ecv.fr/event/?tax%5Bcursus%5D=0&tax%5Bcity%5D=0&tax%5Bevent-category%5D=330">
<img src="https://www.ecv.fr/app/uploads/2021/09/template_JPO_miniature_youtube-554x296.png" alt="">
<span>👋 Rencontrons-nous lors de nos Journées Portes ouvertes ! </span>
</a>
</div>
</div></div></li>
</ul>
<div class="header-lang">
<a href="https://www.ecv.fr/digital/formations/" class="is-active">fr</a> <a href="https://www.ecv.fr/en/">en</a>
</div>
<div class="header-links">
<a id="header-dde-doc" href="https://www.ecv.fr/demande-de-documentation/">
<svg class="icon icon-download"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#download"></use></svg>
<span>Téléchargez la documentation</span>
</a>
<a id="header-dde-entretien" href="https://www.ecv.fr/demande-dentretien/">
<svg class="icon icon-users"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#users"></use></svg>
<span>Demander un entretien</span>
</a>
</div>
<a href="https://www.ecv.fr/event/" class="header-events" title="Nos événements">
<svg class="icon icon-event"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#event"></use></svg>
</a>
<button class="header-burger js-menu">
Menu
<svg class="icon icon-burger"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#burger"></use></svg>
<svg class="icon icon-cross"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#cross"></use></svg>
</button>
</nav>
</div>
</header>
Puis une page « footer.php » avec le code suivant :
<footer class="footer" id="footer">
<div class="footer-header">
<div class="footer-logo">
<a href="https://www.ecv.fr/">
<img src="https://www.ecv.fr/app/themes/ecv/images/logo-ecv.svg" width="196" alt="Logo ECV">
</a>
</div>
<div class="footer-social">
<div class="footer-social__label">Nous suivre</div>
<a href="https://www.facebook.com/ecv.creativecommunity/" target="_blank" id="footer-social-facebook">
<svg class="icon icon-facebook"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#facebook"></use></svg>
</a>
<a href="https://www.instagram.com/ecvfrance/" target="_blank" id="footer-social-instagram">
<svg class="icon icon-instagram"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#instagram"></use></svg>
</a>
<a href="https://twitter.com/ecvfrance" target="_blank" id="footer-social-twitter">
<svg class="icon icon-twitter"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#twitter"></use></svg>
</a>
<a href="https://www.youtube.com/channel/UCbxMYZ6JN5rkZ1619vW5q4g" target="_blank" id="footer-social-youtube">
<svg class="icon icon-youtube"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#youtube"></use></svg>
</a>
<a href="https://www.linkedin.com/company/2465517/" target="_blank" id="footer-social-linkedin">
<svg class="icon icon-linkedin"><use xlink:href="https://www.ecv.fr/app/themes/ecv/assets/sprite.svg#linkedin"></use></svg>
</a>
</div>
</div>
<div class="footer-navs">
<div class="container">
<div>
<div class="title">Liens utiles</div>
<div class="menu-liens-utiles-container"><ul id="menu-liens-utiles" class="menu"><li id="menu-item-5821" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5821"><a href="https://www.ecv.fr/demande-dentretien/">Demande d’admission</a></li>
<li id="menu-item-1618" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1618"><a href="https://www.ecv.fr/deposer-une-offre/">Déposer une offre</a></li>
<li id="menu-item-3226" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3226"><a href="https://www.ecv.fr/offre-de-stage-emploi/">Offres de stage & emploi</a></li>
<li id="menu-item-7033" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7033"><a href="https://www.ecv.fr/faq/">FAQ</a></li>
<li id="menu-item-5014" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5014"><a href="https://www.ecv.fr/nous-contacter/">Nous contacter</a></li>
<li id="menu-item-4769" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4769"><a href="https://www.ecv.fr/hyperplanning/">Hyperplanning</a></li>
</ul></div>
</div>
<div>
<div class="title">Nos campus</div>
<div class="menu-nos-campus-container"><ul id="menu-nos-campus" class="menu"><li id="menu-item-1585" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1585"><a href="https://www.ecv.fr/lecole/les-campus/paris/">Paris</a></li>
<li id="menu-item-1586" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1586"><a href="https://www.ecv.fr/lecole/les-campus/bordeaux/">Bordeaux</a></li>
<li id="menu-item-1588" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1588"><a href="https://www.ecv.fr/lecole/les-campus/aix-en-provence/">Aix-en-Provence</a></li>
<li id="menu-item-1587" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1587"><a href="https://www.ecv.fr/lecole/les-campus/nantes/">Nantes</a></li>
<li id="menu-item-1584" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1584"><a href="https://www.ecv.fr/lecole/les-campus/lille/">Lille</a></li>
</ul></div>
</div>
</div>
</div>
<div class="footer-partners">
<div class="container">
<div class="footer-logos">
<a href="https://www.campusfrance.org/fr">
<img src="https://www.ecv.fr/app/uploads/2019/09/logo_campus_france.png" alt="">
</a>
<a href="https://info.erasmusplus.fr">
<img src="https://www.ecv.fr/app/uploads/2019/09/logo_erasmus_plus.png" alt="">
</a>
<a href="https://www.cumulusassociation.org">
<img src="https://www.ecv.fr/app/uploads/2019/09/logo_cumulus.png" alt="">
</a>
<a href="https://www.reca-animation.com/">
<img src="https://www.ecv.fr/app/uploads/2019/09/logo_reca.png" alt="">
</a>
<a href="https://ad-education.com/">
<img src="https://www.ecv.fr/app/uploads/2021/10/AD.png" alt="">
</a>
<a href="https://www.francecompetences.fr/">
<img src="https://www.ecv.fr/app/uploads/2021/10/logoFC-CERTIFICATION-RNCP_2021-copie.png" alt="">
</a>
</div>
Établissement d’enseignement supérieur privé - ECV ©
</div>
</div>
<div class="footer-credits">
<div class="container">
<div class="menu-mentions-container"><ul id="menu-mentions" class="menu"><li id="menu-item-28" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-28"><a href="https://www.ecv.fr/politique-de-confidentialite/">Mentions légales</a></li>
</ul></div>
<div>
<span style="opacity: .5">Réalisé par</span>
<a href="https://www.tequilarapido.com/" target="_blank">tequilarapido</a>
<span>x</span>
<a href="https://www.lajungle.fr/" target="_blank">La Jungle</a>
</div>
<div>@ecv2022</div>
</div>
</div>
</footer>
Modifiez la page « index.php » pour que le header et le footer affichés soient issus respectivement des fichiers « header.php » et « footer.php ».
Les mails
Pour commencer, il existe deux formats d’emails, les emails au format texte et les emails au format html.
La différence est que les emails au format html peuvent contenir des images, des tableaux, des liens et plusieurs autres possibilités offertes par le html.
Dans ce script, nous allons utiliser la fonction mail() de php.
Dans un email, il y a les en-têtes, qui contiennes des informations sur la personne qui envoie, l’encodage de l’email, l’adresse email à qui il faut répondre…
Envoyer un mail au format texte
Commençons d’abord par les emails textes, voici un exemple de code permettant de le faire :
<?php
$sujet = 'Sujet de l\'email';
$message = 'Bonjour,
Ceci est un message texte envoyé grâce à php.
merci :)';
$destinataire = 'destinataire@domaine.com';
$headers = 'From: "expediteur moi"<moi@domaine.com>\\n';
$headers .= 'Reply-To: moi@domaine.com\\n';
$headers .= 'Content-Type: text/plain; charset=\"utf-8\"';
if (mail($destinataire,$sujet,$message,$headers)){
echo 'L\'email a bien été envoyé.';
}
else {
echo 'Une erreur s\'est produite lors de l\'envoi de l\'email.';
}
?>
Envoyer un mail au format HTML
Maintenant nous allons envoyer un email, mais au format html, voici un exemple de code :
<?php
$sujet = 'Sujet de l\'email';
$message = 'Bonjour,<br />
<strong>Ceci est un message HTML envoyé grâce à php.</strong><br />
merci :)';
$destinataire = 'destinataire@domaine.com';
$headers = 'From: \"expediteur moi\"<moi@domaine.com>\\n';
$headers .= 'Reply-To: moi@domaine.com\\n';
$headers .= 'Content-Type: text/html; charset=\"utf-8\"';
if (mail($destinataire,$sujet,$message,$headers)){
echo 'L\'email a bien été envoyé.';
}
else {
echo 'Une erreur s\'est produite lors de l\'envoi de l\'email.';
}
?>
Remarque : L’envoi de mail ne fonctionne pas dans un environnement de développement local type WAMP ou MAMP.
Les dates
C’est la fonction date() qui permet d’obtenir l’heure locale du serveur. L’heure locale est fonction de la situation géographique du serveur lui-même.
<?php
$date = date("d-m-Y");
$heure = date("H:i");
echo "Nous sommes le " . $date . " et il est " . $heure . ".";
?>
Les cookies
Un cookie est un fichier texte, crée par le serveur sur le poste client.
En rajoutant l’en-tête set-cookie, le serveur indique au client qu’il souhaite y stocker un cookie. Le client peut décider, ou non, de s’exécuter et de créer le cookie demandé.
S’il l’accepte, le navigateur client va joindre le cookie à l’en-tête de toutes ses requêtes vers le même domaine, le client rajoute donc l’en-tête HTTP Cookie et le serveur recevant cet en-tête va le transmettre à PHP.
Un cookie est limité en taille, 4Ko maximum; et en nombre, mais celui-ci est généralement très grand. On comprendra que pour stocker une quantité importante d’informations, le cookie n’est pas la solution. Il sert dans une grande majorité des cas à identifier un utilisateur, on va voir cela.
PHP peut décider d’envoyer un cookie (si on le lui demande), par la fonction setCookie(name, value, expire).
Si on ne spécifie pas de date d’expiration, le cookie sera stocké dans
la mémoire vive du client (en général), et détruit dès la fermeture du
navigateur (et non de l’onglet).
Exemple :
<?php
setCookie('domaine.fr','cours PHP',time()+24*3600);
?>
Lorsque PHP récupère les cookies en début de traitement, il les place dans un tableau accessible via la variable $_COOKIE.
Exemple :
<?php
if (isset($_COOKIE['domaine.fr'])){
echo htmlentities($_COOKIE['domaine.fr'],ENT_QUOTES);
}
?>
Les sessions
La session est un mécanisme qui permet à PHP de garder « en mémoire » un nombre illimité de valeurs entre plusieurs requêtes d’un même utilisateur.
Maintenant qu’on a vu qu’on pouvait garder la trace d’un utilisateur, les sessions viennent palier à un problème des cookies : leur faible capacité de stockage. En effet, les données de session sont un fichier stocké (à l’inverse du cookie) non pas sur le disque du visiteur mais sur le serveur.
Aussi, il est impossible d’avoir accès aux variables de session via JavaScript par exemple.
La durée d’une session est définie par l’hébergeur mais on peut la modifier si on a accès à certains paramètres de la configuration de PHP.
La session est unique, un identifiant est donc généré aléatoirement pour chaque utilisateur. Et c’est cet identifiant qui représente l’état actuel de la session de travail. C’est sur lui que repose toute la sécurité du compte de l’utilisateur, de manière générale. Il ne s’agit que d’un petit morceau de texte, unique à chaque visiteur, généré aléatoirement et long, en général, de 32 caractères.
Exemple :
<?php
session_start ();
$_SESSION['login'] = $_POST['login'];
$_SESSION['password'] = $_POST['password'];
?>
Pour récupérer les valeurs de la session :
<?php
session_start ();
if (isset($_SESSION['login']) && isset($_SESSION['password'])) {
echo 'Votre login est '.$_SESSION['login'].' et votre mot de passe est '.$_SESSION['password'].'.';
}
?>
Pour détruire une session :
<?php
session_start ();
session_unset (); // On détruit les variables de notre session
session_destroy (); // On détruit notre session
?>
Les redirections
Il existe des applications web pour lesquelles on souhaite rediriger le visiteur en fonction de paramètres. C’est le cas par exemple pour un script d’identification. Si l’internaute fournit les bons identifiants alors il est redirigé automatiquement vers son espace personnel, sinon il est renvoyé vers le formulaire d’authentification.
Lorsque l’on souhaite créer une redirection avec PHP, on utilise une fonction permettant d’envoyer des entêtes de type Location (adresse). Pour cela, PHP dispose de la fonction header() qui se charge d’envoyer les entêtes passés en paramètre.
Règle importante : l’appel de cette fonction doit se faire avant tout envoi au navigateur (instruction echo, print, espace blanc, balise html…) sous peine de générer une erreur de type Headers already sent by…. Cette erreur signifie que la page a déjà été envoyée au navigateur avant de vouloir envoyer des entêtes HTTP. La logique de développement demande le contraire !
<?php
header('Location: http://www.votresite.com/nouvelle_page.php');
exit();
?>
Note : l’instruction exit() qui succède la fonction header() permet de couper l’exécution du script car la redirection aura lieu immédiatement et le reste du code n’a pas d’intérêt à être interprété.
Les formulaires
Dans une page HTML, l’interactivité entre l’internaute et le serveur se fera par l’intermédiaire des formulaires. En effet, à partir de données saisies et validées dans une page HTML, le serveur va pouvoir traiter les données et renvoyer au client la confirmation de la bonne réception de ses valeurs ou le résultat de calculs par exemple.
Méthodes, action et enctypes
La procédure de soumission d’un formulaire est contrôlée par 2 attributs de la balise <form> : method et action.
L’attribut method détermine la manière dont les données sont transmises au serveur. Il peut prendre les valeurs GET et POST.
POSTdemande à l’explorateur d’empaqueter toutes les données et de les transmettre au serveur. Les données ne sont pas visibles par l’internaute au moment de l’envoiGET, quant à lui, envoie les données en tant que partie intégrale de l’URL pour la page cible. De ce fait, les données sont visibles dans l’URL de la page cible.
Différences entre les 2 méthodes
La différence entre les 2 méthodes intervient dans l’affichage de l’URL de la page de résultat.
- URL visible de la page resultat.php avec la méthode
POST:
http://www.monsite.com/resultat.php - URL visible de la page resultat.php avec la méthode
GET
http://www.monsite.com/resultat.php?nom=Dupont&email=dupont@gmail.com&action=Envoyer
On constate que dans ce cas, les noms des contrôles et leurs valeurs sont affichés, y compris celles des contrôles cachés.
Action
L’attribut action spécifie la page cible pour les
données soumises. Cet attribut n’est pas obligatoire. Dans ce cas, la
page en cours est re-exécutée.
Exemple
<form method="post" action="http://www.monsite.fr/test.php">
<label for="nom">Nom :</label>
<input type="text" name="nom" id="nom" /><br />
<label for="email">Email :</label>
<input type="email" name="email" id="email" /><br />
<input type="submit" name="action" value="Envoyer" />
</form>
Types de contenu de formulaire
L’attribut enctype de l’élément FORM spécifie le type de contenu utilisé pour coder l’ensemble de données de formulaire à soumettre au serveur.
L’attribut enctype permet de spécifier l’encodage pour un envoi de type POST. En particulier la valeur enctype="multipart/form-data" permet l’envoi de fichiers au serveur, en utilisant un champ de type fichier (<input type="file">). Sans l’utilisation de cet encodage, un champ fichier n’envoie que le nom du fichier au serveur, sans son contenu.
enctype = « application/x-www-form-urlencoded »
Il s’agit du type de contenu par défaut. Les formulaires soumis avec ce type de contenu doivent être codés comme suit :
Les noms et valeurs de contrôle sont échappés. Les caractères d’espace sont remplacés par `+ ‘, puis les caractères non alphanumériques sont remplacés par ‘%HH‘, un signe de pourcentage et deux chiffres hexadécimaux représentant le code ASCII du caractère. Les sauts de ligne sont représentés par des paires « CR LF » (c’est-à-dire, « %0D%A »).
Les noms / valeurs de contrôle sont répertoriés dans l’ordre dans lequel ils apparaissent dans le document. Le nom est séparé de la valeur par ‘=‘ et les paires nom / valeur sont séparées les unes des autres par ‘&‘.
enctype = « multipart / form-data »
Le type de contenu « application / x-www-form-urlencoded » est inefficace pour l’envoi de grandes quantités de données binaires ou de texte contenant des caractères non ASCII. Le type de contenu « multipart/form-data » doit être utilisé pour soumettre des formulaires contenant des fichiers, des données non ASCII et des données binaires.
Un message « multipart/form-data » contient une série de parties, chacune représentant un contrôle réussi. Les pièces sont envoyées à l’agent de traitement dans le même ordre que les contrôles correspondants apparaissent dans le flux de documents.
Récupération des données
Les noms des champs du formulaire sont utilisés en tant que clés dans le tableau associé, donc vous devez vous assurer que vous n’avez jamais deux entrées de votre formulaire HTML portant le même nom. Si cela arrive, vous risquez d’avoir quelques problèmes.
<?php
// si le formulaire utilise la methode post :
$nom = $_POST['nom'];
$email = $_POST['email'];
// si le formulaire utilise la methode get :
$nom = $_GET['nom'];
$email = $_GET['email'];
?>
Vérification des champs côté serveur
Exemple :
<?php
$error = false;
$nom = $_POST['nom'];
$email = $_POST['email'];
if (strlen($nom) < 1) {
$error = true;
}
else if (strlen($email) < 1) {
$error = true;
}
if ($error == false) {
// traitement du formulaire
echo 'Votre demande a bien été prise en compte';
}
else {
// formulaire incomplet
echo 'Veuillez compléter les champs nécessaires';
}
?>
Ou, encore plus complet :
<?php
function encode($data) {
$data = trim($data);
$data = stripslashes($data);
$data = htmlspecialchars($data);
return $data;
}
/*
* On traite les valeurs reçues, ici en POST
*/
foreach($_POST as $key => $value) {
$$key = encode( $_POST[$key] );
}
/*
* On vérifie champ par champ, selon les règles de validation du formulaire
*/
$error = false;
if ( strlen ( $nom ) < 1 ) {
$error = true;
}
if ( strlen ( $email ) < 1 ) {
$error = true;
}
elseif (!preg_match("/([\w\-]+\@[\w\-]+\.[\w\-]+)/",$email)) {
$error = true;
}
/*
* Si le formulaire n'est pas complet
* l'internaute est redirigé vers le formulaire
*/
if ( $error ) {
header('Location: page_formulaire.php');
exit;
}
/*
* Sinon
* L'ensemble des champs a été correctement rempli
* On positionne ici les différents traitements du formulaire
*/
echo 'Votre demande a bien été prise en compte';
?>
Exercice
Écrire un formulaire qui demande :
- Civilité : liste de boutons radio qui propose les options Mlle, Mme et M.
- Nom : zone de texte
- Age : zone de texte
L’envoi du formulaire provoquera :
- La récupération des données saisies par l’utilisateur.
- L’enregistrement des données saisies par l’internaute dans une variable de session.
- Le contrôle de surface de tous les champs. Si par exemple le client laisse le nom vide on affichera le message « Nom laissé vide » en rouge en haut du formulaire. On souhaite également afficher les messages d’erreur (« Nom laissé vide »…) un par un s’il y’en a plusieurs.
- Si tous les champs sont valides, alors on affiche une page qui saluera l’utilisateur avec cette phrase : « Bienvenue M. …………., vous avez ….. ans. », ou « Bienvenue Mlle. …………., vous avez ….. ans. », ou « Bienvenue Mme. …………., vous avez ….. ans. » (avec les bonnes valeurs, bien entendu).
Vous devez donc :
- Créer le formulaire en HTML
- Créer la page de traitement en PHP, qui va récupérer les données saisies, effectuer les contrôles et selon les cas rediriger vers le formulaire avec les messages d’erreurs, ou afficher le message de bienvenue.
Vous devrez utiliser une session PHP pour réafficher les données saisies par l’utilisateur dans le formulaire en cas d’erreur.
Le HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Formulaire PHP</title>
</head>
<body>
<form action="#" method="post">
<input type="hidden" name="action" value="envoyer">
<fieldset>
<legend>Civilité</legend>
<p>
<label for="civilite_mlle">
<input type="radio" name="civilite" id="civilite_mlle" value="Mlle">
<abbr title="Mademoiselle">Mlle</abbr>
</label><br>
<label for="civilite_mme">
<input type="radio" name="civilite" id="civilite_mme" value="Mme">
<abbr title="Madame">Mme</abbr>
</label><br>
<label for="civilite_m">
<input type="radio" name="civilite" id="civilite_m" value="M">
<abbr title="Monsieur">M.</abbr>
</label>
</p>
</fieldset>
<p>
<label for="nom">
Nom :<br>
<input type="text" name="nom" id="nom" value="">
</label>
</p>
<p>
<label for="age">
Âge :<br>
<input type="number" name="age" id="age" value="">
</label>
</p>
<p><input type="submit"></p>
</form>
</body>
</html>
Code proposé en séance
Page portant le formulaire :
<?php
session_start();
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Inscription <?php if ( isset($_SESSION['erreur']) && !empty($_SESSION['erreur']) ) { echo 'Erreur de saisie'; } ?></title>
<style>
.error {
border: 4px solid red;
color: red;
}
</style>
</head>
<body>
<?php
include 'header.php';
?>
<main>
<form action="php1.php" method="post">
<?php
if ( isset($_SESSION['erreur']) && !empty($_SESSION['erreur']) ) {
echo '<ul class="error">';
foreach ( $_SESSION['erreur'] as $champ => $texte) {
echo '<li>' . $texte . '</li>';
}
echo '</ul>';
}
?>
<input type="hidden" name="action" value="envoyer">
<fieldset <?php if ( isset($_SESSION['erreur']) && array_key_exists('civilite', $_SESSION['erreur']) ) { echo 'class="error"'; } ?>>
<legend>Civilité</legend>
<p>
<label for="civilite_mlle">
<input type="radio" name="civilite" id="civilite_mlle" value="Mlle" <?php echo ( isset( $_SESSION['civilite'] ) && $_SESSION['civilite'] == "Mlle" ) ? 'checked' : ''; ?>>
<abbr title="Mademoiselle">Mlle</abbr>
</label><br>
<label for="civilite_mme">
<input type="radio" name="civilite" id="civilite_mme" value="Mme" <?php echo ( isset( $_SESSION['civilite'] ) && $_SESSION['civilite'] == "Mme" ) ? 'checked' : ''; ?>>
<abbr title="Madame">Mme</abbr>
</label><br>
<label for="civilite_m">
<input type="radio" name="civilite" id="civilite_m" value="M" <?php echo ( isset( $_SESSION['civilite'] ) && $_SESSION['civilite'] == "M" ) ? 'checked' : ''; ?>>
<abbr title="Monsieur">M.</abbr>
</label>
</p>
</fieldset>
<p <?php if ( isset($_SESSION['erreur']) && array_key_exists('nom', $_SESSION['erreur']) ) { echo 'class="error"'; } ?>>
<label for="nom">
Nom :<br>
<input type="text" name="nom" id="nom" value="<?php echo ( isset( $_SESSION['nom'] ) ) ? $_SESSION['nom'] : ''; ?>">
</label>
</p>
<p <?php if ( isset($_SESSION['erreur']) && array_key_exists('age', $_SESSION['erreur']) ) { echo 'class="error"'; } ?>>
<label for="age">
Âge :<br>
<input type="number" name="age" id="age" value="<?php echo ( isset( $_SESSION['age'] ) ) ? $_SESSION['age'] : ''; ?>">
</label>
</p>
<p><input type="submit"></p>
</form>
</main>
<?php
include 'footer.php';
?>
</body>
</html>
Page de traitement :
<?php
session_start();
/*
* Récupération des valeurs saisies
*/
foreach($_POST as $key => $value) {
/*
* On les met chacune dans la variable qui porte le nom du champ
*/
$$key = $_POST[$key];
/*
* Et on la stocke en variable de session
*/
$_SESSION[$key] = $$key;
}
/*
* Initalisation
*/
unset($_SESSION['erreur']);
$error = [];
/*
* Contrôles de surface
*/
if ( empty($civilite) ) {
$error['civilite'] = 'Veuillez choisir votre civilite.';
}
if (empty($nom) ) {
$error['nom'] = 'Veuillez renseigner votre nom.';
}
if ( empty($age) || (int)$age<0 ) {
$error['age'] = 'Veuillez fournir votre âge.';
}
/*
* Si Erreur => redirection vers le formulaire pour correction de saisie
*/
if ( !empty( $error ) ) {
$_SESSION['erreur'] = $error;
header('Location: php.php');
exit();
}
/*
* Sinon : traitement des données
*/
header('Location: php3.php');
exit();
?>
Page de succès :
<?php
session_start();
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Formulaire envoyé !</title>
</head>
<body>
<?php
include 'header.php';
?>
<main>
<h1>Succès !</h1>
<p>Bienvenue <?php echo $_SESSION['civilite']; ?> <?php echo $_SESSION['nom']; ?>, vous avez <?php echo $_SESSION['age']; ?> ans.</p>
</main>
<?php
include 'footer.php';
?>
</body>
</html>
Manipulations de fichiers
Avec PHP, la création ou la lecture de fichiers est simplifiée.
Il existe une multitude de fonctions dédiées à l’utilisation des fichiers. La communication entre le script PHP et le fichier est repérée par une variable, indiquant l’état du fichier et que l’on peut passer en paramètre aux fonctions spécialisées pour le manipuler.
La fonction de base est la fonction fopen().
C’est elle qui permet d’ouvrir un fichier, que ce soit pour le lire, le créer, ou y écrire.
Voilà sa syntaxe : fopen(nomdufichier, mode);
Plusieurs modes sont possibles :
- r : ouverture en lecture seulement
- w : ouverture en écriture seulement (la fonction crée le fichier s’il n’existe pas)
- a : ouverture en écriture seulement avec ajout du contenu à la fin du fichier (la fonction crée le fichier s’il n’existe pas)
- r+ : ouverture en lecture et écriture
- w+ : ouverture en lecture et écriture (la fonction crée le fichier s’il n’existe pas)
- a+ :ouverture en lecture et écriture avec ajout du contenu à la fin du fichier (la fonction crée le fichier s’il n’existe pas)
<?php
// Exemple : ouverture d'un fichier en lecture seule
$fichier = fopen('liste_visiteurs.txt', 'r');
?>
Une fois que le fichier a été ouvert avec le mode désiré, il est possible de lire son contenu ou d’y écrire des informations grâce aux fonctions:
fputs(): permettant d’écrire une chaîne de caractères dans le fichierfgets(): permettant de récupérer une ligne du fichier
Étant donné que la fonction fgets() récupére à chaque appel une nouvelle ligne du fichier, il est essentiel, pour récupérer l’intégralité du contenu d’un fichier de l’insérer dans une boucle while. Ainsi, on utilise la fonction feof(), fonction testant si la fin du fichier n’a pas été atteinte, en tant que test de la boucle while().
De cette façon, tant que la fin du fichier n’a pas été atteinte, on lit la ligne suivante du fichier…
<?php
if (!$fp = fopen("fichier.txt","r")) {
echo "Echec de l\'ouverture du fichier";
exit;
}
else {
while(!feof($fp)) {
$Ligne = fgets($fp,255); // On récupère une ligne
echo $Ligne; // On affiche la ligne
$Fichier .= $Ligne; // On stocke l\'ensemble des lignes dans une variable
}
fclose($fp); // On ferme le fichier
}
?>