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

Formation Création de site internet - De A à Z

Apprenez à créer un site vitrine responsive

Informations générales

WEB03
5 jours (35h)
2 000 €HT
100 €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)
  • Créer un site Internet en local
  • Gérer le contenu
  • Identifier les concepts de graphisme et d'ergonomie d'un site
  • Mettre en ligne un site

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 :

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

Feuilles 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

Le Web dynamique avec WordPress

  • Pré-requis
  • Apports et intérêt des CMS
  • Avantages et points forts
  • Les divers CMS du marché
  • Introduction à WORDPRESS
  • HTTP, Applications WEB, URL, navigateur et serveur

Installer et paramétrer WordPress

  • Nom de domaine, hébergement et technologie (FTP, PHP, MySQL,...)
  • Installation complète et manuelle du module de base

Back Office

  • Interface de connexion
  • Présentation des divers menus
  • Réglages et sécurisation
  • Notion de pages, d’articles, mise en page
  • Comprendre les média
  • Personnaliser WP : les thèmes premium
  • Ajouter des fonctionnalités (plugins)
  • Maintenance et mise à jour
  • Notions de SEO
  • Le E-Commerce et WP
  • Collaborer avec WP

Front Office

  • Notion de blog
  • Transformer WP en site web
  • Les menus et l’architecture
  • Les contenus textes et iconographiques
  • Le responsive design
  • Header, Sidebar, Footer, Content
  • Mise en page (Boxes/Fullscreen)
  • Ergonomie et technologie
  • Notions de webmarketing
  • Ecrire pour WP
  • WP et le social media

Exercice pratique

  • Choix d’un projet stratégique
  • Nom de domaine + choix hébergement
  • Télécharger, installer et paramétrer WP
  • Choisir un thème
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