Transmission d un signal sur un réseau (streaming) TP 3 : Intégration de vidéos sur un site web
|
|
|
- Coralie Carbonneau
- il y a 8 ans
- Total affichages :
Transcription
1 Transmission d un signal sur un réseau (streaming) TP 3 : Intégration de vidéos sur un site web IUT d Arles LP ATC/CA Objectifs : Inclure dans une page web du code ou un fichier d'indirection pour diffuser du contenu, en live ou avec les options de lecture : pause, lecture, avance rapide... Savoir inclure un lecteur audio-vidéo spécifique (flash player, windows media player, real palyer, quicktime player, VLC Media Player...) à l'intérieur d'une page web. Définir les paramètres de diffusion dans la page web. 1 Introduction Une distribution streaming, telle que celle d OVH, peut être livré avec un ensemble de serveurs, dont voici une liste non exhaustive : Icecast, Shoutcast, FlashMedia Server, Quicktime Darwin Streaming, Real Helix Streaming Server, VLC ou Red5. Choisir le bon serveur Ce tableau n est pas exhaustif. C est une vue d ensemble des capacités et qualités de chaque serveur. Serveur Icecast Shoutcast Flash (ex : Red5) Quicktime Real VLC Média (mp3, ogg) (mp3) (flv) (mp3) (mov, mp4) (mp3) (rm, wmv, asf, mov) (rm / mp3) Type de diffusion Broadcast (webradio) Broadcast (webradio) Facilité License Points forts /+++ Libre (GPL) Propriétaire (gratuit) VOD +++ Commercial VOD ++++ VOD Broadcast Broadcast + Libre (APSL) ++++ Commercial Libre (GPL) Solution libre pour diffuser une webradio Solution gratuite pour diffuser un flux vidéo live par exemple (nécessite l installation de Winamp) Permet de diffuser de la vidéo à un très large public grâce au plugin Flash extrêmement répandu. Il offre également des possibilités multimédia étendues (vidéoconférence, application partagée ) Pour diffuser les vidéos Quicktime (nécessite le player assez répandu) Permet de diffuser des formats audio-vidéo très divers (donc à destination de tout type de plateforme) Sait transcoder et diffuser un nombre vertigineux de formats mais difficile à appréhender
2 2 Diffusion du contenu issu de site web d hébergement vidéo 2.1 Quelques sites web d hébergement de vidéos YouTube est un site web d hébergement de vidéos sur lequel les utilisateurs peuvent envoyer, visualiser et se partager des séquences vidéo. Créé en février 2005, le service utilise la technique Adobe Flash pour afficher toutes sortes de vidéos. Il appartient depuis novembre 2006 à la firme Google. Créée en mars 2005, Dailymotion est une entreprise d'origine française offrant un service en ligne de partage et de visionnage de vidéo en ligne. Créé en 2006, Wat.tv est un site web d'hébergement de fichiers audios et vidéos semblable à YouTube ou à Dailymotion. Il s'agit d'un sigle qui signifie «We Are Talented». Wideo est un youtube-like sur lequel il est possible de visionner et partager de la vidéo en ligne. Divers flux RSS peuvent être récupéré pour suivre l'actualité des publications et l'espace membre permet gratuitement de diffuser ses propres clips, se créer un vidéo blog, créer sa chaîne personnelle, etc. 2.2 Code HTML Le code HTML suivant correspond à la syntaxe générale à utiliser pour ajouter un lecteur audio-vidéo au sein d une page web. Dans la section suivante, nous verrons comment choisir le lecteur (autre que flash). Dans la dernière section, nous verrons une alternative utilisant les scripts en JAVASCRIPT. // Création de l objet «lecteur audio-vidéo» dont la taille est spécifiée <object width="xxx" height="xxx"> // Adresse internet vers le flux audio-vidéo <param name="movie" value="..."></param> // Paramètres du lecteur audio-vidéo <param name="allowfullscreen" value="true"></param> <param name="allowscriptaccess" value="always"></param> // Réglage du lecteur audio-vidéo avec les paramètres précédents <embed src="..." type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="xxx" height="xxx"> 2.3 Questions Q1. Utilisez le fichier «template.html» situé sur le site de l enseignant et complétez le code en ajoutant entre les balises <body> et </body>, le code précédent pour inclure sur votre site une vidéo du site d hébergement de votre choix. 2
3 Q2. Modifier les paramètres du lecteur audio-vidéo de sorte à : a. Permettre le plein écran ou non du lecteur. b. Permettre la lecture automatique ou non du lecteur. c. Permettre l affichage des commandes du lecteur pour le client, ou non. d. Modifier la taille du lecteur. 3 Insérer un lecteur vidéo dans une page Web 3.1 Introduction Il faut dire qu il y a plusieurs façons d écouter les fichiers audio-vidéo sur Internet. Ces méthodes se différencient selon que l'on veut faire appel : 1) À l'application lecteur multimédia par défaut du visiteur (Windows Media Player, QuickTime, RealMedia, WinAmp, VLC Media Player, ) qui s'ouvre dans une nouvelle fenêtre. 2) À un greffon (plugin) multimédia du navigateur qui affiche ou non un panneau de contrôle (lecture, avance rapide, retour rapide, stop, pause, ) dans la page web et qui est donc «insérée» dans celle-ci. Il est évident que la deuxième possibilité est beaucoup plus intéressante car elle permet, par exemple, d écouter et de voir ou manipuler sur la même page un texte, un son, une vidéo QuickTime Player Real Player Windows Media Player VLC Media Player Bien qu il existe plusieurs lecteurs audio-vidéo (QuickTime Player, Real Player, Windows Media Player, VLC Media Player ), quand on navigue sur le web, il y aura au moins un des lecteurs audiovidéo intégré (défini par défaut) qui va lire les formats audio-vidéo spécifiquement adaptés à Internet. 3.2 Le lien direct et fichier d indirection C est peut être la méthode la plus facile. Il vous suffit d'insérer un lien vers votre fichier audio-vidéo ou votre fichier d indirection, par exemple en utilisant ce code : <a href="lien vers le fichier à visualiser/écouter">titre du film</a> Q3. Utilisez le fichier «template.html» situé sur le site de l enseignant et complétez le code en ajoutant entre les balises <body> et </body>, une référence vers un fichier vidéo de votre choix. Q4. Pour le lien de la méthode directe, faites pointez le lien vers un fichier d indirection que vous configurerez. Dites ce qu il se passe. 3
4 3.3 Lecteur audio-vidéo : balises «EMBED» et «OBJECT» L'inclusion audio-vidéo dans cette méthode se fait par insertion de code HTML dans la page. Cette méthode est peut être la plus simple (mais attention! pas nécessairement la plus efficace). Il s'agit d'insérer une balise «EMBED» dans notre code HTML de notre page web : <embed src="lien vers le fichier à visualiser/écouter" width="xxx" height="xxx" > On peut, bien sûr, ajouter d autres paramètres à ce script : - Permettre le plein écran : allowfullscreen="true"/"false" - Taille du lecteur vidéo : width="xxx" height="xxx" - Alginement du texte et du lecteur : ALIGN="TOP"/"BOTTOM"/"LEFT"/"RIGHT"/"CENTER"/ - Démarrage automatique : AUTOPLAY="true"/"false" - Mode répétition : LOOP= "true"/"false" La méthode OBJECT est plus compliquée mais plus compatible que les deux précédentes. Elle permettra presque à coup sûr aux visiteurs d écouter le fichier audio-vidéo. Cette méthode OBJECT définit le lecteur (WMP, itunes, RealPlayer, QuickTime, etc.) qui sera utilisé par le visiteur, puis détermine certains paramètres de reproduction du fichier (démarrage automatique, boucle, etc.). Exemple 1 : utilisation de QuickTime <object CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="160" height="16" codebase=" <param name="src" value=" chemin complet du fichier"></param> <param name="autoplay" value="false"></param> <param name="loop" value="false"></param> <param name="controller" value="true"></param> <embed type="audio/x-mpegurl" src= chemin complet du fichier autoplay="false" loop="false" controller="true" width="160" height="16" pluginspace=" Exemple 2 : utilisation de Real Player <object CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width="175" height="30"> <param name="controls" value="controlpanel"></param> <param name="console" value="clip1"></param> <param name="autostart" value="false"></param> <param name="nologo" value="true"></param> <param name="nojava" value="true"></param> <param name="src" value=" chemin complet du fichier"></param> <param name="loop" value="false"></param> <embed src=" chemin complet du fichier" type="audio/x-pn-realaudio-plugin" width="175" height="30" nologo="true" nojava="true" console="clip1" controls="controlpanel" autostart="false" loop="false"> 4
5 Exemple 3 : utilisation de Windows Media Player <object CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" width=175 height=30 codebase=" /en/nsmp2inf.cab#version=6,0,02,902" standby="chargement de microsoft windows media player..." type="application/x-oleobject"> <param name="filename" value=" chemin complet du fichier"></param> <param name="animationatstart" value="true"></param> <param name="transparentatstart" value="true"></param> <param name="autostart" value="false"></param> <param name="showcontrols" value="true"></param> <param name="autosize" value="0"></param> <embed type="application/x-mplayer2" pluginspage = src=" chemin complet du fichier" width="175" height="30" autostart="false" autosize="0" showcontrols="true" transparentatstart="true" animationatstart="true"> Pour ajouter une image en fond d'un player "embed" sur une page Web, créez une cellule de tableau autour de votre player. Pour cela, utilisez une feuille de style externe (CSS) ou un style directement dans la balise <td>, comme ceci : <td style="background: url(fondv1.png) no-repeat;">...</td> Q5. Utilisez le fichier «template.html» situé sur le site de l enseignant et complétez le code en ajoutant entre les balises <body> et </body> la balise «EMBED» pour inclure dans la page web la liste des fichiers cité plus haut, en utilisant QuickTime (exemple précédent) ou flash (exemple YouTube et DailyMotion). Q6. Quels sont les avantages de ce type de méthode? Q7. Quels sont les inconvénients de ce type de méthode? Q8. Définissez un lecteur de fichier YouTube ou DailyMotion, dont les caractéristiques sont les suivantes : o Plein écran autorisé o Démarrage automatique sélectionné o Pas de lecture en bouche o Une hauteur et largeur personnalisée Q9. Définissez un lecteur de fichier Windows Media Player, dont les caractéristiques sont les suivantes : o Personnalisation du chargement du lecteur o Aucune transparence o Sans bouton de contrôle o A démarrage automatique o A redimensionnement automatique Q10. Recherchez sur internet ou dans vos cours, le moyen d intégrer le lecteur VLC Media Player dans une page web, en spécifiant où télécharger le lecteur s il n est pas disponible sur l ordinateur client. 5
6 3.4 Utilisation du lecteur Flash : méthode universelle C'est, sans aucun doute, la plus intéressante car la plus universelle. L'utilisation de Flash permet de ne pas rencontrer les habituels problèmes d'incompatibilité dus au navigateur ou au système d'exploitation du visiteur. C est sur l utilisation du lecteur Flash que fonctionnent les services tels que YouTube et Dailymotion, puisqu aucun lecteur n est requis pour la lecture audio-vidéo. Contrairement aux autres méthodes qui utilisent des balises «object» et «embed», ici nous allons voir l utilisation de Javascript pour inclure un lecteur très complet dans une page web. Dans votre page web, pour inclure le lecteur Flash Player à un endroit donné, il suffit de placer le code suivant (en pensant à rediriger vers la page de téléchargement du logiciel Flash Player si le client ne le possède pas) : // Définition de l identificateur de contenu <div id="container"> <a href=" the Flash Player</a> to see this player. </div> Ensuite, il vous suffit d écrire un script en JAVASCRIPT pour permettre au lecteur de diffuser le contenu que vous souhaiter afficher. Voici deux exemples de script, le premier utilisant le lecteur «flowplayer.swf» et le second le lecteur «mediaplayer.swf». 1 er exemple : // Création de l objet SWFOBJECT.JS <script type="text/javascript" src="./flowplayer/swfobject.js"></script> // Contenu de l objet SWFOBJECT.JS <script type="text/javascript"> // Création des variable de taille de la vidéo (largeur=wv, hauteur=hv) var wv=1024, hv=576; // Création des variable de taille du lecteur vidéo (largeur=wc, hauteur=hc) // (plus de 20 pixels pour la barre de lecture) var wc=wv, hc=hv+20; // Création du lecteur (avec possibilité d afficher en plein écran) var fo = new SWFObject("flowplayer/FlowPlayerDark.swf", "FlowPlayer", wc, hc, "7", "#ffffff", true); // Ajout de paramètres du lecteur fo.addparam("allowscriptaccess", "always"); fo.addvariable( "config", "{countrycode: 'fr', playlist: [ {overlayid: 'play'}, {url: '...' } ], autoplay: false, autobuffering: true, bufferlength: 3, initialscale: 'scale', fullscreenscripturl: 'fullscreen.js'}" ); // Permet de définir les paramètres de la page web var _page = document.getelementbyid("page"); _page.style.width=wc+3+"px"; var _container = document.getelementbyid("container"); _container.style.height=hc+"px"; _container.style.width=wc+"px"; var _p = _page.getelementsbytagname("p"); for (var i=0; i<_p.length; i++) _p[i].style.width = "100%"; 6
7 // Ecriture du conteneur fo.write("container"); </script> 2 ème exemple : // Création de l objet SWFOBJECT.JS <script type="text/javascript" src="swfobject.js"></script> // Contenu de l objet SWFOBJECT.JS <script type="text/javascript"> // Création des variable de taille de la vidéo (largeur=wv, hauteur=hv) var wv=320, hv=182; // Création des variable de taille du lecteur vidéo (largeur=wc, hauteur=hc) // (plus de 20 pixels pour la barre de lecture) var wc=wv, hc=hv+20; // Création du lecteur (avec possibilité d afficher en plein écran) var s1 = new SWFObject("mediaplayer.swf","mediaplayer",wc,hc,"7"); s1.addparam("allowfullscreen","true"); // Ajout de variables de taille du lecteur s1.addvariable("width",wc); s1.addvariable("height",hc); // Ajout de variables paramétrage de la vidéo // file = adresse du répertoire contenant le flux vidéo // Bufferlength = taille de la mémoire tampon en secondes // Autostart = permet de démarrer la vidéo au chargement de la page ou non // Id = nom du flux vidéo (fichier FLV) // Image = image de remplacement du flux s1.addvariable("file","..."); s1.addvariable("bufferlength","3"); s1.addvariable("autostart","false"); s1.addvariable("id","..."); s1.addvariable("image","..."); // Permet de définir les paramètres de la page web var _page = document.getelementbyid("page"); _page.style.width=wc+3+"px"; var _container = document.getelementbyid("container"); _container.style.height=hc+"px"; _container.style.width=wc+"px"; var _p = _page.getelementsbytagname("p"); for (var i=0; i<_p.length; i++) _p[i].style.width = "100%"; // Ecriture du conteneur s1.write("container"); </script> Q11. Utilisez le fichier «template.html» situé sur le site de l enseignant et complétez le code en ajoutant entre les balises <body> et </body> pour utiliser le lecteur FlowPlayer/MediaPlayer afin de lire les vidéos sur : a. le RTMP de Red5 de l enseignant b. les protocoles disponibles dans VLC. 7
La balise object incorporer du contenu en HTML valide strict
Qu'est ce que la balise object La balise object incorporer du contenu en HTML valide strict Beaucoup de monde insère des médias dans leur page web avec la balise non standard . Pourtant il existe
KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.
KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html
TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012
TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 FORMULAIRE DE CONTACT POUR PORTFOLIO PRINCIPE GENERAL Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE
Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License,
Langage HTML Copyright 2010 tv Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Version 1.1 or any
Tutoriel n 3. Comment préparer votre support de présentation (vidéo)? Plugin «rich media» pour Moodle 2
Plugin «rich media» pour Moodle 2 Tutoriel n 3 Comment préparer votre support de présentation (vidéo)? 1 Choisissez votre solution d enregistrement Webcam Caméscope Matériel professionnel En fonction de
Introduction à Expression Web 2
Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer
Syfadis. > Configuration du poste client. Nous vous aidons à réussir. REFERENCE : Syfadis LMS - 20/06/2007. AUTEUR : Equipe technique Syfadis
Syfadis Nous vous aidons à réussir > Configuration du poste client REFERENCE : Syfadis LMS - 20/06/2007 AUTEUR : Equipe technique Syfadis Ce document est la propriété de Syfadis. Il ne peut être communiqué
Formation Webmaster : Création de site Web Initiation + Approfondissement
Contactez notre équipe commerciale au 09.72.37.73.73 Aix en Provence - Bordeaux - Bruxelles - Geneve - Lille - Luxembourg - Lyon - Montpellier - Nantes - Nice - Paris - Rennes - Strasbourg - Toulouse Formation
empreinte.com WebTV WEBTV solution solution EMPREINTE.COM WebTV depuis 1997 Diffusion vidéo universelle EMPREINTE.COM
EMPREINTE.COM WebTV depuis 1997 WebTV WEBTV solution solution Qualité vidéo HD MP4 compatible Web & Mobile Responsive Design WebTV Live - VoD Mobile, Tab, PC Logiciel de gestion et hébergements Clé en
testgratuit@empreinte.com
LIVE TV RIA MOBILE Avant propos page 2 Composantes de l offre page 3 Web TV page 4 Visualisation page 5 Live enrichi page 6 Hébergement page 7 Compatibilité page 8 Offre budgétaire page 9 Conditions Générales
Un outil en constante évolution LA BALADODIFFUSION
Un outil en constante évolution LA BALADODIFFUSION Au sommaire de cet atelier 1. Origine et définition de la baladodiffusion 2. Mes droits 3. Les logiciels nécessaires à la baladodiffusion 4. Editer un
Les dossiers, sous-dossiers, fichiers
Les dossiers, sous-dossiers, fichiers Janvier 2014 Médiathèque «Les Trésors de Tolente» Sommaire Premiers repères Les dossiers Les fichiers Pour continuer... Premiers repères L'explorateur Windows (en
Avanquest Software présente la nouvelle gamme WebEasy 8
La Garenne Colombes, le 22 Juin 2009 Avanquest Software présente la nouvelle gamme WebEasy 8 Des logiciels pour créer simplement des sites internet de qualité professionnelle sans aucune connaissance en
Optimiser pour les appareils mobiles
chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...
Syfadis. > Configuration du poste client. Nous vous aidons à réussir. REFERENCE : Syfadis LMS - 12/09/2008. AUTEUR : Equipe technique Syfadis
Syfadis Nous vous aidons à réussir > Configuration du poste client REFERENCE : Syfadis LMS - 12/09/2008 AUTEUR : Equipe technique Syfadis Ce document est la propriété de Syfadis. Il ne peut être communiqué
Groupe Eyrolles, 2003, ISBN : 2-212-11317-X
Groupe Eyrolles, 2003, ISBN : 2-212-11317-X 3 Création de pages dynamiques courantes Dans le chapitre précédent, nous avons installé et configuré tous les éléments indispensables à la mise en œuvre d une
Les outils numériques permettant l enregistrement de documents audiovisuels diffusés sur Internet sont nombreux. Certains sont gratuits.
outil Technique 9 Comment télécharger un document audiovisuel? Mise en garde importante Les outils numériques permettant l enregistrement de documents audiovisuels diffusés sur Internet sont nombreux.
INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)
CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.
«Petit guide d utilisation Prezi» par Marc Nolet
«Petit guide d utilisation Prezi» par Marc Nolet Étape 1 : INSCRIPTiON : S inscrire à Prezi en suivant les étapes à l aide du tutoriel suivant : cliquez ici Étape 2 : OUVRIR UNE NOUVELLE PRÉSENTATION :
Fiche technique logiciel #VDJ (Windows 2000 / XP / Vista)
stream24 Webcasting KG Bismarckstr. 5 91054 Erlangen Allemange Téléphone +49 9131-920 18 65 Fax +49 9131-920 18 67 E-mail Web info@stream24.fr www.stream24.fr Fiche technique logiciel #VDJ (Windows 2000
Utilisation de l éditeur.
Utilisation de l éditeur. Préambule...2 Configuration du navigateur...3 Débloquez les pop-up...5 Mise en évidence du texte...6 Mise en évidence du texte...6 Mise en page du texte...7 Utilisation de tableaux....7
Guide d installation TV sur ordinateur Internet 3G+
Guide d installation TV sur ordinateur Internet 3G+ Le service TV sur ordinateur vous permet de regarder une vingtaine de chaines TV depuis votre ordinateur. Uniquement, les abonnés neufbox de SFR et les
HTML5 et CSS3 pour des sites Responsive Web Design
Chapitre 1 : Introduction A. Le design Web aujourd'hui 11 B. Le Responsive Web Design 11 C. Les approches dans la conception 12 D. Le lâcher-prise 12 E. Les objectifs du livre 13 F. Les outils de l intégrateur
Introduction à HTML5, CSS3 et au responsive web design
1 Introduction à HTML5, CSS3 et au responsive web design Jusqu à une période récente, les sites web étaient conçus avec une largeur fixe de l ordre de 960 pixels, en espérant que les visiteurs en tirent
Comment autoriser un programme à communiquer avec Internet sous Vista?
Comment autoriser un programme à communiquer avec Internet sous Vista? Votre pare-feu a pour fonction de bloquer les connexions entre un programme installé sur votre ordinateur et Internet. C'est en quelque
Optimiser les e-mails marketing Les points essentiels
Optimiser les e-mails marketing Les points essentiels Sommaire Une des clés de succès d un email marketing est la façon dont il est créé puis intégré en HTML, de telle sorte qu il puisse être routé correctement
Programmation Web. Madalina Croitoru IUT Montpellier
Programmation Web Madalina Croitoru IUT Montpellier Organisation du cours 4 semaines 4 ½ h / semaine: 2heures cours 3 ½ heures TP Notation: continue interrogation cours + rendu à la fin de chaque séance
Notes pour l utilisation d Expression Web
EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface
Fiche technique logiciel #SAMBC (Windows 2000 / XP / Vista)
stream24 Webcasting KG Bismarckstr. 5 91054 Erlangen Allemange Téléphone +49 9131-920 18 65 Fax +49 9131-920 18 67 E-mail Web info@stream24.fr www.stream24.fr Fiche technique logiciel #SAMBC (Windows 2000
www.streamroot.io Pierre-Louis Théron Nikolay Rodionov Axel Delmas
www.streamroot.io Pierre-Louis Théron Nikolay Rodionov Axel Delmas 1 Les limites du streaming 8 Millions de vues simultanées Enorme pic de trafic géré par Google et Akamai Problèmes de qualité de service
Les outils de création de sites web
Tuto 1ère séance - p1 Les outils de création de sites web Sources : Réalisez votre site web avec HTML5 et CSS3 de Mathieu Nebra (Edition Le Livre du Zéro) site fr.openclassrooms.com (anciennement «site
Guide de réalisation d une campagne e-mail marketing
Guide de réalisation d une campagne e-mail marketing L ère des envois d e-mails en masse est révolue! Laissant la place à une technique d e-mail marketing ciblé, personnalisé, segmenté et pertinent. La
WysiUpStudio. CMS professionnel. pour la création et la maintenance évolutive de sites et applications Internet V. 6.x
WysiUpStudio CMS professionnel pour la création et la maintenance évolutive de sites et applications Internet V. 6.x UNE SOLUTION DE GESTION DE CONTENUS D UNE SOUPLESSE INÉGALÉE POUR CRÉER, MAINTENIR ET
2 LES BASES DU HTML 19 Qu est-ce que le HTML? 20 De quand date le HTML? 20 Écrire son propre code HTML 22
SOMMAIRE INTRODUCTION La collection Classroom in a Book TinyUrL Conditions requises Installation du programme Copie des fichiers Classroom in a Book ordre recommandé pour les leçons Démarrage instantané
CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING
CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING Durée : 3J / 21H Formateur : Consultant expert en PAO et Web-marketing. Groupe de : 4 max Formation au web marketing Objectifs : Mettre en oeuvre des
Petite définition : Présentation :
Petite définition : Le Web 2.0 est une technologie qui permet la création de réseaux sociaux, de communautés, via divers produits (des sites communautaires, des blogs, des forums, des wiki ), qui vise
145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com
Guide de l utilisateur CMS 1 Navigation dans le CMS... 2 1.1 Menu principal... 2 1.2 Modules tableau... 3 1.3 Modules formulaire... 5 1.4 Navigation dans le site Web en mode édition... 6 2 Utilisation
INCORPORER EXCEL EN LIGNE DANS UN FICHIER CRÉÉ AVEC L ÉDITEUR DE TEXTE 15 avril 2015
TABLE DES MATIERES Incorporer une feuille de calcul dans un fichier créé avec l Éditeur de texte de PLACE... 1 Avantages :... 1 Contraintes :... 2 Accéder à Microsoft OneDrive :... 2 Créer un classeur
CRÉER UN DVD VIDEO avec DVD FLICK (avec ou sans menu)
CRÉER UN DVD VIDEO avec DVD FLICK (avec ou sans menu) DVD Flick permet de convertir des vidéos de différents formats en DVD Vidéo (lisible sur un lecteur DVD de salon). Il supporte plus de 45 formats différents
Diffuser un contenu sur Internet : notions de base... 13
Diffuser un contenu sur Internet : notions de base... 13 1.1 Coup d œil sur l organisation de cet ouvrage.............. 15 Préambule : qu est-ce qu une page web?................ 16 À propos du HTML...........................
K-Portal et K-Sup 5.1 des nouveautés. Détails
K-Portal et K-Sup 5.1 des nouveautés Détails 5.1 Découvrez comment cette nouvelle version vous aidera à : " élargir considérablement votre offre de contenu, " proposer de nouveaux services à vos publics,
Audit de site web. Accessibilité
Accessibilité 1. Est- ce que le contenu est structurellement séparé des éléments de navigation? 2. Est- ce que le site est compatible avec tous les navigateurs? 3. Le site est- il compatible avec les normes
Soyez accessible. Manuel d utilisation du CMS
Soyez accessible. Manuel d utilisation du CMS Nameo : mode d emploi Nameo est une agence web basée en Alsace, à Strasbourg. Son champ d action : création ou refonte de sites internet, stratégie et mise
Sessions en ligne - QuestionPoint
Sessions en ligne - QuestionPoint Configuration du navigateur Internet Explorer Dernière mise à jour : 12 mai 2012 Vous trouverez dans ce guide les procédures pour configurer votre navigateur Internet
Tous les logiciels cités dans ce document sont des marques déposées de leurs propriétaires respectifs
* / VHUYHX 3UR[ :LQ*DWH,QVWDOODWLRQ &RQILJXUDWLR + GH,-, HUYLFH, :LQ*DWH &RQILJXUDWLRQ. GH. DSSOLFDWLRQ. FOLHQWHV FKULVWRSKHFDURQ#HGXFDJULIU! "# $&%' ( ) Tous les logiciels cités dans ce document sont
HTML. Notions générales
1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS
Mozilla Firefox 3.5. Google Chrome 3.0 LES NAVIGATEURS WEB. (pour Windows) Opéra 10. Internet Explorer 8. Safari 4.0
Mozilla Firefox 3.5 Google Chrome 3.0 LES NAVIGATEURS WEB (pour Windows) Opéra 10 Internet Explorer 8 Safari 4.0 1 1 Sommaire Qu est ce qu un navigateur Web? Fonctionnement Caractéristiques communes Caractéristiques
TIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web
Réseau informatique TIC TC - IUT Montpellier Internet et le Web Ensemble d'ordinateurs reliés entre eux et échangeant des informations sous forme de données numériques But : Rendre disponible l information
Prise en main rapide
Prise en main rapide 4 Dans cette leçon, vous découvrirez les fonctionnalités de création de page web de Dreamweaver et apprendrez à les utiliser dans l espace de travail. Vous apprendrez à : définir un
Malgré son aspect spartiate, Freeplane offre de nombreuses fonctionnalités en particulier dans le domaine de la diffusion des cartes sur le Web.
Création d une carte heuristique avec Freeplane Version : 1.1.3 Barre de menus Barre d outils Barre des touches de fonctions Espace de travail Barre d icônes Éditeur de notes Freeplane est un logiciel
I. Descriptif de l offre. L offre Sage 100 Entreprise Edition Entreprise
I. Descriptif de l offre L offre Sage 100 Entreprise Edition Entreprise Sage 100 Entreprise Edition Etendue est une offre en accès full web. En complément d une utilisation traditionnelle de Sage 100 Entreprise,
RESPONSIVE WEB DESIGN
RESPONSIVE WEB DESIGN Une approche pour concevoir des sites Web adaptatifs et une occasion d'inciter les étudiants à consulter des cours responsives Ivan MADJAROV Arnaud FÉVRIER Comment consulte-t-on le
INTRODUCTION AU CMS MODX
INTRODUCTION AU CMS MODX Introduction 1. Créer 2. Organiser 3. Personnaliser UNE PETITE INTRODUCTION QUEST-CE QU UN CMS? CMS est l acronyme de Content Management System. C est outil qui vous permet de
MagicSoft Playout. Permet de mixer des playlists de contenu SD, HDV et Full HD. Prise en charge des formats AVI, MXF, MP4, MOV, MPEG2 et H264.
Station d automation tv hd/sd gestion graphique et playout retrouver ce produit sur www.bbeam.com MagicSoft CG MagicSoft Playout MagicSoft Streaming Supporte le format SD et HD. Qualité de graphique optimale
Formation Découverte du Web
Catégorie : internet Formation Découverte du Web Niveau requis : savoir utiliser un ordinateur (clavier, souris, traitement de texte) Public : personnel administratif et responsables de communication souhaitant
SPECIFICATIONS TECHNIQUES : Gestion des Médicaments et des commandes de médicaments
SPECIFICATIONS TECHNIQUES : Gestion des Médicaments et des commandes de médicaments Développement d une application en web/ client lourd en C# permettant la gestion des médicaments et des commandes de
CMS Made Simple Version 1.4 Jamaica. Tutoriel utilisateur Récapitulatif Administration
CMS Made Simple Version 1.4 Jamaica Système de gestion de contenu CMS Made Simple est entièrement gratuit sous licence GPL. Tutoriel utilisateur Récapitulatif Administration Le système de gestion de contenu
Exemple d installation de mur d images au Grimaldi Forum de Monaco
Sommaire 1. Présentation générale de la solution 2. Matériel utilisé 3. Architecture de fonctionnement 4. Fonctionnalités du logiciel - (NEOSCREEN) 5. Prestations et services 6. Références Exemple d installation
Exigences système Edition & Imprimeries de labeur
Exigences système Edition & Imprimeries de labeur OneVision Software France Sommaire Asura 9.5, Asura Pro 9.5, Garda 5.0...2 PlugBALANCEin 6.5, PlugCROPin 6.5, PlugFITin 6.5, PlugRECOMPOSEin 6.5, PlugSPOTin
ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE
ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Session découverte La Gestion des photos avec Windows Vista / Windows 7 et le traitements d images numériques 1 Généralités sur le jargon de l image numérique
Intégrer des médias. Plateforme e-tourisme. demo.minisites.encharentemaritime.com
demo.minisites.encharentemaritime.com Insérer des photos Illustrez vos contenus en intégrant Depuis la barre d administration Vous pouvez télécharger des fichiers depuis votre ordinateur ou choisir des
Les logiciels indispensables à installer sur votre ordinateur
Vous avez réinstallé Windows, vous venez d acquérir un nouvelle ordinateur, vous voilà donc avec un beau Windows tout propre, tout neuf et surtout tout vide. Il faut reconnaître que Windows fraîchement
Paramétrages possibles lors de la modification du profil obligatoire - Suggestions
Paramétrages possibles lors de la modification du profil obligatoire - Suggestions Une foule de paramètres importants peuvent être choisis, lors de la génération du profil obligatoire, pour s'appliquer
Organiser le disque dur Dossiers Fichiers
Ce document contient des éléments empruntés aux pages d aide de Microsoft Organiser le disque dur Dossiers Fichiers Généralités La connaissance de la logique d organisation des données sur le disque dur
Dispositif e-learning déployé sur les postes de travail
Résumé : Ce document fait l inventaire du matériel et des moyens nécessaires à la production de sessions de formation à distance à partir des postes de travail des salariés bénéficiant d une connexion
Travaux dirigés n 10
Travaux dirigés n 10 IMAC 1 Responsive Web Design Dans ce TD, vous verrez comment concevoir un design web qui s adaptera au terminal sur lequel il sera visualisé. Avant-propos Avec l avènement des smartphones
Editer un script de configuration automatique du proxy
Editer un script de configuration automatique du proxy INTRODUCTION... 2 AVANTAGE D UN SCRIPT DE CONFIGURATION... 2 SYNTAXE DU SCRIPT DE CONFIGURATION AUTOMATIQUE... 2 MISE A DISPOSITION DU SCRIPT... 4
NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web
NFA016 : Introduction O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Pour naviguer sur le Web, il faut : 1. Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des
Initiation à l utilisation de la micro-informatique Internet Explorer 7. Mode d emploi.
Initiation à l utilisation de la micro-informatique Internet Explorer 7. Mode d emploi. Yves Roger Cornil - 6 août 2007 www.cornil.com Quelques mots sur le créateur de cette présentation: Yves Roger Cornil.
Table des matières. 1 À propos de ce manuel...5 1.1 Icônes utilisées dans ce manuel... 5. 1.2 Public visé... 5. 1.3 Commentaires...
Manuel utilisateur Table des matières 1 À propos de ce manuel...5 1.1 Icônes utilisées dans ce manuel... 5 1.2 Public visé... 5 1.3 Commentaires... 5 2 Généralités sur les applications web... 7 3 Module
Optimiser les performances d un site web. Nicolas Chevallier Camille Roux
Optimiser les performances d un site web Nicolas Chevallier Camille Roux Intellicore Tech Talks Des conférences pour partager son savoir Le mardi au CICA Sophia Antipolis http://techtalks.intellicore.net
Importer vos CD au format MP3 avec itunes... 2. Abonnement à un podcast... 4. Traiter des fichiers mp3 avec Audacity... 6
Formation TICE Sommaire Importer vos CD au format MP3 avec itunes... 2 Abonnement à un podcast... 4 Traiter des fichiers mp3 avec Audacity... 6 Capturer une vidéo sur internet avec Firefox et DownloadHelper...
OneDrive, le cloud de Microsoft
OneDrive est le cloud mis à disposition par Microsoft. Pour en profiter, il suffit de disposer d'un compte Microsoft (Tutoriel), Microsoft offre 10 Go de stockage (Dont 3 Go pour sauvegarder des photos).
Table des matières ENVIRONNEMENT
ENVIRONNEMENT Présentation de Windows 7.................13 Démarrer Windows 7......................15 Quitter.................................15 Les fenêtres..............................16 Généralités............................17
Création WEB avec DreamweaverMX
Creation Web avec DreamweaverMX MX Initiation Sommaire.preparation.mise en forme.liens hypertextes.images.liens sur images.images avec zones sensibles.images survolees.liens de type courriel.apercu dans
Freeway 7. Nouvelles fonctionnalités
! Freeway 7 Nouvelles fonctionnalités À propos de ce guide... 3 Nouvelles fonctionnalités en un coup d'oeil... 3 À propos de la conception d'un site web réactif... 3 Travailler avec les pages pour créer
Réalisation d un diaporama en haute définition avec. Adobe Premiere Elements 3.0 ou Adobe Premiere Pro 2.0. Encodage pour Internet
Réalisation d un diaporama en haute définition avec Adobe Premiere Elements 3.0 ou Adobe Premiere Pro 2.0 Encodage pour Internet Principe...2 1. Diaporama HD avec Adobe Premiere Elements 3.0...3 1.1. Placement
Boite à outils des logiciels Windows utilisables en EPS
Boite à outils des logiciels Windows utilisables en EPS A l exception du pack office enseignant à 8 tous les logiciels présentés dans cet article sont gratuits Document actualisé le 20 Aout 2012 Menu général
WEEZO.net. Guide utilisateur
WEEZO.net Guide utilisateur 1 PRESENTATION GENERALE... 2 1.1 DEFINITIONS...2 1.2 INSTALLATION DE WEEZO...2 1.3 PRESENTATION DE L INTERFACE UTILISATEUR...2 1.4 ENREGISTREMENT AU SERVICE WEEZO.NET...3 1.5
TP 5 Les CMS, la forme et le fond Internet et Outils (IO2)
TP 5 Les CMS, la forme et le fond Internet et Outils (IO2) Un site, tel que vous avez appris à en programmer jusqu à maintenant, contenant un ensemble de pages HTML embellies de quelques feuilles de styles,
Manuel de Documents. Introduction... 2. Format des fichiers lus... 2. Fonctions supplémentaires... 2. Copier et partager des fichiers...
Manuel de Documents Table des matières Introduction... 2 Format des fichiers lus... 2 Fonctions supplémentaires... 2 Copier et partager des fichiers... 3 Transfert de données par USB... 3 Plateforme de
Pré-requis installation
Pré-requis installation Version 3.5.0 TELELOGOS - 3, Avenue du Bois l'abbé - Angers Technopole - 49070 Beaucouzé - France Tel. +33 (0)2 4 22 70 00 - Fax. +33 (0)2 4 22 70 22 Web. www.telelogos.com - Email.
Google Drive, le cloud de Google
Google met à disposition des utilisateurs ayant un compte Google un espace de 15 Go. Il est possible d'en obtenir plus en payant. // Google Drive sur le web Se connecter au site Google Drive A partir de
Guide de dépannage Internet pour PC Pour voir les reportages audio et vidéo, sur le site de Radio-Canada
Guide de dépannage Internet pour PC Pour voir les reportages audio et vidéo, sur le site de Radio-Canada Flash permet de faire apparaître la fenêtre. MediaPlayer permet de jouer les reportages audio-vidéo
TABLETTE MPMAN MP724 : EMPORTEZ LE MONDE AVEC VOUS
TABLETTE MPMAN MP724 : EMPORTEZ LE MONDE AVEC VOUS Internet Nomade La tablette internet MPMAN MP724 est spécialement conçue pour une utilisation nomade. A tout moment accédez directement à Internet et
Configuration de Microsoft Internet Explorer pour l'installation des fichiers.cab AppliDis
Fiche technique AppliDis Configuration de Microsoft Internet Explorer pour l'installation des fichiers.cab AppliDis Fiche IS00309 Version document : 1.01 Diffusion limitée : Systancia, membres du programme
Cours Microfer Chartres
Niveau de difficulté Débutant Cours Microfer Chartres LA MUSIQUE Ce que vous souhaitez : 1 Enregistrer de la musique à partir d internet (légalement) 2 Graver un Cd de musique 3 Copier un Cd sur une cle
GeniusTim_Labo Version 1.0
GeniusTim_Labo Version 1.0 GeniusTim_Labo est un logiciel de diffusion sous Androïd développé par GeniusTim. Il permet la répartition des apprenants dans 4 groupes vers lesquels seront diffusées les sources
Nouveau Web Client marquant, Cumulus Video Cloud, optimisations de la base de données, et plus..
INFORMATION PRODUIT : Quoi de Neuf dans Cumulus 9.0? Nouveau Web Client marquant, Cumulus Video Cloud, optimisations de la base de données, et plus.. Les nouveautés marquantes et les améliorations disponibles
Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées?
Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites Quelles solutions peuvent être employées? Présentation d une des solutions Conclusion Aujourd hui le web est
Spécifications techniques
Infos pratiques Bon de commande: indication de réservation publicité Tablette + confirmation de livraison du matériel: envoyer à booking@trustmedia.be Matériel Papier: artwork@mediafin.be 2 jours ouvrables
Manuel du composant CKForms Version 1.3.2
Manuel du composant CKForms Version 1.3.2 Ce manuel vous présente les principales fonctionnalités du composant CKForms y compris le module et le plug-in CKForms 1.3 est la nouvelle version du composant
Les outils marketing. Page 1
Page 1 Les outils marketing 1 Les abonnées à la Newsletter...2 2 La syndication...4 3 Les bons de réduction...4 3.1 Gérer les bons de réduction...4 3.2 Créer un bon de réduction...5 3.3 Spécificités des
WordPress Référencement naturel (SEO) Optimiser. son référencement. Daniel Roch. Préface d Olivier Andrieu
Daniel Roch Optimiser son référencement WordPress Référencement naturel (SEO) Préface d Olivier Andrieu Groupe Eyrolles, 2013, ISBN : 978-2-212-13714-9 Table des matières AVANT-PROPOS... 1 Pourquoi ce
Votre site Internet avec FrontPage Express en 1 heure chrono
1.1. Précautions préliminaires Votre site Internet avec FrontPage Express en 1 heure chrono Le contenu de ce site n'est pas très élaboré mais il est conçu uniquement dans un but pédagogique. Pour débuter,
LES TABLETTES : GÉNÉRALITÉS
LES TABLETTES : GÉNÉRALITÉS Fonctionnement Qu est-ce qu une tablette tactile? Une tablette tactile est un appareil doté d'un écran qui permet d'interagir simplement en touchant l'écran ou à l'aide d'un
KIELA CONSULTING. Microsoft Office Open Office Windows - Internet. Formation sur mesure
KIELA CONSULTING Microsoft Office Open Office Windows - Internet Formation sur mesure Bureautique L outil informatique et la bureautique sont devenus quasiment incontournables quelque soit votre métier