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

Objetivo

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

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

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.

…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 Macromedia Dreamweaver Macromedia Flash

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

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.

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.

Lenguaje HTML, Lenguage de Marca de Hipertexto Encabezado Cuerpo

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

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

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

Crear un Sitio Web de una Página Menú Archivo Nuevo

…viene Crear un Sitio Web de Una Página

Click en Sitio Web de una página

…viene Crear un Sitio Web de Una Página Seleccionar Sitio Web de una página

Se elige la ruta de ubicación del Sitio Web OJO : Nada escribir en Nombre de Sitio

Nombre del Sitio Web

Extensión de una Página Web en FrontPage Toda página en FrontPage tiene extensión :.htm

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

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

…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)

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.

…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

Ver Archivos Ocultos en un computador

…viene Al Crear Sitios Web

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

Página Web vs. Sitio Web en FrontPage Pestaña Sitio Web

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

Cerrar un Sitio Web Menú Archivo Cerrar Sitio

Formas de Abrir un Sitio Web

Abrir el Sitio Web Menú Archivo Abrir Sitio

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

Sitio Web en FrontPage VISTAS DE UN SITIO WEB Ficha: Sitio Web

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

…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

…viene Vistas de Sitio Web Lista Carpeta Si la Lista Carpeta se oculta es posible verla: Ir a Menú> Ver > Lista Carpeta

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

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

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

..viene Ejercicio de Vista o Lista Carpeta Cambiarle de nombre a la página Nombre Nuevo: Acerca de Mi

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

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.

…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.

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

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

…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

…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

Nombre del Titular Nombre Interno

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

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.

Crear Estructura de Exploración para un sitio Web Nombre Interno de la páginaNombre del titular

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

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.

Crear Estructura de Exploración para un sitio Web Luego de Agregar páginas Inmediatamente poner nombre se titular a cada página.

Crear Estructura de Exploración para un sitio Web

Crear la Siguiente Estructura de Exploración

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

Añadir la Páginas

…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.

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

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

Ejemplos URLS O DIRECCIONES DE SITIO WEBS

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

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

…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.

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

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.

Propiedades de una Página en FrontPage

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.

Titular de la Página

Formato en FrontPage 2003 Opciones relacionadas con el formato o configuración del color de la Página Web

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

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.

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.