Université de Sfax

Ecole Supérieure de Commerce

de SFAX
A.U. : 2013 - 2014

Conception des Sites Web

Enseignée par: Hichem DABBÈCHI

1 01/11/2013
 Chapitre 1: Les Sites Web

2 01/11/2013
Plan

 Qu’est-ce qu’un site web?

 Site web institutionnel et site web e-commerce

 Pourquoi avoir un site web?

 Comment est fait un site web?

3 01/11/2013
Plan

 Qu’est-ce qu’un site web?

 Site web institutionnel et site web e-commerce

 Pourquoi avoir un site web?

 Comment est fait un site web?

4 01/11/2013
Qu’est-ce qu’un site web?

Une page Web est une ressource du World Wide Web conçue pour être consultée
par des visiteurs à l'aide d'un navigateur Web. Elle a une adresse Web. Techniquement,
une page Web est souvent constituée d'un document en Hypertext Markup Language
(HTML) et d'images.
 Un site Web est un ensemble de pages Web hyperliées entre elles et mises en ligne
à une adresse Web. On dit aussi site Internet, le World Wide Web reposant sur
Internet.

 Un site web est un moyen de communication avec contenu, images, documents, un

bon design visuel, et qui a des liens avec d’autres sites web.

D’après Wikipédia :
- En 2006, le Web a dépassé les 100 millions de sites.
- En 2008, plus de 183 millions de sites Web.
- En juillet 2009, plus de 240 millions.
5 01/11/2013
Plan

 Qu’est-ce qu’un site web?

 Site web institutionnel et site web e-commerce

 Pourquoi avoir un site web?

 Comment est fait un site web?

6 01/11/2013
 Site web institutionnel et site web e-commerce
Site web institutionnel :

 La création d’un site Internet institutionnel permet de présenter une institution sur
le web.
 L’institutionnel présente ses activités, ses objectifs, son planning, … Au moyen d’un
site web,
 une entreprise s’ouvre sur sa clientèle et expose ses activités aux yeux de tous.
 Un site web institutionnel est par exemple un site de banque, d’une chaîne de
restaurant ou des sites immobiliers.
 Le site institutionnel présente également les partenaires de l’entreprise, via
notamment leurs sites web.
 Un site institutionnel, est souvent la réunion de plusieurs sites web, reliés entre eux
par des liens, et présentant les différentes activités ou entreprises appartenant au
groupe.

7 01/11/2013
 Site web institutionnel et site web e-commerce
Fonctionnalités d’un site web institutionnel :

 Un site web d’une institution publique, un site institutionnel, assure les

fonctionnalités suivantes :
 diffuse de l’information vers les citoyens : information administrative, politique,
pratique, …
 gère l’interaction avec les citoyens au travers de formulaire de demande
d’information.
 effectue des transactions au travers d’une plateforme de e-governement.
 augmente la qualité de service, la perception de proximité, la transparence et aussi
la rationalisation des coûts.
 Quand aux cibles, les institutions s’adressent :
 aux citoyens.
 aux entreprises et autres institutions..

8 01/11/2013
Site web institutionnel et site web e-commerce
Site Web e-Commerce

Un site web commercial :

 diffuse de l’information vers les clients potentiels : description des produits
et services, promotions, etc. …
 gère l’interaction avec ses clients au travers de formulaires, demande
d’information, support, FAQ, …
 peut faire des transactions via une plateforme de e-commerce.
 a comme concurrence d’autres sociétés actives sur le même marché avec la
même cible clientèle.
 a comme objectif un retour sur investissement (ROI) : augmenter les ventes,
augmenter la qualité de service, faire baisser les coûts, …
 Quand aux cibles, les sociétés commerciales s’adressent :
 à des clients particuliers
 à des entreprises

9 01/11/2013
Plan

 Qu’est-ce qu’un site web?

 Site web institutionnel et site web e-commerce

 Pourquoi avoir un site web?

 Comment est fait un site web?

10 01/11/2013
Pourquoi avoir un site web?
Nous présentons ci-dessous, dix raisons pour une entreprise d'investir dans la conception d'un
site Internet professionnel :
 Une vitrine disponible 24h/24, 7 jours/7, 365 jours par année!
Le site Internet présente de l'information sur l’entreprise ainsi que ses produits et services et ce, en tout
temps. Internet n'est jamais fermé, il en est de même pour le site Web. Les visiteurs ont donc la possibilité
de le consulter au moment qui leur convient, peu importe les heures d'ouvertures des lieux physiques et
peu importe l'endroit où ils sont dans le monde. De plus, les visiteurs n'ont aucunement besoin de parler à
l'un des employés de l’entreprises. Si le visiteur a des questions, il aura la possibilité de contacter par
courriel l’entreprise, qui pourra y répondre quand bon lui semblera.

 Une immense source d'information sur l’entreprise.

L’entreprise a la possibilité de mettre autant d'information qu’elle veut sur son site Internet, en accord à
son budget de conception. Ainsi, son site Web devient une source d'information très importante pour ses
futurs clients désirant obtenir plus d'information sur ses produits et services avant de commander en ligne
ou dans ses lieux physiques. Lorsque le site est plus imposant, il est même possible d'implanter un moteur
de recherche à l'intérieur de celui-ci afin d'aider les visiteurs à trouver l'information recherchée de façon
rapide et efficace.

11 01/11/2013
Pourquoi avoir un site web?
 Document publicitaire évolué
Un site Web est également un document publicitaire permettant de faire connaître une
entreprise à une nouvelle clientèle en plus de votre clientèle existante. De plus,
contrairement à une publicité que le client achète dans un magazine ou un journal (visible
pendant un mois ou une journée seulement), le site Internet restera sur Internet tant que
l’entreprise le veut (autant que l’hébergement Internet demeure en règle). Internet améliore
l'étendue de la visibilité de l’entreprise en plus de donner beaucoup plus d'espace pour
présenter de l'information afin de convaincre les clients et prospects de faire affaires avec
l’entreprise.
 Pour convaincre un client avant qu'il ne soit trop tard
Il est important d'être présent sur Internet et ce, le plus rapidement possible afin d'éviter que
les prospects et clients actuels aillent voir des concurrents qui auront pris le virage d'Internet
avant. De plus en plus de consommateurs surfent sur Internet avant de se présenter sur les
lieux physiques de l'entreprise. Alors, il faut éviter le risque de perdre des clients au profit des
concurrents.

12 01/11/2013
Pourquoi avoir un site web?
 Un site Internet augmente la crédibilité de l'entreprise
Avec les nouvelles technologies de conception Internet, il est possible de
concevoir des sites de très haute qualité à la hauteur de la réputation d’une
entreprise. Le seul fait d'avoir un site augmentera sans aucun doute la
crédibilité de l’entreprise. Ses clients auront également l'impression qu’elle
n'hésite pas à investir pour mieux les servir. Ils en seront ravis!
 Internet permet de réduire les coûts
En effet, l’entreprise a la possibilité de communiquer avec ses clients,
partenaires et fournisseurs via le réseau Internet par e-mail, avec un extranet,
ou autre. Ainsi, elle économise des frais téléphoniques et des frais postaux, sans
compter qu'un e-mail s'envoie de façon instantanée alors que l'envoi d'un
courrier postal prend un minimum de 2 jours ouvrables.

13 01/11/2013
Pourquoi avoir un site web?
 Internet ouvre les portes à une vaste clientèle potentielle

Internet compte plusieurs millions d'utilisateurs dans le monde et ce nombre croît de

façon très importante à tous les jours. Avec le site Internet, une entreprise ouvre ses
portes à cette vaste communauté mondiale et ce, sans avoir à être présent ni à investir
en immobilisations dans plusieurs pays du monde.

 Améliorez le service à la clientèle

Le site Internet permet d'offrir un complément au service à la clientèle en personne ou

par téléphone. En effet, en implantant une foire aux questions (FAQ) sur le site,
l’entreprise répond sans effort à plusieurs questions de ses clients. Chaque question
répondue via le site Web représente un appel téléphonique de moins. Même si le bureau
de l’entreprise est fermé, sa clientèle peut lui poser des questions et obtenir des
réponses.

14 01/11/2013
Pourquoi avoir un site web?
 Connaître mieux ses clients

À l'aide de sondages et en analysant les statistiques de fréquentation, l’entreprise a

l'opportunité de recueillir de l'information sur les habitudes de consommation, les goûts,
etc. de ses clients et autres visiteurs. Cela lui permet ainsi d'améliorer la qualité de son
service, d'adapter les produits et services offerts par elle, etc. De plus, le site Web vous
permet de recueillir des commentaires (anonymes ou non) de la part des clients et
visiteurs. Ces derniers ont ainsi l'opportunité de suggérer des améliorations ce qui sera
très bénéfique pour l’entreprise.

 Tenez les clients et prospects au courant des changements dans l’entreprise

Le site Internet permet de présenter les dernières nouvelles sur l’entreprise. Si de

nouveaux produits ou services sont offerts, une promotion spéciale pour le mois en
cours, le site est utilisé pour le faire savoir aux clients et prospects et générer de la
croissance dans vos ventes!

15 01/11/2013
Plan

 Qu’est-ce qu’un site web?

 Site web institutionnel et site web e-commerce

 Pourquoi avoir un site web?

 Comment est fait un site web?

16 01/11/2013
Comment est fait un site web?
Pour créer un site Web, il faut :
1. élaborer la structure (arborescence), le contenu des pages Web et la présentation ;
2. héberger le site sur un serveur Web continuellement connecté à Internet ;
3. réserver et gérer un nom de domaine (l’adresse Web à laquelle le site est accessible).

Le site web est élaboré en écrivant des pages Web (au format HTML) pour les placer
dans un dossier (site Web). Cela peut se faire :
 soit de manière statique en utilisant un éditeur HTML (Dreamweaver, NVU, ...) ;
 soit de manière dynamique en utilisant un CMS (de l'anglais Content Management
System = système de gestion de contenu ou SGC) : ce sont des systèmes qui
permettent de mettre en ligne des contenus.

17 01/11/2013
Comment est fait un site web?
Quelques définitions

 Le terme serveur Web désigne un ordinateur tenant le rôle de serveur

informatique sur lequel fonctionne un logiciel serveur HTTP ;
 Un serveur HTTP est un logiciel servant des requêtes respectant le
protocole de communication client-serveur HTTP (HyperText Transfer
Protocol), qui a été développé pour le World Wide Web.
 La plupart des ordinateurs utilisés comme serveurs Web sont reliés à
Internet et hébergent des sites Web du World Wide Web. Les autres
serveurs se trouvent sur des intranets et hébergent des documents internes
d'une entreprise, d'une administration, etc.
 Les serveurs Web comportent donc un dossier contenant les fichiers (pages
HTML, images,...) qui constituent les pages WEB d'un site.

18 01/11/2013
Comment est fait un site web?
Site Web Statique

 Un site Web statique est un site où chacune des pages

est créée en HTML. Un ordinateur qui se connecte au
serveur, demande une page. Celle ci lui est
directement servie (elle est stockée toute prête sur le
serveur) :

19 01/11/2013
Comment est fait un site web?
Site Web dynamique

 Par opposition, un site Web dynamique est un site Web dont les pages sont générées
dynamiquement à la demande. Le contenu est obtenu (par exemple) en combinant
l'utilisation d'un langage de scripts ou de programmation et une base de données. Il s'agit
souvent de PHP pour le langage et MySQL pour la base de données. Dans les sites
dynamiques, le contenu (articles) est séparé de l'habillage (modèles ou squelette).

 La figure suivante illustre la demande d’envoi d’une page dynamique.

20 01/11/2013
Comment est fait un site web?
Site Web dynamique

 Les deux figures suivantes illustrent la communication du serveur web avec un serveur de
Base de Données lors de l’affichage des pages d’un site dynamique.

21 01/11/2013
Comment est fait un site web?
Site Web dynamique

 La figure suivante illustre les différentes tâches à accomplir depuis la demande d’une page
dynamique.

22 01/11/2013