Académique Documents
Professionnel Documents
Culture Documents
Être capable :
Généralités sur le
– De créer une page Web simple en utilisant le langage HTML.
développement web Mettre en forme une page ou un ensemble de pages :
– Langage CSS.
C'est un document
La programmation web est la programmation o Contenant :
informatique qui permet d'éditer des sites web. Elle permet la Textes, images, vidéo ...
création d'applications, destinées à être déployées Liens hypertextes.
sur Internet ou en Intranet. Avec possibilité d'interaction.
o Stocké dans un fichier .html (ou .htm, .xml);
Ces applications web sont constituées de pages web.
o Calculée et affichée par un navigateur;
o Localisée sur internet à l'aide d'une adresse (URL);
o Permet d'accéder à d'autres pages en suivant des liens.
5 6
1
21/02/2023
Site Web :
Questions :
Regroupement de pages :
C’est quoi le web par apport à internet ?
Autour d'une thématique commune;
Est-ce qu’on peut parler du web sans internet ? Sans lien hypertexte?
Reliées entre elles par des liens hypertextes ;
Quel est le rôle du navigateur pour le web ?
Émanant d'une même entité (organisation, entreprise,
Est-ce qu’un moteur de recherche est un navigateur web ?
particulier. .. );
Organisation hiérarchique : Un site web est l’ensemble des pages web et des ressources
Structuré sous forme d'arborescence de dossiers et de inter reliées entre elles par des liens hypertextes, auxquelles
fichiers (comme un disque local); l’internaute peut accéder par une adresse web appelée URL, le
Permet de définir des chemins relatifs; tout enregistré sous le même nom de domaine.
Exceptions (de plus en plus fréquentes) : pages générées
Un site web ou site internet englobe des textes et multimédia, il
dynamiquement.
est hébergé sur un serveur web, auquel on peut accéder à travers
Liens vers et à partir d'autres sites :
le réseau internet ou intranet.
Permettent de naviguer d'un site à un autre;
Composent la « toile » mondiale (World Wide Web).
9 10
Les Sites institutionnels : sont des sites destinés à décrire l'activité d'une organisation,
dont le contenu est invariable dans le temps.
et à donner 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 à
B. Les sites dynamiques : Ce sont des sites web dont les pages titre de loisir, le plus souvent par passion pour un sujet ou une discipline.
HTML se construisent dynamiquement lors de leur Les Sites communautaires : sont des sites réunissant des internautes autour d'un intérêt
commun.
consultation par un internaute. Les informations sont 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
changeantes car extraites à partir de bases de données professionnelles.
régulièrement mises à jour. Les Sites vitrine : (sites plaquette ou sites identité) 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
11 12
2
21/02/2023
Un site catalogue se différencie d’un site vitrine, car il est visitées par tous.
généralement beaucoup plus détaillé. Sites privés : ce sont des sites qui ne donnent accès à aucune
Les deux ne possèdent pas de fonctions e-commerce. page autre que la page d'accueil, sans une inscription préalable.
L'accès à ce type de sites peut être libre (accessible par tous) ou
Un site catalogue est l’évolution logique d’un site vitrine, restreint (accessible par un groupe de personnes spécifique).
souvent utilisé comme premier site d’entreprise. Sites gratuits : ce sont des sites qui offrent des services et outils
gratuits.
La mission principale d’un site vitrine consiste à fournir à
Sites commerciaux : ce sont des sites de vente en ligne.
votre entreprise une présence sur la toile.
13 14
3. La définition d’un maximum de mots-clés rapportant objectivement le Cet état des lieux vise à analyser la performance globale d'un site web afin
contenu de votre site est essentielle. Elle doit être réalisée à l’aide de l’élément de dresser la liste des problèmes majeurs à régler, des erreurs mineures à
< meta qui est situé dans l’en-tête du document. corriger et surtout, des axes d'améliorations à apporter.
17 18
3
21/02/2023
L'architecture du web
Principe de fonctionnement :
Le web est possible grâce au réseau internet qui relie entre eux les ordinateurs.
Certains ordinateurs hébergent des pages web : les serveurs.
Chaque page web a une adresse URL (Uniform Resource Locator). Indiquant le
internet
Comment ? Où ? Quoi ?, par exemple :
http://ummto.dz/elearning/
Un client peut demander qu'on lui transmet une page grâce au protocole HTTP
(HyperText Transfer Protocol) qui permet de définir le format et la signification
Le navigateur effectue une requête spécifiée à travers l’URL; des messages échangés entre le client et le serveur.
19 20
Une application web est tout site web qui permet à ses
utilisateurs d'accomplir des tâches spécifiques et qui n’a pas
besoin d’être installée. Reposent sur des sources de
données.
21 22
4
21/02/2023
29 30
5
21/02/2023
31 32