Free Web Hosting by Netfirms
Web Hosting by Netfirms | Free Domain Names by Netfirms

B"H

 

 

Dibujos

 
Dibujos

Lección 1

Tabla de puntas redondeadas

En ocasiones, deberemos realizar dibujos para colocar en nuestras páginas. depende del tipo de dibujo, podremos valernos de distintas herramientas.

Supongamos que deseamos Dibujar una tabla, pero con las puntas redondeadas. en ese caso, si deseamos un trabajo simétricamente perfecto, recurrimos al programa "Corel Draw". 

Dibujamos en el escenario un rectángulo. Buscamos ahora la herramienta "Forma" en el menú de la izquierda, y la seleccionamos. Hacemos ahora click en nuestro rectángulo y se habrá abierto en la parte superior unas casillas que muestran los parámetros de "X" y "Y" que indican la posición del objeto (nuestro rectángulo) en la página. Luego, a continuación aparecen otras dos casillas que son para variar el ancho y alto del objeto, y es allí donde le debemos inidcar el tamaño que queremos para nuestro rectángulo. 

Con el botón derecho del ratón habilitamos la caja de herramientas "atributos - pluma" que nos permite modificar el grosor de las líneas (ancho de la pluma), etc.  

Luego vamos al menú de la izquierda y seleccionamos la herramienta "Forma".

Nos posicionamos sobre uno de los vértices del rectángulo, y lo arrastramos hacia adentro. Como podremos apreciar, sus puntas se redondean simétricamente.

Ya tienes tu rectángulo con formas redondeadas ahora le debes ahora aplicar un relleno (con la herramienta "relleno" del menú de la izquierda) para que se diferencie del color donde estaban las puntas comunes. 

Además es conveniente que con la herramienta "contorno", que se halla en el menú de la izquierda, le indiques "sin contorno", para eliminarlo. Si deseas que tu tabla de puntas redondeadas tenga contorno, visita la lección 2 de Dibujo.

Puedes guardarlo así como está y aplicarlo a tu página, o si lo deseas, lo cortas (Control + X) y pegas en "Corel Photo Paint" (Control + V) para trabajarlo como si fuese una imagen y combinas todos los objetos con el fondo.

Ahora te diriges a "Imagen" en el menú de arriba. Seleccionas "Convertir a", y le indicas "Paleta (8 bits)".

Acudes ahora a "Archivo" en el menú de arriba, y seleccionas "Guardar como...". En la ventana que se te abrió, donde dice "Tipo", seleccionas "CompuServe Bitmap (Gif)". Le colocas el nombre de archivo que quieras y accionas "Guardar".

Se habrá abierto una nueva ventana, en la misma seleccionas en "Transparencia", la opción "Color de imagen", luego seleccionas la herramienta que hay al lado del candado y sirve para escoger un color. 

Ahora, donde dice "tabla de color", pinchas en el color que quieres que no se vea, es decir, que se convierta en transparente. En este caso seleccionamos el "blanco". Finalmente pulsamos "Aceptar". 

Si el rectángulo es muy grande, con "Corel Photo Paint" le recortas los cuatro extremos y guardas cada uno por separado, para luego armar tu dibujo en la página Web.

Para armar tu tabla de puntas redondeadas en tu página Web, puedes hacerlo de la siguiente forma:

Construyes una tabla con las mismas dimensiones que el rectángulo con puntas redondeadas que hiciste y le indicas como fondo, precisamente ese rectángulo.

Supongamos que el nombre que le diste al rectángulo es "Rectángulo.gif", con un ancho de 150 pixels y un alto de 200. Quedando de este modo:

Ahora para convertirlo en el fondo de tu tabla de puntas redondeadas, te diriges al código HTML de tu página, y construyes la tabla de la siguiente manera:

<div align="center">
<center>
<table border="0" cellpadding="10" cellspacing="0" width="150" background="rectangulo.gif" height="200">
<tr>
<td></td>
</tr>
</table>
</center>
</div>

Y el resultado debe ser este:

Finalmente

Aquí colocas lo que desees, es tu tabla de puntas redondeadas.

Buena suerte.