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