Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

1,549 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

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>

×