QU’EST CE QUE LE WEB

Internet , le web, cloud

World Wide Web• 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)

Internet ≠ Web

CloudAcces au service à partir de site web

Historique

Tim Berners lee Fondateur du langage HTMMIl créé le W3C organisme qui veille sur l’évolution du web et l’initiateur de tous les autres références du web css, png

TP la machine à remonté le tempswww.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 de W3C

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 !

PRÉSENTATION DES PROTOCOLES

WEB, FTP, SMTP, POP, autres

Réseau localrouteur, adresse mac , adresse IP

Ipconfig /all

Le réseau webIP PublicTracert www.formasoft-pro.com

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

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

Les ports et routes

Liste des ports• 21 FTP (File Transfer Protocol) 

22 SSH (Secure Shell) 23 Telnet 25 SMTP (Send Mail Transfer Protocol) 43 whois 53 DNS (Domain Name Service) 68 DHCP (Dynamic Host Control Protocol) 79 Finger 80 HTTP (HyperText Transfer Protocol) 110 POP3 (Post Office Protocol, version 3) 115 SFTP (Secure File Transfer Protocol) 119 NNTP (Network New Transfer 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 over TCP) 666 Doom 993 SIMAP (Secure Internet Message Access Protocol) 995 SPOP (Secure Post Office Protocol) 

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éseau TCP/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

HTTP

POP3, SMTP, IMAP - Protocoles de messagerie• Le protocole SMTP (Simple Mail Transfer Protocol, traduisez Protocole Simple de

Transfert 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ésIMAP permet de gérer plusieurs boîtes aux lettresIMAP permet de trier le courrier selon plus de critères

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.comport si IMAP: 143 si POP: 110nom de serveur sortant SMTP = mail.infomaniak.comport SMTP: 587 (ou 2525 si l'envoi des emails ne fonctionne pas avec 587)nom d'utilisateur = adresse email complètemot de passe = celui que vous avez attribué à l'adresse email en questionauthentification = 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"

CREATION DE SITE INTERNET

Choisir, configurer son nom de domaine et son hébergement

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

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

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 du Web. Il organise et identifie les domaines. Tout comme un annuaire téléphonique associe un nom tel que "Pizzas Tricatel" au numéro de téléphone à composer, le système DNS relie une adresse Web 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).

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.

Enregistrement TXT• Un enregistrement TXT 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 enregistrements TXT 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 site Web 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 enregistrement A pour activer l'adresse de niveau supérieur de votre domaine.

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

OVH

Seveur Dédié ex Celeonet

CREATION DE SITE INTERNET

Etude préalable

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

Etude au préalableun 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.

Planifier votre site Internet• Pour un site Internet comme pour d’autres projets, une bonne

planification est la clé du succès.

Fixer des objectifsSi vous ne vous fixez pas d’objectifs clairs, comment allez-vous savoir si votreinvestissement se rentabilise un jour ? Voici quelques questions importantes à seposer :• 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 serontclairs, plus votre site permettra de les atteindre.

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.

• 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.

Attirer de nouveaux clients :

Optimiser votre site Internet pour qu’il soit bienréférencé sous les mots-clés "magasin chaussuresparis reuilly". S’inscrire sur Google

Augmenter le nombre de clientspendant les périodes habituellementcreusesChercher un éditeur de site Internet qui permetted’intégrer facilement un formulaire d’inscription à lalettre d’information afin de maintenir le contactavec vos clients.

Créer un nouveau canal de vente enmarge du magasin de détail• S’assurer que l’éditeur de site Internet propose une fonction de

boutique en ligne.

Créer du contenuUne fois vos objectifs fixés, vous aurez une idée plus claire de la direction que vousallez prendre. Collecter des informations pour votre contenu rendra votre projetencore plus concret. Prenez une feuille de papier et notez toutes vos idées, ycompris celles qui concernent le contenu et les fonctionnalités telles que lesformulaires de contact, les galeries photo, etc.

Brainstorming – plan du site

S’inspirer d’autres sites InternetCette étape suit votre collecte initiale d’idées. Maisattention : vous précipiter sur les sites de vosconcurrents peut vous empêcher d’avoir des idéesréellement originales qui vous seront nécessairespour vous démarquer.

CREATION DE SITE INTERNET

Site éditeur en line

Comment créer votre propre site InternetPlusieurs raisons peuvent vous inciter à essayer de créer votre site Internet.Malheureusement, il arrive que les débutants se sentent vite submergés par destermes techniques comme HTML, CSS et PHP.Mais que faire si vous ne voulez pas vous former au métier de webdesigner oumettre votre société en sommeil pendant plusieurs mois, le temps de maîtrisertoutes 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.

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 depetite ou de moyenne envergure avec une structure relativement simple.

Un éditeur de site Internet en ligne est une solution tout-en-un. Il regroupe toutesles fonctionnalités dont vous avez besoin pour votre site : l’enregistrement du nomde domaine (votrenom.fr, par exemple), un espace de stockage en ligne (espaceweb) et souvent un compte de messagerie. Il propose également une formed’assistance technique au cas où vous rencontriez des difficultés en chemin. Desmodèles de design, des éléments et un éditeur de texte sont aussi compris.

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

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êmeaprès avoir intégré le contenu de votre site. Si votre entreprise possède un logo etune charte chromatique, vous pouvez les intégrer facilement à un modèle. Et siaucun modèle ne vous plaît, vous avez également la possibilité d’utiliser un designpersonnalisé. Mais pour cela, vous devrez connaître les bases du HTML et du CSS(deux des principaux langages du web).

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

EditionLe 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. Soninterface 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.

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

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.

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.

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/

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

Installer Google AnalyticsL’outil de statistiques de visites Google est excellent, et il est gratuit. Vous pouvezl’utiliser pour déterminer le nombre de personnes qui consultent votre site, lenombre 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 sontarrivées sur votre site à partir des moteurs de recherche et les mots-clés qu’ils ontutilisés. Une fois installé, Google Analytics fonctionne en arrière-plan, de manièrecomplètement transparente. Inscrivez-vous gratuitement ici :www.google.com/analytics.

Vérification du bon fonctionnement du siteListe 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.

• Google Search Console (ex Google Webmaster Tools) : 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

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

CREATION DE SITE INTERNET

Boutique e-commerce

Création d’un site sur plateforme• Prestashop

• Boutique démo

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

CREATION DE SITE INTERNET

Notion de code HTML ET CSS

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

HTML

CSS

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