{"id":2245,"date":"2020-03-21T23:14:42","date_gmt":"2020-03-22T02:14:42","guid":{"rendered":"https:\/\/esc48-sfe.infd.edu.ar\/sitio\/?page_id=2245"},"modified":"2020-03-21T23:33:28","modified_gmt":"2020-03-22T02:33:28","slug":"edicion-basica-de-una-clase","status":"publish","type":"page","link":"https:\/\/esc48-sfe.infd.edu.ar\/sitio\/edicion-basica-de-una-clase\/","title":{"rendered":"Edici\u00f3n b\u00e1sica de una clase"},"content":{"rendered":"

En este tutorial les mostramos como realizar el formato b\u00e1sico de una clase. Son algunas pautas generales para tener en cuenta, y que ser\u00e1n \u00fatiles a la hora de editar.<\/p>\n

El t\u00edtulo<\/strong><\/h4>\n

Puede ser modificado mediante la opci\u00f3n de preformatos. Primero se debe seleccionar el texto que va a funcionar como t\u00edtulo.<\/p>\n

<\/p>\n

En el men\u00fa de preformatos se encuentran varias opciones. Cada formato tiene caracter\u00edsticas propias (tama\u00f1o, estilo, etc.). Por ejemplo,\u00a0Encabezado 1<\/strong>\u00a0es el de mayor tama\u00f1o. Estas diferencias preestablecidas pueden servir para tener control de t\u00edtulo y subt\u00edtulos.<\/p>\n

 <\/p>\n

<\/p>\n

 <\/p>\n

Se puede cambiar el color de la fuente con la opci\u00f3n\u00a0Color de texto<\/strong>. Existen algunos colores preestablecidos, aunque se puede entrar a la paleta general de todos los colores mediante la opci\u00f3n Personalizar.<\/p>\n

<\/p>\n

Las tipograf\u00edas y los p\u00e1rrafos<\/strong><\/h4>\n

Cambiar la tipograf\u00eda es diferente que en programas editores de textos conocidos. Si desplegamos la lista vamos a ver que no est\u00e1n todas las instaladas del equipo personal. \u00bfPor qu\u00e9?, \u00bfno las reconoce? Los editores web est\u00e1n pensados para subir informaci\u00f3n a internet y que todo el mundo pueda verla, entonces no se enfoca en las fuentes del equipo del creador sino en las familias de tipograf\u00edas comunes que comparten todas las m\u00e1quinas del mundo, sin importar la marca o el tipo.<\/p>\n

<\/p>\n

 <\/p>\n

En cuanto al tama\u00f1o, los textos que conforman el cuerpo de la clase no deben ser grandes. Por lo general en papel (trabajando con Word) se utiliza de 10 a 12 puntos, no m\u00e1s. En el espacio web las unidades de medida var\u00edan, ya no son puntos, pueden ser pixeles, em, rem o porcentajes. Sin entrar en detalles de comparaci\u00f3n o pasajes de una unidad a otra, lo importante es conocer que en este editor se utiliza la unidad de medici\u00f3n REM y solamente se proponen tres dimensiones: 0,75 rem, 1 rem y 1,25 rem, suficiente para poder formatear un p\u00e1rrafo. Para los m\u00e1s curiosos vamos a decir que 1 rem es igual a 16 px (pixeles) e igual a 12pt (puntos). Pero cuidado, estamos hablando de pantallas, no de papel, todo depende de las resoluciones, zoom, adaptaci\u00f3n a pantallas, etc.<\/p>\n

<\/p>\n

 <\/p>\n

Existen cuatro formas diferentes de alinear los textos del cuerpo: a la izquierda, al centro, a la derecha o justificado (en este \u00faltimo caso todos los renglones llegan al borde derecho).<\/p>\n

<\/p>\n

<\/p>\n

En ocasiones es necesario dar m\u00e1s margen a algunos p\u00e1rrafos, por ejemplo cuando queremos destacar citas. Se pueden utilizar entonces los botones de sangr\u00eda (aumentar y disminuir sangr\u00eda).<\/p>\n

<\/p>\n

Teniendo en cuenta que un p\u00e1rrafo comienza en el inicio del espacio y termina cuando damos un ENTER, es importante saber que en la web siempre, entre uno y otro, se crea un espacio (algo as\u00ed como un rengl\u00f3n en blanco para nuestra vista).<\/p>\n

<\/div>\n
Se puede cambiar esa opci\u00f3n si al final en vez de dar ENTER damos SHIFT-ENTER. Pero cuidado, no estamos definiendo\u00a0dos p\u00e1rrafos sin espacio entre ellos<\/strong>, sino que estamos haciendo un\u00a0salto de l\u00ednea en<\/strong>\u00a0un mismo p\u00e1rrafo<\/strong>. Visualmente queda bien, pero para la web se trata de un solo p\u00e1rrafo, por lo tanto no vamos a poder definirles alineaciones diferentes.<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n
Suele suceder que al traer textos de otro lado y copiarlo queda un desastre de formatos. En estos casos conviene seleccionar el texto y accionar el bot\u00f3n\u00a0Limpiar formato<\/strong>.<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n
El texto queda limpio de formatos anteriores y se puede editar a gusto con las caracter\u00edsticas deseadas.<\/div>\n
<\/div>\n
<\/div>\n
\n

Vi\u00f1etas y numeraci\u00f3n<\/strong><\/h4>\n

Se les llama vi\u00f1etas a las formas que se insertan delante de cada opci\u00f3n de una lista. La numeraci\u00f3n se refiere al ordenamiento, en este caso solamente se conforma con n\u00fameros<\/p>\n

<\/p>\n

Las im\u00e1genes<\/strong><\/h4>\n

Pueden utilizarse im\u00e1genes de la web o almacenadas en el repositorio.<\/p>\n

Para insertar una imagen \u201ccolgada\u201d en la web es necesario copiarla. Se posiciona el puntero del mouse sobre la imagen, se acciona el bot\u00f3n derecho y dentro del men\u00fa emergente se selecciona la opci\u00f3n\u00a0Copiar imagen<\/strong>. Luego en el cuerpo de la clase se acciona el bot\u00f3n derecho del mouse y se seleccionar\u00a0Pegar<\/strong>.<\/p>\n<\/div>\n

<\/p>\n

Desde el repositorio: se acciona el bot\u00f3n de repositorio, en la ventana de di\u00e1logo se busca la imagen, se selecciona y finalmente se acciona el bot\u00f3n\u00a0Incrustar<\/strong>.<\/p>\n

<\/p>\n

Su tama\u00f1o se puede cambiar, seleccion\u00e1ndola y manipulando los nodos de sus v\u00e9rtices. Tambi\u00e9n se puede definir su alineaci\u00f3n sobre tres posibilidades: izquierda, centro y derecha.<\/p>\n

<\/p>\n

\u00bfC\u00f3mo lograr que quede justo a la izquierda o derecha de un texto? Es importante posicionar el mouse justo al lado de la primera palabra y all\u00ed insertarla. Luego seleccionar la alienaci\u00f3n: izquierda o derecha.<\/p>\n

 <\/p>\n

<\/p>\n

 <\/p>\n

Seguramente la imagen va a quedar muy pegada al texto. Pero eso se resuelve f\u00e1cilmente: se la selecciona, se acciona el bot\u00f3n de\u00a0Imagen\u00a0<\/strong>y se agregan valores en los espacios.<\/p>\n

<\/p>\n

La imagen queda entonces bien posicionada con una adecuada separaci\u00f3n del texto.<\/p>\n

<\/p>\n

Los hiperv\u00ednculos o enlaces<\/strong><\/h4>\n

Para realizar un enlace es necesario seleccionar el origen (puede ser un texto o una imagen) y accionar el bot\u00f3n\u00a0Hiperv\u00ednculo<\/strong>.<\/p>\n

 <\/p>\n

<\/p>\n

 <\/p>\n

Se puede buscar el destino dentro de las secciones del aula, por ejemplo en\u00a0Archivos<\/strong>\u00a0y dentro el documento a enlazar. Para finalizar es necesario accionar el bot\u00f3n\u00a0Vincular<\/strong>.<\/p>\n

<\/p>\n

Si el destino se encuentra en el\u00a0Repositorio<\/strong>, primero se lo busca, se lo selecciona y se acciona finalmente el bot\u00f3n\u00a0Linkear<\/strong>.<\/p>\n

<\/p>\n

En el caso de un enlace externo se debe copiar la direcci\u00f3n web, seleccionar la opci\u00f3n\u00a0Ingresar link manualmente para vincular<\/strong>\u00a0y en la caja\u00a0Link<\/strong>\u00a0pegar la direcci\u00f3n. Para finalizar accionar\u00a0Vincular<\/strong>.<\/p>\n

<\/p>\n

Objetos externos<\/strong><\/h4>\n

Dentro de la clase se pueden incrustar objetos externos. Por lo general se hace con los videos que se encuentran en sitios de hospedaje. Estos sitios ofrecen un c\u00f3digo especial que se puede pegar en la clase.<\/p>\n

Por ejemplo, Youtube lo ofrece en tres pasos:\u00a0Compartir<\/strong>, luego\u00a0Incorporar<\/strong>, luego copiar el c\u00f3digo (generalmente comienza con\u00a0iframe<\/strong>).<\/p>\n

<\/p>\n

Esto var\u00eda en cada sitio de hospedaje, algunos lo tienen a mano, otros lo hacen luego de varios pasos.<\/p>\n

Para utilizar el c\u00f3digo es necesario accionar el bot\u00f3n\u00a02.0<\/strong>, pegarlo all\u00ed y accionar el bot\u00f3n\u00a0OK<\/strong>.<\/p>\n

<\/p>\n

De este modo el objeto se ver\u00e1 en el cuerpo de la clase. Es importante destacar que con este c\u00f3digo el objeto no se incrusta en el cuerpo de la clase, lo que se forma es una ventana que permite verlo en su sitio de origen.<\/p>\n

 <\/p>\n

<\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

<\/div>\n
<\/div>\n","protected":false},"excerpt":{"rendered":"

En este tutorial les mostramos como realizar el formato b\u00e1sico de una clase. Son algunas pautas generales para tener en cuenta, y que ser\u00e1n \u00fatiles a la hora de editar. El t\u00edtulo Puede ser modificado mediante la opci\u00f3n de preformatos. Primero se debe seleccionar el texto que va a funcionar como t\u00edtulo. En el men\u00fa … [+]<\/a><\/p>\n","protected":false},"author":92,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/esc48-sfe.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/2245"}],"collection":[{"href":"https:\/\/esc48-sfe.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/esc48-sfe.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/esc48-sfe.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/users\/92"}],"replies":[{"embeddable":true,"href":"https:\/\/esc48-sfe.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/comments?post=2245"}],"version-history":[{"count":6,"href":"https:\/\/esc48-sfe.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/2245\/revisions"}],"predecessor-version":[{"id":2252,"href":"https:\/\/esc48-sfe.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/pages\/2245\/revisions\/2252"}],"wp:attachment":[{"href":"https:\/\/esc48-sfe.infd.edu.ar\/sitio\/wp-json\/wp\/v2\/media?parent=2245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}