Ver Mensaje Individual
  #4 (permalink)  
Antiguo 15/01/2011, 12:02
Avatar de uikekarallo
uikekarallo
 
Fecha de Ingreso: diciembre-2009
Ubicación: Galicia
Mensajes: 338
Antigüedad: 14 años, 3 meses
Puntos: 16
Respuesta: Me podéis aconsejar sobre las tablas y los DIV

con dreamweaver también puedes utilizar divs y hojas de estilo y aplicarlas a tu html.
de todas formas, lo mejor que podrías hacer sería aprender un poco de xhtml, que es realmente sencillo e intuitivo.

por otro lado, CSS es el lenguaje con las sintaxis más sencilla de aprender.
si sabes como funciona una tabla, sabrás como utilizar una capa (div). tienes que darle los valores que necesites: ancho, alto, color del texto, del fondo.

la manera rápida pero no muy eficaz a la hora de hacer cambios es:

Código HTML:
<div style="width: 300px; height: 300px; background-color: red; border-top: solid 1px black;">
  <p>contenido</p>
</div> 
pero la efectividad real es a través de una hoja de estilos css. y sería así:

Código HTML:
  /* primero creamos el estilo para la capa #content. lo podemos hacer directamente en el html con las etiquetas <style type="text/css"></style> pero lo interesante es utilizar un archivo externo */

  /* hoja de estilos -> /styles/style.css */

#content
{
  width: 300px;
  height: 300px;
  background-color: red;
  border-top: solid 1px black;
}
Código HTML:
 <!-- página principal -> /index.html -->

<div id="content">
  <p>contenido</p>
</div> 
como ves, añadiendo un identificador (id) al div, luego podemos utilizarlo desde nuestro archivo style.css con el selector "#" y el identificador de la capa (#content).
como los id son únicos y no se pueden repetir, para aplicar el mismo estilo a varios elementos utilizaríamos el selector "." para referirnos a las clases (class).

Código HTML:
  /* en el css */

.content
{
  width: 300px;
  height: 300px;
  background-color: red;
  border-top: solid 1px black;
}
Código HTML:
<div class="content"><p>contenido</p></div>
<div class="content"><p>contenido</p></div> 

te invito a que pruebes con esos ejemplos y vayas mirando un poco todo esto, seguro que pronto te engancha.

si tienes conocimiento del inglés o te defiendes, te recomiendo que te pases por http://www.w3schools.com/. ahí tienes mucho material imprescindible en este mundillo.

espero haberte ayudao al menos un poquito :) un saludo.