Archives de catégorie : Les coulisses du web

Les coulisses du web

Dictionnaire des mots du blog…

Laisser un commentaire

Voici un lexique des mots courants du monde des blogs que nous avons construit à partir du glossaire du site CapITyPA, fruit de la collaboration entre participants du MOOC ITyPA 1, premier MOOC francophone. Tous ces éléments sont partagés sous licence libre (CC by-nc-sa).

AGRÉGATEUR DE FLUX
Les agrégateurs de flux sont des outils permettant de rassembler et d’organiser des flux RSS ou ATOM de sources différentes afin d’en faciliter la consultation rapide. Ils font partie intégrante de la veille informationnelle.

ATOM
Format basé sur le standard XML (langage informatique) permettant le partage et la syndication de contenus publiés sur le Web, comme par exemple les articles d’un  blog.

vishnou-cc-by-sa-d_villafruela
Vishnou, CC-BY-SA D. Villafruela

AVATAR
Dans la religion hindoue, désigne chacune des incarnations du dieu Vishnou.
Représentation virtuelle créée par un internaute dans le cyberespace. Apparence que prend une personne dans un environnement graphique informatique : image dans un forum sur internet, un clavardoir, sur un compte de média social ou objet 3D dans un univers virtuel. Cette image peut illustrer autre chose que l’utilisateur lui-même.

BALISE (HTML)
Une balise est l’étiquette utilisée pour marquer le début et la fin d’un élément en langage HTML. Les éléments donnent la structure d’un document HTML (une page web) et indiquent comment nous voulons que le navigateur présente notre site Web. En général, les éléments se composent d’une balise ouvrante, d’un contenu et d’une balise fermante. Par exemple, les balises  <li>contenu</li> vont servir à établir des éléments de listes à puces ou numérotées.

BILLET
Dans un blog, on appelle « billet » un article posté, quelle que soit sa longueur. Synonyme de “post” en anglais.

BLOG
Le mot « blog » est une contraction de Weblog. Un blog est un carnet en ligne, appelé cybercarnet au Québec ou journal de bord. Les articles ou « billets » d’un blog sont datés, signés du pseudonyme du blogueur et se succèdent en général dans un ordre antéchronologique, du plus récent au plus ancien.

COOKIE
Petit fichier texte stocké par le serveur Web sur le disque dur du visiteur servant (entre autres) à enregistrer des informations sur le  visiteur ou encore sur son parcours dans le site Web permettant ainsi de reconnaître les habitudes d’un visiteur et de personnaliser sa présentation lors d’une prochaine visite.

CSS  – CASCADING STYLE SHEET
Feuille de style. CSS  est un code qui a été développé pour le langage HTML  et contient les propriétés attachées à un élément (les styles). Les styles définissent comment visualiser une page HTML (police de caractère, taille de police, couleur,mise en page, ..etc.)
Cela permet  :

  • d’avoir automatiquement le même aspect pour toutes les pages.
  • de changer l’habillage de tout un site en ne modifiant qu’un seul fichier (la feuille de style).

Le CSS vient compléter le HTML pour gérer la mise en forme d’un site.

EMBED
Intégrer, embarquer dans un site web  un « objet » réalisé sur un autre site. Consiste à recopier le code HTML de « l’objet » . Par exemple, une vidéo, une carte mentale, un fil twitter peuvent être intégrés sur un site ou un blog.

FAVICON
Un favicon est une icône informatique symbolisant un site web. Ces icônes sont créées par les propriétaires des sites. Les navigateurs web utilisent les favicons dans la barre d’adresse, la barre de titre, les favoris, les onglets et autres raccourcis. Il correspond à l’image affichée dans la barre d’adresse , juste avant l’URL.

FIL ou FLUX
Suite de publications par ordre chronologique (au fil du temps) d’une personne ou d’un blog. abréviation de « fil de discussion », enchaînement des commentaires à un article donné (On parle notamment de fil ou flux RSS). Suite des échanges sur un sujet, dans un forum.

FOLLOWER
Abonné en français, c’est un internaute qui en suit un autre sur un réseau social ou un blog. Cette relation n’est pas forcément réciproque (contrairement aux amis sur Facebook, par exemple). Ce terme s’est largement répandu avec Twitter.

HEBERGEUR WEB
Un hébergeur est une entreprise qui possède des ordinateurs dits serveurs de grande capacité, connectés à  Internet 24h/24. La fonction principale de ces ordinateurs est d’héberger le contenu de sites web. Les services d’hébergement sont en général  payants.

HTML – HyperText Mark-up Language
HTML est un langage qui permet de présenter / formater des informations sur Internet. Ce que vous voyez quand vous regardez une page sur Internet est l’interprétation par votre navigateur du code HTML. Le langage HTML est composé de BALISES et permet de  créer  des LIENS HYPERTEXTES.

HTTP – HYPER TEXT TRANSFER PROTOCOL
Protocole de communication CLIENT-SERVEUR développé pour le Web et utilisé pour le transfert de fichiers hypertextes ( pages web)

HTTPS – HTTP SECURE
Version sécurisée du protocole HTTP. La sécurisation se fait par cryptage ou chiffrement des données. Ce protocole est censé garantir l’identification du site internet qui l’utilise et favoriser la confidentialité des données transmises par l’utilisateur. Vérifiez-bien que vous êtes en HTTPS (la page est marquée par un cadenas) lorsque vous réalisez une transaction financière sur un site commercial.

HYPERLIEN ou LIEN HYPERTEXTE
Dans un document électronique (page web, mail, doc traitement texte…), un lien désigne un morceau de texte ou une image qui, une fois sélectionné (cliqué), permet d’accéder à une autre partie du document ou à une autre page web (autre fichier) suivant le protocole hypertexte. A l’origine, lorsqu’il s’agit de texte, les liens sont bleus et soulignés par défaut mais ils peuvent être personnalisés.

JAVASCRIPT
Le Javascript est un langage de programmation qui permet d’apporter des améliorations au langage HTML pour rendre les pages web interactives en permettant d’exécuter des commandes au niveau du navigateur (coté client) et non du coté serveur web.

NETIQUETTE
Netiquette est un mot-valise issu de la contraction de Net (forme tronquée de Internet) et de étiquette.
(Informatique) Désigne l’ensemble des conventions de bienséance régissant le comportement  des internautes dans le réseau, notamment lors des échanges dans les  forums ou par courrier électronique. Autrement dit c’est un code de savoir-vivre sur internet.

PERMALIEN ou PERMALINK
Lien permanent. Un permalien est constitué d’une chaîne de caractères qui représente la date, et parfois l’heure, de sa publication, et des identifiants particuliers (incluant un URL de base, et souvent qui identifient l’auteur, le membre ou le département d’où provient l’item). Généralement utilisé pour les blogs, un permalien n’est jamais modifié, même si un item est changé, renommé, ou déplacé. Par contre s’il est effacé, son permalien ne peut pas être utilisé à nouveau.

PLUG-IN ou EXTENSION
Greffon en français, petit programme, généralement téléchargé à partir d’un site web, qui vient s’implanter au cœur d’un logiciel hôte pour lui permettre de supporter des fonctionnalités supplémentaires (par exemple : flash, shockwave, real audio,  …). Des extensions peuvent par exemple être ajoutées à un navigateur internet pour le personnaliser.

RETROLIEN, PING ou TRACKBACK
Trackback en anglais, est un système de liens inter-blogs, semi-automatisé. Il permet aux auteurs de relier des billets de blogs différents et parlant du même sujet ou se faisant référence.

TAG
Etiquette ou mot-clef, utilisé pour indexer des ressources afin d’en faciliter la recherche.

TAG CLOUD
Nuage de mots-clés. Représentation visuelle des mots-clés les plus utilisés dans un  site Web, triés alphabétiquement, dans laquelle on affecte aux mots une  taille d’affichage proportionnelle à leur popularité, qui permet d’avoir  une vision d’ensemble du contenu du site et un accès rapide aux pages associées à chaque mot-clé. Le nuage de mots-clés permet de prendre connaissance du contenu d’un site Web en un clin d’œil et de voir les principaux thèmes abordés.

TROLL
Personne qui dépose des commentaires après un billet de blog ou sur tout autre site, avec l’unique objectif de critiquer, voire calomnier l’auteur, et de créer la dissension. Le trollage est la pratique du troll. Vous pouvez en savoir plus sur cet article : qu’est-ce qu’un troll ?

URL
Uniform Resource Locator. Ce qu’on appelle l’adresse web. Dénomination unique à caractère universel qui permet de localiser une ressource ou un document sur l’Internet

WIDGET
Petite application spécialisée pour une tâche et permettant d’accéder rapidement à des informations.

WYSIWYG
Signifie « What You See Is What You Get » : « Vous aurez ce que vous voyez » ou » tel écran tel écrit »). Ce terme utilisé pour faire  référence aux interfaces graphiques qui affichent directement le rendu final du document. Ce type d’application est utilisé pour les traitements de texte bureautiques et aussi par les applications de  courrier électronique, de blog ou de CMS qui utilisent des éditeurs de HTML.

Les coulisses du web

Le métier de « community manager »

Laisser un commentaire

Le métier de community manager (souvent également appelé CM) est né en 2009, issu de la révolution du web et de l’effervescence des réseaux sociaux. Il a depuis peu sa définition dans le Larousse : N.m. (mot angl. « gestionnaire de communautés »). Personne dont le métier consiste à fédérer et animer des communautés d’internautes, pour le compte d’une entreprise, d’une marque, etc., dans le but d’attirer de nouveaux clients et de les fidéliser.


CC0 Public Domain – Pixabay

Le community manager est avant tout le représentant d’une marque, d’une société ou même d’un produit sur internet. Il est indispensable de savoir ce qui se dit sur les entreprises qu’il représente. Son rôle est donc stratégique, il consiste à faire parler de son entreprise et de ses produits sur le web.

Le CM est à la fois, porte-parole de la marque en externe et porte-parole des utilisateurs en interne. Avoir la culture de l’entreprise et connaître son histoire lui sont indispensables pour lui permettre de créer des contenus à destination des communautés qu’il diffusera ensuite sur des supports adaptés (Facebook, Twitter, etc.). Il est contact privilégié entre la communauté et une structure (société, marque, association…) et favorise le dialogue avec celle-ci. Il est toujours en veille prêt à interagir.

Les journées d’un community manager se suivent mais ne se ressemblent pas. Elles sont rythmées par la fréquence des postes et commentaires des internautes, la prise de paroles sur des blogs spécialisés, la gestion d’événements, etc. Le CM donne de la valeur ajoutée à une stratégie de communication.

Il doit être quelqu’un de passionné et de volontaire. Quand il ne travaille pas, il participe à des événements pour échanger, partager et toujours apprendre plus. Il recherche les dernières tendances ou les évolutions d’un outil pour éviter d’être obsolète.

Un community manager ne peut pas s’empêcher de penser à sa communauté et reste en veille matin, midi et soir, en semaine et le week-end. Sa priorité numéro une est la satisfaction de sa communauté. Il se donne donc à fond et ne mesure pas le temps de son implication.

Thimotée Moesh
Chargée de communication visuelle et des réseaux sociaux.

Les coulisses du web

Structurer son texte : tout un programme !

Laisser un commentaire

Produire un billet de blog demande du travail. Il ne suffit pas d’écrire un texte, encore faut-il le mettre en forme ! Pour ce faire, il est conseillé d’utiliser toutes les opportunités offertes par le HTML (HyperText Markup Language), langage descriptif utilisé pour les pages internet. Heureusement, vous n’êtes pas obligé d’être expert en HTML, en effet, l’éditeur qui vous est proposé va vous aider !

Mais pourquoi mettre en forme ?

Cette mise en forme inclut bien sûr le choix et le positionnement des illustrations, mais aussi – et surtout – la structuration du texte, qui est essentielle à trois titre :

  1. Un texte bien structuré est plus facile à lire pour le lecteur : on comprend mieux la logique de l’auteur, on suit mieux sa démarche intellectuelle.
  2. Un texte bien structuré est plus facile à lire par un robot : ces machines qui parcourent le web à longueur de journées, indexent les pages pour vous les resservir lorsque vous posez une question à votre moteur de recherche préféré, s’appuient sur la structuration HTML du texte pour repérer les mots clés et catégoriser votre article.
  3. Il est beaucoup plus facile de configurer l’esthétique d’un texte bien structuré. Le langage CSS (Cascading Style Sheet) permet de définir tous les paramètres de votre page (police, couleurs, taille de texte, alignement, …) en s’appuyant sur la structure HTML de vos documents. C’est en s’appuyant sur ces possibilités que les couleurs des titres  des articles de ce blog s’adaptent à la catégorie dans laquelle chaque billet est référencé.

On peut donc analyser une page web selon trois niveaux :

  • le contenu, qui correspond au texte brut,
  • la structure, apportée par le langage HTML qui permet de présenter l’organisation logique et l’articulation des différents éléments présentés ( = la logique de votre pensée),
  • la présentation, gérée par le langage CSS, qui apporte l’aspect esthétique de votre production.

Cette idée de mettre en forme n’est elle utile que sur Internet ?

Non, bien sûr, et voici deux exemples.

1 – Avec un traitement de texte

Si vous avez un document long à réaliser (un rapport de stage, un mémoire, une dissertation, …) vous trouverez pratique d’utiliser les styles proposés par votre traitement de texte. Cela vous permettra :

  • de structurer votre document,
  • de vérifier que la structure est cohérente : les chapitres s’enchainent bien, les niveaux de paragraphes et sous-paragraphes sont cohérents, …
  • d’avoir une mise en page cohérente tout au long de votre document,
  • de générer automatiquement une table des matières.

2 – Avec un papier et un crayon

Guillaume Apollinaire est un grand auteur français, célèbre pour ses calligrammes. Voici ci-dessous trois versions du même poème. Même si c’est un exemple manuscrit, il permet de bien comprendre la différence entre le texte, sa structuration et sa présentation.

a) le texte brut

Reconnais-toi
Cette adorable personne c’est toi sous le grand chapeau canotier Œil  Nez La bouche Voici l’ovale de ta figure Ton cou exquis Voici enfin l’imparfaite image de ton buste adoré  vu comme à travers un nuage Un peu plus bas c’est ton cœur qui bat.

b) le texte structuré

Reconnais-toi
Cette adorable personne c’est toi
Sous le grand chapeau canotier
Œil
Nez
La bouche
Voici l’ovale de ta figure
Ton cou exquis
Voici enfin l’imparfaite image de ton buste adoré  vu comme à travers un nuage
Un peu plus bas c’est ton cœur qui bat

c) le calligramme

calligramme de Guillaume Apollinaire

Alors, quelle version vous semble la plus poétique ?

 

Les coulisses du web

Derrière la page, du code…

Laisser un commentaire

Quand on écrit un article dans le blog, nous écrivons tel que nous voulons le faire apparaître aux lecteurs. Après avoir tapé son texte, les icônes de la barre d’outils au-dessus de la zone d’édition nous permettent d’améliorer la mise en forme (en gras, italique, alignement, etc.). Dépliée, la barre d’outils propose d’autres options encore…

Bref, écrire sur internet, c’est facile…

En fait, ce n’est pas si facile car un système informatique doit coder ces informations pour les transmettre et permettre l’interprétation pour tous les types de supports (ordinateurs, tablettes, smartphones), tous les systèmes d’exploitation et tous les navigateurs. Ce code est un langage appelé HTML qui a sa propre syntaxe, sa grammaire, son vocabulaire.

L’article à venir de David Lagrue vous permettra d’en savoir plus à son sujet.

Si nous écrivons ce que nous voulons écrire et si les lecteurs lisent ce que nous écrivons, sans avoir la contrainte d’écrire dans ce langage HTML, quel est donc l’intérêt d’en parler ?

Pour trois raisons principales :

1- les pages internet peuvent être lues par des lecteurs d’écran (transcription par synthèse vocale ou afficheur braille). Par exemple, les balises de titre et de listes à puces par exemple permettront au lecteur de faire ressortir de manière appropriée ces informations.

2- Ensuite, l’ensemble des balises utilisées dans le code HTML est lu par les moteurs de recherche et les algorithmes permettront de classer les résultats en fonction des balises. Une recherche sur un terme présent entre des balises h1 (balises de titre de niveau 1) apparaîtra avant une page sur laquelle le même terme est présent entre des balises p (balises de paragraphe).

3- Enfin, les balises peuvent aussi être employées par un autre langage, le CSS, permettant de modifier la présentation de ses pages. Ainsi, nous pouvons écrire dans la feuille CSS que l’ensemble des titres de niveau 1 (dotés de balises h1) doivent apparaître en orange. Et si on change d’avis, ce n’est pas la peine de reprendre tous les articles pour mettre tous les titres de niveau 1 en orange. Il suffit d’indiquer le changement dans la page CSS, et cela sera répercuté sur toutes les pages de son site ou de son blog. Dans un prochain article de Benjamin, vous en apprendrez un peu plus sur ces CSS…

Alors, comment savoir à quoi ressemble ce code ? Dans votre navigateur, vous pouvez accéder au code de n’importe quelle page, celle-ci par exemple, en cliquant sur le bouton droit de la souris puis en sélectionnant « Code source de la page » ou « Afficher le code » selon votre navigateur).

Et maintenant, si on jouait un peu avec ce code ? Copiez le code de cette page et allez sur cet éditeur en ligne pour le coller. Comparez maintenant la page que vous obtenez avec ce que vous voyez sur le blog, puis ce que vous voyez à gauche et à droite… Quelles différences observez-vous ?