Formation Création Site Internet Lyon

Introduction à WordPress

• Présentation et fonctionnalités de WordPress
• Avantages et inconvénients du système
• La dynamique de la communauté WordPress
• Outils et technologies utilisés dans le développement

Installation de WordPress

• Procédures manuelles d’installation en local et en ligne
• Installation automatisée via les modules OVH
• Configuration initiale du système

Exploration de l’interface

• Navigation dans le tableau de bord
• Gestion des articles, médias et pages
• Interaction avec les commentaires
• Personnalisation de l’apparence
• Options de visualisation de l’écran

Gestion du contenu du site

• Création et édition d’articles et de pages
• Contrôle et configuration des commentaires
• Gestion des utilisateurs et de leurs autorisations
• Intégration optimale de vidéos via extensions (plugins)
• Optimisation des permaliens
• Configuration d’une boutique en ligne
• Implémentation d’un site multilingue

Administration de WordPress

• Mises à jour du système
• Personnalisation du thème du site
• Gestion des thèmes et des Widgets
• Paramétrage avancé du thème
• Extension de fonctionnalités via les plugins
• Configuration avancée des paramètres

Publication en ligne

• Sauvegarde du site en local et publication en ligne
• Outils de vérification de la fonctionnalité
• Optimisation du référencement avec WordPress

Gestion des utilisateurs

• Création et gestion des comptes utilisateurs
• Attribution des droits d’administration

Présentation des thèmes

• Installation, configuration et personnalisation des thèmes
• Utilisation des widgets et des barres latérales
• Exploration des fonctionnalités avancées
• Utilisation efficace du Codex WordPress

Création de thèmes personnalisés

• Utilisation d’éditeurs de pages ou de constructeurs de page
• Structure des fichiers et éléments essentiels
• Personnalisation via le fichier style.css et autres fichiers clés
• Gestion des menus, des barres latérales et des formulaires de recherche
• Création de modèles de pages spécifiques
• Utilisation avancée des boucles et des balises
• Mise en œuvre de thèmes enfants

Fonctionnalités avancées de WordPress

• Exploration des éditeurs de pages et des constructeurs
• Intégration des hooks, filtres et actions
• Création de pages spécifiques et utilisation de shortcodes
• Personnalisation des champs et des types de contenu
• Gestion des taxonomies et des widgets
• Utilisation de plugins tels que ACF pour des champs personnalisés

Renforcement de la sécurité du site

• Méthodes de sécurisation efficaces

Stratégie SEO

• Compréhension des concepts fondamentaux du référencement naturel
• Analyse des moteurs de recherche et de leurs critères
• Stratégies de mots-clés et longue traîne
• Optimisation on-site et off-site
• Pratiques recommandées et mise à jour des exigences de Google
• Optimisation du contenu, de la socialisation et de l’ergonomie
• Suivi et maintenance du référencement

Application pratique

Présentation de WordPress

• Qu’est-ce que WordPress
• Avantages et inconvénients
• La communauté
• Les outils utilisés

Installer WordPress

• Téléchargement et installation manuelle en local
• Téléchargement et installation manuelle en ligne
• Installation automatique par les modules OVH
• Configuration du système

Découverte de l’interface

• Le tableau de bord
• Les articles
• Les médias
• Les pages
• Les commentaires
• L’apparence
• Les options d’écran

Gérer le contenu d’un site

• Ajouter/éditer un article
• Ajouter/éditer une page
• Gestion et paramétrage des commentaires
• Gestion des utilisateurs
• Insérer une vidéo : les meilleures extensions
• Les permalinks
• Paramétrer son e-boutique
• Créer un site bilingue

Administration WordPress

• Mise à jour WordPress
• Changer le thème du Blog
• Installer et gérer son thème
• Utilisation des Widgets
• Configuration du thème
• Utilisation et gestion des extensions
• Les différents paramétrages

Mise en ligne

• Effectuer une sauvegarde du site en local
• Mise en ligne

• Outils de vérification de la fonctionnalité
• Le Référencement avec WordPress

Les utilisateurs

• Créer un utilisateur
• Les droits d’administration

Les langages HTML5/CSS3

• Dernière évolution de l’HTML/CSS
• Généralités (définition, fonctionnement, écriture)
• Structure d’un document
• Les principales balises
• Les balises et attributs obsolètes
• Mise en page
• Liens
• Images
• Homogénéisation de la présentation
• Respect des Standards
• Connaître la compatibilité des navigateurs
• Le Doctype
• Les nouvelles balises
• Les nouveaux attributs
• Balises Vidéo et Audio
• Balises de formulaire

Feuilles de styles CSS3

• Les sélecteurs avancés
• Combiner les sélecteurs
• Grouper les sélecteurs
• Optimiser son code CSS
• Les pseudo-classes
• Manipulation des propriétés CSS
• Les bordures arrondies
• La transparence
• Les ombres portées
• Mise en page
• Les animations (transitions et transformations)

Mise en application

Introduction au CMS Joomla!

• Rappels CMS
• Propriétés de Joomla!

Installation du CMS Joomla!

• Installer Joomla! en local
• Installer Joomla! en ligne
• Installer Joomla! avec OVH
• Configurer le CMS

Organisation du projet

• Préparer et structurer son contenu
• Apparence et choix du template (charte graphique)
• Page d’accueil, ergonomie et navigation

L’interface Joomla!

• Le panneau d’administration
• Articles et catégories
• Gestion des médias
• Menus et extensions

Gestion du contenu

• Ajout et édition d’un article
• Gestion des articles et des catégories
• Insertion d’une vidéo
• Alias et URL

Administrer le CMS Joomla!

• Mise à jour
• Changement d’un template
• Utiliser les modules
• Configurer un template
• Composants par défaut
• Modules, plug-ins, paramétrages

Mettre en ligne un site Joomla!

• Sauvegarder préalablement le site Internet en local
• Mise en ligne
• Le Référencement avec Joomla!

Gestion des utilisateurs

• Création des utilisateurs
• Groupes, droits d’administration, niveaux d’accès

Mise en application

Introduction à Wix

• Panorama des outils et services
• Adapter l’offre Wix à son projet
• Installation et paramétrage de Wix
• Hébergement, nom de domaine et forfait

Création du site Web

• Choisir son template
• Les Fonctionnalités
• Insérer un tableau
• Ajouter des images et des galeries

Graphisme et design

• Modifier le fond du site
• Mettre en forme le texte
• Changer le format de police par défaut
• Modifier le design du site

Enrichir son site Web

• Créer un formulaire de contact
• Mettre en place une newsletter
• Activation les commentaires
• Activation & paramétrage de l’affichage mobile
• Référencement & Social Media
• Utiliser Google Map
• Panorama des applications disponibles

Administrer son site Web

• Gérer les utilisateurs & accès
• Suivre son trafic avec Google analytics et Search Console

Mise en application

Définir son projet Web

• Bien identifier sa cible ainsi que ses besoins
• Choisir les fonctionnalités du site
• Structuration de l’offre et de l’arborescence
• Ergonomie et design
• Choix de la charte graphique

Les bases de Dreamweaver

• Présentation de l’environnement de travail
• Saisie et mise en forme des caractères
• Saisie et mise en forme des paragraphes
• Affichage dans les liens navigateurs

 Les tableaux

• Utilité, création et modification
• Largeur de colonnes et hauteur de lignes
• Bordures et arrière-plan

Les images

• Les différents formats
• Insertion et positionnement dans la page
• Les effets de survol et mappage d’une image

Les liens hypertextes

• Sur texte et sur image
• Liens vers email
• Liens internes au site
• Liens externes
• Gestion des signets

Propriétés de la page Web

• Gestion de l’arrière-plan
• Couleur de la police par défaut
• Couleur des liens
• Marges lierses

Frames et cadres

• Objectifs et création des cadres
• Lien vers un cadre précis : les « target« 
• Redimensionnement
• Barre de défilement
• Couleur des bordures

Gérer des sites Web avec Dreamweaver

• Création d’un dossier racine local du site
• Organisation de l’arborescence d’un site
• Vérification des liens et plan de site
• Publication d’un site avec Dreamweaver

Les formulaires

• Utilité
• Les différentes zones de formulaire

Les styles

• Limites liées aux navigateurs
• Création de styles utilisateurs
• Modification de styles existants
• Styles intégrés dans une page
• Styles et feuille de styles (CSS)
• Inspection CSS (CS5)

Les modèles de pages

• Créer un modèle
• Définir des zones modifiables
• Créer des pages à partir d’un modèle
• Mise à jour du modèle et des pages

Calques et comportements

• Création, dimensionnement et positionnement
• Relations entre calques et tableaux
• Objectifs, relation entre calques et scénarios
• Test de navigateur
• Test des champs d’un formulaire
• Gestion des événements OnClick, onMouseOver
• Comportements et scénarios
• Téléchargement de comportements

Les langages HTML5/CSS3

• Dernière évolution de l’HTML/CSS
• Généralités (définition, fonctionnement, écriture)
• Structure d’un document
• Les principales balises
• Les balises et attributs obsolètes
• Mise en page
• Liens
• Images
• Homogénéisation de la présentation
• Respect des Standards
• Connaître la compatibilité des navigateurs
• Le Doctype
• Les nouvelles balises
• Les nouveaux attributs
• Balises Vidéo et Audio
• Balises de formulaire

Feuilles de style CSS3

• Les sélecteurs avancés
• Combiner les sélecteurs
• Grouper les sélecteurs
• Optimiser son code CSS
• Les pseudo-classes
• Manipulation des propriétés CSS
• Les bordures arrondies
• La transparence
• Les ombres portées
• Mise en page
• Les animations (transitions et transformations)

Les API de l’HTML5

• Le dessin avec la balise Canvas
• Le drag and drop
• Le stockage de données
• La gestion des évènements
• La géolocalisation

Finaliser son site Web

• Choix de la charte graphique
• Choix du nom de domaine et de l’hébergement
• Création des pages et du contenu
• Mise en ligne du site

Mise en application

Introduction à PHP

• Histoire du PHP
• Définition et fonctionnement du PHP
• Travailler en locale (Wampserver)
• PHP7 ou PHP8 ?
• Installation (application apache, MySQL, PHP)

Bases de programmation en PHP

• Insérer du PHP dans du code HTML
• Fonctions d’affichage
• Les opérateurs
• Créer une variable
• La portée des variables
• Les superglobales
• Opérateurs d’affectation
• Les fonctions PHP
• Les redirections

Les instructions de contrôle

• Les conditions simples (if)
• Les conditions multiples (if ¿ else, elseif, switch)
• Les conditions imbriquées
• Opérateurs de comparaison
• Les boucles (for, while, foreach)

Les formulaires

• Création de formulaires HTML
• Récupération des données
• Méthodes GET et POST
• Sécuriser la transmission de données

Les tableaux

• À propos des tableaux
• Tableaux associatifs
• Tableaux multidimensionnels
• Créer un tableau
• Parcourir un tableau
• Recherche dans un tableau

Sessions et cookies

• Créer et modifier un cookie
• Utiliser et sécuriser les sessions
• Créer un espace sécurisé

Gestion des fichiers

• A propos des fichiers
• Lecture d’un fichier
• Écrire dans un fichier
• Créer un fichier

Gestion des bases de données MySQL

• Initiation à PHPMyAdmin
• Principales commandes et requêtes SQL
• Les bases
• Les tables
• Les champs
• Les liaisons ou jointures
• Se connecter à une base de données
• Récupérer des données
• Modifier des données
• Insérer des données
• Traiter les données

Mise en application