Développement de SITE WEB avec WordPress + langages HTML et CSS

Wordpress 5 jours

Introduction
• Définition / histoire de Wordpress

Vue d’ensemble
• Présentation des outils et du vocabulaire propre à Wordpress,
• Différence frontoffice/backoffice
• Interface / barre d’outils admin

Contenu
Les Articles
• Outils disponibles pour créer, modifier,
publier ou référencer
Les pages
• Outils disponibles pour créer, modifier, publier ou référencer - Différences entre article et page

Fonctionnalités
Les extensions
• Définition, exemple, recherche,
installation/suppression
• Installer un plugin

Les Widgets
• Définition et exemple simple,
installation/suppression
• Procédure pour installer un widget
• Les shortcodes

Les Menus
• Définition
• Procédure pour créer un menu

Apparence
Le choix du thème
• Fonctionnalités à prendre en compte
• Réglages

Changer de thème
• Installation, retrouvez les widgets et les
extensions, paramétrer son thème

Dominez Wordpress
Thème-enfant en CSS
• Avantages
• Créer un thème enfant
Les plugins indispensables

Les outils externes
Protocole FTP
• Définition + Logiciel filezilla
BackUp ou sauvegarde de votre site
• Définition - Procédure - Plugins

Phpmyadmin
• Définition et Utilité

L’hébergement et Domaine
• Qu’est-ce qu’un hébergement ?
• Qu’est-ce qu’un domaine ?
• Transférer son Wordpress

HTML - 2 jours
Règles syntaxiques
• Structure du document HTML
• Les balises de référencement (SEO)
• Attributs
• Balises html4 et html5
• Insérer des commentaires
• Insérer des caractères spéciaux


Contenu des pages Web
• Titres et paragraphes
• Texte en ligne
• Listes à puces et numérotées
• Images
• Audio et Vidéo
• Tableau


Structure du site Web
• Notions de base
• Liens divers
• Sections


Formulaire de saisie
• Fonctionnement
• Structure
• Champ de saisie
• Validation


Les liens de navigation
• Les liens hypertextes
• Les liens sur des images
• Les liens vers des PDF
• Les liens vers des sites partenaires
• Les liens de messagerie (mail)


Insérer des fichiers PDF
• Affichage et liens


Mettre en page avec les DIV
• Les Boîtes DIV explication
• Structure d’une page type
• Les boîtes parent et enfant



CSS - 2 jours
Approche
• Principes et utilités des CSS


Structure d’une feuille de style
• Sélecteurs de base
• Sélecteurs contextuels
• Pseudo-classes et pseudo-éléments


Structure d’une page Web
• Positionnement naturel
• Positionnement relatif et absolu
• Mises en forme adaptatives


Mise en forme des contenus
• Mise en forme des caractères
• Mise en forme des paragraphes
• Insertion d’images
• Modèle bloc
• Les boites DIV
• Les bordures
• Les listes
• Couleurs et fonds
• Animations

Référencement SEO - 1 jour
Moteurs de recherche
• Fonctionnement des moteurs type : Google, Yahoo, Msn...


Méthode de Référencement
• L’étude des mots clés
• L’étude de la concurrence
• Définition d’une cible
• La rédaction du contenu des pages
• Proposer son site aux moteurs
• Proposer son site aux annuaires


Optimisation positionnement
• Choix des mots clés
• Où placer et comment utiliser les mots
• Les Metatags de référencement
• Le texte visible à l’internaute
• La pertinence du contenu de la page
• Ce qui ne faut pas faire !


Optimisation du HTML
• Les balises d’En-Tête (H1 - H2 ...)
• La balise de paragraphe
• La balise Alt des images


Le SiteMAP
• Création de Sitemap en xml
• Création de fiche map avec GoogleMap


Optimisation Responsive en CSS
• Les contraintes du responsive Particularités
• Site en Flash
• PDF
• Site construit en frames (cadres)
• Site dynamique


Fidélisation de popularité
• L’échange de liens
• L’e-mailing
• Les newsletter
• Les jeux en ligne

Nuisance au positionnement
• Effet Sandbox (back à sable)
• Le blacklistage


Méthode Pédagogique
• Etude de cas concrets
• Etude de votre site web