04. Entorno de trabajo (I)

<<  3. Sitio            05. Entorno de trabajo (II)  >>

cursos papel y web

1. Visión general

Abrimos la pantalla de bienvenida y observamos que se parece a las demás de Adobe. Arriba se encuentran los menús, que son los habituales ( Archivo – Edición- … ) salvo el menú sitio que es propio de Dreamweaver – a partir de ahora DW- . Abajo el inspector de propiedades y a la derecha los paneles que están agrupados por tipos.

Barra de Insertar.  Vemos que DW no tiene barra de herramientas; esto se debe a que no dibuja cosas sino que genera código Html. DW en el menú Insertar genera etiquetas.

cursos papel y web

2. Menú / Archivo

Creamos un documento nuevo en Archivo / Nuevo, escribimos algo

p. ejem.: Vamos a ver los menús… Y  titulamos la página como “Menús”

Archivo / Guardar como… Menus.html (vemos también, en servidor, como plantilla…) dentro de una carpeta que creamos y llamamos 04_Entorno dentro de C/:.. / Curso_Dreamweaver / Mi_Sitio /

Vemos ahora los diferentes submenús de Archivo.

cursos papel y web

3. Menú / Edición

Observamos que son las típicas y nos entretenemos en Edición / Preferencias  / Barra de estado y alguna más.

cursos papel y web

4. Menú / Ver

Ver el Tamaño de visualización (zoom), comprobar que también está en la ventana de trabajo (abajo a la dcha.) y aprovechamos para ver el Tamaño de ventana para hacernos una idea de como se visualizaría la página en diferentes tamaños de pantalla. Cambio de Código / Diseño. Modo de Tabla (tablas de diseño). Reglas, Cuadriculas, Guías. Ayudas visuales (también en la ventana de trabajo).

cursos papel y web

5. Menú / Insertar

Es la misma que panel insertar del espacio de trabajo. Es el equivalente a las herramientas de Photoshop, Indesign e Illustrator. Como vimos antes genera código Html por lo que DW en el menú Insertar genera las etiquetas necesarias para visualizar la página en un navegador.

cursos papel y web

6. Menú / Modificar

Para modificar las propiedades de los elementos que tengamos seleccionados, tablas, imágenes…

cursos papel y web

7. Menú / Texto

Modifica las opciones del texto.

cursos papel y web

8. Menú / Comandos

Aquí es interesante ir hasta Optimizar imagen y Crear álbum de fotos (necesitamos Fireworks). Se pueden conseguir más en Dreamweaver Exchange.

cursos papel y web

9. Menú / Sitio

Para crear el sitio de nuestra web o bien modificar sus propiedades. Resulta fundamental para trabajar con DW.

cursos papel y web

10. Menú / Ventana

Son los mismos paneles que tenemos a la derecha, arriba y abajo (propiedades).

cursos papel y web

11. Menú / Ayuda

En la ventana de Ayuda se puede hacer una búsqueda cuando tengamos alguna duda. Podemos ir también a diferentes partes de la Ayuda.

Resumen: DW tiene el típico entorno de Adobe pero con las peculiaridades de un editor Html de lenguajes para internet. Conociendo este entorno de trabajo podemos empezar a trabajar con DW, un programa versátil con muchos recursos para crear webs.

 

Crear las carpetas del curso

C: … / Cursos / Curso_Dreamweaver /  Curso_Final. Contiene los archivos finalizados que vamos a necesitar para completar las prácticas de curso.

C: … / Cursos / Curso_Dreamweaver /  Mi_Sitio. Es donde realizaremos las prácticas.

Si es necesario crea las carpetas que necesites. Es muy importante mantener la estructura de carpetas que recomendamos en estos apuntes, para seguir el curso sin perdidas de tiempo adicionales.

Envia un comentario

Debes ser Conectado Para publicar un comentario.