{"id":2,"date":"2023-06-19T11:43:41","date_gmt":"2023-06-19T09:43:41","guid":{"rendered":"http:\/\/guia-practicum-formacio-professorat.recursos.uoc.edu\/guiapelsestudiants\/?page_id=2"},"modified":"2023-06-27T13:57:36","modified_gmt":"2023-06-27T11:57:36","slug":"pagina-exemple","status":"publish","type":"page","link":"http:\/\/guia-practicum-formacio-professorat.recursos.uoc.edu\/Guia-del-practicum-per-a-estudiants\/pagina-exemple\/","title":{"rendered":"P\u00e0gina d&#8217;exemple"},"content":{"rendered":"\r\n<h4>Texto H4<\/h4>\r\n<div class=\"listAnchors\">\r\n<ul>\r\n<li>1. <a href=\"#ancla1\"> Ancla 1<\/a><\/li>\r\n<li>2. <a href=\"#ancla2\">Ancla 2<\/a>\r\n<ul>\r\n<li>2.1 <a href=\"#ancla1\"> Ancla 1<\/a><\/li>\r\n<li>2.2 <a href=\"#ancla1\"> Ancla 1<\/a>\r\n<ul>\r\n<li>2.2.1 <a href=\"#ancla1\"> Ancla 1<\/a><\/li>\r\n<li>2.2.2 <a href=\"#ancla1\"> Ancla 1<\/a><\/li>\r\n<\/ul>\r\n<\/li>\r\n<li>2.3 <a href=\"#ancla1\"> Ancla 1<\/a><\/li>\r\n<\/ul>\r\n<\/li>\r\n<li>3. <a href=\"#ancla2\">Ancla 2<\/a><\/li>\r\n<\/ul>\r\n<p><\/div> Esta es una p\u00e1gina de ejemplo, En el siglo <span class=\"roman\">XX<\/span> lorem <span class=\"roman\">XVI <\/span>es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas). Casi todo el mundo comienza con una p\u00e1gina Sobre m\u00ed para presentarse a los potenciales visitantes.. Podr\u00eda ser algo as\u00ed:<\/p>\r\n<blockquote>\r\n<p>\u00a1Hola!: Soy mensajero por el d\u00eda, aspirante a actor por la noche y esta es mi web. Vivo en Madrid, tengo perrazo llamado Juan y me encantan las pi\u00f1as coladas (y que me pille un chaparr\u00f3n)<\/p>\r\n<\/blockquote>\r\n<div class=\"blockquote-author\"><p>La empresa Calcetines XYZ se fund\u00f3 en 197<\/p>\n<\/div>\r\n<blockquote>\r\n<p>La empresa Calcetines XYZ se fund\u00f3 en 1971, y ha estado produciendo calcetines de calidad para sus clientes desde entonces. Ubicada en Gothan, la empresa XYZ tiene m\u00e1s de 2.000 empleados e intenta ayudar en lo que puede para mejorar la vida en Gothan<\/p>\r\n<\/blockquote>\r\n<p><div class=\"featured featured-grey\"><p>Si eres nuevo en WordPress deber\u00edas ir a <a href=\"http:\/\/social-media-test.aula.uoc.edu\/wp-admin\/\">tu escritorio<\/a> para borrar esta p\u00e1gina y crear algunas nuevas con tu contenido. \u00a1P\u00e1salo bien! <\/p>\n<\/div> <div class=\"featured featured-grey\"><\/p>\n<h3>Ejemplo<\/h3>\n<p>Si eres nuevo en WordPress deber\u00edas ir a <a href=\"http:\/\/social-media-test.aula.uoc.edu\/wp-admin\/\">tu escritorio<\/a> para borrar esta p\u00e1gina y crear algunas nuevas con tu <a class=\"tooltip\"  href=\"javascript:void(0);\" data-toggle=\"popover\" data-placement=\"bottom\" data-content=\"texto test\">contenido<\/a>. \u00a1P\u00e1salo bien!<\/p>\n<ul>\n<li>Esta es una p\u00e1gina de ejemplo\n<ol>\n<li>Esta es una p\u00e1gina de ejemplo<\/li>\n<li>Esta es una p\u00e1gina de ejemplo\n<ol>\n<li>Esta es una p\u00e1gina de ejemplo<\/li>\n<li>Esta es una p\u00e1gina de ejemplo<\/li>\n<\/ol>\n<\/li>\n<li>Esta es una p\u00e1gina de ejemplo\n<ul>\n<li>Esta es una p\u00e1gina de ejemplo<\/li>\n<li>Esta es una p\u00e1gina de ejemplo<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/li>\n<li>Esta es una p\u00e1gina de ejemplo<\/li>\n<li>Esta es una p\u00e1gina de ejemplo<\/li>\n<\/ul>\n<p>\n<\/div> <div class=\"featured featured-blue\"><p>Esta es una p\u00e1gina de ejemplo, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas). Casi todo el mundo comienza con una p\u00e1gina Sobre m\u00ed para presentarse a los potenciales visitantes. <\/p>\n<\/div><\/p>\r\n<div class=\"videowrapper\">\r\n                    <div class=\"videocontent\">\r\n                        <video data-url-desk=\"http:\/\/uoc.tv.am.uoc.es\/ac_digital\/cat\/ACTITUD_DIGITAL_CAT.mp4\" data-url-trans=\"\" data-url-down=\"http:\/\/uoc.tv.am.uoc.es\/ac_digital\/cat\/ACTITUD_DIGITAL_CAT.mp4\" data-url-mobile=\"http:\/\/uoc.tv.am.uoc.es\/ac_digital\/cat\/ACTITUD_DIGITAL_CAT.mp4\" id=\"1775430481625\" class=\"video-js vjs-default-skin vjs-big-play-centered video-js-fullscreen\" controls preload=\"metadata\" width=\"auto\" height=\"auto\" poster=\"\/wp-content\/themes\/contingut\/img\/background.png\"><track kind=\"subtitles\" src=\"\/wp-content\/uploads\/sites\/3\/2023\/06\/ambient-noise-server-room-2.mp3\" label=\"Subt\u00edtols\" \/>\r\n                                <p class=\"vjs-no-js\">El v\u00eddeo no es pot reproduir<\/p>\r\n                        <\/video>\r\n                <\/div>\r\n            <\/div>\r\n<p>Enlace test  <a class=\"tooltip\"  href=\"javascript:void(0);\" data-toggle=\"popover\" data-placement=\"bottom\" data-content=\"Esta es una p\u00e1gina de ejemplo\">Esta es una p\u00e1gina de ejemplo<\/a>, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas). Casi todo el mundo comienza con una p\u00e1gina Sobre m\u00ed para presentarse a los potenciales visitantes.Esta es una p\u00e1gina de ejemplo, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas). <a class=\"wpsal-anchor\" name=\"ancla1\" id=\"ancla1\"><\/a><\/p>\r\n<h4>Ancla 1<\/h4>\r\n<ul>\r\n<li>console.log(&#8216;Hola&#8217;)<\/li>\r\n<li>console.log(&#8216;Hola&#8217;)<\/li>\r\n<\/ul>\r\n<p>Casi todo el mundo comienza con una p\u00e1gina Sobre m\u00ed para presentarse a los potenciales visitantes. <div class=\"tabletitle\"><p>Tabla con estructura simple<\/p>\n<\/div><\/p>\r\n<table>\r\n<tbody>\r\n<tr>\r\n<th scope=\"col\" width=\"50%\">Elemento<\/th>\r\n<th scope=\"col\">Visitas<\/th>\r\n<\/tr>\r\n<tr>\r\n<td>Twitter<\/td>\r\n<td>100<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Natural<\/td>\r\n<td>25<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Condicionado<\/td>\r\n<td>50<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Botonera<\/td>\r\n<td>25<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<p><div class=\"tablefooter\"><p>Pie tabla<\/p>\n<\/div> <div class=\"tabletitle\"><p>Tabla con estructura completa (thead\/tbody)<\/p>\n<\/div><\/p>\r\n<table>\r\n<thead>\r\n<tr>\r\n<th width=\"50%\">Elemento<\/th>\r\n<th>Visitas<\/th>\r\n<\/tr>\r\n<\/thead>\r\n<tbody>\r\n<tr>\r\n<td>Twitter<\/td>\r\n<td>100<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Natural<\/td>\r\n<td>25<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Condicionado<\/td>\r\n<td>50<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Botonera<\/td>\r\n<td>25<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<p><div class=\"tablefooter\"><p>Pie tabla<\/p>\n<\/div> <div class=\"tabletitle\"><p>Tabla con estructura simple y cabeceras secundarias<\/p>\n<\/div><\/p>\r\n<table>\r\n<tbody>\r\n<tr>\r\n<th scope=\"col\" width=\"50%\">Elemento<\/th>\r\n<th scope=\"col\">Visitas<\/th>\r\n<\/tr>\r\n<tr class=\"table-header-sec\">\r\n<td colspan=\"2\">Cabecera secundaria<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Twitter<\/td>\r\n<td>100<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Natural<\/td>\r\n<td>25<\/td>\r\n<\/tr>\r\n<tr class=\"table-header-sec\">\r\n<td colspan=\"2\">Cabecera secundaria<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Condicionado<\/td>\r\n<td>50<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Botonera<\/td>\r\n<td>25<\/td>\r\n<\/tr>\r\n<tr class=\"table-header-sec\">\r\n<td colspan=\"2\">Cabecera secundaria<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Condicionado<\/td>\r\n<td>50<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>Botonera<\/td>\r\n<td>25<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<p><div class=\"tablefooter\"><p>Pie tabla<\/p>\n<\/div> <div class=\"tabletitle\"><p>Tabla con estructura simple y cabecera lateral\/superior<\/p>\n<\/div><\/p>\r\n<table>\r\n<tbody>\r\n<tr>\r\n<th width=\"20%\"> <\/th>\r\n<th scope=\"col\" width=\"40%\">Elemento<\/th>\r\n<th scope=\"col\">Visitas<\/th>\r\n<\/tr>\r\n<tr>\r\n<th scope=\"row\">Cabecera<\/th>\r\n<td>Twitter<\/td>\r\n<td>100<\/td>\r\n<\/tr>\r\n<tr>\r\n<th scope=\"row\">Cabecera<\/th>\r\n<td>Natural<\/td>\r\n<td>25<\/td>\r\n<\/tr>\r\n<tr>\r\n<th scope=\"row\">Cabecera<\/th>\r\n<td>Condicionado<\/td>\r\n<td>50<\/td>\r\n<\/tr>\r\n<tr>\r\n<th scope=\"row\">Cabecera<\/th>\r\n<td>Botonera<\/td>\r\n<td>25<\/td>\r\n<\/tr>\r\n<tr>\r\n<th scope=\"row\">Cabecera<\/th>\r\n<td>Condicionado<\/td>\r\n<td>50<\/td>\r\n<\/tr>\r\n<tr>\r\n<th scope=\"row\">Cabecera<\/th>\r\n<td>Botonera<\/td>\r\n<td>25<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<p><div class=\"tablefooter\"><p>Pie tabla<\/p>\n<\/div> <div class=\"featured featured-blue\"><p>Esta es una p\u00e1gina de ejemplo, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas). <\/p>\n<\/div> Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas). Casi todo el mundo comienza con una p\u00e1gina Sobre m\u00ed para presentarse a los potenciales visitantes. Esta es una p\u00e1gina de ejemplo, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas). Casi todo el mundo Equal Interval. comienza con una p\u00e1gina Sobre m\u00ed para presentarse a los potenciales visitantes. <a class=\"wpsal-anchor\" name=\"ancla2\" id=\"ancla2\"><\/a><\/p>\r\n<h4>Ancla 2<\/h4>\r\n<p>Esta es una p\u00e1gina de ejemplo, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas). Casi todo el mundo comienza con una p\u00e1gina Sobre m\u00ed para presentarse a los potenciales visitantes.<\/p>\r\n<!--[if lt IE 9]><script>document.createElement('audio');<\/script><![endif]-->\n<audio class=\"wp-audio-shortcode\" id=\"audio-2-1\" preload=\"none\" style=\"width: 100%;\" controls=\"controls\"><source type=\"audio\/mpeg\" src=\"\/wp-content\/uploads\/2023\/06\/ambient-noise-server-room-2.mp3?_=1\" \/><a href=\"\/wp-content\/uploads\/2023\/06\/ambient-noise-server-room-2.mp3\">\/wp-content\/uploads\/2023\/06\/ambient-noise-server-room-2.mp3<\/a><\/audio>\r\n<p>Esta es una p\u00e1gina de ejemplo, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas). Casi todo el mundo comienza con una p\u00e1gina Sobre m\u00ed para presentarse a los potenciales visitantes.Esta es una p\u00e1gina de ejemplo, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas).<\/p>\r\n<figure id=\"attachment_19\" aria-describedby=\"caption-attachment-19\" style=\"width: 640px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-19 size-large\" src=\"\/wp-content\/uploads\/2023\/06\/1280px-Seu-22-uoc-1-1024x770.jpg\" alt=\"\" width=\"640\" height=\"481\" \/><figcaption id=\"caption-attachment-19\" class=\"wp-caption-text\">Llegenda<\/figcaption><\/figure>\r\n<p>Casi todo el mundo comienza con una p\u00e1gina Sobre m\u00ed para presentarse a los potenciales visitantes.Esta es una p\u00e1gina de ejemplo, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas). Casi todo el mundo comienza con una p\u00e1gina Sobre m\u00ed para presentarse a los potenciales visitantes.Esta es una p\u00e1gina de ejemplo,<\/p>\r\n<p>Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas). Casi todo el mundo comienza con una p\u00e1gina Sobre m\u00ed para presentarse a los potenciales visitantes.Esta es una p\u00e1gina de ejemplo,<\/p>\r\n<audio class=\"wp-audio-shortcode\" id=\"audio-2-2\" preload=\"none\" style=\"width: 100%;\" controls=\"controls\"><source type=\"audio\/mpeg\" src=\"\/wp-content\/uploads\/2023\/06\/ambient-noise-server-room-2.mp3?_=2\" \/><a href=\"\/wp-content\/uploads\/2023\/06\/ambient-noise-server-room-2.mp3\">\/wp-content\/uploads\/2023\/06\/ambient-noise-server-room-2.mp3<\/a><\/audio>\r\n<p>Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas). Casi todo el mundo comienza con una p\u00e1gina Sobre m\u00ed para presentarse a los potenciales visitantes.<\/p>\r\n<table>\r\n<tbody>\r\n<tr class=\"table-header\">\r\n<th colspan=\"2\" scope=\"col\">Cabecera<\/th>\r\n<\/tr>\r\n<tr>\r\n<th scope=\"row\" width=\"20%\"><a href=\"http:\/\/www.flickr.com\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Flickr<\/strong><\/a><\/th>\r\n<td width=\"80%\">Un dels m\u00e9s venerables repositoris de fotografies, amb milions d\u2019imatges de tot tipus de temes, classificades en un sistema de folksonomia que permet trobar coses tan detallades com fotografies de sortides de sol al mar en alta resoluci\u00f3 el color principal de les quals sigui el blau, entre altres milers de coses. Flickr va ser comprada per Yahoo i, en el moment d\u2019escriure aquestes l\u00ednies, ha passat a formar part del conglomerat de Verizon.<\/td>\r\n<\/tr>\r\n<tr>\r\n<th scope=\"row\"><a href=\"http:\/\/www.compfight.com\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Compfight<\/strong><\/a><\/th>\r\n<td>Aquest cercador d\u2019imatges a Flickr permet filtrar per criteris de propietat intel\u00b7lectual, de manera que solament ens apareguin les fotos de Flickr amb llic\u00e8ncia Creative Commons, i aix\u00ed poder utilitzar imatges en el nostre projecte sense haver de preocupar-nos per problemes legals.<\/td>\r\n<\/tr>\r\n<tr>\r\n<th scope=\"row\"><strong>Google Images<\/strong><\/th>\r\n<td>Ja suposem que coneixeu Google Images, per\u00f2 voldr\u00edem fer un parell d\u2019observacions. \u00c9s important recordar que Google Images \u00e9s un cercador, no un repositori. \u00c9s a dir, el fet que Google localitzi una imatge no significa que pugueu utilitzar-la tranquil\u00b7lament en el vostre projecte de comunicaci\u00f3 transm\u00e8dia. Una vegada localitzada la imatge que creieu que anir\u00e0 b\u00e9 per al vostre projecte, assegureu-vos de visitar la p\u00e0gina original on est\u00e0 allotjada la imatge i comproveu que realment \u00e9s lliure de drets i podeu utilitzar-la sense problemes.<\/td>\r\n<\/tr>\r\n<tr>\r\n<th scope=\"row\"><a href=\"https:\/\/cloud.google.com\/vision\/?hl=es\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Google Vision<\/strong><\/a><\/th>\r\n<td>\u00c9s una part dels serveis que Google ofereix en el n\u00favol: un poder\u00f3s sistema autom\u00e0tic d\u2019an\u00e0lisi basada en xarxes neuronals que examina de manera autom\u00e0tica un conjunt d\u2019imatges i les organitza segons conceptes. Pot ser \u00fatil si teniu un gran conjunt de fotografies i voleu ordenar-les de manera r\u00e0pida. En ser un sistema de IA, no espereu gaires subtileses: de vegades \u00e9s espectacularment bo a l\u2019hora d\u2019extreure informaci\u00f3 d\u2019una imatge, per\u00f2 tamb\u00e9 pot fallar estrepitosament. Necessita que us doneu d\u2019alta en el n\u00favol de Google i \u00e9s gratu\u00eft si no excediu un cert volum \u2014bastant gran\u2014 d\u2019imatges.<\/td>\r\n<\/tr>\r\n<tr>\r\n<th scope=\"row\"><a href=\"https:\/\/commons.wikimedia.org\/wiki\/main_page\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Wikimedia Commons<\/strong><\/a><\/th>\r\n<td>Com haureu vist, algunes de les imatges utilitzades en aquest text \u2014com <em>Les Cernettes\u2014<\/em> provenen de la Wikipedia. \u00c9s una manera senzilla d\u2019assegurar-se que les imatges que estem utilitzant s\u00f3n realment lliures i no estem abusant de la propietat intel\u00b7lectual de ning\u00fa. Wikimedia Commons \u00e9s el nom del projecte que agrupa totes aquestes imatges lliures de drets per a usos no comercials. Podeu trobar imatges en diferents resolucions, i gr\u00e0cies al fet que formen part de l\u2019enciclop\u00e8dia digital \u00e9s f\u00e0cil localitzar la imatge que cerqueu.<\/td>\r\n<\/tr>\r\n<tr>\r\n<th scope=\"row\"><a href=\"https:\/\/archive.org\/details\/image\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Archive.org<\/strong><\/a><\/th>\r\n<td>Archive.org \u00e9s un fascinant projecte d\u2019emmagatzematge de tot tipus de continguts multim\u00e8dia lliure de drets. Entre els diferents materials que ofereix trobareu un repositori amb m\u00e9s d\u2019un mili\u00f3 i mig d\u2019imatges classificades en diferents conceptes per a facilitar la localitzaci\u00f3 de l\u2019element que busqueu. Un dels elements m\u00e9s interessants d\u2019aquest arxiu s\u00f3n les seves col\u00b7leccions. Aix\u00ed, podreu trobar-hi unes 200.000 imatges de l\u2019arxiu de la NASA lliures de drets, m\u00e9s de 140.000 fotografies pertanyents al Metropolitan Museum of Art, etc.<\/td>\r\n<\/tr>\r\n<tr>\r\n<th scope=\"row\"><strong>Google Fotos<\/strong><\/th>\r\n<td>En aquests temps en qu\u00e8 portem c\u00e0meres digitals tot el dia a la butxaca amb el format de tel\u00e8fon intel\u00b7ligent, produ\u00efm tantes fotos que \u00e9s complex emmagatzemar-les i els nostres discos durs acaben carregats fins al l\u00edmit. Una alternativa \u00e9s emmagatzemar-les en el n\u00favol. Una de les maneres m\u00e9s senzilles de fer-ho \u00e9s utilitzar Google Fotos. Amb un parell de clics, els tel\u00e8fons amb sistema operatiu Android poden fer c\u00f2pies autom\u00e0tiques de totes les fotos que fem amb el tel\u00e8fon intel\u00b7ligent en el n\u00favol de Google, i hi ha un programari equivalent per a iOS. Com que \u00e9s un producte de Google, \u00e9s simple d\u2019usar, t\u00e9 tot tipus d\u2019avantatges \u2014crear \u00e0lbums i compartir-los via correu electr\u00f2nic, fer cerques per lloc, data, etc.\u2014, i ofereix algunes de les caracter\u00edstiques de Google Vision per a buscar imatges pel contingut. \u00c9s dif\u00edcil no sentir de vegades una mica d\u2019inquietud per la manera en qu\u00e8 Google pot extreure informaci\u00f3 de la nostra vida mitjan\u00e7ant les nostres fotografies.<\/td>\r\n<\/tr>\r\n<tr>\r\n<th scope=\"row\"><a href=\"http:\/\/piwigo.org\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Piwigo<\/strong><\/a><\/th>\r\n<td>\u00c9s l\u2019alternativa en codi obert, lliure, per a tenir el nostre repositori de fotos a la xarxa. Podem instal\u00b7lar aquest programari en el nostre servidor i pujar amb tota tranquil\u00b7litat les nostres fotos a la web per a poder accedir-hi des de qualsevol lloc. Permet etiquetar al nostre gust les fotos, crear arbres de classificaci\u00f3 sense l\u00edmit de profunditat, i ofereix controls de privadesa per a decidir qui pot veure les nostres fotos i qui no. Si no voleu complicar-vos la vida instal\u00b7lant programari, Piwigo ofereix el seu servei d\u2019allotjament per a un nombre il\u00b7limitat de fotografies per uns 3 \u20ac al mes, i podeu provar-lo gratu\u00eftament durant un mes.<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<p>Esta es una p\u00e1gina de ejemplo, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas). Casi todo el mundo comienza con una p\u00e1gina Sobre m\u00ed para presentarse a los potenciales visitantes.<\/p>\r\n<p>Esta es una p\u00e1gina de ejemplo, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas). Casi todo el mundo comienza con una p\u00e1gina Sobre m\u00ed para presentarse a los potenciales visitantes.<\/p>\r\n<figure id=\"attachment_25\" aria-describedby=\"caption-attachment-25\" style=\"width: 640px\" class=\"wp-caption aligncenter\"><a class=\"cs-lightbox\" href=\"\/wp-content\/uploads\/2023\/06\/c98eac_7107dfa5db10443298416020aa843eea_mv2_d_3072_2304_s_2-1.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-25 size-large\" src=\"\/wp-content\/uploads\/2023\/06\/c98eac_7107dfa5db10443298416020aa843eea_mv2_d_3072_2304_s_2-1-1024x768.jpg\" alt=\"\" width=\"640\" height=\"480\" \/><\/a><figcaption id=\"caption-attachment-25\" class=\"wp-caption-text\">Llegenda<\/figcaption><\/figure>\r\n<p>Esta es una p\u00e1gina de ejemplo, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas).<\/p>\r\n<p>Casi todo el mundo comienza con una p\u00e1gina Sobre m\u00ed para presentarse a los potenciales visitantes.Esta es una p\u00e1gina de ejemplo, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas). Casi todo el mundo comienza con una p\u00e1gina Sobre m\u00ed para presentarse a los potenciales visitantes.<\/p>\r\n<pre>private function securityErrorHandler(event:SecurityErrorEvent):void {\r\n            trace(\"securityErrorHandler: \" + event);\r\n        }\r\n \r\n \r\nprivate function netStatusHandler(event:NetStatusEvent):void {\r\n            switch (event.info.code) {\r\n                case \"NetConnection.Connect.Success\":\r\n                    connectStream();\r\n                    break;\r\n                case \"NetStream.Play.StreamNotFound\":\r\n                    trace(\"Unable to locate video: \" + videoURL);\r\n                    break;\r\n            }\r\n        }<\/pre>\r\n<p>Esta es una p\u00e1gina de ejemplo, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas).Esta es una p\u00e1gina de ejemplo, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas).Esta es una p\u00e1gina de ejemplo. Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas).Esta es una p\u00e1gina de ejemplo, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas).Esta es una p\u00e1gina de ejemplo, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas).<\/p>\r\n<ul>\r\n<li>Esta es una p\u00e1gina de ejemplo\r\n<ol>\r\n<li>Esta es una p\u00e1gina de ejemplo<\/li>\r\n<li>Esta es una p\u00e1gina de ejemplo\r\n<ol>\r\n<li>Esta es una p\u00e1gina de ejemplo<\/li>\r\n<li>Esta es una p\u00e1gina de ejemplo<\/li>\r\n<\/ol>\r\n<\/li>\r\n<li>Esta es una p\u00e1gina de ejemplo\r\n<ul>\r\n<li>Esta es una p\u00e1gina de ejemplo<\/li>\r\n<li>Esta es una p\u00e1gina de ejemplo<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ol>\r\n<\/li>\r\n<li>Esta es una p\u00e1gina de ejemplo<\/li>\r\n<li>Esta es una p\u00e1gina de ejemplo<\/li>\r\n<\/ul>\r\n<p>Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas).<\/p>\r\n<ol>\r\n<li>Esta es una p\u00e1gina de ejemplo\r\n<ul>\r\n<li>Esta es una p\u00e1gina de ejemplo<\/li>\r\n<li>Esta es una p\u00e1gina de ejemplo\r\n<ul>\r\n<li>Esta es una p\u00e1gina de ejemplo<\/li>\r\n<li>Esta es una p\u00e1gina de ejemplo<\/li>\r\n<\/ul>\r\n<\/li>\r\n<li>Esta es una p\u00e1gina de ejemplo<\/li>\r\n<\/ul>\r\n<\/li>\r\n<li>Esta es una p\u00e1gina de ejemplo<\/li>\r\n<li>Esta es una p\u00e1gina de ejemplo<\/li>\r\n<\/ol>\r\n<p>Esta es una p\u00e1gina de ejemplo, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas).Esta es una p\u00e1gina de ejemplo, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas).Esta es una p\u00e1gina de ejemplo. Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas).Esta es una p\u00e1gina de ejemplo, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas).Esta es una p\u00e1gina de ejemplo, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas). <div class='content-column one_half'><div style=\"padding-right:20px;\">Esta es una p\u00e1gina de ejemplo, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas).Esta es una p\u00e1gina de ejemplo, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas).Esta es una p\u00e1gina de ejemplo.<\/div><\/div> <div class='content-column one_half last_column'>Esta es una p\u00e1gina de ejemplo, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas).Esta es una p\u00e1gina de ejemplo, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas).Esta es una p\u00e1gina de ejemplo. Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas).Esta es una p\u00e1gina de ejemplo, Es diferente a una cfentrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas).Esta es una p\u00e1gina de ejemplo, Es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas).<\/div><div class='clear_column'><\/div><\/p>\r\n<p>Quina difer\u00e8ncia hi ha entre == i ===? A veure si pots trobar la resposta executant aquestes expressions:<\/p>\r\n<ul>\r\n<li>console.log(5 == &#8220;5&#8221;);<\/li>\r\n<li>console.log(5 === &#8220;5&#8221;);<\/li>\r\n<\/ul>\r\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\">function eachNode(rootNode, callback) {\r\n  if (!callback) {\r\n    const nodes = [];\r\n    eachNode(rootNode, (node) =&gt; {\r\n      nodes.push(node);\r\n    })\r\n    return nodes;\r\n  }\r\n\r\n  if (callback(rootNode) === false) {\r\n    return false;\r\n  }\r\n\r\n  if (rootNode.hasChildNodes()) {\r\n    for (const node of rootNode.childNodes) {\r\n      if (eachNode(node, callback) === false) {\r\n        return;\r\n      }\r\n    }\r\n  }\r\n}<\/pre>\r\n<p>&nbsp;<\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>Texto H4 Esta es una p\u00e1gina de ejemplo, En el siglo lorem es diferente a una entrada de un blog porque se mantiene est\u00e1tica y se mostrar\u00e1 en la barra de navegaci\u00f3n (en la mayor\u00eda de temas). Casi todo el mundo comienza con una p\u00e1gina Sobre m\u00ed para presentarse a los potenciales visitantes.. Podr\u00eda ser [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"http:\/\/guia-practicum-formacio-professorat.recursos.uoc.edu\/Guia-del-practicum-per-a-estudiants\/wp-json\/wp\/v2\/pages\/2"}],"collection":[{"href":"http:\/\/guia-practicum-formacio-professorat.recursos.uoc.edu\/Guia-del-practicum-per-a-estudiants\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/guia-practicum-formacio-professorat.recursos.uoc.edu\/Guia-del-practicum-per-a-estudiants\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/guia-practicum-formacio-professorat.recursos.uoc.edu\/Guia-del-practicum-per-a-estudiants\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/guia-practicum-formacio-professorat.recursos.uoc.edu\/Guia-del-practicum-per-a-estudiants\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":3,"href":"http:\/\/guia-practicum-formacio-professorat.recursos.uoc.edu\/Guia-del-practicum-per-a-estudiants\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":24,"href":"http:\/\/guia-practicum-formacio-professorat.recursos.uoc.edu\/Guia-del-practicum-per-a-estudiants\/wp-json\/wp\/v2\/pages\/2\/revisions\/24"}],"wp:attachment":[{"href":"http:\/\/guia-practicum-formacio-professorat.recursos.uoc.edu\/Guia-del-practicum-per-a-estudiants\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}