Intégration web Les bonnes pratiques LE GUIDE DE SURVIE DE L INTÉGRATEUR! Corinne Schillinger DESIGN. Préface d Élie Sloïm & Laurent Denis
|
|
- Raoul René
- il y a 8 ans
- Total affichages :
Transcription
1 DESIGN Préface d Élie Sloïm & Laurent Denis Corinne Schillinger Intégration web Les bonnes pratiques LE GUIDE DE SURVIE DE L INTÉGRATEUR! Groupe Eyrolles, 2012 ISBN :
2 TABLE DES MATIÈRES 1 Avant-Propos 1 À qui s adresse ce livre? 1 Pourquoi ce livre? 2 Comment le livre est-il organisé? 4 Remerciements Partie 1 7 Bien préparer son projet Chapitre 1 9 Organiser son espace de travail 10 Arborescence : créer un dossier par projet 10 Avoir tous les éléments à portée de main 11 Organiser les répertoires en fonction du type de fichiers 11 Cas particulier : les images 13 Adopter une convention de nommage 14 Exemples de règles de nommage 15 Où placer la convention de nommage? 15 Qualité : mettre en place une checklist détaillée 16 Index des maquettes 16 Évaluation individuelle des pages 20 Évaluation transversale de l intégration 21 Rédiger la checklist au format Markdown Chapitre 2 23 S équiper des bons outils 24 Les éditeurs de code 24 Zen Coding 25 Produire du HTML 25 Produire du code CSS 26 Les préprocesseurs CSS 27 Les variables 28 Les déclarations imbriquées
3 X INTÉGRATION WEB : LES BONNES PRATIQUES 29 L héritage 31 Les fonctions mathématiques 32 Les inspecteurs de code 34 Édition des éléments HTML et des styles CSS 35 Débogage du code JavaScript 36 Validation du code HTML et CSS 37 Analyse des performances 37 Visualisation du temps de chargement 39 Le système de gestion de versions 39 Organiser logiquement les commits 40 Outils en ligne 41 Outils pour le HTML 41 CopyPasteCharacter 41 HTML-Ipsum 41 Outils pour les CSS 41 CSS3 Generator 41 ProCSSor 42 CSS Lint 42 Outils pour améliorer les performances 42 WebPagetest 42 SPOF-o-Matic 42 Ressources et outils pour la qualité web 43 Les bonnes pratiques Opquast 43 Opquast Reporting 43 Outils de vérification et de validation 43 Validateurs HTML et CSS 44 Contrôleur JavaScript : JSLint 44 Vérificateur de liens 44 Validateur pour les flux de syndication (Atom, RSS) 45 Ressources diverses 45 DocHub 45 Le wiki du W3C 45 JsFiddle Chapitre 3 47 Mettre en place l environnement de test 48 Quelles configurations tester? 48 Le panel de test 49 Le contexte projet
4 TABLE DES MATIÈRES XI 50 Le «cas» Internet Explorer 51 L affichage de compatibilité 53 Les installations multiples 53 IETester 53 IE Collection 54 Google Chrome Frame 55 Les services en ligne 55 Les services de captures d écran 55 Browsershots 55 BrowserLab 56 Les services d accès à distance 56 Sauce Labs 57 CrossBrowserTesting 57 La virtualisation 58 Des conditions de test réelles 58 Une grande flexibilité 59 Contraintes liées aux systèmes d exploitation 59 Windows 60 Mac OS 61 Linux 62 Les terminaux mobiles 62 WebKit 62 Android 63 iphone/ipad 63 Windows 64 Opera 64 Opera Mobile 64 Opera Mini 65 Les technologies d assistance 66 JAWS 66 NVDA 66 VoiceOver
5 XII INTÉGRATION WEB : LES BONNES PRATIQUES Partie 2 69 Élaborer un socle HTML solide Chapitre 4 71 Adopter HTML5 72 Prendre connaissance des différentes contraintes 72 L instabilité de la spécification 72 Les problèmes d accessibilité 77 Tirer parti des évolutions apportées 77 Une charpente HTML simplifiée 77 Un Doctype raccourci 78 Un en-tête de document allégé 78 Un gabarit minimaliste 79 Les éléments redéfinis 80 <a> 82 <cite> 82 <b> 83 <i> 83 <small> 84 Les nouveaux champs de formulaire 85 <input type=" " /> 85 <input type="tel" /> 85 <input type="url" /> 86 Les problèmes d implémentation 88 Exploiter les nouveaux attributs 88 Lier des valeurs à un élément grâce à data-* 89 Manipuler les données en JavaScript 90 Ajouter du sens avec les microdonnées 90 Un peu d histoire : RDFa et les microformats 92 Découvrir les attributs spécifiques 96 Quelle syntaxe adopter : HTML ou XHTML? 97 En résumé Chapitre 5 99 Concevoir les fondations 100 Gérer les différentes versions d Internet Explorer 100 Éviter l emploi de hacks CSS
6 TABLE DES MATIÈRES XIII 102 Éviter d avoir recours à une feuille de styles dédiée 102 Les problèmes de performance 102 Les problèmes de maintenance 103 S appuyer sur une classe CSS conditionnelle 105 Placer la classe à la racine de la page 106 Se limiter aux cas «utiles» 109 Préparer les inclusions CSS et JavaScript 109 Choisir la méthode la plus adaptée 109 Les instructions inline 110 Les instructions internes 111 Les instructions externes 112 Positionner les appels suivant leur nature 112 Les styles dans l en-tête de document head 114 Les scripts à la fin du contenu body 114 Prévoir le cas où JavaScript est désactivé 116 Ajouter les métadonnées dans l en-tête de document 116 La balise meta viewport 119 La balise meta description 119 En résumé Chapitre Construire la structure 122 Organiser la page 122 Identifier les zones principales 123 Mettre en place le balisage 125 Faut-il préférer les classes aux identifiants? 126 Spécifier le rôle des éléments grâce à ARIA 126 À quoi sert ARIA? 127 Améliorer l accessibilité des interfaces riches 127 Doter les éléments de structure d une valeur sémantique 129 Ajouter les rôles au balisage en place 130 Mettre en place les liens d évitement 131 Valider la structure
7 XIV INTÉGRATION WEB : LES BONNES PRATIQUES Chapitre Injecter le contenu 134 Faut-il utiliser un framework? 134 Les frameworks CSS 138 Les frameworks HTML 139 Mettre en place le balisage 139 Établir une hiérarchie de titres logique 140 Sélectionner les balises pour leur valeur sémantique 144 Éviter l emploi de <a href="#"> comme bouton d action 146 Le cas particulier de <br /> 148 Nommer les balises judicieusement 150 Éviter l ajout d éléments superflus 152 Utiliser des motifs déjà éprouvés 155 Valider le contenu Chapitre Incorporer les images 158 Multiplicité des supports : les images adaptatives 159 L emploi de l élément noscript 162 Le kit «adaptative image» 163 L instruction max-width: 100%; 166 Choisir le bon format d image 167 Le format GIF 168 Gérer la transparence 169 Optimiser pour le Web 170 Le format PNG 170 PNG PNG Optimiser pour le Web 176 Le format JPEG 177 Optimiser pour le Web 180 Quel format choisir? 181 Renseigner correctement l alternative textuelle 182 Les liens et boutons images 185 Les représentations graphiques 187 Les images d illustration
8 TABLE DES MATIÈRES XV Partie Habiller le contenu grâce aux CSS Chapitre Réviser les bases 194 Les schémas de positionnement 194 La notion de flux 195 Positionnement flottant : la propriété float 195 Positionnement statique 195 Positionnement relatif 196 Positionnement absolu 197 Positionnement fixe 197 Quel positionnement choisir en priorité? 197 Erreur courante à éviter 198 La cascade CSS 198 L origine de la règle 198 La spécificité d une règle 199 La valeur!important 200 Les propriétés abrégées 201 Marges : margin et padding 202 Contours : outline 203 Bordures : border 203 Angles arrondis 205 Bordures en image 207 Listes : list-style 208 Polices de caractères : font 209 Arrière-plan : background 211 Arrière-plans multiples Chapitre Définir une convention d écriture 214 Agencer les instructions 214 Éviter de regrouper plusieurs instructions sur une seule ligne 215 Aller à la ligne avant chaque instruction 217 Hiérarchiser les blocs de déclarations 217 Par ordre alphabétique
9 XVI INTÉGRATION WEB : LES BONNES PRATIQUES 218 Par ordre fonctionnel 220 Préciser le rôle des commentaires 220 Rédiger les commentaires au format CSSDoc 222 Les blocs d identification 223 Les blocs de documentation 224 Faire connaître la convention élaborée Chapitre Organiser le code CSS 228 Préciser le contexte projet 228 Tenir compte de la nature du site 229 Choisir l approche «traditionnelle» pour les sites peu ou pas réactifs 232 Uniformiser les styles par défaut 233 Élaborer la charte typographique 234 Mettre en place la structure générale 235 Styler les composants internes 236 Ajouter les styles relatifs aux comportements JavaScript 236 Corriger l affichage sur les anciennes versions d Internet Explorer 236 Adapter l affichage grâce aux media queries 238 Appliquer le principe de l amélioration progressive pour un site adaptatif 240 Utiliser la version mobile comme base commune 241 Ajouter les styles destinés aux autres terminaux 241 Servir (si nécessaire) des images adaptées à la densité de pixels du terminal 241 Assurer la rétrocompatibilité sur les anciens navigateurs Chapitre Prendre connaissance des facteurs d optimisation 244 Comprendre comment les règles CSS sont appliquées 244 Les règles CSS sont triées en fonction de leur type 245 Les sélecteurs sont lus de droite à gauche 247 Les sélecteurs courts sont les plus performants 248 Concevoir des règles efficaces 248 Limiter l emploi de règles universelles 249 Utiliser des sélecteurs courts et efficaces
10 TABLE DES MATIÈRES XVII 251 Éviter de redéfinir inutilement la valeur de certaines propriétés 252 Factoriser les instructions 255 Ne pas tomber dans l excès d optimisation 255 Diminuer le nombre de requêtes nécessaires à l affichage des images 256 Utiliser la technique des sprites 261 Employer les data URI en complément Chapitre Élaborer les règles CSS 266 Se renseigner sur les propriétés autorisées 267 Employer les propriétés CSS3 à bon escient 267 Penser à spécifier tous les préfixes propriétaires 271 Fournir une alternative aux vieilles versions des navigateurs 274 Uniformiser les styles navigateurs 274 Réinitialiser les styles dans leur globalité 275 Appliquer des correctifs ciblés 276 Concevoir la charte typographique 276 Choisir une unité pour définir la taille de police et son interlignage 276 Éviter l utilisation du pixel 280 Préférer l emploi d unités relatives 285 Procéder avec méthode pour ajouter une police personnalisée 285 Vérifier les droits accordés par la licence 286 Contrôler le rendu de la fonte sur les différentes configurations 288 Décliner la fonte en plusieurs formats 294 Élaborer le bloc d instructions 301 Rendre visible la prise de focus 304 Le cas particulier des liens images 306 Organiser les blocs de structure et styler les composants 307 Ajouter les règles relatives aux comportements JavaScript 308 Les subtilités de l approche «mobile first» 308 Utiliser la version mobile comme point de départ 311 Ajouter les styles destinés aux autres terminaux 313 Masquer certains éléments de contenu aux terminaux mobiles 313 Définir des points d arrêt pour passer d une version à l autre 314 Servir (si nécessaire) des images adaptées à la densité de pixels du terminal
11 XVIII INTÉGRATION WEB : LES BONNES PRATIQUES 318 Assurer la rétrocompatibilité sur les anciens navigateurs 318 Les solutions JavaScript 319 La solution CSS pour Internet Explorer 320 Élaborer la feuille d impression 321 Appliquer les styles génériques 322 Masquer les éléments superflus 323 Linéariser le contenu 323 Ajouter quelques règles complémentaires Chapitre Contrôler et déboguer 328 Contrôler le rendu 328 Prendre l affichage d un navigateur moderne comme référence 328 Surveiller le rendu des navigateurs obsolètes pendant le développement 329 Résoudre les problèmes détectés 330 Valider le code 331 Identifier l élément incriminé 332 Isoler la ou les instructions problématiques 333 Corriger le problème 333 Vérifier le rendu sur Internet Explorer par ordre de version décroissant 335 Tester les gabarits 335 Détecter certaines erreurs HTML grâce une feuille de débogage 337 Simuler l indisponibilité des ressources 337 Les images 337 JavaScript 338 Tester la navigation clavier 338 Agrandir la taille de caractères Partie Préparer la livraison (ou la mise en ligne) Chapitre Peaufiner les détails 348 Réaliser les dernières optimisations
12 TABLE DES MATIÈRES XIX 348 Les images 349 Le code CSS et JavaScript 349 Concaténer les différents fichiers 350 Minifier les fichiers obtenus 351 Proposer quelques règles de configuration serveur 352 Configurer les en-têtes HTTP 353 Indiquer que le codage de caractères utilisé est utf Renseigner le type MIME de certains fichiers 355 Autoriser l utilisation de fontes hébergées sur un domaine tiers 356 Interdire le mode de compatibilité sur Internet Explorer 357 Optimiser les performances 357 Compresser les fichiers 358 Contrôler la date d expiration d une ressource mise en cache 360 Supprimer les ETags 361 Renforcer les paramètres de sécurité 361 Restreindre l accès aux fichiers sensibles 362 Interdire l exploration des répertoires n ayant pas d index 362 Éviter certains problèmes de contenu dupliqué 363 Personnaliser les pages d erreur 365 Annexes 367 Annexe A1 368 Annexe A2 369 Annexe B 378 Annexe C 380 Annexe D 384 Annexe E 389 Index
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étailIntégration web Les bonnes pratiques LE GUIDE DE SURVIE DE L INTÉGRATEUR! Corinne Schillinger DESIGN. Préface d Élie Sloïm & Laurent Denis
DESIGN Préface d Élie Sloïm & Laurent Denis Corinne Schillinger Intégration web Les bonnes pratiques LE GUIDE DE SURVIE DE L INTÉGRATEUR! Groupe Eyrolles, 2012 ISBN : 978-2-212-13370-7 Organiser son espace
Plus en détailTravaux 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étailPROGRAMME DE LA 1ERE JOURNEE DE FORMATION : QUALITE WEB ET REFERENCEMENT NATUREL
DEVELOPPEMENT LOGICIEL QUALITE WEB LES BONNES PRATIQUES FRONT-END REF : WEER001 DUREE : 3 JOURS TARIF : 1 625 HT Public Chef de projet, webmestre, intégrateur, développeur, et toute personne liée au développement
Plus en détailQualité web : les bonnes pratiques front-end
L institut de formation continue des professionnels du Web Qualité web : les bonnes pratiques front-end Référence formation : Durée : Prix conseillé : PE081 3 jours (21 heures) 2 100 HT (hors promotion
Plus en détailWordPress 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étailHTML5 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étailLes outils de création de sites web
Tuto 1ère séance - p1 Les outils de création de sites web Sources : Réalisez votre site web avec HTML5 et CSS3 de Mathieu Nebra (Edition Le Livre du Zéro) site fr.openclassrooms.com (anciennement «site
Plus en détailInté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étailFLEX 3. Applications Internet riches avec Flash ActionScript 3, MXML et Flex Builder. Aurélien Vannieuwenhuyze
Programmation FLEX 3 Applications Internet riches avec Flash ActionScript 3, MXML et Flex Builder Aurélien Vannieuwenhuyze Avec la contribution de Romain Pouclet Groupe Eyrolles, 2009, ISBN : 978-2-212-12387-6
Plus en détailWordPress 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 Index 404 Notifier (erreurs 404) 62 A Adwords 148
Plus en détailLANGAGUE 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étailFORMATION / CREATION DE SITE WEB / 4 JOURNEES Sessions Octobre 2006
I. INTRODUCTION 1. Présentation du formateur et des élèves 2. Historique internet : d'où ça vient a. Historique général : 3 étapes majeures 1. l'histoire de l'informatique débute en 1942 avec la première
Plus en détailAnne Tasso. Java. Le livre de. premier langage. 10 e édition. Avec 109 exercices corrigés. Groupe Eyrolles, 2000-2015, ISBN : 978-2-212-14154-2
Anne Tasso Java Le livre de premier langage 10 e édition Avec 109 exercices corrigés Groupe Eyrolles, 2000-2015, ISBN : 978-2-212-14154-2 Table des matières Avant-propos Organisation de l ouvrage..............................
Plus en détail.. 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étailGroupe 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étailINTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)
CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.
Plus en détailFormation 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étailGuide utilisateur i-milo >> Décisionnel
Guide utilisateur i-milo >> Décisionnel Suivi des changements Version Date Chapitres impactés Opération effectuées sur le document 01 28/02/2014 Tous Initialisation du document pour les utilisateurs avancés
Plus en détailFileMaker Server 11. Publication Web personnalisée avec XML et XSLT
FileMaker Server 11 Publication Web personnalisée avec XML et XSLT 2007-2010 FileMaker, Inc. Tous droits réservés. FileMaker, Inc. 5201 Patrick Henry Drive Santa Clara, Californie 95054 FileMaker est une
Plus en détailRéussir. son site e-commerce. avecoscommerce
N i c odavid l a s Mercer C h u A d a p t é p a r S a n d r i n e B u r r i e l Réussir son site e-commerce avecoscommerce Table des matières 1. INTRODUCTION AU COMMERCE ÉLECTRONIQUE AVEC OSCOMMERCE...
Plus en détailMAÎTRISE DE L ENVIRONNEMENT WINDOWS VISTA
MAÎTRISE DE L ENVIRONNEMENT WINDOWS VISTA OBJECTIFS : manipuler les fenêtres et l environnement Windows, gérer ses fichiers et dossiers, lancer les applications bureautiques présentes sur son poste. PUBLIC
Plus en détailOptimiser 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étailDevenez un véritable développeur web en 3 mois!
Devenez un véritable développeur web en 3 mois! L objectif de la 3W Academy est de former des petits groupes d élèves au développement de sites web dynamiques ainsi qu à la création d applications web
Plus en détailExemple de charte d intégration web
Exemple de charte d intégration web Ce document est un exemple de charte d'intégration. Il est à adapter en fonction des contraintes, des choix, des objectifs de l'équipe, la société qui l'utilise. Il
Plus en détailDémarrer et quitter... 13
Démarrer et quitter... 13 Astuce 1 - Ouvrir, modifier, ajouter un élément dans le Registre... 14 Astuce 2 - Créer un point de restauration... 18 Astuce 3 - Rétablir un point de restauration... 21 Astuce
Plus en détailKIELA CONSULTING. Microsoft Office Open Office Windows - Internet. Formation sur mesure
KIELA CONSULTING Microsoft Office Open Office Windows - Internet Formation sur mesure Bureautique L outil informatique et la bureautique sont devenus quasiment incontournables quelque soit votre métier
Plus en détailDans nos locaux au 98 Route de Sauve 30900 NÎMES. Un ordinateur PC par stagiaire, scanner, imprimante/copieur laser couleur
FORMATION FORFAIT WEB DEVELOPPEUR Qualification ISQ OPQF Formacode 46 125 Certification de titre professionnel Web Designer + modules optionnels : Développement PHP/MySQL avancé, Web App, CMS e-boutique
Plus en détailRESPONSIVE 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étailGroupe Eyrolles, 2005,
Groupe Eyrolles, 2005, Table des matières AVANT-PROPOS...................................................... XVIII CD-Rom Mozilla Thunderbird sur le CD-Rom offert avec cet ouvrage XIX 1. INSTALLATION ET
Plus en détailFormation : 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étailNotes pour l utilisation d Expression Web
EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface
Plus en détailHTML. Notions générales
1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS
Plus en détailTechnologies du Web. Créer et héberger un site Web. Pierre Senellart. Page 1 / 26 Licence de droits d usage
Technologies du Web Créer et héberger un site Web Page 1 / 26 Plan Planification Choisir une solution d hébergement Administration Développement du site Page 2 / 26 Cahier des charges Objectifs du site
Plus en détailProgrammation 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étailSPIP 1.9. Créer son site avec des outils libres. Michel-Marie Maudet Anne-Laure Quatravaux Dominique Quatravaux. Avec la contribution de Perline
Michel-Marie Maudet Anne-Laure Quatravaux Dominique Quatravaux SPIP 1.9 Créer son site avec des outils libres Avec la contribution de Perline, 2007, ISBN : 2-212-12002-8 Table des matières AVANT-PROPOS..........................................................
Plus en détailHMTL. 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étailPré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étailMedia 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étailOptimiser 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étail1. 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étailGuide 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étailNFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web
NFA016 : Introduction O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Pour naviguer sur le Web, il faut : 1. Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des
Plus en détailRESPONSIVE 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étailGroupe Eyrolles, 2004 ISBN : 2-212-11504-0
Groupe Eyrolles, 2004 ISBN : 2-212-11504-0 Table des matières Avant-propos................................................ 1 Quel est l objectif de cet ouvrage?............................. 4 La structure
Plus en détailModalités pratiques. Objectifs de la Formation
WEBDESIGN Code CPF : 25097 Formation à distance sur le réseau Pyramide Du 28 septembre 2015 au 28 mai 2016* Date limite de dépôt des candidatures : 1 semaine avant le début de la formation Toutefois, certaines
Plus en détailLivret 1 Poste de travail de l utilisateur :
Manuel Utilisateur Mise à jour 04 Juin 2015 Livret 1 Poste de travail de l utilisateur : - pré-requis techniques - mise en conformité - connexion - impressions.pdf Pour les utilisateurs des compléments
Plus en détail< Atelier 1 /> Démarrer une application web
MES ANNOTATIONS SONT EN ROUGE : Axel < Atelier 1 /> Démarrer une application web Microsoft France Tutorial Découverte de ASP.NET 2.0 Sommaire 1 INTRODUCTION... 3 1.1 CONTEXTE FONCTIONNEL... 3 1.2 CONTEXTE
Plus en détail3W Academy Programme de Formation Développeur Intégrateur web Total : 400 heures
3W Academy Programme de Formation Développeur Intégrateur web Total : 400 heures Objectif global : A l issue de la formation, les stagiaires doivent être opérationnels dans la création d un site internet
Plus en détail... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE
@... Cahier des charges Site Internet Office de Tourisme Lesneven - Côte des Légendes MAITRE D OUVRAGE Office de Tourisme Lesneven - Côte des Légendes 12 boulevard des Frères Lumière - BP 48 29260 LESNEVEN
Plus en détailcreer votre site internet en html/css
3 jours (21 heures) 1110 HT (Inter) 2670 HT (Intra) Toute personne (particulier ou professionnel) souhaitant créer son site Internet Créez son site Internet Assurez sa mise en ligne Gérer les mises à jour
Plus en détailBES WEBDEVELOPER ACTIVITÉ RÔLE
BES WEBDEVELOPER ACTIVITÉ Le web developer participe aux activités concernant la conception, la réalisation, la mise à jour, la maintenance et l évolution d applications internet/intranet statiques et
Plus en détailE-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étailRAPPORT 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étailTable des matières ENVIRONNEMENT
ENVIRONNEMENT Présentation de Windows 7.................13 Démarrer Windows 7......................15 Quitter.................................15 Les fenêtres..............................16 Généralités............................17
Plus en détailBonnes pratiques de développement JavaScript
Bonnes pratiques de développement JavaScript Titre présentation Conférencier François Béliveau Romain Dorgueil A propos de nous... François Béliveau Développeur web depuis 8 ans Utilise symfony depuis
Plus en détailWix : mettre en place un site d e commerce
Wix : mettre en place un site d e commerce I Préambule Wix (http://fr.wix.com/) est un application web de création de sites web en ligne (mode SaaS Software As A Service). Très puissant, il permet de créer
Plus en détailBien architecturer une application REST
Olivier Gutknecht Bien architecturer une application REST Avec la contribution de Jean Zundel Ce livre traite exactement du sujet suivant : comment faire pour que les services web et les programmes qui
Plus en détailÉvaluation des compétences. Identification du contenu des évaluations. Septembre 2014
Identification du contenu des évaluations Septembre 2014 Tous droits réservés : Université de Montréal Direction des ressources humaines Table des matières Excel Base version 2010... 1 Excel intermédiaire
Plus en détailECLIPSE ET PDT (Php development tools)
ECLIPSE ET PDT (Php development tools) Eclipse Eclipse est un IDE (Integrated Development Environment)).C estun projet de la Fondation Eclipse visant à développer tout un environnement de développement
Plus en détailLe référencement naturel
Le référencement naturel Phases essentielles Choix des mots-clés Où se référencer : moteurs, annuaires Indexation des pages du site dans les moteurs Positionnement et trafic généré Optimisation des pages
Plus en détailASP.NET MVC 4 Développement d'applications Web en C# - Concepts et bonnes pratiques
Introduction 1. Introduction 11 2. La plateforme de développement web de Microsoft 11 3. Définition du modèle de programmation MVC 14 4. L'historique d'asp.net MVC 17 4.1 ASP.NET MVC 1 (2008) 17 4.2 ASP.NET
Plus en détailDéveloppement d'applications Web HTML5 L'art et la manière avec Visual Studio 2015 et TFS
Avant de commencer 1. Introduction 15 2. HTML5 oui, mais pas que... 15 2.1 HTML5 16 2.2 JavaScript 17 2.3 CSS 18 3. Les outils 18 Préparation des outils et création du projet 1. Introduction 21 2. Team
Plus en détailFreeway 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étailWebmaster / 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étailCRÉ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étailIntroduction à 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étailTutoriel : 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étailINTRODUCTION 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étailGuide d utilisation OGGI. Gestionnaire d incidents à l usage des clients. Date de rédaction : 04/02/2013. Version : 1.0.
Guide d utilisation OGGI Gestionnaire d incidents à l usage des clients Date de rédaction : 04/02/2013 Version : 1.0 Groupe Archimed Sommaire 1 PREAMBULE 3 1.1 Objectif du document... 3 1.2 Public cible...
Plus en détailLangage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv>
Langage HTML (2 partie) «Je n'ai fait que prendre le principe d - hypertexte et le relier au principe du TCP et du DNS et alors boum! ce fut le World Wide Web!» Tim Berners-Lee
Plus en détailBernard 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étail2 LES BASES DU HTML 19 Qu est-ce que le HTML? 20 De quand date le HTML? 20 Écrire son propre code HTML 22
SOMMAIRE INTRODUCTION La collection Classroom in a Book TinyUrL Conditions requises Installation du programme Copie des fichiers Classroom in a Book ordre recommandé pour les leçons Démarrage instantané
Plus en détailÉdu-groupe - Version 4.3
Édu-groupe - Version 4.3 Guide de l utilisateur Gestion des fichiers Société GRICS, Équipe Évaluation Août 2012 2 CONSIDÉRATIONS GÉNÉRALES A. Importante mise en garde concernant les types de fureteur Les
Plus en détail4D v11 SQL BREAKING THE LIMITS * Les nouveautés
BREAKING THE LIMITS * *Dépasser les limites 4D v11 SQL Les nouveautés SQL natif intégré Nouveau moteur de base de données ultra-performant Productivité de développement inégalée Architecture Universal
Plus en détailDocumentation RBS Change E-Commerce Core
Documentation RBS Change E-Commerce Core 10 septembre 2010 2 Table des matières 1 Introduction à RBS Change 7 1.1 Concepts généraux................................... 7 1.1.1 Qu est-ce qu un module RBS
Plus en détailHTML, 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étailTIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web
Réseau informatique TIC TC - IUT Montpellier Internet et le Web Ensemble d'ordinateurs reliés entre eux et échangeant des informations sous forme de données numériques But : Rendre disponible l information
Plus en détailPHP. Performances. Audit et optimisation LAMP. Julien Pauli. Cyril Pierre de Geyer. Guillaume Plessis. Préface d Armel Fauveau
Performances PHP Julien Pauli Cyril Pierre de Geyer Guillaume Plessis Préface d Armel Fauveau Groupe Eyrolles, 2012, ISBN : 978-2-212-12800-0 Table des matières Avant-propos... 1 Pourquoi ce livre?.....................................................
Plus en détailAvant-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étailSAP BusinessObjects Web Intelligence (WebI) BI 4
Présentation de la Business Intelligence 1. Outils de Business Intelligence 15 2. Historique des logiciels décisionnels 16 3. La suite de logiciels SAP BusinessObjects Business Intelligence Platform 18
Plus en détailPour 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étailCAPTURE DES PROFESSIONNELS
CAPTURE DES PROFESSIONNELS 2 Téléchargement 3 Installation 8 Prise en main rapide 10 Lancement Recherche 14 Gestion des fichiers 23 Compare et Sépare 24 Fichiers annexes 2/ Le menu Utilitaires 32 Internet
Plus en détailBureautique Initiation Excel-Powerpoint
Module de Formation Personnalisée : Bureautique Initiation Excel-Powerpoint Durée : jours ouvrables Prix : Formation personnalisée en vue d obtenir les notions de base indispensables pour : Excel Office
Plus en détailAteliers Bureautique et Internet
Ateliers Bureautique et Internet Utiliser les fonctionnalités de l outil bureautique Débutants et personnes souhaitant approfondir leurs connaissances > Acquérir les fonctions de base et avancées des principaux
Plus en détailJPEG, PNG, PDF, CMJN, HTML, Préparez-vous à communiquer!
JPEG, PNG, PDF, CMJN, HTML, Préparez-vous à communiquer! 1 / Contexte L ordinateur La loi du nombre La numérisation = codage d une information en chiffres binaire : 0 1 («bit») 8 bits = 1 octet 1ko = 1024
Plus en détailSYSTÈMES DE PUBLICATION POUR L INTERNET. Beatep 2006. Marie-France Landréa - Observatoire de Paris
SYSTÈMES DE PUBLICATION POUR L INTERNET Beatep 2006 SPIP UN système de publication sur Internet Marie-France Landréa - Observatoire de Paris Caractéristiques des CMS Des auteurs (de contenu) Créent, d
Plus en détail1 Avant-Propos 5 Remerciements. 9 Usages, contraintes et opportunités du mobile. 33 Site ou application : quelle solution choisir? Table des matières
IX Table des matières 1 Avant-Propos 5 Remerciements Partie 1 7 Stratégie et conception des sites et applications mobiles Chapitre 1 9 Usages, contraintes et opportunités du mobile 11 Les usages spécifiques
Plus en détailSommaire. -1-Computer en bref. Web en bref. Le web 3.0,...la mobilité. Evolution du Web... ... web1.0, web2.0, web2.b, web3.0...
Evolution du Web... Le web 3.0,...la mobilité... web1.0, web2.0, web2.b, web3.0... Raoul Mengis, -1-Computer Stéphane Gay, -1-Computer Stéphane Micheloud, EPFL Lausanne http://www.1info.com/4w3.html [en]
Plus en détailASTER et ses modules
ASTER et ses modules Sommaire Caractéristiques du site internet Rubriques et pages... page 3 Actualités... page 3 Agenda... page 4 Sons... page 4 Documents à télécharger... page 4 Liens... page 4 Albums
Plus en détailRéussir. son. référencement. web. Olivier Andrieu. Groupe Eyrolles, 2008, ISBN : 978-2-212-12264-0
Réussir son référencement web Olivier Andrieu Groupe Eyrolles, 2008, ISBN : 978-2-212-12264-0 Table des matières CHAPITRE 1 Le référencement aujourd hui : généralités, définitions......................................
Plus en détailUtilisation 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étailEcrire pour le web. Rédiger : simple, concis, structuré. Faire (plus) court. L essentiel d abord. Alléger le style. Varier les types de contenus
Ecrire pour le web Un texte web de lecture aisée pour l internaute, l est aussi pour les moteurs de recherche ; l écriture peut ainsi être mise au service du référencement naturel. De façon complémentaire,
Plus en détailDéploiement et migration Windows 8 Méthodologie Compatibilité des applications ADK MDT 2012 ConfigMgr 2012 SCCM 2012 Windows Intune MDOP
Déploiement et migration Windows 8 Méthodologie Compatibilité des applications ADK MDT 2012 ConfigMgr 2012 SCCM 2012 Windows Intune MDOP William Bories Olivia Mirial Stéphane Papp Préface de Vianney Airaud
Plus en détailUN 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étailDans l Unité 3, nous avons parlé de la
11.0 Pour commencer Dans l Unité 3, nous avons parlé de la manière dont les designs sont créés dans des programmes graphiques tels que Photoshop sont plus semblables à des aperçus de ce qui va venir, n
Plus en détailFreeMind. Freeplane XMind. 2 e édition. Bien démarrer avec le Mind Mapping. . Groupe Eyrolles, 2010, ISBN : 978-2-212-12696-9
X a v i e r D e l e n g a i g n e P i e r r e M o n g i n FreeMind Freeplane XMind Bien démarrer avec le Mind Mapping. Groupe Eyrolles, 2010, ISBN : 978-2-212-12696-9 2 e édition Table des matières Première
Plus en détail