Aquantic training - Formation

Formation Web Express : HTML5 et CSS3

Icône DuréeDurée

1 jour - 7 heures

Icône EuroPrix

1050 € HT

Icône RéférenceRéférence

AQ-WEHC-73

Icône TypeType

🏢 Intra

Public

Toute personne désirant acquérir des compétences de base en développement web et devenir autonome dans la création de contenus web attractifs

Pré-requis

Avoir un intérêt pour la création de contenus web et le désir d'apprendre les bases du développement web.

Objectifs

  • Acquisition des Fondamentaux HTML5 et CSS3
  • Structuration et Mise en Forme de Contenus Web
  • Création d'Éléments Interactifs et Avancés

Programme

Introduction - Exemple concret : La cigale et la fourmi. - Langages et outils web. - Aperçu d'un site et de son code. Fondamentaux d'HTML5 - Syntaxe, balises et attributs HTML. - Structure du document HTML. - Mise en pratique : Créer une page HTML. Intégration de Contenus - Éléments texte, listes, et images. - Mise en pratique : Intégrer des blocs de texte. Éléments de Navigation - Liens hypertextes. - Mise en pratique : Créer des liens. Notions de Base de la Mise en Forme en CSS - Styles CSS, sélecteurs et couleurs. - Mise en pratique : Créer une feuille de style. Mise en Forme du Texte et des Blocs - Police de caractères et autres mises en forme. - Mise en pratique : Mettre en forme du texte et un menu. Structuration de la Page - Éléments d'une page. - Mise en pratique : Structurer une page. Positionnement et Dimensionnement des Conteneurs - Position des éléments dans la page. - Mise en pratique : Mise en page. Mise en Forme Avancée en CSS3 - Sélecteurs CSS3. - Mise en pratique : Mettre en forme des liens et le menu en-tête. - Ombres, dégradés, et fonds multiples. - Mise en pratique : Mettre en forme l'en-tête. Intégration du Contenu Audio et Vidéo - Documents audio et vidéo. - Mise en pratique : Intégrer des vidéos et du son. Création de Tableaux HTML5 - Disposition et mise en forme. - Mise en pratique : Construire et mettre en forme un tableau HTML. Création de Formulaires HTML5 - Disposition, contenu et présentation. - Mise en pratique : Créer et mettre en forme un formulaire. Création d'Animations avec CSS3 - Transformation, transition, et animation. - Mise en pratique : Transformer des éléments, appliquer des transitions et exécuter une animation. Web Adaptatif - Règle @media. - Mise en pratique : Adapter la présentation aux smartphones et tablettes.

Modalités et informations pratiques

Formation Web Express : HTML5 et CSS3

Icône DuréeDurée

1 jour - 7 heures

Icône EuroPrix

1050 € HT

Icône RéférenceRéférence

Icône TypeType

Intra

Public

Toute personne désirant acquérir des compétences de base en développement web et devenir autonome dans la création de contenus web attractifs

Pré-requis

Avoir un intérêt pour la création de contenus web et le désir d'apprendre les bases du développement web.

Objectifs

  • Acquisition des Fondamentaux HTML5 et CSS3
  • Structuration et Mise en Forme de Contenus Web
  • Création d'Éléments Interactifs et Avancés

Programme

Introduction - Exemple concret : La cigale et la fourmi. - Langages et outils web. - Aperçu d'un site et de son code. Fondamentaux d'HTML5 - Syntaxe, balises et attributs HTML. - Structure du document HTML. - Mise en pratique : Créer une page HTML. Intégration de Contenus - Éléments texte, listes, et images. - Mise en pratique : Intégrer des blocs de texte. Éléments de Navigation - Liens hypertextes. - Mise en pratique : Créer des liens. Notions de Base de la Mise en Forme en CSS - Styles CSS, sélecteurs et couleurs. - Mise en pratique : Créer une feuille de style. Mise en Forme du Texte et des Blocs - Police de caractères et autres mises en forme. - Mise en pratique : Mettre en forme du texte et un menu. Structuration de la Page - Éléments d'une page. - Mise en pratique : Structurer une page. Positionnement et Dimensionnement des Conteneurs - Position des éléments dans la page. - Mise en pratique : Mise en page. Mise en Forme Avancée en CSS3 - Sélecteurs CSS3. - Mise en pratique : Mettre en forme des liens et le menu en-tête. - Ombres, dégradés, et fonds multiples. - Mise en pratique : Mettre en forme l'en-tête. Intégration du Contenu Audio et Vidéo - Documents audio et vidéo. - Mise en pratique : Intégrer des vidéos et du son. Création de Tableaux HTML5 - Disposition et mise en forme. - Mise en pratique : Construire et mettre en forme un tableau HTML. Création de Formulaires HTML5 - Disposition, contenu et présentation. - Mise en pratique : Créer et mettre en forme un formulaire. Création d'Animations avec CSS3 - Transformation, transition, et animation. - Mise en pratique : Transformer des éléments, appliquer des transitions et exécuter une animation. Web Adaptatif - Règle @media. - Mise en pratique : Adapter la présentation aux smartphones et tablettes.

Modalités et informations pratiques

Sauf indication contraire, le prix indiqué est valable pour une session complète de formation Inter-entreprises dans nos locaux, et par personne. Pauses café offertes. Déjeuner en option. Pour l'adapation d'une formation en Intra-entreprises vous pouvez nous consulter pour établir un devis.

Au démarrage de la session, le formateur échangera avec le(s) stagiaire(s) afin d'effectuer une analyse de leurs attentes, de leurs besoins et de leurs acquis.

  • Apports théoriques et mises en pratique.
  • Chaque point du programme fait l'objet d'une explication théorique appuyée d'une démonstration. Elle est suivie d'une mise en pratique par le biais d'exercices concrets
  • Un ordinateur équipé des logiciels et outils nécessaires à la réalisation de la formation
  • Un formateur possédant plusieurs années d'expérience

Une feuille d'émargement fournie par Aquantic sera signée par les stagiaires à chaque début de session (matin et après-midi). Elle sera transmise avec l'ensemble des documents relatifs à la formation à Aquantic.

  • Une évaluation de la formation sera complétée par le stagiaire au terme de la session.
  • Le formateur évaluera les acquis des stagiaires tout au long de la formation par des mises en situations pratiques.

📝 Pour nous faire part de vos retours, merci de compléter notre formulaire en ligne. 💭 Vos commentaires sont essentiels pour nous améliorer !

Contact

Logo Aquantic