Zen, SASS, responsive design

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "Zen, SASS, responsive design"

Transcription

1 , SASS, responsive design Felip Manyer i Ballester Res Telæ 21 mai 2013 Felip Manyer i Ballester, SASS, responsive design 1/36

2 Plan 1 Créer un thème sous Drupal Généralités Concepts à mettre en œuvre Typologie des thèmes Drupal 2 Responsive design SASS 3 Installation et création d un sous-thème Structure des fichiers, grilles Felip Manyer i Ballester, SASS, responsive design 2/36

3

4 Généralités Concepts à mettre en œuvre Typologie des thèmes Drupal 1 Créer un thème sous Drupal Généralités Concepts à mettre en œuvre Typologie des thèmes Drupal 2 Responsive design SASS 3 Installation et création d un sous-thème Structure des fichiers, grilles Felip Manyer i Ballester, SASS, responsive design 4/36

5 Généralités Concepts à mettre en œuvre Typologie des thèmes Drupal Généralités Drupal sépare clairement le rendu (présentation des pages web) de la logique. En toute fin de course, il charge un moteur de rendu (theme engine) (PHP template, Smarty, PHPTAL, etc.) de transformer le contenu sous une forme exploitable pour le client. Drupal peut présenter le contenu autrement qu en utilisant HTML : texte brut (courriers électroniques), XML, JSON... La mission principale de Drupal est la gestion de contenus, mais un en sens désormais plus générique (services web, etc.) Felip Manyer i Ballester, SASS, responsive design 5/36

6 Généralités Concepts à mettre en œuvre Typologie des thèmes Drupal Concepts à mettre en œuvre Structuration Balisage HTML : fichiers gabarits (templates) fonctions de rendu (theme functions) Présentation Définition du style avec un langage tel que ou un sur-ensemble (SASS, LESS) Surcharges Surcharge des fonctions de rendu et de preprocess dans template.php (ou de dans le.info) Felip Manyer i Ballester, SASS, responsive design 6/36

7 Généralités Concepts à mettre en œuvre Typologie des thèmes Drupal Structuration : gabarits system/page.tpl.php <?php if ($breadcrumb):?> <div id="breadcrumb"><?php print $breadcrumb;?></div> <?php endif;?> <?php print $messages;?> zen/templates/page.tpl.php <div id="content" class="column" role="main"> <?php print render($page[ highlighted ]);?> <?php print $breadcrumb;?> [...] </div><!-- /#content --> Felip Manyer i Ballester, SASS, responsive design 7/36

8 Généralités Concepts à mettre en œuvre Typologie des thèmes Drupal Structuration : fonctions de rendu Dans theme.inc function theme_breadcrumb($variables) { $breadcrumb = $variables[ breadcrumb ]; $output = <div class="breadcrumb">. implode(», $breadcrumb). </div> ; return $output; Dans template.php function mon_joli_theme_breadcrumb($variables) { $breadcrumb = $variables[ breadcrumb ]; $output = <div class="breadcrumb">. implode(, $breadcrumb). </div> ; return $output; Felip Manyer i Ballester, SASS, responsive design 8/36

9 Généralités Concepts à mettre en œuvre Typologie des thèmes Drupal Surcharges Dans theme.inc function template_process_page(&$variables) { if (!isset($variables[ breadcrumb ])) { $variables[ breadcrumb ] = theme( breadcrumb, array( breadcrumb => drupal_get_breadcrumb())); Dans template.php function mon_joli_theme_preprocess_page(&$variables) { $variables[ ville ] = Montpellier ; Felip Manyer i Ballester, SASS, responsive design 9/36

10 Généralités Concepts à mettre en œuvre Typologie des thèmes Drupal Types de thèmes Trois possibilités au moment de choisir un thème : utiliser un thème déjà fait (Bartik, Marinelli, CTI Flex, Corporate Clean, Pixture Reloaded, etc.), éventuellement acquis à titre onéreux repartir de zéro à la Linux From Scratch (get a life) utiliser un thème de base (Omega, Adaptive Theme, Fusion,, etc.) : thème «blanc» comprenant les fondamentaux (gabarits, régions, de mise en page, divers paramètres) et des outils permettant d intégrer un design. On crée généralement un sous-thème permettant de conserver la plupart des fonctionnalités dans le thème parent, et de surcharger à la demande. Felip Manyer i Ballester, SASS, responsive design 10/36

11

12 Responsive design SASS 1 Créer un thème sous Drupal Généralités Concepts à mettre en œuvre Typologie des thèmes Drupal 2 Responsive design SASS 3 Installation et création d un sous-thème Structure des fichiers, grilles Felip Manyer i Ballester, SASS, responsive design 12/36

13 Responsive design SASS Cascading stylesheets : genèse (cascading stylesheets) est un langage de présentation (première séparation entre la structuration (HTML) et la présentation), largement connu de l audience 6 août 1991 projet WorldWideWeb rendu public sur UseNet par Tim Berners-Lee premiers essais «côté client» (simple personnalisation) : Viola, Harmony les cascading HTML stylesheets d Håkon Wium Lie s imposent Felip Manyer i Ballester, SASS, responsive design 13/36

14 Responsive design SASS Cascading stylesheets : les temps héroïques 1 la guerre des navigateurs entre Internet Explorer et Netscape. Spécification relativement pauvre, implémentations concurrentes. La mise en page avec des tableaux perdure. 2 ère IE5/6. Ambitions précipitées : gestion des fontes, adaptabilité aux différents supports de lecture : qui se limitera longtemps à screen et print 2.1 se concentre sur ce qui est implémentable, repousse le reste à 3 3 beaucoup de changements, dont les media queries Felip Manyer i Ballester, SASS, responsive design 14/36

15 Responsive design SASS et plasticité du web : Types de media ( 2) braille embossed handheld print projection screen speech tty tv Caractéristiques du media (2007) color nb bits/couleur color-index index des couleurs device-aspect-ratio ratio dispositif device-height hauteur dispositif device-width largeur dispositif grid largeur fixe height hauteur fenêtre monochrome monochrome orientation portrait/paysage resolution résolution scan pour les TV width largeur fenêtre Felip Manyer i Ballester, SASS, responsive design 15/36

16 Responsive design SASS Pléthore de clients sur le Web : de 7 à 77 usages mobiles en pleine explosion : le trafic des appareils mobiles devrait dépasser celui des machines de bureau en 2015 (IDC) le «responsive design» (conception de sites web adaptatifs) est une solution élégante permettant d échapper à l enfer de la duplication de code Felip Manyer i Ballester, SASS, responsive design 16/36

17 Responsive design SASS Responsive design : mise en œuvre on utilise une extension de l instruction permettant de définir des points de all and all and (min-width:480px) and all and (min-width:960px) nécessite un navigateur supportant 3, ou une couche intermédiaire de compatiblité en JavaScript (shim, shiv, modernizr) pour notre ami IE 8 (oubliez IE 7) préférez des unités relatives (pourcentages, em, ex), utilisez une grille, donnez une largeur de 100 % aux images utilisation des tableaux problématique Felip Manyer i Ballester, SASS, responsive design 17/36

18 Responsive design SASS Responsive design : mobile first le mobile n est pas un état dégradé de la version bureau : UX correcte (même si minimaliste) et ergonomique de base étudier d abord la version mobile. Ce sera le style par défaut dans la pour tous les dispositifs : pas encore de point de coupure mobile : empilement sur une colonne (pas de défilement horizontal) ensuite rajouter des spécificités pour chaque dispositif identifié C est la doctrine mobile first (le mobile d abord). Felip Manyer i Ballester, SASS, responsive design 18/36

19 Responsive design SASS Responsive design : modules utiles Views Responsive Grid Format de grille adaptatif pour Views. Voir aussi Views Fluid grid. Better Jump Menus afficher un menu sous forme de liste déroulante Responsive Images [and Styles] charger des images adaptées au dispositif. 7.x-2.x utilise uniquement des media queries. modules similaires Breakpoints gestion avancée des points de coupure Picture autre approche de la gestion des images Felip Manyer i Ballester, SASS, responsive design 19/36

20 Responsive design SASS Syntactically awesome stylesheets (SASS) un langage de présentation se présentant comme un sur-ensemble de 3 (au même titre que LESS) fichiers doivent être transformés en avant utilisation syntaxe S compatible avec (transition en douceur) principales caractéristiques : variables, règles imbriquées, «mixins», héritage Felip Manyer i Ballester, SASS, responsive design 20/36

21 Responsive design SASS SASS : variables S $blue: #3bbfce; $margin: 16px;.content-navigation { border-color: $blue; color: darken($blue, 9%);.border { padding: $margin / 2; margin: $margin / 2; border-color: $blue; content-navigation { border-color: #3bbfce; color: #2b9eab;.border { padding: 8px; margin: 8px; border-color: #3bbfce; Felip Manyer i Ballester, SASS, responsive design 21/36

22 Responsive design SASS SASS : Imbrication (nesting) S table.hl { margin: 2em 0; td.ln { text-align: right; li { font: { family: serif; weight: bold; size: 1.2em; table.hl { margin: 2em 0; table.hl td.ln { text-align: right; li { font-family: serif; font-weight: bold; font-size: 1.2em; Felip Manyer i Ballester, SASS, responsive design 22/36

23 Responsive design SASS SASS : mixins table-base { th { text-align: center; font-weight: bold; td, th {padding: left($dist) { float: left; margin-left: $dist; #data table-base; #data { float: left; margin-left: 10px; #data th { text-align: center; font-weight: bold; #data td, #data th { padding: 2px; Felip Manyer i Ballester, SASS, responsive design 23/36

24 Responsive design SASS SASS : héritage S.error { border: 1px #f00; background: #fdd;.error.intrusion { font-size: 1.3em; font-weight: bold;.baderror border-width: 3px;.error,.badError { border: 1px #f00; background: #fdd;.error.intrusion,.baderror.intrusion { font-size: 1.3em; font-weight: bold;.baderror { border-width: 3px; Felip Manyer i Ballester, SASS, responsive design 24/36

25 Responsive design SASS Compass une bibliothèque pour SASS, comprenant de nombreux mixins, un gestionnaire de packages pour obtenir des librairies additionnelles, un exécutable pour générer des les meilleurs motifs réutilisables du Web facilite l utilisation de 3 : gère les vendor prefixes gestion automatisée des sprites «rythmes typographiques» Felip Manyer i Ballester, SASS, responsive design 25/36

26

27 Installation et création d un sous-thème Structure des fichiers, grilles 1 Créer un thème sous Drupal Généralités Concepts à mettre en œuvre Typologie des thèmes Drupal 2 Responsive design SASS 3 Installation et création d un sous-thème Structure des fichiers, grilles Felip Manyer i Ballester, SASS, responsive design 27/36

28 Installation et création d un sous-thème Structure des fichiers, grilles Présentation de : le thème is a powerful, yet simple, HTML5 starting theme with a responsive, mobile-first grid design. thème de base créé en 2006 par John Albin Wilkins 2 branches stables actuellement : 7.x-3.x et 7.x-5.x ( 5). documentation en ligne fournie, et code commenté avec soin Felip Manyer i Ballester, SASS, responsive design 28/36

29 Installation et création d un sous-thème Structure des fichiers, grilles Présentation de : le créateur co-maintenu par John Albin Wilkins, de palantir.net (organisations publiques et non gouvernementales) développeur (front-end) clef dans la communauté : nombreux modules (Menu Block, Menu Position, Fences, sans compter le cœur), chef de la Drupal 8 Mobile Initiative co-auteur de Drupal 7 Module Development, gagnant du TPOTM (trivial patch of the month) - // Check only if it s a template and not registered by the theme or engine + // Check only if it s a template and not registered by the theme or engine. Felip Manyer i Ballester, SASS, responsive design 29/36

30 Installation et création d un sous-thème Structure des fichiers, grilles Préparatifs Installations des dépendances optionnelles sous Debian : Installer SASS sudo apt-get install rubygems sudo gem update sudo gem install sass Installer Compass sudo gem install compass Felip Manyer i Ballester, SASS, responsive design 30/36

31 Installation et création d un sous-thème Structure des fichiers, grilles Installation de et création d un sous-thème télécharger 5 (http://drupal.org/project/zen) le placer par exemple dans sites/all/themes dans le répertoire du site, taper drush zen "Mon joli thème" --without-rtl (ou bien suivre le README : copier STARTERKIT et renommer les fichiers et les fonctions) dans mon_joli_theme.info, choisir entre css/layouts/ fixed-width.css (pas de responsive) et css/layouts/ responsive-sidebars.scss Felip Manyer i Ballester, SASS, responsive design 31/36

32 Installation et création d un sous-thème Structure des fichiers, grilles Structure des fichiers config.rb divers paramètres, dont bascule entre dev et prod, et activation de FireSass.info notamment choix du layout (fixe ou adaptatif) css/ fichiers, pouvant être utilisés directement sass/ répertoire contenant les fichiers SASS, les sont alors générées et écrasées et ne doivent pas être sous gestion de version templates/ fichiers contenant les gabarits (balisage). Ce sont des êtres sensibles. Les respecter. template.php surcharges fonctions de preprocess et de theme Felip Manyer i Ballester, SASS, responsive design 32/36

33 Installation et création d un sous-thème Structure des fichiers, grilles Outils FireSass extension de Firebug permettant d afficher les numéros de ligne du fichier SASS et non Ctrl-Maj-M mode de visualisation en responsive design de Firefox compass compass compile pour générer les, compass clean pour les supprimer, compass watch pour regénérer les fichiers concernés à chaque sauvegarde Compass.app interface graphique pour Compass ($10) Felip Manyer i Ballester, SASS, responsive design 33/36

34 Installation et création d un sous-thème Structure des fichiers, grilles Grids Grids est une collection de mixins Compass permettant de gérer aisément les grilles à haut niveau ( «charge cognitive»), pouvant être utilisée en dehors de (http://zengrids.com/) avantage de SASS : pas de classes «de présentation» : la est calculée lors de sa génération démonstration : Felip Manyer i Ballester, SASS, responsive design 34/36

35

36 Installation et création d un sous-thème Structure des fichiers, grilles Conclusion 3, responsive design : de nouvelles perspectives pour un Web ouvert, universel, à défendre face aux risques de fragmentation qui persistent : la puissance du moteur de thème de Drupal mise en toute simplicité à disposition du themer, avec des outils désormais incontournables (SASS, Compass, grilles) sites non adaptatifs obsolescents. Intégration croissante du responsive dans nos outils (Drupal 8) propagez la bonne parole Felip Manyer i Ballester, SASS, responsive design 36/36

Celui qui vous parle. Yann Vigara

Celui qui vous parle. Yann Vigara Celui qui vous parle Yann Vigara Celui qui vous parle Yann Vigara Celui qui vous parle [Spa m] Yann Vigara Fondateur et directeur technique d'atomes Dans l'administration système depuis 1999 Tombé dans

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

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15 .. CSS Damien Nouvel Damien Nouvel (Inalco) CSS 1 / 15 Feuilles de styles Plan 1. Feuilles de styles 2. Sélecteurs 3. Attributs Damien Nouvel (Inalco) CSS 2 / 15 Feuilles de styles Déportation des styles

Plus en détail

Responsive Web Design (RWD)

Responsive Web Design (RWD) Responsive Web Design (RWD) CSS 3 et présentation avancée 1 Qu est ce que le responsive? Démo : Chrome + guardian.com 2 Qu est ce que le responsive? 3 Pourquoi? Explosion de la variété des supports source

Plus en détail

11/02/14 SITE WEB RÉACTIFS CONTEXTE ENVIRONNEMENT NAVIGATEURS PRINCIPES GÉNÉRAUX LES POINTS DE RUPTURE

11/02/14 SITE WEB RÉACTIFS CONTEXTE ENVIRONNEMENT NAVIGATEURS PRINCIPES GÉNÉRAUX LES POINTS DE RUPTURE 11/02/14 CONTEXTE SITE WEB RÉACTIFS S. LANQUETIN ENVIRONNEMENT Clavier (standard, mini, virtuel) Souris / doigt / stylet Rotation de l écran Performances CPU et GPU Capacité de stockage GPS Mobile/fixe

Plus en détail

Une interface moderne et multi devices avec Drupal Focus sur Omega

Une interface moderne et multi devices avec Drupal Focus sur Omega Une interface moderne et multi devices avec Drupal Focus sur Omega Romain Jarraud Formateur / consultant Drupal Anne- Sophie Picot Chef de projets Publier du contenu aujourd hui > Plateformes de consultation

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

HTML5 et CSS3 pour des sites Responsive Web Design

HTML5 et CSS3 pour des sites Responsive Web Design Chapitre 1 : Introduction A. Le design Web aujourd'hui 11 B. Le Responsive Web Design 11 C. Les approches dans la conception 12 D. Le lâcher-prise 12 E. Les objectifs du livre 13 F. Les outils de l intégrateur

Plus en détail

Bootstrap 3 pour l'intégrateur web CSS et Responsive Web Design

Bootstrap 3 pour l'intégrateur web CSS et Responsive Web Design Chapitre 1 : Introduction A. Le développement des sites Web 14 B. Les fonctionnalités de Bootstrap 14 C. La compatibilité avec les navigateurs 15 D. Télécharger les exemples 15 Chapitre 2 : Installer Bootstrap

Plus en détail

Présentation du Framework BootstrapTwitter

Présentation du Framework BootstrapTwitter COUARD Kévin HELVIG-LARBRET Blandine Présentation du Framework BootstrapTwitter IUT Nice-Sophia LP-SIL IDSE Octobre 2012 Sommaire I. INTRODUCTION... 3 Définition d'un framework... 3 A propos de BootstrapTwitter...

Plus en détail

Conception de sites web. Feuille de styles CSS

Conception de sites web. Feuille de styles CSS Conception de sites web Feuille de styles CSS M i s e e n p a g e : s o l u t i o n «v i e i l l e é c o l e» Mise en page par et par Long Vite illisible Peu souple Difficile à modifier

Plus en détail

Formation HTML / CSS. ar dionoea

Formation HTML / CSS. ar dionoea Formation HTML / CSS ar dionoea le HTML Hyper Text Markup Language langage descriptif composé de balises interprété par le navigateur page HTML = simple fichier texte (bloc notes, vim,...) les déclarations

Plus en détail

Système de publication pour l Internet. Patrick VINCENT pvincent@erasme.org

Système de publication pour l Internet. Patrick VINCENT pvincent@erasme.org SPIP Système de publication pour l Internet Patrick VINCENT pvincent@erasme.org PLAN 1- Modification de la mise en forme (appliquer un squelette existant) 2- Fonctionnement des squelettes 3- Boucles, filtres

Plus en détail

Intégrateur Web HTML5 CSS3

Intégrateur Web HTML5 CSS3 Intégrateur Web HTML5 CSS3 L objectif de la 3W Academy est de former des petits groupes d élèves à l intégration de sites internet ainsi qu à la création d applications web simples telles qu un blog ou

Plus en détail

Media queries : gérer différentes zones de visualisation

Media queries : gérer différentes zones de visualisation 2 Media queries : gérer différentes zones de visualisation Comme nous l avons vu au chapitre précédent, les CSS3 sont constituées de modules. Media queries est simplement l un d eux. Ce module permet d

Plus en détail

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

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

Plus en détail

CSS. M. Sassolas. L3Pro. Cours 2. Introduction. Le style. Conclusion TD/TP 2 / 16 CSS. M. Sassolas. L3Pro. Cours 2. Introduction. Le style.

CSS. M. Sassolas. L3Pro. Cours 2. Introduction. Le style. Conclusion TD/TP 2 / 16 CSS. M. Sassolas. L3Pro. Cours 2. Introduction. Le style. Cascading style sheets () pour XML Plan de la séance BDISE XML Mathieu Sassolas 1 IUT de Sénart Fontainebleau Département Informatique 2 La sélection des éléments où s applique le style Année 2015-2016

Plus en détail

Nouveautés joomla 3 1/14

Nouveautés joomla 3 1/14 Nouveautés joomla 3 1/14 Table des matières 1 Responsive... 1 2 Bootstrap... 1 3 LESS CSS intégré... 1 4. JUI (pour les développeurs d'extensions)... 1 5. Le Mambo days vs le Génial UX... 2 6. 7 étapes

Plus en détail

Création de sites web. INF0326 Outils bureautiques, logiciels et Internet

Création de sites web. INF0326 Outils bureautiques, logiciels et Internet Création de sites web INF0326 Outils bureautiques, logiciels et Internet Plan Création de pages web HTML et CSS Création de sites web avec WordPress Créer des pages web Partie 1 Système hypertexte Un système

Plus en détail

5. Donnez et expliquez 2 arguments justifiant la détection de capacités côté client plutôt que côté serveur, en utilisant l User Agent.

5. Donnez et expliquez 2 arguments justifiant la détection de capacités côté client plutôt que côté serveur, en utilisant l User Agent. Questions de cours LPSIL 2012/2013 1 1. Pour chaque type de site listé ci-dessous, indiquez la ou les approches d adaptation à utiliser parmi les 3 approches vues en cours (1 point) : - Site ayant 2 parties

Plus en détail

1 Module 1 : feuille de style, position des blocs, nombre d éléments

1 Module 1 : feuille de style, position des blocs, nombre d éléments Plugin d'habillage d'eva-web 4 Le plugin d'habillage d'eva-web permet de : adapter la position, la taille des divers éléments la composant choisir les couleurs de fonds des divers secteurs choisir la taille,

Plus en détail

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

Université Bordeaux, UF Mathématiques et Interactions Licence 2 MIASHS (2014/2015)

Université Bordeaux, UF Mathématiques et Interactions Licence 2 MIASHS (2014/2015) Université Bordeaux, UF Mathématiques et Interactions Licence 2 MIASHS (2014/2015) Conception de Sites Web Dynamiques : TD 2 HTML5 statique, feuille de style CSS, Mise en page, Framework Bootstrap http://www.labri.fr/perso/preuter/cswd2015

Plus en détail

Le 'sub-theming' avec LESS, SASS et COMPASS

Le 'sub-theming' avec LESS, SASS et COMPASS Le 'sub-theming' avec LESS, SASS et COMPASS Par Sylvain Aubé Intégrateur Web, Whisky Echo Bravo Track : Design/Usability Niveau : débutant www.drupalcampmontreal.com À propos du présentateur twitter.com/sylvainaube

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

Responsive Web Design. La Rochelle, Avril 2014

Responsive Web Design. La Rochelle, Avril 2014 Responsive Web Design La Rochelle, Avril 2014 Mohamed Belmokhtar Université de La Rochelle Germain Souquet Université de La Rochelle Sommaire Qu est-ce que le responsive web design? Les différentes approches

Plus en détail

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

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

Plus en détail

MOTEUR DE RENDU DE GRILLES DE DONNEES V1.2

MOTEUR DE RENDU DE GRILLES DE DONNEES V1.2 MOTEUR DE RENDU DE GRILLES DE DONNEES V1.2 Table des matières Introduction... 3 Fonctionnalités... 3 Bibliothèques requises... 3 Architecture... 4 La classe abstraite de rendu... 4 Le générateur de grille...

Plus en détail

UN SITE WEB RESPONSIVE EN UNE HEURE?

UN SITE WEB RESPONSIVE EN UNE HEURE? UN SITE WEB RESPONSIVE EN UNE HEURE?! O N O R H C P TO Raphaël Goetter Raphaël Goetter alsacreations.fr alsacreations.com goetter.fr knacss.com mobitest.me @goetter EN UNE HEURE, VOUS AVEZ DIT?!? R E N

Plus en détail

Conception Adaptative "Responsive Web Design"

Conception Adaptative Responsive Web Design Conception Adaptative "Responsive Web Design" Construire des interfaces web qui s'adaptent aux spécificités des terminaux sur lesquelles elles sont vues RWD in the wild quelques exemples : http://incredibletypes.com/

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

Grille fluide. Une grille fluide sert à structurer la mise en page, la rendre harmonieuse et faciliter le passage au responsive web design

Grille fluide. Une grille fluide sert à structurer la mise en page, la rendre harmonieuse et faciliter le passage au responsive web design Grilles Fluides CSS CREATION D UNE GRILLE FLUIDE Grille fluide Une grille fluide sert à structurer la mise en page, la rendre harmonieuse et faciliter le passage au responsive web design WWW.SUTTERLITY.FR

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

Le langage JavaScript TD N 3. Module IntegWEB MMI 1 2013/2014

Le langage JavaScript TD N 3. Module IntegWEB MMI 1 2013/2014 1 Le langage JavaScript TD N 3 Module IntegWEB MMI 1 2013/2014 Jeu les tables de multiplication 2 Code HTML 3 apprendre les tables de multiplication

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

Personnaliser vos écrans

Personnaliser vos écrans Personnaliser vos écrans Sommaire 1 Présentation 2 Mécanisme 3 Création du custom 3.1 Note 4 Création du dossier contenant les images personnalisées 4.1 Note 5 Création du dossier contenant le fichier

Plus en détail

Joomla! Création et administration d'un site web - Version numérique

Joomla! Création et administration d'un site web - Version numérique Avant-propos 1. Objectifs du livre 15 1.1 Orientation 15 1.2 À qui s adresse ce livre? 16 2. Contenu de l ouvrage 17 3. Conclusion 18 Introduction 1. Un peu d histoire pour commencer... 19 1.1 Du web statique

Plus en détail

Utilisation du CMS Joomla

Utilisation du CMS Joomla Utilisation du CMS Joomla Index Définition d un CMS Concept de base Joomla : l utilisation Terminologie Joomla Administration Le menu de l administration Arborescence Gestion des catégories Création d

Plus en détail

BTS Informatique de Gestion (lycée Rostand Chantilly) Initiation au PHP Fiche 5 Floats dynamiques - Page 1. Sommaire

BTS Informatique de Gestion (lycée Rostand Chantilly) Initiation au PHP Fiche 5 Floats dynamiques - Page 1. Sommaire Initiation au PHP Fiche 5 Floats dynamiques - Page 1 FICHE 5 Objectifs : Etre capable de gérer dynamiquement un site. Utiliser la propriété Float et la fonction include( ) Gérer à la fois du XHTML, du

Plus en détail

Gestion d identités PSL Exploitation IdP Authentic

Gestion d identités PSL Exploitation IdP Authentic Gestion d identités PSL Exploitation IdP Authentic Entr ouvert SCOP http ://www.entrouvert.com Table des matières 1 Arrêt et démarrage 2 2 Configuration 2 2.1 Intégration à la fédération............................

Plus en détail

MAGICA THEME PRESTASHOP RESPONSIVE. Compatible avec toutes les versions PRESTASHOP 1.6

MAGICA THEME PRESTASHOP RESPONSIVE. Compatible avec toutes les versions PRESTASHOP 1.6 MAGICA THEME PRESTASHOP RESPONSIVE MAGICA a été réalisé par PRESTA-THEME Compatible avec toutes les versions PRESTASHOP 1.6 MAGICA est facilement installable depuis votre back-office PRESTASHOP et compatible

Plus en détail

À la découverte de jquery Mobile

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

Plus en détail

Introduction à la conception de sites web

Introduction à la conception de sites web Introduction à la conception de sites web Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 9-16 janvier 2006 1- Les grands principes du web (1) Client / serveur réseau programmes communicants

Plus en détail

Recherche Indexée. Indexation automatique

Recherche Indexée. Indexation automatique Recherche Indexée Indexation automatique SOMMAIRE INTRODUCTION... 3 1 L EXTENSION INDEXED_SEARCH... 3 1.1 INSTALLATION... 3 1.2 CONFIGURATION A L INSTALLATION... 3 1.3 CONFIGURATION DU TEMPLATE PRINCIPAL...

Plus en détail

Les modèles (templates) de Dokuwiki

Les modèles (templates) de Dokuwiki Les modèles (templates) de Dokuwiki Le look de Dokuwiki est personnalisable via les nombreux modèles qui existent déjà, et ceux que vous pouvez créer! La page des modèles sur le site de Dokuwiki : http://wiki.splitbrain.org/wiki:tpl:templates

Plus en détail

Firefox : un navigateur web libre

Firefox : un navigateur web libre Firefox : un navigateur web libre Niveau débutant Niveau intermédiaire Niveau confirmé Firefox est un navigateur Web libre et gratuit qui a connu un succès croissant. Créé par la fondation Mozilla Firefox,

Plus en détail

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X Groupe Eyrolles, 2003, ISBN : 2-212-11317-X 3 Création de pages dynamiques courantes Dans le chapitre précédent, nous avons installé et configuré tous les éléments indispensables à la mise en œuvre d une

Plus en détail

Bac Professionnel Systèmes Electroniques Numériques

Bac Professionnel Systèmes Electroniques Numériques DR - Création d un site WEB TP Le HTML Pour créer un site web, on doit indiquer des informations à l'ordinateur. Il ne suffit pas de taper simplement le texte qu'il y aura dans son site, il faut aussi

Plus en détail

Pour en expliquer le principe, on se limitera à deux exemples :

Pour en expliquer le principe, on se limitera à deux exemples : Les Media Queries permettent donc de cibler : Le type de média La taille de l'écran La taille de la fenêtre La résolution Le nombre de couleurs L'orientation Pour en expliquer le principe, on se limitera

Plus en détail

Prototyper un site web avec Awestruct et Boostrap

Prototyper un site web avec Awestruct et Boostrap Prototyper un site web avec Awestruct et Boostrap On va parler de... Prototype Awestruct Bootstrap Bonus (GitHub, JSF) Prototyper : pourquoi? Mettre tout le monde d'accord Avoir un support concret Aide

Plus en détail

Administration de votre site web

Administration de votre site web Administration de votre site web WordPress Date de révision : 11/12/2012 1 Mestres All Dev, tous droits réservés, reproduction interdite. Sommaire Connexion... 3 Gestion des articles... 4 Créer un article...

Plus en détail

Thème Prestashop : 01 Oslo v1.0

Thème Prestashop : 01 Oslo v1.0 Thème Prestashop : 01 Oslo v1.0 (Pour Prestashop 1.6.0 au supérieur) Merci d avoir choisi 01 Oslo Table des matières Installation... 3 Installation automatique pour Prestashop 1.6.x... 3 Mise à jour du

Plus en détail

Elaboration de mise en page HTML en utilisant le CSS et les DIV avec Dreamweaver

Elaboration de mise en page HTML en utilisant le CSS et les DIV avec Dreamweaver Elaboration de mise en page HTML en utilisant le CSS et les DIV avec Dreamweaver Les bonnes pratiques du concepteur web moderne requièrent l usage des CSS pour la réalisation des mises en page. Les mises

Plus en détail

Livret d accueil web. Gérer votre site Ace Crédit en toute simplicité! 11 Place Jean-Paul II 57000 METZ T : 03 87 30 55 89 www.is-webdesign.

Livret d accueil web. Gérer votre site Ace Crédit en toute simplicité! 11 Place Jean-Paul II 57000 METZ T : 03 87 30 55 89 www.is-webdesign. Livret d accueil web Gérer votre site Ace Crédit en toute simplicité! 11 Place Jean-Paul II 57000 METZ T : 03 87 30 55 89 www.is-webdesign.com 1 Sommaire 1. Comment me connecter à l administration? 2.

Plus en détail

INTRODUCTION CHAPITRE 1

INTRODUCTION CHAPITRE 1 CHAPITRE 1 INTRODUCTION Query, qu est-ce que c est?... 11 HTML, CSS, JavaScript, PHP : qui fait quoi?... 16 Un environnement de développement simple et gratuit... 19 Ce que vous allez apprendre... 20 9

Plus en détail

les techniques d'extraction, les formulaires et intégration dans un site WEB

les techniques d'extraction, les formulaires et intégration dans un site WEB les techniques d'extraction, les formulaires et intégration dans un site WEB Edyta Bellouni MSHS-T, UMS838 Plan L extraction des données pour un site en ligne Architecture et techniques Les différents

Plus en détail

ADAPTATION DES INTERFACES. ROUYER Florian et BENNOUR Salah

ADAPTATION DES INTERFACES. ROUYER Florian et BENNOUR Salah ADAPTATION DES INTERFACES ROUYER Florian et BENNOUR Salah SOMMAIRE Sujet Android Ionic Comparaison Conclusion Sujet Plateforme de partage de livres Fonctionnalités : Géolocalisation Visualisation Map Visualisation

Plus en détail

TD1. Installation de Symfony 2 et Netbeans

TD1. Installation de Symfony 2 et Netbeans I - Introduction : TD1 Installation de Symfony 2 et Netbeans L objet de ce TP est d installer l environnement de travail. Nous commençons par définir des notions de base nécessaires pour comprendre la

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

Profils d installation sous Drupal 7

Profils d installation sous Drupal 7 Profils d installation sous Drupal 7 Felip Manyer i Ballester 18 décembre 2013 Felip Manyer i Ballester Profils d installation sous Drupal 7 1/23 Plan 1 Profils d installation Introduction Distributions

Plus en détail

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

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

Plus en détail

Groupe Eyrolles, 2008 ISBN : 978-2-212-12234-3

Groupe Eyrolles, 2008 ISBN : 978-2-212-12234-3 Groupe Eyrolles, 2008 ISBN : 978-2-212-12234-3 9 Les règles de styles Il est nécessaire de bien connaître les règles de styles mais, pour un usage performant de Dreamweaver, il est aussi utile de bien

Plus en détail

Versus Etude Technologique

Versus Etude Technologique VS Versus Etude Technologique 1 VS Contents Introduction... 3 Présentation des technologies... 3 Phonegap... 3... 3 Pour quels besoins?... 4 Comment ça fonctionne? Les models... 4 Phonegap... 5... 6 Comparatif...

Plus en détail

Menu Fichier de SalsaJ

Menu Fichier de SalsaJ Menu Fichier de SalsaJ Nouvelle image : ouvre une fenêtre «nouvelle image» ou pile d images. Cette fenêtre vous permet de spécifier le nom de l image, son type, ses dimensions et le nombre d images qu

Plus en détail

Version 4.0. Multinet Ressources Inc. Page 1 sur 13

Version 4.0. Multinet Ressources Inc. Page 1 sur 13 Version 4.0 Page 1 sur 13 Introduction Lorsque vous obtenez l accès à Méganet, votre site est déjà construit. C est-à-dire qu il a fait l objet d une étude de style selon les couleurs de votre entreprise

Plus en détail

Introduction à Eclipse

Introduction à Eclipse Introduction à Eclipse Eclipse IDE est un environnement de développement intégré libre (le terme Eclipse désigne également le projet correspondant, lancé par IBM) extensible, universel et polyvalent, permettant

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

Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web

Apprenez les langages HTML5, CSS3 et JavaScript pour créer votre premier site web Le Web 1. Qu est-ce que le Web? 7 1.1 Côté serveur : HTTP, FTP, langages, SQL 7 1.2 Côté client : HTML, CSS, JavaScript 10 2. Les langages et leur utilité 10 2.1 HTML 10 2.2 CSS 13 2.3 JavaScript 16 2.4

Plus en détail

Programmation Web. Madalina Croitoru IUT Montpellier

Programmation Web. Madalina Croitoru IUT Montpellier Programmation Web Madalina Croitoru IUT Montpellier Organisation du cours 4 semaines 4 ½ h / semaine: 2heures cours 3 ½ heures TP Notation: continue interrogation cours + rendu à la fin de chaque séance

Plus en détail

CATALOGUE DES FORMATIONS

CATALOGUE DES FORMATIONS CATALOGUE DES FORMATIONS WEB / GRAPHISME ADOBE ACROBAT PRO... 1 ADOBE PHOTOSHOP... 2 ADOBE INDESIGN... 3 ADOBE DREAMWEAVER... 4 ARTISTEER... 5 PREZI... 6 LE LANGAGE HTML... 7 LES FEUILLES DE STYLE CSS...

Plus en détail

RESPONSIVE DESIGN. Gobelins 2014.2015. Isabelle Biamonti

RESPONSIVE DESIGN. Gobelins 2014.2015. Isabelle Biamonti RESPONSIVE DESIGN Gobelins 2014.2015 Isabelle Biamonti Plan Principe général Exemples Sans responsive Avec responsive Versions séparées Responsive design ou versions séparées? Comment rendre un design

Plus en détail

Introduction à la programmation web

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

Plus en détail

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

Tutoriel d utilisation

Tutoriel d utilisation Tutoriel d utilisation JCE est l éditeur le plus complet pour Joomla! JCE est capable de gérer les mise en page comme un éditeur de type Word ou Open Office. Il permet d insérer des images et médias de

Plus en détail

Découvrez la nouvelle version de HelpDesk! HelpDesk 3.4. www.artologik.com. De nouvelles fonctions, plus de contrôle, mais toujours aussi simple!

Découvrez la nouvelle version de HelpDesk! HelpDesk 3.4. www.artologik.com. De nouvelles fonctions, plus de contrôle, mais toujours aussi simple! Une gestion effective et puissante des tickets en interne comme en externe! HelpDesk 3.4 www.artologik.com Découvrez la nouvelle version de HelpDesk! De nouvelles fonctions, plus de contrôle, mais toujours

Plus en détail

WORDPRESS : réaliser un site web

WORDPRESS : réaliser un site web WORDPRESS : réaliser un site web Wordpress est un système de gestion de contenu (ou CMS) libre. Il permet de créer des sites relativement complexes (blog, forum, site vitrine, site dynamique), sans qu

Plus en détail

Félicitations! Vous disposez désormais de votre armoire numérique en ligne.

Félicitations! Vous disposez désormais de votre armoire numérique en ligne. Félicitations! Vous disposez désormais de votre armoire numérique en ligne. Cette armoire va vous permettre : De mieux classer vos documents De mieux les retrouver De mieux les partager Ce petit guide

Plus en détail

Introduction JOOMLA. Fonctionnalités. Avantages. Hainaut P. 2013 - www.coursonline.be 1. Joomla est un système de gestion de contenu CMS open source

Introduction JOOMLA. Fonctionnalités. Avantages. Hainaut P. 2013 - www.coursonline.be 1. Joomla est un système de gestion de contenu CMS open source JOOMLA Introduction Joomla est un système de gestion de contenu CMS open source Il permet la conception rapide de sites Web avec une présentation soignée et une navigation très simple C est l outil idéal

Plus en détail

Introduction aux concepts d ez Publish

Introduction aux concepts d ez Publish Introduction aux concepts d ez Publish Tutoriel rédigé par Bergfrid Skaara. Traduit de l Anglais par Benjamin Lemoine Mercredi 30 Janvier 2008 Sommaire Concepts d ez Publish... 3 Système de Gestion de

Plus en détail

Systèmes de Gestion de Contenu

Systèmes de Gestion de Contenu Introduction aux de site Web Master 1 CAWEB Page 1/7 Introduction Définition CMS Content Management Systems : logiciels de conception et de mise à jour dynamique de site web ou d'application multimédia

Plus en détail

Joomla : un système de gestion de contenu

Joomla : un système de gestion de contenu CHAPITRE 2 Joomla : un système de gestion de contenu Si SGC est l abréviation française pour système de gestion de contenu, l abréviation CMS de l anglais Content Management System est le terme le plus

Plus en détail

INTEGRATEUR DEVELOPPEUR

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

Plus en détail

GalleryFP! pour les nuls

GalleryFP! pour les nuls GalleryFP! pour les nuls Module de Galeries Photos pour Joomla! GalleryFP pour Joomla! 2.5 et pour Joomla! 3 Ce document et l'illustration en couverture sont publiés sous la licence libre Creative Commons-BY-SA

Plus en détail

arcopole Studio Version 3.1

arcopole Studio Version 3.1 arcopole Studio Version 3.1 Documentation d installation Mise à jour depuis une version antérieure Site du programme arcopole : www.arcopole.fr Auteur du document : ESRI France Version de la documentation

Plus en détail

FORMATION WEBMASTER AVANCEE :

FORMATION WEBMASTER AVANCEE : FORMATION WEBMASTER AVANCEE : OBJECTIF : 300 HEU RE S - 4 MOIS Apprendre à créer des sites internet par diverses méthodes en apprenant les bases des différents langages que constituent la création de site

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. Pour un site

Plus en détail

TYPOlight de base Concept-Image Procédure d installation Version 2.7 RC2

TYPOlight de base Concept-Image Procédure d installation Version 2.7 RC2 TYPOlight de base Concept-Image Procédure d installation Version 2. RC2 Concept-Image Rennes - avril 2009 1 1 SOMMAIRE 1 SOMMAIRE 2 2 INSTALLATION DE TYPOLIGHT 3 2.1 Prérequis 3 2.1.1 Recommandations système

Plus en détail

Présentation et explications

Présentation et explications Présentation et explications 1 SOMMAIRE I) Introduction... 3 II) Installation... 3 1) Localement... 3 2) Chez un hébergeur... 4 Installation automatique... 4 Installation manuelle... 4 III) Interface de

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

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

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

Plus en détail

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

DOCUMENTATION MISE A JOUR ANTIBIOGARDE. V4.0 en v4.1

DOCUMENTATION MISE A JOUR ANTIBIOGARDE. V4.0 en v4.1 DOCUMENTATION MISE A JOUR ANTIBIOGARDE V4.0 en v4.1 Version d Antibiogarde 4.1 Version du document 1.0 Date dernière mise à jour du document 15/06/2010 Retrouvez cette doc à jour sur : http://www.antibiogarde.org/activation/

Plus en détail

CSS. papa alsacréations autodidacte sport formation écriture webmobile accessibilité photographie

CSS. papa alsacréations autodidacte sport formation écriture webmobile accessibilité photographie Web Mobile et CSS Comment adapter un design sur mobile Webdesign standards web intégration HTML papa alsacréations autodidacte sport formation écriture webmobile accessibilité photographie CSS www. www.goetter.fr

Plus en détail

DOTELEC Courrier WEB

DOTELEC Courrier WEB DOTELEC Courrier WEB Modification de la Version 8.20-03/2015 Gestion de favoris pour les contacts. Ajout d'une recherche dans l'entête des colonnes des listes de courriers. Evolution dans la modification

Plus en détail

Tp1 Ema EMACS Développement Web

Tp1 Ema EMACS Développement Web Tp1 Ema EMACS Développement Web 1/ Description de l application : Notre première application Web a pour objectif de gérer une liste de todo (truc à faire) : Diagramme de classe simplifié : Application

Plus en détail

Cours PHP. Cours en ligne Développement web PHP. Académie Libre info@academielibre.fr

Cours PHP. Cours en ligne Développement web PHP. Académie Libre info@academielibre.fr Cours PHP Cours en ligne Développement web PHP Académie Libre info@academielibre.fr Programme général du Cours PHP Module 1 Introduction et installation d un environnement PHP Unité 1 Introduction à PHP

Plus en détail

Le langage JAVASCRIPT

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

Plus en détail

COMMENT METTRE A JOUR SON SITE WEB?

COMMENT METTRE A JOUR SON SITE WEB? Un site web est d autant plus intéressant pour l internaute qu il est actualisé. A contrario, une information obsolète peut ternir l image de l entreprise (manque de dynamisme, manque de rigueur ). Différentes

Plus en détail

Tutoriel. Supports de textes compatibles : Compatible avec : Scan (OCR) Word 2007 (.docx) PDF. Safari Internet Explorer. (.odt) Web (.

Tutoriel. Supports de textes compatibles : Compatible avec : Scan (OCR) Word 2007 (.docx) PDF. Safari Internet Explorer. (.odt) Web (. Tutoriel Compatible avec : Chrome Firefox Supports de textes compatibles : Safari Internet Explorer Word 2007 (.docx) PDF Scan (OCR) Open Doc Page (.odt) Web (.html) Ce manuel est sous licence Creative

Plus en détail