Tutorial

La creación de un sitio Web con Dreamweaver MX implica dos pasos fundamentales:

1º) crear las carpetas en el disco local: disco duro (C) con el Explorador de Windows

y 2º) poner un nombre al sitio Web e indicar qué carpetas se utilizarán para guardar las páginas y las imágenes. Obviamente se deben crear las carpetas antes de utilizar la herramienta del Menú Sitio de Dreamweaver MX.

A.- Crear y organizar carpetas del sitio con el Explorador de Windows

1) Abrir Explorador de Windows

2) Seleccionar y desplegar el disco local

3) Archivo – Nuevo – Carpeta

4) Ejemplo: FILOSOFIA

NOMBRE ASIGNATURA 1ª

NOMBRE ASIGNATURA 2ª

NOMBRE ASIGNATURA 3ª

IMÁGENES

5) Salir del Explorador de Windows

B.- Creación de un sitio Web con Dreamweaver MX

1.- Abrir el programa Dreamweaver MX

2.- En la ventana del documento vacío, elegir Sitio – Nuevo sitio

– En el cuadro de diálogo «Definición de sitio para Sitio sin nombre» seleccionar la pestaña «Básicas»

– Aparece el cuadro 1º de diálogo «Definición del sitio»

3.- En el campo Nombre del sitio, escribir un nombre: FILOSOFíA o MATEMÁTICAS

– Siguiente – Aparece el cuadro de diálogo de «Definición del sitio»

4.- A la pregunta que aparece en el cuadro de diálogo: «¿Desea trabajar con una tecnología de servidor?» se puede contestar:

– Sí para crear páginas dinámicas con Flash, por ejemplo

– No para crear páginas estáticas o sin movimiento

– Como estamos creando un sitio básico estático sin páginas dinámicas, elegimos No

– Siguiente – Aparece el cuadro de diálogo de «Definición del sitio»

5.- En este cuadro de diálogo aparecen dos preguntas:

1ª pregunta: «¿Cómo desea trabajar con los archivos durante la etapa de desarrollo?» Contestar señalando la 1ª opción: «Editar copias locales en mi equipo y luego cargarlas al servidor cuando estén listas (recomendado)»

2ª pregunta: «¿En qué lugar del equipo desea almacenar los archivos?» En el cuadro de texto habrá que especificar la carpeta en la que se almacenarán los archivos del sitio

– Hacer clic en el icono «Examinar»

– Aparece el cuadro «Elegir la carpeta raíz local para el sitio…»

– Seleccionar el disco local y la carpeta «Filosofía» o «Matemáticas» o el nombre que se haya puesto en el paso 3

– Seleccionar – Siguiente – Aparece cuadro de diálogo de «Definición del sitio»

6.- En este cuadro de diálogo se pregunta: «¿Cómo conecta con su servidor remoto?»

– Activar la flechita de la derecha del cuadro de texto – Aparecen varias opciones

– Elegir «Ninguno» – «Siguiente»

– Aparece el cuadro de «Definición del sitio» – Pulsar Completado

La creación del sitio Web se puede hacer también de la siguiente manera:

1.- En la ventana del documento vacío, elegir Sitio – Nuevo sitio

– En el cuadro de diálogo «Definición del sitio para Sitio sin nombre» aparece seleccionada la pestaña Avanzadas y la categoría Datos locales

– Dejar así.

2.- En el campo Nombre del sitio, escribir un nombre: Filosofía o Matemáticas, como se ha hecho anteriormente en el paso 3

3.- En el campo Carpeta raíz local habrá que especificar la carpeta en la que se almacenarán los archivos del sitio, para esto hacer clic en el icono Examinar

– Aparece el cuadro «Elegir la carpeta raíz local para el sitio…»

– Seleccionar el disco local y el nombre de la carpeta raíz (nombre de la carpeta principal)

– En el cuadro de Carpeta predeterminada de imágenes habrá que especificar la carpeta «imágenes», para esto hacer clic en el icono Examinar

– Seleccionar el disco local y la carpeta «imágenes»

– Dirección HTTP, no escribir nada.

– Mantener activado caché – Aceptar

25 diciembre, 2014
dreamweaver

Crear un sitio local nuevo básico

La creación de un sitio Web con Dreamweaver MX implica dos pasos fundamentales: 1º) crear las carpetas en el disco local: disco duro (C) con el […]
25 diciembre, 2014
dreamweaver

Editar Textos con DreamWeaver

A.- CREAR Y CONFIGURAR LA PÁGINA O DOCUMENTO 1.- Crear Página: Archivo – Nuevo (figura 2-1)- Aparece el cuadro de diálogo «Nuevo documento» – En la […]
25 diciembre, 2014
dreamweaver

Crear enlaces con DreamWeaver

A.- CREAR VÍNCULOS (=ENLACES) EN UNA PÁGINA 1.- Seleccionar texto o imagen que servirá de vínculo 2.- Modificar – Crear vínculo 3.- Buscar y seleccionar el […]
25 diciembre, 2014
dreamweaver

Entorno de trabajo de DreamWeaver MX

A.- INICIAR EL PROGRAMA DREAMWEAVER MX.- Para abrir Dreamweaver MX, llevar a cabo una de estas operaciones: 1.- Inicio – Programas – Macromedia – Hacer clic […]
25 diciembre, 2014
dreamweaver

El Panel de Objetos

El panel Objetos contiene botones para la creación e inserción de diversos tipos de objetos, como tablas, capas e imágenes. Para mostrar u ocultar el panel […]
25 diciembre, 2014
dreamweaver

Crear y editar marcos con DreamWeaver

A.- Planificar los marcos B.- Insertar marcos predefinidos a) Situar el punto de inserción en el documento previamente abierto b) A continuación, llevar a cabo una […]
25 diciembre, 2014
dreamweaver

Insertar imágenes, peliculas flash y videos en DreamWeaver

– En los documentos creados con Dreamweaver se pueden insertar: Imágenes con formato de archivo GIF, JPEG y PNG Películas Flash con formato de archivo SWF […]
25 diciembre, 2014
dreamweaver

Crear y Editar Tablas con DreamWeaver

  I.- EDITAR TABLAS EN VISTA ESTÁNDAR (Por defecto la página se abre en vista estándar) A.- CREAR UNA TABLA 1.- Para insertar una tabla en […]
25 diciembre, 2014
dreamweaver

Expresiones Regulares con DreamWeaver

De hecho lo que vamos a mostrar aquí sobre expresiones regulares se puede aplicar en muchos otros entornos (lenguajes de programación, programas, shells, etc) pero vamos […]
25 diciembre, 2014
dreamweaver

Editar código con DreamWeaver

Tarde o temprano tendremos que editar el código de nuestra web para insertar un contador, script, o algún otro código que nos hayan dado. Podemos hacerlo […]
25 diciembre, 2014
dreamweaver

Las Capas en DreamWeaver

Uno de los comportamientos más habitual e interesante es el de Mostrar-Ocultar capas. Resulta obvio que para poder aplicar este comportamiento han de existir capas en […]
25 diciembre, 2014
dreamweaver

Marquesinas en DreamWeaver

Las marquesinas son texto, imágenes, o una mezcla entre texto e imágenes, que pueden desplazarse de un lado a otro de la ventana en forma de […]
25 diciembre, 2014
dreamweaver

Creación de un menu desplegable en Dreamweaver

Creación de un menú desplegable en Dreamweaver   Muchas veces, nuestras páginas tienen tantos contenidos que si quisiéramos que apareciesen todos estos en un determinado lugar […]
25 diciembre, 2014
dreamweaver

Insertar Javascript en DreamWeaver

Llamar JavaScript Otro de los comportamientos que puede aplicarse sobre algún objeto es el de Llamar Javascript. Este comportamiento permite insertar código JavaScript dentro del código […]
25 diciembre, 2014
dreamweaver

Todo sobre Formularios en DreamWeaver

Todo sobre Formularios en DreamWeaver   Esta lección nos enseñará qué es un formulario, para qué se utiliza, cómo insertar uno, qué elementos puede contener y […]
25 diciembre, 2014
dreamweaver

Enlace a email en DreamWeaver

Es posible especificar vínculos a direcciones de correo electrónico. Ésto resulta útil cuando se desea que los visitantes de la web puedan contactar con nosotros. La […]