Création d’un site WEB 1 – Un site WEB c’est quoi ? 2 – Questions à se poser avant la construction d’un site WEB 3 – Principes de fonctionnement d’un site.

Présentation au sujet: "Création d’un site WEB 1 – Un site WEB c’est quoi ? 2 – Questions à se poser avant la construction d’un site WEB 3 – Principes de fonctionnement d’un site."— Transcription de la présentation:

1 Création d’un site WEB 1 – Un site WEB c’est quoi ? 2 – Questions à se poser avant la construction d’un site WEB 3 – Principes de fonctionnement d’un site WEB 4 – Exemples de création de sites WEB

2 Création d’un site WEB 2 octobre 2015 2 Un site WEB c’est quoi ? Un site web c'est un ensemble de fichiers : codé en HTML et ou avec d’autres langages (PHP, JAVA, Javascript, …) avac ou sans base de donnéesHTML accessible depuis une adresse web. Selon que l’on cherche ou non une interactivité avec l'utilisateur, le site peut être : statique, c'est-à-dire qu'il possède un contenu fixe – ‘exemple un roman, un article ) -> HTML dynamique, exemple d'un progiciel de gestion ou une eboutique. -> HTML + PHP + Base de données

3 Création d’un site WEB 2 octobre 2015 3 Un site WEB c’est quoi ? Les langages HTML et CSS sont à la base du fonctionnement des sites WEB HTML (Hyper Text Make Up Language) gère et organise le contenu (textes liens images, …) CSS (Cascading Style Sheet [feuille de style]) gère l’apparence de la page ( agencement, décorations, couleurs, tailles des textes, ….) Le serveur contient les fichiers du site, effectue les traitement, reçoit les demandes de l’utilisateur et renvoie les réponses en HTML Le Navigateur est le programme qui permet de voir le site WEB et qui traduit notamment le code HTML en pages WEB

4 Création d’un site WEB 2 octobre 2015 4 Questions à se poser avant de construire un site Qu'attendez-vous de votre site ? Information, présentation -> site statique ? Prendre des contacts, recueillir des informations des utilisateurs -> base de données Vendre -> Sécurité Quels prestataires choisir ? Une offre clé en main Une agence Web Un développeur indépendant Créer son site soi-même Les hébergeurs Combien ça coûte ? Quelles sont les obligations légales ? Référencement

5 Création d’un site WEB 2 octobre 2015 5 1- Vous voulez aller sur www.MonsiteWeb.com 2- Le réseau internet trouve l’adresse IP correspondant à MonsiteWeb.com 3- Le serveur hébergeant MonsiteWeb.com analyse votre demande 4- Le serveur renvoie une réponse (sous forme de code HTML par exemple) 5- Votre ordinateur (le navigateur) traduit le retour du serveur en page WEB Principe de fonctionnement d’un site WEB

6 Création d’un site WEB 2 octobre 2015 6 Principe de fonctionnement d’un site WEB Serveur HTTP : ex Apache Serveur Base de données : ex MySQL Langage : ex PHP Navigateur : ex Internet Explorer Paramétrages : ex javascript activé Outils utiles : Un serveur local sur votre ordinateur Un serveur de base de données Un client FTP Un logiciel de retouche d'images Un éditeur de texte Un outil de développement Plusieurs navigateurs Client FTP : Placer les fichiers sur le serveur : adresse + mot de passe Export de la base de données Accès base de donnée : Nom utilisateur Nom du serveur Nom de la base de données mot de passe Installation locale ou installation distante, Sauvegardes

7 Création d’un site WEB 2 octobre 2015 7 Exemples de création de site WEB 1 - Construction d’un site statique avec un éditeur 2 - Construction d’un site avec les outils d’un hébergeur 1and1Exemple de site en construction 3 - Construction d’un site avec un CMS (Content Management System) Les CMS permettent de créer des pages web et de modifier leur contenu sans connaissances techniques. On télécharge un fichier ZIP, on l’envoie par FTP sur le serveur de son hébergeur et on n’a plus qu’à se laisser guider. Site Joomla! (joomla.fr)Site Joomla! (joomla.fr)Exemple site personnel back endsite personnel back end