Cours D'Informatique

DEUG Sciences S1 Informatique
Maxime Crochemore
Institut Gaspard-Monge
Université de Marne-la-Vallée
http://www-igm.univ-mlv.fr/mac/
Plan
? Ordinateurs et réseau .................... 3

Unix, Internet, adresses.
? Services de l'Internet . . . . . . . . . . . . . . . . . . . . 31
Courrier, navigation sur la Toile, etc.
? Outils de présentation hypertexte . . . . . . 66
Langage HTML, programmation.
DEUG Sciences S1 Informatique 24/9/1999 2 M.C.

Références
? Internet par M. Dreyfus chez Simon & Schuster Macmillan,

Paris, 1997.
? HTML 4 par D. Oliver chez SAMS, Indianapolis, 1998.
? La programmation sous Unix par J.-M. Riet chez McGraw-
Hill, 2ème édition, 1990.
? La communication sous Unix par J.-M. Riet chez McGraw-
Hill, 1990.
? Revues grand public : Netsurf, .Net, .NetPro, Internet Com-
puting, . . .
? Autres revues : Communications of the ACM, Computer,
DrDobbs, Byte, . . .

Matériel
? Ordinateur
Organe de calcul, de stockage d'information, d'achage, et
terminal de communication
? Réseau
Ensemble des dispositifs qui permettent la communication
entre ordinateurs :
' $
éléments passifs (câbles, prises, . . . ),
~
éléments actifs (répéteurs, passerelles, routeurs, . . . )
~ ~ @
@
@@

~
TX @ Internet
@@

& %

@
@@

Applications
? Bureautique
? Bases de données (stockage et recherche d'informations)
? Pilotage et surveillance de processus
? Traitement de données (calculs scientiques, nanciers,
traitement d'images, . . . )
? Calcul symbolique
? Simulation (numérique, images de synthèse, animation, . . . )
? Jeux
? Production de logiciels
? Gestion de communications (téléphonie, commutateurs, rou-
teurs, . . . )
? ...

Schéma conceptuel
? Traitement symbolique de l'information :

programme
données, entrée -> résultats, sortie
? Modèle de von Neumann :

La procédure de traitement est entièrement dénie avant
le traitement lui-même, i.e.
la procédure de traitement n'est pas modiée par les don-
nées
? Ecacité d'un programme mesurée par :
le volume de données traitées
le temps d'exécution du traitement
...

Données
Unités de mesure du volume
Unité Exemple
bit unité de base 0 ou 1 (binary digit)

octet (byte) 8 bits 256 valeurs : caractères ASCII
ko 1024 octets 1 page de texte : 3 kilo-octets
1 roman : 1 méga-octet
Mo 1024 ko 10 6
octets
1 photo : 6 méga-octets
Go 1024 Mo 109 octets 1 lm : 4 giga-octets
To 1024 Go 1012 octets téra-octet

Ordinateur
? Unité centrale
processeur, mémoire centrale de quelques Mo à
quelques Go
? Mémoire de masse
disque magnétique ( dur ) de quelques Go,
disque compact de 600 Mo, disque DVD de
5 Go, bande magnétique de 10 Go, . . .
? Périphériques
écran, clavier, souris, imprimante, modem, . . .
? Système d'exploitation
comme UNIX, Windows, MacOS, VM, ou VMS

Serveur/terminal
? Relation de type client/serveur

? Serveur
gestion simultanée de plusieurs utilisateurs, s-
tockage de leurs données, connecté au réseau
? Terminal
achage graphique (X-window ou autre), multi-
fenêtrage, saisie, communication avec le serveur
demande de service
-
client serveur

réponse

UNIX
? Vue générale
Système multi-utilisateurs
Système multi-tâches
Noyau pour la gestion de la mémoire et des entrées-
sorties, l'enchaînement des tâches
Interprètes de langage de commandes
très grand nombre d'utilitaires
? Caractéristiques principales
Système de chiers hiérarchisé
Réallocation des entrées-sorties (< et >) et tube (|)
Tâches en arrière-plan (background, &)
Langages de commandes (shell, programmes scripts )
Appels au système dans les programmes en langage C

Système de chiers
? Arborescence des chiers : catalogues et chiers (directories and les )

/ racine
HHH
HH
&
tmp chiers temporaires

etc chiers système
HHH
HH passwd

& disc1 users chiers des utilisateurs
HH
HHH
memo
ens mac

& usr bin commandes générales

Quelques commandes d'UNIX
? Généralités
login, logout, help, man
? Gestion des chiers (commandes du shell)

pwd, cd, ls, mv, rm, mkdir, rmdir,
chmod, cat, more, cp, ...
? Édition
vi, emacs, lp, ...
? Communication
mail, ftp, telnet, ...
? Utilitaires
netscape, latex, ghostview, ...

Utilisateur
? Identication (login)
nom d'utilisateur, mot de passe
? Mémoire utilisateur
temporaire en mémoire centrale
? Stockage d'informations
quota de mémoire permanente sur disque,
catalogue personnel (home directory )
? Commandes utilisateur
exécution de commandes, d'utilitaires ou de pro-
grammes personnels

Protection des chiers
? Chaque utilisateur appartient à un groupe

(root, sys, bin, ens, deug, ...)
? Trois opérations sur chiers sont contrôlées par le système :
lecture, écriture, exécution (rwx)
? Elles s'appliquent indépendamment à trois types d'utilisa-
teurs : le propriétaire (user ), les utilisateurs de son groupe
(group ), les autres (others ) ou à tous (all )
-rwxr-xr-x 1 mac ens 29 Sep 17 16:18 salut
? root a tous les droits !
? Changement des protections avec chmod

Exemple de session Unix
diva : ~ > man man
man(1) man(1)
NAME
man - find manual information by keywords; print out a manual entry
SYNOPSIS
man -k keyword ...
man -f file ...
man [-] [section[subsection]] entry_name ...
DESCRIPTION
man accesses information from the on-line version of the HP-UX Reference.
It can be used to:
+ List all manual entries whose one-line description contains any of

a specified set of keywords.
+ Display or print one-line descriptions of entries specified by name.
+ Search on-line manual directories by entry name and display or

print the specified entry or entries.
+ Search a specified on-line manual section (directory) and display

or print the specified entry or entries in that section.
....

suite de session
diva : ~ > man cat
cat(1) cat(1)
NAME
cat - concatenate, copy, and print files
SYNOPSIS
cat [-benrstuv] file ...
DESCRIPTION
cat reads each file in sequence and writes it on the standard output.
Thus:
cat file
prints file on the default standard output device;
cat file1 file2 > file3
concatenates file1 and file2, and places the result in file3.
If - is appears as a file argument, cat uses standard input. To

combine standard input and other files, use a combination of - and
file arguments.
Options
...

suite de session
diva : ~ > help help
help: help [pattern ...]
Display helpful information about builtin commands. If PATTERN is
specified, gives detailed help on all commands matching PATTERN,
otherwise a list of the builtins is printed.
diva : ~ > ls
Bienvenue M1.tex bin nsmail src
IntGfx.html Mail mbox poubelle
diva : ~ > ls -l
total 28
-rw-r--r-- 1 mac ens 136 Sep 15 15:31 Bienvenue
-rw-r--r-- 1 mac ens 5229 Sep 5 11:07 IntGfx.html
-rw-r--r-- 1 mac ens 43 Sep 17 16:15 M1.tex
drwx------ 4 mac ens 1024 Sep 3 13:11 Mail
drwxr-xr-x 2 mac ens 1024 Sep 17 16:28 bin
-rw-r--r-- 1 mac ens 472 Sep 17 16:47 mbox
drwx------ 2 mac ens 1024 Sep 5 11:08 nsmail
drwxr-xr-x 2 mac ens 1024 Sep 17 16:16 poubelle
drwxr-xr-x 9 mac ens 1024 Sep 5 1996 src
diva : ~ > ls -F
Bienvenue M1.tex bin/ nsmail/ src/
IntGfx.html Mail/ mbox poubelle/

suite de session
diva : ~ > cd bin
diva : ~/bin > ls

salut
diva : ~/bin > ll

total 2
diva : ~/bin > cat salut

echo 'Bonjour tout le monde'
diva : ~/bin > salut

Bonjour tout le monde
diva : ~/bin > cat > courage

echo 'et bon courage !'
diva : ~/bin > cat salut courage

^D
diva : ~/bin > cat salut courage > message
diva : ~/bin > cat message


suite de session
diva : ~/bin > cat message
diva : ~/bin > mail -s Salut mac < message
diva : ~/bin > mail

mailx Revision: 1.179.112.4 Date: 96/02/02 17:15:17 Type ? for help.
"/var/mail/mac": 2 messages 1 new 2 unread
U 1 mac@diva.univ-mlv. Wed Sep 17 16:41 15/456
>N 2 mac@diva.univ-mlv. Wed Sep 17 16:46 15/461 Salut
? 2
Message 2:
Date: Wed, 17 Sep 1997 16:46:45 +0200
From: Maxime Crochemore <mac@diva.univ-mlv.fr>
To: mac@diva.univ-mlv.fr
Subject: Salut

? q
Saved 1 message in /users/ens/mac/mbox
Held 1 message in /var/mail/mac

suite de session
diva : ~/bin > chmod a+x *
diva : ~/bin > message
et bon courage !
diva : ~/bin > message | mail -s Salut-bis mac
diva : ~/bin > mail

"/var/mail/mac": 2 messages 1 new 2 unread
U 1 mac@diva.univ-mlv. Wed Sep 17 16:41 15/456
>N 2 mac@diva.univ-mlv. Wed Sep 17 16:54 15/451 Salut-bis
? 2
Message 2:
Date: Wed, 17 Sep 1997 16:54:21 +0200
From: Maxime Crochemore <mac@diva.univ-mlv.fr>
To: mac@diva.univ-mlv.fr
Subject: Salut-bis

et bon courage !
? d
? q
Held 1 message in /var/mail/mac

suite de session
diva : ~/bin > ls
courage message salut
diva : ~/bin > rm message
diva : ~/bin > ls

courage salut
diva : ~/bin > cd

diva : ~ > ls -F
diva : ~ > mkdir Web
diva : ~ > ls -F
Bienvenue M1.tex Web/ mbox poubelle/
IntGfx.html Mail/ bin/ nsmail/ src/
diva : ~ > mv IntGfx.html Web
diva : ~ > ls -F
Bienvenue Mail/ bin/ nsmail/ src/
M1.tex Web/ mbox poubelle/
diva : ~ > ls -F Web

IntGfx.html

suite de session
diva : ~ > ls -F
Bienvenue Mail/ bin/ nsmail/ src/
M1.tex Web/ mbox poubelle/
diva : ~ > ls -F Web

IntGfx.html
diva : ~ > rmdir Web

rmdir: Web: Directory not empty
diva : ~ > mv Web/IntGfx.html .
diva : ~ > ls -F
Bienvenue M1.tex Web/ mbox poubelle/
IntGfx.html Mail/ bin/ nsmail/ src/
diva : ~ > rmdir Web/
diva : ~ > ls -F

suite de session
diva : ~ > cd bin
diva : ~/bin > ll
total 4
-rwxr-xr-x 1 mac ens 24 Sep 17 16:27 courage
diva : ~/bin > cp salut bonjour
diva : ~/bin > ll

total 6
-rwxr-xr-x 1 mac ens 29 Sep 17 17:12 bonjour
diva : ~/bin > rm salut
diva : ~/bin > ll

total 4
-rwxr-xr-x 1 mac ens 29 Sep 17 17:12 bonjour
diva : ~/bin > mv bonjour salut
diva : ~/bin > ll

total 4

suite de session
diva : ~/bin > ll
total 4
diva : ~/bin > chmod go-rwx *
diva : ~/bin > ll

total 4
-rwx------ 1 mac ens 24 Sep 17 16:27 courage
-rwx------ 1 mac ens 29 Sep 17 16:18 salut
diva : ~/bin > chmod u-w *
diva : ~/bin > ll

total 4
-r-x------ 1 mac ens 24 Sep 17 16:27 courage
-r-x------ 1 mac ens 29 Sep 17 16:18 salut
diva : ~/bin > rm courage

rm: détruire le fichier protégé en écriture `courage'? n

n de session
diva : ~/bin > ll
total 4
-r-x------ 1 mac ens 24 Sep 17 16:27 courage
-r-x------ 1 mac ens 29 Sep 17 16:18 salut
diva : ~/bin > chmod u+w *
diva : ~/bin > ll

total 4
-rwx------ 1 mac ens 24 Sep 17 16:27 courage
-rwx------ 1 mac ens 29 Sep 17 16:18 salut
diva : ~/bin > chmod a+rx *
diva : ~/bin > ll

total 4
diva : ~/bin > rm courage
diva : ~/bin > ll

total 2
diva : ~/bin > logout

logout
Connection closed by foreign host.

Réseaux
? Réseau local
liaisons sur quelques kilomètres par bre optique, paires tor-
sadées, câbles coaxiaux, . . .
? Réseau longue distance
utilise le réseau téléphonique, des faisceaux hertziens, des
satellites, . . .
? Commutation de paquets
envoi de paquets de données de taille limitée (1 ko), comme
un service postal
? Commutation de circuits
canal réservé le temps de la communication, comme pour le
téléphone

Internet
? Architecture : interconnexion de réseaux locaux au moyen

de passerelles
? Protocole TCP/IP (Transfer Control Protocol/Internet Pro-
tocol, transmission et assemblage des paquets)
' $ ' $
& Réseau 2
% P2
& Réseau 3
%
' $ ' $
P1 P3
& Réseau 1
% & Réseau 4
%
Adressage Internet
? Adresse IP (sur 4 octets) 193.55.60.20
0 1 2 23 24 31
11
| {z }| {z }
Adresse du domaine Numéro de machine
(1 à 3 octets) (3 à 1 octets)
? Adresse symbolique de machine monge.univ-mlv.fr
? . . . de domaine univ-mlv.fr
suxé par l'indicatif du pays sauf pour les États-Unis (.gov,
.mil, . . . ) et d'autres entités (.edu, .com, .net, .int, .org)
? Adresse d'un utilisateur gaspard@monge.univ-mlv.fr
? Serveur de noms (DNS, Domain name service )

annuaire : table de correspondance entre adresses symboliques
et IP ; stocké sur certaines machines du réseau local

Topologie
? Diusante
bus (Ethernet), anneau, radio, satellites, . . .
bus
s
e
r
TX TX v TX
e
u
r
? Point à point
entre micro-ordinateur et fournisseur, par exemple
protocole PPP (Point to Point Protocol)
utilisateur fournisseur
s
e
micro r
ligne téléphonique v
e
modem modem r u

Tuyaux et débits
Quelques débits de lignes de communication
débit entrant débit sortant

RTC 33,6 à 56 kbit/s réseau téléphonique commuté
RNIS (DSL) 64 à 128 kbit/s ligne numérique
ADSL 1 à 50 Mbit/s 300 à 600 kbit/s ligne numérique à paire asymétrique
Câble 2 Mbit/s quelques 100 kbit/s câble de télévision
Satellite 2 Mbit/s selon autre liaison liaison par micro-ondes
Hertzienne 144 kbit/s à 2 Mbit/s liaison radio
Ethernet 10 Mbit/s à 1 Gbit/s réseau numérique local
SCSI 40 à 400 Mbit/s bus des micro-ordinateurs
Record 1999 : 400 Gbit/s sur 1000 km de bre optique

Services de l'Internet
Services principaux :
? Courrier électronique (mail)
? la Toile (le Web )
? Transfert de chiers, téléchargement (ftp)
? Accès distant (telnet)
? Nouvelles (news)
? autres : gopher, WAIS, musique, forum, téléphone, vidéo
Accessibles à travers :
? réseau local connecté
? fournisseur d'accès : Club Internet, Wanadoo, America On
Line, Free, LibertySurf, Fnac Net, WordOnLine, . . .

Courrier électronique
? Adresses (dépend du service)

nom@machine.domaine gaspard@monge.univ-mlv.fr
? Logiciels (envoi et lecture de messages)

mailx, elm, exmh,
netscape, Amaya, . . .
Outlook, Eudora sur micro-ordinateur
? Poste locale
contient les messages reçus par le service pour l'utilisateur qui seul
(avec root) peut les lire
? Boîtes aux lettres
l'utilisateur peut stocker ses courriers dans des chiers personnels ;
les logiciels en aident la gestion
? SMTP Simple Mail Transfer Protocol
protocole d'échange des messages, sur 7 bits : problème d'accents !

Message
? Adresse du destinataire
de la forme nom@machine.domaine ou
Prenom.Nom@machine.domaine
? Adresse de retour
celle de l'expéditeur, placée automatiquement par le service
? Sujet
objet du message en quelques mots
? Corps du message
rédigé avec un éditeur de texte intégré au logiciel ou à
l'extérieur du logiciel d'envoi

Exemple avec mail
monge 33> mail -f
"/users/institut/mac/mbox": 35 messages
> 1 surn@research.att. Sat Feb 8 04:49 33/1263 twig
2 Khaleb.Penrit@hds. Mon Feb 24 19:59 114/4215 Recherche de sujet de the
3 fxt@hsparc4.imsc.e Thu Apr 3 10:55 33/1277 request
4 fxt@hsparc4.imsc.e Mon Apr 21 15:34 39/1247 Re: request
5 shinishk@giasbma.v Thu Apr 24 13:10 36/1352 http://www-igm.univ-mlv.f
6 mot@md2.vsnl.net.i Mon Apr 14 09:24 42/1274
7 shinishk@giasbma.v Fri Apr 25 15:42 30/1231 Re: http://www-igm.univ-
8 mac@monge.univ-mlv Mon Apr 28 10:00 19/625 Re: http://www-igm.univ-
9 shinishk@giasbma.v Tue Apr 29 16:14 26/997 Re: your mail
10 mot@md2.vsnl.net.i Wed Apr 30 09:56 34/1131
11 barville@univ-mlv. Wed May 7 16:26 89/3730 Presidents de Jury de BAC
12 Paul.Veranuse@lafo Tue May 20 15:06 29/1227 Re: demande de renseigne
13 rupper@csc.liv.ac. Wed May 14 18:10 61/2042 the book
14 prevont@univ-mlv.f Fri May 30 14:07 1120/82794 Informations bibliotheque
15 fxt@hsparc4.imsc.e Tue Jun 3 11:49 40/1309 Re: request
16 b-tranai@imaginet. Thu Jun 19 16:51 44/2055 MACGUT
17 abadli_a@epi.net Sat Jun 28 17:58 156/5323 Demande de these
18 mac@monge.univ-mlv Thu Jul 3 16:20 25/819 Re: Demande de these
19 JRantoine@msn.com Wed Jul 9 19:16 26/1060 cours de langagage C
20 Bernard.Ponlint@ac Tue Sep 2 22:17 38/1541 article
?

Exemple (suite)
? 2
Message 2:
From Khaleb.Penrit@hds.utc.fr Mon Feb 24 19:59:44 MET 1997
Received: from pixel.univ-mlv.fr by monge.univ-mlv.fr with ESMTP
(1.40.112.4/16.2) id AA136170782; Mon, 24 Feb 1997 19:59:43 +0100
Return-Path: <Khaleb.Penrit@hds.utc.fr>
Received: from asterix.gi.utc (asterix.hds.utc.fr) by pixel.univ-mlv.fr with ESMTP
(1.40.112.8/16.2) id AA193050781; Mon, 24 Feb 1997 19:59:41 +0100
Received: (from khaleb@localhost) by asterix.gi.utc (8.8.3/8.6.12) id TAA05512
for maxime.crochemore@univ-mlv.fr; Mon, 24 Feb 1997 19:57:44 +0100 (MET)
Date: Mon, 24 Feb 1997 19:57:44 +0100 (MET)
From: Khaleb Penrit <Khaleb.Penrit@hds.utc.fr>
Message-Id: <199702241857.TAA05512@asterix.gi.utc>
To: maxime.crochemore@pixel.univ-mlv.fr
Subject: Recherche de sujet de these
X-Sun-Charset: US-ASCII
Bonjour Monsieur,
Je suis passe plusieurs fois au laboratoire mais je n'ai pas eu

la chance de vous rencontrer.
Je suis etudiant a l'Universite de Technologie de Compiegne (UTC).
....
Dans l'attente d'une reponse de votre part, veuillez agreer, monsieur,
l'expression de mes salutations les plus distinguees.
Khaleb Penrit.
------------------------------------------------------------------------
Mes coordonnees, mon CV et mes notes de DEA : ...

Exemple (n)
? 20
Message 20:
From Bernard.Ponlint@ac-idf.jussieu.fr Tue Sep 2 22:17:09 MET 1997
Received: from pixel.univ-mlv.fr by monge.univ-mlv.fr with ESMTP
(1.40.112.4/16.2) id AA184021428; Tue, 2 Sep 1997 22:17:08 +0200
Return-Path: <Bernard.Ponlint@ac-idf.jussieu.fr>
Received: from shiva.jussieu.fr by pixel.univ-mlv.fr with ESMTP
(1.39.111.2/16.2) id AA282381427; Tue, 2 Sep 1997 22:17:07 +0200
Received: from sancerre.ac-idf.jussieu.fr (sancerre.ac-idf.jussieu.fr [134.157.130.3])
by shiva.jussieu.fr (8.8.6/jtpda-5.2) with ESMTP id WAA19802
for <mac@monge.univ-mlv.fr>; Tue, 2 Sep 1997 22:11:16 +0200 (METDST)
Received: from [134.157.130.36] (ligne21.ac-idf.jussieu.fr [134.157.130.36])
by sancerre.ac-idf.jussieu.fr (8.8.5/jtpda-5.2) with SMTP id WAA07719
for <mac@monge.univ-mlv.fr>; Tue, 2 Sep 1997 22:12:52 +0200 (METDST)
Date: Tue, 2 Sep 1997 22:12:52 +0200 (METDST)
X-Sender: bponlint@sancerre.ac-idf.jussieu.fr (Unverified)
Message-Id: <v01540b00b0323f2f9770@[134.157.130.44]>
Mime-Version: 1.0
Content-Type: text/plain; charset="us-ascii"
X-Mailer: Eudora F1.5.4
To: mac@monge.univ-mlv.fr
From: Bernard.Ponlint@ac-idf.jussieu.fr (Bernard Ponlint)
Subject: article
Bien recu l'article, je vous en remercie vivement ;

Voila de quoi faire un super PB pour les etudiants
Bien cordialement, Bernard Ponlint

Avec Netscape

Composition d'un message

Commodités
? Destinaire
peut être un nom de liste de diusion
? Destinataires de copies
Cc: Carbon copy,
Bcc: idem mais adresses cachées au destinataire principal
? Pièces jointes (Attachments )

chiers annexés au message et envoyés avec lui
? Réponse (reply )
composition automatique de l'adresse d'envoi pour une ré-
ponse ; attention aux listes !
? À suivre (forward )
pour faire suivre un message
? Gestion des boîtes aux lettres
marquage des messages : lu, à lire, répondu, transmis, . . .

La Toile ( Web )
? Système d'information multimédia hypertextuel

accessible sur le réseau Internet
? Multimédia
système à base de chiers pouvant contenir du texte, des images,
du son, des séquences vidéos
? Hypertexte
document Web : ensemble de pages (chiers) reliées par des liens
(renvois) placés dans le texte
? Navigateur (browser, butineur, . . . )
permet l'achage de pages Web en gèrant les diérents media et les
liens ; il peut s'aider d'assistants (helpers, plug-ins ) pour le traite-
ment de données particulières
? Quelques logiciels de navigation
Mosaïc, Netscape Navigator, Internet Explorer, Lynx, Amaya, . . .

L'université, http://www.univ-mlv.fr/

Navigation sur la Toile
? Lien (externe) : entre une portion de texte et l'adresse d'une page

? Chargement d'une page (lien entre CLIC et l'adresse x)
navigateur
CLIC envoi de x -
serveur
Web
chargement de la
page d'adresse x
? Adresses : URL, Uniform Resource Location

http://www.univ-mlv.fr/
http://www-igm.univ-mlv.fr/mac/index.html
? Page personnelle (home page )
racine de site personnel : chier nom/WWW/index.html
? Serveur local (proxy )
pour accélérer le chargement de pages souvent consultées

Protocoles de la Toile
Les navigateurs sur la Toile permettent souvent d'accéder aux

autres services d'Internet avec une indication de protocole
Protocole Type de ressource

http:// page hypertexte (en HTML)
ftp:// transfert de chiers
mailto: courrier éléctronique
news: serveur de nouvelles du réseau Usenet
gopher:// serveur de type gopher
wais:// serveur de de type wais
le:// chier local

Commodités
? Mémorisation de pages
pour consultation ultérieure
? Visualisation de la source en HTML
donne des exemples de pages
? Signets (bookmarks )
mémorisation d'adresses
? Arrêt du chargement des images
pour accélérer les chargements de pages
? Gestion d'un cache mémoire
mémorisation automatique de pages consultées
an d'éviter leur chargement ultérieur

Recherche d'informations
? Index sur site

exemple : gestion automatique de listes d'utilisateurs possé-
dant une page personnelle
? Robot
programme d'indexation des informations accessibles sur la
Toile ; permet des recherches ecaces
? Exemples
Altavista, Yahoo!, Lycos, WebCrawler, . . .
accessibles au moyen des navigateurs
? Autres ressources documentaires :
serveurs gopher, informations dans bases de données
serveurs wais, informations bibliographiques
protocoles sur la Toile : gopher:// et wais://

Recherche documentaire

Un robot

... et sa réponse

Un robot français

Présentation hypertexte
? Hypertexte
document Web : ensemble de pages (chiers) reliées par des liens
(renvois) cliquables placés dans le texte
? Navigateur
interprète d'un langage de présentation de documents hypertextes ;
gestion des médias et des liens
? Langages de présentation
SGML ( Standard General Markup Language ), TeX et LaTeX (textes
scientiques), PostScript (langage d'imprimantes laser), RTF (Rich
Text Format ), . . .
? Langages de présentation hypertextuelle
SGML, HTML (version simpliée de SGML), XHTML, XML (en
cours de dénition)
structures logiques ; liens internes, externes ou exécutables

Édition HTML
? Stockage des chiers

chiers de noms généralement suxés par .html ou .htm
arborescence de racine nom/WWW/index.html pour les rendre ac-
cessibles sur la Toile
? Édition, visualisation
À l'aide d'un traitement de texte spécialisé
problème des versions de HTML
À l'aide d'un éditeur de texte
Achage par navigateur (open le de Netscape, par exemple)
? Traducteurs
Génération de pages HTML au moyen de convertisseurs de formats
(latex2html et rtf2html)
problème de puissance d'expression des langages

Source, aspect
<HTML>
<HEAD><TITLE>Wysiwyg</TITLE></HEAD>
<BODY>
Un traitement de texte <B>WYSIWYG</B> (<I><B>W</B>hat <B>Y</B>ou
<B>S</B>ee <B>I</B>s <B>W</B>hat <B>Y</B>ou <B>G</B>et</I>)
est un traitement de texte où vous voyez sur l'écran
la page <TT>telle qu'elle sera <U>imprimée.</U></TT>
</BODY>
</HTML>

Langage HTML
? Langage à base de balises de présentation qui codent la
structure logique du texte ; l'aspect réel du texte dépend

du navigateur utilisé pour le visualiser et de sa conguration
? Balises
Marqueurs
pour des spécications simples
Conteneurs
parenthésage de la forme < X > y < =X > ;
spécication X portant sur la portion de texte y
Attributs des conteneurs

informations supplémentaires pour le traitement de y ;
de la forme < X A1 = a A2 = b : : : > y < =X >
minuscules/majuscules indiérentes pour les balises

Généralités
? Structure minimale
balises de base : <HTML>, <HEAD>, <TITLE>, <BODY>
? Options
possibilité d'indiquer une adresse avec <ADDRESS>
 invisible à l'achage
? Accents
lettre accentuée = & lettre accent ; (déjà = déjà)
lettre codage nom lettre codage nom
é é accent aigu æ æ ligature
è è accent grave ñ ñ tilde
ê ê circonexe Å Å rond
ë ë tréma Ø Ø barré
ç ç cédille & & esperluète
< < inférieur > > supérieur

Divisions
? Division <DIV>...</DIV>
ALIGN, attribut de position, de valeur LEFT,
RIGHT ou CENTER
? Paragraphe <P>...</P>
idem pour un seul paragraphe
? Titres (headers )
<H1>Titre de niveau 1</H1>
idem pour <H2>, <H3>, <H4>, <H5>, <H6>
? Saut de ligne (break ) <BR>

marqueur, pas de </BR>
? Trait (rule ) <HR>

marqueur, pas de </HR>

Exemple
<HTML>
<HEAD>
<TITLE>Katie</TITLE>
</HEAD>
<BODY>
<H1><P ALIGN=CENTER>
Ta Katie t'a quitté
</P></H1>
Ce soir au bar<BR>
De la gare<BR>
Igor hagard est noir<BR>
Il n'arrêt' guer' de boir'<BR>
...
<H3><P ALIGN=RIGHT>
Paroles et musique de Boby Lapointe
</P></H3>
</BODY>
</HTML>

Listes descriptives
? Syntaxe
<DL>
<DT>titre de l'item<DD>texte de l'item
...
</DL>
? Titres : pas de gestion automatique du style des
titres d'item ; pour les mettre en gras :
<DL>
<DT><B>titre de l'item</B><DD>texte de l'item
...
</DL>

Exemple
<HTML>
<HEAD>
<TITLE>Liste <DL></TITLE>
</HEAD>
<BODY>
<H2>Glossaire</H2>
<DL>
<DT>ASCII
<DD>Codage des caractères
<DT>EPS
<DD>Format des fichiers PostScript
<DT>POLICE
<DD>Assortiment de styles que possède
une catégorie de caractère
(gras, italique, etc.)
</DL>
<H3><P ALIGN=RIGHT>
Exemple de liste descriptive
</P></H3>
</BODY>
</HTML>

Listes ordinaires
? Liste non numérotée (unordered list )

<UL>
<LI>item
...
</UL>
? Liste numérotée (ordered list )

<OL>
<LI>item
...
</OL>

Exemple
<HTML>
<HEAD>
<TITLE>Liste <UL></TITLE>
</HEAD>
<BODY>
Différents types de fichiers :

<UL>
<LI> fichiers HTML ;
<LI> fichiers images ;
<LI> fichiers sons ;
<LI> fichiers films ;
<LI> fichiers binaires.
</UL>
<H3><P ALIGN=RIGHT>
Exemple de liste non numérotée
</P></H3>
</BODY>
</HTML>

Exemple
<HTML>
<HEAD>
<TITLE>Liste <OL></TITLE>
</HEAD>
<BODY>
Plan du cours
</P></H1>
<OL>
<LI> Système et réseau ;
<LI> Services de l'<I>Internet</I> ;
<LI> Langage HTML.
</OL>
<H3><P ALIGN=RIGHT>
Exemple de liste numérotée
</P></H3>
</BODY>
</HTML>

Styles physiques
? Gras (boldface )
<B>en gras</B>
? Italique
<I>italique</I>
? Souligné (underlined )
<U>souligné</U>
? Type machine à écrire (teletype )

<TT>teletype</TT>
? Texte barré
<STRIKE>barré</STRIKE>
? Peuvent ne pas être eectifs avec
certains navigateurs

Styles logiques
? Citation, mot étranger (souvent en italique)

<CITE>citation</CITE>, <EM>word</EM>
? Mise en valeur
<STRONG>important</STRONG>
? Programme, clavier, exemple (parfois en teletype)

<CODE>programme</CODE>, <KBD>clavier</KBD>,
<SAMP>exemple</SAMP>
? Dénition (parfois en italique)

<DFN>définition</DFN>
? Variable (italique)
<VAR>variable</VAR>

Styles de paragraphes
? Citation
<BLOCKQUOTE>texte cit\é</BLOCKQUOTE>
? Adresse
<ADDRESS>adresse, signature</ADDRESS>
? Verbatim (preformated )
texte source HTML aché sans traitement ; permet la
présentation simple de tableaux, . . .
<PRE>verbatim</PRE>

Exemple
<HTML>
<HEAD>
<TITLE>Verbatim</TITLE>
</HEAD>
<BODY>
<H2> Tableau en texte préformaté
(<PRE>)
</H2>
<PRE>
+----------+----------+----------+
DEUG Sci | Anne | Luc | Lou |
+----------+----------+----------+----------+
| Maths | 17 | 9 | 13 |
| Info | 15 | 13 | 18 |
| Physique | 11 | 14 | 8 |
+----------+----------+----------+----------+
</PRE>
</BODY>
</HTML>

Liens
Les liens réalisent une structure d'hypertexte
? Ancre : indication de l'origine ou de la cible du lien
ancre de départ : texte cliquable dans la fenêtre du nav-
igateur ; apparaît souvent souligné ou en couleur
ancre d' arrivée : début de page ou portion de texte au
sein du même chier
? Dénition (balise A d'attributs REF ou NAME)

ancre de départ :
<A HREF="url_destination">texte cliquable</A>
<A HREF="#etiquette">texte cliquable</A>
ancre d' arrivée :
<A NAME="etiquette">texte cible</A>

Exemple de liens
<HTML>
<HEAD>
<TITLE>DEUG Sciences M1 Info</TITLE>
</HEAD>
<BODY>
Résumé du cours de
<A HREF="http://diva.univ-mlv.fr/~mac/"> M1 </A>
</P></H2>
<OL>
<LI> <A HREF="#systeme">Système</A> ;
<LI> <A HREF="#internet">Internet</A> ;
<LI> <A HREF="#html">HTML</A>.
</OL>
<H3> <A NAME="systeme"> Système </A> </H3>

Unix et réseaux ...
<H3> <A name="internet"> Internet </A> </H3>

Navigation sur la Toile ...
<H3> <A name="html"> HTML </A> </H3>

Description du langage ...
</BODY>
</HTML>

Adressage au sein d'un serveur
? Serveur www.univ.fr
Catalogues alpha, beta, gamma
Fichers A, B, C, D www.univ-mlv.fr
? Adresse absolue de B alpha

http://www.univ.fr/alpha/B C B
? Dans le chier B on peut référencer
@@
@
@@ béta
C par C @
D par beta/gamma/D A
? Dans le chier A on peut référencer
D par gamma/D
gamma

C par ../C D
? Dans le chier D on peut référencer
C par ../../C
Images
? Image numérisée, stockée dans un chier
? Format d'image compatible avec le navigateur
formats de base :
Graphics Interchange Format )

GIF (
JPEG (Joint Photographers Experts Group )
? Marqueur IMG d'attribut SRC (source)

<IMG SRC="url_du_fichier_image">
? Possibilité d'alignements, d'inclusion, de dimensionnement,
d'encadrement dans des textes avec les attributs :
ALIGN, HSPACE, VSPACE, WIDTH, HEIGHT, BORDER

Image en ligne
<HTML>
<HEAD>
<TITLE>Image en ligne</TITLE>
</HEAD>
<BODY>
<H2>Image en ligne</H2>
<H4>Vénus <IMG SRC="VENUS.GIF">

sortant du bain <I>(détail)</I>,
Botticelli</H4>
</BODY>
</HTML>

Alignements d'images
<HTML>
<HEAD>
<TITLE>Alignements d'images</TITLE>
</HEAD>
<BODY>
<H3> Trois
<IMG SRC="VNUS3.GIF" ALIGN=TOP> types
<IMG SRC="VNUS3.GIF" ALIGN=MIDDLE> d'alignements
<IMG SRC="VNUS3.GIF" ALIGN=BOTTOM> en ligne.
</H3>
</BODY>
</HTML>

Image en texte
<HTML>
<HEAD>
<TITLE>Image en texte</TITLE>
</HEAD>
<BODY>
<H3>Image réduite, alignée et encadrée
</H3>
<IMG SRC="VNUS.GIF" ALIGN=RIGHT

HSPACE=20 VSPACE=0 WIDTH=70 HEIGHT=80 BORDER=7>
Quocumque me certi, argumenta senectius meae video.
Veneram admotus ? Foras enim spectat. Unde istunc
nactus es ? Quid te delectavit alienum mortuum tollere ?
<H3>Image originale</H3>
<IMG SRC="VNUS.GIF">
</BODY>
</HTML>

Image lien
<HTML>
<HEAD>
<TITLE>Image lien</TITLE>
</HEAD>
<BODY>
Vue agrandie du tableau <I>(format JPEG)</I>
en cliquant sur l'imagette
<P>
<A HREF="MINIVNUS.JPG"><IMG SRC="MINIVNUS.GIF"></A>
<P>
ou en <A HREF="MINIVNUS.JPG">cliquant ici</A>
<P><HR>
</BODY>
</HTML>

Images cliquables
(0,0) (120,0)
Pour associer des adresses à des zones d'une image -
x
? Système de coordonnées . . . . . . . . . . . . . . . . . . . . . . .
? Formes de zones (area shape)
RECT, POLY, CIRCL dénies
(0,100)
(120,100)
par les points adéquats
?y
? Image cliquable . . .
<IMG SRC="fichier_image" USEMAP="#etiquette">
? . . . et sa carte
<MAP NAME= "etiquette">
<AREA SHAPE="RECT" HREF="adresse" COORDS=x1,y1,x2,y2>
<AREA SHAPE="POLY" HREF="adresse" COORDS=x1,y1,x2,y2,...>
<AREA SHAPE="CIRCL" HREF="adresse" COORDS=x1,y1,x2,y2>
</MAP>

Exemple d'image cliquable
<HTML>
<HEAD>
<TITLE>Image cliquable (<MAP>)</TITLE>
</HEAD>
<BODY>
<P ALIGN=center>
Image contenant deux zones cliquables
<BR><BR>
<IMG SRC="CERNCSA.GIF" USEMAP="#boutons">
<MAP NAME="boutons">
<AREA SHAPE="RECT" HREF="http://www.cern.ch"
COORDS=0,0,56,56>
<AREA SHAPE="RECT" HREF="http://www.ncsa.uiuc.edu"
COORDS=56,0,113,56>
</MAP>
<BR><BR>
pour accéder
au <A HREF="http://www.cern.ch">CERN</A> ou
au <A HREF="http://www.ncsa.uiuc.edu">NCSA</A>.
</P><HR>
</BODY>
</HTML>

Tableaux
Tableaux de cellules de contenus variés (nombres, textes, listes, liens,
images, . . . ) ; composition automatique ligne par ligne
? Conteneur <TABLE>...</TABLE> d'attributs

BORDER, largeur du cadre extérieur
CELLSPACING, largeur des lignes de séparation entre cellules
CELLPADDING, largeur de l'espace autour du contenu des cellules
WIDTH, largeur totale
? Composition d'une ligne : <TR>...</TR> (table row ) d'attributs
ALIGN de valeur LEFT, CENTER, RIGHT
VALIGN de valeur TOP, MIDDLE, BOTTOM
? Composition d'une cellule : <TD>...</TD> ( table data )
d'attributs
ALIGN, VALIGN, ROWSPAN, COLSPAN

balise <TH>...</TH> : idem avec centrage et gras automatiques
? Titre : <CAPTION>...</CAPTION>

Exemple de tableau
<HTML>
<HEAD>
<TITLE>Résultats</TITLE>
</HEAD>
<BODY>
<TABLE BORDER=5 CELLSPACING=0.5 CELLPADDING=10>
<CAPTION ALIGN="BOTTOM">
<B>Résultats</B>
</CAPTION>
<TR ALIGN="CENTER">
<TH> DEUG Sci <TD> Anne <TD> Luc <TD> Lou
</TR>
<TR ALIGN="CENTER">
<TD ALIGN="LEFT"> Maths <TD> 17 <TD> 9 <TD> 13
</TR>
<TR ALIGN="CENTER">
<TD ALIGN="LEFT"> Info <TD> 15 <TD> 13 <TD> 18
</TR>
<TR ALIGN="CENTER">
<TD ALIGN="LEFT"> Physique <TD> 11 <TD> 14 <TD> Absente
</TR>
</TABLE>
</BODY>
</HTML>

Couleurs et fonds
? Attributs de <BODY>
pour les couleurs : BGCOLOR, TEXT, LINK, ALINK, VLINK
pour le fond : BACKGROUND
? Exemple
<BODY BGCOLOR="#000000" TEXT="#0000ff"
LINK="#ff0000" ALINK="#ffff00" VLINK="#00ff00"
BACKGROUND="VNUSBW.GIF">
? Codage des couleurs (RVB ou RGB )

synthèse additive en Rouge, Vert, Bleu : rrvvbb en hexadécimal
000000 = noir, FF0000 = rouge d'intensité maximum
00FF00 = vert d'intensité maximum, FFFF00 = jaune

Exemple en couleur
<HTML><HEAD><TITLE>DEUG S1 couleurs</TITLE>
</HEAD>
<BODY BGCOLOR="#000033">
<DIV ALIGN=CENTER>
<TABLE CELLPADDING="15" CELLSPACING="0" BORDER="0">
<TR><TD BGCOLOR="#FFFF00" HEIGHT="100" WIDTH="250" ALIGN=RIGHT VALIGN=BOTTOM>
<H1><FONT COLOR="##FF0000"> D E U G </FONT></H1>
</TD><TD BGCOLOR="#FF0000" HEIGHT="100" WIDTH="250" ALIGN=LEFT VALIGN=BOTTOM>
<H1><FONT COLOR="#FFFF00"> S c i e n c e s </FONT></H1>
</TD></TR>
<TR><TD BGCOLOR="#0000FF" HEIGHT="100" WIDTH="250" ALIGN=RIGHT VALIGN=TOP>
<H1><FONT COLOR="#FFFF00"> S 1 </FONT></H1>
</TD><TD BGCOLOR="#00CC33" HEIGHT="100" WIDTH="250" ALIGN=LEFT VALIGN=TOP>
<H1><FONT COLOR="#FFFF00">Informatique</FONT></H1>
</TD></TR></TABLE>
</DIV>
</BODY></HTML>

Zones (frames )
Partage de la fenêtre en zones ou cadres ; leur contenu est extérieur,
déni par des adresses de documents
Le document HTML ne contient que les indications de partage
? Conteneur <FRAMESET>...</FRAMESET>
à la place de <BODY> ; attributs COLS (découpage vertical) ou ROWS
(découpage horizontal)
? Balises du document
<FRAME>
attributs SRC, MARGINWIDTH, MARGINHEIGHT
le contenu peut être découpé au moyen de <FRAMESET>
<NOFRAMES>
contenu = message pour un navigateur n'acceptant pas de zone

Exemple de découpage en zones
<HTML>
<HEAD>
<TITLE>Zones</TITLE>
</HEAD>
<FRAMESET COLS="30%,*">
<FRAME SRC="MINIVNUS.GIF">
<FRAME SRC="ListeOL.html">
<NOFRAMES>
Affichage impossible
avec ce navigateur
</NOFRAMES>
</FRAMESET>
</HTML>

Formulaires
? Principe
transmission de données du navigateur vers le
serveur Web pour traitement par un programme du
serveur
? Applications
intérrogation de bases de données
identication pour accès à des services
commerce électronique (saisie de commande et de
moyen de paiement)
traitement d'informations personnelles
achage de données variables (heure, etc.)

Mécanisme
? Lien simple
lien entre CLIC et l'adresse de page x
navigateur serveur Web
CLIC
x, addresse de page
-

page d'adresse x
? Lien exécutable
lien entre ENVOYER et l'adresse de programme x
navigateur serveur Web

x, addresse de pro-
-
ENVOYER
gramme, + arguments Action du
programme sur
page composée
les arguments
par le programme

Exemple de formulaire
<HTML>
<HEAD>
<TITLE>Formulaire</TITLE>
</HEAD>
<BODY><B>
<FORM METHOD="post" ACTION="/cgi-bin/form1">
<P><I>Entrez votre nom</I> :
<INPUT NAME="nom">
<P><I>Quel(s) micro-ordinateur(s) utilisez vous</I> ?
<OL>
<LI><INPUT TYPE="CHECKBOX" NAME="micro" VALUE="ux"> Station Unix
<LI><INPUT TYPE="CHECKBOX" NAME="micro" VALUE="pc"> PC
<LI><INPUT TYPE="CHECKBOX" NAME="micro" VALUE="mac"> Macintosh
</OL>
<P><I>Média de distribution</I>
<INPUT TYPE="radio" NAME="media" VALUE="cd"> CD-ROM
<INPUT TYPE="radio" NAME="media" VALUE="dk"> Disquette
<P>
<INPUT TYPE="submit" VALUE="Envoyer">
<INPUT TYPE="reset" VALUE="Annuler">
</FORM>
</B></BODY>
</HTML>

Dénition de formulaire
? Conteneur <FORM>...</FORM>
contient les balises pour les cases de saisie, à cocher, . . .
attribut ACTION : adresse du programme sur le serveur

attribut METHOD = GET ou POST, indique la méthode de transmission
des arguments
? Balises de formulaire
<INPUT> pour saisies diverses ; attribut TYPE = SUBMIT, RESET,
CHECKBOX, RADIO, PASSWORD ou HIDDEN
<SELECT> et <OPTION> pour choix dans une liste à menu
déroulant ou ascenseur ; attributs SIZE, MULTIPLE

<TEXTAREA> pour saisie dans une fenêtre à ascenseurs
attributs ROWS, COLS
Attributs communs
NAME nom de variable pour le programme

VALUE texte aché ou valeur d'option

Programmation
? Programmes ou scripts CGI (Common Gateway Interface )

pour la construction à la demande de pages en HTML
réalisent les liens exécutables ; traitement des formulaires
? Langages utilisés
tout langage apte à la production et manipulation du texte
shells d'Unix, C, Perl, Tcl, Java, . . .
? Stockage
dans un catalogue cgi ou cgi-bin du serveur Web
? Programmes internes
en Java, JavaScript, ActiveX
utilisent les ressources du navigateur

Délement de texte
<HTML><HEAD><TITLE>DEUG S1 défile</TITLE>
<SCRIPT LANGUAGE="JavaScript">
var mot="D E U G - S1 ~~~~ D E U G - S1 ~~~~ ";
var espace=" "; var pos=0;
function defile() {
document.form2.mot2.value=mot.substring(pos,mot.length)+mot.substring(0,pos);
pos++;
if(pos>mot.length) pos=0;
window.setTimeout("defile()",400)
}
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#000033" ONLOAD="defile()">
<DIV ALIGN=CENTER>
<TABLE CELLPADDING="30"><TR><TD BGCOLOR="#FFFF00">
<FORM NAME="form2">
<INPUT TYPE="TEXT" NAME="mot2" SIZE=30>
</FORM>
</TD></TR></TABLE>
</DIV>
</BODY></HTML>

Dégradé de couleurs
<HTML><HEAD><TITLE>DEUG S1 dégradé</TITLE>
// définition de Degrade()
...
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#000033">
<DIV ALIGN=CENTER><H1>
<SCRIPT LANGUAGE = "JavaScript">
Degrade(255,255,0,0,255,255,"D E U G Sciences S1 Informatique");
</SCRIPT>
<BR>
</SCRIPT>
<BR>
</SCRIPT>
<BR>
</SCRIPT>
</DIV></H1>
</BODY></HTML>

Le script
// définition de Degrade()
var hexa = "0123465789ABCDEF";
function DecToHexa(DecNb) {
x = Math.floor(DecNb / 16); h = hexa.charAt(x);
x = DecNb % 16; h += hexa.charAt(x);
return h;
}
function Degrade(dr,dv,db,fr,fv,fb,texte) {
steps = texte.length;
cr = dr; sr = (fr - dr) / steps;
cv = dv; sv = (fv - dv) / steps;
cb = db; sb = (fb - db) / steps;
for (var x = 0; x <= steps; x++) {
document.write('<FONT COLOR="#' + DecToHexa(cr) + DecToHexa(cv) + DecToHexa(cb) + '">');
document.write(texte.charAt(x));
document.write('</FONT>');
cr += sr; cv += sv; cb += sb;
}
}
</SCRIPT>

Sécurité
? Pirates ou casseurs
hackers or crackers
? Protection juridique
en France : loi Godfrain en vigueur depuis 1994
délit d'intrusion
délit d'entrave
délit de piratage
? Identication
? Chirement
pour le codage secret de données sensibles transitant
sur le réseau
règlementation française en cours d'évolution
exemple : PGP ( http://www.ifi.uio.no/pgp/)

La suite . . .
? HTML
évolution vers XHTML et XML
? Pages exécutables
utilisation de programmes dans les pages en HTML :
langages Java, JavaScript, ActiveX, . . .

? Nécessité de savoir programmer !
? Intégration dans les systèmes
? Robot plus sélectifs
? Autres services
téléphone, vidéophone, push, . . .

Cours D&#39;Informatique

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Cours D&#39;Informatique

Uploaded by

Copyright:

Available Formats

DEUG Sciences S1 Informatique

? Ordinateurs et réseau .................... 3

DEUG Sciences S1 Informatique 24/9/1999 2 M.C.

? Internet par M. Dreyfus chez Simon & Schuster Macmillan,

DEUG Sciences S1 Informatique 24/9/1999 3 M.C.

DEUG Sciences S1 Informatique 24/9/1999 4 M.C.

DEUG Sciences S1 Informatique 24/9/1999 5 M.C.

? Traitement symbolique de l'information :

? Modèle de von Neumann :

DEUG Sciences S1 Informatique 24/9/1999 6 M.C.

Unités de mesure du volume

bit unité de base 0 ou 1 (binary digit)

DEUG Sciences S1 Informatique 24/9/1999 7 M.C.

DEUG Sciences S1 Informatique 24/9/1999 8 M.C.

? Relation de type client/serveur

DEUG Sciences S1 Informatique 24/9/1999 9 M.C.

DEUG Sciences S1 Informatique 24/9/1999 10 M.C.

? Arborescence des chiers : catalogues et chiers (directories and les )

DEUG Sciences S1 Informatique 24/9/1999 11 M.C.

? Gestion des chiers (commandes du shell)

DEUG Sciences S1 Informatique 24/9/1999 12 M.C.

DEUG Sciences S1 Informatique 24/9/1999 13 M.C.

? Chaque utilisateur appartient à un groupe

-rwxr-xr-x 1 mac ens 29 Sep 17 16:18 salut

? root a tous les droits !

? Changement des protections avec chmod

DEUG Sciences S1 Informatique 24/9/1999 14 M.C.

+ List all manual entries whose one-line description contains any of

+ Display or print one-line descriptions of entries specified by name.

+ Search on-line manual directories by entry name and display or

+ Search a specified on-line manual section (directory) and display

DEUG Sciences S1 Informatique 24/9/1999 15 M.C.

prints file on the default standard output device;

cat file1 file2 > file3

concatenates file1 and file2, and places the result in file3.

If - is appears as a file argument, cat uses standard input. To

DEUG Sciences S1 Informatique 24/9/1999 16 M.C.

DEUG Sciences S1 Informatique 24/9/1999 17 M.C.

diva : ~/bin > ls

diva : ~/bin > ll

diva : ~/bin > cat salut

diva : ~/bin > salut

diva : ~/bin > cat > courage

diva : ~/bin > cat salut courage

diva : ~/bin > cat salut courage > message

diva : ~/bin > cat message

DEUG Sciences S1 Informatique 24/9/1999 18 M.C.

diva : ~/bin > mail -s Salut mac < message

diva : ~/bin > mail

echo 'Bonjour tout le monde'

DEUG Sciences S1 Informatique 24/9/1999 19 M.C.

diva : ~/bin > message | mail -s Salut-bis mac

diva : ~/bin > mail

Bonjour tout le monde

DEUG Sciences S1 Informatique 24/9/1999 20 M.C.

diva : ~/bin > rm message

diva : ~/bin > ls

diva : ~/bin > cd

diva : ~ > mkdir Web

diva : ~ > mv IntGfx.html Web

diva : ~ > ls -F Web

DEUG Sciences S1 Informatique 24/9/1999 21 M.C.

diva : ~ > ls -F Web

diva : ~ > rmdir Web

Cours D'Informatique

Cours D'Informatique

? Arborescence des chiers : catalogues et chiers (directories and les )

? Gestion des chiers (commandes du shell)

Record 1999 : 400 Gbit/s sur 1000 km de bre optique