{"id":200,"date":"2021-07-30T14:02:21","date_gmt":"2021-07-30T12:02:21","guid":{"rendered":"https:\/\/www.swash-formation.fr\/?post_type=formation&#038;p=200"},"modified":"2026-04-10T15:09:11","modified_gmt":"2026-04-10T13:09:11","slug":"culture-web-environnement-de-production-et-tendances","status":"publish","type":"formation","link":"https:\/\/www.swash-formation.fr\/formation\/culture-web-environnement-de-production-et-tendances\/","title":{"rendered":"Culture Web&nbsp;: environnement de production et tendances"},"template":"","domaine":[12],"motcle":[24,23,22,21],"metier":[],"etiquette":[],"type_ra":[80],"logiciel":[],"class_list":["post-200","formation","type-formation","status-publish","hentry","domaine-formation-ux-ui-webdesign","motcle-acculturation","motcle-interface","motcle-projet","motcle-tendances","type_ra-inter","no-post-thumbnail"],"acf":{"FOR_Format":"80","FOR_SousTitre":"Vocabulaire, langages, UI \/ UX, acteurs, budgets... appr\u00e9hender tous les aspects associ\u00e9s \u00e0 la conception et au d\u00e9veloppement d\u2019un site Web","FOR_Jours":2,"FOR_Heures":14,"FOR_Duree":"14 heures collectives","FOR_DureeTxt":"2 jours \/ 14 heures","FOR_Prix":"","FOR_Ref":"W03 (Formation intra \/ sur mesure)","FOR_Niveau":"Initiation","FOR_PrixComplet":"sur demande","FOR_PrixCourt":"sur demande","FOR_Support":"","FOR_ProgPdf":"","FOR_Intervenants":"","FOR_Comp":"<p><span style=\"font-weight: 400;\">Evaluer le cycle de production d\u2019un site Web et interagir avec les diff\u00e9rents acteurs \u2013 internes et externes \u2013 du projet.<\/span><\/p>","FOR_Obj":"<ul>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Contextualiser le Web d\u2019aujourd\u2019hui<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Identifier les langages, les outils et les acteurs de la production Web<\/span><\/li>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Analyser les \u00e9tapes de production d\u2019un site Web<\/span><\/li>\r\n<\/ul>","FOR_Valider":"<ul>\r\n\t<li>votre projet et le contexte de votre demande pour co-construire le programme d\u00e9finitif<\/li>\r\n\t<li>le format\u00a0: pr\u00e9sentiel et\/ou distanciel<\/li>\r\n\t<li>le tarif\u00a0: calcul\u00e9 selon le temps de pr\u00e9paration, les moyens \u00e0 mobiliser, le nombre de jours, le lieu de la formation\u2026<\/li>\r\n\t<li>*la dur\u00e9e\u00a0: \u00e0 confirmer selon les pr\u00e9requis et les objectifs \u00e0 atteindre par les apprenants<\/li>\r\n<\/ul>","FOR_5Raisons":"","FOR_Public":"<p><span style=\"font-weight: 400;\">Toute personne impliqu\u00e9e dans un projet de cr\u00e9ation ou de refonte d\u2019un site Web.<\/span><\/p>","FOR_Prerequis":"<p><span style=\"font-weight: 400;\">Cette formation est accessible \u00e0 tous.<\/span><\/p>","FOR_Programme":"<h3 class=\"chapitre\">Contextualiser le Web d\u2019aujourd\u2019hui<\/h3>\r\n<ul>\r\n\t<li>Rappeler le fonctionnement d\u2019un r\u00e9seau<\/li>\r\n\t<li>D\u00e9finir la place d\u2019un site Web dans \u00ab les Internets \u00bb<\/li>\r\n\t<li>M\u00e9moriser le vocabulaire sp\u00e9cifique aux sites Web : HTTP, FTP, API, DOM, IP, DNS\u2026<\/li>\r\n\t<li>Distinguer les types de site : statique, dynamique, e-commerce, vitrine, intranet, r\u00e9seaux sociaux\u2026<\/li>\r\n\t<li>Se rep\u00e9rer dans les supports (desktop, mobile\u2026) et les modes de diffusion (Wifi, 5G\u2026)<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>-&gt; Jeux p\u00e9dagogiques et \u00e9changes crois\u00e9s sur les pratiques du Web (MindMapping)\u00a0<\/em><\/div>\r\n<h3 class=\"chapitre\">Identifier les langages, les outils et les acteurs de la production Web<\/h3>\r\n<ul>\r\n\t<li>Diff\u00e9rencier HTML, CSS, MarkDown, JavaScript, PHP, MySQL, Ruby on Rails\u2026<\/li>\r\n\t<li>Distinguer les frameworks des langages natifs<\/li>\r\n\t<li>Lister les outils de conception graphique pour le Web (Sketch, XD, Figma, Photoshop\u2026)<\/li>\r\n\t<li>Comparer les outils qui facilitent la cr\u00e9ation de sites Internet (CMS, WebApp, Logiciels, NoCode) : WordPress, Drupal, Joomla, Shopify, Wix, Dreamweaver, Webflow...<\/li>\r\n\t<li>Situer les m\u00e9tiers du web et le r\u00f4le de chacun :\r\n\r\n<ul>\r\n\t<li>UI-UX designer \/ Ergonome \/ Webdesigner<\/li>\r\n\t<li>Webmaster \/ D\u00e9veloppeur<\/li>\r\n\t<li>Community \/ Social Media Manager<\/li>\r\n\t<li>R\u00e9dacteur \/ Brand content Manager<\/li>\r\n\t<li>SEA \/ SEO \/ SEM Manager \/ Trafic Manager<\/li>\r\n\t<li>Chefs de projets<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>-&gt; Jeux p\u00e9dagogiques et analyse de sites Web<\/em><\/div>\r\n<h3 class=\"chapitre\">Analyser les \u00e9tapes de production d\u2019un site Web<\/h3>\r\n<ul>\r\n\t<li>Planifier la production :\r\n\r\n<ul>\r\n\t<li>\u00c9tablir un cahier des charges (cibles \/ objectifs \/ budget \/ ressources)<\/li>\r\n\t<li>D\u00e9finir un r\u00e9tro-planning<\/li>\r\n\t<li>Mobiliser les acteurs internes (Direction, DSI, Marketing, Communication, Experts)<\/li>\r\n\t<li>Prendre en compte le r\u00e9f\u00e9rencement<\/li>\r\n<\/ul>\r\n<\/li>\r\n\t<li>Anticiper les contraintes de production :\r\n\r\n<ul>\r\n\t<li>Penser front, penser back<\/li>\r\n\t<li>La mise en ligne de nouveaux contenus<\/li>\r\n\t<li>La notion de responsive<\/li>\r\n\t<li>Les performances (poids des images et du code)<\/li>\r\n\t<li>Les sauvegardes et la s\u00e9curit\u00e9<\/li>\r\n\t<li>Registrar et h\u00e9bergement<\/li>\r\n<\/ul>\r\n<\/li>\r\n\t<li>Pr\u00e9parer les assets<\/li>\r\n\t<li>Prendre en compte les obligations l\u00e9gales<\/li>\r\n\t<li>Organiser des b\u00eata-test et pr\u00e9parer la recette<\/li>\r\n<\/ul>\r\n<div class=\"exo\"><em>-&gt; \u00c9tudes de cas<\/em><\/div>\r\n<div class=\"exo\"><em>-&gt; D\u00e9finir un plan d\u2019action adapt\u00e9 \u00e0 son environnement<\/em><\/div>","FOR_Profil":"<p><span style=\"font-weight: 400;\">Webdesigner avec plus de 5 ans d\u2019exp\u00e9rience en animation de formation.<\/span><\/p>","FOR_Ressources":"<ul>\r\n\t<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Supports de cours d\u00e9mat\u00e9rialis\u00e9s<\/span><\/li>\r\n\t<li><span style=\"font-weight: 400;\">Inscription au <a href=\"https:\/\/les-swashers.swash-formation.fr\" target=\"_blank\" rel=\"noopener\">forum des swashers<\/a><\/span><\/li>\r\n<\/ul>","FOR_ModPres":"<h4><strong>Parcours p\u00e9dagogique : <\/strong><\/h4>\r\n<p><span style=\"font-weight: 400;\">Questionnaire de positionnement <span class=\"flechD\">\u276f<\/span> 2 jours pr\u00e9sentiels continus<\/span><\/p>\r\n<h4><strong>M\u00e9thode p\u00e9dagogique : <\/strong><\/h4>\r\n<p><span style=\"font-weight: 400;\">Expositive + interrogative + active : contextualisation, ateliers de co-r\u00e9flexion, jeux p\u00e9dagogiques, analyses collectives, mentorat<\/span><\/p>\r\n<h4><strong>Moyens techniques : <\/strong><\/h4>\r\n<ul>\r\n\t<li><span style=\"font-weight: 400;\">1 poste par participant (Mac ou PC, selon votre choix)<\/span>, fourni par nos soins<\/li>\r\n\t<li>Poste de l\u2019intervenant reli\u00e9 \u00e0 un grand \u00e9cran ou vid\u00e9oprojecteur<\/li>\r\n<\/ul>","FOR_ModDist":"<h4>Parcours p\u00e9dagogique :<\/h4>\r\n<p><span style=\"font-weight: 400;\">Questionnaire de positionnement <span class=\"flechD\">\u276f<\/span> 2 classes virtuelles discontinues (2 x 1 jour)<\/span><\/p>\r\n<h4>M\u00e9thode p\u00e9dagogique :<\/h4>\r\n<p><span style=\"font-weight: 400;\">Expositive + interrogative + active : contextualisation, ateliers de co-r\u00e9flexion, jeux p\u00e9dagogiques, exploration inter-sessions, analyses collectives, mentorat<\/span><\/p>\r\n<h4>Moyens techniques :<\/h4>\r\n<ul>\r\n\t<li>Classe virtuelle cr\u00e9\u00e9e par nos soins<\/li>\r\n\t<li>Chaque apprenant participe \u00e0 la session avec son ordinateur, connect\u00e9 \u00e0 Internet, et \u00e9quip\u00e9 :\r\n\r\n<ul>\r\n\t<li>d\u2019un micro et d\u2019une cam\u00e9ra<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>","FOR_Eval":"<ul>\r\n\t<li><span style=\"font-weight: 400;\"> Validation des acquis pendant la formation gr\u00e2ce \u00e0 des jeux p\u00e9dagogiques, des \u00e9tudes de cas,\u00a0<\/span>des analyses de site<\/li>\r\n\t<li>Suivi d'acquisition des objectifs p\u00e9dagogiques par l'intervenant<\/li>\r\n\t<li><span style=\"font-weight: 400;\"> \u00c9valuation \u00e0 chaud (remplie en fin de <\/span><span style=\"font-weight: 400;\">formation) et \u00e0 froid (\u00e0 60 jours)<\/span><\/li>\r\n<\/ul>","for_pourquoi":"","FOR_PlanCond":1,"FOR_PlanDist":null,"FOR_PlanPres":null,"for_tag-new":false,"for_tag-update":false},"_links":{"self":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/formation\/200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/formation"}],"about":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/types\/formation"}],"wp:attachment":[{"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/media?parent=200"}],"wp:term":[{"taxonomy":"domaine","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/domaine?post=200"},{"taxonomy":"motcle","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/motcle?post=200"},{"taxonomy":"metier","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/metier?post=200"},{"taxonomy":"etiquette","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/etiquette?post=200"},{"taxonomy":"type_ra","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/type_ra?post=200"},{"taxonomy":"logiciel","embeddable":true,"href":"https:\/\/www.swash-formation.fr\/sw-connect\/wp\/v2\/logiciel?post=200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}