Documente Academic
Documente Profesional
Documente Cultură
Vamos a ver cuáles son los elementos básicos de Dreamweaver 8, la pantalla, las
barras, los paneles, etc., para saber diferenciar entre cada uno de ellos.
Aprenderemos cómo se llaman, dónde están y para qué sirven. Cuando conozcamos
todo esto estaremos en disposición de empezar a crear páginas web.
LA PANTALLA INICIAL
Clic aquí
1
CETI
Centro de Enseñanza Técnico en Informática
4ª Avenida Norte Nº 24 Barrio el Santuario, San Vicente TEL. 2393-5639
Sitio web: http://www.cetisv.com
Vamos a ver sus componentes fundamentales. Así conoceremos los nombres de los
diferentes elementos y será más fácil entender el resto del curso.
2
CETI
Centro de Enseñanza Técnico en Informática
4ª Avenida Norte Nº 24 Barrio el Santuario, San Vicente TEL. 2393-5639
Sitio web: http://www.cetisv.com
La Barra De Título
LA BARRA DE MENÚS
Muchas de las operaciones se pueden hacer a partir de estos menús, pero para algunas es
preferible o indispensable hacerlas desde los paneles.
La barra de herramientas estándar contiene iconos para ejecutar de forma inmediata algunas
3
CETI
Centro de Enseñanza Técnico en Informática
4ª Avenida Norte Nº 24 Barrio el Santuario, San Vicente TEL. 2393-5639
Sitio web: http://www.cetisv.com
Mediante esta barra podremos acceder a diversas opciones de visualización del documento
y a la administración de éstos con respecto al servidor. Conozcamos la función de cada
elemento que la compone.
LA BARRA DE ESTADO
La barra de estado nos indica en cada momento en qué etiqueta HTML nos encontramos
(en la imagen al encontrarnos en un documento en blanco estamos directamente sobre la
etiqueta <body>).
4
CETI
Centro de Enseñanza Técnico en Informática
4ª Avenida Norte Nº 24 Barrio el Santuario, San Vicente TEL. 2393-5639
Sitio web: http://www.cetisv.com
También nos es posible alternar entre los modos de selección, mano (para arrastrar la
página), o zoom. En cualquier momento puedes seleccionar el zoom preferido desde el
desplegable zoom y ajustar la vista al porcentaje preferido (por defecto siempre viene al
100%).
EL INSPECTOR DE PROPIEDADES
5
CETI
Centro de Enseñanza Técnico en Informática
4ª Avenida Norte Nº 24 Barrio el Santuario, San Vicente TEL. 2393-5639
Sitio web: http://www.cetisv.com
6
CETI
Centro de Enseñanza Técnico en Informática
4ª Avenida Norte Nº 24 Barrio el Santuario, San Vicente TEL. 2393-5639
Sitio web: http://www.cetisv.com
El panel Archivos
7
CETI
Centro de Enseñanza Técnico en Informática
4ª Avenida Norte Nº 24 Barrio el Santuario, San Vicente TEL. 2393-5639
Sitio web: http://www.cetisv.com
VISTAS DE UN DOCUMENTO
La vista Diseño
La vista Diseño: Permite trabajar con el editor visual. Es la vista predeterminada de Dreamweaver
y la que se suele utilizar habitualmente.
8
CETI
Centro de Enseñanza Técnico en Informática
4ª Avenida Norte Nº 24 Barrio el Santuario, San Vicente TEL. 2393-5639
Sitio web: http://www.cetisv.com
LA VISTA CÓDIGO
9
CETI
Centro de Enseñanza Técnico en Informática
4ª Avenida Norte Nº 24 Barrio el Santuario, San Vicente TEL. 2393-5639
Sitio web: http://www.cetisv.com
La vista Código y Diseño permite dividir la ventana en dos zonas. La zona superior muestra
el código fuente, y la inferior el editor visual. Cuando se realiza un cambio en alguna de las
zonas, este cambio se aplica directamente sobre la otra.
10