|
Tabla
de puntas redondeadas con contorno
Construyes
un rectángulo como el que se explicó en la
lección 1 y lo abres en "Corel Photo Paint".
Seleccionas
ahora en el menú de la izquierda, la
herramienta "Enderezar recorte", y con
ella seleccionas un extremos del rectángulo.
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.
Con la herramienta
"Contorno" que se halla en el menú de
la izquierda, escoges el ancho del contorno de
tu rectángulo, el color del mismo, etc.
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, centrándolo
a través de las flechas del teclado de tu
computadora si es que hace falta 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 colocándole
estas imágenes como fondo para los extremos de
las tablas.

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, agregándole
2 pixels y le indicas como fondo, precisamente
ese rectángulo. (Es decir, si habías
construido un rectángulo de 150 x 200 en Corel
Draw, cuando declaras las medidas de página en
"Corel Photo Paint" le indicas 152 y
mantienes seleccionada la opción "mantener
proporción" que te actualizará automáticamente
200 a la nueva proporción)

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.
|