Tutorial Nº 4 como crear tu Web con FrontPage 2000 |
| FrontPage 2000 es un editor de Microsoft para crear páginas Web
|
| Diseñar páginas web simples |
|
|
|
En la lección anterior hemos visto cómo crear un sitio web y cómo crear las páginas que lo forman. Pero estas páginas están en blanco y ahora debemos empezar a llenarlas con contenidos. En esta lección veremos cómo agregar texto a una página web y cómo configurar el fondo.
|
Insertar texto
Como hemos dicho anteriormente, FrontPage es muy parecido al Word, un programa de tratamiento de textos que, seguramente, has utilizado alguna vez para hacer tus trabajos o escribir cartas. La forma de escribir texto y las opciones de formato son idénticas en ambos programas, por lo que no te será muy difícil empezar a introducir texto en las páginas web hechas con FrontPage. Para empezar a diseñar tu página web sitúate en la Vista Página y con la pestaña Normal activa.
|
|
|
|
 |
Ésta es la barra de herramientas que controla el formato del texto en FrontPage. Puedes ver que es similar a la de Word, ya que contiene opciones básicas como tipo de fuente, estilo de fuente, tamaño de fuente, alineación, color, etc. Debes tener en cuenta que las páginas web se van a ver en multitud de ordenadores diferentes al nuestro, que pueden tener diferentes fuentes instaladas. Por ello, conviene elegir fuentes que son comunes en la mayoría de ordenadores
(Arial, Times New Román, Courier, ect.) para evitar que el explorador cambie la fuente que has establecido y que el texto se convierta en algo muy distinto de lo que habías previsto. La opción ‘Fuente predeterminada’ se refiere a la fuente que tiene el explorador por defecto. Para acceder a más opciones de fuente de las que existen en la barra de herramientas, selecciona un texto y elige Menú Formato
( Fuente.)
Otra diferencia importante con la escritura de texto en Word es que FrontPage posee dos niveles de salto de línea. Si pulsas la tecla Enter hace un salto de dos líneas. Para conseguir un salto de una única línea, pulsa Mayúsculas +
Enter.
|
Los hipervínculos
Un hipervínculo es una conexión de una página a otro destino como, por ejemplo, otra página o una ubicación diferente en la misma página. El destino es con frecuencia otra página Web, pero también puede ser una imagen, una dirección de correo electrónico, un archivo (como por ejemplo, un archivo multimedia o un documento de Microsoft Office) o un programa.
Un hipervínculo puede ser texto o una imagen.
|
| |
Crear un hipervínculo a una página o archivo de un Web
Puede crear un hipervínculo a un destino que sea una página o un archivo de un Web. Cuando el visitante haga clic en el hipervínculo, el destino se mostrará en el explorador de Web. Por ejemplo, puede crear hipervínculos desde su página principal a otras páginas del Web. O bien, puede crear un hipervínculo a una imagen GIF.
En la vista Página, escriba el texto que desea utilizar como hipervínculo y después selecciónelo. Por ejemplo, escriba y seleccione
"Mis dibujos" para vincular a una página que describe sus aficiones.
O bien, para utilizar el título de la página de destino
(por ejemplo, Página principal) o la ubicación del archivo
(por ejemplo, http://localhost/nombre_de_archivo) como texto de hipervínculo, coloque el punto de inserción donde desea insertar el hipervínculo haga clic en Hipervínculo  Explore el Web en el que está ubicada la página o el archivo de destino y después seleccione la página o archivo. Aparece un cuadro de diálogo cómo el de la imagen de abajo.
|
 |
4. Selecciona la página de destino de la lista de archivos de tu disco duro. Automáticamente se inserta la dirección URL relativa. Acepta y verás como el texto que hace de vínculo aparece subrayado y en color azul. A una página o archivo fuera de tu disco duro
1. Sigue los tres primeros pasos del caso anterior.
2. En el cuadro de diálogo ‘Crear hipervínculo’ escribe la URL absoluta en el campo ‘dirección URL’. Recuerda que una URL absoluta contiene el camino completo hasta la página (por ejemplo, http://www.algodecountry.com/crear_web_con_word.htm ). Acepta.
A una dirección de correo electrónico
1. Sigue los tres primeros pasos del caso anterior.
2. En el cuadro de diálogo ‘Crear hipervínculo’ escribe la dirección URL para correo electrónico. Ésta debe ir siempre precedida del protocolo ‘mailto:’ (por ejemplo,
mailto:frant@aloe.com). También puedes hacer clic en el icono del sobre e introducir la dirección sin el protocolo en el cuadro de diálogo.
|
 |
A una sección de la misma página (marcador)
Los marcadores son una clase especial de vínculos que permiten enlazar entre distintas partes de una misma página. Se utilizan fundamentalmente para mejorar la navegación en aquellas páginas que son muy largas. Para insertar un marcador, sigue estos pasos:
1. Sitúate en el lugar donde estará el marcador, que es el punto al que se irá tras haber hecho clic sobre el vínculo.
2. Elige Menú Insertar > Marcador. Te aparecerá un cuadro de diálogo como el de la imagen de abajo. Debes introducir un nombre unívoco para el marcador. En nuestro ejemplo hemos escrito ‘sección 3’. Después Acepta
|
 |
3. Ahora selecciona el texto o la imagen que ejercerá de vínculo y, como en los casos anteriores, elige Menú Insertar > Hipervínculo, o pulsa el botón hipervínculo de la barra de herramientas. Te aparecerá la ventana para definir el hipervínculo que ya conoces. Elige del menú desplegable Marcador el que corresponda (en nuestro ejemplo, ‘sección 3’).
Acepta.
|
 |
Formatos gráficos para la web
El primer requisito que debe tener una imagen que va a ser incluida en una página web es que debe poder ser vista en diferentes exploradores y sistemas. Otro requisito importante es su tamaño, ya que debemos intentar que éste sea el menor posible para que la página que contiene la imagen no tarde mucho tiempo en descargarse. En resumidas cuentas, podemos decir que existen dos tipos de formato de imagen que están pensados para la web: GIF y JPG. El primero se utiliza especialmente para las imágenes de colores planos (como los gráficos e iconos) y su ventaja radica en la posibilidad de que algunos de sus colores sean transparentes, dejando ver lo que hay por debajo de ella. Por su parte, el formato JPG se utiliza para las imágenes con colores degradados (como fotografías) y su ventaja se encuentra en la gran capacidad de compresión de tamaño manteniendo millones de colores.
|
nsertar imágenes
Microsoft FrontPage incluye la Galería de imágenes de Microsoft. Puede obtener una vista previa de la galería de imágenes y vídeos, y después seleccionar los elementos que utilizará en la página.
En la vista Página, ubique el punto de inserción en el que desea insertar la imagen.
En el menú Insertar, señale Imagen y después haga clic en Imágenes.
Busque en la Galería de imágenes Microsoft para encontrar la imagen que desea utilizar, haga clic con el botón secundario del mouse (ratón) en un gráfico y después haga clic en Insertar en el menú contextual.
Cierre la Galería de imágenes de Microsoft.
También puede utilizar sus propias imágenes.
Antes de insertar una imagen debes tener en cuenta que lo más adecuado es que las tengas guardadas de antemano en la carpeta ‘images’ de tu sitio web. De esta manera, siempre estarán localizables por el explorador que vea tu página en Internet. De todas formas, si has insertado una imagen que está guardada fuera de tu sitio web, a la hora de guardar la página, FrontPage te preguntará en qué carpeta del sitio quieres guardarla. Sólo tienes que indicar la carpeta ‘images’.
Para insertar una imagen en FrontPage primero has de situar el cursor en el punto donde quieras incluir la imagen. Después elige una de las dos opciones de Menú Insertar > Imagen. Siempre que agregues algún elemento a tu página, no olvides dar a archivo guardar. |
| Siguiente lección Nº5 |
En la lección cinco tienes como poner música en tu Page.  |
| Lección |
1 |
2 |
3 |
4 |
5 |
6 |
|
 |
Video
Tutorial para hacer tu Web
paso a paso con la ayuda de Lita |
|
|
 |
|