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

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

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

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

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.5. Publier des contenus dans un portail e-sidoc. Mars 2014 Documentation détaillée V 2.3

Point 3.5. Publier des contenus dans un portail e-sidoc. Mars 2014 Documentation détaillée V 2.3 Point 3.5 Publier des contenus dans un portail e-sidoc Mars 2014 Documentation détaillée V 2.3 LA PUBLICATION D ACTUALITES... 2 La saisie d une actualité... 2 Déplacer une actualité... 4 Principes d affichage

Plus en détail

UTILISATION DES BLOCS ERABLE.CA

UTILISATION DES BLOCS ERABLE.CA Erable Formation sur l utilisation des blocs Janvier 2012 UTILISATION DES BLOCS ERABLE.CA Utilisation des blocs sur un site Drupal Préparé pour Renaud Binette Par Pierre Paul Lefebvre (Développeur web),

Plus en détail

Wethere JUSTINE GAUDIN & anis CHOUK DANS LE CADRE DU cours DE Webdesign de jonathan munn - 2014

Wethere JUSTINE GAUDIN & anis CHOUK DANS LE CADRE DU cours DE Webdesign de jonathan munn - 2014 Wethere JUSTINE GAUDIN & anis CHOUK DANS LE CADRE DU cours DE Webdesign de jonathan munn - 2014 Introduction Wethere est une application météorologique basé sur un support smartphone (mobile first). Elle

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

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

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

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

Speedinfo Projet Tablette : Portage de OpenSi sur Tablettes. Cas client Séminaire OD

Speedinfo Projet Tablette : Portage de OpenSi sur Tablettes. Cas client Séminaire OD Speedinfo Projet Tablette : Portage de OpenSi sur Tablettes Cas client Séminaire OD Les exigences Speedinfo Technologie demandée Aucune Architecture requise Une architecture évolutive qui permette facilement

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

Applications iphone & Android Phone Technologie AppDeck - Offre Présence Digital news. agence moonseven www.moonseven.fr 1

Applications iphone & Android Phone Technologie AppDeck - Offre Présence Digital news. agence moonseven www.moonseven.fr 1 + Applications iphone & Android Phone Technologie AppDeck - Offre Présence Digital news agence moonseven www.moonseven.fr 1 + Un marché en pleine croissance 2 FOCUS Entre mars 2013 et mars 2014, le trafic

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

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

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

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

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

CMS MWC. Outil pour la gestion du site Internet DOCUMENTATION UTILISATEUR [version du 23/03/2009]

CMS MWC. Outil pour la gestion du site Internet DOCUMENTATION UTILISATEUR [version du 23/03/2009] CMS MWC Outil pour la gestion du site Internet DOCUMENTATION UTILISATEUR [version du 23/03/2009] 1. Authentification 2. Interface d édition MWC 3. Mise en page 4. Gestion des fichiers 5. Gestion des événements

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

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

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

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

Formation Drupal pour développeur

Formation Drupal pour développeur Formation Drupal pour développeur 3 jours pour maîtriser Drupal Makemeweb Avenvue G Poels, 8 10 1160 Auderghem Page 1/5 1 Introduction Le but de cette formation est que ses participants soient capables

Plus en détail

Introduction à Drupal

Introduction à Drupal Introduction à Drupal Vincent Garcies, Felip Manyer i Ballester Apéro web Perpignan du 26 février 2015 Vincent Garcies, Felip Manyer i Ballester Introduction à Drupal 1/16 Drupal : caractéristiques techniques

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

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

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

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

«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

Présentation du logiciel Wordpress

Présentation du logiciel Wordpress Présentation du logiciel Wordpress Jean-Philippe PERNIN Université Stendhal Département Informatique Pédagogique Bureau I113 Mél. : Jean-Philippe.Pernin@u-grenoble3.fr 1 Site web Sites web et Blogs Ensemble

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

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

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

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

Backoffice Drupal Formation Administrateurs

Backoffice Drupal Formation Administrateurs Backoffice Drupal Formation Administrateurs Agence Tévolys Dijon 12, Rue Maxime Guillot 21300 Chenove Tél : 03 80 60 83 83 Agence Tévolys Paris 253 Rue Saint Honoré 75001 Paris Tél : 01 44 55 09 84 Plan

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

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

Introduc)on à Drupal. Journées Mathrice, octobre 2010 par Kenji Lefèvre

Introduc)on à Drupal. Journées Mathrice, octobre 2010 par Kenji Lefèvre Introduc)on à Drupal Journées Mathrice, octobre 2010 par Kenji Lefèvre Sommaire 1. Présenta>on succincte 2. À qui s adresse Drupal? 3. Avantages et difficultés 4. Architecture, administra>on Drupal 5.

Plus en détail

Programmation Android Ce que vous devez savoir. Cours Android - F. Michel 1 / 18

Programmation Android Ce que vous devez savoir. Cours Android - F. Michel 1 / 18 Programmation Android Ce que vous devez savoir 1 / 18 Plan 1 Connaissances essentielles 2 Définition d une GUI et adaptation au contexte 3 L objet Intent 2 / 18 Connaissances essentielles Sur la plate-forme

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

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

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

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

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

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

Formation à l administration de votre site Internet

Formation à l administration de votre site Internet Rédacteur : B2F Concept Date : 01/08/2012 Destinataire : Mairie de Drumettaz Formation à l administration de votre site Internet Introduction...2 Connexion à l administration...2 Gestion de contenu...3

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

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

CATALOGUE DES FORMATIONS

CATALOGUE DES FORMATIONS INSTALLATION Une équipe d experts informatiques dédiée à votre bien-être numérique. FORMATION MAINTENANCE CATALOGUE DES FORMATIONS Retrouvez tous les avis clients sur bdom.fr B dom est une entreprise de

Plus en détail

Manuel utilisateur. Mini-site régions. Drupal est un système de gestion de contenu (abrégé CMS en anglais) libre et open source.

Manuel utilisateur. Mini-site régions. Drupal est un système de gestion de contenu (abrégé CMS en anglais) libre et open source. Manuel utilisateur Mini-site régions Version 07/2012 Drupal est un système de gestion de contenu (abrégé CMS en anglais) libre et open source. Un CMS est un logiciel qui permet de gérer le contenu d un

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

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

LabEx EFL : Formation DRUPAL. Sarra El Ayari

LabEx EFL : Formation DRUPAL. Sarra El Ayari LabEx EFL : Formation DRUPAL Mettre à jour les sites-axes Sarra El Ayari 27 mai 2013 Sommaire 1 Les sites axes 2 Prise en main 3 Créer une nouvelle page 4 Gestion des onglets 5 Barre de mise en forme 6

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

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

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

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

Formation au logiciel Typo3, pour les rédacteurs.

Formation au logiciel Typo3, pour les rédacteurs. 1 Formation au logiciel Typo3, pour les rédacteurs. 1 Accéder au système 2 1.1 Configuration du navigateur 2 1.2 Identification 2 2 L interface 2 2.1 Le module Web 3 2.2 Le module Media 3 2.3 Le module

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

pas à pas prise en main du service sur le web Le Cloud

pas à pas prise en main du service sur le web Le Cloud pas à pas prise en main du service sur le web Le Cloud sommaire présentation générale de l interface 4-12 ajouter un fichier 13-16 sélectionner un ou plusieurs fichiers 17-19 ouvrir un fichier ou un dossier

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

LES PRINCIPES DE BASE DU NOUVEAU CMS

LES PRINCIPES DE BASE DU NOUVEAU CMS TUTORIEL Drupal FTVEN Régions août 2012 LES PRINCIPES DE BASE DU NOUVEAU CMS Le fleuve d actualité La Une du site régional est le miroir de toute l actualité de France 3 Région. L actualité de la région

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

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

Créer sa newsletter Guide d utilisation

Créer sa newsletter Guide d utilisation Créer sa newsletter Guide d utilisation Créer sa newsletter Guide d utilisation SOMMAIRE 1. Connexion...4 2. Créer une newsletter...5 3. Ajouter des articles...6 4. Modifier une newsletter...9 1.1 Modification

Plus en détail

WINDOWS 10 Windows 10 fichiers dossiers OneDrive Cortana Photos Lecteur Windows Media Contacts Messagerie Calendrier Skype WINDOWS 10 Microsoft Edge

WINDOWS 10 Windows 10 fichiers dossiers OneDrive Cortana Photos Lecteur Windows Media Contacts Messagerie Calendrier Skype WINDOWS 10 Microsoft Edge WINDOWS 10 Table des matières L environnement Windows 10 i Généralités Windows 10 : les nouveautés................................ 9 Intérêts d utiliser un compte Microsoft........................ 18 Démarrer

Plus en détail

Windows 8 - JPO du 20 septembre 2012 1

Windows 8 - JPO du 20 septembre 2012 1 Windows 8 - JPO du 20 septembre 2012 1 Date de sortie Prérequis Installation Différentes versions Nouvelle interface - Nouvelle barre Nouveautés Tablette Microsoft Windows 8 - JPO du 20 septembre 2012

Plus en détail

Guide 2015 site web classique L édition de site

Guide 2015 site web classique L édition de site Guide 2015 site web classique L édition de site L interface d édition Navigation... 03 Langue... 04 Thèmes... 05 Options... 06 Aperçu... 07 Paramètres de page... 08 Partage sur les médias sociaux... 09

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

Dreamweaver. Adobe CS4. Créez des sites et des applications nouvelle génération FRÉDÉRIC MOITRY JEAN-MARIE COCHETEAU.

Dreamweaver. Adobe CS4. Créez des sites et des applications nouvelle génération FRÉDÉRIC MOITRY JEAN-MARIE COCHETEAU. FRÉDÉRIC MOITRY JEAN-MARIE COCHETEAU Avec ce livre : nombreux fichiers téléchargeables gratuitement! Adobe CS4 Dreamweaver pour PC et Mac Créez des sites et des applications nouvelle génération @ Table

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

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

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

Packages proposés par MobileIron

Packages proposés par MobileIron Packages proposés par La solution de gestion de la mobilité en entreprise (Enterprise Mobility Management ou EMM) de est une d'informatique mobile spécialisée. Elle permet aux utilisateurs d'accéder facilement

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

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

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

WEBMASTER DEESWEB DEES

WEBMASTER DEESWEB DEES Diplôme Européen délivré par la Fédération Européenne des Ecoles DEES WEBMASTER Fonction Le s adresse aux titulaires d un diplôme du 1er cycle de l enseignement supérieur dans le domaine de l informatique

Plus en détail

PREMIÈRE PRISE EN MAIN DE DJANGO CMS

PREMIÈRE PRISE EN MAIN DE DJANGO CMS PREMIÈRE PRISE EN MAIN DE DJANGO CMS 1. PRÉSENTATION DE DJANGO CMS Django CMS est un système de gestion de contenu basé sur le serveur Django / Python. Simple d'utilisation, il dispose d'une interface

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

Le front office (utilisateur client):

Le front office (utilisateur client): Solution e-business Media-2001 Précurseur en Europe, depuis 1998, Media-2001 est actif dans le domaine des boutiques en ligne. Les premières boutiques disposaient d un logiciel en Access mono poste et

Plus en détail

Présentation de Muse

Présentation de Muse Présentation de Muse J. ROMAGNY 1. CONSEILS... 4 2. INTERFACE... 5 A. CREATION DE SITE... 5 960 Grid System avec Muse... 6 B. PLAN DU SITE... 7 C. CONCEPTION (EDITION DES «MASTER PAGES» ET PAGES)... 8

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

Corporate Blogging, site média La solution de blog professionnel pour les entreprises

Corporate Blogging, site média La solution de blog professionnel pour les entreprises Moon Seven - agence conseil en solutions Internet www.moonseven.fr 19 rue Emile Augier 93310 LE PRE SAINT GERVAIS - 06 84 19 89 52 Corporate Blogging, site média La solution de blog professionnel pour

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

Webinar. Découvrez Rubedo, la première solution CMS open-source tirant profit des atouts de Zend Framework et du NoSQL. avec la participation de

Webinar. Découvrez Rubedo, la première solution CMS open-source tirant profit des atouts de Zend Framework et du NoSQL. avec la participation de En partenariat avec Webinar Découvrez Rubedo, la première solution CMS open-source tirant profit des atouts de Zend Framework et du NoSQL avec la participation de 19 mars 2013 Qui sommes-nous? INTRODUCTION

Plus en détail

TUTORIEL D UTILISATION DE L APPLICATION STOT-NC

TUTORIEL D UTILISATION DE L APPLICATION STOT-NC Sommaire Présentation générale... 2 Accessibilité... 3 TUTORIEL D UTILISATION DE L APPLICATION STOT-NC Accès «interface cartographique»... 3 Connexion... 3 Fonctionnalités disponibles... 3 Accès «Saisie

Plus en détail

Petite histoire d Internet

Petite histoire d Internet À la base, Internet est défini par des ordinateurs qui sont reliés entre eux grâce à des câbles, du WiFi ou encore des satellites, créant ainsi un réseau à échelle mondiale. Les ordinateurs communiquent

Plus en détail

Procédure Newsletter. 1. Gestion des listes de diffusion. Se rendre à Activité > Inscrits aux envois par email

Procédure Newsletter. 1. Gestion des listes de diffusion. Se rendre à Activité > Inscrits aux envois par email Procédure Newsletter 1. Gestion des listes de diffusion Se rendre à Activité > Inscrits aux envois par email Ici l on peut créer des listes de diffusion et ajouter, modifier, supprimer les abonnés à la

Plus en détail

empreinte.com WebTV WEBTV solution solution EMPREINTE.COM WebTV depuis 1997 Diffusion vidéo universelle EMPREINTE.COM

empreinte.com WebTV WEBTV solution solution EMPREINTE.COM WebTV depuis 1997 Diffusion vidéo universelle EMPREINTE.COM EMPREINTE.COM WebTV depuis 1997 WebTV WEBTV solution solution Qualité vidéo HD MP4 compatible Web & Mobile Responsive Design WebTV Live - VoD Mobile, Tab, PC Logiciel de gestion et hébergements Clé en

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

DOKEOS Author Manuel du formateur

DOKEOS Author Manuel du formateur Retrouvez-nous en ligne sur notre site dokeos.com/fr DOKEOS Author Manuel du formateur Trois raisons de choisir DOKEOS Author Facile à prendre en main, DOKEOS Author est l outil de la suite Dokeos qui

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

Développement Web INITITIATION AU DEVELOPPEMENT WEB ET PRESENTATION DES DIFFERENTES SOLUTIONS POSSIBLES POUR LA MISE EN PLACE D'UN SITE WEB

Développement Web INITITIATION AU DEVELOPPEMENT WEB ET PRESENTATION DES DIFFERENTES SOLUTIONS POSSIBLES POUR LA MISE EN PLACE D'UN SITE WEB Développement Web INITITIATION AU DEVELOPPEMENT WEB ET PRESENTATION DES DIFFERENTES SOLUTIONS POSSIBLES POUR LA MISE EN PLACE D'UN SITE WEB Olivier Allaert 1 Développement Web Développement Web Principe

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