{"id":10129,"date":"2022-07-12T23:00:00","date_gmt":"2022-07-12T23:00:00","guid":{"rendered":"https:\/\/senhorgato.com\/?p=10129"},"modified":"2022-07-12T14:45:09","modified_gmt":"2022-07-12T14:45:09","slug":"fazer-curso-introducao-html-css-senac","status":"publish","type":"post","link":"https:\/\/senhorgato.com\/fr\/fazer-curso-introducao-html-css-senac\/","title":{"rendered":"Comment puis-je suivre gratuitement un cours d&#039;introduction au HTML et CSS SENAC ?"},"content":{"rendered":"<!--advertisement--><div class=\"mx-5 sm:mx-0 sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-900 text-left\">\n<h2 id=\"h-descubra-como-fazer-o-curso-gratuito-de-introducao-a-html-e-css-senac\">D\u00e9couvrez comment suivre le cours gratuit Introduction au HTML et CSS SENAC<\/h2>\n<\/div><!--image--><div class=\"px-5 sm:px-0 w-full sm:w-[800px] sm:ml-[50%] sm:-translate-x-2\/4 rounded-lg overflow-hidden mb-5 text-center\">\n<figure class=\"wp-block-uploadcare-image\"><img loading=\"lazy\" alt=\"Ent\u00e3o, veja como fazer o curso! Fonte: SENAC.\"  id=\"10123\" src=\"https:\/\/cdn.adtechpanda.com\/7a3e41a7-d699-4eaa-b236-f4a46e827403\/\" class=\"w-full object-cover object-center border mx-auto uploadcare-image\"\/><figcaption class=\"mt-5 text-xs text-center border-b pb-4\" >Alors, voyez comment suivre le cours\u00a0! Source : SENAC.<\/figcaption><\/figure>\n<\/div><!--image--><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>Si vous souhaitez d\u00e9velopper vos comp\u00e9tences en cr\u00e9ation et en d\u00e9veloppement, cela vaut la peine de suivre le cours gratuit d&#039;introduction au HTML et CSS du SENAC. C&#039;est en ligne et vous pouvez apprendre \u00e0 la maison. <\/p>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>Cela fonctionne ainsi : pendant les cours, vous \u00eates en contact avec les concepts de base des outils HTML et CSS pour cr\u00e9er et personnaliser un site Web. Alors, d\u00e9couvrez comment vous inscrire et profitez du contenu ci-dessous\u00a0!<\/p>\n<\/div><div class=\"wp-block-lazyblock-credit-card lazyblock-credit-card-Z2sAYAS\"><section class=\"credit-card mx-5 sm:mx-0 text-gray-600 body-font  my-10 border-gray-200 border-b border-l border-r sm:border-0\">\n  <div class=\"h-1 bg-gray-200 rounded overflow-hidden\">\n    <div class=\"w-24 h-full\"><\/div>\n  <\/div>\n  <div class=\"container px-5 sm:px-0 py-6 mx-auto\" data-anchor-target=\"lazyBlock\">\n    <div class=\"flex flex-wrap mx-auto\">\n      <a class=\"lg:w-2\/5 w-full lg:pl-6 mt-6 lg:mt-0\" href=\"https:\/\/www.cursosead.sp.senac.br\/introducao_html\/ \" data-analytics-label=\"creditCardImage\" data-action=\"analytics#trackCTA\" >\n        <img class=\"w-full h-64 object-cover object-center rounded\" loading=\"lazy\" alt=\"card\" style=\"height: 190px;\" src=\"https:\/\/cdn.adtechpanda.com\/ccfb5946-1368-4088-81c3-34d849f111c4\/\">\n      <\/a>\n      <div class=\"lg:w-3\/5 w-full lg:pl-6 mt-6 lg:mt-0\">\n        <h2 class=\"text-sm title-font text-gray-500 tracking-widest uppercase\">\n          Cours SENAC        <\/h2>\n        <h1 class=\"text-gray-900 text-3xl title-font font-medium mb-1\">\n          Introduction au HTML et CSS        <\/h1>\n        <div class=\"flex mb-4 justify-center sm:justify-start\">\n          \n                      <span class=\"inline-block py-1 px-2 rounded text-xs font-medium tracking-widest uppercase mr-2\">\n              Qualit\u00e9            <\/span>\n                      <span class=\"inline-block py-1 px-2 rounded text-xs font-medium tracking-widest uppercase mr-2\">\n              En ligne            <\/span>\n                    \n        <\/div>\n        <p class=\"leading-relaxed\">\n          Cours gratuit pour apprendre les bases de la programmation de sites Web\u00a0!        <\/p>\n        <div class=\"flex mt-6 items-center pb-5 border-b-2 border-gray-100 mb-5\">\n          \n        <\/div>\n        <div class=\"flex\">\n          <a data-km2-rewarded=\"true\" style=\"font-size: 13px;\" class=\"hidden animate-fade-in flex m-auto sm:mr-0 sm:ml-auto\" rel=\"sponsored\" href=\"https:\/\/www.cursosead.sp.senac.br\/introducao_html\/ \" data-analytics-label=\"creditCardButton\" data-action=\"analytics#trackCTA\"  >\n            <button class=\"uppercase flex m-auto sm:mr-0 sm:ml-auto border-0 py-2 px-4 focus:outline-none rounded  disabled:opacity-50\">\n              Acc\u00e9der au cours            <\/button>\n          <\/a>\n          <a data-km2-rewarded=\"false\" style=\"font-size: 15px;\" class=\"flex m-auto sm:mr-0 sm:ml-auto\" rel=\"sponsored\" href=\"https:\/\/www.cursosead.sp.senac.br\/introducao_html\/ \" data-analytics-label=\"creditCardButton\" data-action=\"analytics#trackCTA\"  >\n            <button id=\"offer-first\" class=\"flex m-auto sm:mr-0 sm:ml-auto border-0 py-2 px-6 focus:outline-none rounded  disabled:opacity-50\">\n              Acc\u00e9der au cours            <\/button>\n          <\/a>\n        <\/div>\n        <p class=\"text-xs text-gray-500 mt-3 text-center sm:text-right\">\n          You will be redirected to another website        <\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n    <script type=\"module\"> function waitFor(conditionFunction) { const poll = resolve => { if(conditionFunction()) resolve(); else setTimeout(_ => poll(resolve), 400); }; return new Promise(poll); } import { Application, Controller } from \"\/wp-content\/themes\/twentytwentyone\/assets\/js\/stimulus.min.js\"; let Stimulus = Application.start(); Stimulus.register(\"anchor\", class extends Controller { static get targets() { return [ \"lazyBlock\", \"lazyBlockAnchor\" ]; } initialize() { this.active = false; this.passed = false; this.closed = false; this.anchorViews = 0; this.boundOnShowAnchor = this.onShowAnchor.bind(this); window.anchorReady = window.anchorReady || false; waitFor(_ => (window.scrollY > this.getHeightBlock() && !this.active)) .then(_ => { !window.anchorReady? this.visible() : ''; window.anchorReady = true; }); if (document.getElementById('landing')) { setTimeout(() => { !window.anchorReady ? this.visible() : ''; window.anchorReady = true; }, 1 * 30000); }; } connect() { this.onShowAnchor(); document.addEventListener(\"scroll\", this.boundOnShowAnchor); } disconnect() { document.removeEventListener(\"scroll\", this.boundOnShowAnchor); } visible() { if (document.getElementById('av-offerwall__wrapper')) { setTimeout(() => this.visible(), 20000); return; } if (document.getElementById('av-fixed__bottomWrapper') && document.getElementById('av-fixed__bottomWrapper').style.display !== 'none') { this.getAnchorElement().style.marginBottom = '60px'; } if (!window.km2AnchorReady) { this.active = true; \/*this.getAnchorElement().style.animation = \"none\"; this.getAnchorElement().classList.remove('animate-show-down');*\/ \/*this.getAnchorElement().classList.add('animate-show-up');*\/ \/*setTimeout(() => {*\/ \/*this.getAnchorElement().style.animation = \"\";*\/ this.getAnchorElement().classList.add('animate-show-up'); this.getAnchorElement().classList.remove('hidden'); this.setAnchorViews(this.anchorViews+1); setTimeout(() => this.closeAnchor(), 20000); this.active = false; \/*}, 10);*\/ } } invisible() { this.active = true; this.getAnchorElement().style.animation = \"none\"; this.getAnchorElement().classList.remove('animate-show-up'); this.getAnchorElement().classList.add('animate-show-down'); setTimeout(() => { this.getAnchorElement().style.animation = \"\"; setTimeout(() => { this.getAnchorElement().classList.add('hidden'); this.active = false; }, 800); }, 10); } onShowAnchor() { let anchorReady = false;  \/*if (!this.active && !anchorReady) { if (this.getAnchorViews() <= 3) { if (window.scrollY > this.getHeightBlock()) { if (!this.passed && !this.closed) { this.visible(); this.passed = true; } } else { if (this.passed) { this.invisible(); this.passed = false; } } } else { if (!this.getAnchorElement().classList.contains('close')) { this.getAnchorElement().classList.add('close'); if (window.scrollY < this.getHeightBlock()) { this.invisible(); } } } }*\/ } closeAnchor() { this.invisible(); this.getAnchorElement().classList.add('close'); this.closed = true; } getAnchorElement() { return this.lazyBlockAnchorTargets[0]; } getAnchorViews() { this.anchorViews = parseInt(sessionStorage.getItem(\"anchorViews\")) >= 1 ? parseInt(sessionStorage.getItem(\"anchorViews\")) : 0; return this.anchorViews; } setAnchorViews(views) { sessionStorage.setItem(\"anchorViews\", views); } getHeightBlock() { return this.lazyBlockTarget.offsetTop + this.lazyBlockTarget.offsetHeight - 110; } }) <\/script>  <div data-anchor-target=\"lazyBlockAnchor\" class=\"fixed w-full sm:w-96 px-3 py-2 bottom-0 left-0 hidden\" style=\"z-index: 999999;\" name=\"lazyBlockAnchor\">\n    <div class=\"grid justify-items-stretch\">        \n              <div class=\"relative justify-self-end top-4 -right-2\">\n          <button class=\"bg-white text-md font-medium text-center rounded-full h-7 w-7 border-2\" data-analytics-label=\"anchorCloseAnchor\" data-action=\"anchor#closeAnchor\" style=\"z-index: 999999;\">\n            X\n          <\/button>\n        <\/div>\n        <div class=\"justify-self-auto flex flex-col h-32 bg-white border-solid border-2 shadow-md rounded-md\">\n          <div class=\"flex my-0 h-full\">\n            <div class=\"w-2\/5 p-1 ml-2 mt-2 w-full\">\n              <a href=\"https:\/\/www.cursosead.sp.senac.br\/introducao_html\/ \" rel=\"sponsored\" data-analytics-label=\"anchorImage\" data-action=\"analytics#trackCTA\">          \n                <img loading=\"lazy\" alt=\"card\" class=\"w-full object-cover h-24 object-center rounded justify-self-auto border-2 border-gray-100\" src=\"https:\/\/cdn.adtechpanda.com\/ccfb5946-1368-4088-81c3-34d849f111c4\/\">          \n              <\/a>\n            <\/div>\n            <div class=\"w-3\/5 my-2\">\n              <p class=\"px-4 text-center text-xs h-1\/2\">\n                Cours gratuit pour apprendre les concepts de base de\u2026              <\/p>\n              <a href=\"https:\/\/www.cursosead.sp.senac.br\/introducao_html\/ \" rel=\"sponsored\" data-analytics-label=\"anchorButton\" data-action=\"analytics#trackCTA\" >\n                <button class=\"flex w-5\/6 m-auto mt-2 border-0 py-1 px-3 focus:outline-none rounded\">                \n                  <p class=\"text-center w-full\" style=\"font-size: 0.67rem;\">\n                    Acc\u00e9der au cours                  <\/p>\n                <\/button>\n              <\/a>\n              <p class=\"text-gray-500 text-center mt-1\" style=\"font-size: 0.50rem;\">\n                You will be redirected to another website              <\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n          <\/div>\n  <\/div>\n<\/section><\/div><!--advertisement--><div class=\"mx-5 sm:mx-0 sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-900 text-left\">\n<h2 id=\"h-curso-gratuito-de-introducao-a-html-e-css-senac-aprenda-como-criar-e-personalizar-seu-website\">Cours gratuit d&#039;introduction au HTML et CSS SENAC : apprenez \u00e0 cr\u00e9er et personnaliser votre site internet !<\/h2>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>Au d\u00e9part, il n&#039;y a aucun pr\u00e9requis pour acc\u00e9der au cours, il est seulement recommand\u00e9 que l&#039;\u00e9l\u00e8ve ait termin\u00e9 l&#039;\u00e9cole primaire.<\/p>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>En d\u2019autres termes, vous n\u2019avez pas besoin d\u2019avoir une exp\u00e9rience dans le domaine pour profiter du contenu. De plus, en suivant le cours gratuit d&#039;introduction au HTML et CSS du SENAC, vous garantissez plus d&#039;opportunit\u00e9s sur le march\u00e9 du travail. <\/p>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>En plus des fondamentaux de base sur le sujet, vous comprendrez mieux comment utiliser les outils HTML et CSS. En effet, tout le contenu est disponible sur le site du SENAC avec des cours vid\u00e9o exclusifs et du mat\u00e9riel p\u00e9dagogique de qualit\u00e9. <\/p>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>De cette fa\u00e7on, les \u00e9tudiants peuvent acc\u00e9der et apprendre \u00e0 leur rythme, sans avoir \u00e0 quitter leur domicile ! Alors ne manquez pas cette opportunit\u00e9 ! Continuez \u00e0 lire et voyez comment vous inscrire.<\/p>\n<\/div><!--advertisement--><div class=\"mx-5 sm:mx-0 sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-900 text-left\">\n<h2 id=\"h-passo-a-passo-para-fazer-o-curso-gratuito-de-introducao-a-html-e-css-senac\">\u00c9tape par \u00e9tape pour suivre le cours gratuit Introduction au HTML et CSS SENAC<\/h2>\n<\/div><!--image--><div class=\"px-5 sm:px-0 w-full sm:w-[800px] sm:ml-[50%] sm:-translate-x-2\/4 rounded-lg overflow-hidden mb-5 text-center\">\n<figure class=\"wp-block-uploadcare-image\"><img loading=\"lazy\" alt=\"Veja o passo a passo para se inscrever! Fonte: SENAC.\"  id=\"10126\" src=\"https:\/\/cdn.adtechpanda.com\/5e2024e1-ff59-4495-8aad-b1a01fae4165\/\" class=\"w-full object-cover object-center border mx-auto uploadcare-image\"\/><figcaption class=\"mt-5 text-xs text-center border-b pb-4\" >Consultez le guide \u00e9tape par \u00e9tape pour vous inscrire\u00a0! Source : SENAC.<\/figcaption><\/figure>\n<\/div><!--image--><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>Le SENAC est l&#039;un des principaux \u00e9tablissements d&#039;enseignement au Br\u00e9sil ! Suivre le cours gratuit Introduction au HTML et CSS, c&#039;est donc investir dans votre avenir professionnel ! <\/p>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>Alors, vous voulez savoir comment vous inscrire et participer \u00e0 ce cours en ligne ? D\u00e9couvrez ci-dessous un guide simple \u00e9tape par \u00e9tape et inscrivez-vous\u00a0!<\/p>\n<\/div><!--advertisement--><div class=\"mx-5 sm:mx-0 sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-900 text-left\">\n<h3 id=\"h-acesse-o-site\">Acc\u00e9der au site Internet<\/h3>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>Tout d\u2019abord, vous devrez acc\u00e9der au site officiel du SENAC et choisir votre r\u00e9gion et votre ville. Puis, dans le menu principal de la page, s\u00e9lectionnez l\u2019onglet \u00ab SENAC \u00bb puis \u00ab Initiatives Covid-19 \u00bb. <\/p>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>Une fois la page charg\u00e9e, s\u00e9lectionnez l\u2019onglet \u00ab Cours gratuits \u00bb dans le menu principal du site.<\/p>\n<\/div><!--advertisement--><div class=\"mx-5 sm:mx-0 sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-900 text-left\">\n<h3 id=\"h-escolha-o-curso\">Choisissez le cours<\/h3>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>D\u00e9sormais, pour suivre le cours gratuit SENAC Introduction au HTML et CSS, vous devez le trouver dans la liste des cours gratuits disponibles. <\/p>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>Il convient de rappeler que tout le contenu que vous trouvez sur cette page du SENAC est destin\u00e9 \u00e0 l&#039;enseignement \u00e0 distance. En d\u2019autres termes, choisissez simplement ce qui vous int\u00e9resse le plus pour vous inscrire.<\/p>\n<\/div><!--advertisement--><div class=\"mx-5 sm:mx-0 sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-900 text-left\">\n<h3 id=\"h-inscricao\">Inscription<\/h3>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>Une fois que vous avez trouv\u00e9 le cours Introduction au HTML et CSS, cliquez sur le bouton \u00ab Je souhaite suivre ce cours \u00bb pour ouvrir le contenu. Comme il s&#039;agit d&#039;un cours gratuit, vous aurez d\u00e9j\u00e0 acc\u00e8s aux cours vid\u00e9o et pourrez commencer \u00e0 regarder et \u00e0 apprendre comme vous le souhaitez ! <\/p>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>Pr\u00eat! Avez-vous vu \u00e0 quel point il est simple de suivre le cours gratuit d&#039;introduction au HTML et CSS du SENAC\u00a0?<\/p>\n<\/div><!--advertisement--><div class=\"mx-5 sm:mx-0 sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-900 text-left\">\n<h2 id=\"h-conheca-outros-cursos-online-curso-online-de-fotografia-para-iniciantes-gratis-cursos-edu\">D\u00e9couvrez d&#039;autres cours en ligne : Cours de photographie en ligne gratuit pour d\u00e9butants Cours Edu<\/h2>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>Alors, vous aimez les cours \u00e0 distance et souhaitez acqu\u00e9rir de nouvelles comp\u00e9tences qui peuvent vous rapporter de l\u2019argent ? Parce que vous devez conna\u00eetre le cours de photographie pour d\u00e9butants de Cursos Edu ! <\/p>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>Sans avoir besoin d&#039;une quelconque exp\u00e9rience ou connaissance dans le domaine, vous apprendrez les bases de ce m\u00e9tier ! De cette fa\u00e7on, vous pouvez ajouter plus de connaissances \u00e0 votre profil professionnel, en plus de gagner de l&#039;argent avec des photos. <\/p>\n<\/div><div class=\"mx-5 sm:mx-0 prose leading-relaxed text-lg mb-5 text-left\">\n<p>Alors, vous souhaitez en savoir plus sur le cours et comprendre le fonctionnement de la plateforme Cursos Edu ? Acc\u00e9dez simplement \u00e0 notre contenu ci-dessous pour v\u00e9rifier tous les d\u00e9tails\u00a0!<\/p>\n<\/div><div class=\"wp-block-lazyblock-cta lazyblock-cta-jQDLg\">\n  <section class=\"cta mx-5 sm:mx-0 text-gray-600 body-font my-10 border-gray-200 border-b border-l border-r sm:border-0\">\n    <div class=\"h-1 bg-gray-200 rounded overflow-hidden\">\n      <div class=\"w-24 h-full\"><\/div>\n    <\/div>\n    <div class=\"container px-5 pt-6 pb-6 mx-auto flex flex-wrap\" data-anchor-target=\"lazyBlock\">    \n    \n              <a class=\"flex flex-wrap content-center w-full mb-4 md:hidden\" href=\"https:\/\/senhorgato.com\/fr\/conheca-curso-fotografia-cursos-edu\/\"  data-analytics-label=\"ctaImage\" data-action=\"analytics#trackCTA\" aria-label=\"Cours de photographie en ligne gratuit pour d\u00e9butants \">\n          <div class=\"m-auto float-none\">\n            <img loading=\"lazy\" src=\"https:\/\/cdn.adtechpanda.com\/b9ddf009-8e81-4a88-a1fa-58d2db2ba366\/\" alt=\"Logo Cursos Edu\">\n          <\/div>\n        <\/a>\n            <h2 class=\"w-full sm:text-3xl text-2xl text-gray-900 font-medium title-font mb-2 text-center md:text-left md:w-2\/5\">\n        <a href=\"https:\/\/senhorgato.com\/fr\/conheca-curso-fotografia-cursos-edu\/\" data-analytics-label=\"ctaTitle\" data-action=\"analytics#trackCTA\" aria-label=\"Cours de photographie en ligne gratuit pour d\u00e9butants \">\n            Cours de photographie en ligne gratuit pour d\u00e9butants         <\/a>\n      <\/h2>\n      <div class=\"w-full md:w-3\/5 md:pl-6\">\n        <p class=\"text-center md:text-left leading-relaxed text-base\">\n            La plateforme Cursos Edu vous connecte \u00e0 d&#039;autres institutions qui proposent des cours en ligne gratuits. V\u00e9rifier!        <\/p>\n        <div class=\"flex mt-6 w-full flex-1 justify-center ml-auto md:mt-4 md:justify-start\" style=\"font-weight: bold;\">\n          <a class=\"inline-flex items-center\" href=\"https:\/\/senhorgato.com\/fr\/conheca-curso-fotografia-cursos-edu\/\"  data-analytics-label=\"ctaButton\" data-action=\"analytics#trackCTA\" >\n            Keep Reading            <svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"w-4 h-4 ml-2\" viewbox=\"0 0 24 24\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n            <\/svg>\n          <\/a>\n        <\/div>\n      <\/div>  \n          \n    <\/div>\n      <script type=\"module\"> function waitFor(conditionFunction) { const poll = resolve => { if(conditionFunction()) resolve(); else setTimeout(_ => poll(resolve), 400); }; return new Promise(poll); } import { Application, Controller } from \"\/wp-content\/themes\/twentytwentyone\/assets\/js\/stimulus.min.js\"; let Stimulus = Application.start(); Stimulus.register(\"anchor\", class extends Controller { static get targets() { return [ \"lazyBlock\", \"lazyBlockAnchor\" ]; } initialize() { this.active = false; this.passed = false; this.closed = false; this.anchorViews = 0; this.boundOnShowAnchor = this.onShowAnchor.bind(this); window.anchorReady = window.anchorReady || false; waitFor(_ => (window.scrollY > this.getHeightBlock() && !this.active)) .then(_ => { !window.anchorReady? this.visible() : ''; window.anchorReady = true; }); if (document.getElementById('landing')) { setTimeout(() => { !window.anchorReady ? this.visible() : ''; window.anchorReady = true; }, 1 * 30000); }; } connect() { this.onShowAnchor(); document.addEventListener(\"scroll\", this.boundOnShowAnchor); } disconnect() { document.removeEventListener(\"scroll\", this.boundOnShowAnchor); } visible() { if (document.getElementById('av-offerwall__wrapper')) { setTimeout(() => this.visible(), 20000); return; } if (document.getElementById('av-fixed__bottomWrapper') && document.getElementById('av-fixed__bottomWrapper').style.display !== 'none') { this.getAnchorElement().style.marginBottom = '60px'; } if (!window.km2AnchorReady) { this.active = true; \/*this.getAnchorElement().style.animation = \"none\"; this.getAnchorElement().classList.remove('animate-show-down');*\/ \/*this.getAnchorElement().classList.add('animate-show-up');*\/ \/*setTimeout(() => {*\/ \/*this.getAnchorElement().style.animation = \"\";*\/ this.getAnchorElement().classList.add('animate-show-up'); this.getAnchorElement().classList.remove('hidden'); this.setAnchorViews(this.anchorViews+1); setTimeout(() => this.closeAnchor(), 20000); this.active = false; \/*}, 10);*\/ } } invisible() { this.active = true; this.getAnchorElement().style.animation = \"none\"; this.getAnchorElement().classList.remove('animate-show-up'); this.getAnchorElement().classList.add('animate-show-down'); setTimeout(() => { this.getAnchorElement().style.animation = \"\"; setTimeout(() => { this.getAnchorElement().classList.add('hidden'); this.active = false; }, 800); }, 10); } onShowAnchor() { let anchorReady = false;  \/*if (!this.active && !anchorReady) { if (this.getAnchorViews() <= 3) { if (window.scrollY > this.getHeightBlock()) { if (!this.passed && !this.closed) { this.visible(); this.passed = true; } } else { if (this.passed) { this.invisible(); this.passed = false; } } } else { if (!this.getAnchorElement().classList.contains('close')) { this.getAnchorElement().classList.add('close'); if (window.scrollY < this.getHeightBlock()) { this.invisible(); } } } }*\/ } closeAnchor() { this.invisible(); this.getAnchorElement().classList.add('close'); this.closed = true; } getAnchorElement() { return this.lazyBlockAnchorTargets[0]; } getAnchorViews() { this.anchorViews = parseInt(sessionStorage.getItem(\"anchorViews\")) >= 1 ? parseInt(sessionStorage.getItem(\"anchorViews\")) : 0; return this.anchorViews; } setAnchorViews(views) { sessionStorage.setItem(\"anchorViews\", views); } getHeightBlock() { return this.lazyBlockTarget.offsetTop + this.lazyBlockTarget.offsetHeight - 110; } }) <\/script>  <div data-anchor-target=\"lazyBlockAnchor\" class=\"fixed w-full sm:w-96 px-3 py-2 bottom-0 left-0 hidden\" style=\"z-index: 999999;\" name=\"lazyBlockAnchor\">\n    <div class=\"grid justify-items-stretch\">        \n              <div class=\"relative justify-self-end top-4 -right-2\">\n          <button class=\"bg-white text-md font-medium text-center rounded-full h-7 w-7 border-2\" data-analytics-label=\"anchorCloseAnchor\" data-action=\"anchor#closeAnchor\" style=\"z-index: 999999;\">\n            X\n          <\/button>\n        <\/div>\n        <div class=\"justify-self-auto flex flex-col h-32 bg-white border-solid border-2 shadow-md rounded-md\">\n          <div class=\"flex my-0 h-full\">\n            <div class=\"w-2\/5 p-1 ml-2 mt-2 w-full\">\n              <a href=\"https:\/\/senhorgato.com\/fr\/conheca-curso-fotografia-cursos-edu\/\"  data-analytics-label=\"anchorImage\" data-action=\"analytics#trackCTA\">          \n                <img loading=\"lazy\" alt=\"card\" class=\"w-full object-cover h-24 object-center rounded justify-self-auto border-2 border-gray-100\" src=\"https:\/\/cdn.adtechpanda.com\/b9ddf009-8e81-4a88-a1fa-58d2db2ba366\/\">          \n              <\/a>\n            <\/div>\n            <div class=\"w-3\/5 my-2\">\n              <p class=\"px-4 text-center text-xs h-1\/2\">\n                Cours de photographie en ligne gratuit pour d\u00e9butants              <\/p>\n              <a href=\"https:\/\/senhorgato.com\/fr\/conheca-curso-fotografia-cursos-edu\/\"  data-analytics-label=\"anchorButton\" data-action=\"analytics#trackCTA\" >\n                <button class=\"flex w-5\/6 m-auto mt-2 border-0 py-1 px-3 focus:outline-none rounded\">                \n                  <p class=\"text-center w-full\" style=\"font-size: 0.67rem;\">\n                    Keep Reading                  <\/p>\n                <\/button>\n              <\/a>\n              <p class=\"text-gray-500 text-center mt-1\" style=\"font-size: 0.50rem;\">\n                You will remain in the same website              <\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n          <\/div>\n  <\/div>\n  <\/section>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>SENAC propose plusieurs cours en ligne gratuits qui peuvent vous aider \u00e0 am\u00e9liorer votre CV. D\u00e9couvrez ici comment vous inscrire au cours Introduction au HTML et CSS pour apprendre \u00e0 cr\u00e9er et d\u00e9velopper des sites Web !<\/p>","protected":false},"author":16,"featured_media":10124,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[152,33],"tags":[1203,170,322,1622],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.7 (Yoast SEO v19.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Como fazer curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS SENAC? - Senhor Gato<\/title>\n<meta name=\"description\" content=\"Veja o passo a passo para se matricular e fazer o curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS do SENAC! Ele \u00e9 online, ent\u00e3o aproveite!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/senhorgato.com\/fr\/fazer-curso-introducao-html-css-senac\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como fazer curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS SENAC?\" \/>\n<meta property=\"og:description\" content=\"Veja o passo a passo para se matricular e fazer o curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS do SENAC! Ele \u00e9 online, ent\u00e3o aproveite!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/senhorgato.com\/fr\/fazer-curso-introducao-html-css-senac\/\" \/>\n<meta property=\"og:site_name\" content=\"Senhor Gato\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-12T23:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-12T14:45:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.adtechpanda.com\/ccfb5946-1368-4088-81c3-34d849f111c4\/\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@sam.scorbaioli@gmail.com\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Samantha Scorbaioli\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/senhorgato.com\/#website\",\"url\":\"https:\/\/senhorgato.com\/\",\"name\":\"Senhor Gato\",\"description\":\"Tudo sobre gatos e cachorros\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/senhorgato.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/senhorgato.com\/fazer-curso-introducao-html-css-senac\/#primaryimage\",\"url\":\"https:\/\/cdn.adtechpanda.com\/ccfb5946-1368-4088-81c3-34d849f111c4\/\",\"contentUrl\":\"https:\/\/cdn.adtechpanda.com\/ccfb5946-1368-4088-81c3-34d849f111c4\/\",\"width\":1280,\"height\":720,\"caption\":\"Fonte: SENAC.\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/senhorgato.com\/fazer-curso-introducao-html-css-senac\/#webpage\",\"url\":\"https:\/\/senhorgato.com\/fazer-curso-introducao-html-css-senac\/\",\"name\":\"Como fazer curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS SENAC? - Senhor Gato\",\"isPartOf\":{\"@id\":\"https:\/\/senhorgato.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/senhorgato.com\/fazer-curso-introducao-html-css-senac\/#primaryimage\"},\"datePublished\":\"2022-07-12T23:00:00+00:00\",\"dateModified\":\"2022-07-12T14:45:09+00:00\",\"author\":{\"@id\":\"https:\/\/senhorgato.com\/#\/schema\/person\/d0cd32d04fd2c545e304883204d80b1a\"},\"description\":\"Veja o passo a passo para se matricular e fazer o curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS do SENAC! Ele \u00e9 online, ent\u00e3o aproveite!\",\"breadcrumb\":{\"@id\":\"https:\/\/senhorgato.com\/fazer-curso-introducao-html-css-senac\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/senhorgato.com\/fazer-curso-introducao-html-css-senac\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/senhorgato.com\/fazer-curso-introducao-html-css-senac\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/senhorgato.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Como fazer curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS SENAC?\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/senhorgato.com\/#\/schema\/person\/d0cd32d04fd2c545e304883204d80b1a\",\"name\":\"Samantha Scorbaioli\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/senhorgato.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a087ecec51f980b678c50a15d4c223f2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a087ecec51f980b678c50a15d4c223f2?s=96&d=mm&r=g\",\"caption\":\"Samantha Scorbaioli\"},\"description\":\"Amante da literatura, dos animais e da escrita, sempre em busca do conhecimento e de novos desafios. Acredita que sabedoria ganha \u00e9 sabedoria compartilhada, e que tudo pode ser feito de forma criativa e descomplicada.\",\"sameAs\":[\"https:\/\/twitter.com\/sam.scorbaioli@gmail.com\"],\"url\":\"https:\/\/senhorgato.com\/fr\/author\/sam-scorbaioligmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Como fazer curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS SENAC? - Senhor Gato","description":"Veja o passo a passo para se matricular e fazer o curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS do SENAC! Ele \u00e9 online, ent\u00e3o aproveite!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/senhorgato.com\/fr\/fazer-curso-introducao-html-css-senac\/","og_locale":"fr_FR","og_type":"article","og_title":"Como fazer curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS SENAC?","og_description":"Veja o passo a passo para se matricular e fazer o curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS do SENAC! Ele \u00e9 online, ent\u00e3o aproveite!","og_url":"https:\/\/senhorgato.com\/fr\/fazer-curso-introducao-html-css-senac\/","og_site_name":"Senhor Gato","article_published_time":"2022-07-12T23:00:00+00:00","article_modified_time":"2022-07-12T14:45:09+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/cdn.adtechpanda.com\/ccfb5946-1368-4088-81c3-34d849f111c4\/","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_creator":"@sam.scorbaioli@gmail.com","twitter_misc":{"Written by":"Samantha Scorbaioli","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/senhorgato.com\/#website","url":"https:\/\/senhorgato.com\/","name":"Senhor Gato","description":"Tudo sobre gatos e cachorros","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/senhorgato.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/senhorgato.com\/fazer-curso-introducao-html-css-senac\/#primaryimage","url":"https:\/\/cdn.adtechpanda.com\/ccfb5946-1368-4088-81c3-34d849f111c4\/","contentUrl":"https:\/\/cdn.adtechpanda.com\/ccfb5946-1368-4088-81c3-34d849f111c4\/","width":1280,"height":720,"caption":"Fonte: SENAC."},{"@type":"WebPage","@id":"https:\/\/senhorgato.com\/fazer-curso-introducao-html-css-senac\/#webpage","url":"https:\/\/senhorgato.com\/fazer-curso-introducao-html-css-senac\/","name":"Como fazer curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS SENAC? - Senhor Gato","isPartOf":{"@id":"https:\/\/senhorgato.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/senhorgato.com\/fazer-curso-introducao-html-css-senac\/#primaryimage"},"datePublished":"2022-07-12T23:00:00+00:00","dateModified":"2022-07-12T14:45:09+00:00","author":{"@id":"https:\/\/senhorgato.com\/#\/schema\/person\/d0cd32d04fd2c545e304883204d80b1a"},"description":"Veja o passo a passo para se matricular e fazer o curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS do SENAC! Ele \u00e9 online, ent\u00e3o aproveite!","breadcrumb":{"@id":"https:\/\/senhorgato.com\/fazer-curso-introducao-html-css-senac\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/senhorgato.com\/fazer-curso-introducao-html-css-senac\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/senhorgato.com\/fazer-curso-introducao-html-css-senac\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/senhorgato.com\/"},{"@type":"ListItem","position":2,"name":"Como fazer curso gratuito de Introdu\u00e7\u00e3o a HTML e CSS SENAC?"}]},{"@type":"Person","@id":"https:\/\/senhorgato.com\/#\/schema\/person\/d0cd32d04fd2c545e304883204d80b1a","name":"Samantha Scorbaioli","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/senhorgato.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a087ecec51f980b678c50a15d4c223f2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a087ecec51f980b678c50a15d4c223f2?s=96&d=mm&r=g","caption":"Samantha Scorbaioli"},"description":"Amante da literatura, dos animais e da escrita, sempre em busca do conhecimento e de novos desafios. Acredita que sabedoria ganha \u00e9 sabedoria compartilhada, e que tudo pode ser feito de forma criativa e descomplicada.","sameAs":["https:\/\/twitter.com\/sam.scorbaioli@gmail.com"],"url":"https:\/\/senhorgato.com\/fr\/author\/sam-scorbaioligmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/senhorgato.com\/fr\/wp-json\/wp\/v2\/posts\/10129"}],"collection":[{"href":"https:\/\/senhorgato.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/senhorgato.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/senhorgato.com\/fr\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/senhorgato.com\/fr\/wp-json\/wp\/v2\/comments?post=10129"}],"version-history":[{"count":0,"href":"https:\/\/senhorgato.com\/fr\/wp-json\/wp\/v2\/posts\/10129\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/senhorgato.com\/fr\/wp-json\/wp\/v2\/media\/10124"}],"wp:attachment":[{"href":"https:\/\/senhorgato.com\/fr\/wp-json\/wp\/v2\/media?parent=10129"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/senhorgato.com\/fr\/wp-json\/wp\/v2\/categories?post=10129"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/senhorgato.com\/fr\/wp-json\/wp\/v2\/tags?post=10129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}