Download pdf - Para Crear Sitio Desde Dreamweaver 8

PARA CREAR EL SITIO NUEVO DESDE DREAMWEAVER 8

Este ejercicio servirá para aquellas personas que ya han creado páginas web desde Frontpage y requieren crear sitio desde Dreamweaver. Es un ejercicio sencillo y siguiendo las instrucciones podrá construir su sitio web. Primero se debe definir el sitio, su nombre y ubicación de manera diferente a como lo realiza desde FrontPage. El sitio lo generará la aplicación puede ser desde El Escritorio u otra ruta que definirá siguiendo estos pasos. Recuerde las especificaciones del nombre en minúscula, sin espacios y sin número al inicio para cuando cree los archivos y carpetas.

1. Abra DREAMWEAVER 2. Desde el panel derecho de la pantalla ubique la lista desplegable o cuadro web y

abra la lista para seleccionar: editar / administrar sitio. 3. Desde el cuadro de dialogo editar, clic en “nuevo” 4. Aparece un cuadro donde especificará:

Nombre del Sitio: Coloque un Nombre Carpeta Raíz: Seleccione desde donde creará la carpeta del sitio. El cuadro de

texto tomará esta ruta, Revise la dirección donde quiere crear carpeta del sitio, si fue desde escritorio,

por ejemplo, (escriba nombre de la carpeta al final de la dirección) Ahora su sitio está definido para editarlo posteriormente y hacer la construcción

de las páginas. Visualice la carpeta en al panel derecho de la pantalla en color verde. Ahora debe crear las subcarpetas: imágenes y archivos. El procedimiento es:

1. clic secundario sobre la carpeta raíz, Luego opción “nueva carpeta” y escriba el nombre indicado anteriormente.

2. realice la misma operación para la próxima carpeta.

PARA CREAR LAS PÁGINAS

1. La primera página que debe crear es index.htm, como esta página debe estar en el directorio raíz, debe:

2. Hacer clic secundario sobre la carpeta del sitio y luego opción “nuevo archivo” 3. Borre el nombre untitled.htm y escriba index.htm POR FAVOR NO SE OLVIDE

DE LA EXTENSIÓN.(htm) 4. Si ha realizado su maqueta previa, puede definir los archivos restantes. 5. En este ejemplo, creará una página index con marco izquierdo solamente, para lo

cual debe: seleccionar la carpeta verde llamada archivos y desde allí crear

izquierdo.htm con el procedimiento explicado anteriormente. Seleccionar la carpeta raíz y crear el archivo: principal.htm u otro nombre

según el contenido de la misma.

PARA CONTRUIR index.htm CON EL MARCO IZQUIERDO 1. Desde el archivo untitled

Ejercicio para realizar con dreamwever 8. Por: Yelitza Pinto

2. Seleccione la pestaña “DISEÑO” (parte superior del área de diseño de la página), luego botón “marco” de la barra herramientas.

3. Seleccione la opción marco izquierdo. Si se encuentra en Versión MX 2004 debe: hacer clic en Menú Archivo, Nuevo luego. Elija de la lista de categorías la correspondiente a Marco Izquierdo fijo.

4. Abra desde el panel derecho de la pantalla “Disposición de Marcos” para definir los archivos que se sujetaran al marco principal y al izquierdo. Si no está activo, valla a Menú ventanas y clic en “Marcos”

5. Clic sobre el área derecha desde el cuadro “Disposición de Marcos” o “Marcos” y desde el cuadro propiedades (parte inferior de la pantalla), realice lo siguiente:

Nombre del Marco: Escriba “principal” u otro nombre para el marco principal.

Si lo requiere defina color del borde, barra de desplazamiento y márgenes. Ahora Arrastre el archivo principal (creado previamente con extensión –

htm) desde el panel derecho hasta el marco principal del área de diseño. En el Cuadro origen: aparecerá la ruta donde está principal.htm En la versión MX 2004 esta operación no funciona igual. Debe: Hacer Clic en el área principal, pero del cuadro “Marcos” y desde Propiedades buscar la vinculación, asigne el archivo principal.htm

6. Realice la operación para el marco izquierdo, clic en el área izquierda desde el

cuadro “Disposición de marcos” o “Marcos” Nombre del Marco: Escriba “izquierdo” u otro nombre para el marco

izquierdo. Si lo requiere defina color del borde, barra de desplazamiento y márgenes. Ahora Arrastre el archivo izquierdo (creado previamente con extensión –

htm) desde el panel derecho hasta el marco izquierdo del área de diseño. En el Cuadro origen: aparecerá la ruta donde está izquierdo.htm En la versión MX 2004 esta operación no funciona igual. Debe: Hacer Clic en el área izquierda, pero del cuadro “Marcos” y desde Propiedades buscar la vinculación, asigne el archivo izquierdo.htm

Observe que tiene 3 pestañas abiertas con tres archivos (untitled, izquierdo y principal) Seleccione la pestaña del archivo untitled para definirle el nomre de index.

7. Ahora desde el cuadro “Disposición de marcos” o “Marcos” clic en el borde externo para crear a index.

8. La pestaña definirá el nombre untilted, haga clic secundario sobre la pestaña y seleccione “guardar todo”.

9. Desde el cuadro de texto para el nombre del archivo, escriba o haga clic sobre index si usted ya lo creo previamente.

10. Le advertirá que ya existe el archivo de haberlo creado antes, si desea sustituirlo y acepte.



PARA CONSTRUIR O DISEÑAR LA PÁGINA

Creara la página similar a como lo hizo desde FrontPage. Solo que las propiedades del documento, texto, tablas, plantillas prediseñadas y otros objetos los modificará desde el panel propiedades como lo hace en Flash. Para insertar elementos shockwave, creados en flash, haga clic en la pestaña “media” desde el panel superior y ubique la opción requerida. De igual forma, los botones predeterminados que contiene dreamweaver se hacen desde la pestaña “media” Luego de insertar los botones, especifique el vínculo y el marco destino igual como se realiza desde FrontPage. También puede hacer uso de las Páginas Previas prediseñadas para montar la suya y hacerle cambios según gusto y requerimiento. Para ello desde menú Archivo, opción “nuevo”, luego desde el cuadro de diálogo elija en la pestaña general, luego de la lista de opciones en “Categorías” selecciones el de su preferencia.

Edición de un sitio Web local con Dreamweaver

Puede usar Dreamweaver para editar un sitio Web de su disco local, aunque no lo haya creado con Dreamweaver.

Para editar un sitio Web local:

1. Seleccione Sitio > Administrar sitios.

Aparece el cuadro de diálogo Administrar sitios.

2. Haga clic en Nuevo.

Aparecerá el cuadro de diálogo Definición del sitio.

3. Haga clic en el botón Avanzadas, si las opciones avanzadas no están visibles.

La ficha Avanzadas del cuadro de diálogo Definición del sitio muestra las opciones de la categoría Datos locales.

4. Complete este cuadro de diálogo. 5. Haga clic en Aceptar.