HTML5 et CSS3 - création d'un site internet professionnel

Créer un site internet dans le respect des bonnes pratiques et utiliser les nouveautés du HTML5 pour obtenir un site compatible sur tous supports "responsive design" (mobile, tablette, ordinateur).

Journée 1: Introduction générale au langage HTML. Présentation du HTML. Le HTML par qui, pourquoi, pour qui ? Le W3C. Communication navigateur / serveur (protocole, url ...). Le premier navigateur web grand publique. Qu'est-ce qu'un fichier HTML ? Historique des versions du HTML. Logiciels pour développer, de quoi a-t'on besoin ? Présentation de l'éditeur de code que nous allons utiliser durant la formation. Installation du logiciel et des plug'in utiles. Installation de Chrome, Firefox. Aperçu du mode développeur sur les navigateurs Chrome et Firefox. Création de notre premier projet avec une seule page. Les règles de nommage à respecter par convention. Ma première page index.html. Création du squelette de base d'un site: doctype, html, head et body (déclaration du doctype, de la langue du site, des meta-tags, ajout de contenu ...). L'encodage de caractères qu'est-ce que c'est et pourquoi est-ce important ? Ajout de contenu sur ma première page web. Balises et attributs : principes et fonctionnements. Les balises de mise en forme de texte (titres, paragraphes, gras, italique, souligné, polices d'écritures, alignement ...). Créer un commentaire en HTML. Retour à la ligne et saut de ligne. Ajout d'un ou plusieurs attributs à une balise. Créer un lien hypertexte (vers une page web interne ou externe, une ancre, une messagerie). Ajouter une image et compléter avec les attributs title et alt. Les types de formats d'images (jpg, gif, png, svg). Les listes ordonnées et non ordonnées. Les tableaux (entête, corps, ligne et colonnes). Travaux pratique: Création d'un premier projet en autonomie "Mise en forme d'un article". Tour de table, correction du TP. Journée 2 : Introduction au CSS. Qu'est-ce qu'une feuille de style ? Le CSS dans quel intérêt ? Pourquoi dit-on en cascade ? Un premier code CSS. Historique des versions. Incorporer une feuille de style à ma page web. Création d'un fichier style.css. Faire un lien dans ma page HTML vers le fichier style.css. Syntaxe d'une règle CSS. Créer un commentaire en CSS. Les premiers code CSS: modifier la couleur du texte, du fond ... Les principaux styles CSS. La balise div pour la structuration. Différence entre type de sélecteur: une balise, un id et une class. Les groupe de sélecteurs. Agir sur les titres et textes de paragraphes. Couleur et image de fond avec la balise background. Les pseudos classes (:hover, :visited, :active) dans un lien. Centrer du contenu. Les bordures. Les marges intérieurs et extérieurs. Travaux pratique: Création d'un second projet guidé par le formateur "Mon premier site de quelques pages". Tour de table, problème rencontrés et correctif du TP. Bien organiser son code CSS. Ajouter un logo a mon site avec différentes techniques. Menu vertical ou horizontal avec différentes techniques....

Attestation d'acquis ou de compétences;Attestation de suivi de présence

Aucun.