creación de una página web para clase - webnode... · creación de una página web para clase...

8
Creación de una página web para clase Javier Santana/Sari Tudisco Con esta tarea vamos a crear una página web que hará las veces de “cuaderno de apuntes” para las distintas materias durante este curso. Para ello, usaremos Webnode . Necesitas una cuenta de correo, así que si aún no tienes una, el primer paso es crearla. Te recomendamos que lo hagas en Gmail. Si aún no tienes cuenta en Gmail, el primer paso es crearte una. Puedes hacerlo desde aquí . 1. Abre la página: http://www.webnode.es/ 2. Lo primero es darle un título a la página web (preferentemente que contenga tu nombre), tu correo electrónico y una contraseña. Haz clic en Regístrate . 3. A continuación elige el tipo de web; en nuestro caso será web personal .

Upload: others

Post on 24-May-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Creación de una página web para clase - Webnode... · Creación de una página web para clase Javier Santana/Sari Tudisco Ya está, ya has publicado tu primera entrada en la web

Creación de una página web para clase

Javier Santana/Sari Tudisco

Con esta tarea vamos a crear una página web que hará las veces de “cuaderno de

apuntes” para las distintas materias durante este curso. Para ello, usaremos Webnode.

Necesitas una cuenta de correo, así que si aún no tienes una, el primer paso es crearla.

Te recomendamos que lo hagas en Gmail.

Si aún no tienes cuenta en Gmail, el primer paso es crearte una. Puedes hacerlo

desde aquí.

1. Abre la página: http://www.webnode.es/

2. Lo primero es darle un título a la página web (preferentemente que contenga tu

nombre), tu correo electrónico y una contraseña. Haz clic en Regístrate.

3. A continuación elige el tipo de web; en nuestro caso será web personal.

Page 2: Creación de una página web para clase - Webnode... · Creación de una página web para clase Javier Santana/Sari Tudisco Ya está, ya has publicado tu primera entrada en la web

Creación de una página web para clase

Javier Santana/Sari Tudisco

4. Ahora pon un nombre a la página wwb (esto es el “título de la página”, es decir, lo

que aparecerá como cabecera cuando accedas desde el navegador), escribe un

eslogan y haz clic en Continuar.

5. Ahora elige la plantilla que más te guste y pulsa Continuar.

6. A continuación te saldrá la siguiente ventana, pulsa Terminar.

Page 3: Creación de una página web para clase - Webnode... · Creación de una página web para clase Javier Santana/Sari Tudisco Ya está, ya has publicado tu primera entrada en la web

Creación de una página web para clase

Javier Santana/Sari Tudisco

7. Tu página ya está lista para empezar a añadir contenido. Desmarca la casilla: Abrir

el tutorial de Webnode y pulsa en Empezar a editar.

8. Vamos a crear la primera entrada: pulsa en Editar contenido.

9. Aparecerá una ventana de bienvenida, borra el texto y personalízalo.

- Primero, el título de la entrada en “Encabezado 3”, negrita y cursiva.

Page 4: Creación de una página web para clase - Webnode... · Creación de una página web para clase Javier Santana/Sari Tudisco Ya está, ya has publicado tu primera entrada en la web

Creación de una página web para clase

Javier Santana/Sari Tudisco

- Segundo, el contenido de la entrada en texto normal, elige tipo de fuente y color

que más te guste; para ello, pulsa en:

- Introduce el siguiente texto:

“Este va a ser mi cuaderno de actividades para diferentes materias durante el

curso 2013-2014.

Espero que mis profes no me manden demasiadas tareas para la página web,

¡¡aún no hemos empezado y ya estoy estresado/a!!”

- Tercero, ¡¡REVISA LA ORTOGRAFÍA!!! (Tu página está en internet, a

disposición de todo el mundo. No querrás escribir con faltas de ortografía y que

todo el mundo se dé cuenta, ¿no?). Si quieres ver cómo queda la página antes de

publicarla, haz clic en Ver.

- Y por último, haz clic en “Publicar”

Page 5: Creación de una página web para clase - Webnode... · Creación de una página web para clase Javier Santana/Sari Tudisco Ya está, ya has publicado tu primera entrada en la web

Creación de una página web para clase

Javier Santana/Sari Tudisco

Ya está, ya has publicado tu primera entrada en la web. Para salir de la edición de la

página, haz clic en Cerrar.

Esto tendrás que hacerlo cada vez que en clase demos algo de teoría, o cada vez que

el profesor mande una tarea para hacer en la página. ¡¡Lo harás muchas veces durante

el curso, créeme!!

Para terminar, aquí tienes algunas cosas importantes que debes saber para manejar la

página web de una manera eficiente:

Insertar una nueva entrada:

Pulsa sobre Textos e Imágenes y arrastra hasta el lugar donde quieres que

aparezca:

A continuación sigues los pasos explicados en el paso 9.

Page 6: Creación de una página web para clase - Webnode... · Creación de una página web para clase Javier Santana/Sari Tudisco Ya está, ya has publicado tu primera entrada en la web

Creación de una página web para clase

Javier Santana/Sari Tudisco

Insertar una imagen:

Pulsa sobre Textos e Imágenes y arrastra hasta el lugar donde quieres que

aparezca. A continuación le das a Editar contenido y se te abre la siguiente

ventana: Pulsa sobre el siguiente icono:

Ahora se abre una nueva ventana donde podrás seleccionar la imagen, a

continuación pulsa en Insertar:

Una vea que ajustes la imagen, no te olvides de hacer clic en Guardar. Puedes

ver cómo queda la entrada pulsando en Ver, si no te gusta puedes volver a entrar

y arreglarla. Para terminar haz clic en Publicar.

Page 7: Creación de una página web para clase - Webnode... · Creación de una página web para clase Javier Santana/Sari Tudisco Ya está, ya has publicado tu primera entrada en la web

Creación de una página web para clase

Javier Santana/Sari Tudisco

Insertar un archivo:

Pulsa sobre Textos e Imágenes y arrastra hasta el lugar donde quieres que

aparezca. A continuación le das a Editar contenido y se te abre la siguiente

ventana: Pulsa en Introducir:

Y luego sobre Archivo:

Selecciona el archivo, a continuación pulsa en Insertar. No te olvides de hacer clic en

Guardar. Puedes ver cómo queda la entrada pulsando en Ver, si no te gusta puedes

volver a entrar y arreglarla. Para terminar haz clic en Publicar.

Page 8: Creación de una página web para clase - Webnode... · Creación de una página web para clase Javier Santana/Sari Tudisco Ya está, ya has publicado tu primera entrada en la web

Creación de una página web para clase

Javier Santana/Sari Tudisco

Insertar un vídeo de Youtube:

Escribe en el buscador el vídeo que quieras insertar, haz clic con el botón

derecho sobre el vídeo y pulsa sobre Copiar dirección de enlace.

Pulsa sobre Contenidos – Más – Widgets - Youtube

Pega la dirección del vídeo y pégala donde dice URL…, y por último haz clic en

“Aceptar”. Ya está, el vídeo está en tu entrada.

A continuación se abrirá la siguiente ventana:

No te olvides hacer clic en Guardar. Puedes ver cómo queda la entrada

pulsando en Ver, si no te gusta puedes volver a entrar y arreglarla. Para terminar

haz clic en Publicar.

Cualquier otra duda o pregunta que te surja, pregúntala al profe en clase o por

correo electrónico a Javi: [email protected] o Sari: [email protected].