{"id":1407,"date":"2022-05-13T14:57:29","date_gmt":"2022-05-13T12:57:29","guid":{"rendered":"https:\/\/portal.edu.gva.es\/aules\/?p=1389"},"modified":"2025-12-19T10:46:08","modified_gmt":"2025-12-19T09:46:08","slug":"modernitza-el-disseny-de-les-teues-aules-virtuals-amb-bootstrap","status":"publish","type":"post","link":"https:\/\/portal.edu.gva.es\/aules\/modernitza-el-disseny-de-les-teues-aules-virtuals-amb-bootstrap\/","title":{"rendered":"Modernitza el disseny de les teues aules virtuals amb Bootstrap"},"content":{"rendered":"\n<p><strong>Actualitzar l&#8217;estil<\/strong> o afegir noves funcionalitats als recursos de les teues aules virtuals pot resultar <strong>molt senzill<\/strong>. <strong>Tan sols necessites <\/strong>copiar i pegar el disseny de Bootstrap que m\u00e9s t&#8217;agrade en l&#8217;editor de text dels recursos de la teua aula vitrtual i guardar-lo despr\u00e9s.<\/p>\n\n\n\n<p><strong>Bootstrap \u00e9s un framework de codi obert<\/strong> molt conegut i empleat en el disseny de multitud de llocs i aplicacions web. A l&#8217;\u00e9sser en codi obert, podem veure i utilitzar els seus dissenys ja fets d&#8217;elements web (una combinaci\u00f3 de codi HTML, CSS, etc) com botons, cards, missatges d&#8217;alerta, presentaci\u00f3 de contingut en &#8220;pestanyes&#8221;, en carrusel, etc en les nostres p\u00e0gines web o en aquest cas, en l&#8217;editor <b>de text <\/b>que tenim disponible en els recursos d&#8217;Aules.<\/p>\n\n\n\n<p>Un exemple de com afegir <strong>botons amb diferents<\/strong> estils enlla\u00e7ats a diferents URLs:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2022\/05\/Seleccio_215.png\" alt=\"\" \/><figcaption class=\"wp-element-caption\">Estils de botons per a saltar a activitats o p\u00e0gines.<br>\n<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2022\/05\/bootstrap1.png\" alt=\"\" \/><figcaption class=\"wp-element-caption\">Bootstrap afegit en l&#8217;editor de text del recurs &#8220;enlla\u00e7&#8221;.<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<p>Exemple de <strong>missatge ressaltat amb Bootstrap<\/strong>: av\u00eds, alertat, important, etc.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2022\/05\/Seleccio_216-1.png\" alt=\"\" \/><figcaption class=\"wp-element-caption\">Estils per a missatges d&#8217;av\u00eds<br>\n<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2022\/05\/bootstrap0-2.png\" alt=\"\" \/><figcaption class=\"wp-element-caption\">Bootstrap afegit en l&#8217;editor de text del recurs &#8220;tasca&#8221;<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<p>I un exemple de l&#8217;estil &#8220;<strong>Cards<\/strong>&#8220;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2022\/05\/Seleccio_214-1024x316.png\" alt=\"\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/portal.edu.gva.es\/aules\/wp-content\/uploads\/sites\/644\/2022\/05\/Seleccio_217-1024x192.png\" alt=\"\" \/><figcaption class=\"wp-element-caption\">Bootstrap per a afegir l&#8217;estil &#8220;cards&#8221; al recurs &#8220;etiqueta&#8221;<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\" \/>\n\n\n\n<p>En la web de Bootstrap podeu trobar molts exemples m\u00e9s. Doneu una ullada!<\/p>\n\n\n\n<figure class=\"wp-block-embed\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/getbootstrap.com\/docs\/4.5\/components\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Actualitzar l&#8217;estil o afegir noves funcionalitats als recursos de les teues aules virtuals pot resultar molt senzill. Tan sols necessites copiar i pegar el disseny de Bootstrap que m\u00e9s t&#8217;agrade en l&#8217;editor de text dels recursos de la teua aula vitrtual i guardar-lo despr\u00e9s. Bootstrap \u00e9s un framework de codi obert molt conegut i empleat &#8230; <a title=\"Modernitza el disseny de les teues aules virtuals amb Bootstrap\" class=\"read-more\" href=\"https:\/\/portal.edu.gva.es\/aules\/modernitza-el-disseny-de-les-teues-aules-virtuals-amb-bootstrap\/\" aria-label=\"Read more about Modernitza el disseny de les teues aules virtuals amb Bootstrap\">Llegir m\u00e9s \/ leer m\u00e1s<\/a><\/p>\n","protected":false},"author":5974,"featured_media":700,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21,25],"tags":[],"class_list":["post-1407","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-millores-va","category-noticies-va","no-featured-image-padding"],"lang":"va","translations":{"va":1407,"es":1389},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/posts\/1407"}],"collection":[{"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/users\/5974"}],"replies":[{"embeddable":true,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/comments?post=1407"}],"version-history":[{"count":3,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/posts\/1407\/revisions"}],"predecessor-version":[{"id":4568,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/posts\/1407\/revisions\/4568"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/media\/700"}],"wp:attachment":[{"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/media?parent=1407"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/categories?post=1407"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/portal.edu.gva.es\/aules\/wp-json\/wp\/v2\/tags?post=1407"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}