HTML 5 CSS 3 : Les Bases

Présentation

Aperçu de formation

La formation HTML5 CSS3 : Les bases a pour objectif de vous permettre de passer d’une idée à une page HTML. Cette formation vous apporte toutes les clés pour mettre en place des sites Web en utilisant toutes les bonnes pratiques HTML5 et CSS3. A l’issue de cette formation, vous serez capable d’intégrer n’importe quel graphisme sur vos sites Internet, tout en respectant l’état de l’art pour garantir l’accessibilité de vos créations

Objectifs

– Savoir réaliser une conception de pages web en langages HTML5 et CSS3 de façon totalement autonome, sans éditeur visuel ni tableaux de mise en page.
– Concevoir des sites internet valides selon les standards W3C, connaître les principales balises HTML existantes, structurer son contenu (utiliser des éléments de liste, des liens hypertexte, des images), appliquer ses premières mises en forme à l’aide des styles CS

Public cible

– Graphistes
– Webmasters débutants
– Rédacteurs de contenu souhaitant comprendre le code manipulé

Programme

    1. Introduction et notions de base
    – Qu’est-ce HTML5 ?
    – Qu’est-ce CSS3 ?

    2. Le contenu : titrage et paragraphe
    – Balises de titres et de paragraphes (<h1>, … <h6>, <p>)
    – Premières décorations CSS : color et background-color
    – Alignements de contenus : text-align
    – Formats de couleurs (hexadécimal, mots-clés)
    – Familles de polices avec et sans empattements : font-family

    3. Les liens
    – Créer un lien vers une autre page avec l’élément et son attribut href
    – Souligner (ou pas) un lien : text-décoration

    4. Appliquer des marges (internes et externes)
    – Introduction au Modèle de Boîte en CSS
    – Appliquer une marge sous ou sur un élément

    5. Les listes
    – Créer une liste d’éléments : <ul> et <li>
    – Les puces par défaut et personnalisées

    6. Anatomie d’une page web standard
    – Notion de “Doctype”
    – Éléments de structure

    7. À l’assaut de ma première page web
    – Arborescence des fichiers
    – Comment appliquer les styles CSS ?
    – Les éditeurs de code

    8. Les images
    – Afficher une image de contenu : et ses attributs
    – Afficher une image décorative : background-image et propriétés associées
    – Distinguer une image (HTML) d’une image de fond (CSS)

     9. Applications pratiques
    – Insérer une image dans le corps de la page
    – Un logo cliquable
    – Personnalisation de listes

    10. Les sections d’un document
    – Notion de “section” : (<header>, … <aside>, <main> <footer> ),(et autres éléments sectionnants)
    – Jouez-vous aussi : deviner les sections d’après la maquette du projet
    – Listing des sections, titres et paragraphes de la page
    – Application des styles CSS généraux en conformité avec la maquette

De Plus

Digital Finance

Please wait while flipbook is loading. For more related info, FAQs and issues please refer to DearFlip WordPress Flipbook Plugin Help documentation.

Moyens de contact

  1. Téléphone

    +216 96 803 221

  2. Email

    contact@upgradetek-engineering.com

  3. Whatsapp

Inscription

Changer de langue

    Upgradetek Engineering est un cabinet de conseil en stratégie et management, spécialisé dans la transformation des institutions financières. En tant que l'un des leaders de ce secteur en Tunisie, nous accompagnons depuis plus de 14 ans nos clients bancaires et financiers dans l'évolution de leur business model, dans la définition et la mise en œuvre de nouveaux business models cibles et dans l'amélioration de leurs performances.

    ADRESSE
    23, Avenue de Naplouse 1001 Tunis, Tunisie
    TÉLÉPHONE
    +216 71 33 93 95
    E-MAIL
    contact@upgradetek-engineering.com