• Para facilitarte tu regreso, añade este sitio a tus Favoritos

Curso de Dreamweaver: aprende a diseñar tu propia web paso a paso (lección 13: Tablas -6-)


 
 
 
 * MENÚ DEL CURSO
 * OTRA FORMA DE DISEÑAR TU WEB
 * TODO ESTO GRATIS PARA TÍ
 * Y HAY MUCHO MÁS AÚN
 * ENLACES PATROCINADOS
 
 

   Lección 13: Aprendiendo más sobre tablas en Dreamweaver
 

   - Había prometido que veríamos en la tercera celda de la derecha más cosas acerca del trabajo con Tablas en Dreamweaver --supongo que a estas alturas no hay duda alguna sobre la importancia de las Tablas en el diseño de una página web--, así que voy directamente al grano y como las lecciones son un poco distanciadas unas de otras vamos a hacer memoria, la página había quedado así:

    - Recordemos que habíamos creado un sencillo menú en la tabla izquierda, luego en la central habíamos visto como introducir texto e imagen; pues bien, en esta de la derecha vamos primero a insertar 4 filas para trabajar sobre ellas.-Para ello vamos a picar con botón derecho sobre la celda que ya tenemos y nos sale un menú, y sobre él nos colocamos sobre “ Tabla ” para que aparezca un submenú donde deberemos elegir la opción “ Insertar filas o columnas… ”:

    
para que una vez picado aparezca el siguiente menú:

    - Señalo con flechas, que teneis que activar “ Insertar:Filas ”, luego elegir 4 en “ Número de filas ”, seleccionar “ Bajo la selección ” y finalmente “ Aceptar ” para que nos muestre ya las 4 filas:
            -

   - Vamos a ver ahora como se puede insertar una imagen por ejemplo, dentro de la misma celda en que estamos trabajando; podríamos hacerlo de varias maneras, por ejemplo damos una vez a la tecla <Return> y acto seguido insertamos la imagen que sea, pero la controlarías mal si la quieres colocar por ejemplo centrada, así que una forma mejor sería insertar una nueva fila y dentro de ella realizar la inserción, para ello picamos dentro de la celda como siempre, y vamos a:
-
   
-

       

 

   - Sencillo ¿verdad?.-Pero por defecto veis que ha puesto como color de fondo el que tenía la primera fila (gris), y yo prefiero que no tengan color alguno las 5 filas, así que para ello selecciono las 5 (ya sabes que picas dentro de la primera y arrastras hacia abajo hasta que notes que las cinco están cogidas:.
-
    
    - Tenemos que irnos ahora abajo al Inspector de Propiedades, y picar sobre:

  

    - Puedes ver, sobre la punta de flecha negra en “ Fnd ” (Fondo) y en la ventana que salga para seleccionar color, picamos sobre el icono “ sin color ” (ver flechas que dibujo yo), con lo cual inmediatamente desaparece el fondo de las 5 celdas:

    - Bien, ahora vamos a ver diferentes opciones que tenemos a nuestra disposición para trabajar esas celdas; por ejemplo podemos “ Crear celdas ” dentro de otra celda, como haremos si seleccionamos la segunda fila (picando dentro) y ahora vamos a dividirla en 3 celdas, para ello picamos abajo en “Inspector de propiedades” en;

como ves el simbolito que te señalo, y que dará:

    - Picamos (activamos) “ Columnas ” ponemos 3 y picamos “ Aceptar ” y saldrá:

así que de forma rápida creo otras celdas en la 3ª y 4ª filas quedando así:


     - Finalmente combinaré las cuadro celdas de la izquierda de las recién creadas, para ello las selecciono primero:

   

y ahora pico sobre el icono a la izquierda del que habíamos visto:

  

para que inmediatamente las citadas celdas aparezcan de esta manera:
       

es decir, “combinadas” que es lo que buscábamos y como veis podemos trabajar perfectamente sobre cada celda de forma indapendiente:

       

e introducir texto, imágenes, etc…

    - Esta podría ser una forma de trabajar para insertar una imagen y rodearla de texto, que aparecería así en el navegador (F12):

       
    - Pero en el próximo capítulo veremos otra forma más efectiva de llevar a cabo esta tarea de “ rodear una imagen con texto ”.-Así que hasta entonces: saludos.

 
 
   

Google
 

© deseoaprender.com - Cantabria (España) 2005-2009.-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.