Teoria 1ra - Semana DW

IEP”San Juan” – Ayacucho 5to.2018.
TT
La pantalla inicial
Las barras
La barra de título
La barra de título contiene el nombre del programa (Macromedia Dreamweaver 8) y seguidamente el nombre del
documento que aparecerá en el explorador y entre paréntesis, su ubicación y el nombre del archivo en formato
HTML. En el extremo de la derecha están los botones para minimizar, maximizar/restaurar y cerrar.
La barra de menús
La barra de menús contiene las operaciones de Dreamweaver, agrupadas en menús desplegables. Al hacer clic
en Insertar, por ejemplo, veremos las operaciones relacionadas con los diferentes elementos que se pueden
insertar en Dreamweaver.
La barra de herramientas estándar
Prof. Del Area EPT: Lic. Edward Ayala Huayhualla

IEP”San Juan” – Ayacucho 5to.2018.TT
La barra de herramientas estándar contiene iconos para ejecutar de forma inmediata algunas de las
operaciones más habituales, como Abrir , Guardar , etc.
La barra de herramientas de documento
La barra de herramientas de documento contiene iconos para ejecutar de forma inmediata algunas otras
operaciones habituales que no incluye la barra de herramientas estándar. Estas operaciones son las de cambio
de vista del documento, vista previa, etc.
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>).
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%).
Los paneles e inspectores:

Dreamweaver utiliza ventanas flotantes similares a las barras de herramientas, que se conocen
como paneles o inspectores. La diferencia entre panel e inspector es que, en general, la apariencia y opciones
de un inspector cambian dependiendo del objeto seleccionado.
A través de la opción Ventana, de la barra de menús, es posible mostrar u ocultar cada uno de los paneles o
inspectores. Vamos a ver los más importantes.
El inspector de Propiedades
El inspector de Propiedades muestra y permite modificar las propiedades del elemento seleccionado que
son usadas de forma más frecuente. Por ejemplo, cuando el elemento seleccionado sea texto mostrará el tipo
de fuente, la alineación, si está en negrita o cursiva, etc.
Pulsando sobre el botón se despliega para mostrar más opciones. Este botón se encuentra en la esquina
inferior-derecha.
Seguramente será la herramienta de Dreamweaver que más vayas a utilizar.
La barra de herramientas Insertar o panel de objetos

La barra de herramientas Insertar o panel de objetos permite insertar elementos en un documento sin la
necesidad de recurrir al menú Insertar. Los elementos están clasificados según su categoría: tablas, texto,
objetos de formulario, etc.
Es posible configurar este panel para que en los botones se muestren los iconos de los objetos (como ocurre
en la imagen anterior), para que se muestren los nombres de los objetos, o para que se muestren ambos a la
vez.
1. PROPIEDADES DE LA PAGINA
Abrimos la página index.htm y con el botón derecho seleccionamos propiedades de página.
Aparecerá una ventana de diálogo donde habrá 5 opciones en la parte de categoría.
Título/codificación.
En la casilla título escribiremos el románico y el gótico.

Es conveniente escribirlo porque es el que coge la opción Favoritos en Internet Explorer ( o la de marcador en
Netscape) para guardar la página en la carpeta Favoritos.
Esto se puede hacer directamente en la barra de herramientas.

Aspecto
En esta ventana indico la fuente de página, tamaño, color de
texto , color de fondo o imagen de fondo y los márgenes de
la página se está creando.
Ejemplo: imagen de fondo : fondo.

Al cargar los archivos en el servidor , es muy importante
tenerlos todos guardados en la sitio local. De esta forma,
Dreamweaver verifica que todos los elementos que
componen el sitio web se encuentran en la capeta local.
Si el archivo fondo se encontrará en otro sitio que no fuera
la carpeta local Dreamweaver preguntará si se quiere copiar en la carpeta local. Se dirá que si.
Vínculos
Permite definir el tipo de texto y colores para los diferentes tipos de vínculos.
2. TEXTO
La inserción de texto en el documento de una página Web es tan sencilla como escribir texto en un procesador
de textos cualquiera.
Después se pondrá el formato que se quiera. (previamente éste estará seleccionado).
Para cambiar las características hay dos formas, una desde el menú texto y otra a través del inspector de
propiedades (la más usada) y que se encuentra en la parte inferior de la página.
 Formato: aplica un estilo predefinido al texto.

 Fuentes: aplica una combinación de fuentes al texto. Las fuentes están agrupadas por familias. Si el
usuario no tiene instalada la primera fuente del listado, el navegador buscará la segunda de la lista y
luego la tercera. Si ninguna de ella está presente, mostrará el texto con el tipo de fuente estándar del
navegador.
En html <font face=”arial,...”.>
 Tamaño: aplica un tamaño de fuente específico en una escala que va de 1 a 7 o un tamaño de fuente
relativo al tamaño por defecto del navegador. En este caso los valores van de +1 a –7.Así por ejemplo
+3 significa tres grados más grande que lo normal.
En html <font size=”+2.”.>
 Negrita e itálica.
 Alineación
 Color de texto: define el color de texto seleccionado.
 Viñetas y numeración: coloca viñetas a los párrafos o los enumera. Se puede insertar listas ejecutando
texto/lista y eligiendo el tipo de lista a utilizar.
 Sangría a la derecha y a la izquierda.
Existen dos tipos de saltos que podemos introducir en nuestro texto: el salto de párrafo y salto de línea.
Cuando pulsamos Enter, insertamos un salto de párrafo.
Cuando pulsamos May+enter, insertamos un salto de línea (más pequeño).

Teoria 1ra - Semana DW

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Teoria 1ra - Semana DW

Cargado por

Copyright:

Formatos disponibles

IEP”San Juan” – Ayacucho 5to.2018.

La barra de herramientas estándar

Prof. Del Area EPT: Lic. Edward Ayala Huayhualla

operaciones más habituales, como Abrir , Guardar , etc.

La barra de herramientas de documento

Los paneles e inspectores:

Seguramente será la herramienta de Dreamweaver que más vayas a utilizar.

La barra de herramientas Insertar o panel de objetos

Prof. Del Area EPT: Lic. Edward Ayala Huayhualla

Abrimos la página index.htm y con el botón derecho seleccionamos propiedades de página.

Aparecerá una ventana de diálogo donde habrá 5 opciones en la parte de categoría.

En la casilla título escribiremos el románico y el gótico.

Prof. Del Area EPT: Lic. Edward Ayala Huayhualla

Ejemplo: imagen de fondo : fondo.

 Formato: aplica un estilo predefinido al texto.

También podría gustarte