GUIA No. 2: Microsoft FrontPage

Anuncio
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  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: ____________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
Descargar