Linkedin Facebook Instagram
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.

  • 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.

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.
Télécharger Le Programme En Pdf

1 400 €

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

5 jours

(35 heures)

Choisissez votre centre

Lyon

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

Nous contacter
CPF

Tarif

Nous contacter

Durée

Sur mesure

Choisissez votre centre

Lyon
Nous contacter
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 !