{"id":665,"date":"2019-08-14T17:36:35","date_gmt":"2019-08-14T15:36:35","guid":{"rendered":"http:\/\/trashou.com\/?page_id=665"},"modified":"2019-09-26T14:20:17","modified_gmt":"2019-09-26T12:20:17","slug":"integration-html-css","status":"publish","type":"page","link":"https:\/\/trashou.com\/index.php\/competences\/integration-html-css\/","title":{"rendered":"Comp\u00e9tences : Int\u00e9gration HTML\/CSS"},"content":{"rendered":"<div id=\"pl-gb665-69e75d70ca7f7\"  class=\"panel-layout\" ><div id=\"pg-gb665-69e75d70ca7f7-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-gb665-69e75d70ca7f7-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-gb665-69e75d70ca7f7-0-0-0\" class=\"so-panel widget widget_media_image panel-first-child panel-last-child\" data-index=\"0\" ><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"700\" src=\"https:\/\/trashou.com\/wp-content\/uploads\/2019\/09\/digital-dreams-1920x700.jpg\" class=\"image wp-image-1000  attachment-full size-full\" alt=\"\" style=\"max-width: 100%; height: auto;\" srcset=\"https:\/\/trashou.com\/wp-content\/uploads\/2019\/09\/digital-dreams-1920x700.jpg 1920w, https:\/\/trashou.com\/wp-content\/uploads\/2019\/09\/digital-dreams-1920x700-300x109.jpg 300w, https:\/\/trashou.com\/wp-content\/uploads\/2019\/09\/digital-dreams-1920x700-768x280.jpg 768w, https:\/\/trashou.com\/wp-content\/uploads\/2019\/09\/digital-dreams-1920x700-1024x373.jpg 1024w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/div><\/div><\/div><div id=\"pg-gb665-69e75d70ca7f7-1\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-gb665-69e75d70ca7f7-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-gb665-69e75d70ca7f7-1-0-0\" class=\"so-panel widget widget_siteorigin-panels-builder panel-first-child panel-last-child\" data-index=\"1\" ><div id=\"pl-w5d835fe1302dd\"  class=\"panel-layout\" ><div id=\"pg-w5d835fe1302dd-0\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-w5d835fe1302dd-0-0\"  class=\"panel-grid-cell\" ><div id=\"panel-w5d835fe1302dd-0-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"0\" >\t\t\t<div class=\"textwidget\"><p>Le but de l&rsquo;<strong>int\u00e9gration<\/strong> -ou <strong>montage<\/strong>&#8211; est de transformer la maquette image en une <strong>page interactive<\/strong> cod\u00e9e en <strong>HTML<\/strong> ; ce code \u00e9tant le <strong>langage de base des sites internet<\/strong>.<\/span> On y ajoutera le <strong>CSS<\/strong>, permettant ainsi de modifier et de personnaliser la mise en page ainsi que la mise en forme du site.<\/p>\n<\/div>\n\t\t<\/div><\/div><\/div><div id=\"pg-w5d835fe1302dd-1\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-w5d835fe1302dd-1-0\"  class=\"panel-grid-cell\" ><div id=\"panel-w5d835fe1302dd-1-0-0\" class=\"so-panel widget widget_text panel-first-child panel-last-child\" data-index=\"1\" >\t\t\t<div class=\"textwidget\"><p>Pour <strong>cr\u00e9er un site<\/strong>, je pars d&rsquo;une <strong>maquette sous forme d&rsquo;une image<\/strong> comprenant un <strong>environnement graphique<\/strong> (couleur de fonds, typographie, menus), de <strong>textes sous forme \u00e9lectronique<\/strong> (traitement de textes) et de <strong>visuels<\/strong> (photos, graphiques, dessins techniques, vid\u00e9os).<\/p>\n<\/div>\n\t\t<\/div><\/div><div id=\"pgc-w5d835fe1302dd-1-1\"  class=\"panel-grid-cell\" ><div id=\"panel-w5d835fe1302dd-1-1-0\" class=\"so-panel widget widget_media_image panel-first-child panel-last-child\" data-index=\"2\" ><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/trashou.com\/wp-content\/uploads\/2019\/08\/php-html-code-screenshot-1141875-639x479-150x150.jpg\" class=\"image wp-image-666  attachment-thumbnail size-thumbnail\" alt=\"\" style=\"max-width: 100%; height: auto;\" srcset=\"https:\/\/trashou.com\/wp-content\/uploads\/2019\/08\/php-html-code-screenshot-1141875-639x479-150x150.jpg 150w, https:\/\/trashou.com\/wp-content\/uploads\/2019\/08\/php-html-code-screenshot-1141875-639x479-300x300.jpg 300w, https:\/\/trashou.com\/wp-content\/uploads\/2019\/08\/php-html-code-screenshot-1141875-639x479-100x100.jpg 100w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/div><\/div><\/div><div id=\"pg-w5d835fe1302dd-2\"  class=\"panel-grid panel-no-style\" ><div id=\"pgc-w5d835fe1302dd-2-0\"  class=\"panel-grid-cell\" ><div id=\"panel-w5d835fe1302dd-2-0-0\" class=\"so-panel widget widget_text panel-first-child\" data-index=\"3\" >\t\t\t<div class=\"textwidget\"><p>Je dois ensuite faire en sorte que mon montage ressemble -dans toute la mesure du possible- au plus pr\u00e8s \u00e0 la maquette, en apparence mais aussi au fonctionnement pr\u00e9vu avec vous lors de la conception du cahier des charges&#8230;<\/span> <strong>Et cela, quelque soit la machine utilis\u00e9e (PC, Mac, smartphone, tablette&#8230;), le syst\u00e8me qui la fait tourner (Windows, Linux, OSX, iOS, Android&#8230;) ainsi que le navigateur utilis\u00e9 (Firefox, Chrome, Safari, Internet Explorer&#8230;) !<\/strong><\/p>\n<p>J&rsquo;am\u00e9liore constamment mes techniques d&rsquo;int\u00e9gration (emploi de <strong>feuilles de styles CSS<\/strong>, de <strong>biblioth\u00e8ques<\/strong>, certifications et\/ou conformit\u00e9 aux <strong>normes du W3C<\/strong>&#8230;<\/p>\n<\/div>\n\t\t<\/div><div id=\"panel-w5d835fe1302dd-2-0-1\" class=\"so-panel widget widget_text panel-last-child\" data-index=\"4\" ><div class=\"flash_inherit_color panel-widget-style panel-widget-style-for-w5d835fe1302dd-2-0-1\" ><h3 class=\"widget-title\">Quelques d\u00e9finitions<\/h3>\t\t\t<div class=\"textwidget\"><ul>\n<li><strong>Int\u00e9grateur :<\/strong> Il est charg\u00e9 de transformer les maquettes graphiques en composants web. Son objectif est que le produit final ressemble, au maximum de la faisabilit\u00e9, \u00e0 la maquette valid\u00e9e. Il doit \u00eatre le lien entre les webdesigners et les d\u00e9veloppeurs.<\/li>\n<li><strong>HTML :<\/strong> (Hyper Texte Mark-up Langage). C&rsquo;est un langage qui utilise des marqueurs et permet de faire de la navigation (lecture non lin\u00e9aire). Il permet de pr\u00e9senter des documents, et de les rendre lisibles sur tout navigateur, syst\u00e8me ou ordinateur.<\/li>\n<li><strong>W3C : <\/strong>Le W3C, World Wide Web Consortium, est un organisme international qui d\u00e9veloppe des standards pour le Web afin que les gens puissent communiquer efficacement \u00e0 travers Internet. Il a pour mission de cr\u00e9er des normes (standards) pour permettre le bon affichage de page quelque soit le navigateur (navigateurs traditionnels mais aussi pour navigateur pour non-voyants), le syst\u00e8me ou la machine utilis\u00e9e. Ces standards sont plus une ligne directrice. De part mon exp\u00e9rience, si on les suit \u00e0 la lettre, on perd en qualit\u00e9 graphique. Ainsi, je tends \u00e0 respecter au maximum ces standards tout en pr\u00e9servant l&rsquo;aspect graphique souhait\u00e9 par le client.<\/li>\n<\/ul>\n<\/div>\n\t\t<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":47,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-665","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Comp\u00e9tences : Int\u00e9gration HTML\/CSS - Trashou.com<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/trashou.com\/index.php\/competences\/integration-html-css\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comp\u00e9tences : Int\u00e9gration HTML\/CSS - Trashou.com\" \/>\n<meta property=\"og:url\" content=\"https:\/\/trashou.com\/index.php\/competences\/integration-html-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Trashou.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Trashoucom\" \/>\n<meta property=\"article:modified_time\" content=\"2019-09-26T12:20:17+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/trashou.com\\\/index.php\\\/competences\\\/integration-html-css\\\/\",\"url\":\"https:\\\/\\\/trashou.com\\\/index.php\\\/competences\\\/integration-html-css\\\/\",\"name\":\"Comp\u00e9tences : Int\u00e9gration HTML\\\/CSS - Trashou.com\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/trashou.com\\\/#website\"},\"datePublished\":\"2019-08-14T15:36:35+00:00\",\"dateModified\":\"2019-09-26T12:20:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/trashou.com\\\/index.php\\\/competences\\\/integration-html-css\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/trashou.com\\\/index.php\\\/competences\\\/integration-html-css\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/trashou.com\\\/index.php\\\/competences\\\/integration-html-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/trashou.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Comp\u00e9tences\",\"item\":\"https:\\\/\\\/trashou.com\\\/index.php\\\/competences\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Comp\u00e9tences : Int\u00e9gration HTML\\\/CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/trashou.com\\\/#website\",\"url\":\"https:\\\/\\\/trashou.com\\\/\",\"name\":\"Trashou.com\",\"description\":\"Mettez au panier vos anciennes id\u00e9es sur internet !\",\"publisher\":{\"@id\":\"https:\\\/\\\/trashou.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/trashou.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/trashou.com\\\/#organization\",\"name\":\"Trashou.com\",\"url\":\"https:\\\/\\\/trashou.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/trashou.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/trashou.com\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/Logo_trashou.png\",\"contentUrl\":\"https:\\\/\\\/trashou.com\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/Logo_trashou.png\",\"width\":150,\"height\":26,\"caption\":\"Trashou.com\"},\"image\":{\"@id\":\"https:\\\/\\\/trashou.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Trashoucom\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/trashou.com\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comp\u00e9tences : Int\u00e9gration HTML\/CSS - Trashou.com","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/trashou.com\/index.php\/competences\/integration-html-css\/","og_locale":"fr_FR","og_type":"article","og_title":"Comp\u00e9tences : Int\u00e9gration HTML\/CSS - Trashou.com","og_url":"https:\/\/trashou.com\/index.php\/competences\/integration-html-css\/","og_site_name":"Trashou.com","article_publisher":"https:\/\/www.facebook.com\/Trashoucom","article_modified_time":"2019-09-26T12:20:17+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/trashou.com\/index.php\/competences\/integration-html-css\/","url":"https:\/\/trashou.com\/index.php\/competences\/integration-html-css\/","name":"Comp\u00e9tences : Int\u00e9gration HTML\/CSS - Trashou.com","isPartOf":{"@id":"https:\/\/trashou.com\/#website"},"datePublished":"2019-08-14T15:36:35+00:00","dateModified":"2019-09-26T12:20:17+00:00","breadcrumb":{"@id":"https:\/\/trashou.com\/index.php\/competences\/integration-html-css\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/trashou.com\/index.php\/competences\/integration-html-css\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/trashou.com\/index.php\/competences\/integration-html-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/trashou.com\/"},{"@type":"ListItem","position":2,"name":"Comp\u00e9tences","item":"https:\/\/trashou.com\/index.php\/competences\/"},{"@type":"ListItem","position":3,"name":"Comp\u00e9tences : Int\u00e9gration HTML\/CSS"}]},{"@type":"WebSite","@id":"https:\/\/trashou.com\/#website","url":"https:\/\/trashou.com\/","name":"Trashou.com","description":"Mettez au panier vos anciennes id\u00e9es sur internet !","publisher":{"@id":"https:\/\/trashou.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/trashou.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/trashou.com\/#organization","name":"Trashou.com","url":"https:\/\/trashou.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/trashou.com\/#\/schema\/logo\/image\/","url":"https:\/\/trashou.com\/wp-content\/uploads\/2019\/11\/Logo_trashou.png","contentUrl":"https:\/\/trashou.com\/wp-content\/uploads\/2019\/11\/Logo_trashou.png","width":150,"height":26,"caption":"Trashou.com"},"image":{"@id":"https:\/\/trashou.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Trashoucom","https:\/\/www.linkedin.com\/company\/trashou.com\/"]}]}},"_links":{"self":[{"href":"https:\/\/trashou.com\/index.php\/wp-json\/wp\/v2\/pages\/665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trashou.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trashou.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trashou.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/trashou.com\/index.php\/wp-json\/wp\/v2\/comments?post=665"}],"version-history":[{"count":10,"href":"https:\/\/trashou.com\/index.php\/wp-json\/wp\/v2\/pages\/665\/revisions"}],"predecessor-version":[{"id":1120,"href":"https:\/\/trashou.com\/index.php\/wp-json\/wp\/v2\/pages\/665\/revisions\/1120"}],"up":[{"embeddable":true,"href":"https:\/\/trashou.com\/index.php\/wp-json\/wp\/v2\/pages\/47"}],"wp:attachment":[{"href":"https:\/\/trashou.com\/index.php\/wp-json\/wp\/v2\/media?parent=665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}