seance1 Internet-WEB 21.ppt

1
Techniques du web
LST Informatique
@FST: 2016 - 2021
Mohamed OUZARF

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

4
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

5
Internet
1- Usage du protocole TCP/IP
2- Architecture Client/Serveur
3- Nécessite d'un protocole de communication :Http
La base du Web

6
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.
Web : WWW

7
Développé au CERN ( Centre Européen de Recherche
Nucléaire) à Genève, Suisse, par Tim Berners-Lee en 1989.
Ted Nelson (1965) est un sociologue-philosophe américain, Il
est considéré comme l'inventeur du terme hypertexte .
Actuellement le web est supervisé par un Consortium
indépendantW3C. http://www.w3.org
Web : Historique
@timberners_lee: Director of W3C (www.w3.org)
Prix Turing 2016.

8
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é.
Page/site web

9
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, …)
Hébergement d’un site web

10
Navigation dans le Web
HTTP (HyperText Transfer Protocol)
HTML (HyperText Markup Languge)

12
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.
HTTP
L’HyperText Transfer Protocol, plus connu sous
l’abréviation HTTP est un protocole de communication
client-serveur développé pour le Web.

13
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)
HTTP

14
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
URL : Uniform Resource Locator
L’adresse de destination

18
Propriétés du web
Lien Hypertexte
Les informations sont réparties
dans plusieurs (pages web) reliés
par des liens dites liens hypertexte.
Evite un parcours séquentiel des
documents.
Très pratique
Références bibliographiques
Dictionnaire
Cours

19
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…)

20
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
Technologies de web 2.0

21
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.

22
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 »

23
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

24
 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.

25
 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).

26
• 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

27
 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

28
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.

29
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.

30
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.

Stratégie dans le Web : google leader
Mohamed.Ouzarf @ LST INFO
33

Technique calcul % autorité grâce à <a> : balise d'ancre
Mohamed.Ouzarf @ LST INFO
34

seance1 Internet-WEB 21.ppt

Contenu connexe

Similaire à seance1 Internet-WEB 21.ppt

Plus de AmineReal

Dernier

seance1 Internet-WEB 21.ppt