Manual de Web Page Maker

CREANDO UNA PGINA WEB

CREAR UNA NUEVA PGINA WEB EN BLANCO

Para crear una nueva pgina Web, haga clic en la Barra de herramientas y luego en el
botn Nuevo.

CREAR UNA PGINA WEB BASADA EN UNA PLANTILLA

Las plantillas le permiten cambiar rpidamente la informacin existente y desarrollar
nuevas pginas Web convenientemente.
1. En el men Archivo, haga clic en Nuevo a partir de plantillas.
2. En las plantillas de la ventana, haga doble clic en la plantilla que desea basar su
pgina Web.

PROPIEDADES DE UNA PGINA

Cada pgina posee ciertos atributos, que pueden ser modificados desde el comando
FormatoPropiedades de la pgina.

Los ms comunes son:

- META TAGS: desde donde se coloca el ttulo de la pgina, autor y palabras

clave que servirn para identificar a la pgina dentro de la Web.

- FONDO: que permite colocar un color, imagen o msica de fondo a la pgina.

- APARIENCIA: que permite determinar el color de los enlaces sin visitar,

visitados y activos (el mouse se encuentra ubicado sobre los mismos).

- TRANSICIN DE LA PGINA: que permite colocar efectos entre pginas

web, al momento de acceder a un vnculo entre las mismas.

- CABECERA: que nos permite escribir cdigo HTML tanto en la cabecera del
archivo en formato HTML, como en el cuerpo.

TEXTO
1
AADIR TEXTO A LA PGINA

1. Haga clic en el botn de texto en la barra.

2. Haga clic sobre la pgina Web en la que desea insertar el texto.
3. Haga doble clic en el cuadro de texto, entonces aparecer la ventana del editor
de texto. Escriba el texto, tipo de letra, tamao y color.

CAMBIAR EL TAMAO DE LA CAJA DE TEXTO

Utilice el mouse para cambiar el tamao de la caja de texto arrastrando desde los
lados o las esquinas.

MOVER EL CUADRO DE TEXTO

Ubique el cursor en cualquier lugar dentro del cuadro de texto, mantenga presionado
el botn izquierdo del ratn y arrastre el cuadro de texto al lugar que quiera dentro de
la pgina.

CUADRO DE TEXTO CON BORDES Y COLOR

Puede aadir borde al cuadro de texto. Puede cambiar el tamao y el color del borde.
Puede aplicar color a la caja de texto.
1. Haga doble clic sobre el cuadro de texto que desea aplicar un borde.
2. En la ventana Propiedades, haga clic en la ficha Colores y Bordes y, a
continuacin, seleccione las opciones de borde que desea.

2
 IMGENES

INSERTAR IMGENES DESDE ARCHIVO

1. En la Barra de Herramientas, haga clic en el botn Imagen y, luego Desde
archivo.
2. Localice la imagen que desea insertar a travs del botn Abrir.

Tambin puede arrastrar y soltar una imagen directamente en su pgina.

Sugerencia: El uso de Ctrl o Mays sirven para seleccionar mltiples imgenes.

INSERTAR IMGENES DE LA BIBLIOTECA O LIBRERA

Web Page Maker ofrece algunas imgenes de alta calidad que puede usar en sus
pginas web. La Biblioteca muestra las distintas categoras, de las que se puede
seleccionar una imagen, haciendo doble clic para insertarla. Al igual que con los
cuadros de texto, las imgenes se pueden colocar en cualquier parte de la pgina
arrastrndolas con el ratn.

CAMBIAR LA IMAGEN
1. Para elegir una imagen diferente, haga doble clic en la imagen que desea
cambiar en la pgina web.
2. Localice la nueva imagen que se desea insertar y luego haga clic en el botn
Abrir.

Para cambiar la configuracin de una imagen existente, haga clic con el botn
derecho del mouse para activar o desactivar cualquier opcin que desee.

3
 FIGURAS

AADIR UNA FORMA (rectngulo, rectngulo redondeado, elipse)

1. En la barra de herramientas, haga clic en la flecha situada junto a la forma y, a
continuacin, seleccione el tipo de forma que desee.
2. Haga clic o arrastre en su pgina web al lugar donde desee insertar la forma.

CAMBIAR EL TAMAO DE LA FORMA

Utilice el mouse para cambiar el tamao de la forma arrastrndolo desde los lados o
esquinas.

MOVER LA FORMA
Ubique el cursor en cualquier lugar dentro de la forma, mantenga presionado el botn
izquierdo del ratn y arrastre la forma en el lugar que usted quiera, en la pgina.

CONSEJOS:
Se puede utilizar Maysculas + tecla de flecha para modificar su tamao con
precisin de pixel; y el Ctrl + tecla de flecha para mover con precisin de pxeles.

LLENAR UNA FORMA (con un color slido o un degradado)

Puede rellenar las formas con un color slido o un degradado.

1. Seleccione la forma que desea llenar.

3. En la barra de herramientas, haga clic en la flecha junto al color.
4. Realice una de las siguientes:

Para aplicar un color slido, haga clic en el color que desee, o haga clic en Ms
colores para obtener ms opciones.

Para aplicar un gradiente, haga clic en "Relleno degradado" y luego seleccione

las opciones que desee.

AGREGANDO UNA LNEA A UNA FORMA

1. Haga doble clic en la forma en la que desea agregar una lnea.
2. En la ventana Propiedades, haga clic en la ficha: Colores y Bordes y, a
continuacin, seleccione el nuevo color de la lnea que desee. Para usar un tamao
diferente de la lnea, haga clic en ancho de lnea.

4
 BARRA DE NAVEGACIN

INSERTE UNA BARRA DE NAVEGACIN

1. Haga clic en el botn: Barra de navegacin, de la Barra de Herramientas.

2. Seleccione una categora y de acuerdo a esta, una barra de navegacin.
3. Seleccione las opciones de la barra de navegacin que desee.
4. Haga clic en Aceptar.

CAMBIAR UNA BARRA DE NAVEGACIN

1. Haga doble clic en la barra de navegacin que desea cambiar en la pgina web.
2. Haga clic en el botn Estilo y seleccione los estilos de la barra de navegacin que
desee.
3. Haga clic en Aceptar.

5
 FLASH

INSERTAR UN FLASH
1. En el men Insertar, haga clic en flash.
2. Localizar el flash que se desea abrir y luego haga clic en el botn Abrir.

CAMBIO DE FLASH

1. Para elegir un flash diferente, haga doble clic en el flash que desea cambiar en
la pgina web.
2. Localice el nuevo flash que quieres insertar, haga clic en el botn Abrir.
Para cambiar las diferentes opciones existentes para un flash, haga clic en botn
derecho del ratn para activar o desactivar cualquier opcin que desee.

IMGENES ROTATIVAS EN FLASH

Usted puede crear un efecto de arrastre sobre una imagen. La imagen ser sustituida
por otra imagen cuando el puntero del ratn se "arrastr" la imagen.

1- En el men Insertar, haga clic en Imagen y luego en Rotativa (Rollover)

2- Colocar la primera imagen y luego la segunda imagen que se desea insertar a
travs del botn Abrir.
3- Haga clic en Aceptar.

TEXTO CON DESPLAZAMIENTO

6
1. En el men Insertar, haga clic en Marquee.
2. Haga doble clic en el cuadro de marquesina, y escriba el texto que desea que se
desplace a travs de su pgina Web. Elija el tipo de letra, tamao y color.
3. Si desea modificar propiedades de la marquesina puede hacer clic con el botn
derecho del mouse.

CREANDO TABLAS

1. En el men Insertar, haga clic en Tabla.

2. Especifique el nmero de filas y columnas que desea para la tabla.

En el cuadro tambin se determina el tamao de la tabla en ancho y alto, ya sea en

pxeles, como un tamao fijo. Se pueden insertar, suprimir o combinar celdas, e
insertar o eliminar filas y columnas y colocar un color de fondo tanto a las celdas,
como a las filas y columnas.

INSERTAR MEDIA: AUDIO O VIDEO

A partir del men InsertarMedia es posible incorporar archivos de audio de
distintos formatos (tal como wav, midi, ra, ram, au, mp3) y archivos de video de
Windows o Real Media y de Quick Time.

Es necesario que los plugins necesarios para poder visualizar este tipo de archivos
estn instalados en la computadora, caso contrario se debern descargar e instalar
desde Internet.

Los archivos de audio o video insertados pueden ser colocados bajo demanda o en
modo streaming (activando o desactivando el parmetro AutoStart) y pueden
ejecutarse ms de una vez, entre otras cosas.

7
 FORMULARIOS

Un formulario es un medio de recopilacin de informacin, destinado a obtener

informacin del usuario o a mostrar los datos dinmicamente a los visitantes del sitio.

Los usuarios completan los campos del formulario, con los datos que corresponden y
luego cliquean en aceptar. La informacin es enviada a un Servidor Web y son
procesados por un Common Gateway Interface (CGI).

Entre los distintos elementos que componen un formulario se tiene:

- Cuadro de texto de una lnea: Se utiliza para permitir que el visitante para
entrar en una pequea cantidad de texto en un formulario.

- Cuadro de texto de ms de una lnea: Se utiliza para permitir que el visitante

escriba ms texto del que podra caber en una sola lnea.

- Casilla de verificacin: Se utiliza para permitir que los visitantes del sitio
seleccionen o deseleccionen una opcin en un formulario.

- Radio botn: Se utiliza cuando el visitante debe seleccionar una nica opcin
entre dos o ms opciones.

- Pulse el botn: Se utiliza para permitir que el visitante presente una forma, o
un valor para el servidor Web.

- Botn Imagen: Se utiliza para colocar una imagen.

- Ocultar campo de formulario: Se utiliza para el envo de un valor al servidor

Web, mientras que el mantenimiento es invisible para los visitantes del sitio.

8
 CREANDO UN FORMULARIO

PARA CREAR UN FORMULARIO, SIGA ESTOS PASOS:

1. Seleccione el [Insertar> Formulario> Formulario] comando de men.

2. Realice un doble clic sobre el formulario para acceder a las propiedades del
mismo.

El comando Accin determina la ruta a la URL donde se procesar la secuencia de

comandos o la aplicacin que procesar el formulario de informacin. Por ejemplo:

- mailto: support@webpage-maker.com o,
- http://www.mysite.com/cgi-bin/myform.cgi

El mtodo hace referencia al momento en que los datos del formulario sern tratados
(Get y Post).

El tipo de codificacin hace referencia a cmo ser enviada la informacin. Por

ejemplo
enctype = "text / plain"

Despus de colocar todos estos valores, se puede empezar a aadir elementos de

formulario, que se asociarn a un formulario determinado.

LA INCLUSIN DE UN CUADRO DE TEXTO DE UNA LNEA

La nica lnea de cuadro de texto permite a un visitante a la entrada de texto. Para
aadir una lnea de cuadro de texto, siga estos pasos:

1. Seleccione [Insertar> Formulario> Cuadro de texto de una lnea]

2. Realice doble clic sobre el botn. Si lo desea puede colocar un valor inicial, caso
contrario el cuadro de texto se muestra como blanco.
3. En tipo de entrada puede seleccionar: Texto estndar (si slo colocara texto),
Password (si se trata de una contrasea) o Archivo (si se desea seleccionar un
archivo).
4. Por ltimo, haga clic en Aceptar.

LA INCLUSIN DE UN CUADRO DE TEXTO (ms de una lnea)

9
1. Seleccione [Insertar> Formulario> Cuadro de texto de ms de una lnea]
2. Realice doble clic sobre el botn. Si lo desea puede colocar un valor inicial, caso
contrario el cuadro de texto se muestra como blanco.
3. Si lo desea puede asociar alguna accin y por ltimo, haga clic en Aceptar.

LA INCLUSIN DE UNA CASILLA DE VERIFICACIN

La casilla de verificacin permite hacer una o ms selecciones de un grupo de
opciones, o para activar una sola opcin de encendido o apagado. A diferencia de los
botones de radio, se puede seleccionar cualquier nmero de casillas en un grupo, al
mismo tiempo.

1. Seleccione [Insertar> Formulario>Casilla de verificacin]

2. Haga doble clic y en el cuadro propiedades puede seleccionar Nombre, Valor y
asociar una Accin.
3. Haga clic en Aceptar.

LA INCLUSIN DE BOTONES DE RADIO

Los botones de radio permiten al usuario hacer una sola eleccin de un conjunto de
opciones.
Se utilizan normalmente en grupos, donde deben tener el mismo nombre y contener
valores diferentes.

1. Seleccione [Insertar> Formulario> Botn de Radio ...] comando de men.

2. Haga doble clic y en el cuadro propiedades puede seleccionar Nombre, Valor y
asociar una Accin.
4. Haga clic en Aceptar.

NOTA: Se pueden crear mltiples interacciones de botones en un formulario, siempre que cada
grupo de botones de radio tenga un nombre nico.

LA INCLUSIN DE UN BOTN PULSADOR

1. Seleccione [Insertar> Formulario> Botn Pulsador]

2. Haga doble clic y en el cuadro propiedades puede seleccionar Nombre, Valor, Tipo
de Botn (General, Submit y Resetear) y asociar una Accin.
3. Haga clic en Aceptar.

INSERCIN DE UN BOTN DE IMAGEN

10
 1- Seleccione el [Insertar> Formulario> Botn de imagen ...] comando de men.
2- Busque y seleccione un archivo de imagen en su unidad local, y haga clic en
"abierto"
3- Haga doble clic en el botn de imagen, introduzca un nombre para identificar
la imagen de botn en el nombre.
4- Haga clic en Aceptar.

INSERCIN DE UN CAMPO DE FORMULARIO OCULTO

Un campo oculto se utiliza para almacenar un valor que se enva al servidor junto con
el resto de la informacin en un formulario. Sin embargo, es invisible para el
visitante. Usted podra utilizar un campo oculto, por ejemplo, para enviar el nombre
de archivo del documento que contiene el formulario.

1. Seleccione el [Insertar> Forma> campo de formulario oculto ...] comando de

men.
2. Haga doble clic, escriba un nombre para identificar el campo de formulario oculto.
3. Introduzca el valor que se enviar al servidor.
4. Haga clic en Aceptar.

Esta imagen no es visible en un navegador o la ventana de vista previa.

11
 AADIR Y USAR JAVA SCRIPT
1. En el men Insertar, haga clic en Listo para usar Java Script.
2. Seleccione un guin y personalice la secuencia de comandos con los parmetros de
sus valores.
3. Haga clic en Aceptar.

Nota: El java script aparece en su pgina web como una imagen con el nombre de
secuencia de comandos. Haga clic en Vista previa para ver su efecto en la Web.

CDIGO HTML O SCRIPT

INSERTAR CDIGO HTML

1. En el men Insertar, haga clic en HTML.
2. Escriba o pegue html en la ventana de Html.
3. Haga clic en Aceptar.

Esta es tambin la forma de aadir Java, Javascript, applets, contadores, etc.

LA HERRAMIENTA CAPA
Una pgina web puede tener capas; una disposicin de objetos en la parte superior de
otros objetos. Puede capar de objetos arrastrando un objeto sobre otro objeto. Puede
cambiar la capa de un objeto utilizando la herramienta de Capa. No hay lmite a la
cantidad de objetos que se pueden colocar en capas.

HERRAMIENTA BLOQUEAR/ DESBLOQUEAR

Una vez que a un objeto (como un cuadro de texto, imagen, forma, etc.) se le coloca
el tamao deseado, use la herramienta de bloqueo para evitar que se traslade
accidentalmente o que cambie de tamao. El bloqueo de un objeto desactiva todas
las operaciones que podran transformarlo.
Para bloquear o desbloquear un objeto se debe realizar doble clic sobre el mismo y
seleccionar la opcin adecuada.
HIPERVNCULOS
12
Hay dos formas bsicas de hipervnculos que se utilizan en los documentos Web:
absolutos y relativos.

ENLACES ABSOLUTOS:
Un vnculo absoluto se refiere a un documento de Internet que utiliza una URL, por
ej.: "http://www.webpage-maker.com/index.html".

ENLACES RELATIVOS:
Un vnculo relativo hace referencia a los documentos que se encuentran dentro del
mismo sitio web que el documento que contiene el vnculo, por ej. "producto /
index.html".

Tambin se pueden realizar vnculos a direcciones de correo electrnico, o a

marcadores locales dentro de una misma pgina, que se colocan desde el comando
de men Insertar Bookmarks.

Para insertar un hipervnculo se debe seleccionar la opcin: InsertarHipervnculo.

A partir de all se deben seleccionar las siguientes opciones:

- Tipo de link (si se trata de un enlace a una pgina del sitio; o otra pgina de
otro sitio web, si es un vnculo a una direccin de email, a una direccin ftp o a
un archivo de la computadora.

- Direccin URL del vnculo (depender de si se trata de un enlace absoluto o

relativo).

- Marcador o bookmark (si se trata de un enlace local a la pgina).

- Target (donde se abrir el enlace. Si en una nueva ventana: _blank o en la

misma ventana: _self, etc.

13
 PUBLICAR UN SITIO WEB

Antes de que usted pueda publicar (o subir) una pgina web, debe elegir un host
primero.
La mayora de proveedores de servicios de Internet (ISP) ofrecen espacio para
pginas web personales a sus abonados.

En segundo lugar, asegrese de tener una conexin a Internet activa para publicar su
pgina.

Para subir las pginas es necesario que las mismas se encuentren en formato .HTML.
Para ello se puede exportar la pgina Web, mediante el comando: Exportar a
HTML.

Para empezar el proceso de publicacin, pulse el botn Publicar (F4) en la barra de

herramientas o haga clic en Publicar en el men Archivo, y se abrir una ventana,
donde deber configurar por primera vez los siguientes parmetros:

- Nombre del perfil: cualquier nombre que representa el sitio ya que ser
utilizado para identificar.
- Host del sitio: direccin del servidor FTP que se utiliza para cargar archivos al
sitio web en Anfitrin. No incluya ftp://.
- Carpeta remota: ruta del directorio en el servidor FTP que almacena los
documentos web. Por lo general, esto es 'public_html '. Si no se est seguro se
puede preguntar al administrador de red o proveedor de servicios de Internet.
- Nombre de usuario: para el servidor FTP.
- Password: contrasea de inicio de sesin en Contrasea.
- Puerto: nmero de puerto a utilizar cuando se conecta al servidor FTP (por
defecto, este valor es 21).
- Modo pasivo: se selecciona si el servidor est detrs de un firewall o gateway
que requiere el modo pasivo. Si no est seguro, pregunte a su administrador de
red o proveedor de servicios de Internet.

Despus de introducir toda la informacin necesaria en los sitios remotos

Configuracin de la ventana, haga clic en Aceptar.

Haga clic en el botn Publicar en la parte inferior de la "Publicar" ventana. Su

pgina web ser subida al host.

** Puede aadir mltiples hosts web, si lo desea. Para ello, haga clic en Nuevo y
luego se irn aadiendo a la lista.

14