Venez découvrir les fondamentaux de ce métier Journée 1 & 2 de notre formation

1. QU’EST CE QUE LE WEB
Internet , le web, cloud

2. WorldWideWeb
• Toile d’arraigné géante pour que l’on puisse naviguer de pages en pages
• Les nœuds de la toile exprime les ordinateurs connectés les uns avec les autres
• Le web permet de visualiser certaines pages d’un ordinateurs, avec un certains
langages (HTML)

3. Internet ≠Web

4. Cloud
Acces au service à partir de site web

5. Historique
Tim Berners lee Fondateur du langage HTMM
Il créé leW3C organisme qui veille sur l’évolution du web et l’initiateur de
tous les autres références du web css, png

6. TP la machine à remonté le temps
www.waybackmachine.org .
• Retrouver la première version de yahoo.com
• Retrouver la première version de google.com
• Retrouver l’historique du journal le monde
• Retrouver l’historique deW3C

7. Aujourd'hui, Internet c'est 1,8 milliard d'internautes et 200 millions de serveurs.
Parmi ces internautes, nous pouvons voir des disparités à travers le monde :
42 % des internautes viennent d'Asie !
le pays le plus internetisé est... la Corée du Sud ;
les internautes français représentent 6 % du total des internautes ;
78% des Américains ont Internet contre 10 % des Africains ;
une personne sur trois dans le monde a accès à Internet ;
le nombre d'internautes entre 2000 et 2010 a été multiplié par 4,5 ;
la croissance de l'Internet en Afrique est de 2360 % entre 2000 et 2010 !

8. PRÉSENTATION DES
PROTOCOLES
WEB, FTP, SMTP, POP, autres

9. Réseau local
routeur, adresse mac , adresse IP
Ipconfig /all

10. Le réseau web
IP Public
Tracert www.formasoft-pro.com

11. LE DNS
• Le DNS ou Domain Name System, ou encore pour les francophones Système de noms
de domaine permet d’associer une adresse IP à un nom de domaine, parce qu’un nom est
plus facile à retenir qu’une série de chiffres.
• Un nom de domaine est en fait un système hiérarchique de domaines, sous-domaines avec
à son sommet la racine. Chaque niveau peut être gérée par un serveur différent.
• Le premier niveau de domaine, sous la racine est aussi appelé extension.
Les extensions quand elles correspondent à un pays (.fr, .it, ou .de), sont gérées par un
organisme particulier, et donc des serveurs particuliers, en France, c’est l’AFNIC.
• Afin d’expliquer le fonctionnement de ce service, l’AFNIC propose une vidéo, style publicité
AREVA
• https://youtu.be/dcIrB8qRCbA
• Whois

12. TP
• Identifier les éléments
• Mon adresse Ip privé
• Mon adresse Mac
• Mon adresse Ip public
• Tracé la route jusqu’à www.formasoft-pro.com
• A qui appartient www.formasoft-pro.com
• Est-ce que le nom de domaine www.maboutiquedefleurs43.com est libre

13. Les ports et routes

14. Liste des ports
• 21 FTP (FileTransfer Protocol)
22 SSH (Secure Shell)
23Telnet
25 SMTP (Send MailTransfer Protocol)
43 whois
53 DNS (Domain Name Service)
68 DHCP (Dynamic Host Control Protocol)
79 Finger
80 HTTP (HyperTextTransfer Protocol)
110 POP3 (Post Office Protocol, version 3)
115 SFTP (Secure FileTransfer Protocol)
119 NNTP (Network NewTransfer Protocol)
123 NTP (Network Time Protocol)
137 NetBIOS-ns
138 NetBIOS-dgm
139 NetBIOS
143 IMAP (Internet Message Access Protocol)
161 SNMP (Simple Network Management Protocol)
194 IRC (Internet Relay Chat)
220 IMAP3 (Internet Message Access Protocol 3)
389 LDAP (Lightweight Directory Access Protocol)
443 SSL (Secure Socket Layer)
445 SMB (NetBIOS overTCP)
666 Doom
993 SIMAP (Secure Internet MessageAccess Protocol)
995 SPOP (Secure Post Office Protocol)

15. FTP
• Le rôle du protocole FTP
• Le protocole FTP définit la façon selon laquelle des données doivent être transférées sur
un réseauTCP/IP.
• Le protocole FTP a pour objectifs de :
• permettre un partage de fichiers entre machines distantes
• permettre une indépendance aux systèmes de fichiers des machines clientes et serveur
• permettre de transférer des données de manière efficace
• Demo Fizilla pour transférer des fichiers

16. HTTP

17. POP3, SMTP, IMAP - Protocoles de
messagerie
• Le protocole SMTP (Simple MailTransfer Protocol, traduisez Protocole Simple deTransfert
de Courrier) est le protocole standard permettant de transférer le courrier d'un serveur à un
autre en connexion point à point.
• Le protocole POP3 (Post Office Protocol que l'on peut traduire par "protocole de bureau de
poste") permet comme son nom l'indique d'aller récupérer son courrier sur un serveur
distant (le serveur POP). Il est nécessaire pour les personnes n'étant pas connectées en
permanence à Internet afin de pouvoir consulter les mails reçus hors connexion.
• Le protocole IMAP (Internet Message Access Protocol) est un protocole alternatif au
protocole POP3 mais offrant beaucoup plus de possibilités :
IMAP permet de gérer plusieurs accès simultanés
IMAP permet de gérer plusieurs boîtes aux lettres
IMAP permet de trier le courrier selon plus de critères

18. Informations techniques pour utilisateurs
avancés
Quel que soit votre logiciel de messagerie ou
smartphone, les paramètres sont toujours
identiques pour configurer une adresse mail:
nom de serveur entrant IMAP (conseillé) ou
POP = mail.infomaniak.com
port si IMAP: 143 si POP: 110
nom de serveur
sortant SMTP = mail.infomaniak.com
port SMTP: 587 (ou 2525 si l'envoi des emails ne
fonctionne pas avec 587)
nom d'utilisateur = adresse email complète
mot de passe = celui que vous avez attribué à
l'adresse email en question
authentification = obligatoire pour l'envoi des
emails. S'active dans les paramètres SMTP de votre
client mail.Vous devez choisir d'"utiliser les mêmes
paramètres que le serveur entrant"

19. CREATION DE SITE
INTERNET
Choisir, configurer son nom de domaine et son hébergement

20. Points abordés
• La technique comment ca marche
• Hébergement, domaine
• Créer son site
• Pourquoi un site
• Contenu
• Cible
• Quel budget
• Choisir l’outil adéquat
• Créer son site soi-même
• Trouver une agence web

21. Nom de domaine et hébergement
• Fonctionnement et réservation d’un domaine
• Prix et vocabulaire de l’hébergement.

22. Acheter son nom de domaine
• Fonctionnement et réservation d’un domaine
• www.ovh.net
• DNS
• DNS est l'abréviation de Domain Name System (système de noms de domaine). Ce
système est en quelque sorte l'annuaire téléphonique duWeb. Il organise et
identifie les domaines.Tout comme un annuaire téléphonique associe un nom tel
que "PizzasTricatel" au numéro de téléphone à composer, le système DNS relie
une adresseWeb comme "www.google.com" à l'adresse IP physique (telle que
"74.125.19.147") de l'ordinateur hébergeant le site (dans ce cas, la page d'accueil
Google).

24. Enregistrement MX
• Les enregistrements Mail Exchange (MX) dirigent les e-mails d'un domaine vers les serveurs hébergeant les
comptes utilisateur du domaine. Pour configurer Gmail avec G Suite, vous devez renvoyer vos enregistrements
MX aux serveurs de messagerie de Google. Plusieurs enregistrements MX peuvent être définis pour un même
domaine, chacun avec une priorité différente. Si un e-mail ne peut être distribué à l'aide de l'enregistrement
associé à la priorité la plus élevée, l'enregistrement de priorité 2 est utilisé, etc.
EnregistrementTXT
• Un enregistrementTXT est un enregistrement DNS qui fournit des informations au format texte à des sources
extérieures à votre domaine. Ces informations peuvent servir différents objectifs. La valeur de l'enregistrement
est un texte exploitable soit par une personne, soit par un ordinateur. Dans le cadre des services Google dédiés
aux entreprises, les enregistrementsTXT servent à valider la propriété du domaine et à mettre en œuvre des
mesures de sécurité de messagerie telles que SPF, DKIM ou DMARC.
Enregistrement CNAME
• Un enregistrement CNAME ou enregistrement de nom canonique associe un nom d'alias au véritable nom de
domaine (nom de domaine canonique). Par exemple, www.example.com peut être associé à example.com. Dans
le cadre des services Google dédiés aux entreprises, les enregistrements CNAME servent à personnaliser
l'adresse d'un service G Suite ou celle d'un siteWeb conçu avec Google Sites.
Enregistrement A
• Les enregistrements d'adresse ou A (aussi appelés "enregistrements d'hôte") associent un domaine à l'adresse IP
physique d'un ordinateur hébergeant les services de ce domaine. Dans le cadre des services Google dédiés aux
entreprises, vous pouvez ajouter un enregistrementA pour activer l'adresse de niveau supérieur de votre
domaine.

27. Acheter son hébergement
• Fonctionnement et réservation d’un domaine avec hébergement
• www.ovh.net
• Serveur Dédié

28. OVH

31. Seveur Dédié ex Celeonet

32. CREATION DE SITE
INTERNET
Etude préalable

33. Six bonnes raisons d’avoir un site Internet
professionnel
• Présenter toute l’étendue de votre offre
• Simplifier la vie de vos clients
• Faire de la publicité plus efficacement
• Rassembler toutes vos coordonnées
• Vendre vos produits en ligne
• Nouer le dialogue avec vos clients

34. Etude au préalable
un peu de planification en amont n’est pas une perte de temps.Voici mes 3
principaux conseils :
• Notez sur une feuille de papier tout ce que vous souhaitez avoir sur votre site web.
Une carte peut être un bon moyen d’organiser vos idées. Oubliez la question de la
technologie pour le moment.
• Visitez d’autres sites Internet qui vous plaisent, à la fois du point de vue du design
et de celui du contenu. Notez ce qui vous plaît et ce qui ne vous plaît pas.
• Une fois l’ébauche de votre site réalisée, demandez l’avis de personnes de
confiance. Elles aborderont votre projet sous un autre angle et pourront vous
donner un éclairage intéressant.

35. Planifier votre site Internet
• Pour un site Internet comme pour d’autres projets, une bonne planification est la
clé du succès.

36. Fixer des objectifs
Si vous ne vous fixez pas d’objectifs clairs, comment allez-vous savoir si votre
investissement se rentabilise un jour ?Voici quelques questions importantes à se
poser :
• Qu’est-ce que mon site doit me permettre de réaliser ?
Il s’agit de la question capitale à se poser. Plus vos attentes et vos objectifs seront
clairs, plus votre site permettra de les atteindre.

37. Exemple fictif :
• Imaginons par exemple que vous êtes propriétaire d’un magasin de chaussures à
Paris Reuilly.Vos objectifs pourraient être les suivants :
• Attirer de nouveaux clients : en donnant de la visibilité à l’offre de votre magasin.
La réalisation de cet objectif pourrait être mesurée à l’aide d’enquêtes clients
régulières et de statistiques web.
• Augmenter le nombre de clients pendant les périodes habituellement creuses :
en boostant les ventes via une lettre d’information par e-mail, qui indiquerait les
dimanches où votre magasin est ouvert, les anniversaires spéciaux et d’autres
événements de ce genre. Le nombre d’abonnés à la lettre d’information pourrait
alors être un indicateur de réussite.

38. • Créer un nouveau canal de vente en marge du magasin de détail : en ouvrant
une boutique en ligne. La réalisation de cet objectif pourrait être mesurée à l’aide
des chiffres de ventes sur ce canal.

39. Attirer de nouveaux clients :
Optimiser votre site Internet pour qu’il soit bien
référencé sous les mots-clés "magasin chaussures
paris reuilly". S’inscrire sur Google

40. Augmenter le nombre de clients
pendant les périodes habituellement
creuses
Chercher un éditeur de site Internet qui permette
d’intégrer facilement un formulaire d’inscription à la
lettre d’information afin de maintenir le contact
avec vos clients.

41. Créer un nouveau canal de vente en
marge du magasin de détail
• S’assurer que l’éditeur de site Internet propose une fonction de boutique en ligne.

42. Créer du contenu
Une fois vos objectifs fixés, vous aurez une idée plus claire de la direction que vous
allez prendre. Collecter des informations pour votre contenu rendra votre projet
encore plus concret. Prenez une feuille de papier et notez toutes vos idées, y
compris celles qui concernent le contenu et les fonctionnalités telles que les
formulaires de contact, les galeries photo, etc.

43. Brainstorming – plan du site

44. S’inspirer d’autres sites Internet
Cette étape suit votre collecte initiale d’idées. Mais
attention : vous précipiter sur les sites de vos
concurrents peut vous empêcher d’avoir des idées
réellement originales qui vous seront nécessaires
pour vous démarquer.

45. CREATION DE SITE
INTERNET
Site éditeur en line

46. Comment créer votre propre site Internet
Plusieurs raisons peuvent vous inciter à essayer de créer votre site Internet.
Malheureusement, il arrive que les débutants se sentent vite submergés par des
termes techniques comme HTML,CSS et PHP.
Mais que faire si vous ne voulez pas vous former au métier de webdesigner ou
mettre votre société en sommeil pendant plusieurs mois, le temps de maîtriser
toutes les ficelles du développement web?
C’est à cela que servent les éditeurs de site Internet en ligne de dernière génération.
Ces outils permettent de créer en très peu de temps un site tout à fait convenable,
sans aucune connaissance en programmation.

47. Qu’est-ce qu’un éditeur de site Internet en
ligne ?
Un éditeur de site Internet en ligne est une solution idéale pour créer un site de
petite ou de moyenne envergure avec une structure relativement simple.
Un éditeur de site Internet en ligne est une solution tout-en-un. Il regroupe toutes
les fonctionnalités dont vous avez besoin pour votre site : l’enregistrement du nom
de domaine (votrenom.fr, par exemple), un espace de stockage en ligne (espace
web) et souvent un compte de messagerie. Il propose également une forme
d’assistance technique au cas où vous rencontriez des difficultés en chemin. Des
modèles de design, des éléments et un éditeur de texte sont aussi compris.

48. Designs prêts à l’emploi (modèles)

49. Designs prêts à l’emploi (modèles)
Les éditeurs de site Internet en ligne permettent de passer facilement d’un design à
un autre, parmi un large choix de modèles prêts à l’emploi. Le design et le contenu
étant gérés séparément, vous pouvez changer de modèle à tout moment, même
après avoir intégré le contenu de votre site. Si votre entreprise possède un logo et
une charte chromatique, vous pouvez les intégrer facilement à un modèle. Et si
aucun modèle ne vous plaît, vous avez également la possibilité d’utiliser un design
personnalisé. Mais pour cela, vous devrez connaître les bases du HTML et du CSS
(deux des principaux langages du web).

50. ÉlémentsWYSIWYG
Un site Internet peut contenir du texte, des images, des vidéos, des formulaires de
contact ou des produits pour une boutique en ligne. Un éditeur de site Internet en
ligne vous permet de choisir les éléments qui figureront sur votre site.Vous n’avez
plus qu’à faire glisser les différents éléments à l’endroit où vous voulez les voir
apparaître, puis à les personnaliser en quelques clics.

51. Edition
Le module d’édition est l’outil qui vous permet de modifier le contenu de vos pages.
Pour éditer un bloc de texte, cliquez dessus ; une fenêtre d’édition s’ouvre. Son
interface n’est pas plus compliquée que celle de Microsoft Word.Vous pouvez
également ajouter des liens vers des pages de votre site ou vers d’autres sites.

52. Compétences nécessaires ?
Pour utiliser un éditeur de site Internet en ligne, vous aurez besoin des mêmes
compétences que pour utiliser Microsoft Office (Word, notamment). Concernant
l’apparence de votre site, en revanche, il peut être utile de connaître les
fondamentaux du design.Vous n’avez pas besoin d’être graphiste de métier, mais
vous devez être capable d’identifier les couleurs et les images qui sont susceptibles
de retenir l’attention de vos clients.
Vous aurez aussi besoin de textes bien écrits.

53. Avantages éditeurs en ligne
• Simplicité d’utilisation : inutile de savoir programmer. Vos collaborateurs pourront
eux aussi prendre l’outil en main rapidement.
• Solution tout-en-un : nom de domaine, hébergement, compte de messagerie, etc.
• Coûts : très raisonnables, avec des tarifs allant de 5 € à 15 € par mois.
• Mises à jour de sécurité : les mises à jour de sécurité sont installées par le
fournisseur de façon complètement transparente. En revanche, si vous utilisez un
système de gestion de contenu open source tel que WordPress, c’est vous qui
devrez faire régulièrement ces mises à jour.
• Assistance : si vous rencontrez des difficultés techniques, vous pourrez obtenir de
l’aide par e-mail et sur les forums.

54. Inconvénients des éditeurs en ligne
• Souplesse limitée : il s’agit de la question ultime à se poser. À quel degré de
souplesse êtes-vous prêt à renoncer ? Par exemple, si vous avez besoin d’un design
bien spécifique, vous jugerez peut-être qu’un éditeur en ligne est trop limité. Le
seul moyen de le savoir est d’essayer.
• Dépendance vis-à-vis d’un seul prestataire : il est important que le fournisseur de
votre choix soit solide sur le plan financier, car s’il fait faillite, vous pourrez perdre
votre site Internet. En règle générale, il est donc recommandé de choisir un
prestataire bien établi, ou alors un langage de programmation courant (PHP)
• Projets web de grande envergure : ces systèmes ne conviennent tout simplement
pas aux projets web de grande envergure ou complexes.

55. Choisir les bons outils (en ligne)
• http://www.websitetooltester.com/fr/tests/?utm_source=choisir-les-bons-
outils&utm_medium=ebook&utm_campaign=ebook-fr/
• http://www.websitetooltester.com/fr/outils-de-creation-de-site-web/

56. Création d’un site sur plateforme
• Wix
• Site google
• …

57. Installer Google Analytics
L’outil de statistiques de visites Google est excellent, et il est gratuit.Vous pouvez
l’utiliser pour déterminer le nombre de personnes qui consultent votre site, le
nombre de pages vues, etc., y compris la situation géographique de vos visiteurs
(pays et ville approximative).
L’information la plus importante qu’il fournit est le nombre de personnes qui sont
arrivées sur votre site à partir des moteurs de recherche et les mots-clés qu’ils ont
utilisés. Une fois installé, Google Analytics fonctionne en arrière-plan, de manière
complètement transparente. Inscrivez-vous gratuitement ici :
www.google.com/analytics.

63. Vérification du bon fonctionnement du
site
Liste de 6 éléments clés
• Si vous voulez utiliser une adresse e-mail avec votre nouveau nom de domaine, n’oubliez
pas de la configurer correctement avant de mettre votre site en ligne.
• Vérifiez que votre formulaire de contact fonctionne correctement. Pour cela, le plus simple
est de le tester en saisissant des données fictives.
• Vérifiez que vous avez choisi des titres et des descriptions de pages (meta descriptions)
pertinents. Ils doivent contenir les mots-clés recherchés par vos clients.Ces informations
seront utilisées par les moteurs de recherche.
• Relisez soigneusement votre site Internet pour qu’il ne reste aucune faute de grammaire
ou d’orthographe.
• Testez votre site sur un autre ordinateur ou une autre tablette équipés d’un navigateur
différent – cela vous permettra de détecter d’éventuels problèmes de rendu qui ne
surviennent pas sur votre propre système.

64. • Google Search Console (ex Google WebmasterTools) : outil gratuit permettant de
vérifier l'état d'un site et notamment les balises méta, l'indexation et les
problèmes d'exploration.
• https://www.google.com/webmasters/tools

70. Inscrivez votre site Internet sur les
moteurs de recherche
Les principaux sont :
• Google : www.google.com/addurl/?continue=/addurl
• Bing : www.bing.com/webmaster/SubmitSitePage.aspx
Cependant, ne vous attendez pas à ce que les visiteurs trouvent votre site sur ces
moteurs de recherche tout de suite. Cela peut prendre des jours, voire des semaines
pour que le moteur indexe l’intégralité de votre site et vérifie que les informations
qui y figurent sont pertinentes.

71. CREATION DE SITE
INTERNET
Boutique e-commerce

72. Création d’un site sur plateforme
• Prestashop
• Boutique démo

73. Boutique Personnalisé
• Module administration
• Multi boutique
• …..

74. CREATION DE SITE
INTERNET
Notion de code HTML ET CSS

75. Balise nécessaire aux bon fonctionnement
d’un site
• HTML
• CSS
• JS
• PHP
• MYSQL
• Qu’est ce que c’est que tout ces termes de programmation

76. HTML

78. CSS

79. Récap des outils pour créer son site
• En ligne et sans technique :
• WIX, Jimdo
• 1&1
• En ligne mais un peu plus technique :
• wordpress chez 1&1 ou ovh
• Thème forest
• Boutique en ligne (technique) :
• prestashop,
• Magento
• Solution sur mesure
• Suivi et analyse :
• Google analtytics