Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
expertosdelweb.com
Microsoft
F r o n t P a g e 2000
Segunda parte
http://www.expertosdelweb.com/
Prohibida la copia o reproducción - Todos los derechos reservados
Diseñando webs con Microsoft Frontpage 2000 www.expertosdelweb.com
24. Cómo hacer archivos que se puedan bajar desde una web................................... .......................45
29
Diseñando webs con Microsoft Frontpage 2000 www.expertosdelweb.com
17. Mailto
Se llama así porque crea un código html que pone mailto.
El mail-to se trata de un texto o icono que al pulsar sobre él se abre el programa de correo
(por ejemplo: Microsoft Outlook) que tiene nuestro ordenador con una ventana “mensaje
nuevo” dispuesto para escribir y en la que aparece en el campo “Para:” la dirección de
correo a la cual usted enviará su mensaje. Nosotros aprenderemos a continuación a
realizar un hipervínculo a nuestro correo eletrónico, para que esa persona pueda
enviarnos un mensaje a nosotros. Los hipervínculos se pueden hacer tanto a un texto
como a una imagen:
CORREO
Para ello se selecciona el elemento que nos va a abrir el programa de correo electrónico
(Outlook, eudora, etc...) y se pulsa el icono de hipervínculo y se nos abre la siguiente
pantalla:
Entonces se pulsa en el sobre que aparece a la derecha de dirección URL y se nos abre
la ventana siguiente:
30
Diseñando webs con Microsoft Frontpage 2000 www.expertosdelweb.com
Se escribe la dirección de correo a la que se quiere que llegue el correo y se aceptan las
dos pantallas. Así de fácil...
Hay que reseñar que para que esa persona nos pueda enviar el correo, deberá tener
configurado en su programa de gestión de correo (Outlook) al menos una cuenta. Si no
sabe configurar cuentas: http, Pop3... lo puede aprender en nuestro Master y contando
con soporte técnico.
El rectángulo primero en blanco es un campo de texto de una línea y luego hay dos
botones, uno de enviar y otro de restablecer, es decir, borrar todo lo que se tiene escrito
en el formulario.
El formulario, será todo lo que se escriba dentro de la línea punteada. No incluya campos
fuera de la linea entrecortada del formulario puesto que no se recibirán los datos. Para
ello, al igual que en Word se van creando los espacios necesarios y poniendo los títulos
que queramos a los campos. Un ejemplo de formulario creado sobre una tabla de una
celda, para poder darle un fondo diferente y destacarlo, podría ser el siguiente.
Nombre Apellidos
31
Diseñando webs con Microsoft Frontpage 2000 www.expertosdelweb.com
El primer paso sería pensar los campos que queremos crear y colocarlos en el formulario
con un nombre. Se aconseja ir creando filas y en cada una de ellas, ir incluyendo nuevas
tablas con el numero de columnas que necesitemos: una para el mensaje, otra para
separar y una tercera por ejemplo, donde incluiremos el campo del formulario.
Una vez creado el formulario tenemos que ir dándoles los nombres que queramos que
aparezcan cuando recojamos los resultados. Para ello hay que ir por todos los campos
pulsando con el botón derecho y seleccionando propiedades de campo de formulario.
Entonces se nos muestra la siguiente ventana:
Para poner los nombres de campo hay que respetar las normas de html, es decir, no se
admiten acentos, ni eñes, ni espacios en blanco. Así, por ejemplo habría que escribir
bebida_preferida, tu_opinion, etc.
Una vez puestos los nombres que queramos ver en los resultados, tenemos que pulsar
con el botón derecho sobre formulario y seleccionar propiedades de formulario. Nos
aparece la siguiente ventana:
32
Diseñando webs con Microsoft Frontpage 2000 www.expertosdelweb.com
Si nosotros dejáramos el formulario con estas opciones, sólo sería válido si nuestra web
está puesta en un servidor que tiene extensiones de Frontpage. Podríamos poner una
dirección de correo electrónico y elegir un archivo para que nos recoja los resultados. Lo
que ocurre es que contratar las extensiones de Frontpage suele costar dinero y los
servidores gratuitos no las tienen.
Para poder utilizar un servidor gratuito o sin extensiones de Frontpage tenemos que
pulsar en "enviar a otra" y después en el botón "Opciones". Entonces se nos abre la
siguiente pantalla que la tenemos que rellenar como la muestro:
• Acción: Hay que poner mailto, dos puntos y la dirección de correo electrónico
donde se van a recibir los resultados. Todo esto sin espacios en blanco, acentos, ni
eñes.
• Método: Se selecciona POST
• Tipo de codificación: text/plain. Le estamos diciendo que nos lo mande en texto
sencillo, es decir, sin ningún tipo de formato.
Una vez hecho esto aceptamos todas las ventanas y el formulario está listo para
funcionar.
33
Diseñando webs con Microsoft Frontpage 2000 www.expertosdelweb.com
pasos, hay que comprobarlo a ver cómo funciona. Si no tenemos un correo electrónico
todavía nos abrimos uno gratuito en www.hotmail.com
Frontpage tiene diferentes hojas de estilo. Para poder utilizarlas hay que ir a archivo /
nuevo / hojas de estilo y se nos muestra la siguiente pantalla:
En esta ventana podemos encontrar una breve descripción de lo que hace cada página.
Así, por ejemplo, si nos interesa la hoja de estilo denominada "Arcos", la aceptamos y se
nos abre una página que está en código html. Guardamos esta página con el nombre de
arcos como una hoja de estilo, es decir que tiene la extensión css.
Una vez que la tenemos guardada en nuestra web podemos utilizar la hoja de estilo. Para
ello creamos una página nueva en blanco y nos vamos a formato / vínculos de hojas de
estilo. Esto nos abre una pantalla como la siguiente:
34
Diseñando webs con Microsoft Frontpage 2000 www.expertosdelweb.com
Si esto lo hacemos con las diferentes páginas que componen la web, nos irán quedando
con el mismo estilo. Estos mismos apuntes están hechos utilizando hojas de estilo.
35
Diseñando webs con Microsoft Frontpage 2000 www.expertosdelweb.com
cuenta que sólo funcionará con las últimas versiones del Navegador Explorer y que no
siempre funcionan en Netscape.
Un ejemplo de Dhtml, seria el intercambiar dos imágenes cuando el ratón pasa por
encima, o el aplicar algún cambio de color, tamaño o tipo de letra cuando pasamos el
ratón por encima de un texto:
Para crear efectos Dhtml hay que tener visible la barra de Dhtml. Para ello, al igual que en
Word, se pulsa con el botón derecho sobre cualquiera de las barra de herramientas y
seleccionamos efectos DHTML. Se nos muestra la siguiente barra:
Hay que tener en cuenta que cuando se trata de una imagen que va a cambiar, las dos
tienen que tener el mismo tamaño, si no la segunda se adaptará al tamaño de la primera.
Estos efectos son interesantes si los vamos a utilizar con Explorer 5. Pero si los vamos a
publicar hay que comprobarlo en los diferentes navegadores para ver que funcionen como
queramos.
Frontpage tiene su forma propia de publicar una web en Internet con el icono . Pero
esto sólo vale para servidores con los que se han contratado extensiones de Frontpage.
36
Diseñando webs con Microsoft Frontpage 2000 www.expertosdelweb.com
La mejor forma de publicar sin contratar estas extensiones, que cuestan dinero, es a
través de FTP, utilizando un programa de FTP: CuteFtp, Ws_ftp, etc...
FTP, son las iniciales en ingles de protocolo de transferencia de ficheros. Para ello lo
primero que hay que hacer es contratarse un espacio gratis en cualquiera de los servicios
que se ofrecen ahora mismo: iespana (recomendado), terra, inicia, wanadoo, alehop,
galeon, etc.
Estos contratos que se hacen a través de rellenar un formulario sencillo, nos dan una
cuenta de correo y un espacio gratis en la Red. Por ejemplo, iespana no pone limite de
espacio, aunque como contraprestación al servicio gratuito, nos colocan una barra
publicitaria o hemos de solicitarles un popud una vez obtenido el espacio gratuito. Para
ello, pónganse en contacto con la propia empresa.
Una vez contratado el espacio tenemos que buscar un programa de FTP que también sea
gratuito y bajarlo de Internet. El más utilizado se llama Cute ftp o bien el WS FTP. Lo
podemos encontrar en diferentes sitios, por ejemplo, en www.softonic.com
Lo primero que hay que hacer es crear nuestra cuenta con los datos que nos ha dado el
servidor. Para ello hay que tener clara la dirección a donde debemos dirigirnos (Host
Name/Address), el nombre de usuario (user ID) y la contraseña (password) que pusimos
cuando nos solicitamos nuestro espacio gratis.
Si los datos son correctos, en unos instantes se nos abre la siguiente pantalla:
37
Diseñando webs con Microsoft Frontpage 2000 www.expertosdelweb.com
Por el sistema de FTP sólo hace falta pasar la carpeta de imágenes y los archivos de
texto. El resto sirven si se está utilizando navegación automática y para que funciones con
extensiones de Frontpage.
Hay que mantener el mismo esquema que tenemos en nuestra página. Si, por ejemplo,
las imágenes están dentro de una carpeta habrá que colocarlas en una carpeta con el
mismo nombre. Si no respetamos el mismo esquema no funcionará bien la página porque
el código html remitirá a un lugar que si no se llama igual y está en el mismo nivel nos
aparecerá la típica pagina en el navegador: 404 page not found (pagina no encontrada).
Una vez que el programa nos diga que se han pasado correctamente los archivos de una
lado a otro, ya se pueden ver publicados en Internet. Cada vez que hagamos algún
cambio en una página habrá que subir la página completa.
Es importante recordar que las imágenes son independientes del documento de texto y
que, por tanto, habrá que subirlas de forma independiente.
Este apartado es un tanto complejo, si necesita ayuda en el master tenemos ayuda on-
line para guiarte paso a paso, hasta ver publicada su pagina en internet.
38
Diseñando webs con Microsoft Frontpage 2000 www.expertosdelweb.com
Los archivos de sonido son de muchas más clases porque se han utilizado desde hace
mucho más tiempo. Los más habituales son los siguientes:
• .wav de Microsoft.
• .snd y .mac de sonido Macintosh.
• .au de audio de Sun.
• .mid o . midi que sólo se utilizan para música.
Para utilizar un sonido en una página nos encontramos con las siguientes posibilidades:
39
Diseñando webs con Microsoft Frontpage 2000 www.expertosdelweb.com
En Explorer se oirá el sonido al cargar la página una sola vez y si se quiere volver a
escuchar hay que pulsar en el triángulo que aparece en la parte inferior izquierda.
En Navigator no se oye el sonido al cargar la página sólo cuando se hace doble click
sobre el icono del altavoz.
Una vez puestas las opciones que queremos, aceptamos la ventana y en Frontpage nos
aparece el siguiente icono en modo normal:
40
Diseñando webs con Microsoft Frontpage 2000 www.expertosdelweb.com
Cuando guardemos la página en modo vista previa o en cada navegador podremos ver
alguno de los iconos del principio de esta página.
Si hemos puesto algún mensaje para los exploradores que no admiten complementos lo
borramos.
En el tamaño ponemos 1 x 1.
Aceptamos la ventana y el icono se nos ha hecho muy pequeño. A partir de este momento
tenemos que recurrir al código html para completar la operación ya que la ventana
anterior no nos da más posibilidades.
41
Diseñando webs con Microsoft Frontpage 2000 www.expertosdelweb.com
Antes de la palabra hidden tenemos que teclear autostart="true" dejando un espacio antes
y después. El código nos quedaría de la siguiente forma:
Para insertar un sonido de fondo, sobre la página que nos interesa pulsamos con botón
derecho y nos vamos a propiedades de página. Nos aparece la siguiente ventana en la
pestaña General:
42
Diseñando webs con Microsoft Frontpage 2000 www.expertosdelweb.com
En sonido de fondo seleccionamos el archivo de sonido que nos interesa que suene de
fondo.
Aunque aquí no estamos tratando sobre diseño de páginas, ojo con la utilización de los
sonidos. Sobre todo si se repiten mucho o están de fondo de piñon fijo. Pueden aburrir a
las ovejas mejor entrenadas.
Para enlazar un archivo se hace igual que con cualquier otro enlace. Como los archivos
de sonido pueden ser muy grandes, es habitual y cortés, indicar el tamaño del archivo
junto al enlace.
Al ser tan pequeño el archivo apenas se nota la descarga y verás que directamente abre
la aplicación de tu ordenador que hace posible escuchar el sonido.
43
Diseñando webs con Microsoft Frontpage 2000 www.expertosdelweb.com
Para ello hay que trabajar en vista html porque son lineas de programación que hay que
incrustar o pegar dentro del código html. El efecto lo podemos comprobar con el
navegador o en vista previa.
<html>
<head>
</head>
<body>
</body>
</html>
Hay scripts que van totalmente dentro del head, otros totalmente en el body y otros que
tienen una parte dentro del head y otra en el body. Cuando veamos un script que nos
interesa tendremos que que ver su código fuente y ver cómo está estructurado para
colocarlo nosotros de la misma manera.
Para ver el código fuente con Explorer y Netscape hay que hacer clic con el botón
derecho sobre la página y seleccionar, ver código fuente o ver origen. Entonces se nos
abre una pantalla donde vemos el html del documento y si contiene un script veremos que
está contenido entre <script Language="JavaScript"> y </script>
Todo lo que está entre estos dos códigos es el script y tendremos que copiar todo,
incluidos estos códigos. Habrá que fijarse si esta en el head o en el body y si tiene dos
partes, es tal caso habrá que copiar cada parte y colocarla en su sitio, una en body y la
otra en el head. Cuando tiene dos partes, el script propiamente dicho está en el head y en
el body llama al script con expresiones como <a href="JavaScript:void(0)"
onmouseout="Mout(2)" onmouseover="Mover(2)"> o códigos que hacen referencia a la
primera parte. Si queremos cambiar algo del script habrá que cambiarlo dentro de estos
códigos, tanto del head como del body.
44
Diseñando webs con Microsoft Frontpage 2000 www.expertosdelweb.com
Para realizar todo esto el programa más utilizado es el WinZip, que se puede descargar
gratuitamente de Internet. Es una versión que no está registrada, pero es totalmente
funcional. Sí hay que advertir que este programa viene totalmente en inglés.
Este programa crea archivos con la extensión .zip y .exe, y cuando creamos un enlace a
un archivo de estos tipos los navegadores Explorer y Netscape entienden que tienen la
propiedad de abrirlos o hacer un download, es decir, que se bajen al ordenador del que
está navegando. Y suelen abrir la típica ventana con las dos posibilidades. En el Explorer
es la siguiente:
Los dos tipos de archivos, los .zip y .exe, se utilizan para comprimir archivos, carpetas y
subcarpetas. La diferencia está que para los archivos .zip hay que tener el programa
WinZip instalado y los .exe no necesitan el programa. Éstos últimos ocupan un poco más
porque llevan las instrucciones dentro para recomponer después toda la estructura y que
lo puedan abrir sin recurrir al WinZip.
45
Diseñando webs con Microsoft Frontpage 2000 www.expertosdelweb.com
Con el programa abierto elegimos File, Wizard, Winzip Classic. O pulsamos sobre el
icono Wizard y seleccionamos lo mismo. Entonces nos aparece el programa de la
siguiente manera:
Para crear archivos .exe, siempre hay que crear primero archivos .zip, y a partir de ellos
se crean los .exe.
Para crear un .zip pulsamos en el icono "New" y se nos abre una ventana en donde nos
pide en qué lugar lo va a crear y el nombre que queremos dar al nuevo archivo. En
"create in" seleccionamos el sitio exacto donde lo va a crear y en "Nombre del archivo"
escribimos el nombre que nos guste. Al aceptar la ventana se abre otra ventana que pone
"Add" en donde hay que seleccionar los archivos que queramos. Si son archivos sueltos
no hace falta hacer nada especial más que seleccionar de uno en uno, o en grupos, e ir
pulsando en el icono "Add" para añadir más, pero si entran carpetas y subcarpetas
vamos a verlo con la siguiente ventana.
46
Diseñando webs con Microsoft Frontpage 2000 www.expertosdelweb.com
En este ejemplo de ventana que os pongo, veis que está seleccionado Include
subfolders. Si dejamos solo este seleccionado nos crea un archivo con todo el contenido
de la carpeta principal, pero si seleccionamos también save full path info, nos crearía
también la carpeta cursofrontpage con las otras subcarpetas y archivos . Para que nos
guarde toda la estructura de esta carpeta, que tiene subcarpetas, no hay que pulsar en
"Add" sino en "Add with wildcards". Con esta operación nos crea un sólo archivo que
es al que le hemos puesto el nombre al principio. Con los archivos .zip, cuando los
abrimos aparece todo su contenido, pero si los archivos tienen enlaces unos con otros,
para que se recomponga todo, hay que dar a "Extract" y una dirección donde nos lo
guarde porque si no, irán a los archivos temporales de Windows.
Si queremos ponerle una contraseña para que se pueda abrir la carpeta hay que pulsar
en "Password" y elegir una. Pero el programa tiene muchas posibilidades que os dejo que
las investiguéis vosotros porque si no, tendría que hacer una web para este programa y
sólo quiero explicar un par de cosas.
Una vez que hayamos dado a "Add" o "Add with wildcards" y tengamos todos los
archivos que queremos ya tenemos el archivo .zip creado y listo.
Para hacer el archivo .exe, con el archivo .zip abierto tenemos que dar a "Actions",
"Make .Exe File" y nos aparece la siguiente ventana.
47
Diseñando webs con Microsoft Frontpage 2000 www.expertosdelweb.com
Al aceptar (OK) se nos crea un nuevo archivo que es un .exe. Cuando se hace doble clic
sobre este nuevo archivo y se pulsa en "Unzip" nos descomprimirá todo el archivo en el
Escritorio y volveremos a ver todas las carpetas, subcarpetas y archivos como al principio.
En el Explorador de Windows los archivos .exe aparecen como "Aplicación" cuando los
vemos en vista detalles.
48