FRONTPAGE 2003

1
FRONTPAGE 2003
Escuela Superior Politécnica del
Litoral Instituto de Ciencias Matemáticas

• Ingeniería en Auditoria y Control de Gestión e
  Ingeniería en Estadística Informática
• Profesora Eva María Mera

Guayaquil,12 de enero de 2007
2
Objetivo
3
PROGRAMA FrontPage 2003

• Introducción
• Leguage HTML
• Definición de FrontPage
• Definiciones de Página Web, Sitio Web.
• Estructura HTML de una Página Web.
• Entorno de FrontPage
• Creación de Sitio Web
• Abrir y Cerrar un Sitio Web

4
PROGRAMA FrontPage 2003

• Extensión de una Página Web en Frontpage
• Características de una Página Web
• Tablas en FrontPage
• Vistas de un Sitio Web en FrontPage
• Exploración
• Carpeta
• Sitio Web Remoto
• Informes y tarea
• Hipervínculos

5
Introducción

• Las 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ón

• Ahora 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 Web
• FrontPage(2003), Expression http//www.microsoft.c
  om/expression/
• Macromedia Dreamweaver
• Macromedia Flash

7
FrontPage

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

8
Página Web

• Una 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 Web

• Un 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

• lthtmlgt
• ltheadgt
• lt/headgt
• ltbodygt
• lt/bodygt
• lt/htmlgt

Encabezado
Cuerpo
11
Abrir FrontPage 2003

• Start o Inicio
• All Programs
• Elegir
• Microsoft Office
• Microsoft Office FrontPage 2003

12
Ventana de FrontPage
Barras de Herramientas
Zona de Trabajo
Zona de Trabajo
Panel de Tareas
Panel de Tareas
Modos de Edición
Modos de Edición
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ú
• Archivo
• Nuevo

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
(No Transcript)
23
Sitio Web de Una Página

• FrontPage 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 Web

• images(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 Web

• La 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 Web

• Ademá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
(No Transcript)
29
(No Transcript)
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 Web

• Menú
• Archivo
• Cerrar Sitio

35
Formas de Abrir un Sitio Web
36
Abrir el Sitio Web

• Menú
• Archivo
• Abrir Sitio

37
(No Transcript)
38
Otra Forma

• Buscar la Carpeta del Sitio Web en el Computador
• Seleccionar la Carpeta del Sitio Web y abrirla
• Buscar el archivo index.htm
• Click derecho sobre index.htm
• Seleccionar Abrir con
• Microsoft Office FrontPage

39
(No Transcript)
40
Sitio Web en FrontPageVISTAS DE UN SITIO WEB
Ficha 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 Carpeta

• Ademá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 Carpeta

• Si la Lista Carpeta se oculta es posible verla
• Ir a Menúgt
• Ver gt
• 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
Web

• En 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
Web

• En 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 Carpeta

• Cambiarle de nombre ala página
• Nombre Nuevo
• Acerca de Mi

48
..viene Ejercicio de Vista o Lista Carpeta

• Los pasos para agregar una Carpeta son
  similares a los de agregar una página web
• Nombre de la CarpetaVideos

49
Guardar Imágenes del Sitio Web y Otros Archivos

• SUGERENCIA
• 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 Web

• Seleccionar Vista de Exploración en la Barra de
  Vistas de Sitio Web

52
(No Transcript)
53
Ejercicio de Vista Exploración

• Añ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ón

• Cambiar el Nombre del Titular de Pagina nueva 1
  a Acerca de Mi

Nombre del Titular
Presionar F2 para Modificar el Nombre del
Titular
El nombre que aparece Como Nombre de Titular es
el que se aprecia en la Barra de Título del
Internet Explorer
55
viene Ejercicio de Vista Exploración

• Dar doble clic sobre la página Acerca de Mi
• La pagina se presenta
• Presione F12
• Aparece la Página en el Internet Explorer

56
Nombre Interno
Nombre del Titular
57
Ejercicio Crear Estructura de Exploración para
un sitio Web
58
Crear Estructura de Exploración para un sitio Web

• En la vista de Exploración
• De clic sobre la página index.htm
• Dar 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
Crear Estructura de Exploración para un sitio Web
Nombre Interno de la página
Nombre del titular
60
Crear Estructura de Exploración para un sitio Web
61
Crear Estructura de Exploración para un sitio Web

• Borrar las Páginas creadas
• Seleccionar las páginas a borraren la Lista
  Carpeta
• Presionar Suprimir

62
Crear Estructura de Exploración para un sitio Web
63
Crear Estructura de Exploración para un sitio Web
64
Crear Estructura de Exploración para un sitio Web

• NUEVAMENTE
• En la vista de Exploración
• De clic sobre la página index.htm
• Dar 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.

65
Crear Estructura de Exploración para un sitio Web

• Luego de Agregar páginas
• Inmediatamente poner nombre se titular a cada
  página.

66
Crear Estructura de Exploración para un sitio Web
67
Crear la Siguiente Estructura de Exploración
68
Estructura de ExploraciónEliminar Páginas

• Clic sobre la página en vista de exploración y
  presionar Delete o Suprimir

La primera Elimina la página de la Estructura
de Exploración
La Segunda la Elimina definitivamente del Sitio
Web
69
Añadir la Páginas
70
(No Transcript)
71
viene Vistas de Sitio Web

• Vista Sitio Web Remoto proporciona información
  sobre la versión publicada del sitio Web. Con
  esto se puede ver simultáneamente la estructura
  de archivos local y remota.

72
(No Transcript)
73
viene Vistas de Sitio Web Remoto

• Seleccionar Propiedades de Sitio Web Remoto

74
viene Vistas de Sitio Web Remoto

• Seleccionar Propiedades de Sitio Web Remoto

75
(No Transcript)
76
EjemplosURLS O DIRECCIONES DE SITIO WEBS

• http//www.icm.espol.edu.ec/estudiantes/2007/20070
  8471
• http//www.icm.espol.edu.ec/estudiantes/2006/20060
  7470

77
viene Vistas de Sitio Web

• Vista Informe Muestra Informes básicos
  disponibles, relacionados con el Sitio Web
  abierto.

78
(No Transcript)
79
viene Vistas de Sitio Web

• Vista Hipervínculos muestra los Hipervínculos
  entrantes y salientes a cualquier Página Web.

80
(No Transcript)
81
viene Vistas de Sitio Web

• Vista Tareas presenta las lista de las tareas
  que se han completado en el Sitio Web abierto.
• Podría hacerse un seguimiento del estado en que
  se encuentra el Sitio Web.

82
(No Transcript)
83
viene Vistas de Sitio Web

• Vista Informe Muestra Informes básicos
  disponibles, relacionados con el Sitio Web
  abierto.

84
(No Transcript)
85
Texto

• Cuando se escribe texto en una página Web de
  FrontPage es recomendable que en lugar de dar
  enter al cambiarse de línea, se presione Shift
  Enter.

86
Propiedades de una Página en FrontPage
87
Las Propiedades de una Página

• Clic derecho sobre la página activa en Modo de
  Edición Vista de Diseño y seleccionar
• Propiedades de Página.

88
Titular de la Página
89
Formato en FrontPage 2003

• Opciones relacionadas con el formato o
  configuración del color de la Página Web

90
Temas a tratar

• Tablas en FrontPage
• Reglas y Cuadrícula
• Resolución de Pantalla para Configuración de
  Páginas Webs
• Vistas de Sitio Web (Carpeta y Estructura de
  Exploración)
• Hipervínculos en FrontPage

91
Referencias Bibliográficas

1. Microsoft(2004), Paso a Paso FrontPage 2003, Mc
   Graw Hill, España.
2. Sánchez, F. González, R.(2001). Manual
   Fundamental de FrontPage 2002, Editorial Anaya
   Multimedia, Madrid España.
3. Andrés, M. Yebes, E.(2001). Manual Avanzado
   de FrontPage 2002, Editorial Anaya Multimedia,
   Madrid España.

92
Referencias Bibliográficas

1. Microsoft(2004), Paso a Paso FrontPage 2003, Mc
   Graw Hill, España.
2. Sánchez, F. González, R.(2001). Manual
   Fundamental de FrontPage 2002, Editorial Anaya
   Multimedia, Madrid España.
3. Andrés, M. Yebes, E.(2001). Manual Avanzado
   de FrontPage 2002, Editorial Anaya Multimedia,
   Madrid España.