background preloader

Web - Création

Facebook Twitter

Creer une video. Code / Outil. 10 sites pour créer une infographie. Les infographies permettent de visualiser plus facilement un ensemble de données parfois complexe.

10 sites pour créer une infographie

Une image est parfois plus parlante qu’un long discours ! Elles permettent de comprendre en un coup d’œil les principaux enseignements d’une étude quantitative par exemple. Certains utilisent également ce type de visualisation pour présenter leurs compétences au sein d’un CV original. De nombreux services existent pour réaliser facilement une infographie : nous en avons sélectionné dix. Réaliser une infographie en ligne Infogr.am Une référence, puisque l’outil a déjà permis de créer plus de 340 000 infographies ! Piktochart Ici aussi, il s’agit d’une référence : plus de 100 000 comptes ont été créés sur le site, vous pouvez donc utiliser le service les yeux fermés ! Easel.ly Il s’agit d’un outil très facile à prendre en main, qui permet de réaliser une infographie facilement.

Une infographie représentant l’activité sur les réseaux sociaux What About Me Visual.ly. WordPress et Référencement. CSS. Libraries - The Open Source Discovery Service. Construire un fil d'Ariane efficace. Quitte à proposer un fil d’Ariane pour mieux se repérer dans le site, autant qu’il soit accessible, cohérent et efficace !

Construire un fil d'Ariane efficace

Le fil d’Ariane, ou « breadcrumb trail » en anglais [1], est une aide à la navigation qui permet de mieux se repérer dans le site. Il n’est pas indispensable et vient compléter la navigation principale, mais quitte à le proposer, autant qu’il soit accessible [2], cohérent et efficace, non ? Pour bien faire, il doit refléter l’architecture du site. Il est par conséquent indépendant du chemin emprunté par l’internaute, contrairement à ce que son nom indique. Le fil d’Ariane d’emplacement [3] est statique et montre où la page se situe dans la hiérarchie du site web. Voyons maintenant comment le construire. Une simple succession de liens suffit Voici ce que l’on croise trop souvent en structure HTML de fil d’Ariane : Comment créer une arborescence de site web efficace. Du zoning au mockup, itinéraire d'une maquette web.

Il n’est pas toujours évident de s’y retrouver dans le vocabulaire, nouveau et souvent anglophone, de la conception web.

Du zoning au mockup, itinéraire d'une maquette web

Nous sommes nombreux [**] à avoir déjà vécu une situation d’incompréhension à cause de ce vocabulaire. Les termes « zoning » et « mock-up », en particulier, ont des significations différentes selon les personnes [**] et prêtent au quiproquo, quand ils ne sont pas carrément considérés comme synonymes de « wireframe »… Pour mieux s’y retrouver, commençons par mettre les bons mots sur les choses. sketch / croquis La première chose que l’on fait, c’est de jeter des idées sur papier, sous la forme de croquis.Outils : papier et crayons, Sneakpeekit, InterfaceSketch Le sketch est trop peu utilisé : vous êtes peu nombreux à crayonner régulièrement et près de la moitié [**] à ne jamais faire de croquis !

Conception ergonomique zoning Le zoning, comme son nom l’indique, sert à identifier les principales zones. Mind Mapping Software - Create Mind Maps online. Mind mapping pour la gestion de projet. Au préalable, il est essentiel de définir la question de départ.

Mind mapping pour la gestion de projet

(attention à bien identifier le sujet/ question : risque hors sujet / manque de pertinence) Démarche en 6 étapes : Lister en réalisant un brainstorming avec ± 15 mots-clés Valider en sélectionnant les concepts les plus pertinents en enlevant les concepts les moins utiles en vérifiant si d’autres concepts sont à ajouter (Outil possible = Méthode QQOQCP Quoi, Qui, Où, Quand, Comment, Pourquoi) Bien choisir ses mots clés pour le referencement de son site webCréation et Communication Globale.

Le choix des mots clés est une étape décisif dans la conception d’un site internet, il va définir le choix de votre arborescence, l’architecture de vos pages et de vos contenus, leur rédaction ….

Bien choisir ses mots clés pour le referencement de son site webCréation et Communication Globale

Bref pour être certain de concevoir un site internet qui ne sera pas seulement visité par vous et vos amis, mieux vaut définir à l’avance comment va-t-on si prendre pour recevoir du trafic ciblé. Inutile de commencer la fabrication de votre site sans votre fameuse liste, vous perdrez beaucoup d’énergie et de temps et votre référencement ne pourra être efficace. Outils pour le referenceur - ameliorer votre referencement. De nombreux outils sont proposés gratuitement pour faciliter le travail du webmasters lorsqu’il cherche à optimiser son site web.

Outils pour le referenceur - ameliorer votre referencement

Je vous propose une liste non exhaustive de quelques-uns de ces outils gratuits que vous pouvez utiliser sans modération. Referencement web : la page google. Monter-son-projet-ecommerce.pdf. Créer les maquettes de son site web - La Fabrique du Net. La réalisation des maquettes est une étape déterminante dans la création d’un site internet.

Créer les maquettes de son site web - La Fabrique du Net

Pour que votre site web soit agréable, il faut naturellement soigner le design de l’interface graphique, mais surtout, pour que votre site internet soit efficace, il faut construire une mise en page intelligente et adaptée à vos objectifs et vos contenus. La réalisation des maquettes doit passer par plusieurs étapes, du design fonctionnel en noir et blanc, au design graphique intégrant votre identité et vos couleurs. Dans cet article, nous allons vous donner toutes les clés pour réussir cette étape fondamentale dans tout projet de création de site web.