Este documento presenta varias herramientas útiles para crear y usar páginas web, como Weebly, Blogger y Flickr. Explica los pasos básicos para crear una cuenta en Weebly y diseñar una página web, incluyendo agregar texto, imágenes, videos y enlaces. También recomienda usar otros sitios como Flickr y Vimeo para alojar archivos multimedia y enlazarlos a la página web. Finalmente, proporciona ejemplos de páginas web creadas por lectores de la Universidad de Szeged

1. Nuevas Tecnologías
Creación y uso de Páginas web
Talleres de español como lengua extranjera 2011
Ponente: Izaskun Pérez
Lectora de español en la Universidad de Szeged

2. AQUÍ TENÉIS UNOS PROGRAMAS ÚTILES
 weebly  blogger
 micromobs  writeonglass
 flickr  screener
 vimeo  delicious
 creative commons  twitter
 google docs  scribd
 podcast  slideshare
 goear  prezi

3. LA PÁGINA WEB
Paso nº1: Crear una cuenta en www.weebly.com
Paso nº 2: Darle un nombre a tu página web
Paso nº 3: Empezar a explorar las posibilidades…

4. QUÉ HACER PRIMERO
Elegimos el diseño
Luego, cuántas páginas queremos que tenga en el menú

5. BOTONES…
Una vez elegido el estilo y hechas las páginas, empezamos a
elaborar cada página…
-Arrastrar: párrafos con títulos, texto, fotos…
-Fotos: Ordenador o internet. Recomendado: Creative Commons
-Truco para obtener más espacio: 2 columnas.
-Para crear un link en una palabra: Símbolo del infinito

6. ARCHIVOS MULTIMEDIA
Hay posibilidad para subir fotos y archivos, pero el peso de estos ralentiza la página.
Mejor: cargarlos en otros programas, y hacer un enlace a ellos desde nuestra página.
Fotos: Flickr
Vídeo: Vimeo
Audio: Goear
PPT: Slideshare
Word: Google docs
Para añadir esos archivos a nuestra página web:
-Hacer un link (símbolo infinito) a la página donde se encuentran
-Copiar el código “embed” en un párrafo de html (more)

7. ENLAZAR UN VÍDEO
1.- Buscar vídeo: youtube, vimeo, etc.
2.- Buscar código “embed”
3.- Copiarlo en weebly en un
párrafo html
4.- Corregir el tamaño

8. OTRAS APLICACIONES DE WEEBLY
 Separadores (más – diseño)
 Encuesta (más – forms)
 Formulario de contacto (más)
 Foros (más)
 Blog (pages – add blog)
 Read more break (Si es muy larga nuestra entrada)
 Símbolos de Twitter, Flickr, Del.icio.so (marcadores)

9. PÁGINAS DE LOS LECTORES DE SZEGED
 Mi página (aún estoy aprendiendo…)
 www.izaskunperez.weebly.com
 Página de catalán:
 www.bonprofit.org
 Página de literatura:
 www.thelitteraproject.weebly.com

10. ¡HELP!
 Para contactar conmigo: izasp@yahoo.com
(lectora de la Universidad de Szeged)
 Para cualquier pregunta informática que yo no
sepa responder: monica_poza@yahoo.es (Mónica
Poza y Álvaro Llosa, profesores invitados en la
Universidad de Szeged, mis mentores
informáticos)
 ¡Gracias por vuestra atención!