3iS-logo_executive-blanc

La conception d'un site web avec HTML et CSS

La-conception-d'un-site-web-avec-HTML-et-CSS

La formation « La conception d’un site web avec HTML et CSS » 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.

Public visé et pré-requis

  • Graphistes, chargé.es de communication souhaitant évoluer vers la conception web et/ou le front-end
  • Freelance, indépendant.es voulant apprendre à concevoir un site en HTML/CSS pour gérer leur propre activité
  • Jeunes diplômé.es en graphisme, communication souhaitant évoluer vers la conception web et/ou le front-end
  • Toute personne voulant acquérir ou développer ses compétions en conception web
  • Pré requis : Être opérationnel sur la mise en page en HTML/CSS et le Responsive Design
  • Maîtrise impérative de l’environnement informatique ( PC/Mac), de la navigation Web.

1 400 €

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

5 jours

(35 heures)

Choisissez votre centre

Lyon

Session le 6/01/2025 en présentiel

Session le 7/07/2025 en présentiel

Tarif

Nous contacter

Durée

Sur mesure

Choisissez votre centre

PROGRAMME

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.

 

Evaluation sur le montage d’une maquette en html / css et la réalisation d’un e-mailing avec CSS3 inline

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 conception de sites web.

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 !