Manual de Web Page Maker

Profe Ronald Salgado Instituto Francisco Rivera Hernández
Manual de Web Page Maker
Web Page Maker es una aplicación informática de prueba (válida para un máximo de quince días) capaz
de crear tu propia página web con unos resultados verdaderamente atractivos y muy sorprendentes.
Esta versión del programa Web Page Maker incluye las siguientes características: destaca por su
increíble facilidad de uso y la elegancia de los diseños que incorpora. Permite crear tu página web desde
cero o usando las plantillas que el programa trae integradas, tanto si se trata de una página de empresa o
personal, y exportarla a HTML para publicarla directamente desde Web Page Maker mediante FT. No
necesitas tener conocimientos acerca de lenguajes de programación o bases de datos para manejar este
programa. Web Page Maker está diseñada en el estilo %u201CWYSIWYG%u201D (sólo necesitas
arrastrar y soltar sobre el editor cada uno de los elementos que deseas incluir) y cuenta con infinitas
posibilidades de creación y permite generar sitios de estructura compleja e incluir toda clase de
contenido, como fotos, vídeos e imágenes. Por último, Web Page Maker es muy fácil de utilizar y es
perfectamente compatible con cualquier usuario independientemente de su nivel de aprendizaje, entre
otras.
¿Para qué sirve Web Page Maker?
Web Page Maker sirve para crear tu propia página web sin grandes complicaciones.
Integración con Windows
Se integra perfecta y únicamente con Windows 95, Windows 98, Windows 98 SE, Windows ME,
Windows 2000, Windows 2003, Windows NT, Windows XP, Windows Vista, Windows 7 y Windows 8
y 10 No se ofrece información sobre su compatibilidad con MAC y Linux.
En constante evolución
Web Page Maker presenta una interfaz muy fácil y de uso muy sencillo. De hecho, su interfaz no
requiere de grandes conocimientos para su uso y manejo y es perfectamente compatible con cualquier
usuario independientemente de su nivel de aprendizaje.
Conclusión
Web Page Maker es, en definitiva, una completísima aplicación informática diseñada para crear diversas
páginas web personales en función de los gustos, las necesidades y las preferencias que tenga cada
usuario de este programa.
Web Page Maker tiene los siguientes requisitos: requiere de una conexión a Internet correctamente
configurada para su instalación, además de un procesador de 200 MHz o superior, 24 MB de memoria
RAM e Internet Explorer versión 5.0 o superior.
1
Características:
 Aplicación informática de prueba capaz de crear tu propia página web con unos resultados
verdaderamente atractivos
 Muy fácil de manejar
 Cuenta con infinitas posibilidades de creación
 Aplicación informática muy útil y muy recomendable tanto para usuarios novatos como para
veteranos en la materia
 Presenta una interfaz muy fácil, muy sencilla de usar y sin grandes complicaciones
 Es perfectamente compatible con algunas versiones existentes de Window
“Creando una página Web”
Crear una nueva página Web en blanco

Para crear una nueva página Web, haga clic en la Barra de herramientas y luego en el botón Nuevo.
Crear una página Web basada en una plantilla

Las plantillas le permiten cambiar rápidamente la información existente y desarrollar nuevas páginas
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 página Web.
2
“Propiedades de una página”

Cada página posee ciertos atributos, que pueden ser modificados desde el comando
FormatoPropiedades de la página. Los más comunes son:
- Meta Tags: desde donde se coloca el título de la página, autor y palabras clave que servirán para
identificar a la página dentro de la Web.
- Fondo: que permite colocar un color, imagen o música de fondo a la página.
- Apariencia: que permite determinar el color de los enlaces sin visitar, visitados y activos (el
mouse se encuentra ubicado sobre los mismos).
- Transición de la página: que permite colocar efectos entre páginas web, al momento de acceder a
un vínculo entre las mismas.
- Cabecera: que nos permite escribir código HTML tanto en la cabecera del archivo en formato
HTML, como en el cuerpo.
Al darle clic donde dice propiedades de pagina aparecerá el siguiente recuadro
3
“Texto”
Añadir texto a la Página

1. Haga clic en el botón de texto en la barra.
2. Haga clic sobre la página 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, tamaño y color.
4
Cambiar el tamaño de la caja de texto

Utilice el mouse para cambiar el tamaño 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 botón izquierdo
del ratón y arrastre el cuadro de texto al lugar que quiera dentro de la página.
Cuadro de texto con bordes y color

Puede añadir borde al cuadro de texto. Puede cambiar el tamaño 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 continuación, seleccione las
opciones de borde que desea.
Le das click derecho estando dentro del cuadro y aparecerá donde elegirás las propiedades
“Imágenes”
Insertar imágenes desde archivo

1. En la Barra de Herramientas, haga clic en el botón Imagen y, luego “Desde archivo”.
5
2. Localice la imagen que desea insertar a través del botón Abrir.
También puede arrastrar y soltar una imagen directamente en su página.

Sugerencia: El uso de Ctrl o Mayús sirven para seleccionar múltiples imágenes.
Insertar imágenes de la biblioteca o librería

Web Page Maker ofrece algunas imágenes de alta calidad que puede usar en sus páginas web. La
Biblioteca muestra las distintas categorías, de las que se puede seleccionar una imagen, haciendo doble
clic para insertarla. Al igual que con los cuadros de texto, las imágenes se pueden colocar en cualquier
parte de la página arrastrándolas con el ratón.
Cambiar la imagen
1. Para elegir una imagen diferente, haga doble clic en la imagen que desea cambiar en la página web.
2. Localice la nueva imagen que se desea insertar y luego haga clic en el botón Abrir.
Para cambiar la configuración de una imagen existente, haga clic con el botón derecho del mouse para
activar o desactivar cualquier opción que desee.
“Figuras”
Añadir una forma (rectángulo, rectángulo redondeado, elipse)

1. En la barra de herramientas, haga clic en la flecha situada junto a la forma y, a continuación,
seleccione el tipo de forma que desee.
2. Haga clic o arrastre en su página web al lugar donde desee insertar la forma.
Cambiar el tamaño de la forma

Utilice el mouse para cambiar el tamaño de la forma arrastrándolo desde los lados o esquinas.
Mover la forma
Ubique el cursor en cualquier lugar dentro de la forma, mantenga presionado el botón izquierdo del
ratón y arrastre la forma en el lugar que usted quiera, en la página.
Consejos: Se puede utilizar Mayúsculas + tecla de flecha para modificar su tamaño con precisión de
pixel; y el Ctrl + tecla de flecha para mover con precisión de píxeles.
Llenar una forma con un color sólido o un degradado

6
Puede rellenar las formas con un color sólido 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 sólido, haga clic en el color que desee, o haga clic en Más colores para
obtener más opciones.
o Para aplicar un gradiente, haga clic en "Relleno degradado" y luego seleccione las opciones que
desee.
Agregando una línea a una forma

1. Haga doble clic en la forma en la que desea agregar una línea.
2. En la ventana Propiedades, haga clic en la ficha: “Colores y Bordes” y, a continuación, seleccione el
nuevo color de la línea que desee. Para usar un tamaño diferente de la línea, haga clic en ancho de línea.
“Barra de navegación”
Inserte una barra de navegación

1. Haga clic en el botón: Barra de navegación, de la Barra de Herramientas.
2. Seleccione una categoría y de acuerdo a esta, una barra de navegación.
3. Seleccione las opciones de la barra de navegación que desee.
4. Haga clic en Aceptar.
Al dar click en aceptar aparecerá el siguiente recuadro
7
Cambiar una barra de navegación

1. Haga doble clic en la barra de navegación que desea cambiar en la página web.
2. Haga clic en el botón Estilo y seleccione los estilos de la barra de navegación que desee.
“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 botón Abrir.
Cambio de flash
1. Para elegir un flash diferente, haga doble clic en el flash que desea cambiar en la página web.
2. Localice el nuevo flash que quieres insertar, haga clic en el botón Abrir.
Para cambiar las diferentes opciones existentes para un flash, haga clic en botón derecho del ratón para
activar o desactivar cualquier opción que desee.
“Imágenes rotativas en Flash”

Usted puede crear un efecto de arrastre sobre una imagen. La imagen será sustituida por otra imagen
cuando el puntero del ratón 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 través del botón Abrir.
8
“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 través de
su página Web. Elija el tipo de letra, tamaño y color.
3. Si desea modificar propiedades de la marquesina puede hacer clic con el botón derecho del mouse.
Al dar click en aceptar aparecerá el siguiente recuadro
“Creando Tablas”
1. En el menú Insertar, haga clic en Tabla.
2. Especifique el número de filas y columnas que desea para la tabla.
En el cuadro también se determina el tamaño de la tabla en ancho y alto, ya sea en píxeles, como un
tamaño 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.
9
“Insertar media: audio o video”

A partir del menú InsertarMedia 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 estén instalados en la
computadora, caso contrario se deberán 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 parámetro AutoStart) y pueden ejecutarse más de una vez, entre otras
cosas.
“Formularios”
Un formulario es un medio de recopilación de información, destinado a obtener información del usuario

o a mostrar los datos dinámicamente a los visitantes del sitio.
Los usuarios completan los campos del formulario, con los datos que corresponden y luego cliquean en
aceptar. La información 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 línea: Se utiliza para permitir que el visitante para entrar en una pequeña
cantidad de texto en un formulario.
- Cuadro de texto de más de una línea: Se utiliza para permitir que el visitante escriba más texto
del que podría caber en una sola línea.
- Casilla de verificación: Se utiliza para permitir que los visitantes del sitio seleccionen o
deseleccionen una opción en un formulario.
- Radio botón: Se utiliza cuando el visitante debe seleccionar una única opción entre dos o más
opciones.
- Pulse el botón: Se utiliza para permitir que el visitante presente una forma, o un valor para el
servidor Web.
- Botón Imagen: Se utiliza para colocar una imagen.
- Ocultar campo de formulario: Se utiliza para el envío de un valor al servidor Web, mientras que
el mantenimiento es invisible para los visitantes del sitio.
10
“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 Acción determina la ruta a la URL donde se procesará la secuencia de comandos o la

aplicación que procesará el formulario de información. Por ejemplo:
- mailto: support@webpage-maker.com o,
- http://www.mysite.com/cgi-bin/myform.cgi
El método hace referencia al momento en que los datos del formulario serán tratados (Get y Post).
El tipo de codificación hace referencia a cómo será enviada la información. Por ejemplo
enctype = "text / plain"
Después de colocar todos estos valores, se puede empezar a añadir elementos de formulario, que se
asociarán a un formulario determinado.
La inclusión de un cuadro de texto de una línea

La única línea de cuadro de texto permite a un visitante a la entrada de texto. Para añadir una línea de
cuadro de texto, siga estos pasos:
1. Seleccione [Insertar> Formulario> Cuadro de texto de una línea]
2. Realice doble clic sobre el botón. 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 estándar (si sólo colocara texto), Password (si se trata de
una contraseña) o Archivo (si se desea seleccionar un archivo).
4. Por último, haga clic en Aceptar.
La inclusión de un cuadro de texto más de una línea

1. Seleccione [Insertar> Formulario> Cuadro de texto de más de una línea]
2. Realice doble clic sobre el botón. 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 acción y por último, haga clic en Aceptar.
La inclusión de una casilla de verificación

11
La casilla de verificación permite hacer una o más selecciones de un grupo de opciones, o para activar
una sola opción de encendido o apagado. A diferencia de los botones de radio, se puede seleccionar
cualquier número de casillas en un grupo, al mismo tiempo.
1. Seleccione [Insertar> Formulario>Casilla de verificación]

2. Haga doble clic y en el cuadro propiedades puede seleccionar Nombre, Valor y asociar una Acción.
La inclusión de botones de radio

Los botones de radio permiten al usuario hacer una sola elección de un conjunto de opciones.
Se utilizan normalmente en grupos, donde deben tener el mismo nombre y contener valores diferentes.
1. Seleccione [Insertar> Formulario> Botón de Radio ...] comando de menú.

2. Haga doble clic y en el cuadro propiedades puede seleccionar Nombre, Valor y asociar una Acción.
NOTA: Se pueden crear múltiples interacciones de botones en un formulario, siempre que cada grupo de
botones de radio tenga un nombre único.
La inclusión de un botón pulsador

1. Seleccione [Insertar> Formulario> Botón Pulsador]
2. Haga doble clic y en el cuadro propiedades puede seleccionar Nombre, Valor, Tipo de Botón
(General, Submit y Resetear) y asociar una Acción.
Inserción de un botón de Imagen

1. Seleccione el [Insertar> Formulario> Botón 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 botón de imagen, introduzca un nombre para identificar la imagen de botón en
el nombre.
Inserción de un campo de formulario oculto

Un campo oculto se utiliza para almacenar un valor que se envía al servidor junto con el resto de la
información en un formulario. Sin embargo, es invisible para el visitante. Usted podría 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.
Esta imagen no es visible en un navegador o la ventana de vista previa.
12
“Añadir y usar java script para tu página”
1. En el menú Insertar, haga clic en “Listo para usar Java Script”.

2. Seleccione un guión y personalice la secuencia de comandos con los parámetros de sus valores.
Al darle aceptar aparecerá el siguiente recuadro donde elegirás el efecto que desees en tu pagina
Nota: El java script aparece en su página web como una imagen con el nombre de secuencia de
comandos. Haga clic en Vista previa para ver su efecto en la Web.
13
“Código HTML o Script”
Insertar código HTML

1. En el menú Insertar, haga clic en HTML.
2. Escriba o pegue html en la ventana de Html.
Esta es también la forma de añadir Java, Javascript, applets, contadores, etc.
La herramienta capa
Una página web puede tener capas; una disposición 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 límite 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 tamaño deseado,
use la herramienta de bloqueo para evitar que se traslade accidentalmente o que cambie de tamaño. El
bloqueo de un objeto desactiva todas las operaciones que podrían transformarlo.
Para bloquear o desbloquear un objeto se debe realizar doble clic sobre el mismo y seleccionar la opción
adecuada.
Hipervínculos
Hay dos formas básicas de hipervínculos que se utilizan en los documentos Web: absolutos y relativos.
Enlaces absolutos: Un vínculo absoluto se refiere a un documento de Internet que utiliza una URL, por
ej.: "http://www.webpage-maker.com/index.html".
Enlaces relativos: Un vínculo relativo hace referencia a los documentos que se encuentran dentro del
mismo sitio web que el documento que contiene el vínculo, por ej. "producto / index.html".
También se pueden realizar vínculos a direcciones de correo electrónico, o a marcadores locales dentro
de una misma página, que se colocan desde el comando de menú Insertar Bookmarks.
Para insertar un hipervínculo se debe seleccionar la opción: InsertarHipervínculo. A partir de allí se
deben seleccionar las siguientes opciones:
- Tipo de link (si se trata de un enlace a una página del sitio; o otra página de otro sitio web, si es
un vínculo a una dirección de email, a una dirección ftp o a un archivo de la computadora.
- Dirección URL del vínculo (dependerá de si se trata de un enlace absoluto o relativo).
- Marcador o bookmark (si se trata de un enlace local a la página).
- Target (donde se abrirá el enlace. Si en una nueva ventana: _blank o en la misma ventana: _self,
etc.
“Publicar un sitio Web”

Antes de que usted pueda publicar (o subir) una página web, debe elegir un host primero.
La mayoría de proveedores de servicios de Internet (ISP) ofrecen espacio para páginas web personales a
sus abonados.
En segundo lugar, asegúrese de tener una conexión a Internet activa para publicar su página.
Para subir las páginas es necesario que las mismas se encuentren en formato .HTML. Para ello se puede
exportar la página Web, mediante el comando: “Exportar a HTML”.
Para empezar el proceso de publicación, pulse el botón 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 parámetros:
14
- Nombre del perfil: cualquier nombre que representa el sitio ya que será utilizado para identificar.
- Host del sitio: dirección del servidor FTP que se utiliza para cargar archivos al sitio web en
Anfitrión. 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: contraseña de inicio de sesión en Contraseña.
- Puerto: número de puerto a utilizar cuando se conecta al servidor FTP (por defecto, este valor es
21).
- Modo pasivo: se selecciona si el servidor está detrás 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.
Después de introducir toda la información necesaria en los sitios remotos Configuración de la

ventana, haga clic en Aceptar.
Haga clic en el botón Publicar en la parte inferior de la "Publicar" ventana. Su página web será
subida al host.
** Puede añadir múltiples hosts web, si lo desea. Para ello, haga clic en Nuevo y luego se irán
añadiendo a la lista.
15

Manual de Web Page Maker

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Manual de Web Page Maker

Cargado por

Copyright:

Formatos disponibles

Profe Ronald Salgado Instituto Francisco Rivera Hernández

Manual de Web Page Maker

¿Para qué sirve Web Page Maker?

Integración con Windows

“Creando una página Web”

Crear una nueva página Web en blanco

Crear una página Web basada en una plantilla

“Propiedades de una página”

Al darle clic donde dice propiedades de pagina aparecerá el siguiente recuadro

Añadir texto a la Página

2. Haga clic sobre la página Web en la que desea insertar el texto.

Cambiar el tamaño de la caja de texto

Mover el cuadro de texto

Cuadro de texto con bordes y color

Insertar imágenes desde archivo

2. Localice la imagen que desea insertar a través del botón Abrir.

También puede arrastrar y soltar una imagen directamente en su página.

Insertar imágenes de la biblioteca o librería

Añadir una forma (rectángulo, rectángulo redondeado, elipse)

Cambiar el tamaño de la forma

Llenar una forma con un color sólido o un degradado

Puede rellenar las formas con un color sólido o un degradado.

Agregando una línea a una forma

Inserte una barra de navegación

Al dar click en aceptar aparecerá el siguiente recuadro

Cambiar una barra de navegación

“Imágenes rotativas en Flash”

“Texto con desplazamiento”

Al dar click en aceptar aparecerá el siguiente recuadro

“Insertar media: audio o video”

Un formulario es un medio de recopilación de información, destinado a obtener información del usuario

Para crear un formulario, siga estos pasos:

El comando Acción determina la ruta a la URL donde se procesará la secuencia de comandos o la

La inclusión de un cuadro de texto de una línea

La inclusión de un cuadro de texto más de una línea

La inclusión de una casilla de verificación

1. Seleccione [Insertar> Formulario>Casilla de verificación]

La inclusión de botones de radio

1. Seleccione [Insertar> Formulario> Botón de Radio ...] comando de menú.

La inclusión de un botón pulsador

Inserción de un botón de Imagen

Inserción de un campo de formulario oculto

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

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

“Añadir y usar java script para tu página”

1. En el menú Insertar, haga clic en “Listo para usar Java Script”.

“Código HTML o Script”

Insertar código HTML

Esta es también la forma de añadir Java, Javascript, applets, contadores, etc.

Herramienta Bloquear/ Desbloquear

“Publicar un sitio Web”

Después de introducir toda la información necesaria en los sitios remotos Configuración de la

También podría gustarte