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
