Le developpement web Préparé par : ASSAL Lamiae JAMALI Zakarya SAYAH Abdallah BOUDOUCH Ali Encadré par : Mr Baidada
Plan : Introduction Les sites web les services du web Types de web Développer mon site – « A la main » Les standards HTML / CSS Développer mon site – Éditeur WYSIWYG / NVU CMS- Définition CMS- Quelques exemples CMS-ModeSimple CMS-Guppy Travail réalisé Conclusion
Le terme « web » désigne le service internet. Développement web Introduction Les sites web les services du web Introduction Types de web Développer mon site A la main Les standards HTML / CSS 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. Développer mon site – WYSIWYG / NVU CMS- Définition CMS- Quelques exemples CMS-ModeSimple CMS-Guppy Travail réalisé Conclusion
Un site web est un ensemble de fichiers HTML stockés sur Développement web Introduction Les sites web les services du web Les sites Web Types de web Développer mon site A la main Les standards HTML / CSS 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». Développer mon site – WYSIWYG / NVU CMS- Définition CMS- Quelques exemples CMS-ModeSimple CMS-Guppy Travail réalisé Conclusion
Développement web Les Services de web Introduction Les sites web les services du web Les Services de web Types de web Développer mon site A la main Les standards HTML / CSS Développer mon site – WYSIWYG / NVU CMS- Définition CMS- Quelques exemples CMS-ModeSimple CMS-Guppy Travail réalisé Conclusion
-Réduit le coût d’ébergement Développement web Introduction Les sites web les services du web Types de web Types de web Développer mon site A la main Les standards HTML / CSS Web statique Avantages -Réduit le coût d’ébergement -Rapidité, affichage, Optimisation, moteur grandement, facilité. Inconvénients -Peut évolutif. -Perte de temps. Développer mon site – WYSIWYG / NVU CMS- Définition CMS- Quelques exemples CMS-ModeSimple CMS-Guppy Travail réalisé Conclusion
- Chaque modification est automatiquement répercuté sur tout le site. Développement web Introduction Les sites web les services du web Types de web Types de web Développer mon site A la main Les standards HTML / CSS Web dynamique Avantages - Très évolutif. - Chaque modification est automatiquement répercuté sur tout le site. Inconvénients -Très coûteux. -Utilisation des niveaux. Développer mon site – WYSIWYG / NVU CMS- Définition CMS- Quelques exemples CMS-ModeSimple CMS-Guppy Travail réalisé Conclusion
Un format permettant de définir les éléments variés d'une Développement web Introduction Les sites web les services du web Types de web HTML Développer mon site A la main Un format permettant de définir les éléments variés d'une "page" qu'on observe avec un logiciel d'exploration du WEB Les standards HTML / CSS Développer mon site – WYSIWYG / NVU CMS- Définition CMS- Quelques exemples <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> CMS-ModeSimple CMS-Guppy Travail réalisé Conclusion
CSS est un langage de style qui définit la présentation Développement web Introduction Les sites web les services du web Types de web CSS Développer un site A la main CSS est un langage de style qui définit la présentation des documents HTML - CSS couvre les polices, les couleurs, les marges Les standards HTML / CSS Développer un site – WYSIWYG / NVU CMS- Définition CMS- Quelques exemples CMS-Mode Simple CMS-Guppy Travail réalisé Conclusion
Développement web CSS Introduction Les sites web les services du web Types de web CSS Développer mon site A la main Avantages De nombreuses techniques évoluées et sophistiquées Un contrôle plus précis de la présentation de plusieurs documents par une Le contrôle de la présentation seule feuille de style Les standards HTML / CSS Développer mon site – WYSIWYG / NVU CMS- Définition CMS- Quelques exemples CMS-ModeSimple CMS-Guppy Travail réalisé Conclusion
- DreamWeaver : l'un des premiers éditeurs Développement web Introduction Les sites web les services du web Types de web WYSIWYG : What You See Is What You Get Développer mon site A la main Les standards HTML / CSS É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évelopper mon site – WYSIWYG / NVU CMS- Définition CMS- Quelques exemples CMS-ModeSimple CMS-Guppy Travail réalisé Conclusion
NVU : Nvu est un logiciel libre. Nvu permet Développement web Introduction Les sites web les services du web Types de web WYSIWYG : What You See Is What You Get Développer mon site A la main Les standards HTML / CSS É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évelopper mon site – WYSIWYG / NVU CMS- Définition CMS- Quelques exemples CMS-ModeSimple CMS-Guppy Travail réalisé Conclusion
C.M.S. : Content Management Systems → système de gestion de contenu. Développement web Introduction Les sites web les services du web Types de web C.M.S C.M.S. : Content Management Systems → système de gestion de contenu. Développer mon site A la main Les standards HTML / CSS Développer mon site – WYSIWYG / NVU CMS- Définition CMS- Quelques exemples CMS-ModeSimple CMS-Guppy Travail réalisé Conclusion
Choix du CMS Technologie Mes besoins maîtrisée Développement web Introduction Les sites web les services du web Quel C.M.S ? Types de web Développer mon site A la main Choix du CMS Les standards HTML / CSS Développer mon site – WYSIWYG / NVU CMS- Définition CMS- Quelques exemples CMS-ModeSimple Mes besoins Technologie maîtrisée CMS-Guppy Travail réalisé Conclusion
Plus le CMS est complet, plus il est complexe Développement web Introduction Les sites web les services du web Types de web Exemples C.M.S Développer mon site A la main Les standards HTML / CSS Développer mon site – WYSIWYG / NVU CMS- Définition CMS- Quelques exemples CMS-ModeSimple CMS-Guppy 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 ? Travail réalisé Conclusion Conclusion
Mysql (base de données) Administration Ajout d'extensions Développement web Introduction Les sites web les services du web Types de web CMS-MadeSimple Développer mon site A la main CMS Made Simple Php Mysql (base de données) Administration Ajout d'extensions Gestion des utilisateurs Disposition (gabarits, modèles, feuilles de style) Administration du site Les standards HTML / CSS Développer mon site – WYSIWYG / NVU CMS- Définition CMS- Quelques exemples CMS-ModeSimple CMS-Guppy Travail réalisé Conclusion
Gestion des utilisateurs Développement web Introduction Les sites web les services du web Types de web CMS-Guppy Développer mon site A la main Les standards HTML / CSS Administration Ajout d'extensions Gestion des utilisateurs Disposition (gabarits, modèles, feuilles de style) Administration du site Php PAS DE BASE DE DONNES Développer mon site – WYSIWYG / NVU CMS- Définition CMS- Quelques exemples CMS-ModeSimple CMS-Guppy Travail réalisé Conclusion
Développement web SGBD HeidiSQL Serveur VertrigoServ Introduction Les sites web les services du web Types de web Logiciels utilisés Développer mon site A la main Les standards HTML / CSS SGBD HeidiSQL Développer mon site – WYSIWYG / NVU CMS- Définition CMS- Quelques exemples CMS-ModeSimple Serveur VertrigoServ CMS-Guppy Travail réalisé Conclusion
Développement web MLD (Modéle lodique de données) Introduction Les sites web MLD (Modéle lodique de données) les services du web Types de web Développer mon site A la main Les standards HTML / CSS Développer mon site – WYSIWYG / NVU CMS- Définition CMS- Quelques exemples CMS-ModeSimple CMS-Guppy Travail réalisé Conclusion
Développement web Simulation Introduction Les sites web les services du web Types de web Simulation Développer mon site A la main Les standards HTML / CSS Développer mon site – WYSIWYG / NVU CMS- Définition CMS- Quelques exemples CMS-ModeSimple CMS-Guppy Travail réalisé Conclusion
site au contenu statique Développement web Introduction Les sites web les services du web Conclusion Types de web Développer mon site A la main CMS si contenu dynamique site complet Les standards HTML / CSS CMS à éviter si simple page web site au contenu statique Développer mon site – WYSIWYG / NVU CMS- Définition Développement si Page(s) web simple(s) Contenu statique CMS- Quelques exemples CMS-ModeSimple CMS-Guppy Nécessite un administrateur avec certaines connaissances informatiques. Faire le bon choix parmi le très grand nombre de CMS. Travail réalisé Conclusion