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.