Description
La formation vise à enseigner le langage HTML qui permet de baliser les éléments d'un site web et le langage CSS, qui permettent 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
Objectifs
- 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
Clientèle cible
Toutes personnes désirant apprendre à intégrer l'interface visuelle d'un site Web
Préalables
Des connaissances de base de l’informatique et de l’Internet sont nécessaires :
- Être en mesure d’utiliser les fonctionnalités de base d’un système d’exploitation (fonctions courantes);
- Être familier avec les logiciels de base (Suite Office, Word, Excel, etc.);
- Être capable de naviguer sur Internet, faire une recherche, naviguer sur les réseaux sociaux.
Matériels requis
Un ordinateur (Mac ou PC), une connexion internet, une caméra Web et un micro fonctionnel
Contenu
Architecture d’un site Web et notions d’HTML
Codification en HTML 5
Introduction à CSS3
Design au moyen de CSS3
Introduction aux méthodes de responsive web design
Intégration d’un site Web avec HTML5 et CSS3
Intégration d’un site Web avec HTML5 et CSS3 (suite)
Intégration d’un site Web avec HTML5 et CSS3 et remise du travail
*L'ordre des sujets abordés pourrait varier
FORMATRICE
Kristel Lafond
Développeur Front-End
Horaire et coûts
Ceux qui ont consulté cette fiche ont également consulté :
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMTciLCJ0aXRsZSI6Ikdlc3Rpb24gZGUgcHJvamV0IiwiZGVzY3JpcHRpb24iOiJFeHBsb3JleiBsYSBnZXN0aW9uIGRlIHByb2pldCEgMzkgaGV1cmVzIGRlIGZvcm1hdGlvbi4gQ291cnMgZW4gbGlnbmUgXHUwMGUwIHRlbXBzIHBhcnRpZWwuIEF0dGVzdGF0aW9uIFNPRkVEVUMuIEluc2NyaXZlei12b3VzIGVuIGxpZ25lLiBcbiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2dlc3Rpb24tZGUtcHJvamV0cyIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yMzBcL2d2aGtoaTc5OS5icmlvaW1hZ2UuanBlZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvanBlZyIsImltYWdlX3dpZHRoIjoiOTYwIiwiaW1hZ2VfaGVpZ2h0IjoiNTQwIn0=
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMDkiLCJ0aXRsZSI6IkxlcyBcdTAwYzl0YXRzIGZpbmFuY2llcnMgOiBsZXMgY29tcHJlbmRyZSBldCBsZXMgYW5hbHlzZXIiLCJkZXNjcmlwdGlvbiI6IkwnZXNzZW50aWVsIHBvdXIgY29tcHJlbmRyZSBldCBhbmFseXNlciBsZXMgXHUwMGU5dGF0cyBmaW5hbmNpZXJzLiAxMiBoZXVyZXMgZGUgY291cnMgZW4gbGlnbmUuIFRlbXBzIHBhcnRpZWwuIEF0dGVzdGF0aW9uIFNPRkVEVUMuIEluc2NyaXB0aW9ucyBlbiBsaWduZS4gXG4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9sZXMtZXRhdHMtZmluYW5jaWVycy1sZXMtY29tcHJlbmRyZS1ldC1sZXMtYW5hbHlzZXIiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMjMzXC9hdmhod3Q0NzcuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMTQiLCJ0aXRsZSI6IkxlIGN5Y2xlIGNvbXB0YWJsZSBpbmZvcm1hdGlzXHUwMGU5IChTYWdlIDUwKSIsImRlc2NyaXB0aW9uIjoiSW5zY3JpcHRpb25zIGVuIGxpZ25lLiBPcHRpbWlzZXogdm9zIG9wXHUwMGU5cmF0aW9ucyBkdSBjeWNsZSBjb21wdGFibGUgaW5mb3JtYXRpc1x1MDBlOSBwb3VyIFNhZ2UgNTAhIDI0IGhldXJlcyBkZSBjb3VycyBcdTAwZTAgdGVtcHMgcGFydGllbCwgZW4gbGlnbmUuIEF0dGVzdGF0aW9uIFNPRkVEVUMuXG4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9sZS1jeWNsZS1jb21wdGFibGUtaW5mb3JtYXRpc2UtYWNvbWJhLWV0LXNhZ2UtNTAiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMjM5XC9hdGp5bmo0NDEuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9
eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyNTgiLCJ0aXRsZSI6IkNvbXB0YWJpbGl0XHUwMGU5IGV0IGdlc3Rpb24iLCJkZXNjcmlwdGlvbiI6IkRldmVuZXogYXNzaXN0YW50IGNvbXB0YWJsZVwvdGVjaG5pY2llbiBlbiBjb21wdGFiaWxpdFx1MDBlOSBldCBwbHVzIGVuY29yZS4gRFx1MDBlOWNvdXZyZXogbm90cmUgQUVDIGVuIGNvbXB0YWJpbGl0XHUwMGU5IGV0IGdlc3Rpb24uIEluc2NyaXB0aW9ucyBlbiBsaWduZSEiLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb21wdGFiaWxpdGUtZXQtZ2VzdGlvbiIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yNThcL0FFQ19Db21wdGFiaWxpdCVDMyVBOV9ldF9nZXN0aW9uLmpwZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvanBlZyIsImltYWdlX3dpZHRoIjoiMTkyMCIsImltYWdlX2hlaWdodCI6IjEwODAifQ==
eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiI3NDQ2IiwidGl0bGUiOiJHZXN0aW9uIGRlIGwnYXBwcm92aXNpb25uZW1lbnQgKEFFQykiLCJkZXNjcmlwdGlvbiI6IlBsdXNpZXVycyBvcHBvcnR1bml0XHUwMGU5cyBkZSBjYXJyaVx1MDBlOHJlLiBEZXZlbmV6IGV4cGVydCBlbiBnZXN0aW9uIGRlIGwnYXBwcm92aXNpb25uZW1lbnQuIEluc2NyaXZlei12b3VzIGVuIGxpZ25lLiBDb25zdWx0ZXogbGEgZmljaGUgY29tcGxcdTAwZTh0ZSBkdSBjb3Vycy4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9nZXN0aW9uLWRlLWxhcHByb3Zpc2lvbm5lbWVudCIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC83NDQ2XC9BRUNfR2VzdGlvbl9kZV9sYXBwcm92aXNpb25uZW1lbnQuanBnIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9qcGVnIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9
eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyMTg0MyIsInRpdGxlIjoiVGVjaG5pcXVlcyBlbiBnZXN0aW9uIGRlIGxcdTIwMTloYWJpdGF0aW9uIHBvdXIgbGVzIFByZW1pXHUwMGU4cmVzIE5hdGlvbnMgYXUgUXVcdTAwZTliZWMiLCJkZXNjcmlwdGlvbiI6IkxlIHByb2dyYW1tZSBwZXJtZXQgZFx1MjAxOWFjcXVcdTAwZTlyaXIgZGVzIGNvbXBcdTAwZTl0ZW5jZXMgZXNzZW50aWVsbGVzIHBvdXIgZ1x1MDBlOXJlciBsZXMgcHJvamV0cywgbGVzIGFjdGl2aXRcdTAwZTlzIGV0IGxlcyBwcm9ncmFtbWVzIGRlIGxvZ2VtZW50IHN1ciBsZXMgY29tbXVuYXV0XHUwMGU5cyBhdXRvY2h0b25lcy5cbklsIHBlcm1ldCBcdTAwZTlnYWxlbWVudCBkZSBkXHUwMGU5dmVsb3BwZXIgZGVzIGhhYmlsZXRcdTAwZTlzIHByb2Zlc3Npb25uZWxsZXMgYWRhcHRcdTAwZTllcyBhdXguLi4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC90ZWNobmlxdWVzLWVuLWdlc3Rpb24tZGUtbGhhYml0YXRpb24tcG91ci1sZXMtcHJlbWllcmVzLW5hdGlvbnMtZHUtcXVlYmVjIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIxODQzXC9UZWNobmlxdWVzX2VuX2dlc3Rpb25fZGVfbGhhYml0YXRpb25fcG91cl9sZXNfUHJlbWklQzMlQThyZXNfTmF0aW9uc19hdV9RdSVDMyVBOWJlYy5wbmciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL3BuZyIsImltYWdlX3dpZHRoIjoiMTkyMCIsImltYWdlX2hlaWdodCI6IjEwODAifQ==
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxODciLCJ0aXRsZSI6Ikdlc3Rpb24gZGVzIHN0b2NrcyAoQUVDKSIsImRlc2NyaXB0aW9uIjoiVW5lIGNhcnJpXHUwMGU4cmUgdm91cyBhdHRlbmQgZW4gZ2VzdGlvbiBkZXMgc3RvY2tzISBJbnNjcmlwdGlvbnMgZXQgY291cnMgZW4gbGlnbmUuIERpdmVyc2VzIG9wcG9ydHVuaXRcdTAwZTlzIGQnZW1wbG9pLiBGb3JtdWxlIGRlIGNvdXJzIGh5YnJpZGUuIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvZ2VzdGlvbi1kZXMtc3RvY2tzIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIxOTcxXC9jZ3FucWg5NDIuYnJpb2ltYWdlLmpwZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvanBlZyIsImltYWdlX3dpZHRoIjoiMTkyMCIsImltYWdlX2hlaWdodCI6IjEwODAifQ==
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiI5MiIsInRpdGxlIjoiR2VzdGlvbiBkZSBwcm9qZXQgVEkgQWdpbGUiLCJkZXNjcmlwdGlvbiI6IkFwcGxpcXVleiBsZXMgbVx1MDBlOXRob2RlcyBkZSBnZXN0aW9uIEFnaWxlXC9mcmFtZXdvcmsgU2NydW0uIENvdXJzIGV0IGluc2NyaXB0aW9ucyBlbiBsaWduZS4gQXVjdW4gcHJcdTAwZTlhbGFibGUuIERcdTAwZTljb3V2cmV6IGxhIGZpY2hlIGNvbXBsXHUwMGU4dGUgZHUgY291cnMhIEF0dGVzdGF0aW9uIFNPRkVEVUMuXG4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9nZXN0aW9uLWRlLXByb2pldC10aS1hcHByb2NoZS1hZ2lsZS1tZXRob2RlLXNjcnVtIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIyMDYzXC9hbHp5eHI4OS5icmlvaW1hZ2UucG5nIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9wbmciLCJpbWFnZV93aWR0aCI6IjE5MjAiLCJpbWFnZV9oZWlnaHQiOiIxMDgwIn0=
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMzQiLCJ0aXRsZSI6IkxlcyBlc3NlbnRpZWxzIGR1IExlYW4gTWFuYWdlbWVudCBhcHBsaXF1XHUwMGU5cyBhdXggUE1FIiwiZGVzY3JpcHRpb24iOiJGYW1pbGlhcmlzZXotdm91cyBhdmVjIGxlIExFQU4gbWFuYWdlbWVudC4gVGVjaG5pcXVlcyBkZSBnZXN0aW9uIGVmZmljYWNlcy4gQXR0ZXN0YXRpb24gU09GRURVQy4gSW5zY3JpcHRpb24gZXQgY291cnMgKDIxaCkgZW4gbGlnbmUuIENvbnN1bHRleiBsYSBmaWNoZSBkdSBjb3VycyBpY2kuIFxuIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvbGVhbi1tYW5hZ2VtZW50IiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIyMjg2XC9hbWFoZXQ0MzAuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIzMjkiLCJ0aXRsZSI6IlN0cmF0XHUwMGU5Z2llIG51bVx1MDBlOXJpcXVlOiByYXlvbm5lciBzdXIgbGUgV2ViIGV0IGxlcyByXHUwMGU5c2VhdXggc29jaWF1eCIsImRlc2NyaXB0aW9uIjoiIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvc3RyYXRlZ2llLW51bWVyaXF1ZS1yYXlvbm5lci1zdXItbGUtd2ViLWV0LWxlcy1yZXNlYXV4LXNvY2lhdXgiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMjI0NDdcL2ZvZ25iaTQ1My5icmlvaW1hZ2UucG5nIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9wbmciLCJpbWFnZV93aWR0aCI6Ijk2MCIsImltYWdlX2hlaWdodCI6IjY2NSJ9
Certification : SOFEDUC. Attestation de réussite avec émission de 2.4 UEC ?
