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.

Presentación del tema: "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."— Transcripción de la presentación:

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 Litoral Instituto de Ciencias Matemáticas 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.com/expression/ http://www.microsoft.com/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 Encabezado Cuerpo

11 Abrir FrontPage 2003 Start o Inicio All Programs Elegir Microsoft Office Microsoft 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ú Archivo Nuevo

15 …viene Crear un Sitio Web de Una Página

16 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á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

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 Web Menú Archivo Cerrar Sitio

35 Formas de Abrir un Sitio Web

36 Abrir el Sitio Web Menú Archivo Abrir Sitio

37

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

40 Sitio Web en FrontPage VISTAS 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 Web Vista 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 Web Lista Carpeta Si 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 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 a la 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 Carpeta: Videos

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

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 El nombre que aparece Como Nombre de Titular es 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 presenta Presione F12 Aparece la Página en el Internet Explorer

56 Nombre del Titular Nombre Interno

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áginaNombre del titular

60 Crear Estructura de Exploración para un sitio Web

61 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

64 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ón Eliminar 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

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

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

76 Ejemplos URLS O DIRECCIONES DE SITIO WEBS http://www.icm.espol.edu.ec/estudiantes/2007/200708471 http://www.icm.espol.edu.ec/estudiantes/2006/200607470

77 …viene Vistas de Sitio Web Vista Informe: Muestra Informes básicos disponibles, relacionados con el Sitio Web abierto.

78

79 …viene Vistas de Sitio Web Vista Hipervínculos: muestra los Hipervínculos entrantes y salientes a cualquier Página Web.

80

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

83 …viene Vistas de Sitio Web Vista Informe: Muestra Informes básicos disponibles, relacionados con el Sitio Web abierto.

84

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 I. 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áficas I. 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.