viernes, 31 de julio de 2009

jueves, 30 de julio de 2009

** - Curso HTML

Ya podéis ver o recibir la primera parte del curso de HTML por e-mail día a día, o descargarlo en formato .pdf.

Debéis acceder al siguiente enlace para poder descargarlo totalmente gratis en el siguiente enlace:

http://www.mailxmail.com/curso-html-introduccion-practica

Espero les sea de utilidad, seguimos trabajando en la 2da y 3a parte.

Temas anteriores * http://bobuu.blogspot.com
79.- HTML - Tablas - Formato de celdas
78.- HTML - Tablas, personalización de las celdas
77.- HTML - Tablas - Colores de Líneas y bordes.
mas ... acceder al índice de temas ...
 

lunes, 20 de julio de 2009

79.- HTML - Tablas - Formato de celdas

El contenido de las celdas también puede ser alineado.

Para la alineación de los contenidos de las celdas utilizamos el atributo align al cual podemos aplicarle los siguientes posibles valores:

left: Alinea los datos.

center: Muestra los datos centrados. Texto con justificación centrada. Este es el valor por defecto para los encabezados de las tablas

right: Datos alineados a la derecha.

justify: Ajusta el texto a derecha e izquierda

char: Alinea el texto alrededor de un carácter específico. Para el caso de que el navegador soporte esta opción.


Código de Ejemplo de una tabla con el texto de las celdas en diferentes alineaciones.

<html>
  <head>
    <title>Tabla - Fondos de celda</title>
  </head>
  <body>
       <table width=30%" border="1" 

bordercolorlight="red"

bordercolordark="maroon" >
      <tr>
         <th>Nombre</th>
         <th>Telefono</th>
      </tr>
      <tr>
         <td align="left">izquierda</td>
         <td align="right">derecha</td>
      </tr>
      <tr>
         <td align="center">Centrado</td>
         <td align="justify">justificado</td>
      </tr>
      <tr>
         <td align="right">derecha</td>
         <td align="left">izquierda</td>
      </tr>
   </table>
  </body>
</html>

Representación del código en el explorador.

Nombre Telefono
izquierda derecha
Centrado justificado
derecha izquierda

* Nota: no he visto el efecto de "justify" en Chrome ni en IE.
Temas anteriores *
http://bobuu.blogspot.com
77.- HTML - Tablas - Colores de Líneas y bordes.
76.- HTML - Tablas - Líneas y bordes interiores.
75.- HTML - Tablas - Bordes y líneas
mas ... acceder al índice de temas ...
soolucionesaviso

viernes, 17 de julio de 2009

78.- HTML - Tablas, personalización de las celdas

Al igual que las tablas, podemos personalizar el aspecto de cada celda.

Los atributos que podemos utilizar son los siguientes:

background
Nos permite poner una imagen de fondo en la celda utilizando el URI del recurso. (no esta definido este atributo en los standars, pero funciona bastante bien en Netscape e Internet Explorer)

bgcolor
Da color de fondo a la celda mediante el nombre del color o el valor sRGB

width
Especifica una anchura recomendada (en píxeles o en valor porcentual). Pero si el contenido necesita mayor tamaño, el valor de este atributo es ignorado.

height
Al igual que "width", especifica la altura recomendada (en píxeles o en valor porcentual). Pero también si el contenido necesita mayor tamaño, el valor de este atributo es ignorado.

Para los valores de los colores de estos atributos podemos utilizar tanto su código sRGB, como el nombre del color.

Código de Ejemplo de una tabla con bordes y celdas de colores.

<html>
  <head>
    <title>Tabla - Fondos de celda</title>
  </head>
  <body>
       <table width=30%" border="1"  bordercolorlight="red" bordercolordark="maroon" >
      <tr>
         <th>Nombre</th>
         <th>Telefono</th>
      </tr>
      <tr>
         <td bgcolor="blue">Profe</td>
         <td bgcolor="red">999 666 999</td>
      </tr>
      <tr>
         <td bgcolor="green">Salud</td>
         <td bgcolor="yellow">888 555 444</td>
      </tr>
      <tr>
         <td bgcolor="red">Abundancia</td>
         <td bgcolor="red">99 99 99 99</td>
      </tr>
   </table>
  </body>
</html>

Representación del código en el explorador.

Nombre Telefono
Profe 999 666 999
Salud 888 555 444
Abundancia 99 99 99 99


Temas anteriores *
http://bobuu.blogspot.com

77.- HTML - Tablas - Colores de Líneas y bordes.
76.- HTML - Tablas - Líneas y bordes interiores.
75.- HTML - Tablas - Bordes y líneas
mas ... acceder al índice de temas ...
soolucionescom

martes, 14 de julio de 2009

Foco infrarrojo IR serie HYPERION

Focos de Alto rendimiento, flexibilidad y resistencia antivandálica "todo en uno".
Los nuevos focos infrarrojos Hyperion de TEKNO SYSTEM destacan por su fiabilidad, robustez y fácil instalación.

focoIR 

Se trata de unidades "todo en uno" en las que la fuente de alimentación y el circuito de la fotocélula quedan perfectamente integrados en el foco de forma que no es necesario instalar ninguna caja ni accesorio adicional.
Su cuidado diseño permite ajustar fácilmente el ángulo y la orientación del foco; y su avanzada tecnología de leds, alarga la vida del foco gracias a una óptima gestión térmica y de disipación del calor.

focoIR2      focoIR3

Características HYPERION:
Ángulo ajustable
Movimiento pan / tilt
Pasacables interno
Hasta 250 m de alcance
Diferentes ángulos: 15º, 30º, 60º y 120º
Modelos en alta y baja potencia (HI / LOW)
Fuente de alimentación integrada
Fotocélula integrada
Conmutación automática día/noche
Mantenimiento cero
Resistencia antivandálica
Soporte a pared incluido
Protección IP66 y IP67

focoIR4   

Características HYPERION ONE:
Ángulo no ajustable
Hasta 160 m de alcance
Diferentes ángulos: 15º, 30º, 60º y 120º
Modelos en alta y baja potencia (HI / LOW)
Fuente de alimentación integrada
Fotocélula integrada
Conmutación automática día/noche
Mantenimiento cero
Resistencia antivandálica
Montaje a pared o a carcasa
Soporte a pared/carcasa incluido
Protección IP66 y IP67

Ver articulo original.

Temas anteriores de curso gratis * http://bobuu.blogspot.com
77.- HTML - Tablas - Colores de Líneas y bordes.
76.- HTML - Tablas - Líneas y bordes interiores.
75.- HTML - Tablas - Bordes y líneas
mas ... acceder al índice de temas ...

soolucionesaviso