Développer et gérer son site web

1. Première partie

Introduction

• Comment fonctionne un site web : qu’est-ce qu’un serveur, qu’est-ce qu’une url, qu’est-ce qu’un site web.
• La logique du HTML : un langage de balise
• La logique du CSS : gérer les styles
• Installation d’un espace de travail : notepad

Réaliser un site internet de deux pages

• Etude du cas
• Présentation du résultat final

La structure du HTML

• Créer votre première page, structure d’une page HTML
• Utiliser la documentation HTML : w3schools.com
• Le doctype et la balise headLes balises title, description, meta et leurs attributs
• Les commentaires
• Le corps de votre site : la balise bodyDiv et span : les types de balise (block et inline)
• Les titres
• Les paragraphes, sauter une ligne
• Les images : format recommandé
• Les listes
• Les tableaux
• Mettre en valeur (italic, gras, souligné, importance)
• Créer la seconde page :Les liensLiens internes
• Liens externes
• Autres : adresse mail, téléchargement

La structure du CSS

• L’attribut style dans les balises html : exemple de style
• Utiliser la documentation CSS : developer.mozilla.org
• Les feuilles de style : création et appel dans le head
• Les commentaires
• Le formatage des textesTaille de texte
• Police de caractère
• Italique, gras, souligné
• L’alignement
• Les unités de longueurs
• Les sélecteurs :id et class
• Les sélecteurs avancés
• Structurer sa page avec des blocs
• Les positionnements
• Les propriétés flex-box
• Les couleurs, les bordures, les ombres
• Cascades, héritages et conflits
• Rendre son site responsif : les médias queries
• Les animations

2. Deuxième partie: SQL

Introduction

• Installation espace de travail : laragon mysql workbench
• Une base de données qu’est-ce que c’est

Mettre en place une base de données prospect / client
Contenu :

• Les bases : Présentation phpmyadmin
• Base, table, champ, entrées : description
• Les types de donnée : int, varchar, bool, …
• Le type date
• Modèle relationnel : mettre à plat les besoins pour concevoir sa base
• Les principales requêtes de création d’une base / table / champ
• Utilisation de mysql workbenchCréation d’une base
• Création de tableAjout des champs
• Ajout des entrées
• Export de la base vers phpmyadmin
• Manipulation du sql :CRUD
• Les jointures
• Les fonctions sql

Prérequis

• Formation HTML CSS
• Formation SQL

Introduction

• Installation espace de travail : laragon netbeans
• Php un langage coté serveur

Réaliser une application de gestion prospect / clients
Contenu :

• Présentation netbeans
• Les bases :Les commentaires
• Les variables
• Un point sur les types de variables
• Les conditions
• Les boucles
• Les tableaux
• Les fonctions
• Documentation
• Cas concret :net : se servir de la doc
• Inclure des pages avec include et require : inclure le header et le footer
• Accéder à une page à l’aide d’un identifiant et d’un mot de passe
• Transmettre des données de page en page : GET et POST
• Gérer un formulaire
• Les filtres : sécuriser les données utilisateurs
• Produit : gestion des prospects / client Présentation du produit
• La structure MVC : bien organiser son code
• Connexion à la base de données : la class PDO
• Espace administrateur Connexion
• Les sessions
• Déconnexion
• Ajout d’un prospect / client :Formulaire
• Fonction d’ajout à la base
• Voir les prospects / clients :Fonction de récupération
• Modification d’un prospect / client :Formulaire
• Fonction de modification de la base
• Suppression d’un prospect / client : Fonction de suppression