Your SlideShare is downloading. ×
Computacion 3ro.  2011
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Computacion 3ro. 2011

1,251
views

Published on

Published in: Education

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,251
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Computación Tercer Año de Bachillerato Pág. 1Módulo de ComputaciónPara 3cer. Año de Bachillerato17/09/2011www.krauserwin.infoLcdo. Terán Y. Euler V.Alumn@:…………………………………………………………………………………………Lcdo. Terán Yépez Euler Vladimir Datos Introductorios al Módulo
  • 2. Computación Tercer Año de Bachillerato Pág. 2Datos introductorios al MóduloIntroducción.La presente programación académica corresponde al Módulo de Computación, para Tercer Añode Bachillerato y que se configura con la intención de acercar al alumno a una serie deconocimientos e informaciones en torno a las situaciones que plantea el factor humano dentrodel mundo de la informática, buscando la forma de resolverlas del modo más positivo y eficaz losproblemas propuestos, y como todo ello incidirá sobre él como trabajador, en su futuroprofesional.Sistema de Evaluación.Se seguirá un sistema de evaluación continua, basado en los siguientes elementos:• La evaluación, será continua en todas y cada una de las evaluaciones del ciclo formativo,de tal forma que la falta de asistencia y de puntualidad del alumnado al 60% o más delhorario lectivo conllevará la imposibilidad de aplicar los criterios de calificaciónestablecidos para la evaluación ordinaria en el correspondiente trimestre, sin perjuicio dela posibilidad de su recuperación.• El grado de participación, intentando determinar el nivel de atención, interés y trabajo delalumno.• Se realizarán ejercicios en relación con los contenidos, intentando dar el máximodinamismo y carácter práctico al Módulo. Estos ejercicios serán tanto individuales comode grupo o colectivos, con lo que a su vez se promoverá la integración de los alumnos y sucapacidad de trabajo en equipo, obteniendo así la consecución de objetivos específicos deeste Módulo y aplicando estrategias desarrolladas como parte de los contenidos.• Puntualmente se realizarán controles de conocimientos básicos sobre los contenidos,partiendo de los cuales podrán acreditarse mayores niveles de dominio de los mismos, loque permitirá una gradualización del desarrollo de éstos por parte del profesor. Estoscontroles pueden ponerse sin necesidad de avisar previamente.Criterios de Evaluación.La nota de la evaluación se determinará considerando:• La asistencia a clase y la puntualidad, que se valorará con un 40% del parcial deactuación, de modo que al faltar dos horas a clase perderá un punto. Asimismo por cadatres faltas de puntualidad a las actividades lectivas, se considerará como una falta deasistencia.Lcdo. Terán Yépez Euler Vladimir Datos Introductorios al Módulo
  • 3. Computación Tercer Año de Bachillerato Pág. 3• El interés y la dedicación en las tareas de clase y casa, la ejecución correcta de losejercicios, ponderando el tiempo de su realización, las intervenciones en las puestas encomún de las actividades y los trabajos individuales, que se valorará en un 25%.• Los exámenes escritos u orales y la realización, si procede, de trabajos en grupo, quedeterminará el 25% de la nota final por cada uno de sus respectivos parciales.Lcdo. Terán Yépez Euler Vladimir Datos Introductorios al Módulo
  • 4. Computación Tercer Año de Bachillerato Pág. 4Unidad III. Publisher 2007.Bienvenidos a Microsoft Office Publisher 2007. Si usted nunca ha utilizado un programa deedición, y realmente no le interesa convertirse en un verdadero experto de las edicioneselectrónicas, ha dado con la guía correcta. Este libro, o guía, le va a ayudar a completar algunos desus proyectos con total rapidez, y con un menor esfuerzo, que es lo que siempre necesitamos.Muchos usuarios no poseen el tiempo ni los recursos necesarios para convertirse en experto, enla gran cantidad de programas de edición de textos que existen en el mercado y que seguramenteson muy complicados. Algunos, les agradaría pasar más tiempo, aprendiendo con detalle, elprograma que utiliza. Pero a la mayoría, nos gusta saber lo suficiente, como para desarrollar untrabajo sin contratiempos.Microsoft Office Publisher 2007 puede ser instalado en Windows XP, Windows Vista, WindowsServer 2003 o Windows Server 2008, es un programa incluido dentro del paquete de MicrosoftOffice System 2007. Puede utilizar este programa para crear futuros materiales de marketingprofesional, folletos, volantes, paginas web, etcUN TOUR A PUBLISHER 2007.Toda persona quiere diseñar algo que otras personas puedan leer. La calidad de su trabajo puedeinfluir mucho en sus ingresos, en lo profesional, e incluso en como las personas te puedan tratar.Muchas personas no poseemos ese don divino de ser diseñadores, pero con Publisher esto noserá problema, pues tendrá a la mano una diversidad de plantillas para publicaciones.¿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 MicrosoftWord, y la gran mayoría está contento con ello.La pregunta es ¿Por qué utilizar Publisher si Word hace todo lo que necesito? Pues así como lapregunta es sencilla, la respuesta es aun más sencilla; con Publisher 2007 tendrá el control totalde los elementos insertados en la página, algo que Word no podrá hacerlo tan fácilmente.Trabajar con un diseño de publicaciónPara poder trabajar con algún programa que permita hacer diseños de publicación, deberíautilizar 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.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 5. Computación Tercer Año de Bachillerato Pág. 5WordArt: Publisher 2007 incluye WordArt, que permite añadir algunas apariencias y efectos a sutexto.Imágenes: Las imágenes reflejan el buen estilo de una publicación, y puede insertar una grancantidad 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.Iniciando Publisher 2007Existen diferentes modos deingresar a un programa,generalmente muchos usuariosingresan desde el menú Inicio deWindows XP o Windows Vista.Ingresar desde el cuadro dediálogo EjecutarTambién puede utilizar el cuadrode diálogo Ejecutar para accedermediante el ejecutable dePublisher 2007. 1º Active elcuadro de diálogo Ejecutar. 2ºEscribe: MSPUB. 3º Pulse clic enLcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 6. Computación Tercer Año de Bachillerato Pág. 6Aceptar.La ventana IntroducciónMuchos de los programas de Office 2007 presentan una ventana de Introducción donde podrácrear o elegir una serie de opciones, plantillas etc. Cuando inicia Publisher, aparece la ventana deIntroducción, en esta ventana podrá elegir una serie de plantillas de publicación.Tipos de PublicaciónMicrosoft Office Publisher 2007 presenta diferentes tipos de publicación, estosse pueden apreciar, al abrir la ventana de Introducción al iniciar Publisher2007.Tamaño de páginas en blanco: Utilice esta categoría, cuando necesite crearuna publicación desde cero, eligiendo el tipo de papel que va a utilizar, comoA4, A3, A5, Oficio, etc.Anuncios: Utilice estas plantillas, si necesita crear algún anuncio para sunegocio, como vender algo o promocionar algo.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 7. Computación Tercer Año de Bachillerato Pág. 7Boletines: Si usted está armando su periódico mural, o es el director del diario de la escuela, estasplantillas, de seguro lo ayudarán mucho.Calendarios: Si no ha recibido ningún calendario por parte de sus vecinas que venden en elmercado, mejor prepare usted mismo uno, ya que Publisher presenta 49 plantillas de calendarios.Catálogos: Seguramente usted es un vendedor exitoso de algunos productos que usted ha creado,o simplemente desea tener alguna forma de mostrar a sus clientes lo nuevo que usted tiene. Uncatálogo es lo ideal, y Publisher presenta muchas variedades de plantillas de catálogos, solo bastacon que usted inserte las imágenes y los precios.Correo electrónico: Seguramente no sabía como diseñar un mensaje de correo electrónico quesea atractivo ante sus compañeros de trabajo. No se preocupe, Publisher 2007 hará las cosas porusted con las diferentes plantillas de correo electrónico que posee.Currículos: Publisher 2007 trae algunas plantillas para presentar sus currículos que es su carta depresentación. Aunque para ser sincero, en esta ocasión, Publisher no fue muy creativo.Diplomas: Elige entre 22 plantillas diferentes, incluso, si desea dar un diploma por algún merito,estas plantillas le ahorrarán mucho trabajo.Etiquetas: Publisher presenta una gran variedad de plantillas para crear Etiquetas.Folletos: Encontrará una gran variedad de plantillas, puede utilizarlos como trípticos.Formularios Comerciales: Si usted se rompe la cabeza creando sus formularios en Excel oInfoPath. Publisher te brinda una alternativa menos problemática con sus plantillas de formularioscomerciales.Importar documentos de Word: Utilice estas plantillas, si desea importar algún documento deWord y convertirlo a alguna publicación, como por ejemplo un folleto.Letreros: Lo que muchos esperaban, estas plantillas le ayudaran a evitarse el trabajo decrear su propio letrero, por ejemplo “Prohibido fumar en lugares públicos como este”, “Baños”,“Peligro”, etc.Membretes: Los membretes es una Inscripción que se pone en los sobres y papel de escribir conel nombre y datos de una empresa, o persona. Publisher posee una gran variedad de plantillas demembrete y guarda automáticamente el estilo que hayas utilizado para aplicarlo a otras posiblespublicaciones de membrete.Menús: Si usted es dueño de un restaurante, puede tener un gran alivio al saber que existenplantillas diseñadas para presentar sus mejores platos a la carta.Pancartas: Puede elegir entre diferentes categorías, como por ejemplo, Informativos, Eventos,Romances, etc.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 8. Computación Tercer Año de Bachillerato Pág. 8Postales: Justo lo que muchos buscan, postales, para enviárselo a un amigo, o a los familiares queestán lejos.Programas: Ahora puede utilizar 3 plantillas de Publisher para crear sus programas de Música,teatro baile, etc.Prospectos: Publisher se ha esmerado en colocar diversas plantillas para sus prospectos.Proyectos para doblar hojas: Así es, para todos los que les gusta armar figuras con papeles, paralos que les encanta el origami, Publisher se acordó de ellos.Publicaciones rápidas: Utilice estas plantillas, cuando desea crear publicaciones de una solapagina con un acabado profesional.Sitios Web: Utilice entre 70 plantillas, para poder crear sus Sitios web de manera rápida y sencilla.Sobres: Utilice gran variedad de plantillas para sus sobres.Tarjetas de felicitación: Ya no hay una excusa para no mandar una tarjeta de felicitación a unapersona que se lo merece. Publisher te ayuda a que no busques en las tiendas algunos modelos,solo utiliza sus plantillas.Tarjetas de Invitación: Ahora no puede decir que no tiene tiempo para comprar sus tarjetas deinvitación para alguna reunión. Publisher le ayudará a elegir la plantilla adecuada.Tarjetas de Presentación: Nosotros los profesionales de TI, los técnicos, o profesionales dediferentes aéreas, debemos ofrecer nuestros servicios, y que mejor que una tarjeta depresentación.Tarjetas de saludo: Utilice las diversas plantillas de tarjetas de saludos, y que sus mejores amigosno se queden sin ninguna de ellas.Vales de regalo: Seguramente va a realizar una campaña, y que mejor que los vales de regalo parasus mejores compradoras.Utilizar una plantillaAl utilizar cada una de estas plantillas, usted no se limita a una de ellas, por lo que puede cambiarel tipo de letra, cambiar de imagen, una franja, cinta, autoforma, etc. Todo lo puede hacer, desdeel panel Tareas de Publisher.Ya ha podido observar cada categoría que poseen las plantillas de Microsoft Publisher 2007, ahoraaprenderá a elegir una de ellas y crearla como publicación.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 9. Computación Tercer Año de Bachillerato Pág. 91º Ingrese a Microsoft Publisher 2007.2º En el panel de Categorías de Plantillas, pulse clic en una categoría, por ejemplo Catálogos.3º Pulse clic en una plantilla que le agrade, por ejemplo pulse clic en la plantilla Brocado.Observe como aparece al lado derecho, en el panel de Presentación de plantillas, una muestra detamaño regular, de su plantilla elegida.4º Pulse clic en el botón Crear. Espere unos segundos y puede revisar su plantilla.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 10. Computación Tercer Año de Bachillerato Pág. 10La ventana de trabajo de PublisherAnteriormente se explicó sobre la ventana Introducción de Publisher, ahora, al crear unapublicación o utilizar una plantilla, Publisher muestra la ventana de trabajo, ahora conoceremossus partes:Barra de titulo: Muestra el titulo de la ventana de Microsoft Publisher 2007 y el nombre delarchivo de publicación que está diseñando.Barra de menús: Muestra los menús de Publisher 2007 donde se encuentran todos los comandosy herramientas disponibles para su publicación. Publisher 2007 no presenta la cinta de opcionescomo lo hace Word, Excel, PowerPoint, Outlook y Access.Barra de herramientas: Por predeterminado, Publisher 2007 muestra la Barra de herramientasEstándar, Barra de herramientas formato, Barra de herramientas Conectar cuadros de texto y labarra de herramientas Objetos.Con la Barra de herramientas estándar, puedo encontrar los botones comunes, como nuevapublicación, Abrir, Guardar, Zoom, etc.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 11. Computación Tercer Año de Bachillerato Pág. 11Con la Barra de herramientas Formato, encontrare los botones necesarios para aplicar tipos deFuente, tamaños de fuente, estilos, atributos, etc.Con la barra de herramientas Objetos, encontrará las herramientas necesarias para insertar unaimagen, autoformas, WordArt, etc. En esta imagen, se muestra la Barra de herramientas Objetos,de forma horizontal, pero esta se encuentra de forma vertical, al lado izquierdo de la ventana depublicación de Publisher 2007.Con la Barra de herramientas Conectar cuadros de texto, encontrará las herramientas paravincular y desplazarse por los diferentes cuadros de texto de su publicación.También encontrará la Barra de herramientas Tareas de Publisher, el cual activa el panel de tareasde Publisher con diferentes opciones para su publicación.Panel de tareas: En los paneles de tareas, se encuentran herramientas comunes para lapublicación, la cual puede acceder mucho más rápido, sin utilizar los menús.Clasificador de páginas: Muestra las diferentes páginas que se han creado dentro de lapublicación.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 12. Computación Tercer Año de Bachillerato Pág. 12Área de trabajo: Es aquí donde se encuentra su pagina de diseño. El área de trabajo tambiénposee el Área de borrador, que es el área de color plomo, es aquí, donde puede insertar algunosobjetos y después colocarlos en la publicación.APRENDER LO FUNDAMENTAL EN PUBLISHERComo Publisher pertenece a Microsoft Office 2007 seguramente ya debe saber lo fundamentalpara comenzar a trabajar con este programa de publicaciones. Quizá ya sepa Guardar en Word2007, o imprimir con PowerPoint 2007, pero tenga en cuenta que Publisher 2007 es muy idénticoa las versiones del 2003, es decir con sus Barras de Herramientas, Menús, etc. Así que de alguna uotra manera, en este capítulo nos dedicaremos un poco a las herramientas fundamentales dePublisher 2007.Guardar una publicaciónCuando estamos demasiado agotados de trabajar en una publicación, lo más probable es que nossentemos a tomar un café, o a descansar un poco en el sofá; pero sería tonto de nuestra partedejar las cosas como están, es decir, sin guardar. ¿Qué sucedería con nuestra publicación si se vala electricidad? Pues claro, perderíamos todo nuestro trabajo hecho hasta el momento.Para no llorar o estar enojados todo el día, lo recomendable es guardar el documento para quepuedas tener la oportunidad de continuar con la publicación de tu proyecto.1° En la publicación que utilizamos en el temaanterior, pulse clic en el menú Archivo y luegoclic en el botón Guardar.Observe que aparece el cuadro de diálogoGuardar como. Este cuadro de diálogo apareceLcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 13. Computación Tercer Año de Bachillerato Pág. 13cuando se va a guardar por primera vez un archivo, o cuando desea guardarlo en otro lugar (otraunidad, carpeta, etc.).2° Pulse la tecla Esc (Escape). Observe que el cuadro de diálogo Guardar como desaparece. Perorecuerde que aún no hemos guardado nada.3° En la Barra de herramientas Estándar, pulseclic en el botón Guardar. Observe quenuevamente aparece el cuadro de diálogoGuardar como.4° En el cuadro de diálogo Guardar como debemos seleccionar un directorio donde se guardaránuestro archivo, el más común es elegir Documentos (En Windows XP es llamado Misdocumentos) o también puedes elegir El escritorio, u tu propio directorio personalizado.En la siguiente imagen se puede apreciar que se ha elegido un directorio personalizado llamadoArchivos para Publisher 2007.5° En el cuadro Nombre de archivo escribe: Guía de Windows Vista.6° Debajo, en el cuadro Tipo, verifique que este seleccionado Archivos de Publisher (*.pub). Esdecir, cuando guarda una publicación, esta tendrá una extensión PUB, aunque la extensión nohaya cambiado de versiones anteriores, lo que ha cambiado son las funciones.7° Clic en Guardar. Ahora si puedes estar tranquilo porque su publicación ya hasido guardada.Nota: También puedes utilizar Ctrl + G para guardar su publicación.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 14. Computación Tercer Año de Bachillerato Pág. 14Cerrar y Salir de una publicaciónAunque muchos usuarios creen que Cerrar y Salirson idénticos, en realidad existe una notablediferencia. Cuando necesita cerrar solamente unapublicación sin salir del programa debe utilizar elcomando Cerrar que se encuentra en el menúArchivo.Cuando desea salir por completo del programa, estoincluye cerrar sus aplicaciones y cerrar Publisher 2007,debe utilizar el comando Salir o utilizar la X de la Barrade título.Abrir una publicación.Podemos abrir una publicación desde Publisher mediante el cuadro de diálogo Abrir Publicación.1° En la ventana Introducción, en el panel Publicacionesrecientes, pulse clic en el vinculo Desde archivo.2° En el cuadro de diálogo Abrir publicación, busque sucarpeta donde tenga un archivo de Publisher 2007.3° Pulse clic sobre la publicación que desea abrir, en estecaso elegimos Plantilla de catálogo y luego clic en Abrir.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 15. Computación Tercer Año de Bachillerato Pág. 154° Pulse clic en el menú Archivo y luego clic en Cerrar. Puede ver que nuevamente aparece laventana Introducción.5° En el panel Publicaciones recientes, pulse clic en Plantilla de catálogo. Nuevamente se abre supublicación.Vistas de una publicaciónSiempre necesitamos ver nuestras publicaciones de diferentes perspectivas, ya sea ver unapublicación que está alejada para ver que tan bien se ve, u observar una publicación de cerca paranotar la calidad de la imagen. Publisher tiene herramientas que ya conoce si ha utilizado Word,como lo es la herramienta Zoom.1° Con la publicación aun abierta, pulse clic en la pagina 4. Observe que se muestra la página 4 y5.2° Pulse clic en el menú Ver y luego clic en la opción Ver dos páginas. Note que ahorasimplemente se muestra la página número 4.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 16. Computación Tercer Año de Bachillerato Pág. 163° En la Barra de herramientas estándar pulse clic en la flecha del cuadro desplegable Zoom.4° En la lista de opciones, pulse clic en Ancho de página. Observe como se muestra su página depublicación, ahora cubre toda la pantalla de Publisher.5° Ahora pulse clic directamente en el cuadro Zoom y escribe 130. Ahora pulse la tecla Enter yobserve el cambio de Zoom.6° Pulse clic en el botón Acercar 3 veces. Observe como va aumentando el Zoom.7° Pulsa clic en la flecha del cuadro Zoom y luego clic en Toda la página. Ahora se muestra lapágina completa en Publisher.8° En el clasificador de páginas, pulse clic en la página 6.9° Pulse clic en la imagen del reloj.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 17. Computación Tercer Año de Bachillerato Pág. 1710° Pulse clic en la flecha del cuadro Zoom y ahoraaparece una nueva opción. Pulse clic en Objetosseleccionados.11° Pulse Ctrl + Mayús + L para regresar a la vista Todala página.12° Pulse clic en el menú Ver y luego clic en Imágenes…13° En el cuadro de diálogo Presentación de imágenes, pulse clic en la opción Ocultar imágenes yluego clic en Aceptar.Observe ahora que no se muestra ninguna imagen en su publicación.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 18. Computación Tercer Año de Bachillerato Pág. 1814° Vuelva a hacer clic en Ver, Imágenes, y luego clic en Presentación detallada, luego clic enAceptar.15° Cierre su publicación sin guardar los cambios.CREANDO CALENDARIOS.Aunque hoy en día existen diversas tecnologías que están disponibles para realizar algúnseguimiento de citas y horarios por vía electrónica, muchas personas aún prefieren utilizar loscalendarios impresos para mantenerse organizados y en fecha.Los calendarios pueden ser un gran artículo promocional, imagínese que alguien tenga algúncalendario publicado en su negocio, el nombre de su empresa aparecería todos los días durantetodo el año, ya sea en la oficina del jefe, en la pared de la oficina, en la tienda de refrigerio, etc.Creando un calendario mensualAhora aprenderemos a crear un calendario mensual.1º Abrir Microsoft Publisher 2007.2º En el Panel de categorías, pulse clic en laopción Calendarios.3º En el área de categoría de plantillas, bajehasta encontrar la plantilla Universitario.4º En el panel Características de publicación,pulsamos clic en el botón Crear, para que secree la publicación con los parámetros pordefecto que llegan con la plantilla decalendario.Ahora aparece la primera página con el mesactual.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 19. Computación Tercer Año de Bachillerato Pág. 195º Ahora aprendió como crear un calendario del mes actual, ahora crearemos un calendario pormeses en diferentes hojas. Pulse clic en el menú Archivo y luego clic en Cerrar y si le indican quetiene que guardar su publicación, pulse clic en No.6º Nuevamente active la categoría Calendarios y luego clic en la plantilla Universitario.7º En panel de características de la publicación, en la secciónOpciones, pulse clic en el botón Definir fechas del calendario.Aparece el cuadro de diálogo Definir fechas del calendario.8º En el cuadro Fecha de comienzo, muestra el mes actual, clic en laflecha del mes actual y clic en Enero.9º En fecha de finalización, elige Diciembre, que es el último mes de nuestro año.10º Lógicamente seria de mal gusto crear un calendario del 2009 sabiendo que ya se acaba,entonces en ambos lados debemos agregar el año 2010.11º Luego clic en Aceptar.12º Ahora queremos ver nuestro calendario en Vertical, así que en elpanel de características de publicación, en la sección Opciones, en elcuadro Tamaño de pagina, pulse clic en la flecha y elige Vertical.13º Ahora pulse clic en Crear. Ahora se debe mostrar de la siguientemanera.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 20. Computación Tercer Año de Bachillerato Pág. 2014º En la parte de abajo del área de diseño de publicación, se encuentran los Clasificadores depáginas, enumeradas hasta 12.15º Pulse clic en la pagina 7 y podrá ver el mes de Julio.16º Quizá no le agrade el color que posee su calendario. En laventana de publicación, se ha activado el panel de tareasFormato de publicación. Pulse clic en el apartadoCombinaciones de colores.17º Pulse clic en la combinación de colorque le agrade.Nota: Puede observar que cada vez que pulsa clic sobre alguna combinación de color, este seaplica automáticamente al calendario.18º Si lo desea puede crear nuevas combinaciones de colores parasus publicaciones, esto equivale a la creación de temas en Word2007, Excel 2007 o PowerPoint 2007. Para ello, en el panel de TareasFormato de publicación, en la sección Combinación de colores, pulseclic en la opción Crear nueva combinación de colores.19º En el cuadro de diálogo Crear nueva combinaciónde colores, aplique los diferentes colores para suspublicaciones, por ejemplo, el color de fondo delcalendario es Enfasis1.20º Después de todo lo aplicado, pulse clic en elbotón Guardar.Crear un calendario AnualAhora aprenderemos a crear un calendario anual, es decir, donde en una sola pagina, se puedanencontrar todos los meses.1º Abrir Publisher 2007.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 21. Computación Tercer Año de Bachillerato Pág. 212º Active la categoría Calendarios y luego clic en la plantilla decalendario Viaje.3º Verifique que la orientación sea Horizontal. 4º En el panelCaracterísticas de publicación, en la sección Opciones, en el cuadroPeriodo de tiempo, pulse clic en la opción Un año en cada página.5º Pulse clic en Crear. Ahora se debe mostrar su calendario anual,como la siguiente imagen.6º Pulse clic derecho en la primera imagen, luego señale la opción Cambiar imagen y luego clic enla opción Desde archivo.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 22. Computación Tercer Año de Bachillerato Pág. 227º En el cuadro de diálogo Insertar Imagen, busque la imagen que le agrade para que la cambiepor la original. Luego clic en Insertar.8º Guarde su publicación con el nombre Calendario anual.pub.DISEÑOS DE DIPLOMAS Y TARJETAS DE INVITACIÓNMuchos de los estudiantes necesitan un premio por ser mejores, uno de los más resaltantes yperseverantes. En todo centro educativo, o de formación, siempre se entregan diplomas, ocertificados, o algún papel donde diga que lo que tienes en manos, es gracias a tu esfuerzo.Utilizando un diploma deportivoLos deportes nos mantienen sanos, aunque hace más de 4 años que no hago ningún deporte,pero para los alumnos que sobresalen en el ámbito deportivo, podemos agradecerle creando undiploma con las plantillas de Publisher 2007.1º Abrir Publisher 2007.2º Pulse clic en la categoría Diplomas.3º En el área de la galería de plantillas, busque la plantilla Mejor deportista, y pulse clic sobre el.4º En el panel de características de publicación,pulse clic en el botón Crear.5º Pulse clic en el cuadro de texto Nombre de lapersona premiada y luego escribe: AamirValentín García.6º Pulse clic en el cuadro de texto Por surendimiento…y escribe: Por su granparticipación en los juegos olímpicos de Beijins 2008. Se debe mostrar como la siguiente imagen.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 23. Computación Tercer Año de Bachillerato Pág. 237º Guardar con el nombre El deportista.pub.8º Cierre Publisher 2007.Tarjetas de InvitaciónCuando se acerca el 31 de Octubre muchas personas (generalmente niños) esperan la noche debrujas, generalmente para ir de puerta en puerta buscando dulces. Algunos adultos también ven ala Noche de brujas como un día para divertirse y que mejor diversión que hacer una fiesta de laNoche de brujas. De seguro que ya están pensando en hacer las tarjetas de invitación, y quemejor que Publisher 2007 para ayudarlo.1° Abrir Publisher 2007.2° Ahora pulse clic en Tarjetas de Invitación.3° En el área de las miniaturas de las plantillas, en la sección Fiesta por festividad, clic enHalloween 1.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 24. Computación Tercer Año de Bachillerato Pág. 244° En el panel de las Propiedades de la plantilla, en la secciónOpciones, pulsa clic en Diseño y luego clic enFoco.Observe como cambia la plantilla enminiatura.5° Pulse clic en el botón Crear. Ahora su publicación está lista para ser personalizada.6° En el clasificador de páginas, pulse clic en la página 2. Observe que la página 2 y 3 se estánmostrando con un texto predefinido el cual puede ser personalizado.7° En el panel Formato de publicación, en la sección Opciones de invitación, pulse clic en el botónCambiar plantilla.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 25. Computación Tercer Año de Bachillerato Pág. 258° En el panel de las propiedades de la plantilla, en la secciónOpciones, pulse clic en Diseño y luego elige Órbitasretrógradas.Observe como cambian las plantillas.9° Pulse clic en Aceptar. 10° Pulse clic en la página 1 y note el cambio.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 26. Computación Tercer Año de Bachillerato Pág. 2611° Guarde su publicación.CREACIÓN DE SITIOS WEB.Todas las organizaciones deben tener una página web, ya que es una manera de publicidad y asísus clientes los conocen mucho mejor y no tiene una organización, puede generar ingresosadicionales con una página web.Publisher 2007 presenta diversas plantillas de páginas Web para poder ser personalizadas.Aunque Publisher 2007 no es un programa especializado para la creación de páginas webprofesionales como lo es Expression Web o SharePoint Designer, puede comenzar con este yaprender lo básico.1° Abrir Publisher 2007.2° Pulse clic en la categoría Sitios Web.3° En el área de categorías de plantillas, en la sección Diseños clásicos yclic en Verano.4° Pulse clic en Crear. Aparece el cuadro de diálogo Generador fácil desitios web.5° En el cuadro Generador fácil de sitios web, active todas las casillas de verificación.6° Luego clic en Aceptar. Ahora esperemos que se creen las páginas del sitio web.7° Como puede ver, la plantilla de página web muestra una serie de páginas predefinidas listaspara ser personalizadas. Cambie el texto Página Web por Bienvenidos a CompuEduca.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 27. Computación Tercer Año de Bachillerato Pág. 278° Pulse clic en la página 15 del clasificador depáginas y luego clic en Insertar página.9° En el cuadro de diálogo Insertar página Web, enla columna Seleccione un tipo de página, pulse clicen Evento.10° Verifique que la casilla Agregar hipervínculo a las Barras deexploración se encuentre activo.11° Pulse clic en Aceptar.Observe como se crear su nueva página, y en el panel que estáal lado derecho de la página web (Barra de exploración depágina web) se encuentra el vínculo a Eventos.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 28. Computación Tercer Año de Bachillerato Pág. 2812° Seleccione la Barra de exploración y clic en la barita mágica.13° En el cuadro de diálogo Propiedades de la barra de exploración, en elcuadro Nombre escribe: Mis vínculos. De esta manera se está dando unnombre personalizado a la Barra de exploración.14° En la columna Vínculos, seleccione Página principal y luego clic en el botón Modificar vinculo.15° En el cuadro Modificar vinculo: Mis vínculos, cambie el cuadro Texto a: Inicio16° Clic en Aceptar en todos los cuadros de diálogos abiertos. No te como ha cambiado el nombrede la Barra de exploración. Donde antes decía Página principal, ahora dice Inicio.17° En la barra Herramientas web, pulse clic en el botón Vista previa de la página web.18° Revise su página Web y pruebe cada vinculo.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 29. Computación Tercer Año de Bachillerato Pág. 29TRABAJANDO CON PÁGINAS EN BLANCO.Durante los primeros capítulos de esta guía, nos hemos dedicado a la utilización de plantillas dePublisher 2007, pero llegó la hora de trabajar con una publicación en blanco, es decir, ahora nostoca a nosotros crear nuestras publicaciones personalizadas. Para poder trabajar mejor conPublisher 2007, en este capítulo supondré que estamos trabajando en un material que hemoscreado y que necesitamos personalizar y acomodar para que cuando lo imprimas tu publicación sevea con buena calidad.Publicación en blancoPublisher 2007 presenta miles de plantillas predefinidas listas para ser personalizadas; pero quesucede si entre todas esas plantillas, no hay alguna que cumpla tus expectativas, entonces lomejor será crear una publicación desde cero, y después puedes guardarlo como una plantilla.1° Abrir Publisher.2° En Tipos de publicación, pulsa clic en la categoría Tamaños de página en blanco.3° En la sección Estándar, pulsa doble clic en A4 (Horizontal).Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 30. Computación Tercer Año de Bachillerato Pág. 304° En el panel Formato de publicación, en Cambiar tamaño de página.5° En la ventana Configurar página, seleccione A4 (vertical) y luego clicen Aceptar.6° Pulse clic derecho en la página 1 del clasificador de páginas y luegoclic en Insertar página.7° En el cuadro de diálogo Insertar página, en el cuadro Núm. De páginas nuevas, escribe 3 y luegoclic en Aceptar. Observe que se crean 3 páginas más, es decir, ahora posee 4 páginas.8° Pulse clic en la página 3 y escribe lo siguiente: Bienvenidos a Microsoft Publisher 2007. Observeque aparece el texto en la parte superior de la página.9° Pulse clic derecho en la página 3 y clic en Mover página.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 31. Computación Tercer Año de Bachillerato Pág. 3110° En el cuadro de diálogo Mover página, seleccione Después de yluego clic en Página 4. Clic en Aceptar. Ahora su página que estaba en3 se encuentra al final como 4.11° Pulse clic derecho en la página 4 y luego clic en insertar páginaduplicada. Observe que la página 4 y 5 se repiten, pues sonduplicados.12° Pulse clic derecho en la página 4 y luego clic en Cambiar nombre.13° En el cuadro Cambiar nombre de página, escribe: Textonuevo y clic en Aceptar. Cuando se agrega un nombre depágina, es más sencillo para ti cambiarlos de posición, puesal menos vas a saber al lado de que página vas a moveralguna.14° Pulse clic derecho en la página 5 y luego clic en Eliminar página. 15° En el mensaje queaparece, pulse clic en Sí. Nota: No cierre esta publicación.Trabajar con cuadros de texto.El trabajo con cuadros de texto hace que nuestros elementos tengan la posición en la querealmente deseemos que estén, algo muy difícil que se haga en Word 2007.1° Pulse clic en la página 1.2° En la Barra de herramientas Objetos que se encuentra al ladoizquierdo de la ventana de Publisher 2007, pulse clic en Cuadrode texto.3° Al igual que en Word 2007, inserte el cuadro de texto a lolargo de los márgenes de la página.4° En el cuadro de texto escribe: Guías de Laboratorio. 5° Seleccione el texto y aplique fuente:Calibri y tamaño 48.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 32. Computación Tercer Año de Bachillerato Pág. 326° Desde el punto de giro (verde) mueva el cuadro de texto hasta quedar como la siguienteimagen.7° Pulse clic en la página 3.8° Inserte un cuadro de texto del tamaño que quiera.9° En la barra de estado de Publisher (al lado del clasificador de páginas),pulse doble clic. Aparece la Barra de herramientas Medidas.10° Cambie a las siguientes medias.Observe como el cuadro de texto va tomando forma y posición en lapágina.11° Pulse clic en el menú Insertar y luego clic en Archivo de texto.12° En el cuadro de diálogo elige un archivo de texto quetengas.13° En el mensaje que aparece, pulse clic en No. Si elegimos Sí,vamos a ajustar el texto para que pueda quedar todo en elcuadro de texto, o buscara algún otro cuadro de texto enblanco para continuar con lo que resta del texto.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 33. Computación Tercer Año de Bachillerato Pág. 3314° Observe que el cuadro de texto posee unaetiqueta al final llamado Texto en area dedesbordamiento. Esta etiqueta indica que existetexto que no se está mostrando porque el cuadrode diálogo es muy pequeño.15° Inserte otro cuadro de texto y aplique las siguientes medidas.16° Pulse clic en el cuadro de texto 1 (el que posee el texto) y en la Barra deherramientas Cuadros de texto, pulse clic en Crear vínculo con cuadro de texto.Observe que el puntero cambia por una taza o jarrita.17° Situé la jarrita en el medio del segundo cuadro de texto (cuadro en blanco) observe como lajarrita cambia, y pulse clic en el medio del cuadro de texto. Observe como el texto que no semostraba en el primer cuadro ahora parte de el se muestra en el segundo.Insertar imagen desde archivoUna publicación tiene mejor aspecto cuando se insertan imágenes, mejor aún si sabe dondecolocarlas. Publisher 2007 te da la opción de insertar diversos tipos de imágenes en unapublicación y lo mejor, es que tienes el control total de ellas para posicionarlas en donde desees.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 34. Computación Tercer Año de Bachillerato Pág. 341° En el panel Formato de publicación, pulse clic en Marco deimagen y luego clic en Imagen a partir de archivo.2° Dibuje un cuadrado al lado del primer cuadro de texto de lapágina 2.Ahora aparece un cuadro donde tendrá que elegir una imagen.3° Elegiremos la imagen de Aulaclic.4° Pulse clic derecho en la imagen de Aulaclic y luego clic en Agregar a la biblioteca de contenido.5° En el cuadro Agregar elemento a la biblioteca de contenido, active la casilla Trabajo. Clic en Ok.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 35. Computación Tercer Año de Bachillerato Pág. 35En el panel Biblioteca de contenido, se encuentra su imagenaulaclic.jpg. Cuando guardas alguna imagen a la Biblioteca decontenido, puedes ahorrar tiempo con tus imágenes preferidas,pues ya no tendrás que buscar en todo tu computador unaimagen que te guste, puedes guardarla en Publisher y utilizarlaspara cualquier publicación.6° Arrastre aulaclic.jpg hacia la publicación. Y puedes ajustar sutamaño.UNIDAD 9. IMPRIMIR (I)Esta última parte nos dedicaremos a disfrutar de todo nuestro esfuerzo, y que mejor imprimiendonuestras publicaciones.Cuando queremos imprimir una publicación debemos tener en cuenta varios aspectos, porejemplo el tipo de papel que debemos utilizar, la calidad de la publicación, la optimización de lasimágenes, los márgenes, orientación, y una serie de detalles más. Pero por ahora aprenderemoslo necesario.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 36. Computación Tercer Año de Bachillerato Pág. 36Configurar la impresiónAntes de imprimir un documento, debemos configurar algunos detalles básicos pero esencialespara que nuestras publicaciones se impriman de la mejor manera. Debemos fijarnos mucho en eltipo de papel que vamos a utilizar, ya que es muy diferente el tipo de página que utilizas y el tipode papel con el que vas a imprimir.Imagina que tu publicación está una página A4, pero tu papel es Carta, entonces podemos perdertiempo y dinero valioso si no nos damos cuenta antes de mandar a imprimir 100 páginas.1° Abrir el archivo.2° Pulse clic en el menú Archivo y luego clic en Configurar impresión.3° En el cuadro de diálogo Configurar impresión, en Nombre de la impresora, seleccione suimpresora que va a utilizar para la impresión, en nuestro caso vamos a utilizar la impresora virtualde Microsoft OneNote 2007.4° En la sección Papel, en Tamaño, elige A4.Nota: Si deseas ahorrar tiempo y tienes la impresora adecuada, puedes elegir el tamaño de papelen A3, pues dos A4 tienen el tamaño aproximado de un A3.5° Pulse clic en el botón Vista preliminar para ver como ha quedado su publicación antes deimprimir.6° Cierre la Vista preliminar. 7° Clic en Aceptar. De esta manera has configurado la impresiónantes de hacerla.ImprimirLcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 37. Computación Tercer Año de Bachillerato Pág. 37Después de algunas simples configuraciones, ya estamos listos para imprimir sin preocupacionescomo por ejemplo, que papel elegiré, o que impresora utilizaré.Aunque el cuadro Imprimir puede resolver esta duda, yo recomiendo que lo haga antes, pues elcuadro Imprimir es solo para relajarse y decidir cuantas copias quiere y de que página a quepágina va a imprimir.Cuando ingresa al cuadro de diálogo Imprimir encontrará la sección Intervalo de páginas y Copias.Dentro de Intervalo de páginas podemos encontrar las opciones:Todas las páginas: Imprime en su totalidad la publicación.Página actual: Imprime la página en donde se encuentra el punto de inserción.Páginas: Puedes elegir la página o páginas a imprimir. Por ejemplo:5 = Imprime solo la página 51-5 = Imprime las páginas desde 1 hasta 5.1, 3, 7 = Imprime las páginas 1, 3 y 7.1-5, 10,14-16 = Imprime las páginas del 1 al 5, luego la página 10 y después la página 14 hasta 16.Dentro de Copias encontramos:Número de copias: Elegir cuantas copias deseas sacar de la publicación. Solo desde 1 hasta214748647.Intercalar: Se activa cuando eliges 2 o más copias. Cuando está con un check indica que laimpresión será por juego, es decir si existen 20 páginas en tu publicación y eliges 3 copias,entonces se imprime desde 1 hasta el 20, luego vuelve a repetir desde 1 hasta 20 hasta completarsus copias.Cuando está en blanco la casilla Intercalar, se imprime 3 veces la página 1, luego 3 veces la página2 hasta llegar a las 20 págiinas.1° Pulse clic en el menú Archivo y luego clic en Imprimir.2° Pulse clic en el botón Imprimir. Esto es rápido pues ya hemos configurado nuestra impresión.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 38. Computación Tercer Año de Bachillerato Pág. 383° Ahora solo debemos esperar a que su publicación se imprima.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 39. Computación Tercer Año de Bachillerato Pág. 39Unidad IV. Páginas Web (FrontPage 2003)Introducción a FRONTPAGE2003.Vamos a ver una pequeña introducción a FrontPage2003. Vamos a aprender para qué sirve estaaplicación y cómo nos puede ayudar a hacer desde una sencilla página Web hasta un sitiocompleto en Internet. También haremos una página Web para que veamos lo fácil que puedellegar a ser.¿Qué es FrontPage2003 y para qué sirve?FrontPage2003 es un programa con el cual podemos crear páginas Web de una forma visual.Gracias a esto el usuario sólo tiene que concentrarse en el diseño de su Web sin necesidad desaber programar. No obstante, un usuario avanzado puede usar las características avanzadas deFrontPage2003 para hacer sitios Web más complejos.Una página Web es un documento que puede ser visualizado con un navegador de Internet. Unsitio Web es un conjunto de páginas Web relacionadas entre sí.FrontPage2003 nos permite diseñar y modificar tanto el sitio como cada página individualmente,y nos ayuda en su edición y mantenimiento.Integración con Office2003FrontPage2003 forma parte del paquete de aplicaciones Office2003, y comparte muchas de lascaracterísticas del resto de programas del Office, tanto en procedimientos como en el interfaz.Gracias a esto, muchas de las tareas que nos son familiares en Word nos servirán para FrontPagey viceversa. Algunas de las características que comparten son:Los menús y los iconos son similares entre cada aplicación y realizan la misma función.El portapapeles de Office es ahora común a todas las aplicaciones Office, y permite guardar deforma temporal gráficos y textos de distintos documentos de Office y de otros programas, ypegarlos en un documento de Office. Por ejemplo, puedes copiar textos de un documento deWord y pegarlos en una página Web de FrontPage, y después abrir una hoja de cálculo de Excel, ycopiar una tabla de Excel a Word.Otras funciones, como el corrector ortográfico, funcionan de la misma manera o de una formacasi idéntica en todas las funciones.Por otra parte, los documentos de Word pueden ser convertidos a páginas Web. Gracias a estopodemos crear páginas Web a partir de documentos que ya tengamos escritos en Word de unaforma fácil y sencilla. Esto también se aplica a otra clase de documentos como hojas de cálculo deExcel, ficheros de Access, etc.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 40. Computación Tercer Año de Bachillerato Pág. 40Mi primer documento con FrontPage2003Vamos a construir una sencilla página Web para demostrar lo sencillo y potente que puede llegara ser FrontPage.En primer lugar, veamos las dos formas básicas de arrancar FrontPage2003.Desde el botón Inicio situado, normalmente, en la esquina inferior izquierda dela pantalla. Colocar el cursor y hacer clic sobre el botón Inicio se despliega un menú; al colocar elcursor sobre Programas, aparece otra lista con los programas que hay instalados en tu ordenadorbuscar Microsoft FrontPage 2003 dentro de Microsoft Office, hacer clic sobre él, y se arrancará elprograma.Desde el icono de FrontPage2003 del escritorio .Crear la página Web.Al arrancar el programa, nos aparece por defecto una página web en blanco en la que podemostrabajar. Si no nos aparece, basta con que pulsemos en el icono .Ahora hacemos clic en el área en blanco y escribimos lo siguiente:Hola, esta es mi primera página Web.Este es un enlace al sitio web del Profesor.Ahora seleccionaremos las palabras "Profesor" y pulsaremos en Insertar y después, en el menúque se nos abre, en Hipervínculo. En Dirección escribiremos lo siguiente:http://www.Krauserwin.info. De esta forma crearemos un vínculo a otra página Web, a la quepodremos viajar si disponemos de conexión a Internet. Nótese que el texto cambia de color yaparece subrayado para indicar que es un hipervínculo. La pantalla nos mostrará algo similar aesto:Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 41. Computación Tercer Año de Bachillerato Pág. 41Mi primer documento con FrontPage2003Un hipervínculo, como más tarde explicaremos, nos permite navegar por Internet, ya que nospermite cambiar de una página Web a otra.Guardar la página Web.Vamos a guardar la página en el disco duro. Mientras no esté en él, la página se guarda en lamemoria del ordenador, pero podría perderse por un corte de luz o por un fallo del programa. Asíque no olvide guardar a menudo sus documentos en el disco duro, ya que allí se guardan deforma permanente.La barra de herramientas contiene iconos para ejecutar de forma inmediata algunas de lasoperaciones más habituales, como Guardar , Abrir , Imprimir , etc.Pulsamos en el icono Guardar . Al ser la primera vez que guardamos, el sistema nos pedirá unnombre para el archivo, y nos sugerirá uno. Los nombres de páginas web suelen terminar en .htmo .html. Sin embargo, no es necesario escribir esta terminación si no queremos. FrontPage loañadirá automáticamente.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 42. Computación Tercer Año de Bachillerato Pág. 42En la pantalla podemos ver como el sistema nos sugiere index.htmHacemos clic en index.htm, lo borramos y escribimos como nombre hola.htm (sin las comillas).Hacemos clic en Aceptar y el ordenador guardará nuestro trabajo. Más adelante, cuandomodifiquemos la web, bastará con hacer clic en el icono de Guardar y el ordenador guardará eldocumento con el nombre que le dimos.Podemos ponerle a la página web un título. Para ello, antes de guardar la web, hemos de pulsaren el botón Cambiar título, y ponerle un título que aparecerá en la ventana del navegador.Visualizar la Web.Ahora vamos a visualizar la página. Para visualizar el archivo, hacemos clic sobre el botón Vistaprevia de loas modos de edición, y el sistema cargará eldocumento como si fuera una página Web. Ahora, si disponemos de conexión a Internet, alpulsar sobre las palabras "el País", navegaremos a esa página. Si no disponemos de conexión,sencillamente aparecerá un mensaje de error.Finalmente, para cerrar FrontPage, puedes utilizar cualquiera de las siguientes operaciones:Hacer clic en el botón cerrar .Pulsar la combinación de teclas ALT + F4.Hacer clic sobre el menú Archivo y elegir la opción Salir.Todas las páginas web que creemos en realidad se componen de un lenguaje generadointernamente por FrontPage llamado HTML.Prueba evaluativa. Introducción a FrontPageSolo una respuesta es válida por pregunta. Escoja y marque en la respuesta que considerescorrecta.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 43. Computación Tercer Año de Bachillerato Pág. 431. Los iconos y funciones de FrontPage son diferentes a las de otras aplicaciones del paqueteOffice (como Word o Excel), por lo que debemos prestar especial atención en su aprendizaje.a) Verdadero. ( )b) Falso. ( )2. Podemos crear páginas web con FrontPage, pero no podemos visualizarlas.a) Verdadero. ( )b) Falso. ( )3. FrontPage nos puede ayudar a llevar el mantenimiento de un sitio web.a) Verdadero. ( )b) Falso. ( )4. Un hipervínculo nos permite navegar por Internet, ya que nos permite cambiar de una páginaWeb a otra.a) Verdadero. ( )b) Falso. ( )5. El botón significa...a) Abrir. ( )b) Nuevo. ( )c) Cerrar. ( )6. El icono significa...a) Abrir. ( )b) Nuevo. ( )c) Cerrar. ( )7. El icono significa...a) Abrir FrontPage. ( )b) Nuevo sitio web. ( )c) Cerrar FrontPage. ( )8. Si hacemos clic sobre el icono de la barra de herramientas:a) Aparecerá el cuadro de diálogo Nuevo, para crear una nueva página web. ( )b) Aparecerá directamente una página web vacía en pantalla. ( )c) Cualquiera de las dos primeras opciones. ( )d) Ninguna de las opciones anteriores. ( )9. En el menú Archivo encontraremos:a) La opción para guardar la página web. ( )b) La opción de abrir una página web. ( )Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 44. Computación Tercer Año de Bachillerato Pág. 44c) Cualquiera de las dos primeras opciones. ( )d) Ninguna de las opciones anteriores. ( )10. El icono sirve para...a) Grabar un disquete con la información obtenida. ( )b) Guardar los cambios realizados. ( )c) Cualquiera de las dos primeras opciones. ( )d) Ninguna de las opciones anteriores. ( )Elementos básicos de FRONTPAGE2003Vamos a ver cuáles son los elementos básicos de FrontPage2003, la pantalla, los menús, etc.Aprenderemos a diferenciar entre cada uno de ellos, cómo se llaman, dónde están y para quésirven. También veremos cómo obtener ayuda, por si en algún momento nos quedamosatascados y nos hace falta un poco de luz.Elementos de la pantalla inicial.Al arrancar FrontPage aparece una pantalla inicial como ésta, vamos a ver sus componentesfundamentales. Así conoceremos los nombres de los diferentes elementos y será más fácilentender el resto del curso. La pantalla que se muestra a continuación (y en general todas las deeste curso) pueden no coincidir exactamente con la que ves en tu ordenador, ya que cada usuariopuede decidir qué elementos quiere que se vean en cada momento, como veremos más adelante.Veamos con más detalle los distintos elementos:Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 45. Computación Tercer Año de Bachillerato Pág. 45La barra de títuloLa barra de título contiene el nombre del programa (Microsoft FrontPage) y el nombre del ficherocon el que estamos trabajando en este momento (pagina_nueva_1.htm). En el extremo de laderecha están los botones para minimizar, maximizar/restaurar y cerrar.La barra de menúsLa barra de menús contiene las operaciones de FrontPage, agrupadas en menús despegables. Alhacer clic en Insertar, por ejemplo, veremos las operaciones relacionadas con los diferenteselementos que se pueden insertar en FrontPage.Todas las operaciones se pueden hacer a partir de estos menús. Pero las cosas más habituales serealizan más rápidamente desde los iconos de las barras de herramientas que veremos en elsiguiente punto.Cada opción tiene una letra subrayada, esto indica que se puede acceder directamente a la opciónpulsando simultáneamente la tecla alt y la letra subrayada, por ejemplo si pulsamos Alt+A se abrela opción Archivo.La barra de menús tiene un comportamiento "inteligente", que consiste, básicamente, enmostrar sólo los comandos más importantes y los que el usuario va utilizando.Los menús despegables de la barra de menús contienen tres tiposbásicos de elementos:Comandos inmediatos. Se ejecutan de forma inmediata al hacer clicsobre ellos. Se reconocen porque a la derecha del nombre delcomando, o no aparece nada o bien aparece la combinación de teclaspara ejecutarlo desde el teclado. Por ejemplo, en el menú Insertar -línea horizontal.Opción con cuadro de diálogo. Al hacer clic en la opción aparece uncuadro de diálogo donde nos pedirá más información y que tendrábotones para aceptar o cancelar la acción. Se distinguen porque elnombre acaba con puntos suspensivos.Por ejemplo, en el menú Insertar - Fechay hora...Opción con otro menú despegable. Alsituarse sobre éste, se abre un nuevomenú a su lado con más opciones paraque elijamos una de ellas. Se reconocenporque tienen un triángulo a la derecha.Por ejemplo, Insertar, Imagen.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 46. Computación Tercer Año de Bachillerato Pág. 46Las barras de herramientas.Las barras de herramientas contienen iconos para ejecutar de forma inmediata algunas de lasoperaciones más habituales, como Guardar , Abrir , Imprimir , etc.La barra de Formato.La barra de Formato es una barra de herramientas que se encuentra en la parte superior de lapantalla y contiene indicaciones sobre el estado actual de formato del texto. Como en otrasaplicaciones de Office, podemos definir en cada momento qué clase de texto vamos a crear:Estilo, tipo de letras, tamaño, negrita, cursiva, subrayado, alineación, etc.Los modos de Edición de página.Se encuentran en la parte baja de la página. Son Diseño,Dividir, Código y Vista Previa. Nos ofrecen,respectivamente, la vista habitual de trabajo, la vista dividida en vista diseño y el código en HTML,el código HTML usado y una vista previa del resultado final de la Web en un navegador. Nosotrosusaremos casi siempre la vista Diseño, que es la que nos permite editar la Web de forma visual.La segunda opción la utilizaremos para ver el diseño de la página y su código asociado. Con latercera, editaremos el código en HTML, opción sólo para expertos y, finalmente, con Vista previaveremos nuestra página como la veríamos desde un navegador. Esta última no es un modo deedición propiamente dicho, pues solo nos permite visualizar un borrador de cómo será la páginaWeb y no podemos realizar ninguna modificación sobre la página.Selector de etiquetas.Esta es la barra de selector de etiquetas y sirve para seleccionar la etiqueta al completo con sucontenido, por ejemplo cuando tenemos una etiqueta de párrafo <p> nos aparece en la barra, alpulsar sobre la etiqueta se selecciona toda la etiqueta <p>con su contenido.Además de seleccionar al situarnos con el ratón sobre laetiqueta aparece una flecha indicando queexiste una lista despegable para la etiqueta, al pulsar sobrela flecha nos aparece la lista despegable que vemos a laderecha.Hay operaciones que no están disponibles en un determinado momento. Se reconocen porquetienen el color atenuado. Existen muchas más barras de herramientas y las iremos viendo a lolargo del curso.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 47. Computación Tercer Año de Bachillerato Pág. 47Prueba evaluativa. Elementos básicos de FrontPageSolo una respuesta es válida por pregunta. Escoja y marque en la respuesta que considerescorrecta.1. Haciendo clic en las distintas pestañas de página, podemos visualizar las distintas páginas webque tengamos abiertas.a) Verdadero. ( )b) Falso. ( )2. La instrucción Insertar - Componente web... tiene tres puntos suspensivos al final, por lo quesi pulsamos esta opción FrontPage la ejecutará inmediatamente.a) Verdadero. ( )b) Falso. ( )3. La instrucción Insertar - Línea horizontal del tutorial significa que pulsemos en la opción demenú Insertar y, después, en el menú que aparece, en la opción línea horizontal.a) Verdadero. ( )b) Falso. ( )4. En la barra de vistas, hemos de hacer clic en el icono Página para volver al modo de ediciónde páginas web.a) Verdadero. ( )b) Falso. ( )5. Las barras de menús tienen un comportamiento inteligente. Esto significa que...a) Sólo aparecen las más usadas. ( )b) Aparecen las más usadas y todas si pulsamos en ( )c) Aparecen las opciones que necesitamos en cada momento. ( )6. La barra de Formato nos ayuda a...a) Modificar el texto: tipo, tamaño, color, etc. ( )b) Programar eventos para la página web. ( )c) Mantener el sitio web de una forma visual. ( )7. Los modos de edición de página:a) Nos permiten: abrir una página web, modificarla y guardar la página web. ( )b) Permiten visualizar la página web y sus propiedades. ( )c) Nos permiten: editar una página, ver su código HTML y visualizar la página web. ( )d) Ninguna de las opciones anteriores. ( )Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 48. Computación Tercer Año de Bachillerato Pág. 48Introducción a la configuración de un sitio WebVamos a ver unas consideraciones básicas a la hora de construir una Web, la más importante, laplanificación. Gracias a ella nos ahorraremos mucho trabajo posterior y evitaremos errorescomunes. Cuando conozcamos todo esto estaremos en disposición de empezar a crear nuestropropio sitio Web, que poco a poco iremos construyendo a lo largo del curso.¿Qué es un sitio Web? Diseño previoUn sitio Web se compone del conjunto de páginas Web que diseñemos para un objetivo concreto.Sin embargo, no es lo mismo diseñar un sitio Web para un uso personal que para una empresa.Cada uno tiene sus necesidades y planificar con antelación qué es lo que vamos a hacer nos puedeevitar muchos problemas posteriores.¿Qué clase de Web vamos a crear? Existen muchos tipos, pero vamos a nombrar algunos de losmás utilizados:Sitio personal: Son los sitios diseñados para conocer la vida y obra de alguien. Es el mássencillo, podemos usar un alojamiento Web gratuito (normalmente incluyen publicidad) y secompone de unas pocas páginas.Sitio de una empresa: Son los sitios diseñados para dar a conocer una empresa. Pueden sersencillos, en el caso de empresas pequeñas, o muy complejos, en el caso de grandes empresas.Normalmente tienen una dirección propia (www.nombre_de_la_empresa.com) y almacenaninformación corporativa.Sitio de una tienda online: Son los sitios diseñados para vender por Internet. Cualquierempresa, grande o pequeña, pueden llegar a cualquier cliente del planeta gracias a Internet. Estepuede también estar incluido en el sitio de una empresa.Sitio de un portal: Son los sitios especializados en recopilar recursos sobre un tema o temasdeterminados.Cada sitio requiere una planificación previa. Lo más usual es dibujar un esquema en papel sobrecada parte de nuestra Web, y basarnos en él a la hora del diseño. Naturalmente es convenienteseguir una determinada estética relacionada con la clase de sitio Web que estemos diseñando, asícomo evitar recargar en exceso las páginas. FrontPage nos proporciona diversos temas yadefinidos que nos ayudarán a dotar de una apariencia adecuada a nuestro sitio Web.Crear un boceto de la Web. Estructura de ficheros.A la hora de diseñar un sitio Web, es conveniente diseñar un boceto sobre cómo va a ser la Web.Tenemos que decidir cómo vamos a estructurarla.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 49. Computación Tercer Año de Bachillerato Pág. 49Lo más sencillo es no estructurarla, poniendo todos los archivos en el mismo directorio. Esto sesuele hacer en sitios personales, ya que el número de ficheros es pequeño. Sin embargo este esun mal hábito, ya que si la Web crece, acabaremos perdidos en un mar de ficheros.Por ello es conveniente hacer, por lo menos, una pequeñadivisión, poniendo los archivos de cada clase en undirectorio determinado. Es decir, los ficheros de fotos en undirectorio, los ficheros de la Web en otro, etc.Naturalmente si el sitio Web es de ciertaenvergadura, nos acabará sucediendo lo mismo.Por ello en los sitios Web complejos se sueledividir el sitio Web en partes y cada parte sealmacena en un lugar distinto. Cada uno de estoslugares posee sus propias carpetas.FrontPage nos proporciona las herramientasadecuadas para poder estructurar nuestro sitioWeb. Estas herramientas son los iconos Carpetas yExploración en la barra de vistas.Crear un sitio Web sin conexión a Internet.Como es natural, el destino de un sitio Web es ser visitado por personas a través de Internet. Peropara diseñarlo no hace falta que tengamos conexión a Internet.Podemos construir nuestro sitio y almacenarlo directamente en el servidor, para que pueda servisto inmediatamente por cualquier persona en Internet. Esto es, trabajando directamente enInternet.Sin embargo, podemos construir nuestro sitio en nuestro ordenador y sin tenerlo almacenado enun servidor visitarlo tal como lo haría una persona por Internet. Para ello haremos que FrontPagealoje nuestro sitio Web en nuestro ordenador, y trabaje con él como si fuera un ordenadorremoto de Internet. Esto es perfecto para probar el buen funcionamiento de nuestro sitio Web ydepurar errores.Lo que se suele hacer es crear y probar la Web en nuestro propio ordenador y, cuando hemoscomprobado que todo va bien, subir la Web en Internet. FrontPage nos permite hacer tanto unacosa como la otra.Para crear el sitio, lo primero que debemos hacer es presionar sobre Archivo - NuevoDespués haremos clic en Sitio Web de una página... del apartado Nuevo sitio Web de la barra detareas, a continuación elegimos Sitio Web de una página, indicamos la ubicación de la webmediante el botón Examinar, y para terminar clic en Aceptar.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 50. Computación Tercer Año de Bachillerato Pág. 50Hemos creado el sitio Web. Consta tan sólo de una hoja en blanco. Para comprobarlo, hacemosclic en Carpetas, veremos las siguientes ventanas:Si no aparece el panel de la izquierda selecciona de la barra de menús la opción Lista de Carpetasdel menú Ver o pulsa Alt+F1 Como podemos observar, nuestro sitio web se compone, en estemomento, de 2 carpetas, images y _private, que están vacías.Además, tenemos un archivo llamado index.htm, que está en blanco.Podemos comprobarlo si pulsamos 2 veces sobre la página pasaremos a abrir el archivo en la vistade Diseño. Para volver al sitio web hacemos clic sobre la pestaña Sitio webVolvamos a la vista Carpetas. A la izquierda tenemos la estructura en forma de árbol dedirectorios, y a la derecha los directorios y los archivos contenidos en la carpeta abierta. Es similara cómo lo veríamos en el Explorador de Windows. Desde aquí podemos borrar archivos,moverlos, crear nuevos, etc.Si hacemos clic en la parte inferior en el botón Exploración, pasaremos a la vista Exploración.Esta es la vista Exploración:Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 51. Computación Tercer Año de Bachillerato Pág. 51La parte de la izquierda nos recuerda al árbol de directorios de Windows, pero la derecha muestraun esquema de las páginas del sitio. En este momento sólo contiene la única página existente:index.htm.Esta vista nos muestra el esquema lógico de nuestro sitio web. Nos muestra cómo estánconectadas las páginas web y su jerarquía, y diferentes elementos que veremos a lo largo delcurso. Sería como el mapa de un sitioPara crear nuevos directorios:Ponemos la vista de carpetas y pulsamos con el botón derecho del ratón sobre cualquier partevacía de la parte derecha y hacemos clic en Nueva - Carpeta.Nos pedirá el nombre de la nueva carpeta, se lo introduciremos. No es conveniente usar espaciosen blanco, acentos ni la letra ñ en los nombres de carpetas y archivos, ya que en Internet, losservidores en el que se guarde todo nuestro trabajo puede que no soporte caracteres españoles,y esto hará que nuestra web no funcione bien, también hay que tener cuidado con utilizarminúsculas y mayúsculas mezcladas, algunos servidores distinguen entre minúsculas ymayúsculas, en este caso si una carpeta (por ejemplo) la hemos nombrado en mayúsculas y luegohacemos referencia a ella en minúsculas, algunos servidores la encontrarán y otros no.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 52. Computación Tercer Año de Bachillerato Pág. 52A veces, tras realizar operaciones (como copiar archivos), no aparecen los últimos cambiosrealizados, en este caso es necesario pulsar F5 para actualizar la vista de Carpetas.Configuración del sitio.Para ver la configuración del sitio y modificarla, hemos depulsar Herramientas - Configuración del sitio.Aparece la ventana Configuración del sitio de la cual comentaremos las opciones másimportantes:En la pestaña General:Podemos ponerle un nombre al sitio web. El directorio en el disco duro tendrá ese mismonombre.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 53. Computación Tercer Año de Bachillerato Pág. 53En la pestaña Avanzadas podemos seleccionar qué lenguaje de script vamos a usar. Algunascaracterísticas adicionales de FrontPage se implementan dependiendo del lenguaje. Lo usual eselegir Javascript, que es el más extendido en Internet.En la pestaña Exploración podemos indicar los Textos que aparecerán en la barra de vínculos.Eliminar un sitio Web.Para eliminar un sitio debes colocarte en la lista de carpetas, y hacer clic con el botón derecho delratón en la carpeta raíz del sitio, aparecerá un menú contextual, elige la opción Eliminar. Uncuadro de diálogo te advertirá que una vez borrado no se podrá recuperar.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 54. Computación Tercer Año de Bachillerato Pág. 54Prueba evaluativa. Introducción a la configuración de un sitio WebSolo una respuesta es válida por pregunta. Escoja y marque en la respuesta que considerescorrecta.1. Un sitio Web se compone de un conjunto de páginas Web.a) Verdadero. ( )b) Falso. ( )2. Es conveniente comenzar la creación de un sitio web según las necesidades inmediatas e irremodelándolo sobre la marcha.a) Verdadero. ( )b) Falso. ( )3. Para crear un sitio web es necesario tener conexión a Internet para probar el buenfuncionamiento del sitio.a) Verdadero. ( )b) Falso. ( )4. Podemos crear un sitio web trabajando directamente en Internet.a) Verdadero. ( )b) Falso. ( )5. La vista de Exploración se usa...a) Para explorar Internet. ( )b) Para ver y modificar la estructura de ficheros y carpetas de un sitio web. ( )c) Para ver y modificar la estructura lógica de un sitio web, viendo sus elementosy cómo se relacionan. ( )6. La vista de Carpetas se usa...a) Para ver y modificar la estructura de enlaces y carpetas de un sitio web. ( )b) Para ver y modificar la estructura de ficheros y carpetas de un sitio web. ( )c) Para crear carpetas en las que guardamos la información del sitio web. ( )7. Desde Frontpage podemos crear nuevas carpetas en el sitio web...a) desde la vista Carpetas. ( )b) No se puede, creamos la carpeta desde el explorador de Windows. ( )c) desde la vista Hipervínculos. ( )8. ¿Cómo podemos modificar la configuración estándar del sitio Web?.a) Clic en Archivo - Herramientas - Configuración del sitio. ( )b) Clic en Archivo - Configuración del sitio Web. ( )c) Desde el menú Herramientas, clic en Configuración del sitio. ( )Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 55. Computación Tercer Año de Bachillerato Pág. 55FORMATEO DE TEXTOVamos a ver cómo formatear texto en FrontPage2003. Veremos cómo darle al texto y a la páginala apariencia que deseemos. Y al final del tema veremos un tema avanzado para corregir las faltasde ortografía.Introducir texto. Tipo de letra, tamaño, negrita, cursiva, subrayado.Para entender toda la teoría de este tema, lo mejor que podemos hacer es crear una Web vacía,con lo que tendremos una hoja en blanco en la que practicar. FrontPage2003 dispone de unainterfaz similar a un procesador de textos como el Word, por lo que si lo hemos utilizado no nosresultará nada difícil aprender a hacer lo mismo en FrontPage.Para Insertar texto lo único que debemos hacer es escribir en la pantalla. Como en el Word, eltexto aparecerá a medida que lo vayamos tecleando. Para terminar un párrafo, sólo hay quepulsar la tecla Intro. Una vez introducido el texto podemos cambiar su aspecto utilizando lasdistintas opciones que nos ofrece la barra de Formato que describiremos a continuación:Barra de formatoPara cambiar el tipo de letra lo que tenemos que hacer es pulsar en el cuadro desplegable deFuente . A partir de entonces el texto que se introduzca será con ese tipode letra. Si lo que queremos en cambio es cambiar el tipo de letra de un trozo de texto que yahemos escrito, debemos seleccionarlo y cambiar entonces el tipo de letra como hemos hechoantes. Nótese que sólo se producirá el cambio en ese trozo de texto, por lo que al escribir en otrazona lo haremos con el tipo de letra que teníamos previamente.Para cambiar el tamaño de letra lo que tenemos que hacer es pulsar en el campoTamaño de Fuente. A partir de entonces el texto que se introduzca será con esetamaño de letra. Si lo que queremos en cambio es cambiar el tamaño de letra de untrozo de texto que ya hemos escrito, debemos seleccionarlo y cambiar entonces eltamaño de letra como hemos hecho antes. Nótese que sólo se producirá el cambioen ese trozo de texto, por lo que al escribir en otra zona lo haremos con el tamañode letra que teníamos previamente.Para hacer la letra con efecto negrita, cursiva o subrayado tenemos que pulsar el botón N, elbotón K o el botón S. respectivamente. A partir de entonces el texto que seintroduzca será negrita, cursiva o subrayado. Si lo que queremos en cambio es hacer que un trozode texto tenga estas características, debemos seleccionarlo y pulsar en los iconos como hemoshecho antes.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 56. Computación Tercer Año de Bachillerato Pág. 56Como se puede observar lo que tenemos que hacer para formatear texto es, básicamente,seleccionar el texto a formatear y pulsar en los iconos apropiados para aplicar el efecto quedeseemos. Existen muchos tipos de efectos, que podremos aplicar seleccionando el texto yhaciendo clic en Formato - Fuente.Uso de párrafos y la fuente de letra.Para introducir párrafos mientras escribimos un texto, debemos pulsar la tecla Intro.FrontPage2003 automáticamente comenzará un nuevo párrafo y aplicará algunas característicaspropias de un procesador de textos, como son las sangrías y el espaciado entre párrafos. Podemosmodificarlas para que salgan como queramos.Vamos a teclear un texto cualquiera en la ventana. Por ejemplo, este texto:Este es un párrafo de prueba para poder trabajar y observar comoFrontPage nos ayuda a usarlos como nosotros queramos. Este es unpárrafo de prueba para poder trabajar y observar como FrontPage nosayuda a usarlos como nosotros queramos.Vamos a modificar las características de la fuente. Para ellobasta con que situemos el cursor en cualquier parte delpárrafo a modificar o con el texto seleccionado y pulsar elbotón derecho.En el menú contextual pincharemos en la opción Fuente.Podemos modificar características del párrafo haciendo clicsobre la barra de menús, en Formato y después en Párrafo....Se abrirá el cuadro de diálogo Fuente que te describiremos a continuación y que nos permiteconfigurar características de la fuente del texto actual.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 57. Computación Tercer Año de Bachillerato Pág. 57En el diálogo Fuente podemos modificar el tipo de letra (Fuente) el Estilo (Cursiva, Negrita, etc) elTamaño (10, 12, 14, etc) el Color y podemos incluir diferentes Efectos sobre el textoseleccionándolos.En el mismo diálogo podemos ver una Vista previa de cómo quedaría el texto según lasmodificaciones que vayamos haciendo.Se abrirá el cuadro de diálogo Párrafo que te describiremos a continuación y que nos permiteconfigurar características del párrafo actual.Podemos cambiar la posición del párrafo cambiando su Alineación. Podemos posicionar unpárrafo a la izquierda de la página, a la derecha, en el centro, justificado y prederminado. Veamoscómo actúan:Alineado a la izquierda: es el activo por defecto.Este es un párrafo de prueba para poder trabajar y observar como FrontPage nos ayuda a usarloscomo nosotros queramos. Este es un párrafo de prueba para poder trabajar y observar comoFrontPage nos ayuda a usarlos como nosotros queramos.Alineado a la derecha.Este es un párrafo de prueba para poder trabajar y observar como FrontPage nos ayuda a usarloscomo nosotros queramos. Este es un párrafo de prueba para poder trabajar y observar comoFrontPage nos ayuda a usarlos como nosotros queramos.Alineado al centro.Este es un párrafo de prueba para poder trabajar y observar como FrontPage nos ayuda a usarloscomo nosotros queramos. Este es un párrafo de prueba para poder trabajar y observar comoFrontPage nos ayuda a usarlos como nosotros queramos.Alineado justificado: estira el texto para que ocupe toda el área de texto.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 58. Computación Tercer Año de Bachillerato Pág. 58Párrafo alineado conjustificado. Podemosobservar como el texto seajusta a los límites de latabla. Esto sucederá tambiénpara un texto cualquiera.Párrafo alineado sinjustificado. Párrafo alineadosin justificado. Párrafoalineado sin justificado.Párrafo alineado sinjustificado.Párrafo alineado prederminado. Puede ser cualquier tipo de alineado. Se aplica el establecido pordefecto.Vamos a aplicar sangrías al párrafo. Para ello abrimos el menú contextual de párrafo y podemosaplicar Sangría, especificando la cantidad de espacio que dejará la sangría en píxeles:• Antes del texto: Deja un espacio a la izquierda del párrafo.• Después del texto: Deja un espacio a la derecha del párrafo.• Primera línea: Deja un espacio a la izquierda de la primera línea.Este párrafo tiene unasangría de antes deltexto. Como podemosobservar, queda unespacio a la izquierdadel texto. En este casoes de 20 píxeles.Este párrafo tiene unasangría de después deltexto. Como podemosobservar, queda unespacio a la derecha deltexto. En este caso es de20 píxeles.Este párrafo tiene unasangría de primera línea deltexto. Como podemosobservar, la primera líneacomienza un poco despuésque las otras. Hemospuesto 20 píxeles.Ahora vamos a trabajar el Espaciado en el propio párrafo y entre párrafos. Si abrimos el menúcontextual podemos observar las siguientes opciones:• Antes de: Deja un espacio antes del párrafo actual. Se especifica en píxeles.• Después de: Deja un espacio después del párrafo actual. Se especifica en píxeles.• Palabra: Deja espacio entre cada palabra del párrafo actual.• Interlineado: Deja espacio entre cada línea del párrafo actual.Vamos a aplicar los espaciados en el siguiente ejemplo:Espaciado antes de: (15píxeles)Espaciado después de: (15píxeles)Espaciado de interlineado:(1,5 líneas)Este es el primer párrafo.Este es el segundo párrafo.Este es el primer párrafo.Este es el segundo párrafo.Esto es un texto. Esto esotro texto del mismopárrafo.Si lo que queremos es introducir un salto de línea, sin introducir un nuevo párrafo, hemos depulsar las teclas MAYÚSCULAS + ENTER.Introducir listas y viñetas.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 59. Computación Tercer Año de Bachillerato Pág. 59Para introducir una lista, tan solo hemos de pulsar sobre el botón lista numerada o lista deviñeta , según el tipo de lista que queramos, e ir pulsando la tecla Intro a medida querellenemos la lista o viñeta, veremos que cada vez que pulsamos Intro la nueva línea empieza porun número o punto según el tipo de lista que hayas elegido. Una vez esté terminada debemospulsar dos veces Intro.Podemos hacer que un texto existente se transforme en una lista numerada o de viñetas,seleccionándolo y pulsando en el botón de lista numerada o lista de viñeta.También podemos variar la forma en que queremos que semuestre la lista: con números, letras del abecedario, etc.Otro tanto podemos hacer con las viñetas, pues podemosusar diferentes símbolos.Para configurar qué símbolos usar, pulsaremos con elbotón derecho del ratón sobre la lista o viñeta, ypulsaremos en Propiedades de lista... Aquí podemos elegirdistintos elementos. Tras pulsar en Aceptar, la lista o viñetase actualizará automáticamente.Se abrirá el cuadro de diálogo Propiedades de lista donde podemos elegir distintos elementos.Tras pulsar en Aceptar, la lista se actualizará automáticamente.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 60. Computación Tercer Año de Bachillerato Pág. 60Así, si tenemos el texto: Al aplicar numeración (en este caso con letras),nos aparece:Temas de FrontPage.Para conseguir un aspecto más atractivo de la página Web o detodas las páginas Web de un sitio, podemos aplicar Temas.Un tema es una combinación de colores, tipos de letras,separadores, etc. que guardan un mismo estilo y tienen unacierta concordancia y una ambientación común.Para aplicar un tema, hacemos clic en la barra de menús enFormato - Tema.Nos aparece el panel de tareas en la sección de Tema comovemos en la imagen de la derecha.Desplazándonoscon la barravertical podemosver los distintostemas quepodemos escoger,al situarnos sobreun tema a su derecha aparece un rectángulo con una flechaapuntando hacia abajo indicando que tiene un desplegable.Si pulsamos sobre la flecha se despliega un menú como el quevemos en la imagen de la derecha que nos ofrece la opción deAplicar como tema predeterminado o Aplicar el tema a lapágina o páginas seleccionadas.Para aplicar un tema debemos hacer clic en las páginas a lasque queramos aplicar el tema haciendo clic en ellas en la vistaExploración y seguidamente escoger el tema.Algunas opciones interesantes son:Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 61. Computación Tercer Año de Bachillerato Pág. 61Colores intensos: Aplicar colores más brillantes de forma que llamen más la atención.Gráficos activos: Activa ciertas animaciones en algunos objetos de la web.Imagen de fondo: Agrega una imagen de fondo, puede servir para añadir el logotipo de laempresa como fondo.Crear tema nuevo...: Nos permite crear un nuevo tema a partir de un tema simple, nos abre eldiálogo Personalizar el tema con un tema simple para que realicemos los cambios que creamosconveniente, cuando tengamos el tema terminado debemos pulsar sobre Guardar como... y nossolicita un nombre para el nuevo tema.También podemos Personalizar el tema, al presionar sobre esa opción aparece el diálogoPersonalizar el tema donde podemos modificar los colores, los gráficos o el texto del tema.Para quitar el tema de la página actual, debemos elegirde la lista de temas, la opción (Sin tema) que es laprimera de la lista de temas disponibles.Uso de WordArtPodemos crear espectaculares títulos para nuestrosdocumentos de una forma rápida y sencilla. Para elloutilizaremos la herramienta WordArt, que tambiénpodemos usar por ejemplo en Word, y que es posibleusar aquí gracias a la integración de las aplicacionesOffice.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 62. Computación Tercer Año de Bachillerato Pág. 62Para usar un objeto WordArt pulsaremos en Insertar - Imagen. Después hacemos clic en la opciónWordArt.Aparece el cuadro de diálogoGalería de WordArt, en la quepodemos elegir el estilo del rótuloque queremos crear. Podemos vercómo quedaría el efecto queelijamos con la palabra WordArt.Hacemos clic en el estilo quequeramos y hacemos clic enAceptar. En este momentoFrontPage nos pide introducir eltexto y sus características en elcuadro de diálogo Modificar textode WordArt.Escribimos el texto del título que queremos crear. También podemos elegir el tamaño y la fuenteque utilizaremos para nuestro título. Después hacemos clic en Aceptar y aparece el texto WordArten nuestra página:Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 63. Computación Tercer Año de Bachillerato Pág. 63Como podemos ver hemos creado un objeto WordArt. Si pulsamos en él podemos variar algunosde sus parámetros en la barra de herramientas de WordArt.También podemos variar el tamaño manualmente estirando de los pequeños círculos que rodeanal objeto WordArt. Si pulsamos en el círculo verde podemos girar el objeto.A continuación tienes un resumen de los comandos de la barra de WordArt:Nota: Al crear el WordArt, FrontPage crea una carpeta donde guarda los archivos que el WordArtnecesita para ser visualizado correctamente. No borres esta carpeta.Prueba evaluativa. Formateo de textoSolo una respuesta es válida por pregunta. Escoja y marque en la respuesta que considerescorrecta.1. Para introducir texto...a) Hacemos clic en Insertar - Texto y escribimos. ( )b) Hacemos clic en la página web y escribimos. ( )2. La barra de formato nos permite cambiar el tamaño de letra, el tipo de letra, etc.a) Verdadero. ( )b) Falso. ( )3. Para cambiar el tamaño de una palabra, hacemos clic delante de esa palabra para colocar elcursor al lado, clic en el campo Tamaño de fuente de la barra de formato.a) Verdadero. ( )b) Falso. ( )4. Podemos cambiar el color de las letras de parte de un párrafo.a) Verdadero. ( )b) Falso. ( )5. Para introducir un nuevo párrafo mientras escribimos tenemos que...a) Hacer doble clic en el texto. ( )b) Pulsar Intro. ( )c) Pulsar el botón derecho del ratón y seleccionar la opción de nuevo párrafo. ( )6. Los iconos significan que...Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 64. Computación Tercer Año de Bachillerato Pág. 64a) Al pulsar en alguno de estos iconos alineamos el párrafo actual: a la izquierda, al centro, a laderecha y con justificado. ( )b) Al pulsar en alguno de estos iconos alineamos el párrafo actual: a la izquierda, con justificado, ala derecha y al centro. ( )c) Estos iconos sirven para definir listas. ( )7. Para transformar un texto en una Lista o Viñeta tenemos que...a) Modificar el texto: tipo, tamaño, color, etc. ( )b) Seleccionarlo y pulsar el botón de lista numerada o una viñeta. ( )c) Pulsar el botón de lista numerada o una viñeta, seleccionar el texto, y pulsar en Aceptar. ( )8. WordArt nos permite crear títulos atractivos de una forma rápida y sencilla:a) Verdadero. ( )b) Falso. ( )9. Un Tema en FrontPage es:a) Un conjunto de tipos de letra parecidos. ( )b) Un grupo de páginas web que guardan relación. ( )c) Una combinación de colores, tipos de letras, separadores, etc. que guardanun mismo estilo. ( )d) Ninguna de las opciones anteriores. ( )10. Para aplicar un Tema debemos:a) Acceder al menú Herramientas - Aplicar Tema. ( )b) Acceder al menú Formato - Tema y seleccionar uno de la lista disponible. ( )c) Diseñarlo nosotros mismos. ( )d) Ninguna de las opciones anteriores. ( )Imágenes.Vamos a ver cómo se usan las imágenes en una página Web, cuáles son los formatos más usadosen Internet y cómo combinar imágenes y texto para tener una Web atractiva.Formatos de imágenes usadas en Internet: GIF, JPG y PNG.Para mostrar fotos o dibujos, se suelen usar principalmente dos formatos de imagen: GIF, JPG yPNG. El primero, GIF, se suele usar para dibujos y pequeñas fotos de pocos colores. JPG es usadopara presentar fotos a todo color y PNG es el llamado a sustituir a los GIF. Pero, ¿qué sonexactamente GIF, JPG y PNG?GIF es una abreviatura de Graphic Interchange Format. Este formato utiliza como máximo 256colores, por lo que al representar una foto puede perderse colorido. Por ello es usado paramostrar dibujos, esquemas, fondos y pequeñas fotos. Tiene varias características interesantes,como son el entrelazado y la transparencia. Al contrario que JPG, que veremos a continuación, nose pierde calidad con este formato.El entrelazado permite que la imagen se cargue en el ordenador que visualiza la página Web pocoa poco, mientras va mostrando versiones de la imagen cada vez más aproximadas a la versiónLcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 65. Computación Tercer Año de Bachillerato Pág. 65normal. Esta característica es interesante para ordenadores con una conexión lenta a Internet,porque el usuario puede decidir que la imagen que se está cargando no le interesa, dejandoentonces esa página para cargar otra. Sin embargo esta característica no se usa muchoactualmente, excepto para páginas Web con muchas imágenes. Un ejemplo del entrelazado seríael siguiente:Imagen original/final Imagen cargandoLa transparencia permite elegir un color de los 256 para hacerlo transparente y representar elfondo que se encuentre detrás del dibujo. Veamos el siguiente ejemplo. El primer logo es un GIFsin transparencia, mientras que el segundo es un GIF con transparencia (hacemos transparente elcolor rojo).Todas estas características podemos cambiarlas con nuestro editor de imágenes favorito.Además de estas características el formato GIF89a una versión de GIF permite contener variasimágenes en la misma imagen consiguiendo una pequeña animación (imagen en movimiento).PNG es una abreviatura de Portable Network Graphics . Este formato puede llegar a tener 48bits, con los cuales puede mostrar trillones de colores. El inconveniente de tanta calidad es quegenera archivos de gran tamaño.Este formato puede llegar a comprimir entre un 10 ó un 30% más que el formato GIF. Esteformato incluye grados de transparencia, entrelazado, corrección de gamma (es el ajuste de luz ysombras) y paletas de colores. Una carencia que tiene este formato es que no tiene la capacidaddel formato Gif89a, es decir no admite imágenes animadas.JPG o JPEG es una abreviatura de Joint Photographic Experts Group. Este formato utiliza 16millones de colores, por lo que es el adecuado para mostrar fotos con gran calidad. Además, JPGpuede comprimir la imagen para que ocupe menos espacio, por lo que grandes imágenes puedenser cargadas con una velocidad aceptable.La compresión tiene un precio, y es la pérdida de calidad con respecto a la imagen original. JPGnos permite comprimir más o menos las fotos, perdiendo más o menos calidad.También podemos elegir la cantidad de barridos (pasadas para dibujar la imagen) antes demostrar la imagen final. Es una característica similar al entrelazado del GIF.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 66. Computación Tercer Año de Bachillerato Pág. 66Veamos un ejemplo de una foto guardada en formato GIF, PNG, en JPG y en JPG con muchacompresión, así como su tamaño para hacernos una idea de cuánto tardaría en cargarse desdeInternet (suponiendo una conexión con módem, que es la más lenta pero la más extendida).FOTO Original FOTO GIF FOTO PNGFOTO JPG pocacompresiónFOTO JPGmuchacompresión188 kb - 22segundos15 kb - 5segundos39 kb - 5segundos6 kb -2segundos3 kb - 1segundoCon imágenes pequeñas a simple vista no notamos demasiado la pérdida de calidad, pero cuandoestamos trabajando con imágenes de grandes dimensiones y deseamos hacer zoom (acercarnos)sobre la imagen es cuando notamos si tiene o no calidad, una imagen con poca calidad no admitezoom, o mejor dicho admite zoom pero la imagen se distorsiona, por cada zoom que hacemosvemos la imagen cada vez más pixelada (los pixel son los puntos de color que tiene una imagen, amayor resolución más pixeles tiene la imagen en un recuadro) y por tanto con menos definición.Todas estas características podemos cambiarlas con nuestro editor de imágenes favorito(Coreldraw, Corel Photo Paint, Photoshop, Fireworks, etc).Insertar una imagen.Vamos a insertar imágenes en nuestra página Web. Laforma más sencilla y rápida es la siguiente:Pulsamos con el ratón sobre el lugar donde queremosponer la imagen.Pulsamos el icono Insertar imagen desde archivo.Nos aparecerá el cuadro de diálogo Imagen:Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 67. Computación Tercer Año de Bachillerato Pág. 67Ahora tan sólo tenemos que elegir la imagen de nuestro disco duro que queremos incluir ennuestra página, pulsando en Insertar para cargarla. Como podemos observar podemos cargardistintos tipos de imagen. FrontPage las guardará automáticamente como GIF si la imagen tiene256 o menos colores, o como JPG si tiene más.Cambiar el tamaño de una imagen.Tras cargar la imagen, es el momento para que ajustemos su tamaño al que más nos interese.Para ello hacemos clic en ella con el botón izquierdo del ratón sobre la imagen y aparecerán 4cuadraditos en la imagen. Pinchando en ellos con el botón izquierdo del ratón y sin soltar,arrastrando el ratón, podemos cambiar el tamaño de la imagen (el ratón cambia de forma cuandolo situamos encima de uno de estos cuadraditos a o ).Para ajustarla en horizontal, pinchamos en los cuadraditos que salen a la derecha o a la izquierda.Para ajustarla en vertical pinchamos en los cuadraditos de arriba o abajo. Para ambos ajustespinchamos en los cuadraditos de las esquinas (arrastramos en diagonal).Cambiar el tamaño de una imagen hace que pueda parecer distorsionada. Esto puede notarsemás o menos según el tamaño original de la imagen. Mientras más cambie una imagen, más sedistorsiona. Si queremos cambiar el tamaño de una imagen conservando todo lo que se pueda laimagen original, debemos usar un programa de tratamiento de imágenes, aunque para pequeñoscambios podemos usar FrontPage perfectamente.El archivo que contiene la imagen no cambia aunque cambiemos su tamaño en FrontPage.Siempre podemos volver al tamaño original, como explicamos en el punto de Propiedades de laimagen.Usar una imagen como fondo de una página.Podemos usar una imagen como fondo de una página Web.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 68. Computación Tercer Año de Bachillerato Pág. 68Para poner una imagen de fondo hacemos clic en Formato y después en Fondo.• En la ventana que se nos abrirá debemos hacer clic en la pestaña Formato y asegurarnosde marcar la opción Imagen de fondo.• Después tenemos que buscar qué imagen queremos poner como fondo, haciendo clic enExaminar.La imagen saldrá como fondo de página y, si no ocupa toda la pantalla, el exploradorautomáticamente la llenará con copias de la imagen.Si queremos cambiar la imagen de fondo repetimos el proceso eligiendo otra imagen, y siqueremos quitar la imagen de fondo, repetimos el proceso desmarcando la opción Imagen defondo.Podemos activar la opción de Convertir en marca de agua. En ese caso el fondo no se desplazacuando nos movemos por la página al subir o bajar la barra de desplazamiento. No todos losexploradores admiten este efecto, por lo que no se recomienda usarlo.Es importante seguir los siguientes consejos cuando usemos fondos:• No usemos imágenes demasiado grandes excepto cuando sea necesario, ya que haránmás lenta la carga de la Web.• Las imágenes deben seguir el estilo de la página, de esta forma conseguiremos que laimagen acompañe la estética de la Web.• Si usamos una imagen oscura, es conveniente usar texto de color claro y viceversa.Cuando la imagen contenga zonas claras y oscuras, evite usar texto en estas zonas.Propiedades de la imagen.Para ver las propiedades de una imagen y modificarlas, hemos de hacer clic en ella con el botónderecho y después hacer clic en Propiedades de Imagen. Nos aparece el cuadro de diálogoPropiedades de imagen, en la pestaña Apariencia tenemos las siguientes propiedades:Podemos cambiar el estilo de ajuste de la imagen respecto del texto. Por defecto, las imágenestienen el estilo Ninguno (nótese el recuadro azul que lo señala), lo que significa que el texto norodeará la imagen, permaneciendo esta sola. Sin embargo, si pulsamos en el estilo de alineaciónLcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 69. Computación Tercer Año de Bachillerato Pág. 69Izquierda, el texto podrá situarse a la derecha de la imagen. Lo contrario sucederá siseleccionamos el estilo de alineación Derecha.Además, podemos fijar otras alineaciones, poner un borde alrededor de la imagen (Grosor delborde:) o separar el texto de la imagen (Espaciado horizontal o vertical). Podemos tambiénespecificar un tamaño fijo o en porcentaje para la imagen.Por defecto la imagen se carga con su tamaño normal, pero modificando estas opciones podemoshacer que aparezca más pequeña o grande, (aunque fijo), especificando un tamaño en píxeles, ohacer que sea variable con el tamaño de la ventana de la página web, especificando un tamaño enporcentaje.Si queremos recuperar el tamaño original de la imagen, tan solo debemos desmarcar la casilla deEspecificar tamaño.Veamos unos ejemplos de ajuste:AJUSTE NINGUNO: Ahora tansólo tenemos que elegir la imagen de nuestro disco duro que queremosincluir en nuestra página, pulsando en Insertar para cargarla. Comopodemos observar podemos cargar distintos tipos de imagen. FrontPagelas guardará automáticamente como como GIF si la imagen tiene 256 omenos colores, o como JPG si tiene más.AJUSTE IZQUIERDA: Ahora tan sólo tenemos que elegir la imagen denuestro disco duro que queremos incluir en nuestra página, pulsando enInsertar para cargarla. Como podemos observar podemos cargar distintostipos de imagen. FrontPage las guardará automáticamente como comoGIF si la imagen tiene 256 o menos colores, o como JPG si tiene más.AJUSTE DERECHA: Ahora tansólo tenemos que elegir laimagen de nuestro disco duroque queremos incluir ennuestra página, pulsando en Insertar para cargarla. Como podemosobservar podemos cargar distintos tipos de imagen. FrontPage lasguardará automáticamente como GIF si la imagen tiene 256 o menoscolores, o como JPG si tiene más.Podemos cambiar otras propiedades en la pestaña General:Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 70. Computación Tercer Año de Bachillerato Pág. 70En Origen de la imagen está la ruta en la que se encuentra la imagen. También podemos poneraquí la dirección de una imagen en una página Web. Con el botón Examinar podemos buscar laimagen en el disco duro y sustituirla por otra si queremos. Con el botón Modificar abriremos unprograma de dibujo con la imagen; por defecto el Paint de Windows.En Tipo aparece el tipo de imagen que hemos cargado, GIF o JPEG. Podemos pasar de un tipo aotro cambiando la selección, aunque no es muy recomendable, ya que pasando de un tipo a otropodemos perder calidad.En Representaciones alternativas podemos poner una imagen de menor resolución para que secargue antes de la versión final, de una forma similar al entrelazado del gif. Primero se cargará laimagen que indiquemos en Baja resolución, y tras ella la versión normal (la que se encuentra en lapágina), que se supone de mayor calidad y, por tanto, de mayor tiempo de carga.También podemos poner un texto que sustituya a la imagen si, por cualquier razón, esta no secargara. Es el campo Texto.También podemos ver, en el caso de que hayamos asignado un hipervínculo a la imagen, eldestino en el campo Ubicación. Si no lo hemos hecho también podemos hacerlo desde aquí.Prueba evaluativa. ImágenesSolo una respuesta es válida por pregunta. Escoja y marque en la respuesta que considerescorrecta.1. JPG, GIF y PNG son tres formatos...a) De páginas web, ambos compatibles en Internet. ( )b) De imagen, muy usados en las páginas Web. ( )2. Una vez insertada una imagen en una página, no se podrá variar su tamaño.a) Verdadero. ( )b) Falso. ( )Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 71. Computación Tercer Año de Bachillerato Pág. 713. De entre estos dos formatos de imagen, uno permite usar transparencias. Este formato esel...a) GIF. ( )b) JPG. ( )4. De los dos formatos de imagen, uno permite comprimir mucho la imagen. Este formato esel...a) GIF. ( )b) JPG. ( )5. Una propiedad de la imagen permite colocar texto alrededor de la imagen. Esta propiedad sellama...a) Alineación o ajuste. ( )b) Representación alternativa. ( )c) Entrelazado. ( )6. Para poner una imagen de fondo tenemos que...a) Hacer clic en Formato - Fondo, en la pestaña Formato, hacer clic en la opción Imagen de fondo.( )b) Hacer clic en Formato - Fondo, en la pestaña Formato, hacer clic en la opción Convertir enmarca de agua. ( )c) No es posible poner una imagen como fondo. ( )7. Para cambiar el tamaño una imagen tenemos que...a) Hacer doble clic sobre la imagen. ( )b) Hacer clic sobre la imagen y después, arrastrar los pequeños cuadraditos que aparecen. ( )c) Seleccionar la imagen con doble clic y pulsar en el botón de ajuste. ( )8. Es conveniente poner el texto del mismo color de la imagen de fondo para conseguir unmejor contraste:a) Verdadero. ( )b) Falso. ( )9. Mientras más compresión tenga una imagen, mejor se verá (formato de imagen JPG):a) Verdadero. ( )b) Verdadero, pero sólo con imágenes de 256 colores. ( )c) Depende de la calidad original de la imagen. Si la imagen es buena no pierde calidad alcomprimir. ( )d) Ninguna de las opciones anteriores. ( )10. De los siguientes formatos de imagen, cuál de ellos permite imágenes animadas.a) GIF. ( )b) PNG. ( )Hipervínculos.Vamos a ver qué son los hipervínculos y como usarlos para hacer navegables nuestro sitio Web,de forma que los usuarios puedan navegar de una página Web a otra. Aprenderemos qué tipos dehipervínculos existen y para qué sirven.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 72. Computación Tercer Año de Bachillerato Pág. 72¿Qué es un hipervínculo?Un hipervínculo es un enlace, normalmente entre dos páginas web de un mismo sitio, pero unenlace también puede apuntar a una página de otro sitio web, a un fichero, a una imagen, etc.Para navegar al destino al que apunta el enlace, hemos de hacer clic sobre él. También se conocencomo hiperenlaces, enlaces o links.Normalmente el destino se puede saber mirando la barra de estado del navegador cuando elratón esté sobre el hipervínculo.Dependiendo de cuál sea el destino, hacer clic en un hipervínculo puede hacer que ocurran variascosas. Si el destino es otra página web, el navegador la cargará y la mostrará, pero si el destino esun documento de Word, el navegador nos dará la posibilidad de abrir una sesión de Word paravisualizarlo o de guardar el archivo.Por lo tanto, podemos usar los hipervínculos para conducir a los visitantes de nuestro sitio webpor donde queramos. Además, si queremos que se pongan en contacto con nosotros, nada mejorque ofrecerles un hipervínculo a nuestro correo electrónico. Vamos a ver cómo hacer todo esto.Tipos de hipervínculos.Existen varios tipos de hipervínculos. Vamos a ver los más usados.Hipervínculo de texto.Un hipervínculo de texto es un enlace que se encuentra asociado a un texto, de forma que sihacemos clic sobre ese texto, navegamos dónde indique el hipervínculo. Por defecto, cuandocreamos un hipervínculo de texto, el texto aparece subrayado y en un color distinto al del textonormal, de forma que el visitante sepa que existe ese enlace. Si volvemos a la página después devisitar el enlace, este aparecerá con otro tono también. Aunque es interesante diferenciar elhiperenlace, es posible que no queramos que aparezca así. Más adelante veremos cómo haceresto.Hipervínculo de imagen.Un hipervínculo de imagen es un enlace que se encuentra asociado a una imagen, de forma que sihacemos clic sobre esa imagen, navegamos dónde indique el hipervínculo. Por defecto. Cuandocreamos un hipervínculo de imagen, la imagen aparece rodeada de un borde con un colorllamativo para que el visitante sepa que existe ese enlace. Al igual que con el texto, más adelanteveremos cómo podemos modificar este comportamiento.Por otra parte, los hipervínculos pueden referirse a páginas del mismo sitio web o de otros sitiosweb.Hipervínculo a una página del propio sitio web (página local).Un hipervínculo local es un vínculo a una página que se encuentra en el mismo sitio web. Estosignifica que el archivo de la página web a la que se refiere el vínculo se encuentra en el mismodisco que la página que contiene el vínculo. Así, para referirnos a ella tan solo basta con poner laruta o dirección en el disco duro. Si se encuentra en la misma carpeta, basta con poner sunombre. Si se encuentra en una carpeta que cuelga de la actual, hay que poner el nombre de lacarpeta y el del archivo.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 73. Computación Tercer Año de Bachillerato Pág. 73Por ejemplo, supongamos que tenemos un vínculo desde esta página a otra llamada curso queestá en la carpeta access. El vínculo sería: access/curso.htmHipervínculo a otro sitio web (página externa).Un hipervínculo externo es un vínculo a una página en Internet. Es un vínculo a cualquier otrolugar fuera del sitio actual. Cuando ponemos un vínculo externo, escribimos la dirección completade la página incluido http://www.... Así, http://www.krauserwin.info.Vamos a explicar las partes de las que se compone una dirección web completa:http --> es el protocolo utilizado para páginas web (HiperText Transfer Protocol)www.krauserwin.info --> es el nombre DNS del servidor del sitio web del profesorHipervínculo a una dirección de correo electrónico.Un hipervínculo a una dirección de correo electrónico es un vínculo que contiene una dirección decorreo. Al pulsar en él, automáticamente se abre el programa de correo que tenga el usuarioinstalado para poder escribir a esa dirección de correo. Por ejemplo, si nuestra dirección decorreo es correo@krauserwin.info, escribiremos esta dirección de correo como dirección alinsertar el hipervínculo.La dirección de correo se descompone en:correo --> nombre del usuariokrauserwin.info --> nombre del servidor de correoIntroducir hipervínculos en el texto.Para introducir un hipervínculo tenemos 3 opciones:Seleccionamos el texto asociado al enlace.A continuación podemos- Pulsar en el menú Insertar y después, en Hipervínculo.- Pulsar el botón de la barra formato.- Presionar Alt + Ctrl + K del teclado.Veamos un ejemplo siguiendo la primera opción.Ahora seleccionaremos las palabras "el País" y pulsaremos en Insertar y después, en el menú quese abre, en Hipervínculo.Aparecerá el cuadro de diálogo Insertar hipervínculoLcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 74. Computación Tercer Año de Bachillerato Pág. 74En Texto: aparece el texto que hemos seleccionado. Podemos cambiar este campo para queaparezca otro texto, cambiando entonces el texto de la página.En Dirección: escribiremos la dirección a dónde nos tiene que llevar el hipervínculo, por ejemplo:http://www.elpais.es. De esta forma crearemos un vínculo a otra página Web, a la que podremosviajar si disponemos de conexión a Internet.Pulsamos en Aceptar.Nótese que el texto cambia de color y aparece subrayado para indicar que es un hipervínculo. Siquisiéramos introducir un enlace al correo, escribiríamos la dirección de correo en Dirección.La pantalla nos mostrará algo similar a esto:Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 75. Computación Tercer Año de Bachillerato Pág. 75Lo que hemos hecho es crear un hipervínculo con la web de El País. Este hipervínculo estáasociado a las letras el País del texto que hemos escrito.Formato del hipervínculo.Hemos de darnos cuenta de que un visitante sabrá que existe un enlace por varios motivos. Elprimero es que el ratón cambia su figura habitual por la de una manita. Además, un hipervínculoaparece por defecto con un color distintivo, normalmente el azul, y aparece subrayado. Además,podemos saber dónde lleva un hipervínculo tan sólo poniendo el ratón encima de él sin hacer clic;en la barra de estado del navegador (abajo a la izquierda), aparecerá el destino (en este casohttp://www.elpais.es). Si pulsamos en el enlace y tenemos conexión a Internet, se debería cargarla página del periódico.De esta forma, se llama la atención sobre la existencia del hipervínculo. ¿Por qué es interesanteque el visitante lo vea? Existen varias razones. En primer lugar lo interesante de una página webes que no tenemos que recorrerla tal y como haríamos con un libro, podemos poner variosenlaces que lleven a distintos destinos, y el visitante podrá elegir lo que quiere visitar.Pongamos por ejemplo una pequeña web sobre un modelo de coche. La página inicial puedehablar sobre el coche en general, sobre su motor, sobre la estética y sobre las opciones decompra. Es una buena idea poner un enlace en cada párrafo que lleve a otras páginas que hablenmás en profundidad sobre cada tema. Así, un visitante interesado sólo en el motor no tendría querecorrer la web entera.Por otra parte, ver los hiperenlaces nos ayuda a navegar fácilmente, porque el visitante sabedónde puede navegar. Por ejemplo, poniendo los textos y los enlaces adecuados página siguiente,página anterior, e índice podemos hacer fácilmente un selector de páginas interactivo.Sin embargo, estéticamente puede que no nos satisfaga. Es posible que, sencillamente, el fondode la página sea azul o que la estética de la página haga que un enlace subrayado no quede bien.No hay problema, se puede cambiar sin problemas seleccionando el texto del hipervínculo yquitando el subrayado y cambiando el color de la letra como vimos en el tema sobre formateo detexto.Introducir hipervínculos en una imagen.Para insertar un hipervínculo en una imagen procederemos de una forma similar a lo queharíamos con un texto. Hemos de pulsar con el botón derecho del ratón sobre la imagen quecontendrá el vínculo, y elegiremos la última opción, Hipervínculo.Una forma equivalente es, tras hacer clic en la imagen, hacer clic en el menú Insertar y después enHipervínculo. Se nos abrirá el menú de Hipervínculo, e indicaremos a dónde conduce el vínculo dela misma forma que hemos hecho con el texto.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 76. Computación Tercer Año de Bachillerato Pág. 76Destino del vínculo.Cuando creamos un vínculo, por defecto elnavegador abrirá la página web destino en lamisma ventana, pero podemos pedirle alnavegador que la abra aparte. Esto es útil porejemplo si queremos abrir una páginaexterna a nuestro sitio pero sin que elvisitante pierda la nuestra.Para hacerlo, al crear el hipervínculo,hacemos clic en el botón Marco de destino...del cuadro de diálogo Insertar hipervínculoEn la siguiente ventana elegimos:Valor pred: No usar marcos. Es el valor pordefecto.El mismo marco: si queremos usar la propia ventana.Nueva ventana: si queremos usar una nueva ventana.Si queremos que todos los hipervínculos de la página actual sean de un determinado tipo,seleccionamos el tipo y hacemos clic en Establecer como valor predeterminado de página.Quitar hipervínculos.Para modificar un hipervínculo tenemos que seleccionar el texto o gráfico que lo contiene y abrirel cuadro de diálogo Modificar Hipervínculo, tras lo cual locambiaremos y pulsaremos en Aceptar.Para quitar un hipervínculo tenemos que seleccionar el textoo gráfico que lo contiene y abrir el cuadro de diálogoModificar Hipervínculo, tras lo cual pulsaremos en el botónQuitar vínculo y pulsaremos en Aceptar.Las Anclas.Un ancla o marcador es una señal invisible que se deja enciertas partes de una página web para acceder directamente aesas partes. Como sabrás, al pulsar en los títulos del índice deeste curso, accedemos a las páginas de cada tema. Pero sipulsamos en algún apartado específico, la página se carga y sedesplaza automáticamente hasta el apartado, sin queLcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 77. Computación Tercer Año de Bachillerato Pág. 77tuviésemos que movernos nosotros desde el principio de la página. Hemos usado anclas.Un ancla tiene este aspecto en FrontPage: .Los marcadores se crean haciendo clic en Insertar y después en Marcador o pulsando Alt+Ctrl+G.Escribimos un Nombre para el marcador y pulsamos en Aceptar. De esta forma introducimos unmarcador, apareciendo el símbolo .Podemos cambiarle el nombre a un marcador o borrarlo. Lo seleccionamos y pulsamos en lasteclas Alt+Ctrl+G o bien, tras seleccionar el marcador, haciendo clic en Insertar y después enMarcador. Entonces le cambiamos el nombre, o bien pulsamos el botón Borrar.Una recomendación para los marcadores es conveniente asignarle un nombre que coincida con laprimera palabra del texto donde se encuentre o la palabra más significativa de la misma. Porejemplo si tuviéramos que asignar un ancla al inicio de esta página, le asignaremos el nombre"anclas" que es la palabra más significativa del título.Para hacer un hipervínculo a un marcador, creamos un enlace a la página que lo contiene. Esindiferente que sea desde la propia página, para desplazarnos por ella, o bien desde otra páginadistinta. Lo único que debemos hacer es añadir el nombre del marcador precedido del símbolo #al final de vínculo.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 78. Computación Tercer Año de Bachillerato Pág. 78Como se puede ver, este enlace carga la página a_10_3_1.htm y nos lleva al marcador"marcador". También podemos poner directamente los marcadores, si hacemos clic en Lugar deeste documento del cuadro Vincular a:Como podemos observar, aparece el marcador. Si existieran otros marcadores, tan sólo haría faltapulsar en el marcador correspondiente para cambiar el vínculo al marcador.Prueba evaluativa. HipervínculosSolo una respuesta es válida por pregunta. Escoja y marque en la respuesta que considerescorrecta.1. Un hipervínculo...a) Es un elemento, que se usa para entrar en Internet. ( )b) Es un enlace que nos permite navegar entre dos páginas web. ( )2. Al usar hipervínculos en nuestras páginas...a) Podemos conducir al visitante por nuestro sitio web. ( )Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 79. Computación Tercer Año de Bachillerato Pág. 79b) Podemos hacer que carguen más rápido. ( )3. Un hipervínculo puede ser externo o interno. El interno...a) Es un vínculo a una página del mismo sitio web. ( )b) Es un vínculo a una parte de la misma página. ( )4. Para asociar un hipervínculo a un texto, hemos de...a) Seleccionar el texto, clic en el menú Insertar, clic en Hipervínculo. ( )b) Hacer clic en el menú Insertar, clic en Hipervínculo y seleccionar el texto en el vamos a poner elvínculo. ( )5. Para poner un hipervínculo en una imagen, tenemos que...a) pulsar con el botón derecho del ratón sobre la imagen y elegir la última opción, Hipervínculo( )b) tras hacer clic en la imagen, hacer clic en el menú Insertar y después en Hipervínculo. ( )c) Las dos respuestas anteriores son verdaderas. ( )6. Un mapa de imagen nos permite...a) Definir dónde se va a colocar una imagen. ( )b) Definir varias zonas en una imagen. Cada una de estas zonas podrá tener un hipervínculodistinto. ( )c) Las dos respuestas anteriores son falsas. ( )7. Para hacer que un hipervínculo cargue la página en una nueva ventana, debemos...a) utilizar la opción de marco de destino. ( )b) utilizar la opción ventana. ( )c) Ninguna de las anteriores. ( )8. Normalmente, un hipervínculo de texto se distingue porque aparece subrayado y al poner elratón encima, éste cambia a una manita:a) Verdadero. ( )b) Falso. ( )9. Para quitar un hipervínculo tenemos que:a) Seleccionar el texto, abrir el menú hipervínculo, pulsar en el botón Quitar vínculo. En un gráficono se puede. Hay que borrarlo e insertarlo de nuevo. ( )b) Un hipervínculo no puede ser quitado. ( )c) Seleccionar el texto o gráfico que lo contiene, abrir el menú hipervínculo, pulsar en el botónQuitar vínculo. ( )TABLAS.Vamos a ver qué son las tablas y cómo trabajar con ellas, para poder presentar datos de formaordenada y para situar en pantalla objetos en un lugar concreto. Las tablas sirven para organizarmejor una página Web, por ejemplo si queremos tener el texto a la izquierda y las imágenes a laderecha utilizaremos una tabla con dos columnas, en la columna izquierda escribiremos el texto yen la columna derecha insertaremos las imágenes.También es muy útil para insertar menús en un lateral de la página y como no para dibujar unatabla como lo haríamos en Word.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 80. Computación Tercer Año de Bachillerato Pág. 80Las tablas en FrontPage2003Lo primero que vamos a hacer es activar la barra de herramientas de tablas. Todas las opcionesque contiene están disponibles en el menú Tabla, pero usar la barra de herramientas de tablas esmás cómodo y rápido.Para activar la barra de herramientas, lo podemos hacer de dos formas:Desde el menú Ver, hacemos clic en Barras deherramientas y después en Tablas.Poniendo el ratón sobre una barra deherramientas hacemos clic con el botón derechodel ratón, se nos abre un menú contextual conlas barras disponibles, seleccionamos la barraTablas.Las tablas son representadas en FrontPage de esta manera:Tabla con borde (3 filas, 2 columnas)Tabla sin borde (1 filas, 2 columnas)Insertar una tablaLo primero que debemos hacer es situar el cursor donde queramos que esté la tabla. Después,para insertar una tabla debemos pulsar en el botón Insertar tabla, que está situado en la barra deLcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 81. Computación Tercer Año de Bachillerato Pág. 81herramientas estándar. Sin soltar, arrastramos el ratón de forma que la tabla tenga tantas filas ycolumnas como queramos.Al soltar el ratón, aparecerá la tabla en pantalla.Por defecto, la tabla ocupa todo el ancho posible de la página y tiene un borde de 1 píxel. Estas yotras propiedades pueden cambiarse fácilmente, como veremos después.Tamaños relativos y tamaños fijos.Es importante saber que, por defecto, el tamaño de las tablas se especifica de manera relativa a laventana. Es decir, si la tabla ocupa la mitad de su pantalla, en un monitor más grande la tabla seredimensionará para ocupar la mitad de esa pantalla. Se dice que su tamaño está especificado enporcentaje. Pero podemos cambiar esto para que el tamaño de la tabla se especifique en píxeles,de forma que su tamaño permanezca constante, independiente del tamaño de la pantalla en laque se muestre.Más adelante veremos cómo elegir una u otra opción.Rellenar las celdasPara rellenar las celdas debemos hacer clic en la celda que queramos rellenar y teclear el textoque queramos. También podemos insertar imágenes u otras tablas.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 82. Computación Tercer Año de Bachillerato Pág. 82Para desplazarnos por las celdas podemos usar los cursores. Otra posibilidad es pulsar la teclatabulador para avanzar y tabulador + Mayúsculas si queremos retroceder celda por celda. Sipulsamos tabulador cuando estemos en la última celda de una tabla, automáticamenteañadiremos una nueva fila a la tabla con el mismo número de columnas que el resto de filas de latabla.La tabla se redimensionará automáticamente según el texto o los objetos que insertemos en ella.Seleccionar los elementos de la tabla.Existen diferentes maneras de seleccionar los elementos de una tabla. La primera es seleccionarcon el ratón el contenido de la celda. Para ello sencillamente hacemos clic en ella.También podemos seleccionar varias celdas haciendo clic en una de ellas y, sin soltar, arrastrandopara seleccionar varias celdas.Otra forma es seleccionar bien las filas de una tabla, bien las columnas de esa tabla. Para ellohemos de situar el ratón en los límites de la tabla, de forma que el puntero cambie de forma,pasando a ser una flecha. Entonces hacemos clic con el botón izquierdo. De esta manera podemosseleccionar filas o columnas de forma individual, pero también podemos arrastrar de formasimilar a la anterior y seleccionar varias filas o columnas.Añadir y eliminar filas y columnas.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 83. Computación Tercer Año de Bachillerato Pág. 83Para añadir filas o columnas tan solo hemos de pulsar el botón derecho del ratón sobre la tabla yelegir la opción insertar filas o la opción añadir columnas. Se nos añadirá automáticamente unafila o una columna delante de la seleccionada.Si tenemos la barra de herramientas Tabla activa, también podemos utilizar los botones paraañadir filas o en columnas rápidamente.Para eliminar filas o columnas tan solo hemos de seleccionarlas previamente, a continuaciónpulsar el botón derecho del ratón sobre la selección, y elegir la opción eliminar filas o la opcióneliminar columnas. Se borrarán automáticamente las filas/columnas seleccionadas. Tambiénpodemos utilizar el icono Eliminar filas de la barra de herramientas Tabla.Cuando pulsamos el botón de nueva página aparece el panelde tareas en la sección de Tablas y celdas de diseño, a continuaciónexplicamos las propiedades y utilidad de este panel.Si pulsamos sobre Formato de celda podemos modificar:• Propiedades de celda de diseñoAncho, Alto, Margen, VAlign (alineación de la celda) puedeser (Superior, Central e Inferior) y BGcolor (color de fondode la celda)• BordesAncho, color.• MárgenesIzquierdo, superior, derecho e inferior.Insertar tabla de diseño --> Insertar una tabla sin diseño de unaúnica celda.Insertar celda de diseño --> Abre el diálogo Insertar celda de diseñodonde podemos especificar el ancho y el alto e indicar si la vamos ainsertar antes o después de la selección.Si tenemos seleccionada una tabla en la sección Propiedades detabla aparece el ancho y el alto de la tabla, podemos alinearla a laizquierda, centrada o a la derecha.Si pulsamos Establecer márgenes de página... nos abre el diálogoPropiedades de página en la pestaña Avanzadas para queindiquemos los márgenes superior, izquierdo, inferior y derecho.En la última sección del panel tenemos Diseño de tabla, dondepodemos escoger un diseño de tabla predefinido, simplemente con seleccionar el diseño que másnos convenga se insertará en nuestra página.Cambiar el tamaño de la tabla y de las celdas.Es muy sencillo cambiar el tamaño de las tablas y de las celdas para adaptarlas a nuestrasnecesidades.Cambiar el tamaño de una tabla de forma interactiva.Para cambiar el tamaño de una tabla tenemos que situar el ratón en el borde la tabla. El ratónadaptará esta forma o esta . Hacemos clic y, sin soltar, arrastramos el ratón, y la tablacambiará de tamaño automáticamente.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 84. Computación Tercer Año de Bachillerato Pág. 84Cambiar el tamaño de una fila, una columna o de celda de forma interactiva.Para cambiar el tamaño de una fila, una columna o de una celda tenemos que situar el ratón en elborde la fila, columna o celda a redimensionar. El cursor adaptará esta forma o esta .Hacemos clic y, sin soltar, arrastramos el ratón, y el elemento cambiará de tamañoautomáticamente.Hay que tener en cuenta que cambiar el tamaño de una celda implica que cambie el tamaño de lafila o de la columna a la que pertenezca, dependiendo de si cambiamos el tamaño a lo alto o a loancho, respectivamente.Cambiar el tamaño de una tabla de forma manual.Para cambiar el tamaño de una tabla de forma manualpulsamos con el botón derecho del ratón sobre la tabla yhacemos clic con el izquierdo en Propiedades de Tabla.Como podemos ver, en la ventana aparecen dos apartadosdenominados Especificar ancho: y Especificar alto:.Cambiándolas podemos redimensionar la tabla. Aquípodemos elegir si queremos que el tamaño se especifique deforma relativa o en píxeles. Normalmente trabajaremos deforma relativa, y sólo utilizaremos la opción en píxelescuando queramos que los elementos que se encuentrendentro de la tabla queden fijos en su posición sea cual sea eltamaño del monitor o de la ventana.El diálogo Propiedades de tabla tiene las siguientespropiedades:En Herramientas de diseñopodemos habilitar o deshabilitar lasherramientas de diseño o indicar,como en este caso, que se habiliteautomáticamente.En Tamaño indicamos el número defilas y de columnas.En Diseño elegimos la alineación losmárgenes de celda o el espaciadoentre celdas entre otras opciones.En Bordes seleccionamos el tamañoo el color.En Fondo podemos seleccionar uncolor o insertar una imagenpulsando sobre el botón Examinar...Podemos establecer los cambiosrealizados como predeterminadosLcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 85. Computación Tercer Año de Bachillerato Pág. 85para nuevas tablas señalando la última casilla Establecer como predeterminado para tablasnuevas del diálogo.Si pulsamos sobre el botón Estilo... podemos modificar el estilo de la tabla.Cambiar el tamaño de una fila, una columna de forma manual.Para cambiar el tamaño de una celda de forma manual debemos seleccionar la fila o columna enprimer lugar. Después pulsamos con el botón derecho del ratón sobre la fila o columna y hacemosclic con el izquierdo en Propiedades de Celda....Aparece el cuadro de diálogo Propiedades de celda, parecido al de Propiedades de tabla, en eltenemos dos opciones Especificar ancho y Especificar alto. Para cambiarlas tenemos que marcarla opción, después elegir el alto o ancho, y la unidad (En píxeles o En porcentaje).Normalmente trabajaremos de forma relativa (en porcentaje), y sólo utilizaremos la opción enpíxeles cuando queramos que los elementos que se encuentren dentro de la tabla queden fijos ensu posición sea cual sea el tamaño del monitor o de la ventana, por ejemplo en los formularios.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 86. Computación Tercer Año de Bachillerato Pág. 86monitor 15 pulgadasEn ambos casos laventana se distanciadel margen izquierdoun 15%. El tamaño dela imagen en cambioes absoluto y por esoes igual de grande enambos monitores.monitor 17 pulgadasVentajas e inconvenientes de usar tamaños fijos y tamaños relativos: Usamos tamaños fijoscuando la posición de los elementos es importante. Esto hace que el aspecto de la página sea elmismo en cualquier monitor. Sin embargo, una página web en un monitor de 15 pulgadas puedeparecer pequeña en uno de 17 pulgadas. Usamos tamaños relativos cuando queremos que loselementos se sitúen aprovechando el tamaño del monitor del visitante.Dar formato a las celdas.Dar formato a la tabla la hace más atractiva a la vista. Además, podemos dar formato adeterminadas celdas cuyo contenido queramos destacar.Vamos a utilizar en primer lugar el autoformato de tablas. Hacemos clic en cualquier lugar de latabla a la que queramos dar formato.Pulsamos en el botón Autoformato de tablas de la barra de herramientas Tablas:Nos aparecerá el cuadro de diálogoAutoformato de tablas dondepodemos elegir varios formatos detabla de la lista Formatos:A la derecha nos aparece un ejemplode tabla con ese formato para quenos hagamos una idea de cómoquedará la tabla.Además, podemos hacer quedeterminados formatos se apliqueno no dependiendo de si losseleccionamos o no en el apartadoFormatos para aplicar.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 87. Computación Tercer Año de Bachillerato Pág. 87Lo ideal es jugar con las opciones hasta que la tabla tenga el aspecto deseado.Podemos cambiar el aspecto de una tabla tantas veces como queramos.Cuando estemos satisfechos, pulsaremos en Aceptar.Por otra parte, puede que nos interese hacer que una o más celdas sean distintas a las demás.Para ello las seleccionamos y hacemos clic con el botón derecho sobre una de ellas.Elegimos Propiedades de celda.Se nos abrirá el cuadro de diálogo Propiedades de celda.Podemos cambiar el color defondo de una celda haciendo clicen la propiedad Color: delapartado fondo o insertar unaimagen pulsando el botónExaminar... y buscándola ennuestro disco duro.También podemos cambiar elborde de forma similar.Haciendo clic en Alineaciónhorizontal y vertical podemoscolocar el contenido de unacelda donde queramos.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 88. Computación Tercer Año de Bachillerato Pág. 88Poner una imagen de fondo.Podemos poner un color o una imagen de fondo en una tabla para hacerla más atractiva. Veamosun ejemplo:Esto es una tablacon fondode colorazulTabla con color de fondoEsto es una tablacon Imagen de fondoTabla con imagen de fondoHacer esto es sencillo. Hemos de pulsar el botón derecho del ratón sobre la tabla y elegir laopción Propiedades de tabla.... En el apartado Fondo elegiremos la opción Color si queremosponer un color de fondo, y si queremos usar una imagen haremos clic en Utilizar una imagen defondo, y después escribiremos el nombre de la imagen o la buscaremos con el botón Examinar....Si la imagen es más pequeña que la tabla, el navegador repetirá la imagen tantas veces como seanecesario para rellenar toda la tabla.Si queremos quitar la imagen, tan solo hemos de desactivar Utilizar una imagen de fondo. Siqueremos quitar el color para que la celda sea transparente, podremos en color el Automático.Podemos hacer esto también para una celda. Se procede de forma similar pero abrimos el cuadrode diálogo Propiedades de la Celda.Es importante seguir los siguientes consejos cuando usemos fondos:• No usemos imágenes demasiado grandes excepto cuando sea necesario, ya que haránmás lenta la carga de la Web.• Las imágenes deben seguir el estilo de la página, de esta forma conseguiremos que laimagen acompañe la estética de la Web.• Si usamos una imagen oscura, es conveniente usar texto de color claro y viceversa (en elprimer ejemplo el texto no se lee bien porque el fondo y el texto son de color oscuro losdos. Cuando la imagen contenga zonas claras y oscuras, evite usar texto en estas zonas. Elfondo elegido en el segundo ejemplo es un ejemplo de lo que no hay que hacer.Prueba evaluativa. TablasSolo una respuesta es válida por pregunta. Escoja y marque en la respuesta que considerescorrecta.1. Para insertar una tabla, hacemos clic en el icono de la derecha y...a) Nos pide el número de filas y columnas y dónde dejar la tabla. ( )b) Sin soltar, arrastramos el ratón, eligiendo el número de filas y columnas. ( )2. Decimos que una tabla tiene el tamaño relativo si la tabla cambia de tamaño según el tamañode la ventana.a) Verdadero. ( )b) Falso. ( )Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 89. Computación Tercer Año de Bachillerato Pág. 893. Para desplazarnos por las celdas de una tabla, podemos usar los cursores o la tecla tabulador,esta equivale a pulsar el cursor de ir a la derecha.a) Verdadero. ( )b) Falso ( )4. Para cambiar el tamaño de una fila, una columna o de una celda podemos situar el ratón enel borde del elemento, hacer clic y arrastrar.a) Verdadero. ( )b) Falso. ( )5. Una tabla con tamaño fijo nunca se redimensiona según el texto y los objetos que insertemosen ella...a) Verdadero. ( )b) Falso. ( )6. El icono significa...a) Insertar filas. ( )b) Insertar columnas. ( )c) Ninguna de las anteriores. ( )7. Podemos poner un fondo personalizado a una tabla, pero, ¿podemos hacer lo mismo con unacelda?...a) Sólo podemos hacerlo con una tabla. ( )b) Podemos hacerlo si la tabla no tienen fondo. ( )c) Podemos hacerlo siempre. ( )8. Para que una tabla ocupe la mitad de la pantalla, en sus opciones pondremos la opciónEspecificar ancho a 50 en porcentaje.a) Verdadero. ( )b) Falso. ( )9. ¿Cómo podemos activar la barra de herramientas de Tablas?a) Desde el menú Ver, clic en Barras de herramientas, clic en Tablas. ( )b) Desde el menú Herramientas, clic en Barras de herramientas, clic en Tablas. ( )c) Desde el menú Herramientas, clic en Complementos y clic en Tablas. ( )d) Desde el menú Insertar, clic en Complementos y clic en barra de tablas. ( )10. El icono sirve para...a) Añadir filas. ( )b) Añadir columnas. ( )c) Ambas son correctas. ( )d) Ninguna es correcta. ( )MARCOSVamos a aprender qué son los marcos y cómo usarlos.Los marcos en FrontPage.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 90. Computación Tercer Año de Bachillerato Pág. 90Un marco es una división de la ventana del explorador en dos o más regiones. En cada una deellas podemos colocar una página Web. Por ejemplo, podemos dividir la pantalla en dos y cargarel índice de una Web en un marco y el contenido de la Web en el otro. Veamos un ejemplo:En FrontPage podemos ver los marcos como barras grises, horizontales o verticales.Los marcos en realidad no contienen nada más que referencias a las páginas Web que se vancargando en ellos. Desde FrontPage podemos variar fácilmente su tamaño, su número, elegir quépáginas cargarán, etc.Ventajas e inconvenientes de los marcos: Actualmente el empleo de los marcos se ha reducidobastante. En el pasado cargar un menú lateral era costoso debido a la baja velocidad a la que seaccedía a Internet, pero en la actualidad la carga de este menú no supone algo apreciable por elusuario. Además, el tener varios marcos puede llevarnos a tener un pequeño lío, ya que siemprehemos de recordar qué cosas van en cada marco. Como ventaja, los marcos ofrecen la posibilidadde separar menús de contenido y así no tener que repetir el menú en todas las páginas del sitio.Insertar un marco.FrontPage no permite insertar marcos libremente, sino que nos obliga a utilizar una de lasplantillas de marcos que hay predefinidas. Entonces podremos cambiarla como queramos,añadiendo o quitando marcos, cambiando su tamaño, etc.Vamos a crear una Web con marcos. Hacemos clic en el menú Archivo, después en Nuevo. En elpanel de tareas que aparecerá a la derecha hacemos clic en Más plantillas de página.... ElegimosPáginas de marcos y a continuación nos aparecerán varias plantillas predefinidas.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 91. Computación Tercer Año de Bachillerato Pág. 91Vamos a trabajar con la plantilla cuya configuración es la más usada en Internet: Titular ycontenido. Consiste en dividir la página Web en tres: Una superior, que contiene un título, unalateral, que suele contener un índice, y una central, en la que se verá el contenido de la Web.Es importante saber que cada marco tiene un nombre, que nos sirve para poder usarloindividualmente como más adelante explicaremos.En este caso, FrontPage asigna los siguientes nombres:Para el Marco del título: titular.Para el Marco del Índice: contenido.Para el Marco principal: principal.La imagen que podremos ver en nuestro ordenador es esta:Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 92. Computación Tercer Año de Bachillerato Pág. 92Nada más crear la Web desde una plantilla de marcos debemos configurar cada marco para quecargue una página Web. Podemos crear páginas nuevas en cada marco, pulsando en Nuevapágina o cargar páginas ya hechas, con el botón Establecer página inicial....Pulsemos en Nueva página en cada marco.Crearemos tres páginas Web distintas en blanco. Es importante saber que NO estamos creandouna página Web como hacíamos antes, sino tres, más la página que contendrá el código de ladivisión de marcos. Vamos a comprobarlo.Escribamos "esto es título" en el marco de título, que es el superior. Escribamos "esto es el índice"en el marco de la izquierda, que es el marco del índice, y "aquí va el contenido" en el marcocentral, que es el marco de principal.La pantalla tendrá el siguiente aspecto:Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 93. Computación Tercer Año de Bachillerato Pág. 93Guardar páginas con marcos.Ahora vamos a hacer clic en Archivo y después en Guardar.Nos aparecerá la pantalla habitual para guardar los archivos, con la salvedad de que nosaparecerá el esquema de marcos. Iremos guardando el contenido de cada marco por separado, yaque cada uno es una página Web. Sabremos cual página guardamos en cada momento ya queaparece resaltada en azul en la figura. Cuando aparece el fondo resaltado, y no los marcos, esporque es el momento de guardar la página que guarda el código de los marcos. Llamemos a estapágina index.htm. Esta es la página que debemos cargar en el navegador para poder ver lasdemás en los marcos.Si queremos modificar cada página por separado debemos abrirlas, editarlas y guardarlas.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 94. Computación Tercer Año de Bachillerato Pág. 94Si queremos trabajar con todas a la vez en otra sesión, tan sólo hemos de abrir el archivo demarcos.Configurar un marco.Podemos modificar las características de un marco para que cumpla con nuestros objetivos.Lo primero que podemos hacer es cambiar el tamaño de los marcos. Para ello pulsaremos sobrelos límites de los marcos con el botón izquierdo del ratón y, sin soltar, arrastraremos los límites.Una vez tenga el aspecto que deseemos es conveniente guardar la página.Otro aspecto interesante que podemos configurar es el aspecto de cada marco.Podemos mostrar los bordes de los marcos en el navegador. Para ello hacemos clic con el botónderecho del ratón dentro del marco cuyas opciones queremos cambiar. Hacemos clic enPropiedades del marco.Ahora pulsamos en el botón Páginas deMarcos.Estas son las opciones más interesantes:Nombre y Página inicial. Aquí seespecifica el nombre del marco y lapágina Web que contiene.Estos dos parámetros son muyimportantes, ya que podemos referirnos acada marco por separado con el nombredel marco. Por otra parte, desde aquípodemos cambiar la página que carguecada marco.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 95. Computación Tercer Año de Bachillerato Pág. 95Tamaño del marco. Podemos ajustar el tamaño de los marcos desde aquí.Aparecerán dos campos, Ancho y Alto, que cambiarán a Ancho de fila o Ancho de columna cuandoexista un marco en la misma fila o en la misma columna.En las opciones de la derecha podemos elegir Relativo, para cambiar el tamaño respecto a losotros marcos.Por cierto, para cambiar el tamaño respecto a la página, y finalmente Píxeles, para especificar untamaño fijo.En el apartado Márgenes modificamos los márgenes del marco como deseemos.Mostrar barras de desplazamiento. Para el marco de título o el de índice, no suele ser necesarioactivarla, pero para el marco de contenido es interesante activarla si la página que va en estemarco ocupa más espacio del que la ventana dispone.Elegiremos en Mostrar barras de desplazamiento si queremos que aparezcan, si no queremos queaparezcan o que aparezcan de forma automática Si es necesario. Esta última opción es pordefecto la elegida y la más recomendable.Pulsando en el botón Página de Marcos..., activaremos o desactivaremos la casilla Mostrar bordessi queremos o no que estos aparezcan.Las llamadas a un hipervínculo desde un marco.Un problema muy común es hacer una página con el índice para una web con marcos y descubrircómo, al pulsar sobre los hipervínculos, las páginas se cargan en el marco del índice y no en elmarco principal, que es lo que nos gustaría.Para conseguir que los vínculos del índice carguen páginas en el marco principal debemos hacer losiguiente al crear el hipervínculo:Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 96. Computación Tercer Año de Bachillerato Pág. 96Creamos un hipervínculo de la forma que ya hemos aprendido:Además de configurar el enlace de la forma habitual,haremos clic en el botón en Marco de destino....Aparecerá el cuadro de diálogo Marco de destino:Hacemos clic en la figura para mostrar el marcodestino en el que se cargará la página del enlace yguardamos el enlace. Su nombre aparecerá en elcampo Destino. Tenemos que repetir esto para cadaenlace cuyo destino queramos que sea un marcodistinto en el que esté.En el caso explicado, deberíamos pulsar en el marcoen azul, que es el principal. Atención, esto sólo sedebe hacer para los enlaces que estén en el marcodel índice, no en los que estén en el propio marco principal, que se harán de la forma normal.Comentemos todas las opciones:Valor pred (principal): No usar marcos. Es el valor por defecto.El mismo marco: si queremos usar el propio marco para cargar la página de destino.Toda la página: si queremos cargar la página de destino en la actual, ocupándola toda yeliminando el contenido (incluido los marcos).Nueva ventana: si queremos usar una nueva ventana para cargar la página de destino.Marco primario: si queremos usar el marco padre del marco actual.Si queremos que todos los hipervínculos de la página actual sean de un determinado tipo,seleccionamos el tipo y hacemos clic en Establecer como valor predeterminado de página.Prueba evaluativa. MarcosSolo una respuesta es válida por pregunta. Escoja y marque en la respuesta que considerescorrecta.1. ¿Qué es un marco?...a) Un marco es una división de la estructura del sitio web en dos regiones, una para datos y otrapara páginas web. ( )b) Un marco es una división de la ventana del explorador en dos o más regiones. ( )Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 97. Computación Tercer Año de Bachillerato Pág. 972. ¿Por qué se usan menos los marcos que hace unos años?a) Porque hoy en día los navegadores no los soportan, siendo incompatibles con ellos. ( )b) Porque actualmente el ahorro de tiempo en la carga de un menú que se encuentre en unmarco no es apreciable, y usar marcos puede ser en ocasiones confuso. ( )3. Para insertar un marco debemos...a) Hacer clic en el icono correspondiente en la tabla de tareas. Después hemos de elegir la clasede marco a insertar. ( )b) Al crear una página, debemos elegir en Plantillas de página Páginas de marcos y a continuaciónnos aparecerán varias plantillas predefinidas. ( )4. Cuando guardamos, se guarda una página con la definición de los marcos a parte de laspáginas que van dentro de cada marco.a) Verdadero. ( )b) Falso. ( )5. Para cambiar el tamaño de los marcos debemos...a) pulsar con el botón derecho del ratón y seleccionar la opción Tamaño de Marco. ( )b) No se puede cambiar el tamaño de un marco. ( )c) pulsar sobre los límites de los marcos con el botón izquierdo del ratón y, sin soltar, arrastrar loslímites. ( )6. Para cambiar la página web que muestra un marco hacemos clic con el botón derecho dentrodel marco, clic en Propiedades del marco y cambiamos el campo...a) página a mostrar. ( )b) página inicial. ( )c) nombre. ( )7. Un marco puede ser problemático con los hipervínculos porque ...a) Si no especificamos el marco de destino correcto, la página del vínculo se cargará donde nodebe. ( )b) Un marco no es problemático con los hipervínculos ya que no los admite. ( )c) Sólo admite vínculos que cargue páginas en el mismo marco. ( )8. En FrontPage podemos ver los marcos como barras grises, horizontales o verticales.a) Verdadero. ( )b) Falso. ( )9. Cuando definimos un marco, la página que contiene debe existir ya antes de crear el marco.a) Verdadero ( )b) Falso. ( )10. Para qué sirve el botón Establecer página inicial que aparece al crear una página conmarcos.a) Para que siempre muestre la misma página.b) Para asociar una página existente al marco como página inicial.c) Ninguna es correcta.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 98. Computación Tercer Año de Bachillerato Pág. 98ELEMENTOS INTERACTIVOS Y MULTIMEDIA.Vamos a insertar elementos interactivos y multimedia en nuestras páginas Web. Aprenderemos autilizar sonidos y animaciones, poner vídeos y otros efectos especiales que mediante código HTMLno es posible.IntroducciónUna página Web puede tener distintos tipos de elementos interactivos y multimedia. Unelemento interactivo es un elemento que puede cambiar dependiendo de cómo actúe el usuario.Un elemento multimedia puede ser un sonido, una canción, una animación, un vídeo...Ambos tipos de elementos pueden darle vida a una Web, pero utilizar en exceso esta clase deelementos hará que la carga de nuestra Web sea lenta y engorrosa, por lo que los visitantespodrían perder el interés. Por lo tanto, hemos de usarlos con mesura.Existen objetos que son una mezcla de ambos, como son las animaciones Flash. Estas animacionespueden incluir sonidos e imágenes, y además ser interactivas.Un problema común, además de la lentitud de carga, es la compatibilidad. No todos los efectosson soportados por todos los navegadores, en especial por los navegadores más antiguos.FrontPage nos ofrece algunas ayudas para resolver este problema. En general, si un navegador nosoportara un efecto en particular, sencillamente lo ignora, por lo que en general nuestra Webpodrá seguir siendo visitada, aunque sin ese efecto.Botones para desplazarseVamos a ver cómo crear manualmente algunos botones básicos que son muy usados en lamayoría de las páginas web, así como crear botones que en vez de texto contengan imágenes.Los primeros botones que vamos a crear son:Botón Atrás: vuelve a la página anterior, si la hubo.Botón Siguiente: vuelve a la página de la que volvemos, si la hubiese.Botón Subir/Bajar: En una página web extensa, nos permite desplazarnos arriba y abajoinstantáneamente.Para crear un botón Atrás, hacemos clic en el lugar dónde queremos que esté el botón.Entonces hacemos clic en la vista HTML para ver el código y, en el lugar dónde se encuentre elcursor, añadimos esto:<FORM><INPUT TYPE="button" VALUE="Atrás" onClick="history.back()"></FORM>Si lo que queremos es un botón Siguiente, hacemos lo mismo con:<FORM><INPUT TYPE="button" VALUE="Adelante" onClick="history.forward()"></FORM>Estos son los botones:history.back --> mira en el histórico del navegador y accede a la anterior página visitada.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 99. Computación Tercer Año de Bachillerato Pág. 99history.forward --> realiza el caso contrario, mira en el histórico delnavegador y accede a la siguiente página.Ahora vamos a hacer algo más sofisticado: vamos a crear unbotón para desplazarnos por la página. Se trata del típico botónSubir/Bajar.Para crear el botón, hacemos clic en Insertar y después enComponente Web.En el cuadro de diálogo Insertar componente Web que apareceráelegimos Efectos dinámicos y Botón interactivo aunque tambiénpodemos hacer clic directamente sobre el botón Botóninteractivo... del menú Insertar.En sus propiedades, ponemos lo quequeramos que salga en el botón en Texto delbotón.Para crear un vínculo al ancla, escribimos sunombre precedido del símbolo #.Supongamos que el ancla que hemos creadose llama ancla (en un alarde de originalidad).Como vemos en el dibujo en el campoVínculo, hemos escrito #ancla.El resto de opciones las configuramos comoqueramos.Podemos poner tantas anclas comoqueramos, siempre que no mezclemos susnombres.Como ejemplo, al pulsar este botón iremos hacia arriba, al principio del apartado.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 100. Computación Tercer Año de Bachillerato Pág. 100Botones con imagenPara crear un botón con imagen tenemos que tener la imagen en formato bmp, jpg, gif.También podemos usar otros formatos menos conocidos (tga, wmf, etc). Es importante resaltarque bien podemos poner un ancla, bien podemos poner un vínculo normal, la única diferenciarespecto a un botón tradicional es la forma.Para crear el botón seguimos los siguientes pasos:Del menú Insertar elegimos la opción Imagen - Desde archivo.... Y seleccionamos la imagen queutilizaremos como botón.Además de esto abrimos la barra efectos DHTML. Esta barra se compone de varios desplegables ysirve para aplicar efectos dinámicos a diferentes elementos como imágenes o texto.En el primer desplegable seleccionamos el evento que deseamos que lleve a cabo (clic, doble clic,al pasar el mouse, al cargar la página), después dependiendo del evento seleccionado se puedeaplicar unos efectos u otros y por último elegimos la configuración.El penúltimo botón sirve para quitar el efecto y el último botón resalta los efectos dinámicos quehay en la página.Si queremos que la imagen cambie al pasar el ratón sobre la imagen, debemos seleccionar elevento Pasar el mouse en Aplicar seleccionamos Intercambiar imágenes y en elegir configuraciónseleccionamos la segunda imagen que aparecerá al pasar el ratón por encima.Propiedades de los botones interactivos.Propiedades de los botones interactivos.En esta pestaña se puede seleccionar la fuentedel botón, el estilo y el tamaño.Además de esto en Color original podemosseleccionar el color que de normal se verá alcargar la página.En Color al activar seleccionamos el color quese verá al situar el ratón encima.En Color al hacer clic podemos seleccionar elcolor que deseamos ver al presionar sobre elbotón.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 101. Computación Tercer Año de Bachillerato Pág. 101Añadir música de fondo a la página Web.Vamos a añadir música a nuestra página. Esto puede aportar cierta personalidad a nuestra página.No obstante puede llegar a ser un poco molesto oírla cada vez que un visitante la vea. Podemosconfigurar la melodía para que suene una, varias veces o de forma indefinida.Con elementos repetitivos como música de fondo, una imagen en movimiento o videos debemostener mucha cautela porque suelen llegar a cansar demasiado al visitante, si saturamos la páginacon imágenes gif en movimiento sobrecargan demasiado la página, es más conveniente tenerpocos elementos interactivos y multimedia pero bien situados. Y si ponemos una melodía defondo debe ser relajante, que se oiga pero que no moleste.Para insertar música esta debe estar en uno de estos formatos: wav, midi, au, real audio o aiff. Detodos ellos, el más conocido es el formato wav.Este formato reproduce música con fidelidad, pero ocupa mucho espacio debido a que no utilizaningún tipo de compresión, por lo que lo usaremos para melodías cortas. Por otra parte, elformato MIDI ocupa poco espacio pero suena artificial. Podemos encontrar gran variedad demelodías gratis en Internet.Pulsamos con el botón derecho en cualquier parte de la páginaWeb, y hacemos clic en Propiedades de Página. Hacemos clic enla ficha General, si no está seleccionada, y buscamos el apartadoSonido de Fondo.Hacemos clic en Ubicación y escribimos el nombre del archivoque contiene la melodía, o bien puedes buscarlo con el botónExaminar...En Bucle, podemos elegir el número de veces que se repetirá la melodía. También podemos hacerque la melodía se repita indefinidamente, activando la opción Siempre.Este es un ejemplo de añadir el archivo town.mid que podemos encontrar al instalar Windows XP.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 102. Computación Tercer Año de Bachillerato Pág. 102Añadir un vídeo a la página Web.Insertar un vídeo es muy sencillo. Tan sólo hemos de hacer clic en el lugar de la Web dóndequeramos poner el vídeo y hacer clic en Insertar, después en Imagen y finalmente en vídeo.Buscamos el archivo de vídeo y hacemos clic en Abrir.El formato del vídeo debe ser avi, asf, ram o ra. De todos ellos el más usado es el avi, ya que es unestándar de vídeo en Windows, y no requiere de ningún componente extra para ser reproducido.Alcanza resoluciones de 320 x 240 píxels y 30 frames/segundo. Por defecto, al insertar un vídeoFrontPage nos mostrará la primera imagen del vídeo.Debemos configurar si queremos que la reproducción sea continua o no. Para ello pinchamos conel botón derecho del ratón sobre el vídeo y hacemos clic en Propiedades de imagen....En el campo Origen de vídeo aparece el nombre del archivo del vídeo.En Bucle podemos configurar el número de veces que se reproducirá el vídeo antes de pararse ohacer que sea continuo, seleccionando Siempre.Podemos hacer que haya un retardoentre una reproducción y otraespecificando el número de milisegundos(1000 milisegundos=1 segundo) enRetardo de bucle.Finalmente el vídeo puede iniciarse alabrirse la página (opción Al abrir archivo,es la opción por defecto), o al pasar elratón sobre él (opción, al pasar elmouse).Por último, podemos cambiar el tamañode un vídeo pinchando en la imagen yarrastrando los cuadraditos negros.Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 103. Computación Tercer Año de Bachillerato Pág. 103Podemos hacer esto con más precisión en Propiedades de Imagen, pestaña Apariencia y tamaño.Aquí aparecen además otras opciones, como la alineación, que funcionan de la misma forma quecon las imágenes.MarquesinasSe trata de un efecto en el cualun texto se desplaza por lapantalla. Es muy usado tantopara llamar la atención sobre untexto, que puede ser depublicidad, de noticias, etc.Para crear una marquesinaseguiremos los siguientes pasos:Hacemos clic en el menúInsertar. Después enComponente Web.Elegimos Marquesina. Hacemosclic en Aceptar.Nos aparece el siguiente cuadro de diálogo:Texto es el texto de la marquesina. No hay límite de longitud, así que escriba aquí cuanto quiera,aunque aconsejamos que el texto no sea excesivamente largo porque si no se hará eterno y losvisitantes no terminaran de leerlo.Dirección: El texto se moverá hacia el lado aquí indicado.Velocidad: Variando sus parámetros, cambia la velocidad a la que aparece el texto. Es unparámetro muy importante, si es demasiado rápido, no podrá leerse el texto, y si es demasiadolento, acabará siendo aburrido y no llamará la atención.Comportamiento: Configura cómo se presenta el texto.Con Desplazar aparece por un lado y desaparece por el otro. Con Deslizar aparece por un lado yrebota al llegar al final.Ancho y Alto es el tamaño de la marquesina.Repetir: El texto puede aparecer un número limitado de veces (y desaparecer) o continuamente.Prueba evaluativa. Elementos interactivos y multimedia.Solo una respuesta es válida por pregunta. Escoja y marque en la respuesta que considerescorrecta.1. Un elemento interactivo...a) Es un elemento que puede cambiar dependiendo de cómo actúe el usuario. ( )b) Es un elemento que puede ser un sonido, una canción o un video. ( )Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007
  • 104. Computación Tercer Año de Bachillerato Pág. 1042. Un elemento multimedia...a) Es un elemento que puede ser un sonido, una canción o un video. ( )b) Es un elemento que puede cambiar dependiendo de cómo actúe el usuario. ( )3. Accediendo por el menú Insertar - Componente Web podemos insertar elementosinteractivos..a) Verdadero. ( )b) Falso ( )4. El botón del menú Insertar sirve para insertar un botón interactivo.a) Verdadero. ( )b) Falso. ( )5. La barra de efectos DHTML sirve para...a) Aplicar formatos especiales. ( )b) Agregar efectos a diferentes elementos como el texto o imágenes. ( )c) Aplicar efectos a toda la página web. ( )6. Podemos modificar la forma y colores de los botones interactivos.a) Si ( )b) No ( )7. En una página Web podemos insertar música de fondo, pero podemos insertar cualquier tipode archivos de música.a) Si ( )b) No ( )8. Para insertar música de fondo debemos hacer lo siguiente...a) En propiedades de página seleccionamos un archivo de sonido. ( )b) Entrar en las propiedades de la página y en la ficha General en el apartado sonido de fondoseleccionamos el archivo. ( )c) En Herramientas - Melodía de fondo. ( )9. Podemos insertar videos en una página Web.a) Si ( )b) No ( )10. Que tipos de vídeos podemos insertar en una página Web.a) Ninguno, no se puede. ( )b) Archivos mpg, wmv, mov , avi (divx, xvid). ( )c) Archivos avi, asf, ram o ra. ( )Lcdo. Terán Y. Euler V. http://www.krauserwin.info Unidad III. Publisher 2007