HTML5 et CSS – Les bases

Formation HTML5 et CSS – Les bases
21H au total
1 500 € par personne
Toute personne souhaitant créer ou mettre à jour des pages web

Contacter Guy-Noël RELA

Tél : 04 79 69 48 61
Envoyer un e-mail

HTML5 et CSS sont les langages essentiels pour structurer et styliser une page web. Cette formation s’adresse à toute personne souhaitant comprendre et maîtriser les bases de la création de sites internet.
Grâce à une approche progressive mêlant théorie et pratique, vous apprendrez à manipuler un éditeur de code, à créer des pages web structurées et visuellement cohérentes, et à publier votre premier site en ligne.
A l’issue de cette formation, vous saurez concevoir un site simple en HTML5 et CSS, prêt à être mis en ligne.

V2_06/09/2024

Objectifs opérationnels

  • Comprendre le fonctionnement général du web et le rôle des langages HTML et CSS
  • Créer une première page web à partir d’un éditeur de code
  • Intégrer différents types de contenus (texte, images, liens, etc.) en HTML
  • Appliquer des styles à son contenu à l’aide du langage CSS
  • Concevoir une mise en page structurée en combinant HTML et CSS
  • Publier son site web sur un serveur
  • Découvrir les bases du référencement pour améliorer la visibilité de son site

Programme

Journée 1

Comprendre le fonctionnement général du web et le rôle des langages HTML et CSS
  • Identifier les concepts clés : HTTP, FTP, URL, hébergement, etc.
  • Comprendre le modèle client/serveur
  • Connaître les principaux langages du web : HTML, CSS, JavaScript, PHP
  • Découvrir l’évolution des sites web : du HTML statique aux applications dynamiques
Créer une première page web à partir d’un éditeur de code
  • Comprendre le rôle du HTML : structure, balises et attributs
  • Distinguer les balises avec et sans contenu
  • Structurer une page avec les balises essentielles : DOCTYPE, html, head, body, etc.
Intégrer différents types de contenus (texte, images, liens, etc.) en HTML
  • Ajouter du texte : titres, paragraphes, listes
  • Insérer des médias : images, vidéos, audio
  • Créer des liens hypertextes internes et externes
  • Embarquer des contenus externes (YouTube, Google Maps, etc.)
  • Atelier pratique : Création d’une page HTML complète avec différents types de contenus.

Journée 2

Appliquer des styles à son contenu à l’aide du langage CSS
  • Comprendre les bases du CSS : sélecteurs, propriétés et valeurs
  • Identifier les types de sélecteurs : balise, classe, identifiant
  • Travailler la typographie : police, taille, graisse, italique
  • Ajouter bordures, couleurs et arrière-plans
Concevoir une mise en page structurée en combinant HTML et CSS
  • Utiliser les balises de structure HTML5 : header, main, section, footer, etc.
  • Maîtriser les propriétés CSS de mise en page : largeur, hauteur, marges, positionnement
  • Appliquer les bonnes pratiques de conception ergonomique et responsive
  • Atelier pratique : Création d’un gabarit de site web avec structure HTML5 et style CSS.

Journée 3

Publier son site web sur un serveur
  • Choisir un hébergeur adapté : nom de domaine, espace web
  • Comprendre l’importance du certificat SSL (HTTPS)
  • Se connecter à un serveur via un client FTP
  • Déployer les fichiers de son site en ligne
  • Atelier pratique : Mise en ligne du site réalisé pendant la formation.
Découvrir les bases du référencement pour améliorer la visibilité de son site
  • Comprendre les bases du référencement naturel
  • Structurer le contenu pour une meilleure indexation : balises sémantiques, titres, textes alternatifs
  • Optimiser les images : formats, dimensions, poids
  • Découvrir des outils gratuits d’analyse de performance et de visibilité

Modalités

Retrouvez toutes les modalités relatives à notre formation
HTML5 et CSS – Les bases

Public concerné Toute personne souhaitant créer ou mettre à jour des pages web
Pré-requis Aisance avec l’outil informatique (utilisation courante d’un ordinateur, navigation web, gestion de fichiers).
Démarche pédagogique
  • Formation en présentiel ou à distance en visioconférence (via un outil de visioconférence adapté)
  • Alternance de séquences théoriques (avec support visuel type PowerPoint) et de mises en pratique encadrées
  • Utilisation d’un éditeur de code simple et accessible
  • Mise à disposition de supports pédagogiques numériques et/ou papier
  • Approche individualisée selon le niveau de chaque participant
Modalités
  • Durée : 21H au total
  • Horaires : 3 journées de 7 heures , horaires à définir
  • Lieu : en intra dans vos locaux ou en inter dans les locaux de l’Agence Web Cappuccino
  • Accessibilité : La formation peut être organisée dans une salle accessible aux personnes à mobilité réduite. Le contenu, la durée et le rythme de la formation peuvent être adaptés à différentes situations de handicap. Nous consulter.
  • Conditions d'accès : Chaque situation étant unique, nous vous demandons de préciser avant l’inscription votre handicap, au cours de notre entretien ou sur la fiche de renseignement. Nous pourrons ainsi vous confirmer l’ensemble des possibilités d’accueil pour vous permettre de suivre la formation dans les meilleures conditions ou vous orienter vers les structures spécialisées.
  • Effectif : 1 à 6 personnes
  • Date(s) : à définir, délai d’accès sous un mois maximum
Évaluation de la formation
  • Pendant la formation : exercices pratiques, études de cas
  • En fin de formation : QCM de validation des acquis
  • Évaluation de la satisfaction : questionnaire individuel à chaud
Validation de la formation
  • Délivrance d’un certificat de réalisation
  • Feuille de présence signée chaque jour par les participants et le formateur

Formateur : Guy-Noël RELA

Guy-Noël RELA Formateur HTML5 et CSS – Les bases

Guy-Noël RELA est développeur web full-stack depuis plus de 20 ans et formateur au sein de l’Agence Web Cappuccino.

Spécialisé dans la création de sites internet et d’applications web pour les petites et moyennes entreprises, il accompagne ses clients depuis 2001 avec une approche à la fois technique et pragmatique.

Formateur expérimenté, il est également intervenu pour le GRETA Savoie, notamment au sein des lycées Louis Armand et Monge, dans le cadre de formations en informatique.

Grâce à son double profil de développeur et de pédagogue, Guy-Noël propose une transmission claire et concrète des savoirs, mêlant théorie accessible et pratique professionnelle du code.

Retour à la liste des formations