Utilisation Des Widgets ITEA

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

Download "Utilisation Des Widgets ITEA"

Transcription

1 Utilisation Des Widgets ITEA

2 Sommaire 1 Introduction Intégration sur votre site web Intégration du widget en JavaScript Exemples Paramètres iframe et aveccss Paramètre numéro chambre Intégration du widget directement en IFrame Langues Widget Avis Mode iframe Mise en place Exemple Mode non iframe Mise en place Exemple Tél. : Fax : Page 2 sur 10

3 1 Introduction Les Widgets ITEA permettent d'afficher les disponibilités et/ou de donner la possibilité de réserver un hébergement à partir de n'importe quel site internet. Les widgets disponibles sont les suivants : Le Widget de disponibilité, qui permet d'afficher le calendrier de disponibilité d'une structure. Le Widget de réservation, qui permet à l'utilisateur de choisir une date de réservation, puis de cliquer sur un bouton «Réserver» qui le redirigera vers une page de réservation de l hébergement. Le Widget des avis, qui permet d afficher les avis pour une structure. Tél. : Fax : Page 3 sur 10

4 Tél. : Fax : Page 4 sur 10

5 2 Intégration sur votre site web Voici la procédure à suivre pour inclure le widget dans une page de votre site internet Note : si votre site est sécurisé (https) vous pouvez remplacer les appels par https:// 2.1 Intégration du widget en JavaScript Dans la page HTML où l'on veut inclure le widget, placer le code suivant entre les balises <HEAD> et </HEAD> du code HTML : <script type="text/javascript" src="http://widget.itea.fr/js/itea_widget.js"> A l'endroit où l'on souhaite inclure le widget, inclure le code suivant : key : "REMPLACER_PAR_LA_VALEUR", numgite : "REMPLACER_PAR_LA_VALEUR", widget : "REMPLACER_PAR_LA_VALEUR", periode : "REMPLACER_PAR_LA_VALEUR", ope : "REMPLACER_PAR_LA_VALEUR", langue : "REMPLACER_PAR_LA_VALEUR", affichage : "REMPLACER_PAR_LA_VALEUR", iframe : "REMPLACER_PAR_LA_VALEUR", aveccss : "REMPLACER_PAR_LA_VALEUR", numchambre : "REMPLACER_PAR_LA_VALEUR", clicsurcalendrier : "REMPLACER_PAR_LA_VALEUR" Les deux premiers paramètres sont obligatoires. Les autres, en gris, sont facultatifs et permettent une souplesse d'intégration sur une page. Ne pas les mettre s ils ne vous servent pas. Définition des paramètres : key : La clé, transmise par ITEA pour pouvoir utiliser le widget numgite : Le numéro de la structure pour laquelle on souhaite afficher les informations dans le widget. widget : Le widget souhaité. Si non renseigné, le widget de réservation sera proposé. Trois valeurs sont disponibles : dispo : Affiche le widget de disponibilités resa : Affiche le widget de réservation avis : Affiche le widget des avis periode : à renseigner dans le cas du widget 'dispo' : 'annuelle'.si non renseigné, le calendrier est mensuel ope : opérateur par lequel la demande de réservation doit être faite. langue : Par défaut si le paramètre n est pas renseigné, la langue d affichage est la langue du navigateur. Les autres valeurs possibles sont UK,DE,ES,IT,NL. iframe : par défaut si ce paramètre n est pas renseigné, le widget s affichera via une iframe. Si vous voulez éviter de générer une iframe, il faut renseigner ce paramètre à 0 (zéro). Tél. : Fax : Page 5 sur 10

6 aveccss : par défaut, le css utilisé est celui fourni par le widget. Si ce paramètre est renseigné à 0 (zéro), le css par défaut n'est pas chargé, ce qui vous permet d'intégrer le widget avec votre propre css. numchambre : Spécifique aux widgets de disponibilité et de réservation. Permet pour une chambre d'hôte de spécifier quelle chambre afficher. Par défaut aucune chambre n'est sélectionnée. clicsurcalendrier : Ce paramètre n est utile que sur le widget de dispo. Si ce paramètre est présent et renseigné à «1», le clic sur le calendrier redirige vers le script de réservation. Exemples Par exemple, si on possède la clef aq12zs34ed56, et que l'on souhaite afficher le widget de résa de la structure n G123456, on utilisera le code suivant : key : "aq12zs34ed56", numgite : "G123456" Pour afficher les avis : key : "aq12zs34ed56", numgite : "G123456", widget : "avis" 2.2 Paramètres iframe et aveccss Vous pouvez choisir d afficher votre widget dans une iframe (c est le mode par défaut) ou d afficher directement le code HTML du widget dans votre site ce qui permet de pouvoir éditer le style du widget vous-même (ça n est pas possible lorsqu il est intégré dans une iframe). Le paramètre aveccss permet donc de choisir si vous voulez importer le fichier de style par défaut du widget ou bien d appliquer votre propre style. Rappelez-vous que le paramètre aveccss ne fonctionne que si le mode iframe est désactivé. Le but de ces deux paramètres est d avoir la gestion complète du style du widget sur votre site, vous pourrez donc l intégrer comme vous le souhaitez en choisissant la taille et les couleurs. Pour désactiver le mode iframe, il faut définir le paramètre iframe à 0. Exemple sans iframe (repris de la partie 2.3) : Tél. : Fax : Page 6 sur 10

7 key : "aq12zs34ed56", numgite : "G123456", iframe : 0 Comme pour le paramètre iframe, pour désactiver la prise en compte du fichier CSS il suffit de définir le paramètre à 0. Exemple sans iframe et sans CSS (repris de la partie 2.3) : key : "aq12zs34ed56", numgite : "G123456", iframe : 0, aveccss : Paramètre numéro chambre Ce paramètre est à renseigner pour afficher automatiquement une chambre précise dans le widget. C'est donc un paramètre qui ne servira que pour les chambres d'hôte. Les valeurs permises sont de 1 à 5 (le numéro de la chambre). Exemple pour la chambre 2 d'une chambre d'hôte : key : "aq12zs34ed56", numgite : "G123456", numchambre : 2 Tél. : Fax : Page 7 sur 10

8 2.4 Intégration du widget directement en IFrame Dans certains cas, il n est pas possible d intégrer du code javascript sur votre site internet. Il vous est alors possible d intégrer vos widgets à l aide d une iframe. Voici le code à intégrer : <iframe frameborder="0" border="0" width="largeur" height="hauteur" src="url"></iframe> Les valeurs à définir : LARGEUR : Indiquez ici la largeur de l iframe exprimée en pixels, par exemple width="215". En fonction du nombre de mois affiché, vous indiquerez les valeurs suivantes : 1 mois : dispo : 230 resa : mois : dispo : 435 resa : mois : dispo : 640 resa : 640 HAUTEUR : Indiquez ici la largeur de l iframe exprimée en pixels, par exemple height="215". En fonction du nombre de mois affichés, vous indiquerez les valeurs suivantes : 1 mois : dispo : 310 resa : mois : dispo : 290 resa : mois : dispo : 280 resa : 390 URL : Il s agit ici de l adresse internet qui permet l affichage du planning, la voici : &numgite=reference&nbmois=nbmois&mo de=widget&dispo=dispo&ope=ope&numchambre=numchambre Les valeurs à renseigner : CLEF : La clef, fournit par ITEA pour pouvoir utiliser le widget. REFERENCE : La référence de l hébergement NBMOIS : Le nombre de mois à afficher (Maximum 3) WIDGET : La valeur à indiquer est widget. Elle est obligatoire. DISPO : A renseigner par «1» seulement si on ne veut pas d'accès au script de réservation OPE : L'opérateur que l'on veut indiquer pour les réservations provenant du widget (par défaut l'opérateur est «widgprop»). NUMCHAMBRE : Le numéro de la chambre que l'on veut afficher. Par défaut aucune chambre n'est sélectionnée (on affiche la disponibilité globale). Exemple : Par exemple, si on possède la clef aq12zs34ed56, et que l'on souhaite afficher les disponibilités de la structure n G sur 3 mois <iframe width="620" height="215" frameborder="0" border="0" src="http://widget.itea.fr/widget_itea_dispo.html?key=aq12zs34ed56&numgite=g &nbMois=3&mode=widget"> </iframe> 2.5 Langues Le widget s adapte automatiquement à la langue préférée du navigateur de l internaute naviguant sur votre site. Les langues disponibles sont : Français, Anglais, Allemand, Espagnol, Hollandais, Italien. Tél. : Fax : Page 8 sur 10

9 3 Widget Avis Pour l affichage du widget avis, deux modes d intégrations possibles : soit le iframe, soit le mode non iframe. 3.1 Mode iframe Mise en place Ce mode utilise une iframe. Voici le code à intégrer : <iframe width="largeur" height="hauteur" scrolling="yes" frameborder="0" border="0" src="url"> </iframe> Les valeurs à définir : LARGEUR : Indiquez ici la largeur de l iframe exprimée en pixels, par exemple width="600". Une valeur minimale de 600 est conseillée. HAUTEUR : Indiquez ici la largeur de l iframe exprimée en pixels, par exemple height="400". Une valeur minimale de 400 est conseillée. URL : Il s agit ici de l adresse internet qui permet l affichage des avis, la voici : Les valeurs à renseigner : CLEF : La clef, fournit par ITEA pour pouvoir utiliser le widget. REFERENCE : La référence de l hébergement Exemple Par exemple, si on possède la clef aq12zs34ed56, et que l'on souhaite afficher les avis de la structure n G : <iframe width="600" scrolling="yes" height="400" frameborder="0" border="0" src="http://widget.itea.fr/widget_itea_avis.html?key=aq12zs34ed56&numgite=g " > </iframe> Tél. : Fax : Page 9 sur 10

10 3.2 Mode non iframe Mise en place Ce mode n utilise pas de iframe. Pour intégrer dans ce mode, voici le code à intégrer : Les valeurs à renseigner : <div id="widget_itea_avis-clef-reference" ></div> widgetitea("avis"); CLEF : La clef, fournit par ITEA pour pouvoir utiliser le widget. REFERENCE : La référence de l hébergement Si vous souhaitez définir vous-même le style du widget avis, vous pouvez choisir de ne pas importer le fichier CSS par défaut. Pour cela dans la div, il faut ajouter l attribut data-css= 0 (voir exemple) Exemple Par exemple, si on possède la clef aq12zs34ed56, et que l'on souhaite afficher les avis de la structure n G : <div id="widget_itea_avis-aq12zs34ed56-g123456"></div> widgetitea('avis'); Le même exemple mais sans importer le fichier CSS par défaut : <div id="widget_itea_avis-aq12zs34ed56-g123456" data-css="0"></div> widgetitea('avis'); Tél. : Fax : Page 10 sur 10

Utilisation Des Widgets Gestprod ITEA

Utilisation Des Widgets Gestprod ITEA Utilisation Des Widgets Gestprod ITEA Sommaire 1 Introduction... 3 2 Intégration sur votre site web (Javascript)... 4 2.1 Inclusion du fichier javascript... 4 2.2 Appel de la fonction javascript... 4 2.3

Plus en détail

UTILISATION DU MODULE DE GESTION DES DISPONIBILITES

UTILISATION DU MODULE DE GESTION DES DISPONIBILITES UTILISATION DU MODULE DE GESTION DES DISPONIBILITES 1 Vous disposez de 2 possibilités : Vous administrez vous-même les plannings transmis par vos prestataires Vous donnez à vos prestataires un accès direct

Plus en détail

Introduction à Expression Web 2

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

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

Guide d intégration des marques grises Destineo

Guide d intégration des marques grises Destineo Guide d intégration des marques grises Destineo Guide d intégration des marques grises service Présentation du Document élaboré par : 1, rue de la Loire 44 966 Nantes Cedex 9 Tél. +33 (0)2 28 20 50 00

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

Tutoriel Technique. Plateforme de suivi des usages des ressources. Version 2 Date de conception : 03/2014 Auteur : Équipe UVED

Tutoriel Technique. Plateforme de suivi des usages des ressources. Version 2 Date de conception : 03/2014 Auteur : Équipe UVED Tutoriel Technique Plateforme de suivi des usages des ressources Version 2 Date de conception : 03/2014 Auteur : Équipe UVED 1. Connexion à la plateforme de suivi des usages Pour accéder à la plateforme

Plus en détail

PERSONNALISATION DE LA PAGE DE PAIEMENT & TICKET DE PAIEMENT

PERSONNALISATION DE LA PAGE DE PAIEMENT & TICKET DE PAIEMENT PERSONNALISATION DE LA PAGE DE PAIEMENT & TICKET DE PAIEMENT PAYBOX SYSTEM Point Transaction Systems, 11 A, rue Jacques Cartier - 78280 Guyancourt - FRANCE Société par Actions Simplifiée au capital de

Plus en détail

Guide d installation et d utilisation du composant Geoportail pour le CMS Joomla

Guide d installation et d utilisation du composant Geoportail pour le CMS Joomla Annexe I Par Tristan Roche Pour l IGN Guide d installation et d utilisation du composant Geoportail pour le CMS Joomla i Sommaire Composant Geoportalapi... iii Installation :... iii Paramétrage :... v

Plus en détail

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 jquery Mobile La bibliothèque JavaScript pour le Web mobile É r i c S a r r i o n Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 1 Installation de jquery Mobile

Plus en détail

Guide Reseller Onbile

Guide Reseller Onbile Guide Reseller Onbile Cher Revendeur, Avez-vous un doute en ce qui concerne le fonctionnement du Panneau d Administration du Plan Reseller de Onbile? Le guide Reseller Onbile est ce dont vous avez besoin!

Plus en détail

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

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

Plus en détail

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

Activation et personnalisation de votre site mobile

Activation et personnalisation de votre site mobile Activation et personnalisation de votre site mobile Page 1 / 1 Table des matières 1. Activation de la version mobile 3 2. Personnalisation de la version mobile : premiers pas 2.1. Apparence générale et

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

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

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0)

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0) G U I D E D U T I L I S AT I O N Publishare Plate-forme de gestion de contenu Module Article PubliShare utilise la librairie javascript (AJAX - Web.0) Sommaire Généralités Schéma de navigation Identification

Plus en détail

Wordpress Manuel utilisateur. Manuel utilisateur

Wordpress Manuel utilisateur. Manuel utilisateur Wordpress Manuel utilisateur Projet : WORDPRESS Auteur : Référence : Version : ALEOS2i Date de dernière modification : 13 septembre 2013 2.0 Objet : Manuel utilisateur Table des matières Connexion au BackOffice...3

Plus en détail

> Table des matières. Gestion des pages courantes... 4

> Table des matières. Gestion des pages courantes... 4 I N T E R FA C E A D M I N I S T R AT I O N M A N U E L D ' U T I L I S A T I O N D E T Y P O 3 V 4. 2. 1 0 W W W. R O U S S E T - F R. C O M STRATIS JUIN 2010 > Table des matières Gestion des pages courantes.............................................

Plus en détail

Tutoriel pour l introduction à l animation en HTML5 et JavaScript

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

Plus en détail

Mettre en place sa plateforme de veille avec Netvibes

Mettre en place sa plateforme de veille avec Netvibes Mettre en place sa plateforme de veille avec Netvibes Karine Pasquier 6 mai 2011 HEG, Genève 1 Sommaire 1. Introduction... 3 1.1 Qu est-ce que c est... 3 1.2 A quoi ça sert pour la veille?... 3 1.3 Netvibes

Plus en détail

Calendrier d activités

Calendrier d activités Calendrier d activités Sur le Web http://valeris.cc.uottawa.ca:81 Le guide de rédaction obligatoire est ici : http://www.arts.uottawa.ca/infos Calendrier d activités Entrer dans le système: http://valeris.cc.uottawa.ca:81

Plus en détail

Transmission d un signal sur un réseau (streaming) TP 3 : Intégration de vidéos sur un site web

Transmission d un signal sur un réseau (streaming) TP 3 : Intégration de vidéos sur un site web 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 2010-2011 Objectifs : Inclure dans une page web du code ou un fichier d'indirection

Plus en détail

MEMENTO. Interface d administration du site www.ville-joigny.fr. I. Identification :... 2. II. Présentation de l interface :... 3

MEMENTO. Interface d administration du site www.ville-joigny.fr. I. Identification :... 2. II. Présentation de l interface :... 3 MEMENTO Interface d administration du site www.ville-joigny.fr I. Identification :... 2 II. Présentation de l interface :... 3 III. Modification des pages du site :... 5 A. Chaque paragraphe comporte un

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

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

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

Plus en détail

Sites web propriétaires

Sites web propriétaires Ce document est disponible à : C:\Users\pc_samba\Documents\Doc sites prop.docx Sommaire 1 Introduction... 3 2 Création du mini-site... 4 2.1 Autorisation de création... 4 2.2 Création de votre site Web...

Plus en détail

Créer des styles CSS simples

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

Plus en détail

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

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

Plus en détail

TV5MONDE Réalisation widgets pour les sites AeE REFERENCE :

TV5MONDE Réalisation widgets pour les sites AeE REFERENCE : Guide d installation des widgets CLIENT : TV5MONDE PROJET : Réalisation widgets pour les sites AeE REFERENCE : Production/documentation/ DATE DE MISE A JOUR : 08/04/2014 ETAT : travail / terminé / validé

Plus en détail

Fiche n 4 Utilisation de Kompozer Table des matières

Fiche n 4 Utilisation de Kompozer Table des matières Fiche n 4 Utilisation de Kompozer Table des matières 1-Travail préparatoire...1 1.1-Contraintes sur les noms de fichier...1 1.2-Préparation du dossier de stockage...1 1.3-Barre d'outils...1 1.4-Création

Plus en détail

SOMMAIRE 1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 ESPACE DE GESTION DES CARTES 4 4 CONFIGURER UNE CARTE 5

SOMMAIRE 1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 ESPACE DE GESTION DES CARTES 4 4 CONFIGURER UNE CARTE 5 SOMMAIRE 1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 ESPACE DE GESTION DES CARTES 4 4 CONFIGURER UNE CARTE 5 4.1 Ajouter une carte 5 4.1.1 Détails : nom, taille, marqueur 5 4.1.2 Ajout d un marqueur

Plus en détail

> Table des matières. Gestion des pages courantes

> Table des matières. Gestion des pages courantes I N T E R F A C E A D M I N I S T R A T I O N M A N U E L D ' U T I L I S A T I O N D E T Y P O 3 V 4. 2 R É D A C T E U R V. DARDENNE DÉCEMBRE 2009 > Table des matières Gestion des pages courantes > Accès

Plus en détail

Manuel du composant CKForms Version 1.3.2

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

Plus en détail

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012

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

Plus en détail

Guide d installation

Guide d installation 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

Plus en détail

Sommaire. [page 4] Lancement Identification Multi Comptes. [page 5] Créer un nouveau projet. [page6] Editer un projet

Sommaire. [page 4] Lancement Identification Multi Comptes. [page 5] Créer un nouveau projet. [page6] Editer un projet Sommaire [page 4] Lancement Identification Multi Comptes [page 5] Créer un nouveau projet [page6] Editer un projet [page 7] Supprimer un projet Prévisualiser un projet Mettre un projet par défaut [page

Plus en détail

Introduction à la programmation web

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

Plus en détail

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. 1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de

Plus en détail

L UTILISATION DU HTML POUR L ENVOI DE VOS COURRIELS

L UTILISATION DU HTML POUR L ENVOI DE VOS COURRIELS L UTILISATION DU HTML POUR L ENVOI DE VOS COURRIELS Courrielleur privilégie l usage des courriels HTML pour les envois marketing. En effet, le HTML permet d organiser graphiquement l information de manière

Plus en détail

Utiliser le site learningapps.org pour créer des activités interactives

Utiliser le site learningapps.org pour créer des activités interactives Utiliser le site learningapps.org pour créer des activités interactives I. Créer un compte - Pour pouvoir utiliser le site learningapps.org à des fins de création, il faut commencer par créer un compte

Plus en détail

Le Gestionnaire de formulaires CK Forms n est prévu que pour Joomla! 1.5.x!

Le Gestionnaire de formulaires CK Forms n est prévu que pour Joomla! 1.5.x! Tutoriel sur CK Forms 1 Adaptation FR Le Gestionnaire de formulaires CK Forms n est prévu que pour Joomla! 1.5.x! Ce tutoriel vous présente les éléments principaux du composant et plugin CK Forms Installation/Désinstallation

Plus en détail

Introduction à Dreamweaver CS4

Introduction à Dreamweaver CS4 Introduction à Dreamweaver CS4 Adobe Dreamweaver (anciennement Macromedia Dreamweaver) est un éditeur de site web de type «tel écrit tel écran» (cette formule remplaçant désormais dans la terminologie

Plus en détail

Aide à l utilisation du logiciel IziSpot.Mobi

Aide à l utilisation du logiciel IziSpot.Mobi 1 Sommaire 1. Description logiciel (explication des menus)... 3 1.1. Description de la barre de menu... 3 2. Onglet configuration... 4 2.1. Gestion du logo... 4 2.1.1. Affichage du zoom... 4 2.1.2. Disposition

Plus en détail

Portail des communes Guide Référent ville

Portail des communes Guide Référent ville Portail des communes Guide Référent ville Services aux communes Introduction Vous êtes Référent pour votre commune et venez de recevoir vos identifiants de connexion à l ENT école. Ce document va vous

Plus en détail

A3W GUIDE UTILISATEUR

A3W GUIDE UTILISATEUR A3W GUIDE UTILISATEUR AGENA 3000 - Rue des Pagannes - BP 726-49307 CHOLET CEDEX Tél : 02.41.46.33.00 - Fax : 02.41.46.38.58 E-courriel :mb@monclocher.com SOMMAIRE 1- Publier des informations et/ou Photos

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

Utilisation du site Graines d explorateurs

Utilisation du site Graines d explorateurs Utilisation du site Graines d explorateurs Connexion au site Munissez vous de votre identifiant et de votre mot de passe puis cliquez sur le lien «se connecter» situé en bas à droite du site Graines d

Plus en détail

Guide d'utilisation. De Kompozer. AUTEUR INITIAL : S. LOIZEL Collège Saint Joseph Caudan (56)

Guide d'utilisation. De Kompozer. AUTEUR INITIAL : S. LOIZEL Collège Saint Joseph Caudan (56) Guide d'utilisation De Kompozer AUTEUR INITIAL : S. LOIZEL Collège Saint Joseph Caudan (56) Table des matières Fiche1 : Créer, nommer et sauvegarder une page...2 Fiche2 : Modifier les couleurs et le fond

Plus en détail

Personnalisation des templates pour LogiVert 6

Personnalisation des templates pour LogiVert 6 Manuel Personnalisation des templates pour LogiVert 6 Copyrights (c)2013 + LogiVert BV Site web : www.logivert.com PRESENTATION... 3 INTRODUCTION... 3 LES 4 NIVEAUX... 3 NIVEAU1 CONFIGURATION DE TEMPLATE...

Plus en détail

Le langage JAVASCRIPT

Le langage JAVASCRIPT Le langage JAVASCRIPT I Introduction Vous vous dites encore un langage alors qu il y en a déjà un nombre non négligeable. En effet un de plus, mais à chaque langage son utilisation et sa particularité.

Plus en détail

Spécifications techniques créations publicitaires 2015

Spécifications techniques créations publicitaires 2015 Spécifications techniques créations publicitaires 2015 1.357 millions de visiteurs uniques 21.83 millions De page vues/ mois (Source AT Internet Mars 2015) (Source AT internet Mars 2015) Spec / Clicktag

Plus en détail

Symfony 2. 1.Définition de symfony 2. 2.Installation. 3.Structure. 4.Symfony et les commandes

Symfony 2. 1.Définition de symfony 2. 2.Installation. 3.Structure. 4.Symfony et les commandes Symfony 2 Sommaire : 1.Définition de symfony 2 2.Installation 3.Structure 4.Symfony et les commandes 5.Le fonctionnement : le routeur (les url), les bundles, twig(templates) 6.L architecture de symfony2

Plus en détail

Personnaliser un thème WordPress pour un Blog de l'ara. Méthode pas à pas.

Personnaliser un thème WordPress pour un Blog de l'ara. Méthode pas à pas. Personnaliser un thème WordPress pour un Blog de l'ara. Méthode pas à pas. Table des matières I. Les outils nécessaires... 3 II. Utilisation de l'outil Artisteer.... 3 1. Pourquoi utiliser Artisteer?...

Plus en détail

IFT1148 Développement

IFT1148 Développement IFT1148 Développement Michael Blondin Direction de l enseignement de service en informatique Université de Montréal Hiver 2011 1 / 33 ASP.NET ASP.NET est un ensemble de technologies développé par Microsoft

Plus en détail

WordPress : Guide à l édition

WordPress : Guide à l édition WordPress : Guide à l édition WordPress : Guide à l édition... 1 Présentation... 2 1. Accès au site... 2 2. Le tableau de bord... 2 3. Editez les contenus... 4 Quelle est la différence entre les pages

Plus en détail

Episciences Documentation Webmestre

Episciences Documentation Webmestre 1 Episciences Documentation Webmestre Prérequis: Pour pouvoir effectuer les actions décrites ci-dessous, vous devez posséder un compte dans Episciences avec les droits webmaster. Pour que votre compte

Plus en détail

Site internet du collège Comment écrire un article?

Site internet du collège Comment écrire un article? Site internet du collège Comment écrire un article? Préambule : les rôles. L administrateur du site vous a attribué des droits. L utilisateur simple peut, par exemple, simplement commenter un article ou

Plus en détail

TP Initiation au langage HTML

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

Plus en détail

LES TABLEAUX. Créer un tableau élémentaire

LES TABLEAUX. Créer un tableau élémentaire LES TABLEAUX Il y a deux façons de créer dans un article : directement dans SPIP pour des tableaux élémentaires avec un éditeur html pour des tableaux complexes. Créer un tableau élémentaire Les colonnes

Plus en détail

Utilisation de Sarbacane 3 Sarbacane Software

Utilisation de Sarbacane 3 Sarbacane Software Tutorial par Anthony Da Cruz Utilisation de Sarbacane 3 Sarbacane Software Ambiance Soleil 17 Rue Royale 74000, Annecy Sommaire 1. Présentation générale 2. Guide étape par étape 3. Astuces de l éditeur

Plus en détail

Worldsoft CMS Méga Menu. Avec le Méga Menu du Worldsoft CMS, vous pouvez créer des menus de navigation.

Worldsoft CMS Méga Menu. Avec le Méga Menu du Worldsoft CMS, vous pouvez créer des menus de navigation. 1 Mega Menu Avec le du Worldsoft CMS, vous pouvez créer des menus de navigation. Vous pouvez mettre en place autant de menus que vous le désirez et les adapter graphiquement. Avec votre propre contenu

Plus en détail

Guide Ultra-book / 2012

Guide Ultra-book / 2012 Guide Ultra-book / 2012 Avant de commencer Le logiciel Ultra-book est optimisé pour les derniers navigateurs web standards : Firefox 10 ou 11 Chrome 18 Safari 5 Vous trouverez ces navigateurs en téléchargement

Plus en détail

Le manuel de Nepomuk-WebMiner. Jörg Ehrichs Traduction française : Xavier Besnard

Le manuel de Nepomuk-WebMiner. Jörg Ehrichs Traduction française : Xavier Besnard Jörg Ehrichs Traduction française : Xavier Besnard 2 Table des matières 1 Introduction 5 2 Intégration avec Dolphin 6 3 Boîte de dialogue de l extracteur 7 4 Service 9 5 Configuration 10 5.1 Moteur de

Plus en détail

Worldsoft-CMS Module Membres. Module Membres. Paramètres. Créer la navigation. Gérer le profile

Worldsoft-CMS Module Membres. Module Membres. Paramètres. Créer la navigation. Gérer le profile 1 Ce nouveau module du Worldsoft CMS permet de créer des profiles, des contacts et des messages et aussi de les gérer. Cet aide-mémoire montre la mise en place du module. Paramètres Connectez-vous à l

Plus en détail

Réaliser une mosaique de photos

Réaliser une mosaique de photos Avec XnView Le logiciel XnView est un visualiseur et gestionnaire d'images très complet. Outre une retouche basique de vos images, XnView permet la création rapide de mosaïque photo ou de planche contact.

Plus en détail

Créer un diaporama sur internet pour apprendre à programmer

Créer un diaporama sur internet pour apprendre à programmer Créer un diaporama sur internet pour apprendre à programmer 1 Etape 1: Créer un document HTML, afficher une image et lui associer un événement. Exercice: Détecter si l'utilisateur a cliqué sur l'image.

Plus en détail

Développement Web pour mobiles

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

Plus en détail

Documentation newsletter lhecture

Documentation newsletter lhecture Documentation newsletter lhecture Manuel de l utilisateur Infocentre HEC 17 mai 2011 help@hector.unil.ch 1 1. Introduction Dans cette documentation, nous allons évoquer la création de l email servant de

Plus en détail

Création de l'url inactive à l'aide des graphiques sur téléphone IP Cisco

Création de l'url inactive à l'aide des graphiques sur téléphone IP Cisco Création de l'url inactive à l'aide des graphiques sur téléphone IP Cisco Contenu Introduction Conditions préalables Conditions requises Composants utilisés Conventions Télécharger le SDK Comment localiser

Plus en détail

Dreamweaver CS6 pour PC/Mac Pour des sites full CSS conformes aux standards du W3C

Dreamweaver CS6 pour PC/Mac Pour des sites full CSS conformes aux standards du W3C Introduction L'Internet aujourd'hui 7 Le World Wide Web Consortium et les standards 7 Les logiciels de conception de sites web 7 L'objectif du livre 8 Interface de conception L'environnement système 9

Plus en détail

F-Secure Online Marketing Tools GUIDE D IMPLEMENTATION

F-Secure Online Marketing Tools GUIDE D IMPLEMENTATION F-Secure Online Marketing Tools GUIDE D IMPLEMENTATION Ce guide permettra aux Partenaires de F-Secure d implémenter correctement et d utiliser au mieux les outils de marketing en ligne de F-Secure, communément

Plus en détail

CREATION D UN SITE WEB. Comment créer facilement soi-même un site web pour son activité touristique.

CREATION D UN SITE WEB. Comment créer facilement soi-même un site web pour son activité touristique. CREATION D UN SITE WEB Comment créer facilement soi-même un site web pour son activité touristique. QUELLE EST VOTRE STRATÉGIE WEB? Quelques questions à vous poser avant de foncer LES BULLES DU E-TOURISME

Plus en détail

THEME RESPONSIVE DESIGN

THEME RESPONSIVE DESIGN THEME RESPONSIVE DESIGN Tablettes, smartphones, netbooks, ordinateurs les résolutions d écrans sont nombreuses. Adaptez vous aux nouvelles habitudes des utilisateurs en étant visible de façon optimale.

Plus en détail

GUIDE D UTILISATION DU BACKOFFICE

GUIDE D UTILISATION DU BACKOFFICE GUIDE D UTILISATION DU BACKOFFICE 1. Modifier les pages du site : - Aller dans l onglet «PAGE HTML», puis «Liste des pages HTML» - Pour visualiser votre page, cliquer sur le nom écrit en vert, dans la

Plus en détail

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS En renommant, déplaçant ou supprimant des images déjà insérées dans des pages, ou en renommant, déplaçant ou supprimant des sous-dossiers, les images

Plus en détail

NOTICE INTERFACE WIFI

NOTICE INTERFACE WIFI NOTICE INTERFACE WIFI Notre interface d administration WIFI vous permet de : Personnaliser votre portail WIFI Gérer & paramétrer votre installation WIFI Tél : 02 40 71 71 21 Email : contact@va-solutions.fr

Plus en détail

Créer une enquête, un wiki, un blog

Créer une enquête, un wiki, un blog Créer une enquête, un wiki, un blog Table des matières 1 Créer une enquête... 2 2 Créer un wiki... 4 3 Modifier une page Wiki... 5 1 1 Créer une enquête Les enquêtes vous permettent de demander aux membres

Plus en détail

gcaddy Suite Description du produit

gcaddy Suite Description du produit gcaddy Suite Description du produit Version 1.0 www.gweb.be @ info@gweb.be TVA : BE-863.684.238 SNCI : 143-0617856-67 1 / 8 1 Description de gcaddy gcaddy est le module E-commerce de Gweb. Il se présente

Plus en détail

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

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

Plus en détail

Procédure d utilisation de l application web mobile de Code Bleu placement en santé.

Procédure d utilisation de l application web mobile de Code Bleu placement en santé. Procédure d utilisation de l application web mobile de Code Bleu placement en santé. Page de connexion Ce message s affiche si l utilisateur a entré un nom d utilisateur valide et le mot de passe correspondant,

Plus en détail

Documentation de CMS-gen

Documentation de CMS-gen Table des matières GÉNÉRALITÉ... 1 LA ZONE D'ADMINISTRATION... 2 LOGIN SUR LA ZONE D ADMINISTRATION... 2 EDITION DU CONTENU EN LIGNE... 3 LE MODE EDITION... 3 PUBLICATION... 3 SUPPRIMER DES MODIFICATIONS...

Plus en détail

TUTORIAL. www.benevolat.org TUTORIAL. Créez en quelques minutes votre site Internet!

TUTORIAL. www.benevolat.org TUTORIAL. Créez en quelques minutes votre site Internet! Créez en quelques minutes votre site Internet! SOMMAIRE : Choisir une interface graphique - Nommez votre site... page 03 5 étapes de création... page 04 Les outils de création graphique... page 05 Mise

Plus en détail

Installation du logiciel

Installation du logiciel Hot Potatoes Hot Potatoes est un logiciel gratuit proposé par Half-Baked Software et l Université de Victoria au Canada. Il se compose de six modules permettant chacun de mettre au point différents types

Plus en détail

Malgré son aspect spartiate, Freeplane offre de nombreuses fonctionnalités en particulier dans le domaine de la diffusion des cartes sur le Web.

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

Plus en détail

Flux RSS. Flux RSS : suivez le fil, guide pratique. Février 2014 / version 2

Flux RSS. Flux RSS : suivez le fil, guide pratique. Février 2014 / version 2 Flux RSS Flux RSS : suivez le fil, guide pratique Février 2014 / version 2 Table des matières Qu'est-ce qu'un flux RSS?... 3 Comment s'abonner?... 3 Utiliser un logiciel spécialisé ou un agrégateur de

Plus en détail

Guide pour bien débuter avec m@société.com

Guide pour bien débuter avec m@société.com Guide pour bien débuter avec m@société.com Découvrez dans ce guide toutes les possibilités de SFR m@société.com. Comment créer des boites aux lettres au nom de votre domaine? Comment déposer votre site

Plus en détail

Transfert de fichiers (ftp) avec dreamweaver cs5 hébergement et nom de domaine. MC Benveniste

Transfert de fichiers (ftp) avec dreamweaver cs5 hébergement et nom de domaine. MC Benveniste Transfert de fichiers (ftp) avec dreamweaver cs5 hébergement et nom de domaine MC Benveniste 2013 Configuration Vous devez au préalable avoir un hébergeur, qui vous aura fourni les codes ftp, le log-in

Plus en détail

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

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

Plus en détail

INITIATION AU LANGAGE HTML

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

Plus en détail

HTML. Notions générales

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

Plus en détail

Intégrer une application externe

Intégrer une application externe Facile 0 mn Vous avez trouvé sur Internet une application que vous souhaitez intégrer dans NetEcole. Nous allons voir étape par étape avec un exemple concret (EtherPad) comment faire. Cela sera peut être

Plus en détail

Enfin, choisissez et personnalisez vous-même vos outils de communication: le forum, l intranet, la newsletter...

Enfin, choisissez et personnalisez vous-même vos outils de communication: le forum, l intranet, la newsletter... Créer votre site Internet en quelques clics. Un outil internet simple et pratique sans installation particulière ni de connaissances spécifiques à la création de sites Internet. Votre site sera composé

Plus en détail

MODULES 3D TAG CLOUD. Par GENIUS AOM

MODULES 3D TAG CLOUD. Par GENIUS AOM MODULES 3D TAG CLOUD Par GENIUS AOM 1 Sommaire I. INTRODUCTIONS :... 3 II. INSTALLATION MANUELLE D UN MODULE PRESTASHOP... 3 III. CONFIGURATION DU MODULE... 7 3.1. Préférences... 7 3.2. Options... 8 3.3.

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

DOCUMENTATION UTILISATEUR INTERNET

DOCUMENTATION UTILISATEUR INTERNET DOCUMENTATION UTILISATEUR INTERNET Sommaire Description générale... 2 Login... 4 Mot de passe oublié... 6 Première visite... 7 Etape 1 : Inscription... 7 Etape 2 : Identification... 9 Etape 3 : Enregistrement

Plus en détail

Gérer un site avec Kompozer. Josiane Ducournau CRDP Aquitaine

Gérer un site avec Kompozer. Josiane Ducournau CRDP Aquitaine Gérer un site avec Kompozer Organisation, plan de travail Création de pages Tout les fichiers, dossiers, images auront des noms (ex. nouveautes.htm ; ces noms ne devront comporter ni espaces, ni caractères

Plus en détail

Documentation Vidati.fr

Documentation Vidati.fr 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

Plus en détail

Freeplane, logiciel de Mindmapping

Freeplane, logiciel de Mindmapping Freeplane, logiciel de Mindmapping Freeplane est un logiciel libre et gratuit de Mindmapping. Dérivé du logiciel Freemind, son évolution semble plus rapide. Freeplane est téléchargeable sur le site http://freeplane.sourceforge.net.

Plus en détail

I - Créer un Nouveau Projet

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

Plus en détail