DREAMWEAVER

CUESTIONARIO

1. QUE ES DREAMWEAVER

2. QUE ES LO PRIMERO QUE DEBEMOS HACER AL ENTRAR A DREAMWEAVER

3. PALABRA PARA EJECUTAR DREAMWEAVER

4. CUALES SON LAS OPCIONES DE CREACION DE UN NUEVO ARCHIVO

5. EN QUE MENU ENCONTRAMOS LOS PANELES

6. CUALES SON LAS FICHAS QUE TIENE EL PANEL INSERTAR

7. CUALES SON LAS VISTAS DE UN DOCUMENTO

8. MENCIONA AL MENOS 6 PANELES

9. METACOMANDO PARA LA OPCION PREFERENCIAS.

10. PASOS PARA CREAR UN SITIO WEB

11. PARA QUE SIRVE EL INSPECTOR DE PROPIEDADES.

12. PARA QUE SIRVE LA OPCION DE PREFERENCIAS

13. CUAL ES LA VISTA PREDETERMINADA DE DREAMWEAVER

14. ES LA VISTA QUE SE UTILIZA PARA PODER TRABAJAR EN UN AMBIENTE TOTALMENTE DE PROGRAMACION

15. COMO SE LE DA FORMATO AL TEXTO

16. CUALES SON LAS MANERAS DE COLOCAR TEXTO EN DREAMWEAVER

17. COMO SE IMPORTA UN ARCHIVO DE TEXTO A DREAMWEAVER

18. METACOMANDO PARA LA ORTOGRAFIA Y GRAMATICA

19. CUALES SON LOS TIPOS DE LISTAS QUE SE PUEDEN DEFINIR EN DREAMWEAVER

20. METACOMANDO PARA APLICAR UNA SANGRIA

APUNTES

• Dreamweaver es una herramienta que cubre todos los aspectos del diseño web: ofrece soporte para la programación visual de HTML y se complementa incorporando un sistema de funciones JavaScript predefinidas (DHTML, rollovers, etc.) y el desarrollo de aplicaciones web.
• Dreamweaver es un software fácil de usar que permite crear paginas web profesionales.
• Dreamweaver es un software fácil de usar que permite crear paginas web profesionales
• Las funciones de edición visual permiten agregar rápidamente diseño y funcionalidad a las paginas, sin la necesidad de programar manualmente el código HTML.
• Se pueden crear tablas, editar marcos, trabajar con capas, insertar comportamientos javascript, etc. De una forma muy sencilla.
• Lo primero que debemos hacer al entrar a dreamweaver, es definir el tipo de archivo que se desea crear
• Palabra para ejecutar dreamweaver es: Dreamweaver
• Pagina en blanco, plantilla en blanco, pagina de plantilla, paginas de muestra, otro, son opciones de creacion de un archivo
• El entorno de trabajo tiene 3 elementos fundamentales:
• La ventana principal, que alterna entre la vista diseño, la vista código.
• Los paneles y las barras de menús, donde residen todas las herramientas y bibliotecas de la aplicación.
• La ventana sitio es donde se llevan a cabo la mayoría de las tareas de gestión de archivos necesarias para crear un sitio web
• El entorno de trabajo puede personalizarse, indicando que paletas e inspectores aparecerán fijos sobre la ventana de documento y cuales podrán quedar ocultos por dicha ventana y la barra de estado
• Para poder cambiar el entorno de trabajo, contamos con una opción que se llama PREFERENCIAS, que la encontramos dentro del menú edición o metacomado ctrl + u
• Los paneles también denominados “paletas flotantes” agrupan todas las herramientas, menús y bibliotecas de la aplicación
• Los paneles se organizan en grupos .
• Se presentan como una serie de fichas superpuestas dentro del grupo con el fin de aprovechar al máximo el espacio de trabajo.
• En el menu ventana, encontramos los paneles.
• Las fichas del panel insertar son: comun, diseño, formularios, datos, spry, texto, favoritos
• Son las vistas de un documento: código, dividir y diseño
• Son paneles de dreamweaver: comportamientos, resultados, referencias, historial, marcos, línea de tiempo, inspector de código, componentes, base de datos
• Ctrl + u, es el metacomando para la opcion preferencias.
• Son los pasos para crear un sitio web: en la pantalla de inicio, elegir la opción de sitio de dreamweaver, después colocar el nombre y la ubicación del sitio, y luego dar la ruta de la carpeta donde se colocaran los archivos del servidor.
• El inspector de propiedades, permite examinar, editar las propiedades del elemento de la pagina, seleccionados actualmente.
• La opcion de preferencias, permite personalizar el entorno de trabajo

INSPECTOR DE PROPIEDADES

• Permite examinar y editar las propiedades del elemento de la pagina seleccionados actualmente

VISTAS DEL DOCUMENTO

• VISTA DISEÑO
  • Permite trabajar con el editor visual. Es la vista predeterminada.
• VISTA CODIGO
  • Se utiliza para poder trabajar en un entorno totalmente de programación, de código fuente.
• VISTA CODIGO Y DISEÑO
  • Permite dividir la ventana en 2 zonas: la zona superior muestra el código fuente y la inferior el editor visual.
• La vista predeterminada de dreamweaver es vista diseño
• Vista codigo, es la vista que se utiliza para poder trabajar en un ambiente totalmente de programacion
• El texto es elemento base de la mayoría de las paginas de un sitio web.
• Las opciones de dar formato al texto te resultaran familiares ya que son equivalentes a las de los programas estándar de tratamiento de texto.
• Podemos utilizar varias maneras de añadir texto un documento, ya sea escribiéndolo directamente en el documento, copiando y pegando o importando el texto desde otro documento
• Para poder importar un texto de otro documento lo único que debemos hacer es, activar el menú archivo opción importar opción documento de Word
• Después elegimos el documento que contiene el texto y con eso quedara importado nuestro archivo

FORMATO DE TEXTO

• Todo texto escrito en un documento posee atributos que definen su tipo de fuente, su tamaño, su color o su estilo.
• Para aplicar el formato de texto el inspector de propiedades y los comandos del menú texto
• Puedes definir estos atributos antes o después de insertar el texto, podrás modificar los atributos de una única letra, de una palabra, de una frase, o de un párrafo completo, seleccionándolos previamente
• A traves del inspector de propiedades y del menu texto, se le da formato al texto—para poder colocar los estilos de negrita y cursiva puedes utilizar los metacomandos de ctrl + b y ctrl + i respectivamente
• Si deseas corregir la ortografía y gramática de tu documento puedes utilizar el metacomando Shift + f7
• Para cambiar el tamaño de fuente, elige un tamaño(del 1 al 7) en el panel propiedades o en el submenú tamaño del menú texto
• Sangrar un texto(sangría), es hundir o resaltar las líneas de un párrafo respecto a los márgenes de la pagina, y lo puedes hacer con el metacomando ctrl + alt + -
• En una pagina web de contenido, es frecuente que se necesite presentar texto en formato de lista ordenada (elementos numerados), de lista sin ordenar (elementos con viñetas) o de lista de definición (sin caracteres iniciales que suelen utilizarse en glosarios o descripciones
• Estas las podemos aplicar a partir del menú texto opción lista y elegimos el tipo de lista a aplicar
• Para colocar texto en dreamweaver lo podemos hacer escribiéndolo directamente, copiando y pegando e importándolo de otro documento
• Para importar un archivo de texto a dreamweaver, activamos el menú archivo opción importar opción documento de word
• Metacshift + f7 es el metacomando para la ortografia y gramatica
• Son tipos de listas que se pueden definir en dreamweaver: listas ordenadas, listas sin ordenar, listas de definición
• Ctrl + alt + -, es el metacomando para aplicar una sangria

PRACTICA 1

investiga los siguientes conceptos en internet y copialos a tu cuaderno

• QUE ES INTERNET
• QUE ES UN BUSCADOR
• MENCIONA AL MENOS 3 BUSCADORES
• QUE ES HTML
• QUE SIGNIFICA WWW EN INGLES Y ESPAÑOL
• QUE SIGNIFICA HTTP EN INGLES Y ESPAÑOL
• QUE ES UN PROTOCOLO
• A QUE SE LE LLAMA CODIGO FUENTE
• QUE ES UN DNS
• QUE SIGNIFICA TCPIP
• PARA QUE SIRVE UN SERVIDOR
• COMO TRABAJA UN MODEM
• QUE ES UN VINCULO