La création de site Web Actuellement, pour créer des sites Web, plusieurs solutions s’offrent à vous. La première solution est d’utiliser un logiciel dédié.

Présentation au sujet: "La création de site Web Actuellement, pour créer des sites Web, plusieurs solutions s’offrent à vous. La première solution est d’utiliser un logiciel dédié."— Transcription de la présentation:

1 La création de site Web Actuellement, pour créer des sites Web, plusieurs solutions s’offrent à vous. La première solution est d’utiliser un logiciel dédié au développement Web. il vous faut parfaitement maîtriser les langages HTML et les CSS. Vous devez aussi connaître le design et l’ergonomie Web, tout est à créer. Cette solution est donc affaire de spécialistes ayant des compétences multiples. Ces spécialistes créent des sites Internet pour des clients. La deuxième solution est d’utiliser un logiciel graphique qui va générer pour vous le code HTML et CSS, tout en affichant le résultat à l’écran. Par exemple, le logiciel Adobe Dreamweaver. Là aussi, il faut avoir des compétences techniques importantes pour réaliser un site digne de ce nom. La troisième solution est d’utiliser un CMS : Content Management System (Système de Gestion de Contenu). Un CMS est une application Web qui permet de créer et de gérer des sites Web sans aucune connaissance technique et qui est indépendante de tout prestataire.

2 La création de site Web L’utilisation des CMS
Les CMS permettent à tout un chacun de créer et de gérer des sites Web. Avec les CMS, il n’est pas nécessaire de connaître les langages HTML et CSS. Le CMS a déjà dans son « moteur » de conception tous les éléments nécessaires. Vous vous concentrez sur la gestion du site. La plupart des CMS sont gratuits et open source. Vous pouvez les tester comme vous le souhaitez, sans payer de licence. Pour les développeurs, le moteur des CMS est accessible et ils peuvent y apporter des modifications et des ajouts. Avec les CMS, la création du site, la gestion des contenus, la mise en forme du texte, l’insertion des images… se gère dans une interface d’administration usuellement simple et conviviale. Autre avantage, les CMS étant des applications Web, cela veut dire qu’ils s’utilisent dans un navigateur Web. Les CMS sont donc indépendants de toute plateforme informatique (Mac, Windows ou Linux).

3 La création de site Web L’utilisation des CMS
La plupart des CMS possèdent les fonctionnalités essentielles pour gérer un site Web, dans leur « moteur » initial, usuellement appelé le cœur ou le noyau, le "core" en anglais. Les CMS sont des systèmes ouverts, les développeurs peuvent créer des extensions (des "plugins" ) pour ajouter des fonctionnalités manquantes. Là encore, la plupart de ces extensions sont gratuites. Tous les CMS vous permettent de gérer l’apparence du site Web publié, avec des mises en page prédéfinies. Ces mises en page s’appellent des thèmes ou des templates. Vous pourrez choisir des thèmes parmi des milliers gratuits et payants. Enfin, autre avantage indéniable, avec l’utilisation des CMS vous êtes indépendant de tout prestataire pour la création et la mise à jour de votre site, vous êtes autonome.

4 La création de site Web Le fonctionnement des CMS de manière simplifiée La plupart des CMS fonctionnent avec un système de trois serveurs, chacun d’entre eux ayant un rôle dédié. Le premier serveur est le serveur Web. Il permet de stocker les fichiers du CMS et permet de gérer l’affichage HTML/CSS dans les navigateurs des visiteurs. Le serveur Web le plus utilisé s’appelle Apache. Le deuxième serveur utilisé est un serveur de base de données. Tous les contenus rédactionnels et tous les réglages des sites sont stockés dans une base de donnée. Vous utiliserez une base de donnée par site. Un des systèmes de gestion de base de données les plus utilisés s’appelle MySQL. Enfin, le troisième serveur a pour rôle de construire les pages HTML/CSS qui sont demandées par les visiteurs, en interrogeant la base de données. C’est ce qui s’appelle un serveur d’application. Le serveur le plus utilisé s’appelle PHP.

5 La création de site Web Le fonctionnement des CMS
Comment fonctionnent les serveurs entre eux. L’affichage d’une page d’un site Web créé avec un CMS va se faire en six étapes. 1.Lorsqu’un visiteur demande à afficher un contenu d’un site Web créé avec un CMS, sa demande est réceptionnée par le serveur Web. 2.Le serveur Web envoie la demande au serveur d’application PHP, car le serveur Web ne sait pas gérer les pages provenant des CMS. 3.Le serveur d’application PHP interroge la base de données MySQL pour récupérer le bon contenu à afficher. 4.La base de données MySQL envoie le bon contenu au serveur d’application PHP. 5.Le serveur d’application PHP construit la page à afficher en HTML/CSS et l’envoie au serveur Web. 6.Le serveur Web peut envoyer la page demandée au navigateur du visiteur.

6 La création de site Web Les serveurs locaux
Sur nos machines personnelles, nous avons besoin de tester les CMS. Il nous faut donc utiliser ces trois serveurs : Apache, MySQL et PHP. Ces trois serveurs sont gratuits et librement téléchargeables. C’est ce qui s’appelle des packages serveur. Sous Windows, sous Mac ou sous Linux, il existe de nombreuses solutions à votre disposition. Sous Windows : WAMPP Sous Mac : MAMP Sous Linux : LAMP Multiplateforme : XAMPP

7 WORDPRESS / CMS Un logiciel de la famille des CMS : SGC
Content Management System = Système de Gestion de Contenu Famille de logiciels destinés à la conception et à la mise à jour dynamique de sites Web ou d'applications multimédia. Ils partagent les fonctionnalités suivantes : travailler à plusieurs sur un même document ; Fournir une chaîne de publication (workflow) offrant par exemple la possibilité de mettre en ligne le contenu des documents ; Séparer les opérations de gestion de la forme et du contenu ; Structurer le contenu (FAQ, documents, blogs, forums de discussion, etc.) ; Hiérarchiser les utilisateurs et leur attribuer des rôles et des permissions (utilisateur anonyme, administrateur, contributeur, etc.) ;

8 WORDPRESS / CMS Les SGC ou CMS sont accessibles quel que soit le système d’exploitation grace à l’interface web et à l’utilisation d’un navigateur. Le respect des standards web  Pas besoin d’installer de logiciels spécifiques format de données lisible (HTLM) format de données imprimable format de données stockable Echange et accessibilité des documents par tous

9 WORDPRESS / CMS Séparation entre contenu et présentation : Principe de la gestion de contenu Le contenu est stocké dans une base de données. le contenu des champs de la base est créé/modifié par le rédacteur, et non pas la page elle-même. On parle de site « dynamique » La présentation est définie dans un gabarit qui définit : la mise en page proprement dite - via les feuilles de style (les CSS, ou les règles de transformation XSLT) la structuration des données, au moyen de standards tels que XML, ainsi que les informations extraites de la base de données (de même que l'endroit où celles-ci doivent être affichées et sous quelles conditions).

10 WORDPRESS / CMS Édition de page simplifiée
Du fait du principe de séparation contenu/présentation les rédacteurs se concentrent sur le contenu l'édition des pages est considérablement simplifiée deux mécanismes sont proposés : Une interface WYSIWYG ( interface graphique de mise en forme similaire à celle qui existe dans un traitement de texte ) What You See Is What You Get L'utilisation de balises simplifiées, visant à mettre le texte en forme. Il en existe plusieurs types, dont le plus répandu est BBCode. des alternatives plus modernes telles que Markdown ou Textile. Les wikis qui ne sont pas WYSIWYG utilisent le wikitexte. Le wikitexte ou wikicode est un langage de balisage léger qui définit la mise en forme de saisies de contenu utilisateur

11 WORDPRESS / CMS De multiples méthodes de rangement de l'information
Plus il y a d’informations, plus le désordre augmente. un SGC propose habituellement de multiples mécanismes de tri plus ou moins complexes comme : les hyperliens, pour référencer les articles entre eux un moteur de recherche sur le texte des tris spécifiques (par date de modification, auteurs, liens…) La majorité des SGC offrent la possibilité de catégoriser l’information de l’indexer d’utiliser des taxinomies pour améliorer les méthodes de recherche créer des catégories de contenus créer des sections (ou rubriques), voire des mots clés favorisant l’indexation. La multiplication des vues, des mécanismes de choix, diminue la profondeur de l’information par rapport à la page d’entrée en multipliant les chemins, et la rend donc plus accessible.

12 WORDPRESS / CMS Gestion des droits
L’interface d’administration offre la possibilité de gérer les utilisateurs et leurs droits. donner accès ou non aux fonctionnalités du système. Selon la plate-forme les fonctionnalités sont multiples et variables droit de lecture/écriture sur un article droit de modération d’autres utilisateurs.

13 WORDPRESS / CMS Gestion de versions successives et/ou concourantes
La gestion de versions fournit un outil qui trace les évolutions qui permet de visualiser les modifications qui permet de gérer les modifications qui permet de gérer les éventuelles situations conflictuelles qui permet de tracer les modifications qui a apporté telle modification et quand Plusieurs personnes ou entités peuvent travailler sur un même document.

14 WORDPRESS / CMS Multiplication des vues
En fonction des centres d’intérêt des lecteurs, possibilité de présenter un contenu de manière personnalisée tout en exploitant le même contenu original. A partir de la même base documentaire on peut obtenir des présentations différentes à ses différentes parties prenantes : ses clients ses fournisseurs ses catégories de personnels ses actionnaires.

15 WORDPRESS / CMS Travail collaboratif (groupware)
Plusieurs parties prenantes peuvent travailler sur un espace commun privé, tout en gardant une trace historique matérialisable (en général par la couleur) Savoir qui a modifié quoi. Un logiciel précurseur dans le domaine a été Lotus Word Pro, dont Microsoft Word reprit plus tard cette fonction. Multiplication des sources de contenu La syndication de site. Mutualiser les contenus de plusieurs organisations tout en présentant le contenu d’informations issues de sources différentes avec leur mise en page Exemple : les journaux qui diffusent les dépêches d’agences de presse.

16 WORDPRESS Installation http://fr.wordpress.org/
WordPress a été développé en PHP  pages web dynamiques WordPress dispose d’une base de données MySQL qui contient toutes les informations à afficher : les articles les catégories la configuration, … Les scripts PHP  interrogent la base de donnée restituent l’information sous la forme d’une page HTML C’est cette page HTML qui est visualisée grâce à un navigateur. L’administration de wordpress permet de remplir la base de données facilement. Les pages web affiche le contenu de cette base de données, sans avoir besoin de toucher à la programmation.

17 WORDPRESS Installation Installation d’un serveur web Apache,
Apache est un protocole qui permet de faire le lien entre la base de données et les scripts PHP Les internautes interrogent cet ordinateur (ce serveur web Apache) grâce à une URL.

18 WORDPRESS Installation
Il faut un éditeur de texte pour ouvrir et modifier les fichiers de wordpress. Vous pouvez utiliser : le bloc-notes (pas très pratique) Note pad++ Pour pouvoir vérifier l’apparence de vos pages utiliser 2 navigateurs différents Internet Explorer Firefox Installation de WAMP Windows Apache Mysql PHP

19 WORDPRESS Installation Editeur Notepad++ Wamp
Après avoir téléchargé et dézippé les fichiers Wordpress 1 Déplacez le dossier wordpress dézippé dans le dossier C:\wamp\www. 2 Créer la base de données dans phpMyAdmin Dans le menu de WAMP, cliquez sur phpMyAdmin en local, il n’est pas nécessaire de définir un nom d’utilisateur et un mot de passe pour phpMyAdmin créer une base de données pour WordPress 3 Paramétrer wp-config.php renommez le fichier wp-config-sample.php en wp-config.php dans C:\wamp\www\wordpress modifier ce fichier

20 WORDPRESS Avant modification

21 WORDPRESS Installation
A la ligne 3, il faut renseigner le nom de la base de données que vous avez créée « wordpress» . A la ligne 4, il faut renseigner le nom d’utilisateur de phpMyAdmin. Comme nous n’en avons pas défini, il faut renseigner « root» . A la ligne 4, il faut renseigner le mot de passe de phpMyAdmin comme nous n’avons pas défini d’utilisateur, il faut laisser vide ce champ. N’oubliez pas d’enregistrer vos modifications.

22

23 WORDPRESS Installation
Tapez « dans votre navigateur ou cliquez sur « Localhost» dans le menu de Wamp. Page d’accueil de Wamp. Dans la partie « Vos projets» vous devez voir le dossier « wordpress» dossier qui se trouve dans C:\wamp\www. Cliquez sur ce dossier Entrez le titre de votre blog, votre décochez la case « Autorisez mon blog à…» car ce blog en local n’a pas à être référencé par Google. Cliquez ensuite sur le bouton « Installer WordPress» .

24 WORDPRESS Installation WordPress est désormais installé :
Lors de l’installation, un compte utilisateur avec le profil administrateur a été créé. Notez l’identifiant et le mot de passe fournis et cliquez sur le bouton « Se connecter» pour accéder à l’administration de votre blog.

25 WORDPRESS Installation
Vous accédez à la page de connexion de votre blog : Entrez l’identifiant et le mot de passe fournis, mais ne cochez pas la case « Se souvenir de moi» Modifier tout de suite le mot de passe fourni par le mot de passe de votre choix Cliquez donc sur le bouton « Se connecter» pour accéder à l’administration du blog Utilisateur / Votre profil /  pour changer votre mot de passe De retour dans PhpMyadmin vous pourrez constater que l’installation de wordpress a créé les tables de la base.