VIVE LES TABLEAUX DE MISE EN PAGE! et si la solution était là depuis le début?

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

Download "VIVE LES TABLEAUX DE MISE EN PAGE! et si la solution était là depuis le début?"

Transcription

1 VIVE LES TABLEAUX DE MISE EN PAGE! et si la solution était là depuis le début? Raphaël Goetter ~ Paris Web 2011

2 Au tableau : élève Raphaël Goetter Dew

3 TABLE(AU) DES MATIERES (hé hé)

4 1. Les dessous de table 2. Comment noircir le tableau 3. Table ronde des alternatives 4. Faisons table rase du passé 5. Remettons-nous en cell! 6. Et si on passait à table? 7. Tables de la Loi 8. Des tableaux de maîtres 9. Encore une ombre au tableau? 10. Table de chevet = c'est quoi? = c'est naze! = le reste, c'est mieux? = cool des CSS! = hey ça marche! = mais c'est naze alors?

5 QUESTION DU JOUR 1 fétichisme?

6 QUESTION DU JOUR 2 voisin, voisine

7 AVOUEZ! «tableau, c'est le Mal!»

8 LE DESIGN WEB quelles techniques aujourd hui? float position: absolute

9 LE DESIGN WEB quelles techniques aujourd hui? position: relative frames <br><br><br> bidouilles bugs float marges négatives calques colspan frameworks CSS compatibilité spacer.gif <table> flux rowspan position: absolute reset commentaires conditionnels clear hacks

10 LE DESIGN WEB quelles techniques aujourd hui? position: relative frames <br><br><br> bidouilles bugs float marges négatives calques colspan frameworks CSS compatibilité spacer.gif <table> flux rowspan position: absolute reset commentaires conditionnels clear hacks

11 LE DESIGN WEB on ne devrait plus en être là! En attendant CSS3, et si les tableaux étaient la solution?

12 LE DESIGN WEB quelles techniques aujourd hui? position: relative frames <br><br><br> bidouilles bugs float marges négatives calques colspan frameworks CSS compatibilité spacer.gif <table> flux rowspan position: absolute reset commentaires conditionnels clear hacks

13 DESSOUS DE TABLE en mode «comment ça marche?»

14 DESSOUS DE TABLE De la naissance à la mise au bûcher 1996 naissance (3Ko, 54px) 1996 David Siegel «creating killer web sites» 1997 spécifications HTML Halelluia! 2000 au bûcher!

15 DESSOUS DE TABLE 1997

16 DESSOUS DE TABLE 2000

17 DESSOUS DE TABLE C'est quoi déjà un tableau?

18 DESSOUS DE TABLE C'est quoi déjà un tableau? <table> <tr> <td> cellule1 </td> <td> cellule2 </td> <td> cellule3 </td> </tr> </table>

19 DESSOUS DE TABLE C'est quoi déjà un tableau?

20 DESSOUS DE TABLE Particularités et avantages Blocs alignés parfaitement (sans sortir du flux)

21 DESSOUS DE TABLE Particularités et avantages Hauteurs identiques

22 DESSOUS DE TABLE Particularités et avantages Centrage horizontal et vertical simplissime

23 DESSOUS DE TABLE Particularités et avantages Compatible partout! (since 1997)

24 NOIRCIR LE TABLEAU les tableaux, c'est mal Un courant de pratique accompagnant les <table> : imbrications multiples, colspan, rowspan, border, bgcolor cellspacing, cellpadding, <font>, <center>, valign spacer.gif, etc.

25 les tableaux, c'est mal (1)

26 les tableaux, c'est mal (2)

27 les tableaux, c'est mal (3)

28 les tableaux, c'est mal (4)

29 les tableaux, c'est mal (5)

30 les tableaux, c'est mal (6)

31 les tableaux, c'est mal (7)

32 les tableaux, c'est mal (8)

33 NOIRCIR LE TABLEAU les tableaux, c'est mal Mais que leur reproche-t-on au juste?

34 1 LOURDS, COMPLEXES imbroglio et soupe de tags au menu

35 2 PEU FLEXIBLES colonnes et cellules figées

36 3 PAS ACCESSIBLES suivi impossible sur lecteurs d'écran

37 4 PAS PERFORMANTS chargement de tout le tableau avant de l'afficher

38 5 INCONTRÔLABLES les contenus font éclater les cellules

39 6 PAS SEMANTIQUES c'est pas fait pour ça!

40 7 ET LES MOBILES? «le Web mobile a tué les tableaux»

41 8 BALISES SUPERFLUES <table> et <tr> obligatoires pour bénéficier d'un <td>

42 9 METHODE OBSOLETE vive le code des années 90!

43

44 TABLE RONDE DES ALTERNATIVES les tableaux sont le Mal, alors on fait quoi? On bidouille!

45 TABLE RONDE DES ALTERNATIVES pas de tableaux? on remplace toutes les cellules par des <div>! </div> </div> </div> ici le site d'une agence web

46 TABLE RONDE DES ALTERNATIVES pas de tableaux? ou par d'autres éléments ici <dl>, <dd>, <dt>

47 TABLE RONDE DES ALTERNATIVES éléments côte à côte? float (pas conçu pour ça au départ, alambiqué) Bug Bug Bug Bug Bug Bug Bug Bug...

48 TABLE RONDE DES ALTERNATIVES hauteurs de colonnes identiques? faux-columns (image qui se répète) background.jpg (trèèèès long)

49 TABLE RONDE DES ALTERNATIVES centrage vertical? <div> obscurs calculs de demi-hauteur (avec JavaScript), + positionnement absolu en % avec marges négatives e=mc²

50 TABLE RONDE DES ALTERNATIVES hauteur 100% avec pied de Xpx en bas? JavaScript calcul de hauteur CSS3 height : calc(100%50px) CSS3 box-sizing : content-box

51 TABLE RONDE DES ALTERNATIVES séparateur (bordure) entre deux blocs? Image de fond sur le parent largeur fixe CSS3 multicolonnes Lorem Elsass ipsum schnaps id, libero, suspendisse adipiscing Mauris gewurztraminer gal Chulien schpeck sit ch'ai libero. Spätzle und mollis Hans munster porta geht's Strasbourg Heineken

52 MIEUX? VRAIMENT MIEUX? faux-columns CSS3 JavaScript s g u b t e t floa divite marges négative s

53 FAISONS TABLE RASE DU PASSE dans la pratique, les inconvénients des tableaux HTML sont souvent exagérés

54 POSTULAT deux blocs voisins de même hauteur

55 POSTULAT deux blocs voisins de même hauteur float hors du flux réorganisation des autres éléments dépassement du conteneur propriété clear ajout d élément HTML inutile bugs des navigateurs + création d une image de fond qui se répète («faux-column») maintenance fastidieuse + largeurs fixes, etc.

56 1 SOUPE DE TAGS? ah, on n'est pas obligé d'avoir des tableaux partout dans la page? <table> <tr> <td>menu</td> <td>contenu</td> <tr> </table>

57 1 SOUPE DE TAGS? ah, on n'est pas obligé d'avoir des tableaux partout dans la page? pas obligé d'imbriquer les éléments pas obligé de structurer toute la page en tableau pas obligé d'utiliser colspan / rowspan

58 2 PEU FLEXIBLES? mais c'est pas ce qu'on veut?

59 2 PEU FLEXIBLES? mais c'est pas ce qu'on veut? on souhaite justement deux colonnes indissociables on cherche justement obtenir les avantages que cela procure

60 3 PAS ACCESSIBLES? un tableau «linéarisable» est parfaitement accessible Accessiweb 2.1 : Le contenu linéarisé reste compréhensible Soit summary="" soit pas de summary Le tableau de mise en forme ne doit pas posser de balises caption, th, thead, tfoot Les cellules du tableau de mise en forme (balise td) ne doivent pas posséder d'attributs scope, headers, colgroup, axis.

61 4 PAS PERFORMANTS? table-layout, vous connaissez? 300 pixels

62 4 PAS PERFORMANTS? table-layout, vous connaissez? 400 pixels

63 4 PAS PERFORMANTS? table-layout, vous connaissez? table { table-layout : fixed ; } 300 pixels

64 4 PAS PERFORMANTS? table-layout, vous connaissez? table { table-layout : fixed ; } Le moteur de navigateur connaît dès le départ la largeur du tableau et peut l'afficher 6 OK!

65 5 INCONTRÔLABLES? table-layout, qu'on vous dit! table-layout : fixed Le conteneur «tableau» n'est plus dépendant de la largeur de ses contenus. Il conserve les dimensions qu'on lui a fixées. YAY.

66 6 PAS SEMANTIQUES? c'est pas fait pour ça! stoo OK, soit. On y reviendra

67 7 ET LES MOBILES? iphone a tué les tableaux HTML OK, soit. On y reviendra

68 8 BALISES SUPERFLUES? table, tr, td... c'est trop! OK, soit. On y reviendra

69 9 METHODE OBSOLETE? génération 90's OK, soit. On y reviendra

70

71 CONCLUSION? on y gagne sur plusieurs tableaux! Des inconvénients? Oui Des avantages? Oui

72 CONCLUSION? on y gagne sur plusieurs tableaux! Je n'ai pas dit...

73 REMETTONS-NOUS EN CELL! et si la solution était... CSS?

74 DISPLAY vous connaissez? block inline none

75 DISPLAY vous connaissez? inline-block list-item

76 DISPLAY vous connaissez? table, table-cell, table-row, table-caption, inline-table, table-header-group, table-footer-group, etc.

77 DISPLAY CSS table model <table> <tr> td>, <th> <caption> <thead> <tbody> <tfoot> <col> <colgroup> display : table display : table-row display : table-cell display : table-caption display : table-header-group display : table-row-group display : table-footer-group display : table-column display : table-column-group

78 DISPLAY CSS table model <table> <tr> <td>menu</td> <td>contenu</td> <tr> </table> <nav>menu</nav> <article>contenu</article> nav, article { display : table-cell ; }

79 DISPLAY CSS table model Séparation fond-forme \o/

80 DEMOS Vive les tableaux de mise en page! 1- Hauteurs de frères identiques 2- Alignement vertical 3- Site de 100% de haut avec pied de page de hauteur fixe 4- Répartition de la largeur restante 5- Répartition de la hauteur restante 6- Menu de navigation

81 DEMOS Vive les tableaux de mise en page! Bonus : Apple!

82 DEMOS Vive les tableaux de mise en page! Bonus : Apple!

83 DISPLAY CSS table model 6- pas sémantique -> [résolu] 7- impossible de gérer plusieurs médias -> [résolu] 8- balises superflues -> [résolu] 9- obsolescence de la méthode -> [résolu]

84

85 ET SI ON PASSAIT A TABLE? compatibilités navigateurs

86 ET SI ON PASSAIT A TABLE? compatibilités navigateurs OK

87 ET SI ON PASSAIT A TABLE? compatibilités navigateurs OK OK

88 ET SI ON PASSAIT A TABLE? compatibilités navigateurs OK OK OK

89 ET SI ON PASSAIT A TABLE? compatibilités navigateurs OK OK OK OK

90 ET SI ON PASSAIT A TABLE? compatibilités navigateurs OK OK OK OK OK euh oui enfin... à partir de IE8

91 ET SI ON PASSAIT A TABLE? compatibilités navigateurs IE6+IE7 8%

92 ET SI ON PASSAIT A TABLE? compatibilités navigateurs IE6+IE7 6%

93 ET SI ON PASSAIT A TABLE? compatibilités navigateurs CSS2 Table display (caniuse.com)

94 ET SI ON PASSAIT A TABLE? compatibilités navigateurs CSS3 Flexible box layout (caniuse.com)

95 ET SI ON PASSAIT A TABLE? compatibilités navigateurs CSS3 Grid Layout (caniuse.com)

96 ET SI ON PASSAIT A TABLE? compatibilités navigateurs Fallback : display-table.htc (2ko)

97 TABLES DE LA LOI anges et démos

98 TABLES DE LA LOI anges et démos 1. les colonnes sont parfaites et toujours de même longueur, sans besoin de bidouilles, 2. les éléments alentours ne nécessitent pas de traitement de faveur (clear ou autre), puisque tout demeure dans le flux courant, 3. la gestion des alignements verticaux, notamment du centrage, devient élémentaire, 4. la fluidité des blocs est innée : finie le casse-tête du pied de page toujours collé en bas quelle que soit la longueur de la page, ou les éléments devant occuper toute la hauteur de page moins X pixels, 5. il est même envisageable de réordonner du contenu et de passer visuellement un élément prioritairement à d autres en jouant avec la valeur table-caption

99 TABLEAUX DE MAÎTRES pour aller encore plus loin

100 TABLEAUX DE MAÎTRES pour aller encore plus loin table-layout : remettez-vous en cell (démo) border-collapse : surveillez votre tableau de bord (démo) border-spacing (ex- cellspacing) (démo) 2 valeurs possibles empty-cells / :empty : débarrassez-vous des cellules mortes (démo) lignes paires impaires (nth-child) (démo) Styler des colonnes : col, nth-child ou th+td+td Jouer avec table-caption : Réordonnement des blocs (aussi avec table-header-group et table-footer-group) : pensez aux dessous de table (démo)

101 ENCORE UNE OMBRE AU TABLEAU dérives et excès Full tableaux tableaux imbriqués colspan, rowspan etc.

102 ENCORE UNE OMBRE AU TABLEAU dérives et excès

103 ENCORE UNE OMBRE AU TABLEAU lacunes Pas de padding sur les éléments en table-row, table-row-group, tableheader-group, table-footer-group, table-column-group et table-column.

104 ENCORE UNE OMBRE AU TABLEAU lacunes Pas de padding sur les éléments en table-row, table-row-group, tableheader-group, table-footer-group, table-column-group et table-column. Autres lacunes de table-row : pas de position, width, min/max-width, min/max-height, vertical-align, border, padding, margin, overflow

105 ENCORE UNE OMBRE AU TABLEAU lacunes Pas de padding sur les éléments en table-row, table-row-group, tableheader-group, table-footer-group, table-column-group et table-column. Autres lacunes de table-row : pas de position, width, min/max-width, min/max-height, vertical-align, border, padding, margin, overflow table-caption : 1 seul par tableau

106 ENCORE UNE OMBRE AU TABLEAU lacunes Pas de padding sur les éléments en table-row, table-row-group, tableheader-group, table-footer-group, table-column-group et table-column. Autres lacunes de table-row : pas de position, width, min/max-width, min/max-height, vertical-align, border, padding, margin, overflow table-caption : 1 seul par tableau positionnement absolu impossible directement au sein d'un table-cell

107 TABLE DE CHEVET l'indispensable «Everything you know about CSS is wrong!» Rachel Andrew & Kevin Yank Sitepoint 1998 ISBN-13:

108 MERCI! «In Vino Veri Table» Raphaël Goetter twitter PS : attention aux excès de table

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

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

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

E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE

E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE mcbenveniste@gmail.com 09/2013 E-MAILING & NEWSLETTER L e-mailing consiste à envoyer des emails simultanément à un nombre important de destinataires dont le

Plus en détail

HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP

HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP IFT1147 Programmation Serveur Web avec PHP Un bref survol du langage HTML HMTL HTML: Hypertext Markup Language HTML est essentiellement un langage de description de structure de document (par exemple titre,

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

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

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

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

Plus en détail

Tutoriel : Feuille de style externe

Tutoriel : Feuille de style externe Tutoriel : Feuille de style externe Vous travaillerez à partir du fichier cerise.htm que vous ouvrirez dans NVU. Commencez par remplacer le contenu de la balise Title par : Comment débuter une recherche?

Plus en détail

1. La notion de cascade

1. La notion de cascade HTML 5 et CSS 3 (partie 2) Objectifs Connaître quelques notions avancées de CSS 3, Appréhender l affichage, Introduction au Responsive Web Design. 1. La notion de cascade On constate que l on peut avoir

Plus en détail

{less} Guide de démarrage

{less} Guide de démarrage {less Guide de démarrage Pré requis L'utilisation d'un pré processeur css nécessite son installation préalable. Vous pouvez choisir de tout installer du coté du serveur ou du coté du client. Votre site

Plus en détail

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations

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

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

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

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

Optimiser les e-mails marketing Les points essentiels

Optimiser les e-mails marketing Les points essentiels Optimiser les e-mails marketing Les points essentiels Sommaire Une des clés de succès d un email marketing est la façon dont il est créé puis intégré en HTML, de telle sorte qu il puisse être routé correctement

Plus en détail

HTML, CSS, JS et CGI. Elanore Elessar Dimar

HTML, CSS, JS et CGI. Elanore Elessar Dimar HTML, CSS, JS et CGI Elanore Elessar Dimar Viamen GPAs Formation, 13 avril 2006 Sommaire Qu est-ce que HTML? HTML : HyperText Marckup Language XML : extensible Marckup Language Qu est-ce que HTML? HTML

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

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

Guide de réalisation d une campagne e-mail marketing

Guide de réalisation d une campagne e-mail marketing Guide de réalisation d une campagne e-mail marketing L ère des envois d e-mails en masse est révolue! Laissant la place à une technique d e-mail marketing ciblé, personnalisé, segmenté et pertinent. La

Plus en détail

Normes techniques 2011

Normes techniques 2011 Normes techniques 2011 Display classique Formats Livrables Footer p 2 p 3 p 4 Opérations spéciales Publi-rédactionnel Jeu concours Quiz Lien partenaire Habillage Accueil panoramique Sponsoring de rubrique

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

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

Formation : WEbMaster

Formation : WEbMaster Formation : WEbMaster Objectif et Description : Centre Eclipse vous propose une formation complète WebMaster, vous permettant de : Utiliser dès maintenant les nouveautés du web2, ainsi alléger les besoins

Plus en détail

L'accessibilité des applications web mobiles

L'accessibilité des applications web mobiles L'accessibilité des applications web mobiles ou la véritable histoire d un projet web mobile (très) grand public vu par ses utilisateurs Contée par Sébastien Delorme, Atalan Casting Critiques «Une histoire

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

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

3. RÉALISATION ET QUALIFICATION D UN PROTOTYPE 3.1 Réalisation d un prototype CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML

3. RÉALISATION ET QUALIFICATION D UN PROTOTYPE 3.1 Réalisation d un prototype CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML Page:1/20 CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML Objectifs de l activité pratique : Notions sur le HTML, le WEB et le W3C Créer une page web statique au format HTML : - les marqueurs ou balises

Plus en détail

Mise à jour : janvier 2015 POURQUOI ET COMMENT OPTIMISER LES VISUELS

Mise à jour : janvier 2015 POURQUOI ET COMMENT OPTIMISER LES VISUELS Mise à jour : janvier 2015 POURQUOI ET COMMENT OPTIMISER LES VISUELS QUI EST MAXIWEB? Maxiweb est une agence digitale pas comme les autres. Un seul objectif : faire de vous le ROI Pôle Consulting Pôle

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

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

Utilisation de l éditeur.

Utilisation de l éditeur. Utilisation de l éditeur. Préambule...2 Configuration du navigateur...3 Débloquez les pop-up...5 Mise en évidence du texte...6 Mise en évidence du texte...6 Mise en page du texte...7 Utilisation de tableaux....7

Plus en détail

// HTML, Javascript XHTML & CSS

// HTML, Javascript XHTML & CSS design graphique / web design // HTML, Javascript XHTML & CSS version 1.0 date 28 / 04 / 2010 auteur Loïc Swiny contact mr@sweeen.com // sommaire HTML 01. Introduction au langage HTML 02. Introduction

Plus en détail

Responsive Web design, périphériques mobiles et accessibilité

Responsive Web design, périphériques mobiles et accessibilité Responsive Web design, périphériques mobiles et accessibilité Qui suis-je? Victor Brito Situé près de Paris, dans la France non voisine Intégrateur HTML / CSS freelance Expert Accessiweb en évaluation

Plus en détail

TD HTML AVEC CORRECTION

TD HTML AVEC CORRECTION TD HTML AVEC CORRECTION On utilisera Notepad++ comme éditeur sur Windows Vous créez un répertoire www sous vos répertoires personnels et vous mettrez vos pages dedans. Créez vos fichiers HTML et n oubliez

Plus en détail

Un mini-site internet en une après-midi

Un mini-site internet en une après-midi Prérequis Posséder un ordinateur équipé d un logiciel pour écrire des fichiers texte simples, (SimpleText, BlocNotes, etc...), d un logiciel de Navigation Internet (InternetExplorer, Netscape, Mozilla,

Plus en détail

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 MAILING Table des matières KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 INSERER UNE IMAGE (OU UNE PHOTO) PAS DE COPIER / COLLER... 5 INSERER UN TABLEAU...

Plus en détail

Relever le défi du Web mobile

Relever le défi du Web mobile Relever le défi du Web mobile Bonnes pratiques de conception et développement François Daoust Dominique Hazaël-Massieux Groupe Eyrolles, 2011, ISBN : 978-2-212-12828-4 4 Les bases d un bon site web mobile

Plus en détail

Notice d accessibilité HTML, CSS et JavaScript

Notice d accessibilité HTML, CSS et JavaScript Notice d accessibilité HTML, CSS et JavaScript Date Version État / commentaires 10 sept. 2015 2.0 Cette version prend en compte WCAG 2.0 et RGAA 3.0. En partenariat avec : Air Liquide Atos BNP Paribas

Plus en détail

CONCEPTION D E-MAILS ADAPTATIFS

CONCEPTION D E-MAILS ADAPTATIFS CONCEPTION D E-MAILS ADAPTATIFS SELLIGENT Le contenu de ce manuel porte sur du matériel protégé par les droits d auteurs appartenant à Selligent. Ce manuel ne peut être ni reproduit, en tout ou en partie,

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

www.evogue.fr SUPPORT DE COURS / HTML

www.evogue.fr SUPPORT DE COURS / HTML L i a m T A R D I E U www.evogue.fr SUPPORT DE COURS / HTML Sommaire Sommaire... 2 Présentation... 3 Introduction... 3 Fonctionnement... 3 Historique... 4 Navigateurs... 6 Définition... 6 Historiquement...

Plus en détail

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING Durée : 3J / 21H Formateur : Consultant expert en PAO et Web-marketing. Groupe de : 4 max Formation au web marketing Objectifs : Mettre en oeuvre des

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

Bernard Lecomte. Débuter avec HTML

Bernard Lecomte. Débuter avec HTML Bernard Lecomte Débuter avec HTML Débuter avec HTML Ces quelques pages ont pour unique but de vous donner les premiers rudiments de HTML. Quand vous les aurez lues, vous saurez réaliser un site simple.

Plus en détail

145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com

145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com Guide de l utilisateur CMS 1 Navigation dans le CMS... 2 1.1 Menu principal... 2 1.2 Modules tableau... 3 1.3 Modules formulaire... 5 1.4 Navigation dans le site Web en mode édition... 6 2 Utilisation

Plus en détail

Pack Fifty+ Normes Techniques 2013

Pack Fifty+ Normes Techniques 2013 Pack Fifty+ Normes Techniques 2013 Nos formats publicitaires par site 2 Normes techniques 2013 Display classique Pavé vidéo Footer Accueil panoramique Publi rédactionnel Quiz Jeu concours Emailing dédié

Plus en détail

Créer une base de données vidéo sans programmation (avec Drupal)

Créer une base de données vidéo sans programmation (avec Drupal) Créer une base de données vidéo sans programmation (avec Drupal) 10.10.2013 Nicolas Bugnon (nicolas.bugnon@alliancesud.ch) Centre de documentation Alliance Sud www.alliancesud.ch Résultat de l atelier

Plus en détail

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée.

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée. Créer un site Internet à l aide du logiciel NVU Le logiciel NVU, permet l édition Wysiwyg (What You See, Is What You Get, ce que vous voyez, est ce que vous obtenez ) d un site internet. Vous rédigez le

Plus en détail

La balise object incorporer du contenu en HTML valide strict

La balise object incorporer du contenu en HTML valide strict Qu'est ce que la balise object La balise object incorporer du contenu en HTML valide strict Beaucoup de monde insère des médias dans leur page web avec la balise non standard . Pourtant il existe

Plus en détail

Optimisation des e-mails pour les supports mobiles. Améliorez vos taux de clics sans augmenter votre charge de travail.

Optimisation des e-mails pour les supports mobiles. Améliorez vos taux de clics sans augmenter votre charge de travail. Enterprise Email Marketing Solutions & Services 27% DES E-MAILS SONT OUVERTS SUR SUPPORTS MOBILES Optimisation des e-mails pour les supports mobiles Améliorez vos taux de clics sans augmenter votre charge

Plus en détail

Formation Webmaster : Création de site Web Initiation + Approfondissement

Formation Webmaster : Création de site Web Initiation + Approfondissement Contactez notre équipe commerciale au 09.72.37.73.73 Aix en Provence - Bordeaux - Bruxelles - Geneve - Lille - Luxembourg - Lyon - Montpellier - Nantes - Nice - Paris - Rennes - Strasbourg - Toulouse Formation

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

Manuel Utilisateur. Boticely

Manuel Utilisateur. Boticely Manuel Utilisateur Boticely Auteur : Logica Version : 1.4 Droit d auteur Ce texte est disponible sous contrat Creative Commons Paternité - Pas d'utilisation Commerciale - Partage des Conditions Initiales

Plus en détail

Responsive Design. Technologies du web. Stéphane Bouvry, 2014

Responsive Design. Technologies du web. Stéphane Bouvry, 2014 Responsive Design Technologies du web Stéphane Bouvry, 2014 1. Objectif Utilisation de CSS pour la mise en page 2. Diapos Le responsive design : http://goo.gl/dmh8is 3. Grille fluide Dans cette partie,

Plus en détail

LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation

LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation ING 01 LANGAGUE JAVA Durée : 21 heures 1090 HT / jour Dates : à définir en 2012 Concevoir et développer des programmes en langage Java Comprendre le fonctionnement de la machine virtuelle S approprier

Plus en détail

Webmaster / Webdesigner / Wordpress

Webmaster / Webdesigner / Wordpress Webmaster / Webdesigner / Wordpress Pré-requis : Projet professionnel. Bonne maîtrise de l'ordinateur. Bases en infographie et / ou traitement de texte fortement recommandées. Objectifs : Concevoir un

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

BUREAUTIQUE. 1 Journée. Maîtriser les fonctions de base du logiciel

BUREAUTIQUE. 1 Journée. Maîtriser les fonctions de base du logiciel BUREAUTIQUE Maîtriser les fonctions de base du logiciel Premiers pas dans Word - Présentation de l interface - Mode affichage écran - Méthode de Sélection, de Déplacement - La gestion crante des documents

Plus en détail

Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s

Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s Mickaël Mickaël BLANCHARD BLANCHARD Préface de Sébastien L e p e r s Magento Préface de Sébastien L e p e r s Magento Réussir son site e-commerce Réussir son site e-commerce Groupe Eyrolles, 2010, ISBN

Plus en détail

Du livre enrichi et de l EPUB 3

Du livre enrichi et de l EPUB 3 Assises Professionnelles du Livre A l heure du numérique 8 novembre 2011-14h00-18h00 Institut océanographique de Paris Du livre enrichi et de l EPUB 3 Les termes suivis d un astérisque sont définis dans

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

Optimiser les performances d un site web. Nicolas Chevallier Camille Roux

Optimiser les performances d un site web. Nicolas Chevallier Camille Roux Optimiser les performances d un site web Nicolas Chevallier Camille Roux Intellicore Tech Talks Des conférences pour partager son savoir Le mardi au CICA Sophia Antipolis http://techtalks.intellicore.net

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

Formation tableur niveau 1 (Excel 2013)

Formation tableur niveau 1 (Excel 2013) Formation tableur niveau 1 (Excel 2013) L objectif général de cette formation est de repérer les différents éléments de la fenêtre Excel, de réaliser et de mettre en forme un tableau simple en utilisant

Plus en détail

Dévéloppement de Sites Web

Dévéloppement de Sites Web 1 Dévéloppement de Sites Web Cours II : Internet et HTML - une très brève introduction Peter Stockinger Séminaire de Maîtrise en Communication Interculturelle à l'institut National des Langues et Civilisations

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

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

Votre site Internet avec FrontPage Express en 1 heure chrono

Votre site Internet avec FrontPage Express en 1 heure chrono 1.1. Précautions préliminaires Votre site Internet avec FrontPage Express en 1 heure chrono Le contenu de ce site n'est pas très élaboré mais il est conçu uniquement dans un but pédagogique. Pour débuter,

Plus en détail

TP 5 Les CMS, la forme et le fond Internet et Outils (IO2)

TP 5 Les CMS, la forme et le fond Internet et Outils (IO2) TP 5 Les CMS, la forme et le fond Internet et Outils (IO2) Un site, tel que vous avez appris à en programmer jusqu à maintenant, contenant un ensemble de pages HTML embellies de quelques feuilles de styles,

Plus en détail

INTRODUCTION A JAVA. Fichier en langage machine Exécutable

INTRODUCTION A JAVA. Fichier en langage machine Exécutable INTRODUCTION A JAVA JAVA est un langage orienté-objet pur. Il ressemble beaucoup à C++ au niveau de la syntaxe. En revanche, ces deux langages sont très différents dans leur structure (organisation du

Plus en détail

WordPress Référencement naturel (SEO) Optimiser. son référencement. Daniel Roch. Préface d Olivier Andrieu

WordPress Référencement naturel (SEO) Optimiser. son référencement. Daniel Roch. Préface d Olivier Andrieu Daniel Roch Optimiser son référencement WordPress Référencement naturel (SEO) Préface d Olivier Andrieu Groupe Eyrolles, 2013, ISBN : 978-2-212-13714-9 Table des matières AVANT-PROPOS... 1 Pourquoi ce

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

Association UNIFORES 23, Rue du Cercler 87000 LIMOGES

Association UNIFORES 23, Rue du Cercler 87000 LIMOGES RAPPORT DE STAGE Association UNIFORES 23, Rue du Cercler 87000 LIMOGES LOHUES Théo BTS SIO 1 ère année Lycée suzanne valadon 2013-2014 Table des matières I. Présentation de l'entreprise...3 II. Description

Plus en détail

Manuel utilisateur du CMS Anan6

Manuel utilisateur du CMS Anan6 Manuel utilisateur du CMS Anan6 Sommaire Fonctionnalités générales 05 - Paramétrage du navigateur 06 - Connexion au CMS Anan6 07 - Visualisation de l interface du CMS 08 - Détails de la liste des composants

Plus en détail

Zen, SASS, responsive design

Zen, SASS, responsive design , SASS, responsive design Felip Manyer i Ballester Res Telæ 21 mai 2013 Felip Manyer i Ballester, SASS, responsive design 1/36 Plan 1 Créer un thème sous Drupal Généralités Concepts à mettre en œuvre Typologie

Plus en détail

JAHIA 6. Création et modification de sites web UniNE

JAHIA 6. Création et modification de sites web UniNE JAHIA 6 Création et modification de sites web UniNE Janvier 2012 TABLE DES MATIÈRES 1 MODIFIER UN SITE : PRINCIPES DE BASE... 1 1.1 ADMINISTRATEUR DU SITE... 1 1.2 LOGIN (AUTHENTIFICATION)... 1 2 LES

Plus en détail

Avant-propos FICHES PRATIQUES EXERCICES DE PRISE EN MAIN CAS PRATIQUES

Avant-propos FICHES PRATIQUES EXERCICES DE PRISE EN MAIN CAS PRATIQUES Avant-propos Conçu par des pédagogues expérimentés, son originalité est d être à la fois un manuel de formation et un manuel de référence complet présentant les bonnes pratiques d utilisation. FICHES PRATIQUES

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

Creation d une page Web

Creation d une page Web Création des pages web 1 Creation d une page Web Par Romica TRANDAFIR Table des matières 4. Création des pages web... 2 4.1. Présentation générale du langage HTML...2 4.2. Les principales balises du langage

Plus en détail

Initiation à html et à la création d'un site web

Initiation à html et à la création d'un site web Initiation à html et à la création d'un site web Introduction : Concevoir un site web consiste à définir : - l'emplacement où ce site sera hébergé - à qui ce site s'adresse - le design des pages qui le

Plus en détail

Création de formulaires interactifs

Création de formulaires interactifs SESSION 16 Création de formulaires interactifs Programme de la session Lancer un sondage en utilisant divers éléments d'entrée de formulaire Traiter les entrées utilisateur Activer un script à partir d'un

Plus en détail

Un jour, une question Réponse à une problématique issue de la liste GTA *

Un jour, une question Réponse à une problématique issue de la liste GTA * Un jour, une question Réponse à une problématique issue de la liste GTA * GTA* : Groupe de Travail AccessiWeb LE NIVEAU D ACCESSIBILITÉ DES BOUTONS DE PARTAGE DE CONTENU DES RÉSEAUX SOCIAUX Victor Brito

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

Sana Sellami. sana.sellami@lsis.org Licence Professionnelle SIL 2011-2012

Sana Sellami. sana.sellami@lsis.org Licence Professionnelle SIL 2011-2012 Sana Sellami sana.sellami@lsis.org Licence Professionnelle SIL 2011-2012 Connaître les principales techniques pour la création de sites web Se familiariser avec les langages du web Rendre dynamique le

Plus en détail

Comment insérer une image de fond?

Comment insérer une image de fond? COMMUNICATION VISUELLE Mise en page à l aide d un traitement de texte Comment insérer une image de fond? Image Plein papier ou au Format utile qu est-ce que cela veut dire? La mise en page d un document

Plus en détail

2 S I M 1 P H O N E G U I D E U T I L I S A T E U R. Guide d utilisation E-commerce / Prestashop

2 S I M 1 P H O N E G U I D E U T I L I S A T E U R. Guide d utilisation E-commerce / Prestashop 2 S I M 1 P H O N E G U I D E U T I L I S A T E U R Guide d utilisation E-commerce / Prestashop 1 2 S I M 1 P H O N E S O M M A I R E 1. Noms d utilisateurs et mots de passe..... Page 3 Adresse mail Prestashop

Plus en détail

Formation > Développement > Internet > Réseaux > Matériel > Maintenance

Formation > Développement > Internet > Réseaux > Matériel > Maintenance Formation > Développement > Internet > Réseaux > Matériel > Maintenance SOMMAIRE 1. ACCEDER A L'INTERFACE D'ADMINISTRATION...5 1.1. Le navigateur... 5 1.2. L'interface d'administration... 5 2. METTRE

Plus en détail

Parcours guidé : créer des pages simples au format html avec Nvu 28/1/10

Parcours guidé : créer des pages simples au format html avec Nvu 28/1/10 Table des matières 1. AVANT-PROPOS... 4 1.1. PRESENTATION DE NVU... 4 1.2. CARACTERISTIQUES PRINCIPALES DE NVU... 4 1.3. OBJECTIF DE CE DOCUMENT... 4 1.4. PRE-REQUIS NECESSAIRES... 4 1.5. MODE D'EMPLOI

Plus en détail

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

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

Plus en détail

MODULE INF112. Préparation pour le CC2

MODULE INF112. Préparation pour le CC2 MODULE INF112 TD 8 2007 2008 1 Préparation pour le CC2 Choisir un thème scientifique (exposé déjà fait?) Faire des recherches sur le Web si nécessaire Choisir une organisation du site Plan des pages Liens

Plus en détail

Les pré-requis pour créer un.ave pour Android

Les pré-requis pour créer un.ave pour Android Les pré-requis pour créer un.ave pour Android 1 Sommaire Spécificités d Android : conseils pour la création d un.ave... 3 Conseils génériques (également valable pour ios et le Web)... 4 Compatibilité détaillée

Plus en détail

1. Installation du Module

1. Installation du Module 1 sur 10 Mise en place du Module Magento V 1.5.7 1. Installation du Module Vous pouvez installer le module de deux façons différentes, en passant par Magento Connect, ou directement via les fichiers de

Plus en détail

Note de cours. Introduction à Excel 2007

Note de cours. Introduction à Excel 2007 Note de cours Introduction à Excel 2007 par Armande Pinette Cégep du Vieux Montréal Excel 2007 Page: 2 de 47 Table des matières Comment aller chercher un document sur CVMVirtuel?... 8 Souris... 8 Clavier

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

RAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado

RAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado - RAPPORT AUDIT SEO Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado 17 septembre 2013 Table des matières Optimisation structurelle 2 Optimisation des standards, performances et

Plus en détail