[TUTORIAL]Tablas y Fondo de la pagina web [Adobe Dreamweaver] Leido 10.214 veces

 
  Broco
Ha recibido:
1 premios
Bueno si ya mas o menos eres avanzado diseñando paginas, este articulo te servirá bien poco, pero si de lo contrario quieres aprender a crear paginas, y no tienes ni idea te servirá bastante.
Lo explicare todo lo mejor posible para que todo el mundo lo entienda, incluso a la gente que le cuesta entender :)

Yo me acuerdo que hacia las paginas Web sin tablas, me podía tirar años para dejarlo todo cuadrado asta que una vez era imposible y recurrí a Jesus el me explico lo de las tablas y aun que parezca una tontería
cuando estas siempre 30 minutos para intentar que cuadra una sola imagen y te enseñan lo de las tablas te hace el ser humano mas feliz del mundo, bueno dejo de enrrollarme y vamos al grano.



TABLAS Y COLOR DE FONDO
Vamos a empezar con lo mas importante, poner tablas y el color de fondo,
Si veis que me salen cosas en la parte de abajo que a vosotros no os sale darle aqui



COLOR DE FONDO
Podéis poner
<style type="text/css">
<!--
}
body {
background-color: #000000;
}
-->
</style>

Pero ami me gusta saver hacer las cosas desde el programa, tambien es bueno aprenderse los codigos pero para empezar es mejor desde el programa :)
Le damos a "Propiedades de la Pagina"

Despues nos sale esto, supongo que no hara falta que lo explique ya que lo ponen bien facil :)

Imagen de Fondo:
Aun que ponga "Examinar" podemos poner una imagen de Internet.

Bueno savemos poner imagenes y savemos poner el color del fondo, pero ¿Por que no poner las 2?
En Imagen de Fondo ponemos:
http://i295.photobucket.com/albums/mm133/brocolih/fondo1.png
Y de color de fondo el que queramos, le damos a aplicar y como veras no es nada del otro mundo, al contrario queda feisimo :) no me e esforzado mucho en hacer una imagen ya que solo era de muestra, pero por ejemplo en Surfear
si nos fijamos en el fondo es este efecto, solo que con otras imagenes.

Abajo de Insertar Imagen de Fondo pone Repetir y hay estas opciones:
Repetir ---> Se repite por toda la pagina las veces que haga Fala.
No Repetir ---> No se repite, se pone solo una vez.
Repetir x --->Se repite Horizontal mente
Repetir y --->Se repite Verticalmente



TABLAS
Digamos que las tablas son mas o menos para que quede todo encuadrado
si queremos hacer una buena pagina necesitaremos tablas, muchas tablas
Aver vamos a crear una paginita muy simple.

Le damos a Insertar>Tabla
Ponemos 3 filas y 3 columnas lo de grosor y todo eso déjalo como esta luego lo modificaremos.
Mas o menos moviendo las celdas nos quedara asi
Bueno pues le damos a Insertar>Objeto de Imagen>Marcador de posicion de imagen
y ponemos 4 una en cada esquina así

Seleccionamos un Cuadrado, en la imagen de arriba ya e seleccionado uno por lo que no pondre otra imagen.
en origen ponemos el enlace de la imagen.

Aver por ejemplo vamos a poner estas:

Arriba Izquierda:
http://i295.photobucket.com/albums/mm133/brocolih/cabez1.png
Arriba Derecha:
http://i295.photobucket.com/albums/mm133/brocolih/cabe2.png
Abajo Izquierda
http://i295.photobucket.com/albums/mm133/brocolih/cb1.png
Abajo derecha:
http://i295.photobucket.com/albums/mm133/brocolih/cb2-1.png

Bien Asi visto queda mal, pero aun no emos acabado :)
Ahora clikeamos en la tabla del centro de la parte de arriba


Y ahora tenemos que poner una imagen de fondo de tabla (en la tabla señalada)
para eso una vez selecionada nos sale esto

Pues donde indica la flecha ponemos este enlace:
http://i295.photobucket.com/albums/mm133/brocolih/th_barra-4.png
Hacemos lo Mismo con la barra de debajo, ponemos este enlace:
http://i295.photobucket.com/albums/mm133/brocolih/bb-1.jpg

Bueno bueno parece que esta mejor pero claro, ese borde de las tablas queda mal, por eso ahora lo quitamos.
Clikeamos encima de un borde de la tabla y la seleccionamos


Ahora donde esta la flehca Roja "Borde" lo ponemos a 0

Ahora seleccionamos las del centro y le damos color de fondo, que queramos
alguno asi Azul claro
PAra poner el color de fondo Es donde la fllecha Roja

La flecha Azul es para elejir el color del borde de la tabla, pero como nosotros no tenemos borde pues nada.

Bueno Evidente mente este cuadrado no es nada del otro mundo no esta wapo ni nada de eso, pero esta guia es para aprender a usar las tablas asi que no importa como haiga quedado importa que aprenadamos..
que yo recuerde solo queda una cosa mas esto es facilisimo asi que no tardare mucho
Para hacer esto:


Sin que pase esto:


Creamos una tabla de 2 columas y 1 fila (en este caso, en otro caso pues las que queramos)
Seleccionamos la que queramos dividir y pulsamos



desde hay sleccionamos si queremos Filas o Columnas y la cantidad que queremos :)


Enfi.. mas o menos es eso, de todas formas la mejor forma de aprende es trasteando
asi que empezamos a trastear y aprendemos rapido :).

Bueno Creare mas Artículos, cada vez cosas mas difíciles, tampoco se mucho de crear paginas web, pero transmitiré lo que se xD



 

 





  Martino Frias
muchas gracias por la infrmacio
 

 





    ¿Cuantas columnas?     | 2 columnas | 3 columnas | 4 columnas | 5 columnas | 6 columnas |  
    Escribe la dirección web de la imagen:
  Publica tu respuesta  |  Haz Click en el siguiente cuadro para escribir Mostrar/Ocultar Editor avanzado