La mise en page d'un site web avec HTML et CSS

Objectifs

- Savoir nommer et utiliser les balises de base de HTML5?


- Structurer une page web grâce au HTML (texte, images, tableaux, formulaires, son et vidéo)?


- Savoir mettre en relation une feuille de style CSS avec HTML5?


- Maîtriser la mise en page et la mise en forme avec les feuilles de style CSS.  


- La formation vise à permettre aux participants d'acquérir les bases du développement web. 


- Ils ou elles sauront structurer une page web, créer une mise en page simple, intégrer des liens et des images et modifier les apparences des éléments HTML. Les participants auront les bases nécessaires pour apprendre la conception d'un site web statique / gérer et personnaliser un site sous WordPress.

Programme de la formation

INTRODUCTION

• Spécifications HTML : historique et évolutions.


• Vision HTML 5 et contextes d'utilisation.


• Support par les navigateurs.

CONCEPTION DE PAGES WEB AVEC HTML 5

• Présentation des différents éditeurs de code.


• Organiser les fichiers d'un site.


• Structure d'une page.


• Eléments de styles CSS en HTML 5

BALISES HTML 5

• Balises de mise en forme du contenu : titres, paragraphes, ...


• Balises sémantiques et d'organisation.


• Les tableaux.


• L'intégration d'images.


• Création et utilisation de formulaires.


• Les nouvelles balises pour la page Web.


• Les objets médias riches (audio, vidéo, pdf).

BALISES HTML 5

• Notions de base : sélecteurs, propriétés de mise en forme.


• Positionnement CSS.


• Ordre de priorité : cascade et héritage.


• Formater du texte avec du CSS.


• Créer un menu de navigation.


• Principes de création de newsletters.

CSS

• Spécification W3C et standardisation.


• Sélecteurs disponibles.


• Propriétés de mise en forme : bordures, ombres, transparence, fonds, couleurs, ...


• Mise en page et positionnement : multi-colonnes, boites, ...


• Transformations et transitions.

ATELIER

• Coder une page simple, construire un template Web, passer un contenu existant aux standards actuels.

BILAN & ÉVALUATION 

• Évaluation QCM?


• Bilan et perspectives d'approfondissement.  

Validation et sanction

Attestation de formation

Type de formation

Non certificiante

Sortie

Sans niveau spécifique

Code Rome

Modalités pédagogiques

Durée

35 heures en centre, 35 heures hebdomadaires

Conventionnement : Non

Financeur(s)

Bénéficiaire de l'action

Entreprise

Public(s)

Public en emploi, Salarié, Tout public

Modalités de recrutement et d'admission

Niveau d'entrée : Sans niveau spécifique

Conditions spécifiques et prérequis

• Graphistes, webdesigners, chargé de communication, indépendants- freelances. • Jeunes diplômé.es voulant acquérir les bases du développement Web pour savoir mettre en page des documents sur un site ou via InDesign • Toute personne voulant acquérir les bases du développement Web pour savoir mettre en page des documents sur un site ou via InDesign • Maîtrise impérative de l'environnement informatique (PC/Mac), de la navigation Web.

Modalités d'accès

formation entièrement présentielle

Adresse

7 Rue du 35ème Régiment d'Aviation
Immeuble le Quadrille
69500 - Bron

Responsable : INSTIC / 3IS Lyon
Téléphone fixe :
Contacter l'organisme

Contact sur la formation

7 Rue du 35ème Régiment d'Aviation
69500 - Bron

Responsable :
Téléphone fixe : 0636011002
fax :
Site web :
Contacter l'organisme

Contacter l'organisme formateur

Instic - 3IS Lyon
SIRET: 82439101500024

Responsable : BAMBANI
Téléphone fixe : 0636011002
Site web :
Contacter l'organisme

du 01/01/2025 au 31/12/2025
débutant le : 01/01/2025

Adresse d'inscription

7 Rue du 35ème Régiment d'Aviation
69500 - Bron

Etat du recrutement : Ouvert
Modalités : Entrées/sorties permanentes

Instic - 3IS Lyon
SIRET : 82439101500024

Adresse

7 Rue du 35ème Régiment d'Aviation
69500 - Bron

Téléphone fixe : 0636011002
Contacter l'organisme