|
|
|
~ Curso de Dreamweaver: diseño web paso a paso - Creación de páginas web, curso webmaster - recursos web~
|
|
|
» ¿ Buscas un alojamiento para tu web que te ofrezca lo mejor del mercado ?, pues estás de suerte, lee detenidamente la siguiente información:
• 300 gigas de espacio en disco • 3 Terabytes (o lo que es igual: 3.000 Gigas --¡¡ 100 Gigas diarios !!--) de transferencia mensual o ancho de banda • dominio gratis • 2 meses gratuítos. Alojamiento web en hosting de calidad.
• Correo ilimitado • Alojamiento ilimitado de dominios • Soporte para PHP5 y otros • MySQL (hasta 75 bases de datos) • Backup diario de las B. de Datos • Atención al cliente las 24 horas (es en inglés, pero te aseguro que no lo vás a necesitar porque el hosting funciona 100% a satisfacción del webmaster)
• Instalador de múltiples aplicaciones (Joomla, PHP-Nuke, Wordpress, osCommerce, Foro PhpBB y otros muchos) de forma sencilla • ...y muchos más que irás descubriendo.
» Lo tienes todo por ¡¡ 60 € al año !!. Si estás interesado, puedes conseguirlo fácilmente:
Aloja tu sitio aquí, a través de este enlace y tendrás esta oferta especial.
NOTA: Esta web está alojada en él desde hace 2 años y no ha tenido una sola caída. ALTAMENTE RECOMENDADO. |
|
|
|
| |
| |
* MENÚ DEL CURSO |
|
* OTRA FORMA DE DISEÑAR TU WEB |
|
* TODO ESTO GRATIS PARA TÍ |
|
* Y HAY MUCHO MÁS AÚN |
|
|
* ENLACES PATROCINADOS |
|
| |
|
Y digo más tablas, porque en el diseño de páginas web son la esencia de las mismas, si no fuera por las tablas sería complicadísimo incrustar contenido en las webs.
Vamos a seguir por tanto trabajando con tablas siempre sobre el ejemplo que hemos ido siguiendo desde el comienzo, al cual le quito la parte de abajo en la que recordais había puesto un banner publicitario, y la quito entre otras cosas para tener más espacio de trabajo y seguir con ejemplos; aparecerá entonces así:
 y vamos a ver como se pone un separador entre bloques que queda bastante agradable a la vista y cumple su función, para ello no tendremos más que insertar una tabla con estos datos: |
curso dreamweaver, curso diseño web.Tutorial Dreamweaver webmaster
|
damos a “Aceptar” y la tendremos lista:
-
|
:ahora nos colocamos dentro de ella simplemente picando dentro de la misma y veremos como el cursor parpadea en el interior; pues bien, para insertar la barra tendremos que ir arriba en “Insertar”: como veis se trata de insertar “Regla horizontal” que es un objeto “HTML”, así que cuando piquemos, quedará así una vez demos a F12 para vista previa en el navegador:
-
|
|
que como veis es agradable a la vista y hace una separación perfecta entre el bloque de arriba y lo siguiente que veremos. Y lo que veremos son dos formas de presentar una tabla con un borde alrededor de un color que destaque del resto y además como se presentan celdas perfectamente separadas unas de otras. La primera forma de poner un borde es simplemente creando una tabla y activando esa opción a la que podemos o no darle un color.-Vamos a crear una Tabla con una fila y 1 columna y 1 pixel de borde, todo de carrerilla (lo primero que hacemos es picar en cualquier lugar fuera de la tabla anterior, para que la barra que habíamos incrustado quede perfectamente, pues si dierais en cualquier tecla, desaparecerá porque veis que está activa –en negro-), ahí vá la Tabla nueva:
-
|
que tras dar en “Aceptar” y luego F12 para verla en el navegador, será así:
|
Veis que por defecto, el pixel que le dimos de borde, lo rellena con un gris que no es feo, pero queremos darle un color, yo le voy a dar un azul oscuro, para ello debemos tener activa la tabla:
y si no lo estuviese, solo teneis que acercar el puntero del ratón hasta el borde y cuando se ponga rojo haceis clic, vereis que se activa.-Bien, estando como digo activa, nos vamos abajo en Propiedades, a:
-
es decir, picamos sobre “ Col. Borde ” y aparecerá la paleta de colores, donde elegís el color deseado, como veis elijo el azul oscuro, y nada más picar aparecerá así en el navegador (F12): |
|
|
La otra forma de crear una tabla con borde sería crearla esta vez con “borde” 0 pero con “Espacio entre celdas” =2, (damos dos saltos de línea para que la tabla no se nos junte con la anterior) y luego actuamos así:
|
- |
y una vez creada -momento en que estará aún activa-, le damos de color de fondo el azul de antes:
con lo que se presentará así:
- |
y el código debe ser este:
- |
y acto seguido tenemos que darle otro color de fondo pero esta vez a la celda de que consta, pero para ello tenemos que colocarnos dentro (picamos dentro de la tabla), y luego, de nuevo color de fondo, pero esta vez el blanco del fondo de la página:
|
|
|
que una vez picado (veis arriba de la figura el código #FFFFFF que es el código hexadecimal del blanco, pero no tenemos que teclearlo, sino simplemente picar a la izquierda como veis en dicho color) nos presentará la tabla así en el navegador:
-
veis que es idéntica a la anterior, pero creada de otra forma ¿entendido?.
Lo dejamos aquí para que la lección no se haga excesivamente larga y voy a continuar en el siguiente capítulo, donde veremos primeramente como crear una tabla con bordes igualmente, pero con varias celdas perfectamente separadas y visibles (a las que luego incrustaremos contenido).-Saludos y hasta entonces.
|
| |
|
| |
| |
|
|
|
| |
|
|
|
|
|
|
© deseoaprender.com - Cantabria (España) 2005-2007.-Todo el contenido de esta web está protegido por la Ley de Propiedad Intelectual; por tanto no podrá reproducirse ni copiarse sin el consentimiento por escrito de su autor y propietario. |
|
| |
|
|
