{"id":30,"date":"2020-10-13T13:14:10","date_gmt":"2020-10-13T17:14:10","guid":{"rendered":"https:\/\/protasar.pourleweb.ca\/devoirs\/devoir6\/?p=30"},"modified":"2020-11-13T16:40:38","modified_gmt":"2020-11-13T21:40:38","slug":"site-une-page","status":"publish","type":"post","link":"https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/site-une-page\/","title":{"rendered":"Cr\u00e9er un site \u00e0 une seule page"},"content":{"rendered":"\n<p class=\"has-text-align-center has-accent-background-color has-text-color has-background\" style=\"color:#ffffff\"><strong>Voici le contenu de mes quatre pages des langages Web dans un seul article.<\/strong><\/p>\n\n\n\n<!--more-->\n\n\n\n<ul><li><a href=\"#HTML\" data-type=\"internal\" data-id=\"#HTML\">HTML<\/a><\/li><li><a href=\"#CSS\">CSS<\/a><\/li><li><a href=\"#JS\" data-type=\"internal\" data-id=\"#JS\">JavaScript<\/a><\/li><li><a href=\"#wordpress\" data-type=\"internal\" data-id=\"#wordpress\">WordPress<\/a><\/li><\/ul>\n\n\n\n<h2 id=\"HTML\">HTML<\/h2>\n\n\n\n<p>Le&nbsp;<em>HyperText Markup Language<\/em>, g\u00e9n\u00e9ralement abr\u00e9g\u00e9&nbsp;<strong>HTML<\/strong>&nbsp;ou dans sa derni\u00e8re version HTML5, est le langage de balisage con\u00e7u pour repr\u00e9senter les&nbsp;<strong>pages web<\/strong>. C\u2019est un langage permettant d\u2019\u00e9crire de l\u2019<strong>hypertexte<\/strong>, d\u2019o\u00f9 son nom.<\/p>\n\n\n\n<p>HTML permet \u00e9galement de\u00a0<strong>structurer s\u00e9mantiquement la page<\/strong>, de cr\u00e9er des formulaires de saisie, d\u2019inclure des ressources multim\u00e9dias dont des images, des vid\u00e9os et des applications.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" width=\"1024\" height=\"682\" src=\"https:\/\/protasar.pourleweb.ca\/devoirs\/devoir6\/wp-content\/uploads\/2020\/10\/IMG_6101-1024x682.jpg\" alt=\"Mon chien Max\" class=\"wp-image-58\" srcset=\"https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-content\/uploads\/2020\/10\/IMG_6101-1024x682.jpg 1024w, https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-content\/uploads\/2020\/10\/IMG_6101-300x200.jpg 300w, https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-content\/uploads\/2020\/10\/IMG_6101-768x511.jpg 768w, https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-content\/uploads\/2020\/10\/IMG_6101-1536x1023.jpg 1536w, https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-content\/uploads\/2020\/10\/IMG_6101-2048x1364.jpg 2048w, https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-content\/uploads\/2020\/10\/IMG_6101-1200x799.jpg 1200w, https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-content\/uploads\/2020\/10\/IMG_6101-1980x1318.jpg 1980w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Mon chien Max<\/figcaption><\/figure><\/div>\n\n\n\n<h2 id=\"CSS\">CSS<\/h2>\n\n\n\n<p>Les&nbsp;<strong>feuilles de style en cascade<\/strong>, g\u00e9n\u00e9ralement appel\u00e9es&nbsp;<strong>CSS<\/strong>&nbsp;de l\u2019anglais&nbsp;<em>Cascading Style Sheets<\/em>, forment un langage qui d\u00e9crit la&nbsp;<strong>pr\u00e9sentation&nbsp;<\/strong>des documents HTML.<\/p>\n\n\n\n<p>Les standards d\u00e9finissant CSS sont publi\u00e9s par le&nbsp;<em>World Wide Web Consortium<\/em>&nbsp;(<strong>W3C<\/strong>). Introduit au milieu des ann\u00e9es 1990, CSS devient couramment utilis\u00e9 dans la conception de sites web et bien pris en charge par les navigateurs web dans les ann\u00e9es 2000.<\/p>\n\n\n\n<h2 id=\"JS\">JavaScript<\/h2>\n\n\n\n<p><strong>JavaScript<\/strong>&nbsp;est un langage de programmation de scripts principalement employ\u00e9 dans les&nbsp;<strong>pages web interactives<\/strong>&nbsp;et \u00e0 ce titre est une partie essentielle des applications web.<\/p>\n\n\n\n<p>Avec les technologies&nbsp;<strong>HTML<\/strong>&nbsp;et&nbsp;<strong>CSS<\/strong>,&nbsp;<strong>JavaScript<\/strong>&nbsp;est parfois consid\u00e9r\u00e9 comme l\u2019une des technologies essentielles du Web. Une grande majorit\u00e9 des sites web l\u2019utilisent, et la majorit\u00e9 des navigateurs web disposent d\u2019un moteur JavaScript d\u00e9di\u00e9 pour l\u2019interpr\u00e9ter.&nbsp;<\/p>\n\n\n\n<p>JavaScript a \u00e9t\u00e9 cr\u00e9\u00e9 en 1995 par Brendan Eich. JavaScript est aussi employ\u00e9 pour les serveurs avec l\u2019utilisation (par exemple) de Node.js.<\/p>\n\n\n\n<h2 id=\"wordpress\">WordPress<\/h2>\n\n\n\n<p><strong>WordPress<\/strong>&nbsp;est un&nbsp;<strong>syst\u00e8me de gestion de contenu<\/strong>&nbsp;(SGC ou&nbsp;<em>content management system<\/em>&nbsp;(CMS) en anglais) gratuit, libre et ouvert (<em>open-source<\/em>).&nbsp;<\/p>\n\n\n\n<p>Au lieu d\u2019\u00e9crire du code HTML, CSS et JavaScript \u00e0 la main, WordPress permet de rapidement publier du contenu gr\u00e2ce \u00e0 un&nbsp;<strong>\u00e9diteur<\/strong>&nbsp;tr\u00e8s facile d\u2019utilisation. Cet \u00e9diteur utilise le concept de&nbsp;<strong>blocs de contenu<\/strong>&nbsp;et permet d\u2019ajouter, de configurer et de positionner diff\u00e9rents types de blocs afin de constituer le contenu des pages et articles.<\/p>\n\n\n\n<p>WordPress est \u00e9crit en PHP et repose sur une base de donn\u00e9es MySQL. Il est distribu\u00e9 par la fondation WordPress.org. Les fonctionnalit\u00e9s de WordPress lui permettent de cr\u00e9er et g\u00e9rer diff\u00e9rents types de sites Web : site vitrine, site de vente en ligne, site applicatif, blogue, ou encore portfolio.<\/p>\n\n\n\n<p>En ao\u00fbt 2020, WordPress est utilis\u00e9 par plus de 38 % des sites web dans le monde, ses concurrents directs sont \u00e0 2,8 % (Shopify), \u00e0 2,3 % (Joomla!) et \u00e0 1,5 % (Drupal) tandis que 40 % des sites n\u2019utilisent pas de syst\u00e8me de gestion de contenu.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Voici le contenu de mes quatre pages des langages Web dans un seul article.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[4],"_links":{"self":[{"href":"https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-json\/wp\/v2\/posts\/30"}],"collection":[{"href":"https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":8,"href":"https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-json\/wp\/v2\/posts\/30\/revisions"}],"predecessor-version":[{"id":59,"href":"https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-json\/wp\/v2\/posts\/30\/revisions\/59"}],"wp:attachment":[{"href":"https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-json\/wp\/v2\/media?parent=30"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-json\/wp\/v2\/categories?post=30"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/protasar.pourleweb.ca\/portfolio\/devoirs\/devoir6\/wp-json\/wp\/v2\/tags?post=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}