Retroceder   Foro Respuestas > Desarrollo web > HTML y CSS

Respuesta
 
Herramientas Desplegado
  #1  
Antiguo 26/02/08, 03:49:05
O.Fonseca O.Fonseca Está Desconectado
Junior Member
 
Fecha de Ingreso: feb 2008
Mensajes: 3
Thumbs up Como hacer diseños web solo con Div!

Es algo por lo cual tengo mucho curiosidad quisera saber como hacer una web solo usado div como estructura y no tables como suele ser!! alguien sabra de paginas donde aya tutoriales o algo!! se los agradeceria!!
Responder Con Cita
  #2  
Antiguo 26/02/08, 14:45:21
tensaiweb tensaiweb Está Desconectado
Administrator
 
Fecha de Ingreso: feb 2008
Mensajes: 10
Post

Para empezar a usar div en lugar de tablas debes tener en mente 2 cosas:
1. Reemplaza table, tr y td por divs.
Algo asi
<table>
<tr>
<td></td>
</tr>
</table>
Lo cambias por
<div>
<div>
<div></div>
</div>
</div>

2.Debes saber usar muy bien los estilos css, ya que los divs por si mismos no saben donde posicionarse y por defecto un div ocupa todo el espacio posible.
Para ello debes asignarles clases a los divs y luego darles las propiedades necesarias en dicha clase.
<div class="tabla">
<div class="fila">
<div class="col1">
</div>
<div class="col2">
</div>
</div>
<div class="fila">
<div class="col1">
</div>
<div class="col3">
</div>
</div>
</div>

.tabla
{
margin:800px;
etc
}
.col1,col2
{
float:left;
width:200px;
etc
}
En fin debes saber muy bien usar los estilos para acomodar varios divs en una misma fila, darles tamaño, etc.
En otras palabras antes de basar tu diseño web en divs, debes aprender bien todo referente a estilos.
Aqui un par de ejemplos de estructuras divs
webtaller
agenciaweb
Responder Con Cita
  #3  
Antiguo 29/02/08, 19:36:00
xonico xonico Está Desconectado
Junior Member
 
Fecha de Ingreso: feb 2008
Mensajes: 1
Predeterminado

Un tutorial bastante completo para iniciar con XHTML/CSS
http://cafeina.ladybenko.net/wp-cont..._tuto_beta.pdf

Infaltable, aprender a usar esta extensión para firefox
http://www.getfirebug.com/
Creo que vi en el blog de tensaiweb un video tutorial

Saludos
Responder Con Cita
  #4  
Antiguo 07/03/08, 02:52:41
Handware Handware Está Desconectado
Junior Member
 
Fecha de Ingreso: mar 2008
Mensajes: 23
Thumbs down

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Última edición por Handware fecha: 08/08/08 a las 22:58:52.
Responder Con Cita
  #5  
Antiguo 09/03/08, 23:16:11
nymphetamine nymphetamine Está Desconectado
Moderator
 
Fecha de Ingreso: feb 2008
Mensajes: 34
Predeterminado

Otra manera en dreamweaver es escribir los divs y despues al crear los css correspondiente ahi ir ajustando el tamaño, color, etc
Responder Con Cita
Respuesta


Herramientas
Desplegado

Normas de Publicación
no Puedes crear nuevos temas
no Puedes responder a temas
no Puedes adjuntar archivos
no Puedes editar tus mensajes

El código vB está habilitado
Las caritas están habilitado
Código [IMG] está habilitado
Código HTML está deshabilitado
Saltar a Foro


La franja horaria es GMT. Ahora son las 13:00:56.


Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
     
   
 
vRewrite 1.5 beta SEOed URLs completed by Tech Help Forum and Chalo Na.