Ya han terminado las V Jornadas de Podcasting en Barcelona y, todavía con la resaca después de tanto podcast, escribo este post básicamente por dos motivos:

En primer lugar dar las gracias a todos aquellos que votasteis en los premios de la Asociación Podcast y, sobretodo, a todos aquellos seguidores de este humilde podcast que lo votasteis para conseguir un magnífico segundo lugar en la categoría de Arte y Cultura. Desde aquí aprovecho para dar la enhorabuena al ganador, La Cocina TV, y a los chicos de El Noveno Podcast, el otros finalista de la categoría. Llegar hasta aquí (y solo...) no es fácil y seguro que se merecen el premio tanto como yo.
Muchas felicidades también a todos los finalistas, y en especial a La Buhardilla 2.0 y Dame La Voz por esas victorias en sus respectivas categorías.
De verdad, muchas gracias a todos.

En segundo lugar quiero hablar un poco sobre las Jornadas en sí. El lugar, perfecto. Un edificio (casi) entero para nosotros, un aforo que prácticamente soportaba la asistencia de público. Aunque algunos talleres o charlas podrían haberse cambiado de sitio a última hora, según la asistencia.
La organización ha sido estupenda, lástima de disponer de poco tiempo (en realidad sólo ha cundido el sábado) y que por ello no se pudiera asistir a las charlas/talleres/directos deseados. Los voluntarios muy simpáticos y atentos, siempre dispuestos a ayudar.
Sobre las actividades off-jpod, un suspenso. Pero de ahí somos casi todos en parte culpables, puesto que es muy difícil organizarse a gusto de todos y en tanta cantidad de gente. Quitando el sábado, que hubo una "cena oficial" (donde más de uno/a se pasó con las bebidas espirituales... **EJEM**), el resto fue un completo desastre. Sobretodo a la hora de la fiesta.
NOTA: A los podcasters más juerguistas que convencí y a los que no... a la próxima hacedme caso :p


Ya para finalizar, felicitar a Los Kryptonianos por ese directo que se marcaron, y dar las gracias a Lyly Black, Bimbo, Dicren y Mariote por asistir.
También quisiera decir que me siento muy orgulloso de haber podido conocer/desvirtualizar a personas maravillosas como Kike Silva, Abraham, Joaquín García, Juanma, parte del equipo de Dame La Voz, Roberto Pastor, Rafa Osuna, Roberto Cortador, Sersa, y a ese gran podcaster que es Sam Danko.

Ah! Y que no se me olvide... he ganado el COTY (comment of the year) por ese ya mítico
MILF MILF MILF #jpod10bcn hahahaha

Un abrazo muy fuerte para todos. Gracias por estar ahí e impulsarme para seguir adelante.


F.



pd. La victoria es moral! Por encima mío hay un videocast lo que me convierte en el mejor podcast de arte y cultura! :p


Aunque resfriado y con retraso, aquí llega el nuevo capítulo del podcast! Esta vez habéis elegido vosotros el tema gracias a la votación del blog.

Os enseñaré a poner imágenes, cambiarles el tamaño, poner y quitar bordes, etc...

Gracias a todos los que votasteis en los premios de Asociación Podcast.


Índice de contenidos:

  • Formatos de imágenes
  • Tag
  • Atributos: src, align, alt, height, width, border.


  • Ver código de ejemplo
    <img src="ruta/imagen.jpg" alt="Imagen de ejemplo" width="300px">
    


    Promo de:
    Teleadictos Podcast





    Descarga el capítulo

    ¿Tienes 5 minutos? Pues escucha lo que tengo que decirte :)





    Descarga el audio

    Vuelve el podcast dos semanas después, a causa del parón por la visita a Los Kryptonianos.
    Esta semana hablamos de elementos que normalmente pasan desapercibidos pero que muchas veces ayudan a los programadores web: los comentarios y los caracteres especiales.

    Esta vez la entradilla corresponde a @beacruzpini y su voz de "Bea tonta" (no me preguntéis por qué... puso así el nombre del archivo! XD)

    Índice de contenidos:

  • Qué son los comentarios
  • Cómo escribir comentarios
  • Qué son los caracteres especiales
  • Cómo escribir caracteres especiales


  • Ver código de ejemplo
    <!-- esto es un comentario -->
    
    &euro;
    &#8364;


    Códigos de caracteres

    Promo de:
    La Buhardilla 2.0





    Descarga el capítulo


    Número 6 ya en línea! Visita "la escuela del HTML" en la que este capítulo os enseñaré qué son las listas y cómo usarlas. Como siempre, algún ejemplo práctico y, si me lo pedís, os colgaré el código para que veáis como se hace.

    Gracias a @donazrael y su hijo por la entradilla, y a @lyly_black por prestarme su voz para las cortinillas :)


    Índice de contenidos:

  • Qué son las listas
  • Tipos de lista
  • Listas desordenadas
  • Listas ordenadas 
  • Listas de términos
  • Cómo usar las listas


  • Miniconsejo al final del audio!


    Ver código de ejemplo
    <ul>
    <li>item 1</li>
    <li>item2</li>
    </ul>
    
    <dl>
    <dt>Termino</dt>
    <dd>Definicion</dd>
    </dl>
    


    Promo de:
    Sopa de notas





    Descarga el capítulo

    Se acabaron las vacaciones. Toca volver al trabajo y con ello vuelve HTML Podcast. En este capítulo aprenderemos algo que es fundamental en todas las webs: los enlaces.

    Veremos qué son, para qué sirven y como crearlos. También aprenderemos a dividir nuestra web en secciones y enlazar de una sección a otra.



    La entradilla es un regalito del señor Frank Blanco (Playsounds) que, después de desvirtualizarnos en la CampusMac 2010, hemos cuajado una bonita amistad.

    También es posible que notéis algún que otro cambio de voces por ahí. No digo nada y lo digo todo.

    Índice de contenidos:

  • Correos
  • Qué es un enlace.
  • Qué necesitamos para crear un enlace.
  • Las secciones y cómo enlazarlas.


  • Miniconsejo al final del audio!


    Ver código de ejemplo
    <a href="doc1.html"> Link al documento 1 </a>
    
    <a href="#seccion1"> Link a la sección 1 </a>
    <a href="doc2.html#seccion4"> Link a la sección 4 del documento 2 </a>


    Promo de:
    Radio Podcastellano





    Descarga el capítulo


    El podcast de HTML está de vuelta! Después de una pequeña racha de faena y exámenes encuentro un hueco para grabar lo que he ido preparando desde tiempo atrás.
    Bienvenidos a la nueva sección del podcast: interstitial.
    ¿Qué es un interstitial? Escúchalo y lo sabrás...



    Índice de contenidos
  • ¿Qué es un interstitial?
  • Novedades HTML5


  • Descarga el capítulo

    Esta promo es un regalito del señor Pablo del gran podcast Gravina82. Muchísimas gracias !
    Podéis descargarla y utilizarla cuanto queráis! :)

    Descarga la promo


    Aquí dejo la primera promo de HTML Podcast!
    La podéis descargar, escuchar y utilizar cuanto queráis!

    Muchas gracias a Pablo de Gravina82, Sunne de DeQueVa y a la guapísima Silvia de El Rey del Mando por su colaboración!

    Descarga la promo



    He regresado!

    Este post es para pedir disculpas públicamente por el parón sin excusas que ha dado el podcast.
    No, no me he olvidado de vosotros.
    He tenido un inicio de exámenes muy chungo: acabar las prácticas de la universidad y estudio a contrarreloj para el primer día de examen ya hacer el primero...
    Los que me seguís en twitter sabréis que no he estado últimamente mucho...
    Pero he vuelto!
    Y como prometí en el último podcast, el siguiente número será un tanto especial.
    Estáis a tiempo de enviar dudas, agradecimientos, mails bomba o lo que sea a la dirección de correo del podcast!

    Aprovecho también para agradecer a todos los oyentes, no me esperaba un aterrizaje del podcast tan bueno. Y a todos los podcasters que han puesto la promo que les envié en sus correspondientes podcast! :)

    También os quería comentar que estoy amasando una nueva sección en el podcast, en la que podréis dar a conocer vuestros trabajos en HTML, vuestras dudas, ideas o cosas relacionadas con este mundo... y que no tienen cabida en el podcast "tutorial". Así que os invito a todos a colaborar :)

    Y nada, nos vemos en twitter! :)

    Un saludito!
    Esta vez sin retrasos llega el número 4 de HTML Podcast. En este número trataremos los primeros pasos para empezar a llenar de contenido nuestra web.

    Mil gracias a MarioG de PodZapp por los consejos a la hora de mejorar la calidad del audio.





    Índice de contenidos:

  • Correos
  • Titulares
  • h1, h2, h3, h4, h5 y h6
  • Párrafos
  • <p></p>
  • Saltos de línea
  • <br />


    Miniconsejo al final del audio!

    Lorem Ipsum: Visita la página oficial

    Promo de:
    Torpes Para Todo


    Descarga el capítulo

    Ya está aquí el tercer episodio de HTML Podcast! Esta vez trataremos los atributos más comunes de los elementos de una web y un poquito el tema de eventos.

    Quisiera pedir disculpas por algunos cambios de audio, el ordenador se ha puesto malito mientras grababa y he tenido que hacer parones...

    Prometo comprar un micro en condiciones si la cosa sale adelante!

    Índice de contenidos:

  • Correos
  • Atributos
  • id, class, style, title, src, href, etc...
  • Eventos
  • onload, onclick, onmouseover, onmouseout, onkeypress, etc...

    Miniconsejo al final del audio!

    Ver código del consejito
    <body style='background-color:red;color:white;'>
    


    Promos de:
    LOS KRYPTONIANOS
    Soy friki


    Descarga el capítulo


    El segundo capítulo de HTML Podcast toca a fondo el apartado <head> del documento html, explicando las diferentes etiquetas que van dentro. Aprenderemos a poner el título a la página web y qué son y como linkar a nuestra web hojas de estilos en cascada.


    Os dejo un ejemplo de <head> para que entendáis bien el tema de los atributos, sobretodo los metadatos.

    Cualquier duda, podeis escribir en el blog o por correo/audiocorreo.

    Índice de contenidos:

  • Correos
  • A fondo: HEAD
  • <title>
  • <meta>
  • <link>
  • <style>
  • <script>
  • CSS: Hojas de estilo en cascada

  • Miniconsejo al final del audio!

    Ejemplo <head>:
    <head> 
    
     <title>HTML Podcast</title> 
        
     <meta name="author" content="Fidel Montesino"> 
     <meta name="description" content="Micropodcast para aprender a hacer páginas web">
     <meta name="keywords" content="podcast, html, paginas web"
     
     <link rel='stylesheet' href='hojaDeEstilos.css' type='text/css'/> 
     
     <style type="text/css">
     /* Codigo CSS aqui */
     </style> 
    
     <script src='unArchivo.js' type='text/javascript'></script> 
     
     <script language='javascript'> 
     //Codigo javascript aqui
     </script> 
     
    </head>
    
    Web de Firebug


    Descarga el capítulo



    ¡Ya está aquí! El primer capítulo de HTML Podcast, donde tratamos las nociones más básicas (pero necesarias) para crear una página web.

    Espero que os quede todo claro y os sea útil. En caso contrario, no dudéis en preguntar.


    Índice de contenidos:


  • Cliente-Servidor
  • El lenguaje HTML
  • DOCTYPE
  • <html>
  • <head>
  • <body>
  • Editores de texto plano recomendados

  • Miniconsejo al final del audio!

    Ejemplo DOCTYPE:
    <!DOCTYPE html>
    

    Ejemplo más elaborado:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//ES" "http://www.w3.org/TR/html4/strict.dtd">
    

    Descarga el capítulo

    Capítulo piloto de este podcast donde se da a conocer la dinámica que se utilizará, así como los métodos de contacto.

    También sirve de prueba para el hosting del audio y el registro en iTunes (próximamente).

    Se agradece cualquier tipo de comentario, duda, sugerencia, etc...

    Descarga el capítulo

    Bienvenidos a este nuevo proyecto, quizá un poco ambicioso de entrada, pero con mucha mucha ilusión.
    Dentro de poco estará todo en marcha, espero veros a todos por aquí muy a menudo!

    Nos leemos dentro de poco.