Recherche avancée
Par formation
Par date
Par ville
logo HUB Formation
Organisme de Formation
aux Technologies et métiers de L'informatique
La pédagogie au service de la technologie
Accueil > Domaines > Développement > Création de site internet - Initiation

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.