CFI Atlantique

Logo CFI Atlantique

Centre de Formation Informatique

Nantes / Saint-Sébastien-sur-Loire

02 40 34 59 64

Mise à jour le 28 juillet 2022

HTLM et CSS initiation

Durée : 5 jours (35 heures)
PROCHAINES SESSIONS :
Les 12-13-14 et 17-18 octobre 2022
Les 12-13 et 16-17-18 janvier 2023
Les 27-28-29-30-31 mars 2023
Les 12-13-14-15-16 juin 2023
Autres dates possibles en INTRA (au CFI Atlantique ou dans vos locaux)

Objectifs de la formation

  • S’initier au langage HTML et au CSS.
  • Réaliser une charte graphique pour une visualisation en responsive.
  • Préparer le site pour le référencement et le mettre en ligne.

Contenu de la formation

Introduction

  • Qu’est-ce qu’un site Internet ?
  • De quoi a-t-on besoin pour le créer et le visualiser ?
  • Les étapes de la création

Réflexion pre-projet

L’analyse

  • Définir des objectifs : les recherches, le cahier des charges

La conception

  • Créer l’arborescence du site et prévoir l’ergonomie ou l’interface du site : les usages, la hiérarchie de l’information
  • Réaliser une charte graphique : choix des couleurs, polices, tailles des visuels
  • Sélectionner des contenus : textes, images, animations

Production du site

Connaître les contraintes techniques d’internet : accès rapide à l’information, structure du répertoire racine du site, affichage, navigateurs, nom des fichiers…
Les bases

  • Réaliser des pages simples
  • Découvrir les nouveautés du langage HTML5
  • Mettre en place le balisage sémantique pour Google
  • Insérer des liens internes et externes
  • Intégrer des médias : insertion d’images et de liens, texte secondaire sur les médias

Les normes CSS pour la mise en page

  • Réaliser des mises en page en CSS2 en mono-colonne : les feuilles de styles internes, externes, les sélecteurs avec les propriétés et valeurs, les règles de création des styles (class, id…), les balises hiérarchiques
  • Réaliser des mises en page en multi-colonnes et blocs différenciés
  • Les boutons en Roll-Over et les menus déroulants

La mise en page responsive

  • Initiation aux normes CSS3 et mise en page responsive pour smartphones
  • Optimiser le balisage pour faciliter le responsive
  • Utiliser les @media query

L’exploitation du site

  • Faire le choix de l’hébergement
  • Connaître les principes de mise en ligne
  • Préparer le site pour le référencement (balises méta et sémantiques)
  • Avoir une méthodologie pour l’indexation dans les moteurs de recherche

Public visé

Webmasters, Webdesigners, Community managers, rédacteurs Web, intégrateurs Web.
• Salariés
• Entreprises
• Demandeurs d’emploi
• Particuliers

Pré-requis

Pratique du Web et des outils bureautiques
Connaissance du HTML, CSS et des marqueurs de modèle WordPress, savoir modifier les fichiers PHP d’un thème enfant.

Modalités avant formation

Questionnaire de positionnement et/ou entretien individuel pour prendre en compte le projet, évaluer les acquis, les besoins et construire le plan de formation.

Moyens, méthodes et outils

• 1 PC/personne – 1 vidéoprojecteur
• Logiciels : VISUAL STUDIO CODE, FILEZILLA
• Pédagogie progressive. Alternance entre apports théoriques et exercices d’application simples
• Intervenants professionnels de plus 15 ans d’expérience

Suivi et Évaluation

• Exercices de validation en continu pendant la formation
• Étude de cas en fin de formation
• Évaluation de satisfaction
• Certification : nous consulter
• Résultats aux examens et certifications

Fin de formation

• Émargement journée
• Support de formation en PDF
• Attestation de fin de formation
• Bilan formateur

Tarif session inter-entreprises : à partir de 50 € / jour / personne

  • Demandeur d’emploi : nous consulter
  • Formation intra ou de groupe : nous consulter
  • Tarifs dégressifs possibles en fonction du nombre de jours sur le plan de formation

Formations complémentaires

  • WORDPRESS : Perfectionnement > Le CSS // 2 jours (14h)
  • Gestion de projet WEB // 2 jours (14h)
  • Ergonomie et design Web // 5 jours (35h)
  • HTML 5 et CSS 3 : Perfectionnement // 2 jours (14h)
  • HTML 5 et CSS 3 : Structuration // 2 jours (14h)
  • PHP / Mysql : Initiation // 2 jours (14h)