Vous êtes sur la page 1sur 23

MODULE 1: Architecture de Rseau

Que signifie rseau informatique :


Un rseau en gnral est le rsultat de la connexion de plusieurs machines entre elles, afin que les utilisateurs et les applications qui fonctionnent sur ces dernires puissent changer des informations et partager des ressources.

Les diffrents Types de rseau

On distingue gnralement deux types de rseaux bien diffrents : les rseaux organiss autour de serveurs (Client/Serveur) et les rseaux poste poste (peer to peer / gal gal). Ces deux types de rseau ont des capacits diffrentes. Le type de rseau installer dpend de : la taille de lentreprise, le niveau de scurit ncessaire, le type dactivit, le niveau de comptence des administrateurs, le volume du trafic sur le rseau, les besoins des utilisateurs du rseau, les possibilits financires.

Type de rseau utilis dans les CLICs


Pour justement des raisons de simplicit, de niveau de comptence des grants, des besoins trs basique dans les clics et du budget nous avons prfr installer un rseau poste poste dans les CLIC. Mais, nous avons une application Client/Serveur (Apache) qui tourne dans cet environnement.

Les diffrentes Topologies de rseau Cblage en maille

Selon la faon dont les ordinateurs sont reli entre eux ont distingue quatre grands types de rseaux :

Chaque machine est relie toutes les autres par un cble. Ce type de cblage n'est plus utilis car il ncessite beaucoup de cbles. Avec n machines il faut : n (n -1) /2 cbles.

Cblage en bus
Chaque machine est relie un cble appel bus. Une topologie en bus est l'organisation la plus simple d'un rseau. Elle est facile mettre en oeuvre et faire fonctionner. Par contre elle est extrmement vulnrable tant donn que si l'une des connexions est dfectueuse, c'est l'ensemble du rseau qui est affect.

Cblage en anneau

Chaque machine est relie une autre de faon former un anneau. Dans un rseau en topologie en anneau, les ordinateurs communiquent chacun leur tour, on a donc une boucle d'ordinateurs sur laquelle chacun va "avoir la parole" successivement. Maintenant, les ordinateurs d'un rseau en anneau ne sont plus relis en boucle, mais sont relis un rpartiteur comme un rseau en Etoile.

Centre Local d'Infomation et de Communication Troisime Formation Rgionale

P 1 / 23 Timoth KEITA & Mohamed Ag Acharom

Cblage en toile
Chaque machine est relie un lment central appel Hub(Concentrateur). Il s'agit d'une bote comprenant un certain nombre de jonctions auxquelles on peut connecter les cbles en provenance des ordinateurs. Celui-ci a pour rle d'assurer la communication entre les diffrentes jonctions. Contrairement aux rseaux bus, les rseaux en toile sont beaucoup moins vulnrables car on peut aisment dbrancher une machine du concentrateur sans pour autant paralyser le reste du rseau. En revanche un rseau topologie en toile est plus onreux qu'un rseau topologie en bus car un matriel supplmentaire est ncessaire (le hub).

Architecture Utilise dans les CLICs


Dans les CLIC nous avons choisi le rseau en toile pour plusieurs raisons : . Robustesse (le rseau continue de fonctionner mme si une machine tombe en panne ou est dbranche) . Facilit dadministration (les grants ne sont pas des informaticiens capables de dpanner le rseau) . Budget rduit (les CLIC ne peuvent entretenir du matriel coteux comme ceux des anneaux) . Uniformit (au Mali pratiquement tous les informaticiens ont une assez bonne connaissance des rseaux en toile ce qui permettra au CLIC de se faire dpanner par nimporte quel informaticien fusse-t-il dun niveau bas)

Les protocoles rseaux :

Un protocole est un ensemble de rgles qui rgissent les communications entre les machines dans un rseau. Il existe nos jours un nombre impressionnant de protocoles rseau et il nest pas toujours ais pour un non spcialiste de sy retrouver. Deux ensembles de protocoles sont trs usits : Le protocole Netbios de Microsoft (seulement utilis en interne) et le protocole TCP/IP qui est utilis sur internet (trs robuste et trs efficace, il est dots de toutes les fonctionnalits de scurit et de protection).

LAdressage IP
Lorsque le rseau est reli Internet ou si jamais celui-ci est grand, il faudra utiliser le protocole TCP/IP qui est le protocole utilis sur Internet. Ce protocole utilise un systme d'identification unique pour chaque ordinateur, appeles adresses IP, pour reprer un ordinateur sur le rseau. Ces adresses sont notes sous la forme xxx.xxx.xxx.xxx o chaque xxx reprsente un nombre de 0 255 (pouvant tre donn en binaire, octal, dcimal ou hexadcimal). Sur Internet, chaque ordinateur doit avoir sa propre adresse, il existe donc un organisme, l'INTERNIC, qui est charg d'allouer des adresses IP aux ordinateurs qui sont connects sur Internet. Une adresse IP est compose de deux champs : l'adresse rseau et l'adresse machine. L'adresse rseau est place sur les bits de poids forts (bits de gauche), alors que l'adresse de machine est calcule sur les bits de poids faible (bits de droite). Il existe plusieurs classes dadresses. On parle des classes A, B, C, D et E. Elles sont diffrencies par les bits de poids forts qui les compose. A 0000 Identifiant du rseau Identifiant de la machine B 1000 Identifiant du rseau Identifiant de la machine C 1100 Identifiant du rseau Identifiant de la machine D 1110 Identifiant du rseau Identifiant de la machine E 1111 Non utilis Non utilis Une adresse IP est toujours de la forme W.X.Y.Z. Dans le cas dune classe A, on peut librement fixer les valeurs X, Y et Z. On pourra donc installer thoriquement 16 777 214 machines dans un seul rseau de cette classe. Pour une classe B on peut fixer librement les valeurs de Y et Z. On pourra alors installer 65 534 machines. Pour une classe C on peut librement fixer la valeur de Z uniquement. On pourra donc installer 254 machines. On dispose donc en thorie des plages dadresses suivantes : A : 0.0.0.0 127.255.255.255 B : 128.0.0.0 191.255.255.255 C : 192.0.0.0 223.255.255.255 Il existe quelques adresses rserves par l'INTERNIC dites non routables, pour tre utilis loisir sur le rseau local ou dans le cas de rseaux privs. Elles ne sont en thorie jamais routes sur lInternet. Il existe 3 classes dadresses IP : Classe A : 10.0.0.0 Classe B : 172.16.0.0 172.31.0.0 Classe C : 192.168.0.0 192.168.255.0 127.0.0.0 est aussi une classe A particulire, puisquelle ne sera jamais non plus route sur un rseau. Elle est rserve pour un usage interne dadresses IP. On lappelle aussi interface loopback(interface de bouclage).

Les masques de sous rseau

Le protocole IP associe chaque adresse un masque de sous rseau. Ce masque permet de pouvoir diviser un rseau dune classe donn en plusieurs sous rseaux. Les masques standard selon la classe sont : Classe A : 255.0.0.0 Classe B : 255.255.0.0 Classe C : 255.255.255.0

Protocole utilis dans les CLICs


pour des raisons de simplicit, de robustesse, dintgration de systmes et douverture, nous avons choisi dutiliser dans les CLIC le protocole TCP/IP. Nos fournisseurs dInternet (Radio & VSAT) ont chang les adresses IP des machines selon leur besoin. Maintenant, chaque CLIC une adresse rseau spcifique. Mais toujours parmi les rseaux non routables.

Centre Local d'Infomation et de Communication Troisime Formation Rgionale

P 2 / 23 Timoth KEITA & Mohamed Ag Acharom

MODULE 2: Elments du rseau et configuration


1. Elments du Rseau :
Un rseau en toile comprends plusieurs lments que nous allons voir, installer et configurer ensemble.

Le hub (concentrateur) ou Switch (commutateur)


Le hub est un lment actif qui se place au centre de ltoile. Cest par lui que transitent toutes les communications. Un hub a plusieurs ports de branchements. Le flux dinformation quil reoit dun port est recopi sur tous les autres ports. Il existe sur le march des hubs de 8, 12, 16, 24 ou 32 ports. (le projet prvoyait de donner 5 ordinateurs cest pourquoi vous avez reu des hubs de 8 ports) A la diffrence du Hub, le Switch recopie linformation quil reoit seulement sur le port du destinataire ce qui amliore le trafic lorsquon a un grand nombre de machines. Branchement : le hub vient avec une alimentation quil faut brancher sur le courant (attention au voltage). Ensuite il faut brancher tous les cbles des ordinateurs sur les ports du Hub. Il y a gnralement un port spcial sur le hub qui peut servir soit brancher une machine (Normal) soit brancher le hub sur un autre hub (Uplink). Un petit bouton permet de slectionner le mode de fonctionnement dsir pour ce port. Une fois le hub aliment en lectricit et les machines misent en marche, les Voyants permettent de savoir ltat de chaque port. Gnralement quand le voyant dun port est : Vert et cliqnote : marche correctement et en activit Vert fixe : marche correctement pas dactivit Orange clignote : vitesse rduite et en activit Orange fixe : vitesse rduite et pas dactivit Rouge : problme sur le port Eteint : problme sur le port ou hub teint

Le mdia
Le mdia utilis est la paire torsade. Il existe deux type de paire torsade : STP (Shielded Twisted Pairs Paire Torsade blinde) qui cote plus chre, et UTP (Unshielded Twisted Pairs Paire Torsade Non Blinde). Le cble que nous utilisons est non blind pour la simple raison que nous ne sommes pas dans un milieu de fort rayonnement lectromagntique. On utilise le connecteur (embout) RJ45 pour que le cble puisse se brancher sur le hub et la carte rseau. Pour fixer le cble dans le connecteur (sertir) on utilise une pince sertir qui permet que les dents du connecteur viennent percer le cble et tablir ainsi un contact bien franc avec les brins. Le principe de connexion veut que la disposition des brins dans le connecteur soit la mme aux deux bouts du cble. Pour que la vitesse de communication soit leve (atteindre 100MB/s), on peux utiliser le code couleur de positionnement des brins suivant : Marron, Blanc Marron, Vert, Blanc-bleu, Bleu, Blanc Vert, Orange, Blanc Orange.

Centre Local d'Infomation et de Communication Troisime Formation Rgionale

P 3 / 23 Timoth KEITA & Mohamed Ag Acharom

La carte rseau
Une carte rseau est une carte lectronique qui permet lordinateur de communiquer sur le rseau. Les cartes rseaux peuvent tre intgrs la carte mre de lordinateur (cas des ordinateurs des clics) ou venir sous forme de cartes dextension (comme le montre la photo). La premire chose faire, pour installer une carte rseau PCI (Peripheral Component Interconnect Interconnexion de Composants Priphrique) ou ISA (Industry Standard Architecture Architecture standard de lindustrie) selon le type de connecteur de la carte, est de dbrancher l'alimentation de votre ordinateur. Ensuite, vous devrez louvrir, laide d'un tournevis, et insrer la carte rseau dans un emplacement libre, puis refermer et brancher votre ordinateur. Par prcaution consultez toujours la documentation fournie avec la carte mme si celle-ci est gnralement peu fournie. Pour la faire fonctionner au cas o elle est fournie avec une disquette ou un cd dinstallation, insrez la et suivez simplement les instructions lcran.

Modem Satellitaire
Pour la connexion Internet nous utilisons dans dix de nos CLICs un modem satellitaire : DirectWay DW6000 avec une antenne VSAT de 1,2m. Le modem satellitaire joue plusieurs rles. Il joue le rle de modem (MOdulateur/DEModulateur) pour le satellite. Il joue le rle de passerelle (donnant laccs Internet aux machines du rseau). Il joue aussi le rle de routeur (calculant o doit tre envoyer tel ou tel flux dinformation reue). Le DW6000 ne ncessite aucune intervention, il est automatiquement gr depuis le centre de notre fournisseur Accelton au ghana. Tout de mme avec un navigateur on peut accder au Modem pour voir son tat.

2. Configuration rseau dun poste de travail sous Windows XP


Configuration de ladresse IP

1. 2. 3. 4.

Cliquez sur dmarrer puis panneau de configuration puis Connexions rseau et Internet Ouvrez Connexions rseau. Cliquez sur la connexion au rseau local puis, sous Gestion du rseau, cliquez sur Modifier les paramtres de cette connexion. Sous l'onglet Gnral, sous Cette connexion utilise les lments suivants, cliquez sur Protocole Internet (TCP/IP), puis cliquez sur Proprits Effectuez les actions suivantes : o Cliquez sur Utiliser l'adresse IP suivante, puis dans la zone Adresse IP, tapez l'adresse IP, dans la zone Masque de sous rseau tapez le masque correspondant la classe de ladresse, dans la zone passerelle par dfaut tapez ladresse de la passerelle (ladresse du DW6000). o Cliquez sur Utiliser l'adresse de serveur DNS suivante, puis dans la zone Serveur DNS prfr et Serveur DNS auxiliaire, tapez les adresses du serveur DNS principal et du serveur DNS auxiliaire. Pour configurer DNS, WINS et les paramtres IP, cliquez sur Avanc. Validez vos choix en cliquant maintenant sur OK

5. 6.

Configuration du nom et du groupe de travail

1. 2. 3.

Cliquez sur Dmarrer, sur Panneau de configuration, sur Performances et maintenance, puis Systme. Sous l'onglet Nom de l'ordinateur, cliquez sur Modifier. Sous Nom de lordinateur tapez le nom de lordinateur.

Centre Local d'Infomation et de Communication Troisime Formation Rgionale

P 4 / 23 Timoth KEITA & Mohamed Ag Acharom

4. 5.

Cliquez sur Groupe de travail, puis tapez sous groupe de travail le nom du groupe de travail. Validez vos choix en cliquant maintenant sur OK

Partage de repertoire

1. 2. 3. 4. 5.

Dans Poste de Travail slectionner le rpertoire partager Cliquez sur le menu fichier puis sur partage et scurit Cliquez sur partager ce dossier sur le rseau Si vous voulez permettre aux utilisateurs rseau de pouvoir modifier les fichiers, les effacer, ou mme crer de nouveaux fichier, cochez autoriser les utilisateurs rseau modifier mes fichiers. Sinon laissez la case non cocher et les utilisateurs distants ne pourront que lire vos fichiers mais ne pourront rien changer. Validez vos choix en cliquant maintenant sur OK

Accs partir dautres ordinateurs un dossier partager

1. 2.

Cliquez sur Dmarrer Poste de travail favoris rseau Normalement vous voyez la liste des dossiers partager sur le rseau, cliquez sur le dossier que vous voulez accder. Sinon cliquez sur voir les ordinateurs du groupe de travail et choisir lordinateur sur lequel se trouve le dossier partager dont vous avez besoin puis cliquez sur le dossier.

ATTENTION : Pour des raisons de scurit, Ne partager pas le dossier Disque local ou le dossier Mes Documents.

Partage dimprimante

1.
2.

Cliquez sur Dmarrer, puis sur imprimantes et tlcopieurs Slectionnez limprimante que vous voulez partager. Cliquez sur le menu fichier puis sur partager Cliquez sur partager cette imprimante Cliquez dans le champ nom de partage et donner le nom qui vous convient Validez vos choix en cliquant maintenant sur OK

3. 4. 5. 6.

Accs partir dautre ordinateur dune imprimante


1. Pour pouvoir accder une imprimante il faut dabord linstaller.


2.

Cliquez sur Dmarrer, puis sur imprimantes et tlcopieurs Cliquez sur le menu fichier puis sur ajouter une imprimante Cliquez sur suivant Cliquez sur Une imprimante rseau ou une imprimante connecte un ordinateur Cliquez sur suivant Slectionnez lordinateur puis limprimante ensuite cliquez sur suivant Suivez les autres instructions lcran jusqu la fin.

Si limprimante est dj installe vous pouvez y imprimer comme pour une imprimante locale

Centre Local d'Infomation et de Communication Troisime Formation Rgionale

P 5 / 23 Timoth KEITA & Mohamed Ag Acharom

MODULE 3: Dpannage du Rseau et du VSAT


Pour que le cours soit plus pratique et dynamique, nous laisserons le soin chaque Stagiaire d'exposer 3 problmes soit sur le rseau soit sur la connexion Internet et nous trouverons ensemble une procdure de rsolution du problme. Problme 1: __________________________________________________________________________________________________ Solution:

Problme 2: __________________________________________________________________________________________________ Solution:

Problme 3: __________________________________________________________________________________________________ Solution:

Problme 4: __________________________________________________________________________________________________ Solution:

Problme 5: __________________________________________________________________________________________________ Solution:

Problme 6: __________________________________________________________________________________________________ Solution:

Problme 7: __________________________________________________________________________________________________ Solution:

Problme 8: __________________________________________________________________________________________________ Solution:

Centre Local d'Infomation et de Communication Troisime Formation Rgionale

P 6 / 23 Timoth KEITA & Mohamed Ag Acharom

Centre Local d'Infomation et de Communication Troisime Formation Rgionale

P 7 / 23 Timoth KEITA & Mohamed Ag Acharom

MODULE 4: Le Langage HTML


I. Architecture des documents HTML.
HTML - HyperText Markup Language (Langage de Liens HyperTextes) - est un langage de programmation qui sert crer des pages web. On peut utiliser n'importe quel diteur de texte pour crire des pages html. IL suffit aprs de sauvegarder le fichier en format texte standard avec l'extension ".html". Les pages ainsi crer seront interprtes et affiches par un programme appel navigateur.

Rgles HTML et balises.

Toutes les instructions HTML sont exprimes dans des balises (ou "tags"), dlimites par des crochets (signe infrieur < et signe suprieur >). Cette structure est toujours la mme, cependant chaque balise doit tre ouverte et ferme (sauf dans de rares exceptions), noter que la balise de fermeture est toujours identique la balise d'ouverture sauf qu'elle comporte une barre oblique aprs le signe <. ex: <BODY> et </BODY> Les majuscules et minuscules dans les instructions n'ont aucune importance <BODY> est quivalent <body>. Attention quand mme de bien respecter les ordres d'ouverture et de fermeture.

Le squelette d'un document HTML.

Tout document HTML doit comporter un certain nombre de balises appeles squelette de la page HTML. Exemple typique d'une page HTML. <HTML> <HEAD> <TITLE> le titre est mis ici</TITLE> </HEAD> <BODY > tout le contenu de la page Est affich ici </BODY> </HTML>

Attributs de la balise <BODY>

Un attribut est une instruction HTML qui appliqu une balise en modifie le comportement. L'attribut est plac l'intrieur de la balise. La balise <BODY> a de nombreux attributs : BGCOLOR : Dfinit la couleur du fond de l'cran. TEXT : Dfinit la couleur du texte. LINK : Dfinit la couleur des liens. VLINK : Dfinit la couleur des liens dj visits. ALINK : Dfinit la couleur des liens activs, c'est dire quand le pointeur de la souris passe au-dessus. BACKGROUND : Dfinit l'image (gif ou jpeg) utiliser comme fond d'cran. LEFTMARGIN : Dfinit la largeur de la marge de gauche en pixels. TOPMARGIN : Dfinit la largeur de la marge du haut en pixels. Exemple <BODY BGCOLOR="RED" TEXT="GREEN">

II. Mise en forme de caractre.


La mise en forme
Pour utiliser ces balises, il suffit d'entourer votre texte avec la balise d'ouverture choisie et la balise de fermeture correspondante. Voici toutes les balises de mise en forme physique et le code source. <B>B : Permet de faire ressortir du texte gras.</B> <I>I : Met le texte en Italique (ou <ITALIC>).</I> <U>U : Souligne le texte.</U> <STRIKE>STRIKE : Barre le texte.</STRIKE> <SUP> SUP : Affiche le texte en exposant (dcal vers le haut de la ligne).</SUP> <SUB> SUB : Affiche le texte en indice (dcal vers le bas de la ligne).</SUB> Vous pouvez bien sur imbriquer plusieurs balises attention tout de mme respecter l'ordre de fermeture. ex : <I><B>Texte en italique et en gras</B></I>

Les polices de caractres.


Il n'y a rien de plus facile spcifier q'une police, la mthode utiliser par le HTML s'appuie sur la balise <FONT>, cependant pour que votre document se visualise correctement avec la police dfinie, essayez d'employer une police standard (arial, courrier ...) toutes les plates-formes.

Centre Local d'Infomation et de Communication Troisime Formation Rgionale

P 8 / 23 Timoth KEITA & Mohamed Ag Acharom

Centre Local d'Infomation et de Communication Troisime Formation Rgionale

P 9 / 23 Timoth KEITA & Mohamed Ag Acharom

La balise <FONT> possde plusieurs attributs : FACE : Permet de dfinir par ordre de priorit, les noms des polices. SIZE : Permet de dfinir la taille de la police de 1 7(valeur par dfaut : 3). A noter qu'il peut tre utilis de deux manires : Absolue ex : SIZE=2 Relative ex : SIZE= +2 COLOR : Permet de dfinir la couleur du texte (soit avec le nom de la couleur ou la valeur hexadcimale correspondante). Exemple d'utilisation de la balise <FONT>. <FONT FACE="Comic Sans Ms, arial" > Police Comic Sans Ms - Taille par dfaut </FONT>

III. Mise en forme des textes et paragraphes.


Les paragraphes.
Un document lu est avant tout un document ar. Aussi, existe-t-il, deux balises qui permettent d'obtenir, soit un saut de ligne soit, le commencement d'un nouveau paragraphe. La balise <P> exprime le dbut d'un paragraphe, c'est dire un double espace. Sa balise de fermeture est </P>, tandis que la balise <BR> effectue un simple retour la ligne identique la touche "Entre" de votre clavier (sous traitement de texte) ; elle n'a pas de fermeture. La balise <P> possde l'attribut ALIGN qui sert aligner le paragraphe qu'il introduit, il prend 3 valeurs : LEFT : Aligne le texte sur la marge de gauche. RIGHT : Aligne le texte sur la marge de droite. CENTER : Centre le texte entre les marges. Exemple. Ceci est un <BR> exemple <P>avec les balises P et BR

Les titres.
L'lment TITRE permet de mettre en valeur une portion de texte. Pour cela, le texte doit tre encadr avec les balises d'ouverture et de fermeture choisies, un retour la ligne se fera automatiquement. Il y a six niveaux de TITRE de <H1> (le plus important) <H6> (le plus petit). Il possde lui aussi l'attribut ALIGN (RIGHT, LEFT, CENTER). Exemple et code source avec chaque balise TITRE. <H6>Titre de niveau 6</H6>

<H5>Titre de niveau 5</H5> <H4>Titre de niveau 4</H4>

<H3>Titre de niveau 3</H3>

<H2>Titre de niveau 2</H2>


Lignes horizontales (<HR>).

<H1>Titre de niveau 1</H1>


Utiliser des lignes horizontales ou filets horizontaux sont trs pratiques pour sparer les diffrentes parties de votre document. Cette mthode s'obtient avec la balise <HR>, elle ne ncessite pas de balise de fermeture. Elle possde plusieurs attributs : ALIGN : Permet d'aligner la ligne horizontale. Valeurs : RIGHT, LEFT, ou CENTER. WIDTH : Spcifie la largeur de la ligne (en pixels ou % de la fentre). SIZE : Epaisseur de la ligne (de 1 10). COLOR : Spcifie la couleur de la ligne (uniquement I.Explorer). Exemple de plusieurs filets ainsi que leur code source. <HR WIDTH=100 ALIGN=LEFT> <HR WIDTH=150 COLOR="blue" ALIGN=LEFT>

La balise <DIV>.

La balise <DIV> permet de dfinir l'alignement de plusieurs lments (titres, textes, images, filets, ...). Elle possde l'attribut ALIGN qui prend 3 valeurs (RIGHT, LEFT, CENTER). Elle est de plus en plus utilise pour remplacer la balise <CENTER>, qui commence ne plus tre utilise. ex : <DIV ALIGN=LEFT>

Centre Local d'Infomation et de Communication Troisime Formation Rgionale

P 10 / 23 Timoth KEITA & Mohamed Ag Acharom

IV. Liens hypertextes.


Un lien est un texte ou un lment du document qui fait apparatre d'autres informations la place ou par-dessus la fentre active si l'on clique dessus avec la souris

La balise <A>.

La balise <A> permet d'tablir un lien hypertexte (l'essence mme du Web) l'intrieur mme de votre document, vers un autre document ou encore vers l'extrieur (vers un autre site Web).

Liens vers une page web dans le mme site.


Il est trs facile de crer des liens entre des fichiers HTML. Lien vers une page situe dans le mme rpertoire : ex : <A HREF="nom.html">Cliquez ici</A> Lien dans un rpertoire diffrent : ex : <A HREF="sujet/prenom.html">Cliquez ici</A>

Liens vers un autre site.

Les liens externes commencent comme les autres liens, c'est dire avec la balise <A HREF="..., par contre, le reste de la syntaxe varie. Lien externe vers un site : ex : <A HREF="http://www.clicmali.org">Dcouvrez le site du Projet CLIC</A>

Lien e-mail.
Vous pouvez crer un lien e-mail pour que la messagerie paramtre par dfaut du visiteur se lance automatiquement. Lien e-mail : <A HREF="mailto:nom@provider.com">nom@provider.com</A>

Rcapitulatif et exemples.
Liens Lien interne (page diffrente) Lien externe Lien e-mail Exemples <A HREF="index2.htm"> <A HREF="http://www.allhtml.com"> <A HREF="mailto:tkeita@clicmali.org">

VIII. Les couleurs


Les 16 couleurs principales.
Voici un tableau rcapitulant (par nom) les 16 couleurs reconnues selon la norme HTML 3.2.

Nom BLACK MAROON GREEN OLIVE NAVY PURPLE TEAL GRAY SILVER RED LIME YELLOW BLUE FUCHSIA AQUA WHITE

Couleur affiche Noir Marron ou rouge fonc Vert Vert olive Bleu marine Violet Cyan fonc Gris Argent Rouge Vert clair Jaune Bleu Fuchia Bleu clair Blanc

BLACK MAROON GREEN OLIVE NAVY PURPLE TEAL GRAY SILVER RED LIME YELLOW BLUE FUCHSIA AQUA WHITE

Les trois couleurs du tube-image, Rouge, Vert, Bleu, composent les couleurs de l'cran. Les proportions voluent selon un nombre deux dcimales en base 16 : 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Pour chacune des trois couleurs, de "00" "FF" en passant par "56" ou "E8", il y a 256 nuances. La combinaison des trois couleurs peut ainsi crer plus de 16 millions de couleurs (Rouge "--", Vert "--" et Bleu "--" donnent "------", un code de 6 dcimales, en base 16).Le langage HTML n'en accepte que 216, notes en hexadcimal avec les proportions et les codes suivants : 00 33 66 99 CC FF 0 % 20 % 40 % 60 % 80 % 100 % Le code d'une couleur en HTML s'crit donc ainsi : "#33CC66" Trois paires de "chiffres" 00, 33, 66, 99, CC, FF, aprs un dise #.

Le code RVB (Rouge-Vert-Bleu).

Dfinition des couleurs dans les balises HTML.


Voici la liste des balises o le code couleur est utilis sous forme de valeur hexadcimale ou nom de la couleur. Couleur de fond de page : <BODY BGCOLOR="#CC3300"> Couleur du texte : <BODY TEXT="#CC3300"> Couleur d'une portion de texte entre balises : <FONT COLOR="#CC3300">Exemple</FONT>

Centre Local d'Infomation et de Communication Troisime Formation Rgionale

P 11 / 23 Timoth KEITA & Mohamed Ag Acharom

MODULE 5: DreamWeaver
Dreamweaver est un diteur html, c'est dire qu'il se charge de crer le code html correspondant au contenu que vous placez sur la page. PRESENTATION DE L'INTERFACE Lancez Dreamweaver en utilisant le menu DEMARRER / PROGRAMMES / MACROMEDIA DREAMWEAVER. L'interface de Dreamweaver comprend une barre de menus en haut, la barre d'outil INSERTION permettant d'insrer du contenu sur la page, la fentre du document actif (page html), l'inspecteur de proprits en bas qui permettra d'accder aux diffrents paramtres de chaque objet insr, et un grand nombre de panneaux sur la droite

A l'ouverture, un document vide est cr ; il s'agit de votre premire page html. Trois modes de travail sont possibles : Le mode Cration vous permet de saisir et modifier le contenu de la page html. Le mode Code vous permet de visualiser le code html correspondant. Le mode Code/Cration fractionne horizontalement la fentre du document pour vous permettre de visualiser la fois le contenu de la page et le code html correspondant DEFINIR LA STRUCTURE DU SITE Crer un nouveau site Le menu SITE / GESTION DE SITE / NOUVEAU vous permet de dfinir l'architecture du site. Indiquez le nom de celui-ci ainsi que le rpertoire local dans lequel vous souhaitez placer les fichiers qui composent votre site Internet. Suivez l'assistant jusqu' la fin de la procdure. Une fois la bote valide le panneau Fichier s'ouvre vous permettant de visualiser votre dossier. Ce panneau vous permet aussi de crer une nouvelle page en utilisant le menu FICHIER. Par dfaut, le document porte le nom "untitled.htm". Un clic sur le nom du fichier vous permet de renommer la page. Rptez l'opration pour crer toutes les pages qui vont composer votre site web. Un double clic sur une page vous permet d'diter celle-ci et donc de la modifier. Remarque : Prenez l'habitude de n'utiliser ni caractre spcial (sauf le caractre underscore _), ni espace, ni majuscule dans vos noms de fichiers. En effet ceux-ci empchent le bon fonctionnement de vos liens une fois le site plac sur un serveur. DEFINIR LES PROPRIETES DE LA PAGE Le menu MODIFER / PROPRIETES DE LA PAGE vous permet de dfinir un certain nombre de proprits propre chaque page html, comme le titre, la couleur de fond, les marges etc. N'oubliez pas que le titre est pris en compte par les moteurs de recherche. Choisissez judicieusement la couleur de fond. Utilisez le bouton APPLIQUER pour visualiser le rsultat obtenu avant de valider avec OK .

SAISIR ET METTRE EN FORME LE TEXTE

Centre Local d'Infomation et de Communication Troisime Formation Rgionale

P 12 / 23 Timoth KEITA & Mohamed Ag Acharom

Saisie et mise en forme La saisie du texte, comme les corrections des ventuelles fautes de frappe, se fait comme dans un traitement de texte. Slectionnez le texte mettre en forme, puis utilisez L'INSPECTEUR DES PROPRIETES en bas de la fentre pour choisir la police utilise, le style, la taille, la couleur du texte.

Remarque : Les tailles des caractres en html sont reprsentes par des chiffres de 1 7. Etant interprte par le navigateur, vous ne savez pas de manire absolue quelle taille sera vu votre texte.

Les barres horizontales

Il est possible de sparer vos diffrents paragraphes par une barre horizontale. Placez le curseur l'endroit o vous souhaitez l'insrer, puis dans la boite outils INSERTION puis HTML, cliquez sur l'outil BARRE HORIZONTALE. Les paramtres de celle-ci (paisseur, largeur) sont modifiables dans l'inspecteur des proprits. Les tableaux Afin d'organiser votre contenu sur la page, texte et images, il est fortement conseill d'utiliser les tableaux. L'insertion d'un tableau se fait par le bouton INSERER UN TABLEAU de la boite outils INSERTION. Dfinissez le nombre de lignes et de colonnes qui composent votre tableau et validez par OK. Vous pouvez placer n'importe quel lment dans une cellule du tableau (texte, images..). Les proprits de tableau, ligne ou colonne sont accessibles aprs slection de ceux-ci dans l'INSPECTEUR DES PROPRIETES.

INSERER DES IMAGES Prparation des images Avant d'tre utilisables sur un site Internet, les images doivent tre "prpares". Un logiciel de type traitement d'images comme Macromdia Fireworks vous permet de dimensionner vos images, et de les enregistrer dans les bons formats. Soyez attentif au poids d'une image, c'est--dire sa taille en kilo-octets. Insrer des images Placez votre curseur l'endroit o vous souhaitez insrer l'image, et utilisez le bouton INSERER IMAGE de la barre d'outils INSERTION. Slectionnez l'image souhaite et cliquez sur le bouton INSERER. Si l'image slectionne ne fait pas partie de votre dossier de site local, Dreamweaver MX vous proposera d'en raliser automatiquement une copie dans votre dossier de site. Faites-le sinon vous risquez d'oublier, lors de la mise en ligne du site, de transfrer sur le serveur toutes les images utilises dans vos pages. Un clic sur l'image vous permet de la slectionner et d'accder ses proprits dans L'INSPECTEUR DE PROPRIETES.

Evitez de modifier la taille de vos images en utilisant cet inspecteur, car cela ne modifie pas l'image d'origine (et donc son poids). Prparez vos images avec Fireworks en les redimensionnant la taille finale d'utilisation

Centre Local d'Infomation et de Communication Troisime Formation Rgionale

P 13 / 23 Timoth KEITA & Mohamed Ag Acharom

LES LIENS Les liens relatifs Vous pouvez maintenant relier vos pages entre elles, en crant des liens hypertextes. Ces liens peuvent tre crs sur une portion de texte ou sur une image. Slectionnez une portion de texte ou une image, et utilisez la zone LIEN de L'INSPECTEUR DE PROPRIETES. Cliquez sur l'icne de dossier jaune, puis slectionnez la page html vers laquelle le lien doit diriger le visiteur et validez par OK. Dans le cas d'un texte, vous constatez que celui-ci devient de couleur bleue et est soulign afin de signaler au visiteur la prsence d'un lien cliquable cet endroit. Les liens absolus Il est aussi possible de faire un lien vers une page qui n'appartient pas votre site. Dans ce cas, au lieu de slectionner l'une des pages de votre site dans la zone LIEN de L'INSPECTEUR DE PROPRIETES, tapez l'adresse complte d'une page ou d'un site sous la forme http://www.sncf.fr par exemple. Ce type de liens est dit absolu car il ne dpend pas de l'emplacement o est enregistre votre page et restera valable dans tous les cas. Les liens vers un email Pour permettre vos visiteurs de vous contacter par email, il suffit de faire un lien hypertexte, comme prcdemment sur un texte ou une image, et de taper dans la zone adresse : mailto:votreadresseemail VERIFIER LE SITE Les navigateurs Avant de mettre en ligne votre site, il est fortement conseill de tester son apparence sous plusieurs navigateurs pour contrler l'affichage des diffrents lments. Le menu FICHIER / APERU dans le navigateur vous permet de visualiser la page slectionne dans un ou plusieurs navigateurs.

Centre Local d'Infomation et de Communication Troisime Formation Rgionale

P 14 / 23 Timoth KEITA & Mohamed Ag Acharom

MODULE 6: Logiciel SPIP


Spip est un logiciel qui permet de grer les pages web de faon les rendre dynamique et simple maintenir.

Prsentation de l'outil
A l'origine pour la ralisation d'un site, il fallait matriser (au minimum) le langage html pour crer des pages. Depuis quelques annes dj le langage php a fait son apparition sur le web, permettant d'avoir des contenus dynamiques, maintenant les sites et offrant une gestion et une administration trs simplifies. SPIP est un logiciel de gestion de site bas sur PHP et MYSQL. Pour vous ce stade, pas besoin de connatre ces langages, vous n'aurez aucune intervention ce niveau, ce rle est dvolu au webmestre. Il gre entre autre l'aspect visuel du site, la mise en page et comment sont ordonnes les informations dans ces pages. Votre fonction suite cette formation sera de remplir ce site par l'intermdiaire de rubriques et d'articles, d'y insrer des images/photos, en gnral de faire vivre ce site. Pour cela vous allez accder la partie Administration du site. L'accs la partie administrative de votre site s'effectue par l'utilisation d'un nom de connexion et d'un mot de passe, ceux-ci sont grs et fournis par le webmestre du site, qui aura au pralable dfini vos droits d'administrateur ou de simple rdacteur.

Connexion partie administration du site


Pour accder la partie administrative de votre site, entrer dans la barre d'adresse de votre navigateur l'adresse de votre site, suivie de : /crire/ . Par exemple : Entrer votre identifiant de connexion (login) puis valider

Entrer votre mot de passe, puis valider. Si la case Rester identifi est coche, dcochez la ; sinon d'autres personnes que vous pourront se connecter avec vos identifiants, et cela risque d'tre dangereux. Vous avez accs l'administration du site.

Attention : en fonction des droits qui vous ont t accords par le webmaster, vous pouvez avoir accs l'ensemble du paramtrage du site. N'effectuez aucune opration que vous ne matrisez pas, au risque de perturber gravement le fonctionnement gnral du site.

Le paramtrage gnral du site est une opration que seul le webmaster sera amen grer. Donc n'essayez mme pas d'y touchez !!!

Les diffrents boutons de la partie Administration.


En cliquant sur les boutons du haut, vous accdez diffrentes fonctionnalits.

Centre Local d'Infomation et de Communication Troisime Formation Rgionale

P 15 / 23 Timoth KEITA & Mohamed Ag Acharom

A suivre

Par dfaut vous tes sur cette page une fois connect en Administration. Vous y voyez l'ensemble des rubriques du site, ainsi que tous les articles en cours de rdaction. Info perso : les info vous concernant. Tout le site : permet de visualiser l'ensemble du site, rubriques et articles et leurs tats. Suivre la vie du site : Accs au calendrier interne, fichiers backend,

Edition du site
Partie rserve la cration et la rdaction des rubriques, des articles, des auteurs et des mots clefs

Discussion

Utile en cas de nombreux Administrateurs et rdacteurs, avec un forum interne, un agenda et une messagerie personnelle.

Evolution du site
Gestion des forums publics et privs Suivre et grer les ptitions. Statistiques de visites Rpartitions des visites.

Administration du site
Configuration Gestion des langues Maintenance du site Vider le cache

Aide en ligne
Accs l'aide en ligne de SPIP.

Visiter le site

Donne accs au site public. NB : Dans lAdministration, seulement les point numrer ici (en bas) vous concernent il faut viter de toucher aux autres. Statistique de visites Evolution Liens entrant du jour. - Edition du site. Rubriques Articles Auteurs vos propres informations Mots-cls

La partie rdaction.
En cliquant sur le bouton Edition du site , vous accdez la partie rdaction du site, dans la partie droite de votre fentre vous voyez les rubriques se trouvant la racine du site. noter qu'ici l'on ne peut pas crer d'article, un article est toujours attach une rubrique.

Crer, modifier, supprimer une rubrique.


Ajouter une rubrique la racine du site : Cliquer sur l'icne crer une rubrique . Champ Titre : donner un titre cette nouvelle rubrique. Dans la partie l'intrieur ... vous pouvez vous assurer que la cration de cette rubrique se fera bien l o vous le souhaitez, ici dans la rubrique de votre clic. Champ Descriptif rapide , description rapide de la rubrique. Champ Texte explicatif , texte expliquant le contenu de cette rubrique. Ces oprations effectues il ne vous reste qu' cliquer sur le bouton Valider pour confirmer la cration de la rubrique. Pour modifier la rubrique cliquer sur le bouton Modifier cette rubrique . Vous pouvez si besoin est, crer immdiatement une premire sous rubrique imbrique dans cette rubrique (en procdant de la mme faon que prcdemment expliqu). Ou encore dtruire la rubrique que vous venez de crer. NB : Une rubrique n'apparat sur le site (visiteur) qu'une fois qu'elle contient un article publi en ligne , nous reviendrons sur cette notion plus tard. L'on ne peut dtruire une rubrique que si elle ne contient aucun article . Ajouter un logo une rubrique. Une fois valide la cration de la rubrique, vous pouvez y adjoindre un logo qui sera plac a la gauche du titre de cette rubrique, par dfaut, tous les articles prsents dans cette rubrique auront le mme logo.

Centre Local d'Infomation et de Communication Troisime Formation Rgionale

P 16 / 23 Timoth KEITA & Mohamed Ag Acharom

Crer un article.

Quand vous tes l'intrieur d'une rubrique, cliquer sur le bouton crire un nouvel article Les champs (minimum remplir) Le champ Titre : titre de votre article. Puis vous assurer que cet article va bien tre cr dans la bonne rubrique. Le champ Texte recevra lui le contenu de votre article, soit vous le tapez directement ici, soit si vous l'avez dj rdig avec un traitement de texte (Word), en effectuant simplement un copier - coller . A noter que toute mise en page effectu dans ces derniers sera caduc, nous allons maintenant voir la barre des raccourcis typographique Dans le haut du champ texte , vous disposez de quelques outils, ces mises en forme s'appliqueront sur les lments slectionns.

Les boutons de la barre sont les suivants : i : mettre le texte en italique. B : mettre le texte en gras. Mettre le texte en intertitre en plus gros, en gras et centr dans la page. Insertion d'un lien hypertexte pour tablir un lien avec l'adresse d'une autre page du site, l'adresse d'un autre site, ou d'tablir un lien avec une adresse mail. Insertion d'une note de bas de page. Entourer un mot, une phrase de guillemet de premier niveau. Entourer un mot, une phrase de guillemet de deuxime niveau. Insrer des caractres particuliers. A chaque fois que vous effectuez une telle opration, vous constatez que le texte slectionn, se trouve entour de caractres spcifiques ; avec l'habitude, vous vous rappellerez de ces caractres et pourrez les appliquer lors de la rdaction de texte. La rdaction et la mise en forme sont termines, nous validons notre article. Un premier aperu de notre article nous est propos, nous pouvons donc ici juger de la mise en page. Sur cette interface plusieurs choses apparaissent, en voici les explications.

Dans la partie droite de votre cran apparat :


Le titre de votre article prcd d'une pastille de couleur blanche, cela indique que votre article est en cours de rdaction . A ce stade, seuls les administrateurs et vous-mme y avez accs, les internautes ne peuvent y accder. L'icne permettant de reprendre la modification de l'article, pour corriger ce que vous y souhaitez. La date de cration de l'article. L'auteur de l'article, l'auteur d'un article sera identifi par son nom de connexion la partie administration du site. L'on peut y adjoindre un autre auteur, simplement en cliquant sur le petit triangle gauche de Auteurs , puis en slectionnant dans la liste droulante un autre auteur et en cliquant sur le bouton Ajouter . Mots-clefs sera expliqu plus loin avec le moteur de recherche interne au site. Statut de l'article. Ici un menu droulant comportant 5 tat diffrents (seulement deux si vous tes simple rdacteur). Ces diffrents statuts sont : * En cours de rdaction. Pastille blanche L'article est donc en rdaction, sa mise en forme n'est pas termine, ou vous avez des photos/images y insrer, ... Article visible uniquement pour les Administrateurs et par lauteur. * Propos l'valuation. Pastille orange Article finalis mais soumis aux regards des autres Administrateurs et rdacteurs du site pour validation et publication de leur part. A noter que les simple rdacteurs n'ont leur disposition que ces deux options. * Publi en ligne. Pastille verte. Aprs relecture, un administrateur changera le statut de l'article pour le publier en ligne et le rendre ainsi visible tous les internautes. * A la poubelle. Pastille noire. No comments * Refus. Pastille rouge. Larticle nest pas publi mais reste dans la base de donnes ; le rdacteur en est inform. Joindre un document. Vous pouvez joindre un/des documents votre article, en cliquant sur le triangle noir vous accderez un navigateur pour rechercher sur votre ordinateur le chemin de cette pice jointe, puis devrez la tlcharger pour qu'elle intgre le site. Apparatra au dessous une fentre avec une icne reprsentant le fichier joint, deux champs pour y noter le titre du document ainsi qu'un descriptif rapide (non obligatoire). A tout moment vous pourrez supprimer une pice jointe.

La partie gauche de votre cran :


Le numro de l'article en cours, ce numro vous sera utile dans le cas de la cration de lien hypertexte interne au site, il s'agit du numro de rfrence de l'article. Logo de l'article, vous pouvez adjoindre un logo qui sera plac a la gauche du titre de cet article, il se substituera au logo de la rubrique si vous en avez mis un. Pour insrer un logo procder de la mme faon quexplique plus haut pour l'insertion d'un logo sur une rubrique. Une fois ceci effectu, il vous est propos d'y adjoindre un autre logo pour le survol : quand un visiteur placera le curseur de sa souris sur l'icne celle ci changera pour le deuxime logo dit de survol . Forum et ptition (ne font pas partie de cette formation). Redirection : permet d'tablir directement une redirection vers une page d'un site extrieur si vous estimez que cette page apporte vos visiteurs des informations intressantes. Dans cette hypothse il ne vous sera nullement ncessaire de rdiger quoi que ce soit dans l'article si ce n'est le titre et la publication en ligne. En gnral, cette fonctionnalit est rserve aux administrateurs du site.

Centre Local d'Infomation et de Communication Troisime Formation Rgionale

P 17 / 23 Timoth KEITA & Mohamed Ag Acharom

Les raccourcis * Tous vos articles, vous accdez ici tous les articles que vous avez rdigs ou en cours de rdaction. * Crer un autre auteur et l'associer cet article, adjoindre un autre auteur l'article en cours. * Crer un nouveau mot cl et le lier cet article, ajouter un mot clef pour l'article en cours.

Ajouter/insrer, modifier, supprimer une image dans un article.

Pour agrmenter votre article, vous dsirez y insrer des images/photos. Afin d'avoir une mise en page cohrente du site, le webmestre aura dfini une taille maximale pour les images, renseignez-vous auprs de lui afin de la connatre et de prparer vos images. Pour insrer une image, cliquer sur Modifier cet article , dans la partie gauche vous y trouverez de quoi insrer vos images sur le mme principe que l'insertion d'une pice jointe. A la diffrence qu'ici vous sera propos de placer votre image soit sur la gauche de votre texte, au centre ou sur la droite. Faites plusieurs essais afin d'obtenir le meilleur rendu. Comme pour l'ajout d'une pice jointe, les images ainsi insres peuvent tre modifies ou supprimes.

Opration de maintenance simple.


Les statistiques.
Savoir les lire, les comprendre et les interprter. Dans la partie Evolution du site Les stats vous donnent plusieurs renseignements : Le nombre total de visiteurs du site depuis sa mise en place. Le nombre de visiteurs mini par jour. Le nombre de visiteurs maxi par jour. Le nombre de visiteurs pour la journe en cours (extrapolation). Origines des visites Ceci est la liste des sites sur lesquelles se trouvaient ces visiteurs avant d'arriver sur votre site. Elle vous donne donc le nombre de visites et la provenance du visiteur. Cela vous indique donc si l'origine est un moteur de recherche, que votre site semble relativement bien rfrenc, si vous cliquez sur un des liens vous devriez obtenir mme le mot clef qui a t utilis. Si vous avez tabli des liens avec d'autres sites et que des visiteurs sont venu sur le site partir de ceux-ci vous en aurez le nombre. Cela vous permettra d'en dduire la pertinence de ces liens. Sur le ct gauche de votre cran apparat le nom des articles de votre site dans l'ordre de popularit, savoir les pages qui sont les plus visits dans l'ordre dcroissant. A vous d'en tirer partie en fonction de vos attentes dans l'exploitation de votre site.

Retoucher simplement une photo/image pour l'intgrer au site.


Les formats d'images/photos sont au choix : .jpg .gif Le .jpg est le format le plus compress, donc le plus lger, il est choisir a priori, cela facilite l'affichage des images. Si vous avez besoin d'une image de meilleure qualit vous choisirez le .gif . Si vous avez besoin de transparence sur certaines de vos images, seuls le .gif et le .png grent la transparence. Il en va de mme si vous souhaitez placer une image anime. Lorsque vous prparez une image, vous lui donnerez comme dfinition 72ppp , c'est le maximum qu'accepte un cran, rien ne sert de dfinir une valeur suprieure. Puis de recadrer cette image comme vous le souhaitez et enfin la taille dfinitive de cette image, surtout dans sa largeur.

Les Balises SPIP


En fait, pour faire fonctionner un site sous SPIP, Il y a des instructions qu'il faut connatre, malheureusement, cette formation ne nous permettra pas de tout voir. Voila pourquoi nous nous bornerons vous donner juste un aperu de balises. Pour afficher une page html on utilise seulement un fichier, avec SPIP pour afficher une page on utilise deux fichiers: Un fichier crit en PHP et un fichier crit en HTML dans lequel sont insrs des instructions SPIP et qui est appel Squelette car dfinissant simplement la mise en forme des donnes qui seront crite dans la partie administration. Avant dutiliser un squelette, il faut pouvoir lappeler ceci se fait grce au fichier PHP. Par exemple voici le fichier tutoriel.php3: <? $fond = "tutoriel"; $delais = 0; include "inc-public.php3"; ?> Maintenant voici le Squelette qu'on appellera tutoriel.html (pour se retrouver dans les noms de fichiers) : <BOUCLE_article(ARTICLES){id_article}> <H1>#TITRE</H1> <B>#CHAPO</B> <P align=justify>#TEXTE </BOUCLE_article>

Centre Local d'Infomation et de Communication Troisime Formation Rgionale

P 18 / 23 Timoth KEITA & Mohamed Ag Acharom

On peut ajouter ensuite les champs manquants : #SURTITRE, #LESAUTEURS, #SOUSTITRE, #NOTES, etc. Pour n'afficher que l'article N1, on remplace {id_article} par {id_article=1}.)

Centre Local d'Infomation et de Communication Troisime Formation Rgionale

P 19 / 23 Timoth KEITA & Mohamed Ag Acharom

MODULE 7: Principes de Maintenance


Maintenance physique
Nettoyage du matriel
Avant de nettoyer un appareil il faut toujours l'teindre, le dbrancher de la source lectrique et attendre qu'il soit refroidit. Contre la poussire on souffle avec une machine souffler ou une bombe arosol air comprim. Les composants lectroniques sont toujours soit souffls soit aspirs. On ne les nettoiera pas avec du chiffon ou tout autre chose. Seul le personnel qualifi saura faire cette opration. Contre les salets, on utilise un chiffon humect avec de l'alcool, du liquide nettoyant ou un liquide lave vitre avec une teneur en alcool (ne pas hsiter y ajouter de l'alcool), pour frotter la surface des quipements. Pour les parties vitres, prendre des prcautions pour ne pas laiss de traces (toujours utiliser un liquide qui contient de l'alcool). Il ne faut pas que de l'eau ou du liquide arrive, d'une manire ou d'une autre, sur les composants lectronique. Sinon un court circuit peut tre engendr et l'appareil peut se grill.

Branchement du matriel
Chaque priphrique un port sur lequel il sera branch. Vous savez dej branch les priphriques standard : L'cran est branch sur le port S-VGA (Super Video Graphic Adapter) Le clavier selon le modle sur port PS2 (Personal System 2) spcifique ou sur n'importe quel port USB (Universal Serial Bus) La souris selon le modle sur port PS2 (Personal System 2) spcifique ou sur un n'importe quel port USB(Universal Serial Bus) Les baffles sur le port pour jack vert Le micro sur le port pour jack orange L'imprimante selon le modle sur le port parallle ou sur n'importe quel port USB Installation d'une carte d'extension (priphrique interne) Une carte d'extension (carte son, carte rseau, etc.) est insrer selon le modle sur l'un de ses trois types de port: Le port ISA (Industry Standard Architecture): ancien type de port n'est plus prsent dans les nouvelles machine. Le port PCI (Peripheral Component Interconnect): Nouveau type de port, il est le nouveau standard Le Port AGP (Accelerated Graphic Port) : Port spcifiquement rserv aux cartes graphiques de nouvelle gnration. Il existe aujourd'hui beaucoup de priphrique qui utilisent le port USB.

Ouverture du couvercle d'un ordinateur

Pour ouvrir le couvercle d'un ordinateur, il n'y a plus de standard ce niveau. Il faut bien observer le botier et comprendre le mcanisme d'ouverture car les fabricants rivalisent d'originalit en cela.

Maintenance logicielle
Nettoyage de Disque Dur
Un utilitaire permet Windows d'effacer tous les fichiers inutiles qui se trouvent sur votre disque dur. Cet outil sera accder en cliquant sur Dmarrer puis tous les programmes puis accessoires puis outils systmes et enfin Nettoyage de disque. Une fois lanc il calcul les fichier inutiles du systme et vous donne la possibilit de cocher ou pas ce que vous dsirer effacer. Une fois que vous aurez valid vos choix, le logiciel nettoiera votre disque dur.

Dfragmentation du Disque Dur

Du fait que les fichiers sont crits les uns la suite des autres et qu'aprs l'utilisateur efface arbitraire tel ou tel fichier, il en rsulte des trous dans la succession des fichiers. Ceci ralentit l'accs aux informations par les programmes. Aussi un utilitaire permet de faire en sorte qu'il n'y ait pas de trous et que tous les fichiers qui sont en relation, soient tous regroups. On accde l'outil en cliquant sur Dmarrer puis tous les programmes puis accessoires puis outils systmes et enfin dfragmenteur de disque. Une fois lanc, l'assistant vous aide dfinir le disque que vous voulez dfragmenter et les diffrentes options que vous voulez puis la dfragmentation commence et tout se fait automatiquement. Mais le travail est lent et dure longtemps.

Utilisation de l'antivirus
Les virus dont des programmes malveillant. Il en existe plusieurs types: Les vers, les virus et chevaux de Troies. Les virus rcents mlangent ces trois technologies pour devenir plus difficile radiquer. Les virus utilisent aussi le polymorphisme qui consiste changer d'apparence selon le milieu dans lequel il se retrouve. Les antivirus aide se protger contre les virus. Les antivirus ont deux mode d'action: le scan (dpistage) priodique sur le disque (peut tre automatis) et le dpistage systmatique de tout nouveau programme, fichier, email (entrant et sortant) grce un programme rsident mmoire. Pendant le TP on verra plus en dtails les antivirus.

Installation d'un logiciel.

Pour installer un logiciel, il suffit d'insrer son cd et le programme d'installation se lance tout seul. Sinon, on recherche et lance le fichier "Install.exe" ou "Setup.exe". Toutefois il possible d'avoir d'autres nom pour des programmes d'installation notamment pour des programmes tlcharger sur internet. On verra beaucoup plus dans le TP.

Centre Local d'Infomation et de Communication Troisime Formation Rgionale

P 20 / 23 Timoth KEITA & Mohamed Ag Acharom

TP 1 : Elments du rseau et configuration


Exercice 1 : Configurer deux ordinateurs de faon ce que les autres machines ne puissent les accder mais que les deux ordinateurs puissent communiquer ensemble. Le groupe de travail sera TPn (n le numro du groupe). Le nom du premier ordinateur sera jamanan et le second portera comme nom kodonson. Leur adresse IP sera respectivement 192.168.nn.11 et 192.168.nn.12 Pour les besoins de cet exercice, les stagiaires travailleront par groupe de trois. Les groupes seront numrots de 1 4(sil y a lieu). Exercice 2 : Sertir un cble qui fonctionne correctement 100Mb/s. Exercice 3 : Faire fonctionner correctement le rseau du CLIC. Crer sur toutes les 8 machines deux rpertoires partags. Un uniquement pour la consultation par lutilisateur rseau nomm consultation et un autre o lutilisateur rseau pourra modifier les fichiers nomm modification. Copier dans consultation ces deux fichiers qui se trouvent dans le rpertoire Windows : plume.bmp et system.ini. Copier dans modification ces deux fichiers qui se trouvent dans le rpertoire Windows : zapotec.bmp et win.ini. Maintenant essayez deffacer plume.bmp dans consultation dun autre ordinateur et not la raction de lordinateur. Essayez de copier zapotec.bmp dans consultation dun autre ordinateur. Essayez de copier plume.bmp dans modification dun autre ordinateur. Faites dautres manipulations pour bien comprendre le fonctionnement du partage de dossier.

TP 2 : Rseau
Exercice 1 : Accder au DW6000 et vrifier ltat de la connexion internet. Exercice 2 : Utilisation des outils rseau : Ping Ipconfig Netstat Nslookup Tracert Exercice 3 : Dmonstration du pilotage dun ordinateur partir dun autre.

Centre Local d'Infomation et de Communication Troisime Formation Rgionale

P 21 / 23 Timoth KEITA & Mohamed Ag Acharom

TP 3 : Langage HTML
Exercice 1 : crer un fichier html et le visionner 1. crer un rpertoire nomm "testhtml" 2. crer un page web affichant la seule ligne "Je dbute en HTML". Le texte sera trs grand et centrer. Le fichier sera nomm "exo.html" et sera enregistrer dans le rpertoire "testhtml". 3. Afficher la page cre dans le navigateur Internet Explorer Exercice 2 : crer un fichier html mis en forme et le visionner 1. crer une page web dont le fond est bleu, et le texte de couleur rouge dans le rpertoire "testhtml". La page aura pour nom ma_main.html 2. Le texte afficher est le suivant :

Ma Main
Voici ma main Elle a cinq doigts En voici deux, en voici trois Celui-ci le gros bonhomme Cest le pouce quil se nomme Regardez mes doigts travailler Chacun fait son petit mtier 3. afficher la page cre dans le navigateur Exercice3 : crer des liens hypertextes entres plusieurs pages webs 1. ouvrir la page exo.html avec un diteur 2. ajouter en bas un lien vers la page ma_main.html le texte du lien sera : "Ma Main" 3. ouvrir la page ma_main.html avec un diteur 4. ajouter en bas un lien vers exo.html le texte du lien sera : "Revenir la page d'accueil"

Centre Local d'Infomation et de Communication Troisime Formation Rgionale

P 22 / 23 Timoth KEITA & Mohamed Ag Acharom

TP 4 : Logiciel SPIP
Exercice 1 : Suivez la formation flash sur la cration d'article Lancez la formation interactive pour la cration d'article et visionnez la du dbut la fin Exercice 1 : Crer un article de prsentation de votre CLIC sur le site Crer un article sur le site du projet (dans la rubrique rserv votre CLIC) prsentant votre ville et son CLIC. Sachez que cet article sera visible partout au monde. Vous pouvez lancez la formation interactive et suivre pas pas les tapes pour crer votre article.

TP 5 : Installation dun ordinateur


Exercice 1 : Rinstallez tous les programmes dun ordinateur Nous formerons trois groupes. Chaque groupe sera charg dinstaller un logiciel spcifique : Windows, Configuration du matriel, Office, Publisher, autres. Tous les autres assisterons et pourrons faire des suggestions. Mais seuls les membres du groupe peuvent dcider de faire tel ou tel action.

TP 6 : Virus et Antivirus
Exercice 1 : Installer lantivirus AVG Tlcharger les fichiers de lantivirus et linstaller sur votre ordinateur. Mettre jour les dfinitions de virus et scanner tous vos disques locaux. En cas d'infection virale, liminez les virus trouvs. Exercice 2 : Installer le logiciel ad-aware Tlcharger les fichiers de Ad-aware et linstaller sur votre ordinateur. Mettre jour les dfinitions de virus et scanner tous vos disque dur. En cas dinfection, liminez le logiciel espion.

Centre Local d'Infomation et de Communication Troisime Formation Rgionale

P 23 / 23 Timoth KEITA & Mohamed Ag Acharom

Vous aimerez peut-être aussi