GUIA No. 2: Microsoft FrontPage Objetivo: Poner al docente-estudiante en primer contacto con el software de edición y creación de páginas Web en ambiente gráfico. Fecha: 26/04/2004 Preparada por: José Miguel Cubillos Munca Actividades: Introducción al GUI (Gaphical User Interface) Ingrese al aplicativo Microsoft FrontPage lo cual puede ser a partir de hacer clic en Inicio – Todos los programas - Microsoft FrontPage, siéntase en confianza verificando la similitud de este con los otros aplicativos de Office como Word. 1. Escriba en el primer renglón: MI PRIMERA PÁGINA 2. En el segundo renglón: este es mi primer intento de hacer una página Web. 3. En el tercer renglón: Esta es mi Escuela Superior de Administración Publica E.S.A.P 4. Centre el primer renglón y formatéelo con tipo de letra 6 (24 pto), color rojo. 5. Resalte el segundo renglón en amarillo 6. En la parte inferior ubique la pestaña <>HTML y haga clic sobre ella. Observará un bloque de código que contiene entre otros los siguientes: <html> <head> <title>Pagina nueva 1</title> </head> <body> <p align="center"><span lang="ES-CO" style="font-family: Tahoma"> <font size="6" color="#FF0000">MI PRIMERA PÁGINA</font></span></p> <p> <span lang="ES-CO" style="font-size: 10.0pt; font-family: Tahoma; background-color: #FFFF00"> Este es mi primer intento de hacer una página Web.</span></p> <p><span lang="ES-CO" style="font-size: 10.0pt; font-family: Tahoma">Esta es mi Escuela Superior de Administración Publica&nbsp; E.S.A.P</span></p> </body> </html> Revise en dicho código las siguientes características: • • • • Hay una serie de palabras entre unos bakets < > las cuales representan instrucciones y se llaman TAGs. Comienza con <html> y termina con </html> Hay dos secciones: Cabeza <head> y Cuerpo <body> demarcadas entre los TAGs respectivos Los TAG aquí mostrados están delimitando una sección a la cual aplican su efecto, el TAG de cierre incluye un slash “/”, ejemplo: <body> </body> 7. Reemplace el contenido ubicado entre los TAGs <title>Pagina nueva 1</title> ubicados en el Head de la página, de manera que quede así: <title>Pagina creada por el profesor Escriba aquí su nombre</title> 8. Ubique la etiqueta o TAG <BODY> y modifíquela así: <BODY BGCOLOR=”aqua”> 9. Verifique que al lado de la pestaña donde dice pagina_nueva_1.htm hay un asterisco *, este nos indica que no hemos guardado el archivo o no hemos guardado las modificaciones. Guarde el archivo con el nombre ejemplo dentro de una carpeta en su unidad de red U: llamada Página. Notará entonces que en la pestaña del nombre, este ha sido actualizado a ejemplo.htm. Si tiene dificultades para la creación de dicha carpeta, o el uso de su unidad de red, consulte a su instructor. 10. Cierre el FrontPage. 11. Abra el Explorador de Windows, ubique la carpeta Página y dentro de ella el archivo creado ejemplo.htm y hágale doble clic. En este momento se abrirá el browser y le mostrará su creación. Verifique que en la barra azul superior aparece página creada por… - Microsoft Internet Explorer. Anote sus observaciones: ____________________________________________________ _________________________________________________________________________ _________________________________________________________________________ _________________________________________________________________________ _________________________________________________________________________ _________________________________________________________________________ _________________________________________________________________________ _________________________________________________________________________ _________________________________________________________________________ _________________________________________________________________________ _________________________________________________________________________ _________________________________________________________________________ _________________________________________________________________________ _________________________________________________________________________ _________________________________________________________________________ _________________________________________________________________________ _________________________________________________________________________ _________________________________________________________________________ _________________________________________________________________________ _________________________________________________________________________