Compatibilité HTML/CSS pour un site adapté à son client et sa cible
ERROR
00:00
00:00

TUTO Compatibilité HTML/CSS pour un site adapté à son client et sa cible

D-wave Formation
19,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

La maitrise du code HTML/CSS vous permettra de créer des sites internet statiques (sans base de données). Ce sont deux langages absolument essentiel pour tout intégrateur Web.

Il existe de nombreuses formations pour vous apprendre à coder en utilisant le HTML, le CSS et le Javascript, mais dans la réalité professionnelle, il est nécessaire de comprendre pourquoi et quand utiliser tel ou tel attribut plutôt qu'un autre.

En effet, vous devez avoir en tête que votre client a une cible, et que par conséquent, votre site doit être adapté et compatible avec les navigateurs et les configurations possibles de cette cible.

Qu’est-ce que vous allez apprendre dans cette formation HTML CSS Compatibilité ?

Nous allons commencer par une introduction sur les navigateurs pour les connaitre, puis à faire ses choix techniques en fonction de son client et de sa cible. Nous vous montrerons différents sites et sources d'informations pour avoir des statistiques ou savoir si tel ou tel attribut HTML/CSS est compatible ou non avec tel navigateur. Vous serez en mesure de connaitre les résolutions d'écrans les plus utilisés et comment les exploiter.

Nous mettrons ensuite en place notre environnement de développement et passerons en revue les outils proposés par les navigateurs. 

Nous réaliserons une page HTML/CSS responsive et compatible avec le maximum de navigateurs. La page contiendra également un Reset CSS que vous pourrez utiliser pour l'intégralité de vos projets, ainsi qu'un fichier Javascript pour détecter toutes les informations sur vos caractéristiques techniques.

Pour finir, nous vous donnerons toutes les astuces et possibilités pour tester au mieux votre site afin que votre client soit parfaitement satisfait.

En bref, suite à ce tutoriel, vous serez capable de :

  • Faire des choix techniques par rapport à la demande de votre client
  • Mettre en place un environnement de développement
  • Réaliser une page HTML/CSS entièrement responsive avec les Media Queries
  • Réaliser un Reset CSS qui vous sera utile pour tous vos futurs projets
  • Tester votre site de nombreuses façons différentes
  • Traiter une demande client avec un raisonnement professionnel

A la fin de cette formation, nous vous garantissons que vous serez en mesure de prendre les bonnes décisions sur les supports pour lesquelles vous allez développer votre site.

Cette formation est réalisée en collaboration avec Guillaume Vacher, développeur et intégrateur web Freelance depuis plus de 7 ans. Il est destiné à un public qui connait les bases de l'HTML/CSS. Le formateur reste disponible dans le salon d'entraide pour répondre à vos questions.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Préparer son projet de développement
Chapitre 2
Réalisation de la page HTML/CSS
Chapitre 3
Réaliser des tests

Plan détaillé du cours

Chapitre 1 : Préparer son projet de développement
25m27s
 
Leçon 1Introduction aux navigateurs Web
Leçon 2Faire ses choix techniques en fonction de son client et de sa cible
Leçon 3Utiliser les outils de développement des navigateurs web
Leçon 4Installer un environnement de développement
Chapitre 2 : Réalisation de la page HTML/CSS
1h31m
 
Leçon 1Création d'une page HTML/CSS et premiers tests navigateurs
Leçon 2Réalisation d'un Reset CSS - Partie 1
Leçon 3Réalisation d'un Reset CSS - Partie 2
Leçon 4Structure HTML et CSS de la page
Leçon 5Réalisation des Media Queries (Responsive) - Partie 1
Leçon 6Réalisation des Media Queries (Responsive) - Partie 2
Leçon 7Connaitre votre navigateur via un script Javascript
Chapitre 3 : Réaliser des tests
29m
 
Leçon 1Émuler une autre version d'un navigateur
Leçon 2Tester son site sur d'autres systèmes d'exploitation
Leçon 3Un mot sur les machines virtuelle, technique la plus fiable pour tester sons site
Leçon 4Connaitre la compatibilité des attributs HTML5 et CSS3
Leçon 5Exemples concret de compatibilité HTML5 et CSS3
Leçon 6Le mot de la fin

Aperçus

Vos questions sur le cours

Avec quelles versions de logiciels ce tuto est-il compatible ?

HTML 5, HTML , CSS 3, CSS

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Pourquoi ces compétences sont nécessaires si je souhaite devenir intégrateur/développeur Web ?

Il est important de connaître les besoins de votre client, mais surtout, sa cible. Un site orienté aux puristes du web ne sera pas réalisé de la même manière qu'un site pour la ménagère de 50 ans qui utilise peu les outils informatiques, car ses outils ne seront pas forcément mis à jour. C'est pourquoi il est important d'être exigent avec soi-même pour réaliser un site adapté exactement à la cible du client, compatible sur les différents navigateurs, sur différents OS et adapté à tout type de mobile.

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données