DISEÑO BLOG Parte II

DISEÑO DE BLOG

Parte II(Actualizado 09 de Abril del 2007)

Objetivo:Incorporar una tabla X x X dentro de un blog. Como ejemplo realizaremos la siguiente tabla de notas de 3x2:

…………..Matemática…Física

Pedro………….6.1………..5.8

Juan…………...5.2………..5.6

Diego…………3.9………...6.0

Secuencia:

a) Ingresar a “Crear Entrada”.

b) Iniciar la confección del articulo y cuando este en el punto donde desea instalar la tabla.

c) Seleccionar “Códigos Entradas”

d) Copiar la siguiente rutina (sin el signo“¡”, ya que este evita que el blog lo asuma como un comando a ejecutar):

< ¡ table>

< ¡ tr> <¡ td>----- <¡ /td> <¡ td>Matemática <¡ /td> < ¡ td>Física <¡ /td> < ¡ /tr>

< ¡ tr> <¡ td>Pedro <¡ /td> <¡ td> 6.1 < ¡ /td> < ¡ td> 5.8 <¡ /td> < ¡ /tr>

< ¡ tr> <¡ td>Juan <¡ /td> <¡ td> 5.2 < ¡ /td> < ¡ td> 5.2 <¡ /td> < ¡ /tr>

< ¡ tr> <¡ td>Diego <¡ /td> <¡ td> 3.9 < ¡ /td> < ¡ td> 5.2 <¡ /td> < ¡ /tr>

< ¡ /table>

e) Publicar.

Notas:

<¡ table>: indica el comienzo y <¡ /table>: donde termina, una tabla.

<¡ tr>: indica el comienzo y <¡ /tr>: donde termina, una fila.

<¡ td>: indica el comienzo y <¡ /td>:donde termina, una columna.

Evite al máximo el ingreso de cambio de línea por teclado (ENTER), ya que desplaza la tabla hacia abajo de la posición seleccionada.

Además pueden agregarse siguiente comandos para optimizar la presentación de la tabla en su conjunto: Si desea que el color de fondo de la tabla sea verde, el ancho de la tabla sea de 500 pixeles, que alineamiento del texto sea por la izquierda y que el color del texto sea azul, que el tipo de letra sea Bold, como también que el ancho de las líneas que separan las celdas sea de 1 píxel, que la separación entre el margen de la celda y el texto sea de 10 pixeles y que el espaciamiento entre celdas sea de 5 pixeles. Entonces debe reemplazar el comando <¡ table> por el comando <¡ table style=“background-color: rgb(0,255, 0); width: 500px; text-align: left; color: rgb(0,0,255); fond-weight: bold;” border=“1” cellpadding=“10” cellspacing=“5”>

Adicionalmente puede agregar bondades a cada una de las celdas como: si desea que el color de fondo de la celda de la nota 3.9 sea rojo. Entonces a la celda involucrada <¡ td> 3.9 <¡ /td> debe ser reemplazada por: <¡ td style= “background-color: rgb(255,0, 0)"><3.9>< ¡ /td>.

Considerando todo lo anterior, la tabla quedaría:

	Matematica	Fisica
Pedro	6.1	5.8
Juan>	5.2	5.2
Diego	3.9	5.2