Formation : Webmaster & Développement web Tunis le 01/10/2023
Plan de formation Webmaster &
développement web
PUBLIC
Toute personne en charge de créer et/ou d’administrer un site ou application web.
PRÉREQUIS :
Connaissances de l'outil informatique PC ou MAC et de l’internet.
OBJECTIFS :
Concevoir une page web selon les normes et responsive
Maîtriser le langage HTML/CSS
Maîtriser l'HTML5/CSS3 & le PHP MySQL (niveau 2)
Développer une application web avec la technologie PHP/MySQL
Rédiger du contenu avec les pages, les articles, les portfolios, les widgets
Gérer et organiser le contenu du site avec les menus, les catégories, les mots-clés
Définir l’habillage graphique du site avec un thème WordPress
Personnaliser les fonctionnalités du site avec les extensions WordPress
Assurer la maintenance technique du site avec les mises à jour et les sauvegardes
Hébergement
MATÉRIELS & LOGICIELS FOURNIS :
Salle de formation avec vidéo-projection
Ordinateurs équipés du système d’exploitation
Connexion internet haut débit
Logiciels : WordPress, Firefox, Google chrome, FileZilla, Komodo Edit, Aperçu, Notepad ++,
Photoshop
Chaque stagiaire dispose d’un poste de travail
INTERVENANT
ABBASSI Kamel, Enseignant et développeur web indépendant.
Tel +216 26 388 202, Email : [Link]@[Link]
EFFECTIF
Formation collective en petit groupe de 8 personnes maximum.
Possibilité de formation individuelle personnalisée : ce programme peut être adapté à vos
besoins. Dans ce cas, le plan de formation est conçu sur mesure par le formateur, le contenu,
la durée et la programmation sont redéfinis pour chaque projet.
DURÉE DE LA FORMATION :
25 heures sur 5 jours.
ABBASSI Kamel Page 1 sur 3
Formation : Webmaster & Développement web Tunis le 01/10/2023
CONTENU DE LA FORMATION
JOURNÉE 1
Introduction
Historique : Evolution du HTML et de CSS
Le HTML5 : Présentation des problématiques actuelles
Exemples d’applications en HTML 5 et CSS3
Aperçu d’outils de développement comme SublimeText , Dreamweaver, Visual Studio
HTML5
Structurer une page en HTML5 :
Les balises sémantiques : header, article, hgroup, aside…
Création d’un conteneur de disposition
Les nouveaux attributs utilisés par les moteurs de recherche
Atelier pratique : Architecture d’une page en HTML5
Gestion des médias en HTML 5
Les balises audio et vidéo
La balise Canvas : Utilisation de l’API Canvas.
Graphiques interactifs avec SVG
Atelier pratique : Création de graphiques interactifs
CSS 3
Application de styles aux propriétés de zone HTML 5
Les sélecteurs : Référencement balise et attributs, Héritage, les préfixes, !important,
l’architecture objet, les pseudo-classes et les pseudo-éléments.
Apparence: Taille, bordures, contours, background, image arrière-plan, dégradés, ombres,
détourage, transparence, dimensionnement, marges …
Problématiques de positionnement, les différents modes de positionnement., affichage,
masquage
Disposition en colonnes. Flottements, exclusions.
Atelier pratique : Création d’une page d’articles de presse avec le Framework CSS Bootstrap
Application de styles aux propriétés de texte HTML 5
Format, couleur, ombre portée…
Intégration de polices : @font-face
Alignement, indentation du texte, justification, césure.
Atelier pratique : Mise en page d’un article
Les transitions et les transformations en CSS3
Le Responsive Web Design
Présentation du Responsive Web Design : objectifs, alternatives...
Le modèle flexible
Les media queries
Disposition utilisant les régions, le regroupement et l’imbrication
Les grilles fixes et fluides
ABBASSI Kamel Page 2 sur 3
Formation : Webmaster & Développement web Tunis le 01/10/2023
Compression d'images, sprites, Data URI
API Network Information JavaScript pour Responsive
Atelier pratique : Adaptation de la page web aux multiples formats (tablettes, smartphone…)
Les principales API de HTML 5
Les API de stockages : LocalStorage, SessionStorage, IndexedDB
La géolocalisation
L’API appCache
Offline web application
JOURNÉE 2 : BASE DE DONNÉES MYSQL
Savoir créer, structurer et exploiter une base de données MySQL
Structure d’une base de données relationnelle
Importation / exportation de données
Outil PhpMyAdmin
Langage de base des requêtes MySQL
Jointures, agrégations et groupements
Bases de données complexes
Optimisation de performances
JOURNÉE 2 : DÉVELOPPEMENT PHP (AVANCÉ) ET RÉALISATION
D’UNE APPLICATION WEB
Programmation orientée objet
Architecture MVC
Développer à l’aide d’un Framework MVC ( Laravel )
Interroger une base de données à travers un formulaire.
Afficher des résultats dans un tableau.
Créer des menus déroulants.
Saisir dans un formulaire et envoyer dans une base.
Ajouter des informations, mettre à jour.
Supprimer dans une base.
Utiliser session et cookies dans un accès sécurisé.
Concevoir une application CRUD ( Create , read, Update et Delete )
ABBASSI Kamel Page 3 sur 3
