CREACIÓN DE UNA PÁGINA WEB CON WEBNODE
Este es un pequeño tutorial muy sencillo que sólo pretende enseñar cómo hacer una web y algunas nociones básicas de funcionamiento. Por supuesto existen más funciones como insertar presentaciones, documentos... que si te interesan puedes preguntar. Como tarea de este tutorial puedes intentar crear tu web e insertar algunas entradas que contengan enlaces, imágenes y vídeos. Si te surgen dudas mientras lo haces, no dudes en preguntar al tutor/a y cuando lo tengas, envíalo para que te lo corrija. Si todo va bien, ya podrás empezar con tu web educativa en la que colgar las actividades para tus alumnos/as.
¿Cómo crear una web desde webnode?
1º Vamos a nuestro navegador ya sea Internet Explored o Mozilla Firefox y escribimos en la barra de direcciones la siguiente dirección www.webnode.com, nos saldrá una página como esta.
Pulsaremos en Sign up now:
Ahora, nos crearemos una cuenta. Lo primero es elegir el nombre de nuestro Proyecto, es importante elegirlo bien porque luego, la dirección de nuestra web y que daremos a todo el mundo será https://NOMBRE_ELEGIDO.webnode.com. El nombre lo introduciremos en Project Adress, introduciremos también una dirección de correo y una contraseña (no tiene que ser la misma del correo).
Ahora deberemos ir a nuestro correo y aceptar el enlace que nos llega.
Al aceptar el enlace, iremos a otra pantalla donde pulsaremos en Start here
En la siguiente pantalla, pondremos un slogan que aparecerá en la cabecera de nuestra web y elegiremos también el idioma de la web. Pulsamos Next
Ahora elegiremos una plantilla para la web de entre las que nos ofrece. Esta plantilla puede cambiarse más adelante si queremos.
Por último, webnode, nos ofrece la posibilidad de crear por nosotros algunas páginas. La mejor opción, sin embargo, es borrar todas las páginas y luego crear sólo las que nos interesen.
Pulsaremos Finish para terminar y ya tenemos nuestra web, si vamos a la dirección https://NOMBRE_ELEGIDO.webnode.com veremos nuestra primera web, vacía, eso sí.
¿Cómo volver a acceder a nuestra página para modificarla?
En el navegador teclearemos la dirección de nuestra página pero terminada en /login, por ejemplo https://matematicasiesbi.webnode.com/login. Accederemos a una página en la que debemos introducir la dirección de correo y contraseña con la que nos registramos.
Accederemos a una nueva pantalla en la que pulsaremos Design website
Y ahora pulsaremos en Website editor
Llegaremos a una pantalla en la que veremos nuestra web pero con un menú de edición que nos permitirá modificar la web a nuestro gusto
¿Cómo modificar el contenido de nuestra página?
Si nos fijamos en la ventana donde aparece el texto, veremos que aparece la opción "Edit content", esa será la opción que tendremos que pulsar cada vez que queramos modificar una parte de la web.
Nos aparecerá una nueva ventana con una barra de editor de textos. Podremos modificar todo el texto de la web y también el título de la ventana. Mediante la barra de edición podremos cambiar el color del texto, tamaño de la letra (style), alineación, etc
Muy importante: Cuando terminemos los cambios debemos pulsar en Save and close y después en Publish
¿Cómo crear más páginas en nuestro sitio web?
Precisamente una de las ventajas de una web frente a un blog, es la posibilidad de que contenga varias páginas que formen una estructura de árbol, es decir, cuelguen unas de otras. Eso nos puede servir para ordenar recursos para un curso completo en nuestra web.
Para crear una nueva página pulsaremos en el botón New page del editor.
Nos aparecerá una nueva ventana en la que pondremos el nombre de la página y, muy importante, cuál es la página de la que queremos que cuelgue. Las primeras páginas tendrán que colgar de la página Inicio que es la de presentación, pero las siguientes podrán ir colgando de las nuevas que vayamos creando. En nuestro ejemplo crearemos una página "Tema 1. Enteros" y otra "Tema 2. Fracciones" que colgarán de Inicio y después una nueva página "Operaciones con enteros" que colgará de la del Tema 1. Elegiremos blank page, si queremos una página en blanco. No hay que olvidar pulsar sobre Publish cada vez que hagamos un cambio.
Lo interesante es que se irá creando sólo un menú de todas las páginas disponibles. La posición de este menú podrá cambiar en función de la plantilla escogida.
¿Cómo insertar enlaces?
Si usamos la webcon fines educativos, seguramente necesitaremos colocar enlaces que dirijan a nuestros alumnos/as hacia los recursos en los que queremos que trabajen. Es muy sencillo, escribiremos la palabra sobre la que queremos que esté el enlace, la marcaremos con el ratón y pulsaremos sobre el botón de enlace del editor.
Se nos abrirá una nueva ventana donde pegaremos la dirección web a la que dirijirá nuestro enlace.
¿Cómo insertar imágenes en nuestras páginas?
En primer lugar hay que saber que las fotos de Internet pueden grabarse en el disco duro del ordenador, para ello sólo hay que pulsar el botón derecho del ratón sobre la imagen y pulsar sobre "Grabar imagen como" o "Save image as"
|
||
Ahora iremos como siempre al editor de la página mediante Edit content y pulsaremos sobre el icono de "Añadir imagen"
Se nos abrirá una nueva ventana en la que pulsaremos "Upload images"
Pulsando en Browse buscaremos la imagen en nuestro equipo. Podemos pulsar browse varias veces para subir más de una imagen. Una vez elegidas todas las imágenes pulsamos en Upload.
Para insertar la imagen haremos clic sobre ella, pero antes conviene ajustarle el tamaño, para eso elegiremos propiedades en el menú de la imagen.
En el ancho (width) elegiremos entre 500 y 600, el alto se pondrá automático. Después pulsaremos Resize y después save.
Ahora ya, sí que podemos hacer clic sobre la imagen y aparecerá sobre nuestra página. No olvidar pulsar sobre Save y Publish.
¿Cómo insertar un vídeo de youtube en la web?
Una vez elegido el vídeo en youtube, si nos fijamos, veremos en el lado derecho de la ventana un código que pone "incrustar" o "embed", según la versión que tengamos en español o inglés. Copiaremos ese código marcándolo y pulsando Ctrl+C
 |
| tube.png |
Como siempre, iremos a nuestra ventana y pincharemos en Edit content. Después, en el menú pulsaremos sobre el icono de la televisión.
Nos aparecerá una ventana en la que pegaremos el código que hemos copiado en youtube pulsando Ctrl+V.
Si pulsamos en Insert, y como siempre, Save and close y Publish, veremos el vídeo en nuestra página.
