{"id":8,"date":"2026-04-28T17:49:49","date_gmt":"2026-04-28T15:49:49","guid":{"rendered":"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/?page_id=8"},"modified":"2026-05-05T17:56:19","modified_gmt":"2026-05-05T15:56:19","slug":"web","status":"publish","type":"page","link":"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/web\/","title":{"rendered":"Web"},"content":{"rendered":"\n<figure class=\"wp-block-video alignfull\"><video autoplay loop muted src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Captura_de_pantalla_2026-03-17_a_les_19.17.01-3.mp4\" playsinline><\/video><\/figure>\n\n\n\n<div class=\"wp-block-group alignfull is-style-section-2 has-custom-verd-background-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained is-style-section-2--1\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)\">\n<h1 class=\"wp-block-heading\" style=\"margin-top:-100px;margin-bottom:100px;font-size:0px\">Web<\/h1>\n\n\n\n<p class=\"has-text-align-center\">Vols saber m\u00e9s conceptes sobre com fer una p\u00e0gina web, tant est\u00e0tica com din\u00e0mica? Fes scroll i calma el teu xivarri mental.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-section-5 has-custom-negre-color has-custom-blanc-background-color has-text-color has-background has-link-color wp-elements-0ba0c4db0ff0638dfe57d23da1a94e37 has-global-padding is-layout-constrained wp-block-group-is-layout-constrained is-style-section-5--2\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\">\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading alignfull has-text-align-center has-montserrat-font-family\" style=\"border-right-color:var(--wp--preset--color--base);border-right-width:20px;border-left-color:var(--wp--preset--color--base);border-left-width:20px;font-size:clamp(65.143px, 4.071rem + ((1vw - 3.2px) * 7.339), 140px);\">Webs Est\u00e0tiques<\/h2>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image alignright size-large is-resized\" style=\"margin-top:-300px;margin-right:var(--wp--preset--spacing--30);margin-left:0px\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"774\" src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vector-115-2-1024x774.png\" alt=\"Detall d'un logotip amb una corona de color verd sobre lletres negres.\" class=\"wp-image-799\" style=\"width:176px;height:auto\" srcset=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vector-115-2-1024x774.png 1024w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vector-115-2-300x227.png 300w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vector-115-2-768x581.png 768w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vector-115-2.png 1205w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center has-medium-font-size\">Oasis, \u00e9s una web de compravenda i revenda de vinils. L\u2019objectiu d\u2019Oasis \u00e9s reviure la nost\u00e0lgia d\u2019escoltar m\u00fasica en un vinil.\u2028I tu, t\u2019animaries a comprar-ne un?<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"952\" height=\"547\" src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Captura-de-pantalla-2026-03-15-a-les-13.06.38-1-1.png\" alt=\" Captura de pantalla de la p\u00e0gina web d'Oasis, botiga de vinils. \nEs veu la cap\u00e7alera verda amb el missatge 'OFERTES BLACK FRIDAY SOON', el logo d'Oasis al centre, el men\u00fa de navegaci\u00f3 (Vinils, G\u00e8neres, Artistes, Ofertes, Reventa) i una gran imatge d'un disc de vinil negre amb el logo de Spotify al centre i la paraula 'OASIS' a baix.\" class=\"wp-image-646\" style=\"width:1000px;height:auto\" srcset=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Captura-de-pantalla-2026-03-15-a-les-13.06.38-1-1.png 952w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Captura-de-pantalla-2026-03-15-a-les-13.06.38-1-1-300x172.png 300w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Captura-de-pantalla-2026-03-15-a-les-13.06.38-1-1-768x441.png 768w\" sizes=\"auto, (max-width: 952px) 100vw, 952px\" \/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/gigue-21.github.io\/Bresca\/\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1465\" src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Captura-de-pantalla-2026-05-04-a-les-16.47.50-scaled.png\" alt=\"Captura de pantalla de la p\u00e0gina web de Bresca, botiga de mobles. \nEs veu el logo 'Bresca' a dalt, un disseny modern amb hex\u00e0gons grisos sobre fons verd clar a l'esquerra, i una cadira de fusta negra minimalista a la dreta sobre fons blanc amb un element gr\u00e0fic verd ondulat.\" class=\"wp-image-641\" srcset=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Captura-de-pantalla-2026-05-04-a-les-16.47.50-scaled.png 2560w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Captura-de-pantalla-2026-05-04-a-les-16.47.50-300x172.png 300w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Captura-de-pantalla-2026-05-04-a-les-16.47.50-1024x586.png 1024w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Captura-de-pantalla-2026-05-04-a-les-16.47.50-768x439.png 768w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Captura-de-pantalla-2026-05-04-a-les-16.47.50-1536x879.png 1536w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Captura-de-pantalla-2026-05-04-a-les-16.47.50-2048x1172.png 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/a><\/figure>\n\n\n\n<div class=\"wp-block-columns alignfull are-vertically-aligned-bottom is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image alignright size-large is-resized\" style=\"margin-top:-280px;margin-right:150px;margin-left:0px\"><img loading=\"lazy\" decoding=\"async\" width=\"793\" height=\"1024\" src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vector-107-4-793x1024.png\" alt=\"\" class=\"wp-image-787\" style=\"width:251px;height:auto\" srcset=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vector-107-4-793x1024.png 793w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vector-107-4-232x300.png 232w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vector-107-4-768x992.png 768w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vector-107-4-1189x1536.png 1189w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vector-107-4-1585x2048.png 1585w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vector-107-4-scaled.png 1982w\" sizes=\"auto, (max-width: 793px) 100vw, 793px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center has-medium-font-size\">Bresca, una galeria de mobles que et deixar\u00e0 amb ganes de comprar-los tots. Necessites canviar d\u2019aires la casa i no saps com inspirar-te? <br>Entra a Bresca i gaudeix de la diversitat.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading alignfull has-text-align-center is-style-default\" style=\"margin-right:var(--wp--preset--spacing--40);margin-left:var(--wp--preset--spacing--40);font-size:clamp(61.532px, 3.846rem + ((1vw - 3.2px) * 6.713), 130px);\">Estils<br> diferents<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/0206baipas-ops.github.io\/CAL-MITJO\/\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"952\" height=\"578\" src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/04\/image-93.png\" alt=\"Captura de pantalla de la p\u00e0gina web de Cal Mitj\u00f3, botiga de mitjons. Es veu la cap\u00e7alera amb el logo 'CAL MITJ\u00d3 N\u00ba 2025' i el men\u00fa de navegaci\u00f3. A la imatge principal, una corda amb molts mitjons de colors (beix, marr\u00f3, blanc i gris) penjats amb pinces de fusta.\" class=\"wp-image-148\" style=\"width:1000px;height:auto\" srcset=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/04\/image-93.png 952w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/04\/image-93-300x182.png 300w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/04\/image-93-768x466.png 768w\" sizes=\"auto, (max-width: 952px) 100vw, 952px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-right has-medium-font-size\">Est\u00e0s cansat de no trobar mitjons de bona qualitat?<br>\u2028Cal mitj\u00f3 \u00e9s la teva soluci\u00f3, una web on podr\u00e0s trobar mitjons de totes les mides,<br>textures i colors, des dels m\u00e9s grans als m\u00e9s petits de la casa.\u2028<br>Entra i comprovau.<\/p>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized\" style=\"margin-top:-260px;margin-left:var(--wp--preset--spacing--80)\"><img loading=\"lazy\" decoding=\"async\" width=\"694\" height=\"791\" src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Group-28-2.png\" alt=\"gargot en forma de estrella\" class=\"wp-image-759\" style=\"width:227px;height:auto\" srcset=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Group-28-2.png 694w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Group-28-2-263x300.png 263w\" sizes=\"auto, (max-width: 694px) 100vw, 694px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<aside class=\"wp-block-group alignfull is-style-default has-custom-verd-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:30px;padding-bottom:var(--wp--preset--spacing--50);padding-left:30px\">\n<header class=\"wp-block-uagb-advanced-heading uagb-block-fd0e9da9\"><h2 class=\"uagb-heading-text\">Recursos<\/h2><\/header>\n\n\n\n<p class=\"has-text-align-right is-style-text-subtitle is-style-text-subtitle--3\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.588), 20px);\">Per poder crear aquestes webs ens hem raspallat amb l\u2019editor de codi&nbsp;<strong>Visual Studio Code<\/strong>,<br> la biblioteca de&nbsp;<strong>Bootstrap<\/strong>&nbsp;i&nbsp;<strong>Github<\/strong>&nbsp;a l\u2019hora de publicar les webs.<\/p>\n<\/aside>\n\n\n\n<div class=\"wp-block-group alignfull is-style-section-1 has-custom-blanc-background-color has-background has-global-padding is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-c47dfad5 wp-block-group-is-layout-constrained is-style-section-1--4\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:0;padding-bottom:var(--wp--preset--spacing--50);padding-left:0\">\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-ef2e353e wp-block-columns-is-layout-flex\" style=\"border-top-style:none;border-top-width:0px;border-right-color:var(--wp--preset--color--base);border-right-width:20px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group alignwide is-content-justification-right is-layout-flex wp-container-core-group-is-layout-1b2f0816 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"323\" height=\"291\" src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/04\/image-40-1.png\" alt=\"Diagrama de Venn que representa les tres tecnologies principals del desenvolupament web: HTML5 (en cercle taronja), CSS3 (en cercle blau) i JavaScript (en cercle groc). Els cercles es superposen mostrant la interrelaci\u00f3 entre les tres tecnologies.\" class=\"wp-image-167\" style=\"width:234px;height:auto\" srcset=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/04\/image-40-1.png 323w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/04\/image-40-1-300x270.png 300w\" sizes=\"auto, (max-width: 323px) 100vw, 323px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"75\" height=\"72\" src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/04\/Group-43.png\" alt=\"\" class=\"wp-image-172\" style=\"aspect-ratio:1.3333333333333333;object-fit:contain;width:53px;height:auto\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"156\" height=\"124\" src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/04\/Bootstrap_logo-1.png\" alt=\"Icona morada en forma d'escut o ins\u00edgnia decorativa amb la lletra B blanca gran al centre. T\u00e9 un disseny ondulat i elegant a les vores, i dos petits cercles blaus a la dreta. Es de Bootsrap\" class=\"wp-image-173\" style=\"aspect-ratio:1.3333333333333333;object-fit:contain;width:153px;height:auto\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-bottom is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-right\" style=\"border-right-color:var(--wp--preset--color--custom-blanc);border-right-width:250px\">Aquets s\u00f3n alguns exemples <br>de <strong>Bootstrap<\/strong> i animacions <strong>GSAP<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass=\"wp-block-uagb-image-gallery uagb-block-7c9f7493     \"\n\t\t\t\t\t\tstyle=\"\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"spectra-image-gallery spectra-image-gallery__layout--carousel\">\n\t\t\t\t\t\t\t\t<div class=\"uagb-slick-carousel uagb-block-7c9f7493\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='538'>\n\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media spectra-image-gallery__media--carousel\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source media=\"(min-width: 1024px)\" srcset=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Gemini_Generated_Image_wo7v40wo7v40wo7v-2-1024x504.png\">\n\t\t\t\t\t<source media=\"(min-width: 768px)\" srcset=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Gemini_Generated_Image_wo7v40wo7v40wo7v-2-1024x504.png\">\n\t\t\t\t\t<img decoding=\"async\" class=\"spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--carousel\" src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Gemini_Generated_Image_wo7v40wo7v40wo7v-2-300x148.png\" alt=\"\" loading=\"lazy\" \/>\n\t\t\t\t<\/picture>\n\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-blurrer\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='537'>\n\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media spectra-image-gallery__media--carousel\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source media=\"(min-width: 1024px)\" srcset=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Gemini_Generated_Image_wo7v40wo7v40wo7v-3-1024x504.png\">\n\t\t\t\t\t<source media=\"(min-width: 768px)\" srcset=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Gemini_Generated_Image_wo7v40wo7v40wo7v-3-1024x504.png\">\n\t\t\t\t\t<img decoding=\"async\" class=\"spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--carousel\" src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Gemini_Generated_Image_wo7v40wo7v40wo7v-3-300x148.png\" alt=\"\" loading=\"lazy\" \/>\n\t\t\t\t<\/picture>\n\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-blurrer\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='536'>\n\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media spectra-image-gallery__media--carousel\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source media=\"(min-width: 1024px)\" srcset=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Gemini_Generated_Image_wo7v40wo7v40wo7v-4-1024x504.png\">\n\t\t\t\t\t<source media=\"(min-width: 768px)\" srcset=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Gemini_Generated_Image_wo7v40wo7v40wo7v-4-1024x504.png\">\n\t\t\t\t\t<img decoding=\"async\" class=\"spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--carousel\" src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Gemini_Generated_Image_wo7v40wo7v40wo7v-4-300x148.png\" alt=\"\" loading=\"lazy\" \/>\n\t\t\t\t<\/picture>\n\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-blurrer\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='535'>\n\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media spectra-image-gallery__media--carousel\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source media=\"(min-width: 1024px)\" srcset=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Gemini_Generated_Image_wo7v40wo7v40wo7v-5-1024x504.png\">\n\t\t\t\t\t<source media=\"(min-width: 768px)\" srcset=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Gemini_Generated_Image_wo7v40wo7v40wo7v-5-1024x504.png\">\n\t\t\t\t\t<img decoding=\"async\" class=\"spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--carousel\" src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Gemini_Generated_Image_wo7v40wo7v40wo7v-5-300x148.png\" alt=\"\" loading=\"lazy\" \/>\n\t\t\t\t<\/picture>\n\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-blurrer\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='534'>\n\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media spectra-image-gallery__media--carousel\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source media=\"(min-width: 1024px)\" srcset=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Gemini_Generated_Image_wo7v40wo7v40wo7v-1024x504.png\">\n\t\t\t\t\t<source media=\"(min-width: 768px)\" srcset=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Gemini_Generated_Image_wo7v40wo7v40wo7v-1024x504.png\">\n\t\t\t\t\t<img decoding=\"async\" class=\"spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--carousel\" src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Gemini_Generated_Image_wo7v40wo7v40wo7v-300x148.png\" alt=\"\" loading=\"lazy\" \/>\n\t\t\t\t<\/picture>\n\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-blurrer\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class='spectra-image-gallery__control-lightbox' tabindex='0'>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper spectra-image-gallery__control-lightbox--main\" dir=\"\">\n\t\t\t\t\t<div class=\"swiper-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"swiper-slide\">\n\t\t\t\t\t\t\t\t<img class=\"swiper-lazy\" data-src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Gemini_Generated_Image_wo7v40wo7v40wo7v-2.png\" alt=\"\"\/>\n\t\t\t\t\t\t\t\t<div class=\"swiper-lazy-preloader swiper-lazy-preloader-white\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"swiper-slide\">\n\t\t\t\t\t\t\t\t<img class=\"swiper-lazy\" data-src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Gemini_Generated_Image_wo7v40wo7v40wo7v-3.png\" alt=\"\"\/>\n\t\t\t\t\t\t\t\t<div class=\"swiper-lazy-preloader swiper-lazy-preloader-white\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"swiper-slide\">\n\t\t\t\t\t\t\t\t<img class=\"swiper-lazy\" data-src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Gemini_Generated_Image_wo7v40wo7v40wo7v-4.png\" alt=\"\"\/>\n\t\t\t\t\t\t\t\t<div class=\"swiper-lazy-preloader swiper-lazy-preloader-white\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"swiper-slide\">\n\t\t\t\t\t\t\t\t<img class=\"swiper-lazy\" data-src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Gemini_Generated_Image_wo7v40wo7v40wo7v-5.png\" alt=\"\"\/>\n\t\t\t\t\t\t\t\t<div class=\"swiper-lazy-preloader swiper-lazy-preloader-white\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"swiper-slide\">\n\t\t\t\t\t\t\t\t<img class=\"swiper-lazy\" data-src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Gemini_Generated_Image_wo7v40wo7v40wo7v.png\" alt=\"\"\/>\n\t\t\t\t\t\t\t\t<div class=\"swiper-lazy-preloader swiper-lazy-preloader-white\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"swiper-button-next\"><\/div>\n\t\t\t\t\t<div class=\"swiper-button-prev\"><\/div>\n\t\t\t\t<\/div>\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class='spectra-image-gallery__control-lightbox--close' aria-label=\"Close\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox= \"0 0 320 512\"><path d=\"M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z\"><\/path><\/svg>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-default has-custom-blanc-background-color has-background has-global-padding is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-0b3237b3 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0\">\n<div class=\"wp-block-uagb-container uagb-block-8b3db8aa alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-uagb-container uagb-layout-grid uagb-block-3f54cefe\"><div class=\"uagb-container__video-wrap\"><\/div>\n<p class=\"has-text-align-left\"><strong>Html,&nbsp;CSS&nbsp;i&nbsp;Java Script&nbsp;<\/strong>han sigut els nostres aliats a l\u2019hora de la creaci\u00f3 de les webs.<br>\u2028\u2028<br><strong>Visual Studio Code<\/strong>&nbsp;ha fet que aquests codis cobressin vida dins del navegador.<br><br>\u2028\u2028I tu,&nbsp;coneixes algun altre&nbsp;<strong>editor de codi?<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-layout-grid uagb-block-7d530a22\">\n<div class=\"wp-block-uagb-advanced-heading uagb-block-15909bd7\"><h2 class=\"uagb-heading-text\">html, CSS <br>i Java<\/h2><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<figure class=\"wp-block-image alignright size-large is-resized\" style=\"margin-top:-230px;margin-right:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--70);margin-left:0\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"540\" src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vector-56-1-1024x540.png\" alt=\"Gargota de color verd \" class=\"wp-image-709\" style=\"width:404px;height:auto\" srcset=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vector-56-1-1024x540.png 1024w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vector-56-1-300x158.png 300w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vector-56-1-768x405.png 768w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vector-56-1-1536x810.png 1536w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vector-56-1.png 1661w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div style=\"margin-top:0;margin-bottom:0;height:auto;width:290px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<aside class=\"wp-block-group alignfull is-style-default has-custom-verd-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:30px;padding-bottom:var(--wp--preset--spacing--50);padding-left:30px\">\n<header class=\"wp-block-uagb-advanced-heading uagb-block-a92758eb\"><h2 class=\"uagb-heading-text\">Net Art<\/h2><\/header>\n\n\n\n<p class=\"has-text-align-left is-style-text-subtitle is-style-text-subtitle--5\" style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.588), 20px);\">El&nbsp;<strong>Net Art&nbsp;(o net.art)<\/strong>&nbsp;\u00e9s una forma d&#8217;art digital creat espec\u00edficament per a internet, utilitzant les xarxes com a mitj\u00e0 de creaci\u00f3, exposici\u00f3 i interacci\u00f3.<br><br>T\u2019imagines una web seguint aquest estil? A xivarri no hi ha l\u00edmits&#8230;<\/p>\n<\/aside>\n\n\n\n<div class=\"wp-block-group alignfull has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/cenizas24.github.io\/oasis\/\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"588\" src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Oasis-Net-ARt-3-1024x588.png\" alt=\"Captura de pantalla de la p\u00e0gina d'inici d'Oasis amb fons verd oliva. Presenta el logotip central 'OASIS' en blanc amb tres estrelles a sota i un men\u00fa lateral a l'esquerra amb els botons: ArTisTEs, vlnlls, G\u00e8NeRes, OfErtEs i AboUt.\" class=\"wp-image-643\" srcset=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Oasis-Net-ARt-3-1024x588.png 1024w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Oasis-Net-ARt-3-300x172.png 300w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Oasis-Net-ARt-3-768x441.png 768w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Oasis-Net-ARt-3-1536x882.png 1536w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Oasis-Net-ARt-3-2048x1176.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/irisgimenezguerrero21-droid.github.io\/bresca\/\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"581\" src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Captura-de-pantalla-2026-05-04-a-les-16.47.35-1024x581.png\" alt=\"Captura de pantalla de la p\u00e0gina d'inici de Bresca. A la part superior hi ha el logotip 'Bresca' en granat i un men\u00fa amb 'Inici', 'Sobre Nosaltres' i 'Contacte'. La imatge principal mostra un sal\u00f3 modern i llumin\u00f3s amb una taula rodona de fusta, una cadira a joc, una catifa clara, una butaca de color blau clar amb estructura vermella i un moble auxiliar cil\u00edndric vermell.\" class=\"wp-image-640\" srcset=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Captura-de-pantalla-2026-05-04-a-les-16.47.35-1024x581.png 1024w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Captura-de-pantalla-2026-05-04-a-les-16.47.35-300x170.png 300w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Captura-de-pantalla-2026-05-04-a-les-16.47.35-768x436.png 768w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Captura-de-pantalla-2026-05-04-a-les-16.47.35-1536x871.png 1536w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Captura-de-pantalla-2026-05-04-a-les-16.47.35-2048x1162.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"582\" src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/WhatsApp-Image-2026-03-18-at-10.09.03-1-1-1024x582.png\" alt=\"Captura de pantalla de linici de la p\u00e0gina web del modernisme de reus. Es veuen tres apartats: Somni, Mem\u00f2ria i Ruta. i un mosaic que es va descobrint. Al mig un text de: &quot;On el passat es despertar i el present es dissol: benvingut al somni modernista&quot;\" class=\"wp-image-648\" srcset=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/WhatsApp-Image-2026-03-18-at-10.09.03-1-1-1024x582.png 1024w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/WhatsApp-Image-2026-03-18-at-10.09.03-1-1-300x170.png 300w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/WhatsApp-Image-2026-03-18-at-10.09.03-1-1-768x436.png 768w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/WhatsApp-Image-2026-03-18-at-10.09.03-1-1-1536x872.png 1536w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/WhatsApp-Image-2026-03-18-at-10.09.03-1-1-2048x1163.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\" style=\"margin-bottom:-280px\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"685\" src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Ilustracion_sin_titulo-200-1024x685.png\" alt=\"Gargot amb dos ratlles diagonals verdes unides.\n\" class=\"wp-image-680\" style=\"width:423px;height:auto\" srcset=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Ilustracion_sin_titulo-200-1024x685.png 1024w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Ilustracion_sin_titulo-200-300x201.png 300w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Ilustracion_sin_titulo-200-768x514.png 768w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Ilustracion_sin_titulo-200-1536x1027.png 1536w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Ilustracion_sin_titulo-200-2048x1370.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<header class=\"wp-block-uagb-advanced-heading uagb-block-a10e87b5\"><h2 class=\"uagb-heading-text\">Din\u00e0mic<\/h2><\/header>\n\n\n\n<div style=\"height:140px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-954ec4bb wp-block-columns-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<p>Vue.js \u00e9s un&nbsp;<strong>framework de JavaScript<\/strong>&nbsp;progressiu i de&nbsp;codi obert&nbsp;dissenyat per construir interf\u00edcies d\u2019usuari&nbsp;<strong>(UI)<\/strong>&nbsp;i aplicacions web interactives&nbsp;<strong>(SPA)<\/strong>&nbsp;de forma m\u00e9s eficient.&nbsp;\u2028\u2028<br><br>Aquest framework es caracteritza per ser f\u00e0cil d&#8217;integrar i estar <strong>basat en components<\/strong>, cosa que permet adoptar funcionalitats de manera incremental.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image alignleft size-large is-resized\" style=\"margin-top:0px;margin-left:-18px\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"774\" src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vector-115-1024x774.png\" alt=\"Corona amb gargot pintada de color verd \" class=\"wp-image-687\" style=\"width:349px;height:auto\" srcset=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vector-115-1024x774.png 1024w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vector-115-300x227.png 300w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vector-115-768x581.png 768w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vector-115.png 1205w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignfull are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-954ec4bb wp-block-columns-is-layout-flex\" style=\"padding-right:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:44.45%\">\n<div class=\"wp-block-uagb-advanced-heading uagb-block-26a80e62\"><h2 class=\"uagb-heading-text\">Vue.js<\/h2><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<figure class=\"wp-block-image size-large has-custom-border\" style=\"margin-top:-95px;margin-bottom:0;margin-left:0\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"887\" src=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vue.js_Logo_2.svg_-1024x887.png\" alt=\"Signe del llenguatge de programaci\u00f3 Vue.\" class=\"wp-image-658\" style=\"border-radius:0px;border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px\" srcset=\"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vue.js_Logo_2.svg_-1024x887.png 1024w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vue.js_Logo_2.svg_-300x260.png 300w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vue.js_Logo_2.svg_-768x665.png 768w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vue.js_Logo_2.svg_-1536x1330.png 1536w, http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-content\/uploads\/sites\/99\/2026\/05\/Vue.js_Logo_2.svg_-2048x1774.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:22.22%\">\n<p>Per poder utilitzar&nbsp;<strong>Vue.js<\/strong>, has de tenir totes les carpetes amb la informaci\u00f3 molt ben ordenades.<br><br>Et recomanem per experi\u00e8ncia que abans de posar-t&#8217;hi et facis un&nbsp;<strong>petit esquema<\/strong>&nbsp;de tota l&#8217;estructura interna, tamb\u00e9 li pots dir a la&nbsp;<strong>IA<\/strong>&nbsp;(et recomanem&nbsp;el <strong>Copilot<\/strong>) perqu\u00e8 et sigui m\u00e9s f\u00e0cil.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:150px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-fbd777a2 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\"><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Web Vols saber m\u00e9s conceptes sobre com fer una p\u00e0gina web, tant est\u00e0tica com din\u00e0mica? Fes scroll i calma el teu xivarri mental. Webs Est\u00e0tiques Oasis, \u00e9s una web de compravenda i revenda de vinils. L\u2019objectiu d\u2019Oasis \u00e9s reviure la nost\u00e0lgia d\u2019escoltar m\u00fasica en un vinil.\u2028I tu, t\u2019animaries a comprar-ne un? Bresca, una galeria de [&hellip;]<\/p>\n","protected":false},"author":240,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"acf":[],"mb":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"janacasas","author_link":"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/author\/janacasas\/"},"uagb_comment_info":0,"uagb_excerpt":"Web Vols saber m\u00e9s conceptes sobre com fer una p\u00e0gina web, tant est\u00e0tica com din\u00e0mica? Fes scroll i calma el teu xivarri mental. Webs Est\u00e0tiques Oasis, \u00e9s una web de compravenda i revenda de vinils. L\u2019objectiu d\u2019Oasis \u00e9s reviure la nost\u00e0lgia d\u2019escoltar m\u00fasica en un vinil.\u2028I tu, t\u2019animaries a comprar-ne un? Bresca, una galeria de&hellip;","mfb_rest_fields":["title","uagb_featured_image_src","uagb_author_info","uagb_comment_info","uagb_excerpt"],"_links":{"self":[{"href":"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-json\/wp\/v2\/users\/240"}],"replies":[{"embeddable":true,"href":"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":110,"href":"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":1063,"href":"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-json\/wp\/v2\/pages\/8\/revisions\/1063"}],"wp:attachment":[{"href":"http:\/\/dissenyweb.gddtec.udl.cat\/2026-web10\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}