Une interface moderne et multi devices avec Drupal Focus sur Omega

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

Download "Une interface moderne et multi devices avec Drupal Focus sur Omega"

Transcription

1 Une interface moderne et multi devices avec Drupal Focus sur Omega

2 Romain Jarraud Formateur / consultant Drupal Anne- Sophie Picot Chef de projets

3 Publier du contenu aujourd hui > Plateformes de consultation de plus en plus variées. > Disparité des appareils donc des écrans. > Utilisation de plus en plus massive d internet en mobilité. > Adaptation nécessaire pour publier du contenu.

4 Publier du contenu pour le Web > Canal de diffusion unique : Internet. > Transmission et affichages multiples. > S adapter à la taille, à la résolution et à l orientation de la fenêtre d affichage pour présenter le contenu.

5 Responsive Design > Avant (il n y a pas si longtemps) plusieurs thèmes pour un même site : thème «classique» et thème «mobile». > Aujourd hui il faudrait au moins 4 thèmes pour prendre en compte toutes les situations! > Le thème doit détecter comment est affiché le site et s adapter automatiquement : Responsive Design.

6 Responsive Design et Drupal > Drupal est un Content Management System et doit le rester. > Le système est en charge du workflow de création/ publication de contenus. > Le thème est responsable de la présentation des contenus.

7 Responsive Design et Drupal > Le choix du thème est primordial. Ø Plusieurs solutions de base avec Drupal : Ø Zen Ø AdaptiveTheme Ø Omega > Le thème Omega est l une des solutions les plus abouties : Responsive Design, Grid 960 et HTML5.

8 Démonstration frontoffice > Présentation du site et de ses régions. > Principe du système de grille. > Mise en évidence du Responsive Design : navigateur «classique» et smartphone.

9 Démonstration backoffice > Configuration des zones et des régions. > Modification de la largeur des colonnes de droite et de gauche. > Utilisation de grilles différentes selon les zones. > Déplacement d une région d une zone à une autre.

10 Mobile first > Mobile (défaut) pour smartphone. > Narrow > 740px pour tablette (portrait) et smartphone (paysage). > Normal > 980px pour écran de PC/Mac de bureau. > Wide > 1220px pour grand écran.

11 Modules complémentaires > Omega Tools : export des réglages du backoffice afin de les réutiliser sur un autre site. > Delta : permet d avoir une présentation différente en fonction du contexte (url, type de contenu, taxonomie ).

12 Démonstration - Delta > Création d une nouvelle présentation. > Association d une présentation et du contexte d utilisation.

13 Et ensuite > La présentation s adapte (finalement) bien. > Les medias sont toujours statiques (dimensions fixes). Il est nécessaire de les adapter également (resp_img, fitvids ). > Drupal 8 : initiatives HTML5, Layout et Mobile.

14 Omega et Commerce Kickstart

15 Commerce Kickstart? Commerce Kickstart version 2 Nouveauté d Août 2012 Une boutique de démonstration Une base pour constituer un POC Une base pour composer votre boutique (sur périmètre identique à proche) Commerce Kickstart Thème Un thème utilisable tout de suite Une base de thème pour votre boutique

16 De Commerce Kickstart 1 à Commerce Kickstart 2 Contenus Configura6ons Blocs Images Menus Thèmes

17 Omega ou Kickstart? Les thèmes de Commerce Kickstart version 2 1. Omega 2. Omega Kickstart (sous thème de Omega) 3. Commerce Kickstart Theme (sous thème d Omega Kickstart) Pourquoi trois thèmes? Lequel u8liser? Comment les maintenir? Comment créer le thème de ma bou7que?

18 Omega Kickstart Omega kickstart c est un sous thème d Omega c est notre base de travail Comment créer le thème de ma boutique avec Omega Kickstart? - Copier le thème Commerce Kickstart Theme pour en faire le votre et disposer des fonctionnalités d Omega et de notre travail sur Omega Kickstart - Créer un nouveau sous thème en se basant sur Commerce Kickstart Theme

19 Le RTL Pour écouter les grosses têtes? Right to Left Besoin de séparer les fichier rtl par format de résolution. Global.css > global-rtl.css => sur un thème classique Prendre en compte non pas 1 mais 3 fichiers rtl chaque résolution d écran/support à son équivalent rtl

20 Retour d expérience Créa6on d un sous thème Omega Répondant aux besoins de la distribu6on Prise de recul sur les objec6fs du produit Besoin de créer rapidement des versions différentes du thème pour des cas pra6ques Créa6on d un starter thème intermédiaire Portage des éléments principaux dans le thème Le thème u6lisé dans la démonstra6on de Kickstart dépend de deux thèmes de base, mais offre une meilleur adaptabilité à de nouveaux projets.

21 Processus idéal Créer un starter thème d Omega qui sera la base de thème des prochains sous-thèmes Omega > Omega Kickstart > Commerce Kickstart Theme Créer un sous-thème à votre starter thème Qui sera notre thème par défaut de votre site de démo Créer un autre sous thème pour un autre cas d usage de démonstration à partir d une base commune Mutualiser un base de thème pour créer plus facilement des exemple de démonstration

22 Maintenir sa boutique Mettre à jour Commerce Kickstart Commerce Kickstart suit les mises à jour de Drupal et de Drupal Commerce Mettre à jour son thème Omega Kickstart peut être amené à être mis à jour (le thème suit les mises à jour d Omega). La dernière version est toujours packagée avec la distribution. Commerce Kickstart ne se base que sur les versions stables Actuellement : Commerce Kickstart 7.x rc3

23 Et après Nous réfléchissons actuellement à la mise en place d un sous thème à par6r de la nouvelle version d Omega (Omega 4 actuellement en version dev)

24 Ressources > Omega drupal.org/project/omega > Commerce Kickstart drupal.org/project/commerce_kickstart > Omega Tools drupal.org/project/omega_tools > Delta drupal.org/project/delta > Context drupal.org/project/context > Commerce Kickstart avec démonstration commerceguys.com/product/commerce-kickstart

25 Merci!

26 Questions?

Découvrir Drupal. Les meilleurs thèmes et modules Drupal (présenta5on démo)

Découvrir Drupal. Les meilleurs thèmes et modules Drupal (présenta5on démo) Découvrir Drupal Les meilleurs thèmes et modules Drupal (présenta5on démo) Tour d horizon des principales fonc5onnalités de Drupal au travers de la présenta5on de quelques- uns de ses principaux modules

Plus en détail

INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE

INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE INFORMATIONS ET INSTALLATION DU THEME CENATA RESPONSIVE Cenata Responsive à été réalisé par Presta-Theme Contact : webmaster@presta-theme.com Compatibilité PrestaShop : 1.5.x Documentation Prestashop 1.5

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

Point 3.1. Publier des contenus dans un portail e-sidoc. Janvier 2013 Documentation détaillée V 2.2

Point 3.1. Publier des contenus dans un portail e-sidoc. Janvier 2013 Documentation détaillée V 2.2 Point 3.1 Publier des contenus dans un portail e-sidoc Janvier 2013 Documentation détaillée V 2.2 CHOIX EDITORIAUX ET ORGANISATION DE L INFORMATION D E-SIDOC... 2 LA PROCEDURE D'INITIALISATION ET DE PUBLICATION

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

RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite?

RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite? RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite? Medialibs, votre partenaire digital Quoi? Un partenaire pour une gestion globale du digital (un laboratoire R&D, éditeur de logiciels

Plus en détail

Point de départ état des lieux. Plus de 200 sites web Internet Périmètre institutionnel = site national + 21 sites des centres de recherche

Point de départ état des lieux. Plus de 200 sites web Internet Périmètre institutionnel = site national + 21 sites des centres de recherche Point de départ état des lieux Plus de 200 sites web Internet Périmètre institutionnel = site national + 21 sites des centres de recherche Point de départ - problématique, enjeu L INRA souffre d un déficit

Plus en détail

Drupal Contributeur. Maitrisez la publication sous Drupal. Une formation T@hitiClic. Formateur : Fabien Crépin. Drupal Contributeur.

Drupal Contributeur. Maitrisez la publication sous Drupal. Une formation T@hitiClic. Formateur : Fabien Crépin. Drupal Contributeur. Maitrisez la publication sous Drupal Une formation Formateur : Fabien Crépin Introduction Objectif : savoir publier du contenu sous Drupal Contenu : Créer un contenu Mise en forme du texte Gestion des

Plus en détail

Savoir- Faire Offres mé1ers Offres technologiques

Savoir- Faire Offres mé1ers Offres technologiques www.neuros.fr Savoir- Faire Offres mé1ers Offres technologiques! Audit et conseil (stratégie, organisation, urbanisation )! Assistance à maîtrise d'ouvrage! Développement d'applications métiers! Migration

Plus en détail

Manuel d utilisation du module Liste de cadeaux PRO par Alize Web

Manuel d utilisation du module Liste de cadeaux PRO par Alize Web Manuel d utilisation du module Liste de cadeaux PRO par Alize Web INSTALLER ET CONFIGURER LE MODULE (BACK OFFICE) 2 Réglages des performances 2 Télécharger le module 3 Installer le module 4 Configurer

Plus en détail

Un site web collaboratif avec Drupal. Judith Hannoun - Journées INSHS 16 Octobre 2012

Un site web collaboratif avec Drupal. Judith Hannoun - Journées INSHS 16 Octobre 2012 Un site web collaboratif avec Drupal Judith Hannoun - Journées INSHS 16 Octobre 2012 Site web Ensemble de pages en html Des liens hypertextes Une base de données si site dynamique Une interface graphique

Plus en détail

Spécifications techniques

Spécifications techniques Infos pratiques Bon de commande: indication de réservation publicité Tablette + confirmation de livraison du matériel: envoyer à booking@trustmedia.be Matériel Papier: artwork@mediafin.be 2 jours ouvrables

Plus en détail

Créer un site e-commerce avec PrestaShop Cloud Mise en place et suivi du projet

Créer un site e-commerce avec PrestaShop Cloud Mise en place et suivi du projet Chapitre 1 : Préparer son projet e-commerce A. Introduction 15 1. Objectif de ce livre 15 2. Pourquoi se lancer dans l e-commerce? 16 B. Les questions à se poser avant de se lancer 18 C. Identité du projet

Plus en détail

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

Dans ce mémento, vous trouverez les informations détaillées pour configurer les fonctionnalités du Responsive Design dans le Worldsoft CMS: 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

Plus en détail

Travaux dirigés n 10

Travaux dirigés n 10 Travaux dirigés n 10 IMAC 1 Responsive Web Design Dans ce TD, vous verrez comment concevoir un design web qui s adaptera au terminal sur lequel il sera visualisé. Avant-propos Avec l avènement des smartphones

Plus en détail

RESPONSIVE WEB DESIGN

RESPONSIVE WEB DESIGN RESPONSIVE WEB DESIGN Une approche pour concevoir des sites Web adaptatifs et une occasion d'inciter les étudiants à consulter des cours responsives Ivan MADJAROV Arnaud FÉVRIER Comment consulte-t-on le

Plus en détail

Tour d horizon des CMS. Content Management System

Tour d horizon des CMS. Content Management System Tour d horizon des CMS Content Management System Qu est ce qu un CMS? C est un Sytème de gestion de contenus Gestion dynamique de contenus en ligne Contenus suivant les standards du web Séparation du contenu,

Plus en détail

Formations Web. Catalogue 2014 Internet Référencement Newsletter Réseaux sociaux Smartphone

Formations Web. Catalogue 2014 Internet Référencement Newsletter Réseaux sociaux Smartphone Formations Web Catalogue 2014 Internet Référencement Newsletter Réseaux sociaux Smartphone Formations Web CCI Formation vous propose 8 formations WEB 1 formation Smartphone Nos formations se déroulent

Plus en détail

PrestaShop Cloud. Créer un site e-commerce avec. PrestaShop Cloud. Mise en place et suivi du projet. Créer un site e-commerce avec

PrestaShop Cloud. Créer un site e-commerce avec. PrestaShop Cloud. Mise en place et suivi du projet. Créer un site e-commerce avec Pierre-Henri COFFINET Entrepreneur et passionné par les nouvelles technologies, Pierre-Henri COFFINET est aujourd hui cogérant de la société de webmarketing AD Powers. Expert du web depuis plus de 10 ans,

Plus en détail

BIBLIOTHEQUE NOMADE. PressReader dans les Bibliothèques de la Ville de Lausanne

BIBLIOTHEQUE NOMADE. PressReader dans les Bibliothèques de la Ville de Lausanne BIBLIOTHEQUE NOMADE PressReader dans les Bibliothèques de la Ville de Lausanne Table des matières 1. Connectez-vous à Internet 2. Découvrez PressReader 3. Connectez-vous au Hotspot 4. Trouvez votre revue

Plus en détail

Bureautique Initiation Excel-Powerpoint

Bureautique Initiation Excel-Powerpoint Module de Formation Personnalisée : Bureautique Initiation Excel-Powerpoint Durée : jours ouvrables Prix : Formation personnalisée en vue d obtenir les notions de base indispensables pour : Excel Office

Plus en détail

«Créer son site web professionnel avec WordPress»

«Créer son site web professionnel avec WordPress» Etre visible sur internet, transmettre une image positive de son entreprise, augmenter son CA pour une petite et moyenne structure, le site web est un outil de communication indispensable. Avoir un site

Plus en détail

Drupal un CMS orienté mé2er. Romain JARRAUD Mathieu GROS

Drupal un CMS orienté mé2er. Romain JARRAUD Mathieu GROS Drupal un CMS orienté mé2er Romain JARRAUD Mathieu GROS Romain JARRAUD - Responsable formation Trained People (drupalfrance.com) Mathieu GROS - Directeur Général Actency (actency.fr) Introduction Quelques

Plus en détail

Portfolio Sites internet :

Portfolio Sites internet : Portfolio Sites internet : 2010 ARA architecture www.ara-architecture.com Type : Portfolio d architecte Fonctionnalités principales : Galerie de projet d architecture, Actualités, Textes sur l agence,

Plus en détail

MANUEL D INSTALLATION. du module Chronopost pour. version 1.0.0

MANUEL D INSTALLATION. du module Chronopost pour. version 1.0.0 MANUEL D INSTALLATION du module Chronopost pour version 1.0.0 Objectif Ce document explique comment installer et utiliser le module Chronopost sur votre site Magento. Périmètre Ce module permet d accepter

Plus en détail

Inscription de votre site sur Google Configuration du sitemap et de Webmaster Tools pour PrestaBox

Inscription de votre site sur Google Configuration du sitemap et de Webmaster Tools pour PrestaBox Tutoriel PrestaBox n 3 Catégorie : Référencement Inscription de votre site sur Google Configuration du sitemap et de Webmaster Tools pour PrestaBox Pour vous aider dans la mise en place et la gestion de

Plus en détail

4. Personnalisation du site web de la conférence

4. Personnalisation du site web de la conférence RTUTORIEL Prise en main de la plateforme 1. Création de l espace conférence Connectez- vous sur le portail http://test- www.sciencesconf.org avec le compte : - Identifiant : «admin1» - Mot de passe «1234»

Plus en détail

DÉMO IDUG Ergonomie des interfaces tactiles

DÉMO IDUG Ergonomie des interfaces tactiles DÉMO IDUG Ergonomie des interfaces tactiles DÉFINITION DE L ERGONOMIE alain Wisner (1923-2004) «L ensemble des connaissances scientifiques relatives à l homme nécessaire pour concevoir des outils, des

Plus en détail

Construction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D.

Construction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D. Construction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D. TABLE DES MATIÈRES I. Présentation de Joomla II. III. IV. Documents disponibles Installation de Joomla 3.1) Installation sur

Plus en détail

Sites Internet : les. tendances. Jeudi 30 janvier 2014 Bordeaux L AGENCE CONNECTÉE À L ENTREPRISE

Sites Internet : les. tendances. Jeudi 30 janvier 2014 Bordeaux L AGENCE CONNECTÉE À L ENTREPRISE Sites Internet : les tendances pour 2014 Jeudi 30 janvier 2014 Bordeaux L AGENCE CONNECTÉE À L ENTREPRISE Inaa$v, une agence de communica$on avec des spécificités CONSEiL EN COMMUNICATION FoRmatiOns WEBMARKETING

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

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont

Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont I Open Boutique Sommaire : I Open Boutique... 1 Onglet «Saisie des Produits»... 3 Création d'une nouvelle fiche boutique :... 3 Création d'une nouvelle fiche lieux de retraits :... 10 Création d'une nouvelle

Plus en détail

PloneLabs un gestionnaire de contenu pour les laboratoires

PloneLabs un gestionnaire de contenu pour les laboratoires PloneLabs un gestionnaire de contenu pour les laboratoires Guillaume Pellerin LAM, Paris 5 février 2007 - v. 0.1 PloneLabs un gestionnaire de contenu pour les laboratoires 5 février 2007 - v. 0.1 1 / 15

Plus en détail

Point 1/8. L accès authentifié à un portail e-sidoc. Janvier 2013 Documentation détaillée V2.2. Sommaire

Point 1/8. L accès authentifié à un portail e-sidoc. Janvier 2013 Documentation détaillée V2.2. Sommaire Point 1/8 L accès authentifié à un portail e-sidoc Janvier 2013 Documentation détaillée V2.2 Sommaire LE COMPTE ADMINISTRATEUR ET LES COMPTES USAGERS... 2 Le compte administrateur... 2 Les comptes usagers...

Plus en détail

MANUEL D INSTALLATION 2015. du module Chronopost pour. version 1.0.5

MANUEL D INSTALLATION 2015. du module Chronopost pour. version 1.0.5 MANUEL D INSTALLATION 2015 du module Chronopost pour version 1.0.5 Objectif Ce document explique comment installer et utiliser le module Chronopost depuis votre site Magento. Périmètre Ce module permet

Plus en détail

MANUEL D INSTALLATION. du module Chronopost pour. version 1.0.5

MANUEL D INSTALLATION. du module Chronopost pour. version 1.0.5 MANUEL D INSTALLATION du module Chronopost pour version 1.0.5 Objectif Ce document explique comment installer et utiliser le module Chronopost sur votre site Magento. Périmètre Ce module permet de proposer

Plus en détail

Introduction à HTML5, CSS3 et au responsive web design

Introduction à HTML5, CSS3 et au responsive web design 1 Introduction à HTML5, CSS3 et au responsive web design Jusqu à une période récente, les sites web étaient conçus avec une largeur fixe de l ordre de 960 pixels, en espérant que les visiteurs en tirent

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

Créer son Blog! Une fois votre compte blogger ouvert, vous allez pouvoir cliquer sur «Nouveau Blog» Une nouvelle fenêtre apparaît

Créer son Blog! Une fois votre compte blogger ouvert, vous allez pouvoir cliquer sur «Nouveau Blog» Une nouvelle fenêtre apparaît Qu est-ce qu un blog? Un weblog (raccourci en blog ) est un site internet avec textes et/ou images, actualisé régulièrement, par un ou plusieurs auteurs (que l'on nomme bloggers «prononcer blogueurs»),

Plus en détail

Drupal : quelques fonctionnalités (ce qu il permet, ce qu il ne permet pas)

Drupal : quelques fonctionnalités (ce qu il permet, ce qu il ne permet pas) Licence de cette présentation : Creative Common BY-NC-ND Drupal : quelques fonctionnalités (ce qu il permet, ce qu il ne permet pas) Jean-Luc Archimbaud Mathdoc Jean-Luc.Archimbaud@ujf-grenoble.fr Présentation

Plus en détail

On trouvera sur le site du CCDMD un exemple d album construit avec Cantare. (http://www.ccdmd.qc.ca/ri/cantare)

On trouvera sur le site du CCDMD un exemple d album construit avec Cantare. (http://www.ccdmd.qc.ca/ri/cantare) Cantare 2 Introduction L outil logiciel Cantare s adresse à toute personne qui veut construire des leçons visant l apprentissage d une langue par l écoute de chansons ou de fichiers sonores dont les paroles

Plus en détail

Manuel d utilisation email NETexcom

Manuel d utilisation email NETexcom Manuel d utilisation email NETexcom Table des matières Vos emails avec NETexcom... 3 Présentation... 3 GroupWare... 3 WebMail emails sur internet... 4 Se connecter au Webmail... 4 Menu principal... 5 La

Plus en détail

M1105 Web Design Analyse Sectorielle Sites de grands musées

M1105 Web Design Analyse Sectorielle Sites de grands musées M1105 Web Design Analyse Sectorielle Sites de grands musées Godlewski Louis Fort Hugo 2 Rijksmuseum Flat Design Fonctionnelle Responsive Design - Sobre - Esthétique - Vaste Source d information 3 onglets

Plus en détail

Google Drive, le cloud de Google

Google Drive, le cloud de Google Google met à disposition des utilisateurs ayant un compte Google un espace de 15 Go. Il est possible d'en obtenir plus en payant. // Google Drive sur le web Se connecter au site Google Drive A partir de

Plus en détail

Nouveautés de la version moodle 2.7

Nouveautés de la version moodle 2.7 Nouveautés de la version moodle 2.7 Atto Éditeur de texte facile Le nouveau éditeur de texte dans Moodle à été développé spécialement pour convivialité et accessibilité. Au-dessus de la zone d'écriture

Plus en détail

Soyez accessible. Manuel d utilisation du CMS

Soyez accessible. Manuel d utilisation du CMS Soyez accessible. Manuel d utilisation du CMS Nameo : mode d emploi Nameo est une agence web basée en Alsace, à Strasbourg. Son champ d action : création ou refonte de sites internet, stratégie et mise

Plus en détail

Soon_AdvancedCache. Module Magento SOON. Rédacteur. Relecture & validation technique. Historique des révisions

Soon_AdvancedCache. Module Magento SOON. Rédacteur. Relecture & validation technique. Historique des révisions Module Magento SOON Soon_AdvancedCache Rédacteur Hervé G. Lead développeur Magento herve@agence-soon.fr AGENCE SOON 81 avenue du Bac 94210 LA VARENNE ST HILAIRE Tel : +33 (0)1 48 83 95 96 Fax : +33 (0)1

Plus en détail

Administration du site

Administration du site Administration du site 1 TABLE DES MATIÈRES Administration du site... 1 Accéder à la console d administration... 3 Console d administration... 4 Apparence... 4 Paramètres... 5 Allez sur le site... 5 Edition

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

Cursus 2013 Déployer un Content Management System

Cursus 2013 Déployer un Content Management System Cursus 2013 Déployer un Content Management System Les critères d évaluation d un CMS Les utilisateurs, après examen de la taille de la base d utilisateurs en France. La communauté, selon son dynamisme

Plus en détail

Créer un site WordPress

Créer un site WordPress Utilisation pédagogique d une solution de gestion de contenu Créer un site WordPress Portfolio, Blog, plateforme,... Les blogs et les plateformes d enseignants sont un moyen de poursuivre la relation élèveenseignant

Plus en détail

Securitoo Mobile guide d installation

Securitoo Mobile guide d installation Securitoo Mobile guide d installation v12.11 Toutes les marques commerciales citées dans ce document sont la propriété exclusive de leurs détenteurs respectifs. Copyright 2012 NordNet S.A. objectif Le

Plus en détail

Documentation Boutique de Démonstration

Documentation Boutique de Démonstration Documentation Boutique de Démonstration Accès et identifiants URL : http://www.boutique.evencom.fr URL de préproduction administration : http://boutique.evencom.fr/admin_tvzsieru Compte administrateur

Plus en détail

ENT ONE Note de version. Version 1.10

ENT ONE Note de version. Version 1.10 Version 1.10 Ce document présente les nouveautés et les changements apportés par cette nouvelle version de ONE installée le 5 novembre 2014. Quoi de neuf dans cette version? 1. Les nouveautés... 2 1.1

Plus en détail

D origine destiné à la conception de blog, WordPress est devenu l outil incontournable dans la liste des systèmes de gestion de contenus..

D origine destiné à la conception de blog, WordPress est devenu l outil incontournable dans la liste des systèmes de gestion de contenus.. WordPress - CMS open-source Permet de créer simplement des sites internet ou de blogs. D origine destiné à la conception de blog, WordPress est devenu l outil incontournable dans la liste des systèmes

Plus en détail

Multi-Écrans. Guide d utilisation. 27 Mai 2014. Version 10

Multi-Écrans. Guide d utilisation. 27 Mai 2014. Version 10 Multi-Écrans Guide d utilisation 27 Mai 2014 Version 10 Désormais, les chaînes de My.T vous accompagnent sur votre tablette ou smartphone Vivez l expérience exceptionnelle de la TV sur votre tablette ou

Plus en détail

+33 (0)4 92 21 33 79 contact@social-box.fr www.social-box.fr. Sarl ISB Altipolis2 av. Du Général Barbot 05100 Briancon - France

+33 (0)4 92 21 33 79 contact@social-box.fr www.social-box.fr. Sarl ISB Altipolis2 av. Du Général Barbot 05100 Briancon - France Sarl ISB Altipolis2 av. Du Général Barbot 05100 Briancon - France SCHÉMA FONCTIONNEL * Projection vers smartphones et tablettes de votre interface en Appli par Wifi (10 à 100 mètres autour de la borne)

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

Jeudi 14 février. 17h30 19h30 à Embrun. «Responsive Design ou rendre son site accessible sur tous supports!» Pascal SERRES PIMENT ROUGE

Jeudi 14 février. 17h30 19h30 à Embrun. «Responsive Design ou rendre son site accessible sur tous supports!» Pascal SERRES PIMENT ROUGE Jeudi 14 février 17h30 19h30 à Embrun «Responsive Design ou rendre son site accessible sur tous supports!» Pascal SERRES PIMENT ROUGE Jeudi 14 février 2013 1 Qu est-ce que le Responsive Design? C est l

Plus en détail

Plateforme takouine: Guide de l apprenant

Plateforme takouine: Guide de l apprenant Plateforme takouine: Guide de l apprenant - - Juillet 2012 - Sommaire Introduction :...3 Objectif :...3 Moodle :...3 Prérequis :...4 Matériel :...4 Logiciel :...4 Réglages préalables :...4 JavaScript :...4

Plus en détail

Responsive Web Design. Responsive Design avec HTML 5.0 et CSS3

Responsive Web Design. Responsive Design avec HTML 5.0 et CSS3 Ivan MADJAROV Responsive Design avec HTML 5.0 et CSS3 HTML5 CSS3 IvMad - 2013 2 La spécification CSS3 Media Queries (requêtes de media) définit les techniques pour adapter de feuilles de styles en fonction

Plus en détail

silog erp L'ERP le plus complet

silog erp L'ERP le plus complet silog erp L'ERP le plus complet SILOG 8.5 version SILOG ERP répond aux besoins de la PME moderne confrontée à la mondialisation et aux contraintes multiples (sécurité, multi-sites, EDI, qualité ISO, législation

Plus en détail

Systèmes de recommandation de produits Projet CADI Composants Avancés pour la DIstribution

Systèmes de recommandation de produits Projet CADI Composants Avancés pour la DIstribution Journée DAPA du 26 mars 2009 Systèmes de recommandation de produits Projet CADI Composants Avancés pour la DIstribution Michel de Bollivier michel.debollivier@kxen.com Agenda Projet CADI La recommandation

Plus en détail

Documentation RBS Change E-Commerce Core

Documentation RBS Change E-Commerce Core Documentation RBS Change E-Commerce Core 10 septembre 2010 2 Table des matières 1 Introduction à RBS Change 7 1.1 Concepts généraux................................... 7 1.1.1 Qu est-ce qu un module RBS

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

L email responsive. Optimisez vos campagnes pour les smartphones Guillaume Fleureau»

L email responsive. Optimisez vos campagnes pour les smartphones Guillaume Fleureau» L email responsive Optimisez vos campagnes pour les smartphones Guillaume Fleureau» Sarbacane Software Editeur de solutions e-marketing Implantée à Lille et à Barcelone Société créée en 2001 40 collaborateurs

Plus en détail

Drupal vs La concurrence

Drupal vs La concurrence Drupal vs La concurrence Présentation créée par : Exove Traduction : Julien DUBOIS Version originale : http://www.slideshare.net/exove/drupal vsthe others Wordpress Wordpress fr.net Wordpress CMS centré

Plus en détail

S7 Le top 10 des raisons d utiliser PHP pour moderniser votre existant IBM i

S7 Le top 10 des raisons d utiliser PHP pour moderniser votre existant IBM i Modernisation IBM i Nouveautés 2014-2015 IBM Power Systems - IBM i 19 et 20 mai 2015 IBM Client Center, Bois-Colombes S7 Le top 10 des raisons d utiliser PHP pour moderniser votre existant IBM i Mardi

Plus en détail

http://www.content-square.fr

http://www.content-square.fr http://www.content-square.fr Les intervenants 2 Interviendront sur le thème : "Big Data et Data Mining : le couple gagnant du E-commerce et de vos fiches produits!" Partez à la découverte du Big Data Mining

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

Publication dans le Back Office

Publication dans le Back Office Site Web de l association des ingénieurs INSA de Lyon Publication dans le Back Office Note : dans ce guide, l'appellation GI signifie Groupe d'intérêt, et GR Groupe Régional laure Buisset Page 1 17/09/2008

Plus en détail

CMS Modules Dynamiques - Manuel Utilisateur

CMS Modules Dynamiques - Manuel Utilisateur CMS Modules Dynamiques - Manuel Utilisateur 1. Introduction Le modèle CMS Le modèle des «Content Management Systems» proposé par MUM est un type particulier de sites web dynamiques, ayant comme avantage

Plus en détail

ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A.

ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. - 1 - PREAMBULE Les conditions générales d utilisation détaillant l ensemble des dispositions applicables

Plus en détail

Les services de la PLM Mathrice. Et quelques outils de web-conférence

Les services de la PLM Mathrice. Et quelques outils de web-conférence Les services de la PLM Mathrice Et quelques outils de web-conférence Richard Ferrere - Florent Langrognet - Romain Pacé Avril 2011 RF, FL, RP PLM () et outils de web conférence Avril 2011 1 / 21 PLAN 1

Plus en détail

Formation SharePoint Server 2013

Formation SharePoint Server 2013 L institut de formation continue des professionnels du Web Formation SharePoint Server 2013 Référence formation : Durée : Prix conseillé : SHP-13 5 jours (35 heures) 2 490 HT (hors promotion ou remise

Plus en détail

Optimiser pour les appareils mobiles

Optimiser pour les appareils mobiles chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...

Plus en détail

Utiliser un CMS: Wordpress

Utiliser un CMS: Wordpress Utiliser un CMS: Wordpress Annie Danzart Annie.Danzart@telecom-paristech.fr Wordpress Concevoir un site web statique Concevoir un site web dynamique Choisir un hébergement Choix du CMS Wordpress: installation

Plus en détail

IPHONE BANNIÈRE CLASSIQUE DIMENSIONS. Standard : 320 x 53 (portrait) 20Ko Jpeg/Gif/Png. HD : 640 x 106 (portrait) 20Ko Jpeg/Gif/Png DESCRIPTION

IPHONE BANNIÈRE CLASSIQUE DIMENSIONS. Standard : 320 x 53 (portrait) 20Ko Jpeg/Gif/Png. HD : 640 x 106 (portrait) 20Ko Jpeg/Gif/Png DESCRIPTION IPHONE BANNIÈRE CLASSIQUE DIMENSIONS Standard : 320 x 53 (portrait) 20Ko Jpeg/Gif/Png HD : 640 x 106 (portrait) 20Ko Jpeg/Gif/Png DESCRIPTION Format publicitaire très répandu et simple Permet une présence

Plus en détail

Astuce N 1 : Consulter mon catalogue articles en mode liste puis en mode fiche : recherche du prix d'une référence, consultation du stock

Astuce N 1 : Consulter mon catalogue articles en mode liste puis en mode fiche : recherche du prix d'une référence, consultation du stock Produit concerné : Sage 100 Etendue (déclinaison mobile) Sujet mis en avant : Les fonctionnalités clés du profil commercial sur Smartphone Sage Etendue bénéficie désormais d une déclinaison sur terminaux

Plus en détail

IBM Workplace : Live!

IBM Workplace : Live! IBM Workplace : Live! Portail et Gestion de Contenu Logiciels présentés: - WebSphere Portal v5.1 - IBM Workplace Web Content Management v5.1 Benjamin Bollaert Agenda Le portail par l exemple : l Intranet

Plus en détail

Module pour la solution e-commerce Magento

Module pour la solution e-commerce Magento Module pour la solution e-commerce Magento sommaire 1. Introduction... 3 1.1. Objet du document... 3 1.2. Liste des documents de référence... 3 1.3. Avertissement... 3 1.4. Contacts... 3 1.5. Historique

Plus en détail

GESTION DES MENUS. Un menu est un ensemble de liens permettant la navigation dans le site.

GESTION DES MENUS. Un menu est un ensemble de liens permettant la navigation dans le site. GESTION DES MENUS I. Préambule Un menu est un ensemble de liens permettant la navigation dans le site. En général, la position du menu va déterminer son nom, afin de le retrouver rapidement. Ex : Menu

Plus en détail

ITNETWORK PORTFOLIO ITNETWORK. 45, rue de Domremy 75013 Paris Tel : 01 53 82 71 71 contact@itnetwork.fr

ITNETWORK PORTFOLIO ITNETWORK. 45, rue de Domremy 75013 Paris Tel : 01 53 82 71 71 contact@itnetwork.fr ITNETWORK 45, rue de Domremy 75013 Paris Tel : 01 53 82 71 71 contact@itnetwork.fr ITNETWORK PORTFOLIO ITNetwork, agence digitale globale, couve ses clients depuis 1996, avec plus de 800 réalisations à

Plus en détail

Démarrer rapidement un site avec Drupal 7

Démarrer rapidement un site avec Drupal 7 Démarrer rapidement un site avec Drupal 7 Léon Cros Chipway Journées Du Logiciel Libre - Lyon 16 octobre 2010 1 Chipway : Spécialiste Drupal Conseil Développement Formations et séminaires Drupal Webmaster

Plus en détail

Spétechs Mobile. D e r n i è r e m i s e à j o u r : s e p t e m b r e 2 0 1 4

Spétechs Mobile. D e r n i è r e m i s e à j o u r : s e p t e m b r e 2 0 1 4 Spétechs Mobile D e r n i è r e m i s e à j o u r : s e p t e m b r e 2 0 1 4 Généralités Envoi des créas à Amandine Canu, responsable traffic mobile : acanu@hi-media.com Mettre en copie de votre e-mail

Plus en détail

Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées?

Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées? Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites Quelles solutions peuvent être employées? Présentation d une des solutions Conclusion Aujourd hui le web est

Plus en détail

PHILA-Collector-USB-16Go Pour Windows & Android

PHILA-Collector-USB-16Go Pour Windows & Android PHILA-Collector-USB-16Go Pour Windows & Android Bon à savoir : Cette édition permet de gérer une collection de timbres sur clé USB ou sur PC. L échange de données entre la clé et le PC est possible en

Plus en détail

Comment accéder à d Internet Explorer

Comment accéder à d Internet Explorer Comment accéder à d Pour ouvrir l application, vous n avez qu à doublecliquer sur l icône de celle-ci : ou vous pouvez encore allez le chercher par le raccourci dans la barre des tâches : Lorsque l application

Plus en détail

Comment télécharger et

Comment télécharger et Dispositifs de lecture numérique Comment télécharger et lire un livre numérique sur tablette et liseuse? Par souci de synthèse nous retiendrons ici les modèles de tablettes et liseuses les plus utilisés

Plus en détail

Devis pour la création de votre site Internet

Devis pour la création de votre site Internet Proposition commerciale Réf. : PR1408-0287 Date : 28/08/2014 Durée de validité : 30 jours Code client : CU1408-2685 Adressé à : Serial Kreative SPRL Chaussée de Tubize 208 1440 Wauthier-Braine BE0845551275

Plus en détail

Devis pour la création de votre site Internet

Devis pour la création de votre site Internet Proposition commerciale Réf. : PR1408-0288 Date : 28/08/2014 Durée de validité : 30 jours Code client : CU1408-2685 Adressé à : Serial Kreative SPRL Chaussée de Tubize 208 1440 Wauthier-Braine BE0845551275

Plus en détail

Design adaptatif. Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH

Design adaptatif. Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH Design adaptatif Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH Contenu Définition... 3 Avantages... 3 Fonctionnalités... 5 Modèle de Design mobile...

Plus en détail

Dans l Unité 3, nous avons parlé de la

Dans l Unité 3, nous avons parlé de la 11.0 Pour commencer Dans l Unité 3, nous avons parlé de la manière dont les designs sont créés dans des programmes graphiques tels que Photoshop sont plus semblables à des aperçus de ce qui va venir, n

Plus en détail

Spétechs Mobile. D e r n i è r e m i s e à j o u r : a o û t 2014

Spétechs Mobile. D e r n i è r e m i s e à j o u r : a o û t 2014 Spétechs Mobile D e r n i è r e m i s e à j o u r : a o û t 2014 Généralités Envoi des créas à Amandine Canu, responsable traffic mobile : acanu@hi-media.com Mettre en copie de votre e-mail votre contact

Plus en détail

PrestaShop 1.6 Créer un site de e-commerce

PrestaShop 1.6 Créer un site de e-commerce Chapitre 1 : PrestaShop : pour quoi faire? A. PrestaShop dans la sphère CMS 11 B. Nouveautés de la version 1.6 11 1. Rappel des épisodes précédents 11 2. Front-Office totalement redessiné 11 3. Back Office

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

offre de formations Année 2015

offre de formations Année 2015 offre de formations Année 2015 Sommaire 3 Web/Graphisme Initiation à Wordpress / p4 Formation HTML & CSS / p5 Initiation à Indesign / p6 Perfectionnement à Photoshop / p7 - Contact Richard De Logu, Damien

Plus en détail