Vous êtes sur la page 1sur 52

TECHNOLOGIE INTERNET

Cours d’intelligence Internet


destiné aux Etudiants de G3 Info

Cours de Technologie Internet Dispensé par Ir. Achille NTUMBA


TECHNOLOGIE INTERNET

Cours de Technologie Internet Dispensé par Ir. Achille NTUMBA


TECHNOLOGIE INTERNET
Prérequis de ce Cours

L’étudiant devra connaitre et avoir :

 le Base de l’informatique (utilisation


minimale de l’outil informatique)

 Logiciel d’application (Navigateur, IDE, …)

 Une initiation au Base du Html, Css, Php,


et Xml

 Le Bon sens

Cours de Technologie Internet Dispensé par Ir. Achille NTUMBA


TECHNOLOGIE INTERNET
Plan du Cours

Partie A. Théorie de la Technologie Internet

1. Introduction
2. Généralités sur internet
3. Focus de ce qui se trouve sur internet
4. Les Concept Multiple d’internet
5. Différents service Offert sur internet
6. Catégorisation des Informations sur Internet
7. Le Donnée Invisible d’internet
8. Les Adresse sur internet (URL)
9. Quelque Message d’erreurs internet

Cours de Technologie Internet Dispensé par Ir. Achille NTUMBA


TECHNOLOGIE INTERNET
Plan du Cours

Partie B. Application de la Technologie Internet

1. Les Web 1.0 et Web 2.0


2. Bases du Html
3. Travaux Pratique html
4. Le CSS
5. Travaux Pratique html
6. Aperçu sur le Script Java
7. Travaux Pratique Java
8. Aperçu sur le PHP
9. Travaux Pratique PHP
10. Aperçu sur le XML
11. Travaux Pratique XML

Cours de Technologie Internet Dispensé par Ir. Achille NTUMBA 09/21/2020


TECHNOLOGIE INTERNET

2. OBJECTIF DU COURS
Dans l’enseignement supérieur et universitaire , il est
d’obligation à tout enseignant de définir un objectif pour une
matière à dispensée.

La clef de ce cours est de donner aux étudiants de 3ème Graduat


dans le domaine de NTIC une méthodologie et des outils pour
les aider tout au long de leur parcours universitaire et
professionnel à apprendre comment rechercher, identifier et
évaluer l'information et avoir un aperçu sur les outils du
développement de site internet.

A l’issu de cette formation, nous allons mettre à la disposition


des étudiants quelque sources complémentaires de ce qui se
fait sur internet afin de le permettre d'approfondir leurs
connaissances dans le domaine informatique.

09/21/2020
TECHNOLOGIE INTERNET
Information, Donnée et Mémorisation
En informatique et en télécommunication,
l'information est un élément de la
connaissance (voix, donnée, image)
susceptible d'être conservé, traité ou
transmis à l'aide d'un support et d'un
mode de codification normalisé.

BD

Tandis qu’une donnée est une description élémentaire, souvent Codée,


d'une réalité (chose, transaction, évènement, etc.).
Les données peuvent être conservées et classées sous différentes
formes : du papier, numérique, alphabétique, images, sons, …
De ce fait, il découle un concept dit mémorisation qui est un processus
d’enregistrement d’une donnée perçue dans une mémoire.
Cours de Technologie Internet Dispensé par Ir. Achille NTUMBA 09/21/2020
TECHNOLOGIE INTERNET

1. INTRODUCTION
Dans ce cours, nous allons aborder les
notions de technologie qui se trouve
sur le réseaux internet.

Technologie : Facilement dit ce mot,


c’est un est l’ensemble de savoirs, de
procédés et d’outils qui mettent en
œuvre les découvertes et les applications
scientifiques les plus récents dans un
domaines précis.

Dans notre domaine, nous allons voir les


découvertes de nouvelle technologie de
l’information et de la communication sur
le net.

Cours de Technologie Internet UPL 2013-2014 09/21/2020


TECHNOLOGIE INTERNET

1. INTRODUCTION
Les chercheurs définissent le réseaux internet comme une grande
infrastructure de communication à l'échelle planétaire qui est issue
de l'interconnexion de réseaux informatiques publiques et privés, et
elle a été créé dans les années 1970. Depuis l’arrivée des années
1990 le concept a pris de la valeur et ne cesse de croître à vitesse
exponentielle.

Cours de Technologie Internet UPL 2013-2014 09/21/2020


TECHNOLOGIE INTERNET
Lawrence G. Roberts (né en 1937 a reçu le prix Draper en 2001 et
le prix principe de Asturias en 2002 "pour le développement de
l‘internet "

En tant que gestionnaire de programme et directeur dd’Arpa ,


Roberts et son équipe ont créé l' ARPANET utilisant commutation de
paquet techniques. L'ARPANET était le prédécesseur de l'Internet
moderne.

Donald Watts Davies, 07/06/1924 –


28/05/2000) était un informaticien, un
physicien et un mathématicien Gallois qui a
co-inventé avec Paul Baran la Commutation
par paquet. (Projet

Paul Baran, né le 29 avril 1926 à Grodno, alors


en Pologne, mort le 27 mars 2011 à Palo Alto,
est un informaticien, un physicien et un
mathématicien (Projet Rand Corporation)

09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
1. Généralités et Historique de l’internet

En 1957, suite au lancement du premier Spoutnik par les Soviétiques, le


président Dwight D. Eisenhower crée un departement ARPA (Advanced
Research Project Agency) au sein du DoD (Department of Defense).

Une création rapide pour piloter un certain nombre de projets dans le but
continue assurer aux USA la supériorité scientifique et technique sur leurs
voisins Russes. Cette organisation regroupait certains des plus brillants
cerveaux américains qui développèrent le premier satellite opérationnel des
US en 18 mois. Quelques années après, l'ARPA commença à s'intéresser aux
réseaux d'ordinateurs et aux technologies de la communication.

Lors de son arrivé au poste en 1967, Lawrence Robert, récemment arrivé à


la tête du projet de réseau informatique à l'ARPA, publie ses "Plans pour le
réseau ARPANET" au cours d'une conférence.

09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET

Spoutnik: Concept russe qui signifie compagnon de route, Spoutnik 1 a été le


premier satellite artificiel de la Terre, mis sur orbite le 4 octobre 1957, par la
fusée R-7 de la russie.
Lors de cette conférence sera aussi publié un papier sur un concept de réseau à
commutation de paquets par Donald Davies et Robert Scantlebury du NPL
(National Physical Laboratory Royaume Uni) et également un article de Paul
Baran de la Rand Corporation (militaires) au sujet de l'utilisation d'un réseau à
commutation de paquet pour transmission sécurisée de la voix.

Une Inquiétude sur le Fait

Les militaires s'inquiétaient en effet de voir les dirigeants privés de


communication si les lignes de téléphones disparaissaient après un
bombardement. Ainsi le projet de la Rand s'intéressait à l'idée des paquets
passant de noeud en noeud ayant la même autorité sans système central, une
anarchie technologique qui même en cas de destruction partielle du réseau, en
cas de guerre nucléaire pourrait continuer à fonctionner. Il est amusant de noter
que ces groupes ont travaillé en parallèle sur des concepts similaires et sans
avoir connaissance des travaux des autres pour aboutir en même temps à la
même conclusion !
09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
Historique

Opérationnel en 1969, le réseau Arpanet ne relie initialement que 4 instituts


universitaires. Après avoir résolu certains problèmes techniques, Arpanet devient
réellement opérationnel, permettant aux quatre institutions de transférer des
données et d'effectuer à distance certains calculs longs sur plusieurs ordinateurs
afin d'aller plus vite.

Tout au long des années 70, les laboratoires de recherche sont progressivement
reliés au réseau Arpanet. Contrairement aux réseaux conventionnels qui ne
pouvaient accommoder que des machines de même type, Arpanet présentait un
énorme avantage, celui de pouvoir mettre en liaison des machines hétérogènes
(Unix, IBM,...) , à condition toutefois qu'elles communiquent toutes selon le
même mode. Cette normalisation impliquait une sorte de « charte », un protocole
standard universel. Le protocole utilisé sur Arpanet au début des années 1970
s'appelait le NCP (Network Control Protocol). Cependant, dès 1973 on envisage
l'établissement d'un nouveau protocole plus performant, capable de mieux
acheminer les messages en cas de destruction partielle du réseau en cas de
guerre.

09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
Et l’histoire dit que 10 ans plus tard en 1983, le NCP est définitivement
abandonné au profit du TCP/IP que nous utilisons encore aujourd'hui et qui
constitue le protocole de base d'Internet. TCP est chargé de segmenter le
message en paquets et de réarranger ces derniers à la réception, tandis que IP
est chargé d'assurer l'acheminement des paquets d'ordinateur en ordinateur
jusqu'à destination.

TCP/IP

Depuis l’année 1977, Internet devient réalité car le TCP/IP est effectivement
utilisé pour relier divers réseaux à Arpanet. Le nombre d'ordinateurs connectés
dépasse alors la centaine et depuis, ce nombre ne cesse d'augmenter d'année en
année.

L'origine du Web remonte à mars 1989 lorsque Tim Berners-Lee, un informaticien


au CERN, propose de créer sur le site Internet du CERN un ensemble de
documents reliés les uns aux autres par des liens hypertextes, afin de faciliter la
recherche d'informations pour les physiciens des particules. En 1991 (300 000
ordinateurs connectés) , alors que le nombre d'ordinateurs connectés atteint les
300 000, le plus grand site Internet au monde est celui du CERN, futur berceau
du Web, un vaste ensemble mondial de documents dits hypertextes et
hypermédias distribués sur Internet.
09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
Internet

09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
2. Focus de ce qui se trouve sur internet

Avec une croissance rapide, l’Internet offre une possibilités de trouver


toutes sortes d'information.

• Les articles scientifiques


• Les documents officiels
• Les recherches en cours dans le laboratoire d’université
• L’anatomie du corps humain sous toutes ses facettes
• Des dictionnaires et des encyclopédies Wikileaks, encarta, …
• Poser des questions à un spécialiste via un forum ou par mail
• Les journaux de tous pays
• La radio ou la TV en direct RFI, TV5, France 24, …
• L'intégralité de certains livres tombés dans le domaine public en voyage
en Europe
09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
2. Focus de ce qui se trouve sur internet

Avec une croissance rapide, l’Internet offre une possibilités de trouver


toutes sortes d'information.

• Des musées virtuels


• Faire des transactions bancaires (NetBanking),
• Les génériques de votre dessin animé préféré
• L'adresse de votre camarade de classe de 5e, perdu de vue
• L'adresse d'un magasin où l'on peut trouver des matériels informatique
• L'envoi de SMS La dernière version de votre logiciel préféré
• Les résultats sportifs en direct
• De la musique, des films,...
• Des jeux en ligne (gamuz, fifa, …
• Parler en direct avec des correspondant distant

09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET

2. 1. Documents et formats

En parcourant chaque jour Internet, on y trouve tout type de


document sous différents formats de fichiers (textes, images, vidéos,
sons, applications,...). Afin de lire et utiliser ces fichiers, il faut
posséder les logiciels ad hoc.

En parcourant chaque jour Internet, on y trouve tout type de


document :
 du texte,
 des images simples, animées ou en 3D
 du sons
 des vidéos
 des programmes

09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
En informatique d’aujourd’hui chaque élément; fichier ou document
est numérisé sous un format spécifique qui nécessite, pour le visualiser ou
pouvoir le retraiter, des logiciels particuliers. Les navigateurs récents
intègrent désormais de nombreux "plug-ins" permettant de visualiser
certains documents.

Tout autres documents, sans le logiciel approprié, il est impossible de les


consulter. Dans ce cas, il faut reconnaître le format du fichier et chercher
un logiciel informatique capable de l'ouvrir.

Par le développement de logiciel d’applications


Exemple des sites internet qui le font:

o Ffilext sur www.filext.com


o Wotsit’s format www.wotsit.org
o what is every file format in the world sur
http://whatis.techtarget.com/fileFormatA/0,289933,sid9,00.html

Cours de Technologie Internet UPL 2013-2014 09/21/2020


TECHNOLOGIE INTERNET

2. 1. Documents et formats

Extension: une extension de nom de fichier, autrement une extension


de fichier, est un suffixe ajouté au nom d'un fichier pour identifier son
format. Ainsi, on dira qu'un fichier nommé upl.txt a l'extension txt
ou .txt.

Dossier : a une représentation physique d’un classeur dans lequel ont


stock ou range divers fichiers, généralement il porte la couleur jaune.

09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET

2. 1. Documents et formats

Fichier : c'est un ensemble de données considérées comme étant une


unité. Il peut être de tout type : un document en traitement de texte,
un logiciel, une image, une chanson, ...

09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
3. Les Concept Multiple d’internet

Site internet

Un site ou site web se terme utilisé en informatique comme est un


ensemble de page conçu sur un fichier text et enregistré sous le
format Html qui porte de mot hyperliées ramenant vers différent
autre page et accessible avec une adresse web sur un navigateur.

Adresse web

Un site ou site web se terme utilisé en informatique comme est un


ensemble de page conçu sur un fichier text et enregistré sous le format
Html qui porte de mot hyperliées ramenant vers différent autre page et
accessible avec une adresse web sur un navigateur.

Exemple: www.google.cd, www.yahoo.fr, www.unilu.ac.cd

09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
3. Les Concept Multiple d’internet
Navigateur : Un navigateur Web est un logiciel conçu pour consulter,
surfer sur le www. Techniquement, c'est au minimum un client HTTP.

Il existe plusieurs navigateur et on en trouve presque partout dans


nos téléphone intelligent (smart phone) tablette, PDA, PC fixe ou
portable et sous différent type de plate forme (windows, android,
linux, unix, macxos)

www : Un navigateur Web est un logiciel conçu pour consulter, surfer


sur le www. Techniquement, c'est au minimum un client HTTP.

Client HTTP : Un client HTTP est un logiciel conçu pour se connecter


à un serveur exécutant le HTTP.

09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
3. Les Concept Multiple d’internet
Navigateurs :

09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
3. Les Concept Multiple d’internet

Site internet

Un site ou site web se terme utilisé en informatique comme est un


ensemble de page conçu sur un fichier text et enregistré sous le
format Html qui porte de mot hyperliées ramenant vers différent
autre page et accessible avec une adresse web sur un navigateur.

Adresse web

Un site ou site web se terme utilisé en informatique comme est un


ensemble de page conçu sur un fichier text et enregistré sous le format
Html qui porte de mot hyperliées ramenant vers différent autre page et
accessible avec une adresse web sur un navigateur.

Exemple: www.google.cd, www.yahoo.fr, www.unilu.ac.cd

09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
3. Les Concept Multiple d’internet

09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
4. Différents services Offert sur internet

FTP

Ce protocole permet de se connecter temporairement à un serveur


FTP distant pour ramener ou déposer des fichiers. Pour le
téléchargement des fichiers, un simple navigateur suffit. L'adresse du
service sera du type ftp:// 10.32.0.65

Selon sa techinque la connexion à un site FTP se fait à l'aide d’une


authentification c’est-à-dire d’un nom d'utilisateur et d'un mot de
passe. En réalité, les serveurs présents sur Internet ont en général un
compte anonymous avec lequel seul le rapatriement de fichiers est
autorisé.

Ex: ftp de Dell, Toshiba, Hp, Free, …


.

09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
4. Différents services Offert sur internet

Telnet

Le protocole Telnet permet de se connecter sur un serveur distant à


l'aide d'un identifiant et d'un mot de passe. L'adresse du service sera
du type telnet://hôte. Il est utilisé pour exécuter des programmes à
distance (par ex. bases de données, catalogues de bibliothèque,
programme nécessitant une grande vitesse de calcul).

09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
4. Différents services Offert sur internet

Liste de diffusion

Les listes sont dédiées à un sujet précis et fonctionnent via le courrier


électronique. Une adresse électronique est associée à chaque liste et
lorsque qu'un message est envoyé à cette adresse, tous les abonnés le
reçoivent. Pour participer ou recevoir les messages il est nécessaire
de s'y inscrire au préalable.

La différence entre une liste de discussion et une lettre d'information


est que dans le premier cas, tous les abonnées peuvent envoyer un
message alors que dans le deuxième cas, c'est une lettre électronique
envoyée régulièrement (en général tous les mois) à tous les abonnés.
Ceux-ci sont passifs dans la mesure où ils n'envoient pas de messages.
Cependant, ils peuvent parfois participer à la rédaction de la lettre

Ex; gmail, Google +, Facebook Mur, Twitter, CCM

09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
4. Différents services Offert sur internet

News et Forum internet

Usenet (les news, newsgroup ou groupes de nouvelles) est un service


de conférences publiques accessibles à un nombre illimité de
personnes. Pour y participer, il faut posséder un logiciel de
messagerie spécialisé ou un navigateur.

Les groupes sont organisés hiérarchiquement et chaque groupe est


dédié à un sujet précis. Les messages postés par les utilisateurs sont
comparables aux mails à ceci près que les messages sont publics et
qu'ils ne sont pas stockés dans les boîtes aux lettres personnelles. Il
faut effectuer une recherche sur un groupe ou un sujet pour obtenir
les messages. La consultation de ces groupes se fait délibérément.

09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
4. Différents services Offert sur internet

INTERNET RELAY CHAT (IRC), Chat

Une application informatique, le Service d'échange de messages en


temps réel (synchrone) entre plusieurs utilisateurs du réseau Internet,
qui correspond en fait à un service de conférence électronique
improvisée qui s'articule autour du mode questions et réponses. Le
succès d'IRC a été quelque peu diminué par l'arrivée des messageries
instantanées (MSN, Yahoo Messenger, ...) Ces réseaux restent
néanmoins très utilisés par ceux qui veulent discuter sans passer par un
programme client propriétaire.

Travaux en groupe

- Gpe N°1 Implémenté un service IRC sur windows XP avec NetMeeting

- Gpe N°3 Implémenté un serveur FTP simple sous windows


09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
4. Différents services Offert sur internet

Gopher : duquel "go for" signifie "aller chercher".

Terme emprunté à l'anglais pour désigner le petit rongeur de mots,


appelé spermophile en français

Protocole Internet et service de recherche documentaire piloté par


menu qui permet à l'internaute de naviguer dans l'espace Gopher et
d'en consulter les ressources.

Gopher est placé sours licence OpenSource dans sa version


3.0.Aujourd'hui, les menus Gopher disponibles peuvent s'avérer être
des sources uniques d'information même si MSIE ne gère plus ce
protocole depuis 2002, Mozilla permet encore d'y accéder.

Google permet aussi d’indexer le Gopher

Ex: « gopher://nmnhgoph.si.edu » ou «gopher://sdf.lonestar.org


09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
5. CATEGORISATION DES INFORMATION SUR INTERNET

Les information sur internet

Dans les réseaux télématiques (Multimédia) et précisément sur


internet le type d’information que l’on trouve est caractérisé par un
ensemble de données qui sont en même temps :

a. hétérogène
b. instable et éphémère
c. multilingue
d. renouvelée continuellement
e. gratuite ou payante
f. non structurée

09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
6. Les Données Invisible d’internet, Web profond ou web cachée

Web invisible, ils sont aussi appelé partie de site web qui sont non
accessible par les robots ou les moteurs de recherche classiques.

Le web invisible comprend de parties de bases, banques de


données et bibliothèques qui sont souvent mis en ligne avec une
catégorisation d’accès gratuites ou payantes …

En informatique le Web profond sont plus performants, les moteurs et


annuaires de recherche n'indexent pas la totalité des documents
présents sur internet.

Il existe une grande masse d'informations, inaccessibles par les


moteurs de recherche "traditionnels" : Il s'agit du Web Invisible. Les
liens suivants vous permettront de mieux comprendre cette "face
cachée" du Web.

09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
6. Les Données Invisible d’internet, Web profond ou web cachée

Les meilleurs moteurs de recherche indexent moins de 20% du Web.


En effet, les outils de recherche (en particulier les moteurs) ne
référencient pas les pages suivantes :

 Les fichiers qui ne sont pas au format HTML (certains moteurs


comme google indexent cependant d'autres formats comme le pdf,
le postscript, les documents MSOffice,...)
 Les pages Web demandant un login ou restreintes à un domaine
particulier
 Les pages dont le contenu est dynamique (créées en réponse à la
demande d'un utilisateur par exemple)
 Les sites intranet
 Les pages qui ne sont pas référenciées (aucun lien ne pointe vers
cette page)
 Les sites qui utilisent un fichier robot.txt interdisant au moteur
d'indexer les pages
 Les ressources ne provenant pas du Web (site FTP, gopher...)
09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
6. Adresse internet (URL)
Les URL sont une invention du World Wide Web et sont utilisées pour
identifier les pages et les sites web.

Elles sont aussi appelées adresse web. Les informations diffusée sur
les adresses web porte sur l'identité des sites web et les aspects
techniques, économiques et juridiques qui s'y rattachent, ainsi que
des différentes traductions en français de l'acronyme URL.
URL peut prendre une forme différente lors de références d’une
ressource sur le Web et une autre forme hors du Web.

elles se basent toutes sur le même principe :


protocole://ordinateur/repertoire/fichier.html#ancre

09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
6. Adresse internet (URL)
Protocole utilisé pour le dialogue entre les différentes machines connectées. http est le protocole
protocole://
utilisé pour les pages Web. Il existe d'autres protocoles (par exemple FTP, gopher...).
Nom de l'ordinateur sur lequel se trouvent les fichiers (nom d'hôte). Ce nom d'hôte est divisé en
domaine et sous domaine

Par exemple, www.fundp.ac.be - est un serveur Web (www.) situé en Belgique (be) dans le sous-
domaine académique (ac) et il se nomme fundp (Faculté Universitaire Notre-Dame de la Paix à Namur)

Les domaines principaux sont les suivants (Liste complète des domaines
<http://www.siteware.ch/Webresources/domains/>) :

 com : commercial,

ordinateur/  edu : universités et éducation (US),

 gov : organismes gouvernementaux,

 int : organisations internationales,

 mil : militaires (US),

 net : réseaux,

 org : ONG.

 Un pays est déterminé par son code ISO (be - Belgique, fr - France, uk - Grande-Bretagne, ...)
répertoire/ Répertoire dans lequel se trouve, sur le serveur, le document. Souvent, il existe des sous répertoires.
document.html Nom de la page Web, ou du fichier (voir documents et formats), demandée
#ancre Détermine un endroit précis de la page Web

09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
7. Message d’erreur

Les Messages d’erreurs sur le navigateur

09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
Plan du Cours

Partie B. Application de la Technologie Internet

1. Les Web 1.0 et Web 2.0


2. Bases du Html
3. Travaux Pratique html
4. Le CSS
5. Travaux Pratique html
6. Aperçu sur le Script Java
7. Travaux Pratique html
8. Aperçu sur le PHP
9. Travaux Pratique Php
10. Aperçu sur le XML
11. Travaux Pratique Xml

09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
Partie II.

A ce début, internet a été l'outil destiné a chercher des informations,


envoyer des courriers, parfois faire leurs courses.

Le concepteur de nous nouvelles technologie ont très vite, découverts


les possibilité interactives du web. ils pouvaient évaluer les produits
proposés, donner leur avis, transférer des infos à toute une
communauté.

1. Web ou web 1.0, Le Web n’est qu'une des applications d’Internet ;


distincte d’autres applications comme le service de mail, le IRC, et
le partage de fichier.

Le Web a été inventé par Tim Berners-Lee et Robert cailliau plusieurs


années après la mise en place du grands réseaux internet, mais c’est
lui qui a rendu les médias grand public attentifs à Internet. Depuis, le
Web est fréquemment confondu avec Internet ; en particulier, le mot
Toile est souvent utilisé dans les textes non techniques sans qu’il
désigne clairement le Web ou internet.
09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
Partie II.

Avec les années 2000 les notions de l’informatique ont avancée dans
la création et de Blog, de wiki (en 2001, lancement de la wikipédia en
anglais) et de système de réseaux sociaux (Tweeter, HI5, Myspace,
Facebook en 2004) deviennent populaires.

Sur le Web 2.0 Le conténu généré par les utilisateurs se sont vite
répandus (Wikipédia, youtube, torrent en 2005).

Le Web 2.0 a permis l’utilisation da technologie Ajax qui commence à


être largement utilisée pour créer des applications complètes qui
tiennent dans une seule page web (Google Maps, Earth, ... en 2004).

L'expression WEB 2.0, est largement popularisée au milieu des années


2000, qui enfin désigne cette transition dans le flux de l'information et
la manière d'utiliser le web. Le succès de l'expression Web 2.0 a
conduit de nombreuses personnes à appeler Web 2.5, 3.0, 4.0.

09/21/2020
Cours de Technologie Internet UPL 2013-2014
TECHNOLOGIE INTERNET
Partie II. Pratique de la technologie internet

2.1 Travaux pratique en Groupe de 5


2.2 Pratique du Web
a. HTML + CSS

HTML est d'un langage de description (et non pas d'un langage de
programmation) qui va nous permettre de décrire l'aspect d'un
document, d'y inclure des informations variées (textes, images, sons,
animations etc.) et d'établir des relations cohérentes entre ces
informations grâce aux liens hypertextes.

Les avantages du langage HTML sont nombreux :


 Peux coûteux en effet un simple éditeur de texte suffit à écrire ses
premiers documents HTML
 Relativement facile à aborder,
 Représente en outre un bon moyen de dépasser les problèmes de
compatibilité entre des systèmes et des formats informatiques
différents.
09/21/2020
Cours de Technologie Internet UPL 2013-2014
HTML+CSS

En informatique pour créer un site web, on doit indiquer des informations


à l'ordinateur.

Le developpeur expliquer à l'ordinateur ce que vous voulez, il va falloir


utiliser un langage qu'il comprend.

Il existe des langages qui servent à créer des programmes, comme le C++
ou encore le Java. Ces langages sont néanmoins complexes et destinés à
des personnes qui ont déjà quelques connaissances en informatique.

Les langages HTML et CSS, eux, servent précisément à créer des sites
web, et ils ont été créés de manière à être simples à utiliser. Mon rôle
sera de vous apprendre à vous en servir.

Question: pourquoi apprendre 2 langages pour créer un site web ? Un seul


n'aurait pas suffit ?

Cours de Technologie Internet UPL 2013-2014 09/21/2020


HTML+CSS

· HTML pour écrire le contenu de nos pages web.


· CSS pour présenter ce contenu.

· HTML pour écrire le contenu de nos pages web.


Le HTML (HyperText Markup Language) est un format de présentation
de données permettant de créer des pages web pouvant être lues
dans des navigateurs. C'est un langage de description de données, et
non un langage de programmation.

Il est figé c'est-à-dire qu'une fois le document chargé dans le


navigateur, il ne répond à aucune action de l'utilisateur sur le
contenu de la page. Ce langage est pourvu d'un système de balisage
qui va permettre de structurer notre document.

· CSS : c'est l'abréviation de Cascading Style Sheets ("Feuille de


style"). Ce langage nous sert uniquement à présenter la page web.
C'est en CSS que l'on dira : "Mes titres sont en rouge et sont soulignés,
mon texte est dans la police arial, mon nom est centré, mon menu a
un fond blanc..." etc
etc. Cours de Technologie Internet UPL 2013-2014 09/21/2020
HTML+CSS

 HTML CSS pour présenter ce contenu.


 Balise HTML

Une balise HTML est un élément que l'on va ajouter au texte de


départ pour dire au
navigateur de quelle manière l'afficher. Elle n'est pas affichée telle
quelle dans le
navigateur, elle est interprétée par celui-ci. Elle est toujours
délimitée par les
signes < et >.

Exemple de balise
<html>

Une balise peut en plus comporter de zéro à plusieurs attributs. Les


attributs sont des informations complémentaires qui la caractérisent.
Ils se présentent sous la forme nom attribut="valeur". Attention à ne
pas confondre un attribut HTML et une propriété CSS !

Cours de Technologie Internet UPL 2013-2014 09/21/2020


HTML+CSS
a. Squelette

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01


Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Titre de la page</title>
<meta http-equiv="content-type" content="text/html;
charset=utf-8">
</head>
<body>
<!-- Ici votre site -->
</body>
</html>

Cours de Technologie Internet UPL 2013-2014 09/21/2020


HTML+CSS
a. Squelette

La première ligne du document s'appelle le DOCTYPE. C'est


une balise indispensable pour conserver la compatibilité du
rendu de votre page sur les différents navigateurs modernes.
Après le DOCTYPE, vient la balise <html>.

Elle encadre l'ensemble des autres balises. La balise <html>


contient deux grandes balises : <head>, qui va contenir tout
l'en-tête de la page et <body> qui va contenir
tout le corps du document.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"


"http://www.w3.org/TR/html4/loose.dtd">
<html>
</html>

Cours de Technologie Internet UPL 2013-2014 09/21/2020


HTML+CSS
a. Squelette

La première ligne du document s'appelle le DOCTYPE. C'est


une balise indispensable pour conserver la compatibilité du
rendu de votre page sur les différents navigateurs modernes.
Après le DOCTYPE, vient la balise <html>.

Elle encadre l'ensemble des autres balises. La balise <html>


contient deux grandes balises : <head>, qui va contenir tout
l'en-tête de la page et <body> qui va contenir
tout le corps du document.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"


"http://www.w3.org/TR/html4/loose.dtd">
<html>
</html>

Cours de Technologie Internet UPL 2013-2014 09/21/2020


Cours de Technologie Internet UPL 2013-2014 09/21/2020
Cours de Technologie Internet UPL 2013-2014 09/21/2020
Cours de Technologie Internet UPL 2013-2014 09/21/2020
Cours de Technologie Internet UPL 2013-2014 09/21/2020

Vous aimerez peut-être aussi