HTML5 et CSS3 - L'essentiel de l'intégration web

INF-104-TP

Info-alerte

Description

La formation vise à enseigner le langage HTML qui permet de baliser les éléments d'un site web et le langage CSS qui permet d'en établir le style graphique. Vous apprendrez les bonnes pratiques, les outils et technologies utilisés dans le domaine ainsi que les concepts et méthodes employés pour réaliser un site web répondant aux normes de responsive web design.

Contenu

Séance 1: Architecture d’un site Web et notions d’HTML
Séance 2: Codification en HTML 5
Séance 3: Introduction à CSS3
Séance 4: Design au moyen de CSS3
Séance 5: Introduction aux méthodes de responsive web design
Séance 6: Intégration d’un site Web avec HTML5 et CSS3
Séance 7: Intégration d’un site Web avec HTML5 et CSS3 (suite)
Séance 8: Intégration d’un site Web avec HTML5 et CSS3 et remise du travail

Clientèle cible

Toutes personnes désirant apprendre à intégrer l'interface visuelle d'un site web.

Formatrice

Kristel Lafond

Compétences visées

Comprendre et élaborer les balises de base d'un site web avec le langage HTML;
Comprendre et élaborer les règles de style d'un site web à l'aide du langage CSS;
Intégrer l'interface visuelle d'un site web grâce à l'interaction entre les langages HTML et CSS;
Comprendre et appliquer les notions liés au design adaptatif et fluide (Responsive web design).
Atteindre les compétences nécessaire pour s'inscrire au cours HTML5 ET CSS3 - PERFECTIONNEMENT POUR INTÉGRATEUR FRONT-END.

Préalable(s)

Des connaissances de base de l’informatique et de l’internet sont nécessaires.

Matériel obligatoire

Aucun

Horaire et coûts

Ce cours est notamment offert dans le cadre de :

4. Perfectionnement lié au thème PROGRAMMATION DÉBUTANT (INF-239-TP)

Ceux qui ont consulté cette fiche ont également consulté :

eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiI1MTgiLCJ0aXRsZSI6IkRcdTAwZTl2ZWxvcHBlbWVudCBXZWIiLCJkZXNjcmlwdGlvbiI6IkxlcyBwYXJ0aWNpcGFudHMgZG9pdmVudFx1MDBhMGZvdXJuaXJcdTAwYTBsZXVyIHBvcnRhYmxlXG5FTiBSQUlTT04gREUgTEEgU0lUVUFUSU9OIEFDVFVFTExFLCBMRVMgQ09VUlMgREUgTEEgUFJFTUlcdTAwYzhSRSBTRVNTSU9OIFBPVVJSQUlFTlQgXHUwMGNhVFJFIERPTk5cdTAwYzlTIEVOIFRPVVQgT1UgRU4gUEFSVElFIFx1MDBjMCBESVNUQU5DRS5cbkFsbGlleiBjclx1MDBlOWF0aXZpdFx1MDBlOSwgZGVzaWduIGV0IHNhdm9pci1mYWlyZSBpbmZvcm1hdGlxdWUgYXZlYyBsJ0FFQyBlbi4uLiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2RldmVsb3BwZW1lbnQtd2ViIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzUxOFwvcGFua2FqLXBhdGVsLTUxNTIxOS11bnNwbGFzaC5qcGciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL2pwZWciLCJpbWFnZV93aWR0aCI6IjYwMDAiLCJpbWFnZV9oZWlnaHQiOiI0MDAwIn0=

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMzUiLCJ0aXRsZSI6IkludHJvZHVjdGlvbiBhdSBkXHUwMGU5dmVsb3BwZW1lbnQgV2ViIiwiZGVzY3JpcHRpb24iOiJMZSBjb3VycyBJbnRyb2R1Y3Rpb24gYXUgZFx1MDBlOXZlbG9wcGVtZW50IFdlYiBzJ2FkcmVzc2UgXHUwMGUwIHVuZSBjbGllbnRcdTAwZThsZSBkXHUwMGU5c2lyYW50IHMnaW5pdGllciBhdSBwcm9jZXNzdXMgZGUgZFx1MDBlOXZlbG9wcGVtZW50IGRlIHNpdGUgV2ViLiBMZXMgc3VqZXRzIHN1aXZhbnRzIHNlcm9udCBhYm9yZFx1MDBlOXMgZGFucyBjZSBjb3VyczpcblxuTGVzIFx1MDBlOXRhcGVzIGRlIGNvbmNlcHRpb24gZXQgclx1MDBlOWFsaXNhdGlvbiBkJ3VuIHNpdGUgV2ViO1xuTGVzLi4uIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvaW50cm9kdWN0aW9uLWF1LWRldmVsb3BwZW1lbnQtd2ViIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIyMTI4XC9hbWFjdmo5ODkuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMTciLCJ0aXRsZSI6Ikdlc3Rpb24gZGUgcHJvamV0IiwiZGVzY3JpcHRpb24iOiJMYSBmb3JtYXRpb25cdTAwYTBHZXN0aW9uIGRlIHByb2pldFx1MDBhMHZpc2UgXHUwMGUwIHByXHUwMGU5cGFyZXIgbGUgcGFydGljaXBhbnQgXHUwMGUwIGdcdTAwZTlyZXIgdW4gcHJvamV0LiBMYSB0aFx1MDBlOW1hdGlxdWUgZHUgY291cnMgc1x1MjAxOW9yaWVudGUgdmVycyBsYSBkXHUwMGU5ZmluaXRpb24sIGxhIHBsYW5pZmljYXRpb24sIGxcdTIwMTlvcmdhbmlzYXRpb24sIGxhIGNvb3JkaW5hdGlvbiwgbGUgY29udHJcdTAwZjRsZSBldCBsZSBzdWl2aSBkdSBwcm9qZXQuIElsIHBlcm1ldCBkZS4uLiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2dlc3Rpb24tZGUtcHJvamV0cyIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yMzBcL2FseW50aTI5LmJyaW9pbWFnZS5wbmciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL3BuZyIsImltYWdlX3dpZHRoIjoiMTkyMCIsImltYWdlX2hlaWdodCI6IjEwODAifQ==

eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyMjI3NSIsInRpdGxlIjoiNC4gUGVyZmVjdGlvbm5lbWVudCBsaVx1MDBlOSBhdSB0aFx1MDBlOG1lIFBST0dSQU1NQVRJT04gRFx1MDBjOUJVVEFOVCIsImRlc2NyaXB0aW9uIjoiVm9pciBzZWxvbiBsZSBjb3VycyBzdWdnXHUwMGU5clx1MDBlOSBkYW5zIGwnb25nbGV0IExpc3RlIGRlIGNvdXJzIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvcGVyZmVjdGlvbm5lbWVudC1saWUtYS1sYS1wcm9ncmFtbWF0aW9uLWRlYnV0YW50IiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9pbWFnZXNcL2Zjc2FlX2RlZmF1bHRfb2dfaW1hZ2VfY291cnMuanBnIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9qcGVnIiwiaW1hZ2Vfd2lkdGgiOiI2MDAiLCJpbWFnZV9oZWlnaHQiOiIzMTUifQ==

eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyMjM1OSIsInRpdGxlIjoiRmlkXHUwMGU5bGlzZXIsIHB1aXMgcmVjcnV0ZXIgZWZmaWNhY2VtZW50IiwiZGVzY3JpcHRpb24iOiJGb3JtYXRpb24gZXQgYWNjb21wYWduZW1lbnQgaW5kaXZpZHVhbGlzXHUwMGU5XG5Db21wcmVuZHJlIGwnaW1wb3J0YW5jZSBkZSBsYSBmaWRcdTAwZTlsaXNhdGlvbiBcdTAwZTAgdHJhdmVycyBsZXMgZGlmZlx1MDBlOXJlbnRlcyBzdHJhdFx1MDBlOWdpZXMgZXQgb3V0aWxzIHJlc3NvdXJjZXMgaHVtYWluZXMsIGNvbXByZW5kcmUgbGUgcHJvY2Vzc3VzIGRlIHJlY3J1dGVtZW50LiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2ZpZGVsaXNlci1wdWlzLXJlY3J1dGVyLWVmZmljYWNlbWVudCIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yMjM1OVwvRmlkJUMzJUE5bGlzZXJfcHVpc19yZWNydXRlci5qcGciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL2pwZWciLCJpbWFnZV93aWR0aCI6IjE5MjAiLCJpbWFnZV9oZWlnaHQiOiIxMDgwIn0=

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxNDAiLCJ0aXRsZSI6IkV4Y2VsIGRcdTAwZTlidXRhbnQiLCJkZXNjcmlwdGlvbiI6IkNlIGNvdXJzIGRcdTIwMTlpbnRyb2R1Y3Rpb24gYXUgbG9naWNpZWwgRXhjZWwgdm91cyBwZXJtZXR0cmEgZGUgdm91cyBmYW1pbGlhcmlzZXIgYXZlYyBsZXMgbm90aW9ucyBkZSBiYXNlIGRcdTIwMTl1biBjaGlmZnJpZXIgXHUwMGU5bGVjdHJvbmlxdWUgZXQgZFx1MjAxOXkgZXhwbG9yZXIgbGVzIHBvc3NpYmlsaXRcdTAwZTlzIHF1XHUyMDE5b2ZmcmUgY2V0IGVudmlyb25uZW1lbnQuXG5TXHUwMGU5YW5jZXMgaW50ZXJhY3RpdmVzIFx1MDBlMCBkaXN0YW5jZSAocGxhdGVmb3JtZS4uLiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NoaWZmcmllci1lbGVjdHJvbmlxdWUtZGVidXRhbnQiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMTczMTRcL2FseWx4bjUyMy5icmlvaW1hZ2UucG5nIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9wbmciLCJpbWFnZV93aWR0aCI6IjE5MjAiLCJpbWFnZV9oZWlnaHQiOiIxMDgwIn0=

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMjciLCJ0aXRsZSI6IkFuaW1lciBsZXMgbVx1MDBlOWRpYXMgc29jaWF1eCIsImRlc2NyaXB0aW9uIjoiTGVzIG1cdTAwZTlkaWFzIHNvY2lhdXggc2UgcG9zaXRpb25uZW50IGRlIGZhXHUwMGU3b24gbWFycXVcdTAwZTllIGRhbnMgdG91dGUgc3RyYXRcdTAwZTlnaWUgZGUgY29tbXVuaWNhdGlvbiBhY3R1ZWxsZS4gVm9pY2kgdW5lIGZvcm1hdGlvbiBxdWkgc2F1cmEgdm91c1x1MDBhMGd1aWRlclx1MDBhMHBhcm1pIGxlcyBlbmpldXgtcGhhcmVzIHBvdXIgdW5lIHV0aWxpc2F0aW9uIHBlcmZvcm1hbnRlIGRlIGNlcyBwbGF0ZWZvcm1lcyBXZWIgZW4gZW50cmVwcmlzZS4uLiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2FsaW1lbnRlci1sZXMtcmVzZWF1eC1zb2NpYXV4IiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIxMzUxXC9hbHlmbXg5NDEuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiI5MyIsInRpdGxlIjoiV29yZFByZXNzIGRcdTAwZTlidXRhbnQgLSBnZXN0aW9uIGRlIGNvbnRlbnUgZCd1biBzaXRlIHdlYiIsImRlc2NyaXB0aW9uIjoiQ2UgY291cnMgZFx1MjAxOWluaXRpYXRpb24gcGVybWV0IGF1eCBwYXJ0aWNpcGFudHMgZGUgc1x1MjAxOWFwcHJvcHJpZXIgbGVzIGJhc2VzIGR1IGdlc3Rpb25uYWlyZSBkZSBjb250ZW51cyBXZWIgbGUgcGx1cyB1dGlsaXNcdTAwZTkgZGFucyBsZSBtb25kZSA6IFdvcmRQcmVzcy4gQXBwcmVuZXogXHUwMGUwIGluc3RhbGxlciwgY29uZmlndXJlciBldCBtZXR0cmUgZW4gbGlnbmUgZGVzIGNvbnRlbnVzLCBnXHUwMGU5cmVyIGxhIG5hdmlnYXRpb24sIGluc3RhbGxlciBldC4uLiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL3dvcmRwcmVzcy1kZWJ1dGFudCIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yMTM0OFwvYXN5Y2F4MTUyLmJyaW9pbWFnZS5wbmciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL3BuZyIsImltYWdlX3dpZHRoIjoiMTkyMCIsImltYWdlX2hlaWdodCI6IjEwODAifQ==

eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyMjA2NSIsInRpdGxlIjoiSFRNTDUgZXQgQ1NTMyAtIHBlcmZlY3Rpb25uZW1lbnQgcG91ciBpbnRcdTAwZTlncmF0ZXVyIGZyb250LWVuZCIsImRlc2NyaXB0aW9uIjoiXHUwMGEwTGVzIHBhcnRpY2lwYW50cyBkb2l2ZW50IGZvdXJuaXIgbGV1ciBwb3J0YWJsZS5cblx1MDBhMFxuQ2UgY291cnNcdTAwYTBzJ2FkcmVzc2UgXHUwMGUwIHVuZSBjbGllbnRcdTAwZThsZSBxdWkgZFx1MDBlOXNpciBwZXJmZWN0aW9ubmVyIHNlcyBjb25uYWlzc2FuY2VzIGRlcyBsYW5nYWdlcyBIVE1MIGV0IENTUywgdXRpbGlzXHUwMGU5cyBkYW5zIGwnaW50XHUwMGU5Z3JhdGlvbiBkJ2ludGVyZmFjZXMgdmlzdWVsbGVzIGRlIHNpdGUgV2ViLlxuUFJcdTAwYzlBTEFCTEVTOlx1MDBhMFxuSFRNTDUgRVQgQ1NTMy4uLiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2h0bWwtZXQtY3NzLTIiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2ltYWdlc1wvZmNzYWVfZGVmYXVsdF9vZ19pbWFnZV9jb3Vycy5qcGciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL2pwZWciLCJpbWFnZV93aWR0aCI6IjYwMCIsImltYWdlX2hlaWdodCI6IjMxNSJ9

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMjEiLCJ0aXRsZSI6IlJcdTAwZTlkYWN0aW9uIFdlYiIsImRlc2NyaXB0aW9uIjoiQ2V0IGF0ZWxpZXIgcGVybWV0IGRlIGRcdTAwZTl2ZWxvcHBlciBkZXMgY29tcFx1MDBlOXRlbmNlcyBzcFx1MDBlOWNpZmlxdWVzIGxpXHUwMGU5ZXMgXHUwMGUwIGxcdTIwMTlhbmFseXNlIGV0IFx1MDBlMCBsYSByXHUwMGU5ZGFjdGlvbiBkZSB0ZXh0ZXMgZGVzdGluXHUwMGU5cyBhdSBXZWIuIFx1MDBjMCBsXHUyMDE5YWlkZSBkXHUyMDE5ZXhlcmNpY2VzIHByYXRpcXVlcywgbFx1MjAxOWFwcHJlbmFudCBzZXJhIGFtZW5cdTAwZTkgXHUwMGUwIGV4cFx1MDBlOXJpbWVudGVyIGRlcyB0ZWNobmlxdWVzIGx1aSBwZXJtZXR0YW50IGRlLi4uIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvYXRlbGllci1kZS1yZWRhY3Rpb24td2ViIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIyMDIzXC9hbWFxaXI3MzcuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9

Info alerte

J'aimerais recevoir un avis par courriel lors de la prochaine période d'inscription pour HTML5 et CSS3 - L'essentiel de l'intégration web (INF-104-TP)

Cours à temps partiel
Certification : SOFEDUC. Attestation de réussite avec émission de 2.4 UEC ?
Durée: 24 heures
Emplacement: En classe
Coût : 396 $ ^{+ tx}
Tarif réduit financé par Services Québec: 37 $ ^{+ tx}
Début de la prochaine cohorte : À venir.
Horaire: De soir