internet : création de pages web et contenus en...

24
Internet : Création de pages Web et contenus en ligne

Upload: others

Post on 10-Aug-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Internet : Création de pages Web et contenus en lignelaurent.hohl.free.fr/bcma/introduction_internet.pdf · « Internet : Création de pages Web et contenus en ligne » l Objectifs:

Internet : Création de pages Web et

contenus en ligne

Page 2: Internet : Création de pages Web et contenus en lignelaurent.hohl.free.fr/bcma/introduction_internet.pdf · « Internet : Création de pages Web et contenus en ligne » l Objectifs:

« Internet : Création de pages Web et contenus en ligne »

l Objectifs : l Créer un site Internet simple sans avoir à connaître le langage

informatique.l Découvrir les bases pour créer ses pages Web. l S’initier à la mise en ligne de contenus et à leur gestion.

l Pré-requis : l Les connaissances de base liées à l’utilisation de Windows sont

indispensables.l La maîtrise de la bureautique et l’utilisation régulière d’Internet sont

indispensables.

l Public : Tout public

l Durée de la formation : 45 heures (15 séances de 3 heures hebdomadaires)

Internet : Création de pages Web et contenus en ligne2

Page 3: Internet : Création de pages Web et contenus en lignelaurent.hohl.free.fr/bcma/introduction_internet.pdf · « Internet : Création de pages Web et contenus en ligne » l Objectifs:

Calendrier de la formation

Internet : Création de pages Web et contenus en ligne3

Page 4: Internet : Création de pages Web et contenus en lignelaurent.hohl.free.fr/bcma/introduction_internet.pdf · « Internet : Création de pages Web et contenus en ligne » l Objectifs:

Le cursus « Internet » au sein des cours municipaux

Internet : Création de pages Web et contenus en ligne4

« Internet : création de pages Web et de contenus en ligne »

« Conception graphique de sites web sur Mac : niveau 1 »

Objectif : acquérir les bases graphiques nécessaires à la réalisation de contenus Web.

Vous êtes ici

Niveau 1

« Conception graphique de sites web sur Mac : niveau 2 »

Objectif : s’orienter vers la production professionnelle de contenus web.

« Flash : niveau 1 »

Objectif : s’approprier les fonctions de base du logiciel Flash, du langage ActionScript et les principesde réalisation d’un projet multimédia.

Réalisation d’animations et intégration HTML.

« Pages Web avec HTML et feuilles de style CSS : niveau 1 »

Objectif : apprendre à réaliser une présentation Web pour Internet ou pour un Intranet à l’aide des langages HTML et XHTML

et acquérir les bases des feuilles de style CSS.

« Pages Web avec HTML et feuilles de style CSS : niveau 2 »

Objectif :Apprendre à faire l’intégration technique d’un site Webd’après une maquette graphique,

à l’aide du HTML et des feuilles de style CSS.

« Langage et syntaxe PHP : niveau 1 »

Objectif : Acquérir les bases du langage PHP pour être en mesure de développer une application qui traite des données stockées

sur un serveur Web, dans des fichiers plats ou dans une base de données.

« Langage et syntaxe PHP : niveau 2 »

Cursus graphique Cursus développement

« Flash : niveau 2 »

Page 5: Internet : Création de pages Web et contenus en lignelaurent.hohl.free.fr/bcma/introduction_internet.pdf · « Internet : Création de pages Web et contenus en ligne » l Objectifs:

Programme de la formation

Internet : Création de pages Web et contenus en ligne5

Page 6: Internet : Création de pages Web et contenus en lignelaurent.hohl.free.fr/bcma/introduction_internet.pdf · « Internet : Création de pages Web et contenus en ligne » l Objectifs:

Principales règles à respecter durant les cours

l Les horaires de cours doivent être respectés :l 14h00 – 17h00 : pour les cours du mercredi après-midil 18h30 – 21h30 : pour les cours du soirl 9h00 – 12h00 : pour les cours du samedi matin

l Les téléphones portables doivent être éteintsl Ne pas fumerl Ne pas manger

Internet : Création de pages Web et contenus en ligne6

Déroulement des cours

1. Appel des auditeurs

2. 1ère partie du cours environ 1h20 heure

3. Pause (passer un coup de fil, boire, toilettes, …) : maximum 20 minutes

4. 2ème partie du cours environ 1h20 heure

Page 7: Internet : Création de pages Web et contenus en lignelaurent.hohl.free.fr/bcma/introduction_internet.pdf · « Internet : Création de pages Web et contenus en ligne » l Objectifs:

Votre avis nous intéresse ….l Nous souhaitons garantir la qualité de l'offre de formation des Cours Municipaux d’Adultes.

Aussi, à la fin de chacune de nos sessions de formation nous vous invitons à remplir un questionnaire afin de recueillir vos impressions.

l Le questionnaire est en ligne sur le site : http://www.avisbcma.fr.nf/

Internet : Création de pages Web et contenus en ligne7

Page 8: Internet : Création de pages Web et contenus en lignelaurent.hohl.free.fr/bcma/introduction_internet.pdf · « Internet : Création de pages Web et contenus en ligne » l Objectifs:

Qu’est-ce qu’Internet ?

l Internet, le web est le support des "nouvelles technologies de l'information et de la communication" (NTIC)

l Environ 2 milliards d’internautesl 1 billion de pages créées

Page 9: Internet : Création de pages Web et contenus en lignelaurent.hohl.free.fr/bcma/introduction_internet.pdf · « Internet : Création de pages Web et contenus en ligne » l Objectifs:

Qu’est-ce qu’Internet ?

l « net » est l'abréviation de network in french réseaul InterNet = Interconnected Networks

( les réseaux interconnectés)l Le réseau des réseauxl Qu'est ce que l'on y trouve ?Du texte, des images, de la vidéo, du son...

Page 10: Internet : Création de pages Web et contenus en lignelaurent.hohl.free.fr/bcma/introduction_internet.pdf · « Internet : Création de pages Web et contenus en ligne » l Objectifs:

Historique d‘Internet

l 1962 : création d’un réseau de communicationsl 1968 : création de l’ARPANET (Advanced

Research Projects Agency) l Le World Wide Web apparaîtra en 1990

Page 11: Internet : Création de pages Web et contenus en lignelaurent.hohl.free.fr/bcma/introduction_internet.pdf · « Internet : Création de pages Web et contenus en ligne » l Objectifs:

Le principe d’Internet

l réseau planétaire l réseau à « architecture répartie  »l réseau redondant

Page 12: Internet : Création de pages Web et contenus en lignelaurent.hohl.free.fr/bcma/introduction_internet.pdf · « Internet : Création de pages Web et contenus en ligne » l Objectifs:

Comment se connecter à Internet ?

l Les acteurs : - Le fournisseur d’accès (FAI)- le client

l Les types de connexions- La connexion par ligne commutée - La connexion ADSL (internet haut débit) - la connexion par câble - connexion permanente par une ligne spécialisée - le satellite - la fibre optique (internet très haut débit) - le WIFI ou réseau sans fil - 3G/4G

l Le matériel nécessaire

Page 13: Internet : Création de pages Web et contenus en lignelaurent.hohl.free.fr/bcma/introduction_internet.pdf · « Internet : Création de pages Web et contenus en ligne » l Objectifs:

Comment ça marche ?

l L’hypertexte : concept inventé en 1989 par Tim Berners Lee.

l Le HTML (en 1991, 1ère page web toujours par TBL)Chaque page web est écrite dans un langage particulier appelé le HTML pour

"Hypertext Markup Language".l Les « adresses Web » URLl 1993 : Premier navigateur pouvant

afficher images et textes

Page 14: Internet : Création de pages Web et contenus en lignelaurent.hohl.free.fr/bcma/introduction_internet.pdf · « Internet : Création de pages Web et contenus en ligne » l Objectifs:

Comment ça marche ?

l Un site Web est un ensemble de pages web, hyperliées, accessibles à une adresse (url)

l On y accède par un navigateur- Mozilla Firefox- Google Chrome - Microsoft Internet Explorer

- Apple Safari

- Opera

Page 15: Internet : Création de pages Web et contenus en lignelaurent.hohl.free.fr/bcma/introduction_internet.pdf · « Internet : Création de pages Web et contenus en ligne » l Objectifs:

Comment ça marche ?

Les protocolesl TCP/IP (Transmission Control Protocol/ Internet Protocol)l Les adresses IPl Le routage IP

Page 16: Internet : Création de pages Web et contenus en lignelaurent.hohl.free.fr/bcma/introduction_internet.pdf · « Internet : Création de pages Web et contenus en ligne » l Objectifs:

Comment ça marche ?l Le Port

Page 17: Internet : Création de pages Web et contenus en lignelaurent.hohl.free.fr/bcma/introduction_internet.pdf · « Internet : Création de pages Web et contenus en ligne » l Objectifs:

Comment ça marche ?Le TCP/IP

l vérifie que le destinataire est prêt à recevoir les données.

l découpe les gros paquets de données en paquets plus petits

l numérote les paquets, et à la réception vérifie qu'ils sont tous bien arrivés, redemande les paquets manquants et les réassemble avant de les donner aux logiciels. Des accusés de réception sont envoyés pour prévenir l'expéditeur que les données sont bien arrivées.

Page 18: Internet : Création de pages Web et contenus en lignelaurent.hohl.free.fr/bcma/introduction_internet.pdf · « Internet : Création de pages Web et contenus en ligne » l Objectifs:

Comment ça marche ?

Les cookiesl Protocole HTTP :

commande au serveur -> récupérée par le serveur -> le serveur renvoie la page

● Le HTTP est incapable de gérer la notion de session HTTP est dit sans état (stateless)

Page 19: Internet : Création de pages Web et contenus en lignelaurent.hohl.free.fr/bcma/introduction_internet.pdf · « Internet : Création de pages Web et contenus en ligne » l Objectifs:

Comment ça marche ?

Le protocole d’adressage des documents : l’URLest le moyen unique d’identification sur le réseau Internet.

Fonctionnementl protocole d'échange entre le client et le serveurl adresse Internet du serveur qui diffuse les

documents. Cette adresse est unique sur tout le réseau.

l arborescence des répertoires (le chemin) qui conduit au document.

l nom du document avec l'extension HTML ou HTM

Page 20: Internet : Création de pages Web et contenus en lignelaurent.hohl.free.fr/bcma/introduction_internet.pdf · « Internet : Création de pages Web et contenus en ligne » l Objectifs:

Comment ça marche ?

l Identification par les adresses IPcommunication des ordinateurs entre eux grâce au protocole IP

l Les adresses IP sont composées de 4 nombres entiers (4 octets) entre 0 et 255 et notées sous la forme xxx.xxx.xxx.xxx

l L’ICANN attribue les adresse IP publiques

Page 21: Internet : Création de pages Web et contenus en lignelaurent.hohl.free.fr/bcma/introduction_internet.pdf · « Internet : Création de pages Web et contenus en ligne » l Objectifs:

Comment ça marche ?

Les noms de domainel l'adresse IP comprend 4 octets (4 nombres

compris entre 0 et 255) ex :150.23.96.202

l l'adresse IP peut être remplacée par un NOM150.23.96.202 RAVEL2.CPM.FR

l L’adresse IP se lit de droite à gauche

Page 22: Internet : Création de pages Web et contenus en lignelaurent.hohl.free.fr/bcma/introduction_internet.pdf · « Internet : Création de pages Web et contenus en ligne » l Objectifs:

Comment ça marche ?

Les extensions de domainesl Les extensions par langues

l Les extensions par catégories

Page 23: Internet : Création de pages Web et contenus en lignelaurent.hohl.free.fr/bcma/introduction_internet.pdf · « Internet : Création de pages Web et contenus en ligne » l Objectifs:

Comment ça marche ?

L’intranet et l’extranetutilisation des standards et des outils de l'INTERNET sur un réseau privé

Page 24: Internet : Création de pages Web et contenus en lignelaurent.hohl.free.fr/bcma/introduction_internet.pdf · « Internet : Création de pages Web et contenus en ligne » l Objectifs:

Communiquer sur Internet

l L’ E-Maill Les Forums ou groupes de discussion (News -

Newsgroups)l Le chat