Interfaces Homme/Machine et ergonomie d un site web
|
|
|
- Simon Favreau
- il y a 8 ans
- Total affichages :
Transcription
1 Interfaces Homme/Machine et ergonomie d un site web Apprendre à réaliser une interface Homme/Machine web en HTML 5 et CSS 3.0, à la structurer et à optimiser son ergonomie Retrouvez ce cours sur
2 STRUCTURE ET OBJECTIFS DU COURS 1) HTML 5 ET CSS ) HTML et CSS : A quoi ça sert? 1.2) Principe général du HTML 1.3) Différencier sémantique de l information et aspect visuel 1.4) Structure globale d une interface web 1.5) Principe général de CSS 1.6) Apprendre le HTML 5 et CSS 3.0 2) OUTILS NÉCESSAIRES 2.1) Editeurs visuels 2.2) Editeurs de code 2.3) Mode direct ou Serveur web 2.4) Navigateurs web 2.5) Diversité des systèmes : Attention à la compatibilité de l affichage! 2.6) Validation du code 3) ERGONOMIE WEB 3.1) Lecture d un site web : En F / en Z 3.2) Choix des couleurs 3.3) Accessibilité du contenu 3.4) Ergonomie du contenu 3.5) Aller plus loin dans l ergonomie web 3.6) Outils d assistance à la mise en page Interfaces Homme/Machine et ergonomie d'un site web Dernière mise à jour : 30/09/2015 2
3 1) HTML 5 et CSS 3.0 3
4 1.1) HTML et CSS : A quoi ça sert? 4
5 1.1) HTML ET CSS : A QUOI ÇA SERT? HTML : Créé en 1991, HTML 5 depuis 2009 Sert à structurer un contenu sur internet et à définir sa sémantique Ne doit JAMAIS être utilisé pour mettre en forme un contenu!!! CSS : Créé en 1996, CSS 3 dès1999, répandu depuis les années 2010 Sert à mettre en forme le contenu d un site web Attention à la compatibilité des navigateurs! 5
6 1.2) Principe général du HTML 6
7 1.2) PRINCIPE GÉNÉRAL DU HTML Le HTML est un langage fonctionnant avec des balises Une balise se présente sous la forme d un mot-clef encadré par des chevrons. Par exemple : <html> est la balise indiquant le début d un fichier HTML Deux types de balises : Balise en paire : Toute balise ouverte doit être fermée. Pour fermer une balise, on recopie celle-ci en mettant un slash juste avant le mot-clef : <html>[ code ]</html> Balise orpheline : Balise indiquant un élément ponctuel, tel qu une image ou un saut de ligne. Elle n encadre aucun contenu. Par exemple, un saut de ligne : <br /> Cette balise possède un espace suivi d un slash juste avant son chevron fermant. 7
8 1.2) PRINCIPE GÉNÉRAL DU HTML Une balise HTML peut être paramétrable. On peut lui définir des «attributs» selon la syntaxe suivante : <mabalise nomattribut1="valeurattribut1" nomattribut2="valeurattribut2"> Certains attributs n ont pas de valeur particulière. Leur simple présence suffit à indiquer le paramètre à la balise. Par exemple : <mabalise unattributavecvaleur="valeur" monattributsansvaleur> Les balises, tout comme leurs attributs, s écrivent TOUJOURS en minuscule 8
9 1.2) PRINCIPE GÉNÉRAL DU HTML Les balises en HTML respectent le principe DEPS (Ou LIFO en anglais) : «Dernier Entré, Premier Sorti» Exemple : <html> <head> </head> <body> </body> </html> Correct <html> <head> <body> </head> </body> </html> Faux 9
10 1.3) Différencier sémantique de l information et aspect visuel 10
11 1.3) DIFFÉRENCIER SÉMANTIQUE DE L INFORMATION ET ASPECT VISUEL Chaque balise a un rôle bien précis, qui doit être respecté indépendamment du rendu visuel que lui donne le navigateur Exemple : La balise <strong> permet de mettre en valeur un élément du texte. La plupart des navigateurs afficheront un texte encadré par <strong> en gras. Le rôle de cette balise est d indiquer que le mot concerné est important, pas de le mettre en gras! Il est possible de modifier librement l aspect visuel des balises avec les CSS. 11
12 1.4) Structure globale d une interface web 12
13 1.4) STRUCTURE GLOBALE D UNE INTERFACE WEB Une interface web, qu il s agisse d un simple site internet ou d une interface de gestion de contenu, contient généralement les éléments suivants : Un menu permettant de naviguer entre les différentes parties de l interface Une page d accueil, présentant le rôle et la structure de l interface. Il est également possible d y indiquer des informations de synthèse dans le cadre d une interface d administration Des pages internes, qui vont présenter les différents contenus à gérer. 13
14 1.4) STRUCTURE GLOBALE D UNE INTERFACE WEB Il est très important de structurer convenablement l ensemble des textes, à l instar d une dissertation ou d un compte rendu, rapport, etc. Faites attention à la navigation entre vos pages. L utilisateur doit pouvoir trouver l information qu il cherche facilement, et autant que faire se peut, en 3 clics maximum. Accessibilité : L utilisateur doit pouvoir accéder à n importe quelle partie de l interface depuis n importe quelle page. 14
15 1.5) Principe général de CSS 15
16 1.5) PRINCIPE GÉNÉRAL DE CSS Les feuilles de style en cascade (Cascading Style Sheets : CSS) servent à mettre en forme les pages de votre interface web. Une CSS peut s écrire sur plusieurs supports : Dans un fichier indépendant, qui pourra être réutilisé sur plusieurs pages Dans une balise <style> dans le flux HTML Directement dans l attribut «style» d une balise HTML Ces trois supports sont dans leur ordre de priorité (du plus faible au plus fort) 16
17 1.5) PRINCIPE GÉNÉRAL DE CSS Exemple d une déclaration CSS : strong { font-weight: normal; } Ici, on indique que pour la balise <strong>, on veut un texte normal, pour être sûr que le navigateur n affichera pas le texte en gras. Intérêt de cet exemple : Permet de mettre en valeur des mots-clefs pour les moteurs de recherche sans affecter le visuel. 17
18 1.6) Apprendre le HTML 5 et CSS
19 1.6) APPRENDRE LE HTML 5 ET CSS 3.0 Un cours complet est disponible à l adresse suivante : Même si vous connaissez HTML, lisez attentivement l ensemble du cours. Il détaille entre autre les normes à respecter en HTML 5 et CSS3.0, ainsi que les principes de structuration de votre code et de votre contenu. Un ou deux QCM «surprises» seront effectués au cours de ce module (Pas de date fixée). Un projet sera à réaliser lors de la dernière séance. 19
20 2) Outils nécessaires 20
21 2.1) Editeurs visuels 21
22 2.1) EDITEURS VISUELS Pour concevoir une interface web, il existe des éditeurs visuels, généralement appelés éditeurs «WYSIWYG» : «What You See Is What You Get». Par exemple : Dreamweaver, Nvu, Kompozer, etc. Ces éditeurs présentent malgré tout de nombreux inconvénients : Ils sont généralement payant (et chers), la quasi-totalité ne respecte pas les standards de programmation et la sémentique du code. Ces éditeurs seront formellement interdits dans ce module! 22
23 2.2) Editeurs de code 23
24 2.2) EDITEURS DE CODE L autre façon de concevoir une IHM web est d utiliser un éditeur de texte. Le plus basique suffit : Bloc-Note sous Windows, vi sous Linux. Attention! Pas d éditeurs de textes «enrichis» tels que Word, LibreOffice Writer, etc! Il existe de nombreux éditeurs de textes spécialisés dans l édition de code : Sous Windows : Notepad++, PsPad, etc. Sous Linux : Emacs, gedit, Sublime Text, etc. 24
25 2.2) EDITEURS DE CODE Les éditeurs de codes vont proposer notamment les fonctionnalités suivantes, qui vous seront très utiles pour la clarté de votre code : Indentation automatique et coloration syntaxique : améliore la lisibilité de votre code Complétion automatique des mots-clefs et des fonctions Complétion automatique des caractères d encadrement : (), {}, [], <>, etc. Ces éditeurs, malgré leurs options, génèrent toujours un fichier texte brut, condition indispensable pour qu une IHM web fonctionne! (Idem pour PHP) 25
26 2.2) EDITEURS DE CODE Les éditeurs de code, grâce à la coloration syntaxique, permettent notamment de distinguer les commentaires du code : Documentez votre code HTML et CSS Permet de communiquer lors d un travail à plusieurs Plus facile pour reprendre un code après une longue absence. Commentaire HTML : <!-- Un commentaire --> Commentaire CSS : /* Un commentaire */ 26
27 2.3) Mode direct ou Serveur web 27
28 2.3) MODE DIRECT OU SERVEUR WEB Mode direct : Placez vos fichiers.html et.css dans un dossier, et accédez à votre page principale depuis le navigateur en indiquant le chemin du fichier. Mode serveur : Nécessite un serveur web. Placez vos fichiers à la racine du serveur web (ou dans un sous-dossier), et accédez au serveur web (généralement « si le serveur est sur votre propre machine). Le fichier par défaut sur un serveur web doit s appeler «index.html»! 28
29 2.3) MODE DIRECT OU SERVEUR WEB Utiliser le serveur web de l IUT : La racine du serveur web pour votre compte est dans le répertoire suivant : /nfs1/web/votre_login/public_html/ Rendez-vous sur pour afficher la page web Si vous placez vos fichiers dans des sous-répertoires différents, pensez à compléter l URL en conséquence. 29
30 2.3) MODE DIRECT OU SERVEUR WEB Utiliser un serveur web local : Sous Windows : Vous pouvez installer facilement un serveur web grâce à WAMP : Sous Linux : Installez Apache pour disposer d un serveur web. La configuration par défaut est normalement suffisante pour afficher des pages web. Pour plus de détails sur la configuration d Apache : 30
31 2.4) Navigateurs web 31
32 2.4) NAVIGATEURS WEB Il existe de nombreux navigateurs internet. Parmi les plus connus : Internet Explorer : Windows et Windows Phone uniquement Firefox (et sa variante Debian «Iceweasel») : Windows & Linux Opera : Windows, Linux, Mac OS, Android, Symbian, Windows Phone, etc. Safari : Mac OS et ios. Une version Windows a existé, mais est désormais abandonnée. Google Chrome : Windows, Mac OS, Linux, Android, ios 32
33 2.5) Diversité des systèmes : Attention à la compatibilité de l affichage! 33
34 2.5) DIVERSITÉ DES SYSTÈMES : ATTENTION À LA COMPATIBILITÉ DE L AFFICHAGE! La diversité des navigateurs web, mais aussi des terminaux (PC Windows, Linux, Mac, Smartphones, tablettes, etc.) pose régulièrement problème, notamment si le code n est pas conforme aux standards Pensez à vérifier le rendu de vos IHM sur plusieurs navigateurs. Il est recommandé de valider au moins Firefox, Google Chrome et Internet Explorer. En effet, Opera et Safari utilisent pratiquement le même moteur de rendu que Chrome, et les différences d affichage seront donc très rares. 34
35 2.6) Validation du code 35
36 2.6) VALIDATION DU CODE Il est important de vérifier que son code est conforme aux standards du web. Pour vérifier votre code HTML : Note : En HTML5, vous aurez toujours un warning indiquant que vous utilisez un langage expérimental. Ce sera le seul warning toléré lors des projets. Pour vérifier votre code CSS : 36
37 EXERCICE Une fois la 1 ère partie du cours HTML/CSS terminée (Les bases de HTML5), créez une page web en HTML 5 présentant votre CV. Le code HTML de la page devra être structuré avec les balises adéquates. Une fois la 2 e partie du cours terminée (Mise en forme avec CSS), améliorez le rendu visuel de votre CV à l aide des CSS. A l issue de la 3 e partie (Mise en page du site), travaillez la structure visuelle de votre CV pour obtenir un rendu équivalent à un traitement de texte. 37
38 3) Ergonomie web 38
39 3.1) Lecture d un site web : En F / en Z 39
40 3.1) LECTURE D UN SITE WEB : EN F / EN Z Des études ont déterminé que selon les situations, deux types de parcours sont observés chez les utilisateurs. Lors d une navigation «classique», l utilisateur va généralement effectuer un parcours en F : L œil commence par regarder le haut de la page, de gauche à droite. L œil continue ensuite de haut en bas sur la gauche, en observant la droite des éléments accrocheurs. 40
41 LECTURE EN F SCHÉMATISATION La bande verticale extrême gauche n est que peu perçue L œil effectue un décrochement vers la droite s il rencontre un élément accrocheur Image originale : UseIt.com 41
42 3.1) LECTURE D UN SITE WEB : EN F / EN Z Comment exploiter la lecture en F? Présentation en liste : Les puces accrochent le regard. Utilisez-les dès que vous avez une énumération à effectuer pour la mettre en valeur Les titres de page et paragraphes sont importants et attirent l œil. Mettez-les en valeur judicieusement. Placez des titres intermédiaires sur les textes longs. Cela permet de conserver l attention du lecteur et d avoir rapidement une vue d ensemble du contenu. 42
43 3.1) LECTURE D UN SITE WEB : EN F / EN Z Le principe de lecture en Z se produit généralement lorsqu une personne découvre un site web totalement inconnu pour elle. L utilisateur parcours la ligne supérieure de gauche à droite, puis redescend vers le coin bas gauche de l écran en diagonale, avant de refaire un second balayage vers la droite. 43
44 VISIBILITÉ DES ZONES POUR UNE LECTURE EN Z Impact des zones pour un œil neuf Utilisation recommandée des zones pour un œil neuf 44
45 3.2) Choix des couleurs 45
46 3.2) CHOIX DES COULEURS Gardez des couleurs cohérentes Utilisation des couleurs complémentaires Faites attention au contraste de vos éléments : Un élément bien contrasté attire l œil Trop d éléments contrastés provoque l effet inverse! Attention à la signification des couleurs, et notamment leur température! Pour des éléments de très grande importance, vous pouvez exploiter en complément des effets visuels, comme le clignotement. 46
47 3.3) Accessibilité du contenu 47
48 3.3) ACCESSIBILITÉ DU CONTENU Faites en sorte que votre contenu soit lisible sur tous types de terminaux (Principe du «responsive») Travaillez de préférence en taille relative, pour que votre site puisse s adapter si l utilisateur définit une taille de police de base supérieure à la normale. Tenez compte des contraintes techniques qui peuvent exister. Votre site doit pouvoir fonctionner et être lisible sans CSS et sans JavaScript! 48
49 3.3) ACCESSIBILITÉ DU CONTENU Attention à l accessibilité de votre contenu. Un vocabulaire trop technique ou trop pompeux fera fuir les visiteurs (sauf si votre contenu est volontairement technique, car s adressant exclusivement à un public connaisseur) Comme dit dans la 1 ère partie, vérifiez vos rendus sur les différents navigateurs du marché Pensez au poids de vos pages! Tout le monde ne dispose pas d une connexion internet de plusieurs Mbp/s. 49
50 3.3) ACCESSIBILITÉ DU CONTENU Détecter un affichage mobile ou tablette : Détection simplifiée via PHP : Plus de détails sur les règles Media Queries :
51 3.3) ACCESSIBILITÉ DU CONTENU Forcer la taille d affichage d une page sur les terminaux mobiles pour permettre l utilisation des Media Queries : <meta name="viewport" content="width=device-width, initial-scale=1.0, maximumscale=1.0, user-scalable=0"> width=device-width : Force le navigateur à utiliser la résolution de l appareil, et non une résolution fictive pour adapter le contenu des sites non-responsive. initial-scale, maximum-scale, user-scalable : Paramétrage du zoom de la page. Plus d infos sur : 51
52 3.4) Ergonomie du contenu 52
53 3.4) ERGONOMIE DU CONTENU Travaillez la mise en page de vos contenus : Définissez clairement les titres, chapeaux (introductions), paragraphes, etc. Evitez des zones de texte trop larges : Le lecteur risque de perdre la ligne en cours, et lira plus difficilement votre contenu. Dans ce cas, exploitez par exemple les dispositions multi-colonnes. Exploitez les éléments visuels pour mettre en valeur des éléments : encadrés, figures légendées (plus d impact qu une image seule) 53
54 3.4) ERGONOMIE DU CONTENU Faites attention à la lisibilité de vos textes : Evitez les grandes portions de texte soulignées. Cela rend plus difficile la lecture sur un écran, et peut prêter à confusion, le soulignement correspondant souvent à un lien. Structurez votre texte. Un «pavé» mononbloc fera fuir vos lecteurs! Rappelez-vous que vous disposez de 6 niveaux de titres en HTML5, ce qui est largement suffisant. Evitez les éléments superflus : Smilies, animations, images à tort et à travers, etc. Réfléchissez à la pertinence de chaque élément visuel 54
55 3.4) ERGONOMIE DU CONTENU Travaillez vos menus : Chaque section du site doit être facilement accessible. Utilisez les regroupements par thématique pour structurer votre menu. A l inverse, évitez d avoir trop de sous-menus, cela rendra plus difficile la recherche d éléments dans votre menu de navigation Pensez à mettre un plan de votre site, soit sur une page dédié, soit en pied de page si le plan reste de petite taille. Cela permettra à l utilisateur d avoir un «GPS» pour se repérer, plus lisible qu un menu déroulant, par exemple. 55
56 3.5) Aller plus loin dans l ergonomie web 56
57 3.5) ALLER PLUS LOIN DANS L ERGONOMIE WEB Retrouvez l ensemble de ces informations, et plus encore, sur le site suivant : Quelques précisions toutefois sur ce site : Le site date de quelques années. Certaines informations sont donc obsolètes. (Détails diapo suivante) 57
58 3.5) ALLER PLUS LOIN DANS L ERGONOMIE WEB Concernant le chargement des pages, si les débits mentionnés dans le site ont augmenté depuis, les minimas restent malgré tout existants, et sont à prendre en compte. Pour les design fluides, le site recommande de s appuyer au maximum sur la propriété CSS «float» pour gérer la mise en page : CSS 3.0 offre suffisamment de possibilités pour permettre de ne pas abuser des «float». 58
59 3.5) ALLER PLUS LOIN DANS L ERGONOMIE WEB Toujours dans la partie mise en page, la solution évoquée pour s adapter aux différents écrans est de réaliser plusieurs designs Vous disposez maintenant des Media Queries en CSS 3.0 pour effectuer cela avec un seul et même design. Partie Ergonomie, concernant les polices : Vous pouvez désormais sortir des polices standards grâce au téléchargement de police avec CSS 3.0. Attention toutefois au poids engendré par les fichiers de police! 59
60 3.5) ALLER PLUS LOIN DANS L ERGONOMIE WEB Partie «Accessibilité» : «Ne pas se reposer entièrement sur les CSS» Cette partie est à relativiser, car CSS 3.0 apporte un grand nombre de possibilités qui n existaient pas en CSS 2.1. Toutefois, la remarque reste pertinante! Partie «Problèmes et solutions» : La technique de centrage présentée avec une marge négative est à proscrire formellement, sauf s il est indispensable de bénéficier d un centrage sur IE 5 et 5.5. I6 supporte les marges automatiques, mais à condition d avoir un code valide! 60
61 3.5) ALLER PLUS LOIN DANS L ERGONOMIE WEB Toujours dans «Problèmes et solutions» : Les techniques pour les menus fixes et déroulants sont obsolètes. Pour des exemples, cherchez simplement «Menu CSS 3.0» sur votre moteur de recherche préféré. 61
62 EXERCICE Prenez plusieurs sites web connus de votre choix, et essayez d analyser la façon de présenter les éléments, comment sont gérées les mises en valeurs. Observez également les dispositifs mis en œuvre pour gérer les différents terminaux. 62
63 3.6) Outils d assistance à la mise en page 63
64 3.6) OUTILS D ASSISTANCE À LA MISE EN PAGE Bootstrap : Permet de simplifier la mise en page CSS Fonctionne sur un principe de grille : La page est décomposée en x lignes et y colonnes, et vous alignez vos éléments en vous servant de cette grille Apprendre à utiliser Bootstrap : 64
65 3.6) OUTILS D ASSISTANCE À LA MISE EN PAGE Avertissements concernant Bootstrap : Chaque nouvelle version de Bootstrap apporte de nouvelles fonctionnalités, mais change aussi régulièrement le comportement de certains éléments! Attention si vous mettez à jour Bootstrap sur un site! Il y aura certainement du code à reprendre! 65
66 3.6) OUTILS D ASSISTANCE À LA MISE EN PAGE Avertissements concernant Bootstrap : Bootstrap n est PAS valide CSS 3.0, mais fonctionne sur la plupart des navigateurs. Les erreurs CSS correspondent à des fonctions CSS spécifiques aux différents navigateurs, qui sont implémentées notamment pour prendre en charge les anciennes versions de navigateurs. Faites toutefois en sorte de conserver vos propres CSS toujours valides. Le validateur du W3C ne doit sortir QUE les erreurs de Bootstrap. 66
67 3.6) OUTILS D ASSISTANCE À LA MISE EN PAGE D autres frameworks CSS existent : Web Starter Kit : Outil créé par Google Foundation : très (très!) complet, mais peut-être pas le plus simple Skeleton Pure : Ultra léger (seulement 4,4ko) Une liste plus complète est disponible sur : 67
68 3.6) OUTILS D ASSISTANCE À LA MISE EN PAGE Titanium : Il s agit d un cas particulier. Cet outil permet de développer des interfaces d applications mobiles, autant pour Android que pour ios, Windows Phone, BlackBerry et HTML 5 Cet outil vous permet d unifier votre interface sur différents terminaux pour des usages applicatifs. Plus d infos sur leur site : 68
HTML. 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
Les 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
INTERNET 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.
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
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...
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...
LE CONCEPT DU CMS CHAPITRE 1
CHAPITRE 1 LE CONCEPT DU CMS Techniques traditionnelles de construction de sites... 14 Les principes des CMS... 18 Le langage HTML... 26 Check-list... 41 11 Même s il est d usage de comparer Internet
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
Programmation Web TP1 - HTML
Programmation Web TP1 - HTML Vous allez réaliser votre premier site Web dans lequel vous présenterez la société SC, agence spécialisée dans la conception des sites internet. 1 - Une première page en HTML
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
Notes 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
Echosgraphik. Ce document sert uniquement à vous donner une vision sur ma manière de travailler et d appréhender un projet
Echosgraphik Ce document sert uniquement à vous donner une vision sur ma manière de travailler et d appréhender un projet Présentation I. Echosgraphik Protocoles de travail I. Développement du site II.
Point sur les solutions de développement d apps pour les périphériques mobiles
Point sur les solutions de développement d apps pour les périphériques mobiles Par Hugues MEUNIER 1. INTRODUCTION a. Une notion importante : le responsive web design Nous sommes en train de vivre une nouvelle
Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées?
Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites Quelles solutions peuvent être employées? Présentation d une des solutions Conclusion Aujourd hui le web est
Rédiger pour le web. Objet : Quelques conseils pour faciliter la rédaction de contenu à diffusion web
Rédiger pour le web Objet : Quelques conseils pour faciliter la rédaction de contenu à diffusion web Sommaire 1. Rédiger des contenus... 2 Lire à l écran : une lecture contraignante... 2 Ecrire des phrases
SITE INTERNET BLOG SITE E-COMMERCE GRILLE D ANALYSE / AUDIT PREMIERE ANALYSE. Entreprises. o Public spécialisé o Etudiants o Enfants
PREMIERE ANALYSE Nom du site web : Url du site : Objectif du site / description (balise description) : Mots-clés du site (balise keywords) : Cible du site : o Entreprises o Public spécialisé o
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
Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.
1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de
Auteur LARDOUX Guillaume Contact guillaume.lardoux@epitech.eu Année 2014 DEVELOPPEMENT MOBILE AVEC CORDOVA
Auteur LARDOUX Guillaume Contact guillaume.lardoux@epitech.eu Année 2014 DEVELOPPEMENT MOBILE AVEC CORDOVA Sommaire 1. Introduction 2. Installation 3. Fonctionnement 4. Développement 5. Démonstration 2
WINDOWS Remote Desktop & Application publishing facile!
Secure Cloud & Solutions Accès BOYD CLOUD acces informatiques & BYOD sécurisé MYRIAD-Connect facilite votre travail en tous lieux et à tous moments comme si vous étiez au bureau. Conçu pour vous simplifier
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
Code Produit Nom Produit Dernière mise à jour. AM003 Alias Mobile On Demand Licence 1 mois 27/04/2015
www.alias-ad.com ALIAS MOBILE DESIGNER Des solutions innovantes pour la création d applications de gestion accessibles aux appareils mobiles (tablettes et smartphones) en client léger. Code Produit Nom
Dans 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
cbox VOS FICHIERS DEVIENNENT MOBILES! INTERFACE WEB MANUEL D UTILISATION
cbox VOS FICHIERS DEVIENNENT MOBILES! INTERFACE WEB MANUEL D UTILISATION BV Introduction L application cbox peut-être installée facilement sur votre ordinateur. Une fois l installation terminée, le disque
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
Guide de prise en main. Yourcegid SOLOS. Devis-Factures. 12/08/2013 Page 1 / 38
Yourcegid SOLOS Devis-Factures 12/08/2013 Page 1 / 38 Sommaire 1. YOURCEGID SOLOS DEVIS-FACTURES : AUTONOME, SIMPLE, INTUITIF ET PERSONNALISABLE 3 2. CENTRE D'AIDE ET SUPPORT... 5 3. ERGONOMIE... 6 Les
Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org
Les sites Internet dynamiques contact : Patrick VINCENT pvincent@erasme.org Qu est-ce qu un site Web? ensemble de pages multimédia (texte, images, son, vidéo, ) organisées autour d une page d accueil et
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.
Devenez 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
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
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
Prise en main rapide
Prise en main rapide 4 Dans cette leçon, vous découvrirez les fonctionnalités de création de page web de Dreamweaver et apprendrez à les utiliser dans l espace de travail. Vous apprendrez à : définir un
Poste virtuel. Installation du client CITRIX RECEIVER
SITEL Poste virtuel Installation du client CITRIX RECEIVER DOCUMENTATION UTILISATEUR Service informatique et télématique E-mail: hotline.sitel@unine.ch Téléphone : +41 32 718 20 10 www.unine.ch/sitel Table
Design adaptatif. Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH
Design adaptatif Guide de l utilisateur VIENNA LONDON MUNICH BERLIN PARIS HONG KONG MOSCOW ISTANBUL BEIJING ZURICH Contenu Définition... 3 Avantages... 3 Fonctionnalités... 5 Modèle de Design mobile...
< 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
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...
MAÎ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
Bureautique Initiation Excel-Powerpoint
Module de Formation Personnalisée : Bureautique Initiation Excel-Powerpoint Durée : jours ouvrables Prix : Formation personnalisée en vue d obtenir les notions de base indispensables pour : Excel Office
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
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
Recommandations techniques
Recommandations techniques Sage 30 Génération i7 Sage 100 Génération i7 Version 1.0 1 I Recommandations techniques pour Sage 30 Windows Génération i7 Sage 100 Windows Génération i7 2 1.1 Configuration
.. 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
Comment télécharger et
Dispositifs de lecture numérique Comment télécharger et lire un livre numérique sur tablette et liseuse? Par souci de synthèse nous retiendrons ici les modèles de tablettes et liseuses les plus utilisés
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
Crédits photos Philippe Montigny, Christophe Lepetit, Pascal Bourguignon, Julien-René Jacque, Cédric Hesly.
Mentions légales Le site www.sofiproteol.com est la propriété de SOFIPROTEOL SA SOFIPROTEOL SA Société Anonyme au capital de 212.087.000 euros 804 808 095 RCS PARIS SIRET : 804 808 095 00017 CODE APE (en
Installation d un serveur HTTP (Hypertext Transfer Protocol) sous Débian 6
Installation d un serveur HTTP (Hypertext Transfer Protocol) sous Débian 6 1 BERNIER François http://astronomie-astrophotographie.fr Table des matières Installation d un serveur HTTP (Hypertext Transfer
Se former pour réussir!
Centre de Formation Professionnelle du Lycée Agricole http://www.lycee-agricole-laval.com/cfppa-formation-continue.html Catalogue Techniques Agricoles Se former pour réussir! «Si je pouvais être aidé,
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
IPHONE BANNIÈRE CLASSIQUE DIMENSIONS. Standard : 320 x 53 (portrait) 20Ko Jpeg/Gif/Png. HD : 640 x 106 (portrait) 20Ko Jpeg/Gif/Png DESCRIPTION
IPHONE BANNIÈRE CLASSIQUE DIMENSIONS Standard : 320 x 53 (portrait) 20Ko Jpeg/Gif/Png HD : 640 x 106 (portrait) 20Ko Jpeg/Gif/Png DESCRIPTION Format publicitaire très répandu et simple Permet une présence
RESUME DE CARRIERE. Alice JULIENNE. 23 ans Nationalité Française Développeur Web Front-End. Compétences
RESUME DE CARRIERE Alice JULIENNE 23 ans Nationalité Française Développeur Web Front-End Compétences Systèmes Langages Windows (XP, 98) Macintosh OS X HTML, XHTML, CSS, XML, PHP, SQL, Javascript, J-Querry
Nouveautés de la version moodle 2.7
Nouveautés de la version moodle 2.7 Atto Éditeur de texte facile Le nouveau éditeur de texte dans Moodle à été développé spécialement pour convivialité et accessibilité. Au-dessus de la zone d'écriture
Exemple 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
Guide utilisation SFR Sync. SFR Business Team - Présentation
Guide utilisation SFR Sync SFR Business Team - Présentation SFR Sync ATAWAD Ecosystème complet Synchronisation de tous les appareils à partir du Cloud Simplicité Dossiers locaux synchronisés avec le Cloud
Armand PY-PATINEC 2010
Armand PY-PATINEC 2010 EPREUVE PRATIQUE : TABLEAU SYNOPTIQUE Activités Inventaire de bières et de leur lieu de fabrication Gestion des clients pour un programme de facturation Emploi du ruban de l interface
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
Spétechs Mobile. Octobre 2013
Spétechs Mobile Octobre 2013 Appli ios Appli Android Site Mobile Les clicks URL Appli ios Créa en dur HTML5 Créa en dur Banner Interstitiel Interstitiel Vidéo Bouncing / traveling Image Bouncing / traveling
É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
Diffuser un contenu sur Internet : notions de base... 13
Diffuser un contenu sur Internet : notions de base... 13 1.1 Coup d œil sur l organisation de cet ouvrage.............. 15 Préambule : qu est-ce qu une page web?................ 16 À propos du HTML...........................
Utilisation de la Plateforme Office365 et d Oultlook Web App
Utilisation de la Plateforme Office365 et d Oultlook Web App 1. Sommaire 1. Sommaire... 1 2. Accéder à la messagerie Office 365 en passant par Internet... 2 3. La boîte de réception... 4 3.1. Présentation
SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE
SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE SITE INTERNET DE L ASSOCIATION Diapositive 1 RAPPORT DE PROJET Site internet de l association INTRODUCTION 1) Je m appelle Léonard STRONG. 2) Oral de présentation
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
Table des matières. Première partie Découvrir, installer et apprivoiser WordPress
Table des matières Avant-propos... Remerciements.... Les fichiers téléchargeables... XIII XVII XVIII Première partie Découvrir, installer et apprivoiser WordPress Chapitre 1 Découvrir WordPress.... 3 1.1
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
NFA016 : 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
INTRODUCTION AU CMS MODX
INTRODUCTION AU CMS MODX Introduction 1. Créer 2. Organiser 3. Personnaliser UNE PETITE INTRODUCTION QUEST-CE QU UN CMS? CMS est l acronyme de Content Management System. C est outil qui vous permet de
Publier dans la Base Documentaire
Site Web de l association des ingénieurs INSA de Lyon Publier dans la Base Documentaire Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008
Audit de site web. Accessibilité
Accessibilité 1. Est- ce que le contenu est structurellement séparé des éléments de navigation? 2. Est- ce que le site est compatible avec tous les navigateurs? 3. Le site est- il compatible avec les normes
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
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
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
Le CMS Content Manager
Le Avec Content Manager, prenez le contrôle de votre site web! Version 3.12 / 2010 Content Manager est un système de gestion de contenus (CMS), qui vous permet de gérer des sites web hautement personnalisés.
emuseum PUBLIEZ VOS COLLECTIONS SUR INTERNET Pourquoi choisir emuseum? Intégration facile avec TMS Puissante fonction de recherche
emuseum emuseum PUBLIEZ VOS COLLECTIONS SUR INTERNET emuseum est un système de publication Web qui s intègre de façon transparente avec TMS pour la publication d informations sur Internet et les appareils
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
TIC. 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
S y m M a i l i n g. S o l u t i o n d e - m a i l i n g. SymMailing est un outil professionnel de création et de gestion de campagnes d emailing.
S y m M a i l i n g S o l u t i o n d e - m a i l i n g Introduction SymMailing est un outil professionnel de création et de gestion de campagnes d emailing. SymMailing intègre à la fois les outils de
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
!" #$%&'(&)'*'+,--./&0'1&23,+2.)$4$%52'&%'6.%&2'
Évaluer un site web, cours de descriptions de controverses i Dans le cadre du cours Description des controverses, le repérage des acteurs et la connaissance de leurs positions passent largement par l identification
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
Cégep de Saint Laurent Direction des communications et Direction des ressources technologiques. Projet WebCSL : Guide de rédaction web
Cégep de Saint Laurent Direction des communications et Direction des ressources technologiques Projet WebCSL : Laurence Clément, conseillère en communication édimestre Marc Olivier Ouellet, webmestre analyste
Guide Utilisateur Transnet
Guide Utilisateur Transnet > Sommaire 1 I Introduction 3 2 I Les premiers pas sous Transnet 4 2.1 Configuration informatique nécessaire pour accéder à Transnet 4 2.2 Initialisation de Transnet 4 3 I Téléchargement
Démonstration de la mise en cache via HTML 5 sur iphone
Last update: 2011/08/18 21:46 wiki:devmobile:webapp:html5:presentation Démonstration de la mise en cache via HTML 5 sur iphone Overview Parmi les nouveautés du HTML 5, l une d elles est très intéressent
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
Programmation Internet Cours 4
Programmation Internet Cours 4 Kim Nguy ên http://www.lri.fr/~kn 17 octobre 2011 1 / 23 Plan 1. Système d exploitation 2. Réseau et Internet 3. Web 3.1 Internet et ses services 3.1 Fonctionnement du Web
Silfid : Agence de création de site internet, formations et Conseils Retour sommaire
Sommaire ILFID vous accueille dans sa salle de formation équipée d ordinateurs en réseau et connectés internet, d'un vidéo- Sprojecteur et tableau blanc. Nos solutions sont éligibles aux critères de financement
CMS Made Simple Version 1.4 Jamaica. Tutoriel utilisateur Récapitulatif Administration
CMS Made Simple Version 1.4 Jamaica Système de gestion de contenu CMS Made Simple est entièrement gratuit sous licence GPL. Tutoriel utilisateur Récapitulatif Administration Le système de gestion de contenu
Ecrire 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,
Introduction à l informatique en BCPST
Introduction à l informatique en BCPST Alexandre Benoit BCPST L informatique en BCPST «L enseignement de l informatique en classes préparatoires de la filière BCPST a pour objectif d introduire puis de
Syfadis. > Configuration du poste client. Nous vous aidons à réussir. REFERENCE : Syfadis LMS - 12/09/2008. AUTEUR : Equipe technique Syfadis
Syfadis Nous vous aidons à réussir > Configuration du poste client REFERENCE : Syfadis LMS - 12/09/2008 AUTEUR : Equipe technique Syfadis Ce document est la propriété de Syfadis. Il ne peut être communiqué
Pourquoi utiliser SharePoint?
Pourquoi utiliser SharePoint? Partage de Fichiers Accès distant aux informations Mise à jour permanente Gestion électronique de documents (GED) Notifications / Alertes Workflow / Flux de travail Extranet
INCORPORER EXCEL EN LIGNE DANS UN FICHIER CRÉÉ AVEC L ÉDITEUR DE TEXTE 15 avril 2015
TABLE DES MATIERES Incorporer une feuille de calcul dans un fichier créé avec l Éditeur de texte de PLACE... 1 Avantages :... 1 Contraintes :... 2 Accéder à Microsoft OneDrive :... 2 Créer un classeur
HTTP Commander. Table des matières. 1-Présentation de HTTP Commander
HTTP Commander Table des matières 1-Présentation de HTTP Commander... 1 2-Accéder à vos fichiers... 2 3-Téléversement... 6 4-Glisser-déposer... 7 5- Le mode Webdav, un outil puissant... 8 6-Accéder aux
CHARTE DE GESTION DES COOKIES
CHARTE DE GESTION DES COOKIES 1. PREAMBULE La présente Charte de gestion des Cookies s adresse aux utilisateurs du site internet http://www.procedurescollectives.com/ (ci-après le «SITE»), à savoir, toute
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
Firefox pour Android. Guide de l utilisateur. press-fr@mozilla.com
Firefox pour Guide de l utilisateur press-fr@mozilla.com Table des matières À propos de Mozilla Firefox pour... 3 Prise en main... 4 Mise à niveau de la navigation mobile... 5 Déplacez-vous à la Vitesse
Syfadis. > Configuration du poste client. Nous vous aidons à réussir. REFERENCE : Syfadis LMS - 20/06/2007. AUTEUR : Equipe technique Syfadis
Syfadis Nous vous aidons à réussir > Configuration du poste client REFERENCE : Syfadis LMS - 20/06/2007 AUTEUR : Equipe technique Syfadis Ce document est la propriété de Syfadis. Il ne peut être communiqué
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
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