FRONTPAGE 2003 Ingeniería en Auditoria y Control de Gestión e Ingeniería en Estadística Informática Profesora: Eva María Mera Escuela Superior Politécnica

1

FRONTPAGE 2003

Ingeniería en Auditoria y Control de Gestión e Ingeniería en Estadística

Informática Profesora: Eva María Mera

Escuela Superior Politécnica del LitoralInstituto de Ciencias Matemáticas

Guayaquil,12 de enero de 2007

2

Objetivo

3

PROGRAMA: FrontPage 2003

IntroducciónLeguage HTMLDefinición de FrontPageDefiniciones de: Página Web, Sitio

Web.Estructura HTML de una Página Web.Entorno de FrontPageCreación de Sitio WebAbrir y Cerrar un Sitio Web

4

PROGRAMA: FrontPage 2003

Extensión de una Página Web en Frontpage

Características de una Página WebTablas en FrontPageVistas de un Sitio Web en FrontPage

Exploración Carpeta Sitio Web Remoto Informes y tarea Hipervínculos

5

IntroducciónLas Páginas Web utilizan el lenguaje HTML( Lenguaje de Marcas de Hipertexto).

En el pasado para crear una Página Web era necesario tener conocimientos de programación en HTML y usar un editor de texto para escribir las líneas de código.

6

…viene IntroducciónAhora existen los Editores de Páginas

Web (lo que se ve es lo que se escribe) para facilitar la creación de paginas web.

Editores de Página WebFrontPage(2003), Expression http://

www.microsoft.com/expression/Macromedia DreamweaverMacromedia Flash

7

FrontPageFrontPage es un programa de Microsoft que permite la creación, diseño, edición y gestión de un Sitio Web.

8

Página WebUna página web es un archivo o

documento creado a través de un editor de páginas o sitios webs o editor de texto, cuyo contenido puede ser texto, imágenes, videos, animaciones y particularmente enlaces o “links” hacia otras páginas o sitios web.

9

Sitio WebUn sitio web es una colección de páginas webs enlazadas entre sí , con una estructura interna que permite la administración y gestión del mismo .

10

Lenguaje HTML, Lenguage de Marca de Hipertexto<html>

</html>

Encabezado

Cuerpo

11

Abrir FrontPage 2003Start o InicioAll ProgramsElegir Microsoft OfficeMicrosoft Office FrontPage 2003

12

Ventana de FrontPage

Zona de Trabajo

Modos de Edición

Panel de Tareas

Barras de Herramientas

Zona de Trabajo

Modos de Edición

Panel de Tareas

13

Sitio Web de una Página

FrontPage creará un Sitio Web y una única página en él contenida.

14

Crear un Sitio Web de una Página

Menú ArchivoNuevo

15

…viene Crear un Sitio Web de Una Página

16

…viene Crear un Sitio Web de Una Página

Click en Sitio Web de una página

17

…viene Crear un Sitio Web de Una Página

Seleccionar Sitio Web de una página

18

Se elige la ruta de ubicación del Sitio Web

OJO : Nada escribir en Nombre de Sitio

19

Nombre del Sitio Web

20

Extensión de una Página Web en FrontPage

Toda página en FrontPage tiene extensión :

.htm

21

Todo Sitio Web debe tener una Página principal que se llame:

Index.htm

22

23

Sitio Web de Una PáginaFrontPage automáticamente creo

la página principal Index.htm, además de crear las carpetas images y _private.

Continúa

24

…viene Al Crear Sitios Webimages(aquí se deben almacenar

todos los archivos de imagen que se usen en la Web) y

_private (carpeta invisible no es vista por los que visitan el sitio)

25

Al Crear Sitios WebLa carpeta donde FrontPage de

forma predeterminada almacena sus Sitios Web, se denomina Mis Sitios Webs, dentro de la carpeta Mis Documentos.

26

…viene Al Crear Sitios WebAdemás se crean las carpetas (pueden ser

archivos visibles u ocultos)

_vti_cfn: Esta carpeta contiene archivos que tienen exactamente el mismo nombre que todos los documentos del Sitio Web, pero lo que almacena son datos relativos al archivo, nombre del autor que lo modificó por última vez, o la fecha de la última actualización

_vti_pvt : contiene información relacionada con la configuración del sitio Web, como el contenidos de la lista de tareas pendientes

27

Ver Archivos Ocultos en un computador

28

29

30

…viene Al Crear Sitios Web

31

Archivos ocultos que se crean al crear un Sitio Web en FrontPage

NO borrarlos

32

Página Web vs. Sitio Web en FrontPage

Pestaña Sitio Web

33

Vista al seleccionar una Página Web de un Sitio Web

34

Cerrar un Sitio WebMenúArchivoCerrar Sitio

35

Formas de Abrir un Sitio Web

36

Abrir el Sitio WebMenú ArchivoAbrir Sitio

37

38

Otra FormaBuscar la Carpeta del Sitio Web en

el ComputadorSeleccionar la Carpeta del Sitio Web y abrirla

Buscar el archivo index.htmClick derecho sobre index.htmSeleccionar : Abrir conMicrosoft Office FrontPage

39

40

Sitio Web en FrontPageVISTAS DE UN SITIO WEBFicha: Sitio Web

41

Vistas de Sitio Web

Vista Carpeta:- muestra las carpetas y archivos visibles que forman Parte del Sitio Web abierto.

Además se muestra la Lista Carpeta

42

…viene Vistas de Sitio WebVista CarpetaAdemás en la Vista Carpetas, se puede

modificar la Estructura de Archivos del Sitio Web, las técnicas son similares a las que se usan en el Explorador de Windows.

Se puede Añadir carpetas, borrar o mover y ver el contenido de éstas.

Todas las acciones de la Vista Carpeta se pueden realizar en la Lista Carpeta

43

…viene Vistas de Sitio WebLista CarpetaSi la Lista Carpeta se oculta es

posible verla:Ir a Menú>Ver >Lista Carpeta

44

Ejercicio de Vista o Lista Carpeta

Crear Página Web , renombrarla, Acerca de Mí

Crear Carpeta, renombrarla, Videos

Revisar archivos de Página y de Carpeta

Nombre de la Página

45

..viene Crear una Página Web dentro de un Sitio WebEn la Vista Carpeta(Lista carpeta)

Posicionarse en la Ruta de Ubicación del Sitio

46

..viene Crear una Página Web dentro de un Sitio WebEn la Vista Carpeta(Lista Carpeta)

Seleccionar

Automáticamente se crea una Página con el nombre : pagina_nueva_1.htm

47

..viene Ejercicio de Vista o Lista CarpetaCambiarle de nombre a

la páginaNombre Nuevo:Acerca de Mi

48

..viene Ejercicio de Vista o Lista CarpetaLos pasos para

agregar una Carpeta son similares a los de agregar una página web

Nombre de la Carpeta:Videos

49

Guardar Imágenes del Sitio Web y Otros ArchivosSUGERENCIA:Las Imágenes siempre guardarlas

en la carpeta Images.Crear Carpeta en la Lista de

Carpetas, para Guardar todos los archivos que se utilicen del sitio.

50

…viene Vistas de Sitio Web

Vista Exploración: muestra gráficamente la estructura jerárquica de todos los archivos que se han añadido a la Estructura de Exploración del Sitio Web abierto, además de ver se puede modificar la Estructura de Exploración, y la disposición jerárquica de las Páginas del sitio Web.

51

…viene Vistas de Sitio WebSeleccionar Vista de Exploración en

la Barra de Vistas de Sitio Web

52

53

Ejercicio de Vista ExploraciónAñadir Página Creada, Acerca de MíArrastrar la Página de la lista de Carpetas hacia la vista de Exploración

54

…viene Ejercicio de Vista ExploraciónCambiar el Nombre del Titular de:

Pagina nueva 1 a Acerca de Mi

Nombre del Titular

El nombre que aparece Como Nombre de Titulares el que se aprecia en la Barra de Título del Internet Explorer

Presionar F2 para Modificar el Nombre

del Titular

55

…viene Ejercicio de Vista Exploración

Dar doble clic sobre la página Acerca de Mi

La pagina se presentaPresione F12 Aparece la Página en el Internet

Explorer

56

Nombre del TitularNombre Interno

57

Ejercicio: Crear Estructura de Exploración para un sitio Web

58

Crear Estructura de Exploración para un sitio WebEn la vista de ExploraciónDe clic sobre la página index.htmDar Clic en la página

en blanco dentro de la Vista de Exploración

Tantas veces como hijos directos se quieran de la página index.htm y si no tomar otra página a la que se le quiera agregar hijos.

59