{"id":1684,"date":"2011-10-05T11:53:24","date_gmt":"2011-10-05T09:53:24","guid":{"rendered":"https:\/\/blogs.ua.es\/observatoriotic\/?p=1684"},"modified":"2011-10-05T11:58:51","modified_gmt":"2011-10-05T09:58:51","slug":"personaliza-wimba-create-identificando-estilos","status":"publish","type":"post","link":"https:\/\/blogs.ua.es\/observatoriotic\/2011\/10\/05\/personaliza-wimba-create-identificando-estilos\/","title":{"rendered":"Personaliza Wimba Create: identificando estilos"},"content":{"rendered":"<p style=\"text-align: justify\">La personalizaci\u00f3n de un esquema en <strong>Wimba Create<\/strong> pasa por la modificaci\u00f3n de su hoja de estilos CSS. Al abrir este archivo, encontraremos una serie de bloques de c\u00f3digo con unas determinadas etiquetas, cada uno de los cuales afecta a una zona o elemento en concreto de la p\u00e1gina HTML.<\/p>\n<p style=\"text-align: justify\">Lo primero que vamos a hacer es identificar las diferentes zonas de una p\u00e1gina web generada con Wimba Create. Cuando identifiquemos el nombre de cada \u00e1rea nos ser\u00e1 m\u00e1s f\u00e1cil saber qu\u00e9 bloque de c\u00f3digo CSS tendremos que modificar.<\/p>\n<hr \/>\n<p style=\"text-align: justify\">La personalitzaci\u00f3 d&#8217;un esquema en <strong>Wimba Create<\/strong> passa per la modificaci\u00f3  del seu full d&#8217;estils CSS. En obrir aquest arxiu, trobarem una  s\u00e8rie de blocs de codi amb unes determinades etiquetes, cadascun dels  quals afecta a una zona o element en concret de la p\u00e0gina HTML.<\/p>\n<p style=\"text-align: justify\">El primer que farem \u00e9s identificar les diferents zones d&#8217;una p\u00e0gina  web generada amb Wimba Create. Quan identifiquem el nom de cada \u00e0rea  ens ser\u00e0 m\u00e9s f\u00e0cil saber quin bloc de codi CSS haurem de modificar.<\/p>\n<p style=\"text-align: right\"><!--more--><\/p>\n<p style=\"text-align: justify\"><a name=\"cas\"><\/a><\/p>\n<p style=\"text-align: right\"><strong>cas <a href=\"#val\">val<\/a> <a href=\"#foro\">foro<\/a><\/strong><\/p>\n<p style=\"text-align: justify\">En Create podemos encontrar dos tipos de p\u00e1ginas: la p\u00e1gina de \u00edndice (opcional) y las p\u00e1ginas de contenidos.<\/p>\n<p style=\"text-align: justify\">La <strong>p\u00e1gina de contenidos<\/strong> se puede estructurar en los siguientes bloques, correspondientes a las \u00e1reas marcadas en la imagen:<\/p>\n<ul style=\"text-align: justify\">\n<li><strong>Cabecera (<em>header<\/em>):<\/strong> en esta zona aparece el t\u00edtulo del material y los botones de navegaci\u00f3n de la parte superior.<\/li>\n<li><strong>Logotipo (<em>logo<\/em>):<\/strong> es la zona reservada para la posible imagen de cabecera de los materiales. Aunque podemos utilizar im\u00e1genes en otras zonas de la p\u00e1gina, la imagen que se reconoce como &#8220;logo&#8221; permite la inclusi\u00f3n de un hiperv\u00ednculo.<\/li>\n<li><strong>Tabla de contenidos (<em>maintable-toc<\/em>):<\/strong> espacio reservado para el \u00edndice de cap\u00edtulos y secciones del material.<\/li>\n<li><strong>Contenido (content)<\/strong>: zona principal de la p\u00e1gina donde se muestra toda la informaci\u00f3n del tema.<\/li>\n<li><strong>Pie de p\u00e1gina (footer):<\/strong> zona en la que podemos a\u00f1adir informaci\u00f3n extra, que aparecer\u00e1 en todas las p\u00e1ginas del documento.<\/li>\n<\/ul>\n<p style=\"text-align: justify\">&nbsp;<\/p>\n<p><a href=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/07\/esquema.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1686\" src=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/07\/esquema.png\" alt=\"Esquema de una p\u00e1gina de Wimba\" width=\"678\" height=\"516\" srcset=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/07\/esquema.png 1021w, https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/07\/esquema-300x227.png 300w\" sizes=\"auto, (max-width: 678px) 100vw, 678px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify\">La<strong> p\u00e1gina de \u00edndice<\/strong> consta de cabecera, logotipo, <strong>\u00edndice <\/strong>(<strong>index<\/strong>) y pie de p\u00e1gina. \u00c9sta ser\u00e1 la p\u00e1gina principal del documento, ya que muestra un resumen del contenido incluido.<\/p>\n<p><a href=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/07\/esquema2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1688\" src=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/07\/esquema2.png\" alt=\"Esquema de la p\u00e1gina de \u00edndice de Wimba\" width=\"689\" height=\"254\" srcset=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/07\/esquema2.png 1034w, https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/07\/esquema2-300x110.png 300w, https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/07\/esquema2-1024x377.png 1024w\" sizes=\"auto, (max-width: 689px) 100vw, 689px\" \/><\/a><\/p>\n<p style=\"text-align: justify\">Por otro lado, otra de las opciones de configuraci\u00f3n nos permite generar cada p\u00e1gina HTML con o sin tabla de contenidos por lo que podemos encontrar las siguientes variaciones, dependiendo de la configuraci\u00f3n que elijamos:<\/p>\n<ul>\n<li><strong>footer-withtoc<\/strong>: pie de p\u00e1gina con tabla de contenidos<\/li>\n<li><strong>footer-notoc<\/strong>: pie de p\u00e1gina sin tabla de contenidos<\/li>\n<\/ul>\n<ul>\n<li><strong>main-content-withtoc<\/strong>: contenido principal con tabla de contenidos<\/li>\n<li><strong>main-content-notoc<\/strong>: contenido principal sin tabla de contenidos<\/li>\n<\/ul>\n<p>&nbsp;<br \/>\n&nbsp;<\/p>\n<h3>Elementos HTML<\/h3>\n<p style=\"text-align: justify\">Adem\u00e1s de los bloques que definen zonas de la p\u00e1gina, en el archivo CSS tambi\u00e9n podremos encontrar etiquetas para personalizar el contenido HTML.<\/p>\n<ul>\n<li><strong>body<\/strong>: se refiere a las propiedades de la p\u00e1gina en general.<\/li>\n<li><strong>p<\/strong>: propiedades de un p\u00e1rrafo.<\/li>\n<li><strong>ul<\/strong>: propiedades de las listas no numeradas.<\/li>\n<li><strong>ol<\/strong>: propiedades de las listas numeradas.<\/li>\n<li><strong>h1, h2&#8230; h6<\/strong>: propiedades de los encabezados (de tama\u00f1o m\u00e1s grande, &#8220;h1&#8221;, al m\u00e1s peque\u00f1o, &#8220;h6&#8221;).<\/li>\n<li><strong>img<\/strong>: propiedades de una imagen.<\/li>\n<li><strong>a<\/strong>: propiedades de los hiperv\u00ednculos.<\/li>\n<li><strong>table<\/strong>: propiedades de las tablas.<\/li>\n<\/ul>\n<p style=\"text-align: justify\">Por ejemplo, en la siguiente imagen hemos utilizado una p\u00e1gina web en la que hemos modificado algunas propiedades para poder distinguir cada elemento m\u00e1s f\u00e1cilmente.<\/p>\n<p><a href=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/10\/esquema3.png\"><\/a><a href=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/10\/esquema31.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1782\" src=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/10\/esquema31.png\" alt=\"Etiquetas HTML\" width=\"655\" height=\"613\" srcset=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/10\/esquema31.png 862w, https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/10\/esquema31-300x280.png 300w\" sizes=\"auto, (max-width: 655px) 100vw, 655px\" \/><\/a><\/p>\n<p style=\"text-align: justify\">En el cuerpo del documento (<strong>body<\/strong>) hemos especificado que el color de fondo sea gris. Cada p\u00e1rrafo (<strong>p<\/strong>) se muestra con color de fondo amarillo. En el bloque que forma la lista no numerada (<strong>ul<\/strong>) hemos indicado que las vi\u00f1etas deben ser una imagen, un cuadradito naranja. Cada t\u00edtulo o encabezado (<strong>h2<\/strong>, <strong>h3<\/strong>) tiene un color de fuente y tama\u00f1o concreto.<\/p>\n<p style=\"text-align: justify\">Nos podemos preguntar, si el cuerpo de la p\u00e1gina es gris, \u00bfpor qu\u00e9 vemos zonas blancas? Tenemos que pensar que <strong>una p\u00e1gina web tiene una estructura por capas<\/strong>. Aunque el fondo sea gris, sobre \u00e9l hemos &#8220;pegado&#8221; otras capas (<strong>toc <\/strong>y <strong>main-content withtoc<\/strong>) que tienen el fondo blanco. A su vez, sobre la capa blanca de la derecha, se han situado otras capas (p\u00e1rrafos, t\u00edtulos, im\u00e1genes, etc.).<\/p>\n<p style=\"text-align: justify\">Si modificamos alguna propiedad de la p\u00e1gina y no conseguimos el efecto deseado, es posible que haya alguna capa superior que impida que la modificaci\u00f3n se visualice.<\/p>\n<p>&nbsp;<br \/>\n&nbsp;<\/p>\n<h3 style=\"text-align: justify\">Estilos de Wimba Create<\/h3>\n<p style=\"text-align: justify\">Los estilos especiales de Wimba Create, tambi\u00e9n disponen de su etiqueta particular en el archivo CSS para que podamos redefinir su aspecto:<\/p>\n<p><a href=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/09\/estilos.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1756 aligncenter\" src=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/09\/estilos.png\" alt=\"Estilos WC\" width=\"159\" height=\"321\" srcset=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/09\/estilos.png 199w, https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/09\/estilos-148x300.png 148w\" sizes=\"auto, (max-width: 159px) 100vw, 159px\" \/><\/a><\/p>\n<p>Estos estilos est\u00e1n pensados para una utilidad concreta, pero es posible modificarlos seg\u00fan nuestros requerimientos. Una breve descripci\u00f3n de algunos de ellos podr\u00eda ser:<\/p>\n<ul>\n<li><strong>div.boxtex<\/strong>: para resaltar determinados p\u00e1rrafos (por defecto es un p\u00e1rrafo con bordes).<\/li>\n<li><strong>div.paneltext<\/strong>: para resaltar determinados p\u00e1rrafos (por defecto es un p\u00e1rrafo sombreado).<\/li>\n<li><strong>div.quotetext<\/strong>: p\u00e1rrafo con formato cursiva (se utiliza cuando citamos a alguien).<\/li>\n<li><strong>div.definition<\/strong>: para resaltar determinados p\u00e1rrafos (se utiliza para definir un t\u00e9rmino).<\/li>\n<li><strong>pre.literal<\/strong>: permite mantener los caracteres de Word tal cual (se suele utilizar al mostrar c\u00f3digos de programas).<\/li>\n<li><strong>popup<\/strong>: propiedades de las ventanas emergentes de nuestros materiales.<\/li>\n<li><strong>p.caption<\/strong>: para leyendas de tablas e im\u00e1genes.<\/li>\n<\/ul>\n<p>En la siguiente imagen se muestra el estilo &#8220;<strong>definition<\/strong>&#8221; para dos esquemas de Wimba: el primero, es el que viene por defecto y el segundo, tras personalizarlo.<\/p>\n<p><a href=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/10\/compara.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1786\" src=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/10\/compara.png\" alt=\"Estilo &quot;definition&quot; por defecto y modificado\" width=\"542\" height=\"269\" srcset=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/10\/compara.png 542w, https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/10\/compara-300x148.png 300w\" sizes=\"auto, (max-width: 542px) 100vw, 542px\" \/><\/a><\/p>\n<p style=\"text-align: justify\">En pr\u00f3ximas entradas veremos qu\u00e9 propiedades en concreto podemos modificar dentro de cada elemento de la p\u00e1gina.<\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<p style=\"text-align: justify\"><a name=\"val\"><\/a><\/p>\n<p style=\"text-align: right\"><strong><a href=\"#cas\">cas <\/a>val <a href=\"#foro\">foro<\/a><\/strong><\/p>\n<p>En Create podem trobar dos tipus de p\u00e0gines: la p\u00e0gina d&#8217;\u00edndex (opcional) i les p\u00e0gines de continguts.<\/p>\n<p>La <strong>p\u00e0gina de continguts<\/strong> es pot estructurar en els seg\u00fcents blocs, corresponents a les \u00e0rees marcades en la imatge:<strong> <\/strong><\/p>\n<ul>\n<li><strong>Cap\u00e7alera (<em>header<\/em>):<\/strong> en aquesta zona apareix el t\u00edtol del material i els botons de navegaci\u00f3 de la part superior.<\/li>\n<li><strong>Logotip (<em>logo<\/em>):<\/strong> \u00e9s la zona reservada per a la possible imatge de  cap\u00e7alera dels materials. Encara que podem utilitzar imatges en altres  zones de la p\u00e0gina, la imatge que es reconeix com a &#8220;logo&#8221; permet la  inclusi\u00f3 d&#8217;un hipervincle.<\/li>\n<li> <strong>Taula de continguts (<em>maintable-toc<\/em>):<\/strong> espai reservat per a l&#8217;\u00edndex de cap\u00edtols i seccions del material.<\/li>\n<li> <strong>Contingut (<em>content<\/em>):<\/strong> zona principal de la p\u00e0gina on es mostra tota la informaci\u00f3 del tema.<\/li>\n<li> <strong>Peu de p\u00e0gina (<em>footer<\/em>):<\/strong> zona en la qual podem afegir informaci\u00f3 extra, que apareixer\u00e0 en totes les p\u00e0gines del document.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/07\/esquema.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/07\/esquema.png\" alt=\"Esquema de una p\u00e1gina de Wimba\" width=\"678\" height=\"516\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify\">La <strong>p\u00e0gina d&#8217;\u00edndex<\/strong> consta de cap\u00e7alera, logotip, <strong>\u00edndex (index)<\/strong> i peu de  p\u00e0gina. Aquesta ser\u00e0 la p\u00e0gina principal del document, ja que mostra un  resum del contingut incl\u00f2s.<\/p>\n<p><a href=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/07\/esquema2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/07\/esquema2.png\" alt=\"Esquema de la p\u00e1gina de \u00edndice de Wimba\" width=\"689\" height=\"254\" \/><\/a><\/p>\n<p>D&#8217;altra banda, una altra de les opcions de configuraci\u00f3 ens permet  generar cada p\u00e0gina HTML amb o sense taula de continguts pel que podem  trobar les seg\u00fcents variacions, depenent de la configuraci\u00f3 que triem:<\/p>\n<ul>\n<li><strong>footer-withtoc:<\/strong> peu de p\u00e0gina amb taula de continguts<\/li>\n<li> <strong>footer-notoc:<\/strong> peu de p\u00e0gina sense taula de continguts<\/li>\n<\/ul>\n<ul>\n<li> <strong>main-content-withtoc:<\/strong> contingut principal amb taula de continguts<\/li>\n<li> <strong>main-content-notoc:<\/strong> contingut principal sense taula de continguts<\/li>\n<\/ul>\n<p>&nbsp;<br \/>\n&nbsp;<\/p>\n<h3>Elements HTML<\/h3>\n<p style=\"text-align: justify\">A m\u00e9s dels blocs que defineixen zones de la p\u00e0gina, en l&#8217;arxiu CSS tamb\u00e9  podrem trobar etiquetes per a personalitzar el contingut HTML.<\/p>\n<ul>\n<li><strong>body<\/strong>: es refereix a les propietats de la p\u00e0gina en general.<\/li>\n<li> <strong>p<\/strong>: propietats d&#8217;un par\u00e0graf.<\/li>\n<li> <strong>ul<\/strong>: propietats de les llistes no numerades.<\/li>\n<li> <strong>ol<\/strong>: propietats de les llistes numerades.<\/li>\n<li> <strong>h1, h2&#8230; h6<\/strong>: propietats dels encap\u00e7alats (de grand\u00e0ria m\u00e9s gran, &#8220;h1&#8221;, al m\u00e9s xicotet, &#8220;h6&#8221;).<\/li>\n<li> <strong>img<\/strong>: propietats d&#8217;una imatge.<\/li>\n<li> <strong>a<\/strong>: propietats dels hipervincles.<\/li>\n<li> <strong>table<\/strong>: propietats de les taules.<\/li>\n<\/ul>\n<p style=\"text-align: justify\">Per exemple, en la seg\u00fcent imatge hem utilitzat una p\u00e0gina web en la  qual hem modificat algunes propietats per a poder distingir cada element  m\u00e9s f\u00e0cilment.<\/p>\n<p><a href=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/10\/esquema31.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/10\/esquema31.png\" alt=\"Etiquetas HTML\" width=\"655\" height=\"613\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify\">En el cos del document (<strong>body<\/strong>) hem especificat que el color de fons siga  gris. Cada par\u00e0graf (<strong>p<\/strong>) es mostra amb color de fons groc. En el bloc que  forma la llista no numerada (<strong>ul<\/strong>) hem indicat que les vinyetes han de  ser una imatge, un quadradet taronja. Cada t\u00edtol o encap\u00e7alat (<strong>h2, h3<\/strong>)  t\u00e9 un color de font i grand\u00e0ria concreta.<\/p>\n<p style=\"text-align: justify\">Ens podem preguntar, si el cos de la p\u00e0gina \u00e9s gris, per qu\u00e8 veiem  zones blanques? Hem de pensar que <strong>una p\u00e0gina web t\u00e9 una estructura per  capes<\/strong>. Encara que el fons siga gris, sobre ell hem &#8220;pegat&#8221; altres capes  (<strong>toc <\/strong>i <strong>main-content withtoc<\/strong>) que tenen el fons blanc. Al seu torn, sobre  la capa blanca de la dreta, s&#8217;han situat altres capes (par\u00e0grafs,  t\u00edtols, imatges, etc.).<\/p>\n<p style=\"text-align: justify\">Si modifiquem alguna propietat de la p\u00e0gina i no aconseguim l&#8217;efecte  desitjat, \u00e9s possible que hi haja alguna capa superior que impedisca que  la modificaci\u00f3 es visualitze.<\/p>\n<p>&nbsp;<br \/>\n&nbsp;<\/p>\n<h3>Estils de Wimba Create<\/h3>\n<p>Els estils especials de Wimba Create, tamb\u00e9 disposen de la seua etiqueta  particular en l&#8217;arxiu CSS perqu\u00e8 puguem redefinir el seu aspecte:<\/p>\n<p><a href=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/09\/estilos.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/09\/estilos.png\" alt=\"Estilos WC\" width=\"159\" height=\"321\" \/><\/a><\/p>\n<p style=\"text-align: justify\">Aquests estils estan pensats per a una utilitat concreta, per\u00f2 \u00e9s  possible modificar-los segons els nostres requeriments. Una breu  descripci\u00f3 d&#8217;alguns d&#8217;ells podria ser:<\/p>\n<ul>\n<li><strong>div.boxtex<\/strong>: per a ressaltar determinats par\u00e0grafs (per defecte \u00e9s un par\u00e0graf amb vores).<\/li>\n<li> <strong>div.paneltext<\/strong>: per a ressaltar determinats par\u00e0grafs (per defecte \u00e9s un par\u00e0graf ombrejat).<\/li>\n<li> <strong>div.quotetext<\/strong>: par\u00e0graf amb format cursiva (s&#8217;utilitza quan citem a alg\u00fa).<\/li>\n<li> <strong>div.definition<\/strong>: per a ressaltar determinats par\u00e0grafs (s&#8217;utilitza per a definir un terme).<\/li>\n<li> <strong>pre.literal<\/strong>: permet mantenir els car\u00e0cters de Word tal qual (s&#8217;utilitza per a mostrar codis de programes).<\/li>\n<li> <strong>popup<\/strong>: propietats de les finestres emergents dels nostres materials.<\/li>\n<li> <strong>p.caption<\/strong>: per a llegendes de taules i imatges.<\/li>\n<\/ul>\n<p>En la seg\u00fcent imatge es mostra l&#8217;estil &#8220;<em><strong>definition<\/strong><\/em>&#8221; per a dos esquemes  de Wimba: el primer, \u00e9s el que ve per defecte i el segon, despr\u00e9s de  personalitzar-ho.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/10\/compara.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/blogs.ua.es\/observatoriotic\/files\/2011\/10\/compara.png\" alt=\"Estilo &quot;definition&quot; por defecto y modificado\" width=\"542\" height=\"269\" \/><\/a><\/p>\n<p style=\"text-align: justify\">En pr\u00f2ximes entrades veurem quines propietats en concret podem modificar dins de cada element de la p\u00e0gina.<\/p>\n<p style=\"text-align: justify\"><a name=\"foro\"><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>La personalizaci\u00f3n de un esquema en Wimba Create pasa por la modificaci\u00f3n de su hoja de estilos CSS. Al abrir este archivo, encontraremos una serie de bloques de c\u00f3digo con unas determinadas etiquetas, cada uno de los cuales afecta a una zona o elemento en concreto de la p\u00e1gina HTML. Lo primero que vamos a [&hellip;]<\/p>\n","protected":false},"author":1313,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3214],"tags":[2765,1606536,66269,40076,40096,6905],"class_list":["post-1684","post","type-post","status-publish","format-standard","hentry","category-estilos","tag-css","tag-estilos","tag-identificar","tag-modificar","tag-personaliza","tag-wimba-create"],"_links":{"self":[{"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/posts\/1684","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/users\/1313"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/comments?post=1684"}],"version-history":[{"count":35,"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/posts\/1684\/revisions"}],"predecessor-version":[{"id":1801,"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/posts\/1684\/revisions\/1801"}],"wp:attachment":[{"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/media?parent=1684"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/categories?post=1684"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ua.es\/observatoriotic\/wp-json\/wp\/v2\/tags?post=1684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}