Programa excelente para gestión de tus imágenes, y es gratis!! Descárgatelo
 
.
   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 11: seguimos con Tablas -2- ) ~
 
• Menú de Lecciones: [ lecc.1 ] [ lecc.2 ] [ lecc.3 ] [ lecc.4 ] [ lecc.5 ] [ lecc.6 ] [ lecc.7 ] [ lecc.8 ] [ lecc.9 ] [ lecc.10 ] [ lecc.11 ] [ lecc.12 ] [ lecc.13 ] [ lecc.14 ] [ lecc.15 ] [ lecc.16 ] [ lecc.17 ] [ lecc.18 ]
 

 * Si estás buscando un alojador para tu web, te aconsejo que no busques más porque nadie te vá a ofrecer esto:
   » 300 Gygas de espacio - 3.000 Gygas de ancho de banda mensual (100 Gb diarios!!)- además de lo típico de un montón de cuentas de correo, 75 bases de datos, panel de control, asistencia 24/7, etc....y ¿cuanto crees que te costará esto?, pues 65 euros....AL AÑO !!  ¿Te imaginas lo que se puede hacer con estas prestaciones?, compara con otros alojadores y me darás la razón. Si tu web tiene o prevées que tendrá buen tráfico, mucho cuidado con lo que contratas porque si te lo consumen rápido tendrás que ampliar, y eso cuesta dinero...
  »  Yo estoy alojado con ellos y el funcionamiento es 100% perfecto. No lo dudes, contrata aquí Aloja tu sitio en Powweb!    Me ayudarás y no te costará un céntimo más.
    
  Oferta altamente recomendada por deseoaprender.com

 

.:: Seguimos con la tabla creada

 
   Si, seguimos dando forma a esta tabla recién creada en el capítulo anterior, ya he comentado que mediante las tablas puedes controlar el aspecto de aquello que vayas a introducir en tu web, y sobre todo ubicar cada cosa en un sitio determinado de tal manera que aparezcan perfectas alineaciones en cada elemento, además de colores de fondo y todo lo que se te ocurra.

  En la repetida Tabla, voy por ejemplo a poner un “menú de navegación” para que el visitante sepa en todo momento donde está y donde puede desplazarse dentro de un sitio web, así que lo primero que haré será poner un encabezamiento, de esta manera:

y para ello, veis que me he colocado dentro de la celda de la izquierda y lo primero que introduje fue una estrella como adorno (dicha estrella no es más que una imagen “.gif” que ya tengo en una carpeta, y que la puedes obtener de Internet en los muchos portales que existen con imágenes gif gratuítas.-En mi caso, me fui a:

    

curso dreamweaver, tutorial de dreamweaver MX, crear web con dreamweaver, tablas en Dreamweaver 8
   

Insertar-Imagen ” y te saldrá la ventana de diálogo donde deberás seleccionar el lugar donde tengas dicha imagen (en mi caso la tengo en una carpeta denominada “Imágenes” dentro de las muchas carpetas que contienen los archivos del sitio web), así:

así que ha sido ahí donde he elegido el fichero “estrella.gif” y tras darle a “Aceptar” me lo habrá colocado en su sitio:

y a continuación doy un espacio ( debes hacerlo con “Ctrl+May+<Espacio>” ) y tecleo lo que quiera, en mi caso “MENÚ NAVEGACIÓN” el cual tendrá una fuente, tamaño, etc.. determinados, pero yo le doy (tras seleccionar el texto):

como ves: Fuente: Verdana , Tamaño: 12 pixel , Color: Rojo (CC0000) , y al final le pico en Negrita: , con lo cual quedará como vimos arriba.

  Bien, ahora tengo que introducir nuevas filas para disponer los nuevos apartados de que constará dicho menú, y podemos hacerlo de dos maneras: la primera de ellas (si ya sabemos las filas exactas de que constará) consiste en crear las filas necesarias, vamos a suponer que sean 5 y para ello picamos con botón derecho dentro de la fila donde está el “MENU NAVEGACIÓN” para que salga:

o sea, “Tabla-Insertar filas o columnas ” y al picar saldrá:

donde veis que selecciono “ Filas ”, le doy “ 5 ” en número de filas, “ Bajo la selección ” (aunque si nos interesa podemos decirle que por encima) y pico “ Aceptar ” para que efectivamente aparezcan las 5 nuevas filas:

ya veis que fácil ¿no?.-La otra forma sería colocarnos dentro de la celda “MENÚ NAVEGACIÓN” y simplemente pulsar la tecla de “salto de campo” con lo cual nos crea una nueva fila, en ella tecleamos lo que sea y nuevamente “salto de campo”, así sucesivamente las veces necesarias.

 Vamos ahora a introducir texto en las cinco nuevas filas que habíamos creado, para ello, estando en cada una, escribimos lo que sea, yo pongo esto:

y procedo ahora a seleccionar las cinco filas para dar formato al texto de todas (ya sabeis que pico en la primera y sin soltar arrastro hasta seleccionar las cinco), y procedo a dar como fuente “Verdana” de “12 pixel” y le voy a dar también “Negrita”, así:

teniendo así un menú bastante curioso (cada uno puede luego poner la imaginación y hacerlo como más le guste); si ahora lo vemos en el Navegador (F12), quedaría:

y finalmente, si como yo, considerais que quedaría mejor sin color de fondo en las celdas, pues picas sobre las 5 filas y abajo en “Propiedades-Color de Fondo” seleccionais el blanco o el que sea, yo le voy a dar un gris pero menos fuerte:

que me parece queda un poquito más agradable.-Y con esto ya tendríamos hecho un sencillo menú para nuestra página.

 Y fijaros en lo que os comentaba, las otras dos celdas de la Tabla originaria, siguen alineadas perfectamente, sin sufrir alteración alguna (lo que no habría ocurrido de no darle los atributos valign=”top” ):

   

  Como última explicación por hoy, vamos a ver como se le dá contenido a ese Menú y lógicamente será estableciendo un “ hipervínculo ” que cuando piquemos en alguno de los 5 apartados de que consta, nos lleve al lugar elegido; por ejemplo, he creado una página muy sencilla a la cual me desplazaré cuando se pique en “ Enlace uno ”, y para ello voy a crear un “hipervínculo” sobre dicha línea, para ello selecciono el texto de la misma:

   

 


y pico con botón derecho para que salga menú y elijo “ Crear vínculo ” con lo que me saldrá una ventana con las carpetas y archivos de nuestra web (en este caso, como es muy sencilla), solo aparecerán:

  


estos dos, y como me interesa “ Enlace_uno ” pico en él y doy “Aceptar”, con lo cual el enlace ya aparecerá así:

 



  

de tal manera que si me voy al Navegador (pues en diseño no funciona) con F12 y pico sobre el enlace, me deberá enviar a la otra página:

tan solo tiene esta página el texto que veis, es decir, funciona perfectamente.-Regresamos y ya en la página principal guardamos el trabajo, puesto que en el próximo tema seguimos viendo la forma de ir añadiendo cosas a la Tabla que habíamos creado.-Saludos amigos.
 
 
   
.
 [ Inicio ] [ Informática ] [ Dibujo ] [ Pintura ] [ Joomla ] [ Dreamweaver ] [ Diarios ] [ Juegos-1 ] [ Juegos-2 ] [ Juegos-3 ] [ Juegos-4 ] [ Juegos-5 ] [ Juegos-6 ] [ Juegos-7 ] [ Juegos-8 ] [ Juegos-9 ]

Google
 

© 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 todo o parte de dicho contenido sin el consentimiento por escrito de su autor y propietario.