Vous êtes sur la page 1sur 34

Conception et administration des Sites Web

Mohamed Hadj Kacem


Maître assistant à l’ISIMS
Chercheur au laboratoire de recherche ReDCAD – ENIS
http://www.redcad.org/members/hadjkacemm/
mohamed.hadjkacem@isims.usf.tn
Conception et administration des Sites Web
 Volume horaire :
 Cours : 1,5
 TD : 0
 TP : 1,5
 Coefficient : 1,5
 Crédit : 3
 DS
 Examen

AU : 2020-2021
Plan
Chapitre I : Notions de base
 Définition d’un site Web
 Intérêts d'un site web
 Catégories de sites web
 Cycle de vie d’un site Web
 Chapitre II : Cahier des charges d’un site Web
 Objectifs du cahier des charges
 Contenu-type du cahier des charges
 Présentations attendues
 Livrables attendus
 Propriétés et droits

AU : 2020-2021
Plan
 Chapitre III : Conception graphique d’un site web
 Notion d'ergonomie
 Critères d'ergonomie
 Conception d’un système de navigation
 Parcours visuel d’un site web
 Structuration d’un site web
 Exemples de template
 Charte graphique

AU : 2020-2021
Plan
 Chapitre IV : Conception d’un site web avec le profil
UML WAE
 Présentation du profil WAE
 Diagramme cas d’utilisation
 Diagramme de séquence
 Diagramme de classes
 Diagramme de navigation

AU : 2020-2021
Plan
 Chapitre V :Administration et sécurité des Sites Web
 Normalisation Web
 Conformité aux normes Web
 Types des attaques
 Impact des attaques web

AU : 2020-2021
Objectifs
 Maitriser le cycle de vie d’un site web
 Connaitre les différents critères d'ergonomie d’un site
web
 Connaitre les différentes catégories des sites web
 Maitriser la conception graphique des sites web
 Rédiger un cahier des charges pour un site Web
 Maitriser la conception des sites web avec le langage UML
(WAE)
 Administrer un site web

AU : 2020-2021
AU : 2020-2021
Bibliographie
Conception de sites web avec les CSS Comprend des exercices
et des vidéos de formation Meyer, Eric A, Pearson
Campuspress - novembre 2008

Graphisme et ergonomie des sites Web, Cristina Barroca,


Dunod - mars 2003

Conception graphique des sites Web, Lynda Weinman, Pearson


Campuspress - juillet 1999

Ergonomie des interfaces Guide pratique pour la conception


des applications web, 6ème édition, Jean-François Nogier, Jules
Leclerc, Dunod - novembre 2016

AU : 2020-2021
Bibliographie
UML 2: Modéliser une application web, Les cahiers du
programmeur, Pascal Roques, 4ème édition, Eyrolles, 2008 -
246 pages

AU : 2020-2021
Bibliographie
Bien référencer son site Web, Jean-Marc Herrelier, Claudia
Wolosin, Pearson Campuspress - février 2001

Guide du webmaster Trucs et astuces pour réussir votre site


Web Jim Buyens, Maïthé de Vos, Jean-Claude de Vos,
Microsoft Press - février 2001

Foundation 6 Un framework CSS pour concevoir des sites


web attractifs et adaptatifs, Christophe Aubry, Eni Editions -
mars 2016

Css avancées vers css 3 et html 5, le design web moderne


Raphaël Goetter, Eyrolles - février 2012

AU : 2020-2021
Chapitre I : Notions de base
Mohamed Hadj Kacem
Maître assistant à l’ISIMS
Chercheur au laboratoire de recherche ReDCAD – ENIS
http://www.redcad.org/members/hadjkacemm/
mohamed.hadjkacem@gmail.com
Introduction
 La création, la conception et l’administration d'un site
web est un processus qui implique plusieurs étapes qui
peuvent, mettre en œuvre des moyens importants et des
compétences diverses.

AU : 2020-2021
Notion de site web

AU : 2020-2021
Notion de site web
 Un site Web est un ensemble de pages web et
d'éventuelles autres ressources (image, sons, etc)
hyperliées en un ensemble cohérent, pouvant être
consulté avec un navigateur à une adresse web donnée.
 Un site est publié sur un serveur web par un propriétaire.
 Le propriétaire du site choisit l'adresse Web à laquelle le
site sera accessible.
 Le propriétaire peut créer et maintenir le site à jour lui-
même ou faire appel à une entreprise spécialisée, une
agence web.

AU : 2020-2021
Serveur Web
 Ordinateur sur lequel est installé un service appelé
« serveur Web ».

 Service : logiciel qui écoute et interprète les requêtes


HTTP provenant de clients Web (exemple :
navigateurs) et qui fournit une réponse avec ce même
protocole.

AU : 2020-2021
Serveur Web
HTTP

Requête

Réponse
Client Serveur

AU : 2020-2021
Intérêts d'un site web
 La mise en place d'un site web peut être motivée par plusieurs
raisons :
 Le besoin de visibilité : un site web peut être un moyen pour
augmenter la visibilité d’une personne ou d’une organisation et de
les faire connaître
 La collecte de données : il est possible de collecter des données
sur leurs clients
 Une disponibilité commerciale illimitée : les clients peuvent
accéder à une vitrine virtuelle ouverte tous les jours 24h/24 pour
acheter des produits. Une augmentation du chiffre d'affaires de 10 à
15 % grâce à leur site Web
 La mise à jour en temps réel : pour les sites disposant d’une
interface administrateur, il est possible de modifier les informations
en temps réel (informations, tarifs, quantités, produits), c'est-à-dire
que la modification est immédiatement en ligne
AU : 2020-2021
Catégories de sites web
 On distingue plusieurs catégories de sites web, selon
l’objectif poursuivi :
 Les sites vitrines sont des sites dont l'objectif est de
mettre en avant l'image de marque de la société, en
présentant par exemple ses produits ou ses services
 Les sites catalogues sont des sites visant à présenter
l'offre de l'entreprise
 Les sites marchands sont des sites vendant directement
des produits aux internautes et permettant
éventuellement de payer en ligne
 Les sites d'information sont des sites fournissant une
information particulière à un type d'internautes

AU : 2020-2021
Catégories de sites web
 Les sites institutionnels sont des sites présentant
l'organisation et ses valeurs. Ce type de site décrit
généralement l'activité de l'organisation, des chiffres clés et
donne les informations nécessaires aux clients ou aux
bénéficiaires
 Les sites personnels (parfois pages perso) sont des sites
réalisés par des particuliers pour présenter des informations
personnelles.
 Les sites communautaires sont des sites réunissant des
internautes autour d'un intérêt commun
 Les sites intranet sont des sites accessibles de l'intérieur
d'une entreprise ou d'une direction, ayant pour objet la mise à
disposition et le partage d'informations professionnelles

AU : 2020-2021
Le webmastering
 Le webmaster est une personne en charge d'un site web.
 C’est la personne qui conçoit un site web et le met à jour.
 La vie d'un site web possède deux principales phases,
chacune décomposable en étapes spécifiques :
 La création, correspondant à la concrétisation d'une idée en
un site en ligne, référencé et visité

 L'exploitation, correspondant à la gestion quotidienne du site,


son évolution et sa mise à jour

AU : 2020-2021
La vie d'un site web
Étapes Création Exploitation

Maintenance & Mise à jour

Promotion & Référencement

Hébergement & Mise en ligne

Réalisation

Maquette & Prototypes

Conception

Validation

Planification

Étude préalable

Temps

AU : 2020-2021
La vie d'un site web
 La création d'un site web est un projet qui contient un
grand nombre d’étapes :
 Conception : représente la formalisation de l'idée

 Réalisation : correspond au développement du site web

 Hébergement : la mise en ligne du site, de manière


permanente

AU : 2020-2021
La vie d'un site web
 L'exploitation du site englobe notamment les activités
suivantes :
 Veille : permet d'assurer un suivi des technologies et un bon
positionnement du site

 Promotion et référencement : permet de développer sa


clientèle

 Maintenance et mise à jour : c’est le suivi quotidien du site


et le maintien de son bon fonctionnement

AU : 2020-2021
La vie d'un site web
 La mise en place d'un site web est une activité
multidisciplinaire faisant appel à un grand nombre de
compétences
 Selon l'organisation, la fonction de webmaster peut aller
d'une fonction de chef de projet à celle d’homme chargé
de toutes les activités allant de la conception au
référencement
 Le terme webmastering désigne l'ensemble des tâches
nécessaires à l'exploitation d'un site web

AU : 2020-2021
La vie d'un site web
 Conception
 La conception d’un site web est une phase essentielle du
projet, dans laquelle une réflexion globale est menée, dans
un premier temps, sur les objectifs du site et la cible
potentielle et, dans un second temps, sur la structure,
l'ergonomie et la navigation

AU : 2020-2021
La vie d'un site web
 Réalisation
 La réalisation du site concerne la création des pages web
et des éléments graphiques. La création des pages web
consiste à créer les fichiers statiques (HTML) et
dynamiques (php, asp, …)
 Il existe deux façons de créer ce type de fichier :
 En éditant à la main le code HTML dans un fichier texte à l'aide
d'un simple éditeur de texte

AU : 2020-2021
La vie d'un site web
 En Utilisant un éditeur HTML WYSIWYG (What You See Is
What You Get). Il s'agit d'un logiciel permettant de créer des pages
web d’une façon visuelle en plaçant des objets et des contrôles.
 Le logiciel se charge de générer le code HTML automatiquement
 Exemple (Dreamweaver, FrontPage, ToWeb, WebCreator,
WebDesignor)
 Un site web convivial doit contenir des images. Un logiciel de
dessin sera nécessaire afin d’enrichir le site avec des images
 Exemple (Photoshop, Paint)

AU : 2020-2021
La vie d'un site web
 Hébergement
 Consiste à publier le site sur un serveur Web. On
distingue deux principales catégories d'hébergeurs :
 Hébergeur gratuit : il offre gratuitement un espace disque
sur un serveur Web pour créer les pages web
 Hébergeur professionnel : ce type d'hébergement garantit
un service de qualité (bande passante) et de sécurité (sécurité
des données et assurance d'un nombre de pannes réduit). Il est
indispensable dans le cas d'un site à trafic important (plus de
1000 visiteurs par jour) et permet l'achat d'un nom de
domaine

AU : 2020-2021
La vie d'un site web
 Mise en ligne
 Lorsque le site web est prêt à être vu par des visiteurs, il
est essentiel de le mettre en ligne, c'est-à-dire de
transférer les fichiers de l’ordinateur vers le serveur Web
en utilisant un client FTP (un logiciel de transfert de
fichiers)
 Exemple (FileZilla, CoreFtp)

AU : 2020-2021
La vie d'un site web
 Promotion
 Un site web ne sera visité qu'à partir du moment où un
certain effort de promotion est réalisé
 Une fois que le site web est suffisamment connu, la
promotion peut alors s'auto-entretenir grâce aux liens
hypertextes mis en place par d'autres webmasters, dans la
mesure où le contenu du site présente un intérêt suffisant

AU : 2020-2021
La vie d'un site web
 Référencement
 C’est l'ensemble des techniques permettant d'améliorer
la visibilité d'un site web :
 Indexation : consiste à faire connaître le site auprès des
moteurs de recherche grâce aux formulaires que ceux-ci
proposent
 Positionnement : consiste à positionner le site en première
page de résultat, d’un moteur de recherche, pour certains
mots-clés

AU : 2020-2021
La vie d'un site web
 Il existe des techniques de conception de site permettant
de donner plus d'efficacité au référencement des pages
d'un site :
 un contenu original et attirant
 un titre bien choisi
 une URL adaptée
 un corps de texte lisible par les moteurs (il ne faut pas utiliser
les framesets)
 des balises META décrivant précisément le contenu de la page
 des liens bien pensés
 des attributs ALT pour décrire le contenu des images

AU : 2020-2021
La vie d'un site web
 Vérification des liens
 Les liens hypertextes présents sur le site deviennent de
temps en temps obsolètes, on parle alors de liens brisés
ou liens cassés.
 Il est conseillé de vérifier régulièrement les liens du site à
l'aide d'un outil capable de vérifier automatiquement la
validité des liens (par exemple Xenu's Link Sleuth).

AU : 2020-2021

Vous aimerez peut-être aussi