lo primero va a ser tener el dreamweaver, como tengo una velocidad de internet super lenta (128 kb) no puedo proveerles el programa, pero si estás interesado en lo que es desarrollo web buscalo en T! que lo encontras seguro y si podes bajarte el Flash y firework mejor, son todos de macromedia.
Puiti dijo:las imagenes estan en miniatura, pero las clickean y las pueden ver mejor.
bien arranquemos
primero creamos una carpeta en Mis Documentos ustedes le pueden poner cualquier nombre. supongamos mi pagina.
bien ahi tambien (dentro) vamos a crear otra carpeta que contenga el nombre de imagenes ya que ahi pondremos las imagenes que queremos que lleve nuestra página.
segundo vamos al programa dreamweaver y ponemos HTML le damos aceptar, esto seria un nuevo documento, en el se encontraran con cosas como diseño que es el que vamos a usar, lo que esta dentro de un circulo violeta son las tablas, eso lo vamos a ver siempre que estemos en estandar y untitled-1 es por default que se llama asi, despues le cambiaremos el nombre.
nos posicionamos en tabla y nos encontraremos con esto:
Puiti dijo:el ancho de la pagina siempre es de 955. le damos 4 filas y 0 (cero) columnas y 0 borde.
una vez hecho esto quedaria asi.
Puiti dijo:abajo muestra donde tienen que ir para dejarlo bien centrado, está encuadrado en rojo.
una vez centrado nos vamos a insertar - imagen
Puiti dijo:recomiendo antes de hacer este paso, tomarse un tiempo para diceñar lo que seria el Top de nuestra página y guardarla dentro de la carpeta /mi pagina/imagenes.
asi quedaria con una imagen
bien una vez puesta la centrado y puesta la imagen, lo que viene parece dificil pero es super facil, no se asusten.
si siguen el orden de los numeros se van a dar cuenta de que se trata,lo que hacemos es el espacio para lo que sería nuestro menú, para darle el color de fondo, abajo donde indica la flecha le dan el color que ustedes quieran, siempre SIEMPRE tiene que estar tildada la fila donde va a ir el color de fondo, siempre.
Puiti dijo:1ero se hace el color de fondo y despues se usa la tabla para separar las celdas del menú y poner 1 (uno) de grosor de borde
una vez hecho eso, pasamos a este paso. aca como dice le damos el color a nuestro gusto a la tabla.
bien ahora vamos a lo que seria el cuerpo de la página, lo mas común es dividir celdas, Ventajas:queda mas ordenado y podemos poner imagenes o banners sin complicarnos tanto la vida. Desventajas:si escribimos mucho baja y tenemos que acomodarlo, si sos de mucha fiaca te va a molestar. boton derecho - tabla - dividir celda y por ultimo clickeamos en columna.
bueno y este es un ejemplo de como quedaria, yo lo acomodé en un ancho de 241 uds ven donde lo dejan
bueno lo que viene ahora es empezar a escribir, dividimos en celdas, entonces elegimos un lado para escribir y otro para los banners o imagenes y el otro lado en este caso el izquiero de uds para lo que va a ser el texto, que tambien puede llevar imagenes abajo, a la izquierda del monitor dice horiz y vert ahi lo acomodan a su gusto, yo lo puse en el centro (horiz) y superior (vert) y despues use la alineacion.
Puiti dijo:para el menú tambien se puede usar, en este caso lo use en centro y predeterminado
Puiti dijo:si se dan cuenta hay un espacio en blanco a eso me refiero con las desventajas, pero se acomoda poniendo el mismo color de fondo, esa es una buena opción
en la ultima fila ponemos nuestros datos. contacto, o lo que se les ocurra.
bien terminamos...no, no terminamos nada, ja, ahora a guardar. lo guardan dentro de la carpeta que creamos, que se llama...mi pagina le ponemos index.html o index y ponemos guardar.
ahora lo que viene es lo mejor, creamos 3 documentos nuevos, sobre la solapa que ahora dice index.html, boton derecho y nuevo. repetimos el paso las veces que sea necesario, acuerdense que estos documentos nuevos van a ser para el menú.
Puiti dijo:en el documento nuevo borramos esto que dice asi:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
</head>
<body>
</body>
</html>
nos vamos a index y ponemos en dividir y copiamos todo lo que esta en codigo html, sin miedo.
lo que hicimos recien lo repetimos en todos los documentos nuevos que tengamos, borramos y pegamos nuestro codigo del index.
ahora guardamos cada solapa pero con el nombre del menú que eligieron, mi caso es menu2.html, menu3.html, menu4.html
ya casi terminamos...solo falta hacer los correspondientes hipervinculos, muy facil, seleccionas lo que escribiste en el menú y despues abajo, a tu derecha vas a ver una carpeta, al lado dice vinculo clickeas ahi y te habre la carpeta donde guardaste el index.html y los demas menues, entonces al primero siempre SIEMPRE le pones index.html y al segundo el segundo que pusiste y asi con todos.
Puiti dijo:cabe aclarar que a todos los menues tenes que ponerle sus correspondientes hipervinculos, para que se entienda:
solapa index.html: menu 1: (index) menu 2 (menu 2) menu 3 (menu 3) menu 4 (menu 4)
solapa menu2.html: menu 1 (index) menu 2 (menu 2) menu 3 (menu 3) menu 4 (menu 4)
solapa menu3.hmtl: menu 1 (index) menu 2 (menu 2) menu 3 (menu 3) menu 4 (menu 4)
solapa menu4.html: menu 1 (index) menu 2 (menu 2) menu 3 (menu 3) menu 4 (menu 4)
asi nos quedaria terminado
eso es todo espero que les sirva, cualquier duda manden mp, no hagan preguntas por comentario, T! no es un foro. cualquier comentario mal intensionado será borrado. un saludo.