COURS D'INFORMATIQUE II

Ce cours est composé de trois parties :

-La première partie concerne l’initiation à Excel.
-La deuxième partie aborde l’initiation à Power Point.
-La dernière partie traite la notion du langage HTML.

I. EXCEL
1. Présentation
Excel est un logiciel multifonctions intégrant un tableau puissant, un
gestionnaire de base de données, un grapheur ainsi qu’un langage de macro
programmation. Excel permet de gérer plusieurs fichiers en même temps sur
le plan de travail. Il facilite ainsi les liaisons et les consolidations de tableaux
ou graphes. Un tableau nous permet de réaliser des documents sous forme
de tableaux. Il mémorise des formules, effectue des calculs et permet surtout
la possibilité de simulation en temps réel qui n'était autre fois accessible que
sur gros système.
C’est un logiciel dit « tableur » (fichier .xls ou « classeur »).Il fait aussi partie
de la suite MS Office. Il permet de manipuler des « feuilles de calcul » c’est à
dire des tableaux de « cellules » comportant des données et des formules
(calculs) sur ces données. Le résultat de ces formules est aussi affiché pour
servir de données à d’autres formules etc. Excel est très utilisé en
comptabilité mais aussi pour les emplois du temps, les factures. Un grand
nombre de fonctionnalité de Word (sur la présentation de feuilles de calculs)
sont présentes : enregistrer, ouvrir, imprimer (aperçu avant impression),
police d’écriture, couleur, format copier/couper/coller alignement des textes,
format des cellules etc.

2. Ecran

Au démarrage, Excel affiche un document vierge nommé "Class1" le

document normal au démarrage est un classeur. A l'intérieur du classeur se
trouvent 16 feuilles nommées "Feuil1, feuil2,Etc..". L'écran Excel est
composé de :
• Barre des titres : elle comprend : le nom de l'application, le nom du classeur,
le nom système, la case de réduction ,la case restauration ,les feuilles
.• La barre des menus : elle est composée des différents menus déroulants.
• La barre d'outils
• La barre des formules : elle permet de saisir les données de la feuille, de
créer des formules de calcul. Elle affiche la valeur constante ou la formule
contenue dans la cellule active.
• Les colonnes : chaque colonne est identifiée par un numéro
• Les lignes : chaque ligne est identifiée par un numéro
• Les cellules : c'est l'intersection d'une ligne et d'une colonne d'une feuille de
calcul. Chaque cellule a une adresse (Ex : liCj. La cellule active est la cellule
dans laquelle se trouve le pointeur.
• Les barres de défilement : elles sont utilisées pour se déplacer et visualiser
les différentes parties d'une feuille de calcul trop grande.
• Le pointeur : Il est matérialisé dans la zone de travail par une croix blanche.
Il change de forme selon sa position.
• Barre d’état : Elle indique les différents messages en cours de travail. On
peut rajouter, supprimer, renommer des feuilles
.
2. Structure d’un document
Un tableur produit des classeurs. Un classeur contient des feuilles. Une
feuille est un tableau de cases, en lignes et en colonnes. Une case s’appelle
une cellule. Une plage de cellules est un ensemble de cellules. En terme de
fichier, plusieurs formats :.xls pour MS Excel; .ods pour OpenOffice Calc.

3. Les formules
La relation entre cellules s’effectue par la création de formules. Les formules
permettent d’effectuer de nombreuses opérations, des additions, des
multiplications, des comparaisons de valeurs, figurant dans une feuille de
calcul. Les opérations utilisées dans les formules : Addition, Soustraction,
Division, Multiplication, Pourcentage (Placé après une valeur).Les opérateurs
de comparaison utilisés dans les formules := Egal ; > supérieur à ;< Inférieur
à ;>= Supérieur ou égale ; <= Inférieur ou égale ; <> Différent.

4. La barre de formules
La barre de formules, lorsqu’elle est activée, permet de taper une formule,
d’insérer des fonctions de calcul ainsi que des noms dans une formule. Pour
activer la barre de formules, il suffit de cliquer dedans ou de commencer à
taper des données.
La saisie d’une formule doit commencer par l’opérateur (=) qui annonce la
formule.
Exemple : Valider la formule en cliquant sur le signe ENTREE dans la barre
de formule
Les tests peuvent s’imbriquer avec des opérateurs logiques : « OU » « ET ».
5. Les graphiques
Un graphique est une représentation visuelle des données d’une feuille de
calcul. Les différentes valeurs de la feuille de calcul sont affichées dans des
graphiques de différentes sortes. Ces valeurs sont regroupées en séries de
données qui sont différenciées par des couleurs et des motifs différents.

II. POWER POINT

1. Présentation
Le logiciel Microsoft PowerPoint permet de créer une présentation pour écran
et vidéo projecteur (un diaporama). En d'autres termes c' est un logiciel de
Présentation Assistée par Ordinateur. Il permet de préparer des présentations
contenant du texte, des images, des effets visuels, du son.Il est surtout utilisé
pour les présentations commerciales et techniques lors de réunions par
exemple et pour une multitudes d'animations qu'on reçoit généralement par
mail par fichiers attachés.

2. Ecran

(1). La barre de titre Windows et affiche le titre de la présentation en cours.

(2). Les menus de PowerPoint ne sont pas différents dans leur structure de
ceux des autres applications Microsoft Office (Word, Excel, ..).
(3). Les barres d'outils. Le choix des barres affichées est sélectionnable dans
le menu Affichage -> Barre d'outils.
(4). Règle. Ici aussi une option du menu affichage.
(5). Le mode d'affichage: normal, mode trieuse ou diaporama.
(6). La diapositive. C'est dans cet espace que nous allons créer et modifier
nosdiapositives.
(7). Le volet office. Cet affichage est spécifiques aux versions XP et 2003. Il
est lui-même divisé en plusieurs parties.

3. Les différentes modes d'affichage

PowerPoint offre trois modes d’affichage principaux : le mode Normal, le
mode Trieuse de diapositives et le mode Diaporama.

a. Mode Normal
Le mode Normal, que vous utilisez pour écrire et concevoir vos
présentations, est le principal mode de modification. Il comprend trois zones
de travail :
-à gauche, des onglets qui vous permettent de basculer entre le plan des
diapositives (onglet Plan) et les diapositives affichées sous forme de
miniatures (onglet Diapositives) ;
l'onglet Plan vous permet d’afficher le texte de vos diapositives sous forme de
plan, sans mise en forme ni dessin perturbant. Il aide à organiser. L'onglet
Diapositive affiche les diapositives de la présentation sous forme d'images
miniatures. C’est un moyen simple et rapide de parcourir la présentation et de
visualiser l’effet des modifications apportées à votre conception. Vous
pouvez également réorganiser, ajouter ou supprimer des diapositives.
-à droite, le volet des diapositives, dans lequel figure une vue agrandie de la
diapositive en cours. Dans ce volet lorsque la diapositive en cours est
affichée dans cette zone, vous pouvez la modifier en ajoutant du texte, des
images, des tableaux, des graphiques, des objets dessinés, des zones de
texte, des films, des sons, des liens hypertexte.
-en bas, le Volet Commentaires. Vous pouvez ajouter des commentaires sur
le contenu de chaque diapositive. En les imprimant, vous pourrez vous y
reporter lors de votre présentation.

b. Mode trieuse de diapositives

Le mode Trieuse de diapositives affiche toutes les diapositives sous forme de
miniatures. Le mode Trieuse de diapositives offre une vue d'ensemble de
celles-ci. Elle vous permet de réorganiser, ajouter ou supprimer des
diapositives et de visualiser les effets de transition et d' animation.

c. Mode diaporama
Le mode Diaporama occupe tout l’écran de l' ordinateur, comme une véritable
présentation. Cet affichage plein écran vous permet de voir la présentation
telle qu'elle apparaîtra à votre assistance. Vous pouvez visualiser l aspect
des éléments graphiques, des minutages, des films, des éléments animés et
des effets de transition du diaporama définitif.

4. Etapes de conception d'une présentation Power Point

Dans l'onglet « accueil », on ajoute des diapositives. Avec l’onglet « Création
», on l'employe pour créer, concevoir et enregistrer des thèmes qui
améliorent l’aspect des diapositives. On peut dans cet onglet aussi de créer
des arrière-plans pour les diapositives sélectionnées, à savoir des images,
des schémas ou des dégradés de couleurs. Dans l’onglet « transitions », on
sélectionne et applique un jeu d’effets de transition prédéfini qui crée un
mouvement entre les diapositives lors de la présentation. Aussi dans cet
onglet, on peut créer et pré visualiser des minutages applicables à une ou
plusieurs éléments dans les diapositives. Ainsi, on peut décider du moment et
de la manière d’afficher des éléments dans la diapositive et vous augmentez
l’impact de votre message. Enfin on peut aussi définit la vitesse et la durée
des transitions et des animations.
ATTENTION : Une présentation PowerPoint est un aide audiovisuel pour
les présentations de contenu. Il aide à maintenir l’attention et la
concentration de l’étudiant. Donc, la police doit être écrite en format
géant et le contenu doit être limité à des résumés.

III. Langage HTML

1. Généralités sur le langage HTML

a. Description
C'est un langage pour écrire des pages web. C'est un langage à balises
(tag) : la plupart d'entre elles après avoir été ouvertes nécessitent d'être
fermées. L'ordre de fermeture doit être exactement l'ordre inverse
d'ouverture. Certaines balises peuvent recevoir des paramètres optionnels
complémentaires contenus dans la balise d'ouverture.

b. Caractéristiques
HTML= HyperText Markup Language. Le logiciel permettant de l’interpréter
dépend du système d’exploitation. Ce logiciel interpréteur sera celui du
navigateur (Internet Explorer,Google Chrome,Firefox). Il peut comporter des
textes, des images, des composants multimédia (son, vidéo).Surtout, il
permet de construire des liens (hyper-texte). Ces liens pouvant être de
plusieurs types (internes, externesetc.).Il repose sur le protocole HTTP
(HyperText Transfert Protocol).C’est un langage de définition de
documents.Ce n’est pas un langage de programmation. Il est interprété par
tous les navigateurs. On l’écrit comme un simple texte ASCII. Il peut être
employé aussi bien sur un PC, un Mac, un console Sun, etc... Et donc il peut
être employé sous Windows, MacOS, Unix,Linux, Solaris... Il s’agit d’un
langage portable.

2. Les différentes balises

a. Les balises de structuration
<HTML> ...</HTML> : C'est entre ces 2 balises que va être définie votre
page HTML. Elles doivent apparaître aux deux extrémités de votre document
source.
 <HEAD> ...</HEAD> : C'est entre ces 2 balises que vont être contenues
des informations sur la page (le titre, l'auteur, le contenu, les mots-clés,
le jeu de caractères utilisés, etc.). On peut aussi trouver du texte qui
apparaîtra dans la page (mais, ce n'est pas courant) ainsi que des scripts.
" <META NAME="...">
<META CONTENT="..."> : Meta information. Permet de spécifier par
exemple le nom de l’auteur du document, la date de création et de
multiples informations permettant de caractériser la page HTML.
<!--... --> : Commentaires
<TITLE> ...</TITLE> : A l'intérieur de l'en-tête que nous venons de voir,
pourront apparaître ces 2 balises. Le texte qu'elles contiennent
constituera le titre de la page apparaissant physiquement en haut de la
fenêtre du navigateur.
<BODY[...]> ...</BODY> : Le corps, à proprement parler de votre page
sera contenu entre ces 2 balises. La balise d'ouverture peut recevoir des
paramètres :
BGCOLOR=couleur : couleur de fond
BACKGROUD=url : image de fond
TEXT=couleur : couleur du texte par défaut
LINK=couleur : couleur des textes-liens
ALINK=couleur : couleur des textes-liens lors du click
VLINK=couleur : couleur des textes-liens visité
LEFTMARGIN=n (pixels)
RIGHTMARGIN=n (pixels)

Les principales couleurs prédéfinies

:bleu clair : #00FFFF
Noir : #000000
bleu : #0000FF
lilas : #FF00FF
gris moyen : #808080
vert : #008000
vert clair : #00FF00
marron : #800000
bleu marine : #000080
kaki : #808000
pourpre : #800080
rouge : #FF0000
argenté : #C0C0C0
cyan foncé : #008080
blanc : #FFFFFF
jaune :#FFFF00
b. Les balises de formatage de ligne
<BR> : Balise sans fermeture qui provoque un retour endébut de ligne
suivante.
<P[...]>...</P> : Balises définissant un paragraphe (espacement entre les
lignes qui précèdent et celles qui suivent)
ALIGN=left :alignement à gauche
ALIGN=right : alignement à droite
ALIGN=center : alignement à droite
ALIGN=justify : justification
<DIV ALIGN= left | right | center | justify>...</DIV> :Alignement d'objets divers
(texte, image, tableau, etc.).
Par rapport à <P> : pas d'espacement.
<CENTER>...</CENTER> : version moderne de
<DIV ALIGN=center>
<PRE>...</PRE> : Permet de restituer un texte tel que l'utilisateur l'a tapé en
respectant les espaces, les RC (sans <BR>).
<BLOCKQUOTE>...</BLOCKQUOTE> : Opère une indentation de tout le
texte inclus entre les balises. En multipliant le nombre de balises, on accroît
d'autant l'indentation.

c. Les balises de formatage de texte

<FONT [size=n] [color=couleur] [face=police]>...</FONT>
Ces balises permettent de choisir pour le texte qu'elles
encadrent, la police, la taille et la couleur utilisées.
Le nombre n est compris entre 1 (plus petite taille) et 7 (plus
grosse taille), où 3 est la taille par défaut." La couleur peut être donnée par
son nom (voir plus haut la liste non exhaustive) ou par son codage RVB sous
la forme d'un nombre de 6 chiffres hexa.La désignation de la police peut
comporter plusieurs noms.
<B>...</B> : permet de mettre en caractères gras (bold) le texte compris
entre ces 2 balises.
<STRONG>...</STRONG> : rend l'aspect plus gras que le précédent.
<BIG>...</BIG> : augmentent le texte concerné d'un degré par rapport au
texte environnant. Si celui-ci est de niveau 7, ces balises sont sans effet.
<SMALL>...</SMALL> : effet inverse au précédent.
<STRIKE>...</STRIKE> : barre le texte compris entre ces 2 balises.
<I>...</I> : met le texte compris entre ces 2 balises en italique.
<U>...</U> : souligne le texte compris entre ces 2 balises.
<SUB>...</SUB> : met le texte compris entre ces 2balises en indice.
<SUP>...</SUP> : met le texte compris entre ces 2 balises en exposant
exposant .
<Hn>...</Hn> : où n va de 1 (+gros) à 6 (+petit).La balise <HR> permet de
tracer une ligne horizontale.
"Attributs :ALIGN : Permet d'aligner la ligne horizontale sur la page :Valeurs :
RIGHT, LEFT ou CENTER ; WIDTH ; Spécifie la largeur de la ligne (en pixels
ou % de la
fenêtre) ;SIZE : Epaisseur de la ligne (de 1 à 10).

d. Les balises de liste

<UL[type=disc | circle | square]>...</UL> met sous forme de liste où chaque
item, contenu entre
des balises <LI>...</LI> sera précédé du signe choisi.
<OL[type=car][start=n]>...</OL> : même fonctionnement que le précédent
avec des items encadrés par<LI>...</LI>. Le signe précédant chaque item
sera cettefois un chiffre incrémenté à chaque item rencontré et initialisé à la
valeur start (1 par défaut).
<DL>...</DL> : Ces balises permettent aussi de créer des listes comportant
pour chaque item un titre introduit par la balise <DT> (sans fermeture) puis
une définition introduite par la balise <DD> (sans fermeture).

e. Les balises de table

<TABLE[attributs]>...</TABLE> : permet de réaliser un tableau dont chacune
des lignes sera définie entre les balises <TR> et </TR> et pour chacune
d’elles, chaque case sera définie entre les balises <TD> et </TD> :
ALIGN=left | right | center :alignement dans le document
BGCOLOR=couleur :couleur du fond par défaut
WIDTH=nb. pixels ou % :largeur sur le document
HEIGHT= nb. pixels ou % :hauteur sur le document
BORDER=nb. Pixels :épaisseur de l’effet 3D
CELLSPACING=nb. Pixels :espace entre cases
CELLPADDING=nb. Pixels : espace bord/contenu de case
La balise <TR> reprend certains attributs qu’elle permet d’appliquer à la
rangée de cases qu’elle définit (BGCOLORet ALIGN).
La balise <TD> reprend les mêmes attributs à son compte ainsi que :
COLSPAN=n : nb. de cellules combinées horizontalement
ROWSPAN=n : nb. de cellules combinées verticalement
NB : </TR> et </TD> sont optionnels

e. Les balises de liens

<A>...</A>: définition d'un lien permettant de se déplacer vers une cible qui
est : soit un endroit précis dans une page (éventuellement la page active),soit
vers le début d'une autre page.Le lien peut porter sur un objet quelconque de
la page source (texte, image, etc.).
NAME=nom définition d'une ancre dans une page ; nom sera une chaîne de
caractères débutant par # ("#renvoi")
HREF=url:adresse de la cible
TARGET=cadre : lieu de chargement de la page.

f. Les balises d'image

La balise <IMG>
-Pour insérer une image sur la page.Ses attributs précisent l’adresse du
fichier image et la position de l’image :
" SRC indique l’adresse du fichier.WIDTH et HEIGHT : largueur et hauteur de
l’image en pixels
(accélère le chargement de l'image).ALT : Texte associé à l’image.
-Pour mettre un lien sur une image, il suffit de placer l'image dans une ancre
<AHREF="www.machin.com/index.htm"><IMG
SRC="images/logo_machincom.gif"></A>.

3. Applications
Pour la conception d’une page web avec le langage HTML , nous avons
besoin :
-d'un éditeur de texte tout simple comme par exemple le Bloc-notes ou Note-
pad de Windows ou tout autre équivalent dans votre système d'exploitation.
-d’un navigateur : Internet Explorateur , Firefox , Google Chrome.
a. Un document Html minimum
<HTML>
<HEAD>
<TITLE>Document Html minimum</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
b. Le texte
<HTML>
<HEAD><TITLE></TITLE></HEAD>
<BODY>texte simple<BR>
<B>texte en gras</B><BR>
<STRONG>texte en gras</STRONG><BR>
<I>texte en italique</I><BR>
<EM>texte en italique</EM><BR>
<B><I>texte en gras et en italique</I></B><BR>
<FONT SIZE=5>texte</FONT>
<FONT COLOR="#0000FF">en bleu</FONT>
<!--C'est fini-->
</BODY>
</HTML>

c. Les titres et les listes

<H1>Les mois du printemps</H1>
<UL><LI>avril
<LI>mai
<LI>juin</UL>
<P>
<H3>Les mois d'automne</H3>
<OL><LI>octobre
<LI>novembre
<LI>d&eacute;cembre</OL>

d. Les liens
-le fichier 1.htm:
<A HREF="2.HTM">Aller vers le document 2</A>
- le fichier 2.htm:
<A HREF="1.HTM">Retour au document 1</A>

e. Les images
<IMG SRC="Adresse de l'image"> Afficher l'image qui se trouve à l'adresse...
<IMG SRC="HELP.gif" align=TOP>Fichier d'aide
<IMG SRC="HELP.gif" align=CENTER>Fichier d'aide
<IMG SRC="HELP.gif" align=BOTTOM>Fichier d'aide
<A HREF="fichier.htm"><IMG SRC="image.gif"></A> : Lien sur image

e. Les séparateurs
<H3 align=center>Van Lancker Luc</H3>
<HR align=center size=8 width="50%">

f. Les arrières plan

<BODY BGCOLOR="#000088">
<H1>Bonjour</H1>
</BODY>
<BODY BGCOLOR="#000088" TEXT="#FFFF00">
<H1>Bonjour</H1>
</BODY>

g. Les tableaux
<TABLE>
<TR><TD>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>

<TABLE border=2>
<TR><TD>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>
<TABLE border=2 cellspacing=10>
<TR><TD>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>
<TABLE border=2 cellpadding=10>
<TR><TD>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>

h. Les cellules des tableaux

<CENTER><TABLE width=60% border=1>

<TR>
<TD>cellule1</TD>
<TD>cel. 2</TD>
<TD>3</TD>
</TR>
</TABLE></CENTER>

<CENTER><TABLE width=60% border=1>

<TR>
<TD width=33%>cellule1</TD>
<TD width=33%>cel. 2</TD>
<TD width=34%>3</TD>
</TR>
</TABLE></CENTER>

<CENTER><TABLE width=60% border=1>

<TR><TD width=33%>cellule1</TD><TD width=33%>cel. 2</TD>
<TD width=34%>3</TD></TR>
<TR><TD width=33%>cellule1</TD><TD width=33%>cel. 2</TD>
<TD width=34%>3</TD></TR>
</TABLE></CENTER>

<CENTER><TABLE width=60% border=1>

<TR>
<TD colspan=3>cellule 1</TD>
</TR>
<TR> <TD width=33%>cellule 1</TD> <TD width=33%>cel 2</TD>
<TD width=34%>3</TD> </TR>
</TABLE></CENTER>

<CENTER><TABLE width=60% border=1>

<TR>
<TD width=33% rowspan=2>cellule 1</TD>
<TD width=33%>cel 2</TD>
<TD width=34%>3</TD>
</TR>
<TR>
<TD width=33%>cel 2</TD>
<TD width=34%>3</TD>
</TR>
</TABLE></CENTER>

<CENTER><TABLE width=60% border=1>

<TR>
<TD colspan=3 align=center>Tarif au ../../..</TD>
</TR>
<TR>
<TD width=33% >Article 1</TD><TD width=33%>Ref 002 </TD>
<TD width=34% align=right>30fr</TD>
</TR>
</TABLE></CENTER>

<TD colspan=3 align=center bgcolor="#000088">

i. Les frames
.
Pour diviser l'écran en plusieurs fenêtres, les balises sont peu nombreuses. Il
faut employer les balises suivantes :
<HTML>
<HEAD></HEAD>
<FRAMESET ROWS="30%,70%">
<FRAME>
<FRAME>
</FRAMESET>
</HTML>

<FRAMESET COLS="30%,70%">
<FRAME>
<FRAME>
</FRAMESET>

<FRAMESET ROWS="30%,70%">
<FRAME>
<FRAMESET COLS="30%,70%">
<FRAME>
<FRAME>
</FRAMESET>
</FRAMESET>

<FRAMESET ROWS="30%,70%">
<FRAME SRC="A.htm">
<FRAMESET COLS="30%,70%">
<FRAME SRC="B.htm">
<FRAME SRC="C.htm">
</FRAMESET>
</FRAMESET>