Você está na página 1de 39

1

GUA DE DISEO DE APLICACIONES DE PROGRAMAS INTEGRADOS II


Examen de Recuperacin
En el presente trabajo encontrars la base tericapractica para resolver los ejercicios que se te solicitan. La teora es un compendio de la pgina www.aulaclic.es, por lo que si consideras necesario ingresa a ella para ahondar en los temas. Los ejercicios que haz de resolver se encuentran las pginas 17 a la 21 y de las 36-38 que tendrs que contestar al reverso de ste cuadernillo. Lic. Mara Cristina Martnez Ramos 18/01/2010

2
INTENCIN DE LA ASIGNATURA
Que es estudiante disee presentaciones grficas y pginas Web y las instale en un servidor, mediante la utilizacin de un programa grfico de presentaciones y del lenguaje HTML; lo que le permitir expresar ideas en forma grfica, as como el intercambio de informacin con diversos usuarios en intranet e Internet.

2.5Hipervnculos.

Unidad III. Elaboracin de pginas Web 3.1 Caractersticas del lenguaje HTML. 3.2 Tags ms relevantes 3.3 Imgenes, sonido y video 3.4 Tablas y marcos 3.5 Hipervnculos y anclas

INDICE TEMTICO
Unidad I. Programas de presentacin grfica Caractersticas. Tipos de presentacin. Diseo de presentaciones bsicas. Diseo de presentaciones intermedias. Salidas de las diapositivas. Unidad II. Multimedia e hipervnculos 2.1 Animacin. 2.2 Audio. 2.3 Video. 2.4 Importacin de objetos.

Unidad IV. Montado de pginas Web 4.1 Servidor Web. 4.2 Intranet. 4.3 Programa FTP.

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

UNIDAD I PROGRAMAS DE PRESENTACIN GRFICA

Un programa de presentacin es un paquete de software usado para mostrar informacin, normalmente mediante una serie de diapositivas. Tpicamente incluye tres funciones principales: un editor que permite insertar un texto y darle formato, un mtodo para insertar y manipular imgenes y grficos y un sistema para mostrar el contenido en forma continua. Hay muchos tipos de presentaciones, para educacin, o para comunicar noticias en general. Los programas de presentacin pueden servir de ayuda o reemplazar a las formas tradicionales de dar una presentacin, como por ejemplo panfletos, resmenes en papel, pizarras, diapositivas o transparencias. Un programa de presentacin permite colocar texto, grficos, pelculas y otros objetos en pginas individuales o "diapositivas". El trmino "diapositiva" es una referencia al proyector de diapositivas, un dispositivo que se ha quedado obsoleto para estos fines desde la aparicin de los programas de presentacin. Las diapositivas se pueden imprimir en transparencias y ser mostradas mediante un proyector de transparencias, o ser visualizadas directamente en la pantalla del ordenador (o en una pantalla normal usando un proyector de vdeo) bajo el control de la persona que da la presentacin. La transicin de una diapositiva a otra puede ser animada de varias formas, y tambin se puede animar la aparicin de los elementos individuales en cada diapositiva. Diez consejos para convencer a la audiencia

1. Se debe distinguir claramente el objetivo y la intencin del mensaje que se va a dar: informacin, persuasin o ambas. 2. Distribuye el contenido de la presentacin en tres partes bien diferenciadas: introduccin, cuerpo y conclusin. 3. Limita el nmero de temas clave a siete o a menos por cada presentacin. Una buena presentacin exige organizacin, brevedad y un uso cuidado de la lengua. 4. Utiliza un lenguaje adecuado con el pblico y emplea sustantivos y verbos que doten de fuerza y dinamismo al texto. Evita la voz pasiva. 5. Expresa una idea en cada elemento utilizando frases cortas en lugar de oraciones compuestas. 6. Es recomendable ser creativo y sustituir palabras por ilustraciones. Una ilustracin despierta el inters y transmite la informacin con mayor rapidez. 7. Utiliza grficos, tablas y diagramas para que los datos puedan ser contrastados fcilmente. 8. En el momento de la presentacin hay que dar la imagen de estar relajado y seguro, aunque se est como un flan. Deberemos vocalizar con claridad y evitar hablar de forma entrecortada.

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

4
9. Es muy bueno tener un vaso de agua a mano para utilizarlo en caso de que se nos seque la boca, o simplemente para cuando necesitemos una excusa para pensar en la siguiente idea. 10. Nunca hay que admitir que se est nervioso y disculparse por ello. Si se nos olvida algo, lo mejor es seguir adelante y mencionarlo cuando lo recordemos. http://www.quadernsdigitals.net/datos_web/hemeroteca/r_1/nr_5/a_42/42.html PRESENTACIONES BSICAS

PowerPoint es la herramienta que nos ofrece Microsoft Office para crear presentaciones. Las presentaciones son imprescindibles hoy en da ya que permiten comunicar informacin e ideas de forma visual y atractiva. Se pueden utilizar presentaciones en la enseanza como apoyo al profesor para desarrollar un determinado tema, para exponer resultados de una investigacin, en la empresa para preparar reuniones, para presentar los resultados de un trabajo o los resultados de la empresa, para presentar un nuevo producto, etc. En definitiva siempre que se quiera exponer informacin de forma visual y agradable para captar la atencin del interlocutor. Con PowerPoint podemos crear presentaciones de forma fcil y rpida pero con gran calidad ya que incorpora gran cantidad de herramientas que nos permiten personalizar hasta el ltimo detalle, por ejemplo podemos controlar el estilo de los textos y de los parrafos, podemos insertar grficos, dibujos, imgenes, e incluso texto WordArt. Podemos tambin insertar efectos animados, pelculas y sonidos. Podemos revisar la ortografa de los textos e incluso insertar notas para que el locutor pueda tener unas pequeas aclaraciones para su exposicin y muchas ms cosas que veremos a lo largo del curso. Para empezar veremos la forma de arrancar el programa y cules son los elementos bsicos de PowerPoint, la pantalla, las barras, etc, para familiarizarnos con el entorno. Aprenders cmo se llaman, donde estn y para qu sirven. Cuando conozcas todo esto estars en disposicin de empezar a crear presentaciones en el siguiente tema.

Pantalla Inicial

Al iniciar PowerPoint aparece una pantalla inicial como la que a continuacin te mostramos. Ahora conoceremos los nombres de los diferentes elementos de esta pantalla y as ser ms fcil entender el resto del curso. La pantalla que se muestra a continuacin puede no coincidir exactamente con la que ves en tu ordenador, ya que cada usuario puede decidir qu elementos quiere que se vean en cada momento, como veremos ms adelante.

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

5
1 2 3

La parte central de la ventana es donde visualizamos y creamos las diapositivas que formarn la presentacin. Una diapositiva no es ms que una de las muchas pantallas que forman parte de una presentacin, es como una pgina de un libro.

NOMBRE DEL APARTADO

DESCRIPCIN

1. La barra de ttulo

Contiene el nombre del documento sobre el que se est trabajando en ese momento. Cuando creamos una Presentacin se le asigna el nombre provisional Presentacin1, hasta que lo guardemos y le demos el nombre que queramos. En el extremo de la derecha estn los botones para minimizar, restaurar/maximizar y cerrar la ventana. Contiene todas las operaciones que nos permite realizar PowerPoint con nuestras presentaciones, estas operaciones suelen ir agrupadas en mens desplegables. Al hacer clic en Insertar, por ejemplo, veremos las operaciones relacionadas con los diferentes elementos que se pueden insertar en PowerPoint. Todas las operaciones se pueden realizar desde estos mens, pero las cosas ms habituales se realizan ms rpidamente a partir de los iconos de las otras barras que veremos despus, para ayudarnos a recordar estos

2. La barra de mens

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

6
iconos, en el men desplegable aparece en el lateral izquierdo el icono correspondiente a la opcin 3. Las barras de herramientas Contienen iconos para ejecutar de forma inmediata algunas de las operaciones ms habituales, como Guardar, Copiar, Pegar, Imprimir,etc. Las iremos detallando a lo largo del curso. Muestra el estado de la presentacin, en este caso el nmero de la diapositiva en la cual nos encontramos y el nmero total de diapositivas, el tipo de diseo y el idioma. Permiten movernos a lo largo y ancho de la pantalla de forma rpida y sencilla, simplemente hay que desplazar la barra arrastrndola con el ratn, o hacer clic en los tringulos. Tenemos una barra horizontal (la que te ensea Muestra los ttulos de las diapositivas que vamos creando con su nmero e incluso puede mostrar las diapositivas en miniatura si seleccionamos la 6.El rea de esquema pestaa .

4. La barra de estado

5. Las barras de desplazamiento

Al seleccionar una diapositiva en el rea de esquema aparecer inmediatamente la diapositiva en el rea de trabajo para poder modificarla. Con ellos podemos elegir el tipo de Vista en la cual queremos encontrarnos segn nos convenga, por ejemplo podemos tener una vista general de todas las diapositivas que tenemos, tambin podemos ejecutar la presentacin para ver cmo queda, etc. El icono que queda resaltado nos indica la vista en la que nos encontramos. Muestra las tareas ms utilizadas en PowerPoint y las clasifica en secciones. El contenido del panel de tareas va cambiando segn lo que estemos haciendo

7. Los Botones de vistas,

8. El Panel de Tareas

Tipos de Vistas

Vista Normal El saber manejar los tipos de vistas es muy importante ya que nos va a permitir tener tanto una visin particular de cada diapositiva como una visin global de todas las diapositivas, incluso nos permitir reproducir la presentacin para ver cmo queda al final. La vista normal es la que se utiliza para trabajar habitualmente, con ella podemos ver, disear y modificar la diapositiva que seleccionamos. Para ver la diapositiva en esta vista despliega el men Ver y selecciona la opcin normal.

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

7
Tambin puedes pulsar en el botn izquierda. que aparece debajo del rea de esquema en la parte

En la parte izquierda de la pantalla aparece el rea de esquema en el cual podemos seleccionar la diapositiva que queremos visualizar y en la parte derecha aparece la diapositiva en grande para poder modificarla. En la parte inferior se encuentra el rea de notas en el cual se introducen aclaraciones para el orador sobre la diapositiva. Esta es la vista que ms utilizars ya que en ella podemos insertar el texto de las diapositivas, cambiarles el color y diseo y es adems la que ms se aproxima al tamao real de la diapositiva. Vista clasificador de diapositivas Este tipo de vista muestra las diapositivas en miniatura y ordenadas por el orden de aparicin, orden que como podrs ver aparece junto con cada diapositiva. Con este tipo de vista tenemos una visin ms global de la presentacin, nos permite localizar una diapositiva ms rpidamente y es muy til para mover, copiar o eliminar las diapositivas, para organizar las diapositivas. Vistas de presentacin con diapositivas La vista Presentacin con diapositivas reproduce la presentacin a partir de la diapositiva seleccionada, con este tipo de vista podemos apreciar los efectos animados que hayamos podido insertar en las distintas diapositivas que forman la presentacin. Tambin puedes pulsar en el botn F5. Trabajando con PowerPoint que aparece debajo del rea de esquema o pulsar la tecla

Insertar una diapositiva Para insertar una nueva diapositiva te aconsejamos que si te encuentras en la vista normal selecciones la pestaa diapositiva fcil apreciar cmo se aade del rea de esquema ya que de esta forma es ms la nueva diapositiva a la presentacin.

Puedes aadir una diapositiva de varias formas: Pulsa en el botn encuentra en la barra de Formato. que se

Puedes hacerlo tambin a travs de la barra de mens seleccionando el men Insertar y despus seleccionando la opcin Nueva diapositiva O bien puedes hacerlo a travs de las teclas Ctrl + M.

Para acabar la insercin de la diapositiva tendrs que

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

8
seleccionar qu diseo quieres que tenga la nueva diapositiva y para ello tendrs que hacer clic sobre el diseo que quieras del Panel de tareas. En el panel de tareas tenemos una seccin Diseo de diapositiva que nos permite elegir un tipo de diapositiva que incluye ya los objetos preparados para que slo nos quede completarla con contenido. Cuando hacemos clic sobre un diseo nuestra diapositiva toma el diseo seleccionado. Es bastante intuitivo ver en qu consiste cada diseo, para verlo detallaremos algunos de los que se ven a la derecha.

una diapositiva con un ttulo y un subttulo.

una diapositiva con un ttulo un texto.

una diapositiva con un ttulo y un texto a dos columnas.

una diapositiva en blanco.

una diapositiva con un ttulo y cuadro para aadir un objeto. Para darle mayor presentacin visual a tu trabajo aade Estilo de la diapositiva: en ella se muestran opciones para plantillas que controlan el fondo, las fuentes, tamaos de las fuentes, vietas.

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

O tambin puedes agregar color de fondo para cada diapositiva o texturas.

Ahora que ya tiene un diseo y un estilo, es hora de agregar objetos. Los objetos son los elementos que podemos incorporar en una diapositiva , por ejemplo un grfico, una imagen, textos, vdeos, sonidos, etc.

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

10
Barra de dibujos: Se utiliza para dibujar una lnea recta Muy parecido al botn anterior pero la lnea acabar en flecha Es la herramienta del rectngulo, con ella dibujaremos rectngulos, stos por defecto aparecen con borde y relleno verde, pero podemos cambiarlo. Parecida a la anterior herramienta, pero sirve para dibujar elipses. Es quizs, es la herramienta ms complicada y a la vez la ms til, siempre que queramos escribir texto en nuestra diapositiva tendremos que insertar estos cuadros de texto Con la herramienta del WordArt, podemos dibujos ttulos muy llamativos Podremos insertar distintos tipos de diagramas u organigramas. Es fcil manejarlos, ya que una vez insertados se manejan igual que el resto de figuras ya vistas. Haciendo clic en este botn abrimos rpidamente la galera de imgenes prediseadas en el panel de tareas. En este caso, podemos insertar imgenes, pero no prediseadas, sino desde un archivo, es decir imgenes que tengamos guardadas en cualquier unidad, para ello tendremos que buscar la imagen en el cuadro de dilogo que aparece. Ingresando textos En las diapositivas podemos insertar textos y aplicarles casi las mismas operaciones que con un procesador de texto, es decir, podemos modificar el tamao de la letra, color, forma, podemos organizar los textos en prrafos, podemos aplicarles sangras, etc. Es posible que con los textos de esquema que incorporan las plantillas de PowerPoint no sea suficiente por lo que tendrs que insertar nuevos cuadros de texto para aadir ms contenido a la diapositiva. Para aadir un nuevo cuadro de texto puedes elegir entre: - Hacer clic en el botn Cuadro de texto de dibujo, de la barra

- o desde la barra de mens desplegando el men Insertar y seleccionando la opcin Cuadro de texto. Ingresando tablas En una diapositiva adems de insertar texto, grficos, etc tambin podemos insertar tablas que nos permitirn organizar mejor la informacin. Para insertar una tabla en una diapositiva sigue estos pasos: Despliega el men Insertar y selecciona la opcin Tabla o utiliza el botn herramientas. de la barra de

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

11
Si lo haces a travs del men Insertar te aparecer una ventana en la que podrs indicar el nmero de columnas y filas. Insertando grficos Los grficos se utilizan muy a menudo en las presentaciones por su facilidad de esquematizar gran cantidad de informacin. Para insertar un grfico en una diapositiva unicamente tienes que pulsar en el botn de la barra estndar. PowerPoint insertar un grfico en la diapositiva y te mostrar la hoja de datos que contiene las cantidades que se representan en el grfico.

En la hoja de datos la primera columna que aparece es la que representa la leyenda, la primera fila (1er trim.,2do trim....) representa el eje X (horizontal) y las cantidades sern representadas en el eje Y.

Este dibujo es la representacin de la hoja de datos que te hemos mostrado anteriormente. Una vez insertado el grfico es muy fcil de modificar los datos de la hoja de datos, nicamente sitate sobre la celda que quieras modificar e inserta el nuevo valor que inmediatamente vers representado en la grfica.

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

12

Una vez determinado el tamao de la tabla pulsa Aceptar y aparecer una tabla en la diapositiva junto con una nueva barra de herramientas que te permitir personalizar la tabla. UNIDAD II Insertar pelculas y sonidos Otro elemento muy til a la hora de disear presentaciones son elementos multimedia como sonido y pelculas. Para insertar un sonido en una presentacin despliega el men Insertar y elige Pelculas y sonidos. Despus aparecer una lista en la que podrs elegir un sonido de la galera de sonidos que incorpora PowerPoint. Podrs tambin insertar un sonido o pelculas que ya tengas almacenado en tu ordenador (con la opcin Sonido de archivo), o grabar t mismo el sonido e incluso insertar como sonido una pista de un Cd de audio.

Botones de accin Los botones de accin son figuras que podemos insertar desde el men Presentacin. Funcionan como cualquier otra figura de la barra de dibujo, con la diferencia de que tienen configurada una accin por defecto. Por ejemplo, podemos insertar un botn para ir a la ltima diapositiva, a la primera

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

13
En el momento en que insertemos uno de estos botones, saltar un cuadro de dilogo Configuracin de la accin para que aceptemos o cambiemos la accin de ese botn. Si quisiramos elegir otra accin, tendramos que desplegar la lista Hipervnculo a para elegirla. Hay que tener en cuenta, que estas acciones pueden aplicarse a todos los objetos, sin embargo en el caso de los botones, la accin ya est predeterminada. Si deseamos aplicar una accin a otra figura, tras seleccionarla, iremos al men Presentacin y elegiremos la opcin Configuracin de la accin. Aparece el cuadro de dilogo anterior.

Crear Presentaciones rpidamente

PowerPoint nos permite crear una presentacin de formas distintas, bien a travs del asistente que es muy til cuando nuestros conocimientos sobre PowerPoint son escasos porque nos guiar en todo el proceso de creacin de la presentacin, tambin podemos crearlas a travs de algunas de las plantillas que incorpora el propio PowerPoint o plantillas nuestras. Tambin se puede crear la presentacin desde cero, es decir, crearla a partir de una presentacin en blanco. PowerPoint tiene muchas presentaciones estndares que se pueden utilizar para ahorrar tiempo. Estas presentaciones estndares estn agrupadas en varios temas. Con los botones que aparecen en la parte central de la ventana seleccionamos el tema, a continuacin aparecen en la parte derecha de la ventana las presentaciones asociadas al tema seleccionado. Por ejemplo hemos seleccionado el tema Organizacin y la presentacin Reunin de la organizacin. Con esto PowerPoint me va a crear una presentacin para una reunin con un esquema y unas diapositivas predefinidas, nosotros slo tendremos que retocar la presentacin para adaptarla a nuestras necesidades.

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

14

Animaciones En las presentaciones podemos dar movimiento a los objetos que forman parte de ellas e incluso al texto hacindolas as ms profesionales o ms divertidas, adems de conseguir llamar la atencin de las personas que la estn viendo. Para animar un texto u objeto lo primero que hay que hacer es seleccionarlo, a continuacin desplegar el men Presentacin y seleccionar personalizar animacin.

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

15

Despus aparecer en el Panel de tareas algo similar a lo que te mostramos a continuacin. En este panel aparece la lista desplegable Agregar efecto en la cual seleccionaremos el tipo de efecto que queramos aplicar, incluso podremos elegir la trayectoria exacta del movimiento seleccionndola del men Trayectorias de desplazamiento. Podemos utilizar el botn Quitar para eliminar alguna animacin que hayamos aplicado a algn texto. En la lista desplegable Inicio podemos seleccionar cundo queremos que se aplique la animacin (al hacer clic sobre el ratn, despus de la anterior diapositiva, etc). Las dems listas desplegables cambiarn en funcin del tipo de movimiento y el inicio del mismo. La velocidad suele ser una caracterstica comn por lo que podemos controlarla en casi todas las animaciones que apliquemos a un objeto. La lista que aparece debajo de velocidad nos muestra las distintas animaciones que hemos aplicado a los objetos de la diapositiva, como podrs comprobar aparecen en orden. El botn Reproducir te muestra la diapositiva tal y como quedar con las animaciones que hemos aplicado.

Transicin La transicin de diapositiva nos permite determinar cmo va a producirse el paso de una diapositiva a la siguiente para producir efectos visuales ms estticos. Para aplicar la transicin a una diapositiva despliega el men Presentacin y selecciona la opcin Transicin de diapositiva.

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

16

En el panel de tareas aparece algo similar a esto: La primera lista que aparece Aplicar a las diapositivas seleccionadas: te permite seleccionar el movimiento de transicin entre una diapositiva y la siguiente. Hay una lista muy larga de movimientos. En la lista Velocidad: podemos indicarle la velocidad de la transicin entre una y otra diapositiva. Incluso podemos insertar algn sonido de la lista Sonido:. En la seccin Diapositiva avanzada podemos indicarle que si para pasar de una diapositiva a la siguiente hay de hacer clic con el ratn o bien le indicas un tiempo de transicin (1 minuto, 00:50 segundos, etc..) Si quieres aplicar estas caractersticas a todas las diapositivas pulsa en el botn Aplicar a todas las diapositivas. El botn Reproducir te muestra el resultado.

Intervalos de tiempos Ensayar intervalos te permite calcular el tiempo que necesitas para ver cada diapositiva sin prisas. Para calcular el tiempo que necesitas tienes que desplegar el men Presentacin y elegir la opcin Ensayar Intervalos, despus vers que la presentacin empieza a reproducirse pero con una diferencia, en la parte superior izquierda aparece una especie de contador que cronometra el tiempo que tardas en pasar de una diapositiva a otra pulsando algn botn del ratn.

En el recuadro blanco te mostrar el tiempo para la diapositiva actual y el recuadro del tiempo que aparece en la parte derecha muestra la suma total de intervalos, es decir, el tiempo que transcurrido desde la primera diapositiva. La flecha intervalos y sirve para pasar a la siguiente diapositiva, el botn para pausar el ensayo de

para repetir la diapositiva (para poner a cero el cronmetro de la diapositiva.

Una vez terminas el ensayo PowerPoint te pregunta si quieres conservar esos intervalos para aplicarlos a cada diapositiva de la presentacin. Si contestas que s vers que aparece una

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

17
pantalla en la que te muestra en miniatura las diapositivas y debajo de cada una aparece el tiempo utilizado para ver cada una de ellas.

EJERCICIOS DE EVALUACIN DE POWER POINT


APARTADO I. 19% INSTRUCCIONES: Subraya la respuesta correcta para dar solucin a la oracin 1. El Asistente para autocontenido crea _____. a. una nueva presentacin en blanco, con fuentes y un fondo atractivo b. una nueva presentacin con diapositivas de muestra y sugerencias sobre qu informacin debera ser incluida c. una nueva apariencia para una presentacin existente d. una nueva plantilla para futuro uso

2. Usando las mismas fuentes y estilos de vietas en todas sus textos en las diapositivas usted puede _____. a. fijarlas en el Patrn de las Diapositivas b. fijarlas en el Patrn de Ttulos c. fijarlas en el Asistente para autocontenido d. seleccionar todas las miniaturas de diapositivas y usar la barra de herramientas Formato, para fijar las fuentes y las vietas.

3. El primer objetivo de su diseo de diapositivas debera ser _____. a. atraer la vista de su audiencia b. coordinar con el logotipo de su compaa y el esquema de color c. hacer que la informacin sea fcil de leer d. hacer las diapositivas interesantes y hasta excitantes

4. El efecto en que parece como que la nueva diapositiva est empujando a la anterior fuera de la pantalla, es un ejemplo de una _____. a. transicin de diapositivas b. animacin de diapositivas c. personalizar animacin d. ninguna de las anteriores

5. Para hacer que corra una presentacin por si misma, de modo completamente automtico usted hara que _____. a. fijar que las animaciones de diapositivas comiencen, Con Anterior. b. fijar todas las transiciones de diapositivas para que se ejecuten despus de cierta cantidad de c. fijar las transiciones para que avancen automticamente despus de cierto tiempo, que puede ser d. fijar las transiciones para que avancen automticamente despus de cierto

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

18
segundos distinto para cada diapositiva. tiempo Y fijar todas las animaciones de diapositivas para que se ejecuten, Con Anterior.

6. Para guardar una presentacin como plantilla debe guardarla con el tipo de archivo _____. a. Presentation (*.ppt) b. Presentacin con diapositivas de PowerPoint (*.pps) c. Plantilla de diseo (*.ptt) d. Plantilla de presentacin (*.pot)

7. La ubicacin por defecto de PowerPoint para una plantilla personalizada, que permite que se vea en la lista de plantillas disponibles, es _____. a. la misma carpeta de plantillas que viene con PowerPoint b. la carpeta dentro de la cual usted instal a PowerPoint c. C:\Documents and Settings\[nombre del usuario]\Aplicacin Datos\Microsoft\Plantillas d. diferente, dependiendo de que versin de PowerPoint o de Office sea, de qu sistema operativo usa y si ha establecido identidades

8. Una vez que ha modificado un esquema de color, usted _____guardarlo para usarlo ms adelante en una presentacin diferente a. puede b. no puede

9. Cuando Autovista previa est habilitada para la Animacin Personalizada y usted modifica una animacin, el Panel de Diapositivas ejecutar _____ . a. solamente la animacin cambiada b. solamente la transicin de diapositiva existente c. cualquier transicin y animaciones que hayan sido aplicadas a la diapositiva

10. Para modificar un efecto de animacin, puede usar _____. a. el panel de tareas de Animacin Personalizada b. el dilogo Efecto Opciones c. la barra de herramientas Formato

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

19

INSTRUCCIONES: Relaciona las columnas anotando en el parntesis la letra que corresponda a la oracin d. Panel de tareas ( ) Muestra el nombre del programa y el nombre de la presentacin actual. j. Tecla de funcin directa ( ) Barra que contiene los mens con todas las acciones que podemos aplicar a una presentacin. m. Barra de mens ( ) Se utiliza para poner aclaraciones que le pueden servir al orador de apoyo y no se muestran en la presentacin sino nicamente cuando se imprimen las diapositivas. ( ) Para desplegar un men con el teclado podemos pulsar Ctrl + la letra subrayada del men. ( ) Aparece en la zona izquierda de la pantalla. ( ) Barra que contiene iconos acerca de los comandos inmediatos se pueden ejecutar y se caracterizan por ser los ms empleados. s. Barra de ttulo ( ) Aparecen slo cuando la dispositiva no cabe toda la pantalla. ( ) En un men desplegable tenemos a la izquierda de la opcin el icono correspondiente, cuando este existe. ( ) Es una herramienta que incorpora Windows XP para generar diapositivas. ( ) Se puede cerrar PowerPoint con el botn que se encuentra en la barra de mens. p. Are de esquema

. Barra de desplazamiento.

l. PowerPoint

f. Barra de herramientas

g. Notas del Orador

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

20

APARTADO II. 25% INSTRUCCIONES: A partir de las siguientes pantallas menciona si corresponde a animacin o transicin, explica y escribe cada una de las partes de cada una de ellas.

Pantalla 1

Pantalla 2

INSTRUCCIONES: Describa lo que se te pide a continuacin a) Diferencia entre una transicin y una animacin _______________________________________________________________________________ _______________________________________________________________________________ _______________________________________________________________________________ _______________________________________________________________________________ _______________________________________________________________________________ b) Diferencia entre un hipervnculo y un botn de accin _______________________________________________________________________________ _______________________________________________________________________________ _______________________________________________________________________________ _______________________________________________________________________________ c) Diferencia entre un estilo y un diseo de diapositiva _______________________________________________________________________________ _______________________________________________________________________________ _______________________________________________________________________________ _______________________________________________________________________________

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

21

INSTRUCCIONES: Emplea PowerPoint para que realices una animacin de una autopista, aplica efectos de animacin, transicin e intervalos de tiempo, agrega sonidos para hacer ms realista tu animacin.

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

22
UNIDAD III HTML

HTML, HyperText Markup Language, es un lenguaje simple utilizado para crear documentos de hipertexto para WWW. El HTML es un lenguaje de marcadores o tags, que se insertan en un documento de texto. Los tags son indicaciones que silenciosamente le dicen al navegador qu hacer. El navegador lee las instrucciones y despliega o ejecuta lo que se le indica. Al conjunto de instrucciones que definen una pgina Web se le llama cdigo fuente Los tags son por lo general palabras en ingls (por ejemplo body), o abreviaturas (por ejemplo p que significa prrafo). Se distinguen del resto del texto porque estn encerrados entre los smbolos < y >. La primera regla de HTML es muy simple: Los tags siempre van en parejas. Por ejemplo, si utilizo el tag <h1> para comenzar un encabezado, debo utilizar el tag </h1> para terminarlo. Habrs notado que se utiliza una diagonal/ en el segundo tag. La diagonal distingue al tag que cierra (con diagonal), del tag que abre (sin diagonal). Ejemplo: <b> Este texto se mostrar en negrita </b> El tag inicial <b> activa la orden de colocar el texto en negritas y el tag final </b> la desactiva. Como en toda regla, hay algunas excepciones: no todos las tags requieren la marca de cierre y se denominan marcas abiertas. Ejemplo: Para indicar un salto de lnea en un texto, la etiqueta es la siguiente: Con este tag se insertar un salto <br> entre el texto pasado y ste.

Estructura general de una pgina


Y te preguntars y dnde se codifica ste lenguaje?, se puede realizar en programas especficos tales como Dreamweaver o en un simple editor de texto como el Bloc de notas, y para que sea reconocido como una pgina Web es necesario guardar el archivo con la extensin

.html

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

23

La estructura general de un cdigo html es la siguiente:

Todas las pginas HTML comienzan con el tag <html> y terminan con el tag </html>. Esta seccin limita el documento e indica que todo lo que est dentro de los marcadores se encuentra escrito en este lenguaje. En medio de estos dos tags globales hay dos secciones generales: la cabeza <head> y el cuerpo <body> del documento. En la cabeza (que est limitada por los tags <head> y </head>) se pone informacin que no aparece directamente en el interior de la pgina, como el ttulo de la ventana (delimitado por los tags <title> y </title>). Slo puede haber un ttulo por documento, corto y significativo. En el cuerpo del documento (limitado por lo tags <body> y </body>) se encierra todo lo que aparecer en la pgina, es decir, todo el contenido.

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

24
Otra de las caractersticas del hmtl, es que cada uno de sus tags tienen propiedades o atributos que pueden ser compartidas con otras etiquetas, y estas definen las caractersticas propias de cada una de ellas. <BODY> Esta es la que define los atributos de la pgina. En estos se incluye: el color del fondo, la imagen de fondo (si hay alguna), el color del texto, el color de los enlaces, el color de los enlaces visitados y los enlaces activos, dentro de esta etiqueta esta la mayora del contenido de tu pgina web. ATRIBUTOS: BGCOLOR: Color de fondo de la pgina. BACKGROUND: Imagen de fondo. TEXT: Color del texto. LINK: Color de los enlaces. VLINK: Color de los enlaces visitados. ALINK: Color de los enlaces activos. Ejemplo: <body bgcolor="red" background="imagen.jpg" text="white" link="green" vlink"green" alink="blue"> Este cdigo indica que el fondo de la pgina estar en rojo, que tendr de fondo una imagen jpg, el color de texto ser blanco, el color de los enlaces se encontrar en color verde y cuando ya se hayan revisado los enlaces el color ser azul y no morado como comnmente se visualiza en cualquier pgina. ETIQUETAS COMUNES

<BR> Un salto de linea que indica que la linea debe terminar aqui.

<H1>Este es un encabezado</H1> Los encabezados pueden ser creados utilizando las etiquetas <H1> a la <H7>.

<P> Esto comienza un nuevo prrafo. </P> Esto termina el prrafo.

<B> El texto entre estas etiquetas ser puesto en negritas. </B>

<U> El texto entre estas etiquetas ser subrayado </U>

<I> El texto entre estas etiquetas ser italizado. </I>

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

25
LISTA DESORDENADA

Para que una lista sea desordenada, sus elementos debern encontrarse entre las etiquetas <ul> y </ul>. A travs del atributo type es posible elegir el tipo de vieta, que puede ser circle (crculo), disc (disco) o square (cuadrado). Por ejemplo, para insertar la siquiente lista: o o o Perro Gato Periquito

Habra que escribir: <ul type="circle"> <li>Perro</li> <li>Gato</li> <li>Periquito</li> </ul> LISTA ORDENADA

Para que una lista sea ordenada, sus elementos debern encontrarse entre las etiquetas <ol> y </ol>. A travs del atributo type es posible elegir el tipo de numeracin, que puede ser 1 (nmeros), a (letras minsculas), A (letras maysculas), i (numeros romanos en minsculas) o I (nmeros romanos en maysculas). Por ejemplo, para insertar la siquiente lista: i. ii. iii. Perro Gato Periquito

Habra que escribir: <ol type="i"> <li>Perro</li> <li>Gato</li> <li>Periquito</li> </ol>

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

26
ANIDAMIENTO DE LISTAS

Es posible anidar listas dentro de otras. Estas listas pueden ser tanto desordenadas como ordenadas. Por ejemplo, para insertar la siquiente lista: 1. Lunes Ingles Frances 2. Martes 1. Ingles A. Correccion de ejercicios B. Proponer ejercicios

<ol> <li>Lunes <ul type="square"> <li>Ingles</li> <li>Frances</li> </ul> </li> <li>Martes <ol> <li>Ingles</li> <ol type="A"> <li>Correccion de ejercicios</li> <li>Proponer ejercicios </li> </ol> </li> </ol> </li> </ol>

FONT

Las propiedades del texto pueden modificarse a travs de la etiqueta <font>. Para ello, podemos insertar el texto entre las etiquetas <font> y </font>, especificando algunos de los atributos de la etiqueta: Atributo

face color size

Significado fuente color del texto tamao del texto

Posibles valores nombre de la fuente, o fuentes nmero hexadecimal o texto predefinido valores del 1 al 7, siendo por defecto el 3, o desplazamiento respecto al tamao por defecto, aadiendo + o - delante del valor

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

27
Por ejemplo, para insertar el texto Comic San tamao en 4 y color en verde:

Bienvenidos

Habra que escribir:

<font color="green" size="4" face="Comic Sans MS, Arial, MS Sanserif"> Bienvenidos </font>

IMG

Todas las pginas web acostumbran a tener un cierto nmero de imgenes, que permiten mejorar su apariencia, o dotarla de una mayor informacin visual. Para insertar una imagen es necesario insertar la etiqueta <img>. Dicha etiqueta no necesita etiqueta de cierre. El nombre de la imagen ha de especificarse a travs del atributo src. Por ejemplo, para insertar la siguiente imagen:

Habra que escribir:

<img src="imagenes/logo_animales.gif">
Teniendo en cuentra que la imagen se llama logo_animales.gif y que est dentro de la carpeta imagenes, que se encuentra en el mismo directorio que el documento actual (referencia relativa al documento). Para trabajar de una forma ms sencilla y ordenada, es recomendable que todos los documentos html se encuentren en un mismo directorio, y que dentro de este directorio existan diferentes carpetas para agrupar otros objetos, como puede ser una carpeta destinada a almacenar imagenes, o una carpeta destinada a almacenar archivos de audio, etc.

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

28
Existen una serie de formatos de imagen ms recomendables que otros para ser introducidos en una pgina web Las imgenes pueden ser de muchos formatos diferentes: bmp, gif, jpg, etc. Pero no todos estos formatos son adecuados para una web, debido a que pueden ocupar mucha memoria o a que no son compatibles con algunos navegadores. Los formatos ms utilizados son el GIF y el JPG, que a pesar de ser imgenes de menor calidad que las imgenes BMP, son ms recomendables debido a que ocupan menos memoria. Vamos a ver un poco ms sobre estos formatos: Formato GIF: Utilizan un mximo de 256 colores, y son recomendables para imgenes con grandes reas de un mismo color o de tonos no continuos. Suelen utilizarse con gran frecuencia, ya que permiten definir transparencias y animacin. Formato JPG: Las imgenes son de mayor calidad que las GIF, al poder contener millones de colores, pero el tamao de la imagen es mayor y tarda ms en descargarse se utilizan ms para fotos. Puedes incluir imgenes en otros formatos, que podrn ser visualizadas en algunos navegadores. Este es el caso de las imgenes BMP y PNG. Puedes cambiar el formato de las imgenes mediante la utilizacin de algn programa de tratamiento de imgenes, como pueden ser Fireworks, Photoshop, Corel Draw, etc. Por ejemplo el Fireworks de Macromedia tiene una opcin, exportar a tipo gif que reduce considerablemente la ocupacin de la imagen sin perder en calidad (siempre que la imagen se adecue al formato). Dependiendo del programa utilizado existir una mayor o menor cantidad de opciones a la hora de modificar las imgenes. Para realizar modificaciones sencillas, como la de recortar las imgenes y cambiar los colores, puedes utilizar incluso el programa Paint de Windows.

La etiqueta IMG puede acompaarse de los siguientes atributos:

1. SRC=Este atributo es obligatorio e indica el nombre del archivo de imagen (entre comillas) o la URL que se va a representar. 2. ALIGN= Permite controlar la alineacin de una imagen con respecto a una lnea de texto adyacente o a otras imgenes en esa lnea. Los tres valores posibles son los ya conocidos left, right, top, middle y bottom. 3. ALT= Es la alternativa que se estableci cuando todava existan visualizadores de solo texto. Entre comillas podremos escribir un texto que suplantara a esta imagen si no se carga o mientras se carga o cuando, visualizando ya la imagen, pasamos el ratn por encima. 4. WIDTH =Este atributo es opcional pero es recomendable ponerlo para ayudar al navegador a representar la imagen, significa el ancho de la imagen que vamos a representar. 5. HEIGHT=Al igual que el atributo WIDTH, es opcional y recomendable ponerlo, este significa el alto de la imagen. 6. BORDER= Con BORDER especificamos el ancho de un borde que rodea la imagen.

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

29
TABLE

Las tablas estn formadas por celdas, que son los recuadros que se obtienen como resultado de la interseccin entre una fila y una columna. Para crear una tabla hay que insertar las etiquetas <table> y </table>. Entre dichas etiquetas habr que especificar las filas y columnas que formarn la tabla. Es necesario insertar las etiquetas <tr> y </tr> por cada una de las filas de la tabla. Estas etiquetas debern insertarse entre las etiqetas <table> y </table>. Por ejemplo, para crear una tabla con cinco filas escribiramos: <table> <tr>...</tr> <tr>...</tr> <tr>...</tr> </table> Para crear una tabla no basta con especificar el nmero de filas, es necesario tambin especificar el nmero de columnas. Una celda es el resultado de la interseccin entre una fila y una columna, por lo que podremos especificar el nmero de celdas por fila, que equivale a especificar el nmero de columnas por fila. Es necesario insertar las etiquetas <td> y </td> por cada una de las celdas que compongan cada una de las filas de la tabla. Por lo tanto, habr que insertar esas etiquetas entre las etiquetas <tr> y </tr>. Entre las etiquetas <td> y </td> se podr especificar el contenido de cada una de las celdas. Por ejemplo para generar la siguiente tabla:

Sbado Curso HTML

Domingo Curso Dreamweaver

Curso FrontPage Curso Flash

<table border="1"> <tr> <td>Sabado</td> <td>Domingo</td> </tr> <tr> <td>Curso HTML</td> <td>Curso Dreamweaver</td> </tr> <tr> <td>Curso Frontpage</td> <td>Curso Flash</td> </tr> </table>

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

30
Es posible modificar los siguientes atributos de una tabla: Atributo Significado ancho de la tabla altura de la tabla espacio entre el contenido de las celdas y el borde espacio entre celdas grosor del borde alineacin de la tabla dentro de la pgina color de fondo imagen de fondo color del borde Posibles valores un nmero, acompaado de % cuando se desee que sea en porcentaje un nmero, acompaado de % cuando se desee que sea en porcentaje un nmero un nmero un nmero

width height cellpadding cellspacing border align bgcolor background bordercolor

left (izquierda) right (derecha) center (centro)


nmero hexadecimal nmero hexadecimal nmero hexadecimal

Es posible modificar los siguientes atributos de una celda: Atributo width height align Significado ancho de la tabla altura de la tabla alineacin horizontal del contenido de la celda alineacin vertical del contenido de la celda color de fondo imagen de fondo color del borde Posibles valores un nmero, acompaado de % cuando se desee que sea en porcentaje un nmero, acompaado de % cuando se desee que sea en porcentaje left (izquierda) right (derecha) center (centro) baseline (lnea de base) bottom (inferior) middle (medio) top (superior) nmero hexadecimal nmero hexadecimal nmero hexadecimal

valign

bgcolor background bordercolor

Tambin es posible modificar estos atributos de toda una fila, especificndolos en la etiqueta <tr>, en lugar de en la etiqueta <td>. Hay que tener en cuenta que los atributos tienen ms prioridad cuando son establecidos para una celda que cuando son establecidos para una fila completa. Al mismo tiempo, tienen ms prioridad los atributos establecidos para una fila que los establecidos para toda la tabla.

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

31
HIPERENLACES

Un hiperenlace, hipervnculo, o vnculo, no es ms que un enlace, que al ser pulsado lleva de una pgina o archivo. Aquellos elementos (texto, imgenes, etc.) sobre los que se desee insertar un enlace han de encontrarse entre las etiquetas <a> y </a>. A travs del atributo href se especifica la pgina a la que est asociado el enlace, la pgina que se visualizar cuando el usuario haga clic en el enlace. Por ejemplo para realizar la siguiente vinculacin a la pgina de Youtube.com, el cdigo sera: <a href=http:/www.youtube.com> Youtube,com </a> Existen diferentes formas de expresar una referencia a una pgina a travs del atributo href. Referencia absoluta: Conduce a una ubicacin externa al sitio en el que se encuentra el documento. La ubicacin es en Internet, en este caso hay que empezar la referencia por http:// , el nombre del dominio y algunas veces el nombre de la pgina. Si no se escribe el nombre de la pgina se cargar la pgina de inicio asociada al dominio. Por ejemplo, "http://www.aulaclic.com" "http://www.aulaclic.com/index.htm" Referencia relativa al sitio: Conduce a un documento situado dentro del mismo sitio que el documento actual. Un sitio web es un conjunto de archivos y carpetas, relacionados entre s, con un diseo similar o un objetivo comn, estando todos ellos dentro de una misma carpeta, conocida como carpeta raz del sitio. Por ejemplo, teniendo en cuenta que el documento t_4_1.htm se encuentra directamente dentro de la carpeta raz del sitio, para insertar el enlace: Habra que escribir: tendr el mismo efecto que

<a href="/t_4_1.htm">Enlace a Tema 4: Hiperenlaces</a>


Observa como aparece el smbolo "/" delante del nombre del documento. Esta barra inclinada indica la carpeta raz del sitio. Si el documento t_4_1.htm se encontrara, por ejemplo, dentro de una carpeta llamada tema4, y esta estuviera dentro de la carpeta raz del sitio, habra que escribir:

<a href="/tema4/t_4_1.htm">Enlace a Tema 4: Hiperenlaces</a>

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

32
Punto de fijacin o anclas: Conduce a un punto dentro de un documento, ya sea dentro del actual o de otro diferente. Para ello el vnculo debe ser "nombre_de_documento#nombre_de_punto".

Habra que escribir:

<a href="t_4_1.htm#tipos">Punto de fijacion Tipos de enlaces</a>


Teniendo en cuenta que el documento se llama t_4_1.htm y el punto de fijacin se llama tipos.

Los atributos relacionados a esta son: Href= Direccin del vnculo Name= Establece un ancla Target= establece el destino de un vnculo dentro de un Frameset o Marco BGSOUND

Aadir una msica de fondo a una pgina tiene pros y contras, si el sonido es apropiado al contenido de la pgina, puede hacerla ms atractiva en contrapartida la descarga del archivo de sonido supone una carga que puede ralentizar la visualizacin de la pgina y adems muchos usuarios suelen estar escuchando otro tipo de msica cuando navega en Internet, por lo que el escuchar tambin sonido en cada pgina que visita puede resultar algo molesto. Los formatos de sonido ms habituales en Internet son el WAV, el MP3 y en algunas ocasiones el MIDI, aunque existen otros formatos diferentes que tambin pueden utilizarse. Lo ideal es incluir algn archivo de audio que no ocupe mucho espacio, y que no por ello sea de mala calidad. El navegador Internet Explorer puede reconocer la etiqueta <bgsound>, que se utiliza para incluir sonido de fondo. Esta nueva etiqueta no necesita etiqueta de cierre. A travs del atributo src hay que especificar la ruta y el nombre del archivo de audio. Con el atributo loop indicamos el nmero de veces que se tienen que reproducir el sonido. Si se desea que el archivo de audio se reproduzca continuamente en un bucle, habr que asignarle el valor infinite o -1. Por ejemplo, podramos insertar un sonido de fondo escribiendo el siguiente cdigo:

<bgsound src="varios/audio.mid" loop="-1">


La etiqueta <bgsound> puede situarse en cualquier parte del documento, pero es preferible que la situemos siempre en un sitio fcil de encontrar, por si deseamos hacerle alguna modificacin. Podramos, por ejemplo, incluirla justo debajo de la etiqueta <body>.

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

33
VIDEO Y AUDIO

En ocasiones puede interesar incluir algn vdeo en una pgina web, pero hay que tener en cuenta que los vdeos suelen ocupar mucho espacio en disco, y por lo tanto, precisan de mucho tiempo para descargarse. Los formatos de vdeo que suelen utilizarse en Internet son el AVI, el MPEG y el MOV. La etiqueta <embed> es la que se utiliza para insertar archivos de vdeo. Puede incluirse la etiqueta de cierre, pero en realidad no es necesaria, ya que entre las etiquetas <embed> y </embed> no hay que insertar nada. A travs del atributo src hay que especificar la ruta y el nombre del archivo de vdeo. Los videos insertados a travs de esta etiqueta se reproducen automticamente al cargarse la pgina, y se reproducen solamente una vez. Esto puede cambiarse a travs de los atributos autostart y loop. El atributo autostart indica si el archivo se reproducir automticamente al cargarse la pgina, y puede tomar los valores true o false. El atributo loop indica si el archivo se reproducir continuamente en un bucle, y tambin puede tomar los valores true o false. Los atributos width (anchura) y height (altura) sirven para especificar el tamao de la consola de control de vdeo. Estos atributos pueden tomar como valor un nmero, que indica el tamao en pxeles. Si no se especifican estos atributos, la consola de control de vdeo se mostrar con el tamao ms adecuado al tamao del vdeo. A la derecha tienes un ejemplo de un archivo de video, para el que se muestran los controles de video. Puedes reproducirlo pulsando sobre los controles. Para insertar el vdeo anterior, se podra escribir:

<embed src="varios/cotorra.avi" autostart="false" loop="true">


Existen algunos navegadores que no reconocen la etiqueta <bgsound>, por lo que no es posible utilizar esta etiqueta para incluir un sonido de fondo. En su lugar, se utiliza la etiqueta <embed>, que funciona del mismo modo para los archivos de audio y de vdeo. No hay que olvidar que para los archivos de audio tambin se mostrarn los controles de reproduccin. Si no se desea que se muestren los controles de un archivo de audio, porque va a ser utilizado como sonido de fondo, puede hacerse que los atributos width (anchura) y height (altura) valgan cero. Tambin puede utilizarse el atributo hidden, con los valores true o false. Cuando su valor estrue, se ocultan los controles de reproduccin. Por ejemplo, para insertar sonido de fondo se podra escribir:

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

34
<embed src="varios/audio.mid" autostart="true" loop="true" hidden="true" >
O tambin:

<embed src="varios/audio.mid" autostart="true" loop="true" width="0" height="0" >

MARCOS O FRAMESET

Los marcos o frames sirven para distribuir mejor los datos de las pginas, ya que permiten mantener fijas algunas partes, como pueden ser el logotipo y la barra de navegacin, mientras que otras s pueden cambiar. Adems de mejorar la funcionalidad, pueden mejorar tambin la apariencia. Cada uno de los marcos de una pgina, contiene un documento HTML individual. Por ejemplo, en la imagen de la derecha puedes ver una pgina con dos marcos. El marco izquierdo contiene el documento menu.htm y el derecho el documento perros.htm. Para poder visualizar la pgina de este modo, hemos tenido que abrir en el navegador el documento marcos.htm, que es el que en este caso contiene el grupo de marcos. El trabajar con marcos puede resultar una tarea algo complicada, sobretodo al principio, por lo que vemos solamente algunos conteptos bsicos y ejemplos sencillos. Como hemos visto si queremos utilizar marcos debemos crear una pgina con la definicin del conjunto de marcos (en el ejemplo anterior la pgina marcos.htm). Los conjuntos de marcos se definen a travs de las etiquetas <frameset> y </frameset>, que van despus de la etiqueta <head>. A travs de estas etiquetas se indica el nmero de marcos en que se dividir la ventana, cada uno de los cuales ser una especie de subventana. Cuando se insertan las etiquetas <frameset> y </frameset> no hay que insertar las etiquetas <body> y </body>, ya que el cuerpo del documento ser el cuerpo de las pginas que se carguen en cada uno de los marcos del conjunto de marcos.

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

35
Los atributos que pueden especificarse sobre la etiqueta <frameset> son los siguientes: Atributo Significado tamao de cada una de las columnas en que se divide el documento tamao de cada una de las columnas en que se divide el documento aparece o no el borde de los marcos separacin entre los marcos grosor del borde color del borde Posibles valores un nmero (acompaado de % cuando se desee que sea en porcentaje) por cada columna, separados por comas. un nmero (acompaado de % cuando se desee que sea en porcentaje) por cada fila, separados por comas.

cols

rows frameborder framespacing border bordercolor

yes no
un nmero un nmero, acompaado de % cuando se desee que sea en porcentaje nmero hexadecimal

Tambin es posible incluir asteriscos como valores para los atributos cols y rows. Este valor indica que dicha fila o columna ocupar todo lo que quede de ventana o subventana. Cuando existan varias columnas o filas con este valor, se repartirn de forma equitativa lo que quede de ventana.

Para indicar qu documento se cargar en cada uno de los marcos habr que insertar la etiqueta <frame> por cada uno de los marcos de la ventana. Estas etiquetas estarn entre las etiquetas <frameset> y </frameset>, y no necesitan etiqueta de cierre. Es posible modificar los siguientes atributos de un marco: Atributo Significado aparece o no el borde del marco nombre del marco si aparece, el usuario no podr redimensionar el tamao de este marco anchura del margen con respecto a los bordes del marco altura del margen con respecto a los bordes del marco se mostrar o no la barra de desplazamiento cuando la pgina del marco no se pueda visualizar completamente en l documento que se cargar en el marco Posibles valores

frameborder name noresize marginwidth

yes o 1 no o 0
cualquier valor no puede tomar valores un nmero, acompaado de % cuando se desee que sea en porcentaje un nmero, acompaado de % cuando se desee que sea en porcentaje

marginheight

scrolling src

yes no auto
ruta y nombre del documento

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

36
EJERCICIOS DE EVALUACIN DE HTML

INSTRUCCIONES: Relaciona ambas columnas colocando en el parntesis la respuesta correcta.

1. Etiqueta que permite vincular imagenes 2. Etiqueta que permite manipular el color de la pgina 3. Etiqueta que permite manipular atributos de la letra 4. Etiqueta que permite poner vietas 5. Etiqueta que permite poner nmeros 6. Etiqueta que permite incrustar imgenes 7. Etiqueta que permite vincular sonido 8. Etiqueta que permite vincular video 9. Etiqueta que permite poner una imagen a toda la pgina 10 etiqueta que permite crear tablas 11. Etiqueta que permite acentuar 12. Etiqueta que permite poner 13. Etiqueta que permite poner letras negritas 14. Instruccin que permite ingresar un prrafo 15. Atributo de letra que permite cambiar el color 16. Atributo de letra que permite cambiar la fuente 17. Atributo de letra que permite cambiar el tamao

( ( ( ( ( ( ( ( ( ( ( ( ( ( ( (

) ) ) ) ) ) ) ) ) ) ) ) ) ) ) )

bakcground <p></p> img embed bgcolor bgsound font &tilde ol color face a href size ul table &letraacute

INSTRUCCIONES: Desarrolla los siguientes cdigos HTML para desplegar lo que se pide a continuacin, haz uso de la correcta escritura (identacin). 1. Genera la siguiente tabla Nombre Juan Rubalcaba Direccin Av de las Conchas 325 Col.Npoles Mail juanito@yahoo.com Foto

Andrea Perales

Calle Flores Muertas 1987 Col. Buenavista

Andrea_p@hotmail.com

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

37
Consideraciones: A. La imagen de Juan se encuentra en una ruta absoluta en: http://instalaches.com/wp-content/uploads/2006/12/rostros11.jpg B. La imagen de Andrea se encuentra en una carpeta de fotos relativa al sitio donde esta la pgina, el nombre de la imagen se llama rostros345.GIF C. Los Mails debern estar enlazados directamente a los correos ah mencionados.

2.

Crear el siguiente marco y enlzalo a las siguientes pginas que se encuentran en la misma carpeta.

Enca.html

Pagina1.html Pie.html

3. Escribe el cdigo para poner el sonido chismes.wav en un archivo html que se encuentra en mis documentos

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

38
4. Genera el cdigo para el siguiente listado compleja:
MATERIAS DE LA CAPACITACIN DE INFORMATICA a. CUARTO TAPS LGICA b. QUINTO DAPI I BASE DE DATOS I PIAE c. SEXTO DAPI II REDES BASE DE DATOS II

5. Genera el cdigo para crear dos anclas para llegara a los apartados introduccin y desarrollo.

6.

Genera el cdigo para incrustar el video clock.avi que se encuentra en la siguiente direccin y el archivo html que se crear se encontrara en mis documentos.

Para mayor referencia revisar la pgina web www.aulaclic.es

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos

39

Edicin y Elaboracin: Profra. Mara Cristina Martnez Ramos