Dans ce mémento, vous trouverez les informations détaillées pour configurer les fonctionnalités du Responsive Design dans le Worldsoft CMS:

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

Download "Dans ce mémento, vous trouverez les informations détaillées pour configurer les fonctionnalités du Responsive Design dans le Worldsoft CMS:"

Transcription

1 1 La taille et la résolution de l'écran des ordinateurs portables, des ordinateurs de bureau, des tablettes et des smartphones peuvent considérablement varier. C'est pour cette raison, que les sites Web ne sont pas toujours affichés correctement ou autrement sur les différents supports. Le permet une adaptation automatique du site Web. Les templates standards du Worldsoft CMS sont optimisés pour les supports mobiles (). Tous les réglages nécessaires sont déjà prédéfinis dans ces templates. Pour tous vos nouveaux projets, vous pouvez construire les sites Web directement sur ces modèles. Dans ce mémento, vous trouverez les informations détaillées pour configurer les fonctionnalités du dans le Worldsoft CMS: Activation du Pour configurer les paramètres CSS du vous devez activer l'option Responsive Layout erlauben dans l'administration du CMS. Cliquez sur les onglets Administration -> Paramètres généraux et activez l'option Oui. Dans les paramètres CSS vous avez maintenant un nouvel onglet dénommé "Responsive". C'est ici que vous pourrez définir les paramètres CSS de la version Smartphone et Tablette de votre site Web. Valeurs des supports pour le Pour que le Design s'adapte à l'écran des Smartphones / Tablettes, nous avons défini les valeurs suivantes dans le fichier style.css des templates standards: Smartphones: jusqu'à une largeur du site Web de moins de 480px, le site Web optimisé pour Smartphones sera affiché Tablettes: jusqu'à une largeur du site Web de moins de 767px le site Web optimisé pour tablettes sera affiché Si nécessaire, vous pouvez naturellement ajuster ces valeurs.

2 2 Nouveaux Containers En activant le, 5 nouveaux containers ont été ajoutés au Worldsoft CMS. Ces containers sont nécessaires pour l'utilisation du. Vous avez maintenant les containers suivants: #menu_table #menu_table_tablet #content #leftcontent #rightcontent menu_table Le container menu_table prédomine sur les containers TopLeft, TopCenter et TopRight. Les paramètres CSS de ce nouveau container remplacent automatiquement les paramètres CSS des containers secondaires. ATTENTION: Ce nouveau container est uniquement prévu pour configurer les paramètres du Responsive e Design! menu_table_tablet Le container menu_table_tablet contrôle l'affichage de la navigation sur les supports mobiles. A partir d'une taille d'écran respectivement de fenêtre, le container menu_table_tablet remplace automatiquement le container menu_table. Concrètement, cela veut dire que la navigation normale est remplacée par la navigation pour les supports mobiles. ATTENTION: Ce nouveau container ner est uniquement prévu pour configurer les paramètres du! content, leftcontent, rightcontent Les containers content, leftcontent et rightcontent contrôlent maintenant le CSS des contenus des containers CenterLeft, CenterCenter et CenterRight Les paramètres CSS de ces nouveaux containers remplacent les paramètres CSS des autres containers (Police, etc...). ATTENTION: Ce nouveau container ner est uniquement prévu pour configurer les paramètres du!

3 Worldsoft-CMS 3 Taille du container Pour que l'affichage sur les supports mobiles soit optimisé, il est important que la taille de tous les containers ne soit pas fixe. Seule exception, la largeur du site Web dans le container Container. Pour la configuration des paramètres CSS du container vous avez maintenant une largeur minimale et maximale. Largeur minimale signifie que le container sera au minimum affiché dans la largeur définie. Largeur maximale signifie que le container est affiché au maximum dans la largeur définie. Pour le, on définit une largeur maximale pour le container. Si l'on fixait une largeur minimale le site Web serait affiché avec cette largeur sur les supports mobiles. En définissant la largeur maximale, le container sera adapté à la largeur du support. La taille de tous les autres containers doit être définie en % (dans notre exemple le center_c). Masquer certains container dans le responsive Design Dans les paramètres CSS, vous avez maintenant un nouvel onglet Responsive respectivement un sous-onglet Smartphone et un sous-onglet Tablet. Ces paramètres, vous permettent de configurer le CSS pour les supports mobiles et de masquer certains containers. Principalement pour les Smartphones, nous vous recommandons d'afficher uniquement les éléments fondamentaux (contenu + navigation). Dans notre exemple, nous allons vous montrer comment vous pouvez personnaliser un site Web optimisé pour un terminal mobile.

4 4 Site Web sur un PC / Laptop Site Web sur un Smartphone Pour la version Smartphone du site Web, nous avons masqué les containers Top, TopLeft, TopCenter et TopRight. Sélectionnez tout d'abord le container que vous voulez masquer. Cliquez sur l'onglet Responsive puis sur le sous-onglet Smartphone ou Tablet (selon le support sur lequel vous désirez masquer un container). Pour l'élément Display sélectionnez l'option aucun. Répétez ce procédé pour tous les containers que vous souhaitez masquer dans la version optimisée. Paramétrage de la Navigation Pour certains templates existants vous devez modifier les paramètres d'affichage du menu de navigation pour PC / Laptop et le menu de navigation pour les supports mobiles. Dans ce cas, vous devez modifier la configuration dans certains containers. Dans un premier temps, le menu pour les supports mobiles dans le design pour PC / Laptop doit être masqué. Sélectionnez le container "menu_table_tablet". Cliquez ensuite sur l'onglet Présentation puis sur le sous-onglet "menu_table_tablet". Pour l'élément Display sélectionnez l'option aucun afin de masquer le menu de navigation pour les supports mobiles lorsque le site Web sera affiché sur un PC ou sur un Laptop.

5 Worldsoft-CMS 5 Dans le container "menu_table_tablet", cliquez maintenant sur l'onglet Responsive puis sélectionnez pour les deux sousonglets Smartphone et Tablet pour l'élément Display l'option block. Si vous ne sélectionnez pas cette option, le menu de navigation pour les supports mobiles ne sera pas affiché. Dans un deuxième temps, la navigation pour PC / Laptop doit être masquée lorsque le site Web est affiché sur un support mobile. Sélectionnez le container dans lequel le menu de navigation doit être affiché. Cliquez sur l'onglet Responsive puis ouvrez les deux sousonglets Smartphone et Tablet. Pour l'élément Display sélectionnez l'option aucun. ATTENTION: La position de la navigation sur les supports mobiles ne peut pas être modifiée. Optimisation des images Pour que les images s'adaptent automatiquement au support utilisé pour visiter le site Web, vous devez renoncer à utiliser les valeurs fixes dans la gestion des images. Lorsque vous insérez une image, assurez-vous que la hauteur et la largeur ne soit pas définie (vous devez donc modifier vos images dans un programme de traitement d'images). Si vous avez des valeurs fixes, vos images ne seront pas dimensionnées proportionnellement et seront déformées. Contrôle des résultats du Pour contrôler l'affichage de votre site Web sur les supports mobiles, vous pouvez utiliser un outil très utile. Cet outil vous montre les effets de vos configurations sur les différents supports utilisés pour visiter votre site Web: Saisissez tout d'abord l'adresse URL du site Web que vous voulez contrôler, puis cliquez sur View. Sélectionnez ensuite un Smartphone ou une Tablette pour simuler l'affichage de votre site Web sur ce support mobile. Votre site Web est maintenant affiché dans la fenêtre (dans notre exemple l'affichage du site Web sur un iphone).

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

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

Modifier la taille des images avec photofiltre

Modifier la taille des images avec photofiltre Modifier la taille des images avec photofiltre Une photo prise avec un appareil numérique 6 méga-pixels a une taille d'environ 3 Mo ou 3000 Ko. Pour voir quelle taille ont vos images, ouvrir l'explorateur

Plus en détail

Formation Joomla 3 Réalisez votre Template

Formation Joomla 3 Réalisez votre Template Formation Joomla 3 Réalisez votre Template Flash-comet.com Cours version 2015 1 Sommaire Contenu du cours... 3 Création d'un template avec "Template Créator CK"... 3 Principe de fonctionnement... 3 Ce

Plus en détail

Stage thématique «Movie Maker» 1. WINDOWS LIVE MOVIE MAKER

Stage thématique «Movie Maker» 1. WINDOWS LIVE MOVIE MAKER «Movie Maker» 1. WINDOWS LIVE Source : ULBPODCAST (podcast@ulb.ac.be) Windows Live Movie Maker est une application gratuite proposée par Microsoft. Elle remplace l'ancienne version «Windows Movie Maker»

Plus en détail

Worldsoft Image Manager 1

Worldsoft Image Manager 1 Worldsoft Image Manager 1 Remarque: Le nouveau gestionnaire d image fonctionne uniquement si le Responsive Design est autorisé >> Vous trouverez cette option dans Administration/Paramètres généraux. Table

Plus en détail

Website-CMS / Enterprise-CMS Module de traduction

Website-CMS / Enterprise-CMS Module de traduction 1 (Multi-Langues) Le descriptif ci-après montre comment utiliser le Module Multi-Langues pour la traduction de la navigation, du contenu des pages et des blocs, des formulaires, des éléments Flash, des

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

Guide d utilisation Wisio

Guide d utilisation Wisio Guide d utilisation Wisio Introduction - Qu est- ce que ClearSea? - Pourquoi ClearSea? Comment obtenir ClearSea? - Adresse Web - Créer un compte - Vos identifiants de connexion Installation du Logiciel

Plus en détail

Guide d'utilisation rapide de Polycom RealPresence Content Sharing Suite

Guide d'utilisation rapide de Polycom RealPresence Content Sharing Suite Guide d'utilisation rapide de Polycom RealPresence Content Sharing Suite Version 1.2 3725-69871-001 Rév. A Novembre 2013 Ce guide vous apprend à partager et à visualiser des contenus pendant une téléconférence

Plus en détail

Mise en page et impression

Mise en page et impression Mise en page et impression avec Excel Mise en page Impression Mise en page Excel dispose d un onglet «Mise en page» qui dispose de nombreuses possibilités. 1-Les thèmes o Choix du thème: Vous devez avoir

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

GetSimple 3. Le guide complet pour créer des sites web. GetSimple 3 - Le guide complet pour créer des sites web. GetSimple 3 26,50.

GetSimple 3. Le guide complet pour créer des sites web. GetSimple 3 - Le guide complet pour créer des sites web. GetSimple 3 26,50. Le guide complet pour créer sites web Vous verrez ensuite comment gérer les pages qui constituent la structure du site : créer les pages, les paramétrer pour la publication, les modifier, les supprimer

Plus en détail

CycloAgent v2 Manuel de l utilisateur

CycloAgent v2 Manuel de l utilisateur CycloAgent v2 Manuel de l utilisateur Table des matières Introduction...2 Désinstaller l'outil de bureau MioShare actuel...2 Installer CycloAgent...4 Se connecter...8 Enregistrer votre appareil...8 Annuler

Plus en détail

Mise à jour de BlackBerry Device Software via le réseau sans fil

Mise à jour de BlackBerry Device Software via le réseau sans fil Préambule : Ce document présente comment mettre à jour la version logicielle de l OS déployé et contrôlé depuis le serveur BES. Cette procédure est tirée du Guide de Mise à jour du BlackBerry Device Software

Plus en détail

Ref : Résolution problème d'accès aux supports de cours

Ref : Résolution problème d'accès aux supports de cours PLATE FORME e-learning LLMS Pôle national de compétences FOAD (Formation Ouverte et A Distance) Ref : Résolution problème d'accès Pôle compétences FOAD SIGAT http://foad.ac-toulouse.fr/ Page 2 SOMMAIRE

Plus en détail

A. Les objectifs. v Puis cliquez sur le lien Types de contenu. B. Définir les paramètres des articles

A. Les objectifs. v Puis cliquez sur le lien Types de contenu. B. Définir les paramètres des articles Chapitre.. 5.. :. Les types.. de contenu. 89 Chapitre 5 : types de contenu Drupal 8 - Découverte des fondamentaux A. Les objectifs Nous allons maintenant nous atteler à configurer les types de contenu

Plus en détail

Freeway 7. Nouvelles fonctionnalités

Freeway 7. Nouvelles fonctionnalités ! Freeway 7 Nouvelles fonctionnalités À propos de ce guide... 3 Nouvelles fonctionnalités en un coup d'oeil... 3 À propos de la conception d'un site web réactif... 3 Travailler avec les pages pour créer

Plus en détail

Configuration de Windows (II)

Configuration de Windows (II) Configuration de Windows (II) Affichage des icônes sur le Bureau : 1 disposer les icônes librement sur le Bureau 2 créer des raccourcis des lecteurs sur le Bureau 3 ranger les icônes sur le Bureau Affichage

Plus en détail

Espace Client Aide au démarrage

Espace Client Aide au démarrage Espace Client Aide au démarrage 1. A propos de l Espace Client... 2 a. Nouvelles fonctionnalités... 2 b. Reprise de vos documents... 2 c. Migration vers l Espace Client... 2 2. Accès à l Espace Client...

Plus en détail

Partager la connexion Internet de son te le phone portable

Partager la connexion Internet de son te le phone portable Partager la connexion Internet de son te le phone portable Par Clément JOATHON Dernière mise à jour : 30/09/2014 La fonctionnalité Point d'accès sans fil que l'on trouve sur les téléphones Android permet

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

Manuel utilisateur de la personnalisation avancée

Manuel utilisateur de la personnalisation avancée Manuel utilisateur de la personnalisation avancée Sommaire 1. HISTORIQUE DU DOCUMENT... 3 2. CONTACTER L'ASSISTANCE TECHNIQUE...4 3. PERSONNALISER VOS PAGES DE PAIEMENT ET VOS E-MAILS...5 3.1. Identifier

Plus en détail

FICHE 9 : INSERER UNE IMAGE

FICHE 9 : INSERER UNE IMAGE FICHE 9 : INSERER UNE IMAGE Vous avez la possibilité dans Publisher tout comme dans Word d insérer une image clipart, une image personnelle à partir d un fichier ou une image à scanner. Vous pouvez également

Plus en détail

Création de maquette web

Création de maquette web Création de maquette web avec Fireworks Il faut travailler en 72dpi et en pixels, en RVB Fireworks étant un logiciel dédié à la création de maquettes pour le web il ne propose que les pixels pour le texte

Plus en détail

Ajouter un objet Flash à votre site

Ajouter un objet Flash à votre site Créer des sites Web personnels 1 Ajouter un objet Flash à votre site La Galerie de WebPlus offre une vaste collection de bannières Flash prédéfinies que vous pouvez ajouter à votre site et personnaliser

Plus en détail

CycloAgent Manuel de l utilisateur

CycloAgent Manuel de l utilisateur CycloAgent Manuel de l utilisateur Table des matières Introduction... 2 Désinstaller l'outil de bureau MioShare actuel... 2 Installer CycloAgent... 3 Utiliser CycloAgent... 7 Enregistrer votre appareil...

Plus en détail

Guide d utilisation. www.mssig.com

Guide d utilisation. www.mssig.com Guide d utilisation www.mssig.com TABLE DES MATIÈRES 1. PRÉSENTATION DE SIG BI... 3 1.1. OBJECTIFS... 3 1.2. PRINCIPE... 3 2. PARAMÈTRES INITIAUX... 4 2.1. CONFIGURATION REQUISE... 4 2.2. UTILISATION...

Plus en détail

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 :

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 : 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

Plus en détail

Guide Utilisateur WiSiO

Guide Utilisateur WiSiO Guide Utilisateur WiSiO Introduction Wisio est un service de Visioconférence ( SaaS ) qui utilise les solutions Serveur LifeSize ClearSea - Qu est-ce que ClearSea? ClearSea est une solution complète client/server

Plus en détail

TEMPLATE ADZEN Template responsive pour Joomla 2.5 / 3.X. Page n 1/24

TEMPLATE ADZEN Template responsive pour Joomla 2.5 / 3.X. Page n 1/24 TEMPLATE ADZEN Template responsive 2.5 / 3.X Page n 1/24 Page 30/03/2010 n 1/10 AVANT PROPOS L'Agence Digitale est heureuse de vous présenter son dernier responsive "", conçu les utilisateurs de qui recherchent

Plus en détail

NAS 161 Introduction au Centre de surveillance

NAS 161 Introduction au Centre de surveillance NAS 161 Introduction au Centre de surveillance Configurer et commencer à utiliser le Centre de Surveillance C O L L E G E A S U S T O R OBJECTIFS DU COURS À la fin de ce cours, vous devriez : 1. Pouvoir

Plus en détail

J'utilise Google Chrome

J'utilise Google Chrome J'utilise Google Chrome Support de formation des Médiathèques du Pays de Romans Site Internet : Suivez nous sur Twitter : MediaTechRomans Table des matières Présentation du logiciel...3 Installer Google

Plus en détail

Sage CRM. Sage CRM 2016 R1 Guide Mobile

Sage CRM. Sage CRM 2016 R1 Guide Mobile Sage CRM Sage CRM 2016 R1 Guide Mobile Table des matières Chapitre 1 : Introduction aux solutions Sage CRM Mobile 1 Chapitre 2 : Configurer les applis mobiles Sage CRM 2 Conditions préalables pour les

Plus en détail

SARL DDLX Multimédia Place du général de Gaule 34160 Boisseron Tèl :09 7219 85 01 Email : support@ddlx.org. Agence Web. Design Prestashop personnalisé

SARL DDLX Multimédia Place du général de Gaule 34160 Boisseron Tèl :09 7219 85 01 Email : support@ddlx.org. Agence Web. Design Prestashop personnalisé SARL DDLX Multimédia Place du général de Gaule 34160 Boisseron Tèl :09 7219 85 01 Email : support@ddlx.org Agence Web Design Prestashop personnalisé création de boutique en ligne site de présentation site

Plus en détail

Comment bloquer les cookies en fonction de votre navigateur? MOZILLA FIREFOX

Comment bloquer les cookies en fonction de votre navigateur? MOZILLA FIREFOX Comment bloquer les cookies en fonction de votre navigateur? MOZILLA FIREFOX Note : les cookies sont activés par défaut dans Firefox. Pour vérifier ou changer vos paramètres : 1. Sur la barre de menus,

Plus en détail

Mode d'emploi site web ghb.fr

Mode d'emploi site web ghb.fr Mode d'emploi site web ghb.fr Menu de l'interface d'administration Gestion contenus: vous permet d'éditer et de créer des pages ainsi que des post-it Gestion blocs: Le site est défini en 3 zones menu,

Plus en détail

Utilisation du site Regio 21.ch

Utilisation du site Regio 21.ch Utilisation du site Regio 21.ch Introduction Ce document est un petit aide-mémoire qui vous permettra de réaliser des tâches simples avec l'outil TYPO3. La meilleure attitude en cas de doute est d'essayer

Plus en détail

Remerciements. Je tiens à remercier tous ceux qui m'ont aidé et soutenu dans ce projet. Merci à tous! Cédric KEIFLIN

Remerciements. Je tiens à remercier tous ceux qui m'ont aidé et soutenu dans ce projet. Merci à tous! Cédric KEIFLIN KEIFLIN Cédric 1 Janvier KEIFLIN Cédric 2 Janvier Remerciements Je tiens à remercier tous ceux qui m'ont aidé et soutenu dans ce projet. Merci à tous! Cédric KEIFLIN KEIFLIN Cédric 3 Janvier Mes sites

Plus en détail

Spétechs Mobile. F é v r i e r 2 0 1 4

Spétechs Mobile. F é v r i e r 2 0 1 4 Spétechs Mobile F é v r i e r 2 0 1 4 Appli ios Appli Android Site Mobile Web Mobile Les clicks URL Appli ios Créa en dur HTML5 Banner Interstitiel Interstitiel Vidéo Bouncing / traveling Image Bouncing

Plus en détail

Film d'animation facile avec Movie Maker

Film d'animation facile avec Movie Maker Film d'animation facile avec Movie Maker I. Introduction à Movie Maker Windows Movie Maker est une application installée automatiquement avec Windows (XP et Vista) et destinée au montage vidéo. Ses fonctions

Plus en détail

Wifi Display Dongle. Guide d utilisateur. Ver 1.1. Tous les noms de marque et marques de commerce sont la propriété de leurs propriétaires respectifs.

Wifi Display Dongle. Guide d utilisateur. Ver 1.1. Tous les noms de marque et marques de commerce sont la propriété de leurs propriétaires respectifs. Wifi Display Dongle Guide d utilisateur Ver 1.1 Tous les noms de marque et marques de commerce sont la propriété de leurs propriétaires respectifs. Introduction Le Dongle MD01X envoie le contenu du Smartphone

Plus en détail

Mise en œuvre d un Site Sharepoint-V1

Mise en œuvre d un Site Sharepoint-V1 Mise en œuvre d un Site Sharepoint- MAJ 20/01/2015 Ce document décrit le paramétrage pour la mise en œuvre des fonctionnalités standard de Microsoft SharePoint 2013 NADAP et SharePoint NADAP ( Nouvelle

Plus en détail

Maison domotique Présentation générale de la maison domotique

Maison domotique Présentation générale de la maison domotique Maison domotique Présentation générale de la maison domotique Les caractéristiques techniques : Maison générale : Les différentes pièces : Le salon La cuisine La chambre La salle de bain Le tableau éléctrique

Plus en détail

Petit guide d'installation de l'option de connexion réseau

Petit guide d'installation de l'option de connexion réseau Xerox WorkCentre M118/M118i Petit guide d'installation de l'option de connexion réseau 701P42687 Ce guide contient des instructions concernant : Navigation dans les écrans à la page 2 Configuration réseau

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

HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles

HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles 46 HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles enfin deux points importants pour les sites mobiles, les nouveautés sur les formulaires ainsi que le mode hors-ligne. 2. Bonnes

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

IBM SPSS Statistics Version 22. Instructions d'installation sous Windows (licence nominative)

IBM SPSS Statistics Version 22. Instructions d'installation sous Windows (licence nominative) IBM SPSS Statistics Version 22 Instructions d'installation sous Windows (licence nominative) Table des matières Instructions d'installation....... 1 Configuration requise........... 1 Code d'autorisation...........

Plus en détail

GUIDE D'UTILISATION DU PORTAIL IAM

GUIDE D'UTILISATION DU PORTAIL IAM GUIDE D'UTILISATION DU PORTAIL IAM CONNEXION ET UTILISATION IAM Table des matières Généralités... 3 Objectifs du document... 3 Évolutions du portail... 3 Signaler un INCIDENT demander du support Contacter

Plus en détail

Désactiver les publicités affichant les produits que vous avez précédemment consultés

Désactiver les publicités affichant les produits que vous avez précédemment consultés Désactiver les publicités affichant les produits que vous avez précédemment consultés Par Clément JOATHON Dernière mise à jour : 06/04/2015 Si vous souhaitez acheter un cadeau, vous ne souhaitez probablement

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

Guide de référence rapide

Guide de référence rapide Guide de référence rapide Contenu Copie...5 Faire des copies...5 Réalisation d'une copie rapide...5 Copie à l'aide du DAA...5 Copie à l'aide de la vitre du scanner...5 Interruption du travail...6 Annulation

Plus en détail

ESET NOD32 Antivirus 4 pour Linux Desktop. Guide de démarrage rapide

ESET NOD32 Antivirus 4 pour Linux Desktop. Guide de démarrage rapide ESET NOD32 Antivirus 4 pour Linux Desktop Guide de démarrage rapide ESET NOD32 Antivirus 4 assure une protection de pointe de votre ordinateur contre les codes malveillants. Basé sur le moteur d'analyse

Plus en détail

Installation automatique de Wordpress

Installation automatique de Wordpress Page 1 of 9 Installation automatique de Wordpress Introduction Wordpress est l'un des plus célèbres et l'un des systèmes CMS le plus utilisé. CMS est l'acronyme de Content Management Systems et permet

Plus en détail

Microsoft. Office. Manuel. Partager le classeur pour la modification et suivre les modifications

Microsoft. Office. Manuel. Partager le classeur pour la modification et suivre les modifications Microsoft Office Manuel Partager le classeur pour la modification et suivre les modifications Table des matières 1 INTRODUCTION... 1 2 PARTAGER LE CLASSEUR POUR LA MODIFICATION PAR PLUSIEURS UTILISATEURS...

Plus en détail

Guide de démarrage rapide. PC, Mac, Android et ios

Guide de démarrage rapide. PC, Mac, Android et ios Guide de démarrage rapide PC, Mac, Android et ios Installation pour PC Consultez le site Web de Trend Micro pour connaître la configuration minimale requise. Si vous rencontrez des difficultés pendant

Plus en détail

Ce guide de démarrage rapide a pour but de vous aider dans la mise en route de l'irispen TM Executive 7.

Ce guide de démarrage rapide a pour but de vous aider dans la mise en route de l'irispen TM Executive 7. Ce guide de démarrage rapide a pour but de vous aider dans la mise en route de l'irispen TM Executive 7. Les explications fournies dans cette documentation sont basées sur le système d'exploitation Windows

Plus en détail

Ajoutez un filigrane à vos photos

Ajoutez un filigrane à vos photos Ajoutez un filigrane à vos photos Vous publiez certaines de vos photos sur Internet, dans votre blog ou dans des forums par exemple. Vous souhaitez certainement les marquer avec votre griffe, pour les

Plus en détail

Utilisation de XnView

Utilisation de XnView http://www.rakforgeron.fr 27/02/2015 Utilisation de XnView Les photos d'actes généalogiques, les scans de documents réalisés par vous, ou vos saisies d'écran de documents téléchargés sur Internet, au-delà

Plus en détail

Keyyo Unify Application de téléphonie intégrée pour Salesforce

Keyyo Unify Application de téléphonie intégrée pour Salesforce Keyyo Unify Application de téléphonie intégrée pour Salesforce Guide d installation et de configuration 1 Installation... 1 1.1 Installer l application Keyyo Unify... 1 1.2 Installer le centre d appels

Plus en détail

Personnaliser son bureau

Personnaliser son bureau Changer la résolution d'écran Définition : la résolution (exprimée en pixels de largeur x hauteur) indique la finesse d'affichage de votre écran. Plus cette résolution est grande, plus l'affichage est

Plus en détail

Guide de démarrage rapide

Guide de démarrage rapide 1. Créez un compte avec Zeendo 2 2. Créez un site Web 3 2.1 Choisissez le modèle 3 2.2 Au cœur de l'éditeur 5 2.2.1 Contenu 6 2.2.2 Design 6 2.2.3 Ajouter des éléments 7 2.2.4 Aperçu 8 2.2.5 Annuler/Rétablir

Plus en détail

Créer un raccourci vers Windows Update - Windows 10

Créer un raccourci vers Windows Update - Windows 10 Créer un raccourci vers Windows Update - Windows 10 Par Clément JOATHON Dernière mise à jour : 20/11/2015 Les dernières mises à jour de Firefox ont vu l'apparition d'une icône Firefox Pocket dans la barre

Plus en détail

Lancer rapidement ses applications portables

Lancer rapidement ses applications portables Lancer rapidement ses applications portables Vous avez copié sur votre clé USB des logiciels portables, ces logiciels que vous pouvez emporter partout avec vous et que vous pouvez lancer sans avoir à installer

Plus en détail

Spétechs Mobile. Octobre 2013

Spétechs Mobile. Octobre 2013 Spétechs Mobile Octobre 2013 Appli ios Appli Android Site Mobile Les clicks URL Appli ios Créa en dur HTML5 Créa en dur Banner Interstitiel Interstitiel Vidéo Bouncing / traveling Image Bouncing / traveling

Plus en détail

Optimiser Windows 7 et Windows 8 pour son SSD

Optimiser Windows 7 et Windows 8 pour son SSD Optimiser Windows 7 et Windows 8 pour son SSD Par Clément JOATHON Dernière mise à jour : 06/05/2015 Les disques de stockage SSD qui commencent à remplacer peu à peu les disques durs, surtout au niveau

Plus en détail

Drupal 8 Découverte des fondamentaux

Drupal 8 Découverte des fondamentaux Chapitre 1 : Le CMS Drupal A. Créer des sites web avec des CMS 11 B. Choisir Drupal 11 1. Drupal le CMS majeur 11 2. Les points forts de Drupal 12 C. Concevoir son projet 12 D. De la conception à la production

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

Bien travailler sur plusieurs écrans

Bien travailler sur plusieurs écrans Bien travailler sur plusieurs écrans Pour améliorer votre confort sur votre ordinateur et travailler plus efficacement, vous pouvez lui ajouter un second voire un troisième écran. En étendant la surface

Plus en détail

Préface 3. Conventions typographiques... 3 Feedback... 4. Introduction 5. Se familiariser avec l'interface de SiteBuilder 6. Créer un site Web 8

Préface 3. Conventions typographiques... 3 Feedback... 4. Introduction 5. Se familiariser avec l'interface de SiteBuilder 6. Créer un site Web 8 Parallels Panel Table des matières Préface 3 Conventions typographiques... 3 Feedback... 4 Introduction 5 Se familiariser avec l'interface de SiteBuilder 6 Créer un site Web 8 Editer un site Web 9 Utiliser

Plus en détail

Prise en main du logiciel GOF2. Paramétrage du logiciel

Prise en main du logiciel GOF2. Paramétrage du logiciel Prise en main du logiciel GOF2 Paramétrage du logiciel Avant d'utiliser GOF2, il convient de paramétrer celui-ci pour l'adapter à vos besoins, nombre de terminaux, ordre de l'affichage sur les terminaux,

Plus en détail

Mode d'emploi. À l'usage des chefs, cheffes de courses et membres des comités autorisés à gérer les pages 'Récits de courses'.

Mode d'emploi. À l'usage des chefs, cheffes de courses et membres des comités autorisés à gérer les pages 'Récits de courses'. Mode d'emploi À l'usage des chefs, cheffes de courses et membres des comités autorisés à gérer les pages 'Récits de courses'. Les récits de courses sont gérés avec le module 'Articles' Table des matières

Plus en détail

2. L'assistant Papier à lettres s'ouvre alors. Cliquez sur le bouton Suivant.

2. L'assistant Papier à lettres s'ouvre alors. Cliquez sur le bouton Suivant. Pour personnaliser vos messages, vous utilisez certainement les papiers à lettres qui viennent avec Outlook Express. Vous choisissez alors votre papier à lettres dans la liste qui apparaît après avoir

Plus en détail

Installation et paramétrage d'une imprimante connectée en USB (Exemple : METAPACE USB T3 II)

Installation et paramétrage d'une imprimante connectée en USB (Exemple : METAPACE USB T3 II) Installation et paramétrage d'une imprimante connectée en USB (Exemple : METAPACE USB T3 II) Les procédures peuvent varier en fonction de votre imprimante mais le cheminement dans le paramétrage est identique.

Plus en détail

SISR1 CH5 Gérer un ordinateur à distance

SISR1 CH5 Gérer un ordinateur à distance SISR1 CH5 Gérer un ordinateur à distance - Page 1 - Sommaire Application 1 Gestion d'un ordinateur à distance (entre 2 postes sous Windows)...2 Préambule...2 Coté serveur (Server)...3 Coté client (Viewer)...4

Plus en détail

Amélioration de la luminosité et du contraste

Amélioration de la luminosité et du contraste Optimisation de l'image 263 Optimisation de l'image Optimisation de l'image Les outils d'effets tels que LUMINOSITÉ/CONTRASTE ou ROTATION vous permettent d'optimiser vos enregistrements et de les corriger

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

SBE 30 rue de Penthièvre 75008 PARIS Tel : 01.42.25.23.23 Mail : contact@sbedirect.com Web : www.sbedirect.com QUESTIONS REPONSES

SBE 30 rue de Penthièvre 75008 PARIS Tel : 01.42.25.23.23 Mail : contact@sbedirect.com Web : www.sbedirect.com QUESTIONS REPONSES QUESTIONS REPONSES Q: Comment imprimer avec des imprimantes utilisant des étiquettes en rouleau (par exemple les imprimantes de type 'CAB') R: En fait pour ces imprimantes, une étiquette est considérée

Plus en détail

Photofiltre : premières retouches d'images

Photofiltre : premières retouches d'images Photofiltre : premières retouches d'images Niveau débutant Niveau intermédiaire Niveau confirmé PhotoFiltre est un logiciel de retouche d images, libre et gratuit, très complet. Il permet d effectuer des

Plus en détail

Flux de travail Capture Pro Software : indexation de code barre et séparation de document

Flux de travail Capture Pro Software : indexation de code barre et séparation de document Cette procédure écrite correspond au flux de travail d'indexation de code barre et de séparation de du programme de formation de Capture Pro Software. Chaque étape de cette procédure apparaît dans la première

Plus en détail

Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1

Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1 Guide d'administration du site Internet Page 1 Scolasite permet de créer rapidement un site Internet, sans connaissances techniques particulières. Spécialement destiné aux établissements scolaires, son

Plus en détail

Animation Shop PREAMBULE... 2 CONTRAINTE... 2 CREER UNE ANIMATION... 2 AJOUTER DES IMAGES... 3 ENREGISTRER UNE ANIMATION... 3

Animation Shop PREAMBULE... 2 CONTRAINTE... 2 CREER UNE ANIMATION... 2 AJOUTER DES IMAGES... 3 ENREGISTRER UNE ANIMATION... 3 Jasc Software Animation Shop Sommaire : PREAMBULE... 2 CONTRAINTE... 2 CREER UNE ANIMATION... 2 AJOUTER DES IMAGES... 3 ENREGISTRER UNE ANIMATION... 3 AJOUTER DE L'EFFET... 5 TRANSISSIONS D'IMAGE... 5

Plus en détail

L ORDINATEUR FACILE D ACCÈS!

L ORDINATEUR FACILE D ACCÈS! L ORDINATEUR FACILE D ACCÈS! Préparé par Éric Roussel, enseignant spécialisé en informatique / École Jacques-Ouellette / 2009 Préambule Il est important de noter qu il n y a pas d adaptation parfaite des

Plus en détail

Créer un diaporama avec Windows Movie Maker

Créer un diaporama avec Windows Movie Maker Créer un diaporama avec Windows Movie Maker 1 Faites : «Démarrer Tous les programmes Windows Movie Maker» Importer les photos Dans la fenêtre «tâches de la vidéo» Sélectionnez : «Importer des photos» Sélectionnez

Plus en détail

OpenOffice 2.3. Le traitement de texte «Writer» page 1 / 8

OpenOffice 2.3. Le traitement de texte «Writer» page 1 / 8 Le traitement de texte «Writer» page 1 / 8 1. Enregistrer un document au format souhaité (et souhaitable) 2. Personnaliser OpenOffice 2.3 3. Utiliser les tableaux 4. Insérer une image dans un traitement

Plus en détail

Guide de mise en route rapide

Guide de mise en route rapide Présentation sans fil et système de collaboration Guide de mise en route rapide Contenu de l'emballage (a) Unité principale de NovoConnect B360 (b) Câble Micro-HDMI vers HDMI (c) Câble d'alimentation Micro-USB

Plus en détail

TecGo Online Local. Votre accès à TecCom. Installation et configuration du logiciel client version 3.0

TecGo Online Local. Votre accès à TecCom. Installation et configuration du logiciel client version 3.0 TecGo Online Local Votre accès à TecCom Installation et configuration du logiciel client version 3.0 SOMMAIRE I. Type d'installation II. III. Installation de TecLocal Configuration de la liaison en ligne

Plus en détail

Guide de référence des tâches Sametime Communicate

Guide de référence des tâches Sametime Communicate Guide de référence des tâches Sametime Communicate ii Guide de référence des tâches Sametime Communicate Table des matières Guide de référence des tâches Sametime Communicate........ 1 iii iv Guide de

Plus en détail

L accès à distance du serveur

L accès à distance du serveur Chapitre 11 L accès à distance du serveur Accéder à votre serveur et aux ordinateurs de votre réseau depuis Internet, permettre à vos amis ou à votre famille de regarder vos dernières photos, écouter vos

Plus en détail

Support de cours Dreamweaver CS5 les images. MC Benveniste

Support de cours Dreamweaver CS5 les images. MC Benveniste Support de cours Dreamweaver CS5 les images MC Benveniste 2013 Insertion de contenu > insertion d images image hors du dossier racine Si l image ne se trouve pas dans le site dans lequel vous travaillez

Plus en détail

OneDrive, le cloud de Microsoft

OneDrive, le cloud de Microsoft OneDrive est le cloud mis à disposition par Microsoft. Pour en profiter, il suffit de disposer d'un compte Microsoft (Tutoriel), Microsoft offre 10 Go de stockage (Dont 3 Go pour sauvegarder des photos).

Plus en détail

Approche Design Méthodologie de conduite de sites web

Approche Design Méthodologie de conduite de sites web Approche Design Méthodologie de conduite de sites web Phase 02 Concevoir le site (C) Conception visuelle N. Vanassche www.nathalievanassche.be Phase 2 (C) : Conception visuelle Facilité d utilisation:

Plus en détail

Cartographie Google Map avec GesRun Mobile

Cartographie Google Map avec GesRun Mobile Logiciel sportif de suivi d'entraînements, fonctionne sur PDA équipé d'un GPS. Cartographie Google Map avec GesRun Mobile En mode déconnecté, c'est à dire sans avoir besoin d'une connexion internet...

Plus en détail

I Open Location de matériel

I Open Location de matériel I Open Location de matériel Sommaire : I Open Location de matériel... 1 Identification... 2 Le menu... 2 Paramétrage... 3 Création d'une nouvelle fiche magasin :... 3 Ajout du logo ou d'une photo :...

Plus en détail

Utiliser le logiciel CALIBRE pour gérer vos documents et les convertir au format epub

Utiliser le logiciel CALIBRE pour gérer vos documents et les convertir au format epub Ce travail est traduit et adapté de l'aide de Emma Davies de L'University of Leicester par le CDDP de la Corrèze Utiliser le logiciel CALIBRE pour gérer vos documents et les convertir au format epub Synopsis

Plus en détail

Tutoriel d'utilisation du site PEEP

Tutoriel d'utilisation du site PEEP Tutoriel d'utilisation du site PEEP Intro Le site, ape-niort.peep.asso.fr, est géré par un système de gestion de contenu (ici Mura CMS). Un CMS permet, entre autre, de générer un site de manière rapide

Plus en détail

Comment bien imprimer avec Firefox

Comment bien imprimer avec Firefox Comment bien imprimer avec Firefox Si vous imprimez régulièrement des pages web, vous savez que le résultat est parfois surprenant: marges rongées, police illisible ou formatage incomplet. Le navigateur

Plus en détail