Toutes les formations en

Devenir un.e pro de la conception web avec HTML/CSS

Apprendre à créer des sites modernes et attractifs

Session sur Lyon le 15/07/2024 en Présentiel.

1 400 €
Financement sur-mesure possible selon profil, financement AFDAS possible (sous condition d’éligibilité)

5 jours
(35 heures)

Devenir un.e pro de la conception web avec HTML/CSS

Concevoir un site en HTML/CSS

Je postule
à la formation

INTRODUCTION

La formation « Devenir un.e pro de la conception web avec HTML/CSS : apprendre à créer des sites modernes et attractifs» vise à  vous fournir les compétences et les connaissances nécessaires pour concevoir des sites web professionnels et modernes, en se concentrant sur l’expérience utilisateur, la lisibilité, la hiérarchie de l’information et les dernières tendances en matière de design web.

En fin de compte, la formation vous aidera à acquérir des compétences solides en conception web avec HTML/CSS, ce qui peut vous permettre de poursuivre une carrière en tant que concepteur web, designer UI/UX ou développeur front-end.

Concevoir un site en HTML/CSS

Pré-requis

Maîtrise impérative de l’environnement informatique (PC/Mac), de la navigation web.

Connaissance des bases du HTML/CSS et du Responsive Design.

PAYEZ CETTE FORMATION AVEC VOTRE CPF*
*Sous réserve d’éligibilité au CPF

Non éligible au CPF

DESCRIPTION

PUBLIC

  • Graphistes, Chargé de communication souhaitant évoluer vers la conception web et/ou le front-end.

 

  • Freelance, indépendant voulant apprendre à concevoir un site en HTML/CSS pour gérer leur propre activité.

 

  • Toute personne voulant acquérir ou développer ses compétions en conception web.

OBJECTIFS

  • Comprendre les concepts fondamentaux de la conception web, tels que l’expérience utilisateur, la hiérarchie de l’information, la typographie, la couleur et le layout.
  • Maîtriser les bases du langage HTML pour structurer le contenu d’un site web.
  • Acquérir une connaissance approfondie des techniques CSS pour créer des mises en page et des designs modernes et attractifs.

PROGRAMME

Mise à jour le mardi 11 juillet 2023 à 02:54

JOUR 1

INTRODUCTION

  • Objectifs de la formation et présentation ;
  • Historique et évolutions ;
  • Html5 et contexte d’utilisation ;
  • Compatibilité avec les navigateurs ;
  • Configuration de l’environnement de travail (visual studio code, notepad++, sublime text).

 

CONCEPTION D’UNE PAGE HTML

  • Structure d’une page ;
  • Les balises CSS ;
  • Les balises HTML5 ;
  • Différences entre HTML-4 et HTML-5.

 

 

JOUR 2

LES BALISES HTML

  • Balises de mise en forme du contenu ;
  • Les listes ;
  • Les tableaux ;
  • Les paragraphes et saut de ligne (<p> et <br>) ;
  • Les formulaires ;
  • Les balises de media (son et vidéo) ;
  • L’intégration des objets (fichiers pdf).

 

LES BALISES CSS

  • Spécification w3c ;
  • Sélecteurs disponibles ;
  • Les balises de mise en forme ;
  • Les balises de positionnement ;
  • Transformations et transitions.

 

 

JOUR 3

NOTION DE TYPOGRAPHIE

  • Bien utiliser les polices ;
  • Les unités de valeurs (px, em, rem, pourcentage, etc.).

 

POSITIONNEMENT DES ÉLÉMENTS

  • Positionnement statique ;
  • Positionnement absolu ;
  • Positionnement relatif ;
  • Positionnement sticky ;
  • Notion de top, bottom, left, right ;
  • Présentation de la balise z-index

 

MISE EN FORME DES ÉLÉMENTS

  • Mise en forme des textes ;
  • Mise en forme des images ;
  • Mise en forme d’un background (color ou image, effet parallaxe) ;
  • Propriété hidden et display:none.

 

 

JOUR 4

HTML / CSS & LE RESPONSIVE DESIGN

  • Le responsive design avec CSS ;
  • Les medias queries.

 

HTML / CSS & BOOTSRAP

  • Présentation et utilité de bootstrap ;
  • Les boutons ;
  • Les formulaires ;
  • Les sliders ;
  • Les images ;
  • Les tableaux ;
  • Les menus déroulants ;
  • Les menus de navigation ;
  • Les icones.

 

HTML / CSS & WORDPRESS

  • Interaction avec la feuille de style CSS de Wordpress ;
  • Présentation du module CSS additionnel dans Wordpress ;
  • Exemples d’application.

 

 

JOUR 5

BILAN & ÉVALUATION

  • Montage d’une maquette en HTML / CSS et réalisation d’un e-mailing avec CSS3 inline ;
  • Finalisation de la mise en pratique (réalisée tout au long de la semaine) et évaluation ;
  • Bilan et perspectives d’approfondissement.

 

Modalités d’évaluation

Évaluation sur le montage d’une maquette en HTML / CSS et la réalisation d’un e-mailing avec CSS3 inline.

validation

Attestation de stage.

 

Cette formation fait partie du bloc de compétences « Réaliser, améliorer et animer des sites web » du titre professionnel « Concepteur Designer UI » Niveau 6 inscrit au RNCP – France Compétences, qui fait l’objet d’une certification (elle-même éligible au CPF).

Suite de parcours et VAE
(Validation des Acquis de l’Expérience ) 

Le titre professionnel « Concepteur Designer UI » inscrit au RNCP – Niveau 6 est accessible par la VAE. Lorsqu’on souhaite obtenir un diplôme, on a souvent en tête un schéma de formation classique : démarrer sa formation, la poursuivre pendant plusieurs mois, passer son examen final et obtenir son diplôme. Il existe en réalité toute une multitude d’options, qui vous permettent de personnaliser votre parcours de formation à votre rythme ou de faire valider vos acquis par l’expérience (VAE) : découvrez-les !

Méthodes mobilisées & Encadrement

Alternance entre théorie et pratique basée sur des situations professionnelles reconstituées.

Formation en présentiel, distanciel nous consulter, dispensée par un.e formateur.ice expert.e en webmarketing.

ACCESSIBILITÉ AUX PERSONNES EN SITUATION DE HANDICAP

Un.e référent.e handicap est à votre écoute sur chaque centre de formation. Pour plus d’informations, rendez-vous sur notre page dédiée :
3is-executive.fr/handicap-et-accessibilite 

N’hésitez pas à nous contacter !

Je postule
à la formation

Candidature

Devenir un.e pro de la conception web avec HTML/CSS

« ( * ) » indique les champs nécessaires

Je souhaite cette formation pour :( * )
Je souhaite être contacté par email par 3iS Executive( * )
Je souhaite être contacté par SMS par 3iS Executive( * )

Devenir un.e pro de la conception web avec HTML/CSS

Id commun : concevoirunsiteenhtmlcss

MERCI !
La demande a bien été envoyée.
Nous reviendrons vers vous rapidement.

Téléchargement de fiche formation

Devenir un.e pro de la conception web avec HTML/CSS

Je recherche une formation
dans le domaine du (de la )

Devenir un.e pro de la conception web avec HTML/CSS

de niveau

qui soit de type

Demande de contact