Guia de Frontpage 2003

Escuela Superior Politcnica del Litoral
Instituto de Ciencias Matemticas
FRONTPAGE 2003
Ingeniera en Auditoria y Control de
Gestin e Ingeniera en Estadstica
Informtica
Profesora: Eva Mara Mera
Guayaquil,12 de enero de 2007
1
Objetivo
PROGRAMA:
FrontPage
Introduccin
Leguage HTML
Definicin de FrontPage
Definiciones de: Pgina Web, Sitio Web.
Estructura HTML de una Pgina Web.
Entorno de FrontPage
Creacin de Sitio Web
Abrir y Cerrar un Sitio Web
2003
PROGRAMA:
Extensin
2003
Frontpage
de
FrontPage
una
Pgina
Web
en
Caractersticas de una Pgina Web

Tablas en FrontPage
Vistas de un Sitio Web en FrontPage
Exploracin
Carpeta
Sitio Web Remoto
Informes y tarea
Hipervnculos
4
Introduccin
Las Pginas Web utilizan el lenguaje
HTML( Lenguaje de Marcas de

Hipertexto).
En el pasado para crear una Pgina
Web
era
necesario
tener
conocimientos de programacin en
HTML y usar un editor de texto para
escribir las lneas de cdigo.
5
viene
Introduccin
Ahora existen los Editores de Pginas
Web (lo que se ve es lo que se escribe)

para facilitar la creacin de paginas web.
Editores de Pgina Web

FrontPage(2003),
Expression
www.microsoft.com/expression/
Macromedia Dreamweaver
Macromedia Flash
http://
FrontPage
FrontPage
es un programa de
Microsoft
que
permite
la
creacin, diseo, edicin y
gestin de un Sitio Web.
Pgina Web
Una pgina web es un archivo o
documento creado a travs de un

editor de pginas o sitios webs o
editor de texto, cuyo contenido
puede ser texto, imgenes, videos,
animaciones
y
particularmente
enlaces o links hacia otras pginas
o sitios web.
8
Sitio Web
Un sitio web es una coleccin
de pginas webs enlazadas

entre s , con una estructura
interna
que
permite
la
administracin y gestin del
mismo .
9
Lenguaje HTML, Lenguage

de Marca de Hipertexto
<html>
<head>
</head>
Encabezado
<body>
</body>
Cuerpo
</html>
10
Abrir FrontPage 2003

Start o Inicio
All Programs
Elegir
Microsoft Office
Microsoft Office FrontPage 2003
11
Ventana de FrontPage
Barras de
Herramientas
Zona de Trabajo
Zona de Trabajo
Panel de Tareas
Panel de Tareas
Modos de Edicin
Modos de Edicin
12
Sitio Web de una

Pgina
FrontPage crear un Sitio Web y una
nica pgina en l contenida.
13
Crear un Sitio Web de

Men
una
Pgina
Archivo
Nuevo
14
Crear un
Sitio Web de
Una Pgina
viene
15
Crear un
Sitio Web de
Click en Sitio
Una Pgina
viene
Web de
pgina
una
16
viene Crear un Sitio Web

de Una Pgina
Seleccion
ar
Sitio
Web
de
una
pgina
17
Se elige la ruta de
ubicacin del Sitio Web
OJO : Nada escribir en Nombre

de Sitio
18
Nombre
del Sitio Web
19
Extensin de una Pgina

Web en FrontPage
Toda pgina en FrontPage tiene
extensin :
.htm
20
Todo Sitio Web debe tener

una Pgina principal que
Index.htm
se llame:
21
22
Sitio Web de Una Pgina

FrontPage automticamente creo
la pgina principal Index.htm,

adems de crear las carpetas
images y _private.
Contina
23
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)
24
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.
25

Web
Adems
se crean las carpetas

archivos visibles u ocultos)
(pueden
ser
_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 actualizacin
_vti_pvt
: contiene informacin relacionada con la

configuracin del sitio Web, como el contenidos de la lista
de tareas pendientes
26
Ver Archivos Ocultos en

un computador
27
28
29

Web
30
Archivos ocultos que se crean al crear un Sitio Web en Fron

NO borrarlos
31
Pgina Web vs. Sitio Pestaa

WebSitio We
en FrontPage
32
Vista al seleccionar una

Pgina Web de un Sitio
Web
33
Cerrar un Sitio Web

Men
Archivo
Cerrar Sitio
34
Formas de Abrir un Sitio

Web
35
Abrir el Sitio Web

Men
Archivo
Abrir Sitio
36
37
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
38
39
Sitio Web en FrontPage

Ficha: Sitio Web
VISTAS DE UN SITIO WEB
40
Vistas de Sitio Web

Vista
Carpeta:- muestra las

carpetas y archivos visibles que
forman Parte del Sitio Web abierto.
Adems se muestra la Lista
Carpeta
41
Vistas
de
Sitio
Web
Adems en la Vista Carpetas, se puede
Vista
Carpeta
modificar
la Estructura de Archivos del
viene
Sitio Web, las tcnicas son similares a las

que se usan en el Explorador de Windows.
Se puede Aadir carpetas, borrar o mover
y ver el contenido de stas.
Todas las acciones de la Vista Carpeta se
pueden realizar en la Lista Carpeta

42
Vistas
de
Sitio
Web
Si la Lista Carpeta se oculta
Lista
Carpeta
posible
verla:
viene
es
Ir a Men>
Ver >
Lista Carpeta
43
Ejercicio de Vista o Lista

Carpeta
Crear Pgina Web ,
renombrarla, Acerca
de M
Crear
Carpeta,
renombrarla,
Videos
Revisar archivos de
Nombre de la y
Pgina de
Pgina
Carpeta
44
Crear una Pgina Web

dentro de un Sitio Web
..viene
En la Vista Carpeta(Lista carpeta)
Posicionarse en la Ruta de Ubicacin

del Sitio
45
..viene Crear una Pgina

Web dentro de un Sitio
En la Vista Carpeta(Lista Carpeta)
Web
Seleccionar
Automticamente se crea una Pgina
con el nombre : pagina_nueva_1.htm
46
Ejercicio de Vista o
Lista Carpeta
..viene
Cambiarle de nombre a
la pgina
Nombre Nuevo:
Acerca de Mi
47
Ejercicio de Vista o
Lista Carpeta
..viene
Los pasos para
agregar una Carpeta

son similares a los de
agregar una pgina web
Nombre de la Carpeta:
Videos
48
Guardar Imgenes del Sitio

Web y Otros Archivos
SUGERENCIA:
Las Imgenes siempre guardarlas
en la carpeta Images.
Crear Carpeta en la Lista de
Carpetas, para Guardar todos los
archivos que se utilicen del sitio.
49
Vistas de Sitio
Web
viene
Vista
Exploracin:
muestra
grficamente la estructura jerrquica
de todos los archivos que se han
aadido a la Estructura de Exploracin
del Sitio Web abierto, adems de ver
se puede modificar la Estructura de
Exploracin, y la disposicin jerrquica
de las Pginas del sitio Web.
50
viene
Vistas de Sitio Web
Seleccionar Vista de Exploracin en
la Barra de Vistas de Sitio Web
51
52
Ejercicio de Vista
Exploracin
Aadir Pgina Creada, Acerca de M
Arrastrar la Pgina de la lista de
Carpetas
hacia
Exploracin
la
vista
de
53
Ejercicio de Vista
Cambiar
el Nombre del Titular
Exploracin
viene
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 Ttulo
54
Ejercicio de Vista
Exploracin
viene
Dar doble clic sobre la pgina Acerca
de Mi
La pagina se presenta
Presione F12
Aparece la Pgina en el Internet
Explorer
55
Nombre del Titular
Nombre Interno
56
Ejercicio: Crear Estructura de

Exploracin para un sitio Web
57
Crear Estructura de
Exploracin
para
un
sitio
En la vista de Exploracin
Web
De clic sobre la pgina index.htm
Dar
Clic
en
la
pgina
en blanco dentro de la Vista de Exploracin
Tantas veces como hijos directos se quieran
de la pgina index.htm y si no tomar otra

pgina a la que se le quiera agregar hijos.
58
Crear Estructura de
Exploracin para un sitio
Web
Nombre Interno de la pgina
Nombre del titular

59
Crear Estructura de
Web
60
Crear Estructura de
Borrar las Pginas creadas
Web
Seleccionar las pginas a borraren
la
Lista Carpeta
Presionar Suprimir
61
Crear Estructura de
Web
62
Crear Estructura de
Web
63
Crear Estructura de
NUEVAMENTE
Web
En la vista de Exploracin
De clic sobre la pgina index.htm
Dar
Clic
en
la
pgina
en blanco dentro de la Vista de Exploracin

Tantas veces como hijos directos se quieran
de la pgina index.htm y si no tomar otra

pgina a la que se le quiera agregar hijos.
64
Crear Estructura de
Web
Luego de Agregar pginas

Inmediatamente poner nombre se titular a
cada pgina.
65
Crear Estructura de
Web
66
Crear la Siguiente
Estructura de Exploracin
67
Estructura de Exploracin
Clic sobre laPginas
Eliminar
pgina en vista de exploracin y
presionar Delete o Suprimir
La primera
Elimina la pgina
de la Estructura
de Exploracin
La Segunda la
Elimina definitivamente
del Sitio Web
68
Aadir la Pginas
69
70
viene Vistas de Sitio

Web
Vista
Sitio
Web
Remoto:
proporciona informacin sobre la
versin publicada del sitio Web.
Con
esto
se
puede
ver
simultneamente la estructura de
archivos local y remota.
71
72
Vistas de Sitio Web

Remoto
viene
Seleccionar
Propiedades
Sitio Web Remoto
de
73
Vistas de Sitio Web

Remoto
viene
Seleccionar
Propiedades
Sitio Web Remoto
de
74
75
Ejemplos
URLS
O
DIRECCIONES
DE
http://www.icm.espol.edu.ec/estudiantes/2007/200
708471
SITIO WEBS
http://www.icm.espol.edu.ec/estudiantes/2006/200
607470
76
viene
Vistas de Sitio Web
Vista Informe: Muestra Informes
bsicos disponibles, relacionados

con el Sitio Web abierto.
77
78
viene
Vistas de Sitio Web
Vista Hipervnculos: muestra los
Hipervnculos entrantes y salientes

a cualquier Pgina Web.
79
80
viene
Vistas de Sitio Web
Vista Tareas: presenta las lista de
las tareas que se han completado

en el Sitio Web abierto.
Podra hacerse un seguimiento del
estado en que se encuentra el Sitio
Web.
81
82
viene
Vistas de Sitio Web
Vista Informe: Muestra Informes
bsicos disponibles, relacionados

con el Sitio Web abierto.
83
84
Texto
Cuando se escribe texto en una
pgina
Web
de
FrontPage
es
recomendable que en lugar de dar
enter al cambiarse de lnea, se
presione Shift + Enter.
85
Propiedades de una
Pgina en FrontPage
86
Las Propiedades de una

Pgina
Clic derecho sobre la pgina activa
en Modo de Edicin
Diseo y seleccionar
Propiedades
de Pgina.
Vista
de
87
Titular de
la Pgina
88
Formato en FrontPage
2003
Opciones
relacionada
s con el
formato
o
configuraci
n del color
de la Pgina
Web
89
Temas a tratar
Tablas en FrontPage
Reglas y Cuadrcula
Resolucin
de
Pantalla
para
Configuracin de Pginas Webs
Vistas de Sitio Web (Carpeta y
Estructura de Exploracin)
Hipervnculos en FrontPage
90
Referencias Bibliogrficas
I.
Microsoft(2004),
Paso
a
Paso
FrontPage 2003, Mc Graw Hill, Espaa.
II.
Snchez, F. & Gonzlez, R.(2001).

Manual Fundamental de FrontPage
2002, Editorial Anaya Multimedia, Madrid
Espaa.
III.
Andrs, M. & Yebes, E.(2001).

Manual
Avanzado de FrontPage 2002, Editorial
Anaya Multimedia, Madrid Espaa.
91
Referencias Bibliogrficas
I.
Microsoft(2004),
Paso
a
Paso
FrontPage 2003, Mc Graw Hill, Espaa.
II.
Snchez, F. & Gonzlez, R.(2001).

Manual Fundamental de FrontPage
2002, Editorial Anaya Multimedia, Madrid
Espaa.
III.
Andrs, M. & Yebes, E.(2001).

Manual
Avanzado de FrontPage 2002, Editorial
Anaya Multimedia, Madrid Espaa.
92

Guia de Frontpage 2003

Enviado por

Dados do documento

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Guia de Frontpage 2003

Enviado por

Direitos autorais:

Formatos disponíveis

Escuela Superior Politcnica del Litoral

Instituto de Ciencias Matemticas

Caractersticas de una Pgina Web

HTML( Lenguaje de Marcas de

Ahora existen los Editores de Pginas

Web (lo que se ve es lo que se escribe)

Editores de Pgina Web

documento creado a travs de un

de pginas webs enlazadas

Lenguaje HTML, Lenguage

Abrir FrontPage 2003

Sitio Web de una

nica pgina en l contenida.

Crear un Sitio Web de

viene Crear un Sitio Web

OJO : Nada escribir en Nombre

Extensin de una Pgina

Toda pgina en FrontPage tiene

Todo Sitio Web debe tener

Sitio Web de Una Pgina

la pgina principal Index.htm,

viene Al Crear Sitios

Al Crear Sitios Web

forma predeterminada almacena

viene Al Crear Sitios

se crean las carpetas

_vti_cfn: Esta carpeta contiene archivos que tienen

exactamente el mismo nombre que todos los documentos

: contiene informacin relacionada con la

Ver Archivos Ocultos en

viene Al Crear Sitios

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

Pgina Web vs. Sitio Pestaa

Vista al seleccionar una

Cerrar un Sitio Web

Formas de Abrir un Sitio

Abrir el Sitio Web

Sitio Web en FrontPage

Vistas de Sitio Web

Carpeta:- muestra las

Sitio Web, las tcnicas son similares a las

pueden realizar en la Lista Carpeta

Ejercicio de Vista o Lista

Crear una Pgina Web

En la Vista Carpeta(Lista carpeta)

Posicionarse en la Ruta de Ubicacin

..viene Crear una Pgina

con el nombre : pagina_nueva_1.htm

Los pasos para

agregar una Carpeta

Guardar Imgenes del Sitio

Las Imgenes siempre guardarlas

Vistas de Sitio Web

Seleccionar Vista de Exploracin en

la Barra de Vistas de Sitio Web

Pagina nueva 1 a Acerca de Mi

Nombre del Titular

Dar doble clic sobre la pgina Acerca

Nombre del Titular

Ejercicio: Crear Estructura de

Tantas veces como hijos directos se quieran

de la pgina index.htm y si no tomar otra

Nombre Interno de la pgina

Nombre del titular