Dreamweaver - CS3

Lección 1: Introducción (1)

1/58 Lecciones 

Para mayor claridad.

Dreamweaver es un programa que se utiliza para la creación de sitios web, llamado “Tal Cual Lo Ves, Tal Cual Lo Obtienes Del Editor”. Osea, lo que escribas en pantalla, lo verás más tarde en el navegador. Lo bueno de Dreamweaver es que es muy fácil de usar.

En Dreamweaver, se trabaja con un sitio local, éste es un sitio que se encuentra en una carpeta de tu computadora. Esta carpeta entera, o al menos su contenido, lo traemos al servidor (léase computadora) de nuestro Host.
Ambos archivos son idénticos en estructura y archivos.

Este curso fue creado para la versión de Dreamweaver CS3, pero la mayoría de éste curso es aplicable a cualquier versión.

 

La Pantalla de Bienvenida

En la pantalla de bienvenida, tenemos tres columnas, divididas en cuatro secciones:

  1. En la primer columna, la sección “Abrir un elemento reciente”, nos despliega una lista de los elementos recientemente abiertos. Haz click en un nombre de la lista para abrir un archivo. Si quieres abrir un archivo que no está listado, haz click en el botón “Abrir”. Lo mismo se lleva a cabo haciendo click en el botón “Archivo” en la barra de menu y seleccionar “Abrir” en la lista desplegable.
  2. En la segunda columna, en la sección “Crear nuevo”, tenemos la oportunidad de abrir una nueva página como tipo HTML, página ColdFusion, página PHP, etc. Si no puedes encontrar el tipo correcto, haz click en el botón “Más…”. Este abre una ventana de diálogo con una lista de todos los tipos de páginas que Dreamweaver puede hacer. Lo mismo se lleva a cabo haciendo click en el botón “Archivo” en la barra de menu y seleccionando “Nuevo…” en la lista desplegable.
  3. Al inicio de la tercer columna, en la sección “Crear con plantilla”, tenemos la oportunidad de hacer una nueva página desde una plantilla.
  4. Al final de la tercer columna en “Ampliar”, tendremos “Dreamweaver Exchange.” Cuando haces click en el, ello abrirá una página de “Dreamweaver Exchange”. Para ello, debe, por supuesto, estar conectado a Internet. La página de Dreamweaver Exchange es un sitio donde puedes bajar varias extensiones para Dreamweaver, varias son gratis, otras requieren pago. Las Extensiones son funciones que puedes añadir.
  5. Y bajo la primer columna, tendremos un número de links para abrir nuestra página en el sitio web de Adobe.

En la parte derecha de la ventana, encontramos paneles diferentes. Haciendo click en la flecha que apunta a la derecha al lado del título del panel, abriría el panel. Haciendo otra vez click en la flecha, cerraría el panel.
Haciendo click y arrastrando sobre los puntos a la izquierda del título del panel, podríamos mover éste panel.

Si quieres que la ventana de bienvenida no siempre aparezca cuando abres Dreamweaver, haz click en el check box “No volver a mostrarlo” en la parte inferior, entonces quedará marcado.
La próxima vez que abras la ventana de Bienvenida de Dreamweaver no volverá a aparecer.

Si quieres que la ventana vuelva aparecer, cuando abras Dreamweaver, haz click en “Edición” de la barra de menu.
Escoge en “Preferencias” del menu desplegable.
Y en la categoría “General”, haz click en el check box “Mostrar pantalla de bienvenida”.

 

Definir Sitio

Si queremos usar las mejores características de Dreamweaver, debemos de definir este sitio.
Para la definición del sitio, haz click en el botón “Sitio de Dreamweaver…” en la mitad de la columna o haz click en “Sitio” en la barra de menu.

En ambos casos, ésto abre la ventana de diálogo de “Definición del Sitio”.

En la ventana de diálogo de “Definición del Sitio”, tenemos dos pestañas, “Básicas” y “Avanzadas”.

En la pestaña “Básicas”, definimos nuestro sitio basado en un número de campos, repartidos en varias páginas de un asistente.

Para definir un sitio, solo se necesita establecer una carpeta local, se escoge en la pestaña “Avanzadas” en éste ejemplo y seleccionar la categoría “Datos Locales”.

En la parte superior de la caja de texto, damos un nombre para nuestro sitio, no importa cual sea.
En la segunda caja de texto, selecciona la carpeta de tu computadora donde todas tus páginas y todo lo demás que quieras añadir a esas páginas, serán salvadas.

Si tu tienes una carpeta creada, aún puedes hacer ésto, haciendo un click en el botón de “Nueva Carpeta” y escogiendo la carpeta en la ventana de diálogo de “Escoger carpeta raíz local para este sitio…”.

Así, selecciona la carpeta.
Y haz click en el botón “Seleccionar”.
Esto es todo lo que se necesita para terminar temporalmente.
Haz click en el botón “Aceptar”.

Como puedes ver en la imagen de abajo, ésto crea una nueva carpeta en el panel de “Archivos”.

Increíble! Has completado Lección 1 INICIAR EL PROXIMO LECCIÓN