Un jour, une question Réponse à une problématique issue de la liste GTA *

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

Download "Un jour, une question Réponse à une problématique issue de la liste GTA *"

Transcription

1 Un jour, une question Réponse à une problématique issue de la liste GTA * GTA* : Groupe de Travail AccessiWeb LE NIVEAU D ACCESSIBILITÉ DES BOUTONS DE PARTAGE DE CONTENU DES RÉSEAUX SOCIAUX Victor Brito Vivien Blasquez

2 Le bouton de partage de contenu de Facebook QUE NOUS PROPOSE FACEBOOK? LA SOLUTION EST-ELLE ACCESSIBLE?

3 Que nous propose Facebook? <iframe src="http://www.facebook.com/plugins/like.php?href=your_url" scrolling="no" frameborder="0" style="border:none; width:450px; height:80px"></iframe> RENDU :

4 La solution est-elle accessible? POINTS FORTS La navigation au clavier est généralement respectée Contrastes valides au niveau AA POINTS FAIBLES Bouton inutilisable lors de la désactivation du JavaScript N est pas valide HTML5

5 Le bouton de partage de contenu de Twitter QUE NOUS PROPOSE TWITTER? LA SOLUTION EST-ELLE ACCESSIBLE?

6 Que nous propose Twitter? <a href="https://twitter.com/share" class="twitter-share-button" datavia="vivienblasquez" data-lang="fr">tweeter</a> <script>!function(d,s,id){var js,fjs=d.getelementsbytagname(s)[0];if(! d.getelementbyid(id)) {js=d.createelement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.pare ntnode.insertbefore(js,fjs);}}(document,"script","twitter-wjs");</script> RENDU :

7 La solution est-elle accessible? POINTS FORTS La navigation au clavier est respectée Alternative au JavaScript Contrastes valides au niveau AAA Valide HTML5

8 Le bouton de partage de contenu de Google + QUE NOUS PROPOSE GOOGLE +? LA SOLUTION EST-ELLE ACCESSIBLE?

9 Que nous propose Google +? <!-- Placez cette balise là où vous souhaitez positionner le bouton > <div class="g-plusone" data-annotation="inline"></div> <!-- Placez cet appel d'affichage à l'endroit approprié. --> <script type="text/javascript"> window. gcfg = {lang: 'fr'}; CE QUI NOUS DONNE: (function() { var po = document.createelement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getelementsbytagname('script')[0]; s.parentnode.insertbefore(po, s); })(); </script>

10 La solution est-elle accessible? POINTS FORTS La navigation au clavier est respectée Code valide HTML5 POINTS FAIBLES Contraste de couleur trop faible (3.3) Pas d alternative à l image de fond du bouton Le bouton disparaît à la désactivation de JavaScript

11 Une solution clé en main : AddThis QUE NOUS PROPOSE ADDTHIS? LA SOLUTION EST-ELLE ACCESSIBLE?

12 Que nous propose AddThis? <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a> <a class="addthis_button_tweet"></a> <a class="addthis_button_google_plusone" g:plusone:size="medium"></a> <a class="addthis_counter addthis_pill_style"></a> </div> <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4fe "></script> <!-- AddThis Button END --> RENDU :

13 AddThis : Un peu de sémantique <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <ul><li><a class="addthis_button_facebook_like" fb:like:layout="button_count">facebook</a></li> <li><a class="addthis_button_tweet">twitter</a></li> <li><a class="addthis_button_google_plusone" g:plusone:size="medium">google plus</a></li> <li><a class="addthis_counter addthis_pill_style">d autres réseaux sociaux</a></li></ul> </div> <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4fe "></script> <!-- AddThis Button END --> RENDU :

14 Que nous propose AddThis? AU SURVOL DE LA SOURIS DU BOUTON «SHARE», ADDTHIS NOUS PROPOSE D AUTRES APPLICATIONS DE PARTAGE

15 La solution est-elle accessible? POINTS FAIBLES Hérite des points faibles de chaque bouton des réseaux sociaux vus précédemment : Facebook, Twitter et Google + De gros problèmes sémantiques Impossible d accéder au bouton «share» au clavier Aucune alternative à JavaScript : le contenu disparaît Code non valide

16 Retour d expérience, la solution maison LE DÉVELOPPEMENT SUR MESURE PEUT CONSTITUER, EN FONCTION DES PROJETS, LA MEILLEURE SOLUTION

17 À avoir en tête lors de la conception de votre solution COMPRENDRE LES MÉCANISMES DE PARTAGE (URLS, API ) S'ASSURER QUE LA SOLUTION EST UTILISABLE SANS JAVASCRIPT S'ASSURER QUE LA SOLUTION EST ACCESSIBLE À LA SOURIS ET AU CLAVIER CODE SÉMANTIQUE NE PAS PERTURBER LA LECTURE DU CONTENU À PARTAGER : PLACER LE WIDGET DE PARTAGE FAIT MAISON APRÈS LE CONTENU DANS LE CODE SOURCE

18 A retenir LES BOUTONS DE PARTAGE DE CONTENU DES RÉSEAUX SOCIAUX PORTENT DE GROSSES LACUNES EN TERME D ACCESSIBILITÉ JAVASCRIPT À UN RÔLE CRUCIAL DANS LEUR BON FONCTIONNEMENT

19 Merci! Ressources : Nomensa : where you can stick your social networking buttons Facebook Twitter https://twitter.com/ Google + https://plus.google.com/?hl=fr

Utilisation Des Widgets ITEA

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

Plus en détail

INSERER UN WIDGET FACEBOOK SUR SON SITE INTERNET

INSERER UN WIDGET FACEBOOK SUR SON SITE INTERNET Qu est ce qu un widget? Le terme «Widget» résulte de la contraction de «Windows» (le système d exploitation développé par Microsoft) et de «gadget». Un widget c est par exemple une horloge, une image animée,

Plus en détail

Google Webmaster Tools

Google Webmaster Tools Support Google Webmaster Tools - v 1.2-1 / 17 - Google Webmaster Tools Ce document est publié sous licence Creative Commons CC-BY-NC-ND 2.0. Il ne peut ni être modifié, ni faire l objet d une exploitation

Plus en détail

Référence du document :

Référence du document : Référence du document : Version du 11/03/2011 18/10/2012 Modifiée par JTG JTG Commentaires Création du document Ajout du paramètre idcategory Table des matières Présentation... 2 Méthodes d intégration...

Plus en détail

Module: Programmation sites Web Dynamique

Module: Programmation sites Web Dynamique Module: Programmation sites Web Dynamique Formateur: A BENDAOUD LEÇON : MÉTHODES DE NAVIGATION Les différentes méthodes de navigation : Voici les différentes méthodes que nous allons expliciter dans cette

Plus en détail

Présentation du périmètre technique

Présentation du périmètre technique Présentation du périmètre technique Kit d intégration des fonctions de réservation Open System au sein d un site d information Alliance Réseaux v09012014 1 KIT D INTEGRATION DES FONCTIONS DE RESERVATION

Plus en détail

Documents web dynamiques. 20 novembre 2007 Architecture Multi-Niveaux 54

Documents web dynamiques. 20 novembre 2007 Architecture Multi-Niveaux 54 Documents web dynamiques 20 novembre 2007 Architecture Multi-Niveaux 54 Documents web dynamiques Contenu Statique Le client envoie une requête avec un nom de fichier Le serveur répond en lui retournant

Plus en détail

Conformité RGAA du site internet de la Ville de Pontcharra Rapport d évaluation

Conformité RGAA du site internet de la Ville de Pontcharra Rapport d évaluation Conformité RGAA du site internet de la Ville de Pontcharra Rapport d évaluation Site web évalué : http://villepontcharra.fr Date de l évaluation : 27 juillet 2012 Version du RGAA : RGAA 2.2 (dernière version

Plus en détail

Tutoriel. Google Analytics et Microsoft Office 365

Tutoriel. Google Analytics et Microsoft Office 365 Tutoriel Google Analytics et Microsoft Office 365 Ce document et les informations qu il contient sont la propriété de NEOPARTNER sprl. Ce document ne peut être, en totalité ou en partie, ni reproduit ni

Plus en détail

Atelier «Netvibes» Journées annuelles RNDH. 14 octobre 2011. Animé par Kumar Guha

Atelier «Netvibes» Journées annuelles RNDH. 14 octobre 2011. Animé par Kumar Guha Atelier «Netvibes» Journées annuelles RNDH 14 octobre 2011 Animé par Kumar Guha 1 Définition 1 Une plateforme qui permet de réunir des informations de différentes sources afin de de créer un tableau de

Plus en détail

POUR COMMENCER AJOUTEZ LES RÉSERVATIONS À VOTRE SITE WEB MODULE DE RECHERCHE DE GROUPE D OPENTABLE

POUR COMMENCER AJOUTEZ LES RÉSERVATIONS À VOTRE SITE WEB MODULE DE RECHERCHE DE GROUPE D OPENTABLE AJOUTEZ LES RÉSERVATIONS À VOTRE SITE WEB MODULE DE RECHERCHE DE GROUPE D OPENTABLE Le module de recherche de groupe permet aux utilisateurs de sélectionner un emplacement spécifique de restaurant à partir

Plus en détail

Secrétariat général. Service des Politiques Support et des Systèmes d Information

Secrétariat général. Service des Politiques Support et des Systèmes d Information Secrétariat général Service des Politiques Support et des Systèmes d Information entre de Prestations et d Ingénierie Informatiques Département Opérationnel de l Ouest Décembre 2014 DESRIPTION DU PLUGIN

Plus en détail

web Accessibilité Normes et bonnes pratiques pour des sites plus accessibles Armony Altinier Préface de Dominique Burger (BrailleNet)

web Accessibilité Normes et bonnes pratiques pour des sites plus accessibles Armony Altinier Préface de Dominique Burger (BrailleNet) Armony Altinier Préface de Dominique Burger (BrailleNet) web Accessibilité Normes et bonnes pratiques pour des sites plus accessibles Groupe Eyrolles, 2012, ISBN : 978-2-212-12889-5 Table des matières

Plus en détail

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

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

Plus en détail

Web Analytics. Google Analytics. LCProd.net Grandadam Emmanuel

Web Analytics. Google Analytics. LCProd.net Grandadam Emmanuel Google Analytics LCProd.net Grandadam Emmanuel Les outils Compter le 'flot de click' Expérimentations et tests Intelligence concurrentielle Etudes et données critiques 2 Les outils ' Flots de clics ' Google

Plus en détail

Ajax et Accessibilité

Ajax et Accessibilité Ajax etaccessibilité Présentation Michel HOËL : Responsable Technique d'urbilog En 2001, création d'ocawa : Outil de validation automatique de "règles d'accessibilité" pour France Télécom. Les règles sont

Plus en détail

Le guide du marqueur unique

Le guide du marqueur unique Le guide du marqueur unique Médiamétrie-eStat Buropolis, Bât 3 1240, route des Dolines Sophia Antipolis 06560 Valbonne Tél : 04 92 38 38 20 Fax : 04 92 96 91 25 E-mail : support-pro@mediametrie-estat.com

Plus en détail

Le service de création de site Internet : Mode d emploi. La Création de Site Internet

Le service de création de site Internet : Mode d emploi. La Création de Site Internet Le service de création de site Internet : Mode d emploi Sommaire 1) Comment se connecter à votre interface client? 2) Comment démarrer la création de votre site Internet? 3) Comment gérer les pages de

Plus en détail

Sextant Nouvelles fonctionnalités depuis Juin 2013

Sextant Nouvelles fonctionnalités depuis Juin 2013 Sextant - Infrastructure de données spatiales sur le domaine marin Sextant Nouvelles fonctionnalités depuis Juin 2013 Rencontre des administrateurs en océan Indien 3 novembre 2014 C. Satra-Le Bris, J.Meillon,

Plus en détail

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

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

Plus en détail

Attestation de conformité de «vie-publique.fr»

Attestation de conformité de «vie-publique.fr» Attestation de conformité de «vie-publique.fr» Identité du déclarant Direction de l'information légale et administrative 26 rue Desaix 75727 Paris Cedex 15 Date de la déclaration Cette déclaration a été

Plus en détail

Documentation utilisateur de la plate-forme administrateur

Documentation utilisateur de la plate-forme administrateur Documentation utilisateur de la plate-forme administrateur Introduction... 2 1. Accès à la plate-forme... 2 2. Création d une barre de navigation... 3 3. Créer un nouveau menu... 4 Créer le nom d un nouveau

Plus en détail

Le client/serveur dans le cas du Web

Le client/serveur dans le cas du Web Le client/serveur dans le cas du Web Olivier Flauzac & Cyril Rabat olivier.flauzac@univ-reims.fr cyril.rabat@univ-reims.fr Licence 3 Info - Info0503 - Introduction à la programmation client/serveur 2015-2016

Plus en détail

INTEGRATEUR DEVELOPPEUR

INTEGRATEUR DEVELOPPEUR www.emweb.fr INTEGRATEUR DEVELOPPEUR FORMATION ELIGIBLE AU DIF/CIF DURÉE : 700 h de formation PRE REQUIS Avoir un esprit logique Etre motivé(e)! OBJECTIF A l issue de cette formation, vous serez capable

Plus en détail

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

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

Plus en détail

Atelier pratique Accessibilité des documents PDF

Atelier pratique Accessibilité des documents PDF Atelier pratique Accessibilité des documents PDF WCAG 2.0 Introduction 4 principes : perceptible, utilisable, compréhensible, robuste 12 règles 61 critères de succès 3 niveaux : A, AA, AAA Abstraction

Plus en détail

Ajouter les miniatures dans le re sultat de recherche pour SharePoint Foundation 2013

Ajouter les miniatures dans le re sultat de recherche pour SharePoint Foundation 2013 Ajouter les miniatures dans le re sultat de recherche pour SharePoint Foundation 2013 Après avoir installé SharePoint Foundation 2013, puis configuré le moteur de recherche, voyons comment personnaliser

Plus en détail

Cours 9 Formulaires Web pour saisie de données dans une base de données relationnelle avec PHP (partie 1 de 2)

Cours 9 Formulaires Web pour saisie de données dans une base de données relationnelle avec PHP (partie 1 de 2) École de bibliothéconomie et des sciences de l information SCI6306 Bases de données documentaires Cours 9 Formulaires Web pour saisie de données dans une base de données relationnelle avec PHP (partie

Plus en détail

Formation Découverte du Web

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

Plus en détail

INCORPORER EXCEL EN LIGNE DANS UN FICHIER CRÉÉ AVEC L ÉDITEUR DE TEXTE 15 avril 2015

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

Plus en détail

MODIFICATIONS ET CREATIONS OSCOMMERCE POUR ICI RELAIS

MODIFICATIONS ET CREATIONS OSCOMMERCE POUR ICI RELAIS MODIFICATIONS ET CREATIONS OSCOMMERCE POUR ICI RELAIS Objectif : Le but de ce document est d expliquer les fonctions de chaque nouveau fichier propre au module de livraison ICI relais. Il reprend également

Plus en détail

Conformité RGAA du site internet de Massif-Central.eu Rapport d évaluation

Conformité RGAA du site internet de Massif-Central.eu Rapport d évaluation Conformité RGAA du site internet de Massif-Central.eu Rapport d évaluation Site web évalué : http://www.massif-central.eu/ Date de l évaluation : 13 octobre 2015 Version du RGAA : RGAA 2.2 Equivalence

Plus en détail

tutoriel tactileo cloud (enseignant) v2.3

tutoriel tactileo cloud (enseignant) v2.3 tutoriel tactileo cloud (enseignant) v2.3 Qu'est-ce que Tactileo Cloud? Tactileo Cloud est une solution de formation en ligne (e-learning) qui permet de créer des exercices personnalisés adaptés aux interfaces

Plus en détail

COMMENT FAIRE CONNAÎTRE SON SITE KEOSITE SUR INTERNET? COMMENT RÉFÉRENCER SON SITE SUR LES MOTEURS DE RECHERCHE? SOMMAIRE

COMMENT FAIRE CONNAÎTRE SON SITE KEOSITE SUR INTERNET? COMMENT RÉFÉRENCER SON SITE SUR LES MOTEURS DE RECHERCHE? SOMMAIRE COMMENT FAIRE CONNAÎTRE SON SITE KEOSITE SUR INTERNET? COMMENT RÉFÉRENCER SON SITE SUR LES MOTEURS DE RECHERCHE? SOMMAIRE - Le référencement : Qu est ce que c est? - Le nom de votre site - Le contenu de

Plus en détail

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web

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

Plus en détail

Les API JavaScript du HTML5 Intégrez la puissance du HTML5 dans vos applications Web

Les API JavaScript du HTML5 Intégrez la puissance du HTML5 dans vos applications Web 52 Les API JavaScript du HTML5 Intégrez la puissance du HTML5 dans vos applications Web D'où proviennent ces données qui permettent de vous localiser? Pour les smartphones, deux procédés peuvent être utilisés

Plus en détail

Manuel d'intégration Marque Grise Mobimipy

Manuel d'intégration Marque Grise Mobimipy Manuel d'intégration Marque Grise Mobimipy 1 - PRESENTATION La marque grise est un module de recherche d itinéraires mis à disposition de tous. Cette solution s intégre directement à votre site internet

Plus en détail

HTML 5 HTML 5. Nouveau standard en développement basé sur HTML et XHTML

HTML 5 HTML 5. Nouveau standard en développement basé sur HTML et XHTML HTML 5 HTML 5 Nouveau standard en développement basé sur HTML et XHTML Supporté partiellement par les navigateurs: Safari, Chrome, Firefox, et Opera supportent une partie de HTML5 Caractéristiques: Éléments

Plus en détail

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

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

Plus en détail

Availpro Booking Engine

Availpro Booking Engine Availpro Booking Engine Installer le moteur de réservation Availpro sur votre site Guide webmaster Version 03/2010 Availpro Booking Engine v3.7.0 I. Sommaire AVAILPRO BOOKING ENGINE 1 II. INTRODUCTION

Plus en détail

Prise en compte des handicaps

Prise en compte des handicaps Prise en compte des handicaps Stéphanie Jean-Daubias INFO Stephanie.Jean-Daubias - at - liris.univ-lyon1.fr http://liris.cnrs.fr/stephanie.jean-daubias/ L3 Plan du cours Prise en compte des handicaps Introduction

Plus en détail

À la découverte de jquery Mobile

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

Plus en détail

EXTENSION WORDPRESS. Contact Form 7. Proposé par :

EXTENSION WORDPRESS. Contact Form 7. Proposé par : Contact Form 7 Proposé par : Sommaire Sommaire... 2 Présentation... 3 I. Le Tutoriel... 3 1) Espace de travail... 3 2) Téléchargez les extensions nécessaires... 3 3) Configuration du Formulaire... 7 1)

Plus en détail

GOOGLE ANALYTICS. Ajout du code de suivi sur PowerBoutique. Ajout du code de suivi Google Analytics. Page 1 / 7 TUTO / GOOGLE ANALYTICS

GOOGLE ANALYTICS. Ajout du code de suivi sur PowerBoutique. Ajout du code de suivi Google Analytics. Page 1 / 7 TUTO / GOOGLE ANALYTICS Ajout du code de suivi Google Analytics Page 1 / 7 I. Création du compte sur Google Analytics 1. Connectez-vous à www.google.fr 2. Entrez «Google Analytics» dans la barre de recherche. 3. Cliquez sur le

Plus en détail

Conformité RGAA du site internet du Plan PME Rhône-Alpes Rapport d évaluation

Conformité RGAA du site internet du Plan PME Rhône-Alpes Rapport d évaluation Conformité RGAA du site internet du Plan PME Rhône-Alpes Rapport d évaluation Site web évalué : http://planpme.rhonealpes.fr/ Date de l évaluation : 28 novembre 2014 Version du RGAA : RGAA 2.2 Equivalence

Plus en détail

Cours 1 Premiers pas avec jquery : sélecteurs et modifieurs

Cours 1 Premiers pas avec jquery : sélecteurs et modifieurs Licence STIC IUT de Marne-la-Vallée 12/03/2015 Cours de jquery Cours 1 Premiers pas avec jquery : sélecteurs et modifieurs Philippe Gambette Organisation pratique Contact - Courriel : philippe.gambette@gmail.com

Plus en détail

Conformité RGAA du site internet Bièvre Isère Communauté Rapport d évaluation

Conformité RGAA du site internet Bièvre Isère Communauté Rapport d évaluation Conformité RGAA du site internet Bièvre Isère Communauté Rapport d évaluation Site web évalué : http://bievre-isere.com Date de l évaluation : 30 mars 2015 Version du RGAA : RGAA 2.2 Equivalence de niveau

Plus en détail

HTML5 et CSS3 Faites évoluer le design de vos sites web (2ième édition)

HTML5 et CSS3 Faites évoluer le design de vos sites web (2ième édition) Introduction A. La création de sites Web 20 B. Les langages 20 C. Le livre 20 1. Pour les designers Web 20 2. Le contenu 20 Chapitre 1 : L évolution de l HTML et des CSS A. Rapide historique de l Internet

Plus en détail

Personnaliser une communauté. Ajouter un contenu audio et/ou vidéo et afficher des pages de réseaux sociaux

Personnaliser une communauté. Ajouter un contenu audio et/ou vidéo et afficher des pages de réseaux sociaux Personnaliser une communauté Ajouter un contenu audio et/ou vidéo et afficher des pages de réseaux sociaux Introduction Les communautés vous permettent de partager des documents, fichiers, billets de blog,

Plus en détail

Plan. Outils d évaluation et de réparation de sites Web. Introduction WCAG. Karima Boudaoud Maître de Conférences Université de Nice Sophia Antipolis

Plan. Outils d évaluation et de réparation de sites Web. Introduction WCAG. Karima Boudaoud Maître de Conférences Université de Nice Sophia Antipolis Plan Outils d évaluation et de réparation de sites Web Karima Boudaoud Maître de Conférences Université de Nice Sophia Antipolis Introduction Outils d évaluation et de réparation Démarche pour évaluation

Plus en détail

COURS COMPLET. Objectif général. À qui s'adresse ce cours? Avantages. Créer un site Web commercial. Durée de la formation. Matériel pédagogique

COURS COMPLET. Objectif général. À qui s'adresse ce cours? Avantages. Créer un site Web commercial. Durée de la formation. Matériel pédagogique Certificat d agrément #0054105 Page 1 de 6 COURS COMPLET Créer un site Web commercial Objectif général Être capable de créer un site Web commercial de A à Z. Durée de la formation 120 heures de formation.

Plus en détail

Guide d intégration. technique Lucky Cart

Guide d intégration. technique Lucky Cart Guide d intégration technique Lucky Cart v2.7 Guide d intégration technique Lucky Cart v2.7-1/32 1. Introduction 1.1. A propos de ce guide Ce document a pour but de donner les informations techniques nécessaires

Plus en détail

Introduction. AngularJS.

Introduction. AngularJS. <!doctype html> Introduction Introduction Développement Web 2 Bertrand Estellon Aix-Marseille Université April 1, 2014 Bertrand Estellon (AMU) Développement Web 2 April 1, 2014 1 / 436 Introduction Introduction : simplifie

Plus en détail

DOM - Document Object Model

DOM - Document Object Model DOM - Document Object Model 1 But de DOM Interfacer les langages de programmation avec les documents XML en les associant avec un modèle orienté objet DOM permet aux programmes et scripts : d'accéder et

Plus en détail

Tutoriel. APIs & SDK

Tutoriel. APIs & SDK Tutoriel APIs & SDK Sommaire - Partie 1 : Présentation des APIs et SDK 1 - Kit de démarrage 2 - Créer un compte DM 3 - Créer une application 4 - Aller sur l'api Explorer 5 - Les API disponibles 1 - Player

Plus en détail

Le JavaScript et la 3D

Le JavaScript et la 3D Chapitre 2 Le JavaScript et la 3D 1. Bien programmer avec JavaScript Le JavaScript et la 3D 1.1 Optimiser les performances Bien utilisé et avec les derniers navigateurs, JavaScript peut être seulement

Plus en détail

Responsive Web design, périphériques mobiles et accessibilité

Responsive Web design, périphériques mobiles et accessibilité Responsive Web design, périphériques mobiles et accessibilité Qui suis-je? Victor Brito Situé près de Paris, dans la France non voisine Intégrateur HTML / CSS freelance Expert Accessiweb en évaluation

Plus en détail

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

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

Plus en détail

FICHE PRATIQUE N 14 CREER UN QUESTIONNAIRE E SUR

FICHE PRATIQUE N 14 CREER UN QUESTIONNAIRE E SUR Google propose à travers son service Google Drive (service de stockage et de partage de fichiers en ligne) un outil pratique permettant la création de formulaire : questionnaire de satisfaction, formulaire

Plus en détail

SITE INTERNET BLOG SITE E-COMMERCE GRILLE D ANALYSE / AUDIT PREMIERE ANALYSE NOM DU SITE WEB : URL DU SITE :</a> </h3> <p> <img alt="SITE INTERNET BLOG SITE E-COMMERCE GRILLE D ANALYSE / AUDIT PREMIERE ANALYSE NOM DU SITE WEB <TITLE> : URL DU SITE :" title="SITE INTERNET BLOG SITE E-COMMERCE GRILLE D ANALYSE / AUDIT PREMIERE ANALYSE NOM DU SITE WEB <TITLE> : URL DU SITE :" class="news-block-img pull-right" src="/thumbs/25/5927263.jpg"> PREMIERE ANALYSE NOM DU SITE WEB : URL DU SITE : OBJECTIF DU SITE / DESCRIPTION (BALISE DESCRIPTION) : MOTS-CLÉS DU SITE (BALISE KEYWORDS) : CIBLE DU SITE : o Entreprises o Public spécialisé o </p> <a href="/5927263-Site-internet-blog-site-e-commerce-grille-d-analyse-audit-premiere-analyse-nom-du-site-web-title-url-du-site.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3998016-Installation-de-fckeditor-dans-un-projet-webdev.html">Installation de FckEditor dans un projet WebDev</a> </h3> <p> <img alt="Installation de FckEditor dans un projet WebDev" title="Installation de FckEditor dans un projet WebDev" class="news-block-img pull-right" src="/thumbs/24/3998016.jpg"> Installation de FckEditor dans un projet WebDev www.ogi.fr 1) Installation de FckEditor Télécharger la dernière version de FckEditor ici : http:www.fckeditor.net/download La dézipper dans le répertoire </p> <a href="/3998016-Installation-de-fckeditor-dans-un-projet-webdev.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/13536496-Catherine-mollet-chef-de-projet-web.html">Catherine Mollet Chef de projet web</a> </h3> <p> <img alt="Catherine Mollet Chef de projet web" title="Catherine Mollet Chef de projet web" class="news-block-img pull-right" src="/thumbs/29/13536496.jpg"> Catherine Mollet Chef de projet web Aller au contenu Aller au menu principal et à l'identification Aller aux informations additionnelles Navigation de recherche Navigation Accueil Portfolio CV Blog Contact </p> <a href="/13536496-Catherine-mollet-chef-de-projet-web.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2735378-Tp-javascript-omi4-tp5-src1-2011-2012.html">TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012</a> </h3> <p> <img alt="TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012" title="TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012" class="news-block-img pull-right" src="/thumbs/24/2735378.jpg"> 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 </p> <a href="/2735378-Tp-javascript-omi4-tp5-src1-2011-2012.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9555896-Apprendre-a-developper-avec-javascript.html">Apprendre à développer avec JavaScript</a> </h3> <p> <img alt="Apprendre à développer avec JavaScript" title="Apprendre à développer avec JavaScript" class="news-block-img pull-right" src="/thumbs/27/9555896.jpg"> Présentation du langage JavaScript 1. Définition et rapide historique 11 2. Pré-requis pour un apprentissage aisé du langage 13 3. Outillage nécessaire 14 4. Positionnement du JavaScript face à d autres </p> <a href="/9555896-Apprendre-a-developper-avec-javascript.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11405355-Aide-technique-pour-l-utilisation-du-site-internet-de-geoboutique-quebec.html">AIDE TECHNIQUE POUR L UTILISATION DU SITE INTERNET DE GÉOBOUTIQUE QUÉBEC</a> </h3> <p> <img alt="AIDE TECHNIQUE POUR L UTILISATION DU SITE INTERNET DE GÉOBOUTIQUE QUÉBEC" title="AIDE TECHNIQUE POUR L UTILISATION DU SITE INTERNET DE GÉOBOUTIQUE QUÉBEC" class="news-block-img pull-right" src="/thumbs/27/11405355.jpg"> AIDE TECHNIQUE POUR L UTILISATION DU SITE INTERNET DE GÉOBOUTIQUE QUÉBEC Juillet 2015 TABLE DES MATIÈRES 1. Pictogrammes manquants / la boîte de critères ne fonctionne pas... 1 2. Accès au Navigateur </p> <a href="/11405355-Aide-technique-pour-l-utilisation-du-site-internet-de-geoboutique-quebec.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/13850525-Programmation-orientee-objet-et-evenementielle-en-javascript-departement-src-pole-universitaire-de-vichy-bruno-bachelet.html">Programmation orientée objet et événementielle en JavaScript. Département SRC Pôle Universitaire de Vichy Bruno Bachelet</a> </h3> <p> <img alt="Programmation orientée objet et événementielle en JavaScript. Département SRC Pôle Universitaire de Vichy Bruno Bachelet" title="Programmation orientée objet et événementielle en JavaScript. Département SRC Pôle Universitaire de Vichy Bruno Bachelet" class="news-block-img pull-right" src="/thumbs/29/13850525.jpg"> Programmation orientée objet et événementielle en JavaScript Département SRC Pôle Universitaire de Vichy Bruno Bachelet PARTIE III Les événements Programmation objet et événementielle en JavaScript - SRC </p> <a href="/13850525-Programmation-orientee-objet-et-evenementielle-en-javascript-departement-src-pole-universitaire-de-vichy-bruno-bachelet.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7233479-Mac-os-x-dashboard-jean-baptiste-yunes-liafa-jussieu-fr-http-www-liafa-jussieu-fr-yunes-macosx.html">Mac OS X Dashboard. Jean-Baptiste.Yunes@liafa.jussieu.fr http://www.liafa.jussieu.fr/~yunes/macosx/</a> </h3> <p> <img alt="Mac OS X Dashboard. Jean-Baptiste.Yunes@liafa.jussieu.fr http://www.liafa.jussieu.fr/~yunes/macosx/" title="Mac OS X Dashboard. Jean-Baptiste.Yunes@liafa.jussieu.fr http://www.liafa.jussieu.fr/~yunes/macosx/" class="news-block-img pull-right" src="/thumbs/26/7233479.jpg"> Mac OS X Dashboard Jean-Baptiste.Yunes@liafa.jussieu.fr http://www.liafa.jussieu.fr/~yunes/macosx/ Dashboard un ensemble d outils toujours disponibles [F12] trois types d outils : accessoires (très autonomes) </p> <a href="/7233479-Mac-os-x-dashboard-jean-baptiste-yunes-liafa-jussieu-fr-http-www-liafa-jussieu-fr-yunes-macosx.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10169876-Web-components-laurent-jouanneau-novembre-2013-francejs-innophi.html">Web Components. Laurent Jouanneau Novembre 2013 - FranceJS. Innophi</a> </h3> <p> <img alt="Web Components. Laurent Jouanneau Novembre 2013 - FranceJS. Innophi" title="Web Components. Laurent Jouanneau Novembre 2013 - FranceJS. Innophi" class="news-block-img pull-right" src="/thumbs/27/10169876.jpg"> Web Components Laurent Jouanneau Novembre 2013 - FranceJS Innophi CasperJS http://ljouanneau.com @ljouanneau http://innophi.com openweb.eu.org jelix.org slimerjs.org casperjs.org Qu'est ce qu'un composant </p> <a href="/10169876-Web-components-laurent-jouanneau-novembre-2013-francejs-innophi.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9920503-Table-des-matieres-javascript-exemples-a-quoi-ca-sert-a-quoi-ca-sert-presentation-exemple-1-1ere-partie-js-partout.html">Table des matières. JavaScript. Exemples. À quoi ça sert? À quoi ça sert? Présentation. Exemple 1. 1ère partie. Js partout!</a> </h3> <p> <img alt="Table des matières. JavaScript. Exemples. À quoi ça sert? À quoi ça sert? Présentation. Exemple 1. 1ère partie. Js partout!" title="Table des matières. JavaScript. Exemples. À quoi ça sert? À quoi ça sert? Présentation. Exemple 1. 1ère partie. Js partout!" class="news-block-img pull-right" src="/thumbs/27/9920503.jpg"> JavaScript M4103C - Programmation Web client riche Table des matières À quoi ça sert? 2ème année - S4, cours - 1/5 2014-2015 Présentation Exemple 1 Marcel Bosc Exemple 2 Département informatique 1ère partie </p> <a href="/9920503-Table-des-matieres-javascript-exemples-a-quoi-ca-sert-a-quoi-ca-sert-presentation-exemple-1-1ere-partie-js-partout.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2121761-Fiche-memo-options-d-accessibilite-sous-windows-et-internet-explorer-5.html">Fiche Mémo : Options d accessibilité sous Windows et Internet Explorer 5</a> </h3> <p> <img alt="Fiche Mémo : Options d accessibilité sous Windows et Internet Explorer 5" title="Fiche Mémo : Options d accessibilité sous Windows et Internet Explorer 5" class="news-block-img pull-right" src="/thumbs/24/2121761.jpg"> Fiche Mémo : Options d accessibilité sous Windows et Internet Explorer 5 I. Général II. Affichage : taille icônes et écran III. Le menu «Options d accessibilité» : contraste, curseur IV. Le clavier V. </p> <a href="/2121761-Fiche-memo-options-d-accessibilite-sous-windows-et-internet-explorer-5.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12941731-S-t-a-t-i-s-t-i-q-u-e-s-m-o-i-s-p-a-r-m-o-i-s-b-i-l-a-n-a-n-n-u-e-l.html">S T A T I S T I Q U E S M O I S P A R M O I S + B I L A N A N N U E L</a> </h3> <p> <img alt="S T A T I S T I Q U E S M O I S P A R M O I S + B I L A N A N N U E L" title="S T A T I S T I Q U E S M O I S P A R M O I S + B I L A N A N N U E L" class="news-block-img pull-right" src="/thumbs/28/12941731.jpg"> S T A T I S T I Q U E S M O I S P A R M O I S + B I L A N A N N U E L Encore une année qui s achève. Pour commencer la nouvelle année du bon pied, faites un petit bilan de votre blog. Remplissez ce document </p> <a href="/12941731-S-t-a-t-i-s-t-i-q-u-e-s-m-o-i-s-p-a-r-m-o-i-s-b-i-l-a-n-a-n-n-u-e-l.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7496518-Documentation-vidati-fr.html">Documentation Vidati.fr</a> </h3> <p> <img alt="Documentation Vidati.fr" title="Documentation Vidati.fr" class="news-block-img pull-right" src="/thumbs/26/7496518.jpg"> Documentation Vidati.fr Ce document comportera quelques éléments qui permettrons aux futurs développeurs du site vidati.fr de pouvoir se mettre en situation rapidement ainsi que de comprendre le code précédemment </p> <a href="/7496518-Documentation-vidati-fr.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/11313559-Technique-internet-de-base-javascript-avance.html">Technique Internet de Base Javascript avancé</a> </h3> <p> <img alt="Technique Internet de Base Javascript avancé" title="Technique Internet de Base Javascript avancé" class="news-block-img pull-right" src="/thumbs/27/11313559.jpg"> Technique Internet de Base Javascript avancé morge@di.unipi.it Licence 2 Université Jean Monnet 2008-2009 Introduction Un langage de programmation objet à prototype Un langage de programmation événementiel. </p> <a href="/11313559-Technique-internet-de-base-javascript-avance.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5893217-Version-1-0-septembre-2007-document-destine-exclusivement-aux-utilisateurs-de-direct-stats-toute-reproduction-interdite.html">Version 1.0 Septembre 2007. Document destiné exclusivement aux utilisateurs de Direct-Stats. Toute reproduction interdite.</a> </h3> <p> <img alt="Version 1.0 Septembre 2007. Document destiné exclusivement aux utilisateurs de Direct-Stats. Toute reproduction interdite." title="Version 1.0 Septembre 2007. Document destiné exclusivement aux utilisateurs de Direct-Stats. Toute reproduction interdite." class="news-block-img pull-right" src="/thumbs/25/5893217.jpg"> Version 1.0 Septembre 2007. Document destiné exclusivement aux utilisateurs de Direct-Stats. Toute reproduction interdite. SOMMAIRE 1. Technologie de marquage Direct-Stats. p.3 1.1 Qu est ce que le marquage </p> <a href="/5893217-Version-1-0-septembre-2007-document-destine-exclusivement-aux-utilisateurs-de-direct-stats-toute-reproduction-interdite.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12947680-Cours-04-drive-by-downloading.html">Cours #04 Drive-by downloading</a> </h3> <p> <img alt="Cours #04 Drive-by downloading" title="Cours #04 Drive-by downloading" class="news-block-img pull-right" src="/thumbs/28/12947680.jpg"> Cours #04 Drive-by downloading Jean-Marc Robert Génie logiciel et des TI Plan de présentation Logiciels malveillants Amateurs Professionnels Propagation: Push model versus Pull model Nouveau modèle de </p> <a href="/12947680-Cours-04-drive-by-downloading.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4957749-Technologies-web-technologies-web-dhtml-tcm-tweb-01-001-13-julien-beaucourt-2006-pour-etna.html">Technologies Web. Technologies Web DHTML TCM-TWEB-01-001-13. Julien BEAUCOURT 2006 pour ETNA</a> </h3> <p> <img alt="Technologies Web. Technologies Web DHTML TCM-TWEB-01-001-13. Julien BEAUCOURT 2006 pour ETNA" title="Technologies Web. Technologies Web DHTML TCM-TWEB-01-001-13. Julien BEAUCOURT 2006 pour ETNA" class="news-block-img pull-right" src="/thumbs/25/4957749.jpg"> DHTML Sommaire Introduction Compatibilité du DHTML Les layers Les balises dynamiques Balise Balise et La balise Animer de éléments Le Document Object Model (DOM) Modifier une </p> <a href="/4957749-Technologies-web-technologies-web-dhtml-tcm-tweb-01-001-13-julien-beaucourt-2006-pour-etna.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4399923-Tutorial-des-barres-d-outils-dans-mozilla-firefox.html">Tutorial des barres d'outils dans Mozilla Firefox</a> </h3> <p> <img alt="Tutorial des barres d'outils dans Mozilla Firefox" title="Tutorial des barres d'outils dans Mozilla Firefox" class="news-block-img pull-right" src="/thumbs/24/4399923.jpg"> Version 2.1 24. septembre 2007 Tutorial des barres d'outils dans Mozilla Firefox Responsable du projet : Auteur : Collaborateurs : Marc Johannot Cide Cyrille Verdon, Pouly Romain TUTORIIAL Les barres d'outils </p> <a href="/4399923-Tutorial-des-barres-d-outils-dans-mozilla-firefox.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1353196-Webmaster-webdesigner-wordpress.html">Webmaster / Webdesigner / Wordpress</a> </h3> <p> <img alt="Webmaster / Webdesigner / Wordpress" title="Webmaster / Webdesigner / Wordpress" class="news-block-img pull-right" src="/thumbs/22/1353196.jpg"> Webmaster / Webdesigner / Wordpress Pré-requis : Projet professionnel. Bonne maîtrise de l'ordinateur. Bases en infographie et / ou traitement de texte fortement recommandées. Objectifs : Concevoir un </p> <a href="/1353196-Webmaster-webdesigner-wordpress.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8651226-Guide-d-installation.html">Guide d installation</a> </h3> <p> <img alt="Guide d installation" title="Guide d installation" class="news-block-img pull-right" src="/thumbs/26/8651226.jpg"> Guide d installation Bonjour! Je suis Romain, votre guide durant la découverte de l installation de Nosto! Nous allons voir dans ce guide comment installer Nosto en 7 étapes clés. Nous verrons ensemble </p> <a href="/8651226-Guide-d-installation.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/3233749-Eric-sarrion-jquery-jquery-ui-groupe-eyrolles-2011-isbn-978-2-212-12892-5.html">Éric Sarrion. JQuery. & JQuery UI. Groupe Eyrolles, 2011, ISBN : 978-2-212-12892-5</a> </h3> <p> <img alt="Éric Sarrion. JQuery. & JQuery UI. Groupe Eyrolles, 2011, ISBN : 978-2-212-12892-5" title="Éric Sarrion. JQuery. & JQuery UI. Groupe Eyrolles, 2011, ISBN : 978-2-212-12892-5" class="news-block-img pull-right" src="/thumbs/24/3233749.jpg"> Éric Sarrion JQuery & JQuery UI Groupe Eyrolles, 2011, ISBN : 978-2-212-12892-5 11 Onglets Les pages HTML comportant des onglets (tabs) sont devenues courantes dans les sites web actuels. Elles permettent </p> <a href="/3233749-Eric-sarrion-jquery-jquery-ui-groupe-eyrolles-2011-isbn-978-2-212-12892-5.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/7408229-Par-jj-pelle-aout-2013-page-0.html">Par JJ Pellé Aout 2013. Page 0</a> </h3> <p> <img alt="Par JJ Pellé Aout 2013. Page 0" title="Par JJ Pellé Aout 2013. Page 0" class="news-block-img pull-right" src="/thumbs/26/7408229.jpg"> Par JJ Pellé Aout 2013 Page 0 Préambule Créer un site avec Jimdo est d'une grande simplicité. Pas la peine de créer des lignes de codes, Il vous suffit d'écrire en clair et Jimdo se charge de la traduction. </p> <a href="/7408229-Par-jj-pelle-aout-2013-page-0.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10429043-Technologies-web-farah-benamara-zitoune-maitre-de-conferences-irit-ups-benamara-irit-fr.html">Technologies Web. Farah Benamara Zitoune Maître de conférences IRIT-UPS benamara@irit.fr</a> </h3> <p> <img alt="Technologies Web. Farah Benamara Zitoune Maître de conférences IRIT-UPS benamara@irit.fr" title="Technologies Web. Farah Benamara Zitoune Maître de conférences IRIT-UPS benamara@irit.fr" class="news-block-img pull-right" src="/thumbs/27/10429043.jpg"> Technologies Web Farah Benamara Zitoune Maître de conférences IRIT-UPS benamara@irit.fr Plan du cours Cours 1 : Introduction HTML/CSS Cours 2 : Introduction programmation web + javascirpt Cours 3 : Introduction </p> <a href="/10429043-Technologies-web-farah-benamara-zitoune-maitre-de-conferences-irit-ups-benamara-irit-fr.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2121571-Il-se-peut-que-certains-sites-web-ne-s-affichent-pas-correctement-ou-ne-fonctionnent-pas-dans-internet-explorer-8-ou-internet-explorer-9-beta.html">Il se peut que certains sites Web ne s'affichent pas correctement ou ne fonctionnent pas dans Internet Explorer 8 ou Internet Explorer 9 Bêta :</a> </h3> <p> <img alt="Il se peut que certains sites Web ne s'affichent pas correctement ou ne fonctionnent pas dans Internet Explorer 8 ou Internet Explorer 9 Bêta :" title="Il se peut que certains sites Web ne s'affichent pas correctement ou ne fonctionnent pas dans Internet Explorer 8 ou Internet Explorer 9 Bêta :" class="news-block-img pull-right" src="/thumbs/24/2121571.jpg"> Il se peut que certains sites Web ne s'affichent pas correctement ou ne fonctionnent pas dans Internet Explorer 8 ou Internet Explorer 9 Bêta : Ce problème ne se pose pas dans d'anciennes versions d'internet </p> <a href="/2121571-Il-se-peut-que-certains-sites-web-ne-s-affichent-pas-correctement-ou-ne-fonctionnent-pas-dans-internet-explorer-8-ou-internet-explorer-9-beta.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9269172-Apprenez-les-langages-html5-css3-et-javascript-pour-creer-votre-premier-site-web.html">Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web</a> </h3> <p> <img alt="Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web" title="Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web" class="news-block-img pull-right" src="/thumbs/26/9269172.jpg"> Le Web 1. Qu est-ce que le Web? 7 1.1 Côté serveur : HTTP, FTP, langages, SQL 7 1.2 Côté client : HTML, CSS, JavaScript 10 2. Les langages et leur utilité 10 2.1 HTML 10 2.2 CSS 13 2.3 JavaScript 16 2.4 </p> <a href="/9269172-Apprenez-les-langages-html5-css3-et-javascript-pour-creer-votre-premier-site-web.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/9735024-Le-lecteur-freepaper-visualiser-les-fichiers-pdf-dans-les-pages-web.html">Le lecteur FreepapeR visualiser les fichiers PDF dans les pages WEB</a> </h3> <p> <img alt="Le lecteur FreepapeR visualiser les fichiers PDF dans les pages WEB" title="Le lecteur FreepapeR visualiser les fichiers PDF dans les pages WEB" class="news-block-img pull-right" src="/thumbs/27/9735024.jpg"> Le lecteur FreepapeR visualiser les fichiers PDF dans les pages WEB Version 0.7.0 Page 1 sur 13 1 Pourquoi FreepapeR Pagegangster, Motion Paper, scribd.com, myplick.com... tous ces sites proposent la publication </p> <a href="/9735024-Le-lecteur-freepaper-visualiser-les-fichiers-pdf-dans-les-pages-web.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4958764-Introduction-survol-du-langage-javascript-et-html-programmation-web-introduction-a-javascript-wim-1-1-iut-de-fontainebleau.html">Introduction Survol du langage Javascript et html. Programmation WEB. Introduction à Javascript WIM 1.1. IUT de Fontainebleau.</a> </h3> <p> <img alt="Introduction Survol du langage Javascript et html. Programmation WEB. Introduction à Javascript WIM 1.1. IUT de Fontainebleau." title="Introduction Survol du langage Javascript et html. Programmation WEB. Introduction à Javascript WIM 1.1. IUT de Fontainebleau." class="news-block-img pull-right" src="/thumbs/25/4958764.jpg"> Introduction à Javascript IUT de Fontainebleau 17 décembre 2014 1 Introduction 2 3 Sommaire Introduction 1 Introduction 2 3 Une application Web est une applications clients/serveur(s) On peut la voir en </p> <a href="/4958764-Introduction-survol-du-langage-javascript-et-html-programmation-web-introduction-a-javascript-wim-1-1-iut-de-fontainebleau.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8317987-Audit-accessibilite-ciah.html">AUDIT ACCESSIBILITÉ CIAH</a> </h3> <p> <img alt="AUDIT ACCESSIBILITÉ CIAH" title="AUDIT ACCESSIBILITÉ CIAH" class="news-block-img pull-right" src="/thumbs/26/8317987.jpg"> AUDIT ACCESSIBILITÉ CIAH Le site du CIAH a été établit par Loïc Chambelland (référent technique) et Audrey Maniez (référent graphisme et accessibilité). La conception du site a suivi les recommandations </p> <a href="/8317987-Audit-accessibilite-ciah.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6507388-Presentation-de-html5.html">Présentation de HTML5</a> </h3> <p> <img alt="Présentation de HTML5" title="Présentation de HTML5" class="news-block-img pull-right" src="/thumbs/25/6507388.jpg"> Présentation de HTML5 Option Web Multimédia Polytech Paris-Sud cycle préparatoire 2e année Claude Barras (claude.barras@u-psud.fr) Université Paris-Sud & LIMSI-CNRS 22 septembre 2014 Introduction HTML5 </p> <a href="/6507388-Presentation-de-html5.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2154571-Les-ateliers-info-tonic.html">Les Ateliers Info Tonic</a> </h3> <p> <img alt="Les Ateliers Info Tonic" title="Les Ateliers Info Tonic" class="news-block-img pull-right" src="/thumbs/24/2154571.jpg"> Les Ateliers Info Tonic L accessibilité des sites web : mettre le web à disposition de tous Mardi 12 mars 2013 1 L'accessibilité des sites : mettre le web à disposition de tous Sébastien Huillet Expert </p> <a href="/2154571-Les-ateliers-info-tonic.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/6501286-Cours-de-programmation-web.html">Cours de programmation web</a> </h3> <p> <img alt="Cours de programmation web" title="Cours de programmation web" class="news-block-img pull-right" src="/thumbs/25/6501286.jpg"> Cours de programmation web ENSAE 2006-2007 Cours 1 - Introduction 1. Introduction 2. Le principe d Internet 3. Les langages du web 4. Le web 2.0 Introduction : Historique 1967 : Arpanet : réseau militaire </p> <a href="/6501286-Cours-de-programmation-web.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/1909675-Serveur-d-application-client-html-js-apache-thrift-bootcamp.html">Serveur d'application Client HTML/JS. Apache Thrift Bootcamp</a> </h3> <p> <img alt="Serveur d'application Client HTML/JS. Apache Thrift Bootcamp" title="Serveur d'application Client HTML/JS. Apache Thrift Bootcamp" class="news-block-img pull-right" src="/thumbs/23/1909675.jpg"> Serveur d'application Client HTML/JS Apache Thrift Bootcamp Pré-requis La liste ci-dessous de logiciels doit être installée et opérationnelle sur la machine des participants : Compilateur thrift http://thrift.apache.org/ </p> <a href="/1909675-Serveur-d-application-client-html-js-apache-thrift-bootcamp.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/5537879-Module-html-css-elisabeth-pecatte-elisabeth-pecatte-iut-tlse3-fr.html">MODULE HTML CSS. Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr</a> </h3> <p> <img alt="MODULE HTML CSS. Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr" title="MODULE HTML CSS. Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr" class="news-block-img pull-right" src="/thumbs/25/5537879.jpg"> MODULE HTML CSS Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr ORGANISATION DU MODULE 13 séances de 2 heures une partie cours une partie exercices sur machine. Modalités de contrôle : partiel en fin </p> <a href="/5537879-Module-html-css-elisabeth-pecatte-elisabeth-pecatte-iut-tlse3-fr.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/8667542-Kompozer-td3-m-r-castanet-annee-scolaire-2007-2008-page-1.html">KompoZer. Td3. M r Castanet - Année scolaire 2007/2008 - page 1</a> </h3> <p> <img alt="KompoZer. Td3. M r Castanet - Année scolaire 2007/2008 - page 1" title="KompoZer. Td3. M r Castanet - Année scolaire 2007/2008 - page 1" class="news-block-img pull-right" src="/thumbs/26/8667542.jpg"> KompoZer Td3 M r Castanet - Année scolaire 2007/2008 - page 1 Exercice 1 Dans cet exercice, nous allons appréhender les méthodes pour transférer notre site chez un hébergeur. Mais nous déplacerons notre </p> <a href="/8667542-Kompozer-td3-m-r-castanet-annee-scolaire-2007-2008-page-1.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/4547776-Liste-des-modules-cms-sigi.html">Liste des modules CMS SIGI</a> </h3> <p> <img alt="Liste des modules CMS SIGI" title="Liste des modules CMS SIGI" class="news-block-img pull-right" src="/thumbs/25/4547776.jpg"> Liste des modules CMS SIGI Document descriptif des modules CMS 6, rue de l Etang, L-5326 Contern Tél. : +352 35 00 99-1 contact@sigi.lu BP 63, L-5201 Sandweiler TVA : LU 13753429 www.sigi.lu Historique </p> <a href="/4547776-Liste-des-modules-cms-sigi.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/13704139-Les-portes-de-l-essonne-realisation-du-site-internet-specifications-fonctionnelles.html">Les portes de l Essonne Réalisation du site Internet. Spécifications fonctionnelles</a> </h3> <p> <img alt="Les portes de l Essonne Réalisation du site Internet. Spécifications fonctionnelles" title="Les portes de l Essonne Réalisation du site Internet. Spécifications fonctionnelles" class="news-block-img pull-right" src="/thumbs/29/13704139.jpg"> PE_specifications_fonctionnelles Version : 1 Les portes de l Essonne Réalisation du site Internet Spécifications fonctionnelles Version 1 Date de création 05/07/11 Nombre de pages 28 05/07/2011 1 Reproduction </p> <a href="/13704139-Les-portes-de-l-essonne-realisation-du-site-internet-specifications-fonctionnelles.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/10800878-Programmation-web-imac-2015-2016-td-8-formulaires-2-decembre-2015.html">Programmation Web IMAC 2015-2016. TD 8 : Formulaires. 2 décembre 2015</a> </h3> <p> <img alt="Programmation Web IMAC 2015-2016. TD 8 : Formulaires. 2 décembre 2015" title="Programmation Web IMAC 2015-2016. TD 8 : Formulaires. 2 décembre 2015" class="news-block-img pull-right" src="/thumbs/27/10800878.jpg"> Programmation Web IMAC 2015-2016 TD 8 : Formulaires 2 décembre 2015 Objectif: Dans ce TD, nous allons introduire les formulaires en HTML. Pour pouvoir les utiliser on abordera aussi les plug-ins jquery </p> <a href="/10800878-Programmation-web-imac-2015-2016-td-8-formulaires-2-decembre-2015.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12792148-Liste-des-modules-cms-sigi.html">Liste des modules CMS SIGI</a> </h3> <p> <img alt="Liste des modules CMS SIGI" title="Liste des modules CMS SIGI" class="news-block-img pull-right" src="/thumbs/28/12792148.jpg"> Liste des modules CMS SIGI Document descriptif des modules CMS 6, rue de l Etang, L-5326 Contern Tél. : +352 35 00 99-1 contact@sigi.lu BP 63, L-5201 Sandweiler TVA : LU 13753429 www.sigi.lu Historique </p> <a href="/12792148-Liste-des-modules-cms-sigi.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/2157729-Partager-rapidement-un-fichier-volumineux.html">Partager rapidement un fichier volumineux</a> </h3> <p> <img alt="Partager rapidement un fichier volumineux" title="Partager rapidement un fichier volumineux" class="news-block-img pull-right" src="/thumbs/24/2157729.jpg"> Partager rapidement un fichier volumineux Par Clément JOATHON Dernière mise à jour : 25/03/2015 Vous souhaitez envoyer à un ou plusieurs amis un fichier qui pèse plusieurs dizaines ou centaines de Mo. </p> <a href="/2157729-Partager-rapidement-un-fichier-volumineux.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> <div class="news-blocks"> <h3> <a href="/12891854-Introduction-chapitre-1.html">INTRODUCTION CHAPITRE 1</a> </h3> <p> <img alt="INTRODUCTION CHAPITRE 1" title="INTRODUCTION CHAPITRE 1" class="news-block-img pull-right" src="/thumbs/28/12891854.jpg"> CHAPITRE 1 INTRODUCTION Query, qu est-ce que c est?... 11 HTML, CSS, JavaScript, PHP : qui fait quoi?... 16 Un environnement de développement simple et gratuit... 19 Ce que vous allez apprendre... 20 9 </p> <a href="/12891854-Introduction-chapitre-1.html" class="news-block-btn"> Plus en détail <i class="m-icon-swapright m-icon-black"></i> </a> </div> </div> <!-- END RIGHT SIDEBAR --> </div> </div> </div> <!-- END CONTENT --> </div> <!-- END SIDEBAR & CONTENT --> </div> </div> <!-- BEGIN FOOTER --> <div class="footer"> <div class="container"> <div class="row"> <!-- BEGIN COPYRIGHT --> <div class="col-md-10 col-sm-10 padding-top-10"> 2016 © DocPlayer.fr <a href="/support/privacy-policy/">Politique de confidentialité</a> | <a href="/support/terms-of-service/">Conditions de service</a> | <a href="/support/feedback/">Feed-back</a> </div> <!-- END COPYRIGHT --> <!-- BEGIN PAYMENTS --> <div class="col-md-6 col-sm-6"> </div> <!-- END PAYMENTS --> </div> </div> </div> <!-- END FOOTER --> <!--[if lt IE 9]> <script src="/static/theme/global/plugins/respond.min.js"></script> <![endif]--> <script src="/static/js/f3b81/total.js" type="text/javascript"></script> <div style="display: none;"> <script> var page_data = {"domain_id":29,"design_id":0,"page_id":0}; (function(){ var img = new Image(); var pixel_image_src = '/pix/'+Math.random()+'/report/pixel.gif?type=pageview&domain_id=29&page_id=0&design_id=0&l='+encodeURIComponent(navigator.language)+'&p='+encodeURIComponent(navigator.platform)+'&url='+encodeURIComponent(document.location); document.write('<img src="'+pixel_image_src+'"> '); }()); </script> </div> </body> </html>