Aujourd’hui, je vous présente cette formation « Les fondamentaux du webmaster » de Jean-Marie Defrance, directeur technique dans le développement de sites Web dynamiques et enseignant à Gobelins.

Le DVD a été réalisé en partenariat avec Elephorm.

Avant de commencer….

Pour comprendre mes motivations, sachez que je suis rentrée dans le monde virtuel sans formation spécifique. Comme chacun d’entre nous, je sais utiliser un PC parce que tout le monde sait utiliser aujourd’hui un PC, et même les enfants de 11 ans, j’ai compris le SEO parce que j’ai beaucoup lu (blogs, forums, livres) et testé, j’ai compris le fonctionnement d’internet parce que pour comprendre les moteurs de recherche il a fallu comprendre le fonctionnement du web..

Bref, ce que je veux dire, c’est que je suis autodidacte comme beaucoup d’entre vous, j’ai appris sur le terrain. Certes j’ai eu quelques heures de cours pendant mes deux années de licence, heures qui m’ont initiée à internet (les notions comme DNS, TCP/IP, Javascrip, AJAX, réseau… ont été rapidement abordés), mais aujourd’hui j’avais besoin d’un cours complet et structuré pour aborder ces termes, me mettre à niveau, valider mes acquis, corriger les erreurs d’interprétation…

Comme j’envisage d’apprendre le CSS et le HTML, je me suis dit qu’il est important de partir avec des bases solides, avec des concepts techniques expliqués par quelqu’un qui a de l’expérience. J’aime bien faire les choses, dans le bon ordre 🙂

Autre raison, je ne sais pas ce que le futur me réserve. Je voudrais être responsable seo dans une agence web, mais peut-être cela ne sera pas possible. Je veux essayer de m’ouvrir plusieurs portes, et peut-être viser un poste de chef de projet (à long terme 🙂 ). Dans le web, il est important de maitriser un peu le tout, sans forcément être spécialiste de tout 🙂 J’aime bien être indépendante et j’aime bien apprendre, alors je m’ouvre à plusieurs métiers dans le domaine du web.

Je veux maitriser le web 🙂 (rhhh, c’est un private joke 🙂 )

Pour revenir sur cette formation, c’est le B.A BA indispensable de connaitre pour créer un site web. Allons voir en détail, ce que cette formation pourra vous apporter.

Notion de réseau

Les réseaux intranet – Partie 1 & 2

On commence tout doucement avec une explication sur le fonctionnement du réseau intranet.

En effet, dans la plupart des entreprises, les PC sont reliés entre eux en réseau, afin de pouvoir partager, stocker et avoir accès aux mêmes fichiers.

On va aborder des notions comme : la carte réseaux, les câbles de connexion avec prises RJ 45, le commutateur et l’installation du protocole TCP/IP. Attention, sans protocole installé, il n’y a pas de communication entre les PC !

Une fois compris comment envoyer des informations d’un poste à un autre au sein du même réseau, on apprend comment faire pour envoyer des informations vers internet. Pour se faire, on a besoin d’une passerelle qui a la particularité d’avoir 2 cartes réseaux. Cette passerelle va assurer le transfert des informations sortantes du réseau. La passerelle peut être une passerelle filtrante si l’on installe un pare-feu ou encore un serveur de cache (serveur proxy) qui évite de solliciter trop fréquemment le réseau en mémorisant les informations.

Le réseau Internet

Après l’intranet, on s’intéresse à Internet : le réseau des réseaux 🙂

Comment relier des ordinateurs avec des systèmes d’exploitation différents ?

1. Physiquement par un réseau filaire (internet)
2. En attribuant à chaque ordinateur une adresse IP unique
3. En installant sur chaque ordinateur un protocole universel (TCP/IP)

L’architecture des ordinateurs entre eux

1. Poste à Poste
2. Client – Serveur (données acheminées par des routeurs)

Les classes IP

Les adresses IP, uniques à chaque poste, sont composées de 4 octets séparés par des points. L’octet peut évoluer entre 0 et 255.

Pour structurer les adresses IP, elles ont été organisées en CLASSES : classes A, classes B, classes C,..

Les applications Internet

Les couches TCP/IP

Les 4 couches TCP/IP qui vont permettre de transférer les données

• Couche application : HTTP, SMTP, FTP
• Couche transport : TCP
• Couche internet : IP
• Couche réseau : Ethernet

Les ports et les sockets

Les sockets permettent t d’identifier clairement une connexion d’une application sur un ordinateur, et permettrons donc d’utiliser plusieurs applications en même temps sur le même protocole TCP/IP

Le socket : numéro IP + port

Voici une Impression écran : si vous ne comprenez pas grand chose, il faut acheter la formation 🙂

L’application Web et les protocoles HTTP et HTTPS

• HTTP : HypetText Transfer protocole – utilisé pour les applications web.
• HTTPS : HyperText Transfer Protocole secured : – protocole pour les transmissions d’informations sensibles (paiement en ligne par CB)
• SMTP : Simple Mail Transfer Protocol – permet d’envoyer des messages sur le serveur du destinataire
• POP3 : Post Office Protocol version 3 – permet de récupérer les messages sur le serveur de messagerie distant
• IMAP : Internet Message Access Protocol – évolution du POP3 – permet de récupérer les messages sur le serveur de messagerie distant

L’application Mail : protocoles SMTP, POP3 et IMAP

Les principaux clients de messagerie : outlook express, outlook, Thunderbird…

L’application FTP : protocole FTP

L’application FTP, utilisant le protocole du même nom, pour réaliser des transferts de fichiers d’un poste client vers un poste serveur et vice-versa. (ex. client FTP : Filezilla, Dreamweaver)

L’application de connexion à distance et le protocole SSH

SSH : Secure Shell – prendre le contrôle d’un ordinateur à distance par exemple de votre serveur web. Principaux clients SSH : PUTTY pour PC ou NIftyTelnet pour MAC.

NOM de DOMAINE

Le nom de domaine se substitue à l’adresse IP du serveur. Dans la formation, on parle de TOP LEVEL Domain génériques (.com, .net, .org, .biz…) et nationaux (.fr, .es, .be…).

Ensuite, on traite de la résolution d’un nom de domaine (serveur DNS récursif, serveur DNS root, serveur DNS TLD, serveur DNS primaire NSO,..) et de la configuration des zones d’un domaine (configuration d’un serveur DNS primaire), une partie assez abstraite pour moi, je l’avoue. Je ne vois pas en quoi cela peut être utile, si ce n’est pas pour sa culture générale. Mais peut-être je ne me rends pas compte de l’importance de ces informations. Je ne vois pas en quoi cela peut servir concrètement. Une idée ?

Architectures de site Web

Explications sur le fonctionnement des différents sites.

Site statique avec le XHTML

• fonctionnement très simple
• balise DOCTYPE
• une page web accompagnée obligatoirement d’une feuille de style CSS
• interactivité entre utilisateur et le système avec technologies comme JavaScript ou PHP

Site interactif côté client avec JavaScript

• le code JavaScript est visible dans le code source : attention aux tricheurs
• le code JavaScritp s’exécute sur le poste client, il est très rapide et conviendra aux programmes où la réactivité est importante (comme le roll-over)
• parfois, quelques problèmes de compatibilité avec le navigateur ou le type d’ordinateur du client

Site interactif côté serveur avec PHP

• la deuxième alternative pour créer de l’interactivité avec le client.
• un préprocesseur PHP doit être préalablement installé sur le serveur web
• le code PHP ne s’affiche pas dans le code source : nous pouvons créer des programmes de sécurité

Site dynamique avec PHP/MysSQL

• PHP + BDD (base de données)
• permet de mettre en place une interface d’administration en ligne pour les utilisateurs

Site Web 2.0 avec Ajax

Nouvelle génération de sites web avec une forte interaction avec les internautes.

• les sites Ajax permettent de créer des applications internet riches de type 2.0
• échanges rapides, ergonomie améliorée
• mais attention, c’est un frein au référencement (car il n’y a pas de page potentiellement indexable)

Site Full Flash

• flash – système d’animations vectorielles développé par l’éditeur Adobe
• possibilité de créer des applications interactives avec l’ActionScrpt
• les sites full flash – frein au référencement
• le temps de chargement des animations est souvent long

Site marchand avec HTTPS

• Les sites e-commerce avec catalogue en ligne, un système de panier et un terminal de paiement en ligne

Serveur et hébergement

Dans cette partie on va parler de la bande passante et du débit, de différents fournisseurs d’accès et les différents types d’hébergement (hébergement gratuit, mutualisé, privé virtuel, dédié, en colocation). Si vous voulez en savoir plus sur ces types d’hébergement, vous pouvez passer des heures à chercher sur le web ou acheter cette formation. 🙂 Ce n’est pas vraiment très glamour, mais bon, c’est bien de savoir à quoi ces termes correspondent pour pouvoir choisir le meilleur pour son projet web. Quels avantages et quels inconvénients de chaque type d’hébergement, la formation vous donne toutes les réponses.

Référencement (SEO) et Web analytique

Il ne suffit pas d’avoir un site s’il n’est pas visité. Il faut donc assurer sa promotion et essayer d’accroitre sa visibilité. On va utiliser des techniques de marketing traditionnel adaptées au web :

• Communiqués de presse
• Publicité en ligne
• Marketing viral
• Réseaux sociaux
• Diffuser du contenu (blogs, forums)
• Échange de liens
• Campagne e-mailing
• Moteurs de recherche

Les moteurs de recherche

Un tour d’horizon rapide des différents outils de recherche : moteurs de recherches, métamoteurs et annuaires, et leurs fonctionnements en 3 phases : exploration, indexation et recherche.

On énonce les fichiers robots.txt et sitemap, mais sans rentrer dans les détails.

Le référencement naturel

On va parler référencement naturel, sujet structuré en 4 parties. Plus d’une heure de formation SEO, pas mal je trouve pour une formation dédiée à ceux qui souhaitent devenir webmasters. 🙂

Pour optimiser le site pour un référencement naturel :

• Première étape : choisir les mots clefs (google trends, et keyword tools) et maitriser la théorie de la longue traîne.

Le positionnement d’une page dépend de 2 facteurs importants : la pertinence de la page et sa popularité (Page Rank).

• Deuxième étape : améliorer la pertinence et la popularité d’un page
  • Optimisations internes : balises meta (title, description), structure de contenu (H1-h6), les images (titre et ALT)…
  • Optimisations externes : stratégie de netlinking, ancres de liens.. attention à la quantité et à la qualité des liens.
  • Optimisation globale du site : nom de domaine, la structure des URL, le sitemap, le robot.txt …
  • 3ème étape : le suivi ? Je taquine. Cette partie sur le suivi manque, mais bon, ce n’est pas une formation SEO.. donc pas de problèmes de mon côté 🙂

Des conseils SEO logiques, de bon sens, mais qui méritent d’être rappelés.

Petite conclusion et avis perso

Une formation qui aborde des points intéressants. Parfois la théorie est suivie d’un atelier pratique, exemple concret avec un atelier sur la présentation de Filezille. Malheureusement, l’auteur nous présente les choses, sans rentrer dans les détails. On reste souvent sur notre soif.

Malgré les 4 heures de formation, je ne sais toujours pas comment créer un site web 🙂 , j’estime donc que la formation ne tient pas toutes ses promesses. Néanmoins elle est riche en informations ! C’est pour moi une bonne formation pour faire un tour complet de l’univers du webmaster mais qui devrait être suivi d’une formation sur flash, une autre sur ajax ou encore sur le e-commerce…