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 - De A à Z

Création de site internet - De A à Z

Apprenez à créer un site vitrine responsive

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

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

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.