Organisme de Formation aux technologies et métiers de L'informatique

Formation Création de site internet avec HTML CSS - Initiation

Informations générales

WEB01
2 jours (14h)
1 000 €HT
40 €HT (en option)
90 €HT TOSA Web Développement

Objectifs

Après ce cours, vous serez capable de :

  • 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

Ce cours s'adresse avant tout aux personnes suivantes :

  • Toute personne souhaitant créer un site internet.

Prérequis

Pour suivre ce cours, vous devez déjà posséder les connaissances suivantes :

  • maitriser l’outil informatique et la navigation sur le Web

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
plus d'infos

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.

Certification

Cette formation prépare au passage de la certification suivante.
N'hésitez pas à nous contacter pour toute information complémentaire.

TOSA Web Développement (90 €HT)

L'examen TOSA se passe en centre agréé ou en ligne. Votre score (sur 1000) vous permettra de communiquer sur votre niveau de connaissances du logiciel.

Ce test évalue votre niveau pour créer un site Internet avec des questions et des cas pratiques en HTML, Javascript, CSS et intégration.

  • Durée : 1h
  • 35 questions QCM et cas pratiques
  • Score sur 1000

Suivre cette formation à distance

  • Un ordinateur avec webcam, micro, haut-parleur et un navigateur (de préférence Chrome ou Firefox). Un casque n'est pas nécessaire suivant l'environnement.
  • Une connexion Internet de type ADSL ou supérieure. Attention, une connexion Internet ne permettant pas, par exemple, de recevoir la télévision par Internet, ne sera pas suffisante, cela engendrera des déconnexions intempestives du stagiaire et dérangera toute la classe.
  • Privilégier une connexion filaire plutôt que le Wifi.
  • Avoir accès au poste depuis lequel vous suivrez le cours à distance au moins 2 jours avant la formation pour effectuer les tests de connexion préalables.
  • Votre numéro de téléphone portable (pour l'envoi du mot de passe d'accès aux supports de cours et pour une messagerie instantanée autre que celle intégrée à la classe virtuelle).
  • Selon la formation, une configuration spécifique de votre machine peut être attendue, merci de nous contacter.
  • Pour les formations incluant le passage d'une certification la dernière journée, un voucher vous est fourni pour passer l'examen en ligne.
  • Pour les formations logiciel (Adobe, Microsoft Office...), il est nécessaire d'avoir le logiciel installé sur votre machine, nous ne fournissons pas de licence ou de version test.
  • Horaires identiques au présentiel.

Mis à jour le 12/02/2024