Páginas

Cómo incluir una tabla de datos en las entradas con Blogger

Cómo incluir una tabla de datos en las entradas con Blogger


En el tutorial de hoy vamos a detallar el procedimiento a seguir para insertar una tabla con datos en una entrada o página de vuestra web, lo que os puede ser muy útil para, por ejemplo, detallar una tarifa de precios, horarios, estadísticas...
No es difícil pero sí tenemos que fijarnos un poco porque, para ello, tenemos que editar nuestra entrada en modo HTML.
 El PASO es escribir esto: 

<table border="1" cellpadding="4"><tbody>

A continuación ir escribiendo el texto de cada una de las celdas de esta manera:

<tr><td> 1ª celda de la 1ª fila</td>
<td> 2ª celda de la 1ª fila  </td></tr>
<tr><td> 1ª celda de la 2ª fila </td>
<td> 2ª celda de la 2ª fila </td></tr>

Y finalmente cerrar la tabla con:
</tbody></table>

Si os fijáis, a la hora de llenar de contenido nuestra tabla lo que debemos tener en cuenta siempre es que el código para enmarcar cada celda se abre con <td> y se cierra con </td>, y cada fila se abre con <tr> y se cierra </tr>


Una vez creada nuestra tabla, el PASO es personalizarla para integrarla en el diseño de nuestra página. Así, podemos cambiar varias cosas:

¿Cómo ajustar el ancho de la tabla al ancho del post?
Escribiendo style="width: 100%;" justo después de <table 

¿Cómo centrar la tabla dentro del post?
Escribiendo align="center" justo después de <table 

¿Cómo centrar el texto dentro de cada celda?

Escribiendo <div style="text-align: center;"> justo antes de empezar a escribir el texto de cada celda

¿Cómo variar el grosor del borde de la tabla?
 Modificando el valor de "border"; si lo dejamos en border="0" entonces lo eliminaremos.

¿Cómo variar la altura de la celda?

Cambiando el valor de "cellpadding"

¿Cómo cambiar el color del borde de la tabla? 

Añadiendo después de <table el atributo border color="#código html" del color que queramos

¿Cómo cambiar el color de fondo de la celda?
Añadiendo, también después de <table, el atributo bgcolor="#código html" del color que queramos

Si lo que queremos es cambiar el color de una sola fila, entonces usaremos el mismo atributo pero en vez de ponerlo después de <table lo pondremos después de la etiqueta <tr


Y por último ¿cómo poner una imagen como fondo de la celda?

Pues en este caso agregando background="URL de la imagen" después de <table 

Una vez ahí ya es cuestión de echarle imaginación, diseñar nuestra tabla de acuerdo con el contenido de la entrada, y crear una como... ¿por ejemplo esta?

FILA 1 COLUMNA 1 FILA 1 COLUMNA 2
FILA 2 COLUMNA 1 FILA 2 COLUMNA 2
(fuente: BlogTecnos )

El 4 de julio en The New Yorker

Mañana se celebra en Estados Unidos la Fiesta Nacional del 4 de Julio, fiesta en la que se conmemora la Declaración de Independencia del Imperio Británico que tuvo lugar precisamente un 4 de julio pero del año 1776...
Pero como lo que a nosotros nos interesa es el mundo de la ilustración, hoy os traemos una muestra retrospectiva de algunas de las portadas con que la revista estadounidense  The New Yorker ilustra - y valga la redundancia - la llegada de esta fecha tan importante para el pueblo norteamericano. Todas ellas, por supuesto, con un denominador común: la bandera de las barras y estrellas y sus tres colores azul, rojo y blanco...

the new yorker vintage 4th july magazine covers, 1976
1976, ilustrada por Lou Myers

the new yorker vintage 4th july magazine covers, 1984
1984, ilustrada por R.O.Blechman

1985, ilustrada por Saul Steinberg

1986, ilustrada por R.O.Blechman

1989, ilustrada por Lee Lorenz

1990, ilustrada por Gretchen Dow Simpson
1992, ilustrada por Warren Miller

2004, ilustrada por Christoph Niemann

2005, ilustrada por Barry Blitt

2006, ilustrada por Christoph Niemann

Fotografía editorial: catálogo sportswear "City Lights" para Oysho

Con las chicas del equipo de gimnasia rítmica de España como protagonistas, Oysho presenta su nuevo catálogo de ropa deportiva bajo el título
"CITY LIGHTS"
Rosa flúor, azul eléctrico... Un catálogo en el que cuerpos perfectos y en movimiento parecen moldeados por las luces de neón, por las luces de la ciudad...














Fotografía editorial: zapatillas "Walk In Pitas"

Un icono renovado: las zapatillas modelo "camping" de toda la vida.
Fabricadas artesanalmente con materiales ecológicos, las "pitas" son cómodas, urbanas y sobre todo divertidas ¡ si hasta vienen en una huevera de cartón reciclado ! 

Me encanta la manera en que se ha rediseñado la marca. Para muestra las imágenes de su lookbook y este eslógan:
"Puedes ir caminando hasta el fin del mundo
 pero nunca olvides llevártelas puestas"












IMÁGENES:

I ❤ illustration: Christina Drejenstam










Ilustraciones de Christina Drejenstam

Fotografía editorial: la puesta en escena de Anna Lomax

Los profanos en la materia no solemos pensar en ello pero en cualquier trabajo de fotografía editorial, además de los fotógrafos existen otros profesionales responsables de buena parte del éxito de la imagen final: los escenógrafos.

Al igual que en el cine o el teatro, estos profesionales son los encargados de componer y dirigir una escena con todos los elementos que sean necesarios: luces, decorados, accesorios, caracterización de los modelos... 

Y ese es justo el cometido de ANNA LOMAX una escenógrafa y directora creativa en cuyos trabajos encontramos frascos de perfume, pintalabios, zapatos, bolsos... y entre ellos ¿esponjas, globos, cuerdas? 

Llamativos decorados llenos de color y movimiento gracias a la mezcla de los más variopintos objetos y texturas. Decorados a menudo inverosímiles, pero no exentos de humor... 











escenografías creadas para Vogue UK, Guerlain, Louboutin y Lipstick Queen