Curso de

http://www.continentalmarket.com/1derechos.htm

Copyright © 2005 - Continental Market inc. Todos los derechos reservados

http://www.continentalmarket.com/1derechos.htm

Según las leyes vigentes, está terminantemente prohibida la copia, reproducción, edición o transmisión
del todo o parte de este documento, en forma gráfica, electrónica, digital, mecánica o sonora, sin el
correspondiente permiso de su editorial o autora.
Este manual y todos los que integran el
"Curso Completo de Comercio Electrónico, Marketing y Promoción Web"
SOLO puede ser comercializado por REVENDEDORES AUTORIZADOS UNICAMENTE por la AUTORA.
Prohibida la modificación, omisión, alteración trascripción o extracción de texto, cualquiera sea el
motivo o finalidad.
---
Puedes adquirir el 100 % de los DERECHOS de REVENTA de todos los ebooks del Curso Completo de
Comercio Electrónico, Marketing y Promoción Web en:
http://www.continentalmarket.com/1derechos.htm

Introducción:

El FrontPage es un editor de html que se utiliza para la creación o

modificación de páginas webs.

No esperemos que simplemente con la utilización de este programa o

cualquier otro similar, ni con el código html en nuestro Notepad,
lleguemos a hacer la página web soñada, con toda clase de efectos y
que vemos extasiados mientras navegamos por Internet... no.
FrontPage es simplemente el soporte para la creación de tu web, el
resto, lo que la compondrá, depende de tu imaginación y la utilización
de más aplicaciones mas especializadas como el Adobe Photoshop,
Corel Draw, Ulead Gif Animator, Ulead Cool 3D, Flash, Java, Javascript,
etc.
Pero en este manual vamos a concentrarnos solamente en la creación
de sitios web comerciales (e-commerce websites)
:-)
Según el tipo de web que quieras crear, y a que tipo de público irá
dirigido, es aconsejable que utilices fondos más o menos claros para los
textos.
Pero eso, tu propia experiencia te lo irá diciendo. Piensa que te sucede
a ti, cuando navegas la Internet... ¿es cómodo leer un texto rosa
tamaño 12 sobre un fondo rojo fuerte?
Seguramente no.

Navega mucho, observa webs y más webs, no las copies, pero si date
idea de lo que hay en Internet, de lo que puedes hacer con un simple
editor de html y tu imaginación y creatividad y tu mismo descubrirás que
no hay límite para ello :-)

Bueno, empecemos con la pantalla inicial de Frontpage:

Apenas abrimos nuestra aplicación, nos encontramos con esta ventana
de la figura 1:
Fig. 1

Particularmente, la sección llamada "Vistas" (situada a la izquierda de

esta imagen) no la utilizo para nada y, si me hace falta, la activo.
Es mejor trabajar con una ventana amplia para ir teniendo mejor
perspectiva.
Así que en el menú superior vas al menú “Ver” y desactivas de ahí la
"Barra de vistas", ahora ya trabajarás de forma más amplia. :-)

En FrontPage puedes trabajar en vista Normal o en html, (según lo que

necesites en ese momento) activando la pestaña que se encuentra en la
barra de herramientas inferior, tal cual ves en la figura 2.
Generalmente, es mas cómodo editar las páginas en el modo “normal” y
utilizar la opción “HTML” solamente cuando llegue el momento de
corregir dicho código.
En esta barra de herramientas también puedes ver que hay una pestaña
llamada “Vista previa” que, cuando la activas, te muestra cómo se verá
tu página una vez subida a Internet.
El nombre de la página que sale por defecto al abrir el FrontPage es
pagina_nueva_1.htm.
Clickea el menú "archivo", elige la opción "guardar como" y nómbrala
como “index.html”... ya que es así como hay que llamar a la primera
página de una web.
Luego, a las demás ya las llamarás como quieras, pero la primera ha de
ser siempre index.html
Observando la ventana del FrontPage vemos su similitud al tan
conocido Microsoft Word, con lo cual sus menús y muchas de sus
herramientas son similares.

Primero voy a explicar cada menú, pues es conveniente que te

familiarices con ellos y lo que cada submenú te ofrece.
Luego ya te indicaré la forma de hacer tu primera página web. :-)

Menú ARCHIVO:
· Nuevo: aquí podemos elegir distintos modelos de página
para nuestra web, En la pestaña de General tenemos de todo,
desde página en blanco a con columnas, formularios, etc. En la
pestaña Páginas de marcos, ya nos encontramos con los marcos
o frames y en la pestaña Hojas de estilos, nos encontramos
varios modelos de webs para hacer.
El resto de los apartados del menú Archivo son fácilmente
deducibles para qué es cada uno, se pueden utilizar mediante
Archivo/xxx o bien con la utilización de los iconos de la barra
superior de herramientas del FrontPage o el botón derecho del
ratón o bien mediante la combinación de teclas, eso ya la práctica
hace que cada cual elija la forma más rápida para trabajar.

Menú EDICION:
· En este menú todos sus apartados son como en Word, es
decir, copiar, pegar, seleccionar todo, buscar...nada nuevo nos
encontramos aquí.

Menú VER:
· Página, Carpetas, Informes, Exploración, Hipervínculos,
Tareas, Barra de vistas, Lista de carpetas, Barra de Herramientas,
Mostrar etiquetas y Actualizar son los componentes de este
 menú. Bien, mi consejo es: desactiva todo menos "Página" y, si
te hace falta ver algo más, lo activas ahí, deja tu ventana cuanto
más libre mejor para trabajar a gusto.

Menú INSERTAR:
Este menú sí es muy importante conocerlo a fondo, con él podremos
hacer multitud de cosas en nuestra página, desde insertar una imagen a
un archivo java, botones, javascript, hypervínculos y todo lo que
querramos que aparezca en nuestra página web.
· Salto de línea, Línea horizontal y Símbolo no necesitan
más explicación que la lógica e igual que cuando utilizamos
cualquier editor de textos.

· Componentes: Este apartado es muy importante, algunas

de sus secciones es mejor desecharlas y buscar otros medios en
Internet para ello, porque éstos no suelen dar muy buenos
resultados... por ejemplo, el Contador de visitas a la página
(mejor utilizar cualquier servicio gratuito de estadísticas que se
encuentran en Internet, por ejemplo Nedstats en http://www.
nedstat.net/es )

· Botón activable: elemento fundamental de este menú que

nos servirá para crear por ejemplo, botones de barra de
navegación.

· Marquesina: utilizada para títulos en una página, o para

resaltar algún apartado de ella donde queramos movimiento en el
texto. Personalmente, no aconsejo el uso de marquesinas para e-
commerce. Es preferible un título resaltado con tipografía tamaño
16.

· Formulario: En este menú encuentras todo tipo de botones

para hacer una página con formularios. Su configuración es bien
sencilla, no obstante, has de tener algo de conocimiento del
lenguaje html.
Si lo que deseas es hacer un formulario con cgi en tal caso mi
consejo es que vayas a http://www.melodysoft.com y allí encontrarás,
en idioma castellano, la forma de incluir en tu web ese tipo de
formularios, libros de visita, foros, etc, y todo de forma gratis,
independientemente de que funcionan perfectamente y son
personalizables.
De todas formas, actualmente, la mayoría de los proveedores de
hospedaje web, ofrecen, en su panel de control, innumerable cantidad
de scripts para múltiples fines. (suscripción, blogs, foros, etc.)

· Imagen: Desde este menú puedes insertar imágenes

predefinidas por el FrontPage o bien las tuyas propias, siendo
siempre aconsejable en formato *.jpg o bien *.gif, siendo este
último mejor en "transparencia", de de forma que solo salga la
imagen y pueda verse el fondo de tu página.

· Hypervínculo: Su utilidad es para unir una página con otra,

una imagen hacia otra página, la descarga de un archivo que
hayas puesto en tu web y quieras facilitar que se bajan los que la
visiten, tu e-mail, etc. Son llamados también Links o vínculos.
Podemos insertar un vínculo en una palabra, frase o imagen, de
modo que al hacer clic sobre esta, el explorador abra una nueva
página o un nuevo archivo.

1- Para insertar un vínculo a una página o archivo de nuestro

sitio Web, primero escribimos la palabra o frase correspondiente,
la seleccionamos y vamos a Insertar / Hipervínculo, o bien
pulsamos en el icono de un globo terráqueo que está en la barra
de herramientas. En el cuadro de diálogo, aparecerá una lista de
los archivos de nuestro sitio, elegimos uno y presionamos
Aceptar. Luego veremos que la palabra aparecerá subrayada en
un color diferente. (generalmente azul). Podemos cambiar el
color del vínculo en el menú Formato / Propiedades.

2-Para insertar un vínculo a una dirección (URL) de otro sitio o

página Web de Internet. Se procede igual que en el caso
anterior pero se la escribe en el recuadro Dirección URL.
Igualmente, si escribimos esa dirección en la vista página,
(directamente sobre la hoja de trabajo) FrontPage la reconocerá
como tal y creará un hipervínculo automáticamente, lo mismo
sucederá con las direcciones de correo electrónico.

3-Para insertar un vínculo a un archivo que esté en nuestro

ordenador, hacemos clic en el icono similar al del explorador de
windows, el segundo a la derecha, y buscamos el archivo en
nuestro ordenador.
Posteriormente, FrontPage creará una copia de ese archivo que
se guardará en la misma carpeta que se vienen guardando los
archivos de nuestro website.

4-Para insertar una dirección de correo electrónico, debemos

hacer clic en el icono del sobre (el tercero a la derecha) o escribir
en el recuadro de Dirección URL: mailto:nombre@servidor.com ,
es decir la palabra "mailto" seguida de dos puntos y la dirección
a la que queremos vincular.

5-Si deseamos crear un link a una página nueva (que aún no ha

sido creada), hacemos clic en el cuarto icono, con un dibujo de
una hoja de papel en blanco, y se abrirá una página lista para ser
editada (aunque no se guarda hasta que presionemos Guardar).

6.- El Marco de destino tiene distintas opciones, entre ellas, el

que al clickear sobre el hypervínculo se te abra nueva ventana
sin perder la original donde estás, o bien partir desde donde
estás hacia esa nueva web hacia donde te ha dirigido el
hypervínculo.
Fig. 2

· Marcador: Uno de los elementos más útiles de este menú.

Es otro tipo de hypervínculo. Con él, podrás hacer que se vaya de
un lugar de tu página a otro pulsando donde lo hayas insertado,
irás numerando o nombrando cada marcador así como el lugar de
la página donde quieres que vaya el visitante cuando lo pulse.
Para insertar un marcador primero seleccionemos cual va ser el
punto de destino en la página, situemos el cursor ahí y vayamos a
Insertar / Marcador. Aparecerá el cuadro de diálogo de los
Marcadores y se nos pedirá un nombre cualquiera para el mismo.
Una vez hecho esto, pulsamos Aceptar.
Ahora iremos al lugar de la página en donde insertaremos el
hipervínculo, y como hicimos antes, seleccionamos la palabra,
frase o imagen y seleccionamos Insertar / hipervínculo. En el
cuadro de diálogo hacemos clic en el menú desplegable Marcador
y elegimos el nombre del marcador que hemos creado (puede
haber muchos en una misma página).
Si por el contrario, desde otra página queremos llegar a ese
marcador en particular, en lugar de que lleguemos a la parte
superior, debemos seleccionar primero la página de la lista y
luego, sin presionar Aceptar seleccionamos el marcador.
 · Archivo: Es por si tienes un texto que quieres quede
insertado en tu pagina y no tengas necesidad de transcribirlo, sino
que quedará tal cual lo tienes tu ya editado.

Menú FORMATO:
Una vez te vayas familiarizando con los distintos menús, el apartado del
Formato es la base de cómo se verá tu web por los que la visiten. Con
el formato podrás ponerle fondo, color por defecto de la letra, márgenes,
viñetas, estilos, y todo lo que en ese menú ves que te ofrece el
FrontPage. Sigo insistiendo en que muchos de sus elementos son
similares en trabajo a como lo haces en Word, pero indudablemente, el
html te permite cosas que no lo hace el Word y viceversa. En apartado
más abajo explico cómo configurar tu primera web.

Menú HERRAMIENTAS:
Déjalas tal cual se instalan por defecto y únicamente vete al apartado
Personalizar y pon en la barra de herramientas de tu FrontPage todo
aquel elemento que te sea más útil tenerlo a mano, como un icono que
uses con frecuencia para no tener que buscarlo o bien hacerlo mediante
el uso del teclado.

Menú TABLA:
Su utilización es como en Word, simplemente la insertas donde quieras,
das el número de filas y columnas que desees y configuras bordes,
colores. Con la utilización de las tablas, también puedes lograr que,
tanto texto, como imágenes, queden centradas donde tu decidas, pues
si no, puede que tu veas la imagen o texto donde desees, pero una vez
subida tu web, otros, dependiendo de la resolución misma, pueden ver
descuadres en la pagina y todo desordenado. Por tanto, la utilización de
las tablas en el FrontPage es la base fundamental para que tu página
quede a la vista de todos como tu deseas que se vea. Las celdas se
pueden combinar y dividir, se puede hacer que los bordes sean visibles
o invisibles, se pueden crear tablas o celdas unas dentro de otras y un
montón de posibilidades más. Es la forma que YO personalmente utilizo
y recomiendo para la creación de páginas web.
· Para crear una tabla, ir al menú Tabla / Insertar / Tabla.
Aparecerá el cuadro de diálogo Insertar Tabla en donde deberás
especificar el número de filas y columnas. La alineación de la
tabla con respecto a la página puede ser derecha, izquierda,
 centro o justificada. El tamaño del borde puede hacerse cero para
que este no sea visible en el explorador, esta opción nos es útil
para cuando deseamos alinear texto, gráficos o escribir en dos o
más columnas y que no se vean los bordes de la página.
Podemos especificar un ancho determinado en porcentaje o en
píxels, si no lo hacemos, podremos modificarlo luego
manualmente. También podremos determinar el margen de las
celdas y el espacio que hay entre ellas. Figura 3:

Fig. 3

Configuración de una tabla:

1.- Una vez creada la tabla pueden combinarse dos o más celdas que
seleccionemos mediante la opción Combinar celdas en el menú Tabla.

2.- Si lo que queremos es dividir una celda en filas o columnas

deberemos elegir Dividir celdas.

3.- También se pueden insertar nuevas filas o columnas mediante la

opción Insertar / Filas o columnas.
Si elegimos Insertar / Tabla crearemos una tabla dentro de otra,
(siempre en el lugar donde se encuentre el cursos) lo cual a veces nos
puede llegar a ser bastante útil.
4.- En el cuadro de diálogo Propiedades de tabla, se pueden modificar
muchas características de la misma: para llegar al cuadro hay que hacer
clic derecho sobre la tabla y seleccionar Propiedades de tabla en el
menú emergente. Algunas de las características que podemos editar
son: la alineación (derecha, izquierda, centrada o justificada) con
respecto a la página, si el ancho se va a especificar o se ajustará al
contenido de la tabla, el margen de las celdas (el espacio desde el
borde de la misma), el espaciado entre celdas, el tamaño de los bordes
(recuerda que ancho 0 (cero) es un borde invisible en el explorador pero
si se ve durante la edición). También se puede elegir un color de fondo
para toda la celda o una imagen. Si lo que deseas es un color para cada
celda (o imagen) debes elegir color de fondo en el cuadro de
Propiedades de celda. Figura 4:

Fig. 4

Las celdas de una tabla: El cuadro de diálogo “Propiedades de celda”

es similar al de la tabla solo que en este caso solo afectará a la celda
seleccionada o aquella en donde esté el cursor. Para llegar al cuadro se
procede de la misma forma que antes, haciendo clic derecho. Una
característica importante es la de alineación vertical, con lo que se nos
permite alinear el texto o las imágenes a las partes superior, inferior o
central de la celda.

Creación de una página web básica:

1- Vamos a Archivo / Nuevo / Pagina/ y elegimos la opción Página

Normal.

2- Una vez hecho esto se creará una página llamada pagina_nueva1.

html que estará en blanco.

3-Vamos a Archivo Guardar como y la renombramos como index.html.

Ya he dicho la conveniencia de que la primera página de nuestra web
sea siempre un index.html.

4- Si hacemos clic derecho sobre nuestra página y elegimos

Propiedades de página nos encontramos con el cuadro de la figura 5.
 Fig. 5

Es importante que todos los archivos que componen el sitio web estén
ubicados en una misma carpeta del disco rígido, con todos sus
componentes. De esta forma no habrá errores (por archivos perdidos,
páginas o imágenes no encontradas) cuando la subamos a la Red y sea
visitada.
Así que, importantísimo: todo lo que forme nuestra página web
debe estar ubicado dentro de la misma carpeta.

Titulo: En la figura 5 podemos ver cómo poner el Título de nuestra

página web, es el que aparecerá en los buscadores.

Sonido: Si damos al botón Examinar podemos elegir el archivo de

audio que será el sonido de fondo de cada página que hagamos. Bien
ponemos que suene todo el tiempo o bien las veces que deseemos.
NOTA: incorporar sonido a una página web comercial no es
recomendable, pues incrementa enormemente el tiempo de carga de las
páginas.

Fondo de nuestra página: Vayamos a la pestaña siguiente de la figura

5 y nos encontramos lo que se muestra en la figura 6:

Fig. 6
Formato/Imagen de fondo: Aquí podemos dar al botón Examinar y
elegir una imagen, normalmente será un *.jpg, que será el fondo de
nuestra página web. Estos fondos, o bien los puedes hacer tu en tu
editor de imágenes (Photoshop, corel photopaint, etc), o bien puedes
poner en un buscador la palabra Background y te saldrán cientos de
URLs con todo tipo de fondos para tu web y eliges el que mas te
guste :-). Recuerda que, al igual que sucede con los sonidos, las
imágenes también retardan el proceso de carga de las páginas

Colores:

1.- Fondo: Aquí elegimos el color del fondo de nuestra página (es mas
recomendable que las imágenes... por el tiempo de carga y porque el
texto se leerá mejor). En el caso de este tutorial, utilizo una tabla con
fondo amarillo suave y bordes azules. Dentro de la tabla principal, se
incorporaron otras tablas donde fueron insertadas las imágenes de
Frontpage.

2.- Texto: Será el color del texto que tenga por defecto nuestra página.
Cuando queramos que parte del texto salga en otro color distinto,
seleccionamos ese texto y vamos a la barra de herramientas del menú y
le damos ya el color que queramos desde la paleta de colores.

3.- Hypervínculo: Será el color que tengan todos los hypervínculos de

nuestra página antes de que sean visitados por el que lo active.

4.- Hipervínculo visitado: Será el color que tenga el hipervínculo que ya

hayamos visitado.

5.- Hipervínculo activo: Es el color que saldrá cuando se pase el ratón

sobre él.
El resto de pestañas de esta figura 6 lo dejamos tal cual viene por
defecto, cuando tengamos más práctica en la elaboración de una web
ya iremos descubriendo las muchas posibilidades que nos ofrece el
FrontPage. :-)
Bien, ya tenemos configurado el fondo de nuestra página web, su
sonido, el color de sus hipervínculos, ya tenemos lo básico para
comenzar a incorporar contenidos :-)
Dar Formato al texto de nuestra página:

Es conveniente que todas las páginas que componen nuestra web

tengan el mismo tipo de letra, podemos jugar con otros tipos para
resaltar lo que queramos, pero no pongamos para cada página un tipo
de letra diferente ya que sería antiestético.
Lo mismo que el fondo, es conveniente que nuestra web tenga todas
sus páginas con el mismo color... y que sean uniformes.
Tengamos claro que esta es la personalidad de nuestra web y no una
muestra del arco iris.
Como podrás notar, no es complicado dar formato a las páginas, ya que
disponemos de herramientas muy similares a las de cualquier
procesador de texto como Word.

Solamente caben algunas aclaraciones...

Cuando iniciamos una nueva página, aparece en el menú de fuentes

Fuente predeterminada, y en el de tamaño, Normal...
Esto se refiere a la fuente y el tamaño configurados en el navegador
predeterminado de Internet que se tenga instalado. Si por ejemplo
tienes el Internet Explorer y la fuente predeterminada que tiene
configurada (en Opciones de Internet del Panel de Control) es Times
New Roman, entonces esta será la fuente predeterminada que verá el
usuario que la visite.
Por ello, cada persona verá la página con el tipo de letra y tamaño que
tenga configurada en su navegador.

Para que no suceda esto, y que todos vean la página con la letra que
nosotros elegimos, (y se contemple y conserve adecuadamente el
formato gráfico) debemos elegir una fuente del menú, distinta a la
predeterminada.

Es conveniente utilizar una tipografía estándar como:

Times New Roman, Arial ó Courier New

Párrafos:
Para que el texto de los párrafos queden justificados o bien alineados a
derecha, izquierda, centro o predeterminado, nada más tenemos que
señalar con el ratón el párrafo que queremos modificar en su alineación
e ir a Formato/Párrafo/Alineación y allí decidimos cuál queremos y
damos a Aceptar.

Imágenes:
Conviene insertarlas dentro de una tabla sin bordes visibles, que
hayamos puesto en el sitio que queramos aparezca en nuestra página.
El formato, ya dije antes, puede ser *.jpg o bien *.gif y entre los *.gif está
el modo transparente, donde solo aparece la imagen y el fondo que se
ve a su alrededor es el de tu página. O bien sin transparencia, con lo
cual quedaría con el fondo de la imagen insertada.

El proceso para insertar una imagen es el siguiente:

1.- Sitúa el cursor en el lugar en que deseas insertar la imagen.

2.- Ve a: Insertar/Imagen/Desde archivo o Imágenes. Si eliges

imágenes, aparecerá la galería de imágenes prediseñadas de Microsoft
Office de donde podrás buscar imágenes por varias categorías. Una vez
seleccionada la imagen, clic en ella y elige insertar en el menú
emergente.

3.- Si eliges Desde archivo, se abrirá una ventana en donde se

mostrarán todos los archivos del sitio Web. Esto es por si la imagen que
deseas insertar ya se encuentra dentro del sitio Web (dentro de la
carpeta del mismo). Si esto no es así, has clic en el icono de la
carpeta, para buscar en las carpetas de tu ordenador la imagen a
insertar.

4.- Una vez insertada la imagen, es posible que esta haya desplazado el
texto a su alrededor, lo cual se puede corregir o ajustar seleccionándola
y yendo al menú Formato/Ubicación.
El tamaño de los archivos gráficos en una página Web debe ser
pequeño para optimizar el tiempo de carga de la página en los
navegadores de los visitantes. Si abres la imagen en algún editor como
PhotoShop, PhotoEditor o Photopaint, deberás elegir ver la imagen al
100% para saber cual es el tamaño real de la imagen que se verá en la
página. Con esto lograrás un mayor control de la misma.
Otro punto importante es que nunca es conveniente insertar una imagen
grande y luego achicarla mediante los tiradores de la misma (los
pequeños cuadraditos que aparecen en los bordes para cambiar el
tamaño), ya que si hacemos esto, se achica la imagen que se ve en
pantalla pero no el tamaño real en el archivo original.
Para cambiar el tamaño abre la imagen en el editor y modificarlo en él
hasta el tamaño que desees.
Guarda la imagen, con el mismo nombre o con otro para saber que es
un archivo distinto dentro de la carpeta donde tienes todos los archivos
de tu pagina web y ya la puedes insertar en el FrontPage.
En el mismo FrontPage puedes activar la Barra de Herramientas de
Imágenes (Menú Ver/Barra de Herramientas/Imágenes) y tratarlas con
ella para hacerles los efectos que quieras.

Fig. 7

Copyright - Continental Market, inc. - Todos los Derechos Reservados

Puedes obtener una licencia con el 100 % de los derechos de reventa, de todos los manuales del curso
completo de Comercio Electrónico, Marketing y Promoción web en:

http://www.continentalmarket.com/1derechos.htm

Utilización de la Barra de Herramientas de Imagen:

1.- Insertar imagen desde archivo

2.- Escribir texto sobre una imagen existente: con esto, se transforma a
la imagen en GIF y se crea un archivo de texto y otro con la imagen del
texto que se superpone a la imagen original.

3.- Vista en miniatura automática: con esto se crea una copia del archivo
de imagen de menor tamaño y de rápida descarga. Para ver la imagen a
tamaño normal, habrá que hacer clic en ella y se descargará
automáticamente. No hace falta insertar ningún hipervínculo ya que
FrontPage hace todo automáticamente. Esto es útil cuando hacemos
una Galería de Fotos con muchas de ellas.

4.- Ubicación absoluta.

5.- Traer al frente o enviar atrás.

6.- Rotar 90°, o espejar.

7.- Contraste (más, menos)

8.- Brillo (más o menos)

9.- Recortar: con esta herramienta podemos eliminar parte de una

imagen que no precisemos, con lo cual también reduciremos su
tamaño. Has clic en la esquina de la porción de imagen que deseas
conservar y desplaza el mouse hasta lograr un cuadrado. Para
recortarla, vuelve a hacer clic en el botón recortar en la barra de
herramientas.

10.- Establecer color transparente: haciendo clic en un color de la

imagen, este se volverá transparente. Solo se puede elegir un solo
color.

11.- Descolorar: es útil cuando se desea utilizar la imagen en el fondo y

que no interfiera con el texto.

12.- Efecto de biselado.

13.- Nuevo muestreo: cuando modificamos el tamaño de la imagen con

los tiradores, dije que no se modificaba el tamaño del archivo pero, si
luego de achicarla, apretamos este botón, se hará un nuevo muestreo y
se reducirá el archivo de modo que el tamaño normal sea el que hemos
modificado nosotros con los tiradores.

14.- Zonas activas (rectangular, elíptica o poligonal): arrastrando el

mouse para dibujar una zona activa, estamos creando una imagen de
hipervínculo, con lo cual se nos desplegará el cuadro de diálogo de
hipervínculos pidiéndonos que escribamos la dirección del mismo. Para
insertar una zona activa poligonal, debes hacer clic en cada esquina del
polígono y luego cerrarlo haciendo clic.

15.- Resaltar zona activa: resalta las imágenes que son hipervínculos.

16.- Restaurar: restaura a la imagen a su estado original, si es que

hicimos algún cambio en ella.

Creación de una página con marcos o frames:

En el FrontPage crear una página con frames es tan sencillo como

basarse en una de sus múltiples plantillas que trae. Pero, como lo
mencioné anteriormente, los marcos NO son aconsejables por varios
motivos:

● no todos los navegadores de Internet lo soportan, interpretan y

muestran de la misma forma.
● es muy difícil editar adecuadamente las etiquetas META del código
HTML y complica la optimización para conseguir un buen ranking
en buscadores.
● El diseño es mucho mas prolijo si se las edita con tablas!

Hemos de tener el concepto claro, y es que una página con frames está
formada por varias páginas que, al activarse la principal de ella, las une
el navegador y la vemos como se muestra en la figura 9.
Primero de todo creamos una página que será la base de nuestra
página frame. A esta la vamos a llamar index.html, luego crearemos
tantas páginas como frames vayamos a poner, para posteriormente que
se unan y formen un todo entre ellas.

Elegimos la plantilla más sencilla de todas las que ofrece el FrontPage

según estos pasos:

1.- Archivo/Nuevo/Página/Página de marcos, ahí eliges ya el tipo de

página que te gusta y te encontrarás con lo que ves en la figura 8:

Fig. 8

2.- Aquí te encuentras con una ventana dividida en dos partes (todo
dependerá del número de frames que elijas, pero vamos a hacerlo en
este ejemplo que es el más sencillo). Elige en el frame izquierdo
"Establecer como página principal" y te saldrá una ventana que te pedirá
qué *.html vas a poner como página principal izquierda. Luego haces lo
mismo con el frame que se encuentra en el lado derecho de la ventana,
y estableces el *.html que has hecho para esa zona de tu página.
Creé un index.html el cual no tenía absolutamente nada, y lo guardé.
Posteriormente creé una página llamada index-menu.html donde puse el
menú que se ve a la izquierda de la imagen. Luego hice otra página más
a la que llamé index-derecha.html donde pongo un título y un gif
transparente que podría ser el logotipo.
Bien, una vez guardado todo esto, se sube a tu servidor y, al ejecutar el
index.html, saldrá la página de inicio con sus marcos.

Efectos especiales en nuestra web:

Independientemente de la utilización de todas las herramientas que se
vienen comentando en este tutorial, de java, javascript, flash y gif
animados que puedas introducir en tu página, el FrontPage te permite
hacer unos efectos en tus imágenes y textos que, si no abusas de ellos,
quedarán originales en la presentación (nos recuerdan al PowerPoint).
Para ello hemos de ir al Menu Ver/Barra de Herramientas/Efectos
DHTML y aparece una nueva barra de herramientas con la que lograrás
efectos especiales

Subir nuestra página web:

Existen dos formas de publicar nuestra página web, una es mediante el

FrontPage y otra es mediante un cliente FTP.
Particularmente recomiendo utilizar la opción que viene con Frontpage.
En este caso, vas al menú Archivo/Publicar Web y te saldrán una
ventana como la de la figura 9:

Fig. 9

Publicar tu web con FrontPage:

Antes de publicar tu sitio en la Red, asegúrate una vez mas, que:

● TODAS las páginas que componen el sitio están enlazadas entre sí...
● que las imágenes incorporadas en las páginas están enlazadas con
los archivos correspondientes...
● y que los vínculos a páginas web (internas o externas) son funcionales
Ahora que todo está verificado, comencemos el proceso de publicación:

1.- En el menú Archivo, has clic en Publicar Web.

2.- Has clic en Opciones para expandir la lista de opciones.

3.- Especifica si deseas publicar sólo las páginas modificadas o todas

las páginas.

4.- Para publicar subwebs, activa la casilla de verificación Incluir

subwebs.

5.- En el cuadro “Especifique” la ubicación en la que se publicará el

Web, escribe la ubicación de tu servidor Web (por ejemplo, ftp://ftp.
server.com/public_html). En algunos casos solo es necesario escribir
directamente la URL.

6.- Has clic en Publicar.

7.- Se te va a solicitar que ingreses el nombre de usuario y contraseña

en tu servidor.
FrontPage publica tu Web. Para comprobar si se publicó correctamente,
te aparecerá un recuadro cuando finaliza la carga de Frontpage a
Internet y te da la posibilidad que la chequees.
También puedes y DEBES comprobarlo manualmente abriendo tu
navegador y entrando a tu sitio web.

El servidor web necesita tener instaladas las "extensiones para

Frontpage"

Si estás publicando en un servidor Web que no ejecuta las Extensiones

de servidor de FrontPage, recibirás una notificación en caso de que el
Web contenga alguna característica que requiera extensiones de
servidor.
(por ejemplo un formulario Frontpage)
En estos días, el uso de Frontpage por parte de los usuarios se ha
generalizado y la mayoría de los servicios de hospedaje tienen
instaladas las “extensiones de Servidor”.
Si cancelas la publicación (o se interrumpiera la conexión a Internet) en
medio de la operación, los archivos ya publicados permanecerán en el
servidor Web de destino.

.
Suscribite gratis al
BOLETIN EDUCATIVO de comercio electrónico y marketing!
Simplemente ingresa a http://www.continentalmarket.com y regístrate al
instante
.

Celia Beatriz Savaris

Lic. en comercio electrónico

Pres. de Continental Market inc. USA

http://www.continentalmarket.com
.