Création de site internet - Initiation

Objectifs

Intégrer Bootstrap dans un projet Web
Maîtriser les composants HTML + CSS avec Bootstrap
Réaliser des sites Web avec les codes esthétiques actuels
Développer des sites Web responsive (Mobile first)

Public

Toute personne souhaitant créer un site internet.

Prérequis

La maîtrise de l’outil informatique et de la navigation sur le Web est indispensable pour suivre ce stage.

Programme de la formation

WEB STATIQUE

Introduction historique
Internet(s), Intranet,
Les divers protocoles
Présentation du WWW
HTTP, Applications WEB, URL, navigateur et serveur

LES ENJEUX DU WEB ACTUEL

Le web et les applications mobiles
Introduction et présentation du responsive design
Les CMS (Drupal, Joomla, Wordpress,...)

LANGAGE HTML

Les outils pour le codage
Structure de document
Notion d’élément et balise
Éléments textes (paragraphes, titres)
Mise en page du texte, lisibilité, ergonomie
Techniques de mise en page flottante
Nouvelles balises de structuration (HTML 5)
Les formats d’images et propriétés
Liens hypertextes, menus, formulaires, ...

FEUILLE DE STYLE CSS

Principe des CSS
Séparation contenu / contenant
Déclaration d’attributs de style
Les principaux sélecteurs
Les propriétés
Les tailles (px, pt, em,...)
Les couleurs et leurs codages
Gestion des fontes et tailles
Couleurs et fond
Paragraphe, balises H1, H2,...
Attributs de liens a, a:hover,...

EXERCICE PRATIQUE

Les outils (sublimetext, MAMP,...)
Découverte de Bootstrap
Les éléments (grilles, icônes, plug-ins)
Arborescence des différents fichiers
Analyse de modèles Bootstrap
Création d’un site avec un modèle

Méthode pédagogique

Chaque participant travaille sur un poste informatique qui lui est dédié. Un support de cours lui est remis soit en début soit en fin de cours. La théorie est complétée par des cas pratiques ou exercices corrigés et discutés avec le formateur. Le formateur projette une présentation pour animer la formation et reste disponible pour répondre à toutes les questions.

Méthode d'évaluation

Tout au long de la formation, les exercices et mises en situation permettent de valider et contrôler les acquis du stagiaire. En fin de formation, le stagiaire complète un QCM d'auto-évaluation.