1. Accueil
  2. >
  3. Formations
  4. >
  5. CPF
  6. >
  7. Bureautique, Web et Multimédia
  8. >
  9. Création de sites web
  10. >
  11. PACA
  12. >
  13. Bouches-du-Rhône
  14. >
  15. AIX EN PROVENCE (13100)
  16. > FORMA13 - Développement de sites web avec le langage de balises HTML et des feuilles de style CSS + WordPress

Développement de sites web avec le langage de balises HTML et des feuilles de style CSS + WordPress

  • Lieu :
    AIX EN PROVENCE (13100)
  • Date :
    05-10-2020
  • Durée:
    70 heures
  • Tarif de la formation :
    2800 HT
  • Référencé qualiopi
  • Éligible CPF

    Vous pouvez utiliser vos heures CPF pour suivre une formation.

  • Codes CPF :

    236252

  • 6 Participants
  • Pré-requis :
    Connaître l'outil informatique
  • Convention pôle emploi
  • Public concerné :
    Tout public

OBJECTIFS :

Cette formation continue à la création de site web avec Wordpress et les langages HTML/CSS, vous permettra de développer un site Web de A à Z, de savoir l'optimiser au niveau du code, de personnaliser le graphisme du site avec les CSS, d'optimiser son référencement naturel (SEO) et de le mettre en ligne.La Certification IT démontre les compétences du salarié à construire des pages web statiques avec un langage de balises et à les mettre en forme avec une feuille de style et valorise ces compétences dans son activité professionnelle. Elle prouve son adaptabilité et sécurise son parcours professionnel.
 
Métiers concernés :
  • Toute personne souhaitant créer un site Web et le mettre en ligne.
  • Toute personne souhaitant professionnaliser et améliorer un site Web avec Wordpress
  • Toute personne souhaitant relooker un site Internet 
  • Toute personne souhaitant comprendre le fonctionnement d'un site Web et son positionnement dans les moteurs de recherche

PROGRAMME :

WordPress A à Z - 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
 
Intégration du CSS 3 et HTML 5
• Optimiser, adapter et mofidier le graphisme et fonctionnalité d’un site en changeant le code source CSS et le HTML du thème WordPress
 
TP
• Créer un blog/site vitrine ou e-commerce avec WordPress à l’aide du langage HTML 5 et CSS 3

 

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

OBSERVATIONS :

  • Prérequis

    Être à l'aise avec l'ordinateur et la bureautique.

    Modalités pédagogiques

    • Apprentissage pas à pas facilité par l’expérience et la pédagogie du formateur.
    • Prise en main immédiate du logiciel, formation opérationnelle dès le retour en entreprise.
    • De nombreux cas concrets, des exemples variés et stimulants

     

  • AUTRES SITES :

    Marseille - Aix en Provence

    CONTACTER LE CENTRE FORMA13

    05-10-2020 09-11-2020

    Les champs E-mail ne sont pas identiques

    Les champs E-mail ne sont pas identiques

    Le numéro de téléphone renseigné permettra à l’organisme de vous contacter :

    Votre adresse e-mail et votre numéro de téléphone sont collectés dans le but de vous répondre et uniquement à cette fin (voir Conditions Générales d'Utilisation)

    Je souhaite qu'ICI Formation et ses partenaires me tiennent informé·e de mes droits CPF et de l'actualité de la formation professionnelle.
    Nous ne cédons et ne revendons pas vos coordonnées à des tiers.

    * Les champs avec une astérisque sont obligatoires

    TOUTES LES FORMATIONS SUR LE THèME Création de sites web