Mapa de páginas web

Dreamweaver Partes!

Barra de Menús.

Como en cualquier otro programa, en la parte superior de la pantalla se desarrolla la Barra de Menús:

• ARCHIVO: Junto con el menú de Edición, es un menú común en cualquier programa. 
  Nos permite manejar el flujo de trabajo con los diferentes archivos. Desde menú abriremos los documentos de trabajo, los guardaremos y los publicaremos.
• EDICIÓN: Al igual que en otros programas, desde este menú podremos realizar acciones de gestión y desplazamiento (Copiar, Cortar, Pegar...).
• VER: Se facilita el trabajo en la creación de una película Flash desde el punto de vista de cómo ver el área de trabajo. Incluye las opciones de ayuda al dibujo, como son las Reglas o la Cuadrícula. 
• INSERTAR: hace referencia a todos los componentes que se pueden ir incluyendo en una película Flash;  desde los símbolos, los fotogramas con diferentes cualidades o las escenas de que se compone la película final (es uno de los más usados).
• MODIFICAR: Desde este menú podremos alterar cualquier componente de la película... incluso la película en sí misma(es uno de los más usados).
• TEXTO: Nos permitirá controlar los diversos atributos aplicados al texto (no lo usaremos mucho).
• COMANDOS: Este nuevo menú administra la ejecución de acciones preprogramadas llamadas comandos. (En este curso no lo usaremos).
• CONTROL: Rige la reproducción de la animación. Más que este menú usaremos la barra de herramientas de mismo nombre que veremos más adelante.
• VENTANA: Este menú gobierna la visualización y organización de toda la interfaz del programa. Desde aquí puedes visualizar y ocultar cualquier panel o barra de herramientas que desees.
• AYUDA: Como cualquier otro por grama flash incluye un menú de ayuda.
  Al contrario de lo que ocurre en otros programas, la ayuda de Flash es realmente una ayuda muy útil cuando estamos perdidos o queremos introducirnos en el conocimiento de alguna parcela del programa.

La barra de herramientas

La barra de herramientas de Dreamweaver contiene botones que permiten alternar entre diferentes vistas del documento rápidamente, cambiar el título del documento o previsualizar la página en el navegador. Los elementos del menú Opciones (botón situado en el extremo derecho de la barra de herramientas) cambia en función de la vista que seleccione. 

• Para ver u ocultar la barra de herramientas, elija en el menú Ver la opción Barra de herramientas.
• Para ver sólo código en la ventana de documento, haga clic en el botón Vista de código.
• Para ver una vista que contenga las vistas de Código y de Diseño, haga clic en el botón Vistas de código y diseño.
• Para ver sólo la vista de Diseño, haga clic en el botón Vista de diseño.
• Para introducir un título para el documento, utilice el campo Título. Si el documento ya tiene título, éste aparecerá en dicho campo.
• Para poner, obtener o proteger un archivo, haga clic en el botón de menú de "Estado de archivo".
• Para previsualizar o depurar un documento en un navegador, haga clic en Vista previa/depurar en navegador y elija uno de los navegadores enumerados en el menú emergente.
• Para actualizar la vista de Diseño, haga clic en el botón Actualizar vista de diseño.
• Para obtener información de referencia sobre código HTML, CSS y JavaScript, haga clic en el botón Referencia.
• Para desplazarse por el código, haga clic en el botón Navegación por el código. Para obtener más información, consulte "Introducción al depurador JavaScript".
• Para mostrar u ocultar la regla, la cuadrícula y las ayudas visuales, haga clic en el botón de menú Opciones.

El pánel objetos

Este pánel contiene botones que permiten la creación e inserción de diversos tipos de objetos, como tablas, vínculos, capas e imágenes. El pánel contiene siete categorías de forma predeterminada: Común, Formularios, Marcos, Head, Invisibles y Caracteres. También contiene botones que cambian de vista: Estándar y Disposición. Cada uno de estos elementos serán explicados en temas posteriores.

Para cambiar de categoría dé clic sobre alguna de las pestañas situadas en la parte superior del pánel.

Si desea insertar un objeto en el documento haga clic en el correspondiente botón del pánel o arrastre el ícono del botón hasta la ventana de documento. Dependiendo del objeto, aparecerá un cuadro de diálogo en el cual se le pedirá que seleccione o inserte el archivo u objeto deseado.

Si desea insertar un marcador de posición mantenga presionada la tecla Control mientras da clic en el ícono para insertar el objeto. (Por ejemplo, para insertar un marcador de posición para una imagen sin especificar un archivo de imagen, mantenga presionada la tecla Control y haga clic en el botón Imagen.)

Nota: Esto no permite omitir todos los cuadros de diálogo. Algunos objetos, como las barras de navegación, las capas, los botones Flash, los marcos, etc., no insertan marcadores de espacio.

Inspector de propiedades

El inspector de propiedades permite examinar y editar las propiedades del elemento que esté seleccionado actualmente, puede ser un objeto o texto. Es posible seleccionar los elementos en la ventana de documento o en el inspector de código.

La mayoría de los cambios realizados en las propiedades se aplicarán de inmediato en la ventana de documento. (Para algunas propiedades, los cambios no se aplican hasta que se hace clic fuera de los campos de texto de edición de la propiedad, se presiona Enter o se presiona Tab para cambiar a otra propiedad.)

El contenido del inspector de propiedades varía en función del elemento seleccionado. Si quiere obtener información sobre propiedades concretas, seleccione un elemento en la ventana de documento y, a continuación, haga clic en el icono Ayuda, situado en la esquina superior derecha del inspector de propiedades.

El inspector de propiedades muestra inicialmente las propiedades del elemento seleccionado que se utilizan con mayor frecuencia; para ver todas las propiedades haga clic en la flecha de ampliación situada en la esquina inferior derecha del inspector de propiedades, para ver más propiedades del elemento.

Vistas de Dreamweaver

Dreamweaver puede mostrar un documento de tres formas distintas:

 Vista de Diseño: es un entorno de diseño para la disposición visual de la página, la edición visual y el desarrollo rápido de aplicaciones. En ésta vista, Dreamweaver muestra una representación visual del documento completamente editable, similar a la que aparecería en un navegador.

 Vista de Código: es un entorno de codificación manual que permite escribir y editar código HTML, JavaScript, de lenguaje de servidor (ASP o PHP) o cualquier otro tipo de código.

 Vista Compartida: Es una vista dividida que muestra tanto el diseño como el código.

Para cambiar la vista en la cual desea trabajar haga clic sobre la vista que prefiera en la barra de herramientas de Dreamweaver.

Además, puede trabajar con la vista de Diseño de Dreamweaver de dos formas distintas: en la vista de Disposición y en la vista Estándar.

Puede seleccionar estas vistas la pestaña Disposición del Panel objetos.

En la vista de Disposición, puede diseñar el formato de una página, insertar gráficos, texto y elementos multimedia; en la vista Estándar, además de insertar gráficos, texto y elementos multimedia, también puede insertar capas, crear documentos con marcos, crear tablas y aplicar otros cambios a la página (opciones que no se encuentran disponibles en la vista de Disposición).

Planeacion Quincena

Quincena del 26 al 30 de abril 
Eje Problemico: Diseño de publicaciones
Pregunta Problematizadora: ¿ Cómo diseñar un librito paginado en un software
especializado y Evaluación general ?
Meta de comprensión: Elaborar un librito paginado  sencillo con temas
de su entorno y practicar la evaluación general del periodo

Inicio de Periodo! :)

Quincena del 26-30 de marzo y del 10 al 13 de abril

Eje problemico: Diseño de publicaciones
Pregunta Problematizadora: ¿Cómo diseñar un librito paginado en un software especializado y en general?
Meta de compresión: Elaborar un libreto paginado sencillo con temas de su entorno y practicar la Ev. General del periodo.

Actividad:
(Evaluación general): Diseñar libro paginado en Publisher sobre los padres dominicos en Colombia.
Número de páginas 15.
Debe contener letras capitulares mínimo 8

Planeacion Quincena

Quincena del 12 al 23 de marzo 
Eje Problemico: Diseño de publicaciones
Pregunta Problematizadora: ¿Cómo diseñar un afiche en un software especializado?
Meta de comprensión: Elaborar afiches sencillos con temas de su
entorno

Planeacion Quincena

Quincena del 27 de febrero al 09 de marzo 
Eje Problemico: Diseño de publicaciones.
Pregunta Problematizadora: ¿ Cómo diseñar un plegable en un software especializado?
Meta de Comprensión: Elaborar plegables sencillos con temas de su entorno.


Actividad: 
1. Consultar:
 Cómo diseñar un plegable ( o folleto) en Publisher?
Diseñar los siguientes folletos:
                   a. Sobre la vida de adolescentes de hoy.
                   b. Sobre la película " El nombre de la rosa "

   Especificaciones: - Letra arial 10
                             - Con imágenes entre el parrafo de texto
                             - Citando las fuentes de donde extraen la información. Sin repetir
                             - Folleto de 3 cuerpos
                             - Diseño entre cada página.
                            -  Poco texto
                            - Revisar la ortografía.         

Desarrollo de las actividad

Elegir un Diseño 

Al crear el folleto, puede especificar las opciones que desee, por ejemplo: el panel de la dirección de un cliente, el conjunto de información empresarial, la combinación de fuentes y el formulario para suscripciones.

1. Inicie Publisher.
2. En Tipos de publicaciones, haga clic en Folletos.
3. En el catálogo Folletos, haga clic en el diseño que desee.
4. En Combinación de colores, seleccione la combinación que desee.
5. En Combinación de fuentes, seleccione la combinación que desee.
6. En Información empresarial, seleccione el conjunto de información empresarial que desee o cree uno nuevo.
7. En Tamaño de página, seleccione 3 paneles o 4 paneles.
8. Active o desactive la casilla de verificación Incluir dirección del cliente, en función de si planea enviar el folleto a clientes.

Al seleccionar esta opción, Publisher inserta un cuadro de texto de dirección, un cuadro de texto para el remite y un cuadro de texto para el nombre de la empresa en uno de los paneles.

9. En Formulario, seleccione un tipo de formulario de respuesta que agregar o Ninguno.
10. Haga clic en Crear.

                         CAMBIAR LAS OPCIONES DEL FOLLETO

Después de guardar la publicación, puede cambiar las opciones. Haga clic en el botón Cambiar plantilla del panel de tareas Formato de publicación y, a continuación, cambie las opciones en el cuadro de diálogo Cambiar plantilla.

Si cambia de un folleto de cuatro paneles a uno de tres, el contenido adicional se coloca en el panel de tareas Contenido adicional. Para obtener más información sobre este panel de tareas, vea Cambiar de un tipo de publicación a otro.

Para utilizar un conjunto de información empresarial distinto, haga clic en el comando Información empresarial del menú Edición y, a continuación, seleccione el conjunto que desee.              

• Haga clic en el texto del marcador y escriba el texto nuevo.

• Si ya ha creado un conjunto de datos empresariales, la información de contacto y el logotipo de la empresa sustituyen automáticamente parte del texto del marcador.
• En la mayoría de los casos, el texto cambia automáticamente de tamaño para ajustarse al interior del cuadro de texto.

CAMBIAR EL TAMAÑO DEL TEXTO

En la mayoría de los casos, el texto cambia automáticamente de tamaño para ajustarse al cuadro de texto de un marcador de posición. No obstante, puede ajustarlo manualmente.

1. Haga clic en el cuadro de texto.
2. En el menú Formato, elija Autoajustar texto y, a continuación, haga clic enNo autoajustar.
3. Seleccione el texto y, a continuación, seleccione un tamaño nuevo en la lista Tamaño de fuente de la barra de herramientas Formato.

Reemplazar las imágenes del marcador

1. Haga clic con el botón secundario del mouse (ratón) en la imagen del marcador, haga clic en Cambiar imagen y, a continuación, haga clic en el origen de la nueva imagen.

 NOTA   Si selecciona Imágenes prediseñadas, se abre el panel de tareasImágenes prediseñadas.

1. Busque la imagen que desee insertar en la publicación y, a continuación, haga doble clic en ella. Publisher cambia automáticamente el tamaño de la imagen para ajustarla.

2. En caso necesario, repita estos pasos para el resto de las imágenes de la publicación.

 NOTA   Si no ve el comando Cambiar imagen, puede que la imagen se haya agrupado con otros objetos. Haga clic con el botón secundario en la imagen, haga clic en el comando Desagrupar del menú contextual, vuelva a hacer clic con el botón secundario en la imagen para que únicamente se seleccione la imagen, a continuación, elija el comando Cambiar imagen.

TERMINAR EL FOLLETO

1. Cuando el folleto tenga el aspecto que desee, guarde al archivo haciendo clic en el comando Guardar como del menú Archivo.
2. Si planea enviar el folleto por correo a los clientes, prepárelo para impresión utilizando la combinación de correspondencia con el fin de agregar las direcciones en las copias del folleto. Para obtener más información sobre combinación de correspondencia, vea Crear una combinación de correspondencia.
3. Imprima los folletos. Para obtener más información sobre la impresión a doble cara, vea Imprimir en ambas caras de una hoja de papel (impresión a doble cara).

FOLLETO 1 :


 



FOLLETO 2 ;




 

Calendario mes de marzo 10-02.

Diseño de Publicaciones

Quincena del 13 al 24 de febrero del 2012 

Eje Problemico: Diseño de publicaciones
Pregunta Problematizadora: ¿ Cuales son los elementos de diseño digital de la página de revista?
Meta de Comprension: Determinar los principios del diseño vectorial utilizados en la elaboracion de revistas. 

Actividad:
1.consultar y subir al blog sus conclusiones de:
- Cuales son las sesiones y partes de una públicación?
- Defina brevemente y descargue una imagen.
- Qué es y para que sirve Microsoft Publisher?
- Subir al blog un vídeo de "como se diseña una revista"
- Elaborar un resumen del cápiyulo 1 y 2 de la página aula clic publisher.

Desarrolo de la actividad de Diseño de Publicaciones

Sesiones y partes de una Revista 

• -Sumario
• -Novedades y noticias
• -Espectaculos
• -Deportes
• -Ecologia
• -Tips
• -Horoscopo
• -Juegos
• -Correo
• -Corazon
• -Curiosidades

Partes de una Revista:

• Tapa y retiración de tapa.
• Contratapa y retiración de contratapa.
• Sumario
• Staff
• Secciones: artículo principal, otros artículos, foto de página central (si la hubiera) humor, horóscopo, crucigramas, etc. 
• Artículo: título, baja de título, volanta, texto, fotografías, epígrafes.
• Artículos secundarios o recuadros.
• Infografías, ilustraciones.

Microsoft Publisher
Microsoft Publisher es la aplicación de autoedición o DTP  de Microsoft Corporation. A menudo es considerado como un programa para principiantes o de «nivel de entrada, que difiere del procesador de textos Word en que se hace hincapié (que se refuerza) en el diseño y la maquetación de las páginas, más que en el proceso y corrección de textos.
Ayuda a crear, personalizar y compartir con facilidad una amplia variedad de publicaciones y material de marketing. Incluye una variedad de plantillas, instaladas y descargables desde su sitio web, para facilitar el proceso de diseño y maquetación.

¿CUÁNDO USAR PUBLISHER 2007?

Aunque existen muchos programas superiores a Publisher (Por ahora) como un Corel Draw, Adobe Illustrator, Adobe Indesign, muchas personas utilizan para sus publicaciones a Microsoft Word, y la gran mayoría está contento con ello. 

TRABAJAR CON UN DISEÑO DE PUBLICACIÓN

Para poder trabajar con algún programa que permita hacer diseños de publicación, debería utilizar diversos elementos en una misma publicación como muestra la siguiente imagen.

Texto: Un texto es toda letra o carácter que forma una palabra, frase, oración, o párrafos.

WordArt: Publisher 2007 incluye WordArt, que permite añadir algunas apariencias y efectos a su texto.

Imágenes: Las imágenes reflejan el buen estilo de una publicación, y puede insertar una gran cantidad de imágenes, ya que Publisher 2007 soporta distintos formatos, como JPG, TIF, PNG, BMP, etc.

Autoformas: Los objetos de autoformas pueden ayudarle a insertar algunas imágenes vectoriales, como líneas, círculos, cuadrados, o rectángulos.

Tabla: Siempre necesitará de las tablas, para ordenar sus textos.

Aprender lo fundamental en Publisher (I)

Como Publisher pertenece a Microsoft Office 2007 seguramente ya debe saber lo fundamental para comenzar a trabajar con este programa de publicaciones. Quizá ya sepa Guardar en Word 2007, o imprimir con PowerPoint 2007, pero tenga en cuenta que Publisher 2007 es muy idéntico a las versiones del 2003, es decir con sus Barras de Herramientas, Menús, etc. Así que de alguna u otra manera, en este capítulo nos dedicaremos un poco a las herramientas fundamentales de Publisher 2007.

IMPORTANDO UN DOCUMENTO DE WORD

Como se explicó anteriormente, Publisher 2007 tiene un control total de los elementos en la publicación, aunque Word 2007 es muy bueno para escribir documentos, no es lo suficientemente rápido para crear una buena publicación, así que ahora aprenderemos a importar un documento desde Word.

Logotipos

Logotipo

                                                 

                                                         Logotipo

Es un elemento gráfico que identifica a una persona, empresa, institución o producto. Los logotipos suelen incluir símbolos —normalmente lingüísticos— claramente asociados a quienes representan.

Aspectos:

- Un logo debe ser un elemento representativo, distintivo, fácil de recordar y asociar, posible de aplicar en diferentes lugares y texturas, no sólo en tu sitio web sino también en otros lugares como pueden ser remeras, tarjetas, carteles, etc.
- Se debe tomar en cuenta su aplicación en diversos tamaños, puedes tener un logo muy bien logrado pero que al achicarlo pierde su legibilidad.
- Evita complicarte, busca una tendencia a la síntesis de los elementos que representen tu idea.
- No siempre es necesario que los logos tengan elementos extras (isotipos) perfectamente pueden ser logos tipográficos y estar muy bien logrados. También puedes manejar la integración de elementos extras a la tipografía y generar un único elemento a partir de varios.
- No hace falta tener un logo con muchos colores, un logo con un único color puede llegar a la síntesis y la excelencia.
- Es vital la selección de la tipografía. El estilo de la tipografía habla por sí mismo, busca un estilo adecuado y con sentido, trata que el isotipo y la tipografía sean de la misma especie, generando la sensación que fueron combinados con naturalidad. Todos los elementos deben gozar de un perfecto equilibrio.

logotipos con nuestros nombres.

hecho por: laura katherin chaparro

hecho por : lina paola jiménez

hecho por : alejandra vargas