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

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>

<head></head>

<body></body>

</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


Click en Sitio Web de una página

17


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

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

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

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

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

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

Crear Estructura de Exploración para un sitio Web

Nombre Interno de la página Nombre del titular

60


61

Crear Estructura de Exploración para un sitio WebBorrar las Páginas creadasSeleccionar las páginas a borraren la

Lista Carpeta

Presionar Suprimir

62


63


64

Crear Estructura de Exploración para un sitio WebNUEVAMENTEEn 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.

65


Luego de Agregar páginasInmediatamente poner nombre se titular a

cada página.

66


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

71


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.

73

…viene Vistas de Sitio Web RemotoSeleccionar Propiedades de Sitio Web Remoto

74

…viene Vistas de Sitio Web RemotoSeleccionar Propiedades de Sitio Web Remoto

76

EjemplosURLS O DIRECCIONES DE SITIO WEBS

http://www.icm.espol.edu.ec/estudiantes/2007/200708471

http://www.icm.espol.edu.ec/estudiantes/2006/200607470

77


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

79


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

81


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.

83


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

85

TextoCuando 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áginaClic 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 2003Opciones

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

90

Temas a tratarTablas en FrontPageReglas y CuadrículaResolución de Pantalla para

Configuración de Páginas WebsVistas de Sitio Web (Carpeta y

Estructura de Exploración)Hipervínculos en FrontPage

91

Referencias BibliográficasI. Microsoft(2004), “Paso a Paso FrontPage

2003”, Mc Graw Hill, España.

II. Sánchez, F. & González, R.(2001). “Manual Fundamental de FrontPage 2002”, Editorial Anaya Multimedia, Madrid España.

III. Andrés, M. & Yebes, E.(2001). “Manual Avanzado de FrontPage 2002”, Editorial Anaya Multimedia, Madrid España.

92

Referencias BibliográficasI. Microsoft(2004), “Paso a Paso FrontPage

2003”, Mc Graw Hill, España.

II. Sánchez, F. & González, R.(2001). “Manual Fundamental de FrontPage 2002”, Editorial Anaya Multimedia, Madrid España.

III. Andrés, M. & Yebes, E.(2001). “Manual Avanzado de FrontPage 2002”, Editorial Anaya Multimedia, Madrid España.

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

Documents

Transcript of FRONTPAGE 2003 Ingeniería en Auditoria y Control de Gestión e Ingeniería en Estadística...