Techniques du web

LST Informatique
FST 2016-2017
Mohamed OUZARF

1
Techniques du web

2
 Plan
Internet
WEB 1
WEB 2
Que faut-il pour « publier sur le web »?
Autre recommandations
Aspect juridiques
Protocole HTTP
Configuration des sites web

3
 Internet

L’Internet est un système de communication reliant les

ordinateurs à travers le monde et leur permettant de
communiquer et d’échanger les informations entre eux.
Réseau des réseaux

4
 Internet

La base du Web

1- Usage du protocole TCP/IP

2- Architecture Client/Serveur
3- Nécessite d'un protocole de communication :Http

5
 Web : WWW

Définition
Le web ou le World Wide Web «La toile d’araignée
mondiale », (WWW, W3) est un système hypermédia
« hypertexte » sur Internet.

En quoi consiste une présentation web?

Une présentation web, c’est un ensemble d’unités
d’information (texte, images, son video,…) pour
représenter un sujet ou à fournir un service.

6
 Web : Historique

Développé au CERN ( Centre Européen de Recherche

Nucléaire) à Genève, Suisse, par Tim Berners-Lee en 1989

Actuellement supervisé par un Consortium indépendantW3C.

http://www.w3.org

7
 Page/site web

Une page web est un fichier texte qui contient

des liens vers d’autres fichiers ou vers des
emplacements dans le même fichier.

Un site web est un ensemble de pages web

liés entre elles et qui tournent autour d’un
thème donné.

8
 Hébergement d’un site web

Un Utilisateur peut héberger son site web de trois manières :

Directement dans son propre serveur
Dans le serveur de son fournisseur d’accès à Internet
Chez les hébergeurs dédiés ( peuvent être gratuits :
yahoo, …)

9
Navigation dans le Web

HTTP (HyperText Transfer Protocol)

HTML (HyperText Markup Languge)
10
Ressources de navigation

11
URL : Uniform Resource Locator
L’adresse de destination

Adresse universelle d’un document

Composée de trois parties : service, serveur et chemin

Syntaxe :
Service://serveur/chemin_de_ressource

Exemples
http://fst-usmba.ac.ma/scolarite.html
mailto:admin@fst-usmba.ac.ma
telnet://login:mot_de_passe@fst-usmba.ac.ma
News:actualites-fst

12
 Propriétés du web

Hypertexte
Les informations sont
réparties dans plusieurs
(pages web) reliés
entre eux par des liens
dites liens hypertexte.
Evite un parcours
séquentiel des documents
Très pratique
Références bibliographiques
Dictionnaire
Cours
13
 Web 2.0
Le Web 2.0 est un renouveau du World Wide Web.

L'évolution concerne :les technologies employées

et les usages.

les interfaces Web 2.0 permettent aux internautes

d'interagir à la fois avec le contenu des pages mais
aussi entre eux, faisant du Web 2.0 le web
communautaire et interactif. (facebook…)

14
 Technologies de web 2.0

L'infrastructure du web 2.0 est complexe et changeante, mais elle

inclut les logiciels de serveur, la syndication de contenu, les
protocoles de messagerie, des standards de navigation, et des
applications clientes diverses.

Un site web est qualifié d’une approche web2.0 dès lors qu’il
emploie des techniques comme CSS, Ajax et XLM.

Évolution vers le web3.0

15
 Publication sur le web

Outils de publication: il faut distinguer les moyens matériels et les

moyens logiciels pour une publication sur le web.

Le matériel
Le web est fondé sur une architecture client/serveur. Le client
c’est vous, et le serveur est une machine dotée d’une capacité
disque suffisante et dont l’unité centrale aura la puissance
nécessaire.
Elle devra disposer d’une connexion haut débit sur l’internet.
Le client, ce sera le plus souvent un ordinateur personnel.

16
Que faut-il pour «publier sur le web»?

Le logiciel
Du côté serveur, il faut un logiciel spécialisé qui répond aux
demandes reçues des clients en leur envoyant les pages
correspondantes.

Du côté client, le problème est plus simple, car il suffit d’interpréter

les codes de balisage qui émaillent les informations reçues de
serveurs afin de restituer une mise en page qui se rapproche le plus
possible de celle envisagée par le créateur de la page.
Ce sont les logiciels que vous utilisez pour afficher les présentations
offertes par le serveurs on les désigne sous le non de « browsers »

17
 Les regèles à respecter

 Pour la page d’accueil:

• la page d’accueil doit commencer par expliquer l’obejectif du site.
• Donner une introduction suffisante pour accrocher le public visé (vous avez
moins de 30 secondes pour convaincre le visiteur, parfois, moins de 5
seconde)
• Si vous travaillez pour une entreprise ou une organisation, la page d’accueil
doit contenir le nom de cette organisation et un élément visuel (par exemple
un logo ).
• Il est indispensable de mettre sur la page d’accueil votre adresse, un numéro
de téléphone, un mail. Comme ça, vous permettez aux internautes de vous
contacter en cas de besoin.
• Il est indispensable aussi d’indiquer la date de la derniere mise à jour du site

18
 Les regèles à respecter

 Pour chaque page individuelle :

• Contenu de texte : entre 100 et 500 mots par page.
• Séparateurs : mettez un titre, une barre de séparation ou une image tous les 40 à 100
mots.
• Longueur de page : entre 2 et 4 écrans par page (avec un écran de 640x480)
• Largeur de page : elle doit absolument tenir sur un seul écran (pas de défilement
horizontal).
• Taille de fichier : entre 15Ko et 30Ko (il ne faut pas dépasser 50Ko, image inclus).
• Couleurs: 2 à 4 couleurs dominantes.
• Fonts : Pas plus de 3 fonts.
• Espace blanc : l’arrière-plan doit occuper plus de 50% de la page. C’est à dire,
l’ensemble du texte et graphiques ne doit pas dépasser 50% de la page. Comme ça,
la page apparait légère et agréable.
• Aucune couleur de l’arrière-plan ne doit être proche de la couleur du texte. Sinon
le texte devient illisible.
• Style : tous les textes et images doivent être homogènes.

19
 Les regèles à respecter

 Pour le site dans sa totalité :

• Il faut que le site dans sa totalité soit homogène. En créant une
identité visuelle, le visiteur de votre site remarquera que toutes
les pages de votre site se ressemblent. Ainsi, il sait qu’il est
toujours sur le même site.
• Utilisez le même style dans toutes les pages. Les feuilles de styles
vous aideront énormément dans ce stade.
• Si vous utilisez des images, des icônes ou boutons de navigation,
utilisez les mêmes dans toutes les pages. Comme ça, et en plus de
l’homogénéité visuelle, vous réduisez le temps de chargement
des pages (car une image se charge une seule fois même si elle est
utilisée plusieurs fois dans un site).
20
 Les regèles à respecter

• En ce qui concerne les liens : une étude a montré que les

internautes se trouvent confus et mal à l’aise si on leur offre plus
de sept choix. Ils préfèrent moins de cinq choix. Pour cette raison,
évitez d’offrir plus de cinq liens hypertextes dans une page web.
Dans le cas de besoin, regroupez ces liens dans des catégories
chacune contenant moins de cinq liens.
• Respecter la règle de 3 clicks : ne vous éloignez pas plus de trois
niveaux depuis la page d’accueil. Testez aussi tous les liens
périodiquement pour vous assurer qu’ils fonctionnent bien

21
 Les regèles à respecter
 A éviter dans un site web :

• Évitez de publier sur internent des pages qui ne sont pas

complètes.

• Supprimez aussi tous les liens qui mènent vers ces pages.

• Évitez de situer des liens vers des sites externes dans la page
d’accueil. Si vous jugez un site intéressant pour les visiteurs de
votre site, vous pouvez mettre un lien vers ce site dans une page
interne.

• Évitez la publicité mensongère

22
 Autre recommandations
L’actualisation
Un livre comporte toujours une date de publication. De même,
une présentation web doit être datée.
Les sujet techniques ou ceux qui touchent à l’actualité ou à
l’économie doivent faire l’objet de fréquentes mises à jour.

L’auteur
Une publication doit avoir un auteur. Même lorsqu’il s’agit
d’une présentation réalisée pour le compte d’une entreprise
industrielle ou commerciale ou d’un établissement public.
Il doit toujours y avoir un nom d’auteur ou tout au moins une
adresse E-mail à laquelle les lecteurs puissent faire parvenir des
observations, des critiques, des commentaires ou des questions.
23
 Autre recommandations

Le respect du copyright

Il est tentant de recopier des images, de sons ou des animations

qui vous plaisent pour les réutiliser dans vos propres pages.
Mais attention à respecter la propreté des autres.
En générale lorsqu’il s’agit de sites web à but non commercial,
les possesseurs d’images ne refusent jamais, si on le leur
demande bien poliment, de donner leur autorisation. Et bien sur
de les remerciant dans votre page d’accueil.

24
 Aspect juridiques

L’usage généralisé de l’internet est trop récent pour qu’il y ait

déjà suffisamment de cas soumis aux tribunaux.
Sur l’internet, les responsabilités sont mal définis et
l’internationalisation du réseaux ne facilite pas l’application de
lois nationales.

Au cours de la publication d’un site web, Il faut respecter

certaines choses:
1- le droit de citation
2- le respect des règles d’usage
3- le respect de la vie privée des autres.

25
 HTTP

L’HyperText Transfer Protocol, plus connu sous

l’abréviation HTTP est un protocole de communication
client-serveur développé pour le Web.

HTTP est un protocole de niveau applicatif qui permet la

transmission de documents distribués et multimédia à travers le
web.

HTTP a été inventé par Tim Berners-Lee avec les adresses web
et le langage HTML pour créer le World Wide Web. À cette
époque, le File Transfer Protocol (FTP) était déjà disponible
pour transférer des fichiers.
26
 HTTP

Mode de fonctionnement : Client/Serveur

Utilise en général le protocole TCP
Port par défaut 80
Une seule Connexion TCP pour chaque requête (http1.0)
Fermeture de la connexion après la réponse du
serveur.
Possibilité d’exécuter plusieurs requêtes sur la même
connexion (HTTP1.1)

27