{"id":10683,"date":"2019-10-22T09:30:31","date_gmt":"2019-10-22T07:30:31","guid":{"rendered":"https:\/\/www.club-freelance.com\/?p=10683"},"modified":"2025-03-20T13:28:42","modified_gmt":"2025-03-20T12:28:42","slug":"integrateur-html-decouvrez-la-fiche-metier","status":"publish","type":"post","link":"https:\/\/wp.mindquest.io\/?p=10683","title":{"rendered":"Int\u00e9grateur HTML : Fiche m\u00e9tier"},"content":{"rendered":"<\/p>\n<p>L&rsquo;int\u00e9grateur HTML est sp\u00e9cialiste de la <strong><b>programmation et du d\u00e9veloppement<\/b><\/strong>, il a pour mission de traduire un langage graphique en langage informatique. Il assemble les diff\u00e9rents \u00e9l\u00e9ments d\u2019un site web et les int\u00e8gre, en veillant \u00e0 proposer un design esth\u00e9tique et pratique.<br \/>Le HTML (Hypertext Mark-up Language) est un langage informatique utilis\u00e9 dans la r\u00e9alisation de pages web qui se base sur l\u2019utilisation de \u00ab balises \u00bb de formatage.<\/p>\n<h3><strong>Int\u00e9grateur HTML : description du m\u00e9tier<\/strong><\/h3>\n<p><strong><b>Quel est le r\u00f4le de l&rsquo;Int\u00e9grateur HTML ?<\/b><\/strong><\/p>\n<p><span>V\u00e9rifier le contenu \u00e9ditorial et les maquettes<\/span><br \/>L\u2019int\u00e9grateur HTML travaille en \u00e9troite collaboration avec le Chef de projet Web et le Directeur Artistique. Ensemble, ils d\u00e9terminent comment les pages doivent \u00eatre structur\u00e9es, en mati\u00e8re de contenu, de design (style et animations) et de fonctionnalit\u00e9s.\u00a0<\/p>\n<\/p>\n<p><span>Traduire l\u2019infrastructure graphique en infrastructure informatique<\/span><br \/>L\u2019int\u00e9grateur HTML traduit ensuite les maquettes graphiques en langage informatique, sur l\u2019infrastructure technique choisie en amont. Et ce, pour les navigateurs web et mobiles. Il construit chacune des pages d\u2019un site Internet en pla\u00e7ant les diff\u00e9rents \u00e9l\u00e9ments textuels et graphiques comme les images ou les vid\u00e9os.<\/p>\n<\/p>\n<p><span>Veiller \u00e0 la comptabilit\u00e9 et au respect des normes<\/span><br \/>Il joue \u00e9galement un r\u00f4le de contr\u00f4le : il doit veiller \u00e0 la comptabilit\u00e9 entre les diff\u00e9rents navigateurs (Safari, Internet Explorer, Mozilla Firefox\u2026) et doit \u00e9galement tenir compte des normes en vigueur (RWD, W3C, accessibilit\u00e9).<\/p>\n<h3><strong>Comp\u00e9tences requises<\/strong><\/h3>\n<p><span>D\u2019excellentes connaissances techniques<\/span><br \/>Outre d\u2019excellentes connaissances graphiques et informatiques, l\u2019int\u00e9grateur HTML doit \u00e9videmment ma\u00eetriser le langage informatique HTML, c\u0153ur de son m\u00e9tier, et d\u2019autres technologies telles que le CSS, JavaScript, l\u2019AJAX, le SQL&#8230; Il doit \u00e9galement ma\u00eetriser la coh\u00e9rence graphique, la mise en avant du contenu, le montage et les effets graphiques.<\/p>\n<\/p>\n<p><span><strong>Cr\u00e9ativit\u00e9 et sens de l\u2019esth\u00e9tique<\/strong><\/span><br \/>L&rsquo;int\u00e9grateur HTML, pragmatique et dot\u00e9 d\u2019un fort esprit esth\u00e9tique, doit \u00e9galement se montrer cr\u00e9atif et force de proposition. Il peut \u00e9galement \u00eatre utile d\u2019avoir un certain sens marketing pour que le site Web soit attractif.<\/p>\n<\/p>\n<p><span><strong>Capacit\u00e9 d\u2019\u00e9coute et d\u2019adaptation<\/strong><\/span><br \/>l&rsquo;int\u00e9grateur HTML, en plus d&rsquo;\u00eatre r\u00e9actif et \u00e0 l\u2019\u00e9coute, doit savoir s\u2019adapter \u00e0 son interlocuteur. Il est en effet amen\u00e9 \u00e0 travailler au sein d\u2019une \u00e9quipe vari\u00e9e : Webdesigner, Chef de Projet Digital, Responsable E-Commerce, etc.<\/p>\n<h3><strong>Contexte<\/strong><\/h3>\n<p>Un int\u00e9grateur web peut exercer son activit\u00e9 dans tous types d\u2019entreprises. Il est souvent amen\u00e9 \u00e0 travailler avec des services vari\u00e9s (marketing, SI, etc).<\/p>\n<h3><strong>Salaire<\/strong><\/h3>\n<p>Le taux journalier moyen d\u2019un Int\u00e9grateur HTML se situe entre 350 et 600\u20ac.<\/p>\n<h3><strong>Formation<\/strong><\/h3>\n<p>Un BTS ou un DUT informatique peuvent \u00eatre d\u2019excellents tremplins pour acc\u00e9der \u00e0 ce poste technique. Cependant il peut \u00eatre conseill\u00e9 de poursuivre sur une Licence pro Concepteur int\u00e9grateur web.<br \/>Apr\u00e8s quelques ann\u00e9es d\u2019exp\u00e9rience, un int\u00e9grateur vous aurez la possibilit\u00e9 de vous orienter vers des postes li\u00e9s au d\u00e9veloppement, \u00e0 la conception, ou encore au conseil.<\/p>\n<p><a class=\"button1\" href=\"https:\/\/mindquest.io\/missions\" target=\"_blank\">Trouver une mission d&rsquo;Int\u00e9grateur HTML<\/a><\/p>\n<p>Et t\u00e9l\u00e9chargez votre fiche m\u00e9tier :<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1024\" alt=\"\" class=\"wp-image-15919\" src=\"https:\/\/wp.mindquest.io\/wp-content\/uploads\/2021\/04\/Int\u00e9grateur-HTML.png\" srcset=\"https:\/\/wp.mindquest.io\/wp-content\/uploads\/2021\/04\/Int\u00e9grateur-HTML.png 768w, https:\/\/wp.mindquest.io\/wp-content\/uploads\/2021\/04\/Int\u00e9grateur-HTML-225x300.png 225w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/p>\n<div class=\"wp-block-spacer\"><\/div>\n<p>Vous souhaitez en savoir plus sur le d\u00e9veloppement Web ? D\u00e9couvrez notre dossier sp\u00e9cial sur les diff\u00e9rentes sp\u00e9cialisations et m\u00e9tiers du d\u00e9veloppement Web ainsi que les langages de programmation !<\/p>\n<p><a href=\"https:\/\/fr.mindquest.io\/blog\/news\/22516\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"213\" alt=\"\" class=\"wp-image-22574\" src=\"https:\/\/wp.mindquest.io\/wp-content\/uploads\/2022\/07\/CTA-Lire-notre-dossier-special-9-1024x213.png\" srcset=\"https:\/\/wp.mindquest.io\/wp-content\/uploads\/2022\/07\/CTA-Lire-notre-dossier-special-9-1024x213.png 1024w, https:\/\/wp.mindquest.io\/wp-content\/uploads\/2022\/07\/CTA-Lire-notre-dossier-special-9-300x63.png 300w, https:\/\/wp.mindquest.io\/wp-content\/uploads\/2022\/07\/CTA-Lire-notre-dossier-special-9-768x160.png 768w, https:\/\/wp.mindquest.io\/wp-content\/uploads\/2022\/07\/CTA-Lire-notre-dossier-special-9-1536x320.png 1536w, https:\/\/wp.mindquest.io\/wp-content\/uploads\/2022\/07\/CTA-Lire-notre-dossier-special-9.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<div class=\"wp-block-spacer\"><\/div>\n<p>D\u00e9couvrez notre fiche m\u00e9tier : <a href=\"https:\/\/mindquest.io\/fr\/blog\/news\/14111\" target=\"_blank\">Ing\u00e9nieur VoIP<\/a><\/p>\n<div class=\"wp-block-spacer\"><\/div>\n<p><a href=\"https:\/\/www.mindquest.io\/signup?type=consultant\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" width=\"1744\" height=\"595\" alt=\"\" class=\"wp-image-16426\" src=\"https:\/\/wp.mindquest.io\/wp-content\/uploads\/2021\/04\/rejoindre-la-communaut\u00e9-de-talents-10.png\" srcset=\"https:\/\/wp.mindquest.io\/wp-content\/uploads\/2021\/04\/rejoindre-la-communaut\u00e9-de-talents-10.png 1744w, https:\/\/wp.mindquest.io\/wp-content\/uploads\/2021\/04\/rejoindre-la-communaut\u00e9-de-talents-10-300x102.png 300w, https:\/\/wp.mindquest.io\/wp-content\/uploads\/2021\/04\/rejoindre-la-communaut\u00e9-de-talents-10-768x262.png 768w, https:\/\/wp.mindquest.io\/wp-content\/uploads\/2021\/04\/rejoindre-la-communaut\u00e9-de-talents-10-1024x349.png 1024w, https:\/\/wp.mindquest.io\/wp-content\/uploads\/2021\/04\/rejoindre-la-communaut\u00e9-de-talents-10-1536x524.png 1536w\" sizes=\"auto, (max-width: 1744px) 100vw, 1744px\" \/><\/a><\/p>\n<div class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>L&rsquo;int\u00e9grateur HTML est sp\u00e9cialiste de la programmation et du d\u00e9veloppement, il a pour mission de traduire un langage graphique en langage informatique. Il assemble les diff\u00e9rents \u00e9l\u00e9ments d\u2019un site web et les int\u00e8gre, en veillant \u00e0 proposer un design esth\u00e9tique et pratique.<br \/>\nLe HTML (Hypertext Mark-up Language) est un langage informatique utilis\u00e9 dans la r\u00e9alisation de pages web qui se base sur l\u2019utilisation de \u00ab balises \u00bb de formatage.<\/p>\n","protected":false},"author":3,"featured_media":11430,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[505,157],"tags":[2,3,9,226,5,6,318,351,8],"class_list":["post-10683","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpement","category-fiches-metiers","tag-carriere","tag-competences","tag-developpement","tag-developpement-web","tag-fiche-metier","tag-formation","tag-html","tag-integrateur-html","tag-salaire"],"acf":{"download_link":"","featured_image_2":11429,"related_posts":[9988,15663,14441],"meta_keys":"Int\u00e9grateur HTML","meta_description":"Int\u00e9grateur HTML : d\u00e9couvrez dans cette fiche m\u00e9tier ses missions, sa carri\u00e8re, son salaire, sa formation et ses comp\u00e9tences. ","meta_question":"","meta_response":""},"_links":{"self":[{"href":"https:\/\/wp.mindquest.io\/index.php?rest_route=\/wp\/v2\/posts\/10683","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.mindquest.io\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.mindquest.io\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.mindquest.io\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.mindquest.io\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10683"}],"version-history":[{"count":15,"href":"https:\/\/wp.mindquest.io\/index.php?rest_route=\/wp\/v2\/posts\/10683\/revisions"}],"predecessor-version":[{"id":27956,"href":"https:\/\/wp.mindquest.io\/index.php?rest_route=\/wp\/v2\/posts\/10683\/revisions\/27956"}],"acf:post":[{"embeddable":true,"href":"https:\/\/wp.mindquest.io\/index.php?rest_route=\/wp\/v2\/posts\/14441"},{"embeddable":true,"href":"https:\/\/wp.mindquest.io\/index.php?rest_route=\/wp\/v2\/posts\/15663"},{"embeddable":true,"href":"https:\/\/wp.mindquest.io\/index.php?rest_route=\/wp\/v2\/posts\/9988"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp.mindquest.io\/index.php?rest_route=\/wp\/v2\/media\/11430"}],"wp:attachment":[{"href":"https:\/\/wp.mindquest.io\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10683"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.mindquest.io\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=10683"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.mindquest.io\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=10683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}