Campus documentos
description
Transcript of Campus documentos
![Page 1: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/1.jpg)
Herramientas para mejorar nuestras clases
virtuales
![Page 2: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/2.jpg)
La organización en carpetas indica una forma de trabajo organizada para el alumno
Carpetas en documentos
Organizar en carpetas
![Page 3: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/3.jpg)
Cómo generamos un documento ??
Crear un documento genera un archivo que tiene extensión HTML
![Page 4: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/4.jpg)
Este tipo de documentos nos permite incorporar en la clase imágenes, sonidos, enlaces, etc.
![Page 5: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/5.jpg)
Este nombre es el nombre con que aparece el archivo pero el alumno solo lo vé en el caso de bajar el archivo por ejemploClase_1.html
Este titulo es el que aparece en documentos por ejemploClase Nº 1
![Page 6: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/6.jpg)
Este es el cuerpo de la clase aquí podemos escribir el contenido
![Page 7: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/7.jpg)
Puede suceder según el explorador con que trabajen que la barra no aparezca, este no es un problema del
CAMPUS
![Page 8: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/8.jpg)
Comenzamos nuestro diseño de clase
Para darle formato al texto
Tipo de letra y tamaño muchas veces es necesario cambiar primero el tipo de letra y luego el tamaño para que lo reconozca
Color, negrita, inclinación subrayado etc.
![Page 9: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/9.jpg)
Cómo completo la clase , si ya está escrita en un archivo de Word ?
![Page 10: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/10.jpg)
![Page 11: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/11.jpg)
Seleccionamos el texto
![Page 12: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/12.jpg)
Copiamos el contenido en el bloc de notas
![Page 13: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/13.jpg)
Abrimos el bloc de notas y pegamos el texto
![Page 14: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/14.jpg)
Seleccionamos y copiamos
![Page 15: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/15.jpg)
Pegamos el texto seleccionado Nos queda un texto sin ningún formato
![Page 16: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/16.jpg)
Mejorando el texto
Cambiamos el formato de texto , podemos incluir una imagen para mejorarlo
![Page 17: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/17.jpg)
Primero tenemos que conseguir una imagen con extensión .JPG
Buscamos en internet
Supongamos que encontramos una imagen o necesitamos parte de esa imagen
![Page 18: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/18.jpg)
Encontramos la imagen buscada
![Page 19: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/19.jpg)
Presionando la tecla Abrimos paint que también encontramos en accesorios
![Page 20: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/20.jpg)
Solo le decimos pegar
![Page 21: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/21.jpg)
Con esta herramienta marcamos la imagen que necesitamos y vamos al menú edición y cortamos
![Page 22: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/22.jpg)
![Page 23: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/23.jpg)
Cortamos Archivo – nuevo guardar cambios NO
Aparece esta pantalla menú edición pegar Ahora a guardar
![Page 24: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/24.jpg)
Lo mas importante es haber elegido la extensión JPEG
![Page 25: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/25.jpg)
Campus: en el documento creado, para insertar una imagen aparece este cuadro de texto donde debemos indicar el lugar donde tenemos guardada la imagen y luego la opción Upload la sube al campus
![Page 26: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/26.jpg)
Si es la imagen correcta no importa el tamaño !! Damos ok y aparecerá en la clase
![Page 27: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/27.jpg)
Con un click sobre la imagen y desde alguno de los vértices de la misma le podemos dar el tamaño que necesitamos
![Page 28: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/28.jpg)
Con estos iconos podemos mover la imagen a la derecha izquierda centro
![Page 29: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/29.jpg)
Ahora vamos a buscar imágenes que no
tengamos en nuestra PCimágenes que nos
permitan personalizar
![Page 31: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/31.jpg)
![Page 32: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/32.jpg)
Esta es la imagen que nos quedó, si la pegamos con el método anterior en paint la podemos trabajar
![Page 33: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/33.jpg)
![Page 35: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/35.jpg)
![Page 36: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/36.jpg)
![Page 37: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/37.jpg)
Si queremos mejorar o cambiar la imagen en algún aspecto también lo podemos hacer de forma fácil desde power point
![Page 38: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/38.jpg)
Pegamos la imagen en una diapositiva. Con un doble clik sobre la imagen podemos obtener
distintos efectos
![Page 39: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/39.jpg)
![Page 40: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/40.jpg)
Cómo insertar un video??Si el video está en la PC
![Page 41: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/41.jpg)
Si el video NO está en la PCPrimero debemos buscar el video, si conocemos el nombre es mas sencillo pero si no se puede buscar con los buscadores
![Page 42: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/42.jpg)
Uno de los sitios mas conocido para buscar videos en YouTube
![Page 43: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/43.jpg)
En los videos que son públicos solo ver el código en insertar
![Page 44: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/44.jpg)
Tamaño para el video
Código para insertar
Color para el marco
![Page 45: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/45.jpg)
Este código es el que necesitamos para poder incluir en nuestra clase ,
copiar
![Page 46: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/46.jpg)
Campus: si el video NO está en la PC
Este icono nos permite ver la clase en lenguaje HTML
![Page 47: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/47.jpg)
Código HTML
Pegamos el código copiado
![Page 48: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/48.jpg)
Una vez que copiamos el código y
guardamos no vemos en edición el video
![Page 49: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/49.jpg)
Abrimos la clase ! Quedó insertado nuestro video
![Page 50: Campus documentos](https://reader036.fdocuments.co/reader036/viewer/2022062514/557c2decd8b42acc738b4677/html5/thumbnails/50.jpg)
Muchas gracias por Muchas gracias por la atención!!!la atención!!!