Les outils de création d'un site Web

Commencez. C'est gratuit
ou s'inscrire avec votre adresse courriel
Rocket clouds
Les outils de création d'un site Web par Mind Map: Les outils de création d'un site Web

1. Qui?

1.1. Qui consomme ces outils?

1.1.1. débutants

1.1.1.1. CMS

1.1.2. Professionnels

1.1.2.1. CMS framework library WYSIWYG

2. Quoi?

2.1. Quels sont les différents types de site web?

2.1.1. Statique: le client envoie une requête au serveur qui se contente de lui renvoyer la page demandé

2.1.1.1. site "vitrine" pour la présentation d'information

2.1.2. Dynamique : affichage de contenue différent et personnalisé pour chaque utilisateur

2.1.2.1. nécessité du Font-End et du Back-end

2.1.2.2. ex: Facebook

2.2. qu'est ce que la visite d'un site web?

2.2.1. Résultat de la communication entre un client et un serveur

2.2.1.1. Client: notre navigateur Web

2.2.1.2. Serveur: "ordinateur" puissant qui stocke les sites web et leurs fichiers

2.3. Quels sont ces outils

2.3.1. library

2.3.1.1. JQUERY

2.3.2. Framework

2.3.2.1. BOOTSTRAP , SYMFONY 2(php), RUBY ON RAILS (ruby), ANGULAR (javascript)

2.3.3. "validateurs" normes W3C

2.3.4. CMS: Content Management Système

2.3.4.1. Wordpress (pour créer un site statique)

2.3.4.2. Prestashop (pour créer un site dynamique)

2.3.5. Navigateur Web

2.3.5.1. Mozilla , firefox....

2.3.6. Serveur

2.3.6.1. hebergeur : OVH

2.3.6.2. base de données: MySQL , ORACLE.....

2.3.7. Éditeur de texte

2.3.7.1. WYSIWYG: Amaya, golive...

2.3.7.2. notepad, NEDIT,...

2.3.8. Logiciel FTP: Filezilla

3. Ou?

3.1. Comment accède t-on à une page web?

3.1.1. adresse URL ex: "http://www.monsite.com/tatati"

3.1.1.1. "Http://" nom du protocole de communication entre le serveur et le client

3.1.1.2. "monsite.com"nom de domaine du site

3.1.1.3. "/tatati" l'endroit ou se trouve la page dans le site

3.2. Ou "déposer" ma page web ?

3.2.1. Location d'un serveur auprès d'un hébergeur

3.2.2. réservation d'un nom de domaine auprès d'un REGISTRAR

4. Pourquoi?

4.1. Quelles fonctions ont ces outils ?

4.1.1. les languages

4.1.1.1. HTML: représenter le squelette de nos pages web (titre, paragraphes...)

4.1.1.2. CSS: application d'un style (couleur, police, mise en page)

4.1.1.3. JAVA SCRIPT: interactivité et logique derrière les pages web (ouvrir un menu...)

4.1.2. Aide au code

4.1.2.1. Library: ensemble de fonctions qui ont déjà étés codées et que l on va pouvoir réutiliser dans notre programme

4.1.2.2. Framework: outils qui contient des libraries et qui va nous permettre d'être plus efficace dans la conception d'un site web

4.1.2.3. "validateurs" ,normes W3C: permettre à tous les navigateurs d'afficher une page semblable.

4.1.3. CMS: permet d'administrer un site web de manière totalement graphique sans utiliser de code.

4.1.4. Navigateur web : permet la visite des pages web

4.1.5. serveur: répond au client

4.1.5.1. hébergeur : donne accès à une interface qui permet d'envoyer des fichiers dans le disque dur du serveur via un processus FTP

4.1.5.2. base de données: permet de stocker les données de manière organisé

4.1.6. Editeur de texte : écrire du code

4.1.6.1. WYSIWYG: montre le résultat du code

4.1.7. Logiciel FTP: pour se connecter à son serveur distant grâce au protocole FTP

5. Comment ?

5.1. Comment fonctionne un site Web?

5.1.1. Protocole de communication entre un serveur et un client

5.1.1.1. 1) Le client commande la page web au serveur

5.1.1.2. 2)Le serveur va préparer la page web en question

5.1.1.3. 3) Le serveur va la renvoyer au client qui va l'afficher

5.1.2. le serveur et le client communiquent via des lignes de code et donc différents languages

5.1.2.1. Front-End : code que le serveur envoie au client : HTML CSS JAVA SCRIPT

5.1.2.2. Back-End : Partie du code exécuté par le serveur : PHP JAVA PYTHON RUBY