Introducción al diseño y programación de páginas web Juan Julián Merelo,  Depto. Arquitectura y Tecnología de Computadores...
Esquema <ul><li>Introducción </li></ul><ul><li>Blogs y páginas web </li></ul><ul><li>Acercándose a los blogs. </li></ul><u...
Quiénes somos, de donde venimos, a dónde vamos <ul><li>El contenido del curso. </li></ul><ul><ul><li>http://geneura.ugr.es...
Blogs y nicho de mercado <ul><li>Es muy fácil crear un blog, por eso hay blogs de todo. </li></ul><ul><li>A los blogs se l...
¿Qué es un blog? <ul><li>Una página web con historias ordenadas cronológicamente que se actualizan con cierta frecuencia. ...
¿Por qué un blog? <ul><li>Ofrecen opinión con una subjetividad conocida. </li></ul><ul><li>Te lo cuenta a quien conoces. <...
¿Cómo se lee un blog? <ul><li>En la web, claro. </li></ul><ul><li>También se pueden usar agregadores online/offline </li><...
Creando un blog <ul><li>En esencia, es simplemente una página web de fácil creación y actualización. </li></ul><ul><li>No ...
Elementos de un blog <ul><li>Plantilla </li></ul><ul><li>Blogroll </li></ul><ul><li>Categorías y etiquetas </li></ul><ul><...
Consejos sobre el contenido <ul><li>Buscar la frecuencia ideal. </li></ul><ul><li>Conoce a tu audiencia. </li></ul><ul><li...
No sólo palabras <ul><li>Generalmente, en los blogs se incluye información de muchos tipos diferentes. </li></ul><ul><li>F...
Más consejos sobre el contenido <ul><li>Categoriza y etiqueta. </li></ul><ul><li>Sé original. </li></ul><ul><li>Aporta val...
Wikis: webs colaborativas <ul><li>Un wiki es una página web editable. </li></ul><ul><li>Sintaxis fácil: http://cpep-prueba...
Consejos finales <ul><li>Hacer una página web es más fácil de lo que se cree. </li></ul><ul><li>Hay que elegir la herramie...
Eso es todo <ul><li>¿Alguna pregunta? </li></ul>
Upcoming SlideShare
Loading in …5
×

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

1,510 views

Published on

Diferentes técnicas para empezar a programar una página web en cuestión de minutos.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,510
On SlideShare
0
From Embeds
0
Number of Embeds
30
Actions
Shares
0
Downloads
50
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. 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
  2. 2. Esquema <ul><li>Introducción </li></ul><ul><li>Blogs y páginas web </li></ul><ul><li>Acercándose a los blogs. </li></ul><ul><li>Wikis: una alternativa. </li></ul><ul><li>Creando un blog. </li></ul><ul><li>Insertando contenido en un blog. </li></ul>
  3. 3. Quiénes somos, de donde venimos, a dónde vamos <ul><li>El contenido del curso. </li></ul><ul><ul><li>http://geneura.ugr.es/cursos/WEB </li></ul></ul><ul><li>El profesorado. </li></ul><ul><li>La mecánica de las clases. </li></ul><ul><ul><li>Y los peculiares horarios </li></ul></ul><ul><li>La evaluación. </li></ul>
  4. 4. Blogs y nicho de mercado <ul><li>Es muy fácil crear un blog, por eso hay blogs de todo. </li></ul><ul><li>A los blogs se llega primero como lector. </li></ul><ul><li>Hay blogs profesionales, personales, de aficiones. </li></ul><ul><li>Buscadores específicos: http://technorati.com http://blogsearch.google.com </li></ul><ul><li>Ejercicio : Identificar blogs de interés. </li></ul>
  5. 5. ¿Qué es un blog? <ul><li>Una página web con historias ordenadas cronológicamente que se actualizan con cierta frecuencia. </li></ul><ul><ul><li>Generalmente, enlazan a otros blogs o sitios web. </li></ul></ul><ul><li>La clave es la facilidad de uso. Cualquiera puede tener un blog. </li></ul>
  6. 6. ¿Por qué un blog? <ul><li>Ofrecen opinión con una subjetividad conocida. </li></ul><ul><li>Te lo cuenta a quien conoces. </li></ul><ul><li>Puedes participar y ofrecer tu opinión. </li></ul><ul><li>Los ciclos de publicación son muy rápidos. </li></ul><ul><li>Ofrecen múltiples medios </li></ul>
  7. 7. ¿Cómo se lee un blog? <ul><li>En la web, claro. </li></ul><ul><li>También se pueden usar agregadores online/offline </li></ul><ul><li>O que te lo manden por email cuando se actualiza: http://www.blogarithm.com </li></ul><ul><li>Ejercicio : Agregar en Google Reader algún blog. </li></ul>
  8. 8. Creando un blog <ul><li>En esencia, es simplemente una página web de fácil creación y actualización. </li></ul><ul><li>No hacen falta más que mínimos conocimientos de HTML. </li></ul><ul><li>Sitios gratuitos de alojamiento: http://blogspot.com , http://wordpress.com , http://lacoctelera.com , http://blogia.com </li></ul><ul><li>Ejercicio : Alta de un blog </li></ul>
  9. 9. Elementos de un blog <ul><li>Plantilla </li></ul><ul><li>Blogroll </li></ul><ul><li>Categorías y etiquetas </li></ul><ul><li>Archivo </li></ul><ul><li>Ejercicio : alterar la plantilla por defecto para adaptarla a nuestros gustos. </li></ul>
  10. 10. Consejos sobre el contenido <ul><li>Buscar la frecuencia ideal. </li></ul><ul><li>Conoce a tu audiencia. </li></ul><ul><li>Limpia y pule. </li></ul><ul><li>No provoques a los trolls. </li></ul><ul><li>Busca un nicho de mercado. </li></ul><ul><li>Fomenta tu red social. </li></ul><ul><li>Ejercicio : buscar bitácoras y comentar una entrada. Usar etiquetas (tags) en entradas. </li></ul>
  11. 11. No sólo palabras <ul><li>Generalmente, en los blogs se incluye información de muchos tipos diferentes. </li></ul><ul><li>Flickr: imágenes </li></ul><ul><li>Goear: sonidos </li></ul><ul><li>Youtube: videos </li></ul><ul><li>Slideshare: presentaciones </li></ul><ul><li>Ejercicio: Alta en Flickr y YouTube </li></ul>
  12. 12. Más consejos sobre el contenido <ul><li>Categoriza y etiqueta. </li></ul><ul><li>Sé original. </li></ul><ul><li>Aporta valor añadido. </li></ul><ul><li>Usa contenidos multimedia. </li></ul><ul><ul><li>Flickr, YouTube, GoEar, SlideShare </li></ul></ul><ul><li>Usa diferentes posibilidades: podcast... </li></ul>
  13. 13. Wikis: webs colaborativas <ul><li>Un wiki es una página web editable. </li></ul><ul><li>Sintaxis fácil: http://cpep-pruebas.wikispaces.com/ . </li></ul><ul><li>Seguimiento de los cambios a una página </li></ul><ul><li>Creación colaborativa de documentos. </li></ul><ul><li>Ejercicio : creación colaborativa de una página en http://www.wikispaces.com </li></ul>
  14. 14. Consejos finales <ul><li>Hacer una página web es más fácil de lo que se cree. </li></ul><ul><li>Hay que elegir la herramienta adecuada en cada caso. </li></ul><ul><ul><li>Wiki o blogs </li></ul></ul>
  15. 15. Eso es todo <ul><li>¿Alguna pregunta? </li></ul>

×