Está en la página 1de 201

WEBPLUS X2

Bienvenido a WebPlus X2 desde Serif la manera ms fcil de mantener tu negocio, organizacin


u hogar en la web.
Si has usado WebPlus en el pasado, sabrs que WebPlus ofrece una manera fcil y poderosa de
disear y publicar tu sitio web desde el inicio o usando plantillas. Equipado con una cuenta ISP
(Proveedor de Servicio Internet) operacional y WebPlus X2, puedes mantener en lnea con el
menor tiempo y con el menor costo ninguna experiencia requerida.
WebPlus X2 construido en base a la historia ganadora de premios de las versiones anteriores para
traer una gran cantidad de funciones que te ayuden a hacer sitios web excepcionales rpida y
fcilmente.
Facilidad en el Uso
- Las barras de herramientas de contexto sensitivo aseguran que la mayora de las opciones
comunes siempre estn de la mano. El diseo de las pestaas de estudio te permiten crear
espacios de trabajo personalizados para asegurar que puedes trabajar ms
eficientemente. Revisa algunos de los perfiles de trabajo pre-definidos disponibles desde
el asistente de inicio para algunas ideas.
Soporte de Texto
- Tiene un control completo sobre tu texto con el control de estilos de texto WebPlus DTP.
Los marcos de texto HTML te permiten permanecer en HTML donde el texto artstico
puede ser usado para dar a tus sitios web alto impacto. Todas las capacidades de edicin
son compatibles con el mejor procesador de textos.
Aptitud Grfica
- Dale a tus sitios web una nueva dimensin con un fcil uso de herramientas instantneas
en 3D grandiosas para crear logos, banners, y botones en 3D. Fcilmente aade efectos de
luz, incrementa la profundidad de tus objetos creando grficos en 3D para hacer tus sitios
web fuera de lo comn. Mejora tus textos, fotos, grficos y formas con filtros de efectos,
incluyendo biseles, realces, sombras y brillos.
- WebPlus facilita el aplicar mltiples efectos de manera rpida y modificar los ajustes para
obtener el look exacto que se requiere. Cada objeto permanece editable una vez que el
filtro de efecto ha sido aplicado y se pueden quitar fcilmente para mantener una
flexibilidad completa. No hay necesidad de usar un programa de diseo diferente con
todos estos efectos grficos y mejoras que trae de manera rpida WebPlus.
Control de Imagen
- Corrige y mejora tus imgenes directamente en WebPlus con un simple dilogo de ajustes
de imagen, lo que te permite combinar mltiples ajustes y pre visualizaciones a los
cambios que se hacen. Puedes remover los ojos rojos en personas que se encuentren en
fotografas con un simple clic en la herramienta de Ojos Rojos. Facilmente hacer ajustes
correctivos con herramientas como Brillo y Contraste, Removedor de Ruido y Polvo,
Mezclador de Canales y controles de Color/Saturacin/Luz, o mejorar imgenes con el
rango de efectos de WebPlus incluyendo Brillo Difuso, Difuminado en movimiento y
Aadir Ruido. Rpidamente transforma tus fotos en imgenes profesionales con ajustes de
fcil uso.
Fcil Navegacin
- Selecciona desde la seccin Temas Grficos de WebPLus, un conjunto de botones pre-
diseados, encabezados, banners, balazos y barras de navegacin que puedes aadir
fcilmente a tus sitios Web con un simple clic. Con una fantstica seleccin de diferentes
estilos a seleccionar, encontrars aquello que se acople a tus necesidades. Los temas
grficos de WebPlus tambin te ahorrarn tiempo en diseo y te ayudarn a alcanzar una
consistente y cohesiva manera de manejar tu sitio Web. La pestaa de estructura de
jerarqua en la pgina del sitio hace an ms fcil ver una pre visualizacin del sitio web
ms completo con control en los hipervnculos estndares y anclas que lo hacen un
paquete de edicin comprensivo que crece con tus necesidades.
Qu hay de nuevo en WebPlus X2?
- Mezca de Base de Datos (ver pgina 287)
Presenta el contenido de bases de datos en tu pgina Web desde bases de datos Serif
(.SDB), Microsoft Acces (.MDB), dBASE; ODBC server data, y otros formatos de bases de
datos conocidos, as como Microsoft Excel, HTML, y archivos de texto delimitados. Lista de
productos, lista de correos, inventarios, en realidad cualquier informacin de base de
datos puede ser funcional para tu audiencia web. Colocar texto o imgenes en reas
repetidas, repetir Comprar Ahora o Aadir al Carrito de Compras, o incluso Fragmentos
HTML. Crear tu propia base de datos de fotos (con campos EXIF) para mezclas
subsecuentes.
- Herramientas de Sitio (ver pgina 68)
Adminsitra todas tus propiedades de pgina principal, recursos, fuentes, textos,
hipervnculos, y anclas - todo desde el administrador de sitio WebPlus.
El administrador de pginas web puede aplicar cambios a todas las pginas o a pginas
individuales. El nuevo Administrador de Recursos muestra imgenes, media, vnculos,
recursos de cdigo HTML y mucho ms, incluso ejemplos de imgenes vinculadas. El
Revisor detecta la navegacin del sitio, el formato de texto, y problemas de Forma / e-
comercio y arregla automticamente lo posible.
- Nuevos Objetos Inteligentes (ver pgina 306)
Recursos Web Serif, los objetos inteligentes de servicio de host, ofrece ahora series para
ejecutar nuevos objetos inteligentes:
o Frum se basa en discusiones simultneas de tamao de ventana completo.
Crea mltiples frums y los administra independientemente (modera discusiones
y ajusta el acceso de sesin).
o Control de Acceso ofrece control de acceso a las pginas o sitios por
administracin o una simple lista de usuario o grupos de usuarios (ejemplo,
Personal). Los visitantes Web pueden registrarse automticamente va inicio de
sesin de usuario (con activacin de correo opcional).
o Analtico recolecta y presenta estadsticas relacionadas con las pginas Web en
los sitios que visita, detalles del buscador, referencias y trminos de bsqueda.
o Noticias para simples anuncios como actualizaciones de sitio Web o fechas de
encuentros a los clubs.
Todos los objetos inteligentes ahora soportan mltiples lenguajes.
Para objetos inteligentes de Blogs, ahora aade perfiles personales, vnculos de favorito y
uso de vnculos de referencia para referencias cruzadas en blogs. Cambio de apariencia en
blogs con diferentes estilos visuales pre definidos (o usa los tuyos) Usa el Editor de grupos
para publicacin de artculos multi-autor. Por ltimo pero no menos importante, usuarios
ahora pueden editar sus artculos en RTF!
- Poder de Imgenes con la Barra de Media y Galera de Fotos (pgina 185 y 205)
No ms importacin de fotos repetidas, mantn tu contenido de imgenes administrado
en la nueva Barra de Media arrastra y suelta desde la barra a las imgenes para
reemplazar, busca imgenes por sus meta datos. Controla el tamao de imgenes y
alineaciones en sus marcos. Importa mltiples imgenes y pega slo 1.
Maravilloso tus amigos, familia y colegas en galeras de fotos basadas en flash. Varios
estilos de galeras ofrecidos para la navegacin de foto por seleccin desde miniaturas,
miniaturas de rollover, retculas de fotos, archivos de fotos. Usa la funcin de
reproduccin automtica para dar un bucle a las fotos mientras se reproducen.
- Plantillas de diseo multi-pgina (ver pgina 21)
Haz sitios Web adaptados desde un esquema y temas en un instante selecciona
plantillas diseadas para Negocios, E-Comercio, Personal, Entretenimiento, Correo
Electrnico, y categoras interesantes. Simplemente selecciona la plantilla con la opcin de
aadir pginas adicionales desde la misma o diferentes plantillas en fechas posteriores.
- Motor de Optimizacin para Bsquedas (ver pgina 81)
Contra cmo se indexa tu sitio Web en los motores de bsqueda, incluye o excluye
pginas desde el index al usar motores de bsquedas en mapas de sitios o archivos robot
protege confidencialidad mientras ofrece la precisin a los visitantes Web en sus
resultados de bsqueda desde tu sitio.
- Herramienta de Bsqueda del Sitio (ver p.87)
Realiza bsquedas de texto a travs del sitio web completo con la poderosa Herramienta
de Bsqueda del Sitio.
- Barras de Navegacin extras (Ver pgina 238)
WebPlus ahora soporta barras de navegacin muy buenas para mezclas de bases de
datos relacionadas con e-comercio. Un nuevo conjunto de combos ofrece cajas de
combos en las pginas. Habilita las anclas en cualquier tipo de barra de navegacin.
- Mapas de Sitio en la Navegacin
Aade mapas de sitio para visualizar el recorrido de tu sitio Web.
- Documentos de Marcos Activos (ver pgina 41)
Hipervnculos que pueden abrir pginas en marcos de documentos y otras pginas. Ajusta
un URL Absoluto para mayor precisin en la navegacin.
- Videos Youtube (ver pgina 202)
Selecciona tu video favorito de youtube e inclyelo en tu pgina Web.
- Podcast (ver pgina 270)
Crea tu propio podcast y haz tus propios episodios de audio y video frecuentemente y
fcil. Los vistantes web pueden suscribirse con el buscador web ms popular y va
suscripcin en clic a Google Reader, My Yahoo!, y Apple iTunes.
- Popup Rollover (ver pgina 235)
Crea tus propias galeras de fotos muestra una versin larga de fotos en miniatura al
pasar el cursor.
- Nuevos Filtros de Efectos en 2D/3D (ver pgina 167)
Aadir reflexiones de un objeto genial para ttulos de pginas web y fotos! Desenfoca
cualquier objeto o golpea un rea de color solido o de borde gradiente sobre los bordes
del objeto (golpea con la nueva Contorno que aplica relleno gradiente desde el centro al
exterior, al grosor de la lnea exterior). Los efectos 3D son mejorados con una
transparencia realista de reas con relieve / sin relieve y mltiples reas coloreadas
separadamente para efectos de luz dramticos. Todos los filtros de efecto pueden ser
aplicados en el modo de pre-visualizacin o al objeto de la pgina. Usa la nueva
herramienta de Sombras para control de sombras en la pgina.
- 3D instantneo con Transformaciones en Pantalla (ver pgina 174)
Los objetos de transformaciones 3D in-situ con el editor 3D desde una barra de
herramientas del contexto. Aplica efectos de luz (con control direccional), junto con un
bisel y contorno personalizables para crear contornos nicos. La mejora del Acelerador
de Render de Hardware re escribe el rendimiento (dependiente al hardware).
- Actualizacin de aos para los calendarios de eventos (ver pgina 135)
Actualiza tus calendarios por ao y aade nombre de eventos personales, ms das
festivos especficos de la regin pas, todo con un poderoso control de eventos.
- Formato de Texto y Estilo (ver pgina 91)
Aplica gradiente de color en relleno y transparencia a las tablas y marcos de texto: aplica a
los caracteres seleccionados, todas las palabras o incluso prrafos enteros. Ctrl
selecciona mltiples palabras o prrafos (marcos o textos artsticos) para aplicar formato
comn. Cambia el estilo de texto simultneamente con la nueva pestaa de Estilos de
Texto. Ve tu conjunto de fuentes instalada en la pestaa de fuentes, incluyendo las
fuentes recientemente usadas. Busca fuentes y pre visualiza tus fuentes en el texto
seleccionado.
- Mejora de Tablas (ver pgina 129)
Aade/Remueve columnas/filas al arrastrar los encabezados finales. En los mens drop-
down o encabezados de fila/columna manipula las filas y columnas de manera individual.
Distribuye o autoajusta las filas, columnas o tu tabla entera incluso un conjunto de
filas/columnas. Ordena contenido de filas / columnas individuales o por conjunto. Ahora
benefciate del reajuste de tablas sin afectar el tamao total de la tabla. Nuevas funciones
(incluyendo lgicas y trigonomtricas) son aadidas para ms funcionalidad comprensiva
en hojas de clculo.
- Control en el visor de pestaas
WebPLus ahora ofrece una pestaa de control mostrar/ocultar, con soporte para efectos
de animacin deslizar, desvanecer o mover. El perfil de trabajo es definido por el usuario y
puede ser cargado desde el asistente de Inicio (o usar un perfil para el rea de trabajo
predefinido).
- Ayuda de Diseo (ver pginas 49)
Toma ventaja del ahorro de procesos al usar guas pegajosas, una gran manera de mover
(en volumen) todos los objetos pegados a tus guas regla al mover las guas los objetos
las seguirn
- Nueva pestaa Cmo hacer
La nueva pestaa de cmo hacer provee un acceso rpido a temas ilustrados paso a paso
que te introducen a las funciones principales del WebPlus, y te ayudan a planear, disear,
y crear tus proyectos de sitio Web.
y algunas adiciones muy tiles que has estado pidiendo!
Toma ventaja de accesos rpidos personalizables en el teclado Default ALT Text ofrece una mejor
accesibilidad a imgenes exportadas. Personalizacin ms amigable a las barras de herramientas.
CAPTCHA proteccin de spam para Recursos Serif Web (formularios y blogs). Ahora publica en
Web con actualizacin automtica, despus ve tu sitio web en lnea con la funcin Ver sitio en
lnea. La pre-visualizacin de objetos inteligentes muestra el contenido de los mismos
directamente en la pgina. Usa la opcin Seleccionar Todo en la funcin encontrar y reemplazar
para ver todas las coincidencias de texto. Ordena los prrafos o listas de manera alfabtica o
numrica. La lnea de estilos ahora te permite escalar lneas finales (ejemplo, flechas) y colocacin
de lnea final. Tambin incluye nombre de autor, noticias sobre copyright, fecha de publicacin en
el encabezado de la pgina. Los esquemas de color ofrecen una ventana de bsqueda para el color
de fondo y ajustes de color en pgina. La pestaa de trasformacin de re-diseo ahora reajusta,
reposiciona, escala o rota objetos desde un conjunto de posicin de anclas. Alternativamente, rota
objetos sobre puntos movibles. Bloquea QuickShape de geometra para preservar las flechas
originales y esquinas contorneadas. Cambia la interfaz del usuario, sintete libre de seleccionar
Plateado, Azul, Aqua, Plateado Azul, o clsico (la vista de WebPlus 10).
No olvides registrar tu nueva copia, usando el asistente de Registro Serif. De esa manera, puedes
an mantenerte informado de los nuevos desarrollos y futuras actualizaciones.
Instalacin
Requerimientos del Sistema
Mnimos:
- Pentium PC con DVD/CD y mouse
- Sistema Operativo: Microsoft Windows 2000 / XP o Vista
256 RAM
- 389 MB DD
- SVGA (800x600 16-bits color)
- Internet Explorer 5.5 (6.0 o superior para el uso de objetos inteligentes)

Los recursos adicionales del disco duro y memoria son requeridos cuando se editan un nmero
grandes de imgenes complejas.
Opcional
- Windows compatible con impresora
- TWAIN compatible con escner y/o cmara digital
- Cuenta de Internet y conexin requerida para publicar a la Web y tener acceso a los
recursos en lnea.
Primera vez que se Instala
Para instalar Serif Web Plus X2, simplemente inserte el CD del programa en tu lector de DVD/CD. Si
el auto ejecutar est disponible en tu dispositivo, automticamente comenzar el asistente de
instalacin. Si ests instalando WebPlus en Microsoft Windows Vista, quizs necesitas dar clic en el
cono de autorun.exe desde el dilogo de Autoplay. Si auto ejecutar no est habilitado (o no inicia
el instalador automticamente) usa el mtodo manual descrito a continuacin.
El asistente de instalacin inicia con una ventana de Bienvenida, clic en Siguiente para proceder.
Sigue los pasos que el asistente de pondr, clic Siguiente cada vez que se necesite para proseguir
con la instalacin. En este punto ya deberas estar informado si ser necesario reiniciar el equipo.
Si esto pasa, reinicia el equipo. Recuerda quitar el CD del programa de la unidad y cerrar las dems
aplicaciones antes de reiniciar. El asistente de instalacin deber ahora ejecutarse exitosamente
cuando el CD sea reemplazado en el lector DVD/CD.
Por favor lee la licencia. Clic Siguiente para proceder.
Introduce tu nombre de usuario, organizacin (si aplica) y la llave de producto que viene con tu
software. Para ms informacin clic en . Clic en Siguienet selecciona el lenguaje que quieres
que el programa utilice. Clic en Siguiente. Selecciona el lenguaje default del diccionario. Clic en
Siguiente.
En el dilogo de Opciones de ajustes, tienes la oportunidad de personalizar tu instalacin.
Para instalar las opciones recomendadas, simplemente clic en Siguiente. Sin embargo, si ests
preocupado por el espacio del disco duro, puedes seleccionar ejecutar algunas funciones desde el
DVD/CD. Las cajas drop-down muestran las opciones disponibles para cada funcin:
- Ser instalado en el disco duro local. Si esta opcin est seleccionada, instalar la
funcin en tu disco duro pero no instalar automticamente cualquier sub funcin que
puede estar disponible.
- Las funciones completas sern instaladas en el disco duro local. Al seleccionar
esta opcin, todas las sub funciones relacionadas a esta funcin sern instaladas. Algunas
sub funciones pueden requerir una cantidad substancial de espacio en el disco duro.
- Ser instalado para ejecutarse desde [Tipo de Media]. Si esta opcin est
seleccionada, podrs guardar espacio en tu disco duro pero necesitars tener la
instalacin tipo de media en la mano para tener acceso a las funciones.
- La funcin entera ser instalada para ejecutarse desde [Tipo de Media]. Esta
opcin te permitir tener acceso al contenido y todos sus sub funciones desde la
instalacin media, guardando as espacio en el disco duro.
- La funcin entera ser instalada para ejecutarse desde la red. Si ests
instalando el software desde una red, esta opcin te permitir tener acceso a las
funciones y todas las sub funciones desde el almacenamiento de red, guardando espacio
en tu disco duro.
- La funcin completa estar indisponible. Al seleccionar esta opcin, no podrs usar
la funcin seleccionada. Sin embargo, si decides que quieres usar la funcin, podrs
instalarlo al modificar tu instalacin.
Cuando selecciones una opcin de instalacin, el panel de informacin en la lista derecha te
informar de la cantidad de espacio en tu disco duro que la funcin necesita. No todas las
opciones de instalacin estn disponibles para todas las funciones.
Si el espacio en el disco duro no es un problema, puedes decidir instalar el programa
entero en tu disco duro. Esto puede mejorar el rendimiento y podrs usar todas las
funciones sin necesidad de mantener el disco del programa en el lector DVD/CD.
Si no quieres instalar el programa en su localizacin default, clic en el botn de Cambiar. Busca el
folder en donde quieres instalar el programa WebPlus y da clic en Ok. Debes tener cuidado pues al
cambiar los ajustes default puedes afectar instalaciones subsecuentes de versiones futuras del
software.
Al cambiar la opcin default de instalacin del programa puedes obtener como resultado
la indisponibilidad del mismo. Esto es recomendado solamente para usuarios avanzados.
En la ventana de opciones, puedes seleccionar automticamente crear accesos directos al
seleccionar las cajas de opciones correspondientes. Clic Siguiente.
Clic Instalar para aceptar los ajustes e instalar el programa. La ventana de dilogo mostrar la
barra de progreso mientras el programa se instala. Una vez que la instalacin se complete, clic en
Finish para salir del asistente de instalacin.
[Opcional]Si tambin has obtenido recursos de WebPlus X2, instlalos siguiendo el mismo
procedimiento que usaste para el programa.
Tu instalacin ahora est completa y puedes comenzar a usar Serif WebPlus X2.
Instalacin Manual
Para la instalacin manual, usa My Computer (Windows XP), o Computer (Windows Vista), para
navegar al lector DVD/CD en donde estar localizado el programa. Doble clic en el cono
correspondiente al lector DVD/CD, doble clic en el cono setup.exe, selecciona desde el men Serif
WebPlus X2, despus sigue las instrucciones de instalacin en la pantalla.
Modificando, Reparando o Removiendo WebPlus
Para modificar, reparar o remover la instalacin:
1. Clic en el botn de inicio y selecciona Panel de Control desde el men de inicio de
Windows.
2. Doble clic en el icono de Aadir/Remover Programas
3. Localiza el programa Serif WebPlus X2 en la lista de programas instalados, despus
seleccinalo.
4. Clic en el botn de Cambiar para hacer los cambios en la instalacin va asistente.
Microsoft Windows Vista:
1. Clic en el botn de inicio y clic en Computadora.
2. Clic en el botn
3. Localiza el programa Serif WebPlus X2 en la lista de programas instalados, despus
seleccinalo.
4. Clic en el botn Cambiar para hacer cambios a la instalacin va asistente.
Puedes tambin tener acceso a estos programas y funciones al dar clic en el Panel de Control
desde el men de inicio de Windows (o Ajustes Panel de Control desde el men clsico de
Windows Inicio), dando clic en Programas y despus en Programas y Funciones.
Para cambiar las funciones instaladas:
Abre el asistente como se describi en los pasos anteriores. Para cambiar la instalacin selecciona
la opcin Modificar y despus clic en Siguiente. Desde aqu puedes cambiar el idioma del
programa y aadir/remover algunas funciones del mismo. Aadir contenido adicional puede pedir
el disco del programa original Serif WebPlus X2; al remover el contenido no se pide el disco. Vea
los pasos del a instalacin si no ests seguro de alguna opcin.

Algunas funciones, como fuentes, no pueden removerse desde el asistente una vez que
han sido instaladas. Esto es debido a la manera en que se relacionan con otras
aplicaciones. Modificar los ajustes de instalacin en este caso no liberar el espacio en el
disco duro. Las fuentes en particular, se mantendrn incluso si el programa se desinstala
completamente.
Remover el programa WebPlus X2
Abre el asistente. Selecciona la opcin Remover y clic en Siguiente. Clic en Remover
completamente desde tu computadora.
Reparar el programa WebPlus X2
En ocasiones, ser necesario reparar tu instalacin de WebPlus X2. Abre el asistente y selecciona la
opcin reparar y clic en Siguiente. Cualquier problema deber resolverse de esta manera.

2. Comenzando
Comprendiendo los sitios web
Qu se involucra al momento de crear un sitio Web?
Puede ser tan simple como seleccionar y personalizar una plantilla Web, o puedes comenzar desde
el inicio esto es decisin tuya. De cualquier manera, apreciars la facilidad que ofrece WebPlus al
modificar textos, grficos y ajustar el diseo de cada pgina. WebPlus te da la libertad para que
personalices cada elemento de pgina en composiciones diferentes que puedan ser de tu agrado.
Es un tanto como armar un peridico - as que si ya ests de acuerdo con la manera en que se
encuentra el DTP bsico, encontrars ms fcil el seguir. Si fueses comenzando con el programa
aprenders a usar las herramientas sobre la marcha.
WebPlus te permite ensamblar todos los elementos de tu sitio en progreso en un documento muy
conveniente multi-pgina que puede ser guardado en un simple paso como un archivo de
proyecto Web. En cualquier momento con un solo paso - puedes Publicar el proyecto como un
conjunto de pginas separadas que satisfagan tu sitio Web.
Qu es exactamente un sitio Web?
El Internet es una red global que interconecta computadoras a travs del mundo. La Web
comienza como una manera de usar el Internet como herramienta que permita un tener acceso a
informacin almacenada en un formato conocido como HTML, o Hypertext Markup Lenguage
(Lenguaje de Marcacin de Hipertexto) definido ampliamente, un sitio Web es una coleccin (la
mayor parte del tiempo) de archivos HTML almacenados en un servidor al que alguien con un
buscador Web puede acceder. En realidad, los sitios Web no dependen del Internet en absoluto
se puede tener (y a menudo se usa de esta manera) acceso en un rea de red local o intranet.
Recuerda, un sitio Web es slo una coleccin de archivos.
El formato HTML es una manera de describir el diseo de las pginas. Un archivo HTML usa texto
con varios cdigos para describir la pgina que alguien ha diseado, consistiendo de texto y
vnculos. Adems de los archivos HTML, un sitio web generalmente incluye otro tipo de archivos
(imgenes por ejemplo) que el diseador ha incorporado. Un buscador web como Microsoft
Internet Explorer o Mozilla Firefox es un programa que puede leer un archivo HTML y mostrar la
pgina (uno esperara) de la manera en que el diseador intenta que se muestre.
Normalmente, un sitio Web tiene una pgina de inicio (home) usando un nombre estndar
index.html. La pgina de inicio es la primera que el visitante visualiza. Usualmente contiene
vnculos a otras pginas en el sitio, que a su vez contienen ms vnculos.
Para la persona que est usando el buscador Web para tener acceso al sitio, la informacin le
aparece vinculada sin problemas navegable a slo un clic del mouse.
WebPlus toma estas pginas y las convierte en HTML.
Qu necesito para pre visualizar o publicar mi sitio Web?
Puedes pre visualizar una o ms pginas en cualquier momento, ya sea con WebPlus (usando una
ventana especial basada en el buscador Microsoft Internet Explorer) o utilizando un buscador
instalado en tu sistema.
Publicar un sitio con WebPlus es una del as operaciones que (1) convierte tu proyecto en archivos
separados para la Web (2) copia los archivos Web a una localizacin que especificas, ya sea archivo
local o un host Web.
- Para publicar a un folder local, no necesitas tener conexin a internet.
- Para publicar en la Web, necesitas un host para tu sitio Web esto es, un espacio en un
servidor conectado a la Internet de esta manera otros puedes tener acceso a tu sitio.
Esto usualmente significa que hay que abrir una cuenta con un proveedor de servidores en
lnea: ya sea una gran entidad como America Online o un proveedor de servicio de
Internet Personalizado (ISP). La subscripcin grande de red normalmente se localiza en un
espacio personal en MB dentro del servidor. Una vez que has ajustado tu cuenta y
puedes conectar tu computadora al host, publicar en la Web es algo simple y cuestin de
transferir tus archivos a la funcin de publicacin Web, WebPlus puede encargarse de este
paso sin problema.
Qu hay de HTML?
Una ventaja de WebPlus sobre los dems programas de creacin de pginas Web es que puedes
editar tus propios diseos, o impresiones ad con una mezcla de grficos multicolores y tipografas
diferentes, publicarlas directamente a la Web. En realidad puedes hacer que tu pgina de Internet
se vea tan bien como lo ves en tu pantalla.
No es necesario que tengas conocimiento sobre el cdigo HTML (la descripcin del lenguaje para
pginas Web) al usar WebPlus, debes entender que:
1. El tiempo que toma a un visitante cargar tu pgina est directamente realicionado con el
tamao del archivo HTML ms cualquier grfico que lo acompae o archivo multimedia. Estos
otros archivos toman un tiempo considerable y bajan la velocidad de carga.
2. Estas partes de tu diseo que WebPlus no puede traducir a HTML sern grficos de salida.
Mientras ms diseo que WebPlus pueda traducir a HTML mejor.
Si ests familiarizado con el ambiente de Publicaciones por escritorio, quizs necesites bajar tus
expectativas en diseo tipogrfico para la Web. Sin embargo, WebPlus te da mucha latitud de
diseo. Al editar texto, puedes especificar tamao, variables y espaciado entre letras, incluso
justificar prrafos. El resultado es cercano a WYSIWYG una semejanza entre lo que ves en la
pantalla y lo que termina en el buscador Web; HTML posiciona los elementos usando coordenadas
absolutas, sobreponiendo elementos que le siguen y reduciendo el tamao de los archivos.
En teora, puedes usar cualquier fuente que quieras. Sin embargo, si una fuente especificada no
est en la computadora del visitante, una fuente disponible ser la que le sustituya, con un
resultado impredecible para tu hermoso diseo. Como regla, mantente apegado a las fuentes que
WebSafe tiene como default para WebPlus. Estas se muestran en la pestaa de Fuentes y pueden
ser aplicadas a cualquier texto actualmente seleccionado.
El revisor de sitios en WebPlus te advertir si tu sitio utiliza algn tipo de fuente no segura,
tiene problemas de navegacin o si hay problemas existentes en formularios o e-
comercio.

Asistente de Inicio
Una vez que WebPlus ha sido instalado, estars listo para comenzar. Ajusta los tems aadidos a
Serif WebPlus X2 en el men de inicio de Windows.
- Usa el botn de inicio para abrir el men, clic en Todos los Programas y clic en el tiem de
WebPlus.
El asistente presenta varias opciones.

La opcin es auto explicativa, desde donde se comenzar el sitio, en blanco o plantilla de diseo.
Sitios anteriormente guardados podrn ser abiertos o pginas web fuera de WebPlus podrn ser
importadas en un proyecto a manera de archivo o URL.
El asistente de inicio se muestra por default cuando ejecutas WebPlus. Puedes quitar este
mensaje al seleccionar la opcin No mostrar este asistente de nuevo, o puedes volverlo a
poner al seleccionar la opcin en Usar Asistente de Inicio Herramientas Opciones

Creando un sitio Web usando plantillas de diseo
La primera vez que ejecutas WebPlus, vers el asistente de inicio, con un men de seis opciones.
La primera es Crear Usando una plantilla de diseo. Al usar una plantilla de diseo nos ahorra el
proceso de crear un sitio profesional. Donde comienzas a trabajar con WebPlus o exploras
posibilidades de diseo haz que las plantillas de diseo que ofrece WebPlus trabajen por ti.

Las plantillas de diseo categorizadas pueden proveer un rango de opciones seleccionables como:
- Temas de botn selecciona un nombre de tema (ejemplo, Ahead) para tus balas,
botones, divisores y barras de navegacin.
- Esquemas selecciona un esquema de color para aplicar a diferentes vistas (ejemplo,
Atlantis).
- Seleccin de Pgina selecciona algunos o todas las pginas de plantilla (ejemplo, Inicio,
Productos, Descargas, etc) aquellas que conforman tu sitio.
Las categoras de las plantillas tienen un rango que van desde Negocios y Comercio electrnico a
ms Personales, Entretenimiento e Intereses.
Algunas de las plantillas contienen objetos inteligentes (ver pgina 306) como registro de noticias.
Los objetos inteligentes se almacenan en los recursos de Serif Web y son asociados con la cuenta
del cliente vlida en Serif. Si quieres hacer uso de los objetos inteligentes (si no los quieres slo
brralos), doble clic e inicia en los recursos de serif; esto asociar los objetos a tu cuenta.
WebPlus no se detiene slo a ofrecer pginas desde una plantilla. Puedes tambin adoptar
fcilmente pginas adicionales desde una diferente plantilla para aadir algunas variaciones en el
estilo dentro de tu mismo sitio web por ejemplo, podras crear pginas web con un estilo libre,
pero para los miembros podras poner un estilo diferente. Cuando se aaden pginas de plantillas
puedes seleccionar copiar o ignorar las pginas maestras asociadas mientras las pginas son
aadidas a tu sitio. Ver aadir, remover, y reorganizar pginas (pgina 36) para ms detalles.
Para crear un sitio Web usando Plantillas:
1. Ejecuta WebPlus, o selecciona el Asistente de Inicio, en el men de archivo, se muestra el
asistente.
2. Clic en Crear Usar Diseo de Plantilla
3. Desde el dilogo, selecciona una plantilla en el panel principal. Las plantillas estn
agrupadas en categoras basadas en temas; utiliza las barras de desplazamiento o
despliega una categora para revelar ms opciones (clic en el botn con el signo de
despus del nombre de la categora). El panel derecho refresca y muestra miniaturas de
las plantillas disponibles para las pginas.
4. Desde el panel derecho, decide qu pginas quieres utilizar en tu sitio. Selecciona o
deselecciona cada pgina como sea apropiado, o utiliza los botones de Seleccionar Todo /
Deseleccionar Todo para todas o ninguna pgina.
5. Selecciona un Tema de Botn y Esquema desde la lista drop-down. La pgina refresca las
miniaturas para reflejar la apariencia de las nuevas pginas. Para una mejor visin utiliza
los botones de Zoom o utiliza la barra de zoom para manejarlo mejor.
6. Clic en Abrir.
El sitio abre primero la pgina de inicio (Home), con la pestaa de Estudio de Sitio desplegada en la
parte derecha, mostrando varias pginas que conforman el sitio en el rbol de estructura del sitio.
Abrir un sitio Web existente
Puedes abrir un sitio de WebPlus existente desde el asistente de inicio, ya sea por medio del men
de archivo o la barra de herramientas estndar. Un rango otros formatos de archivo, incluyendo
plantillas de WebPlus y archivos de Serif PagePlus pueden ser abiertos.
Tambin es posible Importar Pginas Web desde un HTML existente por medio del asistente de
inicio. (ver ayuda de WebPlus para ms detalles).
Para abrir un sitio WebPlus existente (asistente de inicio):
1. Selecciona la opcin Abrir Abrir sitio guardado. En el panel de documentos en el dilogo
de Abrir Trabajo Guardado, vers la estructura de folders de tu computadora para
navegar en tus sitios Web (pestaa de Folders) o una lista de los sitios ms usados
(Pestaa Historial). Pre visualiza las miniaturas o los detalles pueden ser mostrados en el
panel adyacente dependiendo de tu vista actual.
2. Clic en el nombre del archivo, despus clic en Abrir. El sitio abre la pgina inicio (Home).
Para abrir un sitio de WebPlus existente (durante una sesin e WebPlus):
1. Clic en el botn de abrir en la barra estndar.
2. En el dilogo de abrir, selecciona el folder y nombre de archivo y da clic en el botn abrir.
Para revertir la versin guardada de un sitio abierto:
- Selecciona revertir desde el men de archivo
Sustitucin de Fuentes
WebPlus da soporte automtico para sustitucin de fuentes mientras abres sitios WebPlus que
tienen otro tipo de fuentes no almacenadas en tu computadora. El dilogo que se te muestra te
permite sustituir manualmente todas las fuentes faltantes si es necesario. Ver la ayuda de
WebPlus para ms detalles.
Comenzando un sitio Web desde el Inicio
Aunque los diseos de plantillas pueden simplificar las decisiones de diseo, pues fcilmente
comenzar desde el inicio, totalmente en blanco.
Para comenzar un sitio desde el inicio usando el asistente de inicio
- Ejecuta WebPlus y selecciona Crear Comenzar nuevo sitio
El nuevo sitio se abre con una pgina en blanco usando las propiedades de pgina default.
Para comenzar un nuevo sitio durante una sesin WebPlus:
- Selecciona Nuevo desde el men de archivo.
Trabajando con ms de un sitio
WebPlus te permite abrir ms de un sitio al mismo tiempo. Cada sitio nuevo que abres aparece en
ventanas separadas con sus propios ajustes. Las pestaas convenientes te permiten cambiar
rpidamente entre ventanas y con las ventanas reducidas de tamao puedes arrastras y soltar
objetos entre ventanas. Puedes tambin pre visualizar el avance del sitio en ventanas separadas
(ver Pre visualizando tu sitio Web en la pgina 321).
Para cerrar la ventana actual:
- Selecciona Cerrar desde el men de archivo o dando clic en el botn de la pestaa en
forma de X en la parte superior derecha. Si es la nica ventana abierta del sitio, el
comando cierra el proyecto y se te pedir guardar los cambios.
Guardando tu proyecto WebPlus
Para guardar tu trabajo:
- Clic en el botn de guardar en la barra de herramientas estndar (Ctrl + S).
o
- Para guardar con nombre diferente, selecciona Guardar como desde el men de archivo.

3. Desarrollando Sitios y Pginas
Entendiendo la estructura y navegacin del sitio
A diferencia de la publicacin impresa, un sitio Web no depende de una secuencia de pgina
lineal. Cuando se disea un sitio, hace ms sentido pensar en el sitio en trminos espaciales, con
una estructura como esa del museo donde las personas van a explorar. Puedes generalmente
asumir que tus visitantes vendrn por la puerta principal (pgina inicio) pero a donde vayan
despus depende de los vnculos que provees. Estas rutas de navegacin son como corredores que
conectan varios cuartos del museo. Est en ti como el arquitecto desarrollar un conjunto de
pginas y vnculos para que los visitantes puedan encontrar su camino fcilmente, sin perderse.
En WebPlus, puedes usar el rbol de Estructura del Sitio para visualizar un mapa fuera de la
estructura de tu sitio y despus aadir elementos de navegacin temas grficos especiales que
se adapten dinmicamente a la estructura que definiste. Encontrars el rbol de estructura del
sitio mientras aprendes a trabajar con las pginas.
Estructura del Sitio
A diferencia de la analoga del museo, la estructura de un sitio Web no tiene nada que ver con
un diseo fsico, o en donde las pginas estn almacenadas. En vez de eso, es la manera lgica en
que se organiza el contenido en el sitio para que los visitantes tengan una navegacin ms fcil y
rpida. Uno de los principios ms tiles que refuerza constantemente WebPlus es un rbol
invertido de estructura que comienza con la pgina de Inicio y despus se ramifica a otras
pginas. Para el visitante que navega en tu sitio, esto representa tu contenido de manera
jerrquica, estructurado en niveles y secciones.
Una seccin es una categora de contenido, por ejemplo Quien es quien, Productos o
Vnculos. Las secciones mayores se encuentran normalmente en listas dentro de la barra de
navegacin de la pgina Home. Idealmente, cada pgina en el sitio pertenece a una seccin
particular. Y a menos que haya slo una pgina en esa seccin, la seccin tendr sus propias
pginas principales, lo cual usualmente sirve como un men para pginas subsidiarias.
El Nivel es el nmero de pasos (ejemplo, saltos) que una pgina es removida de la pgina Home.
La pgina Home siempre estar en el nivel 1, normalmente junto con el men principal de las
pginas. Esto permite que las barras de navegacin trabajen fcilmente y automticamente. Las
pginas que estn bajo la seccin de las pginas del men residen en el nivel 2, y as.

En WebPlus, el rbol de estructura del sitio (en la pestaa Sitio) provee una ayuda visual que te
permite organizar el contenido en tu sitio en secciones y niveles en otras palabras como
jerarqua de pginas parientes que van ramificndose a los hijos. Aqu est una estructura similar a
la que aparece en el rbol de jerarqua de WebPlus.

Esta herramienta hace fcil el visualizar
relaciones entre pginas y diseo del sitio de
manera que tenga sentido con el contenido
que ofreces. Por supuesto, un sitio Web est
interconectado entre varias pginas webs, y
el rbol de estructura no previene que se
instalen vnculos entre dos pginas. Pero
expone la mayora de las rutas dentro de tu
sitio, arriba, abajo, y a los lados. El diseo
seccin/nivel lgico hace que tu sitio sea
ms fcil de navegar y WebPlus lo hace ms
simple para crear barras de navegacin (o
navbars) esto es un espejo de la
estructura de tu sitio web y te sirve de gua
como camino principal.

Clic en el botn que se encuentra en la parte superior de la pestaa del Sitio para ver las pginas
por su nombre de archivo en lugar de sus ttulos.
Incidentalmente, WebPLus tambin soporta
pginas HTML y sitios sin vnculos que pueden
ser insertados en la estructura del sitio como
para cualquier otra pgina. Ya sea que la
entrada de la pgina est un poco diferente en
diseo a la pgina web estndar para indicar
que est basado en cdigo HTML (ver crear
pginas HTML en la pgina 247) o que apunta a
una localizacin fuera del sitio web.
Como ejemplo, compara las pginas de
Overview, la pgina Web Sales y el vinculo
fuera de sitio Members frum.


Navegacin
En WebPlus, algunos tipos de temas grficos que llamamos elementos de navegacin como
botones de anterior/siguiente y barras de navegacin son pre-programadas para entender la
estructura de tu sitio, haciendo ms fcil disear el sitio fcil de navegar. Simplemente selecciona
uno de la pestaa de temas grficos y WebPlus hace el resto los botones de anterior/siguiente
automticamente se vinculan lateralmente a las pginas adyacentes del mismo nivel. Las barras de
navegacin combinan botones con mens popups para facilitar el movimiento entre varias
secciones y niveles de un sitio.
Por ejemplo, aqu est una barra de navegacin que seleccionamos del sitio que se mostr en el
rbol superior. Los botones proveen vnculos a las pginas de men Home y otras secciones (de
nivel 1) y mens popups que se vinculan a las pginas hijas (nivel 2 en este caso)

Aqu hay un breve resumen de las ventajas de incorporar elementos de navegacin en tu diseo
del sitio:
- Puedes instalar elementos de navegacin en cualquier nivel de tu sitio, y (para las barras
de navegacin) fcil personalizacin sobre las partes de la estructura de cada barra o
vnculos (por ejemplo, pginas de nivel superior, pginas del mismo nivel, pginas hijas,
etc.
- Porque los elementos de navegacin son temas grficos, puedes usar la pestaa de temas
grficos para seleccionar elementos coordinados de diseo (botones, etc) para que el
diseo sea consistente, y cambiar la apariencia total con un simple clic.
- Por default, todas las pginas en un rbol estn incluidas en la navegacin esto es,
pueden ser vinculadas por elementos de navegacin. Puedes excluir ciertas pginas que
sern ignoradas por elementos de navegacin. Incluyendo pginas que muestran una
marca en su entrada, mientras una pgina excluida no tiene esta marca. Por ejemplo,
supn que tienes una seccin de pginas de referencia y que no quieres que los visitantes
la exploren. Excluyendo la pgina de esa seccin lo remover de la barra de navegacin.
Por supuesto, puedes an vincularla slo no aparecer en los elementos de navegacin.
- Mejor an, WebPlus actualiza elementos de navegacin de manera dinmica si alteras los
nombres de las pginas o relaciones subsecuentemente, o cortas/pegas la barra de
navegacin en otra pgina. Por ejemplo Story 1 es un marcador de posicin para el titulo
actual en la prctica cuando diseamos un sitio ante todo el contenido est en su lugar.
Una vez que tenemos la historia actual, suponemos que renombramos la pgina a Smith
Appointed to Boeard of Directors la barra de navegacin instantneamente reflejar el
cambio.
Entendiendo las Pginas y Pginas Maestras
Las pginas son una unidad bsica de diseo Web. WebPlus te permite dar estructura a tu
contenido del sitio al organizar pginas en un rbol ramificado, lo cual resulta til para los
visitantes que navegan en el sitio. Observando las pginas individuales desde el punto de vista del
diseo, cada pgina de WebPlus tiene un primer plano capa de la pgina y un segundo plano
capa maestra de la pgina.

Las pginas Maestras son parte de la estructura de tu proyecto WebPlus, y provee una manera
flexible de almacenar elementos de segundo plano que te gustara re-aparecer en ms de una
pgina por ejemplo un logotipo, un fondo, diseo de bordes, o incluso elementos de navegacin.
El concepto principal aqu es que una parte particular de la pgina maestra es normalmente
compartida con mltiples pginas, como se ilustra abajo. Al colocar un elemento de diseo en una
pgina maestra y despus asignar a varias pginas el uso de la pgina maestra, aseguras que todas
las pginas incorporen ese elemento. Por supuesto, cada pgina individual puede tener sus
propios elementos.

La pestaa de Sitio incluye una seccin de pginas maestras con iconos para cada pgina maestra,
y una estructura de sitio en las ventanas de pgina que proveen retroalimentacin indicando qu
pagina maestra se est usando por cada una de tus pginas web:

Viendo Pginas
El rea de trabajo de WebPlus consiste en un rea de pgina y un rea de fondo (pasteboard).

La pgina es el rea donde puedes poner texto, grficos y otros elementos que quieras que
aparezcan al final de tu pgina Web. El pasteboard es donde generalmente se mantienen los
elementos que se estn preparando o esperando a ser posicionados en el rea de pgina. Cuando
publicas tu sitio Web desde el proyecto WebPlus, cualquier cosa que se sobreponga en el rea de
pgina aparecer, mientras cualquier cosa fuera del rea de pgina no. El pasteboard es
compartida por todas las pginas y pginas maestras, y es til para copiar o mover objetos entre
pginas.
Para mover o copiar un objeto entre pginas va pasteboard:
1. Arrastra el objeto desde la pgina fuente en el pasteboard (mantn la tecla Ctrl presionada
para copiar)
2. Muestra la pgina objetivo (ver cambiando pginas en la pgina 33)
3. Arrastra (manteniendo presionada la tecla Ctrl) el objeto desde el pasteboard a la pgina
objetivo.
WebPlus hace que sea fcil ver exactamente en lo que est trabajando desde una vista de pgina
completa hasta una vista de regin delimitada. Por ejemplo, puedes usar las barras de movimiento
(scrollbars) de la parte inferior y derecha de la ventana principal para moverte en la pgina y
pasteboard respectivamente a la ventana principal. La vista automticamente se centra a s misma
mientras arrastras objetos en el filo de la pantalla
La barra de herramientas Vista en la parte superior de la pantalla provee una herramienta
como una manera alternativa de moverse alrededor, ms un nmero de botones que te permiten
hacer zoom para que inspecciones y/o edites las pginas en los diferentes niveles de detalle.
Si ests usando un mouse con scroll, salo para mover de manera vertical. Si presionas la tecla
shift y lo usas se mueve de manera horizontal, y si presionas la tecla cntrl utiliza el zoom.
Cambiando entre pginas.
WebPlus provee una variedad de maneras de obtener rpidamente la parte de tu sitio que
necesitas trabajando. La pestaa de Sitio, provee un panel de control central incluyendo tanto el
rbol de estructura del sitio, que especifica la jerarqua de las pginas en tu sitio (ver el
Entendimiento de estructura y navegacin del sitio en la pgina 27) e iconos para cada una de las
pginas maestras.
Las pginas mostrarn sus ttulos o nombres de archivo segn el ajuste de las configuraciones. La
pestaa de sitio te permite cambiar entre pginas y ver o ajustar las propiedades de esa pgina.
El dilogo de estructura de sitio (clic en el botn de Estructura del Sitio) ofrece una funcionalidad
similar en el rbol mostrando pginas por sus ttulos o nombres de archivos, y la lnea de
sugerencias para localizar pginas ofrece otro mtodo conveniente para saltar entre pgina y
pgina.
Seleccionando vs viendo una pgina: Un simple clic en una pgina / pgina maestra selecciona la
pgina, lo que haras por ejemplo si fueses a borrar la pgina dando clic derecho en el men. Para
ver actualmente las pginas/paginas maestras asociadas necesitas dar doble clic o usar uno de los
mtodos descritos abajo. La retroalimentacin te dice si est actualmente siendo seleccionada y/o
vista.

Una entrada narajna (con negritas
en el nombre) denota la pgina
seleccionada.

El icono con el ojo denota que la
pgina se est veindo lo que
permite que la edites en el rea de
trabajo. Este ejemplo muestra que
la pgina est actualmente en
vista as como seleccionada.
Tambin usa una pgina maestra
diferente. (B en vez de A)

Un cono de pgina subrayado en
la pestaa de la parte superior
denota la pgina maestra
seleccionda.

Un icono en el icono de pgina
maestra denota que la pgina se
est viendo lo que permite
edicin en el rea de trabajo. Este
ejemplo muestra una pgina
maestra vista pero sin seleccin.

Para ver una pgina / pgina maestra especfica:
Muchos mtodos pueden ser usados para ver una pgina:
- En la lnea de sugerencias, usa los botones de navegacin.
o
Clic en la pgina entera en la lista de Localizador de Pginas.

- En la pestaa de sitio, doble clic para entrar en la pgina (o pagina maestra) que quieres
visualizar. La ventana de estructura del sitio incluye un rbol con entradas para pginas en
el sitio, mientras la ventana de pginas maestras slo muestra pginas en miniatura.
Quizs necesitas dar clic en el botn de Pginas Maestras para mostrar la ventana de
pginas maestras.
- clic en el botn de estructura del sitio en la lnea de sugerencias o en la pestaa del sitio.
Selecciona la pgina de entrada en el dilogo del rbol (doble clic para entrar al rbol si es
necesario para expandir cada una de las ramas). Despus clic en el botn Ver Pgina.
Para Pginas Maestras:
- En la pestaa de sitio, clic en el botn Master Pages (Pginas Maestras) para revelar la
ventana de pginas maestras. Una o ms pginas maestras se mostrarn.
- Doble clic en el icono de cada pgina maestra que quieras ver.
Para cambiar entre pginas maestras y una pgina de capa (para la pgina actual):
- Clic en el botn de Pgina / Pgina Maestra en la lnea de sugerencias
O
- Selecciona Pgina Maestra desde la vista del men (o Pgina para regresar)
Como un acceso directo para ver la pgina de home:
- Clic en el botn Pgina home en la lnea de sugerencias.
Aadir, remover, y re organizar pginas
Usando la pestaa de Sitio, puedes rpidamente aadir o borrar pginas estndares o HTML en
cualquier nivel de tu estructura del sitio, y usar arrastrar soltar para re organizar las pginas
dentro de la estructura como se necesita, aadir nuevas pginas maestras, reasignar pginas a
pginas maestras particulares, y aadir vnculos fuera del sitio. Usa la ventana superior de pginas
maestras de la pestaa Sitio para tener acceso a pginas maestras, y a la ventana de pginas
(pestaa central del rbol de estructura del sitio) para tener acceso a las pginas. Las pginas (con
contenido o en blanco) pueden tambin ser aadidas desde plantillas de multi pginas. (ver
pgina 21)
Aparte de la pestaa del sitio, WebPlus ofrece una variedad de otras maneras para manipular
pginas: dilogos en la Estructura del Sitio, Administrador de Pginas Maestras, y mens
estndares (contexto) al dar clic derecho.
Para aadir una nueva pgina en blanco:
1. Clic en la flecha que se encuentra en la parte superior de la venta Pginas en el sitio.
Desde el men desplegable selecciona Nueva pgina en blanco.
2. En el dilogo, especifica las opciones para la nueva pgina:
a. Ingresa un nombre de pgina opcional. (Si no escribes un nombre, WebPlus
aplicar el nombre default).
b. Especifica que pgina maestra ser usada por la nueva pgina, ejemplo, la pgina
maestra de tu proyecto (Pgina Maestra A) o si usas plantillas, la pgina maestra
default.
c. Para duplicar elementos de diseo desde una pgina particular, utiliza Copia
objetos desde pgina y selecciona la pgina fuente en la lista activada.
d. En la seccin para colocar, especifica la pgina en la estructura del sitio desde
donde puedes insertar una pgina Antes, Despus, o hacerlo hijo de alguna pgina
ya nombrada.
e. Clic Ok.
Una nueva pgina aparecer en la localizacin especificada dentro de la estructura del sitio.
Cuando damos clic, en el botn de aadir este recordar el ultimo tem que
seleccionamos.
Mientras al aadir pginas estndar te permite disear desde el inicio, puedes hacer las cosas ms
fciles al adoptar pginas listas para usar desde las plantillas que te ofrece WebPlus. Para
mantener el diseo original, cualquier pgina maestra asociada con la pgina aadida puede
opcionalmente ser importada con la pgina.
Para aadir una nueva pgina desde una plantilla
1. En la ventana de pginas (rbol de la estructura del sitio) pestaa de sitio, selecciona la
pgina que ir despus de la nueva pgina que aadirs.
2. Clic en la flecha para aadir directamente. Desde el men desplegable
selecciona Nueva Pgina Plantilla.
3. Desde el dilogo de nueva pgina plantilla, selecciona la plantilla en el panel izquierdo, y
revisa la pgina para adiciones (revisar pginas para ver inclusiones de ser necesario). Si es
necesario, usa los controles de zoom al final del dilogo para obtener una vista ms
cercana de las miniaturas.
4. WebPlus te deja controlar si hay una pgina maestra asociada copiada en la pgina.
Selecciona en el men desplegable que se encuentra en la parte superior izquierda una de
las siguientes opciones:
a. Copiar Pgina Maestra. Para siempre copiar la pgina en el proyecto.
b. Compara y Copia Pginas Maestras. Revisa si la pgina maestra ya existe en el
proyecto despus lo copia si no est presente.
c. No hay Pgina Maestra. La pgina maestra nunca se copia al proyecto.
5. Clic en el botn abrir. Las pginas son aadidas a la pestaa Sitio.
Como alternativa a las plantillas o pginas en blanco, las pginas HTML pueden ser aadidas a
cualquier estructura del sitio. Como pginas pueden ser incluidas en navegacin como pginas
estndares.
Para aadir pginas HTML
1. En la ventana de pginas (rbol de estructura del sitio) en la pestaa de Sitio, selecciona
una pgina que se encuentre despus de la pgina que quieres aadir.
2. Clic en la flecha de la parte superior directamente . Del men desplegable
selecciona Nueva pgina HTML.
Una nueva pgina HTML es aadida al sitio. Ver Creando Pginas HTML (p. 247) para ms
informacin.
Puedes tambin aadir un vinculo fuera de sitio a tu estructura del sitio. Normalmente, esto
podra ser una pgina o recurso separado desde tu sitio que quieres incluir en tu estructura de
navegacin (por ejemplo, un foro o blog que administres va recursos Serif Web). El vnculo fuera
de sitio aparecer en el rbol de la estructura del sitio y en los elementos de navegacin, as que
puedes manipularlo como si fuese una pgina en tu sitio.
Para aadir vnculos fuera de sitio:
1. En la ventana de pginas (rbol de estructura de sitio) de la pestaa Sitio, selecciona una
pgina despus de donde quieres que se coloque la nueva pgina.
2. Clic en la flecha en la parte superior. Desde el men desplegable, selecciona
Nuevo Vnculo Fuera de Sitio.
3. En el dilogo, clic para seleccionar el tipo de vnculo destino, e introduce el hipervnculo
objetivo fuera de sitio, y la ventana en donde quieres que aparezca el objetivo (la opcin
Default adoptar como objetivo los ajustes de un marco objetivo, otros ajustes lo
sobrescribirn.
4. Introduce el nombre del men para identificar el vnculo fuera de sitio en el rbol de
estructura de sitio (equivalente a su nombre de pgina).
5. Clic Ok.
Para aadir una nueva pgina maestra:
1. En la pestaa de sitio asegura de dar clic en el botn Pginas Maestras para desplegar
la ventana de pginas maestras.
2. Clic en el botn aadir en la parte superior de la ventana Pginas Maestras.
o
3. Clic en el botn Administrar Pginas Maestras en la parte superior de la
ventana Pginas Maestras.
4. Selecciona el botn Aadir. Introduce el ancho y / o altura en caso de ser diferentes al
default.
5. (Opcional) Desde la pestaa de Fondo, opta por usar los ajustes del administrador de
esquema , ajusta el color de fondo (o imagen) y/o color en pgina.
6. (Opcional) Desde la pestaa Transiciones, selecciona una entrada y/o salte de la
transicin (despus de revisar los ajustes de toda la pgina maestra) cuando se navega
entre pginas usando la pgina maestra.
7. Clic Ok.
Una nueva pgina aparece en la ventana de pginas maestras en la pestaa de Sitio.
Para Clonar Pgina.
- En la pestaa estudio, clic derecho en la pgina seleccionada y selecciona Clonar Pgina.
Una copia idntica es insertada debajo de la pgina seleccionada.
Para borrar una pgina o pgina maestra:
6. En la pestaa de sitio, selecciona la pgina (o pgina maestra) para borrar al dar clic en su
entraad.
7. Clic en el botn Remover en la parte superior de la ventana para borrar la pgina.
Cuando borras una pgina, tienes la opcin de remover cualquier hipervnculo que est en tu sitio,
o re-direccionar los hipervnculos a otras pginas especficas (los hipervnculos a anclas en la
pgina eliminada pueden ser opcionalmente eliminados).
Reorganizando Pginas
Aparte de usar un rbol de estructura de sitio para aadir o borrar pginas, puedes usarlo para
reorganizar pginas como se necesite. Como se explic en entendiendo la estructura del sitio y
navegacin (pgina 27), el rbol provee de una ayuda visual que te permite organizar el contenido
en tu sitio en secciones y niveles que es, como una jerarqua entre padres e hijos. No slo el
rbol te ayuda a mantener seguimiento de tu contenido, sino que WebPlus te ayuda a traducir tu
organizacin lgica en un sitio que es fcil de navegar. Especialmente los temas grficos llamados
elementos de navegacin como botones de siguiente / atrs y barras de navegacin (navbars) que
son pre-programadas para entender la estructura de tu sitio y actualizar dinmicamente si se
reorganizan las pginas.
Usando la estructura de padre/hijo, el reorganizar pginas es un proceso intuitivo ya sea que
arrastres y sueltes o los botones convenientes. Puedes mover una pgina:
- A una diferente posicin (abajo, arriba) en el mismo nivel de la estructura.
- A un nivel mayor.
- A un nivel menor.
Para mover una pgina:
1. Muestra la pestaa de sitio.
2. Un solo clic para seleccionar la pgina en el rbol de estructura del sitio.
3. (usando arrastra y suelta) arrastra la pgina arriba o abajo y sultala en la nueva posicin
del rbol. Observa la forma del cursos que adopta segn la posicin de la pgina:
Mueve la pgina al mismo nivel, y siguiendo, a la pgina que le sigue al cursor.
hace a la pgina hija de la pgina anterior al cursor.
Asignando Pginas Maestras
Si has definido ms de una pgina maestra para tu sitio, puedes usar una variedad de mtodos
para reasignar pginas maestras a pginas individuales, una pgina a la vez. Puedes tambin
ajustar una pgina para no usar pgina maestra por ejemplo, si importas una pgina HTML,
puedes querer slo los elementos del diseo original sin aadir otros de pginas maestras. La llave
para recordar es que cada pgina puede usar slo una pgina maestra. (Para un resumen, ver
Entendimiento de pginas y pginas maestras en la pgina 30)
Para asignar una pgina maestra a una pgina:
- En la pestaa de Sitio, clic en la vista miniatura (en la seccin de pginas maestras) y
arrastra dentro la pgina entera (en la seccin de estructura del sitio).
Trabajando con Marcos
WebPlus permite uno o ms marcos, tambin conocidos como IFrames, para ser colocados en una
pgina individual, cada una teniendo acceso a tu sitio Web. Justo como una imagen, un marco
puede ser colocado en cualquier parte de la pgina y puede ser ajustado a cualquier tamao.
Mientras es normal vincular a una pgina, puedes tambin vincular a un rango de otros vnculos
destinos (pginas de internet, archivos locales, objetos inteligentes, o datos almacenados de un
usuario) tambin.
Una variedad de maneras de mostrar la misma pgina (ejemplo, mostrar una lista de productos)
dentro de cada pgina en tu sitio es aplicar un marco a la pgina maestra del sitio. Tomando la
idea puedes aadir una seleccin de botones (u opciones de men) para cambiar lo que muestra
el marco. En ms detalle, si cada botn se vincula a una pgina diferente (pero siempre en el
mismo marco) el contenido del documento del marco cambiar cuando se den clic en los botones
esto es una ventaja de HTML ID generador automtico (ver pgina 254) que ser referenciado
como el nombre del Marco Objetivo (tipo de documento de marco) en cada botn del
hipervnculo.

Aadir un marco a una pgina maestra asegura que el destino del marco no use la misma pgina
maestra (esto evita efectos no deseados pgina pgina).
Los marcos son aplicados va Herramienta de Documentos con Marco. El trmino Documento en
Marco es usado en WebPlus para mantener el concepto de Iframes distinto desde HTML o
marcos de texto creativos (usados para controlar la colocacin de texto en la pagina) en cada
funcin diferente dentro de WebPlus.
WebPlus tambin da soporte a Documentos con Marcos Activos. Estos son tiles cuando tienes
un sitio Web con marcos y quieres abrir una pgina particular en un marco. El nombre de
documento con marco activo es identificado por una combinacin de pgina y nombre de marco.
Por ejemplo, Home: ifrm_6 representa la pgina inicio Home y ifrm_6 automticamente
genera el marco. Las pginas pueden re-direccionar al marco que las contiene til cuando lo
encontramos por motor de bsqueda. Para activar esto para cada pgina que aparecer dentro de
un marco Editar Propiedades de Pgina Abrir en marco de documento activo y Re-
direccionar a este marco si es necesario.
Para crear un documento en marco
1. Selecciona la pgina que quieres aadir al marco.
2. Desde la barra de herramientas Objetos Web, selecciona la herramienta de documento
en marco . Vers como el puntero del mouse cambia de cursor. Lo que haces a
continuacin es determinar el tamao inicial y colocacin del marco.
3. Para dar al marco un tamao default, simplemente da clic con el ratn.
o
Para ajustar el tamao de un marco insertado, arrstralo a una regin fuera y suelta el
botn del mouse.
4. Un dilogo aparecer donde se puede especificar un vnculo destino. Selecciona un cono
representando una pgina en tu sitio, una pgina de Internet, Objeto Inteligente, o un
archivo en tu disco duro, un ancla, o datos del cliente.
5. Ajusta la Informacin del Contenido del Marco (nombre de la pgina, pgina de internet,
etc.) esto ser diferente dependiendo del destino del vnculo.
6. Para cualquier documento dentro de un marco puedes aplicar varios marcos de contenido.
Selecciona:
a. Documentos de Marcos Activos. Revisa para permitir la apertura hipervnculos de
una pgina en un marco de otra pgina.
b. Mostrar Borde. Muestra un borde delgado alrededor del marco para indicar su
posicin.
c. Fondo Transparente. Si la pgina que aparece en el marco tiene un fondo
transparente, esta opcin te permitir poner el fondo del sitio. Si no est
seleccionada la opcin, el marco tendr un fondo transparente (blanco).
d. Barras de Desplazamiento. Selecciona esta opcin para usar barras de
desplazamiento automticamente cuando se necesitan (Auto), o forzarlas (Yes) o
quitarlas (No) siempre.
7. Clic Ok.
URL Absolutas
Los marcos dividen una pgina web en varios paneles y cada uno muestra su propio documento
HTML, necesitas asegurarte que cada parte del marco est siendo referenciado a un URL absoluto.
Esto significa que cuando un visitante marque tu sitio, la pgina dentro del marco tambin ser
marcada. Para usar un URL absoluto necesitas ajustar un URL Base en el Sitio la parte de un URL
comn para todas las pginas, ejemplo, https://www.serif.com.uk/URL/example/. WebPlus usar
esto para crear el resto del URL.
Usando Ayuda de Diseo
Las guas de diseo son lneas visibles que nos ayudan a posicionar elementos en el diseo ya sea
al tanteo o con la opcin de pegado activada. Cuando la opcin de pegado est activada, los
objetos que creas, mueves o reajustas se alinearn automticamente con las lneas visibles ms
cercanas. WebPlus provee una variedad de guas de diseo para asistirte con: mrgenes de pgina,
columnas / filas, guas regla.
- Margen de Pgina son fundamentales para tu diseo y usualmente son de las primeras
decisiones que se toman despus de iniciar el sitio desde el inicio. Los mrgenes angostos
alrededor del permetro son una buena manera de comenzar para un limpio diseo de
pgina. Los mrgenes de la pgina se muestran en una caja azul y se indica por cuatro
lneas gua superior, inferior, izquierda, derecha indicando los ajustes de margen
ajustados para la pgina. Si quieres, puedes ajustar los mrgenes para que coincidan con
tu primer ajuste.
- Guas para filas y columnas actan como una ayuda de diseo, separando tu pgina en
mltiples filas o columnas que se muestran con lneas guas azules.
- Guas de Reglas son unas guas flotantes pegajosas rojas que sirven para alinear objetos
de manera vertical u horizontal.
Diferentes a los mrgenes de marco y columnas, estas guas de diseo no controlan donde el texto
del marco estar. En vez, sirven como ayuda visual para coincidir tu diseo de marco con el diseo
deseado. Usualmente el tamao de la columna de marco coincide con las guas de la columna de
la pgina, pero en ocasiones (por ejemplo en diseo de mltiples columnas) la columna del marco
tomar una o dos, incluso tres columnas de la pgina.
Para definir Guas de Diseo:
- Clic en el botn en la barra de herramientas.
La pestaa de Margenes te permite ajustar guas para los mrgenes de la pgina, filas y columnas.
Puedes ajustar los mrgenes de manera individual (superior, inferior, izquierda, derecha). El
dialogo tambin te da la opcin de Mrgenes Balanceados (izquierdo coincidente con derecho,
superior coincidente con inferior).
Usa la seccin de Guas de Filas y Columas para definir las guas para filas y columnas con un
medianil entre ellos (gap). Si quieres filas o columnas con un tamao sin especificar, primero
coloca los intervalos despus arrastra las guas al repositorio como se requiera.
La pestaa Guas te permitir posicionar las guas de regla al especificar el pixel absoluto de
tamao (las guas tambin se podrn arrastrar en la pgina desde las reglas de WebPlus; ver Crear
guas regla en la pgina 47).
Para mostrar o esconder las guas de diseo que has definido:
- Clic en las guas lnea dentro del men ver.
Este ajuste tambin afecta a cualquier gua regla que coloques en el rea.
Reglas
Las reglas de WebPlus imitan las reglas T o escuadras utilizadas para fines diversos:
- Herramienta de medicin
- Crear guas reglas para alinear y ajustar
- Definir una retcula de punto, e indirectamente la retcula de ajuste.
El tamao intervalo actual de las marcas de regla depende en el porcentaje actual del zoom. En
una visin con zoom, por ejemplo del 50%, hay menos distancia entre cada marca de regla que
cuando hay un zoom por ejemplo del 150%. Para tener un buen ajuste de trabajo, ya sea que se
quiera un control ms preciso o incrementos pequeos, clic en el botn de zoom para hacer ms
grande la pgina.
Ajustando Reglas
Por default, las reglas horizontales estn en la parte superior de la ventana de WebPlus y las reglas
verticales estn en el borde izquierdo. La interseccin de reglas es la parte superior izquierda del
rea. El punto cero default es la parte superior izquierda del rea de pgina pero esto puede
cambiar.

Para definir un nuevo punto cero:
- Arrastra el marcador en la interseccin de la regla en el nuevo punto cero de la pgina.
(Asegrate de arrastrar slo el marcador triangular)
o
- Selecciona opciones desde el men de herramientas y selecciona Reglas.
- Introduce un nuevo valor origen (expresado en pixeles) para tus reglas horizontales /
verticales o ambas.
Para remover las reglas:
- Con la tecla Shift, arrastra la pestaa del marcador en la interseccin de reglas. Las reglas
horizontal y vertical ahora son elementos flotantes y pueden ser posicionadas en el rea
de la pgina que se desee. El punto cero se mantiene sin cambios.
o
Doble clic en la interseccin de reglas para hacer que las reglas y el punto cero salgan de la
parte superior izquierda de la pgina, o si se selecciona, un objeto. Esto es algo til para
medir objetos en la pgina.
Para regresar la posicin de las reglas y punto cero de la pgina a su estado original
- Doble clic en la pestaa de marcar o en la interseccin de las reglas.
Para bloquear las reglas y prevenir que se muevan:
- Selecciona Herramientas Opciones y selecciona la pgina de reglas, despus selecciona
la opcin Reglas Bloqueadas.
Reglas como una herramienta de medida
El rol ms obvio para las reglas es una herramienta de medida. Mientras mueves el puntero del
mouse, las lneas pequeas junto con cada regla muestra la posicin actual del cursor. Cuando das
clic para seleccionar un objeto, regiones azules indican los bordes superior, inferior, izquierdo,
derecho del objeto. Cada regin tiene un punto cero relativo en la parte superior izquierda, as que
puedes ver la dimensin del objeto a simple vista.

Creando reglas gua
WebPlus te permite ajustar reglas gua de manera horizontal y vertical lneas rojas no
imprimibles que puedes usar para alinear bordes, fotos, y otros elementos de diseo.

1. Para guas horizontales y verticales, clic en la regla horizontal o vertical respectivamente,
en la posicin que quieres que aparezcan las guas. Mantn la tecla Alt presionada antes
de la creacin para producir una gua de una regla vertical o viceversa.
2. Arrastra en la pgina mientras se pone la gua en posicin. Una lnea punteada roja
aparecer lo que cambia a una lnea solida despus de que se suelta el botn del mouse.
Puedes usar las reglas para asegurar que tu gua est posicionada correctamente.
Las guas tambin pueden ser manipuladas de las siguientes maneras:
- Para mover una gua, arrstrala (la doble flecha del cursor se muestra; ver ejemplo
superio).
- Para remover una gua, arrastrar y soltar en cualquier otra parte fura del rea de la pgina.
- Para bloquear reglas gua, selecciona herramientas - opciones, y seleccionar la opcin
Diseo despus seleccionar Bloquear guas lnea.
- Para posicionar de manera adecuada las reglas gua, clic en el botn
en la barra de herramientas y selecciona la pestaa Guas. Puedes usar la pestaa para
crear o borrar guas individuales. Para borrar todas las guas regla de una vez, clic en el
botn Remover Todo.
Guas Pegajosas
Las guas son normalmente pegajosas as que los objetos se unirn a ellas, y se movern cuando
se mueva la gua a travs de la pgina. Los objetos en las lneas pueden ser soltados
individualmente en cualquier momento, o la funcin por completo puede ser desactivada si es
necesario.
Para hacer que los objetos no seas pegajosos:
1. Selecciona el objeto
2. Clic en uno de los dos triangulos que aparecen en la parte en donde el objeto est unido a
la gua. Vers un cono de vnculo flotar mientras el cursor est en las guas
pegajosas.

Clic en la marca roja para hacer las lneas Las marcas son no pegajosas y cambian
no pegajosas. de color a negro.
3. Si despus arrastras la lnea gua roja el objeto no lo seguir.
Puedes hacer que el objeto sea pegajoso a una lnea una vez ms al ofrecerlo a una gua.
Para activar / desactivar las lneas pegajosas:
- Selecciona / deselecciona la opcin Guas Lneas Pegajosas desde Herramientas
Opciones Diseo.
Los objetos que estaban unidos a una lnea anteriormente se mantendrn unidos a la gua incluso
despus de desactivar la opcin. Se tienen que desactivar manualmente.
Usando la retcula de punto.

La retcula de punto es una matriz de puntos o lneas basada en las unidades de la regla, cubriendo
la pgina y las reas de fuera. Como guas de regla, son tiles para alineacin visual.
Para activar / desactivar la retcula de gua:
- Habilitar (o deshabilitar) el botn de Retcula de Gua en el men vista.
o
Seleccionar Opciones desde el men Herramientas y seleccionar Snapping. Selecciona /
deseleccionar Retcula de Guas.
Puedes tambin ajustar el espaciado de la retcula, estilo, y color, en este dilogo de opciones.
Incorporando Temas Grficos
La pestaa de temas grficos provee una amplia seccin de objetos ya hechos, que slo tienes que
aadir a tus pginas web con un simple clic. (O puedes usar el dilogo si lo prefieres) Rango de
elementos grficos va desde elementos de diseo estticos como balazos a hipervnculos
elementos de navegacin como botones de Anterior / Siguiente y barras de navegacin pre-
programadas para adaptar a estructura de sitios que has definido. El comportamiento de los
temas grficos es como objetos individuales, con una construccin de respuestas que reajustarn,
tendrn cambios con el mouse, etc. Donde al aplicar, puedes editar el texto u otras propiedades
del tema grfico. Una vez que aades el tema grfico a tu sitio, puedes actualizar
automticamente cualquier o todos los elementos para usar un tema diferente.
Usando la pestaa de temas grficos, puedes ver y seleccionar temas grficos en dos maneras, por
tipo o por ajuste. Un tipo es una categora particular de elemento de diseo por ejemplo,
balazos y botones son dos tipos diferentes. Un conjunto es una coleccin de elementos que usan
el mismo tema grfico, con un elemento de cada tipo y un nombre descriptivo del tema como
Luminoso, Caramelo, Limpio, etc. Por ejemplo:

Para una consistente aparicin a travs de tu sitio, selecciona temas grficos desde un simple
conjunto. Despus si decides ir a una apariencia diferente despus simplemente clic en un
conjunto diferente en la pestaa de temas grficos para actualizar automticamente todos tus
temas grficos.
Para aadir un tema grfico a una pgina:
1. Muestra la pestaa de Temas Grficos.
2. En el rbol de categoras, selecciona una categora para buscar.
Clic en Sitio Actual para ver el tema grfico en uso, por ejemplo si quieres aadir un
elemento de nuevo.
o
Despliega las listas de Ajustes o Tipos, y despus selecciona una categora para ver su
galera.
o.
Con Temas Grficos seleccionado como categora, clic en el Sitio Actual, Ajustes de vista
o Tipos de Vista en la parte inferior de la seccin temas grficos. Despus clic en la
miniatura para el tipo o ajuste que quieres buscar.
3. Buscar la galera de elementos disponibles y clic en un tema grfico particular para
aadirlo al centro de tu pgina. Puedes tambin arrastrar desde la galera de miniaturas y
soltar un elemento en una localizacin especifica.
o
1. Clic en el botn Insertar Tema Grfico en la barra de herramientas.
2. Selecciona el tipo de tema desde la lista desplegable en la parte superior del dilogo, y
selecciona ajustar tema al dar clic en la miniatura en la parte inferior de la galera.
3. Clic Ok.
En la galera de temas grficos, al dar clic en las miniaturas se activan las acciones default. Puedes
dar clic derecho en la miniatura o clic en la fecha inferior para ver un men con otras acciones
como Insertar, reemplazar en seleccin o reemplazar en sitio.
Una vez que has aadido los temas grficos en tu sitio, puedes actualizar cualquiera o todos de los
elementos que se usan a un tema diferente.
Para actualizar temas grficos y usar diferentes temas:
1. Despliega la pestaa de Temas Grficos
2. Despliega la lista de ajustes en las categoras del rbol, despus selecciona el tema que
quieres aplicar.
o
Con temas grficos seleccionado como categora, clic en la miniatura Ver Ajustes en la
seccin de Temas Grficos inferior. Despus clic en la miniatura para ver el tema que
quieres aplicar.
3. Puedes realizar varias funciones:
a. Actualizar un tema grfico especifico: selecciona y observa su tipo en la lnea de
ayuda, despus clic derecho en la miniatura del mismo tipo de elemento.
Selecciona Reemplazar con Seleccin desde el men.
b. Para actualizar todos los temas en tu sitio: clic en Aplicar tema desde la miniatura
en la parte inferior de la seccin de temas grficos. Esta accin actualiza todos los
temas sin importar el tipo.
Cada tema seleccionado adoptar el conjunto del esquema de color para tu proyecto en WebPlus.
Puedes cambiar el esquema de color en cualquier momento, esto alterar la apariencia de tu tema
grfico.
Para mover o re ajustar el tema grfico:
- Arrastra el objeto para moverlo o arrastrarlo por su borde o esquina para reajustarlo.
Puedes editar el texto de los temas grficos de manera individual, y ajustar varias propiedades
para un solo tema grfico o para todos los temas grficos de un tipo o conjunto particular.
Para editar uno o ms temas grficos:
1. Doble clic en el objeto (si ests actualizando un tipo o conjunto, selecciona un objeto
representativo)
o
Selecciona el objeto y da clic en el botn Editar
2. Usa el dilogo para cambiar los ajustes del tema grfico tanto para estados normales y de
colocacin de cursor. Las propiedades actuales se pueden editar dependiendo en el tipo
de tema grfico, pero puede incluir texto, subtexto, color de texto, y fuente. La mayora de
las pestaas (ms all de texto) te permiten especificar ajustes separados para el tema
grfico que seleccionaste, el tema grfico de este tipo, y / o su conjunto.
Los ajustes actualizados se aplicarn en el tema grfico del sitio actual.
3. Clic Ok para aplicar cambios.
Usando la Galera
La pestaa de galera sirve como un contenedor para almacenar tus propios objetos de diseo
(como banners flash, bloques de texto, tablas marcos de texto sin vnculo o fragmentos HTML) que
quieres reusar en otros sitios Web. Una vez que has copiado un diseo a la galera, se convierte en
disponible para cualquier sitio Web simplemente abre la galera.
Adicionalmente, la pestaa incluye elementos categorizados pre diseados que puedes
personalizar y usar como punto de partida para tus propios diseos (obtendrs ms categoras de
diseo si compras e instalas WebPlus X2 Resource CD).
Para ver la pestaa de galera:
- La pestaa de galera se encuentra por default con otras pestaas. Si no se muestra ve a
Vista Pestaa de Estudio y seleccin la Pestaa de Galera.
La galera tiene dos partes (1) la superior: desplegable de categoras y (2) la inferior: ventana de
diseos que muestra miniaturas representando los diseos en la categora seleccionada. Puedes
adoptar un diseo al arrastrarlo en la pgina.

La pestaa de galera tambin te permite almacenar tus propios diseos bajo Mis Diseos (o en
una categora especificada por el usuario) si quieres reusarlos el diseo se habilita en cualquier
proyecto de WebPlus. Puedes aadir o borrar cualquier tem almacenado en Mis Diseos o alguna
de sus categoras, con la opcin de nombrar elementos para facilitar rpidamente la obtencin al
momento de buscarlo.
Los diseos no pueden ser aadidos a ninguna categora predefinida.
Para usar un diseo dese la galera:
- Clic en su miniatura dentro de la categora de diseo arrstralo a la pgina. La galera
mantiene una copia del diseo hasta que lo borres.
Para ver tu galera:
1. Clic en la pestaa de Galera
2. Selecciona un folder o categora desde el men desplegable. El tem desde el folder se
muestra por defualt.
Para aadir, borrar o renombrar la categora de Mis Diseos:
- Con la pestaa de galera seleccionada, clic en el botn Pestaa de Men y selecciona
Aadir una categora Borrar una Categora, o Renombrar una categora, desde el men.
Para aadir una categora, necesitas nombrar esa categora en un dilogo. Para renombrar o
borrar, simplemente selecciona la categora en avanzado y selecciona l opcin.
Todos los diseos en la categora eliminada se perdern.
Para mover o copiar un objeto en la galera:
1. Selecciona Mis diseos o la galera en donde quieres aadir el objeto. Usa el men
desplegable de la categora para esto.
2. Para mover, arrastra el objeto desde la pgina y sultalo en tu ventana. Para copiar,
presiona la tecla Ctrl antes de hacerlo.
3. Si se pide renombrar (clic en el botn Pestaa de Men y selecciona la opcin), se te
pedir ingresar un nombre para el diseo. (Puedes nombrarlo o renombrar el diseo
despus, si as lo deseas). Por default, los que no tienen nombre de diseo se
autonombran Sin nombre.
4. Una miniatura del diseo aparecer en el grupo de diseo, y su nombre o etiqueta aparece
debajo del diseo.
Para borrar un diseo de la galera:
- Clic en el botn desplegable en la parte inferior de la miniatura (mostrado al pasar el
mouse) y selecciona Borrar Diseo desde el men.
Ajustando las propiedades del sitio
Las propiedades del sitio permiten que los ajustes se hagan a travs del sitio completo. Los ajustes
de la pgina, control de salida HTML, optimizacin del motor de bsqueda, derechos de autor, e
informacin estadstica de uso Web pueden ser todos ajustados con el dilogo de las propiedades
del sitio. Hablando en trminos generales, decidir los ajustes de propiedades del sitio cuando
planeas tu sitio Web - una vez ajustado, los ajustes normalmente no necesitan volver a
modificarse (aunque puedes hacerlo en cualquier momento).
Algunas propiedades del sitio como una pgina y motor de optimizacin de bsqueda estn
dirigidos a pginas individuales (ver pgina 64). Esto te permite complementar las propiedades
globales del sitio, respectivamente y aplicar ajustes locales a pginas especificas.
Para ver o cambiar los ajustes de propiedades del sitio:
- Selecciona Propiedades del sitio desde el men archivo. Aparecer el dilogo de
Propiedades del sitio.
El dilogo se organiza en dos pestaas separadas, cada pestaa relacionada a un aspecto de
propiedades.
Pestaa Propiedades
Opciones Extensin Default del archivo.
La extensin default del archivo publicado es HTML. Algunos servidores Web
requieren que se utilice diferente extensin.
Alineacin default de la pgina
WebPlus te permite ajustar un tamao default para las pginas.

Tamao de Texto Absoluto.
Por default, el texto que publicas en tus pginas Web variar en tamao
dependiendo del buscador del visitante. Puedes hacer que el texto aparezca en
un mismo tamao prefijado en tus diseos.

Tamao default de la pgina
Controla el tamao que determina las dimensiones de nuevas pginas
maestras.

Salida HTML
Controla como tus pginas web salen al seleccionar diferentes mtodos de
codificacin y controlar como se generan los HTML ID.

Bsqueda Descriptor de motor de bsqueda
Incluye informacin a manera de descripcin adicional a las palabras clave para
tu sitio.

Motor de
Bsqueda
Mapas del sitio y robots
Informa al motor de bsqueda o robot si pueden analizar las pginas index en
tu sitio. Un archivo de mapa del sitio se incluir en tus pginas web para ser
indexado donde el robot de meta etiquetas (robots.txt) controla qu pagina
ser excluida del ndice.

Identificacin Derechos de Autor
Aade detalles de propiedad, polticas legales y fechas de publicacin en las
meta etiquetas del encabezado de tu sitio.

Grficos Opciones de exportacin para imgenes globales.
WebPlus aplica ajustes default cuando se exportan grficos.

Favoritos Favoritos.
Ajusta un archivo (grfico) para el sitio Web que se mostrar cuando algn
visitante marque el sitio.

Resumen /
Estadsticas
Propiedades y Estadsticas
Observa y cambia la informacin de tu archivo de proyecto actual.

Anlisis del
Sitio
Estadsticas de las pginas Web.
Habilita, despus crea y asigna perfiles que recolecta y muestra estadsticas
Web.
URL del Sitio URL Absoluta.
Define la direccin completa del sitio. Este es un requerimiento para un motor
de bsqueda optimizado con mapas del sitio o campos de alimentacin RSS.


Ajustando la extensin default del archivo:
1. Selecciona las propiedades del sitio desde el men de archivo.
2. En la pestaa de dilogo, selecciona una extensin de archivo default si es necesario.
Ajustando el tamao y alineacin de pgina.
Las propiedades default del sitio para el ancho y alto determinan las dimensiones de la pgina
maestra, y cada pgina maestra determina el tamao de las pginas que se usarn. Los ajustes
default para alineacin (ya sea izquierda o centrado) determinan como se vern las lneas de
contenido en un buscador.
Una de las primeras cosas que se deben hacer cuando se crea un sitio web desde el inicio es
seleccionar las dimensiones y hacer algn cambio de ser necesario. Tambin puedes reemplazar
los ajustes para una pgina maestra en caso de ser necesario. Las pginas individuales no usan una
pgina maestra (por ejemplo, pginas HTML que has importado) pueden tener sus propias
dimensiones independientes.
Puedes ajustar los ajustes de dimensin en cualquier momento pero como regla, haz el cambio
antes de que los elementos de diseo ya vayan muy avanzados.
En general, usa ajustes de ancho que cubran un monitor estndar (750 pixeles) y no impongas una
barra de movimiento horizontal.
Como largo de pgina maestra, asegura que sea corto, tan corto como lo uses. Cada pgina
individual que se publique en la Web tendr el largo que se ajuste en sus propiedades,
permitiendo a las pginas ser ms largas incluso que la pgina maestra. WebPlus nunca trunca
pginas en los ltimos objetos.
WebPlus te permite seleccionar uno o ms objetos para la pgina maestra, y despus adjuntarlos
al final de la pgina (ajustar en el men organizar). Esto significa que los objetos debern
permanecer en la base de la pgina web sin importar el largo de la pgina.
Para ajustar los ajustes de dimensin de pgina:
- Selecciona las propiedades del sitio del men archivo. En el dilogo de la pestaa
Opciones, selecciona valores de diferente ancho y largo para aplicar a las pginas
maestras.
Tambin puedes cambiar la alineacin default de la pgina default como las propiedades del sitio,
o reemplazarlas para cierta pgina.
Para ajustar los ajustes de alineacin de un sitio:
- Selecciona las propiedades del sitio desde el men archivo. En el dilogo, pestaa de
opciones, selecciona izquierda o centrado en el men desplegable de la alineacin
default de la pgina.
Para las dimensiones y alineacin de la pgina, puedes reemplazar los ajustes del sitio para
pginas maestras o individuales, como se describi en la pgina 64
Informacin sobre Derechos de Autor
- Usa la pestaa de Identificacin si ests planeando publicar algn material y quisieras
declarar propiedad legal. Introduce el nombre del autor y el mensaje de derechos de autor
para cada caja. Los detalles no se publicarn directamente en el sitio, pero estarn en el
encabezado de la pgina como meta etiquetas.
<meta name="author" content="Teeb Software, Inc.">
<meta name="copyright" content="The content of this Web
site are copyrighted to Teeb Software, Inc. See Terms
of Use Web page.">
- Selecciona Incluir fecha de publicacin en encabezado para incluir la fecha de publicacin
junto con los detalles de derechos de autor.
<meta name="date" content="2007-11-27T15:31:12+00:00">
Observando y cambiando la informacin del proyecto.
WebPlus mantiene las propiedades bsicas y estadsticas para cada archivo de proyecto.
Para ver o cambiar las propiedades del proyecto:
1. Selecciona las propiedades del sitio desde el men Archivo.
2. Clic en la pestaa de Resumen para ver los campos de Autor, palabras clave, comentarios,
ttulo o tema.
3. Clic en la pestaa de estadsticas para ver las fechas principales, etc.
Para rastrear un historial, especialmente si tu trabajo de diseo est siendo compartido, debers
mostrar las propiedades actuales para que se aparezcan en pantalla o en una impresora. Las
propiedades que puedes incluir son ttulo del sitio, nombre del archivo, autor, ltima edicin,
cuenta de revisin y cuenta de pgina.
Para insertar informacin del proyecto en tu texto:
1. Selecciona la herramienta de puntero y clic en el texto que se inertar.
2. Selecciona Informacin desde el men insertar, despus selecciona la informacin del
sitio desde el submen. Selecciona una propiedad para insertar y da clic en Ok.
Si la informacin del proyecto cambia, la informacin en los campos de texto se actualiza
automticamente.

Aadir a Favoritos
La funcin de favoritos se usa para incluir un retrato grfico de tu sitio web, el logotipo de la
compaa, o algn smbolo que distinga el sitio, este se mostrar cuando algn visitante marque
el sitio como favorito.
Un archivo .ICO deber ser previamente creado para representar tu sitio.
Para crear un icono de favorito para tu sitio:

1. Selecciona las propiedades del sitio desde el men archivo.
2. Clic en la pestaa de favorito y selecciona la opcin Mostrar icono para favoritos.
3. Busca un archivo .ICO, y en el dilogo selecciona el archivo y clic en abrir.
4. Tambin puedes seleccionar la opcin Incrustar Archivo en caso que se quiera agregar el
archivo .ICO a los archivos del proyecto WebPlus.
5. (Opcional) ajusta la opcin de exportacin para definir el nombre del archivo exportado y
localizacin fsica. (ver opciones de exportacin de imgenes en la pgina 189).
Controlando las salidas HTML
Para las salidas HTML, es posible ajustar algunas especificaciones como lenguaje o tipo de
codificacin, remover el espaciado para los nombres de archivo, dejar que el buscador seleccione
donde romper una lnea de texto con un guin y control en la generacin de HTML ID para varios
objetos.
Para ajustar el tipo de codificacin:
1. Selecciona las propiedades del sitio desde el men archivo.
2. Clic en la pestaa de opciones y selecciona el tipo de codificado desde el men
desplegable Cdigo de pgina. Seleccionar una opcin de lenguaje especifico es
importante para corregir formatos en pginas exportadas creadas en algn lenguaje
especfico.
Puede ser necesario exportar archivos (ejemplo, imgenes, pelculas, archivos JavaScript) sin
espacios en sus nombres de archivo (tu ISP puede no soportar la actualizacin de archivos si hay
espacios presentes). Los espacios pueden ser eliminados del archivo fuente si es necesario.
Para remover espacios desde los archivos fuente o hacer que los nombres de archivos estn en
minsculas:
1. Selecciona las propiedades del sitio desde el men de archivo.
2. En la pestaa de opciones, selecciona la opcin remover espacios desde el nopmbre del
archivo fuente y/o cambiar los nombres de archivos a minsculas.
Para permitir a un buscador insertar una lnea despus de un guin, WebPlus puede
opcionalmente exportar un <WBR> etiqueta para cortar palabras despus de cada instancia de
guin. Si esto no es un requerimiento puedes exportar el texto conteniendo slo el guin sin la
etiqueta esto remueve la fuente de fallo de validacin HTML (pues WBR son una extensin de
Microsoft para las etiquetas) pero textos con guiones pueden sobreponer sus lmites de marcos.
Para quitar etiquetas de exportacin para separar palabras:
1. Selecciona las propiedades del sitio desde el men archivo.
2. Desde la pestaa opciones, deselecciona Escribe <WBR> etiquetas para guiones.
Para una manipulacin avanzada de objetos (como script) puedes controlar la generacin de ID
HTML automtica para los objetos, columnas de texto, filas de tablas o celdas.
Para administrar la generacin de ID HTML
1. Selecciona las propiedades del sitio desde el men archivo.
2. Clic en la pestaa de opciones. La generacin de ID se activa para cada objeto, columna
de texto, fila o celda de tablas. Si es requerido deselecciona cualquier opcin de
generacin de ID para prevenir que se creen ID.
Analizando estadsticas Web
Anlisis del sitio, involucran la recopilacin y presentacin de estadsticas de la pgina Web, puede
ser habilitada para tu sitio Web en un periodo de tiempo dado, ejemplo, en uno o ms meses
(incluso aos). Esto te permite conocer si tu sitio Web cumple sus objetivos y quizs el xito del
lanzamiento (re-lanzamiento). De cualquier manera, las estadsticas te permiten tomar decisiones
sobre cmo mejorar tu sitio web.
El anlisis del sitio puede ser presentado en varias categoras. En particular:
- Visitas. Muestra la popularidad de tu sitio Web como una grfica que muestra la fecha y el
nmero de visitas que se tuvo.

En adicin, puedes ver tus visitas principales (top 5), pginas de salida o entrada (primera /
ultima pagina que un visitante web tuvo). Top 5 de los visitantes por direccin IP, o cuando
sea posible, el nombre de la computadora que te visit.
- Ambientes de Bsqueda: Muestra los buscadores utilizados, resoluciones de pantalla,
sistemas operativos, y si Flash est o no habilitado en los buscadores, todo expresado en
porcentaje.
- Referencias. En lista las referencias ms consistentes, ejemplo la direccin de pginas Web
que se utilizan para llegar a tu pgina Web.
- Trminos de Bsqueda. Muestra los motores de bsqueda, las palabras clave y los
trminos de bsqueda.
Las estadsticas web se habilitan en las propiedades del sitio al vincularlo a un perfil
especficamente creado para l sitio web. Se puede tener acceso a las estadsticas generadas en un
objeto inteligente de anlisis por medio de la herramienta WebPlus Objetos inteligentes (barra de
herramientas de objetos web) o va serifwebresources.com (en cualquier momento).
Usa las grficas de visitantes para indicar interrupciones de servidor web los das sin visitantes en
el sitio puede indicar indisponibilidad del servidor.
Para habilitar las estadsticas de pginas web:
1. Selecciona las propiedades del sitio desde el men archivo
2. Desde la pestaa anlisis del sitio
3. Clic en el botn Ajustes de Anlisis de Perfil, despus selecciona ya sea:
a. Un nuevo perfil: introduce el nombre del nuevo perfil en la caja de entrada Crear
Nuevo Perfil, clic en el botn aadir nuevo perfil, despus seleccinalo de la lista.
o
b. Un perfil existente: Selecciona el perfil directamente de la lista.
4. Clic en Ok y despus en Ok.
Para ver las estadsticas
1. Clic en el botn de Herramienta de Objetos Inteligentes e inicia sesin.
2. Selecciona el objeto de la lista de Librera de mis objetos inteligentes.
3. En la ventana adyacente selecciona el botn bajo la pre visualizacin
del objeto.
4. Selecciona la categora de estadsticas desde el men desplegable, despus un periodo de
tiempo utilizado para recaudar las estadsticas.
Definiendo una URL absoluta
Normalmente, no hay ninguna necesidad real para declarar la raz URL de tu sitio web dentro de
WebPlus. Sin embargo, algunas excepciones incluyen:
- Si tu host ISP de sitios Web est dentro de un iFrame, puedes ajustar un URL absoluto en
tus hipervnculos para las pginas de tu sitio, archivos, anclas y elementos de navegacin.
- Cuando uses motores de bsqueda de mapas de sitios, la raz URL es especificada (y
despus indexada) para permitir a los usuarios que usan el motor de bsqueda navegar en
tu sitio Web desde sus resultados.
- Similarmente, si un RSS feed/podcast que administras est siendo referenciado desde un
sitio de tercer grupo o buscador de Internet, un URL absoluto te permitir hacer contacto
con tu feed. (Ver RSS feeds/podcast en la pgina 270).
Para ajustar un URL absoluto
1. Selecciona las propiedades del sitio desde el men archivo.
2. Desde la pestaa URL del sitio, introduce el URL base que los usuarios esperarn para
navegar, ejemplo www.sailaway.com, www.discount.co.uk, etc.
3. (Opcional) Selecciona Cambia todas las URL locales en URL absolutas para usar URL
absolutas en vez de URL relativas.
Los hipervnculos pueden hacerse hipervnculos absolutas al seleccionar la opcin URL Absoluta
para una pgina del sitio, archivo, ancla o elemento de navegacin. Si el URL base del sitio no est
listo an, se te pedir declarar el URL cuando se publique.
No introduzcas un URL con sub-folders o nombres de pgina adjuntas a la direccin Web.
Ajustes de las propiedades de la pgina
Tu sitio WebPlus tiene ahora su propio marco, consistiendo en el sitio mismo; una o ms pginas
maestras; y un nmero de pginas individuales. Cada aspecto del marco tiene varios ajustes de
propiedades que contribuyen al diseo y comportamiento de tu sitio cuando se publica. Ya sea
que inicies con una plantilla WebPlus o con una pgina en blanco, puedes seleccionar quedarte
con los ajustes de propiedades o alterarlas para que satisfagan tus necesidades.
Las propiedades de pginas individuales pueden verse en la pestaa del sitio, al dar clic derecho en
la pgina activa en tu rea de trabajo, o en el administrador del sitio. El administrador del sitio
ofrece un mtodo poderoso de no slo ver sino modificar las propiedades de mltiples pginas al
mismo tiempo simplemente revisa tus pginas seleccionadas y altera una o ms propiedades de
pgina. Todas las pginas seleccionadas adoptarn los nuevos ajustes.
Para ver los ajustes de las pginas maestras:
- Clic en el botn de Administrador de Pginas Maestras sobre la ventana de pginas
maestras. El administrador de pginas maestras aparecer.
Para ver ajustes de propiedades en pginas Web:
- Clic derecho en el rea de trabajo y selecciona Propiedades de pgina
O
En la pestaa del sitio, clic para seleccionar la pgina en el rbol de estructura del sitio, clic
derecho en la pgina y selecciona propiedades de pgina
O
Selecciona el tem desde el men Edicin.
El dilogo de la pgina de propiedades aparecer.
Nombre de la
Pestaa
Propiedades
Pgina Pgina y nombre del archivo. Cada pgina tiene un ttulo de pgina visible o
nombre de archivo que se muestra en el rbol de estructura del sitio. Utiliza el
dilogo de las propiedades de la pgina (pestaa de pgina) para cambiar el
nombre, especifica un titulo HTML diferente, y / o cambia el nombre de archivo.

Incluir en navegacin. Por default, todas las pginas estn incluidas en la
navegacin (pero pueden ser vinculadas a elementos de navegacin como
navbars).

Alineacin de pgina. La alineacin determina como aparecer el contenido en
el buscador. Utiliza los ajustes de alineacin default o selecciona izquierda o
centrada.

Pgina Maestra. Utilizada para asignar pginas maestras a pginas especificas, o
configura para no usar pginas maestras.

Alto y Ancho. Cada pgina maestra determina el tamao de las pginas que
usan. En el administrador de pginas maestras (botn propiedades), puedes
ajustar esto para una pgina maestra. Para pginas individuales que no usen
pginas maestras puedes ajustar dimensiones de pgina personalizadas. Para
pginas que usan pginas maestras, slo se puede ajusta la altura.

Marcos de documentos activos. Las pginas pueden ser abiertas en marcos
activos si el marco ha sido creado anteriormente.

Fondo Sonido de Fondo. Selecciona un sonido que se cargue y reproduzca
automticamente cuando una pgina especfica se muestra.

Color de fondo/imagen/color en pgina. Ajusta una imagen o color para el fondo
de alguna pgina. Usado para pginas que no usan pginas maestras. Cuando
usamos pginas maestras, el esquema adjunto se aplica por default.

Bsqueda Descripcin de motor de bsqueda. Incluye informacin descriptiva adicional y
palabras claves en pginas individuales, que ajustan el motor de bsqueda.

Motor de
Bsqueda
Mapa de sitio y robots. Informa al motor de bsqueda o robot si pueden llegar,
analizar e indexar la pgina actual. Un archivo de sitio de mapa se incluir en la
pgina actual en indexados donde haya una meta etiqueta Robot (o un archivo
robots.txt) excluir la pgina. Estos ajustes ajustan el motor de bsqueda del
sitio.

Seguridad de
la pgina.
Seguridad de la pgina. Aplica control de acceso a tus pginas web al asignarlas a
una lista o grupo de usuario (va Serif Objetos Inteligentes para el control de
acceso a los Recursos Web).

Re direccionar Re direccionar. Despus de un intervalo de tiempo configurable la pgina web es
direccionada a un nuevo hipervnculo destino (otra pgina, imagen, correo, etc.)

Transicin de
Pgina
Transicin de Pgina. Transiciones de entrada y salida de pginas que pueden
ser aplicadas para cuando se navegue entre pginas.

Administrador de Sitio por medio de las propiedades de la pgina.
El administrador de sitio te permite ver y aplicar las propiedades para pginas web. Puedes ajustar
Incluir pginas en navegacin, asignar pginas maestras, ajustar la alineacin y tamao de pgina,
renombrar pginas, ajustar un color de fondo, aadir sonidos, optimizar pginas para motores de
bsqueda y aplicar redirecciones, transiciones o control de acceso. Las pginas maestras tambin
pueden tener su tamao, fondo y transicin administrado va Administrador de sitio.
Para ver las propiedades de las pginas / Paginas maestras en el Administrador de Sitios:
1. Para pginas web normales o Pginas maestras respectivamente:
a. Selecciona Administrador de Sitio Propiedades de Pgina desde el men de
herramientas. El Administrador del Sitio se lanza con las propiedades de pgina
mostradas por default.
o
b. Selecciona Administrador de Sitio Propiedades de Pgina Maestra desde el
men herramientas. El Administrador de Sitio muestra las propiedades e Pgina
Maestra por default.
Alternativamente, clic en el botn de administrador de sitio en la parte inferior de tu espacio de
trabajo, despus selecciona propiedades de Pgina o Pgina Maestra como opcin del men.
2. Selecciona un tem del sub men (ejemplo, Fondo) reflejando el tipo de propiedad para
pgina.
3. Desde el panel de propiedades, puedes editar las propiedades de una pgina o mltiples
pginas.
a. Para pginas individuales, clic en la columna relevante en una entrada de pgina.
Dependiendo en los ajustes (una caja de entrada, lista desplegable, seleccin o
dilogo pop-up) edita la pgina.
b. Para mltiples pginas, selecciona la entrada de cada pgina (para todas las pgina
selecciona el encabezado de la columna). Al final de la columna de propiedades,
clic en ajustar propiedades va caja de entrada, lista desplegable, etc.
4. Clic en el botn cerrar.
Usando el Administrador del Sitio
WebPlus tiene un Administrador de sitio con un rango muy amplio de informacin disponible til
desde un men de dilogo. La herramienta te permite ver propiedades de pginas / pginas
maestras, y seleccionar una desde una seleccin de herramientas de administracin para ver y
editar hipervnculos (ver ms abajo), recursos, textos, fuentes y ms.

Las funciones poderosas del administrador de sitio incluyen:
- La habilidad de controlar el alcance y administrar un individuo, una seleccin o todas las
pginas de tu sitio igualmente.
- Cualquier columna puede ser almacenada y que ofrezca una rpida manera de reordenar
informacin.
- Encontrar y reemplazar. Cuando est disponible, esta es una poderosa manera de aplicar
cambios de textos a travs de toda las pginas web simultneamente.
Mientras la mayora de las herramientas de administracin son benficas en cualquier punto del
sitio Web en desarrollo, el administrador de recursos y texto, as como el revisor de sitio, son
esenciales para revisar tu sitio web antes de la publicacin de tu Web.
Para ejecutar el Administrador de Sitio:
- Clic en el botn Administrador de sitio en la lnea de sugerencias en la parte inferior de tu
rea de trabajo.
o
Clic en el botn de Administrador de sitio en la barra de contexto de pginas.
o
Selecciona Administrador de Sitio desde el men herramientas, y selecciona un tipo de
administracin desde el submen (ejemplo, Administrador de Recursos). Esto abre un
administrador de sitio con un Administrador mostrado automticamente.

Un rpido resumen que una indicacin de qu hace cada funcin para ti.
Tipo de
Administracin
Te permite
Propiedades de
Pginas / Pginas
Maestras
Incluye pginas en navegacin, asignacin de pginas maestras, alineacin y
tamao de un conjunto de pginas, renombre de pginas, ajuste de fondo,
aadir sonidos, optimizar pginas para motores de bsqueda y aplicar
redireccin, transiciones o control de acceso.

Hipervnculo Ver y editar hipervnculos, saltar a hipervnculos en la pgina, encontrar y
reemplazar vnculos de destino.

Recursos Ver imgenes, mdia, vnculos, recursos de cdigo HTML, scripts, o
subprogramas de tu sitio. Saltar a cada recurso en la pgina, cambiar entre
imgenes vinculadas / adjuntadas, reemplazar volver a mostrar las
imgenes.

Texto Ver y editar texto en (WritePlus), nombre de historias, volver a dar formato
a texto, aplicar estilos, convertir tablas y marcos creativos a texto
compatible con HTML.

Fuentes Ver fuentes y sus disponibilidades, ver las fuentes de las pginas y
sustitucin de fuentes.

E-Comercio Ver objetos de e-comercio en las pginas de tu sitio Web.

Anclas Ver y editar anclas, saltar a anclas, encontrar y reemplazar anclas de
vnculos.

Archivo. Mostrar la estructura del sitio Web con nombres de archivos de pginas en
vez de nombres de pgina.

Revisor del sitio Muestra los problemas comunes descubiertos en el diseo de tu sitio.

Control de Acceso
Te permite aplicar seguridad a travs de tu sitio Web, o ms especfico a pginas que pueden
contener informacin confidencial. El aplicar control de acceso a las pginas es dependiente a la
complejidad y naturaleza de tu sitio Web los sitos Web simples pueden adoptar usualmente un
nivel bsico de control de acceso, donde los sitios Web multi propsitos pueden usar controles
muy avanzados. Cada mtodo puede ser descrito a continuacin:
- Control de acceso bsico: inicia en una pgina protegida por una contrasea desde un
dilogo de inicio de sesin. Los detalles de sesin se almacenan en una lista de usuario
asociada con la pgina. Esta lista es una lista simple de combinaciones entre nombres de
usuario / contraseas.
- Control de acceso avanzado: ya sea:
o Inicio de sesin avanzado por contrasea desde un dilogo de inicio de sesin. Los
detalles de inicio de sesin estn almacenados en un grupo de usuario asociado
con la pgina, lo que contiene una lista estadstica de usuarios; la lista es
controlada por el administrador del sitio Web. El uso de grupos te permite asignar
a una seccin de usuarios el control de acceso adecuado a las pginas.
O
o Iniciar a un sitio Web con un cuadro de inicio de sesin esto permite acceso a
cualquier grupo de usuario ajustado a aadir nuevos usuarios al iniciar sesin y
por lo tanto cualquier pgina asociada con esos grupos de usuario. Ninguna
administracin manual es requerida.
El tema sobre el control de acceso puede ser muy abrumador, por lo tanto la siguiente ilustracin
de muestra las relaciones entre usuarios, pginas Web, listas de usuarios y grupos de usuarios.

El control de acceso avanzado se lleva va Recursos Web Serif al usar un objeto inteligente llamado
Control de Acceso, que puede ser creado para administrar grupos de usuarios y usuarios, y para
insertar un inicio de sesin opcional en tus pginas para que los usuarios inicien (despus de un
auto registro).
Como un breve recordatorio, los recursos web Serif son una manera segura de servicios en lnea
que proporciona Serif y que almacena objetos inteligentes adoptados (Ver pgina 306) y cualquier
dato generado. Puedes administrar tus objetos inteligentes de control de acceso, como cualquier
otro objeto inteligente por medio de la pgina www.serifwebresources.com en cualquier
momento.
Control de acceso bsico
La forma ms imple de tener control de acceso dentro de WebPlus es un nivel de acceso
controlado por medio de listas de usuarios configurables. Normalmente es de uso para sitios Web
personales o empresas pequeas, puedes permitir un acceso libre a la mayora de tus sitios, con
un limitado conjunto de pginas seleccionadas a seleccionados usuarios. Por ejemplo, una galera
de fotos sobre tu familia puede ser privada sin embargo an ser compartida con tus familiares
(bajo un control de contrasea).
Las listas de usuario pueden ser creadas en cualquier momento mientras ajustas la seguridad de tu
pgina. Simplemente habilita el control de acceso para la pgina despus crea una nueva lista de
usuario, aade un nombre de usuario y contrasea a la lista. La combinacin de nombre de
usuario / contrasea ser usada por el visitante Web para iniciar sesin y permitir acceso a la
pgina Web.
Dos aproximaciones pueden tomarse cuando se ajustan los nombres de usuario y contraseas. Si
no necesitas control de visitantes para tu pgina puedes ajustar un nico nombre de usuario y
contrasea solamente todos usan la misma cuenta para iniciar. Sin embargo, si tu pagina es
accesible a un grupo conocido de personas ejemplo, lista de miembros, hace sentido tener una
contrasea y usuario para cada individuo. Si se aaden ms miembros o se retiran, los detalles
pueden ser aadidos o eliminados de la lista de autenticacin sin afectar a los miembros
existentes.
Para usuarios conocidos, considera usar una direccin de correo electrnico como nombre de
usuario para una mejor trazabilidad.
Esta manera de control de acceso no involucra objetos inteligentes de control de acceso y grupos
asociados, y mtodos ms avanzados de control de acceso hechos para controlar el acceso a las
zonas con sesiones opcionales de usuario (ver control de acceso avanzado).
Para habilitar el control de acceso bsico
1. Con la pgina Web actualmente en vista, clic en el botn de Seguridad de Pgina en la
barra de herramientas de pginas.
O
Clic derecho en la pgina en la pestaa del sitio y selecciona Propiedades de Pgina,
despus selecciona la pestaa de Seguridad de Pgina.
2. Selecciona Proteger pgina con contrasea para habilitar el control de acceso. Observars
que el botn Cambio / Administracin se habilita. Clic en este botn.
3. Desde el dilogo crea una nueva lista de usuarios al introducir el nombre (ejemplo
PhotoGallery_login) y una descripcin Inicio de sesin a las fotos familiares, despus
clic en Aadir Nueva Lista.
4. Desde el siguiente dilogo, introduce un nombre de usuario y contrasea para tu nuevo
vistante Web, y despus clic en el botn Aadir Usuario. Repite esto para otros inicios de
sesin si es necesario. La lista de usuarios es incrementada mientras cada nueva entrada
es aadida. Tambin podrs renombrar tu lista de usuario al editar el nombre de lista en la
caja y dar clic en el botn Renombrar.

5. Clic en Ok, despus en Ok una vez ms para salir del dilogo.

La pestaa de seguridad de tu pgina deber mostrar que la pgina est protegida por
contrasea y que una lista de usuarios (almacenando los detalles de inicio de sesin) ha
sido asignada.
Para editar una lista de usuario:
- Desde el dilogo de Listas de usuario y grupos, clic en el botn de administrar con una
lista de usuario seleccionada desde la ventana superior. El siguiente dilogo te permite:
o Aadir usuarios. Introducir un nombre de usuario y contrasea para tus nuevos
usuarios, despus clic en el botn Aadir Usuario. Repetir para otras sesiones. La
lista es incrementada mientras cada nuevo nombre/contrasea son aadidos.
o Borrar una entrada. Desde el dilogo, selecciona una entrada, despus clic en el
botn borrar.
Deselecciona Proteger pgina con contrasea si quieres mantener una lista de usuarios sin
proteger la pgina actual.
Control de Acceso Avanzado
El control de acceso avanzado se maneja para escenarios de seguridad Web ms complejos donde
un conjunto de pginas Web se habilitan para cierto grupo de usuarios, con un conjunto de
pginas pertenecientes a otros usuarios. Cada grupo de usuario es asociado con un usuario del
grupo todos con el mismo tipo de permisos de acceso en la pgina. Al establecer un rango de
usuarios del grupo que se refleja en las distintas reas en tu sitio, tienes un control de acceso
verstil que controla el acceso del visitante. Por ejemplo, un sitio Web de un negocio mediano
puede ser ajustado para tener proteccin de contraseas diferentes en pginas para informacin
del personal, acceso VPN, lista de telfono interno, descargas de software, etc.
Incluso ms poderosa es la habilidad de usar una caja de inicio / cierre de sesin a travs de tu
sitio, normalmente al aadirlo a tu pgina maestra. Esto significa que cualquier usuario puede
tener acceso a cualquier pgina restringida al registrarse y despus iniciar sesin.
El control de acceso avanzado habilitado se lleva por medio de Recursos Web Serif (pgina 306).
Por default, un objeto inteligente de control de acceso para el sitio web puede ser creado y usado
para crear nuevos grupos de usuario y usuarios (y administrarlos subsecuentemente). Tambin
tienes la opcin de aadir el objeto en la pgina para una sesin de usuario automtica (ver inicio
de sesin de usuario).
Para habilitar el control de acceso:
1. Clic en el botn Herramienta de Objeto Inteligente en la barra de objetos web.
2. Inicia en Recursos Web Serif (ver usar objetos inteligentes, pgina 306). Esto asume que
tienes una sesin vlida; de lo contrario debers registrarte.
3. Desde el dilogo, selecciona el botn Nuevo al final de la librera de Mis Objetos
Inteligentes.
4. En el dilogo de crear objeto inteligente utiliza la barra de navegacin para navegar en la
lista de objetos inteligentes. Despus selecciona Control de Acceso y clic en ok.
5. (Opcional) Nombra tu objeto inteligente de Control de Acceso y modifica colores para el
texto, botones, fondo o borde. Clic en Crear. Tu nuevo objeto inteligente es enlistado en
tus libreras de objetos inteligentes.
6. Ya sea:
a. Si no es requerida la sesin de un usuario en una pgina, clic en Salir para cerrar
los recursos Web Serif.
O
b. Si el inicio de sesin de usuario es requerido en una pgina, clic en el botn
Insertar. Ver inicio de sesin de usuarios en la pgina 80.
Para crear un grupo de usuarios:
1. Clic en el botn herramienta de objetos inteligentes.
2. Con tu objeto inteligente seleccionado, en el panel de pre-visualizacin de objetos, clic en
el botn administrar para revelar el dilogo Administracin de Control de Acceso.
3. (Opcional) Si se necesita la sesin de un usuario, habilita CAPTCHA despus clic en el
campo de actualizar. CAPTCHA es una tcnica anti-basura donde textos arbitrarios son
generados; el visitante introduce el texto para una validacin subsecuente.
4. Introduce un Nombre de Grupo en la seccin; esto deber reflejar el tipo de usuarios que
pertenecern al grupo por ejemplo, Descargas..

5. Algunos ajustes de grupos relacionados pueden ser configurados, ejemplo.
a. Grupos de Objetos Inteligentes (no se muestra): Se usa slo si estn como
moderador de foro o quieres restringir comentarios en un blog. Selecciona el for o
nombre de blog como sea apropiado.
b. Aadir nueva lista de usuarios para iniciar: Revisa los usuarios directos los
detalles de inicio son aadidos al grupo de usuarios. Cuando se deselecciona, el
grupo de usuarios tiene que ser poblado con los correos de usuarios (el
administrador deber conocer los correos desde antes).
c. Inicio o cierre de sesin automtico: Si tienes un foro en la misma pgina como tu
inicio de sesin, selecciona la opcin de iniciar sesin automticamente a los
frum cuando inicias en la pgina. Necesitars publicar tu sitio Web para verificar
que estn correctos los ajustes, esto debido a los ajustes de las restricciones de
seguridad.
6. Clic en el botn Crear Grupo, verifica los ajustes del dilogo y clic en Hecho.
El grupo ser aadido al men desplegable Grupo en Administracin de Grupos de
Usuario.
Para administrar un grupo de usuario:
- En la seccin de Administracin de Grupo de Usuarios, selecciona el nombre del grupo
desde el men desplegable Grupo, despus clic en Administrar Grupo.
Desde el dilogo, puedes renombrar, vincular a un foro / blog existente, habilitar usuarios para
iniciar en grupos, y automticamente iniciar sesin en pginas de foros. Los nmeros y nombres
de usuarios de grupos tambin se muestran. Haz los cambios al dar clic en el botn de Actualizar
Grupo, o remueve el grupo con el botn Borrar Grupo.
Aadir usuarios a grupos
Para cada grupo de usuario que se creo, un usuario puede ser aadido a los grupos de manera
manual (por medio del administrador web) o automticamente al registrarse un usuario. Todas las
opciones son posibles cuando se administra por medio de objetos inteligentes de control de
acceso.
- Entrada Manual: Los usuarios son incluidos en grupos por medio de una adicin manual.
- Importar listas de usuarios: Otro mtodo manual para aadir usuarios, pero en conjunto
de usuarios es importarlos a tu sitio desde un archivo .CSV separados por una coma.
- Registros de usuario: Los visitantes web crean sus propias cuentas de usuario al iniciar y
despus tienen acceso a la pgina una vez que sus direcciones de correo electrnico han
sido verificadas. Ninguna adicin manual a los usuarios es necesaria.
Es tu eleccin qu mtodo utilizars. Normalmente un control de usuarios de manera manual es
mejor para ambientes controlados en negocios pequeos, organizaciones o clubs donde los
usuarios son conocidos. De lo contrario, el registro de usuarios es para un acceso ms pblico
donde el control de usuarios es imprctico el auto registro es usado, con la opcin de
administrar usuarios dentro de sus grupos por medio del objeto inteligente de control de acceso.
Puedes aadir ms de un usuario al mismo grupo de usuarios. El mismo usuario puede ser
perteneciente a mltiples grupos de usuario.
Cualquier usuario puede ser eliminado, no importa que el usuario pertenezca a otro grupo o no.
Un usuario puede ser tambin suspendido temporalmente por romper algunas reglas (ejemplo,
postear estados difamatorios en el foro). La siguiente vez que el usuario intente inicia el mensaje
Tu cuenta ha sido suspendida se mostrar.
Si una accin ms drstica es requerida, la direccin IP del usuario puede ser vaneada desde los
objetos de recursos Web Serif (ejemplo, foros, etc). Como ltimo recurso, incluso el ISP u
organizacin a donde pertenece el propietario del correo electrnico puede ser vaneado de
acceso. Esta ltima opcin no es recomendada normalmente pero podra ser necesaria en caso de
mala prctica institucional como spam profesional.
Para aadir un usuario manualmente:
1. Clic en el botn Herramienta de Objeto Inteligente en la herramienta de Objetos Web.
2. Con tu objeto inteligente de control de acceso seleccionado, en el panel de pre
visualizacin de objeto, clic en el botn Administrar para revelar el dilogo de
Administracin de Control de Acceso.
3. Desde la seccin Aadir un nuevo usuario al final del dilogo, introduce la direccin del
usuario en la caja de Correo y clic en el botn Aadir Usuario.

El usuario es aadido al campo de Usuarios del administrador de grupos de usuarios.
4. Con Activacin Requerida seleccionado, un vinculo de activacin ser mandado por
correo electrnico al usuario junto con una contrasea auto-generada. Cuando se
deselecciona, slo una contrasea autogenerada se manda.
5. Para asignar a un grupo, selecciona el grupo desde la lista desplegable, despus aade el
usuario seleccionado desde la caja de usuarios a la caja de grupo al dar clic en el botn
Aadir (si aadimos todos los usuarios clic en el botn Aadir todos). El usuario ser
perteneciente al grupo de usuarios. Para remover, usa remover (o remover todos) desde
el grupo.
Para importar una lista de usuarios desde un archivo de texto:
1. Siguiendo el procedimiento superior pero en la seccin de Aadir un Nuevo Usuario al
final del dilogo, da clic en el botn Buscar, para localizar un archivo de texto existente
que contiene combinaciones de nombre / contrasea de usuarios separados por una
coma. Selecciona el archivo y clic en Abrir.
2. Clic en el botn de Importar para poblar de usuarios el panel izquierdo (en el
administrador de grupos de usuarios) con el contenido del archivo.
Para importar una lita de usuarios desde una lista de correo:
1. Selecciona un objeto inteligente de lista de correo, clic derecho y selecciona Administrar
2. Para sincronizar, clic en el botn Sincronizar para control de acceso
3. Desde el dilogo, selecciona un objeto de control de acceso nombrado desde la lista
desplegable y clic en Proceder, la direccin de correo almacenada ser copiada a su objeto
inteligente.
Para borrar un usuario:
1. Con tu objeto inteligente de control de acceso seleccionado, clic en el botn Administrar
objeto.
2. Desde el dilogo, selecciona un usuario para borrar el correo del men desplegable.
3. Clic en Borrar usuario.
Para suspender un usuario:
- Igual que para borrar a un usuario (pasos superiores), pero clic en el botn Suspender
Usuario en vez de Borrar Usuario. Usa el botn Dejar de Suspender para asegurarte de
que est activo de nuevo.
Los usuarios suspendidos sern mostrados con un asterisco en el dilogo de Administracin de
Control de Acceso dentro del grupo de usuarios.
Para vanear usuarios:
- Por direccin IP: Igual que para borrar a un usuario (pasos superiores), pero selecciona la
direccin IP de la lista desplegable, despus clic en el botn
Vanear.
- Por ISP / Organizacin: igual que para borrar un usuario (pasos superiores), pero primero
tienes que dar clic en Bloquear usuario (esto localiza la direccin de red del ISP / direccin
de red de organizacin en la ventana superior al botn) despus selecciona
ISP/Organizacin de la lista desplegable, despus clic en el botn Vanear.
Para permitir vanear, el usuario deber estar dentro de los Recursos Web Serif antes.
Si la direccin IP del usuario, ISO u Organizacin est actualmente vaneada, aparecer una lista
desplegable para quitar vaneo. Esto te permite revisar los usuarios vaneados actualmente. Por
supuesto vanear puede ser retirado si una direccin IP o red no se considera sospechoso.
Para quitar vaneo a usuarios:
- Selecciona una direccin IP especfica (para un usuario individual) o direccin IP de red
(para ISP / organizacin) desde la lista desplegable quitar vaneo. Una direccin especifica
estar al final con un nmero diferente al cero (ejemplo, 80.6.91.234), mientras que la
direccin de red para un ISP u organizacin siempre terminar en cero (ejemplo,
80.6.91.0). La entrada tambin incluir la fecha en que la direccin fue vaneada.
- Clic en el botn quitar vaneo. La direccin IP ser removida de la lista.
Inicio de sesin de Usuario

Un inicio de sesin de usuario puede ser aadido para permitir a los usuarios registrados iniciar
sesin en todos los grupos que estn disponibles, de lo contrario, las pginas restringidas estarn
protegidas.
Un nuevo visitante al sitio puede registrarse al dar clic en el botn de registro.
Aade el cuadro de sesin a la pgina maestra del sitio. Cualquier pgina web a menudo te dar la
oportunidad de registrarte o iniciar sesin en el sitio.
Para aadir un registro de usuario para iniciar sesin:
1. Sigue el procedimiento para habilitar el control de acceso (ver pgina 70) pero en vez de el
dilogo existente, selecciona una pgina para colocar una caja de sesin, despus clic en el
botn Insertar.
2. Posiciona el cursor Pegar donde quieres colocar la caja de sesin, despus clic en el
mouse para insertar el objeto en un tamao default.
3. Clic derecho en la caja de sesin y selecciona Administrar Objetos Inteligentes.
4. Introduce un nombre de grupo en la seccin Crear Nuevo Grupo, esto deber reflejar el
tipo de usuarios que sern permitidos en el grupo, por ejemplo, Trabajadores.
5. Selecciona Aadir nuevos usuarios al registrar al momento en que se registra un usuario
los detalles de su registro son aadidos al grupo de usuario.
6. Clic en el botn Crear Grupo, verifica el dilogo y despus clic en hecho. El grupo ser
aadido al men desplegable Grupo en el Administrador de Grupo de Usuarios.
Mientas los usuarios estn siendo registrados por si mismos no necesitas aadir manualmente a
estos en la seccin Aadir nuevos usuarios (aunque podras an hacerlo manualmente; ver Aadir
usuarios manualmente en la pgina 77). Cuando lo usuarios inicien sesin aparecern
automticamente en cada grupo de usuario lo cual esta habilitado para registro de usuarios.
Para iniciar sesin como un usuario registrado:
1. Desde la caja de sesin de usuario, clic en el vinculo registrar
2. Acepta los objetos Serif y formas de servicio trminos y condiciones al seleccionar la caja.
3. Desde el dialogo, introduce los detalles del uuario, seleccionando validad direccin de
correo electrnico, nombre de pantalla, y contrasea (al menos 6 caracteres de largo). Si
habilitaste la verificacin CAPTCHA, introduce el texto que se muestra en la caja.
4. Clic en el botn Iniciar Sesin. Un correo de activacin se manda al usuario clic en el
vnculo para activar el nuevo registro de usuario.
Si no ha sido mandada por correo tu activacin verifica tus correos no deseados, o equivalentes en
el correo. Tu correo podra ser direccionado incorrectamente a la carpeta de spam y despus
eliminado.
Una vez que inicies en el sitio, podrs visitar de nuevo el rea de registro de tu pgina para
Cambiar el nombre de pantalla, cambiar contrasea o simplemente Cerrar Sesin. El nombre de
pantalla es el nombre que otros usuarios vern cuando publiques algo en foros o blogs.
Optimizacin en el Motor de Bsqueda
Indexar involucra una coleccin automtica de informacin sobre tus pginas Web al buscar con
motores de bsqueda como Google, Yahoo!, Live Search, y muchos ms. Al alimentar esta
informacin en el motor de bsqueda, los usuarios pueden hacer uso de esta informacin
indexada para obtener un rpido y preciso resultado de bsqueda que coincida con los criterios.
Por default, el contenido de cada pgina Web publicada (especialmente titulares de texto) ser
indexado. Sin embargo, un mundo de millones de pginas de internet estn constantemente
siendo indexadas, los desarrolladores Web pueden optimizar este proceso de indexacin para
permitir a las pginas Web aparecer en altos resultados.
Optimizacin de pginas Web para motores de bsqueda en varias maneras:
- Meta Etiquetas: Las etiquetas almacenan descripciones para el motor de bsqueda
(ejemplo, palabras clave y una descripcin) para el sitio y / o pginas individuales. Estas
etiquetas son usadas para permitir una mejor coincidencia entre textos de motores de
bsqueda (como podras introducirlo en google) y las palabras clave con las que asociaste
tu sitio Web o pgina. Adicionalmente, una meta etiqueta robot tambin te perite incluir /
excluir el sitio o pginas de ser indexadas; hipervnculos a otras pginas tambin pueden
ser prevenidas desde el explorador (llamados araas).
- Robots: Pginas (o folders) que pueden excluirse desde la bsqueda motor indexado al
usar archivos robots. Este trabaja de manera equivalente a los robots meta etiquetas, pero
usa un archivo de texto (robots.txt) para instruir robots o araas a no indexar. El archivo
simplemente enlista pginas web excluidas.
- Mapas del sitio: Lo opuesto al concepto de robots; pginas que pueden ser incluidas
para ayudar y optimizar la inteligencia del indexado. Los sitios Web de referencia son
almacenados en un archivo dedicado al mapa de sitio (sitemap.xml).

Ya sea que uses meta etiquetas, robots, o mapas del sitio independientemente o en combinacin,
WebPlus hace las configuraciones simples. Mientras estos ajustes pueden ser establecidos o
modificados para el sitio entero (propiedades del sitio; pestaa de motor de bsqueda) cualquier
pgina recin creada adoptar la configuracin del motor de bsqueda. Si cambias los ajustes del
sitio, todas las pginas sern actualizadas a estos ajustes automticamente.
Sin embargo, puedes cambiar los ajustes del sitio en pginas especficas (propiedades de la pgina;
pestaa de Motor de Bsqueda) en cualquier momento. Esto significa que cualquier cambio
subsecuente al sitio ser ignorado.
Usando Meta etiquetas de descripcin para el motor de bsqueda
Aunque son opcionales, si quieres incrementar las visitas de tu sitio, que sea visto por la mayora
de los servicios de bsqueda Web, debers tener meta etiquetas descripcin para el motor de
bsqueda. Los servicios de bsqueda mantienen catlogos de pginas web, a menudo compiladas
a travs de otros programas de recoleccin de datos en sitios y su contenido. Al incluir
informacin descriptiva y palabras clave, ayudars a estos motores a categorizar de manera propia
tu sitio. Puedes introducir descriptores para el sitio entero as como para pginas especficas. Por
ejemplo, para un sitio ornitolgico podras tener los siguientes descriptores, reflejando el
contenido de tu sitio o pgina.
Propiedades del Sitio

Propiedades de la Pgina
Descripcin Sitio de Aves Americanas Pgina de especies de Garza

Palabras Clave Aves, Amrica, Audubon Cattle Egret, Blue Heron,
Green-backed, Heron.
Es una buena idea planear qu descriptores sern usados para el sitio y pginas. Si se ajustan los
descriptores del sitio complementarn los descriptores especficos de la pgina.
Para introducir descriptores de motor de bsqueda:
1. (para el sitio) Selecciona propiedades del sitio desde el men archivo.
o
(para la pgina) Clic derecho en el rea de trabajo de la pgina y selecciona propiedades
de la pgina (o selecciona desde el men Edicin).
2. Clic en la pestaa Bsqueda
3. En la ventana superior, introduce una breve descripcin de tu sitio. Aunque la descripcin
puede ser de cualquier largo, las primeras 10 palabras aproximadamente son las ms
importantes.
4. En la siguiente ventana, introduce cualquier nmero de palabras clave (separadas por
comas) que creas convenientes para tu sitio. Ponte en el lugar de un visitante potencial.
Cules son las palabras que introduciras para mostrar resultados de bsqueda para el
sitio o pgina?
5. Ajusta el cdigo de lenguaje para tu sitio desde el men desplegable para identificar el uso
del lenguaje del sitio. La mayora de los motores de bsqueda permitirn lenguajes
especficos para pginas web, as que el sitio se mostrar en los resultados segn sus
ajustes de lenguaje.
Excluyendo pginas de Indexar (meta etiquetas robots)
Una meta etiqueta robot puede ser usada por un motor de bsqueda para controlar el acceso al
sitio Web o pgina. El sitio completo (y pginas) pueden ser ajustadas para indexar / no indexar,
seguir hipervnculos de pgina / no seguir, o cualquier combinacin. Los ajustes del sitio son
hechos al seleccionar Indexado de pginas en este sitio y Seguir vnculos desde pginas o cambiar
las propiedades.
Para habilitar la generacin de meta etiquetas robots:
1. (para el sitio) selecciona Propiedades del sitio desde el men de archivo.
o
(para pgina) clic derecho en el rea de trabajo de la pgina o pestaa de sitio y selecciona
Propiedades de pgina (o selecciona desde el men Edicin).
2. Selecciona la pestaa Motor de Bsqueda y selecciona Crear meta etiquetas Robots (para
una pgina necesitars cambiar los ajustes del sitio completo).
3. (Para el sitio) utiliza las dos sub-opciones para permitir o prevenir a los motores de
bsqueda indexar el sitio entero (selecciona/deselecciona Indexar pginas de este sitio) o
para permitir o prevenir indexar todas las pginas vinculadas desde una pgina indexada
(selecciona / deselecciona Seguir vnculos desde pginas).
O
(para pginas) Selecciona cambiar ajustes de motor de bsqueda y Crear meta etiquetas
robots despus selecciona/deselecciona las sub-opciones equivalentes para las pginas
especificas.
Excluyendo pginas desde el indexado (Archivos robots)
El objetivo de este mtodo es el mismo que usar meta etiquetas robots, pero en ves un archivo
robots.txt es creado y ninguna meta etiqueta robot es incluida en la pgina web. El archivo
robots.txt es almacenado en el folder raz del sitio y puede ser visto en cualquier editor de texto
para verificar las pginas y folders excluidos.
Para habilitar un archivo robots.txt:
1. (para el sitio) selecciona Propiedades del sitio desde el men archivo
o
(para pginas) Clic derecho en el rea de trabajo de la pgina o pestaa sitio y selecciona
propiedades de pgina (o selecciona desde el men edicin).
2. Selecciona la opcin Crear archivo robot para motor de bsqueda.
3. (Para el sitio) para permitir o prevenir a un motor de bsqueda indexar la pgina,
selecciona Cambiar ajustes de motor de bsqueda del sitio, despus deselecciona la
opcin Indexa esta pgina.
Incluir pginas en indexado.
Hasta ahorita hemos visto los principales mtodos de excluir pginas Web de indexar. Sin estos
controles, las pginas web sern indexadas al descubrir hipervnculos y llegar a ellas, alimentar
palabras clave, descripciones y texto de pgina indexado. Sin embargo, este proceso puede ser no
tan eficiente pues hay un nmero de hipervnculos en tu sitio. Como resultado, un archivo
sitemap.xml puede ser creado para bloquear el alcance de estos. El archivo simplemente enlista
las pginas que decidas indexar. El archivo tambin indica al motor de bsqueda cuando las
pginas han sido modificadas, informa donde el motor de bsqueda deber buscar la pgina y
cmo las pginas importantes estn en relacin con las otras.
El mtodo del mapa del sitio es especialmente bueno para dar publicidad a tu sitio Web con
una gran aceptacin de tus pginas apareciendo en altos lugares de resultados.
Al igual que los archivos robot, los ajustes del sitio y propiedades de pgina crean el archivo
sitemap (esto es publicado con tu sitio Web); el archivo es almacenado en la raz del folder Web
(quizs junto con el archivo robots.txt).
Un requerimiento de usar mapas de sitio para motores de bsqueda es la necesidad de declarar
URL absolutas. Esto permite la direccin URL apropiada (ejemplo, www.helloworld.com) para ser
indexada, permitiendo a los usuarios del motor de bsqueda vincularlo a tu sitio desde sus
resultados de bsqueda.
Para habilitar mapas de sitio en los motores de bsqueda:
1. (Para el sitio) Selecciona Propiedades del sitio desde el men archivo
o
(Para pgina) clic derecho en la pgina y selecciona Propiedades de Pgina
2. Selecciona la opcin Crear archivo de mapa de sitio para motores de bsqueda.
3. (opcional) cuando la opcin superior est seleccionada, el archivo default sitemap.xml
puede ser renombrado. Clic en Cambiar y editar segn.
4. (Para el sitio) para poblar el archivo mapa del sitio con una lista de todas las pginas web,
la opcin Pginas indexadas en el sitio debe estar seleccionada. Deselecciona para crear
un archivo vaco sitemap.xml.
o
(para pgina) Para aadir la pgina al archivo sitemap, selecciona Reemplazar ajustes del
motor de bsqueda , despus seleccionar Indexar esta pgina. Esto asume que el sitio no
est enlistado en el archivo sitemap.xml.
5. Selecciona / deselecciona los ajustes del sitio del mapa incluyendo:
a. Fecha y hora de ltima modificacin de la pgina
b. Frecuencia de cambios de pgina (ajusta del men desplegable a por hora, da,
semana, mes, ao, o nunca): Esto sugiere al motor de bsqueda que tan
frecuentemente la pgina ser cambiada. El motor de bsqueda decidir que tan a
menudo indexar la pgina segn estos ajustes.
c. Rango de prioridad de pgina: 0.0 (menor) a 1.0 (mayor). Ajusta la prioridad
relativa de la pgina en la que el motor de bsqueda indexara. El default puede
ser ajustado en las propiedades del sitio con ajustes especficos y prioridad mayor
o menor al default.
Priorizando texto con etiquetas de encabezado HTML
Es posible asignar prrafos (o estilos de texto) en tus marcos HTML o tablas HTML con etiquetas
HTML (h1, h2, h6) para exportar. Las etiquetas pueden ser asignadas desde Prrafo en el men
de texto (selecciona la opcin Prrafo HTML) simplemente selecciona una etiqueta HTML para tu
prrafo desde el men desplegable. Una ventaja de esto es que los prrafos asignados como
etiquetan tienen prioridad sobre otras etiquetas del cuerpo (ejemplo, esos que usan <P>)
cuando aparecen en el motor de bsqueda los resultados (la etiqueta H1 es la ms alta en
prioridad).
Buscando Sitios Web
WebPlus utiliza una bsqueda poderosa que coincide los trminos de bsqueda del usuario con el
texto que aparece en tu sitio Web ya sea texto artstico, HTML o texto creativo en marcos y tablas.
Esto hace muy fcil el recuperar contenido desde cualquier pgina Web.
Las funciones de bsqueda funcionan al usar las herramientas de bsqueda del sitio y resultados
de bsqueda del sitio, ambas en la barra de herramientas de objetos flotantes de bsqueda web.
Cada herramienta es usada para crear objetos que trabajen en conjunto.



Objeto de bsqueda del sitio- caja de texto
en donde el usuario ingresa la palabra o
frase que quieren buscar.
Esta caja de texto es usualmente aadida a
una pgina maestra para que aparezca en
todas las pginas del sitio.


Objeto de Resultados de Bsqueda del sitio
- crea una ventana en donde los resultados
de bsqueda se muestran.
Normalmente, esto es colocado en su
propia pgina, y no aparece en la estructura
de navegacin del sitio.

Como un ejemplo el trmino de bsqueda vitae deber regresar resultados que contengan ese
tipo de trmino. El usuario dar clic en el botn Buscar para iniciar cualquier bsqueda.

Los resultados de bsqueda parecern en una pgina con ttulos en hipervnculos, asociados a la
pgina Web par referencia. Simplemente da clic en el hipervnculo para tener acceso a la pgina
Web.
Respecto a la seguridad, todas las pginas Web podrn buscarse por default. Sin embargo, las
pginas protegidas con contrasea siempre sern excluidas de los resultados de bsqueda. Ver
Control de Acceso en la pgina 70 para ms informacin.
Para aadir objetos de bsqueda en el sitio:
1. Clic en la herramienta Bsqueda del sitio en los elementos de la barra de herramientas de
objetos flotantes de bsqueda web.
2. En la pgina Web o pgina maestra, mueve el cursor a la posicin seleccionada y clic en
colocar objeto de bsqueda web. Tu objeto de bsqueda deber aparecer en la pgina.
Aadir objeto de bsqueda en la parte superior de tu pgina maestra para permitir acceso al sitio
para funciones de bsqueda.
La bsqueda del sitio es intil a menos que exista algo que se pueda mostrar al usuario. Es posible
usar el objeto de resultados de bsqueda en el sitio, se coloca igual que el objeto de bsqueda, y
puede ser colocado en una pgina web bajo el cursor de colocacin. Sin embargo, el objeto es
reajustado a la pgina completa antes de colocarse (necesita mostrar muchas pginas Web
consecutivas). Tambin es buena idea mostrar los resultados separados quizs en una nueva
pgina web que tambin puede tener sus propio diseo (doble clic en el objeto para alterar su
apariencia).
Para aadir resultados de bsqueda del sitio a una nueva pgina:
1. En la pestaa del sitio, en la lista desplegable aadir, clic en Nueva pgina en blanco.
2. Clic derecho en nueva pgina y despus clic en Propiedades de pgina. En el dilogo de
Propiedades de Pgina, en la pestaa Pgina, nombra tu pgina de resultados de
bsqueda y limpia la caja de Incluir en Navegacin.
3. Clic en la herramienta Resultados de Bsqueda del Sitio en la barra de herramientas de
objetos flotantes de bsqueda web.
4. Mueve el cursor de colocacin a una posicin seleccionada, despus clic y arrastra para
colocar tu ventana de resultados de bsqueda.

Trabajando con texto
Entendiendo marcos de texto
Normalmente, el texto en WebPlus va en marcos de texto, esto funcional de igualmanera que los
contenedores para palabras individuales, prrafos, o artculos de pginas mltiples o captulos de
texto. Puedes tambin utilizar textos artsticos para textos individuales con efectos especiales, o
tablas de texto (ver crear tablas basadas en texto en la pgina 127) para mostrar filas y columnas.
Qu es un marco de texto?
Un marco de texto es efectivamente una mini pgina con:
- Guas de mrgenes y columnas para controlar el flujo de texto.
- Marcos opcionales precedentes y siguients.
- Imgenes dentro de las lneas de texto que siguen el marco (Desde el marco anterior al
siguiente).
El texto en un marco se llama historia.
- Cuando mueves tu marco de texto, su historia se mueve con l.
- Cuando redimensionas el marco de texto, su historia cambia de dimensiones.
Los marcos pueden ser vinculados para que una historia contine desde un marco a otro. Pero los
marcos de texto pueden fcilmente encontrarse sin ningn otro. De esta manear en cualquier
pgina web puedes crear un marco de texto, o hacer una historia en varios marcos, e incluir
muchas secuencias de marcos independientes, ejemplo,

Cuando seleccionas un marco vers sus lmites (ver marco 1 en la parte superior) indicado por una
lnea gris contorneando los bordes, y (si das clic con la herramienta de puntero) un punto de
insercin en el texto del marco. En este modo, puedes editar el texto con la herramienta de
puntero. Como si fuese un procesador de palabras, doble clic selecciona la palabra, y triple clic
selecciona un prrafo.
HTML o Marcos Creativos
Dos tipos de marcos pueden ser aadidos a las pginas WebPlus marcos de texto HTML y marcos
de texto creativos. Estos pueden ser comparados fcilmente en la siguiente tabla:
Marcos
HTML
Marcos
Creativos
Se pueden buscar por motores de bsqueda (Google, etc.)


Insercin de script para generar contenidos dinmicos.


Guas de mrgenes y columnas.


Descansos (columnas, pginas y marcos)


Redimensionar / Mover Marco


Marco de cosecha


Rotacin de Marco



Vinculando Marcos


Columnas


Exportar como texto



Copiar y pegar texto exportado


Fondo solido y lnea de color


Degradado y relleno de mapa de bits


Estilos HTML


Transparencia



Bordes



Envoltorio



Efectos 2D / 3D



3D instantneo


1 Si es aplicado, exportara el marco como un grfico.
2 Slo si no se aplica: rotacin, transparencia, borde o efecto de filtro
La tabla superior relacionada a los marcos como objetos y no al texto contenido en ellos. Para la
informacin del texto, ver propiedades en pgina 115.
Puedes ver las diferencias entre HTML y Marcos Creativos? Simple, los marcos HTML siempre
tendrn un contorno azul oscuro cuando se seleccionan, mientras los marcos creativos se
muestran de color gris.
Para seleccionar slo el marco (sin el punto de insercin):
- Clic en la caja de marcos. Cuando el marco est seleccionado, puedes moverlo ms
fcilmente.
Para mover un marco de texto:
- Arrastra la caja de borde del marco
O
- Usa las opciones X / Y en la pestaa de transformacin.
Para redimensionar un marco de texto:
- En modo de seleccin, arrastra una esquina o borde.
O
- Usa las opciones W/H en la pestaa de transformacin.
Creando Marcos
Puedes aadir marcos a tus pginas as como cualquier otro objeto. Puedes redimensionar
cualquier marco, pero no alterar su forma bsica.
Para crear un marco:
1. Clic en la Herramienta de Marco HTML o en el botn Herramienta de Marco Creativo
desde la barra de marcos de texto flotantes o la barra de herramientas de objetos
estndar.
2. Clic en la pgina para crear un nuevo marco de tamao default o arrstralo para ajustar las
dimensiones del marco.
Puedes usar Actualizar Objeto Default desde el men de formato para ajustar las propiedades
para futuros marcos que se crean. Ver actualizar y guardar default, pgina 156.
Para borrar un marco:
- Selecciona el marco y presiona la tecla Borrar (si hay un punto de selecciona en el texto,
presiona Borrar para remover caracteres despus del cursor).
O
- Con o sin un punto de insercin, selecciona Borrar Objeto desde el men Edicin.
Poniendo el texto en el marco
Puedes colocar el texto en un Marco HTML o Creativo de una o varias maneras. Para marcos
HMTL, el texto ser convertido en cdigo HTML.
Editor de Historia WritePlus Para comenzar a usar WritePlus clic derecho en
el maco y selecciona Editar Historia (Ctrl + E)
o
Clic en el botn WritePlus en la barra del
marco.
Esto abre el editor de historia integrado til
para introducir, formatear y perfilar grandes
cantidades de texto. Si el marco ya contiene
texto, es cargado automticamente en el
WritePlus para edicin.

Importando Texto Clic derecho en el maco y selecciona archivo de
texto (Ctrl + T) para importar texto.

Escribiendo en el Marco Selecciona la herramienta de puntero, despus
clic para un punto de insercin de texto en el
marco, o para editar texto existente .

Pegando va Portapapeles Selecciona la herramienta puntero y clic para
un punto de insercin en el texto, despus Ctrl
+ V.

Arrastrar y Pegar Selecciona el texto (ejemplo, en el procesador
de palabras Word), despus arrstralo a la
pgina de WebPlus.
Si lo sueltas en un marco seleccionado, el texto
es colocado en lnea despus del texto
existente. De lo contrario, un nuevo marco es
creado para el texto.

Ajustes de Marcos Creativos y Diseo
El diseo de marcos para marcos creativos controla como el texto fluir a travs del marco.
El marco puede contener mltiples columnas. Cuando un marco es seleccionado (y lo bordes del
marco estn activados en el men ver), los mrgenes de columnas aparecen en gris cuando los
valores para las columnas y mrgenes estn definidos.
Observa que a diferencia de los mrgenes de pgina y guas para filas / columnas, que sirven como
guas para colocar elementos de diseo, las guas de columnas de marcos actualmente determinan
el flujo del texto dentro de cada marco. El texto no estar fuera de las guas de columnas.
Puedes arrastrar las columnas guas o usar un dilogo para ajustar la parte superior e inferior de la
columna y la parte izquierda y derecha de los mrgenes de columnas.

Para editar las propiedades del marco directamente:
- Selecciona el marco, despus arrastra las lneas guas de las columnas para ajustar los
lmites de las columnas.

La ilustracin muestra como el cursor cambiar cuando se pase por los mrgenes (1), despus
cuando se ajustan los bordes izquierdos / derechos (2), y los mrgenes superiores e inferiores (3).
Para editar las propiedades del marco usando un dilogo:
1. Selecciona el marco creativo y clic en el botn Ajustes del Marco en la barra de
herramientas de marcos.
2. Desde el dilogo, puedes cambiar Nmero de columnas, Medianil distancia entre
columnas, margen izquierdo, derecho y habilitar/deshabilitar ajuste de texto alrededor de
un objeto.
3. Para cambiar anchos de columna y persianas (mrgenes superior e inferior de una
columna), clic en la celda de la tabla e introduce un nuevo valor.
Pista: Si el marco tiene ms de una columna, slo necesitas introducir valores superior /
inferior para los primeros. Despus clic en superior / Inferior para repetir las entradas en
las celdas.
Como fluye la historia en los Marcos Creativos
Las historias no pueden fluir entre marcos HTML, pues no soportan los vnculos (el texto solo
puede fluir en un mismo marco).
Puedes tener slo un marco creativo, o puedes tener varios. Los marcos pueden estar conectados
en vnculos de secuencia para que la historia asociada con fluya a travs del primer marco a los
dems.
Una diferencia de un procesador de palabras es que WebPlus no aade o remueve normalmente
los marcos segn la cantidad de texto. El texto simplemente fluye hasta que se termina (y algunos
marcos se quedan vacios), o si se acaban los marcos (el texto se queda truncado).
Si el texto se termina antes del ltimo marco tendrs algunos marcos vacios. Estos marcos sern
llenados con texto si aades ms texto a la historia, o si incrementas el tamao del texto.
WebPlus mantiene un registro de mltiples marcos vinculados, y te permite hacer que varias
historias fluyan en un mismo sitio. El administrador de texto del sitio (desde el men de
herramientas) provee un resumen de todas las historias y te permite seleccionar cual deseas
editar.
Auto Flujo
Cuando importamos texto, es una buena idea tomar ventaja de la funcin auto flujo, lo que
automticamente crear marcos de texto y pginas hasta que el texto importado termine. De esta
manera, los marcos suficientes sern creados para mostrar toda la historia. Despus puedes
cambiar los ajustes necesitados respecto a la historia en tu sitio. Puedes hacer cambios mayors
primero, despus slo ajustar.
Para dar Auto Flujo al texto de la historia en la pgina:
- Clic en el botn Auto flujo en la parte izquierda del botn de vnculos del marco.
WebPlus crea pginas adicionales y marcos como se necesiten para acomodar el texto del a
historia.
Llenado los Marcos con Texto
Si hay mucho texto de historia para llenar en una secuencia de marcos, WebPlus almacena un rea
invisible y un botn de vinculo en el ltimo marco de la secuencia; el botn de auto flujo aparece
despus del botn de vnculo. Puedes editar la historia o hacer ms lugar al aadir marcos extras o
dos a la secuencia. Al dar clic en el botn de Auto Flujo se aadirn marcos adicionales y pginas
necesarias.
La barra de herramientas de marcos incluye varias opciones que pueden simplificar la tarea de
llenar los marcos con texto.

Auto Ajuste.
Clic para dar escala al texto de la historia para que se ajuste exactamente en los
marcos disponibles. Puedes usar esto al inicio, para ver como se ajusta la historia, o
casi al terminar, para aplicar el toque final. Autoajuste primero aplica un pequeo
cambio de tamao, despus el espacio del prrafo hasta que el texto encaje. Otros
ajustes no son afectados (ve la nota inferior).

Tip: puedes tambin presionar Ctrl + Alt + X para aplicar auto ajuste.


Engrandecer el texto de Historia
Clic para incrementar el tamao del texto de la historia. Clic para un incremento
mayor.


Disminuir el Texto de la Historia
Clic para reducir el tamao del texto de la historia. Clic para una menor reduccin.


Vinculando Marcos Creativos
Cuando estn seleccionados, un marco de texto incluye un botn de vnculo en la parte inferior
derecha, esto te permite importar archivos de texto o controlar como la historia fluye a los
siguientes marcos. El icono del botn de vnculo dentro de cada marco denota el estado del marco
y el texto de la historia:

Sin desborde
El marco no es vinculado al siguiente marco (se mantiene solo o es el ltimo marco
de la secuencia) y el final del texto de la historia puede visualizarse.


Desborde
El marco no est vinculado (est solo o es el ltimo marco) y hay texto de historia
adicional que se desborda del rea.


Continuacin
El marco est vinculado al siguiente. El final del texto de la historia est visible, o
puede fluir dentro del marco siguiente.
Nota: El botn debe ser de color rojo si el marco final de la secuencia se desborda, o
verde si no hay desborde.

Hay dos maneras bsicas de ajustar las secuencias de marcos:
- Puedes vincular una secuencia de marcos vacios, despus importar el texto.
o
- Puedes importar el texto a un simple marco y despus crear y vincular los marcos
adicionales a los que se ajustar el texto automticamente.
Cuando los marcos son creados por la opcin de auto flujo cuando importamos el texto, son
automticamente vinculados en secuencia.
Para crear un vnculo o reordenar los vnculos entre marcos existentes, puedes usar el botn
vnculo o los controles de la barra de herramientas de Marcos. Recuerda observar el curso, este
cambia para indicar estas operaciones.
Para vincular los marcos seleccionados a otro marco como marco siguiente:
- Clic en el botn vnculo
o
Selecciona el marco, despus clic en el botn Vnculo de Marco en la barra de Marcos.
- Clic con el cursor de Flujo de Texto en el marco que ser vinculado. Slo marcos vacios son
vlidos para vincularse.
Para desvincular los amrcos seleccionados de la secuencia:
- Clic en el botn Desvincular Marco en la barra de Marcos.
O
Clic en el botn Vnculo, despus clic con el cursor de flujo de texto en el mismo marco.
Los textos de historia se quedan con los marcos viejos. Por ejemplo, si quitas el segundo marco
de una secuencia de tres, el texto de historia se queda en el primero y tercer marco, estos ahora
estn vinculados en una historia de 2 marcos. El marco que quitaste estar vacio.
Si das clic en el botn de Vnculo, y despus cambias de idea sobre vincular o desvincular, presiona
la tecla ESC o clic en el rea en blanco de la pgina o portapapeles para cancelar.
Para navegar de marco a marco:
- Clic en los botones de Marco Anterior, Marco Siguiente dentro de la barra de
herramientas de marco.
Propiedades Grficas de Marcos
Como los grficos, todos los marcos tienen propiedades de lnea y llenado inicialmente
comienzan de 0. Los marcos HTML no pueden poseer transparencia, lo marcos creativos
(inicialmente ajustado a ninguna). Mientras que con grficos, puedes editar estas propiedades, por
ejemplo aadir un color de relleno como sombra atrs del texto. Puedes tambin importar
imgenes en lnea con el texto del marco.
Observa que el texto dentro del marco puede tomar un color slido, pero no tiene propiedades de
lnea y relleno como efectos con tu texto, puedes emplear texto artstico (pgina 104).
Controlando el desborde de texto (marcos HTML)
Como los marcos HTML tienen que cumplir con estndares HTML, no son capaces de vincular
historias (como marcos creativos). Como resultado, una decisin tiene que hacerse sobre qu
hacer en caso de desborde de texto. Los marcos HTML que tienen desborde estn claramente
indicados, cuando se seleccionan, el botn de vnculo en la parte inferior derecha indica desborde.
Si ves esto, puedes seleccionar dejar el texto oculto, desbordado, o dejar todo el texto visible con
la ayuda de una barra de desplazamiento.
Para controlar el texto desbordado:
1. Selecciona el marco donde se encuentra el texto desbordado.
2. Clic derecho en tu marco, ve a Formato Texto desbordado y selecciona:
a. Oculto el marco se mostrar en un buscador como se muestra en tu pgina. El
texto continuar oculto.
b. Desbordado. El marco estar desbordado (extendido) para permitir que se
muestre todo el texto dentro del marco.
c. Barra de desplazamiento. Una barra de navegacin se mostrar
permanentemente para que se pueda navegar a travs del texto no desbordado.
d. Auto. Una barra de navegacin se muestra slo cuando el texto de desborda del
marco.
Siempre es una buena idea pre-visualizar tus marcos HTML (va pre-visualizar en ventana o tu
buscador) especialmente si desborde est seleccionado.
Texto Artstico
El texto artstico es una clase de texto que ingresas directamente en la pgina. Especialmente til
para encabezados, notas, y otros propsitos especiales, es de fcil formato con las herramientas
de texto.

Aqu estn algunas similitudes entre marcos de texto y texto artstico. Ambos tipos de texto te
permiten:
- Tener variaciones en tus prrafos y caracteres, aplicar estilos, editar en WritePlus e
importar texto.
- Aplicar diferentes lneas de estilo, relleno (incluyendo degradados y relleno de mapa de
bits), y transparencia.
- Imgenes dentro de las lneas.
- Aplicar efectos de filtros y rotar.
- Usar opciones como auto-ortografa/ corrector ortogrfico, lector y thesaurus.
- Administrar su contenido y rastrear fuentes va Administrador de sitio.
Algunas diferencias son:
- Puedes iniciar trazo de texto artstico en un punto deseado y arrastrarlo para ajustar el
tamao.
- Texto artstico puede ser aplicado a una ruta, sin embargo a un marco de texto no.
- El texto artstico no se alinear ni ajustar a una lnea automticamente como los marcos
de texto.
- El texto artstico no fluye o se vincula de la misma manera en que el texto en marco lo
hace; las funciones de auto ajuste no son aplicables en el texto artstico.
Para crear el texto artstico:
1. Selecciona la herramienta de Texto Artstico desde la barra de herramientas flotantes.
2. Clic en cualquier parte de la pgina para insertar un punto que se usar como default en el
tamao, o arrastrar a una parte de tamao especfica como se muestra.

3. Ajusta las propiedades de texto iniciales (fuente, estilo, etc.) como se desee antes de
introducir, usando la barra de herramientas de texto, men texto, o clic derecho
(selecciona Formato del Texto).
4. Introduce directamente en la pgina para crear un texto artstico.
Una vez que has creado un objeto de texto artstico, puedes seleccionar, mover, cambiar tamao,
borrar, y copiar as como lo haras con un marco. Los colores slidos, degradados / rellenos de
mapa de bits y transparencias pueden ser aplicados.
Para cambiar el tamao o re proporcional un objeto de texto artstico:
- Arrastra el objeto para re ajustar el tamao mientras se mantienen las proporciones. Para
cambiar el tamao libremente, mantn presionada la tecla Shift mientras se arrastra.
Para editar texto artstico:
- Selecciona un rango de texto. Doble clic para seleccionar una palabra o triple clic para
seleccionar un prrafo.
Ahora puedes introducir u nuevo texto, aplicar formato a caracteres o prrafos, editar el texto en
WritePlus, aplicar opciones de resistencia y dems.
Con el texto artstico, los ajustes de alineamiento vertical se aplican a una parte particular del
objeto - por ejemplo, los ajustes de superior pone un ancla en la parte superior y hace que el
texto aparezca debajo de esta, mientras que inferior pone un ancla en la parte inferior y hace
que el texto aparezca en las partes superiores.
Poniendo el texto en una ruta
El texto artstico Ordinario est muy lejos de ser ordinario pero puedes extender sus
posibilidades creativas an ms al hacerlo fluir en una ruta curva. El objeto resultante tiene todas
las propiedades de texto artstico, adems su ruta es una curva Bzier que puedes editar con la
herramienta de puntero tan fcilmente como cualquier otra lnea. En adicin, la ruta de texto es
editable de maneras nicas, como se describe abajo.

Para aplicar una ruta curva a un texto:
1. Crear un objeto de texto artstico.
2. Con el texto seleccionado, clic en ruta flotante en la barra de texto y selecciona introducir
ruta.
El texto ahora fluye con la ruta especificada.

Para aadir un texto en una lnea o forma existente:
1. Crea una lnea libre, derecha o curva (ver dibujando y editando lneas en la pgina 159) o
una figura (ver dibujando y editando figuras en la pgina 165).
2. Selecciona la herramienta de texto artstico desde la barra flotante de texto.
3. Lleva el cursor muy cerca de la lnea. Cuando el cursor cambie a incluir en curva, clic en
con el mouse donde quieres que comience el texto, y la lnea cambia como se muestra
abajo.
Si no quieres que el texto est en una lnea, puedes evitarlo al dar clic mientras mantienes la tecla
Alt.
4. Inicia introducir el punto de insercin. El texto fluir junto con la lnea, que ha sido
convertida en ruta.
La lnea original no existe. Para recuperarlo, usa deshacer en este punto.
Para ajustar texto existente en una lnea o forma:
1. Crea un objeto de texto artstico.
2. Crea una forma, lnea curva o lnea a mano alzada.
3. Selecciona el objeto y selecciona Ajustar Texto a Curva desde el men herramientas. El
texto ahora fluye en la ruta especificada.
Para crear texto y curva al mismo tiempo:
1. Selecciona una de las herramientas flotantes del men texto:

La herramienta de trazo libre te permite dibujar una lnea curva de manera libre.


La herramienta de trazo recto es para dibujar lneas rectas.


La herramienta de texto en ruta curva te permite unir un segmento de series de
lnea (que pueden ser curvas o rectas) usando conectar puntos con clics del
mouse.
Estas tres herramientas trabajan casi de la misma manera que sus equivalentes en el men
flotante. Para usar las primeras dos, simplemente arrastra para definir una lnea en la pgina.
La herramienta de texto en ruta curva es un poco ms compleja (y te permite usar la
herramienta de creacin de curva para definir segmentos individuales).
2. Crea una lnea en la pgina. Tu lnea aparece como una ruta con un punto de insercin de
principio a fin (para ruta curva puedes introducir directamente el texto en cualquier parte
de la ruta o presiona esc o doble clic para iniciar desde el inicio de la ruta).
3. Inicia insertar el texto al inicio del punto de insercin. El texto fluye con la ruta.
Editando el texto en la pgina
Puedes usar la herramienta de Puntero para editar marcos de texto, texto de tablas, o texto
artstico directamente. En la pgina, puedes seleccionar e introducir texto, ajustar prrafos y
tabulaciones, cambiar las propiedades del texto, aplicar estilos de texto y usar encontrar y
reemplazar (ver pgina 111). Para editar historias ms largas, y para opciones ms avanzadas,
selecciona WritePlus.
Seleccionar e introducir texto.
La seleccin de marco de texto, texto artstico, y tablas de texto siguen las convenciones de la
mayora de las herramientas en los procesadores de palabras. El rea de seleccin est
seleccionada en una sombra semi-transparente azul para una edicin lmpia.

Doble o triple clic para seleccionar una palabra o prrafo respectivamente. Puedes tambin usar
Ctrl clic o arrastrar para seleccionar palabras no adyacentes, la tecla shift para seleccionar textos
continuos.
Para editar textos en la pgina:
1. Selecciona la herramientad e puntero, despus clic en el objeto de texto. Un punto de
insercin estndar aparecer en la posicin del clic. (ver abajo).
O
Selecciona una palabra, prrafo o porcin de texto (ver superior).
2. Introduce para insertar el nuevo texto o sobrescribir el texto seleccionado,
respectivamente.

Para iniciar un nuevo prrafo:
- Presiona Enter
Para iniciar una nueva lnea dentro del mismo prrafo (usando un guin de corte o retorno
automtico).
- Presiona Shift+Enter
Las siguientes dos opciones aplican slo para textos en marcos. Puedes usar estos atajos o
seleccionar el tem desde el sub men Insertar Corte
Para hacer que el texto fluya a la siguiente columna (Salto de Columna) o marco (Salto de
marco):
- Presiona Ctrl + Enter o presiona Alt + Enter, respectivamente.
Para cambiar entre el modo de insertar y sobrescribir:
- Presiona la tecla insertar
Para repetir una accin de texto:
- Selecciona Repetir desde el men edicin, o presiona Ctrl + Y
Por ejemplo, si aplicaste un nuevo formato a un prrafo, puedes dar clic en otro prrafo y usar el
comando repetir para aplicar el mismo formato aqu.
Copiar, pegar y mover textos
Puedes fcilmente copiar un marco de texto y pegarlo en el mismo o diferente marco de texto. El
texto almacenado en el portapapeles puede adicionalmente ser pegado en un nuevo marco.
Arrastra y suelta da soporte a un marco de texto permitiendo que el texto pueda moverse en una
localizacin diferente dentro del mismo marco o un diferente marco de texto en tu sitio.
Para copiar y pegar texto:
1. Selecciona el texto a copiar
2. Selecciona copiar desde el men edicin. Esto coloca el texto en el portapapeles.
3. Coloca un punto de insercin en una localizacin diferente en tu historia o texto artstico.
4. Selecciona pegar desde el men edicin.
Si no quieres colocar ningn punto de insercin, el texto puede ser pegado dentro de un nuevo
marco de texto directamente.
Para mover al arrastrar y soltar (marcos de texto solamente):
1. Selecciona el texto que se mover
2. Mueve el texto seleccionado mientras mantienes la tecla del mouse presionado, el
puntero cambiar a la siguiente forma.
3. Mueve el cursor a la localizacin (en el mismo o diferente marco) donde quieras colocar tu
texto un punto de insercin deber mostrarse.
4. Suelta el botn del mouse para colocar tu texto.
Ajustando sangras del prrafo.
Cuando un objeto de texto est seleccionado un marcador en la regla horizontal indican las
sangras izquierdas, sangra de primera lnea y sangra derecha del prrafo. Puedes ajustar los
marcadores para ajustarse a las sangras del texto, o usar un cuadro de dilogo.

- La sangra izquierda se ajusta en relacin al margen izquierdo.
- La sangra de la primera lnea es en relacin a la sangra izquierda.
- Sangra derecha es en relacin al margen derecho del objeto.
Para detalles en ajustar mrgenes de marcos, ver ajustes y diseo de marcos en la pgina 97.
Ajustar sangras del prrafo actual:
- Arrastra el marcador de la regla(s)
O
Para sangras izquierdas, selecciona los botones Incrementar Nivel Decrecer Nivel
para incrementar o decrecer las sangras respectivamente. Las sangras estn
ajustadas por default en la pestaa de tabulacin.
O
Para ajustar la configuracin de sangra por medio de un cuadro de dilogo, selecciona
Prrafo desde el men de texto (o Formato de Texto Prrafo desde dar clic derecho en
el men). En el apartado de sangras puedes introducir varios valores para sangra,
izquierda, derecha, primera lnea o sangras francesas.
Trabajando con texto Unicode.
Webplus soporta completamente en Unicode, haciendo posible incorporar caracteres extranjeros
o smbolos especiales.
- Para pegar texto Unicode desde el portapapeles a la pgina, usa Editar Pegado Especial,
despus selecciona la opcin de Texto Unicode sin formato
- Inserta los caracteres Unicode directamente en tu texto al ingresar tus valores y presionar
Alt+X. La operacin alterna entre los caracteres mostrados (ejemplo,@) y su valor Hex
(ejemplo, U+0040) equivalente.
- Para exportar texto en formato Unicode, usa WritePlus.
Utilizar la funcin Encontrar y Reemplazar
Puedes buscar texto en el sitio, para una variedad extraordinaria de tems: no solo palabras o
partes de palabras, sino prrafos, caracteres, atributos como fuentes, estilos, alineacin, balas y
nmeros, fuentes faltantes, drop caps incluso grficos y, mucho ms! Al utilizar la opcin
Encontrar y Reemplazar lo que nos muestra un dilogo que no se cerrar y permanecer en tu
pantalla sin interferir con el trabajo hasta que des clic en el botn Close puedes reemplazar de
manera global, o en bases caso - caso.
Para usar Encontrar y Reemplazar:
1. Selecciona Encontrar y Reemplazar desde el men Edicin o presiona Ctrl+F
2. En el dilogo, introduce el texto que deseas encontrar y el texto de reemplazo (en caso
que exista alguno) en el apartado de reemplazar. Presiona las teclas abajo para ver los
tems recientes. Clic en los botones o utiliza el men flotante para seleccionar formatos o
caracteres especiales, o definir una expresin regular (para una bsqueda a tipo comodn).
3. Selecciona el rango en donde se buscar: historia actual (slo la historia seleccionada) o
todas las historias (todo el texto), o seleccin actual (slo usado para reemplazar en el
texto seleccionado).
4. Selecciona coincidir todas las palabras para coincidir secuencias de caracteres que tienen
espacios en blanco (espacios, tabulaciones, separaciones, etc.) o puntuaciones en cada
final, o al inicio de cada prrafo. Selecciona Coincidir caso para bsquedas de casos
sensitivos. Selecciona expresiones regulares para tratar el contenido de la caja de
bsqueda como una expresin, en vez de una cadena literal a encontrar.
5. Clic en Buscar siguiente para localizar la siguiente instancia del texto.
O
Clic en seleccionar todo para seleccionar todas las instancias de coincidencias de manera
simultnea.
6. Clic en reemplazar si quieres sustituir el texto por uno alterno, clic en Encontrar Siguiente
para saltar a la siguiente coincidencia de texto. Continua usando la opcin de reemplazar
como se requiera hasta que alcances el final en el documento.
O
Clic en Reemplazar Todo para reemplazar todas las instancias del texto a encontrar con el
nuevo texto.
7. Clic en cerrar para quitar el dilogo de la funcin buscar y reemplazar.
La opcin de buscar y reemplazar tambin te permite realizar una bsqueda de tipo comodn al
usar expresiones regulares una formula para generar un conjunto de cadenas para especificar
criterios de bsqueda avanzados. Esto se cubre con ms detalles en la ayuda de WebPlus.

5 - Dar Formato a Caracteres y Prrafos
Ajustar las propiedades del texto
WebPlus te da la opcin de tener un alto grado de control en los puntos de diseo tipogrfico, ya
sea que trabajes con marcos de texto, tablas de texto o texto artstico.
Para aplicar formato bsico al texto:
1. Selecciona el texto.
2. Utiliza el botn en la barra de texto para cambiar el tipo de letra, tamao, fuente,
atributos, alineamiento de prrafo o niveles.
O
Clic derecho en el texto y selecciona Formato de texto, despus selecciona desde el sub-
men: Carcter, Prrafo, Numeracin y Vietas o Alineacin Vertical. (Tambin se puede
seleccionar estos desde el men de texto) EL dilogo de estilo de texto (ver abajo) se
muestra con la opcin del men seleccionada por default.
O
Utiliza la pestaa de caracteres para ajustar el tamao, espaciado, lenguaje, y principal.
Por default, el texto en tus pginas publicadas se ajusta e una variedad de tamaos dependiendo
de los ajustes del buscador del visitante. Si quieres, puedes sobrescribir esta opcin como global
en WebPlus, para que tu texto aparezca en el buscador exactamente en el tamao que lo ajustas
en tu diseo. Para verificar o cambiar los ajustes, selecciona Propiedades del sitio, desde el men
Archivo. En la pestaa de Opciones, selecciona Forzar Tamao de Texto Absoluto para sobre
escribir el default del texto.
Si una fuente est indisponible y ha sido sustituida, el nombre de la fuente est prefijado por un
signo de interrogacin ? en la barra de men.
Para limpiar formatos locales (restaurar las propiedades del texto plano/default):
- Selecciona un rango de texto con formato local
- Clic en la opcin de Limpiar Formato en la barra de herramientas, dentro de la lista
desplegable estilos (o en la pestaa estilos de texto).
Utilizando Fuentes
Una de las ms dramticas maneras de cambiar la apariencia de tu documento es cambiar las
fuentes utilizadas en tu texto artstico, marcos de texto o tablas de texto. Aplicando fuentes
diferentes a caracteres especficos o prrafos enteros nos puede comunicar mensajes diferentes a
tus visitantes lectores.

La asignacin de fuentes es muy simple en WebPlus, y puede ser realizada desde la pestaa de
Fuentes, la barra de herramientas de Texto, o en el dilogo de Caracteres (clic derecho, o desde el
men de Texto). Sin embargo, la pestaa de fuentes te permite:
- Seleccionar fuentes fcilmente sin un dilogo de navegacin.
- Guardar tus fuentes favoritas (al dar clic derecho)
- Ver las ms utilizadas, Websafe, y tus fuentes favoritas al mismo tiempo.
- Asignar una fuente para que sea Websafe, rasterizar al exportar, o resolver en el
Verificador del Sitio (al dar clic derecho).
- Buscar fuentes instaladas por medio de un cuadro de bsqueda.
- Pre-visualizar fuentes en tu texto de documentos (opcional).
- Cambiar una fuente por otra en tu sitio Web (al dar clic derecho y Seleccionar Todo).
- Tener acceso al Administrador de Fuentes Serif (en caso de haberlo comprado)
La pestaa de fuentes se oculta automticamente por default, pero puede ser vista al dar clic en la
flecha que resta en la parte izquierda del rea de trabajo.
Websafe fuentes son especialmente seleccionadas y configuradas como un subconjunto de
fuentes que ofrecen las mejores coincidencias entre tu sitio Web (durante el diseo) y la
computadora de tu visitante (durante la bsqueda). Al publicar, websafe fuentes slo est
referenciado (no rasterizado) pues asumen que estarn disponibles en la computadora del
visitante.
Generalmente es recomendable mantener una lista estndar de fuentes de Websafe que se
muestren en la pestaa Fuentes a menos que puedas estar seguro de que las fuentes que utilizas
estn en tu audiencia objetivo. Estas fuentes estn agrupadas en la pestaa Websafe (un
equivalente a la categora existe en la barra de texto en el men desplegable Fuentes).
Utilizando Estilos de Texto
Es una buena idea establecer el texto principal y los formatos grficos que se usarn en tu sitio al
inicio del proceso creativo. WebPlus facilita esto al permitirte adaptar nombres en los estilos de
texto (pre o definidos por el usuario), lo que puede ser aplicado a marcos de texto, tablas de texto
o texto artstico. Un estilo de texto es un conjunto de atributos caracteres y/o prrafos guardados
como grupo. Cuando aplicas un estilo de texto, puedes aplicar el conjunto de atributos en un solo
paso. Por ejemplo, podras usar un nombre para ciertos estilos de prrafos para elemento
particulares del diseo, como Titulos, Notas, o cuerpo, y los estilos de caracteres como
convenga, por ejemplo nfasis, Cdigo, referencia. Usando estilos no slo agiliza la tarea del
diseo en el sitio sino que asegura la consistencia y la facilidad de actualizacin.
Los estilos pueden ser aplicados a los caracteres o prrafos usando ya sea la herramienta de Texto
o la pestaa de Estilos de Texto. Tanto los estilos de prrafos y caracteres pueden ser
administrados desde la Paleta de Estilos de Texto.
La pestaa de estilos de texto te permite crear nuevos estilos desde el inicio, crear nombres para
estilos desde propiedades de texto existentes y cambiar un estilo por otro a travs de tu sitio web
en una simple operacin. Cualquier estilo puede ser pre-visualizado en un prrafo contra cualquier
estilo seleccionado directamente de la pgina. Ver ayuda en lnea para ms detalle en esta
funcin.
Estilos de Prrafos y Estilos de Caracteres
Un estilo de prrafo es una especificacin completa para la apariencia de un prrafo, incluyendo
todas sus fuentes y atributos de formato. Cada prrafo en WebPlus tiene un estilo de prrafo
asociado con l.
- WebPlus incluye un estilo de prrafo pre-definido llamado normal con una especificacin
consistiendo en atributos genricos incluyendo alineacin izquierda, 12 puntos, Verdana.
Inicialmente, el estilo Normal es el default para cualquier prrafo nuevo que
introduzcas. Puedes modificar el estilo Normal al redefinir cualquiera de sus atributos, y
crear o adoptar cualquier nmero de estilos pre-definidos teniendo diferentes nombres y
atributos.
- Al aplicar un estilo de prrafo al texto actualiza todo el texto en el prrafo excepto las
secciones a las que se aplic formato localmente. Por ejemplo, una palabra marcada en
negrita permanecer en negrita cuando el estilo de prrafo fue actualizado o cambiado.
Un estilo de caracter incluye slo atributos de fuente (nombre, tamao, negrita, cursiva, etc.), y
puedes aplicarlo a nivel carcter a un rango de caracteres seleccionados) en vez de a todo el
prrafo.
- Normalmente, un estilo de caracteres aplica nfasis (como cursiva, negritas o color) a
cualquier fuente que el texto ya use; se asume que quieres mantener esa fuente como
igual. La base del estilo de carcter se muestra en la pestaa de estilos de texto (o paleta)
como Fuente de prrafo default, lo que no especifica atributos pero significa bsicamente
Cualquier fuete que el prrafo ya utilice. Supn que un prrafo utiliza un estilo llamado
Cuerpo y que el estilo Cuerpo utiliza Arial a 10 pt. Entonces el estilo Fuente default
de prrafo para un prrafo particular significa Arial a 10 puntos.
- Aplicando la opcin de fuente de prrafo default desde la pestaa de estilos de texto (o la
barra de herramientas Texto en la caja de seleccin Estilos) quitar cualquier formato de
carcter local que aadiste y restaurar el texto a sus atributos originales (los estilos de
prrafo no se afectan).
- Mientras que con los estilos de prrafo puedes definir cualquier nmero de nuevos estilos
de carcter usando diferentes nombres y atributos (o adoptar un estilo de carcter pre-
definido).
Trabajando con estilos nombrados
El nombre de estilo del texto seleccionado se muestra ya sea en la pestaa de Estilos de Texto o en
el desplegable Estilos en la barra de herramientas Texto. Un estilo de carcter (si uno es aplicado
localmente) puede ser mostrado; de lo contrario indica un estilo de prrafo. Puedes usar ya sea la
pestaa, el desplegable o un dilogo para aplicar un estilo particular al texto existente. Las paletas
de estilos de texto te permiten modificar un estilo existente, importar estilos, o definir un nuevo
estilo.
Por default, un conjunto de estilos limitado es mostrado en la pestaa de estilos de texto, aunque
puedes mostrar todos los estilos al seleccionar la opcin Mostrar Todo (Herramientas opciones-
Ajustes UI). La fuente default de prrafo, algunos estilos comunes, y tus estilos actualmente
usados en el documento (ms cualquier estilo asociado) sern siempre mostrados. Puedes pre-
visualizar cualquier estilo y despus aplicarlo a la palabra, prrafo o historia.
Para aplicar un estilo nombrado:
1. Utilizando la herramienta de puntero, clic en un prrafo (si aplicamos estilos de caracter).
Si aplicas estilos de prrafo, sern aplicados al prrafo entero sin importar la cantidad de
texto seleccionado. Si has seleccionado texto en ms de un prrafo, el cambio surge efecto
en todos los prrafos seleccionados.
2. Mostrar la pestaa de estilos de texto y seleccionar un estilo desde la lista de estilos.
O
En la barra de herramientas Texto, clic en el flecha para expandir la lista desplegable de
estilos y seleccionar un nombre de estilo.
El estilo aplicado aparecer en la lista que se encuentra en la pestaa de Estilos.
Creando una lista por vietas o lista numerada
Para cualquier marco de texto es posible aplicar vietas y nmeros a las listas y prrafos. Las
vietas son especialmente tiles cuando se enlistan tems de inters sin orden especfico y las
listas numeradas son de preferencia para presentar procedimientos paso a paso (por nmero o
letra). WebPlus te permite aplicar una lista de estilo al texto normal (como formato local) o al
texto de estilo de igualmanera.

Con los marcos de texto HTML, los iconos de
vietas bsicas, numricas (numricas y
romanas) y letras pueden ser aplicados.

Sin embargo, si ests usando marcos de texto creativos puedes adoptar tanto bsicas y complejas
listas de vietas y nmeros ya sea al seleccionar los pre establecidos (ver abajo) o crear tus propias
listas personalizadas (esto te permite seleccionar tus propios smbolos, nmeros y formato de
letras). Entonces tienes la opcin de reemplazar listas pre establecidas con tus propias listas
basadas en tus listas personalizables de estilos.

Para crear una lista numerada o de vietas:
1. Seleccionar uno o ms prrafos.
O
Clic en el texto del prrafo.
2. Selecciona desde el men Texto Vietas y Nmeros
3. Desde el dilogo de estilo de texto:
a. Para el texto en marcos de texto HTML, clic en el icono de pre establecidos desde
el dilogo (ver abajo).
O
b. Para el texto en marcos de texto creativos, selecciona Vietas o Nmeros desde el
men desplegable Estilo, despus selecciona uno de los formatos pre establecido
mostrado por default.
O
c. Para listas personalizadas, selecciona una pre establecida y clic en el botn
Detalles para alterar las opciones personalizables.
4. Clic en Ok para aplicar la lista.
Cada vez que insertes un punto de regreso, una nueva lnea comenzara con el smbolo o nmero
establecido. En adicin, al dar dos veces enter cancela la vieta o nmero y regresa al formato de
prrafo normal.
Para reiniciar una lista numerada (Slo en marcos de texto creativos):
1. Clic para colocar un punto de insercin en la lista y reiniciar la posicin, despus selecciona
Vietas y Nmeros desde el men texto.
2. Desde los pre establecidos o detalles de pgina selecciona Reiniciar Numeracin para
reiniciar la secuencia del nmero o letra a 1 o A respectivamente.
3. Clic Ok
Para quitar formato de vietas o numeracin
1. Selecciona el prrafo con la lista de formato
2. Selecciona Numeracin y Vietas desde el men Texto
O
Clic derecho en el prrafo y desde la opcin Formato de Texto, selecciona Numeracin y
Vietas
3. En el dilogo de Estilos de Texto, clic en la opcin Ninguno
WebPlus tambin te permite asignar vietas y nmeros a los estilos (Ver la ayuda de WebPlus).
Insertar un Smbolo
Puedes insertar un carcter especial usando ya sea el men Insertar o (para smbolos comunes) los
atajos del teclado.
Como regla para pginas Web, no utilices smbolos fuera del conjunto de caracteres estndares, o
en fuentes no estndares.
Para insertar un smbolo usando el men Insertar:
1. Selecciona la herramienta de puntero y clic en el texto para insertar un punto.
2. Selecciona Smbolo desde el men Insertar, y selecciona el nombre del smbolo desde el
submen.
3. Si necesitas un smbolo que no se muestra en el submen, selecciona otros, para mostrar
el dilogo de Insertar Smbolo. El dilogo permanece abierto para que puedas continuar
editando el rea de trabajo mientras seleccionas el smbolo.
a. Selecciona una fuente para mostrar el conjunto de caracteres completos, y
despus baja a la tabla de fuentes para ver los caracteres. Puedes seleccionar
desde la lista del Subconjunto para saltar a un rango en particular con el conjunto
de caracteres.
b. Clic en cualquier carcter individual (o seleccinalo mientras buscas utilizando las
flechas de tu teclado) para ver el nombre del carcter y el Index Unicode al final
del dilogo. Puedes tambin introducir cualquier valor hex Unicode y clic en Ir
para ir al carcter particular de la fuente actual.
c. Para insertar un carcter en el texto, doble clic en l (o seleccinalo y clic en
Insertar).
La fila inferior guarda registro de los caracteres que has insertado recientemente. Doble-clic en
cualquier carcter de la fila inferior para reinsertarlo.
Tienes problemas al insertar un carcter? Revisa tu punto de insercin para asegurar que se
coloco en la posicin seleccionada del texto
Insertando Fecha / Hora
Puedes insertar un campo de fecha y hora en un campo dentro de tu texto, con informacin sobre
la fecha y hora actual, al usar Informacin Fecha u Hora, desde el men Insertar. Varios
formatos de fecha y hora estn disponibles. Por default, el campo de fecha/hora se actualiza
automticamente a s misma cuando el sitio se guarda o carga.
Puedes apagar las auto-actualizaciones si es necesario.
Insertar detalles de usuario.
Puedes tomar ventaja del dilogo detalles de usuario para almacenar la informacin de usuario
frecuentemente usada o actualizada y as no necesitas estar reentrando piensa en qu tan a
menudo un nmero de celular o correo electrnico cambia con el tiempo. El dilogo te permite
revisar todos los detalles del usuario, y actualizar los campos directamente.
Para revisar o cambiar los detalles del usuario:
1. Selecciona Ajustar Detalles de Usuarios desde la barra de herramientas.
2. Introduce la nueva informacin en los espacios en la pestaa negocios, inicio
personalizado (una pestaa de Calendario aparecer si hay un calendario en tu sitio).
La pestaa Personalizado en el dilogo de los detalles de usuario incluye campos en blancos y
reemplazables donde puedes introducir cualquier informacin que puedas necesitar
frecuentemente en tus sitios.
Para Insertar un Campo de Detalles de Usuario:
1. Selecciona la herramienta puntero y clic en el texto para un punto de insercin.
2. Selecciona Informacin desde el men insertar, despus selecciona Detalles de Usuario
desde el submen.
3. Selecciona una entrada de detalles de usuario y opcionalmente cualquier Prefijo o Sufijo
(Postfix) para incluir en tus detalles de usuario: ejemplo, Nombre.
4. Clic Ok
Para actualizar campos:
- Introduce nueva informacin en el dilogo de detalles de usuario (va Herramientas
Conjunto de Detalles de Usuario).
Clic en el botn de Actualizar para automticamente actualizar cualquier campo colocado en tu
sitio o plantilla. Este campo permanecer vinculado a los detalles del usuario hasta que se borre.

Trabajando con Tablas
Creando Tablas basadas en Texto
Las tablas son ideales para presentar texto y datos en una variedad de formatos fcilmente
personalizables de filas y columnas, con capacidades de construccin en hoja de clculo.

Cada celda en una tabla se comporta como un mini marco. Como los marcos de texto pueden
variar propiedades de carcter y prrafos, aplicar estilos de texto, incluir imgenes, aplicar color
de texto y usar opciones de pruebas como Auto-correccin, lector, etc. Algunas funciones incluyen
un nmero de formatos y formulas.
Tablas HMTL o Creativas
Dos tipos de tablas pueden ser aplicadas en la pgina WebPlus la tabla HTML y las tablas
creativas. Estas pueden ser comparadas fcilmente abajo algunas funciones pueden ser
aplicadas a ambas, o slo a una u otra.
TABLAS
HTML
TABLAS
CREATIVAS
Bsqueda por motor de bsqueda (Google, etc)


Insercin de scripts para generar contenido dinmico


Tablas con re ajuste de tamao / movilidad


Tablas Crop


Rotacin de Tablas



Rotacin de texto en tablas (en celdas)



Ordenar contenido de tablas


Relleno slido y bode de color


Degradado y relleno de mapa de bits


Estilos HTML


Transparencia



Bordes



Deformaciones



Filtros de Efecto 2D/3D



3D instantneo



Relleno Rpido / Limpieza Rpida / Auto Formato


Edicin de celdas de texto en WritePlus


Ver celdas de texto en el administrador del sitio


Importacin de archivos de texto y Excel


1 Si son aplicados se exportar la tabla como grfico.
Cmo saber las diferencias entre una tabla HTML y una tabla Creativa? Simple, las tablas HTML
siempre poseen esquinas de azul oscuro en sus bordes cuando estn seleccionadas, mientras que
las creativas se muestran en gris.

Crear una tabla:
1. Selecciona ya sea la herramienta de Tabla HTML o Tablas Creativas desde la tabla flotante
en la barra de herramientas de Objetos Estndares, y clic en pgina o en el cuadro de
pegado, o arrastra para ajustar el tamao de la tabla. El dilogo de creacin de tabla
aparecer con una seleccin de formatos preestablecidos que se muestran en la ventana
Formato.
2. Pasa a travs de la lista de diseos y selecciona uno. Para comenzar con una tabla en
blanco selecciona Default.
3. Clic Ok.
La nueva tabla aparece en la pgina y la barra de herramientas Tabla aparece para asistirte con
formatos, datos y formato de datos en hojas de clculos.
WebPlus trata el texto de tabla en tres maneras: como nmeros, formulas o texto ordinario.
- Nmeros: WebPlus puede dar formato a nmeros de manear especial. Ver formato de
nmeros en la ayuda en lnea.
- Formulas: WebPlus trata cualquier texto que inicie con el smbolo de igual (=) como una
formula. Las formulas pueden tener formato de la misma manera que los nmeros. Ver
insertar formulas en la ayuda en lnea.
- Texto ordinario: Cualquier otra entrada, ejemplo, que no comience con el smbolo igual
(=).
Manipulando Tablas
Una vez que creaste tablas, puedes seleccionar, mover, redimensionar, borrar, y copiar un objeto
como lo hiciste con los marcos de texto. Las propiedades de celda pueden tambin ser
modificadas.
Para manipular objetos de tabla:
- Para seleccionar objetos de tabla, clic en su borde. Ahora puedes re ajustar como un
marco de texto al arrastrar una esquina de un lado a otro o moverlo al jalarlo.
- Para borrar objetos de tabla, seleccinalo y presiona la tecla Borrar (puedes tambin
seleccionar Borrar Objeto desde el men Edicin)
O
Selecciona cualquier parte de su texto y selecciona Borrar desde el men edicin (Tabla
Borrar al dar clic derecho), despus Tabla desde el submen.}
- Para duplicar el objeto seleccionado y sus textos, asegrate de que ningn texto est
seleccionado (un punto de insercin est bien), despus usa los comandos Copiar y Pegar.
Como atajo, selecciona el objeto y arrstralo con la tecla CTRL presionada.
Para seleccionar y editar textos en celdas, filas y columnas:
- Para seleccionar texto en una celda individual, doble o triple clic en el texto (para
seleccionar palabras o prrafos) o arrastra al dar clic en el texto. Ver ediciones de texto en
la pgina 108.
- Para ver a la siguiente o anterior celda, usa las teclas Tabulador o Shift+tabulador,
respectivamente o las flechas del teclado.
- Para introducir un texto, simplemente introduce el texto en una celda dentro de un punto
de insercin. Puedes tambin escribir o editar el texto va campos de edicin en la barra
de herramientas Tabla.
Clic en el botn Aceptar para actualizar las celdas seleccionadas. Clic en el botn cancelar
para quitar la edicin del texto a la previa en la celda. Las celdas se expanden de manera
vertical mientras escribes para introducir lneas de texto adicionales. Para introducir un
tabulador presiona Ctrl+Tab
- Para seleccionar una fila o columna, clic en su botn en el panel izquierdo o superior de la
tabla. Para seleccionar ms de una fila o columna, arrastra a travs de los botones de
control. Puedes tambin seleccionar primero las celdas, despus selecciona seleccionar
desde el men tabla (tabla seleccionar desde el men de clic derecho), despus del
submen Filas o Columnas.
- Para seleccionar todo el texto (todas las filas y columnas), selecciona Seleccionar desde el
men Tabla (tabla seleccionar desde el men de clic derecho), despus Todo desde el
submen.
- Para copiar, pegar y borrar la tabla de texto seleccionada en la misma tabla (o en tablas
diferentes), utiliza los comandos, Copiar, pegar y Borrar como lo haras para los marcos
de texto. Puedes tambin dar clic derecho en la celda que contiene el texto y selecciona
Men Texto Copiar selecciona una nueva celda despus selecciona Pegar desde el
men Edicin.
Relleno Rpido te permite llenar un espacio de celdas con el contenido de una celda
inicialmente seleccionada. Esta operacin de replicar es posible al arrastrar la manija
inferior del Relleno rpido hacia el exterior inicialmente seleccionado para abarcar un
bloque de celdas contiguas, ya sea en la misma fila o columna. Por el contrario, Limpieza
Rpida limpia celdas adyacentes.

Copiar y Pegar desde hojas de clculo de Microsoft Excel a una tabla WebPlus tambin es posible:
- Para mover el contenido dentro de la misma tabla, selecciona las celdas y pasa por el
borde de la celda hasta que el cursor cambie de apariencia clic y arrastra las celdas a su
nueva localizacin.
- Para dar formato a texto seleccionado, aplica propiedades de carcter y prrafo o estilos
de texto como se haca con cualquier texto. Observa que la celda de texto con formato
mezclado (por ejemplo, algunas negritas y otras no) se revertirn a sin negritas si lo editas
por medio de la barra de herramientas Tabla.
- Para rotar el texto seleccionado en las tablas creativas, clic derecho y selecciona Tabla
Propiedades de Celdas. En la pestaa de orientacin, utiliza la rotacin para ajustar un
ngulo de rotacin o introduce un valor especfico en la caja de entrada.
- El texto de la tabla puede ser ordenado por fila , columna, multi-filas, multi-columnas o la
tabla entera utilizando el botn Ordenar desde la barra de contexto. Para ms detalles,
ver la ayuda en lnea.
- Los caracteres como parte de la tabla de texto creativa pueden tener lnea, degradado,
propiedades de relleno en mapa de bits, aunque las tablas HTML no pueden.
- Las tablas de texto comparten propiedades default con los marcos de texto. Para detalles
ver Actualizaciones y Guardado Default en la pgina 156.
- Para dar formato a nmeros e insertar formulas, clic en el botn de Funciones de Hojas de
Clculo en la barra de herramientas Tabla. Ver ayuda en lnea para ms informacin.
Para cambiar la estructura y apariencia de la tabla.
- Para seleccionar una celda, clic en el borde de las celdas seleccionar. Para seleccionar ms
de una celda, clic en una celda y arrastra a travs de otras, una fila o columna a la vez.

- Para Ajustar el tamao de filas o columnas, arrastra el botn de control sobre las lneas
separadas en las filas o columnas de la tabla. Observa que peudes ajustar el tamao
independientemente de la cantidad de texto que contenga. Para tamao absoluto de
filas/columnas, selecciona Ajustar largo de columna o Ajustar ancho de fila desde el
men de la tabla (o utiliza el men del clic derecho). Para columnas individuales, clic la
flecha de la columna o fila. Puedes ajustar tus columnas sin afectar la tabla entera al
ajustar la columna con Ctrl + arrastrar.
- Para distribuir filas o columnas, selecciona la tabla entera o slo una seleccin de filas y
columnas, despus selecciona Distribuir Equitativamente desde Disminuir
Equitativamente Filas / Columnas desde el men tabla (o usa el men del clic derecho).
Para ajustar bien el ancho de la tabla, el texto de las celdas debe ajustarse cuando se
distribuyen las columnas.
Para distribuir adecuadamente las filas en una columna individual, clic en el botn de la columna y
selecciona Distribuir Filas Adecuadamente. Conversamente, utiliza el botn equivalente (y
comando de Distribuir Adecuadamente Columnas) en la parte superior de una fila para distribuir
columnas en la fila seleccionada.
- Selecciona Autoajustar columna a Contenido desde el men Tabla (o men de clic
derecho) para reducir o incrementar el tamao de las columnas seleccionadas para ajustar
el texto. Una opcin equivalente existe tambin para las filas. Para columnas o filas
individuales, clic en la columna o botn encabezado, selecciona Autoajustar Fila a
Contenido o Autoajustar Columna a Contenido, respectivamente.
- Para borrar mltiples filas o columnas, seleccinalas (o el texto de la celda), despus
selecciona borrar desde el men Tabla (Tabla Borrar desde el men de clic derecho),
despus ya sea filas o columnas desde el submen. Para una columna o fila individual, clic
en el botn del encabezado y selecciona borrar.
- Para insertar/remover columnas en una tabla existente, clic y arrastra hacia la
izquierda/derecha en el encabezada despus del final de la ltima columna de la tabla; las
columnas sern aadidas o removidas mientras arrastras. Para insertar filas, arrastra hacia
arriba/abajo en el encabezado de la ultima fila.

Alternativamente, selecciona una o ms celdas, despus selecciona insertar desde el men de la
tabla (Tabla Insertar desde el men de clic derecho), despus ya sea filas o columnas desde el
submen. En el dilogo, especifica cuantas aadirs, y dnde aadirlas.
- Para mezclar celdas en una celda ms grande que alcancen ms de una fila o columna (por
ejemplo, el titular de un encabezado en todas las columnas) selecciona un rango de celdas
y selecciona Mezclar Celdas desde el men tabla (Tabla Mezclar Celdas desde el men
clic derecho).
Para mezclar todas las celdas en una columna o fila individual, clic en la columna o botn
de encabezado de la fila, seleccionar Mezclar Celdas. Haz lo mismo para separar filas que
estn mezcladas.
- Para copiar celdas (incluyendo texto, formato, bordes y colores) a una nueva celda en la
misma tabla, selecciona las celdas, presiona la tecla Ctrl y ve al borde de las celdas hasta
que el cursor de copiar se muestre clic y arrastra las celdas copiadas a su nueva
localizacin. Alternativamente, selecciona las celdas, copia y pega (va men Edicin) en
una nueva celdas mientras mantienes la tecla Ctrl presionada.
- Para aplicar un fondo coloreado a toda la tabla, pasa el mouse sobre la esquina superior
izquierda de la tabla hasta que veas que cambia el cono clic una vez, y despus usa la
pestaa de color o Swatches para aplicar color de relleno. (ver aplicar colores slidos en la
pgina 213)
- Para aplicar fondos coloreados a celdas especificas, selecciona la celda y una vez ms
utiliza la pestaa de color o swatches para colorear la celda.
Utilizando el Auto Formato
Para usar conjuntos pre establecidos de estilos en la tabla:
- Selecciona Auto Formato desde el men Tabla (Tabla Auto Formato desde el men de
clic derecho). El dilogo presentar una lista de plantillas de tabla que difieren en su uso
de Lineas (interior, exterior, bordes), relleno (celda y tabla) Fuente (negrita, cursiva, etc)
Alineacin (izquierda centrada, etc). Y soporte de Edicin HTML.
- Puedes seleccionar cualquier ejemplo y usar las cajas de seleccin para especificar qu
atributos de muestra aplicar a tu tabla actual. Esto te permite mezclar y coincidir por
ejemplo al aplicar (en dos pases) el color de una plantilla y la fuente de la otra.
- Para restaurar el formato selecciona Default.
Ajustar Propiedades de Celda
Para personalizar la apariencia de una o ms celdas a mano:
1. Selecciona la celda (fila o columna).
2. Clic en el botn de Propiedades de Celda en la barra de herramientas Tabla.
O
Para toda una columna o fila, clic en el encabezado de columna o fila, selecciona
Propiedades de Celda.
3. Usa el dilogo de Borde, relleno, Transparencia, Margen, Orientacin para aplicar el
formato a las celdas y despus clic en Ok.
Insertar un Calendario
El Asistente de Calendario te ayuda a disear un calendario que se muestra mes por mes para uso
de tu pgina web.

El asistente te permite ajustar el mes/ao y estilo/formato, y control de la inclusin de los eventos
del personal y /o das festivos.
El calendario es creado como una tabla escalable basada en texto, as que puedes editar el texto
utilizando las herramientas estndares de texto. Las propiedades del calendario seleccionado son
similares a aquellas de la tabla, y pueden ser modificadas idnticamente (ver Manipulando tablas
en la pgina 129).
Para propiedades especficas del calendario, una barra de herramientas te permite cambiar el
mes/ao de un calendario, modificar las propiedades especficas del calendario y administrar los
eventos (tanto para los das festivos pblicos o personales).
Puedes actualizar los detalles del calendario a travs de tu sitio Web va Detalles de Ajuste de
Usuario en la misma manera que te gustara ajustar la fecha (junto con tu hora) en algunas
alarmas de reloj. Esto especialmente til si quieres actualizar las pginas ao con ao, compuesto
de un calendario de 12 meses slo ocuparas cambiar el ao.
Para insertar un calendario
1. Clic en la tabla flotante dentro de la barra de herramientas de Objetos Estndares y
selecciona insertar un calendario
2. Clic una vez ms en tu pgina, y arrastra para indicar el tamao deseado del calendario.
3. Desde el asistente del calendario puedes incluir los ajustes de ao y mes, estilo de
calendario (cuadrado, de formato de columna individual o doble), inicio de la semana,
lugar para escribir, opciones que se mostrarn, cambio de eventos para personal, y
formato de calendario.
Para tener tu propio da festivo mostrndose en el calendario, selecciona Aadir das
festivos pblicos en el asistente y selecciona una Region desde el men desplegable
asociado. Para aadir eventos de personal, selecciona Aadir eventos de personal
adicionalmente.
4. Clic en Finalizado para completar el asistente.
Para editar las propiedades de un calendario:
1. Clic en el botn de Editar Calendario en la barra de herramientas.
O
Clic derecho en el calendario seleccionado, y selecciona Tabla Editar Calendario.
2. Selecciona una pestaa apropiada (Fecha, Estilo, Eventos, etc) haz tus modifiacciones y
presiona ok.
Clic derecho en el calendario y selecciona tabla esto te permite seleccionar, insertar, distribuir y
borrar filas y columnas, pero cuidado de no corromper el formato de tu tabla.
Para actualizar los detalles globales del calendario:
1. Selecciona los detalles de ajustes de usuario desde el men Herramientas.
2. Desde la pestaa de Calendario, selecciona el Ao que tendrn todos tus calendarios
desde el men desplegable.
O
3. En la seccin de eventos, selecciona Mostrar das festivos pblicos y/o Mostrar Eventos
Personales si todos los calendarios se adoptan a los das festivos y eventos ya
configurados en el Administrador de Eventos de Calendario (para modificar eventos
personales, clic en el botn Eventos).
Aadir das festivos pblicos.
Cuando creas un calendario puedes ajustar los das festivos pblicos apropiados para el pas en
que resides. Los das festivos se mostrarn en tu calendario automticamente. Puedes tambin
cambiar los ajustes de das festivos si es necesario.
Recuerda que la opcin Aadir Das Festivos Pblicos est seleccionada en las propiedades de
calendario.
Para cambiar das festivos pblicos:
1. Selecciona un calendario
2. Clic en el botn Editar Calendario en la barra de herramientas
3. En la pestaa Eventos, selecciona una diferente regin desde el men desplegable regin.
Aadiendo eventos personales
Puedes completar tus listas de das festivos pblicos (ejemplo, Da de Pascua) al aadir eventos de
personal como cumpleaos, aniversarios, y pagos de cuentas (desafortunadamente!) asi que los
eventos se mostrarn en tu calendario simplemente utiliza el botn de eventos de calendario en
la barra de herramientas del calendario seleccionado. Los eventos se mostrarn automticamente
en tu calendario bajo la fecha seleccionada.

Para aadir un evento:
1. Selecciona el calendario
2. Clic en eventos del calendario en la barra de herramientas.
3. (Opcional) Selecciona Mostrar eventos por fecha para aadir, editar o borrar eventos
utilizando un calendario flotante tradicional. Deja sin seleccionar para listados de
eventos/fechas fila por fila. Si usas el ltimo mtodo, habilita el botn Mostrar eventos
personales.
4. Clic en el botn Nuevo evento
5. Desde el dilogo, introduce, utiliza las flechas arriba/abajo, o clic en el botn de Buscar
para seleccionar una fecha.
6. Introduce tu texto de evento, en la caja correspondiente clic para aadir un punto de
insercin, despus comienza a introducir el texto. El texto introducido se mostrar en tu
calendario bajo la fecha seleccionada.
7. Si los eventos son un cumpleaos o cualquier evento anual, selecciona Recurrir al evento
anualmente.
8. Clic en Ok
9. Cuando hayas terminado de aadir eventos, clic en el botn Guardar.
Utiliza los botones de Editor de Eventos o Borrar Evento para modificar o borrar un
evento existente.
Recuerda asegurar que la opcin Aadir eventos personales este seleccionada en las propiedades
del calendario.

Editando Objetos en la Pgina
Seleccionando un objeto
Antes de que cambies cualquier objeto, necesitas seleccionarlo usando una de estas herramientas
desde la barra de herramientas.

Herramienta de Puntero
Clic para usar la Herramienta de Puntero para seleccionar, mover, copiar y re ajustar
objetos.


Herramienta de Rotacin
Clic para usar la herramienta de rotacin para rotar un objeto alrededor de su centro.
Selecciona el objeto, despus arrastra una de sus agarraderas


Herramienta de Recorte Cuadrado e irregular
Selecciona esta herramienta desde los efectos flotantes para cortar objetos.
Selecciona el objeto, despus arrastra una de sus esquinas. Puedes tambin usarlo para
mover y copiar objetos. Ver Cortando y Combinando Objetos.

Para seleccionar un objeto:
- Clic en el objeto usando una de las herramientas enlistadas en la parte superior. Una caja
gris aparecer en el borde con pequeas agarraderas definiendo las esquinas del objeto.
- Si el objeto est sobrepuesto, clic en la tecla Alt hasta que el objeto deseado est
seleccionado.
Cuando seleccionamos un objeto de texto:
- Clic en el objeto de texto con la herramienta de puntero y selecciona el objeto, tambin
posiciona el texto parpadeante el texto seleccionado dentro del objeto de texto. De esta
manera puedes editar el texto.
- Doble clic para seleccionar una palabra, y triple para un prrafo.
- Presiona la tecla Borrar para borrar caracteres despus del cursor. Para borrar el marco
mismo, selecciona Borrar Objeto desde el men edicin.
Para seleccionar el marco (por ejemplo, ajustar sus guas de margen y columnas), clic en la caja del
marco.
Simplemente clic en cualquier miembro del grupo para seleccionar el objeto de grupo. En general,
cualquier operacin afecta cada miembro del grupo. Sin embargo, puedes tambin seleccionar y
editar un objeto individual dentro de un grupo.
Para seleccionar un objeto individual en el grupo:
- Ctrl + clic en el objeto
Regiones de Reglas
Cuando das clic para seleccionar un objeto, las regiones azules de reglas indican los bordes
superiores, inferiores, izquierdo, derecho del objeto.

Para detalles en usar reglas, ver Reglas en la pgina 45.
Seleccionar mltiples objetos
Selecciona ms de un objeto a la vez (crear mltiples selecciones) te permite:
- Posicionar o redimensionar todos los objetos al mismo tiempo
- Crear un grupo de objetos desde mltiples selecciones, que puede ser tratado como un
objeto individual, con la opcin de regresar a su estado anterior. Ver crear grupos en la
pgina 154.
Para crear una seleccin mltiple:
- Clic en un rea en blanco de la pgina y arrastra una caja marcada alrededor del objeto
que se quiere seleccionar. Repite utilizando shift en la regin de seleccin.
O
Mantn presionada la tecla Shift y clic en cada objeto.
Para aadir o remover objetos desde selecciones mltiples:
- Mantn la tecla shift y clic en el objeto que ser aadido o removido.
Para deseleccionar todos los objetos en una seleccin mltiple:
- Clic en un rea en blanco de la pgina.

Para seleccionar todos los objetos de la pgina / pgina principal:
- Opcin Seleccionar Todo desde el men edicin (presiona Ctrl + A)
Para seleccionar todos los objetos de un tipo en la pgina (pgina maestra):
- Mantn la tecla Ctrl y doble clic en un objeto de ese tipo
O
Clic en el objeto para seleccionarlo y escoge Seleccionar Similar desde el men Editar.
Copiando, Pegando y replicando objetos
Adems de usar el portapapeles de Windows para copiar y pegar objetos, puedes duplicar objetos
fcilmente usando seleccionar y arrastrar, y replicar mltiples copias de cualquier objeto en
formacin precisa. Puedes tambin transferir el formato de un objeto a otro, con la opcin de
seleccionar atributos especficos que se incluirn cuando el formato es pegado.
Para copiar un objeto (o mltiples selecciones) a la ventana de portapapeles:
- Clic derecho en el objeto y selecciona Copiar desde el submen.
O
Presiona Ctrl+V, o selecciona Pegar desde el men Editar o clic en el botn Pegar en la
barra de herramientas estndar.
El comando estndar de Pegar inserta un objeto en el punto de insercin o (para objetos
separados) al centro de la pgina. Para insertar un objeto separado en la misma localizacin como
se copio, usa el comando Pegar en Lugar (Ctrl+Alt+V)
Para seleccionar entre formatos de porta papeles alternativos:
- Selecciona pegado especial desde el men edicin
Para duplicar un objeto:
1. Selecciona el objeto, despus presiona la tecla Ctrl
2. Arrstralo a una nueva localizacin de la pgina. Puedes soltar la tecla Ctrl una vez que
comenzaste a moverlo.
3. Para bloquear la posicin de la copia (horizontal o vertical), presiona la tecla Shift mientras
arrastras. Un duplicado aparecer en la nueva localizacin.
Reemplazando Objetos
Duplicar objetos significa hacer slo una copia a la vez. El comando replicar te permite crear
mltiples copias en un solo paso, con un control preciso en como las copias estn organizadas, ya
sea como series lineales o cuadrcula. Puedes incluir una o ms transformaciones para producir
efectos interesantes sobre objetos rotados y/o reajustados. Es muy bueno para repetir fondos, o
para alinear perfectamente montajes de imgenes u objetos.

Para replicar objetos:
1. Selecciona el objeto que se replicar y selecciona replicar desde el men edicin. El
dilogo de replicar aparecer, con una regin pre-visualizada en la parte derecha.
2. Para ordenar copias en una lnea recta, selecciona Crear Lnea. Para ordenar cuadriculas X
Y, selecciona Crear Cuadrcula
3. Especifica el grosor del a lnea (el nmero de objetos incluyendo el original) en el orden, o
el tamao de la cuadrcula. Observa que puedes usar los ajustes de grosor de lnea para
incluir un nmero de objetos en la cuadrcula.
4. Ajusta el espaciado entre los objetos como Offset (medidos entre las esquinas superiores
izquierdas de objetos sucesivos) o Gap (entre las esquinas de la parte superior izquierda e
inferior derecha). Puedes especificar espaciado horizontal y/o vertical, y/o rotacin
angular. Para ajustar intervalos horizontales o verticales, selecciona Absoluto;
deselecciona la caja para especificar el intervalo como un porcentaje de dimensiones de
objetos originales.
5. Clic Ok
El resultado es una mltiple seleccin. Clic en el botn Grupo si quieres mantener los objetos
separados vinculados para manipulaciones adicionales.
Pegando formatos de objetos
Una vez que has copiado un objeto al portapapeles, puedes usar la funcin Pegar Formato para
aplicar sus atributos de formato a otros objetos seleccionados. Pegar Formato Plus muestra un
dilogo de control maestro que te permite seleccionar o deseleccionar atributos especficos que
se incluirn al pegar el formato. Ver ayuda de WebPlus para ms informacin sobre la funcin
Pegar Formato Plus.
Para pegar el formato de un objeto a otro:
1. Copia el objeto fuente.
2. Seleccionar el objeto objetivo y selecciona Pegar Formato desde el men Edicin (o
presiona Ctrl+Shift+V)
El objeto objetivo toma cualquier atributo de formato y ajustes del objeto fuente que est
actualmente definido en Pegar Formato Plus (ver ms abajo)
Moviendo Objetos
Para mover un objeto (incluyendo una seleccin mltiple):
- Clic en el objeto (no en la agarradera) y arrstralo a una nueva localizacin mientras
mantienes presionado el botn izquierdo del mouse.
O
Arrastra el objeto por la caja gris.
Para verles automticamente re-centrarse a s mismos puedes arrastrar objetos del borde de la
pantalla.
Para restringir el movimiento de un objeto de manera horizontal o vertical:
- Selecciona el objeto y utiliza las flechas del teclado (arriba, abajo, izquierda, derecha).
O
Presiona y mantn presionada la tecla Shift despus de que comiences a arrastrar el
objeto.
Suelta la tecla Shift despus de que sueltes el botn izquierdo del ratn
Utiliza la pestaa de transformacin para ajustar la posicin del objeto.
Redimensionar Objetos
WebPlus provee varios mtodos para redimensionar lneas, formas, texto artstico, marcos de
objetos y tablas de objetos. Clic y arrastrar es el ms fcil observa la lnea gua para tips sobre el
contexto y atajos, para una redimensin ms precisa, utiliza la pestaa Transformar.
Para ajustar dos o ms objetos al mismo tamao horizontal o vertical como el ltimo objeto
seleccionado, selecciona el objeto y utiliza la funcin Organizar Tamao de Objetos
Para redimensionar objetos (en general):
1. Selecciona el objeto
2. Clic en una de las agarraderas y arrstrala a una nueva posicin mientras mantienes
presionado el botn izquierdo del mouse.
Arrastra desde el borde y redimensiona en una dimensin, al mover el borde. Arrastra la esquina
que redimensiona en dos dimensiones, moviendo ambos bodes. Puedes restringir el
redimensionamiento observa que las fotos normalmente se comportan diferente a las lneas,
textos y objetos.
El texto en marcos y tablas no cambia el tamao cuando el objeto contenedor es redimensionado.
Para redimensionar de manera libre:
- Arrastra de una esquina (o lnea final).
Para restringir una forma, marco de objeto, o tabla de objeto cuando se redimensiona:
- Mantn la tecla Shift presionada y arrastra una esquina (o la lnea final).
Redimensionando Imgenes
Estos objetos son normalmente restringidos al redimensionar, pues normalmente quieres
mantener las proporciones.
Para redimensionar manteniendo el aspecto de radio (proporciones):
- Arrastra desde una esquina.
Para redimensionar libremente:
- Mantn la tecla Shift presionada y arrastra desde una esquina.
Redimensionando grupos
Puedes redimensionar un grupo de objetos. El tamao de las imgenes, objetos grficos y objetos
de texto en el grupo cambiar. El tamao del texto dentro de los marcos o tablas no cambia, slo
el tamao del contenedor.
Utiliza la pestaa de transformacin para ajustar la posicin de un objeto.
Rotando un Objeto
Puedes rotar objetos, incluyendo objetos de texto y grupos. (No puedes rotar mltiples
selecciones)
Para rotar un objeto:
1. Selecciona la herramienta Rotar en la barra de herramientas.
2. Clic para seleccionar objeto, pasa sobre una de sus agarraderas hasta que veas el puntero
de rotar.

3. Mantn el botn del mouse presionado y arrastra el puntero en direccin que se quiere
rotar el objeto, luego suelta (utiliza la tecla Shift para intervalos de rotacin de 15)
Para quitar la rotacin (restaurar a la orientacin original):
- Doble clic en el objeto.
- Para restaurar a la posicin rotada, doble clic una vez ms.
Para rotar un objeto 90 grados a la izquierda o derecha:
- Selecciona el objeto y escoge los comandos Rotar a la izquierda o Rotar a la Derecha
desde el men Organizar. Puedes tambin dar clic derecho en el objeto y utilizar las
opciones Voltear/Rotar desde el submen.
Para prevenir que un objeto de imagen se rote accidentalmente:
- Clic derecho en el objeto y selecciona Organizar Bloquear Objetos
Cortando y Combinando Objetos
Cortando significa enmascarando (ocultando) partes de un objeto o grupo, por ejemplo para
mejorar una composicin o crear un efecto especial. El objeto queda intacto. Puedes usar ya sea
las opciones Cortado cuadrado o Cortado Irregular desde la barra de herramientas para cortar
mientras se preservan formas originales del objeto segn sea el caso y la herramienta
seleccionada.
Otra opcin de cortado es el comando Cortar a una Forma, que te permite cortar un objeto por
medio de la lnea de contorno de otro.
El comando Combinar Curvas, como cortar a forma, inicia con ms de un objeto, pero crea una
composicin de objetos especial con uno o ms hoyos en el interior donde los objetos se
superpusieron los unos con los otros- esto es til para crear mscaras o efectos.
Para cortar utilizando el contorno original del objeto:
1. Clic para seleccionar el objeto o grupo
2. Selecciona la herramienta Cortado Cuadrado desde la barra de herramientas de los
efectos flotantes.
3. Arrastra uno de sus bordes o esquina (el radio de aspecto del objeto original est siendo
manipulado). Presiona Shift para un cortado sin restriccin.
Para cortar al modificar el contorno del objeto:
1. Selecciona el objeto o grupo
2. Selecciona Cortado irregular desde la barra de herramientas de efectos flotantes. Vers
nodos y secciones de segmentos que definen el objeto.
3. Modifica los contornos como sigue:
a. Para mover un nodo (punto de control) donde veas un cursor en forma de cruz,
arrastra el nodo.
b. Para mover un segmento de la lnea (entre dos nodos) donde veas un cursor con
una lnea curva, arrastra el segmento.
c. Para convertir un contorno de lneas a curvas y viceversa, clic en el botn Encajar
Curvas y Enderezar todas las lneas en la barra de corte.
d. Para ajustar la curvatura de un segmento, arrastra la agarradera de los nodos
adyacentes.
e. Para contornos ms complejos:
f. Aade un nodo, doble clic en cualquier segmento de lnea, doble clic en el nodo
para removerlo.
g. Para mover un objeto relativo a su contorno de corte, arrastra su interior cuando
veas el cursor en forma de mano.
Para informacin en los diferentes tipos de segmento y otras opciones de la barra de
herramientas, y un punto de vista ms detallado, ver Trazar y Editar lneas en la pgina 159.
Para mover la porcin visible de un objeto cortado dentro del rea de cortado:
- Selecciona el objeto y arrastra a su rea de centro.
Para quitar cortado (restaurar la visibilidad completa):
- Clic en el botn Remover cortado en la barra de herramientas de corte.
Cortando una forma en otra
El comando de cortar forma trabaja con dos objetos exactos seleccionados. Uno o ambos de estos
debern ser un grupo de objeto. El objeto inferior (el que se encuentra atrs del otro) se ajusta a la
lnea del objeto superior, dejando una forma equivalente a la regin superpuesta. Observa que no
puedes cortar objetos con malla-deformada, pero puedes usar uno para cortar el otro. Usa
combinacin de curvas para que una forma haga un hoyo en otra.

Para cortar una forma en otra:
1. Coloca el objeto del tendr forma el hoyo en frente del objeto que ser cortado, usa el
men Ordenar y/o la barra de herramientas como sea necesario. En la ilustracin superior
se ve una forma rpida sobre un marco de texto.
2. Con ambos objetos seleccionados (o agrupados), selecciona Cortar a Forma desde el men
herramientas.
Combinando Lneas y Formas
Combinar curvas es una manera de crear un objeto compuesto desde dos o ms lneas o formas.
As como con cortar a forma, el objeto frontal deja un hoyo en el objeto trasero, en este caso
dejaremos uno o ms hoyos donde el componente se sobreponga. As como al agrupando
puedes aplicar formatos (como lneas o relleno) a los objetos combinados y continuar para editar
nodos y segmentos individuales con la herramienta Puntero. A diferencia de esos mtodos, un
objeto combinado toma permanentemente propiedades de lnea y relleno del objeto frontal.
Combinar es reversible, pero el componente mantiene las propiedades de lnea y relleno del
objeto combinado.
Combinar es una manera rpida de crear una mscara o recorte de plantilla:

Para combinar dos o ms lneas seleccionadas o dibujar formas:
1. Dibuja dos formas rpidas.
2. Coloca el objeto de recorte frente al objeto que ser cortado, usando el men Ordenar y/o
la barra de herramientas, como sea necesario.
3. Selecciona (o agrupa) ambos objetos y selecciona Herramientas Convertir a Curvas
4. Selecciona Combinar Curvas desde el men Ordenar.
Para regresar a las formas originales desde el objeto combinado:
- Selecciona el objeto combinado y selecciona Dividir Curvas desde el men Ordenar.
Ordenando Objetos
Mientras que los objetos son creados, son ordenados en una pila, as que el creado ms
recientemente se sobrepondr al objeto anterior. Puedes cambiar el orden de pila, lo que afectar
en como aparecern los objetos en la pgina.
Para cambia la posicin de orden en la pila:
- Clic derecho en el objeto y selecciona ordenar
O
Clic en el men Ordenar (con el objeto seleccionado).
Despus:
- Para cambiar los objetos seleccionados de posicin al final de la pila, atrs de
todos los objetos, selecciona Mandar atrs (o usa el botn enviar atrs en la barra de
herramientas Ordenar).
- Para cambiar la posicin del objeto seleccionado enfrente de la pila, frente a todos
los otros objetos, selecciona Traer enfrente (o usa Traer enfrente de la barra de
herramientas).
- Para cambiar la posicin del objeto seleccionado uno delante de la pila, selecciona
Uno delante (o usa el botn de la barra de herramientas).
- Para cambiar la posicin del objeto seleccionado uno atrs de la pila, selecciona Uno
atrs (o usa el botn de la barra de herramientas).
Alineando y Distribuyendo Objetos
Alinear involucra tomar un grupo de objetos seleccionados y alinearlos en una operacin la
operacin se aplica a todos los objetos seleccionados. Puedes realizar lo siguiente:
- Alinear los bordes de uno o ms objetos el uno al otro. Por ejemplo, la alineacin superior
alinear los objetos seleccionados desde el borde superior. Alineacin inferior los alinear
en el borde inferior.
- Dar espacio a objetos por intervalos. Te permite distribuir tus objetos, as que tus objetos
(mltiple selecciones) son distribuidos a los bordes de tus pginas. Alternativamente,
revisa la opcin Espaciado e introduce un valor de distancia especifica entre cada objeto.
- Alinear objetos con los mrgenes de pgina o borde. En vez de trabajar con el rea de
selecciona actual pues alinear a los mrgenes de la pgina (si se puede) o slo al borde de
la pgina.
Los controles de alineacin estn disponibles ya sea en la pestaa de Alineacin o desde Ordenar
Alinear Objetos
Tambin es posible alinear un objeto individual ya sea en la parte superior, inferior, izquierda o
derecha de la pgina o centrar el objeto de manera vertical u horizontal.
Para alinear los bordes de dos o ms objetos:
1. Usando la herramienta Puntero, clic Shift en todos los objetos que quieras alinear, o
dibuja una caja de selecciona alrededor de ellos (usa Edicin Seleccionar Todos), para
crear una seleccin mltiple.
2. Selecciona la pestaa Alinear
3. Selecciona una opcin vertical/horizontal. Selecciona Superior, Inferior, Izquierda,
Derecha, Centro horizontal, Centro vertical.
Para distribuir dos o ms objetos:
- Selecciona la opcin Distribucin Uniforme A travs o Distribucin Uniforme Hacia
Abajo para hacer que los objetos seleccionados se distribuyan de manera uniforme de
manera horizontal o vertical (respectivamente) o al ajustar una medida (selecciona
espaciado y ajusta un valor).
Para alinear uno o ms objetos al borde de la pgina:
- Sigue los pasos superiores, pero selecciona Incluir Mrgenes (Si slo un objeto est
seleccionado, la opcin se seleccionar por default).
Para alinear uno o ms objetos dentro de los mrgenes ajustados en la pgina:
- Ajusta los mrgenes de la pgina en las Guas de Diseo (barra de herramientas) despus
sigue los pasos superiores, despus selecciona Incluir Mrgenes. Los objetos se alinearn
a los mrgenes en lugar de los bordes de la pgina.
Crear Grupos
Puedes fcilmente hacer mltiples selecciones (ver seleccionar mltiples objetos en la pgina 142)
en grupos de objetos. Cuando los objetos estn agrupados, puedes posicionar, redimensionar o
rotar todos los objetos al mismo tiempo.
Para crear un grupo desde mltiples selecciones:
- Clic en el botn de Agrupar debajo de la seleccin. Agrupar Objetos.
Para desagrupar objetos (quitar la agrupacin en mltiples selecciones):
- Clic en el botn Desagrupar bajo la seleccin para regresar a la seleccin mltiple.
Simplemente da clic en cualquier miembro del grupo para seleccionar el grupo de objetos. En
general, cualquier operacin que hagas en un grupo seleccionado afectar cada objeto que
conforme el grupo. Sin embargo, puedes seleccionar cada objeto por separado y editarlos de
manera individual en cada grupo.
Para seleccionar un objeto individual dentro de un grupo:
- Ctrl + clic al objeto.
Bloqueando el tamao o posicin de un objeto
Para prevenir mover, redimensionar, voltear, rotar, etc, un objeto puedes bloquear la posicin.
Para bloquear un objeto:
- Clic derecho en el objeto y selecciona Ordenar Bloquear Objetos, o selecciona el
comando desde el men Ordenar.
Para desbloquear un objeto:
- Clic derecho en l y selecciona Ordenar Desbloquear Objetos, o selecciona el comando
desde el men ordenar.
Pegando
La funcin de pegado simplifica colocar y alinear al magnetizar los puntos de la cuadrcula y las
lneas guas. Cuando est activada la funcin, los bordes y centros de los objetos que creas,
mueves o redimensionas irn automticamente a la gua o punto de cuadrcula ms cercano. Los
objetos normalmente se pegan a los bordes de la pgina tambin.
Las Guas Lnea incluyen reglas guas as como guas de diseo basadas en los mrgenes de la
pgina, filas y columnas (ver Usando ayuda para diseo en la pgina 44).
Puedes observar que con esta funcin habilitada, cuando mueves una gua, cualquier objeto se
mover en la gua. Este objeto se pega por default (con la funcin de Guas Pegajosas) pero
pueden ser deshabilitadas de manera permanente o temporal en (Herramientas Opciones
Diseo) son de uso especial para posicionar objetos sin necesidad de operaciones de agrupacin.
Para poner/quitar esta funcin:
- Clic en el botn de Pegar. Cuando el botn est con relieve est seleccionado.
Pegado selectivo
Puedes controlar que puntos y lneas se pegan al mostrar u ocultar los elementos de gua
(ejemplos, Reglas, lneas guas, marcos, retcula de puntos, etc.) y al cambiar las opciones de
ajustes para aquellos elementos visibles.
Para mostrar u ocultar elementos guas:
- Habilita (deshabilita) el botn de nombre de elemento en el men Ver.
Para ajustar los elementos a los que se pegan:
1. Selecciona opciones desde el men herramientas, y selecciona Opciones de Pegado.
2. Selecciona Pegar a:, despus selecciona/(deselecciona los elementos a los que quieres
pegar. Las opciones incluyen retculas, pgina/sangrado, mrgenes de pgina, reglas gua,
guas de filas / columnas y Pixeles cercanos.
Actualizando y Guardando Defaults
Default de Objetos son los ajustes apropiados almacenados que WebPlus aplica a los objetos
recientemente creados, ejemplo, texto, grficos, y marcos. Cuando creas texto en tu sitio, tendr
propiedades default para fuente, tamao, color, alineacin, etc. Nuevos grficos o marcos tendrn
sus propias propiedades default. Puedes fcilmente cambiar los default para cualquier tipo de
objeto.
Los ajustes default son siempre locales esto es, cualquier default que cambia se aplica al sitio
actual y se guarda en l, as que no afectar al sitio siguiente. Sin embargo, si en cualquier
momento usas Guardar Defaults registrar esos cambios como ajustes globales que afectarn
cualquier sitio subsecuente que crees.
Para ajustar default locales a un tipo de objeto particular:
1. Crea un objeto de ejemplo y ajusta sus propiedades como se desean o usa un objeto
existente que ya tenga las propiedades adecuadas.
2. Selecciona el objeto que es la base para los nuevos defaults y selecciona Actualizar Objeto
Default o Actualizar Texto Default desde el men formato o de Texto, respectivamente.
O, para lnea y relleno de color, incluyendo estilos de gua:
1. Con ningn objeto seleccionado, selecciona la lnea requerida y/o el color de relleno desde
la pestaa de color o muestras (ver aplicando colores slidos pgina 213). Usa la pestaa
lnea para ajustar un grosor y estilo de lnea.
2. Dibuja tu objeto en la pgina, lo que automticamente adoptar los colores default recin
definidos.
Para ver y cambiar las propiedades de texto default:
1. Selecciona Paleta de Estilos de Texto desde el men Texto.
2. Clic en Texto Default, despus clic en modificar, para ver los ajustes actuales.
3. Usa el dilogo de estilos de texto para alterar las propiedades de los caracteres, prrafos y
vietas/listas.

Lneas Formas y Efectos
Dibujando y Editando lneas
WebPlus provee herramientas de Lpiz, Lnea Recta, Pluma y Forma Rpida para crear grficos
simples.
Usar las herramientas de lnea (encontradas en la barra de herramientas flotante de lnea), te
permitirn dibujar lneas sencillas, conectar los segmentos de lnea, o unir dos puntos finales de la
lnea para cerrar y crear una forma (ver Dibujar y editar formas en la pgina 165 para detalles).
Usa la herramienta puntero y curva para reajustar o rehacer las lneas una vez que ya estn
dibujadas.


Herramienta Lpiz Te permite dibujar a mano alzada lneas curvas y formas de manera
libre.


Herramienta Lnea Recta es para dibujar lneas rectas; reglas en la parte superior /
inferior de la pgina, o lneas horizontales para separar secciones o titulares.


Herramienta Pluma te permite unir una serie de segmentos de lnea (que pueden ser
curvos o derechos) usando clics del mouse para conectar puntos.

Dibujar Lneas
Para dibujar lneas de manera libre (con la herramienta lpiz):
1. Clic en el men flotante de objetos estndares y selecciona la herramienta de lpiz.
2. Clic en cualquier parte que quieras comenzar una lnea, y mantn el botn del mouse
presionado mientras dibujas. La lnea aparecer inmediatamente y sigue los movimientos
de tu mouse.
3. Para terminar la lnea, suelta el botn del mouse. La lnea terminar automticamente
usando un nmero mnimo de nodos.
4. Para extender la lnea, posiciona el cursor de mouse sobre el ltimo nodo. El cursor
cambia a un smbolo +. Clic en el nodo y arrastra un nuevo segmento de lnea.
Para dibujar una lnea recta (con la herramienta de lnea recta):
1. Clic en la herramienta de lnea recta desde el men flotante de objetos estndares.
2. Clic en el lugar donde quieres comenzar la lnea, arrastra al punto final y vers la lnea
aparecer inmediatamente.
Para mantener ngulos incrementales de 15, mantn presionada la tecla Shift mientras arrastras.
(Esta es una manera fcil de hacer lneas verticales y horizontales derechas).
3. Para extender la lnea, posiciona el cursor sobre uno de los nodos de los extremos. El
cursor cambia de forma. Clic en el nodo y arrastra un nuevo segmento de lnea.
Para dibujar uno o ms segmentos de lnea (con la herramienta Pluma):
1. Clic en la barra de herramientas flotante de objetos estndar y selecciona la herramienta
Pluma. La barra de creacin de curvas aparecer con los tres botones que que permitirn
seleccionar qu tipo de segmento dibujars.

Segmento recto es simplemente una
lnea recta conectando dos nodos. (Atajo:
presiona 1).

Bzier es curvo, muestra controles de ajuste
para precisin en la curva. (Atajo, presiona 2).

Segmento inteligente aparce sin controles
visibles, usando nicamente conectores curvos
para conectar cada vector. Son especialmente
tiles cuando se trazan en objetos curvos
(atajo: presiona 3)
2. Selecciona un tipo de segmento, despus da clic en donde desees comenzar la lnea.
a. Para un segmento recto, clic una vez ms (o arrastra) donde desees que vaya el
nodo que dar fin al segmento. Shift + Clic alinear el segmento en intervalos de
15 (til para ngulos rpidos).
b. Para segmentos Bzier, clic una vez ms para un nuevo nodo y arrastra la
agarradera de control de ah (esta acta como imn, transformando la curva en
una forma. La distancia entre las agarraderas determinan la profundidad de la
lnea curva resultante). Clic una vez ms donde quieres que el segmento termine,
y un segmento curvo aparezca. Presiona la tecla Shift mientras lo ests haciendo
para que los nuevos intervalos de nodos tengan una orientacin de 15.
c. Para segmentos Inteligentes, clic una vez ms para un nuevo nodo. El segmento
aparecer suavizado, una curva con un mejor ajuste (sin agarraderas de control
visibles) entre los nuevos nodos y los nodos precedentes. Antes de soltar el botn
del mouse, puedes modificar una lnea flexible como si fuese un pedazo de
cable. Si el nodo precedente en la lnea tambin es inteligente, la flexibilidad se
extiende a los mismos. Puedes presionar la tecla Shift para crear un nuevo nodo
que tenga intervalos de 15.
3. Para extender una lnea existente, repite el paso 2 para cada segmento nuevo. Cada
segmento puede ser de tipos diferentes.
4. Para terminar la lnea, presiona Esc, doble clic o selecciona una herramienta diferente.
Para ms informacin sobre edicin de lneas ver la ayuda de WebPlus.
Ajustes de las Propiedades de la lnea.
Todas las lneas, incluyendo aquellas que forman figuras, tienen numerosas propiedades,
incluyendo color, tamao (grosor / delgadez), escalado, tapa (final) y una esquina de unin.
Puedes variar estas propiedades para cualquier lnea a mano alzada, recta o curva as como para el
contorno de las figuras (ver Dibujar y Editar formas). Marcos de texto, tablas y objetos de texto
artstico tienen propiedades de lnea tambin.
Para cambiar las propiedades de lnea de los objetos seleccionados:
- Utiliza la pestaa de muestras para cambiar el color de las lneas y/o sobra. (Si se
cambia el color de lnea de una forma u otro objeto, asegrate de dar clic en el botn
Lnea para que sea la lnea y no el relleno el que cambie). Clic en una muestra de la galera
dentro de la pestaa de Publicacin o plantillas estndares para aplicar ese color a los
objetos seleccionados. Alternativamente, utiliza la pestaa de color para aplicar un color a
los objetos seleccionados desde el mezclador de color.
- Utiliza la pestaa de lneas o la barra de herramientas lnea (mostrada cuando una lnea se
selecciona) para cambiar el grosor de la lnea (delgadez), tipo u otras propiedades.
Selecciona un grosor de lnea, y utiliza el desplegable para seleccionar un tipo. La barra de
herramientas tambin puede ajustar la escala como porcentaje.
En la pestaa de lneas o la barra de herramientas, el men desplegable que se encuentra en la
parte media Estilos de Lnea provee los siguientes estilos: Ninguno, Sencillo, Caligrfico, y varias
muestras de lneas Punteadas y Discontinuas como se ilustra en la imagen siguiente.

Varias tcnicas ofrecen maneras adicionales de personalizar lneas:

Para lneas punteadas/discontinuas, selecciona uno de los cinco estilos
(ver arriba)
O
(Slo en pestaa) arrastra mueve el Patrn de Puntos para ajustar el
tamao total del patrn (el nmero de cajas al lado izquierdo del
deslizador) y la longitud de la lnea discontinua. La ilustracin muestra las
lneas discontinuas de (1) 4 y 2, y (2) 5 y 4.




Para dobles lneas, selecciona una de las cuatro opciones de estilo (ver
arriba).


(Slo Pestaa) Para lneas caligrficas de grosor variable (dibuja como si
fuera una pluma a cierto ngulo), selecciona estilo de lnea caligrfica
(opuesto) desde el men desplegable despus usa la caja de ngulo
Caligrfico para ajustar el ngulo que se mostrar, as como se muestra en
el ejemplo siguiente.


La pestaa de lnea tambin te permite variar el final de la lnea y la unin donde dos lneas hacen
interseccin. Ambas propiedades tienden a ser ms visibles en lneas delgadas, las uniones son
ms perceptibles cuando tienen ngulos agudos. Los conos de botn comunican claramente cada
ajuste:

Para tener acceso a todas las propiedades de lnea:
- Clic en el botn de Lnea/Borde en la barra de herramientas flotante.
- En el dilogo de Lneas y Bordes, la pestaa de lneas te permite ajustar todas las
propiedades de lneas descritas en la parte superior ms el fin de lnea y la escala.
Nota: La pestaa de bordes (ver Aadir bordes) provee una variedad de otras opciones
para contornos decorativas.
- Para aplicar un borde a contornos especficos del objeto, utiliza la pestaa de Contornos
de Borde.
Dibujando y Editando Formas
WebPlus provee herramientas de Lpiz, Pluma, Lnea Recta, Forma Rpida para que as puedas
crear grficos simples. Las Formas Rpidas son objetos prediseados que puedes
instantneamente aadir a tu pgina, despus ajustar y variar utilizando las agarraderas de
control.
Otra manera de crear formas es dibujar una lnea (o series de segmentos) y despus conectar los
nodos de inicio y fin, creando una forma cerrada. Una vez que has dibujado una forma, puedes
ajustar sus propiedades por ejemplo, aplicar degradado o relleno de mapas de bit (incluyendo
tus propias fotos de mapas de bit) o aplicar efectos de transparencia. Puedes incluso utilizar
manijas deslizantes para crear variaciones en la forma original.
Tambin es posible usar la figura siempre a la mano de la barra de herramientas situada sobre el
espacio de trabajo para ajustar el grosor de lnea, color, estilo y ms. Nuevas formas siempre
toman los ajustes default de lnea y relleno (inicialmente una lnea negra sin relleno).
Formas Rpidas
El flotante de formas rpidas contiene una variedad amplia de formas comnmente usadas
incluyendo recuadros, valos, flechas, polgonos y estrellas. Puedes usar el botn de Formas
Rpidas para:

- Polgonos o crculos decorativos
- Flechas, estrellas, funcionales.
- Botones Web, cualquier forma rpida
servir, pero intenta la herramienta de
Botn Rpido (encerrado en el circulo en
la parte izquierda) para crear botones de
estilos. Aadir hipervnculos o puntos de
acceso para hacer tus formas clicables.
- Un borde que enmarque la pgina,
ejemplo, un recuadro en la pgina
completa.
- Panel de sobras, tambin conocido como
pantallas, detrs de imgenes/texto para
ser un foco de atencin.

Para crear una forma rpida:
1. Clic en el botn Forma Rpida en la barra de herramientas y selecciona una forma desde
el flotante. El botn toma el icono de la forma que seleccionaste.
2. Clic en la pgina para crear una nueva forma como un tamao default. Arrastra para
ajustar sus dimensiones.
3. Cuando la forma est en el tamao correcto, suelta el botn del mouse. Ahora puedes
alterar la forma al arrastrar sus agarraderas.
Para dibujar una forma limitada (como un crculo):
- Mantn la tecla Shift presionada mientras arrastras.
Todas las formas rpidas pueden ser posicionadas, redimensionadas, rotadas, y rellenadas. Ms
all, puedes ajustar sus diseos usando la herramienta de puntero. Cada forma cambia en una
manera lgica que permite alterar su apariencia exacta. La habilitad de alterar la apariencia de
formas rpidas hace que sean ms flexibles y convenientes que las imgenes con diseos
similares.
Para ajustar la apariencia de una forma rpida:
1. Clic en la forma rpida para mostrar una o ms agarraderas alrededor de la forma. Estas
son distintas desde la seleccin interna. Diferentes Formas Rpidas tienen diferentes
agarraderas con funciones separadas.
2. Para cambiar la apariencia de una forma rpida, arrastra sus agarraderas.
Para saber lo que hace cada agarradera, mueve el puntero sobre la agarradera y lee lo que
aparece en la lnea de sugerencias.

Formas Cerradas
Tan pronto como dibujes o selecciones una lnea, vers sus nodos aparecer. Los nodos muestran
los puntos finales de cada segmento en la lnea. Las curvas de mano alzada normalmente tienen
muchos nodos; las lneas curvas o rectas slo tienen dos (1). Puedes hacer una forma al dibujar
una lnea entre nodos finales (2), o simplemente al cerrar la curva (3).

Para hacer que una lnea seleccionada sea una forma:
Puedes ir por otro lado - romper una forma para aadir ms segmentos de lnea.
Para romper una lnea o forma
1. Con la herramienta de puntero, selecciona el nodo donde quieres romper la forma.
2. Clic en el botn Romper Curva en la barra de herramientas de Curvas. Una lnea separar
este en dos lneas. Una forma se transformar en lnea, con el nodo seleccionado hecho
dos nodos, uno al final de cada nueva lnea.
3. Puedes ahora usar la herramienta de puntero para reformar la lnea como se necesite.
Per ayuda de WebPlus para ms informacin en edicin de formas.
Usando filtros de efectos 2D
WebPlus provee una variedad de filtros de efectos que puedes usar para transformar cualquier
objeto. Los filtros de efectos en 3D te permiten crear la impresin de una superficie con textura y
se cubre despus. Aqu veremos los filtros de efectos 2D. Los siguientes ejemplos nos mostrarn
cada filtro cuando se aplica a la letra A.

WebPlus adicionalmente provee una herramienta de sobras para aplicar sobras a objetos
directamente desde la pgina web.
Para aplicar filtros de efectos en 2D.
1. Selecciona un objeto y da clic en el botn de Filtros de Efecto en la barra de herramientas
flotante.
2. Para aplicar un efecto particular, seleccinalo en la lista de la izquierda. Para ciertos
efectos, tambin selecciona el tipo desde la lista desplegable. Puedes aplicar mltiples
efectos a un objeto dado.
3. Para ajustar las propiedades de un efecto especfico, selecciona su nombre y haz las
variaciones en el cuadro de dilogo. Ajusta los deslizadores o introduce valores especficos
para variar el efecto combinado. (Puedes tambin seleccionar un deslizador y usar las
teclas del teclado). Las opciones son diferentes de un efecto a otro.
4. Clic en Ok para aplicar el efecto en el objeto seleccionado, o Cancelar para abandonar los
cambios.
Creando reflexiones
Una simple manera de aadir una aptitud creativa a tu pgina es aplicar una reflexin vertical en
un objeto seleccionado. El efecto es especialmente hipnotizador cuando se aplica a las imgenes,
pero puede ser igual de impresionante en texto artstico, como ttulos de pgina o banner de
texto. Una combinacin de ajustes puede controlar la opacidad, tamao, desenfoque de la
reflexin.
Creando Contornos
WebPlus te permite crear contornos coloridos alrededor de objetos, especialmente texto y formas
(como filtro de efecto). Para cualquier contorno, puedes ajustar el tamao, color, transparencia,
relleno y modo de mezcla. El contorno tambin puede tomar un relleno degradado, relleno de
contorno nico (relleno que va del centro al borde del contorno), o un patrn de relleno y puede
residir dentro o fuera, o centrado en el borde del objeto.
Mientras que con todos los efectos puedes cambiar el efecto del contorno. Tambin puedes
aplicar una combinacin de efectos 2D y 3D junto con tus contornos al seleccionar otras opciones
en el dilogo de Filtros de Efecto.
Difuminado
Varios efectos de difuminado pueden ser aplicados a los objetos WebPlus. Los tipos de difuminado
incluyen:
- Gaussiano: El efecto suaviza al promediar pixeles usando una curva.
- Zoom: Aplica rayas convergentes a la imagen para simular un lente de zoom.
- Radial: Aplica rayas concntricas al objeto para simular una cmara o sujeto rotante.
- Movimiento: Aplica rayas derechas al objeto para simular el efecto de movimiento en el
sujeto o cmara
Utilizando la herramienta de sombras
Las sombras son grandiosas para aadir aptitud y dimensin a tu trabajo, particularmente a las
imgenes y objetos de texto, pero tambin a las formas, marcos de texto y tablas. Para ayudarte a
crearlos rpida y fcilmente, WebPlus provee la herramienta de sombras en la barra de
herramientas flotante Efectos. La herramienta te permite controlar de manera libre el efecto
permitiendo la creacin de sombras ajustables bsicas / Borde Sesgado para cualquier objeto de
WebPlus.

Bsica (izquierda) / Borde sesgado (derecha) aplicado a un cuadrado realizado por Formas rpidas.
El ajuste del color de la sombra, opacidad, difuminado, y escalado/distancia es posible usando los
nodos controlables directamente en la pgina (o va sombra de soporte en la barra de
herramientas). Los nodos pueden ser arrastrados dentro o fuera desde la sombra origen para
modificar la opacidad y difuminado de la sombra. Para diferentes colores, selecciona el nodo de
color, despus escoge un nuevo color desde la pestaa de color o muestras.
Dependiendo en la sombra (bsica / borde sesgado), el origen puede existir en el centro o en el
borde de un objeto, respectivamente.

Una vez que creaste una sombra, puedes modificarla como se necesite usando el dilogo Filtros de
Efectos.
Utilizando filtros de efectos 3D
Estos filtros van ms all que los filtros 2D (como sombras, brillo, bisel y relieve) sirven para crear
la impresin de una superficie texturizada en el objeto mismo. Puedes usar el dilogo Filtros de
Efecto para aplicar uno o ms efectos al mismo objeto. Mantn en cuenta que ninguno de estos
efectos 3D har nada a un objeto sin relleno necesitan tener relleno para ver la diferencia que
hacen.

Resumen
Para aplicar un filtro de efecto 3D a un objeto seleccionado:
1. Clic en el botn de Filtros de Efecto en la barra de herramientas flotante Efectos
2. Selecciona la opcin Efectos 3D del lado izquierdo. La opcin iluminacin 3D est
seleccionada por default.

- Efectos 3D es un interruptor maestro, y sus ajustes de
difuminado y profundidad hacen una gran
diferencia; puedes dar clic en el botn + para
desvincular y aplicar ajustes independientes.
- La Iluminacin 3D provee una fuente de luz sin
ninguna informacin de profundidad en el efecto no
se ver visible. Los ajustes te permiten iluminar tu
paisaje 3D y variar sus propiedades reflexivas.


Observaras que los bump maps y los mapas de patrones tendrn dos variedades: 2D y 3D. Son
todos con efectos de tres dimensiones las distinciones 2D/3D se refieren a como cada una
alcanza el resultado. Con los mapas 2D comenzaras a seleccionar mapas de bits de la galera. Con
los bump maps 3D y los mapas de patrones primero seleccionars una funcin matemtica. La
funcin incluye datos sobre el espacio interior, mientras que los otros describen slo
caractersticas de superficie.
Efectos mltiples. Puedes combinar mltiples filtros de efectos 3D, as como se muestra en la
imagen superior. Los efectos se aplican acumulativamente, en una secuencia estndar: 3D bump
2D bump 3D Patrn 2D Patrn iluminacin 3D.
Bump Maps 3D
Este efecto crea la impresin de una superficie texturizada al aplicar una funcin matemtica que
selecciones para aadir informacin de profundidad, para efecto de montaa-valle. Puedes usar
bump maps en conjunto con otros filtros 3D, pero no con 2D.
Bump Maps 2D.
El efecto 2D crea la impresin de una superficie texturizada al aplicar escalas de grises que
selecciones para aadir informacin de profundidad, para efecto de montaa valle. Puedes usar
bump maps en conjunto con otros filtros 2D, pero no con 3D.
Patrones 3D
Este efecto crea la impresin de una superficie texturizada al aplicar funciones matemticas que
seleccionas introducir variaciones de color. Puedes usar este efecto en conjunto con ms filtros de
efecto 3D. (Ver la parte superior para detalles tcnicos sobre estos efectos).
Patrones 2D
Este efecto crea la impresin de una superficie texturizada al aplicar un mapa de bit en escala de
grises que seleccionas para introducir variaciones de color. Puedes usar el patrn 2D en conjunto
con otros filtros de efecto 3D.
Transparencia
La transparencia uniforme de un objeto (con el filtro de efecto 3D aplicado) puede ser controlada
por medio de la pestaa Transparencia (ver el ejemplo inferior). Sin embargo, para un control de
transparencia ms sofisticado, especficamente para estimular efectos de luz en objetos de vidrio,
las propiedades de transparencia pueden ser ajustadas independientemente para superficies no
reflexivas (normalmente sombras en los bordes de los objetos) ver el efecto inferior.

Iluminacin 3D
Este efecto trabaja en conjunto con otros efectos 3D, te permite variar la iluminacin de las
superficies y las propiedades reflexivas.
Aadiendo Dimensin (en lugar de 3D)
Utilizando la funcin 3D Instantneo, puedes fcilmente transformar las figuras planas
(mostradas) y texto en objetos de tres dimensiones.

WebPlus provee control sobre ajustes de efectos 3D como:
- Biselado: utiliza varios conjuntos de cincelado y redondeado o crea tus propios con el
editor de perfil biselado.
- Iluminacin: hasta ocho colores separados editables que pueden ser posicionados para
producir efectos de luz dramticos.
- Efecto de Torno: crea objetos contorneados (ejemplo una rosca de botella) con el editor
de control y edicin de extrusin.
- Textura: controla como la textura se extrude en los objetos que no tienen relleno slido.
- Vista: rota tu objeto en tres dimensiones.
- Material: controla la extensin de donde la luz tiene efecto en las superficies de los
objetos (bueno para texto artstico en 3D).
La barra de herramientas 3D siempre estar en la parte superior en tu espacio de trabajo, te
permite configurar las funciones superiores cada funcin contribuye a un efecto 3D aplicado al
objeto seleccionado. Para control de objetos en la pgina que puedes transformar en 3D con el
uso de un crculo rojo que acta como eje para rotar X, Y y Z en relacin a tu pgina. Observa el
cursor, este cambia cuando lo pasas sobre los nodos rojos del crculo.

Transforma en base a los ejes de los objetos 3D en vez de los ejes de tus pginas al mantener
presionada la tecla Ctrl mientras transformas.
Puedes tambin ajustar el ngulo de elevacin de cada luz activa en la pgina al arrastrar el
puntero de luz a una posicin donde simula una fuente de luz.
Despus de cualquier transformacin, el objeto base restante permanece editable.
Para aadir dimensin:
1. Selecciona el objeto y clic en el botn de 3D instantneo desde la barra de herramientas
flotante Efectos (o selecciona 3D instantneo desde el men Formato). El objeto
inmediatamente adoptar caractersticas 3D con un crculo rojo mostrado en las fronteras
del objeto.
2. Clic en la categora de efecto 3D desde el primer men desplegable en la barra de
herramientas 3D, la barra de opciones cambia dinmicamente segn la categora
seleccionada. Ver ayuda WebPlus para ms detalles.
Si no te gusta el resultado de tu objeto 3D, puedes revertir la transformacin inicial del objeto al
dar clic en el botn Reajustar Default en la barra de herramientas.
Para quitar los efectos 3D
- Clic en el botn remover 3D en la barra de herramientas. Siempre puedes dar clic en el
botn 3D Instantneo despus para poner una vez ms el efecto.

Para editar las propiedades de un objeto 3D:
- Selecciona el objeto 3D, despus clic en el botn editar en la esquina inferior derecha del
objeto 3D.

El objeto se muestra sin sus efectos 3D, permitiendo as la seleccin de las agarraderas para
manipular redimensionar y rotar.
Aadiendo Bordes

Un borde en WebPlus es la repeticin de un elemento decorativo que puede ser ajustado para
delimitar un objeto, dando la apariencia de un marco de foto. Los bordes trabajan
especialmente con imgenes importadas.
Para aadir un borde a un objeto
1. Clic en el botn Lnea / Borde en la barra de herramientas flotante Relleno.
2. Si quieres aplicar el borde a contornos especficos. En la parte izquierda se pre visualiza
como se vern los bordes seleccionados en el objeto seleccionado cuando des clic en el
botn Ok de la pestaa Borde.
a. Para seleccionar todos los bordes o ningn borde, clic en el icono correspondiente
en la fila superior.
b. Para apalancar un borde, clic en el icono correspondiente en la fila inferior.
3. Para definir el borde, selecciona la pestaa Borde. En la lista desplegable lado, selecciona
el borde. Puedes usar las flechas arriba/abajo para moverte en la lista, y pre visualizar
cada borde en la ventana del lado derecho. Para remover el borde selecciona Ninguno.
4. Para mantener el patrn de esquinas igual que lados, deja la opcin Mantn lados y
esquinas iguales. Para mezclar y coincidir, deselecciona la opcin y selecciona uno desde
la lista Esquina.
5. Selecciona ajustes de Alineacin para hacer que el borde encaje con el borde
exterior/interior del objeto, o en la parte media de sus lmites.
6. Ajusta otras propiedades si as lo necesitas:
a. Para variar el ancho del borde, selecciona o introduce un valor de grosor en la
lista.
b. Si est seleccionada la opcin Contenido Trasero, la mitad interior del borde se
extiende a la parte trasera del objeto. Si no est seleccionada, todo el borde
aparece frente (mientras ms ancho el borde, ms invade la regin rellena).
c. Si la opcin Escala con Objeto est seleccionada, tanto el borde como el objeto
cambian juntos en caso de que se redimensione el objeto. Si no est seleccionada,
el borde permanece igual mientras se redimensiona un objeto.
7. Clic Ok cuando termines.
Utilizando estilos de objeto
Los estilos de objeto benefician tu esfuerzo de diseo de la misma manera en que los estilos de
texto y esquemas de color lo hacen. Una vez que has ajustado un conjunto de atributos que te
gustan propiedades como lnea de color, relleno, borde y ms puedes guardar estos atributos
como un estilo. WebPlus recuerda qu objetos se estn usando, y el estilo aparece en la pestaa
Estilos.

Aqu se dice como los estilos de objeto trabajan para tu ventaja:
- En cualquier momento que quieras alterar algunos aspectos del estilo (por ejemplo,
cambiar la lnea de color), simplemente lo cambias desde la definicin de estilo.
Instantneamente, todos los objetos en tu sitio que comparten el estilo se actualizarn.
- Los estilos de objeto que se guardan de manera global no aparecen slo en el sitio original
sino en cualquier sitio nuevo; as puedes reutilizar exactamente la misma combinacin
atractiva de atributos para cualquier diseo subsecuente sin ningn esfuerzo.
Como bono, la pestaa de estilo enva mltiples galeras de estilos prediseados que puedes
aplicar a cualquier objeto, o personalizarlos a tu propio gusto.
Cada estilo de objeto incluye ajustes de atributo para objetos, como lnea de color, estilo de lnea,
relleno, transparencia, efecto de filtro, fuente y borde. La libertad de incluir o excluir ciertos
atributos y la casi ilimitada gran posibilidad de opciones para cada atributo, hacen a esta una
herramienta poderosa para el diseo.
Para aplicar estilo a uno o ms objetos:
1. Muestra la pestaa de Estilos
2. Despliega el men desplegable para mostrar un men en estructura de rbol que muestra
categoras 3D, filtros de efecto y material. Navega el men para seleccionar al categora
mientras pre-visualizas los estilos disponibles como miniaturas en el panel inferior
3. Clic en una miniatura en el panel para aplicarlo al o los objetos seleccionados.
Selecciona Formato Estilo de Objeto Crear para crear nuevos estilos de objeto basados en
atributos existentes.

Imgenes, Animaciones y Multimedia
Importar Imgenes
WebPlus te permite insertar imgenes desde una amplia variedad de formatos de archivos. Aqu
est una rpida sinopsis de cmo hacerlo:
- Imgenes de Mapa de Bits, tambin se conocen como mapas de bits o imgenes de
trama, estn construidas desde una matriz de puntos (pixeles), en vez de cuadrados en
una hoja de papel. Pueden ser originadas desde cmaras digitales o imgenes escaneadas,
o creadas (mejoradas) con un programa como paint o un editor de fotos.
- Los grficos de dibujo, tambin conocidos como imgenes de vector, son de resolucin
independiente y contienen comandos de trazo como dibuja una lnea de A B
- Meta-archivos son el formato grfico nativo para Windows y combina las imgenes de
trama con la informacin de vector.
Tambin puedes adquirir imgenes directamente desde PhotoCD o va dispositivo TWAIN (escner
o cmaras digitales).
Insertar imgenes
Hay varias maneras de traer una imagen a WebPlus. Puedes arrastrar el archivo desde un folder
externo directamente en la pgina, arrastrar la miniatura desde la barra de medios WebPlus
(pgina 185), pegar desde el portapapeles, o importar una imagen como archivo va dilogo.
- Imgenes Separadas, flotan libremente en la pgina, mientras que las imgenes en lnea
son incorporadas el flujo de texto en un objeto.
- Imgenes Incrustradas se convierten en parte del proyecto WebPlus, mientras que los
lugares de vinculacin colocan una copia de referencia de la imagen en la pgina y
preservan una conexin con la imagen original. Cada aproximacin tiene sus pro y contras
(ver Incrustar vs Vincular en la pgina 184).
WebPlus te permite colocar tu imagen en la pgina en su tamao original. La imagen tendr
bloqueado el recorte por default pero tienes la opcin de cortar la imagen, posicionar y esaclar
dentro del marco de la imagen.
Para aadir una imagen desde la barra de medios:
- Arrastra una miniatura de imagen en la pgina desde el lbum actualmente mostrado en
la barra de medios WebPlus (despliega la barra desde el botn en tu rea de trabajo).
Puedes tambin arrastrar a una imagen existente para reemplazarlo.
Para importar una imagen desde un archivo:
1. (Opcional) Si quieres colocar la imagen en lnea, clic para crear un punto de insercin en el
objeto de texto. Para imgenes separadas, asegura que el objeto de texto este sin
seleccionar.
2. En la ventana principal:
a. Clic en el botn Importar Imagen en la barra flotante Imgenes.
O
En WritePlus:
b. Selecciona el archivo de imagen desde el men Insertar.
3. Usa el dilogo para seleccionar el archivo de imagen que se abrir.
4. Selecciona ya se Imagen Incrustada o Vincular Imagen. Ver Incrustar vs Vincular en la
pgina 184.
5. Clic Abrir
6. Si hay un punto de insercin de texto en la ventana principal, se te preguntar si quieres
insertar la imagen en la posicin del cursor actual. Clic Si en caso de que esto sea lo que
necesites.
Si no hay ningn punto de insercin (o tu respuesta fue No en la peticin anterior) vers el
puntero de mouse cambiar al cursor de pegado de imagen. Lo que hagas a continuacin
determinar el tamao inicial y colocacin de la imagen separada.
7. Para insertar la imagen en su tamao original, simplemente da un clic con el mouse.
O
Para ajustar el tamao de la imagen, arrastra a una regin y suelta el botn del mouse.
Utiliza la tecla Shift para colocacin sin restricciones (la operacin normal mantiene el
radio de la imagen).
Para pegado de mltiples imgenes, selecciona mltiples imgenes en el dilogo abierto, despus
pega cada imagen una por una en la pgina (al dar clics consecutivos).
Reemplazando imgenes
La opcin de reemplazar imagen te permite cambiar una imagen en cualquier momento,
especialmente cuando quieres mantener la posicin y dimensiones de una imagen en la pgina
pero quieres actualizar la imagen misma. Puede ser utilizada en cualquier imagen (cortada o sin
cortar).
Para reemplazar imgenes:
- Clic en el botn reemplazar imagen directamente bajo la imagen seleccionada, localiza y
selecciona una imagen. Clic Abrir.
Para reemplazar una imagen por la barra de medios:
- Arrastra una miniatura de la imagen en una imagen existente desde el lbum que se
muestra actualmente en la barra de medios (despliega la barra de medios desde el final de
tu rea de trabajo).

Ajustando imgenes cortadas
WebPlus provee opciones adicionales para trabajar con imgenes cortadas ya sea imgenes que
cortas con las herramientas de cortado (barra de herramientas) o imgenes reemplazables que ya
estn presentes en las plantillas de diseo. Por ejemplo, puedes hacer zoom para ajustar la
porcin de imgenes que se muestre dentro de su marco o puedes cambiar la manera en que la
imagen se escala y alinea al ajustar sus propiedades de marco.
Cuando selecciones una imagen cortada con la herramienta de puntero, una barra de control se
muestra en la parte inferior ofreciendo rotacin, zoom, y opciones de reemplazo de imagen.
- Para reposicionar una imagen cortada dentro de su marco, clic en , y despus clic
y arrastrar en la imagen.
- Para rotar una imagen en incrementos de 90, clic en el botn de .
- Para hacer zoom en una imagen, clic en los botones .
- Para reemplazar una imagen, clic en , despus buscar para localizar la nueva
imagen y clic en Abrir.
Para alterar propiedades de marco:
1. Clic derecho en una imagen cortada y selecciona Propiedades de Marco
O
Selecciona la imagen y selecciona propiedades de marco en la barra de herramientas
Imagen.
2. En el dilogo, puedes escalar para maximizar/minimizar, Estirar para Adaptarse, o usar el
tamao original de la imagen (Sin Escala).
3. Para cambiar la alineacin vertical del a imagen dentro del marco, selecciona Superior,
Medio, Inferior.
4. Para alineacin horizontal, selecciona Izquierda, Centro, Derecha.
Seleccionando una imagen sin cortar ofrece slo un botn de Reemplazo de Imagen.
Incrustar contra Vincular
Incrustar significa que la imagen en WebPlus es diferente ahora del archivo original. Incrustar hace
que el archivo de WebPlus sea muy pesado, y si necesitar alterar una imagen incrustada debers
re-importar despus de editar. Sin embargo, es la mejor opcin si el tamao del archivo no es un
problema y los grficos son definitivos.
Vincular inserta una copia de la imagen en el sitio de WebPlus, vinculado al archivo actual para
que cualquier cambio que se haga en la aplicacin nativa se vea reflejado en WebPlus. Vincular es
una manera de evitar hinchar al limitar el tamao del archivo del proyecto. Por otro lado,
necesitas incluir todos los vnculos cuidadosamente, por ejemplo asegurar de incluir todos en caso
de mover el archivo de WebPlus a un dispositivo diferente.
Por default, WebPlus nos pide incrustar imgenes que son de 256 KB, al preseleccionar la opcin
Imagen Incrustada en el dilogo de Insertar Imagen (pero puedes siempre seleccionar Vincular
Imagen). Si quieres, puedes cambiar el umbral de tamao en el archivo o incluso quitar la
seleccin automtica.
Puedes verificar los recursos por medio del Administrador del Sitio despus, para cambiar el
estatus de los tems vinculados a incrustados, o viceversa.
Al arrastrar imgenes desde la barra de medios, las imgenes de 256 KB son incrustadas, mientras
que las dems son vinculadas, si presionas la tecla Shift mientras arrastras cambiars el estatus de
esto.
Para preseleccionar incrustado o vinculado basado en el tamao del archivo:
1. Selecciona opciones desde el men Herramientas. Selecciona el men opciones.
2. Para seleccionar la opcin Imagen Incrustada para imgenes bajo un tamao especfico,
selecciona el umbral de tamao en Incrustar si es ms pequeo que. (Vincular Imagen
ser preseleccionado para imgenes ms grandes que el umbral).
3. Para seleccionar si incrustar o vincular cada imagen, deselecciona Sugerir
incrustar/vincular imagen. Puedes an seleccionar la opcin en el dilogo de importar;
ahora recordar y preseleccionar el ltimo ajuste que usaste.
Usando la barra de medios
La barra de medios acta como una canasta conteniendo fotos para incluir en tu sitio Web. Es de
gran uso ayudar el proceso de diseo al mejorar la eficiencia (evitar tener que importar fotos una
a una) y comodidad (hacer que las fotos siempre estn a la mano). Para enriquecer el sitio Web
con fotos, quizs basadas en las plantillas de WebPlus, la Barra de Medios es una herramienta
valiosa para arrastrar fotos directamente en fotos que no se desean y reemplazarlas.

La barra de medios puede ser usada como un almacenamiento temporal antes de colocar
imgenes en tu sitio Web, o puede ser usada para crear lbumes de Fotos desde donde puedes
recuperar imgenes almacenadas en cualquier momento. Por default, las fotos son aadidas a un
lbum temporal pero recuerda dar clic en Nuevo lbum si quieres guardar el lbum para usarlo
despus. Cada vez que inicies WebPlus puedes simplemente cargar tu nuevo lbum (u otros
guardados) o slo trabajar con un lbum temporal es tu decisin.
Puedes importar un nmero de fotos ilimitado por archivo o por carpetas completas, ya sea que
las fotos estn incrustadas o vinculadas en tu proyecto antes de la colocacin de la foto en la
pgina.
Para una coleccin de fotos ms grande, buscar a travs de lbumes de fotos por nombre de
archivo y EXIF, IPTC o XMP meta datos; incluso editar los metadatos XMP desde WebPlus.
El lbum actualmente cargado que se muestra en tu barra de medios permanecer visible sin
importar qu documento hayas abierto.
Las miniaturas pueden ser arrastradas desde la barra de medios directamente en una imagen
existente en tu pgina, reemplazndola en el proceso. Alternativamente, una imagen puede ser
aadida como nueva, siendo esta colocada en su tamao original.
Para ver la barra de medios:
- A menos que ya se muestre, clic en el botn que est en la parte final de
tu espacio de trabajo.

Para aadir fotos a un lbum temporal:
1. Con la barra de medios visible y el lbum de fotos cargado, clic en la barra de medios para
revelar el dilogo Importar Imagen
2. Desde el dilogo, navega al folder, despus selecciona fotos para importar. Las fotos se
vinculan por default.
3. Clic Abrir. Tus fotos aparecen como miniaturas en la barra de men de tu espacio de
trabajo.
A menos que lo guardes, el lbum temporario y su contenido no ser guardado cuando cierres
WebPlus.
Puedes arrastrar uno o ms archivos desde cualquier carpeta de Windows directamente en la
ventana de barra de medios. Si das clic derecho en una imagen en la barra de medios y seleccionas
Localizar en el explorador se abrir la carpeta de fotos por medio del explorador de Windows
esta opcin es muy buena para arrastrar y soltar o slo administrar archivos de manera general.
Para guardar un lbum temporal a un lbum con nombre:
1. Clic en la flecha en el botn . Desde el men, selecciona Nuevo
lbum.
2. En el dilogo Nuevo lbum, introduce el nombre del mismo en la caja correspondiente
para identificar el lbum en el futuro.
3. (Opcional) Puedes alterar la resolucin para cualquier foto (nativa o de 96dpi) o incrustar /
vincular el estatus antes de colocarlo en tu pgina clic en los ajustes de foto (DPI,
Colocacin) y usar el men desplegable de ajustes para cambiar. Puedes tambin cambiar
estos ajustes durante arrastrar/soltar en la pgina.
4. Clic Ok.
Para incluir un lbum de fotos temporal en un lbum guardado, clic en el botn Aadir a y
selecciona el lbum nombrado desde el men.
Para crear un lbum nombrado:
1. Clic en el botn de Nuevo lbum en la barra
2. En el dilogo introduce el nombre del lbum para identificar el mismo en el futuro.
3. Clic en el botn Aadir Imagen o Aadir Folder
4. En el dilogo, navega a una foto o folder y opcionalmente selecciona ya sea que tus fotos
se coloquen en tamao nativo o de 96 dpi, se incrusten o se vinculen (las imgenes
incrustadas incrementas el tamao del archivo considerablemente). Clic en Abrir.
5. El dilogo del nuevo lbum enlista los archivos que se incluirn. Opcionalmente, altera las
opciones DPI y de Incrustado al dar clic en cada ajuste de imagen, despus selecciona del
men desplegable.
6. Clic Ok.
Para cargar un lbum guardado:
- Selecciona el nombre del lbum guardado desde la barra superior derecha en el men
desplegable. El lbum de fotos se mostrar en el rea de trabajo.
Un lbum guardado puede ser seleccionado como se mostro en la parte superior y despus
modificado por medio del botn de administracin (slo mostrado para lbumes guardados).
Puedes aadir fotos/carpetas, borrar las mismas, cambiar DPI y alterar el estatus de
incrustar/vincular.
Para renombrar o borrar un lbum:
- Clic derecho en el nombre de un lbum existente en la barra superior derecha en el men
desplegable y selecciona renombrar lbum o borrar lbum
.

Para ordenar resultados desde un lbum:
- En la caja de bsqueda Ordenar Por, selecciona Nombre de Archivo, Calificacin, o Fecha
para re ordenar las imgenes segn cada opcin.
Aadiendo fotos a la pgina
Para aadir una foto a tu pgina:
1. Muestra un lbum temporal en la barra de medios o carga un lbum guardado desde el
men de la parte superior derecha en el men desplegable.
2. Arrastra una miniatura de la imagen a la pgina y suelta el botn del mouse.
Ajusta las opciones de importar imgenes
Cuando exportas tu proyecto como un sitio Web, WebPlus aplica ciertos ajustes globales para
determinar cmo cada imagen pegada, dibujada o importada- se mostrar en la pgina Web.
Aqu hay un resumen rpido de los ajustes de conversin pues son definidos inicialmente para
publicaciones Web:
- Cada imagen referenciada es exportada como un archivo separado.
- Cualquier imagen que se inserte como un GIF, JPEG, o PNG es exportada como archivo
original, usando solamente el nombre original del archivo.
- Los metarchivos y otros grficos son regenerados como imagen PNG.
Puedes alterar estos ajustes, pero antes de hacer esto debers revisar la lgica que WebPlus
aplica para publicar grficos Web. Primero, WebPlus tiene un formato default para todos los
grficos que convertir al exportar pero puedes asegurarte que existan excepciones a esta regla
al especificar que ciertos tipos de imagen debern permanecer en su archivo original. Inicialmente,
PNG es el formato de archivo default, menos los GIF. Por eso los ajustes iniciales superiores
indican que todas las imgenes se transforman a PNG a excepcin de formatos GIF.
Puedes seleccionar y cambiar estos ajustes en el dilogo de propiedades del sitio (Men Archivo).
Los ajustes aqu son globales y se aplican a todos los grficos en el sitio pero una vez ms puedes
hacer excepciones, en este caso para grficos individuales. Para hacer esto, para un grfico
seleccionado:
- Utiliza Opciones de Exportar Imagen (Men Formato) o el Administrador de Exportar
Imagen (Men Herramientas) para ajustar el formato de exportacin de imgenes
particulares en bases de caso por caso
O
Convertir ciertas imgenes a un formato especificado desde antes al utilizar Heramientas
Convertir Imagen
Esta combinacin de ajustes globales y locales te permite tener casi un control total (si as se
desea) sobre los grficos en tus pginas Web. Primero veamos cmo trabajan los ajustes globales.
Para ajustar opciones de exportacin de manera global para grficos Web:
1. Selecciona las propiedades del sitio desde el men archivo y selecciona la pestaa de
Grficos. Despus ajusta las opciones siguientes:
2. Selecciona Optimizar superposicin de grficos para hacer que WebPlus analice el sitio y
(donde existan archivos pequeos deber resultar) y las superposiciones de un grfico
como una imagen individual. Ya sea que esta opcin te convenga o no depender en tu
diseo particular. En vez de usar esta aproximacin de manera global, quizs consideres
utilizarlo en casos especficos (Herramientas Convertir a Imagen)
3. En la seccin Grficos Colocados, para reemplazar la conversin por imgenes de ciertos
formatos (insertados JPEG, GIF y/o PNG) selecciona qu formato preservar. Seleccionar un
formato significa que cualquier imagen que coloques en la pgina usando ese formato
estar en su formato de archivo original exento de la conversin al formato default. El
archivo reusado ser dado con un nombre diferente para evitar sobrescribir las imgenes
pequeas con archivos grandes (haciendo el sitio ms eficiente).
4. En la seccin Grficos generados, selecciona un formato de exportacin. Este es el formato
default al que se convertirn todos los grficos al exportar. Para JPG, puedes ajustar un
valor de compresin. Para PNG utiliza Transparencia PNG y Usar Compatibilidad al
Introducir para permitir transparencia PNG y transparencia alfa PNG (en internet Explorer
5.5 y 6.0), respectivamente.
5. Para exportar grficos originales, selecciona usar nombres de archivo grficos. Los
grficos sern almacenados en la raz de tu sitio Web publicado.
Ajustando las opciones de exportacin, ttulo, y texto alternativo para grficos individuales
El Administrador de Exportacin de Imgenes es un asistente que te permite ajustar los archivos
exportados para grficos individuales en el sitio, o para objetos como texto rotado que ser
convertido a imagen al exportar. Estos ajustes locales, imagen por imagen reemplaza los
ajustes globales (al ajustarse en Archivo Propiedades del Sitio) que utiliza WebPlus para
determinar el formato de exportacin. Puedes ejecutar el asistente para seleccionar una imagen
individual, la pgina actual, o el sitio entero. Para cada imagen, puedes guardar usando diferentes
mtodos. Ya sea:
- Seleccionar un formato especifico (GIF, JPEG, o PNG) para exportar (o slo poner los
ajustes default del sitio). Para JPEG, puedes seleccionar un nivel de compresin.
O
- Guardar el archivo en una ruta y nombre especificado al exportar. Quizs quieras aadir
nombres ms descriptivos para las imgenes exportadas (especialmente til cuando se
administra el sitio) en vez de tener el nombre que automticamente se genera al exportar.
Haz que tu propio ojo juzgue. Tu mejor apuesta es mantener la opcin de Utilizad ajustes default
del sitio para todas las imgenes con las que comienzas. Usar los ajustes globales originales
significa que las imgenes GIF, JPEG y PNG sern exportadas como su archivo original, mientras
que otros, incluyendo FormasRpidas y formas cerradas, sern publicados como PNG. Despus
pre-visualiza tu sitio y determina si quieres variar los ajustes globales o intentar formatos de salida
diferentes para imgenes especificas.
Incluso si no cambias ningn ajuste de formato, puedes ajustar el titulo de una imagen que
aparecer normalmente en la parte superior cuando se pasa el mouse por la imagen en el
buscador. Puedes tambin introducir texto alternativo (de manera manual o automtica) para
razones de accesibilidad.
Para ajustar el formato de exportacin, ttulo y/o texto alternativo:
1. Si ests seleccionado una imagen individual, puedes seleccionarla primero y dar clic en la
opcin Opciones de Exportacin de Imgenes desde Formato o dar clic derecho en el
men.
O
Para ver las opciones de exportacin Web para imgenes a travs de tu sitio, selecciona
Administrador de Exportacin de Imgenes desde el men herramientas.
2. (Slo si ests usando el Administrador de Exportacin de Imgenes) Selecciona si quieres
seleccionar un objeto, pgina actual o sitio entero en el asistente, despus clic en
Finalizar. El asistente cicla los grficos en el rango especificado, y muestra cada uno dentro
del dilogo de Opciones de Exportacin de Imgenes.
3. En la seccin de Guardar Imagen Como, puedes seleccionar habilitar ya sea:
a. Guardar en un formato y nombre escogidos por WebPlus. El formato del grfico es
definido en las propiedades del sitio (Grficos generados; Formatos Default); el
nombre es generado automticamente, ejemplo wp479d0ea6.
b. Guardar en este formato con un nombre seleccionado por WebPlus. Clic en GIF
JPEG PNG para especificar el formato de exportacin para el grfico actual.
Habilitar Usar ajustes default del sitio si el formato del sitio se debe mantener
pero WebPlus nombrar automticamente. Si seleccionas JPEG, selecciona una
calidad de compresin desde el men desplegable Compresin.
c. Guardar en mi ruta y nombre seleccionados. Clic en el botn Seleccionar Archivo.
El dilogo que se muestra te permite exportar con el nombre de archivo original
(habilitar usar nombre default) o seleccionar un nuevo nombre para la imagen
(Seleccionar nombre, e introducir un nuevo nombre para el archivo). Para
cualquier mtodo, puedes navegar al folder donde quieres guardar la imagen
exportada. El formato de archivo usado ser ajustado en los ajustes default del
sitio. Puedes reemplazar los ajustes default del sitio al alternar la extensin del
archivo en el campo de nombre seleccionado, ejemplo GIF / PNG.
4. Selecciona Excluir esta imagen de la optimizacin si no quieres que la imagen se combine
en una de las imgenes exportadas y se sobreponga con otra imagen del proyecto.
5. (Opcional) Selecciona de uno a varios mtodos de nuevos muestreos WebPlus puede
hacer varias muestras cuando se necesite, al archivo siempre se le har esto cuando por
ejemplo (se redimensione un archivo JPG) o nunca pasar (la imagen original se usar).
Habilita el botn de radio como se necesite. Al cambiar el formato esto siempre pasar.
6. Para introducir un ttulo para un grfico, ve al a pestaa de Alt y Titulo, e introduce el
texto apropiado. Esto mostrar un ttulo cuando se pase el cursor sobre la imagen.
7. En la misma pestaa, asigna un texto ALT a tu imagen para mejor accesibilidad. Puedes
introducir el texto al teclear en la caja de entrada o puedes seleccionar Utilizar texto ALT
default. Para despus, la imagen es exportada como sigue:
a. Si la imagen es decorativa (sin texto) no tendr texto ALT
O
b. Si la imagen es un grfico al que se le puede dar clic como un botn con etiqueta
(ejemplo: Atrs, Siguiente, etc.) y presentado en un lector de pantalla. Si el grfico
de ttulo es especificado, el texto de ttulo es usado como texto ALT.
8. Clic Ok.
Aplicando ajustes de imagen
La Barra de herramientas de imagen aparece automticamente cuando seleccionas una imagen en
la pgina. Puedes usar la barra de herramientas para mejorar la apariencia de cualquier imagen
que aparezca en tu pgina al ajustar el brillo y contraste directamente, ajustes de nivel y contraste
automtico, correccin de ojos rojos o aplicar ajustes de imagen. La barra de herramientas
tambin permite manipulacin de fotos.
Los ajustes de imagen son hechos con una mezcla de color herramientas de correccin / ajuste
para usar en tus imgenes recin importadas. Niveles, Balance de Color, Mezclador de Canales,
Removedor de polvo y rasguos y ajustes correctivos de Tono/Saturacin/Luminosidad tambin el
rango de brillo en la difusin artstica y efectos de difuminado. En realidad, ms de 20 ajustes
pueden ser aplicados directamente a la imagen no slo de manera individual sino acumulativa.
Los ajustes son administrados en el dilogo de Ajustes de Imagen. La galera ofrece una manera de
aplicar tus ajustes todo con soporte de una ventana de pre visualizacin dinmica.

Los ajustes pueden ser aplicados para importar imgenes as como converitr objetos a imgenes
dentro de WebPlus.
Si ests buscando editar tus imgenes de manera ms avanzada y tienes el software Serif
PhotoPlus (10.0 o superior) instalado, puedes usar Editar en PhotoPlus. Un botn en la barra de
herramientas Imagen cargar la imagen directamente en PhotoPlus. Puedes editar y guardar el
archivo de esta manera - si se actualiza o vincula, la nueva imagen alterada se actualizar en
WebPlus automticamente.
Aadiendo ajustes de imgenes
Aadiendo ajustes es tan fcil como seleccionar una opcin de un men desplegable en el dilogo
de Ajustes de Imgenes. Para asistir en la seleccin de los ajustes apropiados se enlistas en
separados ajustes correctivos (en la primera mitad de la lista), y ajustes de efectos (en la segunda
mitad). Tan pronto como el ajuste es seleccionado se aade a un conjunto de ajustes donde se
pueden aadir ms y construir ajustes acumulativos. Cualquier ajuste puede ser quitado, borrado
o reordenado de la lista. El orden en que aparecen puede producir diferentes resultados si no
ests feliz con el orden de los ajustes- WebPlus te permite mover el orden de los ajustes a
cualquier posicin.
Los ajustes son aplicados de tal manera que el ms reciente aparece al final de la lista y es el
ultimo en aplicarse a la imagen (despus de otros ajustes anteriores, si es que hay). En el ejemplo
superior, el efecto de Brillo Difuso es aplicado a la imagen primero, seguido de Niveles.
Para aadir una ajuste de imagen:
1. Selecciona una imagen a la que se quiera aplicar el ajuste.
2. Clic en el botn de Ajustes de Imagen en la barra de herramientas Imagen.
3. En el dilogo, clic en Aadir Ajuste.
4. Desde la lista desplegable, selecciona un ajuste. El ajuste se aadir a una ventana con
desplazamiento.
5. Selecciona el ajuste. Hay tres mtodos para configurar las propiedades dependiendo del
ajuste seleccionado.
Configuracin de ajustes al mover los deslizadores (si hay)
O
Introducir diferentes valores en las cajas presentadas.
O
Para ajustes ms complejos, haz cambios en los dilogos pop up (clic en Propiedades
Avanzadas para tener acceso a ellos).
NOTA: algunos ajustes no tienen propiedades y son aplicados directamente mientras son
seleccionados.
6. Clic en el botn OK.
Se puede aadir ms de un ajuste a la imagen repitiendo el procedimiento anterior.
Para borrar ajustes de una imagen:
- Dentro de los ajustes seleccionados, clic en el botn borrar ajustes.
Poniendo / quitando los ajustes
De la misma manera en que el contenido por capas puede ser ajustado de manera visible/invisible,
el botn Silenciar puede ser usado para hacer invisible/visible un ajuste de manera temporal.
Modificando los Ajustes
Las propiedades de cualquier ajuste seleccionado pueden ser cambiadas de una de dos maneras:
- Las propiedades se mostrarn al lado del ajuste (en el dilogo de ajustes de la imagen)
puedes alterar y experimentar con esto.
- Las propiedades de un ajuste pueden ser cambiadas al dar clic en el botn de Propiedades
Avanzadas (en el dilogo de la imagen) esto es debido a que algunos efectos son ms
complejos de modificar por su naturaleza y necesitan ser presentados en dilogos
separados.
Reordenando ajustes
Los ajustes pueden moverse en acomodo para cambiar el orden en que aparecern en la imagen.
Arrastrar y soltar en otra posicin dentro de la lista manteniendo el botn del mouse presionado
es la manera de hacer esto. Una lnea oscura indica la nueva posicin en donde quedar el ajuste
al soltar el botn del mouse.
Importando Imgenes TWAIN
Si tu escner o cmara digital provee soporte TWAIN, puedes escanear imgenes directamente en
WebPlus usando TWAIN estndar, o guardar la imagen escaneada TIFF o PCX y despus importar
en WebPlus.
Para ajustar tu dispositivo TWAIN para importar:
- Ve la documentacin que se da en tu dispositivo para instrucciones de operacin
Para importar una imagen escaneada
- Selecciona Imagen desde el men Insertar, despus selecciona TWAIN despus Adquirir
desde el submen abre el archivo.
Si tienes ms de un dispositivo TWAIN instalado, puedes necesitar seleccionar la fuente en donde
deseas realizar la operacin.
Para seleccionar una fuente TWAIN diferente para escaneo:
1. Selecciona Imagen desde el men Insertar, despus selecciona TWAIN, despus
Seleccionar Fuente desde el submen.
2. Identifica el dispositivo que quieres usar como fuente TWAIN.
Aadiendo Animacin
WebPlus te permite aadir variedades de animaciones que enamoran al ojo a cualquier pgina
web: marquesinas animados, animaciones GIF y archivos Flash (.SWF). Para cualquier efecto de
animacin, puedes pre visualizar la animacin y/o personalizar el efecto. Una vez que se coloca en
tu sitio Web, la animacin aparece esttica, pero cobrar vida una vez que el sitio ha sido
exportado y un visitante ve tu pgina en el buscador web.
Ten en cuenta que las animaciones aaden sobrecarga o tiempo de carga a tu pgina, y puede
no mostrarse tan rpida en la Web como cuando se pre visualiz.
Marquesinas Animadas
Estos son una manera impresionante de aadir un desplazamiento horizontal a los titulares o
frases. Puedes seleccionar color de fondo, introducir de una a tres lneas de texto, definir
propiedades de texto (seleccionar desde cualquier fuente instalada), desplazamiento de direccin,
velocidad y alineamiento por lnea. Si as lo quieres, puedes definir cualquier tipo de vinculo
destino para el marquesinas (ver Aadiendo hipervnculos y anclas en la pgina 225). Para un
efecto ms irresistible, selecciona dos lneas con un fuerte color contrastante de texto y
direcciones de desplazamiento opuestas.
Las marquesinas animadas aparecen como grficos estticos en WebPlus. Puedes cortar, copiar, y
reajustarlos como cualquier otro grfico. Se animarn cuando pre visualices en un buscador Web.
Para crear una marquesina animado:
- Clic en el botn Insertar Marquesina Animada en la barra flotante de herramientas de
Objetos de media Web
Para editar una marquesina animada que ya se defini:
- Doble clic en la marquesina. El dilogo de insertar marquesina animada se mostrar de
nuevo, con los ajustes actuales.
Animaciones GIF
WebPlus te permite seleccionar y pre visualizar cualquier animacin GIF. Son particularmente
tiles para ilustrar temas particulares o aadir algunas diversiones a tu pgina. Todas las
animaciones GIF aparecen como imgenes estticas en la pgina de WebPlus y, como cualquier
imagen puedes cortar, copiar, mover y reajustarlas como cualquier otro grfico. Se animarn
cuando se pre visualizan o se ven en un buscador Web.
Para pre visualizar e insertar un GIF animado:
1. Clic en el botn Insertar GIF Animado en la barra de herramientas flotante de Objetos de
media.
2. Usa el dilogo para seleccionar el archivo de imagen que se abrir. Selecciona Pre visualiza
para examinar imgenes en la parte derecha de la ventana.
3. Para mantener la imagen separada desde el archivo WebPlus (usando un vnculo al archivo
fuente) habilita Imagen Vinculada. Para incluir la imagen en el proyecto WebPlus, habilita
Imagen Incrustada.
4. Clic en Abrir.
5. Vers el cursor de Pegado de Imagen. Clic para insertar la animacin en un tamao default
o arrastra con un clic para ajustar el tamao.
Archivos Flash
Un archivo Flash (*.SWF) es una pelcula en formato Flash. (Flas es un programa de diseo
vectorial que permite la creacin de archivos pequeos en la Web). Los archivos Flash peden ser
aadidos en tu pgina (como una imagen) y se reproducirn sin la necesidad de pre visualizar en tu
buscador (o en una ventana de pre visualizacin WebPlus). Puedes cortar, mover y re
dimensionarlos como cualquier otro grfico.
Para ver algunos archivos Flash en accin, la pestaa de galera muestra una coleccin de banners
Flash (cada uno con parmetros pre-asignados) que pueden ser fcilmente adoptados. Estos
banners son diseados para permitirte personalizar su apariencia (ejemplo, texto, imgenes, y
esquemas de color) sin la necesidad de tener experiencia en diseo Flash.
Para insertar un archivo Flash:
1. Clic en el botn Insertar Archivo Flash en la barra de herramientas flotante Objetos
Media.
2. Usa el dilogo para seleccionar el archivo Flash que se abrir (clic en Buscar despus
selecciona tu archivo SWF). Clic en la opcin Exportar para definir opcionalmente un
nombre diferente de archivo y/o localizacin del mismo. Para mantener la animacin
separada desde el archivo WebPlus (usando un vnculo al archivo fuente) deselecciona
Incrustar archivo Flash en sitio.
3. (Opcional) En la ventana de parmetros, clic en el botn aadir (o editar) para aadir
parmetros como nombre / valor.
4. (Opcional) En la ventana de Archivos Adicionales, construye libreras de archivos (ejemplo,
imgenes) que son usadas para hacer tu pelcula Flash. Piensa en ello como una librera
local en donde los archivos de soporte son fcilmente localizables y de fcil referencia. Clic
en el botn Aadir para navegar y despus seleccionar un archivo para adiciones (usa Ctrl-
clic o shift clic para seleccin de archivos contigua/no contigua respectivamente).
5. (Opcional) La caja muestra como la pelcula Flash es presentada en tu pgina de WebPlus.
Experimenta con las opciones para diferentes bucles, transparencia, alineacin, escala y
opciones de calidad.
6. Clic Ok.
7. Veras el cursor de Pegar Imagen. Clic para insertar el archivo en un tamao default o
arrastrar con clic para ajustar a un tamao personalizado.
Para editar un banner Flash:
1. Doble clic en la pelcula Flash.
2. (Opcional) Cambia Opciones de Exportacin y donde quieras incrustar el archivo dentro
del proyecto de WebPlus.
3. En la caja de parmetros selecciona cualquier Nombre de parmetro en la lista y clic en el
botn Editar (no necesitas usar el botn Aadir cuando se editan banners Flash).
Dependiendo en el banner Flash seleccionado, puedes editar varios tipos de valor en el
parmetro, ejemplo,

a. Los valores de texto se pueden cambiar desde el texto del marcador, por ejemplo,
un valor de texto en la posicin e lnea 1 se puede sobrescribir con su propio texto
(ejemplo, Dilo) puedes de igual manera usar una muestra como valor de
reemplazo (ejemplo, una muestra de %nombredecompaia% que
automticamente se mostrar en los conjuntos de nombres dentro del banner
en este caso Flowers-2-Go).
b. Los esquemas de valor pueden ser alterados al editar una vez ms los valores de
las muestras, ejemplo, usar un esquema de color 2 en vez del esquema de color 1
puedes editar %scheme1% para que sea %scheme2%.
c. Los valores parmetro para imgenes funcionan un poco diferente al texto y
esquemas. Los banners flash son organizados en la pestaa de Galera en folders
representando el nmero de imgenes utilizadas en el diseo del banner, ejemplo:
Imagen1, Imagen2, Imagen3. Cada imagen que constituye tu banner es
referenciada en la lista de parmetros, ejemplo Imagen3, Pic1URL, Pic2URL, y
Pic3URL representan la primera, segunda y tercer imagen enlistada en la lista de
Archivos Adicionales. Puedes reordenar las imgenes en la lista de archivos
adicionales (no la lista de parmetros) usando los botones arriba o abajo para
hacer que las imgenes aparezcan en una secuencia diferente o utilizar el botn
de Aadir para aadir nuevos archivos a la lista de archivos adicionales para
reemplazar imgenes actualmente referenciadas. No hay necesidad de editar los
valores parmetro- la clave es ajustar las imgenes y su orden en la lista de
archivos adicionales.
Recuerda remover cualquier imagen que no se quiera desde la lista de archivos adicionales.
4. (opcional) Deselecciona Incrustar Archivos en tu Sitio si no quieres que los archivos
adicionales se incluyan en tu proyecto.
5. (opcional) La caja controla como la pelcula Flash es presentada en tu pgina de WebPlus.
Experimenta con la opcin para diferentes bucles, transparencia, alineacin, escala, y
opciones de calidad.
6. Clic ok.
El banner seleccionado se muestra con cualquier edicin aplicada hecha anteriormente.
Si tienes problemas cuando los archivos Flash son colocados en tu pgina, es posible que debas
deseleccionar Cargar pre visualizacin Flash en Herramientas Opciones. Las pginas exportadas
que contienen archivos flash no se afectan.
Aadiendo sonido y video
WebPlus te permite mejorar tus pginas web con archivos de sonido y video en una variedad de
formatos estndares, incluyendo transmisin no-transmisin. En adicin, WebPlus incluye videos
de tercer grupo ya colocados en www.youtube.com.
Sonido
- Hay dos tipos actualmente de opciones de reproduccin sonido de fondo donde el
sonido se carga y ejecuta automticamente cuando una pgina especifica se muestra en el
buscador Web, y sonido vinculado, ejecutado por un clic del mouse (por ejemplo en un
hipervnculo). El formato de audio soportado es .AIFF, .AU, MIDI (.mid, .midi), .MP3,
RealAudio(.ra, ram), y .WAV.
Video
- El video vinculado trabaja como el sonido vinculado. Los formatos soportados de video
son .AVI, QuickTime(.mov, .qt), MPEG (.mpg, .mpeg, .mpe, .mpv), y RealVideo (.ram, .rv).
(Los archivos sin transmisin se debern descargar completamente a la computadora del
usuario antes de que comience la reproduccin, los archivos de transmisin requieren un
reproductor especial que cargue los datos entrantes y puedan iniciar antes de que el clip
entero llegue).
- Los Videos de Youtube estn publicados ya en la red y pueden ser incluidos en tu pgina
de internet. Los videos por s mismo no pueden incrustarse en tu proyecto; en vez, slo el
ID nico del video de Youtube aparece en tu pgina colocando de esta manera el video
mismo un vnculo creado a tu pgina desde la pgina www.youtube.com. Esto te
permite aadir contenido multimedia a tus pginas mientras evitas cargar videos pesados
como parte de tu proyecto.

Tanto con el sonido de fondo y vinculado (o video), tienes la opcin de incrustar el archivo fuente
en tu proyecto, opuesto a mantenerlo por separado (recuerda que los videos de Youtube no
pueden incrustarse en tu proyecto). Aunque incrustar un archivo aade tamao a tu proyecto, es
la opcin default pues de esta manera no debers preocuparte de separar o borrar
accidentalmente un archivo. Cuando publicas tu sitio, WebPlus se encarga de exportar y copiar
tanto los archivos incrustados y los no incrustados.
Para aadir sonidos de fondo a una pgina:
1. Clic derecho en la pgina en el rea de trabajo y selecciona Propiedades de Pgina
2. Desde la pestaa Fondo, selecciona usar sonido de fondo, despus desde el dilogo de
abrir, busca el archivo de sonido que quieres aadir. Una vez que el archivo est
seleccionado, clic Ok.
3. Si no quieres incrustar el archivo, deselecciona la opcin Incrustar Archivo de Sonido en
Sitio
4. Para que el sonido se reproduzca de manera continua, selecciona Bucle de Sonido. De lo
contrario slo se reproducir una sola vez.
5. (opcional) Ajusta las Opciones de Exportacin, para definir el nombre de un archivo
exportado y localizacin fsica. (Ver ajustes de opciones al exportar imagen en la pgina
189).
El archivo de sonido se descargar y reproducir cuando la pgina se muestre en el buscador.
La pregunta bsica es cmo quieres que el visitante habilite la reproduccin de un archivo
multimedia. WebPlus ofrece las opciones bsicas:
- Desde un objeto hipervnculo: Comienzas con un objeto existente en el sitio, y se hace un
vnculo al archivo multimedia, o se utiliza un hotspot en una imagen.
- Desde una miniatura: Clic en el video incrustado que comienza con la reproduccin
(Videos de Youtube solamente).
- Desde un Icono: WebPlus provee un cono pre-vinculado al archivo multimedia. Despus
t posicionas el cono en tu pgina.
- Desde una imagen: Seleccionas un archivo externo de imagen, que WebPlus despus
importar y vincular al archivo de medios.
- Dentro de la lnea: Un reproductor ser visible en tu pgina Web publicada (en vez de
aparecer despus de que el usuario de clic en un vinculo, icono, o imagen). En WebPlus,
vers un marcador en la pgina donde el reproductor aparecer.
Con las primeras dos opciones, el archivo multimedia permanece externo y no puede ser
incrustado en tu proyecto. La opcin 3 5 te da la opcin de incrustar el archivo al proyecto.
Para aadir sonido vinculado o video a la pgina:
- Para vincular desde un objeto o punto de acceso, selecciona Hipervnculo desde el men
Insertar y selecciona Un archivo en tu disco duro como vnculo objetivo, despus localiza
el archivo multimedia.
Para incrustar un video de Youtube:
1. Abre el sitio web www.youtube.com en el buscador, y selecciona el video de tu
preferencia y que se desee vincular.
2. Copia la direccin URL para el video (o cdigo de incrustado). Esto contiene un ID
alfanumrico, ejemplo ySnp4YXU6JQ, que identifica nicamente el video clip.
3. Clic en el botn Incrustar Video de Youtube en la barra flotante de Medios
O
Selecciona Medios desde el men Insertar y selecciona Video de YouTube desde el
submen.
4. En el dilogo pega el URL del video, despus da clic en Ok.
5. Posiciona el cursor de pegado donde quieres que aparezca el video, recuerda que este
marca la esquina superior izquierda.
6. Para insertar el video en un tamao default, simplemente da clic con el mouse.
O
Para ajustar el tamao del video, arrastra con el mouse y suelta el botn. El video
redimensionado ser insertado, se puede mantener un aspecto equitativo en la
redimensin del video al presionar la tecla Shift mientras arrastras.
Algunos sitios web pueden requerir que sus videos YouTube sean cambiados por otros en
ocasiones. Por ejemplo, el sitio puede tener un top 10 de temas variados que vara. De cualquier
manera, WebPlus puede reemplazar videos sin afectar su colocacin.
Para cambiar un video de YouTube por otro, doble clic en un video existente YouTube. Desde el
dilogo, pega el URL del video. Desde el dilogo, pega el URL anterior en la caja de entrada.
Para vincular desde un cono, imagen o reproductor en lnea:
1. Clic en Insertar Clip de Sonido o Insertar Clip de Video en la barra de herramientas flotante
Medios.
2. Busca la localizacin del archivo.
3. Selecciona la opcin que mostrar el vnculo (cono, en lnea, imagen)
4. Si no deseas incrustar el archivo, deselecciona Incrustar archivo de imagen en el sitio.
5. Clic en Ok para cerrar el dilogo, despus clic (o clic y arrastrar) con el cursor para colocar
el cono, imagen o marcador en tu pgina.
Usando la Galera de Fotos Flash
La expansin del uso de cmaras digitales y servicios de banda ancha han creado una oportunidad
fantstica para publicar colecciones de fotos en pginas Web. Hay una multitud de razones para
hacer esto pero las ms comunes incluyen:
- Mantener fotos familiares para tener acceso a ests debido a las distancias geogrficas
relativas.
- Ocasiones especiales (fiestas, navidad, reuniones, das festivos)
- Coleccin de catlogo (ejemplo, animales, estampas, etc.)
En WebPlus puedes aadir una galera de fotos Flash a cualquier pgina Web. Al utilizar Flash
puedes adoptar algunos estilos de galera muy llamativos, cada uno ofrece diferentes maneras de
moverse en las fotos. Las galeras de fotos te permiten navegar por una barra de control o,
dependiendo del estilo, al utilizar:
- Miniaturas (con desplazamiento con/sin reflexiones)
- Miniaturas verticales (desplazable con/sin desliz)
- Montn de fotos (inferior)

Las fotos pueden ser importadas por archivo o folder, o desde un dispositivo TWAIN (cmara
digital o escner). Una vez que se organizan en galeras la estructura puede ser manipulada. Es
posible:
- Reordenar al arrastrar y soltar, o usar botones de orden.
- Rotar (en incrementos de 90 en direccin a las manecillas del reloj)*
- Aadir leyendas
- Aplicar ajustes de imagen
- *Rotacin automtica en imgenes de cmara digital (paisaje a portarretrato) es posible
(si la cmara lo soporta)
Creando la Galera
La galera de foto se inserta en la pgina, como una imagen individual, despus de recolectar todas
las imgenes en un lugar desde archivos, folders, cmaras, escneres.
Todas las imgenes tienen una salida JPG sin importar la original, ni los ajustes de Archivo
Propiedades del Sitio Grficos.
Para insertar una Galera de Fotos:
1. Clic en el botn Insertar una Galera Flash de Fotos en la barra de herramientas flotante
estndar de Objetos.
2. Desde el dilogo selecciona ya sea:
a. Aadir archivos individuales:
Clic en el botn Aadir archivos para navegar y seleccionar los archivos de imagen
que se abrirn. Utiliza Ctrl clic o Shift clic para seleccionar mltiples adyacentes
/ no adyacentes archivos. Utiliza la ventana de pre visualizacin para examinar las
imgenes que has aadido en tu seleccin actual.
O
b. Aadir todas las fotos de un folder
Clic en el botn de Aadir Folder para navegar a uno, seleccionarlo y aadir su
contenido.
O
c. Aadir desde una cmara digital o escner
Clic en el botn Aadir TWAIN. Si se necesita, selecciona tu fuente TWAIN en los
procesos avanzados va Seleccin de Fuente... desde el men desplegable. Clic en
Adquirir para obtener tus fotos.
d. Para borrar una o todas las miniaturas en el dilogo, utiliza el botn Borrar o
Borrar Todo, respectivamente.
Tus imgenes de muestran como miniaturas en el dilogo Galera Flash de Fotos
Cualquier miniatura seleccionada puede ser redimensionada al arrastrarla desde la esquina
inferior derecha. Realiza esta accin cuando el cursor cambie.
Las imgenes muy grandes son escaladas automticamente (800x600 pixeles; 96 dpi) para reducir
el tamao de los archivos (y mejorar el tiempo que toma actualizar).
3. (Opcional) Selecciona una o ms miniaturas de la galera para manipular, ejemplo:
a. Reordenar las miniaturas al arrastrarlas y soltarlas.
O
Utilizar los botones del apartado de organizacin Arriba, Abajo, Superior, Inferior.
b. Rotar la imagen seleccionada en intervalos de 90 en sentido de las manecillas del
reloj con mltiples clics en el botn Rotar.
c. Aadir una leyenda en la imagen seleccionada con el botn de Leyenda (las
leyendas slo se muestran en la pre visualizacin o en el sitio en vivo).
d. Clic en el botn de Ajustes para aplicar los ajustes de imagen. El men flotante
ofrece algunos ajustes de imagen comnmente usados, tambin puedes
seleccionar Personalizar para tener acceso al dilogo de ajustes de la imagen.
4. Para incluir las fotos seleccionadas en los archivos de proyecto, selecciona la opcin
Incrustar Imgenes. Por default, las imgenes se mantienen separadas de los archivos
WebPlus (utilizando un vnculo a la fuente).
5. Clic en el botn Siguiente.
6. Selecciona el estilo de galera desde el panel Estilo de Galera que se encuentra en la parte
superior. Cada tipo ofrece un diferente estilo para navegacin entre fotos prueba cada
uno hasta que encuentres uno que te guste en la ventana de pre visualizacin. Observars
una barra de control en cada estilo esto te permite navegar por las fotos despus de
publicarlas.

Las ltimas tres opciones slo se muestran si se utiliza msica de fondo.
7. (Opcional) Para los estilos seleccionados, utiliza el panel de Ajustes para modificar varias
opciones de la galera (acompaada de msica de fondo, color de fuente, Reproduccin
automtica, etc.) Algunas opciones son especficas de un estilo de galera como habilitar /
deshabilitar rollover en las miniaturas, fotos por montn, etc. El control en la cantidad de
difuminado, controla el difuminado en las fotos. La reproduccin automtica comienza a
mostrar las fotografas en un intervalo configurable de tiempo (en segundos). De lo
contrario la barra puede iniciar esto.
8. Clic en el botn Finalizar.
9. Para insertar la galera en un tamao default, posiciona el cursor donde quieres que
aparezca la galera en la pgina, despus simplemente da un clic con el mouse.
O
Para ajustar el tamao de la galera insertada, arrastra y suelta presionando el botn del
mouse.
Editando la Galera de Fotos
Una vez aadida a la pgina web, la galera de fotos puede ser editada. Las imgenes pueden ser
aadidas, removidas, rotadas, se pueden agregar leyendas, o configurar sus ajustes. Puedes
tambin cambiar entre estilos de galera existentes por otras, cambiar msica de fondo, color de
texto en las leyendas, y configurar tu galera para reproduccin automtica (las fotografas sern
cicladas automticamente).
Para editar una galera de fotos:
1. Selecciona la galera presentada en tu pgina web.
2. Doble clic en la galera
O
Clic en el botn Editar Galera desde la barra de contexto
O
Clic derecho en la galera y selecciona Editar Galera de Fotos
El dilogo de galera flash de fotos se muestra. Las opciones disponibles son las mismas que
estuvieron al crear la galera.
Una vez que la galera se coloca en la pgina tambin es posible agarrar la esquina inferior derecha
para redimensionar el objeto. Utiliza la tecla Ctrl mientras arrastras para mantener el mismo
aspecto.
Vinculando Imgenes Remotas
Es posible conectarse a cualquier imagen actualmente disponible en internet. Sin embargo, para
prevenir no infringir copyright es recomendable utilizar imgenes desde servicios de
almacenamiento confiables. Muchos existen en Internet pero los servicios como ImageShack son
particularmente populares. Por supuesto puedes vincular a otras imgenes (por ejemplo desde
un collage en el sitio web de un amigo) donde las implicaciones legales no son un problema, aun
as es educado preguntarle a tu amigo primero.
Para insertar una imagen remota:
1. Ve a Insertar Imagen Imagen Remota
2. En el dilogo, introduce un URL absoluto para la imagen
3. Clic Ok.
4. Vers cmo cambia el puntero del mouse a manera de Pegado de Imagen.
Lo que hagas determinar el tamao inicial y colocacin de la imagen.
5. Para insertar la imagen en un tamao default, simplemente clic con el mouse.
O
Para ajustar la imagen insertada, arrastra una regin y suelta el botn del mouse.

Color, Relleno y Transparencia
WebPlus ofrece un nmero de maneras para aplicar colores slidos a objetos de diferente manera:
- Puedes aplicar un color solido a una lnea o relleno. Como esperas las formas rpidas y
cerradas (ver Dibujar y editar formas en la pgina 165) tienen propiedades de lnea y
relleno, donde las lneas a mano alzada o rectas slo tienen propiedades de lnea.
- Los caracteres en los objetos de texto pueden tener color, y los marcos de texto y celdas
de tabla pueden tener color de relleno independientemente del carcter que contengan.
Puedes usar la pestaa de Color, Muestras o el dilogo para aplicar objetos slidos a un objeto.
Para aplicar un color slido va pestaa de color:
1. Selecciona los objetos o rango de texto.
2. Clic en la pestaa de Color y selecciona uno de los varios modos de color (RGB, CMYK, HSL)
desde la lista desplegable.
3. Clic en el botn de relleno, lnea, texto en la parte superior de la pestaa para determinar
donde el color ser aplicado. El color dentro de la lnea refleja el color del objeto
seleccionado. Para marco de texto, el relleno ser el color de fondo del texto (pero no el
fondo del marco).
4. Selecciona un color desde los espectros o los deslizadores dependiendo del modo de color
seleccionado.
Puedes aplicar un relleno como fondo de color a texto artstico.
En modo RGB, puedes usar un cdigo de color decimal desde la pestaa de Color en la pestaa del
Men.
Para aplicar un color slido va Pestaa de Muestras:
1. Selecciona el objeto o selecciona el rango de texto
2. Clic en la pestaa de muestras.
3. Clic en el botn de relleno, lnea, o texto en la parte superior de la pestaa para
determinar dnde se aplicar el color.
4. Selecciona una muestra de color desde la paleta de publicacin (colores ms usados y esos
previamente aplicados en tu sitio) o la Paleta (RGB estndar o paleta de temas
predefinidos como colores de WebSafe).
Alternativamente, utiliza Formato Relleno para aplicar un color por medio de un dilogo.
Para cambiar el tono / matiz (iluminacin) de un color slido:
1. Selecciona el objeto y ajusta por medio de los botones lnea, relleno, texto dnde se
aplicar el color en la pestaa de Color.
2. Desde el men desplegable selecciona Matiz.
3. Arrastra el deslizador de Sobra/Matiz hacia la izquierda o derecha dependiendo de la
luminosidad / oscuridad que deseas que tome el color, respectivamente (el color original
se ajuta a un 0%). Puedes tambin introducir un valor basado en porcentaje dentro de la
caja (introduciendo el valor 0 la caja se revierte al color original).
El matiz de la tinta puede ser aplicado tambin va pestaa de muestras ajusta el porcentaje de
matiz por medio del deslizador o una entrada directa.
WebPlus automticamente aade colores utilizados a las paletas de publicaciones en la pestaa de
muestras. Esta paleta es cargada por default ah puedes ver y adoptar colores desde una seleccin
de paletas basadas en temas, RGB estndar, WebSafe, al dar clic en el botn Paletas. Los colores
pueden ser aadidos, editados o borrados desde la paleta de publicacin pero no desde las otras
paletas.
Utilizando los esquemas de color
Cada sitio de WebPLus utiliza esquemas globales de color que se pueden administrar utilizando
Administrador de Esquemas. Cada esquema tiene un nombre y consiste de cinco colores bsicos
complementarios que puedes aplicar para cualquier elemento de diseo. (Esto trabaja como un
sistema de iluminacin por nmeros, como se explicar abajo). En adicin, cada esquema incluye
colores anexos, que se aplican especficamente a los hipervnculos (default, seguidos, activos, al
pasar el mouse), fondos de ventanas fuera de la pgina, y colores en la pgina. Cambiando a los
diferentes esquemas de color instantneamente actualiza todos los elementos que usan
esquemas de color.

Los esquemas de color
trabajan como un sistema de
iluminado por nmeros,
donde varias regiones de un
diseo estn codificadas por
nmeros, y un color
especifico es asignado (por
nmero) para cada regin
(ver las flores opuestas,
usando el esquema de
vivero). Cambiando
diferentes colores en las
jarras de pintura
enumeradas del 1 5,
mientras se mantiene el
nmero de flores igual,
automticamente produce
una coloracin diferente.
El ejemplo superior muestra cmo el esquema Atlantis podra ser aplicado al sitio para
reemplazar viveros, el esquema Chocolate reemplaza Atlantis, etc.
En WebPlus, las jarras de pintura son conocidas como Esquema de color 1, Esquema de
color2, etc. Cuando aplicas un esquema de color a un objeto, es como decir: Pon el color de la
jarra nmero 1 aqu.
Cada sitio puede tener slo un esquema de color a la vez; el esquema actual es indicado en la
pestaa de muestras. Puedes fcilmente cambiar esquemas, modificar colores de esquemas,
aplicar esquemas a cualquier sitio, incluso crear tus propios esquemas personalizados. Los
esquemas de color son guardados de manera global, de esta manera el conjunto de esquemas
siempre est disponible.
Para seleccionar un esquema de color:
1. Despliega la pestaa de Muestras. Los cinco colores en el esquema actual aparecen como
muestras numeradas, desde 1 a 5, al final de la pestaa. (Tambin vers ejemplos
etiquetados adicionales H (hipervnculo), F (Hipervnculo Seguido), A (Hipervnculo Activo),
R (Hipervnculo al pasar el mouse), B (Fondo) y O (Color en Pgina).

2. Clic en el botn Esquema de Color en la barra de contexto default (o selecciona
Herramientas Administrador de Esquemas) para mostrar el Administrador de Esquemas,
que enlista varios esquemas disponibles para tu sitio Web, cada uno con un diferente
conjunto de colores en sus respectivas jarras.
3. Selecciona un esquema de color diferente desde la lista y clic Ok. Cualquier regin en el
sitio que es asignado uno de los cinco esquemas de color ser actualizado con el color
correspondiente desde el nuevo esquema.
Puedes repetir este proceso de seleccin indefinidamente. Cuando guardes tu sitio, su esquema
de color actual ser guardado en el documento.
Colores Anexos
Aparte de los cinco colores bsicos, cada esquema incluye seis colores anexos.
- Color de Hipervnculo (etiquetado con H) se aplica al texto con hipervnculo antes de que
se le d clic.
- Color de Hipervnculo Activo (etiquetado con A), se aplica al hipervnculo cuando un
visitante da clic en el texto. Normalmente este es el color que se muestra despus del cilc
y antes de que se muestre la nueva pgina.
- Color al Pasar el Mouse (etiquetado con R), se aplica al texto con hipervnculo cuando un
visitante pasa el mouse sobre el hipervnculo.
- Color de Fondo (etiquetado con B) se aplica al fondo fuera de las dimensiones de la pgina
web en caso de que el usuario redimensione la ventana de navegador y esta termina
siendo ms grande que el tamao de la pgina. Esto puede ser un color slido o una
imagen.
- Color En la Pagina (etiquetado con O), es usado para llegar el color de fondo de la pgina.
Si haces este transparente, los ajustes actuales de fondo se mostrarn, haciendo que los
bordes de la pgina sean invisibles (el contenido an estar dentro de las dimensiones de
la pgina).
- Si utilizas una imagen de fondo con regiones de transparencia, el fondo de color an
estar activo y se mostrar a travs de la transparencia de la imagen; de lo contrario la
imagen cubrir el color de fondo.
El color anexo definido en el administrador de esquemas normalmente se aplica a todo el sitio,
con varias excepciones:
- Los hipervnculos individuales pueden especificar su propio color. En el dilogo de
hipervnculos, deselecciona Utilizar hipervnculos de color. Esto permitir que el color de
los objetos subyacentes se muestra a travs del hipervnculo seguido y original.
- Utilizando el Administrador de Pginas Maestras (Pestaa de Fondo), puedes sobrescribir
el color de fondo del Administrador de Esquemas y los ajustes de color en pgina para una
pgina maestra particular, esto afectar a todas las pginas que compartan esta pgina
maestra. Las pginas que no usen una pgina maestra default en los ajustes de
administrador de esquemas puede cambiar esto de una manera similar por medio de las
Propiedades de Pgina. En ambos casos, deselecciona utilizar los ajustes del
administrador de esquema y ajusta las opciones de Color de Fondo, Utilizar Imagen y/o
Color en pgina independientemente.
Aplicando esquemas de color a objetos
Si creas nuevos elementos en un sitio de plantilla Web, o inicias un sitio desde el inicio, Cmo
puedes hacer que los nuevos objetos tengan el esquema de color? Necesitas dedicar un tiempo
trabajando en una combinacin de colores que se vea bien, la mecnica del proceso es simple.
Como en el ejemplo superior, trae iluminacin por nmero, todo lo que necesitas es asignar
valores a uno de los cinco esquemas de color para la lnea/relleno de un objeto.
Para asignar un esquema de color a un objeto:
1. Selecciona el objeto y selecciona el botn Relleno, Lnea, Texto en la parte superior de la
pestaa de muestras dependiendo del efecto deseado.
2. Al final de la pestaa de muestras, clic en el esquema de color (numerado del 1 5) que
quieres aplicar al relleno, lnea y texto (o puedes arrastrar el color).
Si el relleno de color de un objeto utiliza un esquema de color, la muestra correspondiente en la
pestaa de muestras ser seleccionada cuando se seleccione el objeto.
Modificando y Creando Esquemas de Color
Si has intentado con varios esquemas y ninguno es adecuado, puedes modificar cualquiera de los
colores en un esquema existente y actualizar el esquema, o crear tu propio esquema nombrado de
manera separada basado en esquemas existentes.
Para modificar un esquema de color:
1. Clic en el botn de Esquema de Color en la barra de contexto default (o selecciona
Herramientas- Administrador de esquemas) para mostrar el Administrador de Esquemas.
2. Selecciona un esquema de color desde la lista en donde basas tu nuevo esquema, y ve a la
pestaa de edicin en la parte superior del mismo dilogo.
3. En la pestaa de Edicin, cada uno de los nmeros de los cinco esquemas (ms el color
anexo, hipervnculo, etc) tiene su propia lista desplegable, mostrando los colores
disponibles en la paleta de WebPlus.
4. Para ajustar o cambiar un esquema de color o color anexo, simplemente da clic en el
botn adyacente y selecciona un nuevo color. Clic en ms colores para mostrar el selector
de colores.
5. Para usar una imagen fuera de pgina usa el buscador de Windows para seleccionar el
fondo, selecciona la opcin Utilizar Imagen y selecciona la misma (clic en buscar para
cambiar una imagen existente). Ajusta las opciones de exportacin para dictar como las
imgenes sern exportadas.
6. Para dar color a un fondo en la pgina, selecciona desde el men desplegable color en la
pgina.
7. Para almacenar el esquema modificado en el administrador de esquemas, clic en guardar
esquema, deja el nombre sin alteracin para sobrescribir el esquema existente.
8. Para aplicar el esquema a un sitio Web actual, clic Ok.
Para crear un nuevo esquema, puedes seguir los procedimientos superiores pero, en el paso 7,
introduce un nuevo nombre para el esquema en vez de sobrescribir el mismo.
Trabajando con rellenos de degradado y mapas de bits
Los rellenos de degradado (lineal, elptico, cnico) proveen un espectro degradado de colores que
se difunde a travs de 2 o ms colores. Un relleno degradado tiene una ruta editable con nodos
que marcan el origen de cada una de las marcas principales de color. Un relleno de mapa de bits
utiliza un mapa de bits nombrado a menudo un material, patrn o imagen de fondo para
rellenar un objeto.

Puedes aplicar el degradado actual y rellenos desde la pestaa de muestras a las formas, marcos
de texto, celdas de tabla y a cualquier texto artstico, marco creativo y tabla de texto (pero no
marcos de texto HTML o tablas de texto HTML). Utilizando la herramienta de relleno desde la
barra flotante de herramientas (o desde Formato Relleno), puedes variar la ruta de relleno a un
objeto para diferentes efectos (ver ayuda en lnea).
Aplicando efectos de transparencia diferentes (usando la pestaa de transparencia) esto no
alterar los ajustes de relleno de objeto, pero pueden alterar el relleno de la apariencia actual.
Aplicar un relleno degradado o de mapa de bits
La manera ms fcil de aplicar un relleno degradado o de mapa de bits es usar uno de los rangos
en las miniaturas muestras pre establecidas en la pestaa de muestras en las paletas degradado o
mapa de bits. La herramienta de Relleno y el dilogo de relleno son mtodos alternativos para
crear rellenos degradados (estos se cubren en la ayuda en lnea).
Para crear un degradado o relleno de mapa de bits usando la pestaa de muestras:
1. Clic en la pestaa de muestras, asegrate que el botn de Relleno est seleccionado.
NOTA: El color de la lnea inferir refleja el color que seleccionaste para el objeto (o nodo
seleccionado).
2. Para relleno de degradado, selecciona un tipo de degradado lineal, elptico o cnico como
tipo de degradado dentro del men desplegable.
O
Para relleno de mapa de bits selecciona la categora desde el men desplegable
3. Selecciona el objeto y clic en la muestra de galera apropiada para el relleno que quieres
aplicar.
O
arrastra desde la galera de muestras a cualquier objeto y suelta el botn del mouse.
4. Si es necesario, ajusta el matiz de relleno al final de la pestaa con el deslizador o por
medio de un valor a manera de porcentaje.
Ajustes de Transparencia
Los efectos de transparencia son muy tiles para seleccionar, sombreados y sombras, y simular
realismo. Pueden hacer una diferencia crtica para ilustraciones planas e imgenes con
profundidad y presin.
La transparencia podr ser dudosa pues por definicin, no puedes ver de la misma manera que
ves el relleno de color aplicado a un objeto. En realidad, est ah todo el tiempo en WebPlus. Cada
objeto nuevo tiene propiedades de transparencia: el default es: Ninguno esto significa que
ninguna transparencia ser aplicada (opaco).
La transparencia trabaja como el relleno que usa tinta invisible. Mientras ms transparencia en
un punto particular, ms desaparece, y mientras ms objetos hay debajo de l, ms muestra. As
como un relleno degradado puede variar de intensidad, una transparencia puede variar de ms a
menos, i.e. de claro a opaco, como se muestra en la ilustracin:

Aqu, la forma hexagonal tiene una transparencia lineal aplicada, con ms transparencia que el
final inferior de la ruta y menos que la parte superior. Hace una diferencia en qu objeto se
encuentra en la parte superior (aqu, el pentgono); donde hay s transparencia, ms objetos
detrs se seguirn mostrando.
En WebPlus, los efectos de transparencia trabajan como rellenos de escala de grises.
- Los efectos de transparencia aplicados desde el Estudio en este caso, usando la pestaa
de transparencia.
- La galera en la pestaa de transparencia tiene miniaturas en sombras de gris, donde la
porcin ms iluminada representa ms transparencia. Para aplicar transparencia, puedes
dar clic en la miniatura o arrastrarlas en los objetos.
- La mayora de los efectos de transparencia tienen una ruta que se puede editar en este
caso, con la herramienta de transparencia (ver la ayuda de WebPlus).
Para los efectos disponibles en la pestaa de Muestras, todos son comparables con el relleno del
mismo nombre:
- Transparencia Solida distribuye la transparencia de manera equitativa a travs del objeto.
- Transparencia Degradada incluye efectos lineales, elpticos y cnicos.
- La Galera de Mapas de Bit incluyen texturas basadas en la seleccin de la pestaa
Muestras.
Puedes aplicar un degradado y transparencia de mapa de bits desde la pestaa de transparencia a
las formas, marcos de texto, celdas de tablas y cualquier texto creativo, marco de texto creativo y
tabla de texto creativa (pero no a marcos y tablas de texto HTML).
Alternativamente, utiliza la herramienta de transparencia desde la barra de relleno flotante (o
desde Formato transparencia), puedes variar la ruta de transparencia en un objeto para
diferentes efectos.
Para aplicar transparencia con la pestaa de transparencia:
1. Con tu objeto seleccionado, ve a la pestaa Transparencia.
2. Para transparencia slida, selecciona el botn Solido y selecciona una miniatura desde la
galera de transparencia slida.
O
Para transparencia degradada, selecciona el botn degradado y selecciona tu miniatura.
O
Para transparencia de mapa de bits, selecciona el botn mapa de bits y selecciona una
miniatura en el rango de categoras.
3. La transparencia es aplicada a un objeto.
Alternativamente, arrastra la miniatura deseada desde la galera a un objeto.
Para aplicar transparencia degradada con la herramienta de transparencia:
1. Selecciona un objeto
2. Clic en la herramienta de transparencia e la barra de herramientas flotantes
Transparencia.
3. Arrastra en el objeto para definir una ruta de transparencia. El objeto toma una
transparencia lineal simple, degradado desde 100% - 0% de opacidad.
El proceso de editar transparencias degradadas es el mismo que para editar rellenos degradados
(ver ayuda en lnea).

Aadiendo Hipervnculos e Interactividad
Aadiendo hipervnculos y anclas
Hacer un hipervnculo a un objeto como una caja, algn texto o una imagen significa que el
visitante de tu sitio Web puede dar clic en el objeto para activar un evento. El evento es
comnmente un salto a lo siguiente:
- Pgina Web (ya sea en tu sitio o en algn otro lado de la Web)
- Objeto inteligente (especficamente en un foro o blog dentro de los recursos Serif Web).
- Ventana para creacin de correo electrnico
- Archivos grficos, de texto, audio o video de tu disco duro o red.
- Ancla (un objetivo diseado dentro de la pgina web)
- Alimentacin RSS o Podcast
- Carro de comrpas
- Elementos de navegacin
- Datos de usuario
- Imagen
Los hipervnculos bien diseados son aspectos importantes en la estructura del sitio. Ayudan a los
visitantes en la navegacin del sitio y sirven como una importante relacin lgica entre la pgina
como se muestra en la estructura del sitio. (Pero no pasan por alto las ventajas de ahorrar tiempo
usando temas grficos para elementos de navegacin como barras de navegacin y botones de
Siguiente/Anterior)
Puedes administrar todos los hipervnculos y anclas a travs de tu sitio usando el Administrador
de Sitio, accesible desde la lnea de sugerencia o por Administrador de Sitio Administrador de
hipervnculo en el men herramientas.
Para aadir un hipervnculo:
1. Usa la herramienta de puntero para seleccionar un objeto individual o agrupado o resaltar
una regin de texto que ser hipervinculada.
Puedes tambin simplemente dar clic para un punto de insercin en el texto. Si seleccionas o
inmediatamente antes/despus- una palabra, despus la palabra completa ser hipervinculada. Si
tu punto de seleccin tiene un espacio en ambos lados WebPlus inserta un texto de ayuda (por
ejemplo, el nombre de la pgina objetivo).
2. Clic en el botn Hipervnculo en la barra de herramientas.
El dilogo de hipervnculos aparecer.
3. Clic para seleccionar el tipo de vnculo destino, e introduce un hipervnculo especifico,
ejempo, una pgina, URL (Localizador de Fuente Uniforme), Objeto inteligente, direccin
de correo electrnico, etc.
4. Dependiendo del tipo de vnculo, selecciona opciones especificas.
5. Un rango de ventanas objetivo o marcos pueden ser seleccionados dependiendo de cmo
quieres que el vinculo destino se muestre. Los tiops (junto con los resultados esperados)
son:
a. Misma Ventana: el vinculo destino se muestra en la misma ventana desde donde
se dio clic al hipervnculo
b. Nueva ventana: Una nueva ventana se utiliza para mostrar el vnculo destino con
ciertas propiedades (dimensiones, posicin, uso de barra de navegacin) que
pueden ser definidas por medio del botn Ajustes. La ventana original
permanecer abierta.
c. Parte superior de la ventana Actual: el vnculo destino se muestra en la parte
superior de la ventana. Usado para hipervnculos creados dentro de un marco en
la pgina (o para marcos en marcos).
d. Marco Padre: el vnculo destino se muestra en el marco padre o ventana padre del
marco en donde se dio clic al hipervnculo. Usado para hipervnculos creados
dentro de un marco en la pgina (o para marcos en marcos). (Ver trabajar con
marcos en la pgina 41).
e. Ventana Nombrada: Una ventana personalizada puede ser definida al introducir el
nombre de una nueva ventana en la parte derecha en el men desplegable. Sus
propiedades (dimensin, posicin, y uso de barras de navegacin) pueden ser
definidas por medio del botn Ajustes (Selecciona utilizar cdigo popup
JavaScript). Puedes adoptar una ventana nombrada desde el mismo men
desplegable.
f. Marco del Documento: El vnculo destino se muestra es un marco creado
previamente (usando la herramienta de marcos del documento). El ID HTML
(ejemplo, ifrm_1) de un marco existente es seleccionado desde el men
desplegable.
Si ests dando objetivo a un marco del documento, selecciona el marco activo
desde la lista desplegable Abrir en un marco de documento. Si no se muestra en la
lista necesitars ajustar el marco para que est activo al dar doble clic en el
marco y seleccionar Activar Marco de Documento.
6. Selecciona otras propiedades como Nombre del Ttulo (texto que se muestra en la pantalla
en la parte superior) y teclas de acceso directo
NOTA: Como una seal, las palabras con hipervnculo son normalmente subrayadas y
aparecen en el color que se especific para los hipervnculos dentro del administrador de
esquema u otro lado (ver Usando Esquemas de Color pgina 215).
7. Clic Ok.
Para modificar o Remover un hipervnculo:
1. Utiliza la herramienta de puntero para seleccionar el objeto, o clic para un punto de
insercin dentro del texto vinculado. (no es necesario arrastrar en una regin de texto con
hipervnculo).
2. Clic en el botn de Hipervnculo en la barra de herramientas flotante Hipervnculo.
El dilogo de hipervnculo aparecer con el vnculo mostrndose. Si el vnculo est en el
texto, el texto completo se seleccionar.
a. Para modificar un hipervnculo, selecciona un nuevo tipo de destino, objeto y/o
opciones.
b. Para remover el hipervnculo, clic en el botn Ningn Hipervnculo.
Para ver o editar hipervnculos existentes:
- Seleciona Administrador de sitio Administrador de Hipervnculo en el men
herramientas para ver y administrar los hipervnculos del sitio.
Insertar un ancla
Un ancla es una localizacin especfica en una pgina que puede server como un objetivo para un
hipervnculo. Invisible para el visitante de la pgina web, normalmente marca un punto dentro de
algn texto (como el inicio de una seccin particular) o una imagen en algn punto de la pgina.
Las anclas son tiles si tu pgina tiene el suficiente contenido para ser dividida en secciones, pero
no el suficiente para requerir dividirlo en pginas diferentes. Esto permite que el lector salte a un
contenido relacionado sin dejar la pgina actual. De la misma manera, mantener al visitante Web
en la misma pgina hace que sea menos probable que se pierdan mientras buscan informacin
en tu sitio.
Para insertar un ancla:
1. Utiliza la herramienta de puntero para seleccionar el objeto objetivo, o clic para un punto
de insercin dentro del texto objetivo.
2. Clic en el botn Ancla, en la barra de herramientas
O
Selecciona Ancla, desde el men Insertar o clic derecho.
3. En el dilogo, introduce un nombre para el ancla
4. (Opcional) Selecciona Incluir anclas en la navegacin para permitir que el ancla
(normalmente un objeto seleccionado) sea accedido por medio de una barra de
navegacin en vez de un hipervnculo. Necesitas seleccionar la opcin Inlcuir Anclas en tu
barra de navegacin. Dale un nombre al ttulo.
5. Clic en remover para borrar el ancla inteligentemente, ejemplo, puedes controlar lo que
pasa en cualquier hipervnculo de referencia (ejemplo, ignorar, borrar o redireccionar).
6. Clic Ok.
Para ver o editar anclas existentes:
- Selecciona Administrador del Sitio Administrador de Anclas, en las herramientas del
men para ver, renombrar, o remover un ancla en un objeto particular. Puedes tambin
incluir el ancla en la pgina de navegacin.
Aadiendo Zonas Activas a la Pgina
Una zona activa en una regin de hipervnculo transparente en la pgina Web. Usualmente
colocada en la parte superior de un grfico, las zonas activas actan como botones que responden
cuando se da clic en diferentes partes de la imagen (como un grfico de men o mapa de tu
sitio. Puedes dibujar y editar zonas activas a mano, o crearlas y hacer que coincidan con objetos
existentes.
Para dibujar una zona activa:
1. Clic en el botn Insertar Zona Activa en la barra de herramientas de Objetos Web.
2. Clic y arrastra para dibujar una regin rectangular de la zona activa. El dilogo de
hipervnculo aparece.
3. Clic para seleccionar el tipo de vnculo destino e introduce el objetivo de hipervnculo
especfico.
4. Clic Ok.
Para coincidir una zona activa a una forma existente:
1. Dibuja la zona activa como se describi en la parte superior, y crea la forma como se
describi en la parte de Dibujar y Editar formas en la pgina 165.
2. Selecciona ambos objetos y la opcin de Encajar Zona Activa a Objeto desde el men de
Herramientas.
Los dos objetos an estarn separados, as que puedes fcilmente borrar la forma si no la
necesitas una vez que la has usado como plantilla para producir una zona activa en cierta forma
deseada.
Para modificar una hipervnculo de zona activa:
- Usando la herramienta puntero, doble clic en la zona activa.
O
- Clic para seleccionar al zona activa y clic en el botn Hipervnculo en la barra de
herramientas flotante Hipervnculos (o selecciona Hipervnculos desde el men Insertar).
El dilogo de hipervnculos aparece con el vnculo de la zona activa mostrndose.
- Para modificar los hipervnculos, selecciona un nuevo vnculo destino y/o objetivo.
- Para remover los hipervnculos, cambia el vnculo destino a Ningn Vnculo.
Editando Zonas Activas
Puedes mover y redimensionar zonas activas en la pgina, como con los otros objetos. Una zona
activa seleccionada tiene tanto un cuadro de lmite y una lnea interneta, ambos tienen diferentes
propsitos.

Para mover o redimensionar una zona activa:
- Clic para seleccionar la zona activa, despus:
o Para mover, clic y arrastrar desde el centro, o desde una de las esquinas de la caja.
Para bloquear el movimiento horizontal o vertical, mantn presionada la tecla
Shift mientras arrastras.
o Para redimensionar, clic y arrastra en una de sus esquinas exteriores.
Al editar las esquinas interiores puedes convertir las zonas activas en formas rectangulares que
coincidan a las partes del grfico inferior que desees est dentro de la zona activa. Para editar la
lnea externa, primero mueve el puntero del mouse sobre la lnea interna de la zona activa hasta
que el cursor cambie para indicar donde quieres que exista un nodo o una lnea.

Para aadir un nodo extra en una zona activa:
- Clic en cualquier parte de la lnea de la zona activa hasta que veas el cambio de cursor



Para cambiar la forma de una zona activa:
- Clic y arrastra un nodo cuando veas el cursor
Aadiendo Rollover
El termino rollover se refiere a la interaccin entre el mouse y un objeto en la pantalla. Por
ejemplo, puedes hacer que el mouse vaya a cierto grfico (como un botn dentro de la barra de
navegacin) en una pgina Web, y ver como instantneamente cambia de color o cambia de
imagen. Cuando haces que el mouse vaya a un objeto de pgina Web, tu puntero del mouse
fsicamente entra a una regin de la pantalla donde est el objeto. Esto activa un evento llamado
mouse-encima y, si el cdigo debajo intenta atrapar este evento, puede disparar ms eventos
como cambiar la imagen a la misma localizacin. Un objeto cuya apariencia cambia en respuesta
del mouse es llamado Grfico Rollover.

Como un prerrequisito para crear un grfico rollover en WebPlus, necesitas preparar una imagen
para cada estado diferente del grfico, usando un programa de grficos separado. El cdigo
necesario de eventos es generado por ti automticamente. WebPLus tambin te permite importar
grficos automticamente creados en Serif DrawPlus (ver abajo)
Opciones de Rollover
Aadir rollver es bsicamente una cuestin de decidir qu estado de rollover quieres definir para
grficos en capas, despus especificar una imagen para cada estado. WebPlus provee cuatro
opciones bsicas:
- Normal es el estado en que descansa el grfico antes de cualquier rollover, y es siempre
definido.
- Sobre es el estado mouse-sobre cuando el puntero del mouse est directamente sobre
el objeto. Por ejemplo, un botn cuyo texto cambia de color, o una lnea de objeto que
aparece, para mostrar que el botn est vivo. Antes de un clic de mouse (ver Abajo),
mover el puntero dentro y fuera del rea grfica alternar entre los estados normal y
sobre.
- Abajo es activado por un mouse bajo el grfico. El termino se deriva normalmente por el
comportamiento del botn: el estado arriba cambia al estado abajo una vez que se dio
clic en este.
- Abajo+Sobre (slo disponible si Abajo est activado) implica un mouse-sobre que ocurre
cuando el grfico ya est abajo, ejemplo, despus de que se dio clic. Si no quieres activar
Abajo+Sobre, entonces el botn slo dar estado despus del evento mouse-abajo, que
puede causar que no responda (ver la nota superior). Para un botn con mayor respuesta,
ajusta los estados Normal y Abajo a Grfico A y los estados Sobre y Abajo+Sobre a Grfico
B. en este caso el estado abajo efectivamente significa abajo+no sobre y el botn se
revertir a su apariencia Normal si el usuario mueve el mouse fuera del botn, incluso
despus de un mouse-abajo. Suena completo pero funciona.
Tambin tienes la opcin de especificar un evento de hipervnculo por ejemplo, un salto a una
pgina web especificada que activar en caso de que el usuario de clic en el objeto. Y puedes
incluso agrupar botones en pginas para que trabajen juntos y slo uno a la vez puede estar abajo.
Para crear un grfico rollover:
1. En un programa de edicin de imagen, crea una variante de la imagen fuente para cada
estado que definiers (ver Crear variantes grficas abajo).
2. Clic en el botn Insertar Rollover en la barra de herramientas flotante Objetos.
O
Selecciona Objeto Web desde el men Insertar y selecciona Rollover desde el submen.
3. Especifica qu estado de rollover (ver superior) quieres activar para cada grfico al
seleccionar cajas en el dilogo de grfico rollover. Para cada uno, utiliza el botn buscar
para localizar la fuente de imagen correspondiente y especificar la opcin de exportacin
para esa imagen (ver Ajustes y Opciones de Exportacin de Imagen en la pgina 189).
4. Selecciona Incrustar Imagen en el sitio si quieres incorporar la imagen en el archivo de
WebPlus. (para detalles, ver Incrustar vs Vincular en la pgina 184).
5. Selecciona ya sea Normal o Abajo como estado inicial del rollover.
Por ejemplo, el sentido comn nos dicta que en la pgina home de algn sitio deberemos
inicialmente mostrar el botn Home Abajo, y/o sin respuesta ante las acciones del
mouse despus de todo, el visor ya est en esa pgina donde el botn que vincula a
otras pginas deber estar en su estado arriba y dar respuestas.
6. Clic en Ajustar para definir los hipervnculos para los botones. (Para detalles, ver Aadir
hipervnculos y anclas)-
7. Selecciona Botn Radio si quieres vincular todos los botones (con una pgina dada) que
tienen esta opcin seleccionada, as slo uno de ellos a la vez puede estar Abajo.
SI usas esta tcnica, asegura que los grficos que quieres vincular tienen esta opcin
seleccionada. Aunque no importa cmo se distribuyeron en la pgina, normalmente
constituyen una unidad visible como una barra de navegacin. Cualquier botn con la
opcin sin seleccionar es independiente.
8. Clic Ok. La primera vez que definas el estado de los rollover, vers las etiquetas
establecidas en el documento (ver abajo).
WebPlus muestra la imagen asignada al estado Normal. Es una buena idea pre visualizar la pgina
y probar cada objeto rollover, despus regresar a WebPlus y revisar como se necesita. Cuando pre
visualizas o publicas el sitio Web, WebPlus toma cuidado de exportar una imagen para cada uno
de los estados rollover, y el archivo HTML para la pgina publicada con cdigo JavaScript para el
evento rollover.
Para revisar un grfico rollover:
1. Clic derecho en el grfico y selecciona Editar Rollover
2. Haz las nuevas selecciones como se necesiten y da clic en Ok.
Creacin de imgenes con origen diverso:
Para cada objeto con al menos un estado rollover activo, necesitas proveer una imagen fuente. Es
a menudo la sutil diferencia entre la imagen Normal y las variantes que hacen que el objeto
parezca cambiar de un estado a otro. Por ejemplo si seleccionaste sobre para un objeto,
necesitaras incluir una variante de imagen que la pgina Web pueda mostrar cuando el botn est
en estado sobre. En el siguiente ejemplo, dos variantes del botn Home se muestran una
mostrando el botn seleccionado (con mouse-sobre), y una segunda imagen en su estado normal.

Necesitas crear imgenes fuentes en un programa de edicin de imgenes. Aqu hay unas cosas
para considerar:
- Imgenes con variacin se ajustarn para encajar en una regin ocupada por la imagen
normal, as que todas las fuentes debern tener las mismas dimensiones.
- Asegrate que las variantes estn en correspondencia exacta con la imagen normal, as no
habr un movimiento anormal cuando se intercambian las imgenes del rollover. Para
simplificar el asunto, utiliza un editor de imagen con capacidad de capas y crea cada
variante en capas separadas directamente sobre la imagen normal.
- WebPlus muestra slo las imgenes Normales, para pre visualizar el efecto de cambiar
grficos al esconder y mostrar capas en el editor de imgenes.
- Slo necesitas proveer fuentes de imgenes para los estados activados del rollover.
- Una vez que satisficiste con las fuentes de imgenes, exporta cada capa a un archivo
separado, y despus regresa a WebPlus para definir los rollover.
- Cuando asignamos las imgenes fuente, necesitas seleccionar entre vincular o incrustar.
Mientras la imagen est vinculada (no incrustada), WebPlus siempre usar la ltima
versin de un archivo. Como regla, hasta que no ests completamente seguro de que tus
imgenes son finales, deberas deseleccionar la opcin Incrustar Imgenes, de esta
manera se vincularn. Puedes fcilmente repetir el proceso de asignacin, seleccionando
la opcin de Incrustar Imgenes, una vez que las imgenes sean finales. Si encuentras la
necesidad de actualizar imgenes que ya se incrustaron, la mejor manera es guardar el
archivo con un nombre diferente, despus repetir el proceso de asignacin y especificar el
nuevo archivo en vez del antiguo.
Aadiendo Rollover Popup
El uso ms comn para los Popup rolloversen WebPlus es pasar por una miniatura para mostrar su
presentacin en grande, usualmente al lado de la miniatura. La funcin es simple de usar y trabaja
de manera similar a una Galera de Fotos Flash. Una excepcin es que el rollover de WebPlus
puede tener diverentes estados y slo trabaja con imgenes de tamao idntico, este tiene dos
estados (normal y sobre) y muestra la misma o una imagen diferente (normalmente re ajustada
para ser de mayor dimensin).

WebPlus te permite seleccionar la posicin y tamao del popup en relacin con la miniatura;
incluso si la miniatura puede ser seleccionada y redimensionada en cualquier momento.
En relacin a los estados, WebPlus provee dos opciones bsicas:
- Normal es el estado de descanso de la imagen antes de que la accin rollover suceda, y
siempre es definido. Una miniatura puede ser usada, tambin se pueden utilizar vietas o
nmeros, quizs identificando imgenes como parte de un catlogo, cuestionario, etc.
- Sobre es el estado activado por un mouse-sobre, cuando el puntero del mouse est sobre
la miniatura el Popup aparecer, y desaparecer cuando el mouse salga del rea grfica
de la miniatura.
Si se requieren leyendas en los popup rollover, se puede realizar y hacer que aparezcan al lado del
popup. El texto de leyenda puede adoptar varios atributos como fuente, negrita/cursiva, tamao,
color.
Para crear un popup rollover:
1. Clic en el botn de Popup Rollover en la barra de herramientas flotante Objetos de
Navegacin.
2. Desde el dilogo, para una imagen de rollover normal clic en Buscar, navega a ella,
seleccinala y clic en Abrir.
3. Para imgenes Sobre, la imagen seleccionada Normal es usada por default (normalmente
para imgenes en miniatura). Sin embargo, puedes Buscar para usar una imagen
completamente diferente.
4. (Opcional) Para realizar un hipervnculo en la imagen Normal, clic en el botn Ajustar e
introduce una URL. El usuario salta al destino al dar clic en la imagen.
5. (Opcional) Para cualquier imagen, especifica Opciones de Exportacin (ver las opciones de
exportacin en la pgina 189).
6. (Opcional) Selecciona Incrustar Archivo de Imagen en Sitio si quieres incorporar el archivo
de imagen en WebPlus. (para detalles, ver Incrustar vs Vincular en la pgina 184).
En este punto ya has definido imgenes que se usarn de modo normal o sobre. Sin embargo, para
que los popup rollover trabajen efectivamente necesitars posicionar las imgenes Normal y
Sobre en tu pgina.
La posicin se lleva a cabo en un dilogo, donde cada estado de imagen puede moverse y
redimensionarse al arrastrar (o al introducir valores absolutos en pixeles). Cada imagen adopta un
borde coloreado verde para estado Normal, azul para estado Sobre.
El dilogo adicionalmente muestra cualquier rollover anterior en la ventana de pre visualizacin, y
ofrece valores para altura, ancho, izquierda, superior, para fcil alineacin con los popups
existentes.
Para posicionar imgenes rollover:
1. En el dilogo de Grficos Rollover, clic en Ajustar Posicion Rollover en la parte inferior del
dilogo.
2. Selecciona una imagen. La lista desplegable indica el estatus de la seleccin actual,
ejemplo:
a. Seleccin Normal: Una imagen es seleccionada y muestra borde verde.
b. Seleccin Sobre: Una imagen es seleccionada y muestra borde azul.
c. Seleccin de Leyenda: El texto de leyenda es seleccionado y muestra un borde
rojo (slo se muestra si est habilitada la opcin de Leyendas)
Si deseleccionas una imagen la lista desplegable mostrar Ninguna Seleccin.
3. Reposiciona ya sea la imagen al arrastrar una esquina (el radio de aspecto siempre se
mantiene al arrastrar). Alternativamente, introduce los valores Izquierda, Superior Ancho
y Alto en las cajas correspondientes para una mejor posicin. Las flechas ofrecen una lista
de los ltimos 3 valores usados para Normal, Sobre y Leyendas esto te permite alinear
imgenes de manera exacta.
4. (Opcional) Deselecciona Mantener el radio de aspecto para mantener la posicin de
imagen Sobre en relacin con la imagen Normal (cuando la imagen Normal est
redimensionada).
5. (Opcional) Deselecciona Mantener radio de aspecto para permitir redimensionar
imgenes Normales o Sobre sin restricciones. Despus tendrs que usar las cajas de
entrada (sin arrastrar) para redimensionar sin restriccin.
6. Clic Ok. La imagen Normal se mostrar en tu pgina, pero la imagen Sobre slo har popup
despus de publicar o pre-visualizar.
Al construir imgenes Normales como popup rollover separados en tu pgina web puedes crear
una galera de imgenes con estilos, cada imagen Normal como parte de una secuencia de
miniaturas a las que se puede dar clic.
Para editar un popup rollover:
- Doble clic en la imagen Normal de la pgina, para mostrar el dilogo de grficos rollover.
Modifica los ajustes apropiados.
Para aadir leyendas en imgenes Sobre:
1. En el dilogo de rollover, selecciona Mostrar leyenda con imagen Sobre.
2. Introduce tu texto leyenda en la caja de Introduce Texto Leyenda
3. Ajusta los atributos de texto para texto leyendas usando la lista desplegable de Fuente y
Tamao, y las cajas de seleccin Negrita e Itlica. Para aplicar color al texto, utiliza la
galera desplegable Color de Texto.
4. Selecciona Aplicar color de Fondo para habilitar un color que ser seleccionado desde la
galera desplegable adyacente.
5. Clic Ok.
El texto leyenda slo se muestra en la imagen Sobre, as que para posicionar el texto en tu imagen
Sobre da doble clic en la imagen Normal. Desde el dilogo, clic en el botn Ajustar Posicin
Rollover y reposiciona el texto (como lo haras con las imgenes Normal y Sobre). Todo el texto
leyenda seleccionado se muestra con un borde rojo en la pre visualizacin.
Aadiendo elementos de navegacin
En WebPlus, ciertos tipos de temas grficos llamados elementos de navegacin son programados
para entender la estructura de tu sitio, haciendo ms fcil disear un sitio que es simple para
navegar. Slo seleccionas elementos de navegacin como barras de navegacin, o botones
Anterior / Siguiente- desde la pestaa de Temas Grficos (o el dilogo) y WebPlus hace el resto.
Los botones de Anterior/Siguiente automticamente se vinculan de manera lateral a las pginas
adyacentes del mismo nivel. Las barras de navegacin combinan botones con mens popup para
facilitar el movimiento entre varias secciones y niveles del sitio. Por ejemplo, en esta barra de
navegacin el botn provee vnculos a las pginas de Inicio y varias secciones superiores, mientras
los mens popup se vinculan a pginas anidadas con cada seccin.

Puedes fcilmente instalar elementos de la barra de navegacin en cualquier nivel de tu sitio,
reconfigurarlos para vincular una parte particular del sitio, cambiar la apariencia del men popup,
y excluir pginas particulares de la navegacin cuando se necesite.
Cuando definas elementos de navegacin, puedes usar terminologa estndar como Nivel
Superior, o Anterior / Siguiente para especificar que parte del sitio deber ser vinculado a,
relativo a la pgina de inicio ejemplo, qu botn deber ser incluido.
Debido a que los elementos de navegacin comprenden la estructura de tu sitio, pueden
actualizarse dinmicamente si alteras el nombre de tu pgina o las relaciones entre estas,
cortas/pegas algn elemento de navegacin en otra pgina, etc. Los vnculos son siempre relativos
a la pgina donde el elemento est localizado. Por ejemplo, si una barra de navegacin est
vinculada a un nivel inferior, continuar haciendo esto incluso si eso significa vincularlo a
diferentes pginas, moverlo o si la pgina se coloca en diferente lugar de la estructura.
Puedes colocar elementos de navegacin en pginas maestras esto te quita los problemas de
pegar el mismo elemento en mltiples pginas. Un elemento de navegacin en pginas maestras
se comporta como si estuviera en cada pgina consistente con la nocin de que el botn y los
mens son relativos a donde cada pgina se encuentra dentro de la estructura del sitio.
Los elementos de navegacin pueden ser ajustados para incluir cualquier ancla que hayas
definido. Esto abre muchas posibilidades para navegaciones en diferentes secciones de las pginas
o reas de pginas.
Para aadir elementos de navegacin:
1. Desde la barra de herramientas Objetos Web, clic en el botn Insertar Temas Grficos
2. Desde el dilogo de Ajustar tema, selecciona el tipo de elemento y el conjunto de temas
que quieres usar.
Para aadir una barra de navegacin:
1. Clic en el botn de Insertar barra de navegacin en la barra de herramientas flotante de
Objetos Web, os elecciona Barra de Navegacin desde el men Insertar.
2. En el dilogo, pestaa Ajuste de Tema, selecciona orientacin Horizontal o Vertical y
selecciona un tema para la barra de navegacin.
3. Personaliza el tipo de navegacin y las propiedades de men popup (ver pasos 2 y 3 para
configurar una barra de navegacin).
4. Clic ok.
Todos los elementos de navegacin pueden tambin ser aadidos desde la pestaa de Temas
Grficos. Para aadir cualquier elemento, expande tu galera seleccionado para ver el conjunto de
elementos, y simplemente arrastra y suelta en la pgina.
Debido a que los elementos de navegacin son grficos, puedes usar la pestaa de Temas Grficos
para seleccionar elementos de diseo coordinados (botones, etc.) para una vista consistente, y
cambiar la apariencia total con un simple clic. Para editar las propiedades de un tema grfico como
fuente, color de texto y color del mouse, selecciona el objeto y presiona el botn editar. Puedes
dar clic derecho y seleccionar la opcin Editar Tema Grfico) Para detalles, ver incorporar tema
grfico en la pgina 50.
La barra de navegacin tiene su propio dilogo especial para reconfigurar las propiedades de
navegacin.
Para configurar una barra de navegacin:
1. Doble clic, o clic derecho y selecciona Editar Barra de Navegacin
2. En la pestaa Ajuste de Tema:
a. Selecciona el tipo de barra de navegacin Temas Grficos (Horizontal/vertical),
Slo Texto (Horizontal/vertical) o Combo.
b. Si un tipo de tema grfico es usado, selecciona el tipo de tema.
3. En la pestaa de tipo de naevgacin:
a. Selecciona que botones debern ser incluidos en la barra de navegacin: Nivel
Superior, Nivel Padre, Mismo Nivel, Nivel Anidado, Inicio, Anterior o Siguiente,
Arriba, Anclas, Atrs o Personalizado.
b. Dependiendo en la seleccin principal, puedes optar por incluir la pagina Inicio,
Padre, Anclas y/u Ocultar la pgina actual.
c. Como una opcin de diseo, pues elegir Hacer todos los botones del mismo
tamao (de lo contrario los botones se autoajustarn al texto) y/o Usar nombres
de pgina (de lo contrario tendrn nombres funcionales como Anterior o
Inicio).
d. Define el punto ancla para la barra de navegacin. Por default, la barra ser
anclada en la parte superior izquierda. Esto significa que cualquier pgina aadida
crecer la barra hacia la derecha.
e. Ajusta Marco Objetivo / Ventana para cambiar donde se abrirn las nuevas
pginas. Selecciona para la Misma Ventana (ms comn), Nueva Ventana (til para
pgina fuera de sitio), Superior en la ventana actual, Marco Padre, Ventana
Nombrada y Marco de Documento.
4. En la pestaa Propiedades del Texto:
a. Ajusta el texto y color de men usando los controles (slo disponible si el texto de
navegacin est seleccionado).
5. En la pestaa de Propiedades de Menu Popup:
a. Para prevenir que el men popup aparezca, deselecciona Este objeto de
navegacin tiene men.
b. Para cambiar los ajustes para el texto y apariencia del men popup, usa lo
controles del lado derecho.
Por default, todas la pginas en el rbol estn incluidas en la navegacin esto es, pueden estar
vinculadas a elementos de navegacin. Puedes excluir ciertas pginas (cualquiera menos el pgina
de Inicio) y as sern ignoradas de la navegacin. Por ejemplo, supn que tienes una seccin de
referencia o pginas de archivo que no quieres que los visitantes exploren. Excluyendo la pgina
padre de la navegacin, remover la seccin de la barra de navegacin. Observa que al excluir la
pgina desde la navegacin no la remueve del sitio, an estar en el rbol de estructura y aun
puedes agregar hipervnculos a l; slo no se mostrar en la barra de navegacin.
Las pginas incluidas aparecern con una marca en la pestaa del sitio, mientras que las pginas
excluidas carecern de sta.
Para excluir una pgina de la navegacin:
- En la pestaa del Estudio, clic derecho en la pgina, en la estructura del sitio y selecciona
Propiedades de Pgina, debajo del rbol, deselecciona Incluir en Navegacin.
Si estas buscando reorganizar el orden o jerarqua de tu barra de navegacin para que los tems se
vean diferentes de tu estructura del sitio, WebPlus puede permitirte personalizar cualquier barra
de navegacin puedes tambin, aadir, editar o borrar elementos que tendrn acceso a un
vnculo tipos de destino (ver Aadiendo hipervnculos y anclas en la pgina 225) al igual que en la
pestaa Estructura del Sitio.
Para personalizar una barra de navegacin:
1. Doble clic en la barra de navegacin
2. Ir a la pestaa tipo de navegacin, y seleccionar la opcin Personalizar. La pestaa
Personalizar se mostrar automticamente.
3. Reordena el orden del a barra de navegacin al arrastrar y soltar (o usar los botones
Mover Arriba, Abajo, Hacer hijo/padre).
4. Clic en el botn aadir elemento para aadir un nuevo elemento al final en la lista de
barra de navegacin. El elemento es asignado a un vnculo destino, un marco objetivo o
ventana y un ttulo en el dilogo que se muestra. Clic Ok.
5. Clic Ok una vez ms.
Cualquier elemento seleccionado en la ventana de personalizar puede ser editado o eliminado.
Aadiendo mapas de sitio para navegacin
WebPlus te permite aadir mapas de sitio a tu sitio Web. Esto mejora las funciones de
accesibilidad al proveer vnculos que pueden servir para acceso directo a las secciones de tu sitio.

Quizs prefieras crear un mapa del sitio en una pgina que se incluya en la barra de navegacin.
Esto te permite que todos tengan acceso al mapa del sitio y por ende a todas las pginas Web.
Para aadir un mapa de sitio para navegacin:
1. Clic en la herramienta de mapa del sitio en la barra de herramientas flotante Objetos Web.
2. Desde el dilogo de Mapa del sitio, en la seccin de Navegacin:
a. Si has usado anclas en tu sitio y quieres una lista de ellas en el mapa del sitio,
selecciona la opcin Incluir Anclas.
b. Selecciona un Marco Objetivo/Ventana desde la lista desplegable, ejemplo la
ventana / marco en donde quieres que se abra el mapa del sitio. Por ejemplo,
quizs quieras que el mapa del sitio se abra en una nueva ventana para que el
usuario pueda ver el mapa del sitio de manera independiente de la pgina actual.
3. En la seccin Columnas, selecciona el nmero de columnas que quieras que se muestren
en tu mapa del sitio.

Si seleccionas un mapa del sitio multi-columnas, puedes tambin ajustar el ancho del
margen de la columna, y seleccionar mantener al mismo nivel un segundo y tercer objeto
con sus respectivos niveles (si no quieres esta opcin, algunas listas de objetos se dividirn
en las columnas).
4. En la seccin de Estilos de texto, para modificar el texto que se muestra en el mapa del
sitio, clic en el botn Modificar para los niveles que quieras cambiar. Puedes tambin
seleccionar aplicar esquemas de color en los hipervnculos del mapa del sitio y/o
subrayarlos.
5. Clic Ok para aadir un objeto de mapa del sitio a tu pgina.
L navegacin se actualiza automticamente si aades, borras o renombras pginas, o cambias las
relaciones entre pginas.
Aadiendo Subprogramas Java
Java es una plataforma-cruzada orientada a la programacin de objetos usada para crear mini
aplicaciones llamadas Applets que pueden ser adjuntadas a las pginas Web y que se ejecutan
cuando la pgina es visualizada en un buscador.
Puedes aadir una mini aplicacin Java en tu pgina al dar clic en el botn Insertar Mini Aplicacin
Java en la barra de herramientas flotante Objetos. Ver la ayuda en lnea para ms informacin.

Aadiendo Contenido Dinmico
Creando pginas HTML
El cdigo HTML est etiquetado como cdigo que puede ser interpretado por el buscador de tu
visitante web, segn las etiquetas que se utilicen se dar el formato al a pgina. El cdigo y
etiquetas son instrucciones para el formato de la pgina, y como tal es vital que el cdigo sea
estructurado de manera correcta y est en congruencia con la convencin HTML.
WebPlus soporta el desarrollo de pginas web en HTML. Puedes aadir pginas en la pestaa de la
estructura del sitio un icono diferente HTML se muestra.

Las pginas HTML en la pestaa del sitio pueden ser controlados de manera similar a las pginas
estndar, ejemplo, puedes arrastrar/soltar, renombrar, pre visualizar, insertar vnculos fuera de
lnea, estimar tiempo de descarga, o incluir la pgina en navegacin. Sin embargo, las pginas
HTML no tienen pginas maestras asociadas a ellas, en adicin, un doble clic al icono de pgina
HTML ejecutar la ventana de fuente para editar HTML (en vez de mostrar el WYSIWYG estndar
de la pgina). En la ventana fuente vers algunas etiquetas bsicas HTML, si eres un desarrollador
con experiencia, esto ser muy familiar para ti.

No hay WYSIWYG cuando trabajas con el cdigo fuente HTML de manera directa.
Desde este punto, editar la plantilla de la estructura HTML es requerido.
Normalmente, el texto es insertado (al introducir o pegar) entre la apertura <body> y el cierre
</body>; cada prrafo inicia y termina con etiquetas <p> y </p> respectivamente. Puedes tambin
insertar tokens en tu cdigo HTML (ver Adjuntar cdigo HTML en la pgina 249) al dar doble clic
(seleccionar Insertar Token). El recordatorio de que se deben cerrar las etiquetas HTML no
necesita ser alterado.
Editar el cdigo HTML requiere que se entienda el lenguaje mismo y su convencin. Editarlo de
manera pobre puede tener como resultado la corrupcin de tu cdigo a nivel de la pgina.
Si eres nuevo con HTML y necesitas iniciar con lo bsico es mejor buscar por tutoriales HTML en
tus sitios de bsqueda favoritos de la Web antes de comenzar a editar.
Para crear una pgina HTML:
1. En la ventana de pginas (rbol de la estructura del sitio) en la pestaa de Estudio,
selecciona la pgina donde se aadir una pgina nueva. Un clic en la pgina te introduce
al apartado para seleccionar la pgina (su nombre se pondr en negritas); doble clic
mostrar la pgina en el espacio de trabajo.
2. Para aadir una pgina despus de la pgina original, clic en la flecha del botn de aadir
en la parte superior de la ventana de pginas. Desde el men, selecciona Nueva Pgina
HTML.
Para editar una pgina fuente HTML
- Doble clic en la pgina HTML (ver arriba) en la pestaa de Estructura del Sitio, y edita el
cdigo que se muestra.
- Si quieres descartar todos los cambios en el cdigo HTML, selecciona el botn Limpiar
Cambios en la barra de herramientas que se encuentra en la parte superior de la ventana
HTML.
Para regresar a la vista de diseo:
- Selecciona el botn Vista de Diseo en la barra de contexto que se encuentra en la parte
superior de la ventana.
Adjuntando cdigo HTML
En WebPlus, puedes crear pginas en HTML (ver Creando pginas HTML en la pgina 247). Sin
embargo, WebPlus tambin te permite adjuntar cdigo a tus objetos HMTL (ejemplo, en marcos o
celdas de tablas) y pginas, principalmente para expandir las capacidades de los objetos (o la
pgina), hacindolos ms inteligentes e interactivos. El objeto o la pgina puede generar
dinmicamente contenido o puede tener su apariencia alterada dentro de su rea como resultado
de contenido script incrustado.
No es posible editar el cdigo HTML por s mismo (no hay un beneficio real en hacer eso), pero
reas especificas del cdigo que se muestra son editables para que cdigo adicional sea aadido,
ejemplo contenedores claramente identificables (rodeados de texto por una seleccin blanca)
aparecer en tu ventana de fuente.

Hay pocos contenedores editables presentes en la superficie de un fragmento HTML; objeto o
pgina (en realidad diferentes contenedores existen dependiendo en el tipo de elemento). Por
ejemplo, el ltimo contenedor mostrado en la lista superior es nico a la pgina fuente y no
aparece por objeto o fragmento HTML.
Cualquier cdigo puede ser insertado al cortar y pegar en cualquier contenedor pero normalmente
puedes incluir tokens, cdigo HTML o scripts especficos, ejemplo JavaScript. Esto podra ser usado
para afectar el comportamiento rollover en un objeto, ejemplo al dar clic en una imagen.
Aadiendo HTML
WebPlus te permite Ver fuente en la pgina permitiendo cdigo HTML extra aadido en la
pgina. Usando esta aproximacin, puedes incluir fragmentos ya sea copiados desde otra pgina
Web, o quizs escritos por ti mismo.
Puedes importar tambin texto HTML formateado desde un buscador o programa de correo
electrnico (por ejemplo con un buscador selecciona Seleccionar Todoy Copia comandos), usando
el comando especial de WebPLus Archivo Pegado Especial. Usar la opcin de Importar Pginas
Web, puedes importar una o ms pgina HTML en tu nuevo sitio existente de WebPlus, con
control sobre cualquier elemento adicional importado.
Antes de que importes tu cdigo HTML; WebPlus te permite posicionar un fragmento del cdigo
HTML en tu pgina. Debido a que no podrs ver el efecto de tu pgina HTML hasta que pre
visualices el sitio, se cuidadoso de colocar la ventana correctamente. Definitivamente querrs
seleccionar tu pgina Web en un buscador. Si hay un problema, revisa dos veces el ddigo que
introdujiste y su posicin en la pgina WebPLus (redimensiona si es necesario). Si comprendes un
poco el HTML, examina la pgina fuente en un editor de texto como Notepad o utiliza tu buscador
en modo Ver Fuente.
Para aadir un fragmento de cdigo HTML a una pgina:
1. Clic en el botn Insertar Cdigo HTML en la barra de herramientas de Objetos Web.
O
Selecciona Objetos Web desde el men insertar y selecciona HTML desde el submen.
2. Clic en la pgina o portapapeles para crear un nuevo fragmento de cdigo HTML en un
tamao default o arrastrar para crear una ventana ajustada.
3. En el dilogo, usa el botn Pegar en Titular o Pegar en Cuerpo para insertar la parte de
texto en el portapapeles en el titular o en el cuerpo.
O
Usa la ventana de cdigo desplazable. Introduce uno o ms fragmentos de cdigo HTML
en sus campos apropiados.
4. Si el cdigo pide ayuda externa, usa el botn Aadir para localizarlos.
Clic en el botn Incrustar si quieres mantener los archivos separados desde tu proyecto.
5. Clic en Ok para cerrar el dilogo. El cdigo aparecer en tu pgina dentro de la ventana de
fragmento de cdigo HTML.
Aadiendo JavaScript
Para conseguir una amplia conexin de cdigo JavaScript, intenta buscar Fragmentos de
JavaScript en tu motor de bsqueda favorito. Debers encontrar muchos miles de sitios con
cdigo disponible de manera gratuita. La mayora de estos sitios claramente indicar lo que har el
cdigo de JavaScript - normalmente tambin te permiten seleccionar el cdigo y pegarlo como
fragmento en la pgina HTML, ventana fuente, celda de tabla o directamente en la pgina.
Aqu hay algunos usos tpicos cuando se aplica el cdigo a tu pgina web:
- Deshabilitar el clic derecho en algunos objetos de la pgina.
- Aadir un botn de Impresin a la pgina.
- Aadir Fecha y Hora a la pgina.
- Cambiar el color de un objeto cuando se selecciona.
Veamos como aadir cdigo JavaScript (conseguirlo o escribirlo por ti mismo en caso que tengas
conocimiento en la programacin JavaScript).
Para ilustrar, compara las dos piezas del ejemplo siguiente. Un cdigo JavaScript es aadido a la
ventana fuente, esto mostrar la fecha actual en tu pgina web. La primera seccin del cdigo usa
el ltimo contenedor de la lista (<!Page Body Start -->), la segunda como se mira el cdigo
despus de que el script ha sido reemplazado en el contenedor.

Este ejemplo ilustra donde el cdigo simple ha sido colocado en la ventana fuente.
Para adjuntar el cdigo a un fragmento u objeto HTML:
1. Selecciona un fragmento u objeto HTML.
2. Desde el men Formato, selecciona Adjuntar HTML
O
Clic derecho en el objeto y selecciona la misma opcin.
3. En el dilogo, desplzate en la venta fuente para localizar los contenedores editables. El
contenedor que selecciones depende en lo que quieras alcanzar.
4. Selecciona todo el contenedor y pega HTML, script o cualquier otra cadena de texto para
sobrescribir el contenedor de texto.
O
Selecciona todo lo del contenedor e introduce directamente en la localizacin del
contenedor (una vez ms para sobrescribir en texto).
5. Clic en el botn Ok para regresar a tu vista normal de pgina.
Puedes hacer uso de los tokens para aadir un rango de variables a tu HTML. Usa la navegacin
breadcrumb esto actualizar de manera dinmica si quieres aadir, remover o cambiar las pginas
dentro del sitio.
Para scripts ms complejos, quizs sea necesario aadir archivos de soporte (grficos, archivos de
texto, etc.) que el script pueda usar estos pueden ser vinculados o incrustados. Esto significa que
los archivos se mantienen en el proyecto WPP (incrustados) o son referenciados de manera
externa (vinculados). Considera el tamao del proyecto final cuando incrustas varias imgenes.
Para aadir archivos de soporte:
1. Clic en el botn Aadir.
2. Desde el dilogo abierto, navega para seleccionar uno o ms archivos (utiliza Ctrl clic y
Shift clic para selecciones contiguas o no contiguas.
3. Los archivos estn enlistados en la lista de Archivos y sern incrustados en tu proyecto por
default. Si seleccionas no incrustar archivos (haces que tu proyecto tenga un menor peso),
despus selecciona cada archivo y clic en el botn Hacer un Vnculo.
4. Clic Ok.
En cualquier punto, puedes aadir, borrar y cambiar las opciones de exportacin para cualquier
archivo.
Para adjuntar cdigo a una pgina:
1. Clic derecho en la pgina y selecciona Adjuntar HTML
O
Selecciona el botn Adjuntar HTML en la barra estndar.
2. En el dilogo, desplzate en la ventana y localiza el contenedor editable. El contenedor
que selecciones depende del objetivo que desees.
3. Selecciona todos los contenedores y pega el cdigo, HTML, o cualquier otra cadena de
texto para remplazar el contenedor de texto.
O
Selecciona todos los contenedores e introduce directamente la localizacin del
contenedor (una vez ms sobrescribe el contenedor de texto).
4. Para cambiar a tu vista de pgina normal, clic en la pestaa proyecto en la parte superior
de la ventana fuente.
Usando ID
Todos los objetos en WebPlus tienen un ID alfanumrico nico para referenciar por lenguaje
script. Por default, la generacin de ID es automtica para cada objeto, columna de texto, fila de
tabla y celda de tabla. Por ejemplo, una forma rpida automticamente tendr un ID qs_1, una
segunda forma rpida qs_2, las imgenes sern pic_1, pic_2, etc.
Ser perfectamente aceptable utilizar estos ID automtico en tus scripts pero si necesitas asignar
tus propios IDs, es posible apagar la generacin de ID automtica en la pestaa Opciones para el
dilogo de propiedades del Sitio (selecciona Propiedades del Sitio desde el Men Archivo).
Deselecciona la opcin especfica para objeto, columna de texto, fila de tabla y/o celda de tabla y
presiona Ok. Tus propios reemplazos de ID pueden ser aadidos en los contenedores disponibles.

Si el objeto es copiado en la misma pgina u otra del sitio Web, el nmero ID ser reemplazado
por el nuevo ID.
Cualquier ID de objeto puede ser editado una vez que el objeto es en la pgina web. Un nombre
diferente puede ser usado, si no quieres mostrar un ID de objeto (pero quieres mantener la
generacin de ID), puedes prevenir el ID de mostrarse en el cdigo fuente.
Para editar el ID de un objeto:
1. Clic derecho en el objeto y selecciona ID.
O
Selecciona el objeto y selecciona HTML ID desde el men Formato.
2. En el dilogo, modifica el valor de HTML ID.
3. (Opcional) Selecciona Escribir ID para este objeto. Selecciona Usar Default de Sitio esto
significa que las opciones en la pestaa Opciones de las propiedades del sitio estn siendo
cumplidas Si / No significa que el ID de objeto siempre estar mostrndose o nunca se
mostrar respectivamente.

Tokens
WebPlus provee un rango de anotaciones HTML agrupadas que pueden ser adjuntadas a los
fragmentos HTML, objetos o pginas. Son reemplazadas por los valores reales cuando exportas a
un archivo o pre visualizas tu pgina.
Aadir tokens es un caso simple de insertar una cadena de token, copiando y pegando o
introduciendo directamente, en uno de los contenedores de cualquier fuente HTML.
Una lista llena de tokens se provee por la ayuda de WebPlus (busca Tokens en el ndice).
Aadiendo Formularios
Los formularios basados en las pginas web permiten que la informacin se colecte desde
visitantes a tu sitio Web de una manera eficiente y moderna. De la misma manera como lo hara
una forma de papel, los formularios basados en la web ofrecen los mismos conceptos, pero toman
la ventaja del Internet como un conductor poderoso de informacin. Algunos tipos de formularios
incluyen: formularios de peticiones, formularios de retroalimentacin, y libros de visitas.
Los datos pueden ser recolectados en una variedad de maneras por correo, a un archivo
local/remoto, o por los recursos de Web Serif.
Estructura de Forma
La construccin de bloques de un formulario comprometen una mezcla de texto, grficos y
controles de forma. Los controles de forma son inteligentes pues recolectan datos del visitante
web y pueden ser aadidos, movidos y modificados de una manera similar a objetos familiares en
WebPlus como grficos y elementos de tabla. Un control puede ser un botn, caja de edicin, rea
de texto, men desplegable, botn de radio, buscador de archivo u objeto de captura. Una forma
tpica, quizs una forma de retroalimentacin por email, es creada por una combinacin de estos
controles.

- Desde la perspectiva del visitante, la informacin se introduce en cajas de texto o se
selecciona desde las cajas desplegables, botones de radio, etc. La informacin introducida
puede ser numrica, textual o una mezcla de ambas, dependiendo del tipo de campo. La
pestaa orden por los campos que estn completos es configurable, como validacin de
datos de entrada (ver ayuda de WebPlus para ms informacin sobre orden y validacin).
- Cada campo tiene sus propios conjuntos de propiedades relacionados con su apariencia,
su valor, validacin, o la accin esperada del campo.
En WebPlus, los formularios debern ser integrados en tu diseo del sitio mientras desarrollas tu
sitio. Por supuesto, una pgina completa podr ser para un solo formulario, y la pgina puede ser
parte de la barra de navegacin (selecciona Incluir en la navegacin, en las propiedades de la
pgina).
La funcionalidad del formulario slo se activa cuando el sitio Web es publicado (por supuesto an
puedes pre visualizar los formularios en WebPlus, ve Pre visualizando tu sitio Web en la pgina
321). Cuando un visitante introduce datos, o selecciona una opcin de formulario, los datos se
enviarn a los destinatarios seleccionados cuando el formulario se enve.
JavaScript puede ser usado para peritir interactividad con tus formularios Web. Maneja los
formatos, la validacin, clculos y acciones todas las funciones principales en el desarrollo de los
formularios.
Dnde se envan los datos?
Despus de que se mandan, los datos del formulario pueden ser enviados de la siguiente manera:
- Por medio de una direccin de correo electrnico (del desarrollador Web).
- Un archivo script (almacenado de manera local o remota); esto puede escribir texto en un
archivo de texto, o en una base de datos.
- Recursos SerifWeb, para transmitiro datos de formulario a tu correo electrnico por medio
de Serifl.
Como una manera estndar de administrar los formularios Web, es posible ajustar un tipo de
encriptacin, mtodos de sumisin que pueden ser usados.

Creando Formularios
Varios mtodos existen para crear formularios, todo depende en si deseas ser ayudado con un
asistente, o utilizar formularios estndares (ejemplo, formularios pre definidos listo para
agregarse), o crear un formulario en blanco. Sin importar qu, el mtodo que selecciones
depender del grado de personalizacin que quieres que tenga como regla, siempre es mejor
familiarizarte con los formularios estndares de WebPlus primero. Esto puede ahorrarte tiempo, y
permitirte crear formularios ms fcilmente.
Para crear un formulario (por medio de un asistente):
1. Clic en el botn Asistente de Formulario en la barra de herramientas Formulario.
2. En el dilogo, clic en el icono Crear un nuevo formulario con el asistente y despus
Siguiente.
3. En la pantalla, necesitas aadir controles de formulario que harn tu formulario. En la caja
de aadir, ya sea:
a. Para formularios rpidos, clic en el botn Pre-definido, y selecciona tu formulario.
Necesitas dar doble clic en la nueva ventana de control para nombrarle.

1. Clic en uno de los otros formularios para crear desde el inicio. Ver control de
formularios en la pgina 260 para una descripcin de cada control.
2. En el dilogo, utiliza el nombre interno para el control (para nicamente
identificarlo), o editarlo e introducir una etiqueta que acompae al control (esto
se muestra en la pantalla). Tambin puedes editar el control al usar el botn
Editar Control. Editar el control te permite validar, controlar el tamao y otros
atributos de control que se pueden ajustar. Ver Editando Control de Formulario en
la pgina 263 para ms informacin. Si ya editaste un valor, clic en Ok.
4. Repite la parte superior para cada control necesario. Se enlistarn en orden de creacin en
la venta superior. Antes de continuar tienes que aadir un botn de Enviar. Esto es vital
para pasar los datos al destinatario. Clic en el botn Enviar, para aadir automticamente
un botn a tu formulario. Es normal agregar un botn de Borrar, usado para limpiar los
campos antes de enviar.
Clic Siguiente.
5. En el siguiente dilogo, selecciona un destinatario para los datos del formulario al dar clic
en el botn destinatario, selecciona correo electrnico, archivo script (local o remoto) o
Recursos SerifWeb y nombra para definir el formulario completo. (Ver Envos de
Formulario en la pgina 265). Selecciona Finalizar para completar el asistente.
6. Para insertar el formulario en un tamao default, posiciona el cursor en la parte de la
pgina que se desea aparecer el formulario y simplemente da clic con el mouse.
Si prefieres una aproximacin diferente, puedes aadir un formulario estndar. Estos son pre-
definidos para informacin de contacto, comentarios de usuario, envo de currculo, opiniones y
direcciones, entre otros.
Para crear un formulario estndar:
1. Clic en el asistente de Formulario en la barra flotante de herramientas Formulario.
2. En el dilogo, clic en el icono Usar y adaptar formulario estndar y despus clic Siguiente.
3. En la lista de formularios, selecciona un tipo de formulario mientras usas el panel inferior
para pre-visualizacin.
4. Clic Siguiente.
5. En la siguiente pantalla, selecciona aadir, modificar o borrar controles.
a. Para aadir, clic en el botn Aadir.
b. Para modificar un objeto estndar, selecciona un control existente en la ventana y
selecciona Editar Control, ver Editar Controles de Formulario en la pgina 263
para ms informacin.
c. Para borrar un objeto estndar, selecciona un control existente en la ventana y
selecciona Borrar (o presiona la tecla borrar).
d. Para reorganizar el orden de control, utiliza los botones Mover arriba y Mover
Abajo.
6. Despus de dar clic en Siguiente, selecciona un destinatario para los datos del formulario
al dar clic en el botn Destinatario. Selecciona Finalizar para completar el asistente.
7. Para insertar el formulario en un tamao default, posiciona el puntero del mouse en
alguna parte de la pgina donde se desea colocar el mismo y da clic.
Si ests buscando libertad de diseo, WebPlus provee un formulario en blanco y objetos de
formulario que podrs disear desde el inicio. Puedes aadir los controles de formulario u objetos
estndares de formulario. Ver la ayuda de WebPlus para ms detalles.
Control de Formulario
Cada control de formulario es un objeto inteligente que difiere de otros objetos de WebPlus. Estos
son inteligentes debido a que pueden almacenar entradas de usuario y pasarlas a una localizacin
central. Los controles pueden moverse entre otros objetos pero no pueden tener color o
transparencia aplicada, ajuste de bordes o redimensin.
Un rango de control de formularios est disponible en el asistente de Formulario o directamente
en la barra flotante de herramientas Formulario (o por medio de la opcin Formulario en el men
Insertar). Puedes asignar un nombre interno nico para cada campo y despus ajustar una
variedad de propiedades - cada control de formulario tiene su propio conjunto que puede ser
modificado.
Icono de
Control de
Formulario
Nombre de
Control de
Formulario
Cundo se usa?

Botn de
Formulario
Se utiliza cuando se especifica una accin que puede ser
activada al dar clic en el botn. Un rango de botones es
diseado con diferentes funciones. Los usos incluyen:
- Avanzado Muestra opciones de men que slo
son aplicables para usuarios avanzados.
- Mostrar Todo Muestra todas las opciones del
men.
- Siguiente Pgina Salta a la siguiente pgina.
- Abrir Abre un archivo o vnculo Web.
- Importar Importa datos de formulario.
Los botones de Envo y Borrar estn disponibles en el
asistente. Estos actan enviando datos y borrando campos,
respectivamente.


Caja de Edicin Se utiliza para introducir texto de una lnea, nmeros o una
mezcla de ambos. Algunos apodos o nmeros de seguro
seran un buen ejemplo.


rea de Texto Se utiliza para aadir texto mlti-lnea, nmeros o una
mezcla de ambos. Generalmente usado para entradas
numricas o de texto. Ejemplo, investigaciones, recetas,
listas de nmeros.


Combo Box Para una seleccin desde una lista en un men desplegable,
donde slo puede ser seleccionado un tem por default,
ejemplo, gnero.

Los Combo Box tambin te permiten una lista desplazable;
con soporte para mltiples selecciones. Por ejemplo, pases.

Puedes usar la tecla Shift para seleccionar un grupo de
tems.
Cuando se disean mltiples selecciones, arrastra a la parte
superior o inferior del Combo Box para permitir que se
muestren por default.


Caja de
Seleccin
Ideal cuando quieres multiples tems mostrados unos al
lado del otro. Una buena alternativa si el espacio lo
permite. El visitante web puede dar un clic para seleccionar
o deseleccionar al opcin.

Botn Radio Bueno para seleccionar exclusivamente un tem de un
subconjunto de opciones. Por ejemplo, para obtener el
gnero.


Buscador de
Archivo
Utiliza esta opcin para que tus visitantes suban algn
archivo de sus computadoras. Los visitantes simplemente
navegan por medio de ste botn y seleccionan un archivo
local. Algunos ejemplos incluyen subir CV, imgenes e
instrucciones.


CAPTURA Se utiliza como seguridad contra SPAM. El control de
formulario ofrece cadenas aleatorias de texto para que los
visitantes web reproduzcan en una caja de texto.


TIP: Si no quieres seguridad colocada en tu formulario
puedes habilitar esto en el envo (ver Envo de formularios
en la pgina 265.)
Los objetos ocultos pueden ser aadidos como un control de formulario si usas el asistente de
formulario. Aunque el visitante web no vea el campo, normalmente se usa por el desarrollador
Web para asegurar que todos los datos fueron colectados con una cadena identificable
almacenada en los datos de usuario. Un ejemplo podra ser, la publicacin de una fecha
relacionada con la pgina web til para identificar pginas que trabajan de manera incorrecta.
En adicin, los campos ocultos pueden ser aadidos al dar clic derecho en el formulario y
seleccionar Editar Propiedades de Formulario, el dilogo Campos Ocultos permite nmeros de
entradas en los campos ocultos.
Editando los Controles de Formulario
Cada tipo de Control de Formulario (botones, campos de texto, etc.) tiene diferentes
caractersticas y por lo tanto diferentes valores de edicin. Los valores pueden cambiar mientras
creas el formulario o despus de aadir los controles al formulario. Quizs quieras:
- Cambiar el Nombre y su Valor Inicial almacenado (lo que se muestra en la pantalla por
default).
- Tratar los valores de control como script (selecciona para preservar el valor inicial en el
contenido del script en vez de convertirlo en HTML).
- Ajusta un Tamao Mximo para el campo (usado como tipo de validacin).
- Ajusta el campo a Deshabilitado. Selecciona para hacer el control inactivo a menos que se
active por script.
- Ajusta una llave de Acceso. Salta al control de formulario con un atajo del teclado (usa la
tecla Alt y una letra).
- Haz un control de Slo Lectura (selecciona para hacer que los controles sean no editables
a menos que esto cambie por script). Puede ser condicional en los otros campos que son
completados.
- Crea un control para Contrasea (la entrada del visitante web es oculta).
El botn Edicin de Control en el asistente de Formulario te permite modificar el control durante
la creacin del formulario. Alternativamente, el control puede ser editado despus al dar clic
derecho en el control de formulario de la pgina y seleccionar la opcin Editar, ejemplo, editar caja
de texto.
Edicin de Combo Box
Editar un combo box es un poco ms complicado que otros campos. El combo box necesita ser
poblado con mltiples entradas para crear opciones de seleccin en la caja. En el dilogo de
Combo Box del Formulario, usa Aadir Opcin para construir tus entradas de men de manera
secuencial esto involucra aadir nombre y valores pares uno a uno (usar el botn Aadir
Otro para dar rapidez al proceso).

Cualquier Combo Box tambin soporta Grupos. Esto significa que puedes categorizar entradas en
grupos comunes para una fcil navegacin. Mientras el grupo por s mismo no es seleccionable
puede tener ms sentido una larga lista de entradas al crear el nombre del grupo (clic en Aadir
Grupo) y mover entradas bajo el grupo con el botn de Hacer Hijo (posiciona la entrada bajo el
grupo seleccionado). Por ejemplo, un combo box de pas podra ser categorizado por continente.
Editando Cajas Radio
Estas operan un poco diferente de otros controles de formulario. Para operar correctamente, el
botn de Radio que se pretende agrupar, deber ser configurado para que sea parte del mismo
Nombre de Grupo. Simplemente crea un nombre de grupo para el primer botn radio y adopta
ese nombre para cualquier otro botn que se pretenda est en ese grupo.
Envo de Formularios
Todos los formularios tienen una cosa en comn debern enviarse para permitir que los datos se
recolecten. Para hacer esto puedes crear un botn de Envo, utiliza el asistente de Formulario usar
un botn ya establecido. El botn necesita estar presente en el formulario y es normalmente
usado con un botn de Borrado para limpiar todos los datos de los controles de formulario.

Sin Accin

Los datos del formulario no se envan. Esta opcin es til si quieres
deshabilitar temporalmente la coleccin de datos o si no has ajustado
los scripts o Recursos SerifWeb. Despus puedes editar el formulario
(clic derecho despus selecciona Propiedades de Edicin de
Formulario) y selecciona un mtodo de envo vlido.

Correo Electrnico
Utiliza esta opcin para evitar el envo usual. Cuando el botn de envo
es presionado el programa default de correo electrnico del visitante
web se ejecuta. Los datos del formulario (pasados por una cadena
individual) es aadida al cuerpo del correo y est listo para enviarse si
no hay script local o remoto en su lugar.

Esto es un mtodo de envo sin seguridad cualquier informacin
confidencial no ser encriptado.

Para ajustar un correo electrnico directamente:
1. En el cono habilitado, aade el nombre del formulario.
2. Introduce la direccin de correo electrnico en el men
desplegable.


Recursos SerifWeb
No todos tienen acceso a, o incluso quieren operar su propio servidor
Web, as que como alternativa a esto, puedes usar los Recursos de
SerifWeb (pgina 306). Esta es una entrada al servicio de correo
electrnico que transmitir los valores de tu formulario por medio de
Serif a tu direccin de correo electrnico el servicio requiere que
tengas acceso a los recursos de SerifWeb (por razones de seguridad),
esto te permitir crear, editar y borrar tus propios destinatarios de
correo electrnico; estos se llaman Objetivos de Correo Electrnico.

Para ajustar Recursos SerifWeb
1. Selecciona Recursos SerifWeb y aade un nombre de
formulario.
2. Clic en el botn Seleccionar e inicia sesin a los Recursos
SerifWeb.
3. En el dilogo, introduce tu correo destino en la caja de Nuevo
Objetivo y clic en el botn Aadir nuevo objetivo. La entrada
de correo es creada y aadida a la lista de correos disponibles
- con la direccin de correo seleccionada, clic Ok. Observars
que la entrada est clasificada como No confirmada. Antes
de que comience el servicio, obtendrs una confirmacin de
correo en tu correo electrnico. Al dar clic en el vnculo, el
servicio activar y la entrada cambiara a Confirmada.
4. Selecciona Utilizar Puerta CAPTURA para habilitar una
seleccin de seguridad mientras el formulario del visitante
Web se enva. Esto protege contra SPAM. Un dilogo ofrece
una cadena de texto aleatoria para que el visitante Web
reproduzca. Pasando la revisin de iniciales al envo de
formulario.

5. Selecciona un mtodo de envo, tipo de codificado y objetivo
ventana/marco.
Quizs te preguntes como se vern los datos del formulario una vez
que se enven por Recursos SerifWeb. Aqu hay un ejemplo de cmo se
vern.

Fecha de Envo: Martes, 23 Enero 2008, 17:45:10 BST
Desde IP: 80.6.91.225
Nombre= Doug
Apellido= Walker
Gnero= Hombre
Informacin= Eventos Sociales.