CETPRO DIVINO MAESTRO HUANTA

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

CETPRO DIVINO MAESTRO HUANTA

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.

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
2

CETPRO DIVINO MAESTRO HUANTA

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.

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.
2. En la barra de herramientas, haga clic en la flecha junto al color.
3. Realice una de las siguientes:
o Para aplicar un color slido, haga clic en el color que desee, o haga clic en Ms colores
para obtener ms opciones.
o 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.

Barra de navegacin

CETPRO DIVINO MAESTRO HUANTA

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.

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

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.
4

CETPRO DIVINO MAESTRO HUANTA

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.

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.

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.
5

CETPRO DIVINO MAESTRO HUANTA

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
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.
3. 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
6

CETPRO DIVINO MAESTRO HUANTA

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
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.

Aadir y usar java script para tu pgina

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
7

CETPRO DIVINO MAESTRO HUANTA

podran transformarlo.
Para bloquear o desbloquear un objeto se debe realizar doble clic sobre el mismo y
seleccionar la opcin adecuada.
Hipervnculos
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.