Introducción al diseño y programación de páginas web

1DyPPW

Introducción al diseño y programación de páginas web

Juan Julián Merelo, Depto. Arquitectura y Tecnología de Computadores

U. Granada

2DyPPW

Esquema

● Introducción● Blogs y páginas web● Acercándose a los blogs.● Wikis: una alternativa.● Creando un blog.● Insertando contenido en un blog.

3DyPPW

Quiénes somos, de donde venimos, a dónde vamos

● El contenido del curso.– http://geneura.ugr.es/cursos/WEB

● El profesorado.● La mecánica de las clases.

– Y los peculiares horarios

● La evaluación.

4DyPPW

Blogs y nicho de mercado

● Es muy fácil crear un blog, por eso hay blogs de todo.

● A los blogs se llega primero como lector.● Hay blogs profesionales, personales, de

aficiones.● Buscadores específicos:http://technorati.com

http://blogsearch.google.com ● Ejercicio: Identificar blogs de interés.

5DyPPW

¿Qué es un blog?

● Una página web con historias ordenadas cronológicamente que se actualizan con cierta frecuencia.– Generalmente, enlazan a otros blogs o sitios

web.

● La clave es la facilidad de uso. Cualquiera puede tener un blog.

6DyPPW

¿Por qué un blog?

● Ofrecen opinión con una subjetividad conocida.

● Te lo cuenta a quien conoces.● Puedes participar y ofrecer tu opinión.● Los ciclos de publicación son muy rápidos.● Ofrecen múltiples medios

7DyPPW

¿Cómo se lee un blog?

● En la web, claro.● También se pueden usar agregadores

online/offline● O que te lo manden por email cuando se

actualiza: http://www.blogarithm.com ● Ejercicio: Agregar en Google Reader algún

blog.

8DyPPW

Creando un blog

● En esencia, es simplemente una página web de fácil creación y actualización.

● No hacen falta más que mínimos conocimientos de HTML.

● Sitios gratuitos de alojamiento: http://blogspot.com, http://wordpress.com, http://lacoctelera.com, http://blogia.com

● Ejercicio: Alta de un blog

9DyPPW

Elementos de un blog

● Plantilla● Blogroll● Categorías y etiquetas● Archivo● Ejercicio: alterar la plantilla por defecto para

adaptarla a nuestros gustos.

10DyPPW

Consejos sobre el contenido

● Buscar la frecuencia ideal.● Conoce a tu audiencia.● Limpia y pule.● No provoques a los trolls.● Busca un nicho de mercado.● Fomenta tu red social.● Ejercicio: buscar bitácoras y comentar una

entrada. Usar etiquetas (tags) en entradas.

11DyPPW

No sólo palabras

● Generalmente, en los blogs se incluye información de muchos tipos diferentes.

● Flickr: imágenes● Goear: sonidos● Youtube: videos● Slideshare: presentaciones● Ejercicio: Alta en Flickr y YouTube

12DyPPW

Más consejos sobre el contenido

● Categoriza y etiqueta.● Sé original.● Aporta valor añadido.● Usa contenidos multimedia.

– Flickr, YouTube, GoEar, SlideShare

● Usa diferentes posibilidades: podcast...

13DyPPW

Wikis: webs colaborativas

● Un wiki es una página web editable.● Sintaxis fácil:

http://cpep-pruebas.wikispaces.com/.● Seguimiento de los cambios a una página● Creación colaborativa de documentos.● Ejercicio: creación colaborativa de una

página en http://www.wikispaces.com

14DyPPW

Consejos finales

● Hacer una página web es más fácil de lo que se cree.

● Hay que elegir la herramienta adecuada en cada caso.– Wiki o blogs

15DyPPW

Eso es todo

● ¿Alguna pregunta?