Manual de Web Page Maker en espaol

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

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

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.