Ayuda - Webmaster Foros
!Bienvenid@¡

Encuentra Aportes de Diseño & Desarrollo Web, para colocar tus aportes crea una nueva cuenta.

¡Que la pases bien y hasta pronto!

Haz tu propia tabla HTML en Dreamweaver

Ir abajo

Haz tu propia tabla HTML en Dreamweaver

Mensaje por Orbe el Dom 25 Mar - 12:34

Dreamweaver - Crea tu Tabla

Nivel: Básico
Tiempo estimado: 10 minutos
Programas necesarios: Dreamweaver CS3 o superior (Recomendable CS5) (Puede ser portable)

Paso 1
Si no sabes abrir un archivo en Dreamweaver, desde que lo inicias aparece una "ventana" que te indica los últimos archivos abiertos/editados y los que crear/abrir, nosotros crearemos un archivo HTML, por tanto lo escogemos:
http://i37.tinypic.com/v7gw3l.jpg

Si ya sabes como abrirlo, vamos directamente al menú, buscamos "INSERTAR" y buscamos "Tabla"
http://i35.tinypic.com/x5tjeu.jpg

Paso 2
Nos aparecerá otra nueva ventana que nos indicará las propiedades que va a tener la tabla, la rellenamos así (puede variar según para lo que quieras la tabla, yo elegiré para nada, lo más simple que es crear una tabla.
http://i34.tinypic.com/300wope.jpg

Último Paso
Si tenemos la ventana en modo "Dividir" nos encontraremos en la parte derecha el código, y en la izquierda como quedó. Con tan solo hacer click en algún espacio disponible de la tabla, podemos escribir. Cuando lo hayamos terminado de escribir y modificar, copiamos el código HTML de la derecha y lo pegamos en donde queramos.
http://i34.tinypic.com/rt3u4o.jpg

Y bien, esto es todo. Sin conocimiento ninguno de HTML pudimos crear una tabla SENCILLÍSIMA.

¡Un saludo! Les dejo el código de la tabla por si se quieren ahorrar los pasos:
Código:
<body>
<table width="300" border="2" cellspacing="5">
  <tr>
    <th scope="col">&nbsp;</th>
    <th scope="col">&nbsp;</th>
    <th scope="col">&nbsp;</th>
    <th scope="col">&nbsp;</th>
  </tr>
  <tr>
    <th scope="row">&nbsp;</th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th scope="row">&nbsp;</th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th scope="row">&nbsp;</th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th scope="row">&nbsp;</th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th scope="row">&nbsp;</th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th scope="row">&nbsp;</th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th scope="row">&nbsp;</th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th scope="row">&nbsp;</th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th scope="row">&nbsp;</th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th scope="row">&nbsp;</th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th scope="row">&nbsp;</th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th scope="row">&nbsp;</th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th scope="row">&nbsp;</th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <th scope="row">&nbsp;</th>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

_________________
chatdelmundo.wapego.net
avatar
Orbe
Mod. Global
Mod. Global

Mensajes : 388

http://chatdelmundo.wapego.net

Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.