Certification IT - Développement de sites web avec le langage de balises HTML et des feuilles de styles CSS + + Webmaster Avancé : HTML5/CSS3/Javascript/Jquery par Dawan
Lieu(x)
En centre (06, 13)
Durée
Total : 35 heures
En centre : 35 heures
Financement
Demandeur d’emploi
Prix
Nous contacter
Cette formation vous intéresse ?
Description générale
Introduction
Historique : Evolution du HTML et de CSS
Le HTML5 : Présentation des problèmatiques actuelles
Exemples d'applications en HTML 5 et CSS3
Apercu d'outils de développement comme Visual Studio
HTML5
Structurer une page en HTML5 :
Les balises sémantiques : header, article, aside...
Création d'un conteneur de disposition
Les nouveaux attributs utilisés par les moteurs de recherche
Atelier pratique : Architecture d'une page en HTML5
Gestion des médias en HTML 5
Les balises audio et video
La balise Canvas : Utilisation de l'API Canvas.
Graphiques interactifs avec SVG
Atelier pratique : Création de graphiques interactifs
CSS 3
Application de styles aux propriétés de zone HTML 5
Les sélecteurs : Référencement balise et attributs, Héritage, les préfixes, !important, l'architecture objet, les pseudo
- classes et les pseudo
- éléments.
Apparence: Taille, bordures, contours, background, image arriere
- plan, dégradés,ombres, détourage,
transparence, dimensionnement, marges...
Problèmatiques de positionnement, les différents modes de positionnement., affichage, masquage
Disposition en colonnes. Flottements, exclusions.
Atelier pratique : Création d'une page d'articles de presse
Application de styles aux propriétés de texte HTML 5
Format, couleur, ombre portée...
Intégration de polices : #0x40#font
- face
Alignement, indentation du texte, justification, césure.
Atelier pratique : Mise en page d'un article
Les transitions et les transfomations en CSS3
Transformation d'objets en 2D et 3D
Animations d'objets avec les transitions CSS
Adaptation de l'interface en fonction des médias utilisés
Atelier pratique : Animation de la page web
Le Responsive Web Design
Présentation du Responsive Web Design : objectifs, alternatives...
Le modèle flexible
Les media queries
Disposition utilisant les régions, le regroupement et l'imbrication
Les grilles fixes et fluides
Compression d'images, sprites, Data URI
API Network Information JavaScript pour Responsive
Atelier pratique : Adaptation de la page web aux multiples formats ( tablettes, smartphone...)
Les principales API de HTML 5
Les API de stockages : LocalStorage, SessionStorage, IndexedDB
La géolocalisation
Offline web application
JavaScript
Les principaux éléments du JavaScript : variables, tableaux, fonctions...
Les instructions de conditions et d'itérations
La gestion des erreurs et des exceptions
Les objets en Javascript
Prototypage
Constructeurs, héritage, p
Historique : Evolution du HTML et de CSS
Le HTML5 : Présentation des problèmatiques actuelles
Exemples d'applications en HTML 5 et CSS3
Apercu d'outils de développement comme Visual Studio
HTML5
Structurer une page en HTML5 :
Les balises sémantiques : header, article, aside...
Création d'un conteneur de disposition
Les nouveaux attributs utilisés par les moteurs de recherche
Atelier pratique : Architecture d'une page en HTML5
Gestion des médias en HTML 5
Les balises audio et video
La balise Canvas : Utilisation de l'API Canvas.
Graphiques interactifs avec SVG
Atelier pratique : Création de graphiques interactifs
CSS 3
Application de styles aux propriétés de zone HTML 5
Les sélecteurs : Référencement balise et attributs, Héritage, les préfixes, !important, l'architecture objet, les pseudo
- classes et les pseudo
- éléments.
Apparence: Taille, bordures, contours, background, image arriere
- plan, dégradés,ombres, détourage,
transparence, dimensionnement, marges...
Problèmatiques de positionnement, les différents modes de positionnement., affichage, masquage
Disposition en colonnes. Flottements, exclusions.
Atelier pratique : Création d'une page d'articles de presse
Application de styles aux propriétés de texte HTML 5
Format, couleur, ombre portée...
Intégration de polices : #0x40#font
- face
Alignement, indentation du texte, justification, césure.
Atelier pratique : Mise en page d'un article
Les transitions et les transfomations en CSS3
Transformation d'objets en 2D et 3D
Animations d'objets avec les transitions CSS
Adaptation de l'interface en fonction des médias utilisés
Atelier pratique : Animation de la page web
Le Responsive Web Design
Présentation du Responsive Web Design : objectifs, alternatives...
Le modèle flexible
Les media queries
Disposition utilisant les régions, le regroupement et l'imbrication
Les grilles fixes et fluides
Compression d'images, sprites, Data URI
API Network Information JavaScript pour Responsive
Atelier pratique : Adaptation de la page web aux multiples formats ( tablettes, smartphone...)
Les principales API de HTML 5
Les API de stockages : LocalStorage, SessionStorage, IndexedDB
La géolocalisation
Offline web application
JavaScript
Les principaux éléments du JavaScript : variables, tableaux, fonctions...
Les instructions de conditions et d'itérations
La gestion des erreurs et des exceptions
Les objets en Javascript
Prototypage
Constructeurs, héritage, p
Objectifs
- Identifier les règles d'écriture du langage de balises
- Définir le contenu de pages web : texte, listes, tableaux, images, audio
- Structurer l'organisation des fichiers d'un site web
- Construire des formulaires de saisie
- Créer une feuille de style et ordonner ses règles
- Organiser la disposition du contenu des pages web
- Mettre en forme le contenu des pages web
- Définir le contenu de pages web : texte, listes, tableaux, images, audio
- Structurer l'organisation des fichiers d'un site web
- Construire des formulaires de saisie
- Créer une feuille de style et ordonner ses règles
- Organiser la disposition du contenu des pages web
- Mettre en forme le contenu des pages web
Centre(s)
- Marseille - 2ème (13)
- Nice (06)
Métier(s)
- Analyste cogniticien / cogniticienne informatique
- Analyste concepteur / conceptrice informatique
- Analyste d'application
- Analyste d'étude informatique
- Analyste de gestion informatique
- Analyste décisionnel - Business Intelligence
- Analyste développeur / développeuse
- Analyste en cybersécurité
- Analyste fonctionnel / fonctionnelle informatique
- Analyste organique informatique
- Analyste responsable d'application informatique
- Analyste réseau informatique
- Analyste télématique
- Analyste-programmeur / Analyste-programmeuse d'étude informatique
- Analyste-programmeur / Analyste-programmeuse de micro-informatique
- Analyste-programmeur / Analyste-programmeuse en informatique industrielle
- Analyste-programmeur / Analyste-programmeuse gestion informatique
- Analyste-programmeur / Analyste-programmeuse informatique
- Analyste-programmeur / Analyste-programmeuse scientifique informatique
- Animateur / Animatrice de communauté virtuelle
- Animateur / Animatrice de forum sur internet
- Animateur / Animatrice web
- Assistant / Assistante chef de projet informatique
- Blogueur
- Chargé / Chargée des relations avec les internautes
- Chef de création artistique communication multimédia
- Chef de groupe de création multimédia
- Chef de groupe logicien informaticien
- Chef de projet TMA - Tierce Maintenance Applicative
- Chef de projet maîtrise d'oeuvre informatique
- Chef de projet étude et développement informatique
- Community manager
- Concepteur / Conceptrice artistique communication multimédia
- Concepteur / Conceptrice d'application informatique
- Concepteur / Conceptrice de jeux vidéo
- Concepteur / Conceptrice de jeux web online
- Concepteur / Conceptrice en publicité
- Concepteur / Conceptrice informatique
- Concepteur / Conceptrice logiciel informatique
- Concepteur / Conceptrice multimédia
- Concepteur réalisateur / Conceptrice réalisatrice communication
- Concepteur rédacteur / Conceptrice rédactrice communication
- Concepteur rédacteur / Conceptrice rédactrice publicitaire
- Didacticien / Didacticienne informatique
- Directeur / Directrice artistique - jeux vidéo
- Directeur / Directrice artistique communication multimédia
- Directeur / Directrice artistique web
- Directeur / Directrice de création - jeux vidéo
- Directeur / Directrice de création communication multimédia
- Développeur / Développeuse Big Data
- Développeur / Développeuse back-end
- Développeur / Développeuse d'application
- Développeur / Développeuse de logiciel de simulation optique et réalité virtuelle
- Développeur / Développeuse de sécurité des systèmes d'information
- Développeur / Développeuse décisionnel - Business Intelligence
- Développeur / Développeuse front-end
- Développeur / Développeuse full-stack
- Développeur / Développeuse informatique
- Développeur / Développeuse jeux vidéo
- Développeur / Développeuse logiciel de réalité augmentée
- Développeur / Développeuse multimédia
- Développeur / Développeuse web
- Développeur / Développeuse web mobile
- E-commercial / E-commerciale
- Game designer
- Game designer - jeux web online
- Game master jeux online
- Homologateur / Homologatrice logiciel
- Informaticien / Informaticienne analyste
- Informaticien / Informaticienne d'application
- Informaticien / Informaticienne de développement
- Informaticien chargé / Informaticienne chargée d'étude
- Ingénieur / Ingénieure analyste en système d'information
- Ingénieur / Ingénieure analyste informatique
- Ingénieur / Ingénieure d'analyse et de programmation en informatique de gestion
- Ingénieur / Ingénieure d'application informatique
- Ingénieur / Ingénieure d'intégration applicative
- Ingénieur / Ingénieure d'étude en applications scientifiques informatiques
- Ingénieur / Ingénieure d'étude en informatique de gestion
- Ingénieur / Ingénieure d'étude et développement informatique
- Ingénieur / Ingénieure d'étude informatique
- Ingénieur / Ingénieure d'étude logiciel informatique
- Ingénieur / Ingénieure de conception informatique
- Ingénieur / Ingénieure de développement informatique
- Ingénieur / Ingénieure de réalisation informatique
- Ingénieur / Ingénieure développement logiciel informatique
- Ingénieur / Ingénieure en développement d'applications
- Ingénieur / Ingénieure informatique développement en temps réel
- Ingénieur / Ingénieure logiciel informatique
- Ingénieur / Ingénieure programme informatique
- Ingénieur analyste-programmeur / Ingénieure analyste-programmeuse
- Ingénieur concepteur / Ingénieure conceptrice informatique
- Ingénieur informaticien / Ingénieure informaticienne
- Intégrateur / Intégratrice d'application informatique
- Lead game designer - jeux vidéo
- Lead programmeur / programmeuse - jeux vidéo
- Level designer
- Level designer - jeux web online
- Modérateur / Modératrice web
- Paramétreur / Paramétreuse logiciel ERP
- Producer chef de projet jeux vidéo
- Programmeur / Programmeuse d'applications
- Programmeur / Programmeuse d'études
- Programmeur / Programmeuse de maintenance informatique
- Programmeur / Programmeuse informatique
- Programmeur / Programmeuse jeux vidéo
- Programmeur / Programmeuse logiciel de base informatique
- Programmeur industriel / Programmeuse industrielle
- Responsable d'application informatique
- Responsable d'atelier de génie logiciel
- Responsable d'étude informatique
- Responsable de conception communication multimédia
- Responsable de gestion de configuration
- Responsable de projet informatique
- Responsable des développements informatiques
- Rédacteur / Rédactrice web
- Scrum Master
- Technicien / Technicienne programmation
- Testeur / Testeuse informatique
- Web commercial / commerciale
- Web vendeur / vendeuse
- Webmaster
- Webmaster animateur / animatrice
- Webmaster concepteur / conceptrice de site web
- Webmaster développeur / développeuse
Compétence(s)
- Algorithmique
- Animation d'instances agiles (mêlée, démonstration, rétrospective, …)
- Animation vectorielle
- Architecture d'applications
- Architecture des systèmes d'information
- Architecture propriétaire
- Architecture web
- Business Intelligence (BI) / Informatique décisionnelle
- Chaîne graphique
- Community management
- Comptabilité générale
- Dispositifs de financement culturel
- Droit de la propriété intellectuelle
- E-commerce
- E-procurement
- Finance
- Formalisation de processus de gestion
- Gestion administrative
- Gestion commerciale, relation clients
- Gestion comptable
- Gestion de configuration
- Gestion de production
- Gestion de projet
- Gestion des Ressources Humaines
- Gestion financière
- Informatique de gestion
- Informatique industrielle
- Informatique scientifique et technique
- Langage informatique ASP.NET
- Langage informatique Ada
- Langage informatique Apache
- Langage informatique AutoItScript
- Langage informatique Basic
- Langage informatique C#
- Langage informatique C/C++
- Langage informatique CSS
- Langage informatique Cobol
- Langage informatique Delphi
- Langage informatique Fortran
- Langage informatique HTML
- Langage informatique J2EE
- Langage informatique J2ME
- Langage informatique Java
- Langage informatique Lisp
- Langage informatique PHP
- Langage informatique Pascal
- Langage informatique Perl
- Langage informatique Prolog
- Langage informatique Python
- Langage informatique Ruby
- Langage informatique SQL
- Langage informatique Script Shell
- Langage informatique VB.NET
- Langage informatique Visual Basic
- Langage informatique WLangage
- Langage informatique XML
- Langages de programmation informatique
- Linguistique
- Logiciel d'animation 3D
- Logiciel de conception et analyse d'enquête
- Logiciel de gestion clients
- Logiciels d'édition multimédia
- Logiciels de gestion de base de données
- Management
- Marketing / Mercatique
- Marketing des réseaux sociaux
- Marketing direct
- Matériel de contrôle embarqué
- Modélisation informatique
- Méthode AGILE
- Méthodologie SAFe
- Méthodologie Scrum
- Normes rédactionnelles
- Organisation d'évènements culturels
- Outils bureautiques
- Outils de web analyse - web analytics
- Principes d'intégration de matériels et de logiciels
- Principes déontologiques liés aux débats et aux échanges
- Process et procédures d'achats
- Procédures d'appels d'offres
- Produits multimédia
- Progiciels de Gestion Intégrée (PGI) / Enterprise Resource Planning (ERP)
- Programmation informatique
- Programmation logicielle
- Protocoles et normes télécoms
- Publication Assistée par Ordinateur (PAO)
- Règlement Général européen sur la Protection des Données (RGPD)
- Règles d'élaboration d'une Charte Graphique
- Règles de diffusion et de communication de l'information
- Règles de sécurité Informatique et Télécoms
- Rédaction de contenu web
- Référencement naturel (SEO)
- Référencement web
- Réglementation des jeux et loteries
- Réglementation du commerce électronique
- Réseaux informatiques et télécoms
- Search Engine Marketing (SEM)
- Système KANBAN
- Système LEAN
- Système embarqué
- Systèmes d'exploitation informatique
- Sémiotique
- Techniques d'animation web
- Techniques d'impression
- Techniques d'infographie
- Techniques de communication
- Techniques de storytelling - communication narrative
- Technologie de l'internet
- Technologies de l'accessibilité numérique
Formation proposée par : Dawan
À découvrir