HTML Podcast

¡Muchas gracias!

htmlcast@gmail.com (Fidel Montesino) — Tue, 02 Nov 2010 21:07:00 +0000

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

#008 - Imágenes

htmlcast@gmail.com (Fidel Montesino) — Mon, 25 Oct 2010 10:39:00 +0000

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

Porque pedir es gratis...

htmlcast@gmail.com (Fidel Montesino) — Wed, 22 Sep 2010 18:40:00 +0000

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

Descarga el audio

#007 - Comentarios y caracteres especiales

htmlcast@gmail.com (Fidel Montesino) — Fri, 17 Sep 2010 18:13:00 +0000

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

#006 - Va de listas

htmlcast@gmail.com (Fidel Montesino) — Fri, 27 Aug 2010 14:55:00 +0000

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

#005 - La base de una web: los enlaces

htmlcast@gmail.com (Fidel Montesino) — Wed, 11 Aug 2010 14:42:00 +0000

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

Interstitial #001 - HTML5

htmlcast@gmail.com (Fidel Montesino) — Wed, 07 Jul 2010 09:49:00 +0000

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

Promo 2

htmlcast@gmail.com (Fidel Montesino) — Sun, 20 Jun 2010 20:26:00 +0000

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

Promo 1

htmlcast@gmail.com (Fidel Montesino) — Sun, 20 Jun 2010 20:22:00 +0000

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

Disculpas por el parón

htmlcast@gmail.com (Fidel Montesino) — Sun, 20 Jun 2010 19:44:00 +0000

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!

#004 - Primeros pasos. Titulares y párrafos.

htmlcast@gmail.com (Fidel Montesino) — Fri, 04 Jun 2010 15:49:00 +0000

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

#003 - Atributos y Eventos

htmlcast@gmail.com (Fidel Montesino) — Mon, 31 May 2010 21:10:00 +0000

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

#002 - A fondo: head. Introducción al CSS

htmlcast@gmail.com (Fidel Montesino) — Fri, 21 May 2010 11:37:00 +0000

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>

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

#001 - Nociones básicas: HTML, head y body

htmlcast@gmail.com (Fidel Montesino) — Fri, 14 May 2010 17:03:00 +0000

¡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

#000 - Piloto

htmlcast@gmail.com (Fidel Montesino) — Tue, 11 May 2010 21:04:00 +0000

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

Comenzamos!

htmlcast@gmail.com (Fidel Montesino) — Mon, 10 May 2010 20:11:00 +0000

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.