CHAP. 1
INTRODUCTION
A. DÉFINITION

         Avant tout, il vous faudra mettre en tête que INTERNET est un réseau. Mais à la différence de plusieurs autres il regroupe une multitude de micro réseaux d'où le nom de "réseau des réseaux".

Réseau : Un réseau est un ensemble d'ordinateurs inter-connectés. Et cette interconnexion est assurée par un appareil appelé HUB. Le but d'un réseau est de pouvoir partager des informations sans pour autant trop nous déplacer. Et tel est aussi le cas pour notre réseau internet. Nous y partageons nos informations sans faire des long déplacement ex. e-mail, commerce, publicité, cours, conversation, débat, discussion, forum, ...

B. ACCESSION AU RÉSEAU INTERNET

Pour accéder au réseau Internet, il nous faut certains matériels. Entre autres : Antenne, Modem, ordinateur, un navigateur... Ici nous serons plus intéressés au programme ( Navigateur ). Le navigateur est un programme qui nous aide à déchiffrer les sites web du faite qu'ils nous arrivent étant codés ( html, Java,... ) car ils sont difficilement déchiffrables.
Ex de code :


 
<html><head><META HTTP-EQUIV="content-type" CONTENT="text/html; charset=ISO-8859-1"><title>Google</title><style><!--
body,td,a,p,.h{font-family:arial,sans-serif;} .h{font-size: 20px;} .h{color:} .q{text-decoration:none; color:#0000cc;}
//--></style>
<script>
<!--
function sf(){document.f.q.focus();}
function e(x){x =escape(x).replace(/\+/g,"%2b");return x;}
function c(p){if(document.f.q.value.length)location.href=p+'&q='+e(document.f.q.value);else location.href=p; return false;}
// -->
</script>
</head><body bgcolor=#ffffff text=#000000 link=#0000cc vlink=#551a8b alink=#ff0000 onLoad=sf()><center><table cellpadding=0 cellspacing=0 border=0><tr><td align=right valign=bottom><img src=images/hp0.gif width=158 height=78 alt="Google"></td><td valign=bottom><img src=images/hp1.gif width=50 height=78 alt=""></td><td valign=bottom><img src=images/hp2.gif width=68 height=78 alt=""></td></tr><tr><td class=h align=right valign=top><b></b></td><td valign=top><img src=images/hp3.gif width=50 height=32 alt=""></td><td valign=top class=h><font color=#6f6f6f style=font-size:16px><b>Rep. Dem. du Congo</b></font></td></tr></table><br><table border=0 cellspacing=0 cellpadding=0><tr><td width=15>&nbsp;</td><td id=0 bgcolor=#3366cc align=center width=120 nowrap><font color=#ffffff size=-1><b>Web</b></font></td><td width=15>&nbsp;</td><td id=1 bgcolor=#efefef align=center width=120 nowrap onClick="return c('/imghp?hl=fr');" style=cursor:hand;><a id=1a class=q href="/imghp?hl=fr" onClick="return c('/imghp?hl=fr');"><font size=-1>Images</font></a></td><td width=15>&nbsp;</td><td id=2 bgcolor=#efefef align=center width=120 nowrap onClick="return c('/grphp?hl=fr');" style=cursor:hand;><a id=2a class=q href="/grphp?hl=fr" onClick="return c('/grphp?hl=fr');"><font size=-1>Groupes</font></a></td><td width=15>&nbsp;</td><td id=3 bgcolor=#efefef align=center width=120 nowrap onClick="return c('/dirhp?hl=fr');" style=cursor:hand;><a id=3a class=q href="/dirhp?hl=fr" onClick="return c('/dirhp?hl=fr');"><font size=-1>Répertoire</font></a></td><td width=15>&nbsp;</td></tr><tr><td colspan=10 bgcolor=#3366cc><img width=1 height=1 alt=""></td></tr></table><br><form action="/search" name=f><table cellspacing=0 cellpadding=0><tr valign=middle><td width=75>&nbsp;</td><td align=center><input maxLength=256 size=55 name=q value="">
<script>
document.f.q.focus();
</script>
<input name=hl type=hidden value=fr><br><input type=submit value="Recherche Google" name=btnG><input type=submit value="J'ai de la chance" name=btnI></td><td valign=top nowrap><font size=-2>&nbsp;&#149;&nbsp;<a href=/advanced_search?hl=fr>Recherche avancée</a><br>&nbsp;&#149;&nbsp;<a href=/preferences?hl=fr>Préférences</a><br>&nbsp;&#149;&nbsp;<a href=/language_tools?hl=fr>Outils linguistiques</a></font></td></tr><tr><td colspan=3 align=center><font size=-1><input type=radio name=lr value="" checked>Rechercher sur le Web<input type=radio name=lr value=lang_fr >Rechercher les pages de la catégorie Français</font></td></tr></table></form><p><font size=-1><p></font><br><p><font size=-1><p></font><br><br><font size=-1><a href=/intl/fr/help.html>Conseils de recherche</a> - <a href=/intl/fr/ads/>Publicité</a> - <a href=http://toolbar.google.com/intl/fr/>Google Toolbar</a> - <a href=/intl/fr/about.html>À propos de Google</a> - <a href=http://www.google.com/en>Google in English</a><span id=hp style="behavior:url(#default#homepage)"></span>
<script>
if (!hp.isHomePage('http://www.google.cd/')) {document.write("<p><a href=\"/mgyhp.html\" onClick=\"style.behavior='url(#default#homepage)';setHomePage('http://www.google.cd/');\">Google en page d'accueil</a>");}
</script></font><p><font size=-2>&copy;2002 Google</font><font size=-2> - Nombre de pages Web utilisées pour cette recherche : 2,073,418,204.</font></center></body></html>
 
Et vous verrez que tout ceci ne reprèsente que la page www.google.cd ci-dessous :


Il  existe plusieurs plusieurs navigateurs. Les plus reconnus et utilisés sont : InternetExplorer ( IE ) et le Netscape Communicator ( NN = Netscape Navigator.

B.1.Lancement du programme.

Un navigateur étant un programme, on le retrouve dans le menu démarrer/programme/inter net explorer et puis là vous cliquez dessus une fois et programme est lancé. De l'autre côté on le retrouve sur la barre d'outil avec son signe de repère e l'on clique une seule fois et le programme est lancé. le programme ce présente par une page d'accueil et se présente comme suit :
 


Les parties grises représentent les barres de tâche et l'autre l'accueil. En tout ils forment une page d'accueil du programme.

C. ETUDE D'UNE PAGE WEB

La barre des tâches est représentée par plusieurs autres sous-barre :

    • a) La barre des boutons standard

    - Le bouton suivant et précédent :
    Ce bouton a pour rôle de faire retourner ou soit de faire précéder à vos page lors de votre navigation.

    - Le bouton arrêter
    Il arrive des fois quand vous êtes entrain de faire votre navigation que vous puissiez cliquez sur des liens sans le vouloir, le fait peut-être d'un hasard. Quand vous cliquez comme ça, le navigateur lui ne saura pas que vous vous êtes trompé de lien. Il va commencer à charger la page demandée. Alors pour arrêter cette action, il faut cliquer sur le bouton arrêter

    - Le bouton actualiser
    Il arrive aussi des fois que des pages encours de chargement puissent s'interrompre soit parce que la connexion n'est pas bonne soit vous l'aviez interrompu en cliquant sur ARRÊTER.

    - Le bouton Accueil
    Cliquez sur ce bouton pour atteindre la page d’accueil (il s’agit de la première page qui s’affiche lorsque vous lancez le navigateur).

    - Bouton de Recherche
    : Cliquez sur ce bouton pour ouvrir le volet Rechercher, dans lequel vous pourrez choisir un service de recherche et naviguer sur Internet.

    - Bouton Favoris :
    Cliquez sur ce bouton pour ouvrir le volet Favoris, liste des liens vers les pages que vous visitez le plus souvent. Quand vous naviguez sur le net, il vous arrive de tomber sur des pages qui vous intéressent fortement. Et qui peut-être vous seront utiles prochainement. Au lieu que lors de votre prochaine visite vous ayez à refaire les mêmes manoeuvres que la fois passé, il vous suffit de cliquez sur favoris et cliquez sur le lien si du moins vous l'aviez enregistré. Pour enregistrer il vous suffit de cliquez sur le bouton et puis sur ajouter au favoris.

    b) Bouton barre d'adresse :

    Tapez ici les adresses de pages Web (ou URL). Une adresse Web contient principalement trois grandes parties : www.nomdudomaine.domaine
    www. : WorldWideWeb ( Large réseau mondial )
    Nomdudomaine. : Le nom du domaine n'est rien que le nom que vous donnez a votre site. Ex.: yahoo, hotmail, caramail, voila, ulaval, usher...
    Domaine : Ex.: com, org, edu, it, ca, cd, co.za, fr, ch, es, ru, uk, net, de,...

    - Barre d'etat :
    Observez le côté gauche de la barre pour suivre le processus de téléchargement de la page Web. Sur le côté droit, figure la zone de sécurité dans laquelle se trouve la page en cours. L’icône de verrou s’affiche également de ce côté pour indiquer que le site visité est sécurisé.

    D. LES LIENS SUR UNE PAGE

    Un lien dans ce cours est considéré comme étant le pont qui relie deux pages web. Il y a deux façon générale de reconnaître un lien :

    1. Par le changement du pointeur. ( Le pointeur a sa forme de base ( flèche ) mais vous verrez que sur un lien, il prend la forme d'une main
    2. Parce que les liens souvent bleuâtre et puis souligné. ( ex. Liens  )
    Il existe aussi certains qui ont la forme d'un bouton rectangulaire de couleur gris. Ce dernier nous sert souvent pour valider certaines données. On les retrouve très souvent dans des moteurs de recherche. ou dans les e-mail.

    Ex. d'un lien bouton : , 

    Note :

    Le lien est un élément de la navigation qui très importante, car nous verrons que c'est lui qui est la base de la navigation. Donc pas de lien pas de navigation sur les différentes pages du site.

    SUITE DU COURS