Formation language HTML/CSS

Présentation

HTML, CSS et JavaScript sont les trois langages de programmation les plus importants du point de vue client, capables d'interpréter un Browser. HTML (Hypertext Markup Language) décrit la structure d'un document HTML. CSS (Cascading Stylesheets) permet de formater (par ex. polices, taille, couleurs) et de positionner les éléments les plus importants.

JavaScript contient les fonctions qui permettent la gestion des fenêtres, la validation des formulaires ainsi que l'intégration des aiguillages du navigateur et des opérations arthmétiques.

HTML 5 intègre maintenant HTML pour la structure, CSS 3 pour l'apparence et JavaScript pour l'interactivité et embarque de nombreuses API pour concevoir des applications web.

Objectifs

  • Création de pages.
  • S'initier au langage html pour évoluer vers la création et l'entretien de sites Web.
  • Vous créez votre propre site Web en utilisant les langages de programmation du point de vue client.
  • Vous allez connaitre la syntaxe ainsi que les commandes les plus importantes de HTML, CSS, les domaines d'application les plus communs et des cas d'application concrète.
  • Vous êtes en mesure de créer ou de personnaliser du code programme manuellement ou à l'aide d'éditeurs simples.
  • Ainsi la formation vous permettra d'exploiter au mieux les standards du web et proposer un site performant et accessibles avec des contenus tant multimédias (animations, audio et vidéo) qu'interactifs (nouveaux formulaires, glisser-déposer, etc.).

Public

  • Cette formation s'adresse à tous les professionnels, associatifs ou aux particuliers qui souhaitent apprendre les bases nécessaires à l'élaboration d'un site Web optimisé.
  • On les nomme : Web Publishers, Web Designers, administrateurs systèmes, administrateurs Web désirant personnaliser du code source manuellement.

Pré-requis

  • Les stagiaires doivent avoir une bonne pratique de l'outil informatique et avoir suivi le stage ...Internet....
  • Ce stage permet ensuite d'appréhender des éditeurs de texte comme Dreamweaver ou Golive.

Compléments d'informations

Introduction

  • Syntaxe du HTML5 : éléments, attributs, DOCTYPE
  • Nouveaux éléments structurels : article, section, header, footer, nav, aside, dialog, figure
  • Formulaires : nouveaux types de saisie; attributs placeholder, required et autofocus; élément output; contenu éditable
  • Gestionnaires d'événements
  • Interaction avec l'utilisateur : drag and drop, interface de programmation pour historique
  • Support SVG pour incorporer des dessins vectoriels et MathML pour les équations mathématiques
  • Graphisme et multimédia : interaction avec le canvas en JavaScript; éléments pour audio et vidéo; formats et codecs audio et vidéo supportés
  • Développement d'applications : cache applicative locale, microdonnées, géolocalisation, multitâche avec les web workers
  • Compatibilité des navigateurs avec HTML5
  • Outils pour le HTML5 : modernizr, validateurs

La démarche pratique

  • Organisation d'un site, nommer les fichiers

Les différentes techniques de mise en pages

  • Gestion d'un document (les balises)
  • Gestion du texte (enrichissement), les feuilles de style en cascade (CSS)
  • Introduction au concept
  • Intégration dans HTML
  • Sélections et classes
  • Formatage de l'écriture, des tableaux, des formulaires et des éléments de pages
  • Positionnement des éléments (Layers, DHTML)
  • Gestion des images (formats graphiques)
  • Gestion des liens
  • Les tableaux