• HTML 5 et CSS3 Essentials - 5 Jours
    Public concerné
    Webdesigners, intégrateurs, flasheurs, développeurs ou toute personne pratiquant déjà les CSS.
    Pré-requis
    Les stagiaires doivent maîtriser les opérations de bases sur ordinateur PC/Mac (création de dossier, écrire du texte, copier/coller…).
    Objectifs
    Ce module de formation s’adresse aux débutants qui souhaitent acquérir les bases des langages HTML et CSS ainsi que les bonnes pratiques en cours dans le monde professionnel. A l’issue de la formation, les stagiaires seront capables de modifier des pages existantes, créer et mettre en ligne des pages ou des mini sites et utiliser leurs compétences pour travailler avec un CMS (WordPress, Drupal…).
  • Déroulé
    Introduction
    Brève histoire du réseau Internet et de ses usages. Rôle et fonctionnement d’un navigateur web. Apprendre HTML : pour quoi faire ? Qu’est qu’un site web ? Architecture client/serveur, anatomie et fonctionnement d’une page web.
    HTML : les bases
    Du texte au code : création d’un fichier HTML. Outils, éditeurs de code, méthode de travail et flux de production. Un langage à balises. Utilisation des balises de base. Imbrication des balises. Structure d’une page : head, body. Attributs des balises.
    Première page HTML
    Balises de base : titres, paragraphes, saut de ligne, filet… Les listes : numérotées, à puces, imbriquées. Les images : formats de fichiers (gif, jpg, png), attributs alt et title. Les liens : url relative et absolue, ouverture dans une nouvelle fenêtre. Les tableaux : entête, body, footer, lignes et cellules. Utiliser les commentaires pour soi et les autres. Structurer sa page avec la balise <div>.
    Exercice : création d’une première page HTML.
    Création d’un mini-site
    Définition de l’arborescence du site. Organisation des fichiers. Mise en place d’une navigation : rubrique, sous-rubriques…
    Exercice : création du site, des pages et de la navigation
    CSS : habiller les pages avec des feuilles de styles
    La notion de propriété (couleur, taille de police…). Où placer ses styles : inline, interne, externe. La notion de cascade : héritage des propriétés. Application des styles : balises, classes, ids.
    Exercice : stylisation de la page HTML crée lors de la première partie du cours.
    Les sélecteurs CSS
    Notion de sélecteur : à quels éléments s’applique un style. Sélecteurs simples et multiples. Sélecteurs de classe et d’id. Sélecteurs sur la descendance.
    Exercice : traduire des sélecteurs écrits en français vers CSS.
    Les propriétés CSS de base
    Liens : couleur, soulignement, aspect au survol… Arrière-plan : la propriété background (couleur, images, effet « papier-peint », …). Les bordures : la propriété border (épaisseur, couleur, continue ou en pointillés…). Effets spéciaux : transparence, bordures arrondies, ombre portée…
    Exercice : création de styles de texte pour le mini-site.
    Texte et typographie
    Règles typographiques de base. Choix d’une police de caractère : la propriété font-family. Les familles de polices. Polices de caractères personnalisées : Google fonts, génération d’une police personnalisée. Propriétés d’une police : taille, épaisseur, italique, variantes… Propriétés d’un bloc de texte : alignement, soulignement, indentation, hauteur de ligne… Les unités de mesure : pixel, pourcentage relatif et absolu (px, em, rem).
    Exercice : stylisation avancée de texte.
    Mise en page
    Marge interne et externe : le modèle de boite (« box-model »). « Box-model » VS « border-box » : lequel choisir et pourquoi ? La délicate question du centrage en CSS. Habillage d’images avec float. La notion de « flux » CSS : mise en page « naturelle ». La propriété « display » : block, inline et inline-block. La propriété « position » : fixed, absolue.
    Exercice : création de la mise en page du mini-site.
    Mise en ligne
    Comment choisir son hébergeur.
    Présentation du protocole FTP.
    Mise en ligne avec FileZilla.
  • Lieux et dates
    Sur demande
      
    Conditions de stages
    Un Mac par stagiaire
    Maximum de 7 stagiaires
    Salle climatisée avec Video Projecteur HD et Sound System.
    Formateur : Webmaster spécialisé dans le HTML et les CSS.
    Tarif Inter Entreprises
    1680 Euros HT les 4 jours.
    INSCRIPTION
    ou contactez nous au 06 83 57 88 92
    Support
    Support de cours en PDF du formateur.
    Suivi et conseil permanent par mail post formation par Jimmy Pichard
      Inscriptions et renseignements :
               Jimmy Pichard  - 06 83 57 88 92 - jimmy@5formation.com
         

Tags: , , , , , , , , , , , , , ,