Pasos para diseñar un sitio Web

Parte 1: Conseguir Adobe Dreamweaver
   

Bueno, llegado a este punto, supongo que has de tener instalado el Macromedia Dreamweaver8 del programa en Español, por su puesto. Por eso te recomiendo que intentes conseguir esta version para poder seguir el tutorial. en tu ordenador. Nosotros utilizaremos la version

Tambien supongo que tienes un espacio web, si no lo tienes puedes acceder a uno gratuito, Aqui te dejo una lista de Servidores gratuitos muy buenos para alojar tu Web.

Parte 2: Preparar nuestro entorno de trabajo.   

Una vez que te hayas descargado e instalado el Dreamweaver, necesitas crear las carpetas en las cuales vamos a meter todo el contenido de nuestra Web. Vamos a crear dos carpetas:

Una carpeta que llamaremos "web" que es donde irá todo el contenido de nuestra web e iremos guardando nuestra página a medida que la vayamos creando. Al mismo tiempo dentro de esta carpeta "web" crearemos una nueva carpeta que llamaremos "imagenes". Esto que parece una tonteria, es MUY IMPORTANTE, ya que nos permitirá tener organizada nuestra web, y a la hora de subir la web será mucho más facil.

Parte 3: Y... ¿Como lo vamos a hacer?  

Bueno, una vez hecho todo lo anterior, te voy a explicar por encima como vamos a hacer nuestra primera pagina web. Vamos a utilizar el sistema que utilizan la mayoria de webmasters. Vamos a trabajar con Etiquetas DIV.... no te asustes !!! Son muy sencillas de utilizar, te explico por encima:

Una Etiqueta DIV es un pequeño rectangulo, donde podemos poner cosas dentro. Es decir, las DIV se utilizan para dividir la web en partes, y trabajar esas partes de forma individual. 

Es muy sencillo, a cada etiqueta le daremos un tamaño determinado. No te preocupes por eso, lo haremos mediante una Hoja de Estilo que es un documento donde escribimos el tanto el tamaño que queremos darle a las etiquetas, como la posicion que queremos que tengan. Dentro de cada DIV podremos poner muchas cosas: Texto, Tablas, Listas, Imagenes, Links ....

Una vez que ya te has familiarizado con estos conceptos, creo que estas preparado para comenzar con lo que realmente nos interesa "Crear nuestra primera WEB"

Parte 1: Empieza nuestro proyecto...Abrimos Dreamweaver 
 

Bueno, una vez que te haya quedado claro todo lo anterior, es hora comenzar con la creacion de nuestra pagina web.
1º. Vamos a ejecutar el Dreamweaver. Vamos a Archivo > Nuevo > Página en blanco > Html.

 

Una vez dentro, puede que te asustes, ya que tiene demasiadas opciones y botones, pero descuida ya que la mayoria no los vamos a utilizar. Veras que la pantalla se divide en dos partes, la del "codigo html"  y la de "diseño"  donde veremos graficamente nuestra web

Parte 2: Poniendo el Titulo a la pagina 

 

Ubicate en la parte de Codigo y pon el Titulo que quieras a tu pagina web y ponle el título Titulo : Ejemplo Animales.

Creando nuestra Cabecera Web   

Bueno, una vez llegado a este punto debes tener la estructura de la web bien formada: Ojo, si te ves que te ha resultado facil, puedes probar haciendo diferentes diseños, añadiendo mas Etiquetas Div a la pagina, o colocandolas de diferentes formas. 

Creando nuestro Menu y Nuestro Contenido   

Para crear nuestro Menu, nos basaremos en la utilizacion de una Tabla. Es muy sencillo, colocate dentro de la Etiqueta Div que creamos con el nombre "menu". Una vez dentro, vete a Insertar > Tablas.
Elige una tabla de 1 sola columna y 10 filas por ejemplo.

Si te fijas la tabla esta entre las etiquetas <div> (indica el principio)  y  </div> (indica el final).
Una ves contruida la Tabla, puedes darle color de Fondo a las celdas, Y escribir cosas en ella.