INSTITUTO UNIVERSITARIO DE CAPACITACIÓN PEDAGÓGICA

Transcripción

1 INSTITUTO UNIVERSITARIO DE CAPACITACIÓN PEDAGÓGICA

2 Tabla de contenido Inicio... 4 Registro... 4 Ingreso... 7 Categoria... 8 Plantilla... 9 FONDO Objetos Texto Imágenes Botón Caja Franja Objeto más Desarrollo del proyecto... 17

3 El presente manual ha sido desarrollado por el Instituto universitario de capacitación pedagógica de la universidad central del ecuador. Para ayudar y guiar el proceso del docente durante el curso básico online Tecnologías del comunicación y la información en la educación superior. Manual sobre WIX. Es una plataforma de creación de sitios web de manera sencilla. Se va a utilizar esta plataforma de páginas web para poder subir los recursos realizados durante el curso. Lo materiales a subir a la página web son; UNIDAD Unidad 0 Unidad 1 Unidad 2 Unidad 3 Unidad 4 RECURSOS 1. Tarea de las tecnologías análogas. 2. Mapa conceptual desarrollado en EDRAW 3. Organizador sobre las competencias digitales, usando ERDAW. 4. Términos del glosario 5. Investigación, usando Mendeley en las cita. 6. Trabajo colaborativo 7. Mapas conceptuales usando CmapTool. 8. Presentación realizada en Prezi.com 9. Términos del Glosario

4 Inicio Primero ingresaremos al navegador favorito de internet (Firefox, chrome, opera, etc.) y escribiremos WIX. Registro La página de bienvenida es la siguiente. Por ser usuarios nuevos dentro de esta plataforma de páginas web. Debemos ingresar registrándonos. Para usar la plataforma de WIX, debemos registrarnos.

5 Damos clic en Entrar/Regístrate, y se abrirá la siguiente pantalla. En cual debemos proporcionar información de registro como el correo y una contraseña. En esta pantalla nos registraremos como usuario nuevo, al dar clic en CONTINUAR, nos aparece la misma pantalla pero nos pedirá ingresar nuevamente el correo y la contraseña repetirla.

6 Pantalla de confirmar registro.

7 Al registrarnos, y aceptar las condiciones, nos aparece la pantalla de bienvenida de WIX, en esta pantalla escogemos la OPCION PAGINA WEB, que es la última de la lista, al dar clic. Nos aparecerá un submenú a la derecha. Ingreso Al seleccionar la categoría PAGINA WEB, nos activa varias opciones en el diseño de la página web, en esta pantalla lo que vamos a escoger es todas las tres opciones. Finalmente damos clic en YA.

8 Categoria Lo siguiente que debemos hacer es escoger la plantilla en la cual debemos de trabajar como vemos en la categoria PAGINA WEB, existen muchas plantillas prediseñadas, para facilitar la busqueda en el cuadro buscar escribiremos educacion. Cuadro de búsqueda

9 Plantilla En la práctica de esta unidad escogemos la plantilla educación y se desplegaran varias opciones, escogeremos entre las ultimas opciones de la primera página. La plantilla está dentro de EDUCACIÓN, con el Nombre Escuela Matutina en el Campo Como vemos el precio de dicha plantilla es gratis, lo podemos visualizar o ingresar directamente a editarlo. La visualización me permite ver la página web, como si estuviese publicada. Y como quedaría, claro que al ser una plantilla prediseñada ya viene por defecto con una serie de imágenes, y texto. Estos materiales vamos a editarlos. En los pasos siguientes explicare este procedimiento. Ingresaremos a EDITAR.

10 Como podéis observar la plantilla aparece en una nueva pestaña en el navegador en el cual estamos trabajando. La plantilla está divida en tres sectores, a la izquierda un menú de opciones de configuración de la página web, en el centro el área de trabajo web, o página web finalizada, y a la derecha, una barra de herramientas de cada una de los objetos. FONDO.- Desde aquí podemos cambiar la imagen de fondo de pantalla, la plataforma ofrece una serie de fondos de pantalla. Solo escogemos la que nos gusta y damos click sobre la imagen y está listo. Por seguridad debemos ir guardado el trabajo para no perder los cambios realizados.

11 Objetos.- se enlista todos los objetos que se podrían usarán en la página web, como son; texto, imagen, galerías, botón, caja, franja, forma, video, música, social, contacto, menú, listas, mas. Texto.- puedo escoger una serie de formato de texto, según un tamaño, estilo de texto, color, y fuente. Como se puede observar se lo puede escoger dando click sobre el ejemplo de párrafo que se enlista. Observen la imagen, en la cual este título y diferentes estilos, para insertar un estilo simplemente damos click sobre el

12 texto ejemplo y nos ubicamos en el área de trabajo y allí ubicamos el texto nuevo. Imágenes.- Podemos además insertar imágenes, para ello damos clic en el siguiente objeto, Imágenes, podemos escoger una directamente del internet, o subir una imagen propia del computador. En este caso la practica la realizare con imágenes propias del computador, editadas por el equipo de informáticos IUCP. Podemos insertar las imagenes de dos maneras. 1.- Escogemos la imagen deseada y la arrastramos al recuadro del centro que dice Vamos a agregar tus imágenes.

13 2.- En la parte superior izquierda está la opción CARGAR IMAGENES. Al dar clic nos abre una pantalla de búsqueda, ubicamos la imagen deseada y damos clic en abrir. Luego que se cargue la imagen damos clic en continuar y listo, ubicamos la imagen al sitio deseado.

14 El objeto galería, me permite insertar slider, o banner, también llamado imágenes que se mueven po si solas y cambiar en un tiempo determinado.

15 Botón; podemos desde aquí insertar botones los cuales nos lleven a otras páginas, o creen nuevos hipervínculos, o enlaces, se pueden establecer enlaces dentro del proyecto, o a otras paginas web. Caja, puede poner un recuadro en el fondo de la página web, el recuadro simplemente, me permite poner un cuadro en el fondo de la página, en dicho cuadro puedo insertar objetos como imágenes, texto, y más.

16 Franja, es simplemente una línea que separa dos objetos de la imagen, podemos escoger una serie de líneas, según nuestra necesidad. Objeto más.- desde aquí me permitirá insertar en la página web las actividades realizadas en prezi.

17 Desarrollo del proyecto El proyecto integrador de esta unidad consiste en la elaboración de una página web, para el docente en el cual pueda insertar las actividades que realizo durante el presente curso. Para poder difundir su trabajo tanto a sus alumnos como al resto de docentes, la página web, será de gran valor académico en la calificación de esta unidad. Con las herramientas y las opciones vistas en las primeras hojas ya estamos listos para poder realizar la actividad de la Unidad 5. Primero vamos dentro de nuestro proyecto lo comenzaremos a editar, como la plantilla viene predefinida, simplemente los objetos que no nos interesen los escogemos y tecleamos Supr. Para eliminarlos de la página web.

18 Primero insertaremos la información académica de nuestra institución buscaremos en internet la imagen del escudo, de la UCE. Para insertar esta imagen lo que haremos es insertarla desde la opción imágenes. La cargaremos desde la carpeta descargas. Nota: Podemos subir más de una imagen de forma simultánea. Al dar clic en aceptar nos quedara de la siguiente manera, el escudo en lo ubicaremos en el centro, luego podemos ubicar en cualquier parte que deseemos. Para editar el cuadro de texto simplemente daremos doble clic sobre el texto, y nos permitira editarlo, cambiar entre otras cosas la alineacion, tamaño, color de texto, tipo de fuente, negriado, cursiva, subrayado, etc.

19 Insertaremos una imagen en el centro con información del IUCP. la imagen la insertaremos de la misma manera que insertamos el sello de la UCE. Insertaremos mas texto y mas imágenes, eso es la creatividad de cada docente.

20 Insertamos mas imágenes, y mas texto, simplemente los señalamos con el mause y los arrastramos hacia el lugar que desemos, en las imagens podemos escoger y cambiar el tamaño de las mismas. En las esquinas podemos con clic sostenido cambiar el tamaño de las imágenes.

21 Para insertar prezi, en nustra pagina web, debemos escoger la opcion MAS, y escoger html, este recuadro nos permitira insertar el codigo de prezi. Esta codigo lo podemos obtener de la siguiente manera: 1.- Ingresamos a nuestra cuenta de prezi.com

22 2.- Escojemos la presentacion que deseamos insertar, esperamos que se cargue. 3.- Escojemos la opcion Insertar Y damos clic en copiar el codigo, el codigo copiado sera similar a este.

23 <iframe id="iframe_container" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" width="550" height="400" src=" p;lock_to_path=0&autoplay=0&autohide_ctrls=0&am p;landing_data=bhvzzmnandbiwnnjdevendrhzdfnzg NIUE43MHdLNWp4eFBrV0JIL1Q0cTRkWTFkTXJ5K0lrazdi OHNsVUEzMlVKOUFZZG00VHNRVmdxQVZjdjNvbHA5b W5ybEVtanM9&landing_sign=ZrcWs5d_lIxZBrlRiXuckB Lxr04sRIYTYWXJtVfZIQU"></iframe> Nos ubicamos en nuestro proyevto y pegamos el codigo html, en el recuadro de la derecha. Finalmente damos clic en actualizar y listo hemos insertado el prezi en la pagina web. Vista de la presentación

24 Al finalizar la edicion de nuestro sitio web, ya podremos publicarlo a todos para ellos guardamos los cambios y daremos clic en la parte superior donde dice PUBLICAR, al clicear sobre este boton, el proyecto nos pedira poderle un nombre. Con el nombre que me registre se creara el proyecto. En esta caso tomara el nombre la parte de nuestr correo electronico antes del signo arroba (@). Ejemplo de publicar el proyecto gratis.: XYZ.wix.com XYZ, correo de registro Wix.com, es el dominio, este dominio no podemos modificar a excepcion de pagar por un dominio.

25

26 ANEXOS DEL PROYECTO Captura de pantalla Captura de pantalla

27 Captura de pantalla Captura de pantalla

28 Captura de pantalla Captura de pantalla

29 Captura de pantalla Captura de pantalla

30 UNIVERSIDAD CENTRAL DEL ECUADOR