CRÉATION D'UN SITE WEB RESPONSIF en HTML 5 et CSS3 - 2 jours (14h) par CARPE MEDIA
Lieu(x)
En centre (59)
Durée
Total : 14 heures
En centre : 14 heures
Financement
Demandeur d’emploi
Salarié
Prix
Nous contacter
Cette formation vous intéresse ?
Description générale
POSITIONNEMENT ET UTILISATION D'HTML 5
--L'évolution du HTML
--Aperçu des nouvelles normes HTML 5 et CSS3
STRUCTURE DES SITES WEB EN HTML5
--Séparation du contenu (code HTML 5) et de la mise en forme (feuille de style CSS)
--Mise en page sous forme de grilles fluide
--Principe du Responsive Web Design (Site web adapté à tous les terminaux, tablettes, mobiles, télés connectées)
--Utilisation des requêtes multimédias
--Introduction à JQuery Mobile
INTÉGRATION D'HTML5 DANS LES SITES WEB
--Orientations du HTML 5, définition du sens des balises
--Définition des parties de la page par des sections (remplacement des )
--Simplification des contenus multimédias (audio, vidéo, animations)
--Les balises et les parties de la page HTML 5 : , , , , etc.
--Sous
- sections HTML 5 : , ,
--Contenus multimédias, audios et vidéos
--Logiciel de lecture intégré au navigateur
--Balises simplifiées et
--Insertion simplifiée de contenus Flash
--Les Formats vidéos : Theora, H264 et WebM (codec VP8 )
PRINCIPALES NOUVEAUTÉS DES CSS3
--Nouveaux sélecteurs CSS3
--Possibilités des sélecteurs
--Balises ayant le même parent
--Balises vides
--Sélection en fonction du contenu d'un attribut
TRANSPARENCE
--Réglage du niveau de transparence d'une couleur
--Transparence d'un bloc et de son contenu
TRANSFERT DE POLICES
--Plus de limitation aux polices de caractères les plus courantes
--Transfert du fichier avec #0x40#font
- face
--Utilisation possible dans toute la page
EFFETS D'OMBRES
--Ombrage du texte
--Ombrage des blocs
--Réglage des décalages, de la couleur et de la largeur de flou
CADRES À COINS ARRONDIS
--Arrondis pour l'ensemble des coins
--Arrondi spécifique pour chaque coin
--Réglage de la courbure des arrondis
MULTICOLONNAGE AUTOMATIQUE
--Nombre et largeur des colonnes
--Trait de séparation des colonnes
--Espacement entre les colonnes
--Équilibrage des colonnes
TRANSITIONS CSS :
--Propriété transform appliquée à des fonctions géométriques
--Translation
--Changement d'échelle
--Rotation
--Déformation.
--L'évolution du HTML
--Aperçu des nouvelles normes HTML 5 et CSS3
STRUCTURE DES SITES WEB EN HTML5
--Séparation du contenu (code HTML 5) et de la mise en forme (feuille de style CSS)
--Mise en page sous forme de grilles fluide
--Principe du Responsive Web Design (Site web adapté à tous les terminaux, tablettes, mobiles, télés connectées)
--Utilisation des requêtes multimédias
--Introduction à JQuery Mobile
INTÉGRATION D'HTML5 DANS LES SITES WEB
--Orientations du HTML 5, définition du sens des balises
--Définition des parties de la page par des sections (remplacement des )
--Simplification des contenus multimédias (audio, vidéo, animations)
--Les balises et les parties de la page HTML 5 : , , , , etc.
--Sous
- sections HTML 5 : , ,
--Contenus multimédias, audios et vidéos
--Logiciel de lecture intégré au navigateur
--Balises simplifiées et
--Insertion simplifiée de contenus Flash
--Les Formats vidéos : Theora, H264 et WebM (codec VP8 )
PRINCIPALES NOUVEAUTÉS DES CSS3
--Nouveaux sélecteurs CSS3
--Possibilités des sélecteurs
--Balises ayant le même parent
--Balises vides
--Sélection en fonction du contenu d'un attribut
TRANSPARENCE
--Réglage du niveau de transparence d'une couleur
--Transparence d'un bloc et de son contenu
TRANSFERT DE POLICES
--Plus de limitation aux polices de caractères les plus courantes
--Transfert du fichier avec #0x40#font
- face
--Utilisation possible dans toute la page
EFFETS D'OMBRES
--Ombrage du texte
--Ombrage des blocs
--Réglage des décalages, de la couleur et de la largeur de flou
CADRES À COINS ARRONDIS
--Arrondis pour l'ensemble des coins
--Arrondi spécifique pour chaque coin
--Réglage de la courbure des arrondis
MULTICOLONNAGE AUTOMATIQUE
--Nombre et largeur des colonnes
--Trait de séparation des colonnes
--Espacement entre les colonnes
--Équilibrage des colonnes
TRANSITIONS CSS :
--Propriété transform appliquée à des fonctions géométriques
--Translation
--Changement d'échelle
--Rotation
--Déformation.
Objectifs
Maîtriser la conception de pages Web en utilisant le HTML5 et les styles CSS3. À l 'issue de la formation, les stagiaires seront capables de structurer des pages web adaptatives, "Responsive Design", utilisant les dernières normes de mise en page HTML5 et CSS3. Ils utiliseront ainsi les toutes dernières techniques de création de site.
Centre(s)
- Lille (59)
Métier(s)
- Administrateur / Administratrice de bases de données
- Administrateur / Administratrice de la messagerie
- Administrateur / Administratrice de serveurs
- Administrateur / Administratrice de site Web
- Administrateur / Administratrice de site internet
- Administrateur / Administratrice réseau informatique
- Administrateur / Administratrice réseaux - télécoms
- Administrateur / Administratrice système informatique
- Administrateur / Administratrice systèmes et réseaux
- Administrateur / Administratrice sécurité informatique
- Affichiste
- 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 2D
- Animateur / Animatrice 3D
- 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 fabrication d'édition publicitaire
- Chef de groupe de création multimédia
- Chef de groupe logicien informaticien
- Chef de projet TMA - Tierce Maintenance Applicative
- Chef de projet Web
- Chef de projet développement logiciel
- Chef de projet en linguistique informatique
- Chef de projet informatique
- Chef de projet internet
- Chef de projet maîtrise d'oeuvre informatique
- Chef de projet multimédia
- Chef de projet étude et développement informatique
- Chef de studio de créations graphiques
- Coloriste numérique
- 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
- Designer / Designeuse d'interactivité
- Designer / Designeuse graphique
- Designer web mobile
- Dessinateur / Dessinatrice d'édition
- Dessinateur / Dessinatrice de bande dessinée
- Dessinateur / Dessinatrice de presse
- Dessinateur / Dessinatrice en publicité
- Dessinateur / Dessinatrice graphiste
- 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
- Directeur / Directrice de département informatique
- Directeur / Directrice de département télécoms
- Directeur / Directrice de l'Organisation et des Systèmes d'Information (DOSI)
- Directeur / Directrice de projet en informatique
- Directeur / Directrice de projet télécoms
- Directeur / Directrice de service télécoms
- Directeur / Directrice des services informatiques (DSI)
- Directeur / Directrice des systèmes d'information
- Directeur / Directrice des systèmes d'information et télécoms
- Directeur / Directrice informatique
- Directeur / Directrice télécoms
- Décorateur / Décoratrice graphiste
- 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
- Gouacheur / Gouacheuse en films d'animation
- Graphiste 2 D
- Graphiste 2 D - jeux vidéo
- Graphiste 3 D
- Graphiste concepteur / conceptrice
- Graphiste multimédia
- Homologateur / Homologatrice logiciel
- Illustrateur / Illustratrice
- Illustrateur / Illustratrice graphiste
- Infographiste
- Infographiste 3 D
- Infographiste effets spéciaux
- Infographiste en image de synthèse
- Infographiste en multimédia
- Infographiste intégrateur / intégratrice
- Infographiste web master
- 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
- Intégrateur / Intégratrice graphiste
- Intégrateur / Intégratrice multimédia
- Layout man / woman
- Lead game designer - jeux vidéo
- Lead graphiste - jeux vidéo
- Lead programmeur / programmeuse - jeux vidéo
- Level designer
- Level designer - jeux web online
- Maquettiste en arts graphiques
- Modeleur / Modeleuse 3 D
- Modeleur textureur / Modeleuse textureuse 3D - jeux vidéo
- Modélisateur / Modélisatrice 3D
- Modérateur / Modératrice web
- Motion designer multimédia
- 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'exploitation informatique
- Responsable d'un service informatique
- Responsable d'un service télécoms
- Responsable d'étude informatique
- Responsable de conception communication multimédia
- Responsable de division informatique
- Responsable de division télécoms
- Responsable de domaine en informatique
- Responsable de domaine télécoms
- Responsable de département informatique
- Responsable de département télécoms
- Responsable de gestion de configuration
- Responsable de la production informatique
- Responsable de projet architecture et intégration grands systèmes
- Responsable de projet architecture informatique
- Responsable de projet architecture télécoms
- Responsable de projet informatique
- Responsable de réseaux télécoms
- Responsable des développements informatiques
- Responsable des systèmes d'information
- Responsable des systèmes informatiques
- Responsable du management de la DSI
- Responsable du réseau informatique
- Responsable informatique
- Responsable production informatique
- Responsable télécoms
- Roughman / Roughwoman en arts graphiques
- Réalisateur / Réalisatrice multimédia
- Rédacteur / Rédactrice web
- Scrum Master
- Story boarder
- Stéréographe 3D
- Technicien / Technicienne en image de synthèse 3D
- Technicien / Technicienne programmation
- Testeur / Testeuse informatique
- UI - user interface designer
- UX - user experience designer
- Vidéographiste
- Web commercial / commerciale
- Web designer
- 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
- Audit interne
- Business Intelligence (BI) / Informatique décisionnelle
- Caractéristiques des logiciels d'interface (middleware)
- Chaîne graphique
- Code des marchés publics
- Colorimétrie
- Community management
- Comptabilité générale
- Computer To Film (CTF)
- Computer To Plate (CTP)
- Design d'interface utilisateur
- Dispositifs de financement culturel
- Droit de la propriété intellectuelle
- E-commerce
- E-procurement
- Finance
- Formalisation de processus de gestion
- Gestion administrative
- Gestion budgétaire
- Gestion commerciale, relation clients
- Gestion comptable
- Gestion de configuration
- Gestion de production
- Gestion de projet
- Gestion des Ressources Humaines
- Gestion financière
- Infogérance / télémaintenance
- Informatique de gestion
- Informatique industrielle
- Informatique scientifique et technique
- Ingénierie d'exploitation
- 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 Javascript
- 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 3DS MAX
- Logiciel After Effects
- Logiciel Anime Studio
- Logiciel Arnold
- Logiciel Blender
- Logiciel Character Studio
- Logiciel Cinéma 4D
- Logiciel Corel Draw
- Logiciel Dreamweaver
- Logiciel Fireworks
- Logiciel Flash
- Logiciel FrameMaker
- Logiciel Houdini
- Logiciel Illustrator
- Logiciel InDesign
- Logiciel LightWave
- Logiciel Matchmover
- Logiciel Maya
- Logiciel Mental-ray / V-ray
- Logiciel Motion Builder
- Logiciel Nuke
- Logiciel Page Maker
- Logiciel Painter
- Logiciel Quark Express
- Logiciel Realflow
- Logiciel TVPaint
- Logiciel Toon Boom
- Logiciel XSI Softimage
- Logiciel Zbrush
- Logiciel d'animation 2D
- Logiciel d'animation 3D
- Logiciel de conception et analyse d'enquête
- Logiciel de gestion clients
- Logiciel de montage photo
- Logiciels StopMotion / iStopMotion
- Logiciels d'image de synthèse
- Logiciels d'édition multimédia
- Logiciels de création vidéo
- 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
- Métrologie
- Normes qualité
- Normes rédactionnelles
- Organisation d'évènements culturels
- Outils bureautiques
- Outils de web analyse - web analytics
- Paramétrage de logiciels
- Photoshop
- 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
- Procédés et contraintes d'impression
- Produits multimédia
- Progiciels de Gestion Intégrée (PGI) / Enterprise Resource Planning (ERP)
- Programmation informatique
- Programmation logicielle
- Protection des données numériques
- 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'installation informatiques
- Règles d'élaboration d'une Charte Graphique
- Règles de diffusion et de communication de l'information
- Règles de sécurisation de fichiers informatiques
- 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)
- Site web
- Système KANBAN
- Système LEAN
- Système d'exploitation AS 400
- Système d'exploitation Gcos
- Système d'exploitation HP-Ux
- Système d'exploitation IBM Aix
- Système d'exploitation Irix
- Système d'exploitation Linux
- Système d'exploitation MVS
- Système d'exploitation MacOS
- Système d'exploitation Solaris
- Système d'exploitation Unix
- Système d'exploitation Windows
- Système d'exploitation informatique Android
- Système d'exploitation informatique Apache Tomcat
- Système d'exploitation informatique Open BSD
- Système d'exploitation informatique Sun OS
- Système d'exploitation informatique VMWare (virtualisation d'architecture)
- Système d'exploitation informatique VirtualBox
- Système de Gestion de Bases de Données (SGBD)
- Système de messagerie
- Système embarqué
- Système interactif d'aide à la Décision (SIAD)
- Système réseau (LAN, MAN, WAN)
- Système temps réel
- Système à temps partagé ou transactionnel
- Systèmes d'exploitation informatique
- Sémiotique
- Techniques commerciales
- Techniques d'animation d'équipe
- Techniques d'animation web
- Techniques d'impression
- Techniques d'infographie
- Techniques de communication
- Techniques de compositing
- Techniques de dessin
- Techniques de gestion de réseaux prépresse
- Techniques de planification
- Techniques de storytelling - communication narrative
- Techniques de séparation Cyan Magenta Jaune Noir
- Technologie de l'internet
- Technologies de l'accessibilité numérique
- Technologies informatiques
- Technologies télécoms
- Typographie
- UX/UI Design
- Urbanisation des systèmes d'information
- Évaluation de risques sécurité Informatique et Télécoms
Formation proposée par : CARPE MEDIA
À découvrir