Atelier Webdesign

Comprendre les contraintes graphiques d’un site Internet en proposant une initiation au développement HTML/CSS/Javascript.

Comprendre les principes du développement informatique permet de prendre conscience des possibilités immenses du codage et de ce que nous laissons entre les mains de ceux qui le maîtrisent. 


Cet atelier se base sur la participation et la motivation de chacun. Les participant.s.es sont invité.e.s à en co-produire le contenu. Ils.elles acquièrent ainsi les notions qui répondent à leurs questionnements sur leurs projets et leurs pratiques.


Cet atelier n’est pas une formation. Il s’agit, en contournant le rapport sachant / apprenants, encadrés par un animateur expérimenté, de chercher ensemble,


Il est animé bénévolement par Jérôme Sullerot, développeur web et membre d’Un lieu pour respirer, et tous les bénéfices sont affectés au soutien du lieu et à son fonctionnement. 

Philosophie

Cet atelier se base sur la participation et la motivation de chacun. Les participant.s.es sont invité.e.s à en co-produire le contenu. Ils.elles acquièrent ainsi les notions qui répondent à leurs questionnements sur leurs projets et leurs pratiques.


Cet atelier n’est pas une formation. Il s’agit, en contournant le rapport sachant / apprenants, encadré par un animateur expérimenté, de chercher ensemble,


Il est animé bénévolement par Jérôme Sullerot, graphiste et développeur web, membre d’Un lieu pour respirer.

Tous les bénéfices sont affectés au soutien du lieu et à son fonctionnement. 

Objectifs 

Comprendre les contraintes techniques du webdesign, et concevoir graphiquement un site web :

  • Connaître les principes fondamentaux de la programmation d’un site Internet
  • Être capable de concevoir graphiquement un site qui prend en compte les contraintes techniques liées au HTML et celles liées au multi-écran. 
  • Pouvoir collaborer avec des développeurs 
  • Acquérir plus d’autonomie technique

Le public

5 à 10 participants.

L’atelier s’adresse aux créateurs visuels souhaitant se familiariser avec les contraintes des sites web pour utiliser internet dans leur pratique ou simplement développer des outils pour présenter leurs projets.

Le matériel

Pour cet atelier, un ordinateur est nécessaire, disposant de Google Chrome ou Firefox et d’un logiciel de FTP (Filezilla ou équivalent), ainsi qu’un smartphone.

Si vous ne pouvez pas venir avec votre propre matériel, veuillez prendre contact avec nous contact@un-lieu-pour-respirer.net.

L’animateur

Jérôme Sullerot est développeur web depuis plus de 22 ans. Après une formation en graphisme (ESAG) et de cinéma, il devient développeur, spécialisé en flash/actionscript, puis HTML, CSS, javascript et PHP.

En 2000, il fonde la web-agency lomitko, qui participe à l’émergence d’Internet au début des années 2000 en créant des sites expérimentaux ou des web-documentaires pour de grands groupes internationaux, des lieux culturels et des artistes. Il collabore entre autres avec Kenzo, Azzaro, Thierry Mugler, Dargaud, Renault, Toyota, Cartier, Le batofar, Le Grands Palais, Festival Tokyozone… 

Il est intervenant et formateur aux Gobelins pendant deux ans.

En 2016, il quitte ses fonctions à lomitko, écrit et réalise deux moyens métrages expérimentaux, et devient consultant indépendant.

Il est membre fondateur d’Un Lieu Pour Respirer.

Le coût

200 € TTC tarif minimum conseillé.

Cet atelier, comme les autres activités est réservé aux membres d’Un lieu pour respirer :

le montant de l’adhésion est libre à partir de 1€.


Ce tarif est indicatif. Il permet de soutenir le lieu et d’abonder le budget de fonctionnement. 

Ce tarif a été pensé pour offrir à chacun, quelles que soient ses possibilités financières, l'accès à ses activités. Si vous ne pouvez pas contribuer à hauteur de cette somme, mais que vous avez grand besoin de participer à cet atelier, contactez-nous à l’adresse contact@un-lieu-pour-respirer.net pour que nous discutions de vos motivations et de solutions.


Si vous vous pouvez donner plus : vous contribuez à l’accessibilité de ce stage à tous.

Déroulement

Dates

Dates à fixer sur une semaine entre le 20 juillet et le 28 août, à fixer selon les demandes.


Horaires

Du lundi au vendredi de 9h30 à 12h30 - 14h à 17h


Durée

30 heures / 5 jours

Le programme est conçu de manière à évoluer en fonction des souhaits et des savoirs de chaque participant.e. Une première session de travail entre les participant.s.es et le formateur a pour but de déterminer plus précisément son contenu, selon les attentes de chacun.


Déroulé

Jour 1 : Introduction, recueils des attentes, co-conception du programme. Historique et principaux concepts du web, les outils de développement

Jour 2 : Comprendre le HTML/CSS, une initiation à la programmation orientée visuelle

Jour 3 : La conception graphique d’un site web, ergonomie vs design, 

Jour 4 : Programmer du design et de l’interaction, initiation au javascript, découverte de bibliothèques de code orienté animation et design

Jour 5 : Ethique, co-conception, éco-conception d’un site web

{"item_0":{"type":"breadcrump","online":1,"paddingTop":"20","paddingBottom":"20","paddingLeft":"20","paddingRight":"20","backgroundColor":"#FFFFFF","sectionColor":"#EEEEEE"},"item_1":{"type":"h1","online":1,"paddingTop":"20","paddingBottom":"20","paddingLeft":"20","paddingRight":"20","backgroundColor":"#FFFFFF","sectionColor":"#EEEEEE"},"item_2":{"type":"text","value":"\u003Cblockquote\u003E\u003Cem\u003EComprendre les principes du d\u00e9veloppement informatique permet de prendre conscience des possibilit\u00e9s immenses du codage et de ce que nous laissons entre les mains de ceux qui le ma\u00eetrisent. \u003C\/em\u003E\u003C\/blockquote\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\/p\u003E\u003Cp\u003ECet atelier se base sur la participation et la motivation de chacun. Les participant.s.es sont invit\u00e9.e.s \u00e0 en co-produire le contenu. Ils.elles acqui\u00e8rent ainsi les notions qui r\u00e9pondent \u00e0 leurs questionnements sur leurs projets et leurs pratiques.\u003C\/p\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\/p\u003E\u003Cp\u003ECet atelier n\u2019est pas une formation. Il s\u2019agit, en contournant le rapport sachant \/ apprenants, encadr\u00e9s par un animateur exp\u00e9riment\u00e9, de chercher ensemble, \u003C\/p\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\/p\u003E\u003Cp\u003EIl est anim\u00e9 b\u00e9n\u00e9volement par J\u00e9r\u00f4me Sullerot, d\u00e9veloppeur web et membre d\u2019Un lieu pour respirer, et tous les b\u00e9n\u00e9fices sont affect\u00e9s au soutien du lieu et \u00e0 son fonctionnement. \u003C\/p\u003E","backgroundColor":"transparent","online":1,"paddingTop":"20","paddingBottom":"20","paddingLeft":"20","paddingRight":"20","sectionColor":"#EEEEEE","section-id":""},"item_3":{"type":"separator","online":1,"paddingTop":"20","paddingBottom":"20","paddingLeft":"20","paddingRight":"20","backgroundColor":"#cccccc","sectionColor":"#EEEEEE","height":"","fullwidth":"0"},"item_4":{"type":"text","value":"\u003Ch4\u003E\u003Cspan style=\u0022color: rgb(67, 67, 67); background-color: transparent;\u0022\u003EPhilosophie\u003C\/span\u003E\u003C\/h4\u003E\u003Cp\u003ECet atelier se base sur la participation et la motivation de chacun. Les participant.s.es sont invit\u00e9.e.s \u00e0 en co-produire le contenu. Ils.elles acqui\u00e8rent ainsi les notions qui r\u00e9pondent \u00e0 leurs questionnements sur leurs projets et leurs pratiques.\u003C\/p\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\/p\u003E\u003Cp\u003ECet atelier n\u2019est pas une formation. Il s\u2019agit, en contournant le rapport sachant \/ apprenants, encadr\u00e9 par un animateur exp\u00e9riment\u00e9, de chercher ensemble, \u003C\/p\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\/p\u003E\u003Cp\u003EIl est anim\u00e9 b\u00e9n\u00e9volement par \u003Cstrong\u003EJ\u00e9r\u00f4me Sullerot\u003C\/strong\u003E, graphiste et d\u00e9veloppeur web, membre d\u2019Un lieu pour respirer. \u003C\/p\u003E\u003Cp\u003ETous les b\u00e9n\u00e9fices sont affect\u00e9s au soutien du lieu et \u00e0 son fonctionnement. \u003C\/p\u003E","backgroundColor":"transparent","online":1,"paddingTop":"20","paddingBottom":"20","paddingLeft":"20","paddingRight":"20","sectionColor":"#EEEEEE","section-id":""},"item_5":{"type":"separator","online":1,"paddingTop":"20","paddingBottom":"20","paddingLeft":"20","paddingRight":"20","backgroundColor":"#cccccc","sectionColor":"#EEEEEE","height":"","fullwidth":"0"},"item_6":{"type":"text","value":"\u003Ch4\u003EObjectifs \u003C\/h4\u003E\u003Cp style=\u0022text-align: justify;\u0022\u003E\u003Cspan style=\u0022background-color: transparent;\u0022\u003EComprendre les contraintes techniques du webdesign, et concevoir graphiquement un site web :\u003C\/span\u003E\u003C\/p\u003E\u003Cul\u003E\u003Cli\u003EConna\u00eetre les principes fondamentaux de la programmation d\u2019un site Internet\u003C\/li\u003E\u003Cli\u003E\u00catre capable de concevoir graphiquement un site qui prend en compte les contraintes techniques li\u00e9es au HTML et celles li\u00e9es au multi-\u00e9cran. \u003C\/li\u003E\u003Cli\u003EPouvoir collaborer avec des d\u00e9veloppeurs \u003C\/li\u003E\u003Cli\u003EAcqu\u00e9rir plus d\u2019autonomie technique\u003C\/li\u003E\u003C\/ul\u003E","backgroundColor":"transparent","online":1,"paddingTop":"20","paddingBottom":"20","paddingLeft":"20","paddingRight":"20","sectionColor":"#EEEEEE","section-id":""},"item_7":{"type":"separator","online":1,"paddingTop":"20","paddingBottom":"20","paddingLeft":"20","paddingRight":"20","backgroundColor":"#cccccc","sectionColor":"#EEEEEE","height":"","fullwidth":"0"},"item_8":{"type":"text","value":"\u003Ch4\u003ELe public\u003C\/h4\u003E\u003Cp\u003E5 \u00e0 10 participants.\u003C\/p\u003E\u003Cp\u003EL\u2019atelier s\u2019adresse aux cr\u00e9ateurs visuels souhaitant se familiariser avec les contraintes des sites web pour utiliser internet dans leur pratique ou simplement d\u00e9velopper des outils pour pr\u00e9senter leurs projets.\u003C\/p\u003E","backgroundColor":"transparent","online":1,"paddingTop":"20","paddingBottom":"20","paddingLeft":"20","paddingRight":"20","sectionColor":"#EEEEEE","section-id":""},"item_9":{"type":"separator","online":1,"paddingTop":"20","paddingBottom":"20","paddingLeft":"20","paddingRight":"20","backgroundColor":"#cccccc","sectionColor":"#EEEEEE","height":"","fullwidth":"0"},"item_10":{"type":"text","value":"\u003Ch4 style=\u0022text-align: justify;\u0022\u003E\u003Cspan style=\u0022background-color: transparent; color: rgb(0, 0, 0);\u0022\u003ELe mat\u00e9riel\u003C\/span\u003E\u003C\/h4\u003E\u003Cp\u003EPour cet atelier, un ordinateur est n\u00e9cessaire, disposant de Google Chrome ou Firefox et d\u2019un logiciel de FTP (Filezilla ou \u00e9quivalent), ainsi qu\u2019un smartphone.\u003C\/p\u003E\u003Cp\u003ESi vous ne pouvez pas venir avec votre propre mat\u00e9riel, veuillez prendre contact avec nous \u003Ca href=\u0022mailto:contact@un-lieu-pour-respirer.net\u0022\u003Econtact@un-lieu-pour-respirer.net\u003C\/a\u003E.\u003C\/p\u003E","backgroundColor":"transparent","online":1,"paddingTop":"20","paddingBottom":"20","paddingLeft":"20","paddingRight":"20","sectionColor":"#EEEEEE","section-id":""},"item_11":{"type":"separator","online":1,"paddingTop":"20","paddingBottom":"20","paddingLeft":"20","paddingRight":"20","backgroundColor":"#cccccc","sectionColor":"#EEEEEE","height":"","fullwidth":"0"},"item_12":{"type":"text","value":"\u003Ch4 style=\u0022text-align: justify;\u0022\u003E\u003Cspan style=\u0022color: rgb(0, 0, 0); background-color: transparent;\u0022\u003EL\u2019animateur\u003C\/span\u003E\u003C\/h4\u003E\u003Cp\u003E\u003Cstrong\u003EJ\u00e9r\u00f4me Sullerot\u003C\/strong\u003E est d\u00e9veloppeur web depuis plus de 22 ans. Apr\u00e8s une formation en graphisme (ESAG) et de cin\u00e9ma, il devient d\u00e9veloppeur, sp\u00e9cialis\u00e9 en flash\/actionscript, puis HTML, CSS, javascript et PHP.\u003C\/p\u003E\u003Cp\u003EEn 2000, il fonde la web-agency lomitko, qui participe \u00e0 l\u2019\u00e9mergence d\u2019Internet au d\u00e9but des ann\u00e9es 2000 en cr\u00e9ant des sites exp\u00e9rimentaux ou des web-documentaires pour de grands groupes internationaux, des lieux culturels et des artistes. Il collabore entre autres avec Kenzo, Azzaro, Thierry Mugler, Dargaud, Renault, Toyota, Cartier, Le batofar, Le Grands Palais, Festival Tokyozone\u2026 \u003C\/p\u003E\u003Cp\u003EIl est intervenant et formateur aux Gobelins pendant deux ans.\u003C\/p\u003E\u003Cp\u003EEn 2016, il quitte ses fonctions \u00e0 lomitko, \u00e9crit et r\u00e9alise deux moyens m\u00e9trages exp\u00e9rimentaux, et devient consultant ind\u00e9pendant.\u003C\/p\u003E\u003Cp\u003EIl est membre fondateur d\u2019Un Lieu Pour Respirer.\u003C\/p\u003E","backgroundColor":"transparent","online":1,"paddingTop":"20","paddingBottom":"20","paddingLeft":"20","paddingRight":"20","sectionColor":"#EEEEEE","section-id":""},"item_13":{"type":"separator","online":1,"paddingTop":"20","paddingBottom":"20","paddingLeft":"20","paddingRight":"20","backgroundColor":"#cccccc","sectionColor":"#EEEEEE","height":"","fullwidth":"0"},"item_14":{"type":"text","value":"\u003Ch4\u003ELe co\u00fbt\u003C\/h4\u003E\u003Cp\u003E200 \u20ac TTC tarif minimum conseill\u00e9.\u003C\/p\u003E\u003Cp\u003ECet atelier, comme les autres activit\u00e9s est r\u00e9serv\u00e9 aux membres d\u2019Un lieu pour respirer :\u003C\/p\u003E\u003Cp\u003Ele montant de l\u2019adh\u00e9sion est libre \u00e0 partir de 1\u20ac.\u003C\/p\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\/p\u003E\u003Cp\u003ECe tarif est indicatif. Il permet de soutenir le lieu et d\u2019abonder le budget de fonctionnement. \u003C\/p\u003E\u003Cp\u003ECe tarif a \u00e9t\u00e9 pens\u00e9 pour offrir \u00e0 chacun, quelles que soient ses possibilit\u00e9s financi\u00e8res, l'acc\u00e8s \u00e0 ses activit\u00e9s. Si vous ne pouvez pas contribuer \u00e0 hauteur de cette somme, mais que vous avez grand besoin de participer \u00e0 cet atelier, contactez-nous \u00e0 l\u2019adresse \u003Ca href=\u0022mailto:contact@un-lieu-pour-respirer.net\u0022\u003Econtact@un-lieu-pour-respirer.net\u003C\/a\u003E pour que nous discutions de vos motivations et de solutions.\u003C\/p\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\/p\u003E\u003Cp\u003E\u003Cstrong style=\u0022background-color: transparent; color: rgb(0, 0, 0);\u0022\u003ESi vous vous pouvez donner plus : vous contribuez \u00e0 l\u2019accessibilit\u00e9 de ce stage \u00e0 tous.\u003C\/strong\u003E\u003C\/p\u003E","backgroundColor":"transparent","online":1,"paddingTop":"20","paddingBottom":"20","paddingLeft":"20","paddingRight":"20","sectionColor":"#EEEEEE","section-id":""},"item_15":{"type":"separator","online":1,"paddingTop":"20","paddingBottom":"20","paddingLeft":"20","paddingRight":"20","backgroundColor":"#cccccc","sectionColor":"#EEEEEE","height":"","fullwidth":"0"},"item_16":{"type":"text","value":"\u003Ch4\u003ED\u00e9roulement\u003C\/h4\u003E\u003Cp\u003E\u003Cstrong\u003EDates\u003C\/strong\u003E\u003C\/p\u003E\u003Cp\u003EDates \u00e0 fixer sur une semaine entre le 20 juillet et le 28 ao\u00fbt, \u00e0 fixer selon les demandes.\u003C\/p\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\/p\u003E\u003Cp\u003E\u003Cstrong\u003EHoraires\u003C\/strong\u003E\u003C\/p\u003E\u003Cp\u003EDu lundi au vendredi de 9h30 \u00e0 12h30 - 14h \u00e0 17h\u003C\/p\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\/p\u003E\u003Cp\u003E\u003Cstrong\u003EDur\u00e9e\u003C\/strong\u003E\u003C\/p\u003E\u003Cp\u003E30 heures \/ 5 jours\u003C\/p\u003E\u003Cp\u003ELe programme est con\u00e7u de mani\u00e8re \u00e0 \u00e9voluer en fonction des souhaits et des savoirs de chaque participant.e. Une premi\u00e8re session de travail entre les participant.s.es et le formateur a pour but de d\u00e9terminer plus pr\u00e9cis\u00e9ment son contenu, selon les attentes de chacun.\u003C\/p\u003E\u003Cp\u003E\u003Cbr\u003E\u003C\/p\u003E\u003Cp\u003E\u003Cstrong\u003ED\u00e9roul\u00e9\u003C\/strong\u003E\u003C\/p\u003E\u003Cp\u003EJour 1 : Introduction, recueils des attentes, co-conception du programme. Historique et principaux concepts du web, les outils de d\u00e9veloppement\u003C\/p\u003E\u003Cp\u003EJour 2 : Comprendre le HTML\/CSS, une initiation \u00e0 la programmation orient\u00e9e visuelle\u003C\/p\u003E\u003Cp\u003EJour 3 : La conception graphique d\u2019un site web, ergonomie vs design, \u003C\/p\u003E\u003Cp\u003EJour 4 : Programmer du design et de l\u2019interaction, initiation au javascript, d\u00e9couverte de biblioth\u00e8ques de code orient\u00e9 animation et design\u003C\/p\u003E\u003Cp\u003EJour 5 : Ethique, co-conception, \u00e9co-conception d\u2019un site web\u003C\/p\u003E","backgroundColor":"transparent","online":1,"paddingTop":"20","paddingBottom":"20","paddingLeft":"20","paddingRight":"20","sectionColor":"#EEEEEE","section-id":""}}
{"id":"137"}