logo-s StartiVia


S’inscrire à la formation

HTML CSS Initiation

Le HTML/CSS sont des langages de programmation Web conçus pour représenter les pages Web. Grâce au HTML vous pourrez structurer sémantiquement vos pages et inclure des images, textes, liens, formulaires… Le CSS vous permettra de mettre en forme, d’habiller, de peindre vos pages.

Les objectifs

A l’issue de la formation HTML CSS Initiation, diverses compétences vous seront transmises, notamment :

  • Développer une culture sur les langages Web
  • Comprendre le fonctionnement des pages en HTML5 / CSS3
  • Connaitre les principales balises HTML5 et attribut CSS3

Les pré-requis

Connaître la micro-informatique, la bureautique, être à l’aise avec internet.

Public concerné

Cette formation HTML CSS Initiation est destinée à toute personne souhaitant découvrir le langage Web HTML/CSS.

Contenu de la formation

L’environnement Web

  • Internet, le Web et son fonctionnement
  • Distinguer les principaux navigateurs : Google Chrome, Mozilla Firefox, Opera, Safari, Internet Explorer
  • L’importance du référencement
  • Connaitre les principaux : Google, Yahoo, Bing
  • Les sites vitrines / sites de ventes en ligne

Découverte du HTML/CSS

  • Comprendre ce qu’est un langage de programmation
  • Inventaire des différents langages existants (Php, JavaScript, MySQL…)
  • Choisir un type de développement pour un type de site
  • Distinguer le HTML et le CSS
  • Changements, interprétations de chaque navigateur
  • HTML 5 ou XHTML 5 ?
  • Les normes W3C
  • Notions de référencement interne

La grammaire du HTML

  • Les règles élémentaires
  • Le concept de balises
  • Retour sur la notion de Doctype
  • La structure des documents html : head, body…
  • Origines et limites du html
  • Les balises obsolètes
  • Les nouvelles balises

Structure de base d’une page HTML5

  • Créer une page HTML
  • Identifier une page, définir un titre, une en tête, un corps
  • Insérer des commentaires

Organiser son texte

  • Les principales balises et leurs attributs
  • Gestion des caractères spéciaux et accentués
  • Mise en forme des caractères : le gras, l’italique…
  • Mise en forme des paragraphes, balise p et titre(h1)
  • Listes à puces et numérotées, blocs de citation

Gérer les images

  • Les formats d’images du Web (GIF, JPG, PNG)
  • Insérer une image
  • Texte alternatif : attribut « alt »

Créer des liens

  • Lien externe, vers un autre site
  • Lien interne, vers une autre page de son site
  • Lien vers une ancre
  • Cas spécifique : infobulle, vers un mail, vers un fichier à télécharger

Mettre en place le CSS

  • Comment utiliser le CSS : ou s’écrit-il ?
  • Appliquer un style à une balise (p, a, img…)
  • Appliquer un style grâce aux class et id
  • Les sélecteurs, gagner du temps en groupant ses balises

Habiller son texte

  • La taille (absolue et relative)
  • La police
  • Attribut simple : Italique, gras, souligné…
  • L’alignement du texte (justifier, centrer…)
  • Les flottants, aborder le float

Gestion de couleur et de fond

  • Couleur du texte, le nom et le code hexadécimal
  • Couleur de fond
  • Définir une image de fond
  • Gestion de la transparence

Mettre un site en ligne

  • Tester la compatibilité navigateur
  • Comprendre le fonctionnement de l’hébergement et des noms de domaines
  • Mettre en ligne avec un client Ftp

--Télécharger Formation Développement Web HTML CSS Initiation en PDF --