Description
Cette formation vous permettra de vous initier aux bases du développement Web.
Aujourd’hui, Internet fait partie intégrante de nos vies et offre de nombreuses opportunités de carrière. En suivant cette formation, vous apprendrez à concevoir des pages Web en utilisant les composantes qui en sont la base même : HTML et CSS.
Ce cours est destiné aux débutants (aucune connaissance en informatique requise). Après avoir fait ce cours, vous pourrez continuer avec la partie 2 Approfondir le développement Web (niveau intermédiaire)
Cette formation donne un avant-goût pour le programme AEC Développement Web.
Objectifs
- Comprendre le fonctionnement d’internet et les bases de la conception graphique
- Comprendre comment une page Web est structurée et le rôle du HTML et du CSS
- Être capable de rédiger et de faire la conception graphique d’une page Web simple
Clientèle cible
Personnes désirant s’initier au développement Web dans le but éventuel de s’orienter vers ce domaine ou d’ajouter cette compétence à leur champs d’expertise (exemple : designer graphique).
Préalables
Aucune connaissance en informatique requise
MATÉRIELS REQUIS
Un ordinateur (Mac ou PC), une connexion internet, une caméra Web et un micro fonctionnel
Notes de cours et volume(s) suggéré(s)
La documentation développeur :
- MDN (Mozilla Developper Network) : https://developer.mozilla.org/en-US/
- W3 Schools : https://www.w3schools.com
- Devdocs : https://devdocs.io
Quand on est bloqué :
Pour tester et pratiquer :
- codepen.io
- freecodecamp.org
- https://www.frontendmentor.io
Contenu
Le fonctionnement d’Internet et introduction au HTML
- L’internet : comment ça marche?
- Installation et configuration des outils de développement
Introduction au HTML
- Introduction au langage HTML
- Anatomie d’une page Web
- Publiez votre première page Web
Les bases de la conception graphique
- Introduction au design graphique (la couleur, la typographie, l’importance de l’UI et de l’UX)
Le langage CSS
- Introduction au CSS
- Utilisez le CSS pour améliorer la qualité graphique de vos pages!
Projet de synthèse
- Réalisation d’une page Web personnelle avec un graphisme attrayant
*L'ordre des sujets abordés pourrait varier
Formateur

Samuel GUSTAVE a étudié en France à l’ESTE (École Supérieure de Technologie Électronique – Ecole d’ingénieur) et a obtenu un baccalauréat en génie électrique. Il est ensuite venu à l’Université de Sherbrooke pour suivre les cours de la maîtrise en génie électrique.
En presque 20 ans d’expérience dans le domaine informatique, il a occupé plusieurs emplois dans la gestion de systèmes informatiques bancaires, la maintenance des systèmes et la programmation. Il a particulièrement développé une expertise dans les IDE Windev/Webdev (www.pcsoft.fr) avec lesquels il a eu l’occasion de concevoir et maintenir des applications Windows et Web dans les secteurs de la santé et de la foresterie.
À travers les années, il a pu intervenir dans des technologies aussi diverses que variées telles que : HTML, CSS, PHP, Javascript, Python, Java, C#, C++, et bien sûr Windev /Webdev.
Il est toujours enthousiaste à l’idée de transmettre sa passion du développement logiciel et d’aider ses étudiants à mettre en pratique leurs acquis par des méthodologies d’apprentissage dynamiques et innovatrices.
Horaire et coûts
(1) Conditions d'admission au financement par Services Québec
La formation doit être en lien avec l’emploi de l’individu et/ou le domaine d’études.
- - - - - - - - - - - - - - - - - - - - -
Clientèles admissibles*
- Travailleur autonome ou en emploi résidant ou travaillant sur le territoire de la région de la Capitale-Nationale, incluant la clientèle qui s’inscrit dans le cadre des formations « en ligne ».
Clientèles inadmissibles
- Personne sans emploi;
- Étudiant à temps plein;
- Travailleur des ministères, organismes et agences du gouvernement du Québec;
- Travailleur des ministères et organismes du gouvernement fédéral;
- Travailleur des établissements de formation des réseaux d’enseignement secondaire, collégial et universitaire;
- Travailleur employé par les municipalités;
- Prestataire de la CNESST et de la SAAQ.
*Pour chaque formation, le nombre maximal de clients provenant d'une même entreprise est limité à 3.
Ceux qui ont consulté cette fiche ont également consulté :
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMTciLCJ0aXRsZSI6Ikdlc3Rpb24gZGUgcHJvamV0IiwiZGVzY3JpcHRpb24iOiJFeHBsb3JleiBsYSBnZXN0aW9uIGRlIHByb2pldCEgMzkgaGV1cmVzIGRlIGZvcm1hdGlvbi4gQ291cnMgZW4gbGlnbmUgXHUwMGUwIHRlbXBzIHBhcnRpZWwuIEF0dGVzdGF0aW9uIFNPRkVEVUMuIEluc2NyaXZlei12b3VzIGVuIGxpZ25lLiBcbiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2dlc3Rpb24tZGUtcHJvamV0cyIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yMzBcL2FseW50aTI5LmJyaW9pbWFnZS5wbmciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL3BuZyIsImltYWdlX3dpZHRoIjoiMTkyMCIsImltYWdlX2hlaWdodCI6IjEwODAifQ==
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMDkiLCJ0aXRsZSI6IkxlcyBcdTAwYzl0YXRzIGZpbmFuY2llcnMgOiBsZXMgY29tcHJlbmRyZSBldCBsZXMgYW5hbHlzZXIiLCJkZXNjcmlwdGlvbiI6IkwnZXNzZW50aWVsIHBvdXIgY29tcHJlbmRyZSBldCBhbmFseXNlciBsZXMgXHUwMGU5dGF0cyBmaW5hbmNpZXJzLiAxMiBoZXVyZXMgZGUgY291cnMgZW4gbGlnbmUuIFRlbXBzIHBhcnRpZWwuIEF0dGVzdGF0aW9uIFNPRkVEVUMuIEluc2NyaXB0aW9ucyBlbiBsaWduZS4gXG4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9sZXMtZXRhdHMtZmluYW5jaWVycy1sZXMtY29tcHJlbmRyZS1ldC1sZXMtYW5hbHlzZXIiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMjMzXC9hdmhod3Q0NzcuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9
eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiI1MTgiLCJ0aXRsZSI6IkRcdTAwZTl2ZWxvcHBlbWVudCBXZWIiLCJkZXNjcmlwdGlvbiI6IkZhaXRlcyBjYXJyaVx1MDBlOHJlIGVuIGRcdTAwZTl2ZWxvcHBlbWVudCB3ZWIhIENvbnN1bHRleiBsYSBmaWNoZSBjb21wbFx1MDBlOHRlIGRlIG5vdHJlIEFFQy4gSW5zY3JpdmV6LXZvdXMgZW4gbGlnbmUhIFx1MDBjYXRlcy12b3VzIGFkbWlzc2libGUgYXUgcHJvZ3JhbW1lPyIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2RldmVsb3BwZW1lbnQtd2ViIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzUxOFwvcGFua2FqLXBhdGVsLTUxNTIxOS11bnNwbGFzaC5qcGciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL2pwZWciLCJpbWFnZV93aWR0aCI6IjYwMDAiLCJpbWFnZV9oZWlnaHQiOiI0MDAwIn0=
eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiI3NDQ2IiwidGl0bGUiOiJHZXN0aW9uIGRlIGwnYXBwcm92aXNpb25uZW1lbnQgKEFFQykiLCJkZXNjcmlwdGlvbiI6IlBsdXNpZXVycyBvcHBvcnR1bml0XHUwMGU5cyBkZSBjYXJyaVx1MDBlOHJlLiBEZXZlbmV6IGV4cGVydCBlbiBnZXN0aW9uIGRlIGwnYXBwcm92aXNpb25uZW1lbnQuIEluc2NyaXZlei12b3VzIGVuIGxpZ25lLiBDb25zdWx0ZXogbGEgZmljaGUgY29tcGxcdTAwZTh0ZSBkdSBjb3Vycy4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9nZXN0aW9uLWRlLWxhcHByb3Zpc2lvbm5lbWVudCIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC83NDQ2XC9BRUNfR2VzdGlvbl9kZV9sYXBwcm92aXNpb25uZW1lbnQuanBnIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9qcGVnIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiI2MiIsInRpdGxlIjoiR2VzdGlvbiBkZXMgc3RvY2tzIDogc3RyYXRcdTAwZTlnaWVzIGV0IG91dGlscyIsImRlc2NyaXB0aW9uIjoiQ29tcHJlbmV6IGV0IGFuYWx5c2V6IGxhIGdlc3Rpb24gZGVzIHN0b2Nrcy4gT3B0aW1pc2V6IHZvcyBzdHJhdFx1MDBlOWdpZXMuIEluc2NyaXB0aW9ucyBldCBjb3VycyBlbiBsaWduZS4gQXVjdW4gcHJcdTAwZTlhbGFibGUgcmVxdWlzLiBDb250YWN0ZXotbm91cy4gQXR0ZXN0YXRpb24gU09GRURVQy5cbiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2dlc3Rpb24tZGVzLXN0b2Nrcy0xLXN0cmF0ZWdpZXMtZXQtb3V0aWxzIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIyMDU1XC9nZ3Bzbnc2MjcuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9
eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyMjEzMSIsInRpdGxlIjoiTWljcm9wcm9ncmFtbWUgQ291cnRhZ2UgaW1tb2JpbGllciBjb21tZXJjaWFsIiwiZGVzY3JpcHRpb24iOiJEXHUwMGU5Y291dnJleiBsZXMgb2JqZWN0aWZzIGRlIG5vdHJlIEFFQy4gU3RyYXRcdTAwZTlnaWVzIGRlIGdlc3Rpb24gYWRhcHRcdTAwZTllcy4gSW5zY3JpcHRpb24gZXQgY291cnMgZW4gbGlnbmUuIENvbnN1bHRleiBsYSBmaWNoZSBkdSBwcm9ncmFtbWUgaWNpLiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJ0YWdlLWltbW9iaWxpZXItY29tbWVyY2lhbC0yIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIyMTMxXC9uYXN0dWgtYWJvb3RhbGViaS0yODQ4ODItdW5zcGxhc2guanBnIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9qcGVnIiwiaW1hZ2Vfd2lkdGgiOiIyMzAxIiwiaW1hZ2VfaGVpZ2h0IjoiMTUzNiJ9
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMjMiLCJ0aXRsZSI6IkJsb2NrY2hhaW4gc2ltcGxpZmlcdTAwZTllIiwiZGVzY3JpcHRpb24iOiJEXHUwMGU5Y291dnJleiBsJ1x1MDBlOWNvc3lzdFx1MDBlOG1lIEJsb2NrY2hhaW4gZXQgc2VzIHBhbnMgc3RyYXRcdTAwZTlnaXF1ZXMuIENvbnRlbnUgdmFyaVx1MDBlOSwgcHJhdGlxdWUgZXQgdGhcdTAwZTlvcmlxdWUuIEF0dGVzdGF0aW9uIFNPRkVEVUMuIEluc2NyaXB0aW9ucyBldCBjb3VycyBlbiBsaWduZS4gMjFoIGRlIGNvdXJzLiBcbiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2ludHJvZHVjdGlvbi1hLWxhLXRlY2hub2xvZ2llLWJsb2NrY2hhaW4iLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMjIxMzhcL2FtYWN2ajk4Ny5icmlvaW1hZ2UucG5nIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9wbmciLCJpbWFnZV93aWR0aCI6IjE5MjAiLCJpbWFnZV9oZWlnaHQiOiIxMDgwIn0=
eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyMjI4NSIsInRpdGxlIjoiU3BcdTAwZTljaWFsaXNhdGlvbiBlbiBjaGFcdTAwZWVuZSBsb2dpc3RpcXVlIGludFx1MDBlOWdyXHUwMGU5ZSAoQUVDKSIsImRlc2NyaXB0aW9uIjoiR1x1MDBlOXJleiBsZXMgY2hhXHUwMGVlbmVzIGxvZ2lzdGlxdWVzIGludFx1MDBlOWdyXHUwMGU5ZXMgZW4gZW50cmVwcmlzZS4gTWVpbGxldXJlcyBwcmF0aXF1ZXMsIHNlbG9uIGxlcyBwbHVzIHJcdTAwZTljZW50ZXMgZm9uY3Rpb25zIGxvZ2lzdGlxdWVzLiBJbnNjcml2ZXotdm91cyBlbiBsaWduZSEiLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9hZWMtc3BlY2lhbGlzYXRpb24tZW4tY2hhaW5lLWxvZ2lzdGlxdWUtaW50ZWdyZWUiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMjIyODVcL0FFQ19TcCVDMyVBOWNpYWxpc2F0aW9uX2VuX2NoYSVDMyVBRW5lX2xvZ2lzdGlxdWVfaW50JUMzJUE5Z3IlQzMlQTllLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMjQiLCJ0aXRsZSI6IkFmdGVyIEVmZmVjdHMgQ0MgLSBMJ2Vzc2VudGllbCBkdSBtb3Rpb24gZGVzaWduIChkXHUwMGU5YnV0YW50KSIsImRlc2NyaXB0aW9uIjoiTCdlc3NlbnRpZWwgZHUgbW90aW9uIGRlc2lnbiBwb3VyIGRcdTAwZTlidXRhbnQuIFBvdXIgZGVzaWduZXJzIGZyb250LWVuZCwgZGVzaWduZXJzIGdyYXBoaXF1ZXMsIGNoZWZzIGRlIHByb2pldCwgZFx1MDBlOXZlbG9wcGV1cnMgLkF0dGVzdGF0aW9uIFNPRkVEVUMuIEluc2NyaXB0aW9ucyBlbiBsaWduZS4gXG4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9wcmVtaWVyZS1wcm8tZXQtYWZ0ZXItZWZmZWN0cy1jYy1sZXNzZW50aWVsLWR1LW1vbnRhZ2UtdmlkZW8tZXQtbW90aW9uLWRlc2lnbi1kZWJ1dGFudCIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yMjMwM1wvYXJkZ2Z5MzcuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMjYiLCJ0aXRsZSI6IkN5YmVyc1x1MDBlOWN1cml0XHUwMGU5IC0gbm90aW9ucyBkZSBjb250cmUtbWVzdXJlcyBldCBzdXJmYWNlIGRcdTIwMTlhdHRhcXVlIiwiZGVzY3JpcHRpb24iOiJQbHVzIHN1ciBsZSBjb25jZXB0IGV0IGxlcyBwcmF0aXF1ZXMgZGUgY3liZXJzXHUwMGU5Y3VyaXRcdTAwZTkgKG1lbmFjZXMsIHByb3RlY3Rpb24sIGV0Yy4pLiA5IGhldXJlcyBkZSBjb3VycyBlbiBsaWduZS4gSW5zY3JpdmV6LXZvdXMgc3VyIG5vdHJlIHNpdGUhIEF0dGVzdGF0aW9uIFNPRkVEVUMuXG4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jeWJlcnNlY3VyaXRlIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIyMzA3XC9hbW9obnIzMDkuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiI5NjAiLCJpbWFnZV9oZWlnaHQiOiI1NDAifQ==