· web view¿cómo copiar texto desde word? ¿cómo resaltar textos de amarillo? ¿cómo dar...
TRANSCRIPT
![Page 1: · Web view¿Cómo copiar texto desde Word? ¿Cómo resaltar textos de amarillo? ¿Cómo dar estilo: Firma de Lampadia, Comentado por Lampadia? ... de separación? ¿Cómo maximizar](https://reader036.vdocumento.com/reader036/viewer/2022062504/5b5ef5457f8b9a164b8d7e5d/html5/thumbnails/1.jpg)
Manual de uso: Editor Web del CMS
Este manual sirve de apoyo para aquellas personas que usen el CMS y requieran editar textos dentro del mismo.
Índice:
1. ¿Cómo copiar texto desde Word?2. ¿Cómo resaltar textos de amarillo?3. ¿Cómo dar estilo: Firma de Lampadia, Comentado por Lampadia?4. ¿Cómo mostrar los bloques de separación? 5. ¿Cómo maximizar la vista de contenido?6. ¿Cómo insertar Videos de Youtube?7. ¿Cómo agregar párrafos y saltos de línea?8. ¿Cómo insertar una imagen dentro del texto?9. ¿Cómo agregar enlaces?10. ¿Cómo crear saltos de línea en los títulos del slider?
![Page 2: · Web view¿Cómo copiar texto desde Word? ¿Cómo resaltar textos de amarillo? ¿Cómo dar estilo: Firma de Lampadia, Comentado por Lampadia? ... de separación? ¿Cómo maximizar](https://reader036.vdocumento.com/reader036/viewer/2022062504/5b5ef5457f8b9a164b8d7e5d/html5/thumbnails/2.jpg)
1. ¿Cómo copiar texto desde Word?
Documento de origen:
Paso1: Seleccionamos el párrafo que queremos copiar:
![Page 3: · Web view¿Cómo copiar texto desde Word? ¿Cómo resaltar textos de amarillo? ¿Cómo dar estilo: Firma de Lampadia, Comentado por Lampadia? ... de separación? ¿Cómo maximizar](https://reader036.vdocumento.com/reader036/viewer/2022062504/5b5ef5457f8b9a164b8d7e5d/html5/thumbnails/3.jpg)
Paso 2: Seleccionamos el siguiente botón:
(Pegar desde Word)Que se encuentra ubicado en la primera fila :
Paso 3: Clic derecho -> Pegar.
Paso 4: Clic en “Aceptar”.
![Page 4: · Web view¿Cómo copiar texto desde Word? ¿Cómo resaltar textos de amarillo? ¿Cómo dar estilo: Firma de Lampadia, Comentado por Lampadia? ... de separación? ¿Cómo maximizar](https://reader036.vdocumento.com/reader036/viewer/2022062504/5b5ef5457f8b9a164b8d7e5d/html5/thumbnails/4.jpg)
De esta manera podemos copiar un texto extraído de Word al editor Web con todo y enlaces. El texto sombreado de amarillo se deberá asignar de manera manual desde el editor.
2. ¿Cómo resaltar textos de amarillo?
Paso 1: En el editor web, seleccionamos el texto que queremos resaltar.
Paso 2: Clic en el botón “Color de fondo”
![Page 5: · Web view¿Cómo copiar texto desde Word? ¿Cómo resaltar textos de amarillo? ¿Cómo dar estilo: Firma de Lampadia, Comentado por Lampadia? ... de separación? ¿Cómo maximizar](https://reader036.vdocumento.com/reader036/viewer/2022062504/5b5ef5457f8b9a164b8d7e5d/html5/thumbnails/5.jpg)
3. ¿Cómo dar estilo: Firma de Lampadia, Comentado por Lampadia?
Firma de Lampadia
Paso 1: Seleccionamos la palabra “Lampadia”.
Paso 2: Clic en el botón “Estilo” y seleccionamos el ítem “Firma Lampadia”
![Page 6: · Web view¿Cómo copiar texto desde Word? ¿Cómo resaltar textos de amarillo? ¿Cómo dar estilo: Firma de Lampadia, Comentado por Lampadia? ... de separación? ¿Cómo maximizar](https://reader036.vdocumento.com/reader036/viewer/2022062504/5b5ef5457f8b9a164b8d7e5d/html5/thumbnails/6.jpg)
Listo:
De manera similar podemos darle estilo a los “comentarios de lampadia“ para pintar de azul el texto.
![Page 7: · Web view¿Cómo copiar texto desde Word? ¿Cómo resaltar textos de amarillo? ¿Cómo dar estilo: Firma de Lampadia, Comentado por Lampadia? ... de separación? ¿Cómo maximizar](https://reader036.vdocumento.com/reader036/viewer/2022062504/5b5ef5457f8b9a164b8d7e5d/html5/thumbnails/7.jpg)
4. ¿Cómo mostrar los bloques de separación?
Es el último botón de la tercera fila:
Nos sirve como ayuda visual para identificar los párrafos y objetos que están en el contenido.
5. ¿Cómo maximizar la vista de contenido?
Es el penúltimo botón de la tercera fila.
![Page 8: · Web view¿Cómo copiar texto desde Word? ¿Cómo resaltar textos de amarillo? ¿Cómo dar estilo: Firma de Lampadia, Comentado por Lampadia? ... de separación? ¿Cómo maximizar](https://reader036.vdocumento.com/reader036/viewer/2022062504/5b5ef5457f8b9a164b8d7e5d/html5/thumbnails/8.jpg)
Nos permite una vista más amplia del texto a pantalla completa.
Para minimizar, dar clic por segunda vez.
6. ¿Cómo insertar videos de Youtube?
Paso 1: Clic en el penúltimo botón de la segunda fila:
Paso 2: Se abrirá una ventana en la cual debemos ingresar la URL del video alojado en Youtube.
![Page 9: · Web view¿Cómo copiar texto desde Word? ¿Cómo resaltar textos de amarillo? ¿Cómo dar estilo: Firma de Lampadia, Comentado por Lampadia? ... de separación? ¿Cómo maximizar](https://reader036.vdocumento.com/reader036/viewer/2022062504/5b5ef5457f8b9a164b8d7e5d/html5/thumbnails/9.jpg)
Ej: https://www.youtube.com/watch?v=1lYvYmYtdIY
Paso 3:Importante Check en: “Hacer responsivo (ignorar anchura y altura, ajustar a la anchura)”Esto para que el video se ajuste al ancho de la pantalla y además permitirá que el vídeo se muestre correctamente en la versión móvil.
Paso 4: Clic en “Aceptar”.
7. ¿Cómo agregar párrafos y saltos de línea?
![Page 10: · Web view¿Cómo copiar texto desde Word? ¿Cómo resaltar textos de amarillo? ¿Cómo dar estilo: Firma de Lampadia, Comentado por Lampadia? ... de separación? ¿Cómo maximizar](https://reader036.vdocumento.com/reader036/viewer/2022062504/5b5ef5457f8b9a164b8d7e5d/html5/thumbnails/10.jpg)
Párrafo: “Enter”.
Salto de línea: “Shift” + “Enter”
8. ¿Cómo insertar imágenes al contenido?
Paso 1: Creamos un par de párrafos vacíos:
Paso 2: Colocamos el cursor en el primer párrafo vacío.
Paso 3: Clic en el botón “Imagen”, ubicado en la segunda fila:
Se abrirá una ventana. Clic en la segunda pestaña (“Cargar”):
![Page 11: · Web view¿Cómo copiar texto desde Word? ¿Cómo resaltar textos de amarillo? ¿Cómo dar estilo: Firma de Lampadia, Comentado por Lampadia? ... de separación? ¿Cómo maximizar](https://reader036.vdocumento.com/reader036/viewer/2022062504/5b5ef5457f8b9a164b8d7e5d/html5/thumbnails/11.jpg)
Paso 4: Clic en “Seleccionar archivo”.Buscamos la foto que queremos agregar y la seleccionamos. Luego de eso debe aparecer el nombre de la foto. (Ej: 1428351691_b.jpg)
Paso 5: Clic en “Enviar al ServidorAparecerá otra ventana:
![Page 12: · Web view¿Cómo copiar texto desde Word? ¿Cómo resaltar textos de amarillo? ¿Cómo dar estilo: Firma de Lampadia, Comentado por Lampadia? ... de separación? ¿Cómo maximizar](https://reader036.vdocumento.com/reader036/viewer/2022062504/5b5ef5457f8b9a164b8d7e5d/html5/thumbnails/12.jpg)
Podemos asignarle un tamaño o una alineación si deseamos.
Paso 6: Clic en “Aceptar”.
El resultado:
![Page 13: · Web view¿Cómo copiar texto desde Word? ¿Cómo resaltar textos de amarillo? ¿Cómo dar estilo: Firma de Lampadia, Comentado por Lampadia? ... de separación? ¿Cómo maximizar](https://reader036.vdocumento.com/reader036/viewer/2022062504/5b5ef5457f8b9a164b8d7e5d/html5/thumbnails/13.jpg)
9. ¿Cómo agregar enlaces?
Paso 1: Copiamos contenido desde Word:
Paso 2: Clic en el botón: “Pegar desde Word”
Clic en Aceptar
Paso 3: Doble clic en el enlace.
![Page 14: · Web view¿Cómo copiar texto desde Word? ¿Cómo resaltar textos de amarillo? ¿Cómo dar estilo: Firma de Lampadia, Comentado por Lampadia? ... de separación? ¿Cómo maximizar](https://reader036.vdocumento.com/reader036/viewer/2022062504/5b5ef5457f8b9a164b8d7e5d/html5/thumbnails/14.jpg)
Se abrirá una ventana:
Paso 4: Clic en el TAB “Destino”Seleccionamos: “Nueva ventana (_blank)”.
Clic en Aceptar
![Page 15: · Web view¿Cómo copiar texto desde Word? ¿Cómo resaltar textos de amarillo? ¿Cómo dar estilo: Firma de Lampadia, Comentado por Lampadia? ... de separación? ¿Cómo maximizar](https://reader036.vdocumento.com/reader036/viewer/2022062504/5b5ef5457f8b9a164b8d7e5d/html5/thumbnails/15.jpg)
Paso 5:Guardamos los cambios en el formulario.
10.¿Cómo crear saltos de línea en los títulos del slider?
![Page 16: · Web view¿Cómo copiar texto desde Word? ¿Cómo resaltar textos de amarillo? ¿Cómo dar estilo: Firma de Lampadia, Comentado por Lampadia? ... de separación? ¿Cómo maximizar](https://reader036.vdocumento.com/reader036/viewer/2022062504/5b5ef5457f8b9a164b8d7e5d/html5/thumbnails/16.jpg)
Lo hacemos mediante la inserción de una etiqueta HTML dentro del título
Etiqueta HTML:<br/> = Salto de Línea
Ejemplo: Al ingresar en el CMS el siguiente título: La visión de Arvind Subramanian.Da como resultado:
Pero si insertamos la etiqueta HTML: <br/> en medio de la oraciónTítulo: La visión de <br/> Arvind Subramanian
El resultado sería el siguiente: