{"id":659,"date":"2009-05-28T11:11:42","date_gmt":"2009-05-28T10:11:42","guid":{"rendered":"http:\/\/flaven.fr\/?p=659"},"modified":"2013-09-27T14:54:03","modified_gmt":"2013-09-27T12:54:03","slug":"la-creation-de-site-web-les-etapes-indispensables","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2009\/05\/la-creation-de-site-web-les-etapes-indispensables\/","title":{"rendered":"La cr\u00e9ation de site web : les \u00e9tapes indispensables"},"content":{"rendered":"<p>La r\u00e9ussite d&#8217;un projet et plus particuli\u00e8rement dans le domaine du web, oblige leur concepteurs \u00e0 ne rien laisser au hasard : conception, ergonomie, graphisme, d\u00e9veloppement, int\u00e9gration, r\u00e9f\u00e9rencement, SEO, gestion \u00e9ditorial, newsletter, h\u00e9bergement&#8230; tout doit \u00eatre trait\u00e9 avec le plus grand soin. <\/p>\n<p>Quelles sont les \u00e9tapes indispensables \u00e0 la cr\u00e9ation d&#8217;un site web? quelles sont les comp\u00e9tences \u00e0 mettre en oeuvre et dans quel ordre?<\/p>\n<p>Voici une petite feuille de route :<\/p>\n<h3>Concevoir :<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/05\/processus-300x199.jpg\" alt=\"processus\" width=\"300\" height=\"199\" class=\"alignright size-medium wp-image-689\" \/><\/p>\n<p>Concevoir un projet web c&#8217;est aborder les bonnes r\u00e9flexions en amont afin de choisir la bonne direction.<\/p>\n<ul>\n<li>Etude pr\u00e9cis des besoins (cahier des charges \/ expression de besoin)<\/li>\n<li>Ergonomie et mod\u00e9lisation du site<\/li>\n<li>Recommandations fonctionnelles et techniques<\/li>\n<li>R\u00e9daction des sp\u00e9cifications fonctionnelles<\/li>\n<li>Mise en place du planning<\/li>\n<\/ul>\n<h3>Cr\u00e9er :<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/05\/colors-300x202.jpg\" alt=\"colors\" width=\"300\" height=\"202\" class=\"alignright size-medium wp-image-680\" \/><\/p>\n<p>Cette \u00e9tape consiste en la cr\u00e9ation de l&#8217;interface web : l\u2019architecture interactionnelle, l\u2019organisation des pages, l\u2019arborescence et la navigation d\u2019un site web. Il s\u2019agit d\u2019une phase essentielle dans la conception d\u2019un site. La conception d&#8217;un design web tient compte des contraintes sp\u00e9cifiques du support Internet en termes d\u2019ergonomie, d\u2019utilisabilit\u00e9 et d\u2019accessibilit\u00e9.<\/p>\n<p>Cette \u00e9tape r\u00e9clame des comp\u00e9tences vari\u00e9es : en ergonomie, en graphisme et en interactivit\u00e9, ainsi qu&#8217;une bonne connaissance des contraintes techniques li\u00e9es \u00e0 ce domaine : respect des recommandations W3C, accessibilit\u00e9, portabilit\u00e9. Le design d&#8217;un site se pr\u00e9sente d&#8217;abord sous forme de maquette fonctionnelle ou &#8220;zoning&#8221;. Celle-ci est ensuite transform\u00e9e pour obtenir la maquette graphique finale, cette maquette graphique est ensuite d\u00e9coup\u00e9e afin d&#8217;\u00eatre transform\u00e9e en lignes de code XHTML\/CSS \u00e0 l&#8217;\u00e9tape de l&#8217;Int\u00e9gration Web.<\/p>\n<ul>\n<li> Direction artistique<\/li>\n<li> D\u00e9finition et cr\u00e9ation de l&#8217;identit\u00e9 visuelle<\/li>\n<li> Cr\u00e9ation\/refonte du logo et de la charte graphique<\/li>\n<li> R\u00e9alisation et Int\u00e9gration de l&#8217;interface graphique<\/li>\n<\/ul>\n<h3>D\u00e9velopper :<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/05\/code-300x189.jpg\" alt=\"code\" width=\"300\" height=\"189\" class=\"alignright size-medium wp-image-692\" \/><\/p>\n<p>A ce stade le choix est donn\u00e9 de r\u00e9aliser les d\u00e9veloppements selon deux approches bien distinctes :<\/p>\n<ul>\n<li>D\u00e9veloppement d&#8217;une application web sur mesure<\/li>\n<li>Adaptation d&#8217;un outil web open source et CMS<\/li>\n<\/ul>\n<p>La premi\u00e8re approche permet un d\u00e9veloppement parfaitement adapt\u00e9 aux besoins du donneur d&#8217;ordre. Elle se base g\u00e9n\u00e9ralement sur ce que l&#8217;on appelle un Framework et est vivement recommand\u00e9e si le projet implique une grande pr\u00e9cisions dans les besoins exprim\u00e9s. C&#8217;est ce que l&#8217;on pourrait appeler l&#8217;approche haute couture indispensable \u00e0 tout projet innovant.<\/p>\n<p>La seconde approche permet un d\u00e9veloppement rapide sur une base existante de qualit\u00e9 et largement \u00e9prouv\u00e9e. Cette approche implique g\u00e9n\u00e9ralement que le donneur d&#8217;ordre accepte dans une certaine mesure d&#8217;adapter ses besoins  en fonction de la philosophie du CMS employ\u00e9. Cette option doit \u00eatre s\u00e9rieusement prise en compte dans tout projet web car si un CMS convient \u00e0 90% des besoins, il apporte beaucoup de valeur pour un coup tr\u00e8s raisonnable.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La r\u00e9ussite d&#8217;un projet et plus particuli\u00e8rement dans le domaine du web, oblige leur concepteurs \u00e0 ne rien laisser au hasard : conception, ergonomie, graphisme,&hellip; <\/p>\n<p class=\"text-center\"><a href=\"https:\/\/flaven.fr\/2009\/05\/la-creation-de-site-web-les-etapes-indispensables\/\" class=\"more-link\">Continue reading &rarr; <span class=\"screen-reader-text\">La cr\u00e9ation de site web : les \u00e9tapes indispensables<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":9548,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bf_ai_meta_description":"La cr\u00e9ation de site web n\u00e9cessite des \u00e9tapes pr\u00e9cises : conception, ergonomie, d\u00e9veloppement, SEO. Ma\u00eetrisez les outils et obtenez un site performant.","bf_ai_og_title":"","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[3435],"tags":[184,185,186,187],"class_list":["post-659","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development","tag-creation-de-site","tag-developpement-web","tag-direction-de-projet","tag-web-design"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3Vuhl-aD","jetpack_featured_media_url":"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/05\/css_g_bf.jpg","_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/comments?post=659"}],"version-history":[{"count":1,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/659\/revisions"}],"predecessor-version":[{"id":9549,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/659\/revisions\/9549"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media\/9548"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=659"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/categories?post=659"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/tags?post=659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}