jueves, 12 de noviembre de 2009

Elaborando paginas Web con el programa FrontPage

Objetivos
Definir FrontPage.
Identificar las partes de la interfase de FrontPage.
Crear páginas Web
Crear directorios
Abrir páginas en un sitio Web
Hacer enlaces y Bookmarks
Crear listas
Publicar la página en un sitio Web
Guardar la página Web
Practicar en un tutorial

Qué es FrontPage

Frontpage2000 es un programa de Microsoft que te ayuda a crear y mantener tu sitio web. Te permite además diseñar y crear tu página directamente en cualquier servidor de la red, así como en tu propio ordenador y luego publicarla por completo en el servidor. También dispones de otros elementos como las búsquedas de texto, conferencias personales y muchos má. FrontPage provee herramientas poderosas para crear y manejar páginas web.

Si el servidor donde coloques los documentos creados con este editor no tiene las extensiones de FrontPage, dichas páginas se verán distorsionadas o simplemente no se verán.

Preguntas y respuestas con relación a la interacción entre el servidor y FrontPage, asi como el modo de activar las extensiones de FrontPage en tu página, lo encuentras en http://www.tripod.es/build/frontpage/

Exploración de la interfase

La ventana de FrontPage es muy similar a la de las aplicaciones estudiadas anteriormente.

En la parte superior se encuentran las siguientes barras:
 la barra del menú,
 la barra de herramientas estándar,
 la barra de herramientas de formato y,
 la barra de herramientas de la tabla.


En la parte inferior aparece la barra de herramientas (View/Toolbar/Pictures) para el formato de los dibujos.



Al lado izquierdo está la barra de las vistas del sitio web (Views). FrontPage dispone de muchas vistas del sitio web. Estas vistas se usan para crear páginas web, manejar Webs, obtener informes… Para tener acceso a una de estas vistas, das un clic en el icono apropiado en la barra View o seleccionas la vista del View de la barra del Menú. En resumen, hay seis views:

 Page. Crea y edita páginas Web. Accesa a esta vista y selecciona File/New/Page.
 Folders. Tira una lista de todos los archivos y fólderes asociados con la web o directorio vigentes.
 Reports. Maneja un Web y analiza su contenido en un informe.
 Navigation. Representación jerárquica de tu sitio web. Ayuda a diseñar la estructura de tu sitio.
 Hyperlinks. Crea enlaces hacia y desde páginas web seleccionadas.
 Tasks. Crea y maneja tareas para el sitio web actual.

FrontPage también provee para visualizar la página web en tres vistas: la Normal, HTML y Preview (las pestañas `al pié de la página).

Crear Webs

FrontPage tiene la opción de crear Webs, además de páginas web. Al crear un Web, FrontPage te permite guardar el mismo en el servidor de la red.
• Abre FrontPage
• Da un clic en File/New/Web

Selecciona alguna de las plantillas o asistentes. Entre las plantillas o asistentes, están: Empty Web (crea un web sin páginas); On Page Web (crea un web con una sola página); Discusion Web (ayuda a crear una página de discusión); Personal Web (crea un web personal con varias páginas relacionadas con intereses, fotos y sitios favoritos).

Abrir páginas de un sitio Web

FrontPage permite abrir páginas directamente de un sitio Web.
1. File/Open Web. Aparece la ventana desde la que puedes seleccionar un Web de varias Fuentes.
2. Si conoces el URL (ejemplo: http://electrotext.what.cc), entra el mismo en el campo de Folder name

Crear directorios

Con frecuencia tienes que crear subdirectorios para organizar los archivos y páginas en un Web. En tal caso,
1. Activa folders de la barra de Wiews
2. Da un clic en File del menú/New y
3. Selecciona Folder en el submenú. FrontPage crea un fólder Nuevo.
4. Entra un nombre para el fólder Nuevo.
Puedes mover páginas, imagines y otros archivos para el Nuevo fólder. Cuando haces esto, FrontPage actualiza automáticamente todas las referencias hacia los archivos.

Borrar un Web

A veces necesitas borrar un Web con todos los archivos asociados al mismo. Para borrar un Web:
1. Activas la vista fólderes.
2. Seleccionas el nivel más alto del fólder donde está el Web que vas a borrar.
3. Da un clic en Edit de la barra del menú/Delete

Publicar y Copiar un Web

Publicar y copiar un Web en un nuevo lugar son tareas idénticas.
1. Da un clic en el botón Publish Web de la barra estándar o seleccionas File/Publish Web…Aparece la caja de diálogo de publish Web, desde la cual puedes publicar un Web en un servidor o copiar un Web en un archivo del sistema.

2. Entra el URL en el campo de Specify the location…
3. Da un clic en el botón Options para configurar opciones adicionales, si lo deseas.
4. Da un clic en Publish. A continuación, FrontPage copia todos los archivos en el Nuevo destino.

Importar archivos en el Web vigente

Si has publicado en WWW, lo normal es que tengas páginas Web e imagines en un disco de tu sistema. Si quieres usar estos archivos en FrontPage 2000, tienes que importarlos para usarlos luego en un Web específico. De esta manera puedes beneficiarte de todas las ventajas que provee FrontPage.

Antes de importar los archivos:
1. Abre FrontPage y haz el Web donde vas a añadir los archivos del Web vigente,
2. A un clic en File/selecciona Import. Aparece la caja de diálogo de Import.
3. A continuación añades los archivos a la lista de importar. Para eso, puedes usar los siguientes botones:
  Add File Selecciona un archivo individual para importar.
  Add Folder Selecciona fólderes completes para importar.
  From Web Importa otro sitio Web.
  Modify… Cambia el URL asociado con el archivo importado.
4. Luego de seleccionar la lista completa, da un clic en OK.

Nota. Si alguno de los archivos importados ya existe en el Web vigente, éste sería reemplazado.

Importar un Web existente

El Import Web Wizard es una herramienta poderosa para crear un Nuevo Web a partir de un Web que ya existe.
1. Da un clic en File/New/Web… Aparece la ventana New con la pestaña Web Sites.

2. Selecciona Import Web Wizard. Se abre la caja de diálogo para importar un Web existente, ya sea del sistema de la PC, de un Web actual u otro servidor.

3. Una vez seleccionado la fuente del Web, da un clic en Next. A partir de aquí sigue las instrucciones del asistente.

Crear y editar Páginas

1. Abre FrontPage.
2. Da un clic en File/New/Page… o CTRL+N y
3. Puedes seleccionar una plantilla o asistente en la pestaña General, asi como marcos o frames en Frames Pages y el estilo de la página en Style Sheets. Puedes añadir la página al icono de las tareas. (Just add Web task)

Abrir Páginas existentes

Puedes abrir páginas del Web vigente, del disco duro o de WWW. La caja de diálogo de Open Page está calibrada para acceder a los archivos del Web vigente, que es el Web frecuentado al abrir FrontPage.
1. Da un clic en File/Open o Ctrl+O
2. Responde a la caja de diálogo de Open File. Puedes acceder a una página de un servidor, escribiendo en el campo de File name, el URL o dirección de la misma.

Mover páginas y archivos

Los archivos se mueven a otro lugar arrastrando los mismos con el ratón en la barra de Folder Lis. Cuando mueves archivos a través de un Web, se afectan otras páginas del mismo Web, especialmente si tienen enlaces hacia el archivo movido. En este caso, FrontPage 2000 rastrea todos los enlaces automáticamente en el Web y los actualiza.

Enlaces

Existen dos clases de enlaces: externos e internos. Los primeros enlazan páginas y archivos que residen tanto en el servidor local como en el servidor no-local. Los segundos secciones de un mismo documento.

Uso de la ruta relativa en los enlaces externos

Puedes acceder a archivos locales—archivos que residen en el servidor local— mediante el uso de la ruta relativa. El URL de la ruta relativa generalmente no menciona el protocolo o un servidor Web en el enlace. La ruta relativa solo puede usarse en los servidores locales. Existen tres formas:

  Especificando un archivo en el directorio actual. Cuando das un clic a un enlace con esta clase de URL, el browser busca el archivo examenes.html en el directorio vigente:

examenes.html

  Especificando un archivo en un directorio padre del directorio actual. El siguiente archivo se encuentra en un directorio que está sobre el directorio actual:

../examenes.html

  Este archivo se encuentra dos directorios por encima del directorio actual:

../../examenes.html

  Especificando un archivo en un subdirectorio del directorio actual. Este archivo está localizado en un subdirectorio llamado info:

info/examenes.html

Uso de la ruta directa en los enlaces externos

Otra forma de acceder a los archivos es de forma directa, es decir, especificando la ruta completa. La ruta directa permite acceder a archivos que están en servidores no-locales. Estas son las dos formas de acceder directamente a los archivos:

  Especificando la ruta completa del archivo, incluyendo el transfer protocol. El siguiente archivo reside en un servidor no-local:

http:webs.demasiado.com/Electro_Text/Cursos/IntroCompI/index.html

  Especificando la ruta completa excluyendo el transfer protocol. El siguiente archivo debe residir en un servidor local:

/Electro_Text/Cursos/IntroCompI/index.html

Bookmarks

Los enlaces internos dentro de un mismo documento o página se conocen como bookmarks. El proceso de los bookmarks es similar al explicado en Word 2000. primero, se crean los marcadores, tarjetas o blancos. Luego se crea el enlace, seleccionando una palabra u objeto que identifica el hyperlink, con un marcador específico.

Creación de un enlace

Una vez abierta una página para editar,

1. Selecciona el texto u objeto que identifica el enlace.
2. Selecciona el botón Hyperlink o Insert/Hyperlink o Ctrl+K. Se abre la caja de diálogo del Hyperlink con distintas formas para seleccionar los recursos a los que quieres enlazar:

  Archivo en el Web actual. Da un clic en el nombre de la página y FrontPage entra el URL por ti.
  Archivo en Web. Usa el botón Web Browser para seleccionar la página. Cuando la encuentres, regresa a FrontPage. El enlace aparecerá colocado.
  Archivo en un disco. Usa el botón Make a Hyperlink to a File para encontrar el archivo deseado en tu sistema.
  Añadir una referencia al e-mail. Usa el botón Make a Hyperlink That sends E-mail para crear un mailto: reference.
  Crear una nueva página y enlazarla. Usa el botón Creat a Page… y añade una página en blanco a tu Web para enlazarla.

Creación de un enlace con bookmark

El enlace lleva al principio del documento o página. A veces quieres enlazar con un bokkmark que está en una página diferente o con una sección del documento, la cual puede estar en el centro o al final del mismo. Para crear un enlace que vaya a un área específica de otra página diferente,
1. primero identifica, si no está identificada, la sección de la página (tarjeta) con la que quieres enlazar con un bookmark. Luego, en la página (origen) que estás editando,
2. selecciona el texto o imagen que quieres usar como enlace,
3. da un clic en Hyperlink,
4. entra el URL de la página que contiene el bookmark, y escribe el carácter # entre el URL y el nombre del bookmark

prontuario.htm#texto

Párrafo

Los párrafos se crean con ENTER y se alinean con los botones de alinear de la barra de formato. El formato del párrafo (Format/Paragraph) es muy parecido al formato de Word. También puedes endentar o sangrar el párrafo con el botón Increase Indent de la barra de formato.

Listas

El uso de las listas te obliga a organizar y clasificar las ideas. Las listas facilitan la lectura y la comprensión, además de añadir un impacto visual al documento. Se usan las listas para numerar y llamar la atención, especialmente a aquellos lectores que solo leen por encima.

Las listas más comunes son las Bulleted list (presenta ítems con viñetas o tipos en un orden no específico), Numbered list (presenta ítems en un orden numérico), Definition list (se usa generalmente para definir términos, como en los glosarios. Tiene dos partes: la palabra clave, llamada título de la definición, y la definición, llamada dato de la definición).

Las creación de listas de bullets y números es semejante al programa Word.

Definition Lists

Para crear una lista de definición
1. Escribe primero la palabra clave o frase que quieres definir, y a continuación das un clic al botón Numbering o Bullets.
2. Selecciona la palabra clave o frase numerada y das un clic a Format/Bullets and Numbering… Aparece la caja de diálogo de List Properties.
3. Selecciona la pestaña Other y elige en el campo de List Style la lista Definition List.
4. Da un clic en OK.
5. A continuación presiona la tecla ENTER (esta tecla se presiona al final del título de la definición y de los datos de la definición).

Línea horizontal

Otra forma de impactar visualmente es mediante el uso de una línea horizontal. Sirve para separar secciones o partes, tópicos y subtópicos.

1. Abre en el menú Insert y selecciona Horizontal Line
2. Da doble clic sobre la línea creada para crear el formato de la línea. Se abre la caja de diálogo de Properties de la línea horizontal. Trabaja el tamaño, la alineación y el color deseados.
Como la línea es una imagen, hay muchas gráficas, con y sin movimiento, previamente creadas para hacer las veces de las líneas.

Guardar la página Web

La página Web se guarda como cualquier otra página en cualquier aplicación. Sólo que en este caso no tienes que elegir el formato HTML, pues FrontPage es un editor HTML. Luego de dar un clic en File/Save o Ctrl+S tienes que decidir dónde la vas a guardar (Save in:), si en tu sistema o en el servidor de la red, y el nombre de la página (File name:).

Abrir un documento de Word en FrontPage

Una vez hayas creado un documento y guardado como HTML en Word u otro procesador de palabras, puedes traerlo a FrontPage con el propósito de añadir elementos que no provee el procesador de palabras.

1. Abre FrontPage
2. Selecciona File/Open
3. Entra la dirección del documento o usa el browse para buscarlo.

El documento aparece en FrontPage.

Nota. Por defecto, cuando abres un documento en FrontPage 2000 y que fue creado en otra aplicación de Officce, FrontPage abre el documento en la aplicación donde fue creado, en lugar de FrontPage. Para usar FrontPage como editor por defecto, tienes que ir a Tools del menú, elegir Options, dar un clic en la pestaña Configure Editors, y desmarcar la caja donde dice Open Web pages in de Officce Aplication that created them.