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 > Création de site internet - De A à Z

Création de site internet - De A à Z

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