Informatique de base

1
Informatique de base
Pr. Namar Ydriss
Université Paris I Panthéon - Assas
Cours 1 Introduction
2
Partie II
Édition sous HTML
Logiciels

• Éditeurs
• Bloc-Notes (accessoire de Windows)
• Textpad ( .txt)
• Word (.doc)
• Dreamweaver (.htm)
• Navigateurs
• Netscape (.htm)
• Explorer

3
Code HTML ( 1er exemple)
Éditeurs

• Wysiwyg
• What you see is what you get
• A balisage
• HTML (HyperText Markup Language)
• TEX, LATEX

4
Interprétation du code HTML (1er exemple)
5
Détails du code HTML (1er exemple)
1/ Accès aux fichiers

• ltA HREF"http//www.berkeley.edu" gt
• http (ftp)
• Serveur www.berkeley.edu ou adresse IP

2/ Taille des caractères

• H1, H2, H3
• Balise ouvrante ltHigt
• Balise fermante lt/Higt (i1,2,3)

6
Balises

• Permettent d'ajouter de l'information qui
  n'est
• pas du texte pur
• mise en forme de paragraphe, images, liens
  hypertextes,
• tableaux...
• Peuvent être écrites en majuscules ou en
  minuscules
• Les syntaxes possibles
• ltbalisegt texte lt/balisegt
• ltbalise attributvaleurgt texte lt/balisegt
• ltbalise attribut1valeur1 attribut2valeur2 ...gt
  textlt/balisegt
• ltbalisegt
• ltbalise attributvaleur ...gt

7
Document HTML

• commence par la balise ltHTMLgt et se termine par
  lt/HTMLgt
• 2 parties
• Entête
• Commence par ltHEADgt et se termine par lt/HEADgt
  Contient des informations générales sur le
  document
• Titre est défini entre les balises ltTITLEgt
  et lt/TITLEgt
• Corps commence par ltBODYgt et se termine par
  lt/BODYgt

8
Structure dun document HTML
ltHTMLgt  ltHEADgt  ltTITLEgt titre du document
lt/TITLEgt lt/HEADgt  ltBODYgttexte du document avec
balises de mise en page, de mise en forme, de
liens hypertextes, d'images, ... lt/BODYgt
lt/HTMLgt
Application
Choisissez un document WWW relativement simple
avec votre navigateur et visualisez son fichier
source. Netscape, dans le menu déroulant Edit,
choisissez View Source
9
Caractères

• Code
• E codé en ASCII
• Mais é codé par egrave ou x8F ou 143
• Normal, Gras
• Balise ouvrante ltBgt
• Balise fermante lt/Bgt

10
Paragraphes

• Unité élémentaire
• ltBRgt saut de ligne

11
Listes

• Liste ordonnée
• Liste non ordonnée

ltULgt ltLIgt Cas 1 ltLIgt Cas 2 lt/ULgt
ltOLgt ltLIgt Cas 3 ltLIgt Cas 4 lt/OLgt
12
Interprétation
Ma page

• Cas 1
• Cas 2

1. Cas 3 2. Cas 4
13
Hyper-lien
ltA HREF"http//www.berkeley.edu" gt
L Université de berkeley lt/Agt
Visualisation
Ma page
LUniversité de Berkeley
14
Notion dURL
Unified Resource Locator
Exple www.berkeley.edu

• Suite de caractères (sans espace)
• Définit l'endroit (locator) où se trouve un
  document (resource)
• Champ Location du navigateur
• Appelée aussi adresse d'une page WWW

15
Syntaxe dune URL
http//www.upmf-grenoble.fr9999/ctec/NT/HTML/lien
s.html

• Accès au document
• Avec le protocole http
• Sur la machine www.upmf-grenoble.fr
• Sur le port 9999 (s'utilise assez rarement)
• Le document est le fichier /ctec/NT/HTML/liens.htm
  l

16
Pour les documents HTML protocole est presque
toujours http
17
URL absolues, URL relatives

• URL absolues http//www.urec.fr

• URL relative à la machine /ctec/NT/coursHTML.h
  tml

• URL relatives au répertoire du document

./balises.html   "." signifie le répertoire
courant (le même que le fichier d'où part le
lien)
../EUDORA/index.html ".." signifie
le répertoire en amont (qui
contient le répertoire du fichier d'où part le
lien)
Les noms de répertoires sont séparés par des
"/".".." signifie le répertoire en amont (celui
qui contient le répertoire du fichier d'où part
le lien).
18
URL absolues, URL relatives

• URL absolue utilisée lors de la création d un
  lien vers un autre site WWW
• URL relative au répertoire d'un document lors de
  la création dun lien vers un document du même
  site

Les noms de répertoires sont séparés par des
"/".".." signifie le répertoire en amont (celui
qui contient le répertoire du fichier d'où part
le lien).
19
Vérification des hyper-lien

• Dreamweaver permet de vérifier si tous les liens
  d'une page pointent sur des documents existants
• Vérification
• File puis Check links...
• Les liens sont alors vérifiés un à un

Les noms de répertoires sont séparés par des
"/".".." signifie le répertoire en amont (celui
qui contient le répertoire du fichier d'où part
le lien).
20
Nature des fichiers

• Images
• ../cs/fichier.gif
• ../cs/fichier.jpg
• Texte
• f1.txt
• f2.doc
• f3.ppt
• f4.html

Microsoft
www.w3c.org
21
Applications
TD 1 /II

• Édition dun fichier (AliceMac.txt), code des
  caractères ASCII et Unicode
• Édition HTML manuelle et sous Dreamweaver,
  Caractères, paragraphes, Images, Ancres, Listes