1 Préparé par : ASSAL Lamiae JAMALI Zakarya SAYAH Abdallah BOUDOUCH Ali Encadré par : Mr Baidada.
Transcript of 1 Préparé par : ASSAL Lamiae JAMALI Zakarya SAYAH Abdallah BOUDOUCH Ali Encadré par : Mr Baidada.
![Page 1: 1 Préparé par : ASSAL Lamiae JAMALI Zakarya SAYAH Abdallah BOUDOUCH Ali Encadré par : Mr Baidada.](https://reader034.fdocuments.in/reader034/viewer/2022051211/551d9d83497959293b8bd132/html5/thumbnails/1.jpg)
1
Préparé par : ASSAL Lamiae JAMALI Zakarya SAYAH Abdallah BOUDOUCH Ali
Encadré par : Mr Baidada
![Page 2: 1 Préparé par : ASSAL Lamiae JAMALI Zakarya SAYAH Abdallah BOUDOUCH Ali Encadré par : Mr Baidada.](https://reader034.fdocuments.in/reader034/viewer/2022051211/551d9d83497959293b8bd132/html5/thumbnails/2.jpg)
2
Plan :Introduction
Les sites web
les services du web
Développer mon site – « A la main »
Types de web
Les standards HTML / CSS
Développer mon site – Éditeur WYSIWYG / NVU
CMS- Définition
CMS- Quelques exemples
CMS-ModeSimple
Conclusion
CMS-Guppy
Travail réalisé
![Page 3: 1 Préparé par : ASSAL Lamiae JAMALI Zakarya SAYAH Abdallah BOUDOUCH Ali Encadré par : Mr Baidada.](https://reader034.fdocuments.in/reader034/viewer/2022051211/551d9d83497959293b8bd132/html5/thumbnails/3.jpg)
3
Développement web
•Le terme « web » désigne le service internet.
•Le protocole HTTP en est actuellement à sa version 1.1.
•Aujourd'hui, le protocole WAP (Wireless Application Protocol) permet à un téléphone mobile de communiquer avec la passerelle WAP.
Les sites web
les services du web
Développer mon site A la main
Types de web
Les standards HTML / CSS
Développer mon site – WYSIWYG / NVU
CMS- Définition
CMS- Quelques exemples
CMS-ModeSimple
Conclusion
CMS-Guppy
Travail réalisé
Introduction
![Page 4: 1 Préparé par : ASSAL Lamiae JAMALI Zakarya SAYAH Abdallah BOUDOUCH Ali Encadré par : Mr Baidada.](https://reader034.fdocuments.in/reader034/viewer/2022051211/551d9d83497959293b8bd132/html5/thumbnails/4.jpg)
4
Développement web
• Un site web est un ensemble de fichiers HTML stockés sur un ordinateur connecté à Internet.
• Un site web est habituellement architecturé autour d'une page centrale, appelée «page d'accueil».
Les sites web
les services du web
Développer mon site A la main
Types de web
Les standards HTML / CSS
Développer mon site – WYSIWYG / NVU
CMS- Définition
CMS- Quelques exemples
CMS-ModeSimple
Conclusion
CMS-Guppy
Travail réalisé
Introduction
![Page 5: 1 Préparé par : ASSAL Lamiae JAMALI Zakarya SAYAH Abdallah BOUDOUCH Ali Encadré par : Mr Baidada.](https://reader034.fdocuments.in/reader034/viewer/2022051211/551d9d83497959293b8bd132/html5/thumbnails/5.jpg)
5
Développement web
Les sites web
les services du web
Développer mon site A la main
Types de web
Les standards HTML / CSS
Développer mon site – WYSIWYG / NVU
CMS- Définition
CMS- Quelques exemples
CMS-ModeSimple
Conclusion
CMS-Guppy
Travail réalisé
Introduction
![Page 6: 1 Préparé par : ASSAL Lamiae JAMALI Zakarya SAYAH Abdallah BOUDOUCH Ali Encadré par : Mr Baidada.](https://reader034.fdocuments.in/reader034/viewer/2022051211/551d9d83497959293b8bd132/html5/thumbnails/6.jpg)
6
Développement web
Web statiqueWeb statique
Avantages -Réduit le coût d’ébergement -Rapidité, affichage, Optimisation, moteur
grandement, facilité.
Inconvénients -Peut évolutif. -Perte de temps.
Les sites web
les services du web
Développer mon site A la main
Types de web
Les standards HTML / CSS
Développer mon site – WYSIWYG / NVU
CMS- Définition
CMS- Quelques exemples
CMS-ModeSimple
Conclusion
CMS-Guppy
Travail réalisé
Introduction
![Page 7: 1 Préparé par : ASSAL Lamiae JAMALI Zakarya SAYAH Abdallah BOUDOUCH Ali Encadré par : Mr Baidada.](https://reader034.fdocuments.in/reader034/viewer/2022051211/551d9d83497959293b8bd132/html5/thumbnails/7.jpg)
7
Développement web
Web dynamiqueWeb dynamique
Avantages - Très évolutif.
- Chaque modification est automatiquement répercuté sur tout le site.
Inconvénients -Très coûteux. -Utilisation des niveaux.
Les sites web
les services du web
Développer mon site A la main
Types de web
Les standards HTML / CSS
Développer mon site – WYSIWYG / NVU
CMS- Définition
CMS- Quelques exemples
CMS-ModeSimple
Conclusion
CMS-Guppy
Travail réalisé
Introduction
![Page 8: 1 Préparé par : ASSAL Lamiae JAMALI Zakarya SAYAH Abdallah BOUDOUCH Ali Encadré par : Mr Baidada.](https://reader034.fdocuments.in/reader034/viewer/2022051211/551d9d83497959293b8bd132/html5/thumbnails/8.jpg)
8
Un format permettant de définir les éléments variés d'une "page" qu'on observe avec un logiciel d'exploration du WEB
<Html><head> <title>Mon premier site Web</title> </head> <body> <p>Salut ! Mon premier site Web</p>
</body></Html>
<h1>Voici un titre</h1>
<h2>Voici un sous-titre</h2>
<b>Ce texte doit être en caractères gras.</b>
Développement web
Les sites web
les services du web
Développer mon site A la main
Types de web
Les standards HTML / CSS
Développer mon site – WYSIWYG / NVU
CMS- Définition
CMS- Quelques exemples
CMS-ModeSimple
Conclusion
CMS-Guppy
Travail réalisé
Introduction
![Page 9: 1 Préparé par : ASSAL Lamiae JAMALI Zakarya SAYAH Abdallah BOUDOUCH Ali Encadré par : Mr Baidada.](https://reader034.fdocuments.in/reader034/viewer/2022051211/551d9d83497959293b8bd132/html5/thumbnails/9.jpg)
9
- CSS est un langage de style qui définit la présentation des documents HTML - CSS couvre les polices, les couleurs, les marges
Développement web
Les sites web
les services du web
Développer un site A la main
Types de web
Les standards HTML / CSS
Développer un site – WYSIWYG / NVU
CMS- Définition
CMS- Quelques exemples
CMS-Mode Simple
Conclusion
CMS-Guppy
Travail réalisé
Introduction
![Page 10: 1 Préparé par : ASSAL Lamiae JAMALI Zakarya SAYAH Abdallah BOUDOUCH Ali Encadré par : Mr Baidada.](https://reader034.fdocuments.in/reader034/viewer/2022051211/551d9d83497959293b8bd132/html5/thumbnails/10.jpg)
10
Développement web
Les sites web
les services du web
Développer mon site A la main
Types de web
Les standards HTML / CSS
Développer mon site – WYSIWYG / NVU
CMS- Définition
CMS- Quelques exemples
CMS-ModeSimple
Conclusion
CMS-Guppy
Travail réalisé
Introduction
![Page 11: 1 Préparé par : ASSAL Lamiae JAMALI Zakarya SAYAH Abdallah BOUDOUCH Ali Encadré par : Mr Baidada.](https://reader034.fdocuments.in/reader034/viewer/2022051211/551d9d83497959293b8bd132/html5/thumbnails/11.jpg)
11
Éditeur Payant : - DreamWeaver : l'un des premiers éditeurs HTML de type tel écrit tel écran. - Aussi bien utilisable par le néophyte que par le professionnel.
Développement web
Les sites web
les services du web
Développer mon site A la main
Types de web
Les standards HTML / CSS
Développer mon site – WYSIWYG / NVU
CMS- Définition
CMS- Quelques exemples
CMS-ModeSimple
Conclusion
CMS-Guppy
Travail réalisé
Introduction
![Page 12: 1 Préparé par : ASSAL Lamiae JAMALI Zakarya SAYAH Abdallah BOUDOUCH Ali Encadré par : Mr Baidada.](https://reader034.fdocuments.in/reader034/viewer/2022051211/551d9d83497959293b8bd132/html5/thumbnails/12.jpg)
12
Éditeur Gratuit : NVU : Nvu est un logiciel libre. Nvu permet de créer des pages web et de gérer un site sans aucune connaissance technique ou apprentissage du html.
Développement web
Les sites web
les services du web
Développer mon site A la main
Types de web
Les standards HTML / CSS
Développer mon site – WYSIWYG / NVU
CMS- Définition
CMS- Quelques exemples
CMS-ModeSimple
Conclusion
CMS-Guppy
Travail réalisé
Introduction
![Page 13: 1 Préparé par : ASSAL Lamiae JAMALI Zakarya SAYAH Abdallah BOUDOUCH Ali Encadré par : Mr Baidada.](https://reader034.fdocuments.in/reader034/viewer/2022051211/551d9d83497959293b8bd132/html5/thumbnails/13.jpg)
13
C.M.S. : Content Management Systems→ système de gestion de contenu.
Développement web
Les sites web
les services du web
Développer mon site A la main
Types de web
Les standards HTML / CSS
Développer mon site – WYSIWYG / NVU
CMS- Définition
CMS- Quelques exemples
CMS-ModeSimple
Conclusion
CMS-Guppy
Travail réalisé
Introduction
![Page 14: 1 Préparé par : ASSAL Lamiae JAMALI Zakarya SAYAH Abdallah BOUDOUCH Ali Encadré par : Mr Baidada.](https://reader034.fdocuments.in/reader034/viewer/2022051211/551d9d83497959293b8bd132/html5/thumbnails/14.jpg)
14
Développement web
Les sites web
les services du web
Développer mon site A la main
Types de web
Les standards HTML / CSS
Développer mon site – WYSIWYG / NVU
CMS- Définition
CMS- Quelques exemples
CMS-ModeSimple
Conclusion
CMS-Guppy
Travail réalisé
Introduction
![Page 15: 1 Préparé par : ASSAL Lamiae JAMALI Zakarya SAYAH Abdallah BOUDOUCH Ali Encadré par : Mr Baidada.](https://reader034.fdocuments.in/reader034/viewer/2022051211/551d9d83497959293b8bd132/html5/thumbnails/15.jpg)
15
Plus le CMS est complet, plus il est complexe→ Ai-je besoin de toutes ces fonctionnalités ?→ Ai-je le temps de m'investir dedans ?
Développement web
Conclusion
Les sites web
les services du web
Développer mon site A la main
Types de web
Les standards HTML / CSS
Développer mon site – WYSIWYG / NVU
CMS- Définition
CMS- Quelques exemples
CMS-ModeSimple
Conclusion
CMS-Guppy
Travail réalisé
Introduction
![Page 16: 1 Préparé par : ASSAL Lamiae JAMALI Zakarya SAYAH Abdallah BOUDOUCH Ali Encadré par : Mr Baidada.](https://reader034.fdocuments.in/reader034/viewer/2022051211/551d9d83497959293b8bd132/html5/thumbnails/16.jpg)
16
CMS Made SimpleCMS Made SimplePhp Mysql (base de données)
AdministrationAdministration Ajout d'extensions Gestion des utilisateurs Disposition (gabarits, modèles, feuilles de
style) Administration du site
Développement web
Les sites web
les services du web
Développer mon site A la main
Types de web
Les standards HTML / CSS
Développer mon site – WYSIWYG / NVU
CMS- Définition
CMS- Quelques exemples
CMS-ModeSimple
Conclusion
CMS-Guppy
Travail réalisé
Introduction
![Page 17: 1 Préparé par : ASSAL Lamiae JAMALI Zakarya SAYAH Abdallah BOUDOUCH Ali Encadré par : Mr Baidada.](https://reader034.fdocuments.in/reader034/viewer/2022051211/551d9d83497959293b8bd132/html5/thumbnails/17.jpg)
17
AdministrationAdministration Ajout d'extensions Gestion des utilisateurs Disposition (gabarits, modèles, feuilles de
style) Administration du site Php PAS DE BASE DE DONNES
Développement web
Les sites web
les services du web
Développer mon site A la main
Types de web
Les standards HTML / CSS
Développer mon site – WYSIWYG / NVU
CMS- Définition
CMS- Quelques exemples
CMS-ModeSimple
Conclusion
CMS-Guppy
Travail réalisé
Introduction
![Page 18: 1 Préparé par : ASSAL Lamiae JAMALI Zakarya SAYAH Abdallah BOUDOUCH Ali Encadré par : Mr Baidada.](https://reader034.fdocuments.in/reader034/viewer/2022051211/551d9d83497959293b8bd132/html5/thumbnails/18.jpg)
18
SGBD HeidiSQL
Serveur VertrigoSer
v
Développement web
Les sites web
les services du web
Développer mon site A la main
Types de web
Les standards HTML / CSS
Développer mon site – WYSIWYG / NVU
CMS- Définition
CMS- Quelques exemples
CMS-ModeSimple
Conclusion
CMS-Guppy
Travail réalisé
Introduction
![Page 19: 1 Préparé par : ASSAL Lamiae JAMALI Zakarya SAYAH Abdallah BOUDOUCH Ali Encadré par : Mr Baidada.](https://reader034.fdocuments.in/reader034/viewer/2022051211/551d9d83497959293b8bd132/html5/thumbnails/19.jpg)
19
Développement web
Les sites web
les services du web
Développer mon site A la main
Types de web
Les standards HTML / CSS
Développer mon site – WYSIWYG / NVU
CMS- Définition
CMS- Quelques exemples
CMS-ModeSimple
Conclusion
CMS-Guppy
Travail réalisé
Introduction
![Page 20: 1 Préparé par : ASSAL Lamiae JAMALI Zakarya SAYAH Abdallah BOUDOUCH Ali Encadré par : Mr Baidada.](https://reader034.fdocuments.in/reader034/viewer/2022051211/551d9d83497959293b8bd132/html5/thumbnails/20.jpg)
20
Développement web
Les sites web
les services du web
Développer mon site A la main
Types de web
Les standards HTML / CSS
Développer mon site – WYSIWYG / NVU
CMS- Définition
CMS- Quelques exemples
CMS-ModeSimple
Conclusion
CMS-Guppy
Travail réalisé
Introduction
![Page 21: 1 Préparé par : ASSAL Lamiae JAMALI Zakarya SAYAH Abdallah BOUDOUCH Ali Encadré par : Mr Baidada.](https://reader034.fdocuments.in/reader034/viewer/2022051211/551d9d83497959293b8bd132/html5/thumbnails/21.jpg)
21
Développement web
CMS si contenu dynamique site complet CMS à éviter si
simple page web site au contenu statique
Développement si Page(s) web simple(s) Contenu statique
Nécessite un administrateur avec certaines connaissances informatiques. Faire le bon choix parmi le très grand nombre de CMS.
Les sites web
les services du web
Développer mon site A la main
Types de web
Les standards HTML / CSS
Développer mon site – WYSIWYG / NVU
CMS- Définition
CMS- Quelques exemples
CMS-ModeSimple
Conclusion
CMS-Guppy
Travail réalisé
Introduction