MARKETING - COMMUNICATION Web et mobile HTML 5 - les bases Créer et modifier des pages Web en HTML Pour qui Programme n Taille, positionnement, texte 7/ Gérer la forme avec les n Personne qui souhaite créer ou mettre à jour 1/ En amont du présentiel alternatif� feuilles de styles CSS des pages Web. n Un autodiagnostic� n Son, video, animation� n Les classes et la définition des 2/ Les bases du HTML 5/ Définir la navigation et les styles� Enjeu : Acquérir les fondamentauxn Les balises et leurs attributs� liens hypertextes n Les principales propriétés CSS :texte, alignements, bordures, n Le HTML et le HTML 5� n Lien vers une ancre, une page Prérequis n Les navigateurs, les règles du site, une url externe, vers une tailles, marges, couleurs, arrière- importantesà respecter� messagerie� plans� n Maîtriser parfaitement la micro-informatique n Lien sur une image, une partie 8/ Optimiser les feuilles de et Internet en tant qu’utilisateur. 3/ Créer une page HTML n Page, en-tête, titre, d’image� styles Objectifs commentaires, langue� 6/ Créer l’interactivité avec les n La feuille de style externe� n Créer ou modifier des pages HTML. n Police, taille, gras, italique, formulaires n Lier le fichier de styles et les n Découvrir les styles CSS et les nouveautés caractères spéciaux� n Les types de champs : texte, pages HTML� du HTML 5. n Paragraphe, alignement, retrait, multilignes, mot de passe, menu 9/ Après le présentiel, mise en listes à puces, blocs de citation� déroulant, case à cocher… œuvre en situation de travail 4/ Insérer des médias dans unen Envoyer les informations par mail�n Un programme de renforcement page n Structurer la mise en page� pour vous aider à mettre en n I mages : gif, jpg, png� œuvre votre formation� Points forts / Moyens pédagogiques n Construction d’un site Web : toutes les notions étudiées sont mises en œuvre dans des exercices et travaux aboutissant à la réalisation d’un site� n Un apprentissage accessible pour tous : la pédagogie rend la programmation HTML abordable aux non-informaticiens� n Le + digital : la liste des sites clés de référence pour approfondir ses connaissances� 2jours (14h présentiel ) Paris 12 nov > 13 nov Réf� 6284 28 fév> 1 mars 11 déc >12 déc 1 210 €HT 11avr > 12 avr 38 € ParisHT 27 mai >28 mai 11 juil> juil12 16sep > 17sep HTML5 et CSS3 - niveau 2 Améliorer et dynamiser son site Web Pour qui Programme n Propriétés alt pour l’accessibilité n Éléments flottants avec la balise n Webmaster, concepteur de sites Web. 1/ Maîtriser les bases du et title pour l’infobulle� float� n Toute personne qui souhaite créer des sites HTML5 nBalise figure et figcaption� n Gestion des images : taille, Webet les mettre à jour avec les CSS. n Les balises, leurs attributs, la n Les formats du son et de la video position, opacité� structure d’une page HTML5� pour le Web� Intégrer du son 4/ Animer son site Enjeu : Se perfectionner n Séparer le cotenu de la formn e : avec la balise audio et intégrer de n I ntégrer des effets dynamiques� HTML5 pour lecontenu et CSS3 la video avec la balise video� avec des éléments de la Prérequis pour la forme� 3/ Gérer les CSS3 bibliothèque Javascript jQuery : n I dentifier une page, définir un en- n Les classes personnalisées, les un diaporama et un menu n Avoir une connaissance du HTML et tête, un title et le charset� déroulant� l’expérience de la création de pagesWeb. pseudo-classes, les balises et n Les balises header, footer, nav, les id� n Tester son site dans les Objectifs section, aside et article� n Positionner les CSS : dans une navigateurs� n Maîtriser les bases du HTML5. n Gérer les div pour la mise en balise, dans une page, dans un 5/ Utiliser le responsive design n Exploiter les ressources des CSS. forme� fichier externe� Balises inline et n Structurer un document afin que n Créer des pages Web de qualité. n Centrer un design quel que soit la balises block� son design s’adapte au support taille de la fenêtre du navigateur� n Polices de base, styles, couleurs, (smartphone, tablette, portable, 2/ Intégrer les visuels, la video enrichissements, nouvelle gestion etc�) en utilisant un framework et le son des polices avec @font-face� CSS responsive prêt à l’emploi� Points forts / Moyens pédagogiquesn Personnaliser les éléments du n Construction d’un site Internet : toutes les notions étudiées sont mises design en intervenant dans le en œuvre dans des exercices/travaux aboutissant à la réalisation d’un CSS� Utiliser lesmedia queries en site Web� fonction du périphérique détecté� n Éditeur de code au choix : chaque participant réalise les travaux pratiques avec l’éditeur de son choix� n La pédagogie rendla programmation CSS abordable aux non- informaticiens� 2jours (14h présentiel ) Paris Réf� 7569 4 avr > 5 avr6 juin > 7 juin 1 240 €HT12 sep > 13 sep 38 € ParisHT 7 oct > 8 oct 4 nov > 5 nov Dans le cadre de notre démarche qualité, nos formations font l’objet d’une évaluation détaillée par les participants : « à J+1 » 186 dès le lendemain de la fin de la formation. Sanction de la formation : à l’issue de la formation, le participant reçoit une attestation.© Cegos 2019