Web Pluses

461
Guía de usuario ®

description

Manual

Transcript of Web Pluses

Page 1: Web Pluses

Guía de usuario

®

Page 2: Web Pluses

Cómo ponerse en contacto con nosotros Nuestra oficina principal: WinSoft International

24 rue Louis Gagnière 38950 St Martin le Vinoux FRANCIA

Nº de teléfono principal: +33(0)4 38 02 22 00

Servicio de atención al cliente/Soporte técnico:

[email protected]

Fax general: +33(0)4 38 02 22 11

En línea

Visítenos en la web en: http://www.winsoft-international.com/

Internacional

Por favor póngase en contacto con su distribuidor/comerciante local. Para obtener más información, póngase en contacto con nosotros en el número de teléfono proporcionado anteriormente.

Page 3: Web Pluses
Page 4: Web Pluses

La Guía de usuario del sistema de Ayuda y el software descrito se proporcionan bajo un Acuerdo de licencia de usuario final, que se incluye con el producto. El acuerdo especifica los usos permitidos y prohibidos.

Marcas registradas Serif es una marca registrada de Serif (Europe) Ltd. WebPlus es una marca registrada de Serif (Europe) Ltd. Todos los nombres de producto de Serif son marcas registradas de Serif (Europe) Ltd. Microsoft, Windows y el logotipo de Windows son marcas comerciales registradas de Microsoft Corporation. Se reconocen todas las otras marcas comerciales. Windows Vista y el botón de Inicio de Windows Vista son marcas comerciales o marcas comerciales registradas de Microsoft Corporation en Estados Unidos y/o en otros países.

Copyrights Digital Images ©2008 Hemera Technologies Inc. Reservados todos los derechos. Digital Images ©2008 Jupiterimages Corporation. Reservados todos los derechos. Digital Images ©2008 Jupiterimages France SAS. Reservados todos los derechos. Content ©2008 Jupiterimages Corporation. Reservados todos los derechos. Portions images ©1997-2002 Nova Development Corporation; ©1995 Expressions Computer Software; ©1996-98 CreatiCom, Inc.; ©1996 Cliptoart; ©1997 Multimedia Agency Corporation; ©1997-98 Seattle Support Group. Reservados todos los derechos de todas las partes. Portions graphics import/export technology © AccuSoft Corp. &Eastman Kodak Company& LEAD Technologies, Inc. THE PROXIMITY HYPHENATION SYSTEM © 1989 Proximity Technology Inc. Reservados todos los derechos. THE PROXIMITY/COLLINS DATABASE © 1990 William Collins Sons & Co. Ltd.; © 1990 Proximity Technology Inc. Reservados todos los derechos. THE PROXIMITY/MERRIAM-WEBSTER DATABASE © 1990 Merriam-Webster Inc.; © 1990 Proximity Technology Inc. Reservados todos los derechos.

Page 5: Web Pluses

The Sentry Spelling-Checker Engine © 2000 Wintertree Software Inc. WGrammar Grammar-Checker Engine © 1998 Wintertree Software Inc. Andrei Stcherbatchenko, Ferdinand Prantl eBay © 1995-2008 eBay Inc. Reservados todos los derechos. PayPal © 1999-2008 PayPal. Reservados todos los derechos. Roman Cart © 2008 Roman Interactive Ltd. Reservados todos los derechos. Mal's © 1998 to 2003 Mal's e-commerce Ltd. Reservados todos los derechos. iTunes © 2000 to 2008 Apple Computer, Inc. Reservados todos los derechos. YouTube © 2008 YouTube, LLC phpBB © 2000, 2002, 2003, 2007 phpBB Group FontForge © 2000,2001,2002,2003,2004,2005,2006,2007,2008 de George Williams. Algunas partes de este software están protegidas con copyright © 2008 The FreeType Project (www.freetype.org). Reservados todos los derechos. ODF Translator © 2006-2008, Clever Age, DIaLOGIKa, Sonata Software Ltd. Reservados todos los derechos. Office Binary Translator to OpenXML Copyright © 2008-2009, DIaLOGIKa. Reservados todos los derechos. Anti-Grain Geometry - Version 2.4 Copyright © 2002-2005 Maxim Shemanarev (McSeem) SlideShowPro © Dominey Design Inc. Reservados todos los derechos. Muestras de imágenes prediseñadas de Serif ArtPacks © Serif (Europe) Ltd. & Paul Harris Muestras de fuentes TrueType de Serif FontPacks © Serif (Europe) Ltd. © 2011 Serif (Europe) Ltd. Reservados todos los derechos. Ninguna parte de esta Guía de usuario del sistema de Ayuda puede reproducirse de forma alguna sin el consentimiento expreso por escrito de Serif (Europe) Ltd. Serif WebPlus X5 © 2011 Serif (Europe) Ltd. Reservados todos los derechos. Los nombres de empresas y personas utilizados en los ejemplos son ficticios.

Page 6: Web Pluses

Contenido

1. Bienvenido ............................................... 1 ¡Bienvenido! ................................................................... 3 Principales características ............................................. 4 Nuevas características ................................................. 16 Instalación .................................................................... 20

2. Introducción ........................................... 23 Asistente para inicio ..................................................... 25 Creación de un sitio con una plantilla de diseño .......... 27 Creación de un sitio desde cero................................... 31 Apertura de un sitio existente ...................................... 32 Trabajo con más de un sitio ......................................... 34 Cómo guardar el sitio ................................................... 34

3. Configuración de sitios y páginas .......... 35 Introducción a la estructura del sitio y a la navegación 37 Configuración de las propiedades del sitio .................. 40 Optimización del motor de búsqueda ........................... 47 Uso del Administrador de sitios ................................... 55 Introducción a las páginas y las páginas maestras ...... 57 Adición, eliminación y reorganización de páginas........ 64 Configuración de las propiedades de página ............... 71 Creación de páginas HTML ......................................... 76 Visualización de páginas ............................................. 77

Page 7: Web Pluses

Contenido

4. Desplazamiento e hipervínculos ............ 83 Adición de barras de navegación ................................. 85 Adición de menús emergentes ..................................... 98 Adición de botones..................................................... 100 Adición de hipervínculos y delimitadores ................... 105

5. Adición de objetos web ........................ 111 Adición de búsquedas de sitio ................................... 113 Uso de la Galería ....................................................... 115 Adición de Google Maps ............................................ 120 Adición de anuncios ................................................... 125 Uso de cajas de luz .................................................... 128 Inserción de paneles .................................................. 132 Adición de zonas activas ............................................ 139 Adición de elementos dinámicos ................................ 143 Opciones de los elementos dinámicos ....................... 143 Adición de elementos dinámicos emergentes ............ 146

6. Adición de objetos web dinámicos ...... 151 Asociación de código HTML ...................................... 153 Adición de formularios ................................................ 161 Fuentes RSS y podcasts ............................................ 177 Introducción al comercio electrónico .......................... 186 Inserción de un objeto de comercio electrónico (PayPal)........................ ............................................. 189 Uso de la combinación de bases de datos ................. 195 Uso de objetos inteligentes ........................................ 209 Control de acceso ...................................................... 222

Page 8: Web Pluses

Contenido

7. Trabajo con texto ................................. 235 Importación de texto de un archivo ............................ 237 Introducción a los marcos de texto ............................ 239 Uso del texto artístico ................................................ 246 Colocación de texto en un trazado ............................. 248 Edición de texto en la página ..................................... 251 Uso de Buscar y reemplazar ...................................... 255

8. Formato de texto .................................. 259 Configuración de propiedades de texto ..................... 261 Uso de fuentes ........................................................... 261 Uso de estilos de texto ............................................... 263 Creación de una lista con viñetas o numerada .......... 267 Inserción de detalles de usuario ................................ 269 Inserción de variables ................................................ 272

9. Trabajo con tablas ................................ 275 Creación de tablas basadas en texto ......................... 277 Inserción de un calendario ......................................... 279

10. Edición de objetos ................................ 285 Selección de un objeto ............................................... 287 Selección de varios objetos ....................................... 290 Copia, pegado y replicación de objetos ..................... 292 Movimiento de objetos ............................................... 295 Cambio de tamaño de objetos ................................... 295 Rotación de objetos ................................................... 297 Recorte y combinación de objetos ............................. 299

Page 9: Web Pluses

Contenido

Unión de contornos de objeto .................................... 304 Cómo actualizar y guardar valores predeterminados . 306

11. Organización de objetos ...................... 309 Ordenación de objetos ............................................... 311 Alineación y distribución de objetos ........................... 312 Asociación de objetos a texto .................................... 313 Creación de grupos .................................................... 317

12. Imágenes, animación y multimedia ..... 319 Adición de marcos de imagen .................................... 321 Importación de imágenes ........................................... 323 Uso de la barra multimedia ........................................ 328 Configuración de las opciones de exportación de imágenes ................................................................... 333 Importación de imágenes TWAIN .............................. 339 Aplicación de filtros de PhotoLab ............................... 340 Uso de Estudio de recorte de imágenes .................... 349 Adición de animaciones ............................................. 353 Adición de sonido y vídeo .......................................... 356 Uso de la galería fotográfica ...................................... 362 Vinculación de imágenes remotas ............................. 369

13. Líneas, formas y efectos ..................... 371 Dibujo y edición de líneas .......................................... 373 Configuración de las propiedades de línea ................ 377 Dibujo y edición de formas ......................................... 380 Uso de efectos de filtro 2D ......................................... 384

Page 10: Web Pluses

Contenido

Uso de efectos de filtro 3D ......................................... 389 Uso de estilos de objeto ............................................. 392 Adición de dimensionalidad (3D instantáneo) ............ 394

14. Color, rellenos y transparencia ............ 399 Aplicación de colores sólidos ..................................... 401 Uso de esquemas de color ........................................ 404 Trabajo con rellenos de mapas de bits y gradientes .. 412 Configuración de transparencia ................................. 417

15. Vista previa y publicación ..................... 421 Vista previa del sitio ................................................... 423 Publicación en la web ................................................ 425

16. Índice ................................................... 437

Page 11: Web Pluses

Bienvenido 1

Page 12: Web Pluses

Bienvenido

2

Page 13: Web Pluses

Bienvenido

3

¡Bienvenido! Bienvenido a WebPlus X5 de Serif: la forma más fácil de crear su negocio, organización y hogar en la Web.

Para facilitarle el trabajo, WebPlus incluye una impresionante selección de plantillas de diseño, barras de navegación de página, contenido creativo de galería y estilos para su uso. En consecuencia, cualquier usuario podrá publicar en la Web con calidad profesional y fácilmente, tenga o no experiencia. También podrá reutilizar al contenido de texto existente importando documentos PDF y documentos de editores de texto.

Para sacar el máximo partido a las imágenes de su sitio puede usar Image Cutout Studio para recortar imágenes y PhotoLab para ajustes de imágenes y combinaciones de efectos avanzados. ¡Es que no puede perdérselo!

WebPlus X5 ofrece mucho más que una publicación web "estática". Su verdadera potencia se pone de manifiesto en el momento de añadir y gestionar contenido dinámico, como blogs, foros, sistemas gestión de contenido (CMS), contadores y mucho más. Puede incluso utilizar herramientas de comercio electrónico para obtener la funcionalidad lucrativa de carro de la compra.

Cuando esté satisfecho con el sitio de WebPlus, solo tiene que publicarlo en la Web para compartirlo con compañeros de negocio, clientes, amigos y familiares por igual.

Para obtener un resumen más detallado sobre todo lo que puede ofrecerle WebPlus, consulte Principales características (pág. 4).

Page 14: Web Pluses

Bienvenido

4

¿Va a realizar una actualización?

Si ha actualizado desde una versión anterior, esta nueva edición de WebPlus incluye un conjunto de nuevas e increíbles características (pág. 15) que coloca WebPlus por delante de sus competidores y a un precio reducido. Esperamos que también disfrute de la potencia adicional y de su rendimiento máximo.

Registro

No olvide registrar su nueva copia usando el Asistente de registro..., en el menú Ayuda. De este modo estará siempre al día en las novedades y las actualizaciones de las características.

Principales características Antes de empezar con WebPlus, le recomendamos que dedique tiempo a familiarizarse con las capacidades y las características principales de WebPlus.

Diseño

• Plantillas de diseño temáticas Elija un tema, como Ártico o Natural, en el que basar el sitio. Cada tema proporciona una serie de los tipos de páginas más utilizados, elija entre las páginas Acerca de nosotros, Galería, Productos, Contactos y muchas más. Elija varios diseños para las páginas nuevas y luego simplemente rellene los marcadores de posición con sus propias imágenes.

• Plantillas de diseño listas para usar Cree en un instante sitios web “adaptados” basándose en un aspecto y un esquema de color seleccionados. Todas las plantillas de diseño Pro incluyen imágenes sin derechos de autor para que las pueda utilizar.

Page 15: Web Pluses

Bienvenido

5

• Herramientas de diseño profesionales Las reglas móviles, líneas de guías y una rejilla de puntos, como ayudas de diseño, le facilitan la tarea de colocar objetos con precisión y los ajustan a la guía o la rejilla. Utilice las guías adhesivas, que son un modo perfecto de mover (en bloque) todos los objetos ajustados a las líneas de guía (luego puede mover la guía y los objetos). Puede alinear y cambiar el tamaño de objetos utilizando las guías dinámicas para ajuste, sin necesidad de utilizar guías de regla o transformaciones de objetos precisas.

• Control de páginas Añada y quite páginas con solo unos clics del ratón en la pestaña Sitio. Arrastre y suelte páginas en la pestaña para reorganizar la secuencia. Asigne páginas maestras de varias páginas de un sitio a la vez para ahorrar tiempo y conseguir una magnífica coherencia en el diseño, incluso puede asignar múltiples páginas maestras a una página web específica para obtener un diseño de página más variado.

Elementos esenciales del sitio web

• Barra QuickBuilder para un diseño web fácil La forma más sencilla de iniciarse en WebPlus: arrastre páginas, barras de navegación, marcos de texto, imágenes, contenido Flash, galerías fotográficas, botones u objetos inteligentes directamente a la página para resultados rápidos sin tener que contar con conocimientos previos de la interfaz de usuario.

• Estructura de sitio sencilla La pestaña Sitio jerárquica facilita la visión del diseño general del sitio.

• Barras de navegación Utilice barras de navegación inteligentes para navegar por todas las páginas de sitio; todas las barras se actualizan automáticamente para incluir cualquier

Page 16: Web Pluses

Bienvenido

6

nueva página añadida y pueden adoptar muchos estilos de diseño diferentes. También puede incluir foros, blogs y artículos de CMS en submenús de la barra de navegación que cambian dinámicamente.

• Herramienta de búsqueda del sitio Efectúe búsquedas de texto en todo el sitio con la potente herramienta de búsqueda del sitio.

• Optimización del motor de búsqueda Controle cómo los motores de búsqueda indexan su sitio web. Puede incluir o excluir páginas en la indexación usando archivos robot o mapa del sitio de motores de búsqueda, proteja la confidencialidad mientras que ofrece a potenciales visitantes de la Web resultados precisos de búsqueda del sitio.

• Comercio electrónico: ¡vender, vender, vender! WebPlus agiliza y facilita el proceso de poner en venta artículos en su página web gracias a su compatibilidad incorporada con proveedores de carros de la compra de comercio electrónico (p. ej., PayPal). Basta con añadir los formularios de comercio electrónico, los botones de comercio electrónico o incluso un hipervínculo de cualquier objeto de WebPlus (texto, imágenes o formas) para tener acceso al carro de la compra elegido. Los formularios de comprar ahora, añadir al carro de compra, donación y suscripción conseguirán dinero con las opciones de compra y la validación del formulario. Regístrese en carros de la compra directamente o adopte cuentas existentes.

• Formularios preparados para la Web Aplique formularios a las páginas web, utilice un asistente para formularios web y adopte formularios estándar listos para usar para detalles de contacto, comentarios de los usuarios, pedir opiniones o cargar documentos (p. ej., CV) o imágenes. Use los formularios estándar preestablecidos como componentes para reducir el tiempo de diseño de los formularios. Envíe los datos del formulario mediante la

Page 17: Web Pluses

Bienvenido

7

puerta de acceso gratuita para tránsito de formularios a correo electrónico de Recursos Web Serif (los datos pasan directamente a su correo cuando se envían) o someta los datos a generación de scripts local o remota. Controle el orden de las pestañas para mejorar la navegación del formulario.

• Objetos inteligente Recursos Web Serif, los objetos inteligentes de Serif que alojan servicios, ofrecen una serie de funciones del sitio interactivas:

• Visores activos: muestran el número de personas que está viendo actualmente un sitio web.

• Blogs: añada perfiles personales, vínculos a redes sociales y utilice retroaccesos para hacer referencias entre blogs. Cambie el aspecto del blog con diferentes estilos visuales predefinidos (o use los suyos propios). Utilice los grupos de editor para publicar artículos de varios autores (consulte la pág. 209).

• Sistema de gestión de contenido (CMS): permite que los proveedores de contenido agreguen y actualicen el contenido web en cualquier lugar, sin WebPlus y sin la necesidad de volver a publicar el sitio.

• Foro: fomente debates animados basados en hilos en una ventana de tamaño completo. Cree varios foros y adminístrelos independientemente (modere discusiones y configure el acceso de inicio de sesión de los usuarios).

• Contador de visitas: añada un contador que muestra el número de visitas en la página actual.

Page 18: Web Pluses

Bienvenido

8

• Novedades: para avisos de novedades simples como actualizaciones del sitio web o próximas fechas de reuniones del club.

• Encuestas: añada una encuesta en línea para conocer las opiniones del visitante web.

• Reserva de recursos: use la reserva de recursos basada en calendario para gestionar las reservas de alojamiento, instalaciones de conferencia y reuniones, pistas deportivas, etc.

• Cuadro de mensajes: añada una ventana de conversación activa al sitio web.

• Listas de usuarios: proporcione control de acceso al sitio o a la página mediante la gestión grupos de usuarios por zonas (p. ej., personal). Los visitantes web pueden registrarse por sí mismos mediante el inicio de sesión de usuarios del sitio (con la activación de correo electrónico opcional).

• Marcos de documentos activos Los hipervínculos pueden abrir una página en un marco de documento en otra página. Establezca una URL absoluta para un desplazamiento entre marcos más preciso.

• Google Maps Inserte un Google Map directamente en las "direcciones" de su página web. Añada sus propios marcadores múltiples para señalar varias ubicaciones como oficinas, almacenes, lugares de interés y eventos.

• Genere ingresos con Google Adsense Añada espacios publicitarios basados en Google en su sitio web, mientras Google le paga… 24/7!

• Fuentes RSS: añada fuentes de terceros (o cree la suya propia)

Page 19: Web Pluses

Bienvenido

9

Mantenga a sus visitantes web actualizados con las últimos noticias de sus sitios web favoritos (BBC News, CNN, Reuters, FTSE, NASDAQ) con la Herramienta Lector RSS. También puede convertirse usted mismo en un delimitador de noticias creando su propia fuente RSS directamente en su página; la Herramienta Fuente RSS establece fuentes, titulares, resúmenes y vínculos de direcciones URL.

• Herramientas de gestión del sitios Gestione todas las propiedades de la página/página maestra, recursos, fuentes, texto, hipervínculos y delimitadores, todo desde el Administrador de sitios de WebPlus. Gestione eficazmente una selección de páginas web, cada página de forma individual o todas las páginas. Comprobador del sitio: detecta problemas de navegación del sitio, de formato de texto y de formularios/comercio electrónico y lleve a cabo correcciones automáticas cuando sea posible.

• Haga un seguimiento del uso del sitio en cualquier sitio Regístrese en Google Analytics para hacer un seguimiento y monitorización exhaustivos de los datos del visitante del sitio web. Analice los datos en línea en cualquier momento con gráficos y mapas de fácil interpretación.

Imágenes

• Importar imágenes Importe formatos de archivo estándar de uso general, incluidos todos los formatos RAW de cámaras digitales, archivos de Photoshop, fotografías HD y metarchivos Serif (para compartir gráficos entre aplicaciones Serif). Importe varias imágenes y péguelas una a una.

• El poder de las imágenes con la barra multimedia Ya no tendrá más importaciones de imágenes repetitivas. Tenga a mano el contenido de fotografías en

Page 20: Web Pluses

Bienvenido

10

la barra multimedia: arrastre y suelte la barra multimedia sobre las imágenes que desea sustituir. Busque imágenes por su metadatos. Controle el tamaño y la alineación de las imágenes en el marco.

• Sensacionales galerías fotográficas en línea Sorprenda a sus amigos, familiares y colegas con las asombrosas galerías fotográficas de SlideShowPro™ (Flash), Flash y JavaScript. Los diferentes estilos de la galería permiten desplazarse por las fotos mediante una selección de miniaturas, adición de miniaturas, cuadrículas de foto o pilas de fotos. Aprovéchese de la función de cabecera (usando datos de EXIF) y cree y gestione álbumes.

• Rápidos y sencillos Cortes de imágenes El Estudio de recorte de imágenes hace muy sencillo el recorte de imágenes colocadas directamente en WebPlus. Utilice pinceles para descartar fondos uniformes (cielo, paredes, etc.) o para mantener objetos de interés (personas, objetos, etc.).

• Ajustes de imagen Aplique ajustes (brillo, contraste, corrección de ojos rojos y muchas otras cosas) o utilice Editar en PhotoPlus, que accede al galardonado paquete de edición de fotografías de Serif (si está instalado).

• PhotoLab para filtros de efectos y ajustes no destructivos El potente PhotoLab dispone de una impresionante selección de ajustes editables y efectos creativos y artísticos (lápiz, acuarela, óleo y muchos más). Utilice las herramientas integradas Enderezar, Recortar, Ojos rojos y Retoque de manchas para realizar retoques fácilmente. Aplique filtros en áreas seleccionadas de la foto utilizando máscaras de pincel. Guarde combinaciones de ajustes/efectos como favoritos para utilizarlas en el futuro.

Page 21: Web Pluses

Bienvenido

11

• Formato de metarchivos versátil Importe y exporte metarchivos Serif (SMF), un formato de imagen propietario con mejoras en el formato de metarchivos de Windows (WMF). Mejores definiciones de línea, relleno y texto que lo hacen ideal para compartir gráficos entre aplicaciones Serif.

• Elementos dinámicos emergentes Cree su propia galería fotográfica; muestre una versión más grande de una imagen al desplazarse por encima de la miniatura.

• Decorativos marcos de imágenes Puede aplicar impresionantes marcos de imágenes directamente de la pestaña Galería.

Multimedia

• Vídeos de YouTube® Escoja sus vídeos favoritos de YouTube® e inclúyalos en su página web.

• Podcasts Cree sus propias fuentes de podcast y difunda sus propios episodios de audios y vídeo con frecuencia y fácilmente. Los visitantes web pueden suscribirse con los navegadores web más populares con un clic a Google Reader®, My Yahoo!® e iTunes® de Apple.

Creatividad

• Herramientas de dibujo Diseñe gráficos vectoriales impresionantes con las herramientas de lápiz, pluma y línea recta, y añada finales de líneas, como flechas, diamantes y canillas. Como alternativa, la gama de formas QuickShape totalmente personalizable permite crear rápidamente contornos para los diseños, mientras que las opciones Convertir a curvas, Recortar a la forma y los dibujos de curvas ofrecen flexibilidad completa para crear

Page 22: Web Pluses

Bienvenido

12

cualquier forma imaginable. Los sobres de deformaciones de malla añaden perspectiva, inclinación y abombamiento a cualquier objeto.

• Estilos listos para usar Elija diversos efectos de filtros, brillos, sombras, texturas y materiales en la pestaña Estilos. ¡Personalice los estilos predefinidos o guarde los suyos propios!

• Transparencias Añada transparencias a los fondos, marcos de texto, tablas, formas y texto para lograr un aspecto realmente profesional. Al igual que los rellenos de color, puede aplicar transparencias sólidas, de gradientes y de mapa de bits, e incluso crear transparencias de mapas de bits a partir de su propia colección de imágenes.

• Inteligentes esquemas de color Utilice el Diseñador de esquemas de color para cambiar los colores utilizados en un sitio web y todo mediante un solo clic. Use esquemas preestablecidos o diseñe sus propios esquemas de color personalizados usando las propagaciones basadas en aceptadas teorías sobre el color.

• Nuevos efectos de filtro 2D/3D Añada reflejos impresionantes de un objeto, ideal para títulos e imágenes de una página web. Desenfoque cualquier objeto o frote ligeramente los bordes de un color sólido o del borde del gradiente alrededor de los bordes del objeto (trazo con un nuevo relleno de contorno que aplica relleno de gradiente desde el ancho del contorno interior hasta el exterior). Los efectos 3D se amplían con control de transparencia con efectos de cristal realistas de superficies no reflectantes/reflectantes y varias luces de colores independientes que consiguen impresionantes efectos luminosos. Todos los efectos de filtro se pueden aplicar en el modo de vista previa o al objeto en la página. Utilice la nueva Herramienta Sombra para el control en la página de sombras.

Page 23: Web Pluses

Bienvenido

13

• 3D instantáneo con transformaciones en pantalla Transforma objetos 3D in situ con la edición 3D de una barra de herramientas de contexto. Aplique efectos de iluminación de varios colores (con control direccional), junto con perfiles de efectos de bisel y torno personalizados para crear sus propios y exclusivos contornos. La representación acelerada por hardware aumenta el rendimiento del redibujado (depende del hardware).

Texto

• Importar documentos de texto de Word y Open Office Añada contenido de editores de texto a cualquier marco de texto sin problemas. Para la importación no es necesario que la aplicación esté instalada localmente. Utilice una serie de conversores de importación para optimizar la importación del texto.

• Texto artístico y de marco Tenga control total sobre el texto con el control de texto de estilo de autoedición (DTP) de WebPlus. El texto artístico se puede usar para aplicar a sus sitio web un gran impacto; ideal para titular o añadir a un trazado dibujado. Los marcos de texto HTML le permiten seguir siendo compatible con HTML con el Ajuste automático o el ajuste manual de texto. Todo el texto tiene funciones de edición compatibles con los principales procesadores de texto.

• Marcos de texto Componga texto de historias en marcos de texto y coloque o redimensione el marco fácilmente para que se adapte a sus necesidades. Los contornos de ajuste y recorte independientes implican que tiene más control sobre dónde fluye el texto y cómo se muestra. Importe, pegue y exporte texto en formato Unicode... Diseñe con caracteres y fuentes especiales o en idioma extranjero. Los trazados del texto también se benefician del ajuste de texto inteligente.

Page 24: Web Pluses

Bienvenido

14

• Fuentes Sustituya las fuentes que faltan al abrir proyectos de terceros. Vea el conjunto de fuentes que tiene instalado en la pestaña Fuentes, incluidas las que se han asignado más recientemente al texto, las fuentes favoritas y las que se consideran seguras para la web. Pase el ratón por una de las fuentes de la lista para obtener una vista previa de la fuente "in situ" del texto seleccionado. Simplemente haga clic para aplicar la nueva fuente si le gusta. Intercambie fácilmente todos los ejemplos seleccionados de una fuente común por otra fuente de una sola vez.

• Adjuntar y colocar formas e imágenes para el texto Controle el posicionamiento de formas e imágenes dentro de marcos de texto creativo o HTML (o en relación con títulos de texto artístico).

• Tablas y calendarios Elija entre una serie de formatos predefinidos o diseñe su propia tabla o calendario personalizados. Utilice la cómoda barra de contexto Tabla para ordenar datos, dar formato a las celdas y elegir una amplia gama de funciones para realizar cálculos de hojas de cálculo (utilice referencias de celdas absolutas). Los calendarios se basan en tablas para mejorar la funcionalidad y admiten actualizaciones de años, eventos personales en línea y días de fiesta.

• Buscar y reemplazar Busque en el texto de la historia palabras y frases, además de atributos de texto, fuentes concretas, colores, caracteres especiales (Unicode), expresiones regulares y palabras en posiciones específicas de frases.

• Combinación de base de datos Presente el contenido de la base de datos en su página web de bases de datos (SDB) de Serif, Microsoft Access (MDB), dBASE, datos de servidor de ODBC y los formatos conocidos de base de datos, así como Microsoft Excel, HTML y archivos de texto delimitado.

Page 25: Web Pluses

Bienvenido

15

Las listas de productos, listas de correo, inventarios y cualquier información de base de datos pueden servir a su audiencia web. Coloque el texto y las imágenes en áreas que se repiten, formularios de comercio electrónico Añadir al carro de la compra o Comprar ahora que se repiten o incluso fragmentos HTML. Cree su propia base de datos fotográfica (campos de EXIF) para las combinaciones posteriores.

Publicación web

• Vista previa del trabajo Pruebe la nueva página web o todo el sitio entero en una serie de diferentes navegadores web instalados.

• Publicar el sitio Publique en una carpeta local o cargue directamente a su ISP mediante a FTP; cargue cualquier página nueva o modificada progresivamente Utilice la publicación rápida para cargar y ver un página actualmente mostrada, ideal para probar páginas individuales a medida que crea el sitio web.

Page 26: Web Pluses

Bienvenido

16

Nuevas características

• Button Studio (consulte la pág. 102) Cree sus propios botones personalizados para sus barras de navegación en Button Studio, un entorno específico para un diseño enfocado en el botón. Todas las herramientas clave de WebPlus están a mano para editar el estado de cada botón (p. ej., Normal, Abajo, Desplazar), junto con el control de escala del botón inteligente. También puede utilizar los botones como objetos independientes o incluso convertir a una barra de navegación con un solo clic.

• Nuevas barras de navegación (consulte la pág. 83) Tómese su tiempo para explorar las nuevas y sorprendentes barras de navegación inteligentes, que incluyen distintos tipos: Bloque, Gráfico, Voz, Pestaña, Estándar y Tradicional. Los valores preestablecidos de botones, separadores y fondo para la barra y los menús emergentes se pueden personalizar o crear desde cero en el nuevo Button Studio y Design Studio, ofreciéndole el control absoluto sobre el diseño.

• Menús emergentes gráficos (consulte la pág. 98) Con la estructura del sitio (o personalizada), cree un menú de navegación emergente que se muestre a partir de cualquier objeto de WebPlus (botón, objeto de la galería, QuickShape o imagen).

• Paneles (consulte la pág. 132) Cree paneles como contenedores para mostrar más información, sugerencias útiles, accesos directos, barras de navegación convertidas, formularios Compra ahora de PayPal o cualquier objeto que desee. Opcionalmente puede hacer flotar los paneles que permanecen anclados en la ventana del navegador para que se visualicen permanentemente (incluso cuando se desplaza por la página). Con las acciones puede conectar un panel oculto a cualquier objeto para

Page 27: Web Pluses

Bienvenido

17

que se muestre al desplazarse sobre ese objeto con el botón o al hacer clic sobre él (ideal para botones, objetos de galería, imágenes). También puede utilizar las acciones para mensajes de alertas emergentes o imprimir mediante los botones ubicados en la página.

• Mini Carts de PayPal® (consulte la pág. 187) Configure una ventana flotante de carro de la compra de comercio electrónico que aparezca a medida que se añadan artículos y que luego se minimiza para estar siempre “a mano”. Es ideal para poder realizar un seguimiento de las compras.

• Google Map mejorados (consulte la pág. 120) Identifique ubicaciones precisas con “fotografías” con Google Street View, directamente desde cualquier marcador del mapa donde se haga clic. Google Map admiten ahora un número ilimitado de marcadores de mapas.

Facilidad de uso

• Indicación al pasar el ratón de la selección (consulte la pág. 285) Para diseños de página web con varios objetos más complejos, los objetos "brillan" al pasar el ratón por ellos para indicar que están seleccionados.

• Selección lazo (consulte la pág. 285) La Herramienta lazo selecciona más fácilmente objetos específicos en diseños complicados. Simplemente arrastre el ratón alrededor del objeto de "destino" para incluirlo en la selección.

• Objetos de página maestra independientes (consulte la pág. 62) Para disponer de más libertad de diseño, promueva objetos de página maestra en su página, para separarlos y que estén disponibles para editarlos de manera independiente. Como ayuda visual, los objetos

Page 28: Web Pluses

Bienvenido

18

de página maestra ahora se pueden distinguir de los objetos de página gracias a diferentes colores del cuadro delimitador; los objetos de varias páginas maestras también se pueden distinguir el uno del otro.

• Detalles del usuario empresarial por sitio (consulte la pág. 271) Cree impactantes agrupaciones de detalles del usuario empresarial, como Conjuntos empresariales; aplique un conjunto empresarial a cada sitio. Ideal para los desarrolladores web de WebPlus que buscan flexibilidad de diseño en múltiples sitios.

• Variables definidas por el usuario (consulte la pág. 272) Configure sus propias variables para actualizar automáticamente términos comunes que se repiten en el sitio web. Es ideal para actualizar nombres de productos, precios, versiones de productos y variantes de idiomas al mismo tiempo.

• Ver objetos por página (Consulte la Ayuda de WebPlus para obtener más información) Ideal para mostrar objetos en la página/página maestra/área de pegado, la pestaña Objetos también le permite ubicar objetos, reordenar y adjuntar páginas maestras en diseños complejos de página.

Creatividad

• Gradientes, rellenos de mapa de bits y transparencia en contornos (consulte la pág. 371) Consiga ser aún más creativo con sus contornos de objetos. Aplique transparencias y, rellenos lineales, elípticos, cónicos y de mapa de bits alrededor de las sombras y los marcos de texto para conseguir atractivos diseños.

• Impresionantes y modernos esquemas de color (consulte la pág. 404) Experimente con una impresionante selección de

Page 29: Web Pluses

Bienvenido

19

esquemas, que influyen en el humor, capaces transformar el aspecto del sitio en un solo clic. Ideal para actualizar sitios basados en las plantillas de diseño temáticas. El Diseñador de esquemas de color también ofrece ahora un Selector de color que le permite personalizar el esquema basándose en un color del área de trabajo seleccionado.

Imágenes

• Imágenes mediante cajas de luz (consulte la pág. 128) Haga clic en las miniaturas de la imagen para mostrar imágenes maximizadas en una caja de luz emergente, que también es ideal para hacer flotar marcos de inicio de sesión, formularios o páginas web para ahorrar un espacio valioso. Todas las cajas de luz flotan sobre la página para ofrecer un efecto imponente, con una característica opcional de presentación de diapositivas, subtitulación y estilo.

• Importar gráficos vectoriales escalables (consulte la pág. 323) Añada logotipos, botones y otros gráficos vectoriales a la página usando el moderno formato para navegador SVG (incluye SVG comprimidos).

• Importe documentos de Microsoft Word 2010 (consulte la pág. 235) Para documentos de Word 2007, ahora puede importar documentos de Word 2010 directamente a marcos de texto.

• Importe configuraciones de usuario personalizadas al realizar la actualización ¿Va a actualizar la aplicación desde WebPlus X4? Conserve el contenido de su galería personalizada, los estilos de objeto, las preferencias, los diccionarios de usuario, los atajos del teclado, los perfiles PDF y muchas más cosas desde WebPlus X5.

Page 30: Web Pluses

Bienvenido

20

La Ayuda de WebPlus enumera las mejoras de otros productos de menor importancia en versiones anteriores. Consulte el tema Nuevas características en la Ayuda para obtener más información.

Instalación

Requisitos del sistema

Mínimo:

• PC basado en Windows con unidad de DVD y ratón

• Sistema operativo Microsoft Windows® XP (32 bits), Windows® Vista o Windows® 7

• 512 MB RAM

• 336 MB de espacio de disco duro

• Resolución de monitor de 1024 x 768

• Internet Explorer 5.5 (6.0 o superior para usar los objetos inteligentes)

Al editar sitios grandes y/o complejos, se requerirán recursos de disco y de memoria adicionales.

Opcional:

• Impresora compatible con Windows

• Cámara digital y/o escáner compatible con TWAIN

• Tarjeta gráfica con aceleración 3D, con DirectX 9 (o superior) o compatibilidad con OpenGL

Page 31: Web Pluses

Bienvenido

21

• .NET 2.0 para filtros de importación de texto (Word 2007/2010 + OpenOffice) (instalado de forma predeterminada)

• Se necesita una cuenta y conexión a Internet para la publicación web y el acceso a recursos en línea

Instalación por primera vez

Para instalar WebPlus, simplemente inserte el DVD del programa WebPlus X5 en la unidad de DVD. La función de ejecución automática iniciar automáticamente el proceso de instalación. Simplemente conteste a las preguntas de la pantalla para instalar el programa.

Reinstalación

Para reinstalar el software o cambiar la instalación más adelante, seleccione Configuración/Panel de control en el menú Inicio de Windows y después haga clic en el icono Agregar o quitar programas. Asegúrese de que el DVD del programa WebPlus X5 está insertado en la unidad de DVD, haga clic en el botón Instalar… y después siga las instrucciones en pantalla.

Page 32: Web Pluses

Bienvenido

22

Page 33: Web Pluses

Introducción 2

Page 34: Web Pluses

Introducción

24

Page 35: Web Pluses

Introducción

25

Asistente para inicio Al iniciar el programa, el Asistente para inicio se muestra y ofrece diferentes rutas para WebPlus:

Las opciones son descriptivas, y la creación del sitio se puede hacer desde cero o a partir de una plantilla de diseño suministrada. Los sitios guardados anteriormente se pueden abrir o las páginas web que no sean de WebPlus se pueden importar al sitio desde un archivo o una URL.

• Iniciar nuevo sitio, para crear un nuevo sitio desde cero.

• Utilizar plantilla de diseño, para crear un sitio instantáneo a partir de una plantilla prediseñada.

• Más, para obtener acceso a una variedad de recursos libres y plantillas de diseño (para comprar).

Page 36: Web Pluses

Introducción

26

• Abrir, para acceder a los últimos sitios abiertos. Desplácese sobre cada entrada para obtener una vista previa rápida.

• Área Aprender, para acceder a tutoriales, información de asistencia, etc.

Use el menú desplegable Elegir un área de trabajo para seleccionar el aspecto del área de trabajo, es decir, la posición de las pestañas de Studio, el tamaño de las pestañas y el estado de mostrar u ocultar pestañas).

Cuando haga clic en diferentes perfiles en el menú, en el área de trabajo se verá una vista previa de cada diseño de pestaña sucesivamente.

El Asistente para inicio se muestra de manera predeterminada al iniciar WebPlus. Puede desactivarlo mediante la opción No volver a mostrar este asistente en la pantalla Asistente para inicio o activarlo de nuevo mediante la casilla Usar Asistente para el inicio en Herramientas>Opciones... (use la opción de menú Opciones>General).

Page 37: Web Pluses

Introducción

27

Creación de un sitio con una plantilla de diseño WebPlus viene completo con una amplia gama de plantillas de diseño categorizadas que le permiten crear más rápido todo tipo de sitios web.

Cada plantilla proporciona:

• Diseño complementario: diseño profesional con alto impacto visual.

• Esquemas: elija un esquema de color para aplicar un aspecto específico.

• Selección de páginas: seleccione alguna o todas las páginas de la plantilla (p. ej., Inicio, Productos, Acerca de nosotros, etc.) para basar su nuevo sitio.

Hay dos tipos de plantillas de diseño: diseño de temas, donde puede seleccionar sus propias imágenes, y plantillas Pro listas para usar que ya están pobladas con imágenes.

Page 38: Web Pluses

Introducción

28

Diseño de temas Proporcionan una serie de temas (p. ej., garabato) en los que puede basar el sitio; obtendrá marcadores de posición de imagen en lugar de imágenes reales. Añada sus propias imágenes a marcadores de posición y personalice el texto de marcador de posición; a continuación, publique.

Plantillas Pro listas para usar Son plantillas categorizadas que contienen imágenes sin derechos de autor que pueden adoptar para completar rápidamente su sitio web completo. Solo necesita personalizar el texto de marcador de posición y, a continuación, publicar.

Page 39: Web Pluses

Introducción

29

Para crear un sitio con una plantilla de diseño:

1. Arranque WebPlus, o elija el Asistente para inicio del menú Archivo para mostrar el Asistente para inicio.

2. Seleccione Utilizar plantilla de diseño.

3. En el cuadro de diálogo, seleccione un diseño de tema o un diseño de plantilla Pro del panel principal.

Diseños de temas

Plantillas de diseño Pro

Page 40: Web Pluses

Introducción

30

Las plantillas Pro se agrupan en categorías basadas en el tema; use la barra de desplazamiento o contraiga una categoría para mostrar más opciones (haga clic en el botón , situado junto al nombre de la categoría). El panel derecho se actualiza para mostrar las miniaturas de las páginas disponibles de la plantilla.

4. En el panel derecho, decida qué páginas desea que formen parte del sitio. Active o desmarque debajo de cada página para seleccionar, o haga clic en Seleccionar todo para seleccionar todas las páginas (haga clic en Anular toda la selección para borrar la selección actual).

5. Seleccione un Esquema de color de la lista desplegable en la parte superior del cuadro de diálogo (los tres primeros esquemas están específicamente diseñados para la plantilla elegida). Las miniaturas se actualizan para reflejar el aspecto de la nueva página. Si desea ver más de cerca, use los botones Acercar/Alejar o el control deslizante de zoom en la parte inferior del cuadro de diálogo.

6. Haga clic en Abrir.

Page 41: Web Pluses

Introducción

31

El sitio se abre en la primera página (Inicio), con la pestaña Sitio de Studio a la derecha, que muestra las distintas páginas que comprenden el sitio en el árbol de estructura del sitio.

Notas

Las categorías de las plantillas, aparte de las plantillas Pro de WebPlus X5, le permiten obtener acceso a las demás plantillas que se pueden adquirir de Serif.

Dado que cada plantilla tiene un esquema de color, puede intercambiar el esquema subyacente para cambiar los colores del sitio en cualquier momento.

Puede guardar cualquier sitio de WebPlus como un archivo de plantilla (*.wpx) que se usará como base para otros sitios. Consulte Cómo guardar plantillas propias en la Ayuda de WebPlus.

Creación de un sitio desde cero Si bien las plantillas de diseño pueden simplificar las elecciones de diseño, es igual de fácil empezar desde cero con un sitio nuevo en blanco.

Para iniciar un nuevo sitio desde cero con el Asistente para inicio:

• Iniciar WebPlus. - o bien -

Haga clic en Nuevo sitio en la barra de herramientas Estándar.

• Seleccione Crear>Iniciar sitio nuevo.

Page 42: Web Pluses

Introducción

32

El nuevo sitio se abre con una página en blanco, utilizando las propiedades de página predeterminadas.

Si hace clic en Cancelar, en el Asistente para inicio, obtendrá el mismo resultado.

Para iniciar un nuevo sitio durante la sesión de WebPlus:

• Seleccione Nuevo del menú Archivo.

Para ayudarle a crear rápidamente un sitio desde cero, WebPlus cuenta con la Barra QuickBuilder. La pestaña ofrece los objetos y las características que más se suelen utilizar y que puede introducir en la página web con el método de arrastrar y soltar, lo que evita el tener que entender desde un principio la gama de barras de herramientas de WebPlus.

Apertura de un sitio existente Puede abrir un sitio existente de WebPlus en el Asistente para inicio, mediante la barra de herramientas Estándar o mediante el menú Archivo. También puede importar páginas web de sitios web HTML existentes mediante el menú Archivo. (Consulte la Ayuda de WebPlus para obtener más información.)

Para abrir un sitio existente de WebPlus (Asistente para inicio):

1. En el Asistente para inicio, revise los sitios en la sección Abrir. El último sitio que se abrió se mostrará en la parte superior de la lista. Para consultar una vista previa en miniatura de cualquier sitio antes de abrirlo, desplácese por el nombre en la lista.

2. Haga clic en el nombre del archivo para abrirlo.

Page 43: Web Pluses

Introducción

33

Si no se ha abierto el sitio recientemente, haga clic

en Examinar… para desplazarse hasta él.

Para abrir sitios existentes de WebPlus (durante la sesión de WebPlus):

1. Haga clic en Abrir en la barra de herramientas Estándar.

2. En el cuadro de diálogo Abrir, seleccione la carpeta y el nombre de archivo. Para seleccionar varios sitios, pulse Mayús y haga clic para seleccionar varios archivos contiguos o pulse Ctrl y haga clic para seleccionar archivos distantes entre sí.

3. Haga clic en el botón Abrir.

Para abrir el sitio mediante el método de arrastrar y soltar:

• En el Explorador de Windows, arrastre y suelte la miniatura de vista previa del sitio en cualquier parte del área de trabajo de WebPlus.

Para volver a la versión guardada de un sitio abierto:

• Seleccione Revertir del menú Archivo.

Sustitución de fuente

WebPlus admite la sustitución de fuentes automática cuando se abre un sitio de WebPlus que tenga fuentes que no están almacenadas en el equipo. El cuadro de diálogo que se muestra también permite reemplazar manualmente una fuente que falta si es necesario. Consulte la Ayuda de WebPlus para obtener más información.

Page 44: Web Pluses

Introducción

34

Trabajo con más de un sitio Si tiene varios sitios web abiertos al mismo tiempo, puede saltar de uno a otro fácilmente de diferentes formas.

Haga clic en una pestaña Ventana en la parte superior del área de trabajo para activarla (p. ej., w456.wpp).

Alternativamente, puede seleccionar el nombre de un sitio que esté abierto actualmente en el menú Ventana. Los sitios web sin guardar se indican con un asterisco; el sitio actualmente activo se muestra con una marca de verificación. En el ejemplo contiguo, el sitio w456.wpp está activo y no se ha guardado.

Cómo guardar el sitio

Para guardar el trabajo:

• Haga clic en Guardar en la barra de herramientas Estándar.

• Para guardar los cambios con un nombre diferente, seleccione Guardar como en el menú Archivo.

Un sitio sin guardar incluirá un asterisco después del nombre en cualquiera de las pestañas de la ventana o en el menú Ventana.

Page 45: Web Pluses

Configuración de sitios y páginas 3

Page 46: Web Pluses

Configuración de sitios y páginas

36

Page 47: Web Pluses

Configuración de sitios y páginas

37

Introducción a la estructura del sitio y a la navegación A diferencia de una publicación impresa, un sitio web no depende de una secuencia lineal de la página. Para diseñar un sitio, tiene más sentido pensar en el sitio en términos espaciales, con una estructura similar a la de un museo que exploran personas. En general, puede asumir que los visitantes entrarán a través de la “puerta principal” (Página principal); pero hacia dónde se dirijan después dependerá de los vínculos que haya proporcionado. Estos caminos de navegación son como los pasillos que conectan las distintas salas del museo. Usted decide, como “arquitecto”, si desea desarrollar una organización práctica de páginas y vínculos para que los visitantes puedan encontrar su camino fácilmente, sin perderse.

En WebPlus, puede usar el árbol de estructura del sitio para proyectar visualmente la estructura de su sitio y después añadir barras de navegación, que se adaptarán de forma dinámica a la estructura que ha definido.

Estructura del sitio

A diferencia del museo de nuestra analogía, la “estructura” de un sitio web no tiene nada que ver con el diseño físico o con el lugar donde se almacenan las páginas. Por el contrario, se trata de un método lógico de organizar el contenido en el sitio, de modo que sea más fácil para los visitantes desplazarse por él. Uno de los principios de ordenación más útiles, que WebPlus respalda completamente, es una estructura de “árbol invertido” que empieza por la página principal y se va ramificando hacia las demás páginas. Para el visitante que navega en el sitio, esta organización muestra el contenido de una forma familiar, jerárquica, estructurada en secciones y niveles.

• Una sección es una categoría de contenido, por ejemplo, “Galería”, “Productos” o “Contacto”. Las distintas secciones principales se muestran normalmente en la

Page 48: Web Pluses

Configuración de sitios y páginas

38

página principal del sitio en una barra de navegación. Idealmente, cada página del sitio pertenece a una sección concreta. A menos que solo haya una página en una sección determinada, la sección tiene su propia página principal, que normalmente sirve como menú para las páginas secundarias.

• El nivel es el número de pasos (es decir, saltos) que separan una página dada de la página principal. La página principal residirá siempre en el nivel 1, normalmente junto con páginas de menú de la sección principal. Esto permite que las barras de navegación funcionen fácil y automáticamente. Las páginas un paso “por debajo” de las páginas de menú de sección residen en el nivel 2 y suelen considerarse páginas secundarias de la página “principal”. Por ejemplo, una página principal de Productos puede tener dos páginas secundarias denominadas Producto1 y Producto2.

En WebPlus, el árbol de estructura del sitio (en la pestaña Sitio) proporciona una ayuda visual que permite organizar el contenido en el sitio en secciones y niveles. A continuación se muestra la misma estructura como aparecería en el árbol de estructura del sitio de WebPlus:

Page 49: Web Pluses

Configuración de sitios y páginas

39

El árbol de estructura del sitio facilita la visualización de las relaciones entre las páginas y diseña el sitio de forma que tenga sentido para el contenido que ofrece. Por supuesto, un sitio web es realmente una red interconectada de páginas y la estructura de árbol no evita que instale vínculos entre dos páginas. Pero si muestra los caminos principales dentro del sitio: arriba, abajo y laterales. El diseño lógico de secciones/niveles facilita la navegación por el sitio y WebPlus simplifica la creación de barras de navegación que reflejan la estructura del sitio y guían a los visitantes en dichos “caminos principales”.

A tal fin, WebPlus también admite páginas HTML y vínculos fuera del sitio que se pueden insertar en la estructura del sitio como cualquier otra página. Los iconos de página para ambos tienen un diseño ligeramente diferente del de una página web estándar para indicar que se basa solo en código HTML (Consulte la Ayuda de WebPlus para obtener más información) o que señala a una ubicación fuera de sitio web.

Navegación

En WebPlus, añadir desplazamiento entre sus páginas web es fácil con barras de navegación, cada una programada previamente para comprender la estructura del sitio, facilitando el diseño de un sitio cuya navegación sea sencilla. Simplemente tiene que seleccionar una de las barras de herramientas Objetos web y WebPlus hace el resto.

Por ejemplo, aquí se incluye una barra de navegación que hemos seleccionado para el sitio mostrado en el árbol principal anterior. Los botones proporcionan vínculos a la página principal y las páginas de menú de sección (todas en el nivel 1) y menús emergentes que enlazan a páginas secundarias (nivel 2 en este caso).

Page 50: Web Pluses

Configuración de sitios y páginas

40

Para obtener más información, consulte Adición de barras de navegación en la pág. 83.

Configuración de las propiedades del sitio Las propiedades del sitio permiten que la configuración realizada se aplique en todo el sitio. Hablando en términos generales, decida la configuración de las propiedades del sitio al planificar el sitio; una vez definida, normalmente no necesita editar la configuración (aunque puede hacerlo en cualquier momento).

Algunas propiedades del sitio, como la configuración de aspecto de página y de optimización de motores de búsqueda, también se reflejan en páginas individuales (mediante Propiedades de la página; consulte la pág. 71). Esto le permite invalidar o complementar las propiedades del sitio “globales”, respectivamente, y aplicar la configuración “local” a páginas específicas.

Para ver o cambiar la configuración de propiedades del sitio:

• Seleccione Propiedades del sitio… en el menú Archivo. El cuadro de diálogo Propiedades del sitio aparecerá, con cada opción de menú mostrada reflejando un aspecto de las propiedades del sitio.

Page 51: Web Pluses

Configuración de sitios y páginas

41

Opción de menú Propiedad

Página (predeterminado)

Alineación de la página predeterminada Permite establecer una alineación horizontal predeterminada de la página (Izquierda o Centrado).

Tamaño de página predeterminado La configuración de ancho y alto predeterminada determina las dimensiones de nuevas páginas web estándar o páginas maestras.

Aspecto de la página Establece los colores de esquema o sin esquema en todo el sitio para los hipervínculos, el color de página y el color de fondo.

Nomenclatura de archivo

Extensión de archivo de página predeterminada La extensión predeterminada para páginas publicadas es .HTML. Algunos servidores web requieren el uso de una extensión diferente.

Avisar de caracteres en mayúsculas en los nombres de archivo Al crear nuevas páginas, se avisará al usuario si se utilizan caracteres en mayúsculas al crear el nombr de archivo de la página.

Nombre de archivos de recursos Controla el formato de los nombres de archivo de recursos para permitir la carga correcta en ISP que imponen restricciones de nombre del archivo.

Publicar Dirección URL del sitio Define la dirección URL completa. Esto es un requisito para la optimización del motor de búsqueda con los mapas del sitio o las fuentes RSS.

Page 52: Web Pluses

Configuración de sitios y páginas

42

Cuenta de servidor FTP Establece la cuenta de servidor FTP predeterminada utilizada para la publicación web.

Configuración de cuenta de servidor FTP Muestra la configuración de la cuenta FTP predeterminada.

Gráficos Opciones globales de exportación de imagen Aplican formato predeterminado, remuestreo, nombres, optimización, texto como curvas y ancho/alto máximo para las imágenes vinculadas

Salida HTML

Salida HTML y Configuración predeterminada de Id. de HTML Controlan la salida de las páginas web seleccionando diferentes métodos de codificación y controlando los Id. de HTML que se generan.

Cabecera de página Añade los detalles de autor y los detalles de copyright a encabezados de página de su sitio.

Características Objetos inteligentes Invalida el blog, foro o colores CMS con colores sin esquema seleccionados o colores de esquema actual del sitio.

Características Objetos inteligentes Aplica el esquema de color actual del sitio a los objetos inteligentes como blogs, foros y CMS.

Caja de luz Configuración general Establece la configuración de cajas de luz en tod el sitio. Se puede configurar el borde, el color de borde, el color/opacidad del contenido y la configuración de visualización.

Page 53: Web Pluses

Configuración de sitios y páginas

43

Configuración de cabecera Establece la fuente de cabecera, la posición, el tamaño, el color/opacidad de la fuente y el color de fondo del texto.

Configuración de fondo Establece el color y la opacidad del fondo.

Vista previa de caja de luz Haga clic en Previsualizar caja de luz… para comprobar la configuración de caja de luz que acaba de crear.

Icono de favoritos Mostrar un icono de favoritos... Establece un archivo de icono (un gráfico) para el sitio que se mostrará cuando un visitante web incluya su sitio web en los marcadores.

Buscar Descriptores de motores de búsqueda Incluye información descriptiva opcional y palabras clave para su sitio.

Motor de búsqueda Mapas del sitio y robots informa a los motores de búsqueda o a los robots si pueden arrastrar, analizar e indexarlas páginas web en su sitio. Un archivo del mapa del sitio incluye las páginas web que se van a indexar, mientras que una meta-etiqueta robots (o un archivo robots.txt) controla las páginas que se excluirán de la indexación.

Resumen Propiedades y estadísticas Vea y cambie la información para el sitio actual.

Page 54: Web Pluses

Configuración de sitios y páginas

44

Configuración de tamaño de página y alineación

Los valores predeterminados de propiedades del sitio para Ancho y Alto determinan las dimensiones de cualquier página nueva o página maestra. Un valor predeterminado de propiedades del sitio para la alineación (izquierda o centrado) determina cómo el contenido de la página se alinea en un navegador.

Una de las primeras acciones que puede querer hacer, al crear un nuevo sitio desde cero, es comprobar las dimensiones predeterminadas y ajustarlas en caso de necesidad. Puede ajustar la configuración de dimensión en cualquier momento pero, como norma general, realice los cambios antes de que haya avanzado demasiado en la presentación de elementos de página.

En general, utilice una valor de Ancho que se ajuste a un monitor estándar (750 píxeles son generalmente seguros) y no obligue a los usuarios a desplazarse horizontalmente.

Para la dimensión y la alineación de la página, puede invalidar la configuración del sitio para una página determinada, como se describe en Configuración de las propiedades de página en la pág. 71.

Para establecer la configuración de dimensión de página en todo el sitio:

• En la opción de menú Página del cuadro de diálogo, seleccione diferentes valores de Ancho y/o Alto para aplicarlos a las páginas.

También puede cambiar la configuración de alineación de la página predeterminada como una propiedad del sitio.

Page 55: Web Pluses

Configuración de sitios y páginas

45

Para establecer la configuración de la alineación de la página en todo el sitio:

• En la opción de menú Página del cuadro de diálogo, seleccione "Izquierda" o "Centrado" en el menú desplegable Alineación de la página predeterminada.

Configuración de aspecto de la página

Mediante las propiedades del sitio se puede controlar globalmente el color de hipervínculos, el color de página, el color de fondo y la imagen de fondo. Esto significa que todas las páginas web que ha creado adoptarán esa configuración, aunque dispone de la opción de invalidar la configuración de la página y del fondo por página. Consulte Configuración de las propiedades de página en la pág. 1.

De forma predeterminada, los sitios basados en una plantilla o creados desde cero utilizan colores de esquema para los colores de los hipervínculos y de la página. Estos colores pertenecen al esquema de color actual del sitio pero puede cambiar a otro esquema o cambiar los colores individuales en cualquier momento. Consulte Uso de esquemas de color en la pág. 404.

Para configurar los colores de hipervínculos, páginas y fondos:

1. En la opción de menú Página del cuadro de diálogo, en la sección Aspecto de la página, haga clic en la flecha hacia abajo para seleccionar el color que desea cambiar.

2. Seleccione un color distinto de la lista desplegable, que muestre colores de esquema numerados y otros colores. Seleccione Más colores... para elegir de un cuadro de diálogo Selector de color.

3. Haga clic en Aceptar.

Page 56: Web Pluses

Configuración de sitios y páginas

46

Para definir una imagen de fondo:

1. En la sección Aspecto de la página, haga clic en Imagen de fondo…

2. Active Usar imagen de fondo, localice y seleccione la imagen desde el cuadro de diálogo Importar imagen. Haga clic en Abrir.

• Utilice Opciones de exportación… para decidir si la imagen se convertirá en la exportación o se conservará tal cual.

• Si está activada, la opción Se desplaza con la página desplaza el fondo de la imagen independientemente del contenido de la página en la ventana del explorador; si está desactivada, el fondo no puede desplazarse por el contenido de la página.

• El menú desplegable Repetir controla cómo se repite su imagen en el fondo (Horizontal, Vertical o En mosaico). La opción Ninguno coloca sólo una imagen.

• El menú desplegable Posición define la posición de la imagen (por ejemplo, Arriba centro). Para repetir fondos de imágenes, la imagen se repite desde esta posición inicial. También puede especificar una posición en Personalizado..., que define la posición de la imagen en relación a su esquina superior izquierda.

3. Haga clic en Aceptar.

Si usa un fondo de imagen con regiones transparentes, el color de fondo sigue activo y se verá a través de él; en caso contrario, la imagen cubrirá el color de fondo.

Page 57: Web Pluses

Configuración de sitios y páginas

47

Si hace que el color de la página sea transparente, el fondo de la imagen aparece y hace que los límites de la página sean invisibles (el contenido sigue restringido a las dimensiones de la página).

Para obtener más información sobre otras pestañas de configuración, consulte la Ayuda de WebPlus.

Optimización del motor de búsqueda La indexación implica la colección de información automática sobre las páginas web en motores de búsqueda como Google, Yahoo, etc. Al recopilar esta información en el motor de búsqueda, los usuarios de motores de búsqueda pueden utilizar esta información indexada para obtener resultados de búsqueda rápidos y precisos del sitio que coincidan con los criterios de búsqueda incorporados por el usuario.

De forma predeterminada, el contenido de cada página web publicada (especialmente el texto de título) se indexará. Sin embargo, en un mundo de mil millones de páginas web en Internet que se indexan constantemente, los desarrolladores web pueden optimizar este proceso de indexación para que las páginas de un sitio aparezcan en las primeras posiciones de la búsqueda de resultados de un usuario.

La optimización de páginas web para motores de búsqueda se puede realizar de varias formas:

• Titulación de páginas: Se pueden crear títulos de páginas además de los nombres de página. Esto permite que los resultados de búsqueda apunten a las páginas con un título más útil en lugar de solo al nombre de página. Por ejemplo, en resultados de búsqueda, una página principal estadounidense de pájaros puede indicar “página principal de pájaros estadounidenses” en vez

Page 58: Web Pluses

Configuración de sitios y páginas

48

solo en “principal” seguida de la descripción de la página. Consulte Configuración de página, título y nombres de archivo.

• Etiquetas meta de descripción y palabras clave: Para las páginas de sitio y/o individuales, se puede añadir texto descriptivo al sitio/página que se incluirá en cualquier resultado de búsqueda coincidente asociado al sitio/página. Las palabras clave permiten una mejor correspondencia entre el texto especificado de motores de búsqueda (como puede especificar en Google) y las palabras clave que ha asociado al sitio o página. Además, una meta-etiqueta robots también le permite incluir/excluir el sitio o las páginas en la indexación; también se puede evitar examinar los hipervínculos a otras páginas (buscando por “arañas”).

• Texto ALT de imagen: El texto alternativo, utilizado en lugar de una imagen que no se puede mostrar, se puede explotar por los robots de motores de búsqueda. Consulte Configuración de las opciones de exportación de imágenes.

• Texto de título de hipervínculo: El texto descriptivo de acompañamiento (p. ej., “consulte nuestra gama de nuevos productos”) que se muestra al pasar el ratón por un destino de hipervínculo también puede explotarse por los robots de motores de búsqueda. Consulte Adición de hipervínculos y delimitadores.

• Robots: Las páginas (o carpetas) se pueden excluir de la indexación de motores de búsqueda utilizando un archivo de robots. Esto funciona de forma equivalente a la meta-etiqueta robots pero utiliza un archivo de texto (robots.txt) para dar instrucciones a los robots o las arañas sobre lo que no se debe indexar. El archivo simplemente enumera las referencias excluidas del sitio de página/carpeta.

Page 59: Web Pluses

Configuración de sitios y páginas

49

• Mapas del sitio: El concepto contrario de “robots”; las páginas se pueden incluir para ayudar y optimizar el arrastre/la indexación inteligente. Las referencias de páginas de sitio se almacenan en un archivo dedicado del mapa del sitio (sitemap.xml).

Tanto si utiliza meta etiquetas, robots o mapas del sitio de forma independiente o en combinación, WebPlus hace sencilla la configuración. Como esa configuración se puede establecer o modificar para todo el sitio (Propiedades del sitio; opción de menú de motores de búsqueda) cualquier página de creación reciente adoptará la configuración de motores de búsqueda del sitio. Si cambia la configuración del sitio, todas las páginas web se actualizarán automáticamente conforme a la nueva configuración. No obstante, puede anular la configuración del sitio en una página web específica (Propiedades de la página; opción de menú de motores de búsqueda) en cualquier momento. La anulación de la página significa que los cambios siguientes a la configuración del sitio se omitirán siempre para estas páginas.

Uso de títulos, descripciones y etiquetas

Aunque es opcional, si desea aumentar la probabilidad de que su sitio web "destaque" en los principales servicios de búsqueda web, debe optimizar sus títulos de página e introducir descripciones y etiquetas apropiadas. Los servicios de búsqueda mantienen catálogos de páginas web, a menudo compilados mediante el uso de "buscadores" u otros programas que merodean por la Web recopilando datos de los sitios y su contenido. Al incluir títulos descriptivos, descripciones y etiquetas, ayudará a estos motores a procesar la información de su sitio. Puede introducir títulos, descripciones y etiquetas para el sitio en conjunto y/o para páginas individuales. Por ejemplo, para un sitio ornitológico sencillo puede tener los detalles siguientes, reflejando el contenido del sitio o página.

Page 60: Web Pluses

Configuración de sitios y páginas

50

Propiedades del sitio

Propiedades de la página

Título N/D Pájaros estadounidenses: Galería de garcetas y de garzas

Descripción Este sitio web exclusivo de galería fotográfica muestra la belleza y la diversidad de la fauna avícola norteamericana.

Éstas son las especies más grandes de pájaros encontrados en los pantanos de agua dulce, lagunas costeras e incluso a lo largo de las costas.

Palabras clave

Pájaros, América, Audubon

Garceta de ganado, garza azul, garza verde

Para introducir descriptores de motores de búsqueda:

1. (Para el sitio) Seleccione Propiedades del sitio… en el menú Archivo. O bien: (Para una página) Haga clic con el botón secundario en la página en el área de trabajo (o pestaña Sitio) y elija Propiedades de la página... (o seleccione el elemento del menú Editar).

2. Haga clic en la opción de menú Buscar del cuadro de diálogo.

3. En la ventana superior, escriba una breve descripción de su sitio. Aunque la descripción puede tener cualquier longitud, las primeras diez palabras aproximadamente son las más importantes.

4. En la ventana siguiente, introduzca un número de palabras clave (separadas por comas) que crea que

Page 61: Web Pluses

Configuración de sitios y páginas

51

pueden clasificar bien su sitio/página. Póngase en el lugar de un posible visitante. ¿Qué palabras clave introduciría si está buscando exactamente lo que su sitio o página ofrece?

5. Defina un código de idioma del menú desplegable para identificar el uso de idioma. Los motores de búsqueda de Internet de la mayoría de usuarios permitirán búsquedas específicas de un idioma para páginas web, así que su sitio se mostrará en los resultados de búsqueda según la configuración del código de idioma.

Exclusión de páginas de la indexación (meta-etiquetas robots)

Una meta-etiqueta robots se puede usar para controlar cómo los robots de motores de búsqueda acceden al sitio o la página. El sitio entero (y las páginas) se puede configurar para indexarse o no, para seguir o no hipervínculos de página o cualquier otra combinación. La configuración de todo el sitio se realiza activando Indexar páginas en este sitio y Seguir vínculos desde las páginas o mediante anulaciones con las propiedades de página específicas.

Para activar la generación de meta-etiquetas robots:

1. (Para el sitio) Seleccione Propiedades del sitio… en el menú Archivo. O bien: (Para una página) Haga clic con el botón secundario en la página en el área de trabajo o pestaña Sitio, y elija Propiedades de la página... (o seleccione el elemento del menú Editar).

2. Seleccione la opción de menú de motor de búsqueda y active la opción Crear meta-etiquetas robots (para una página que necesitará invalidar la configuración en todo el sitio).

3. (Para el sitio) Use las dos subopciones para permitir o evitar que los motores de búsqueda indexen el sitio

Page 62: Web Pluses

Configuración de sitios y páginas

52

entero (active/desactive la opción Indexar páginas en este sitio) o para permitir o evitar la indexación de todas las páginas vinculadas desde una página indexada (active/desactive la opción Seguir vínculos desde las páginas). O bien: (Para la página) Asegúrese de que la opción Invalidar opciones del motor de búsqueda del sitio está activada y, a continuación, active Crear meta-etiquetas robots y active/desactive las subopciones equivalentes para la página concreta.

Exclusión de páginas de la indexación (archivo de robots)

El objetivo de este método es el mismo que el uso de una meta-etiqueta robots, pero en este caso se crea un archivo robots.txt y no se incluye ninguna meta-etiqueta robots en las páginas web. El archivo robots.txt se almacena en la carpeta raíz del sitio web y se puede ver en cualquier editor de texto para comprobar las páginas y carpetas excluidas.

Para activar un archivo robots.txt:

1. Seleccione Propiedades del sitio… en el menú Archivo.

2. En la opción de menú de motores de búsqueda, active Crear archivo de robots del motor de búsqueda.

3. (Para el sitio) Para permitir o evitar que los motores de búsqueda indexen el sitio entero (active/desactive la opción Indexar páginas en este sitio). O bien: (Para una página) Desde las propiedades de la página, para evitar que los motores de búsqueda indexen la página, asegúrese de que la opción Invalidar opciones del motor de búsqueda del sitio está activada y, a continuación, desactive la opción Indexar esta página.

Page 63: Web Pluses

Configuración de sitios y páginas

53

Inclusión de páginas en la indexación

Hasta ahora hemos considerado sobre todo los métodos de exclusión de páginas web de la indexación. Sin estos controles, las páginas web se indexarán descubriendo los hipervínculos de la página y desplazándose sobre ellos, recopilando palabras clave, descripciones y texto de la página para indexarse. No obstante, este proceso puede no ser eficaz ya que puede haber un número reducido de hipervínculos entre páginas presentes en su sitio. Por tanto, un archivo del mapa del sitio de motores de búsqueda (sitemap.xml) se puede crear para actuar como búsqueda local para que los buscadores empiecen investigando su sitio. El archivo enumera simplemente las páginas del sitio que haya decidido que se pueden indexar. El archivo también indica a los motores de búsqueda cuando se han modificado páginas, informa cuando el motor de búsqueda debe comprobar la página y cómo se relacionan las páginas “importantes” unas con otras.

Simplemente como el archivo de robots, la configuración de las propiedades del sitio y de la página crea el archivo del mapa del sitio (que se publica con su sitio); el archivo se almacena en la carpeta web raíz (quizás junto a un archivo robots.txt).

Un requisito de usar mapas de sitio de motores de búsqueda es la necesidad de declarar una URL absoluta. Esto permite indexar la dirección URL adecuada (p. ej., www.helloworld.com), lo que permite vincular a los usuarios de motores de búsqueda con su sitio a través de los resultados de búsqueda.

Para activar mapas de sitio de motores de búsqueda:

1. Seleccione Propiedades del sitio… en el menú Archivo.

2. En la opción de menú de motores de búsqueda, active la opción Crear el archivo del mapa del sitio del motor de búsqueda.

Page 64: Web Pluses

Configuración de sitios y páginas

54

3. (Opcional) Cuando se activa la opción anterior, se puede cambiar el nombre del archivo predeterminado sitemap.xml. Haga clic en el botón Cambiar... y modifíquelo en consecuencia.

4. (Para el sitio) Para rellenar el archivo del mapa del sitio con una lista de todas las páginas web del sitio (para la página mejorada “descubrimiento”), la opción Indexar páginas en este sitio está activada. Desactive la opción para crear un archivo sitemap.xml vacío. O bien: (Para una página) Desde las propiedades de la página, para añadir la página al archivo del mapa del sitio, asegúrese de que las opciones Invalidar opciones del motor de búsqueda del sitio e Indexar esta página están activadas. Esto supone que el sitio en conjunto no se ha mostrado en el archivo sitemap.xml.

5. Active/desactive la configuración del mapa del sitio, por ejemplo:

• Fecha y hora de la última modificación de la página.

• Frecuencia de cambio de página (defina el menú desplegable por horas, días, semanas, meses, años o nunca): Esto sugiere al motor de búsqueda con qué frecuencia la página es probable que cambie. El motor de búsqueda decidirá con qué frecuencia indexará la página en base a esta configuración.

• Grado de la prioridad de la página: 0,0 (el más bajo) a 1,0 (el más alto). Establece la prioridad de la página en relación con las otras páginas web en las que los motores de búsqueda las indexarán con más probabilidad. El valor predeterminado puede definirse en las propiedades del sitio con anulaciones de páginas específicas que establezcan una prioridad mayor o menor que el valor predeterminado.

Page 65: Web Pluses

Configuración de sitios y páginas

55

Uso del Administrador de sitios El Administrador de sitios de WebPlus ofrece una completa gama de información de todo el sitio disponible desde un único cuadro de diálogo de menús. La herramienta le permite ver las propiedades de la página/página maestra y seleccionar herramientas de administración para ver y editar hipervínculos, recursos, textos, fuentes y mucho más.

Entre las potentes funciones del Administrador de sitios se incluyen:

• La capacidad de controlar el ámbito y de administrar una página individual, una selección de páginas o todas las páginas del sitio por igual.

• Las columnas se pueden ordenar de modo ascendente o descendente, con lo que se proporciona una forma rápida de reorganizar la información.

• Buscar y reemplazar. Si está disponible, esta es una excelente manera de aplicar cambios de textos en todas las páginas web a la vez.

Aunque la mayoría de las herramientas de administración ofrecen ventajas en algún punto del desarrollo del sitio, la gestión de recursos y texto, así como el uso del Comprobador de sitio, resultan imprescindibles para comprobar el sitio justo antes de la publicación web.

Para iniciar el Administrador de sitios:

• Haga clic en Administrador de sitios en la línea de sugerencias, en la parte inferior del área de trabajo (o en la barra de herramientas de contexto Páginas).

Un resumen rápido indica lo que cada función de administración puede hacer.

Page 66: Web Pluses

Configuración de sitios y páginas

56

Tipo de administración

Le permite…

Propiedades de la página/página maestra

Incluir páginas en la navegación, adjuntar páginas maestras, definir la alineación y el tamaño de las páginas, cambiar el nombre de páginas, establecer un fondo, añadir sonidos, optimizar las páginas para los motores de búsqueda y aplicar redirecciones, transiciones, o control de acceso.

Propiedades de la página HTML

Ver y editar nombres de páginas HTML, nombres de archivos (y rutas), incluir páginas en la navegación (con control de separador), abrir en marco.

Hipervínculo Ver y modificar los hipervínculos, saltar a hipervínculos en la página, buscar y reemplazar vínculos de destino.

Delimitador Ver y modificar la ubicación y el nombre del delimitador, incluir páginas en la navegación (con control de separador), saltar a delimitadores.

Recurso Ver imágenes, archivos multimedia, archivos vinculados, recursos de código HTML, secuencias o applets en el sitio. Saltar a cada recurso de la página, intercambiar entre estados de imagen vinculado/incrustado, sustituir o volver a muestrear imágenes.

E-Comercio Ver los objetos de comercio electrónico en páginas de todo el sitio.

Texto Ver y modificar texto (en WritePlus), nombrar historias, cambiar el formato de

Page 67: Web Pluses

Configuración de sitios y páginas

57

texto, aplicar estilos, convertir marcos creativos y tablas a texto compatible con HTML.

Fuente Ver fuentes y su disponibilidad, saltar fuentes en la página y sustituir fuentes.

Archivo Mostrar la estructura del sitio con nombres de archivo de página en lugar de nombres de página. Añadir archivos al sitio. Cambiar el nombre a archivos y mover las ubicaciones de archivos.

Comprobador de sitio

Mostrar los problemas habituales de diseño detectados en el sitio.

Introducción a las páginas y las páginas maestras Mirando páginas individuales desde un punto de vista de diseño, cada página de WebPlus tiene una página “principal” y una página maestra de “fondo”.

Page 68: Web Pluses

Configuración de sitios y páginas

58

Las páginas maestras constituyen una forma flexible de almacenar elementos de fondo que desea incluir en más de una página, como, por ejemplo, un logotipo, un fondo, un encabezado o pie de página, un diseño de borde o una barra de navegación. El concepto clave aquí es que una página maestra específica se comparte normalmente por varias páginas, como se indica a continuación. Colocando un elemento de diseño en una página maestra y, a continuación, estableciendo que varias páginas usen la misma página maestra, se asegura de que todas las páginas incorporan ese elemento. Evidentemente, cada página puede tener sus propios elementos.

La pestaña Sitio de Studio incluye una sección superior Páginas maestras que contiene sus páginas maestras y una sección inferior Estructura del sitio en la ventana Páginas que contiene sus páginas estándar. Cada página mostrada en la ventana indica la página maestra utilizada para esa página.

Para diseños de página más variados en todo el sitio, puede crear más de una página maestra (consulte Adición, eliminación y reorganización de páginas en la pág. 64). Una vez que tiene varias páginas maestras, se pueden asociar a páginas distintas o en combinación en la misma página.

Page 69: Web Pluses

Configuración de sitios y páginas

59

Asociación de páginas maestras diferentes

De forma predeterminada, las páginas creadas en nuevos sitios tienen una página maestra (maestra A) automáticamente asociada. No obstante, si desea usar otra página maestra, puede asociarla a la página en lugar de la página maestra original.

Para asociar una página maestra diferente a una página:

1. En la pestaña Sitio, haga clic con el botón secundario en la página y seleccione Propiedades de la página...

2. En la opción de menú Fondo del cuadro de diálogo, desactive la página maestra original y, a continuación, active la página maestra que desee usar.

3. Haga clic en Aceptar.

Para desvincular una página maestra:

• Desactive la entrada en el cuadro de diálogo Propiedades de la página (opción de menú Fondo).

La desactivación de todas las páginas maestras significa que la página usará el aspecto del sitio (Propiedades del sitio).

Asociación de varias páginas maestras

WebPlus le permite aplicar varias páginas maestras a la página web seleccionada actualmente para diseños específicos de página más complejos. Esto también permite organizar el orden de páginas maestras unas respecto a otras y en relación con el contenido de la página en sí misma.

Por ejemplo, supongamos que dispone de dos diseños en dos páginas maestras distintas: “Maestra A” y “Maestra B”. En Propiedades de la página, puede colocar “Maestra B”, que contiene

Page 70: Web Pluses

Configuración de sitios y páginas

60

el texto de IPSUM, delante de la página seleccionada, con Maestra A utilizada como fondo de página.

Para asociar varias páginas maestras a una página web:

1. En la pestaña Sitio, haga clic con el botón secundario en la página y seleccione Propiedades de la página...

2. En la opción de menú Fondo del cuadro de diálogo, active varias páginas maestra.

3. Haga clic en Aceptar. La página usará ahora elementos de página de todas las páginas maestras.

Page 71: Web Pluses

Configuración de sitios y páginas

61

En Estructura del sitio de la pestaña Sitio se muestra una página web con un signo más si se asocian varias páginas maestras (en lugar de A, B, C, etc.).

El cuadro de diálogo anterior también le permite controlar el orden en el que el contenido de la página y de la página maestra se muestra en la página. De forma similar a las capas en un programa de edición, los objetos de la entrada superior de la lista del cuadro de diálogo se mostrarán delante de los objetos de las páginas maestras “inferiores”. Las páginas maestras también se pueden reorganizar entre ellas. Las páginas maestras añadidas recientemente se añaden a la parte inferior de la pila, de manera que se mostrarán detrás del resto de contenido.

En el ejemplo contiguo, Maestra B está encima del resto de contenido.

Para cambiar el orden del contenido de la página y páginas maestras:

• Seleccione la entrada de la página en el cuadro de diálogo Propiedades de la página (opción de menú Fondo) y haga clic en el botón Arriba o Abajo. O bien:

• Mueva una página arrastrando el nombre a una nueva posición de la lista. O bien:

Page 72: Web Pluses

Configuración de sitios y páginas

62

• En la pestaña Objetos, seleccione una página y, a continuación, reorganice las páginas maestras arrastrándolas.

Edición de objetos de la página maestra

Si está trabajando con páginas que tienen páginas maestras asociadas, los objetos de página maestra contribuirán a su diseño de página. Estos objetos se pueden editar fácil y rápidamente desde la página usando una barra de control en el objeto seleccionado.

Para editar un objeto de página maestra:

1. En la página web, seleccione el objeto de página maestra para mostrar la barra de control.

2. Haga clic en Editar en página maestra. La página maestra aparece para poder ser editada.

Habrá veces en las que quiera hacer que un objeto de la página maestra usado en una página sea independiente de su página maestra. Estos objetos se pueden hacer editables promoviéndolos desde la página maestra a la página web, de modo que el objeto original de la página maestra sea sustituido por una copia que sí se pueda editar libremente.

Para promover un objeto de página maestra:

1. En la página web, seleccione el objeto de página maestra para mostrar la barra de control debajo del objeto.

Page 73: Web Pluses

Configuración de sitios y páginas

63

2. Haga clic en Promover desde página maestra. Así se hace una copia del objeto original, que podrá ser entonces editado independientemente, sin afectar a la página maestra.

Todas las demás páginas que utilicen la página maestra permanecerán inalteradas.

Si cambia de opinión en algún momento, puede volver a asociar el objeto a la página maestra, dejando la página como estaba originalmente.

Para volver a asociar un objeto:

1. En la página estándar, seleccione el objeto promocionado, para mostrar la barra de control debajo del objeto.

2. Haga clic en Revertir a página maestra.

Page 74: Web Pluses

Configuración de sitios y páginas

64

Adición, eliminación y reorganización de páginas

Con la pestaña Sitio de Studio, podrá:

• Añadir páginas estándar o páginas HTML.

• Eliminar páginas.

• Añadir una o varias páginas maestras.

• Utilizar el método de arrastrar y soltar para reorganizar páginas dentro de la estructura del sitio.

• Añadir páginas de plantillas de diseño instaladas.

• Añadir vínculos fuera del sitio.

• Establecer una página para que sea la página principal.

Utilice la ventana superior Páginas maestras de la pestaña Sitio para acceder a las páginas maestras y la ventana Páginas (árbol de estructura del sitio central de la pestaña) para acceder a las páginas.

Page 75: Web Pluses

Configuración de sitios y páginas

65

Adición de páginas

Para añadir una nueva página en blanco:

1. En la ventana Páginas (árbol de estructura del sitio) de la pestaña Sitio de Studio, seleccione la página tras la cual desea añadir la nueva página.

2. Haga clic en la flecha hacia abajo en el botón Añadir

, que está justo sobre la ventana Páginas de la pestaña Sitio. En el menú desplegable, seleccione Nueva página en blanco.

3. En el cuadro de diálogo Propiedades de página, especifique las opciones para la nueva página a partir de cada una de las opciones de menú (consulte Configuración de las propiedades de página en la pág. 71).

4. Haga clic en Aceptar.

Una nueva página aparecerá en la ubicación especificada en la estructura del sitio. La página utiliza las Propiedades del sitio (p. 40) para las dimensiones. Siempre puede mover la página a una posición o nivel diferente o cambiar a una página maestra diferente (consulte Reorganización de páginas o Asignación de páginas maestras en la pág. 59 y 59).

Las nuevas páginas creadas usarán las propiedades del sitio actualmente establecidas (menú Archivo), como el tamaño y la alineación de página predeterminados, a menos que haya sobrescrito las propiedades del sitio en el cuadro de diálogo Propiedades de la página.

Page 76: Web Pluses

Configuración de sitios y páginas

66

La página “en blanco” también se puede basar en una página maestra, por ejemplo, si el sitio se creó a partir de una plantilla y, por tanto, incluye el contenido de la página definido por la página maestra de la página en blanco.

Adición de páginas maestras

Para añadir una nueva página maestra:

1. En la pestaña Sitio de Studio, haga clic en el botón Páginas maestras para expandir la ventana Página maestra.

2. Haga clic en el botón Añadir , situado sobre la ventana Páginas maestras.

Una nueva página maestra aparecerá en la ventana Páginas maestras de la pestaña Sitio.

Para reasignar las páginas a determinadas páginas maestras, consulte Introducción a las páginas y las páginas maestras en la pág. 57.

Eliminación de páginas

Para eliminar una página o una página maestra:

1. En la pestaña Sitio de Studio, seleccione la página (o la página maestra) que desee eliminar y haga clic en su entrada.

2. Haga clic en el botón Quitar , situado sobre la ventana adecuada para eliminar la página.

Page 77: Web Pluses

Configuración de sitios y páginas

67

Cuando se elimina una página, tiene la opción de quitar cualquier vínculo del sitio que apunte a esta o de redireccionar los hipervínculos a otra página especificada (los hipervínculos a delimitadores en la página eliminada se pueden eliminar de forma opcional).

Adición de páginas HTML

Las páginas HTML se pueden añadir a cualquier estructura del sitio de la pestaña Sitio. Dichas páginas se pueden incluir en la navegación como las páginas estándar.

Para añadir una página HTML:

1. En la ventana Páginas (árbol de estructura del sitio) de la pestaña Sitio de Studio, seleccione la página tras la cual desea añadir la nueva página.

2. Haga clic en la flecha hacia abajo del botón Añadir

, situado justo encima de la ventana Páginas. En el menú desplegable, seleccione Nueva página HTML

Una nueva página HTML se añade a la pestaña Sitio. Consulte Creación de páginas HTML (p. 76) para obtener más información.

Reorganización de páginas

Además de usar el árbol de estructura del sitio para añadir o eliminar páginas, puede utilizarlo para reorganizar páginas cuando sea necesario. Gracias a la estructura de elementos primarios/secundarios la reorganización de páginas es un proceso intuitivo tanto si usa el método de arrastras y soltar como si emplea los botones adecuados. Puede mover una página:

• A otra posición secuencial diferente (hacia arriba o hacia abajo) en el mismo nivel de la estructura.

Page 78: Web Pluses

Configuración de sitios y páginas

68

• A un nivel superior (elemento principal).

• A un nivel inferior (elemento secundario).

Para mover una página:

1. Vaya a la pestaña Sitio de Studio.

2. Haga clic para seleccionar la página en el árbol de estructura del sitio.

3. (Mediante el método de arrastrar y soltar) Arrastre la entrada de la página hacia arriba o hacia abajo y colóquela en una nueva posición en el árbol. Observe la información del cursor sobre la nueva posición con respecto a la de la página que está justo debajo del cursor: mueve la página al mismo nivel que la página de destino resaltada y a continuación de esta. convierte la página en un elemento secundario de la página que está debajo de la página de destino resaltada.

Adición de páginas de plantillas

Aunque añadir páginas estándar le permite iniciar el diseño de página desde cero, la creación de páginas puede ser más sencilla si adopta páginas “listas para usar” de las plantillas WebPlus instaladas. Para mantener el diseño original de la página, cualquier página maestra asociada con la página agregada “se importará” con la página.

Para añadir una nueva página a partir de una plantilla:

1. En la ventana Páginas (árbol de estructura del sitio) de la pestaña Sitio de Studio, seleccione la página tras la cual desea añadir la nueva página.

Page 79: Web Pluses

Configuración de sitios y páginas

69

2. Haga clic en la flecha hacia abajo del botón Añadir

, situado justo encima de la ventana Páginas. En el menú desplegable seleccione Nueva página de plantilla....

3. En el cuadro de diálogo Añadir nueva página de la plantilla seleccione una plantilla del panel izquierdo y active la página que desea añadir (active más páginas para que se incluyan si es necesario).

4. WebPlus le permite controlar si una página maestra asociada se copia con la página. Seleccione del menú desplegable de la parte superior izquierda una de las siguientes opciones:

• Copiar página maestra. Para copiar siempre la página maestra en el sitio.

• Comparar y copiar página maestra. Comprueba si la página maestra ya existe en el sitio y, si no está presente, la copia a continuación.

• No hay página maestra. La página maestra de la página nunca se copia en el sitio.

5. Haga clic en el botón Abrir. Las páginas se añaden a la pestaña Sitio.

Adición de vínculos fuera del sitio

También puede añadir un vínculo fuera de sitio a la estructura del sitio. Normalmente, puede ser una página o un recurso independiente del sitio que desee incluir en la estructura de navegación del sitio. El vínculo fuera del sitio aparecerá en el árbol de estructura del sitio y en las barras de navegación, para que pueda manipularlo como si se tratara de una página en su sitio.

Page 80: Web Pluses

Configuración de sitios y páginas

70

Para añadir un vínculo fuera del sitio:

1. En la ventana Páginas (árbol de estructura del sitio) de la pestaña Sitio de Studio, seleccione la página tras la cual desea añadir la nueva página.

2. Haga clic en la flecha hacia abajo del botón Añadir

, situado justo encima de la ventana Páginas. En el menú desplegable, seleccione Nuevo vínculo fuera del sitio....

3. En el cuadro de diálogo, escriba un Nombre del menú para identificar el vínculo fuera del sitio en el árbol de estructura del sitio (el equivalente del nombre de la página).

4. Haga clic para seleccionar el tipo de destino del vínculo e introduzca el destino del hipervínculo fuera del sitio específico (consulte Selección de un hipervínculo de destino en la pág. 1) y la ventana en la que desea que aparezca el destino. Mantenga activada la opción Incluir en la navegación si el vínculo debe aparecer en la navegación de todo el sitio.

• Active las opciones Antes o Después para aplicar líneas separadoras horizontales sobre/debajo de la página como un elemento de submenú en las barras de navegación.

• Añada una descripción para añadir información de texto adicional relacionada con la página en el elemento del submenú de la barra.

5. Haga clic en Aceptar.

Page 81: Web Pluses

Configuración de sitios y páginas

71

Configuración de la página principal

Para hacer que una página web sea la página principal:

• Haga clic con el botón secundario del ratón en una página estándar en la pestaña Sitio y, a continuación, seleccione Establecer como página principal

Configuración de las propiedades de página Su sitio de WebPlus tiene su propio marco general, que consta del sitio en sí mismo; una o más páginas maestras; y de varias páginas individuales. Cada aspecto del marco tiene diferentes valores de propiedades que contribuyen al aspecto y el comportamiento del sitio cuando se publica. Tanto si empieza con una plantilla de WebPlus o desde cero, puede elegir si ceñirse a la configuración de propiedad predeterminada o modificarla según sus necesidades.

Las propiedades de la página de páginas individuales se pueden ver mediante la pestaña Sitio, haciendo clic con el botón secundario en la página activa del área de trabajo o mediante el Administrador de sitios. El Administrador de sitios proporciona un método más potente para no sólo ver sino también editar las propiedades de varias páginas al mismo tiempo, simplemente compruebe las páginas elegidas y modifique una o más propiedades de la página. Todas las páginas activadas adoptarán la nueva configuración.

Para ver la configuración de propiedades de página maestra:

• Haga clic en el botón Administrador de páginas maestras sobre la ventana Páginas maestras en la pestaña Sitio Aparecerá Administrador de páginas maestras.

Page 82: Web Pluses

Configuración de sitios y páginas

72

Para ver la configuración de propiedades de página web normal:

• Haga clic con el botón secundario en la página en el área de trabajo y elija Propiedades de la página....

Aparecerá el cuadro de diálogo Propiedades de la página. Nombre de la pestaña

Propiedad

Navegación (predeterminado)

Página, título y nombre de archivo Cada página tiene un nombre de página “visible” o un nombre de archivo que se muestra en el árbol de estructura del sitio de la pestaña Sitio. Puede modificar el nombre de la página, así como elegir un título diferente.

Incluir en la navegación De forma predeterminada, todas las páginas se incluye en barras de navegación. Utilice esta opción para excluir la página de la navegación.

Separadores y descripción Si se incluye en la navegación, active Antes o Después para aplicar líneas separadoras entre las opciones de menú de barra de navegación y las opciones de elemento emergente. Un cuadro de descripción añade información de texto adicional relacionada con la página en el elemento del submenú de la barra.

Marco de documento activo Las páginas se pueden abrir en un marco del documento activo si el marco se ha creado previamente.

Page 83: Web Pluses

Configuración de sitios y páginas

73

Ubicación Esta opción coloca la nueva página antes, después o como un elemento secundario de la página que elija en la lista desplegable.

Esta opción se muestra únicamente si añade una página.

Aspecto Ancho y Alto Establece las dimensiones de la página para páginas individuales/páginas maestras, anulando las dimensiones de Tamaño de página predeterminado (en Archivo>Propiedades de sitio) utilizadas cuando se creó la página.

También puede arrastrar el borde derecho o inferior de la página para cambiar el ancho o alto de la página, respectivamente.

Alineación de la página La alineación determina cómo aparecerá el contenido de la página en un navegador. Utilice la configuración de alineación de la página predeterminada del sitio (Usar configuración del sitio) o seleccione Izquierda o Centrado para invalidarla.

Selección Elija un color que distinga de forma exclusiva los objetos colocados en esta página de los de una página maestra asociada. El color se muestra al desplazar el ratón y en el contorno

Page 84: Web Pluses

Configuración de sitios y páginas

74

del objeto seleccionado.

Copiar Duplica los elementos de diseño de una página web existente a la nueva página. Active Copiar objetos de la página y seleccione la página en la lista activada. El contenido HTML adjunto se puede copiar opcionalmente.

Esta opción se muestra únicamente si añade una página.

Fondo Páginas maestras Controla las páginas maestras que se asocian a la página. Active para asociar una página maestra, desactive para desvincularla o arrastre (o utilice los botones arriba/abajo) para reorganizar el orden de la página maestra.

Fondo La lista desplegable proporciona varias formas de mostrar el fondo de la página.

• Usar aspecto del sitio: Utiliza en todo el sitio el aspecto de fondo como se establece en Archivo>Propiedades del sitio>Página.

• Usar fondo de página maestra: Utiliza la configuración de fondo de una página maestra asociada. Esta configuración habrá invalidado el aspecto de fondo del sitio (arriba).

• Usar fondo personalizado: Utiliza

Page 85: Web Pluses

Configuración de sitios y páginas

75

un Color en página, Color de fondo o Imagen de fondo sólo para la página actual. Si la opción Usar fondo personalizado está seleccionado, las opciones estarán disponibles.

Buscar Etiquetas de búsqueda Incluye descripciones de etiquetas y palabras clave opcionales de páginas individuales, que invalidan la configuración de motores de búsqueda del sitio.

Motor de búsqueda

Mapas del sitio y robots Informa a los motores de búsqueda o a los robots si pueden arrastrar, analizar e indexar la página actual. Un archivo del mapa del sitio incluye la página actual en la indexación mientras que una meta-etiqueta robots (o un archivo robots.txt) excluye la página. Esta configuración invalida la configuración de motores de búsqueda del sitio.

Seguridad de la página

Seguridad de la página Aplica control de acceso a sus páginas web asignando la página a un grupo de usuarios (con objeto inteligente de la lista de usuarios de Recursos Web Serif).

Redirigir Redirigir a Después de un intervalo de tiempo configurable, una página web se redirige a un nuevo destino de hipervínculo (otra página, imagen, correo electrónico, etc.).

Efectos Transiciones de entrada/salida de la página Las transiciones de entrada y salida de la

Page 86: Web Pluses

Configuración de sitios y páginas

76

página se pueden aplicar durante la navegación de una página web a otra.

Usar archivo de sonido Seleccione un sonido de fondo que se cargará y reproducirá automáticamente cuando una página específica se muestra por primera vez.

Creación de páginas HTML El código HTML es el código subyacente etiquetado que el navegador de Internet del visitante del sitio web lee, interpreta y utiliza para aplicar formato a la página según las etiquetas usadas. El código y las etiquetas utilizadas son las instrucciones según las cuales se aplica formato a una página y, como tal, es vital que el código esté correctamente estructurado y se ajuste a las convenciones de HTML.

WebPlus admite el desarrollo de páginas web en HTML. Puede añadir páginas en la ventana Estructura del sitio de la pestaña Sitio; se muestra un icono distintivo en la página HTML.

Las páginas HTML de la pestaña Sitio se pueden controlar de forma similar a las páginas normales; es decir, puede arrastrar/soltar, cambiar el nombre, obtener una vista previa, insertar vínculos de fuera del sitio, estimar el tiempo de carga o incluir la página en la navegación. Sin embargo, las páginas HTML no tienen asociadas páginas maestras. Además, al hacer doble clic en un icono de la página HTML se iniciará la ventana Origen para la edición de HTML (en lugar de la pantalla WYSIWYG de una página estándar). En la ventana Origen verá algunas etiquetas HTML básicas que, si tiene experiencia como desarrollador HTML, le resultarán muy familiares.

Page 87: Web Pluses

Configuración de sitios y páginas

77

No hay vista WYSIWYG cuando trabaja con código fuente HTML directamente.

En este punto, es necesario editar la estructura HTML de la "plantilla". Normalmente, el texto se insertará (escribiendo o pegando) entre las etiquetas de apertura y de cierre

Visualización de páginas El área de trabajo de WebPlus consta de un área de "página" rodeada de un área de "pegado".

Page 88: Web Pluses

Configuración de sitios y páginas

78

El área de página (A) es donde se colocan el texto, los gráficos y otros elementos que desea que aparezcan en el sitio web final. El área de pegado (B) es donde normalmente se conservan elementos que se están preparando para colocarse en el área de página o están pendientes de hacerlo. Cuando publique el sitio desde el sitio de WebPlus, se mostrará cualquier elemento que solape el área de página, pero no se mostrará ningún elemento que se encuentre completamente en el área de pegado. El área de pegado la comparten todas las páginas y las páginas maestras, y resulta muy útil para copiar y mover objetos entre las páginas.

Para mover o copiar un objeto de una página a otra mediante el área de pegado:

1. Arrastre el objeto de la página de origen al área de pegado (mantenga pulsada la tecla Ctrl para copiar).

2. Muestre la página de destino (consulte Cambio entre las páginas más abajo).

3. Arrastre (o pulse Ctrl y arrastre para copiar) el objeto del área de pegado a la página de destino.

Page 89: Web Pluses

Configuración de sitios y páginas

79

Con WebPlus resulta fácil ver exactamente en qué se está trabajando, ya que se puede elegir entre una vista amplia de una página completa o un primer plano de una pequeña región. Por ejemplo, puede utilizar las barras de desplazamiento de la parte derecha e inferior de la ventana principal para mover la página y el área de pegado en relación con la ventana principal. La vista se centra automáticamente conforme se arrastran los objetos al borde de la pantalla.

La barra de herramientas Vista en la parte superior de la pantalla

proporciona la Herramienta Mano como método alternativo para desplazarse por la pantalla, además de un número de botones que le permiten acercar o alejar la imagen para poder examinar y/o editar la página en diferentes niveles de detalle.

Cambio entre las páginas

WebPlus proporciona una serie de métodos para acceder rápidamente a la parte del sitio en la que necesita trabajar. La pestaña Sitio de Studio proporciona un "panel de control" central que incluye el árbol de estructura del sitio, que describe la jerarquía de las páginas del sitio (Consulte la Ayuda de WebPlus para obtener más información), e iconos para páginas maestras del sitio.

Diferencias en seleccionar y visualizar una página: Un solo clic en una entrada de página o de página maestra solo selecciona la página. Para ver realmente la página o la página maestra asociada tendrá que hacer doble clic en una entrada.

Una entrada de color naranja (con el nombre de la página en negrita) indica la página seleccionada.

El icono de ojo indica la página visualizada actualmente, que

Page 90: Web Pluses

Configuración de sitios y páginas

80

puede editar en el área de trabajo. En este ejemplo se muestra que la página se está visualizando en ese momento además de estar seleccionada.

Un icono resaltado de la página maestra en la ventana superior de la pestaña Sitio indica la página maestra seleccionada.

Un icono de ojo en el icono de la página maestra indica la página visualizada en esos momentos. En este ejemplo se muestra una página maestra visualizada y seleccionada al mismo tiempo.

Para ver una página o página maestra específica:

Se pueden utilizar varios métodos para ver una página:

• En la Línea de sugerencias, use los botones de

navegación de página de la línea de sugerencia . O bien Haga clic en la entrada de la página o página maestra en la lista Localizador de página.

Page 91: Web Pluses

Configuración de sitios y páginas

81

• En la pestaña Sitio de Studio, haga doble clic en la entrada de la página (o la página maestra) que desea ver. La ventana Estructura del sitio de la pestaña incluye un árbol con entradas para las páginas del sitio mientras que, en la ventana Páginas maestras, las páginas maestras se muestran únicamente como miniaturas. Puede que tenga que hacer clic en el botón Páginas maestras> para mostrar la ventana de páginas maestras.

• Haga clic en el botón Estructura del sitio en la Línea de sugerencias o en la ventana Página de la pestaña Sitio. Seleccione la entrada de la página en el árbol del cuadro de diálogo (haga doble clic en las entradas del árbol si es necesario para expandir cada rama). A continuación haga clic en el botón Ver página.

Para las páginas maestras:

• En la pestaña Sitio de Studio, haga clic en el botón Páginas maestras> para mostrar una ventana de la página maestra. Se mostrarán uno o más iconos de página maestra.

• Haga doble clic en el icono de la página maestra que desea ver.

Page 92: Web Pluses

Configuración de sitios y páginas

82

Para cambiar de la página actual a la página maestra:

• Haga clic en el botón Página/Página maestra en la Línea de sugerencias.

Si hay varias páginas maestras asociadas a una página, sólo se podrá cambiar a la primera página maestra.

Como acceso directo para ver la página principal del sitio, puede:

• Hacer clic en el botón Página principal en la Línea de sugerencias.

Page 93: Web Pluses

Desplazamiento e hipervínculos 4

Page 94: Web Pluses

Desplazamiento e hipervínculos

84

Page 95: Web Pluses

Desplazamiento e hipervínculos

85

Adición de barras de navegación En WebPlus, las barras de navegación se programan para comprender la estructura del sitio, con lo que se facilita el diseño de un sitio en el que la navegación resulta sencilla.

Las barras de navegación facilitan el movimiento entre diferentes secciones y niveles de un sitio (consulte la pág. 35), proporcionan vínculos a la página principal y a otras páginas de secciones de niveles superiores, mientras que los vínculos de menús emergentes llevan a páginas secundarias dentro de cada sección.

Puede instalar fácilmente barras de navegación en cualquier nivel del sitio, reconfigurarlas para que estén vinculadas a una parte del sitio, cambiar el aspecto de la barra de navegación y excluir páginas específicas de la navegación si es necesario.

Niveles y estructura del sitio

Puede repasar Introducción a la estructura del sitio y a la navegación (pág. 35) para recordar cómo se basa la estructura del sitio en secciones y capas.

Cuando se define una barra de navegación, puede elegir el nivel de página que se mostrará en la barra de navegación. Se trata de una especie de puntero de las partes del sitio a las que se deben crear vínculos, en relación con la página de la barra de navegación. Puede especificar “Nivel superior”, “Mismo nivel”, “Nivel infantil”, “Anterior/Siguiente”, etc.

Para ayudarle a comprender esta relación entre las páginas y estos niveles referenciados, se ofrece una indicación visual cuando está creando la barra de navegación (en cada miniatura de tipo de navegación). Los rectángulos en verde muestran el nivel de página que se debe utilizar y el punto negro (•), la página en la que se ubica la barra de navegación.

Page 96: Web Pluses

Desplazamiento e hipervínculos

86

Nivel superior

Mismo nivel

Nivel infantil

Anterior y Siguiente

Los diseños de iconos son ejemplos y no representan la estructura actual del sitio.

Como las barras de navegación “entienden” la estructura del sitio, se actualizan dinámicamente si las páginas se mueven a diferentes niveles.

Creación de barras de navegación

Las barras de navegación se pueden añadir a cualquier página, pero se suelen añadir a la página maestra, ya que esto evita el tener que pegar el mismo elemento en varias páginas. Una barra de navegación en una página maestra se comporta como si estuviera en cada una de las páginas, y sigue el concepto de que sus botones y menús están relacionados con el lugar en el que cada página se encuentra en la estructura general del sitio.

Cuando se añade una barra de navegación puede elegir cómo aparecerá la navegación en la página; para ello, seleccione:

• Tipo: el diseño intrínseco de la barra de navegación (p. ej., bloque, diálogo, tradicional).

• Tipo de navegación: la estructura del sitio o personalizada en la que se basa la barra de navegación.

• Aspecto: el diseño de los botones, separadores y del fondo de la barra de navegación. Se pueden utilizar diseños preestablecidos o personalizados.

Page 97: Web Pluses

Desplazamiento e hipervínculos

87

• Menús emergentes: el diseño de los botones, separadores y del fondo de los menús emergentes que muestra la barra de navegación (si se utilizan páginas secundarias en la estructura del sitio).

Para añadir una barra de navegación:

1. Seleccione la página (o la página maestra).

2. En el elemento flotante Navegación de la barra de herramientas Objetos web, haga clic en Insertar

barra de navegación .

3. En la pestaña Tipo del cuadro de diálogo, busque los tipos de barra de navegación en la lista desplegable Tipo y amplíe las opciones de menú si es necesario. Use las flechas del teclado para buscar más rápidamente. En la ventana de vista previa adyacente, desplácese por las opciones del menú para revisar el aspecto de los menús emergentes.

4. Seleccione el tipo elegido, p. ej. Bloque 2.

5. En la pestaña Tipo de navegación elija si desea basar la barra de navegación directamente en la estructura del sitio (active Según la estructura del sitio). O bien: Personalice las opciones de la barra de navegación (active Personalizado; consulte Personalización de las barras de navegación en la pág. 89). Si elige la estructura del sitio, podrá:

• Seleccionar los botones que se deben incluir en la barra de navegación: Nivel superior, Nivel parental, Mismo nivel, etc.

Page 98: Web Pluses

Desplazamiento e hipervínculos

88

• En función de la selección principal, optar por incluir una página secundaria, delimitadores, una página principal, una página primaria, ocultar vínculos de la página actual o desactivar vínculos.

• Habilitar una opción de Nomenclatura de vínculos relativos si usa vínculos relativos como Inicio, Arriba, Anterior y Siguiente. Con la opción Usar nombres fijos activada, se muestran los nombres relativos, p. ej., “Siguiente”; la opción Usar nombres de página muestra el nombre de página real, tal y como está definido en las propiedades de la página. Puede hacer clic en Personalizar para editar un nombre de vínculo relativo.

• Establecer la opción Marco / ventana de destino para cambiar el lugar en el que se abrirá la página nueva. Elija de entre Misma ventana (la opción más común), Nueva ventana (útil para las páginas de fuera del sitio), Parte superior de la ventana actual, Marco primario, Ventana con nombre y Marco del documento.

6. (Opcional) En la pestaña Aspecto, podrá seleccionar diferentes diseños para los botones, separadores o el fondo, si es necesario. Estos se mostrarán en la barra de navegación principal. Para seleccionar diseños, puede:

• Elegir un elemento flotante preestablecido, haciendo clic en la flecha hacia abajo de la miniatura del botón, por ejemplo, para botones preestablecidos. O bien:

• Hacer clic en Editar para crear sus propios diseños personalizados, basados en el botón actualmente seleccionado. Podrá cambiar la fuente, el tamaño y el color del texto, además de los fondos

Page 99: Web Pluses

Desplazamiento e hipervínculos

89

de varios estados de botones Consulte la Ayuda de WebPlus para obtener más información.

7. (Opcional) En la pestaña Menús emergentes elija los diseños al igual que con la pestaña Aspecto, pero que estén relacionados con las páginas "secundarias" de la estructura del sitio.

8. Haga clic en Aceptar. La barra de navegación aparecerá en la página.

La barra de navegación tienen un esquema de color, lo que permite controlar aún más el aspecto de la barra. Consulte Uso de esquemas de color en la pág. 404.

Para editar una barra de navegación:

1. Haga doble clic en la barra de navegación. O bien:

Seleccione Editar barra de navegación... . O bien: Haga clic con el botón secundario en la barra y seleccione Editar barra de navegación....

2. Se puede cambiar la configuración de cada pestaña .

Personalización de la estructura de la barra de navegación

De manera predeterminada, la estructura de la barra de navegación se basa en la estructura del sitio. Si desea reorganizar el orden o la jerarquía de los elementos de la barra de navegación para que sea diferente a la estructura del sitio, WebPlus le permite personalizar cualquier barra de navegación mediante la creación de un árbol de navegación personalizado. Puede añadir, editar o eliminar elementos que tendrán acceso a varios tipos de destinos de vínculos

Page 100: Web Pluses

Desplazamiento e hipervínculos

90

(consulte Adición de hipervínculo y delimitadores en la pág. 105), al igual que en la Estructura del sitio de la pestaña Sitio.

Una vez que está trabajando con un árbol de navegación personalizado, la barra de navegación ya no se actualizará automáticamente cuando se añadan páginas nuevas al sitio. Si desea que esto siga siendo así, deberá basar la barra en la estructura del sitio.

Para personalizar una barra de navegación seleccionada:

1. Haga doble clic en la barra de navegación.

2. En la pestaña Tipo de navegación, active la opción Personalizado.

3. Reorganice el orden de los elementos de la barra de navegación mediante el método de arrastrar y soltar (o utilice los botones Subir, Bajar, Crear elemento secundario o Crear elemento primario).

4. Haga en Añadir vínculo para añadir un nuevo vínculo al final del árbol de navegación personalizado, normalmente para añadir una página que ha agregado al sitio. Al elemento se le asigna un destino de vínculo, un marco o una ventana de destino y un título en el cuadro de diálogo que se muestra. Haga clic en Aceptar.

5. Haga clic en Aceptar de nuevo. La barra de navegación utiliza ahora el árbol de navegación personalizado para mostrar las opciones de menú.

Haga clic en Restablecer para que el árbol de navegación vuelva a la estructura del sitio o en Eliminar todo para quitar todas las entradas del árbol personalizado.

El árbol de navegación personalizado también se puede guardar en el sitio, para utilizarlo en otras barras de navegación.

Page 101: Web Pluses

Desplazamiento e hipervínculos

91

Para guardar la barra de navegación personalizada:

• Haga clic en Valores predeterminados y, a continuación, seleccione Guardar… en el elemento flotante.

• Introduzca un nombre para el árbol de navegación personalizado (p. ej., arbolnavperson-1).

• Haga clic en Aceptar. El árbol se guarda en el sitio.

Más adelante, para otras barras de navegación puede recuperar el árbol guardado, mediante Valores predeterminados (elemento flotante Cargar).

Modificación de botones, separadores y fondos

Cuando se crea o modifica una barra de navegación, puede que quiera conservar el mismo tipo de navegación y estructura de la barra o personalizar los botones, separadores y el fondo que componen la barra de navegación.

Se pueden crear nuevas barras a partir de cualquier barra de navegación existente en el sitio. Solo tiene que elegir primero una barra de navegación. Esto puede ayudarle a conseguir el aspecto deseado más rápidamente.

Para visualizar la configuración del botón, el separador y el fondo:

• En la pestaña Aspecto puede cambiar o personalizar los botones, separadores y el fondo seleccionando el elemento de la barra de navegación de un cuadro de selección. Las opciones del cuadro de diálogo cambian en función del elemento de la barra de navegación que se seleccione.

Page 102: Web Pluses

Desplazamiento e hipervínculos

92

Para cambiar los botones de la barra de navegación (por otro botón preestablecido):

1. Haga clic en la flecha desplegable de la miniatura Sencillo para mostrar el elemento flotante Valores preestablecidos.

2. Seleccione un botón de una categoría (estas coinciden con las categorías de Tipo de la barra de navegación).

3. (Opcional) Ajuste las opciones Separación y Alineación). Las opciones horizontales afectan a los botones mostrados horizontalmente en la barra de navegación y viceversa.

4. Haga clic en Aceptar.

Los botones personalizados se pueden crear desde cero en Button Studio de WebPlus. (Consulte Creación de botones personalizados en la pág. 102).

Para cambiar los separadores de la barra de navegación (por otro valor preestablecido):

1. Haga clic en la flecha desplegable de la miniatura Separador para mostrar el elemento flotante Valores preestablecidos.

2. Seleccione un separador de una categoría.

3. (Opcional) Ajuste las opciones de escala y cree los separadores.

4. Haga clic en Aceptar.

Page 103: Web Pluses

Desplazamiento e hipervínculos

93

Los separadores personalizados se pueden crear desde cero en Design Studio de WebPlus. (Consulte Creación de botones personalizados en la pág. 102).

Para cambiar el fondo de la barra de navegación (por otro valor preestablecido):

1. Haga clic en la flecha desplegable de la miniatura Fondo para mostrar el elemento flotante Valores preestablecidos.

2. Seleccione un fondo de una categoría.

3. (Opcional) Ajuste el relleno y otras opciones que se adecuen a su diseño.

4. Haga clic en Aceptar.

Modificación de menús emergentes

Los menús emergentes son una parte integrante de las barras de navegación que se basan en estructuras del sitio que emplean páginas secundarias. Aparecen solo si se desplaza el ratón sobre los botones de la barra de navegación y desaparecen al alejarse del botón.

Page 104: Web Pluses

Desplazamiento e hipervínculos

94

Al igual que los botones, los menús emergentes son totalmente configurables. Una diferencia es que se pueden configurar como Menús emergentes de texto y Menús emergentes gráficos. El tipo de barra de navegación (bloque, resaltado, diálogo, etc.) puede utilizar cualquier tipo de menú emergente, dependiendo del diseño.

Para mostrar la configuración de un menú emergente:

1. En la pestaña Menús emergentes, puede personalizar el elemento emergente seleccionando un tipo de menú. Active Menús emergentes de texto o Menús emergentes gráficos. La última opción implementa objetos de botones para componer los menús.

2. Seleccione una opción del menú. Las opciones del cuadro de diálogo cambian según la opción seleccionada.

3. Edite los cuadros de valores, las listas desplegables, los botones de opción y las casillas de verificación correspondientes para que se adecuen al diseño del menú emergente. La configuración de la opción Menús emergentes gráficos para los botones, separadores y el fondo comparten la misma configuración que la de los botones.

Visualización de los separadores

Para cualquier página, vínculo fuera del sitio o delimitador incluido en la navegación y que aparece en la barra de navegación (o en los menús emergentes) puede controlar la visualización de los separadores entre cada opción de menú.

Page 105: Web Pluses

Desplazamiento e hipervínculos

95

Para controlar la visualización de separadores en la barra de navegación:

1. En el cuadro de diálogo Configuración de la barra de navegación, seleccione la pestaña Aspecto y, a continuación, la opción Separadores.

2. Active la opción Insertar separador cuando lo especifique el árbol de navegación.

3. Haga clic en Aceptar.

4. En la pestaña Sitio, haga clic con el botón secundario del ratón en la página/vínculo fuera del sitio y elija Propiedades de la página....

5. En la opción del menú Navegación, active Antes o Después para aplicar una línea separadora sobre/debajo del elemento del menú emergente de la página.

6. Haga clic en Aceptar.

Los delimitadores de objeto tienen opciones equivalentes al separador, cuando se hace clic con el botón secundario en un objeto y se selecciona Delimitador.

Para controlar la visualización de separadores en los menús emergentes:

1. En el cuadro de diálogo Configuración de la barra de navegación, seleccione la pestaña Menús emergentes.

• Para los Menús emergentes de texto (active el botón de opción), seleccione Líneas y bordes y, a continuación, active Insertar separador cuando lo especifique el árbol de navegación. O bien:

Page 106: Web Pluses

Desplazamiento e hipervínculos

96

• Para los Menús emergentes gráficos (active el botón de opción), seleccione Separadores y active la opción anterior.

2. Haga clic en Aceptar.

3. Repita los anteriores pasos del 4 al 6.

Cómo guardar las opciones de la barra de navegación

Si ha personalizado los botones de la barra de navegación, los separadores, el fondo y el menú emergente puede guardar esa configuración combinada en una sola ubicación mediante el botón Valores predeterminados. Esta función resulta útil para aplicar el mismo aspecto de barra de navegación a otras barras de navegación que cree en el sitio.

Inclusión/exclusión de páginas en la navegación

De forma predeterminada, todas las páginas se incluyen en la navegación; es decir, se pueden vincular mediante barras de navegación. Puede excluir determinadas páginas (excepto la página principal) para que las barras de navegación las omitan. Por ejemplo, supongamos que tiene una sección de referencia o de páginas archivadas que no desea que los visitantes exploren. Si se excluye la página primaria de esa sección se eliminará de la barra de navegación. Tenga en cuenta que el excluir la página de la navegación no la elimina del sitio; la página seguirá apareciendo en el árbol de estructura del sitio y aún podrá instalar hipervínculos en ella, simplemente no aparecerá en la barra de navegación.

Para excluir una página de la navegación:

• En la pestaña Sitio de Studio, haga clic con el botón secundario del ratón en el árbol de estructura del sitio y elija Propiedades de la página…. Desactive la opción Incluir en la navegación.

Page 107: Web Pluses

Desplazamiento e hipervínculos

97

• Las páginas incluidas muestran una marca en la entrada de la página en el árbol de estructura del sitio de la pestaña Sitio. Cuando se excluyen entradas de página, estas aparecen desactivadas y sin la marca.

Uso de barras de navegación dinámicas

Hasta ahora, hemos asumido que las barras de navegación se basan en la estructura del sitio y muestran páginas estáticas como elementos de menú. Sin embargo, para obtener barras de navegación más dinámicas, puede rellenar los submenúes de la barra de navegación con un foro en continuo cambio, CMS y títulos de artículos de blog (solo hay que hacer clic en un título para ver el artículo correspondiente).

Supongamos que ya utiliza un vínculo fuera del sitio que conecte al foro, al CMS y al blog y que el vínculo fuera del sitio se incluye en la navegación.

Para crear una barra de navegación dinámica:

• Haga clic con el botón secundario del ratón en el vínculo fuera del sitio en la pestaña Sitio y haga clic en Propiedades del vínculo fuera del sitio....

• En el cuadro de diálogo Vínculo fuera del sitio, cambie el menú desplegable de la sección Información del objeto inteligente para añadir artículos de fuente (es decir, de títulos de artículos publicados) como elementos secundarios al submenú de la barra. Se puede hacer clic en cada título de artículo, con lo que se abre el artículo asociado en una ventana, que suele ser una ventana aparte.

Page 108: Web Pluses

Desplazamiento e hipervínculos

98

Conversión en paneles

Puede convertir la barra de navegación en un panel (p. 132), y beneficiarse de una colocación más libre de los botones de la barra de navegación (dentro del área del panel) y de la opción de mantener las barras de navegación siempre visibles.

Para convertir una barra de navegación en un panel:

1. Seleccione la barra de navegación.

2. Seleccione Convertir en panel en la barra de herramientas de contexto.

Para obtener más información sobre los paneles, consulte Adición de paneles en la pág. 132.

Adición de menús emergentes Los menús emergentes constituyen una parte integrante de las barras de navegación de múltiples niveles (p. 83), que se muestran como menús que presentan solamente un botón al desplazarse con el ratón por encima. Los elementos de menús emergentes representan las páginas secundarias en los niveles inferiores del sitio.

En WebPlus, también puede añadir menús emergentes a cualquier objeto (una forma de QuickShape, imagen, un elemento de la galería, pero lo más normal es que sea un botón). El menú es básicamente el mismo que los que se incluyen en las barras de navegación. Como las barras de navegación, los elementos de menús emergentes que se muestran se pueden configurar, de forma que adopten la estructura del sitio completa (o parte de esta) o su propia estructura personalizada.

Page 109: Web Pluses

Desplazamiento e hipervínculos

99

Los menús emergentes resultan especialmente útiles cuando se quiere mostrar un conjunto de vínculos de navegación limitados, y quizás relacionados, como un conjunto de productos.

Se dispone de un completo control sobre qué nivel del sitio desea mostrar en el elemento de menú emergente. En el ejemplo que se ilustra, el menú emergente se basa en páginas secundarias que pertenecen a una página principal de los productos (que probablemente alojará el botón y el menú emergente.)

Para crear un menú emergente:

1. Seleccione un objeto al que adjuntar el menú emergente.

2. Seleccione Menú emergente... del menú Insertar. O bien: Haga clic con el botón secundario del ratón en un objeto y seleccione Menú emergente....

3. En la pestaña Tipo de navegación del cuadro de diálogo, active la opción Mostrar como menú emergente... para hacer que los vínculos de navegación estén asociados con el objeto.

4. Active Según la estructura del sitio o Personalizado para utilizar los vínculos de navegación del sitio como parte del menú o para basar el menú emergente en su propia estructura personalizada (p. 89), respectivamente.

Page 110: Web Pluses

Desplazamiento e hipervínculos

100

5. En la pestaña Aspecto del menú del cuadro de diálogo, seleccione Menús emergentes de texto o Menús emergentes gráficos. La última opción implementa objetos de botones para componer los menús.

6. Seleccione una opción de menú del cuadro, después edite los cuadros de entrada, las listas desplegables, los botones de opción y las casillas de verificación para que se ajusten al diseño de su menú emergente. La configuración de la opción Menús emergentes gráficos para los botones, separadores y el fondo comparten la misma configuración que la de los botones. Todas las opciones se describen detalladamente en Cambiar menús emergentes en la p. 93.

7. Haga clic en Aceptar.

Adición de botones

Los botones son una parte integrante de las barras de navegación de WebPlus (consulte la pág. 83) pero también se pueden añadir como objetos a la página web, ya sea como un vínculo a un destino de hipervínculo o mostrando un menú emergente.

En WebPlus, los botones se pueden basar en un diseño preestablecido o pueden crearse desde cero en Button Studio. Es muy común elegir uno preestablecido y después personalizarlo para que se ajuste a sus necesidades.

Page 111: Web Pluses

Desplazamiento e hipervínculos

101

Independientemente de la opción que elija, podrá editar la etiqueta de texto para que se ajuste a la función del botón fácilmente.

Para añadir un botón preestablecido:

1. En el elemento flotante Navegación de la barra de herramientas Objetos web, haga clic en Insertar

botón .

2. En el cuadro de diálogo Editar botón, haga clic en el cuadro de vista previa de botón.

3. Seleccione un tipo de botón preestablecido del elemento flotante. El cuadro de vista previa se actualiza con el diseño de botón elegido.

4. Especifique la Etiqueta del botón para identificar el botón, como “Inicio”, “Imágenes”, “Ayuda”, etc.

5. Seleccione una Acción que se invocará cuando se haga clic en el botón.

• El hipervínculo dirigirá al usuario a un destino (p. ej., una página de Internet, una página del sitio, un archivo) mediante un hipervínculo (consulte la pág. 105). Haga clic en Editar para elegir el tipo de destino, el destino y la ventana de destino.

• La opción Enviar formulario crea un botón Enviar usado para enviar datos del formulario. La etiqueta del botón se sobrescribe siempre para que sea Enviar (pero puede modificarla de nuevo). La acción del botón se invoca realmente cuando el botón se coloca en un formulario.

Page 112: Web Pluses

Desplazamiento e hipervínculos

102

• La opción Restablecer formulario crea un botón Restablecer, utilizado en los formularios para borrar los datos introducidos en los campos de formulario. Los botones Enviar y Restablecer se colocan normalmente uno junto al otro.

• La opción Secuencia de comando personalizada le permite escribir su propio código JavaScript en el cuadro de entrada (no necesita incluir las etiquetas ).

6. (Opcional) Active Deshabilitado para hacer que el control esté inactivo a menos que se active por un script.

7. (Opcional) Active Botón inicialmente en estado Abajo para que el botón aparezca como si ya se hubiera hecho clic en él (a diferencia de estar en estado Normal).

8. Haga clic en Aceptar.

9. Sitúe el cursor en la posición del cursor seleccionada en la que desee colocar el botón.

10. Para insertar el botón con el tamaño predeterminado, simplemente haga clic con el ratón. O bien: Para definir el tamaño del botón, arrastre una región y suelte el botón del ratón.

Para editar un botón:

• Haga doble clic en un botón y modifíquelo como se ha descrito anteriormente.

Creación de botones personalizados

Si desea seguir modificando el botón preestablecido seleccionado (o trabajar desde cero) puede usar Button Studio, un entorno de diseño de botones integrado de WebPlus. Le permitirá concentrarse en el diseño del botón sin la distracción de otros objetos de la página, es decir, el diseño se muestra aislado.

Page 113: Web Pluses

Desplazamiento e hipervínculos

103

Button Studio le permite modificar el aspecto personalizado del botón en cada uno de los estados del botón, es decir inicialmente en el estado Normal, cuando está Abajo y en el estado Desplazar.

Button Studio está equipado con una Pestaña cómo interactiva que le ayudará al crear su botón personalizado. La pestaña incluye información adicional sobre la edición de diferentes estados del botón y el uso de guías y opciones de ampliación para controlar los elementos del botón que se amplían o mantienen como está.

Para crear un botón personalizado:

1. (Opcional) En el cuadro de diálogo Botón, seleccione un botón preestablecido en el que puede basar el nuevo botón.

2. En el mismo cuadro de diálogo, haga clic en el botón

Editar . Button Studio se inicia con el botón ampliado para que lo ajuste al área de trabajo.

Page 114: Web Pluses

Desplazamiento e hipervínculos

104

3. En el estado Normal (consulte la pestaña Estados del botón), utilice las herramientas y pestañas estándar de WebPlus para personalizar el diseño del botón a su gusto.

4. En la pestaña Estados del botón, en la parte inferior del área de trabajo, repita para cada estado (seleccione Abajo, Desplazar, Deshabilitado, etc.) para editar el botón en cada estado. Las opciones Menú a la derecha y Menú Abajo son únicamente para los menús emergentes.

5. Haga clic en Confirmar cambios en la barra de herramientas principal para salir. El botón modificado se actualiza y se devuelve a su posición original.

¿Cómo puedo editar mi texto? Button Studio se centra en el diseño del botón en lugar del etiquetado. Para editar la etiqueta, haga doble clic en el botón de la página y modifíquela de nuevo en la opción Etiqueta del botón del cuadro de diálogo.

Una vez que ha añadido el botón a la página, todavía puede utilizar Button Studio para editar el diseño en cualquier momento.

Para editar el diseño del botón:

• Seleccione Editar diseño de botón de la barra de herramientas de contexto.

Conversión a una barra de navegación

Puede convertir el botón a una barra de navegación (p. 83) en cualquier momento, con lo que tendrá las características inherentes de todas las barras de navegación, es decir, presentará la estructura del sitio (o una estructura personalizada).

Page 115: Web Pluses

Desplazamiento e hipervínculos

105

Para convertir un botón en una barra de navegación:

1. Seleccione el botón.

2. En la barra de herramientas de contexto, seleccione

Convertir en barra de navegación .

Adición de hipervínculos y delimitadores La creación de un hipervínculo para un objeto, como un cuadro, algo de texto o una imagen significa que un visitante del sitio web puede hacer clic en el objeto para activar un evento. Lo más común es que el evento consista en saltar a uno de los siguientes elementos:

• Página del sitio

• Página de Internet (en cualquier parte de la Web)

• Ventana para escribir un correo electrónico

• Archivo del disco local o de la red

• Delimitador (un destino designado en una página web)

• Objeto inteligente (específicamente un foro, un blog o CMS en Recursos Web Serif)

• Fuente RSS o podcast

• Carro de la compra

• Elemento de navegación

• Datos del usuario

Page 116: Web Pluses

Desplazamiento e hipervínculos

106

• Imagen

Los hipervínculos bien diseñados son un aspecto importante de la estructura del sitio. Ayudan a los visitantes a desplazarse a través del sitio y sirven como un importante adjunto a las relaciones lógicas de la página, como se muestra en el árbol de estructura del sitio. (Pero no pase por alto el ahorro de tiempo que supone el uso de las barras de navegación.)

Puede gestionar todos los hipervínculos y delimitadores del sitio mediante el Administrador de sitios, al que se puede acceder desde la barra de herramientas de contexto Predeterminada o la línea de sugerencias.

Para añadir un hipervínculo:

1. Utilice la Herramienta puntero para seleccionar un objeto único o agrupado o resaltar el área de texto en la que se creará el hipervínculo.

2. Seleccione Hipervínculo del elemento flotante

Hipervínculo de la barra de herramientas Herramientas. El cuadro de diálogo Hipervínculos se muestra.

3. Haga clic para seleccionar el tipo de destino del vínculo, es decir, Página del sitio, Página de Internet, Objeto inteligente, etc.

4. En función del tipo de vínculo, seleccione las opciones específicas al tipo en el panel de la derecha como el destino de hipervínculo.

5. Se pueden elegir varias ventanas o marcos de destino en función de cómo desea que se muestre el destino del

Page 117: Web Pluses

Desplazamiento e hipervínculos

107

vínculo. Los tipos (junto con los resultados esperados) son:

• Misma ventana: el destino del vínculo se muestra en la misma ventana en la que se hace clic en el hipervínculo.

• Nueva ventana: se utiliza una nueva ventana para mostrar el destino. Las propiedades (dimensiones, posición y aspecto) se pueden definir mediante el botón Configuración… (active antes Usar código emergente de JavaScript). La ventana original permanecerá abierta.

• Parte superior de la ventana actual: el destino del vínculo se muestra en la ventana de nivel superior. Se usa para los hipervínculos creados en un marco o en una página (o para los marcos dentro de marcos).

• Marco primario: el destino del vínculo se muestra en el marco primario o en la ventana primaria del marco en el que se hace clic en el hipervínculo. Se usa para los hipervínculos creados en un marco o en una página (o para los marcos dentro de marcos). (Consulte la Ayuda de WebPlus.)

• Ventana con nombre: una ventana personalizada se puede definir introduciendo un nombre nuevo de ventana en el menú desplegable de la derecha. Las propiedades se pueden definir al igual que en Nueva ventana, que se ha tratado anteriormente. También puede adoptar una ventana con nombre existente en el mismo menú desplegable.

• Marco del documento: el destino del vínculo se muestra en un marco creado previamente (usando la Herramienta de documento con marco). El Id. de HTML (p. ej., ifrm_1) de cualquier marco existente se selecciona en el menú desplegable de la derecha. (Consulte la Ayuda de WebPlus.)

Page 118: Web Pluses

Desplazamiento e hipervínculos

108

Si está apuntando un marco del documento activo, seleccione el marco activo de la lista desplegable Abrir en marco de documento activo. Si no se muestra en la lista, deberá establecer el marco para que esté “activo”, haciendo doble clic en el marco y activando Marco de documento activo.

• Caja de luz: el destino del vínculo se muestra en una caja de luz emergente superpuesta en la página web. Haga clic en Opciones de caja de luz… para ofrecer opcionalmente un pie de imagen, cambiar las dimensiones de la caja de luz o incluirla como parte de una presentación de diapositivas. Consulte Uso de la caja de luz en la pág. 128.

6. Seleccione otras propiedades como nombre del título (se muestra como texto cuando se pasa el ratón por encima y describe el destino del hipervínculo) y una clave de acceso directo.

7. Utilice la lista desplegable Estilo para elegir el formato del hipervínculo de texto (si se crea un hipervínculo en el texto). Los colores normal, seguido, activo y dinámico se definen según varios criterios de formato en la lista desplegable.

8. Haga clic en Aceptar.

Para modificar o quitar un hipervínculo:

1. Utilice la Herramienta de puntero para seleccionar el objeto o haga clic en un punto de inserción dentro del texto vinculado. (No es necesario arrastrar a un área hipervinculada de texto.)

2. Haga clic en el botón Hipervínculo del elemento flotante Hipervínculo de la barra de herramientas Herramientas.

Page 119: Web Pluses

Desplazamiento e hipervínculos

109

El cuadro de diálogo Hipervínculos aparecerá y mostrará el destino actual del vínculo. Si el vínculo se encuentra en texto, todo el vínculo de texto se resalta.

• Para modificar el hipervínculo, seleccione un nuevo tipo de destino de vínculo, un nuevo destino o nuevas opciones.

• Para quitar el hipervínculo, haga clic en Sin hipervínculo.

Para ver o editar los hipervínculos existentes:

• Elija Administrador de sitios>Administración de hipervínculos… en el menú Herramientas para ver y quitar hipervínculos o cambiarles el nombre.

Inserción de un delimitador

Un delimitador es una ubicación específica en una página que puede servir como destino de un hipervínculo. Es invisible al visitante de la página web y por lo general marca un punto dentro de algún texto (como el inicio de una sección particular) o una imagen en algún punto de la página. Los delimitadores son útiles si tiene suficiente contenido para que se pueda dividir en secciones, pero no tanto como para necesitar colocarlo en páginas separadas. Permiten al lector saltar a contenido relacionado sin salir de la página actual. Asimismo, si se mantiene a los visitantes web en la misma página es menos probable que se "pierdan" mientras navegan por la información del sitio.

Para insertar un delimitador:

1. Utilice la Herramienta de puntero para seleccionar el objeto de destino o haga clic en un punto de inserción dentro del texto de destino.

Page 120: Web Pluses

Desplazamiento e hipervínculos

110

2. Haga clic en el botón Delimitador del elemento

flotante Hipervínculo de la barra de herramientas Herramientas. O bien: Elija Delimitador del menú del botón derecho Insertar.

3. En el cuadro de diálogo, escriba un nombre para el delimitador.

4. (Opcional) Active la opción Incluir delimitador en navegación para que se pueda acceder al delimitador (por lo general un objeto seleccionado) mediante una barra de navegación en lugar de un hipervínculo. Tendrá que marcar primero Incluir delimitadores en la barra de navegación. Dé un título al delimitador.

• Active las opciones Antes o Después para aplicar líneas separadoras horizontales sobre/debajo del delimitador como un elemento de submenú en las barras de navegación.

• Añada una descripción para añadir información de texto adicional relacionada con la página en el elemento del submenú de la barra.

5. Haga clic en Aceptar.

Para ver o editar los delimitadores existentes:

• Elija Administrador de sitios>Administrador de delimitadores… en el menú Herramientas para ver, quitar o cambiar el nombre de un delimitador asociado a un objeto determinado. También puede incluir el delimitador en la navegación de la página.

Page 121: Web Pluses

Adición de objetos web 5

Page 122: Web Pluses

Adición de objetos web

112

Page 123: Web Pluses

Adición de objetos web

113

Adición de búsquedas de sitio WebPlus utiliza un servicio potente de búsqueda que combina los términos de búsqueda de los usuarios con el texto que aparece en el sitio en texto artístico, marcos de texto o tablas. Esto facilita la recuperación del contenido de cualquier página web alojada.

La función de búsqueda funciona con la Herramienta Búsqueda de sitio y Herramienta Resultados de búsqueda del sitio, ambas alojadas en el elemento flotante de búsqueda de la barra de herramientas Objetos web. Cada herramienta se utilizará para crear objetos que funcionan en combinación.

Objeto de resultados de búsqueda del sitio: crea una ventana en la que se muestran los resultados de búsqueda. Normalmente, se coloca y se clasifica en su propia página, y no aparece en la estructura de navegación del sitio.

Normalmente, colocará la casilla de resultados de búsqueda antes de añadir el objeto de búsqueda de sitio.

- Objeto de búsqueda de sitio: el cuadro de texto en el que los usuarios escriben la palabra o la frase que desean buscar. Este cuadro de texto normalmente se añade a una

Page 124: Web Pluses

Adición de objetos web

114

página maestra y aparece en todas las páginas del sitio.

Por ejemplo, el término de búsqueda anterior “vitae” puede recuperar resultados de búsqueda que muestren páginas web que contiene el término de búsqueda. El usuario hace clic en el botón Buscar para iniciar cualquier búsqueda.

Los resultados de búsqueda muestran un encabezado de nombre de página con hipervínculo además del texto de página web asociado como referencia. Simplemente haga clic en el hipervínculo para acceder a la página web.

Para añadir Resultados de búsqueda en el sitio:

1. Haga clic en la Herramienta de Resultados de

búsqueda del sitio en el elemento flotante de búsqueda de la barra de herramientas Objetos web.

2. Mueva el cursor a una posición elegida y, a continuación, haga clic y arrástrelo para colocar la ventana de resultados de búsqueda.

Page 125: Web Pluses

Adición de objetos web

115

Para añadir el objeto de búsqueda de sitio:

1. Haga clic en la Herramienta Búsqueda del sitio en el elemento flotante de búsqueda de la barra de herramientas Objetos web.

2. En la página web o la página maestra, mueva el cursor

a una posición elegida y haga clic para colocar el objeto de búsqueda de sitio. El objeto de búsqueda aparecerá en la página.

Añada el objeto de búsqueda a la parte superior de la página maestra para permitir el acceso a la función de búsqueda en todo el sitio.

La búsqueda del sitio es inútil sin algunos medios para mostrar los resultados de búsqueda al usuario. Es posible con el objeto Resultados de búsqueda en el sitio que, como el objeto de búsqueda de sitio, se puede colocar en una página web moviendo el cursor. No obstante, el objeto normalmente cambia el tamaño a página completa antes de la posición (necesita mostrar varios resultados de página web de forma consecutiva).

Mantenga los resultados de búsqueda en una página separada, quizás nueva, que también puede tener su propio aspecto (haga doble clic en el objeto para editar el aspecto de la página).

Uso de la Galería La pestaña Galería incluye contenido creativo diseñado, que se puede utilizar con el método de arrastrar y soltar, que proporcionará al sitio web un aspecto moderno. Hay disponible una amplia gama de categorías, como por ejemplo:

• Marcos de fotografías

Page 126: Web Pluses

Adición de objetos web

116

• Distintivos y pegatinas

• Botones de E-Comercio

• Indicadores

• Banners Flash

• Conjunto de iconos e iconos

• Notas

• Símbols rápidos

La pestaña también sirve para almacenar sus propios objetos de diseño que le gustaría reutilizar en el mismo sitio web o en uno diferente. Cuando haya copiado un diseño a la galería, estará disponible para cualquier sitio, solo tiene que abrir la galería.

Page 127: Web Pluses

Adición de objetos web

117

La Galería (más arriba) consta de dos partes: una lista desplegable superior de Categorías (A) y una ventana inferior de Diseños (B) que muestra una lista de miniaturas que representan los diseños de la categoría seleccionada.

Para ver su Galería:

1. Haga clic en la pestaña Galería de Studio.

2. Seleccione una categoría del menú desplegable. Los elementos de la primera subcategoría se muestran de forma predeterminada.

Page 128: Web Pluses

Adición de objetos web

118

Para utilizar un diseño de la Galería:

• Haga clic en su miniatura en la categoría de diseño y arrástrela a la página. La Galería conserva una copia del diseño hasta que la elimine expresamente.

Algunos artículos de la galería son editables y, por tanto, se pueden utilizar como punto de partida para diseños propios.

Almacenar diseños propios

La pestaña Galería también puede almacenar sus propios diseños personalizados en la categoría de diseño lista para usar Mis diseños: la categoría está disponible en cualquier sitio de WebPlus.

Cuando instala por primera vez WebPlus, la galería de Mis diseños estará vacía, lista para recibir diseños personalizados.

Page 129: Web Pluses

Adición de objetos web

119

Para mover o copiar un objeto a la categoría Mis diseños:

1. Seleccione la categoría Mis diseños de la lista desplegable Categorías.

2. Arrastre el objeto de la página y colóquelo en la ventana Diseños.

3. En el cuadro de diálogo, introduzca un nombre para el diseño y seleccione Aceptar. Aparecerá una miniatura del diseño en la ventana Diseño.

Pulse la tecla Ctrl antes de comenzar a arrastras para copiar en lugar de mover el diseño.

Para cambiar el nombre de un diseño o eliminarlo:

• Haga clic en el botón de la lista en la esquina inferior derecha de una miniatura (se muestra al desplazarse por encima) y selecciónelo en el menú.

Para clasificar más adelante sus diseños, puede añadir subcategorías a Mis Diseños o crear una nueva categoría personalizada en lugar de Mis Diseños.

Una vez que están creadas, las subcategorías y categorías principales se pueden eliminar o se les puede cambiar el nombre.

Para añadir, eliminar o cambiar el nombre de subcategorías personalizadas:

• Para añadir, seleccione una categoría y haga clic en Añadir subcategoría... en el botón Menú de pestaña

de la pestaña.

Page 130: Web Pluses

Adición de objetos web

120

• Para eliminar o cambiar el nombre, seleccione el botón

de la lista desplegable de la barra de título de la subcategoría.

Si añade una subcategoría, necesitará nombrarla en un cuadro de diálogo. Para cambiarle el nombre o eliminarla, solo tiene que seleccionar la subcategoría antes de seleccionar la opción.

Para añadir, eliminar o cambiar el nombre de categorías personalizadas:

1. Con la pestaña Galería seleccionada, haga clic en el

botón Menú de pestaña y seleccione Añadir categoría..., Quitar categoría o Cambiar nombre de la categoría... del menú de elemento flotante.

2. Utilice el cuadro de diálogo para introducir y confirmar su cambio.

También se perderán todos los diseños de una categoría eliminada.

Adición de Google Maps Utilice Google Maps incrustados en su página web si desea asegurarse de que los clientes pueden buscar sus oficinas, los asistentes pueden encontrar esa reunión especial (o evento) o identificar las ubicaciones de interés especial. Al incrustar en una página web "Direcciones", podrá añadir el mapa y escribir direcciones adicionales al sitio como corresponda.

Page 131: Web Pluses

Adición de objetos web

121

Cada mapa permite colocar marcadores en el mapa para identificar cada ubicación. Cada marcador puede ser emergente al hacer clic en uno de los siguientes elementos:

• Un cuadro de llamada que ofrece texto sin formato (p. ej., una dirección postal o web).

• Un cuadro de la llamada que ofrece texto en formato HTML.

• Una ventana de StreetView.

Para añadir un Google Map:

1. Haga clic en Insertar Google Map en el elemento flotante Multimedia de la barra de herramientas Objetos web.

Page 132: Web Pluses

Adición de objetos web

122

2. En el cuadro de diálogo Google Map, escriba el código postal o la dirección en el campo Buscar una ubicación y, a continuación, haga clic en Buscar. Como se está utilizando el geolocalizador de Google, WebPlus detectará su región y mostrará preferentemente las direcciones locales.

3. Navegue por el mapa utilizando los controles de panorámica y de zoom: arrastre el cursor de mano para hacer una panorámica y el control deslizante y los botones para aumentar o alejar. Si tiene un ratón con una rueda de desplazamiento, asegúrese de que la opción Habilitar zoom con rueda de desplazamiento del ratón está activada para un control óptimo del zoom.

4. (Opcional) De la lista desplegable Control de navegación seleccione Completo (para panorámica, botones de zoom y control deslizante de zoom), Compacto (solamente para los botones de zoom) o Ninguno (para ocultar todos los controles de navegación).

5. (Opcional) De la lista desplegable Control del tipo de mapa seleccione Barra (para mostrar las opciones de satélite y el mapa en disposición vertical), Menú desplegable (para los modos Mapa, Satélite y Terreno) o Ninguno (ocultar los controles de tipo de mapa).

6. Haga clic en Aceptar.

7. Verá el puntero del ratón cambiar al cursor Pegar. Las acciones que realice a continuación determinarán el tamaño y la colocación iniciales del mapa. Para insertar el mapa con el tamaño predeterminado, simplemente haga clic con el ratón.

Page 133: Web Pluses

Adición de objetos web

123

O bien: Para establecer el tamaño del mapa para que se ajuste mejor a su diseño de página, arrastre a una región y suelte el botón del ratón.

El icono Street View se puede arrastrar al mapa para mostrar la ubicación del cursor en el modo Street View. Haga clic en para salir de la ventana Street View. Si no desea que esta característica esté disponible para los visitantes web, desactive Mostrar control de calle en el cuadro de diálogo.

Adición de marcadores

Puede añadir un número ilimitado de marcadores rojos a su Google Map. Cada marcador puede mostrar más información cuando el ratón se desplaza por encima y se hace clic con él.

Para añadir un marcador:

1. En el cuadro de diálogo Google Map, haga clic en Añadir.

2. Sitúe el cursor sobre la ubicación elegida y, a continuación, haga clic.

3. En el cuadro de diálogo Marcador de Google Map, introduzca un nombre para el marcador. Esta información aparece cuando se desplaza el ratón por encima y puede ser el nombre de una empresa o de un sitio.

Page 134: Web Pluses

Adición de objetos web

124

4. Asigne una Acción de clic al marcador, es decir, lo que se muestra al hacer clic en el botón. Elija una de estas opciones:

• Etiqueta predeterminada: el texto se escribe en el cuadro Etiqueta. en la publicación, un clic muestra el texto sin formato en el cuadro de la llamada.

• Tratar etiqueta como script: el texto se introduce con etiquetas HTML en el cuadro Etiqueta. En la publicación, un clic abre un cuadro de llamada con formato HTML.

• Street View: En la publicación, una ventana maximizada con una vista de la calle se muestra del mapa. Haga clic en para salir de la ventana Street View.

5. Haga clic en Aceptar. El marcador aparece en la vista previa del mapa en verde (para indicar que está seleccionado). Repita el proceso para cada marcador uno por uno.

En algún momento, es posible que quiera editar, buscar, mover o eliminar un marcador en su Google Map.

Para editar los marcadores de Google Map:

• Haga doble clic en el Google Map de la página.

• En el cuadro de diálogo, seleccione un marcador de la lista desplegable Marcadores de mapa y, a continuación:

• Para editar la etiqueta del marcador, haga clic en Editar y modifique el texto en el cuadro Etiqueta.

Page 135: Web Pluses

Adición de objetos web

125

• Para mover el marcador, haga clic en Mover; a

continuación coloque de nuevo el cursor en el mapa.

• Para eliminar el marcador, haga clic en Quitar.

Para registrar la configuración de Street View:

1. Con la acción de clic establecida como Street View, utilice los controles de zoom y panorámica para establecer la vista; así se establece la dirección (Encabezado), el ángulo (Tono) y el aumento (Zoom).

2. Haga clic en Grabar vista.

Adición de anuncios Google Adsense es un servicio gratuito de Google que le permite colocar espacio publicitario en sus páginas web. Los visitantes de las páginas verán anuncios relacionados con el tipo de contenido de su sitio. El visitante se beneficia de oportunidades de compras personalizadas y de fácil acceso mientras que usted, como desarrollador web, gana dinero para compensar los costes de alojamiento o ¡para hacerse rico rápidamente!

Para añadir publicidad, los desarrolladores web deben contar con una cuenta aprobada de Google Adsense (www.google.com/adsense), en la que podrán elegir el tipo y el formato de anuncios que se mostrarán; cada anuncio se denomina unidad. Puede copiar y pegar un fragmento de código generado por unidad del sitio web de Google Adsense y pegarlo en el cuadro de diálogo Anuncio de Google Adsense de WebPlus.

Los tipos de anuncios incluyen la unidad de anuncio básico, de imagen, de enlace y de vídeo. Los formatos varían según el tipo de unidad, pero van desde el anuncio superior (728x90 píxeles), el banner (468x60 píxeles), el medio titular (234x60 píxeles), el botón (125x125 píxeles) hasta distintos tamaños de rascacielos, cuadrados y rectangulares.

Page 136: Web Pluses

Adición de objetos web

126

Google Adsense también ofrece exhaustivos informes de uso, gestión de cuentas, un filtro y recursos de asistencia. Para obtener más información, visite www.google.com/adsense.

Para abrir una sesión de Google Adsense:

• Visite www.google.com/adsense para registrarse o iniciar sesión en Google Adsense. Haga clic en el botón Registrarse ahora si es un nuevo usuario o simplemente inicie sesión usando sus detalles de usuario; a los nuevos usuarios se les solicitará que introduzcan la dirección URL de su sitio y el idioma y que acepten los términos y condiciones de Google.

Cuando se registre, tendrá que esperar a que Google compruebe que el sitio web se considera adecuado. Google le enviará la respuesta por correo electrónico. Si es correcto, puede a crear y gestionar los anuncios.

El proceso de registro analizará el sitio web y ofrecerá anuncios adecuados al contenido de su sitio web.

Para crear y gestionar anuncios:

1. Inicie sesión en Google Adsense.

2. En Configuración de Adsense, seleccione Adsense para contenido y siga al asistente para seleccionar una unidad de anuncio, su formato, estilo de esquina y un canal de seguimiento.

3. Copie el fragmento de código de la unidad de Adsense generado que se proporciona para la unidad del anuncio. Tendrá que pegarlo en WebPlus.

Page 137: Web Pluses

Adición de objetos web

127

Para insertar anuncios en el sitio web:

1. Seleccione la página web (o página maestra) en la que desea colocar un anuncio.

2. Haga clic en Insertar un anuncio de Google Adsense

en el elemento flotante E-Comercio de la barra de herramientas Objetos web.

3. Pegue el fragmento de código copiado previamente para la unidad haciendo clic en Pegar desde el portapapeles. El código aparecerá en el cuadro de diálogo y no lo podrá modificar.

4. Haga clic en Aceptar.

5. Verá que el puntero del ratón cambia al cursor Pegar

. Sitúe el cursor donde desee colocar el anuncio y haga clic en para insertar un anuncio con su tamaño original. No se puede cambiar el tamaño del anuncio.

Para editar un anuncio:

1. Cambie el formato y el color de la unidad del anuncio en Configuración de Adsense en el sitio web de Google Adsense y copie el fragmento de código.

2. Haga doble clic en el anuncio en la página.

3. Pegue el fragmento de código en el cuadro de texto haciendo clic en Pegar desde el portapapeles.

4. Haga clic en Aceptar.

Page 138: Web Pluses

Adición de objetos web

128

Uso de cajas de luz Las cajas de luz son una forma sencilla de mostrar versiones emergentes de mayor tamaño de imágenes a partir de miniaturas que ha añadido al sitio web. Si ha utilizado la función de galería fotográfica, ya habrá tratado este concepto antes. Una gran ventaja de las cajas de luz es que las imágenes más grandes se pueden mostrar a demanda y se superponen a la página web después de una animación de deslizamiento.

WebPlus también ofrece una función sencilla de presentación de diapositivas (p. 129) para mostrar una presentación de imágenes en la misma página web.

Para crear una caja de luz para una imagen en la página web:

1. Seleccione la imagen (preferiblemente una miniatura).

Page 139: Web Pluses

Adición de objetos web

129

2. Cree un hipervínculo a la imagen (haga clic en Hipervínculo... en el menú Insertar; consulte la p. 105.).

3. Seleccione Imagen en el menú, seleccionando una ventana de destino de la lista desplegable Tipo de caja de luz.

4. (Opcional) Haga clic en Opciones de caja de luz... para añadir un pie de imagen a la imagen en la caja de luz usando el cuadro Leyenda.

5. Haga clic en Aceptar.

Para limitar el tamaño de la pantalla de esta imagen “de caja de luz” vinculada, WebPlus reduce las imágenes con un tamaño excesivo a un ancho y alto máximos (800 x 660 píxeles predeterminados), conservando siempre su relación de aspecto. Las imágenes con dimensiones originales inferiores a estas dimensiones máximas se dejan sin cambios. El ancho y alto máximos se pueden modificar. (Consulte Configuración de propiedades del sitio en la p. 40.)

Para crear una caja de luz en una imagen local:

• Como anteriormente, pero seleccione la opción Archivo en lugar de Imagen.

También tiene la opción de incrustar o vincular la imagen; de cualquier forma, la imagen se muestra siempre usando las dimensiones originales de la imagen.

Presentación de diapositivas de caja de luz

Se pueden crear sencillas presentaciones de diapositivas de caja de luz, que se basan en las imágenes ya colocadas en la misma página web. La caja de luz mostrará los controles para desplazarse por la presentación de diapositivas.

Page 140: Web Pluses

Adición de objetos web

130

Para crear una presentación de diapositivas de caja de luz:

1. Cree una caja de luz para una imagen en la página web (como anteriormente):

2. En el cuadro de diálogo Hipervínculos, haga clic en Opciones de caja de luz....

3. En el cuadro de diálogo Opciones de caja de luz, introduzca un nombre para la presentación de diapositivas en la lista desplegable Presentación de diapositivas. Esto se usará para que otras imágenes se añadan a esta presentación de diapositivas. Haga clic en Aceptar.

4. Repita para la imagen siguiente en la misma página. El nombre previamente creado para la presentación de diapositivas se mostrará para otras imágenes. Seleccione el nombre de la presentación de diapositivas que se desea incluir.

5. (Opcional) Introduzca el texto de cabecera.

6. Haga clic en Aceptar.

Las presentaciones de diapositivas de caja de luz se aplican únicamente a las imágenes de la misma página. Si las imágenes se añaden a una presentación de diapositivas de varias páginas, se creará una nueva presentación de diapositivas para cada página.

Cajas de luz a cualquier destino de hipervínculo

Las cajas de luz no solo se limitan a la visualización de imágenes. Como una caja de luz es en realidad un tipo de ventana, cualquier destino de hipervínculo se puede mostrar en ella, que

Page 141: Web Pluses

Adición de objetos web

131

normalmente es una página del sitio (p. ej., un formulario o una página de inicio de sesión), una página de Internet, un blog, un foro o una fuente RSS. También puede ver un archivo de Word, PUF o cualquier otro tipo de archivo (usando la opción Archivo) en la caja de luz.

Para crear una caja de luz a cualquier destino de hipervínculo:

1. Seleccione un objeto (imagen, botón o cualquier otro objeto).

2. (Cree un hipervínculo a la imagen (haga clic en Hipervínculo... en el menú Insertar o haga clic con el botón secundario del ratón).

3. Asegúrese de que la ventana de destino de la lista desplegable Tipo está establecido a Caja de luz.

4. (Opcional) Haga clic en Opciones de caja de luz... para establecer las dimensiones de Ancho y Alto de la caja de luz.

Configuración de las propiedades globales de caja de luz

Como con la mayoría de la configuración de WebPlus, puede personalizar la configuración de caja de luz para el sitio actual. La configuración se pueden ajustar para los controles generales de la caja de luz (incluido el tipo de borde), los controles de cabecera (fuente, tamaño de fuente, color de la fuente, opacidad) y el fondo (color y opacidad).

Para editar las propiedades de la caja de luz para su sitio:

1. En Archivo>Propiedades del sitio..., seleccione la opción de menú Caja de luz.

Page 142: Web Pluses

Adición de objetos web

132

2. Editar la configuración en las secciones General, Leyenda y Configuración de fondo.

3. (Opcional) Obtenga una vista previa del sitio en el botón Previsualizar caja de luz..., ajuste la configuración entre las vistas previas.

Cajas de luz de la galería fotográfica

Puede crear galerías fotográficas de estilo de caja de luz (consulte la p. 362) si está utilizando una galería fotográfica JavaScript Photo Gallery; hay disponible un estilo de galería específicamente para las cajas de luz.

Si elige este estilo, puede establecer la configuración de caja de luz que invalidará la configuración global de las propiedades del sitio.

Inserción de paneles Los paneles son cuadros rectangulares de información superpuestos en el sitio web. Contienen texto o gráficos, o ambos. La capacidad de superponer paneles significa que puede aumentar la cantidad de información disponible para el visitante web sin editar el contenido subyacente de la página web.

Los paneles se pueden crear para que se muestren solo cuando sea necesario, al hacer clic o al pasar sobre los botones, objetos de la galería o imágenes. También se pueden crear para que se muestren de forma permanente, ideal para las barras de navegación que nunca desaparecen al desplazarse por la ventana.

Page 143: Web Pluses

Adición de objetos web

133

Los paneles son versátiles y se pueden usar para mostrar:

• Eventos mostrados

• Información de ventas

• Formularios de comprar ahora de PayPal

• Consejos y trucos útiles

• Información de acceso rápido como detalles de contacto y atajos del teclado

• Navegación “siempre activada" (Consulte la Ayuda de WebPlus para obtener más información)

• Ampliador de la imagen

Para ayudarle a crear paneles profesionales, WebPlus proporciona una impresionante selección de fondos modernos en los que basar su panel. También puede personalizar la opción de fondo o crear un fondo del panel desde cero en Design Studio de WebPlus (consulte la p. 137).

Inserción del panel

Para insertar un panel:

1. En el elemento flotante Navegación de la barra de herramientas Objetos web, haga clic en Insertar

panel .

2. (Opcional) En el cuadro de diálogo, proporcione un Id. de HTML para el panel. Se puede quedar así, ya que el Id. siempre se único.

Page 144: Web Pluses

Adición de objetos web

134

3. En el cuadro de diálogo, haga clic en el cuadro de vista previa del panel.

4. Seleccione un tipo de panel preestablecido del elemento flotante. El cuadro de vista previa se actualiza con el diseño del panel elegido.

5. (Opcional) Arrastre el control deslizante de Transparencia para establecer la transparencia con la que aparecerá el panel con respecto al fondo. Tendrá que obtener una vista previa de la página para ver los cambios.

6. Active la opción Alinear panel con ventana del navegador para hacer que el panel siempre esté disponible y fijo en una posición cuando el visitante web se desplace por el sitio web. Establezca una Alineación horizontal y Alineación vertical para controlar la colocación del panel.

7. (Opcional) Active la opción El panel está oculto inicialmente para que el panel se oculte al salir del cuadro de diálogo. Normalmente, esto se puede dejar sin marcar para poder diseñar primero el panel.

8. Haga clic en Aceptar.

9. Sitúe el cursor donde desee colocar la esquina superior izquierda del panel.

10. Para insertar el panel con el tamaño predeterminado, simplemente haga clic con el ratón. O bien: Para definir el tamaño del panel, arrastre una región y suelte el botón del ratón.

Los paneles pueden moverse y redimensionarse, al igual que cualquier objeto que cree en WebPlus.

Page 145: Web Pluses

Adición de objetos web

135

Para editar un panel:

• Haga doble clic en el panel y modifíquelo como se ha descrito anteriormente.

Adición de contenido al panel

Debe tratar el panel como un componente vacío que se puede desarrollar usando las herramientas y características estándar de WebPlus. Al crear objetos dentro del área del panel, estas pertenecen al panel. Esto se extiende a los objetos como marcos de texto, texto artístico, tablas, QuickShapes e imágenes. Arrastrando la zona de alrededor del panel se moverán los objetos asociados.

Mostrar/ocultar el panel

¿Por qué que podría querer ocultar el panel una vez que lo ha diseñado? El potencial de los paneles incluye la capacidad de ocultarse y volver a mostrarse como resultado de pasar el ratón por el objeto de una página o hacer clic en él. Esto significa que los botones, las imágenes y los objetos de la galería pueden revelar información más detallada solo cuando sea necesario.

Para permitir que esto ocurra, el objeto tiene que “activarse”, es decir, se realiza una acción en respuesta al desplazamiento o clic del ratón.

Esto se hace asignando una acción (Consulte la Ayuda de WebPlus para obtener más información) y un panel ya creado al objeto al mismo tiempo.

Para asignar una acción y un panel:

1. Haga clic con el botón secundario en el objeto y seleccione Acciones....

Page 146: Web Pluses

Adición de objetos web

136

2. En el cuadro de diálogo, haga clic en Añadir... y seleccione Visibilidad del elemento flotante.

3. Seleccione el panel de la lista desplegable de Id. del panel y, a continuación, seleccione un evento de la lista desplegable Evento. El evento se refiere al comportamiento que se produce cuando se lleva a cabo una acción (es decir, cuando se hace clic en un objeto dinámico).

4. (Opcional) De forma predeterminada, se aplica una animación difuminada del panel, con la velocidad de la difuminación controlable, pero se puede desactivar el efecto de la animación desactivando Difuminar.

5. Haga clic en Aceptar.

Finalmente, el panel puede ocultarse con un solo clic cuando haya acabado de diseñarlo.

Para ocultar un panel seleccionado:

• En la barra de herramientas de contexto, seleccione

Ocultar panel .

El panel se sustituye con un icono de panel oculto. El panel sigue ahí y se puede volver a mostrar de nuevo si se desactiva el botón Ocultar panel (haciendo clic). La opción de ocultar panel es igual que la opción El panel está oculto inicialmente.

Cuando se publique la página, un elemento dinámico de objeto de página mostrará el panel.

Page 147: Web Pluses

Adición de objetos web

137

Creación de fondos personalizados del panel

Si desea seguir modificando el fondo preestablecido seleccionado (o trabajar desde cero) puede usar Design Studio, un entorno de diseño de fondo parecido a Button Studio. Le permitirá concentrarse en el diseño del fondo sin distracciones de otros objetos de la página, es decir, el diseño se muestra aislado y centrado en la página.

Para crear un fondo personalizado:

1. (Opcional) En el cuadro de diálogo Propiedades del panel, seleccione una opción preestablecida en la que basar el nuevo fondo.

2. En el mismo cuadro de diálogo, haga clic en el botón

Editar . Design Studio se inicia con el fondo aumentado para que se ajuste el área de trabajo.

Page 148: Web Pluses

Adición de objetos web

138

3. Mediante el uso de herramientas y pestañas estándar de WebPlus, personalice el fondo a su gusto, usando la pestaña Cómo para diseñar interactivamente el fondo.

4. Haga clic en Confirmar cambios en la barra de herramientas principal para salir. El fondo modificado se actualiza y se devuelve a su posición original.

Design Studio le permite selectivamente evitar que los objetos de paneles aumenten o se estrechen. Los elementos flotantes de escala horizontal y vertical de la barra de Studio ofrecen un control absoluto del objeto. Consulte la pestaña Cómo para obtener más información.

Inserción de separadores

En lugar de diseñar los separadores a medida que diseña la barra de navegación personalizada (p. 91), puede crear separadores independientemente de las barras de navegación. Los separadores se utilizan sobre todo entre los botones de los paneles previamente convertidos a partir de una barra de navegación.

Para insertar un separador:

1. En el elemento flotante Navegación de la barra de herramientas Objetos web, haga clic en Insertar

separador .

2. En el cuadro de diálogo, haga clic en el cuadro bicolor para mostrar un conjunto de elementos flotantes con valores preestablecidos.

3. Seleccione un separador preestablecido.

4. Haga clic en Aceptar.

Page 149: Web Pluses

Adición de objetos web

139

Para crear un separador personalizado:

1. En el cuadro de diálogo anterior, haga clic en Editar.

2. En Design Studio (véase más arriba), use las herramientas y pestañas estándar de WebPlus para personalizar el separador a su gusto, usando la pestaña Cómo para diseñar interactivamente el separador.

Adición de zonas activas Las zonas activas son una región de hipervínculo transparente en una página web. Las zonas activas, que normalmente están colocadas en la parte superior de los gráficos, activas actúan como "botones" que responden cuando se hace clic en un navegador web. Son especialmente útiles si desea que el visitante pueda hacer clic en distintas partes de una imagen. Puede dibujar y editar zonas activas a mano, o crearlas para que coincidan con una forma o área existente.

Para dibujar una zona activa:

1. Haga clic en el botón Insertar zona activa en la barra de herramientas Objetos web.

2. Haga clic y arrastre para dibujar una región de zona activa rectangular. El cuadro de diálogo Hipervínculos se muestra.

3. Haga clic para seleccionar el tipo de destino del vínculo y escriba el destino de hipervínculo específico (consulte Selección de un hipervínculo de destino en la pág. 1).

4. Haga clic en Aceptar. Un área de zona activa aparecerá en la página.

Page 150: Web Pluses

Adición de objetos web

140

Para que una zona activa coincida con una forma existente:

1. Dibuje la zona activa como se ha descrito anteriormente y cree la forma según lo descrito en Dibujo y edición de formas en la pág. 380.

2. Seleccione ambos objetos y seleccione Ajustar zona activa a la forma del menú Herramientas. El área de zona activa coincide con el contorno de la forma. En la publicación, solo la forma responde a un desplazamiento con el cursor.

Page 151: Web Pluses

Adición de objetos web

141

La zona activa y la forma aún estarán separadas, para que pueda eliminar fácilmente la forma si ya no la necesita después de haberla utilizado como plantilla para generar una zona activa de una forma deseada.

Para modificar un hipervínculo de zona activa:

• Con la Herramienta Puntero, haga doble clic en la zona activa.

El cuadro de diálogo Hipervínculos aparecerá y mostrará el destino actual del vínculo de la zona activa.

• Para modificar el hipervínculo, seleccione un nuevo tipo de destino y/o destino.

• Para quitar el hipervínculo, cambie el destino del vínculo a Sin hipervínculo.

Edición de zonas activas

Puede moverse y cambiar el tamaño de las zonas activas en la página, al igual que con otros objetos. Las zonas activas seleccionadas tienen un cuadro delimitador externo y un contorno interior, que sirven para varios fines.

Page 152: Web Pluses

Adición de objetos web

142

Para mover o cambiar el tamaño de una zona activa:

• Haga clic para seleccionar la zona activa y, a continuación:

• Para mover, haga clic y arrastre desde el centro o desde el cuadro delimitador de la zona activa. Para limitar la zona activa a movimientos verticales u horizontales, mantenga pulsada la tecla Mayús mientras arrastra.

• Para cambiar el tamaño, haga clic y arrastre sobre los manejadores externos (cuadro delimitador).

Al editar el contorno interior, puede convertir zonas activas rectangulares en formas libres que coincidan más con las partes del gráfico subyacente que desee que esté “activo”. Para modificar el contorno, primero mueva el puntero del ratón sobre el contorno interior de la zona activa hasta que el cursor cambie para indicar si está sobre un nodo o una línea.

Para crear un nodo adicional en una zona activa:

• Haga clic en cualquier lugar del contorno de la zona

activa cuando vea el cursor . Arrastre el nuevo nodo a la posición para editar el contorno de la zona activa.

Page 153: Web Pluses

Adición de objetos web

143

Para cambiar la forma del contorno de una zona activa:

• Haga clic y arrastre un nodo cuando vea el cursor .

Adición de elementos dinámicos El término elemento dinámico se refiere a una interacción entre el ratón y una imagen. Por ejemplo, puede apuntar con el ratón a una imagen, y ver cómo cambia al instante a una imagen diferente (más abajo). Una imagen cuyo aspecto cambia en respuesta a un evento del ratón se denomina gráfico dinámico. Los eventos del ratón son normalmente el desplazamiento con el ratón o la pulsación del botón del ratón: el estado del gráfico cambia como respuesta a estos eventos del ratón, pasando a otra variante de la imagen original.

Puede importar directamente gráficos dinámicos creados en Serif DrawPlus. (Consulte la Ayuda de WebPlus para obtener más información.)

Opciones de los elementos dinámicos La adición de elementos dinámicos es básicamente decidir qué estado quiere definir y, a continuación, especificar una variante de la imagen para cada estado elegido. WebPlus proporciona varias opciones:

Page 154: Web Pluses

Adición de objetos web

144

El estado Normales

El estado Sobre

El estado Abajo

el estado "en reposo" de la imagen antes de cualquier

estado dinámico, y está siempre

definido.

se activa con el paso del ratón: cuando el puntero del ratón se encuentra directamente sobre la imagen.

se activa haciendo clic con el ratón y manteniendo el botón pulsado mientras está sobre la imagen.

Otro estado, Abajo+Sobre (no ilustrado), implica un movimiento del ratón cuando la imagen ya está abajo, es decir, después de que se haga clic en él.

También puede especificar un evento de hipervínculo (por ejemplo, pasar a una página web de destino), que se activará si el usuario suelta el botón del ratón mientras está en estado Abajo. También puede agrupar botones en una página para que funcionen juntos, y solo un botón en el grupo puede estar en el estado "abajo" cada vez.

Page 155: Web Pluses

Adición de objetos web

145

Para crear un gráfico dinámico:

1. En un programa de edición de imágenes adecuado, cree las imágenes de origen variantes para cada estado que va a definir. (Consulte "Creación de imágenes variables" a continuación.)

2. Haga clic en Insertar elemento dinámico en el elemento flotante Imagen de la barra de herramientas Objetos estándar.

3. Especifique qué estados dinámicos (véase más arriba) desea activar para cada imagen; para ello, active las casillas de verificación correspondientes en el cuadro de diálogo Gráfico dinámico. Para cada uno, use el botón Examinar para localizar la imagen de origen correspondiente y especifique las Opciones de exportación para esa imagen (consulte Configuración de opciones de exportación de imágenes en la pág. 333).

4. Active la opción Insertar archivos en el sitio si desea incorporar la imagen en el sitio.

5. Seleccione Normal o Abajo como el estado dinámico inicial del botón.

6. (Opcional) Haga clic en Establecer... para definir un objetivo de hipervínculo para el botón.

7. Seleccione Botón de opción si desea crear un vínculo a todos los botones (en una determinada página) que tengan esta opción activada para que sólo uno de ellos pueda estar en el estado "abajo" cada vez.

8. Haga clic en Aceptar.

WebPlus muestra la imagen asignada al estado Normal. Es una buena idea obtener una vista previa de la página y comprobar cada imagen dinámica; a continuación, vuelva a WebPlus y repase lo que sea necesario. Cuando se obtiene la vista previa o se publica

Page 156: Web Pluses

Adición de objetos web

146

el sitio, WebPlus se encarga de exportar un archivo de imagen para cada estado de elemento dinámico, y el archivo HTML para la página publicada incorpora el código de JavaScript para capturar el evento del elemento dinámico.

Para editar un gráfico dinámico:

1. Haga clic con el botón secundario del ratón (o doble clic) en el gráfico dinámico y elija Editar dinámico....

2. Haga las nuevas selecciones según sea necesario y haga clic en Aceptar.

Creación de imágenes variables

Para cada objeto con al menos un estado dinámico activado, deberá proporcionar una imagen de origen. Las sutiles diferencias entre la imagen "normal" y las "variantes" son las que hacen que el objeto parezca cambiar de un estado a otro. Por ejemplo, si ha activado el estado "Sobre" para un objeto, debe incluir una imagen variante que pueda mostrar la página web cuando se pase el ratón por encima del botón.

Adición de elementos dinámicos emergentes El uso más común de los elementos emergentes dinámicos en WebPlus es desplazarse sobre la miniatura de una imagen para mostrar una representación más grande, a menudo junto a la miniatura. La función es muy sencilla de usar y funciona del mismo modo que la Galería fotográfica más avanzada. Los elementos dinámicos emergentes tienen solo dos estados (normal y desplazamiento) y muestran la misma imagen o una diferente más grande en el estado de desplazar; compare esto con los elementos dinámicos de WebPlus que tienen hasta cuatro estados y únicamente funcionan con imágenes iguales de distinto tamaño.

Page 157: Web Pluses

Adición de objetos web

147

WebPlus le permite elegir la posición y el tamaño del elemento emergente en relación con la miniatura sobre la que se realiza la acción de desplazar; incluso la miniatura se puede seleccionar y redimensionar en cualquier momento.

Si es necesario que los elementos emergentes tengan leyenda, se puede hacer que estos aparezcan junto a la imagen del estado Sobre. El texto de la leyenda pueden adoptar diferentes atributos como fuente, negrita o cursiva, tamaño o color.

Para crear un elemento dinámico emergente:

1. Haga clic en el botón Elemento dinámico emergente

en el elemento flotante Imagen de la barra de herramientas Objetos estándar.

2. En el cuadro de diálogo, para la imagen del elemento dinámico Normal haga clic en el botón Examinar... y localice y seleccione la imagen. Haga clic en Abrir.....

Page 158: Web Pluses

Adición de objetos web

148

3. Para la imagen Sobre se utiliza de forma predeterminada la imagen Normal previamente elegida (normalmente para las miniaturas de fotografía). No obstante, puede utilizar Examinar... para utilizar una imagen diferente.

4. (Opcional) Para crear un hipervínculo de la imagen Normal, haga clic en el botón Establecer... e introduzca una dirección URL. El usuario salta al destino del hipervínculo haciendo clic en la imagen.

5. (Opcional) Para cualquier imagen, especifique las Opciones de exportación... para esa imagen (consulte Configuración de las opciones de exportación de imágenes en la p. 333).).

6. (Opcional) Active la opción Insertar archivos de imagen en el sitio si desea incorporar la imagen en el sitio.

Para que los elementos dinámicos emergentes funcionen correctamente, necesita colocar las imágenes Normal y Sobre en la página. La colocación se realiza desde un cuadro de diálogo específico, donde cada imagen de estado se puede mover y redimensionar arrastrando (o determinando las valores absolutos de píxeles). Cada imagen adopta borde de color: verde para el estado Normal y azul para el estado Sobre.

Para colocar las imágenes dinámicas:

7. En el cuadro de diálogo Gráfico dinámico, haga clic en el botón Establecer posición de elemento dinámico... de la parte inferior del cuadro de diálogo.

8. En el cuadro de diálogo, seleccione una imagen. La lista desplegable indica el estado actual de la selección, es decir:

• Selección Normal: se selecciona una imagen Normal y se muestra un borde verde.

Page 159: Web Pluses

Adición de objetos web

149

• Selección Sobre: se selecciona una imagen Sobre que muestra un borde azul.

• Selección de leyenda: se selecciona el texto de la leyenda mostrando un borde rojo (se mostrará solo si la leyenda está activada).

Si no selección una imagen, la lista desplegable muestra Sin selección.

9. Puede colocar las selecciones arrastrando o redimensionando las selecciones desde los controladores de las esquinas (la relación de aspecto se mantiene siempre al arrastrar). También puede introducir exactamente los valores de Izquierda, Derecha, Ancho y Alto en los cuadros de entrada para un posicionamiento más preciso. Las flechas hacia abajo del cuadro ofrecen una lista desplegable que muestra los tres últimos valores utilizados para Normal, Sobre y Leyenda (desde la parte superior a la inferior); esto le permite alinear las imágenes de forma exacta.

10. (Opcional) Active la opción Posición con respecto a la imagen normal para mantener la posición de la imagen Sobre en relación a la imagen Normal (cuando la imagen Normal se redimensiona).

11. (Opcional) Desactive la opción Mantener relación de aspecto para permitir que el cambio de tamaño de las imágenes Normal y Sobre sea proporcional. Tiene que utilizar los cuadros de entrada (sin arrastrar) para que se afecte al cambio de tamaño sin restricciones.

12. Haga clic en Aceptar. La imagen Normal se mostrará en la página, pero la imagen Sobre solo aparecerá como emergente al obtener una vista previa o al publicar.

Añadiendo imágenes de estado Normal adicionales como elementos dinámicos emergentes separados en el sitio web puede crear una galería inteligente emergente de imágenes, donde cada

Page 160: Web Pluses

Adición de objetos web

150

imagen Normal sea parte de una secuencia de miniaturas en las que se puede hacer clic.

Para editar un elemento dinámico emergente:

• Haga doble clic en la imagen Normal en la página, para mostrar el cuadro de diálogo Gráfico dinámico. Modifique los ajustes según sea necesario.

Para añadir leyendas a imágenes de estado Sobre:

1. En el cuadro de diálogo Gráfico dinámico, active Mostrar leyenda con Sobre imagen.

2. Escriba el texto de la leyenda en el cuadro de entrada Leyenda.

3. Establezca los atributos del texto de la leyenda usando las listas desplegables Fuente y Tamaño y las casillas de verificación Negrita y Cursiva. Para aplicar color al texto, utilice la galería desplegable Color del texto.

4. Active Aplicar color de fondo para poder seleccionar un color de la galería desplegable adyacente.

5. Haga clic en Aceptar.

El texto de la leyenda solo está relacionado con la imagen Sobre, así que para colocar el texto junto a la imagen Sobre tendrá que hacer doble clic en la imagen Normal en la página. En el cuadro de diálogo, haga clic en el botón Establecer posición de elemento dinámico... y cambia la posición del texto (como lo haría para las imágenes Normal y Sobre). Todo el texto seleccionado de la leyenda se muestra con un borde rojo durante la vista previa.

Page 161: Web Pluses

Adición de objetos Web dinámicos 6

Page 162: Web Pluses

Adición de objetos web dinámicos

152

Page 163: Web Pluses

Adición de objetos web dinámicos

153

Asociación de código HTML En WebPlus, puede crear páginas en HTML (consulte Creación de páginas HTML en la pág. 76). No obstante, WebPlus también permite adjuntar código a los objetos de WebPlus (p. ej., en marcos o celdas de tabla) y a las páginas, para ampliar las funciones de los objetos (o la página), haciéndolos más inteligentes e interactivos. El objeto o la página pueden generar dinámicamente contenido o hacer que su aspecto se altere dentro del área como resultado del contenido de scripts incrustados.

No se puede modificar el código HTML en sí mismo (no hay ninguna ventaja real en ello), pero algunas áreas concretas del código mostrado se pueden editar para que se pueda añadir código adicional; es decir, los marcadores claramente identificables (texto rodeado por un resaltado blanco) aparecerán en la ventana de la pestaña Origen.

Page 164: Web Pluses

Adición de objetos web dinámicos

154

Estos son solo algunos de los marcadores editables presentes en el código fuente de un objeto, página o fragmento HTML (de hecho existen marcadores con nombres ligeramente diferentes en función del tipo de elemento). Por ejemplo, el último marcador mostrado en la lista anterior es único al código fuente de una página y no aparecerá para un objeto o un fragmento HTML.

Cualquier código se puede insertar mediante el método de cortar y pegar en cualquiera de las posiciones de los marcadores, pero por lo general puede incluir distintivos, código HTML o scripts concretos, p. ej. JavaScript. Esto se puede usar para influir en el comportamiento dinámico sobre un objeto, que no sería posible sin la función de la creación de scripts, p. ej. un controlador de "hacer clic” en un imagen.

Adición de HTML

WebPlus también permite “ver el código fuente” de una página, con lo que se puede añadir código HTML adicional a la página. Usando este método, puede incluir fragmentos copiados de otra página web o quizás escritos por usted mismo.

También puede importar texto HTML con formato de un navegador o programa de correo electrónico mediante el Portapapeles (por ejemplo con los comandos Seleccionar todo y Copiar del navegador), a través del comando Archivo>Pegado especial... de WebPlus.

Antes de importar el código HTML, WebPlus le permite colocar una ventana de fragmento de código HTML en la página. Puesto que no podrá ver el efecto de HTML hasta que obtenga una vista previa del sitio, tenga cuidado de colocar la ventana correctamente. Querrá comprobar definitivamente su página web en un navegador. Si existe algún problema, compruebe el código introducido con minuciosidad y colóquelo en la página de WebPlus (cambie el tamaño si es necesario). Si tiene algunos conocimientos de HTML, examine el código fuente en un editor de texto como el Bloc de notas o use el modo para ver el código fuente del navegador.

Page 165: Web Pluses

Adición de objetos web dinámicos

155

Para añadir un fragmento de código HTML a una página:

1. Copie el código HTML del código fuente original al Portapapeles.

2. Haga clic en el botón Insertar código HTML en la barra de herramientas Objetos web.

3. Haga clic en la página o en el área de pegado para crear una nueva ventana de fragmento de código HTML con un tamaño predeterminado, o arrastre para crear una ventana con otro tamaño.

4. En el cuadro de diálogo, utilice el botón Pegar en cabecera o Pegar en cuerpo para insertar el texto del portapapeles en el encabezado del archivo o en el cuerpo. O bien: Utilice la ventana de código por la que se puede desplazar. Introduzca uno o varios fragmentos de código HTML en el campo correspondiente.

5. (Opcional) Si el código pide archivos externos, use el botón Añadir... para ubicarlos. Haga clic en el botón de Hacer vínculo si desea conservar los archivos separados del sitio.

6. Haga clic en Aceptar para cerrar el cuadro de diálogo. El código aparecerá en la página en la ventana de fragmento de código HTML.

Adición de JavaScript

Para crear una amplia variedad de código JavaScript, busque “fragmentos de javascript” en el motor de búsqueda que prefiera. Encontrará muchísimos sitios que ofrezcan fragmentos de código gratuitos. La mayor parte de estos sitios indicarán claramente lo que JavaScript hará por usted. Además, por lo general también le permiten seleccionar el código de JavaScript y copiarlo para pegarlo en una ventana de fragmento HTML, en una ventana de

Page 166: Web Pluses

Adición de objetos web dinámicos

156

código fuente de un objeto o una página, en la celda de una tabla HTML o directamente en la página.

Veamos cómo añadir JavaScript (obtenido o escrito por usted mismo si tiene experiencia en programación con JavaScript).

Como ejemplo, compare los dos fragmentos de código de ejemplo a continuación. Un fragmento de código de JavaScript muy sencillo se añade a la ventana Origen, que presentará la fecha actual en el sitio web. La primera sección del código utiliza el último marcador de la anterior lista () y la segunda, el aspecto del código después de que un script haya sustituido al marcador.

Código que muestra el marcador

Page 167: Web Pluses

Adición de objetos web dinámicos

157

Código después de añadir JavaScript

Este ejemplo muestra dónde se coloca el código sencillo en una ventana Origen.

Para adjuntar código a un fragmento HTML o a un objeto:

1. Seleccione un fragmento HTML o un objeto existente.

2. En el menú Formato, seleccione Adjuntar HTML.... O bien: Haga clic con el botón secundario del ratón en el objeto y seleccione la misma opción.

Page 168: Web Pluses

Adición de objetos web dinámicos

158

3. En el cuadro de diálogo, desplácese por la ventana Origen para buscar los marcadores editables. El marcador que elija depende de lo que desee lograr.

4. Seleccione todo el marcador y pegue el HTML, el script o cualquier otra cadena de texto que sustituya al texto de marcador de posición. O bien: Seleccione todo el marcador y escriba directamente en la ubicación del marcador (de nuevo, sustituyendo el texto de marcador de posición).

5. Haga clic en el botón Aceptar para volver a la vista de página normal.

Puede utilizar los distintivos para añadir variables al HTML. Se usa para el desplazamiento de la ruta de navegación que se actualizará dinámicamente si añade, quita o modifica páginas dentro del sitio.

Para creación de scripts más complejos, puede que sea necesario añadir archivos auxiliares (gráficos, archivos de texto, etc.) que el script insertado pueda utilizar (pueden insertarse o vincularse). Esto significa que los archivos se pueden conservar tanto en el sitio (incrustados) o que se hace referencia a ellos externamente mediante un vínculo (como un hipervínculo). Tenga en cuenta el tamaño final del sitio al insertar varias imágenes.

Para añadir archivos auxiliares:

1. Haga clic en el botón Añadir....

2. En el cuadro de diálogo Abrir, desplácese a un o varios archivos y selecciónelos (use Ctrl-clic y Mayús-clic para seleccionar archivos de forma no-contigua o contigua, respectivamente). Haga clic en Abrir.

3. Los archivos se muestran en la lista Archivos y se incrustarán en el sitio de forma predeterminada. Si elige no Insertar los archivos (para que su sitio sea más

Page 169: Web Pluses

Adición de objetos web dinámicos

159

pequeño), seleccione cada archivo y haga clic en el botón Hacer vínculo.

4. Haga clic en Aceptar.

En cualquier momento, puede Añadir, Eliminar y cambiar las Opciones de exportación de cualquier archivo.

Para adjuntar código a una página:

1. Haga clic en Adjuntar HTML en la barra de herramientas Estándar.

2. En el cuadro de diálogo, desplácese por la ventana para buscar los marcadores editables. El marcador que elija depende de lo que desee lograr.

3. Seleccione todo el marcador y pegue el HTML, el script o cualquier otra cadena de texto que sustituya al texto de marcador de posición. O bien: Seleccione todo el marcador y escriba directamente en la ubicación del marcador (de nuevo, sustituyendo el texto de marcador de posición).

4. Para volver a la vista de página normal, haga clic en la pestaña del proyecto en la parte superior de la ventana Origen.

Uso de identificadores

A los objetos, las columnas de texto, las filas de la tabla y las celdas de la tabla siempre se les asigna un Id. de HTML alfanumérico único, por ejemplo, un Id. de “qs_1”, ” qs_2", etc. se creará para un nuevo QuickShape. Estos Id. pueden escribirse durante la exportación para permitir las referencias mediante lenguajes de script en el sitio publicado. De forma predeterminada, no se escriben en la exportación para todos los objetos (de forma global), sino que se pueden exportar por objetos.

Page 170: Web Pluses

Adición de objetos web dinámicos

160

Para escribir (exportar) un Id. (por objeto):

1. Haga clic con el botón secundario del ratón en un objeto y seleccione Id....

2. En el cuadro de diálogo, en la lista desplegable Id. de escritura para este objeto, seleccione “Sí”.

Si se selecciona “Usar config. predeterm. del sitio” significa que está activada la configuración de las propiedades del sitio; "Sí" o "No" significa que el Id. de objeto se escribe en la exportación o no se escribe con independencia de la configuración predeterminada del sitio.

Para escribir (exportar) los Id (de forma global):

• En Archivo>Propiedades del sitio (opción de menú Salida HTML), active las casillas de verificación apropiadas para el objeto, la columna de texto, la fila de la tabla o la celda.

Si el objeto se copia en la misma página o en otro sitio web, el número de Id. se reemplazará por un nuevo número de Id.

Si necesita definir un nombre personalizado para el Id., puede hacerlo mediante el cuadro de diálogo Editar Id. de objeto.

Page 171: Web Pluses

Adición de objetos web dinámicos

161

Para modificar el nombre del Id. de un objeto:

1. Haga clic con el botón secundario del ratón en un objeto y seleccione Id....

2. En el cuadro de diálogo, edite el valor del Id. de HTML.

Distintivos

WebPlus ofrece una gama de distintivos de anotación de HTML agrupados que se pueden adjuntar a páginas, objetos o fragmentos de HTML. Se sustituyen por los valores apropiados "reales" cuando se exportan a un archivo o se obtiene la vista previa de la página.

La adición de distintivos es un caso sencillo de inserción de una cadena de símbolos mediante el método de copiar y pegar o escribiendo directamente en las posiciones de marcadores en cualquier código fuente HTML.

En la Ayuda de WebPlus se ofrece una lista completa de distintivos (busque distintivos en el índice).

Adición de formularios Los formularios basados en web permiten recopilar, de forma eficiente y moderna, información sobre las personas que visitan su sitio web. La idea de cumplimentación de los formularios web es muy similar a la de los formularios de papel convencionales, pero con la ventaja de aprovechar Internet como un potente canal de información. Entre los tipos más frecuentes de formulario se encuentran los de solicitud, los de comentarios y los libros de visitas.

Los datos de los formularios pueden recopilarse de distintas formas: por correo electrónico, en un archivo de script local o remoto o a través de Recursos Web Serif.

Page 172: Web Pluses

Adición de objetos web dinámicos

162

Estructura del formulario

Los componentes de un formulario son una combinación de texto, gráficos y controles de formulario. Los controles de formulario actúan de forma inteligente, ya que recopilan datos del visitante web y se pueden añadir, mover y modificar del mismo modo que los objetos ya conocidos de WebPlus, como son los gráficos y las tablas. Un control puede ser un botón, un cuadro de opción, un área de texto, un cuadro combinado, una casilla de verificación, un botón de opción, un objeto CAPTCHA o un explorador de archivos. Un formulario normal, como puede ser un formulario de envío de comentarios por correo electrónico, está compuesto de una combinación de algunos de estos controles.

Desde la perspectiva del visitante web, la información se escribe en cuadros de texto o se selecciona en casillas de verificación, botones de opción o cuadros desplegables. La información que se escriba puede ser numérica, textual o una combinación de ambos tipos, en función del tipo de campo. El orden de pestañas en el que deben rellenarse los campos puede configurarse, al igual que la validación de los datos de entrada (consulte la Ayuda de WebPlus para obtener más información sobre el orden de pestañas y la validación).

Cada campo posee su propio conjunto de propiedades en relación con su aspecto, sus valores, la validación, los cálculos o la acción que se espera del campo.

La funcionalidad de un formulario se activa cuando se publique el sitio web (por supuesto aún puede obtener una vista previa de formularios de WebPlus, consulte Vista previa del sitio en la pág. 421). Cuando un visitante web introduce datos en un formulario o selecciona una opción de un formulario, los datos se mandan a un destino elegido cuando se envía el formulario.

Se puede utilizar JavaScript para activar la interactividad en los formularios web. Ofrece la posibilidad de aplicar formato, validar, calcular y realizar acciones; todas ellas, funciones clave en el desarrollo de formularios web.

Page 173: Web Pluses

Adición de objetos web dinámicos

163

¿Dónde se envían los datos?

Tras finalizar el envío, los datos de los formularios se pueden mandar a uno de los siguientes destinos:

• una dirección de correo electrónico (del desarrollador web)

• un archivo de script (almacenado de forma local o remota), que puede escribir texto en un archivo de texto o en una base de datos de un servidor

• Recursos Web Serif, para el tránsito de datos de formulario al correo electrónico (a través de Serif)

Como es habitual en la administración de formularios web, es posible definir el tipo de codificación, la ventana/marcos de destino y los métodos de envío (POST o GET).

Creación de formularios

Existen varias formas de crear formularios: puede crear un formulario predefinido estándar, listo para usar (opuesto), seleccionar uno a uno los controles de formulario o crear un formulario desde cero; para los dos primeros métodos se utiliza un Asistente para formularios de fácil utilización.

Existen formularios estándar para formularios de información de contacto, comentarios del usuario, envío de CV, opinión y dirección.

Para crear un formulario estándar:

1. Haga clic en el Asistente para formularios , en el elemento flotante Formulario de la barra de herramientas Objetos web.

Page 174: Web Pluses

Adición de objetos web dinámicos

164

2. En el cuadro de diálogo, haga clic en el icono Usar y adaptar un formulario estándar y, a continuación, en Siguiente>.

3. En la lista de formularios, seleccione un tipo de formulario mientras usa el panel de vista preliminar inferior.

4. Haga clic en Siguiente>.

5. En la siguiente pantalla, puede elegir entre añadir, modificar y eliminar controles.

• Para añadir, haga clic en un botón del cuadro Agregar.

• Para modificar un objeto estándar, seleccione un control existente en la ventana y elija Editar control.... Para más información, consulte Edición de controles de formulario en la pág. 170.

• Para eliminar un objeto estándar, seleccione un control existente en la ventana y elija Eliminar (o presione la tecla Supr).

• Para reorganizar el orden del control, utilice los

botones Subir y Bajar .

6. Después de hacer clic en Siguiente, elija el destino de los datos del formulario haciendo clic en un botón de destino. Seleccione Finalizar para completar el asistente.

7. Para insertar el formulario con un tamaño predeterminado, coloque el cursor en el lugar del formulario y haga clic.

Si lo que busca es libertad de diseño, WebPlus ofrece un formulario en blanco y objetos de formulario desde los que puede

Page 175: Web Pluses

Adición de objetos web dinámicos

165

diseñar el formulario desde cero. Puede añadir controles de formulario u objetos de formulario estándar, o ambos. Consulte la Ayuda de WebPlus para obtener más información.

Para crear un formulario personalizado (a través del Asistente para formularios):

1. Haga clic en el Asistente para formularios , en el elemento flotante Formulario de la barra de herramientas Objetos web.

2. En el cuadro de diálogo, haga clic en el icono Crear un nuevo formulario con el Asistente y, a continuación, en Siguiente>.

3. En la siguiente pantalla, debe añadir los controles de formulario que compondrán el formulario. En el cuadro Agregar:

• Para un control de formulario listo para usar, haga clic en el botón Predefinido y elija el control de formulario que haya seleccionado. Debe hacer clic dos veces en el nuevo control, en la ventana, para dar un nombre al control. O bien:

1. Haga clic en uno de los demás controles de formulario que desea crear desde cero. Consulte Controles de formulario en la pág. 166 para obtener una descripción de cada opción.

2. En el cuatro de diálogo, utilice el nombre interno del control (para identificarlo de forma exclusiva) o edítelo e introduzca una etiqueta para que acompañe a dicho control (se muestra en pantalla). También puede editar el control usando el botón Editar control. La edición de un control permite hacer uso de la validación, controlar la longitud del formulario y definir otros atributos de control. Para más información, consulte Edición de controles de formulario (Consulte la Ayuda de

Page 176: Web Pluses

Adición de objetos web dinámicos

166

WebPlus para obtener más información). Si ha editado un valor, haga clic en Aceptar.

4. Repita el procedimiento anterior con cada control de formulario que elija, según sea necesario. Aparecerán (en el orden en que fueron creados) en la ventana superior. Antes de continuar, debe añadir un control de formulario de envío a su formulario. Este paso es crucial para poder hacer llegar los datos a su destino. Haga clic en el botón Enviar para añadir automáticamente el botón al formulario. Es normal acompañar esto con un botón Restablecer, que se usa para borrar campos del formulario de datos que aún no se han enviado. Haga clic en Siguiente>.

5. En el siguiente cuadro de diálogo, elija el destino de los datos del formulario haciendo clic en un botón de destino para correo electrónico, archivo de script (local o remoto) o Recursos Web Serif y un nombre para definir todo el formulario. (Consulte Envío de formularios en la pág. 171).

6. Seleccione Finalizar para completar el asistente.

7. Para insertar el formulario con un tamaño predeterminado, coloque el cursor de posición del formulario en la parte de la página donde desea que aparezca y, a continuación, simplemente haga clic.

Controles de formulario

Cada control de formulario es un objeto "inteligente" distinto de otros objetos de WebPlus. Son inteligentes porque pueden almacenar información introducida por los visitantes y transmitirla a una ubicación central durante el envío del formulario. Los controles pueden moverse, al igual que ocurre con el resto de objetos, pero no se les puede aplicar colores ni transparencia, como tampoco ajustar los bordes ni cambiar de tamaño.

Page 177: Web Pluses

Adición de objetos web dinámicos

167

En el Asistente para formularios o directamente en el elemento flotante Formulario de la barra de herramientas Objetos web tiene disponibles distintos controles de formulario. El proceso comienza por asignar un nombre interno exclusivo para cada campo y, a continuación, definir distintas propiedades; cada control de formulario tiene su propio conjunto, que puede modificarse. Icono de control de formulario

Nombre de control de formulario

¿Cuándo utilizarlo?

Botón del formulario Se usa al especificar una

acción que puede activarse mediante un clic en el botón. Se pueden crear una amplia variedad de botones con diseños y funciones distintos.

En el Asistente para formularios dispone de los botones Enviar y Restablecer. Estos botones sirven para enviar el formulario y borrar todos sus datos, respectivamente.

Cuadro de edición Se usa para introducir texto de

una sola línea, números o una mezcla de ambos. Un buen ejemplo de uso serían los apellidos de alguien.

Page 178: Web Pluses

Adición de objetos web dinámicos

168

Área de texto Se usa para añadir texto de varias

líneas, números o una mezcla de ambos. Suelen utilizarse para introducer información, sea textual o numérica; por ejemplo, una encuesta, receta o una lista de cifras.

Cuadro combinado Para la selección de entre una

lista de elementos en un menú desplegable en el que, de forma predeterminada, solo puede seleccionarse un elemento; por ejemplo, un cuadro combinado para elegir el sexo.

Los cuadros combinados también permiten una lista desplazable de elementos; de forma opcional, admiten la selección múltiple.

Puede hacer clic mientras presiona la tecla Mayús para agrupar distintos elementos.

Cuando esté diseñando cuadros combinados de selección múltiple, arrastre la parte superior o inferior del cuadro combinado para permitir que se muestren varios elementos de forma predeterminada.

Page 179: Web Pluses

Adición de objetos web dinámicos

169

Casilla Es ideal cuando desea que se

muestren varios elementos uno junto a otro. Una buena alternativa al cuadro combinado, si el espacio lo permite. El visitante web del formulario hace clic una vez para activar o desactivar la casilla; por ejemplo,

¿Le gustaría que se le notificaran los próximos eventos?

Botón de opción Bueno para la selección de un

único elemento exclusivo de un subconjunto agrupado de opciones. Por ejemplo, puede utilizar un conjunto de botones de opción para obtener información sobre el sexo del visitante web.

Navegador de archivos

Utilice el explorador de archivos para permitir a los visitantes web cargar un archivo desde sus equipos. El visitante no tiene más que desplazarse a través de un botón Examinar... y seleccionar el archivo local que prefiera. Algunos ejemplos son la carga de imágenes, CV, planos e instrucciones

Page 180: Web Pluses

Adición de objetos web dinámicos

170

CAPTCHA Se utiliza como

comprobación de seguridad para protegerse frente al envío de spam. El control de formulario ofrece una cadena de texto aleatorio para que el visitante web la reproduzca en un cuadro de texto. Si la comprobación se realiza con éxito, se inicia el envío del formulario, lo que solo puede hacerse a través de Recursos Web Serif.

Si este control no figura en su formulario, siempre se inicia una comprobación de puerta CAPTCHA (p. 171). Si utiliza este control de formulario, no se usará la comprobación de puerta CAPTCHA.

Edición de controles de formulario

Cada tipo de control de formulario (botones, campo de texto, etc.) tiene distintas características y, por lo tanto, distintos valores para editar. Los valores pueden cambiarse durante la creación del formulario o más adelante, una vez que el control se ha añadido al formulario.

Page 181: Web Pluses

Adición de objetos web dinámicos

171

El botón Editar control... del Asistente para formularios permite modificar el control durante la creación del formulario. Si lo prefiere, puede editar el control más tarde, haciendo clic con el botón secundario en dicho control, en la página web, y eligiendo la opción Editar correspondiente; por ejemplo, Editar Cuadro de texto.

Envío de formularios

Todos los formularios tienen algo en común: deben enviarse para que los datos se puedan recopilar. Para ello, puede crear un botón Enviar sin ayuda o, lo que suele ser más habitual, usar el botón que ya está preparado en el Asistente para formularios. Este botón debe figurar en el formulario y suele usarse con un botón Restablecer para borrar los datos de todos los controles de formulario.

El envío de datos del formulario es posible a través de varios métodos.

Sin acción

Los datos del formulario no se envían. Esta opción es útil si desea deshabilitar temporalmente la recopilación de datos o si no ha configurado aún la creación de scripts o los Recursos Web Serif. Más adelante, podrá editar el formulario (haga clic con el botón secundario y, a continuación, elija Editar propiedades del formulario...) y seleccionar un método de envío válido.

Una dirección de correo electrónico

Utilice esta opción para omitir los métodos habituales de envío POST/GET. Al pulsar el botón Enviar, se inicia el programa de correo electrónico predeterminado del visitante web. Los datos del formulario (transmitidos en una sola cadena) se añaden al cuerpo del mensaje de correo electrónico y quedan listos para ser enviados al destino de correo electrónico configurado. Resulta especialmente útil si no hay creación de scripts local o remota en vigor.

Page 182: Web Pluses

Adición de objetos web dinámicos

172

Se trata de un método de envío no protegido, ya que no se cifra ninguna información privada o confidencial.

Para configurar directamente el correo electrónico:

1. Con el icono activado, añada un Nombre del formulario.

2. Introduzca la Dirección de correo electrónico de destino (o seleccione una dirección de correo electrónico ya conocida en el menú desplegable).

Un archivo de secuencia de comandos de mi unidad de disco duro

Esta opción está pensada para desarrolladores web con experiencia en la creación de scripts.

Para configurar un archivo de script local:

1. Con el icono Archivo de script habilitado, añada un Nombre de formulario.

2. Desplácese hasta el archivo de script local, que suele ser un archivo .php, .js, .cfm, .cgi, .pl, .dll o .exe, con el botón Examinar....

3. Active la opción Insertar archivo para incluir el script en el sitio. Si la deja sin activar, el archivo de script no estará conectado al sitio (las actualizaciones realizadas en el script no podrán verse en el sitio).

4. Opcionalmente, el botón Opciones de exportación... permite definir un

Page 183: Web Pluses

Adición de objetos web dinámicos

173

nombre de archivo web y una carpeta para el script.

5. Elija un método de envío, tipo de codificación, ventana/marco de destino y conjunto de caracteres.

Una secuencia de comandos remota

Utilice esta opción si su ISP no le permite ejecutar sus propios scripts en el espacio web. En lugar de ello, es posible que su ISP ofrezca un archivo de script básico que puede vincularse desde su página web. Por lo general, este script enviará los datos del formulario a su dirección de correo electrónico (ya configurada con el ISP).

Para configurar un archivo de script remoto:

1. Con el icono Script remoto habilitado, añada un Nombre de formulario.

2. Indique una URL que señale directamente a un archivo de script.

3. Elija un método de envío, tipo de codificación, ventana/marco de destino y conjunto de caracteres.

Recursos Web Serif

No todo el mundo dispone del acceso necesario (o incluso de la voluntad) para ejecutar su propio servidor web. Por ello, y como alternativa, puede usar los Recursos Web Serif (consulte la pág. 209). Se trata de un servicio gratuito de puerta de acceso de la Web al correo electrónico que transmite sus valiosos datos de formularios a través de Serif y los envía a su dirección de correo electrónico personal. El servicio requiere que tenga primero unas

Page 184: Web Pluses

Adición de objetos web dinámicos

174

credenciales de inicio de sesión de Recursos Web Serif (por motivos de seguridad), que le permitirán crear, editar y eliminar sus propios destinos de correo electrónico; es lo que se conoce como destinos de correo electrónico del formulario.

Para configurar Recursos Web Serif:

1. Con el icono Recursos Web Serif habilitado, añada un Nombre de formulario.

2. Haga clic en el botón Seleccionar (inicie sesión en Recursos Web Serif si no lo ha hecho ya).

3. En el cuadro de diálogo, introduzca los detalles de la dirección de destino:

• Introduzca una dirección de correo electrónico en el cuadro Dirección de correo electrónico.

• Introduzca un Asunto personalizado, la cadena de línea de asunto que verá en el mensaje del visitante web; por ejemplo, Envío de correo electrónico desde Rainbow_WWW: Detalles de contacto.

• Añada un Mensaje de confirmación que se mostrará ante el visitante web una vez que haga clic en el botón Enviar.

• En el campo Idioma, defina el idioma en el que se enviará el mensaje de confirmación.

Page 185: Web Pluses

Adición de objetos web dinámicos

175

Mediante la creación de un control de formulario del cuadro de edición solamente para las direcciones de correo electrónico también puede enviar correos electrónicos de confirmación directamente el visitante web. Tendrá que asegurarse de que SWR: enviar correo electrónico de confirmación está activada en las propiedades del cuadro de edición. Se realizará una comprobación anti-spam si se añade un control de formulario CAPTCHA al formulario; si no se añade, se realiza una comprobación en la puerta CAPTCHA. Active Responderme en el cuadro de diálogo anterior para que el campo Responder a del correo electrónico de confirmación se establezca como el correo electrónico del desarrollador web. Esto permite que el visitante se pueda poner en contacto con el desarrollador web directamente por correo electrónico.

4. Haga clic en Añadir nuevo. La entrada de correo electrónico se crea y se añade a la lista Destinos de correo electrónico disponibles. Observará que la entrada se clasifica como “No confirmado”. Antes de que comience el servicio, recibirá un mensaje de correo electrónico de confirmación en su dirección de correo electrónico. Al hacer clic en el vínculo, el servicio se

Page 186: Web Pluses

Adición de objetos web dinámicos

176

activará y la entrada cambiará a “Confirmado”.

5. (Opcional) Repita el procedimiento anterior para añadir más destinos de correo electrónico y, a continuación, seleccione una entrada de correo electrónico para activarla.

6. Haga clic en Aceptar a salir.

El visitante web recibirá una página de confirmación básica generada por Recursos Web Serif para confirmar la recepción correcta de los datos del formulario. Puede crear y asignar su propia página web de confirmación para que se utilice en lugar de esta página básica. Su propia página es como cualquier otra página web, así que puede añadir su propia información y diseñar la página con el mismo estilo y aspecto que el resto del sitio.

Para añadir su propia página de confirmación:

1. Haga clic en el formulario (debe enviar los datos mediante Recursos Web Serif) y elija Editar propiedades del formulario….

2. Cambie a la pestaña Campos ocultos, haga clic en el botón Añadir... y añada la palabra “redirect" (redirigir) al campo Nombre y la URL de destino con el prefijo http:// (es decir, la dirección web de su propia página de confirmación) en el campo Valor.

3. Haga clic en Aceptar. La nueva página web se mostrará al enviar el formulario siguiente.

Page 187: Web Pluses

Adición de objetos web dinámicos

177

No se almacenará ningún tipo de datos personales en los servidores web de Serif. Todos los datos del formulario se redirigen en tiempo real.

Puerta CAPTCHA

Para proteger de correo electrónico no deseado, Recursos Web Serif utiliza una puerta CAPTCHA si no ha añadido un control de formulario CAPTCHA directamente al formulario (consulte Controles de formulario en la pág. 166). Al enviar el formulario, se activa una comprobación de seguridad que ofrece una cadena de texto aleatorio que el visitante web debe reproducir en un cuadro de texto.

Si se pasa la comprobación, se inicia el envío del formulario.

Fuentes RSS y podcasts Las fuentes RSS (Really Simple Syndication, sindicación realmente sencilla) son secuencias de noticias e información en continuo cambio que son muy populares en sitios web rápidos. La popularidad de fuentes RSS es evidente si usa servicios de noticias basados en Internet regularmente. Verá las fuentes RSS indicadas en sitios web por un símbolo ; al hacer clic en el símbolo el usuario puede suscribirse manual o automáticamente a esa fuente RSS mediante un lector RSS.

Page 188: Web Pluses

Adición de objetos web dinámicos

178

Los podcasts son fuentes de sindicación como las fuentes RSS pero proporcionan opciones ligeramente diferentes que reflejan el uso de un podcast de medios digitales, como archivos de sonido y vídeo. En pocas palabras, las fuentes RSS publicarán artículos, mientras que los podcasts difundirán la información como episodios.

En WebPlus, puede crear sus propias fuentes RSS o podcasts que puede publicar y actualizar con frecuencia. Básicamente, se convierte en el editor (en lugar del lector) de uno o más servicios de información que contienen titulares, resúmenes del sitio o sus propios artículos. Para los podcasts, difunde clips multimedia como episodios.

Los ejemplos siguientes muestran un podcast de una escuela ficticia que se actualiza constantemente con vínculos a los medios (sonido y vídeo) en los que puede hacerse clic.

Las fuentes RSS y podcasts se pueden configurar de forma muy similar en WebPlus. De hecho, el proceso para crear su propia fuente RSS o podcast utiliza la misma Herramienta Fuente RSS dentro de WebPlus.

Si desea volver a utilizar las fuentes RSS o los podcasts de terceros y agregarlos a su propia página web, se puede incrustar un lector en su página web con la Herramienta Fuente RSS.

Creación de fuentes RSS o podcasts

La Herramienta Fuente RSS le permite crear una o varias fuentes RSS o podcasts a los que los visitantes web pueden suscribirse a través de su lector de fuentes independiente, navegadores web o Apple iTunes®. Al crear una fuente, se pueden aplicar una serie de opciones de configuración que se relacionen con el título de fuente/descripciones, las imágenes asociadas, la información de copyright, las categorías, las palabras clave, etc.

Page 189: Web Pluses

Adición de objetos web dinámicos

179

Para insertar una fuente RSS o un podcast:

1. Haga clic en el botón Herramienta Fuente RSS en el elemento flotante RSS de la barra de herramientas Objetos web.

2. Haga clic en el botón Añadir fuente RSS o Añadir podcast para crear una nueva fuente RSS o entrada de podcast. Un nuevo nombre de fuente denominado Nuevo RSS Feed o Nuevo PodCast aparecerá en el menú izquierdo. Con la entrada seleccionada, verá una lista de configuración para la nueva entrada que puede modificar haciendo clic en la columna Valor. Las listas desplegables, los cuadros de diálogo o los cuadros de texto le permiten añadir, seleccionar o modificar los valores para la fuente:

3. Haga clic en Aceptar.

4. Para colocar la fuente en la página, coloque el cursor

y haga clic en el ratón. Aparecerá un botón

o en la posición del cursor (para una fuente RSS o un podcast, respectivamente).

Para la suscripción automática mediante un clic de podcasts, etiquete su símbolo de podcast indicando a qué aplicación se hará la suscripción.

Para cambiar la fuente por otra:

• Una vez que existe una fuente RSS o un podcast, haga doble clic en la fuente de la página para redirigir el botón a otra fuente. Solo tiene que seleccionar una entrada diferente y hacer clic en Aceptar. Para los podcasts, el cuadro de diálogo también puede automáticamente suscribir el podcast a la aplicación del

Page 190: Web Pluses

Adición de objetos web dinámicos

180

visitante Google Reader, My Yahoo! o iTunes. Seleccione a partir de la lista desplegable Abrir podcast con. Si no, para la suscripción manual de fuentes RSS o podcasts, se utiliza la opción Estándar RSS.

Una vez que se crea la fuente RSS o el podcast, se pueden añadir artículos o episodios (respectivamente) a la fuente y después publicarlos. Una vez actualizado, tendrá que volver a publicar su página web (consulte Publicación en la Web en la pág. 425).

Para añadir o actualizar artículos o episodios:

1. Haga clic en el botón Herramienta Fuente RSS de la barra de herramientas de WebPlus Objetos web.

2. En el cuadro de diálogo Fuente RSS, asegúrese de que se ha seleccionado la fuente correcta, después haga clic en el botón Administrador de fuentes RSS.

3. En la derecha del cuadro de diálogo, haga clic en el botón Añadir artículo o Añadir episodio. Así se crea una nueva entrada, titulada provisionalmente Nuevo artículo (para una fuente RSS) o Nuevo episodio (para podcast) en la fuente seleccionada.

4. Edite el artículo/episodio y la configuración (véase más arriba). Las listas desplegables, los cuadros de diálogo o los cuadros de texto le permiten añadir, seleccionar o modificar los valores para la fuente.

5. Haga clic en Aceptar y, a continuación, vuelva a hacer clic en Aceptar.

Si está difundiendo los archivos multimedia almacenados localmente, se le solicitará que defina la URL del sitio (consulte la pág. 1) durante la publicación. Así los visitantes pueden acceder a los archivos locales.

Page 191: Web Pluses

Adición de objetos web dinámicos

181

Envío de fuentes de podcast

Para podcasts a través de iTunes, como difusor tendrá que haber enviado su podcast a iTunes. La fuente de podcast tiene que revisarse por el personal de iTunes para comprobar si hay problemas técnicos, credenciales de inicio de sesión aceptables, uso inapropiado de idioma explícito, material ofensivo y uso incorrecto de material de copyright. Este paso significa que si la fuente se aprueba, los usuarios de iTunes podrán suscribirse a su fuente de podcast.

Para enviar una fuente de podcast a iTunes:

1. Inicie iTunes.

2. Haga clic en Podcasts en la sección BIBLIOTECA.

3. Seleccione el directorio de podcast en la parte inferior del área de trabajo de iTunes.

4. En el cuadro ENLACES DE PODCASTS en la parte superior derecha de la pantalla, haga clic en Enviar un podcast.

5. En la siguiente pantalla, pegue su URL de fuente en el cuadro URL del feed de podcast. Su URL de fuente será una URL con un nombre de archivo xml (p. ej., rss_1.xml) al final.

6. Haga clic en Continuar.

Suscripción

Suscripción a fuentes RSS y podcasts

Los visitantes web pueden suscribirse a estas fuentes por una variedad de métodos.

Page 192: Web Pluses

Adición de objetos web dinámicos

182

Tipo de suscripción Método

Manual El visitante web simplemente hace clic en un símbolo de diagnóstico que indica el tipo de fuente, es decir:

Para fuentes RSS Su fuente RSS o podcast publicado proporciona un botón de suscripción en el que se puede hacer clic. Esto le permite añadir la fuente a los favoritos del navegador.

O bien:

Para podcasts Haga clic para añadir su podcast a su página principal de iGoogle o Google Reader. Para iTunes, una vez que un difusor ha enviado la fuente a iTunes y se ha aprobado, el visitante web puede suscribirse al podcast del siguiente modo:

1. Inicie iTunes.

2. Haga clic en Suscribirse a un podcast… del menú Avanzado.

3. Pegue la URL de la fuente en el cuadro de entrada del cuadro de diálogo, haga clic en Aceptar. El podcast aparecerá como entrada en la ventana. La dirección URL puede obtenerse haciendo clic en el símbolo del podcast y copiando la dirección URL resultante en la

Page 193: Web Pluses

Adición de objetos web dinámicos

183

ventana de navegador.

Automática (podcasts solamente)

El visitante web hace clic en el icono (o el hipervínculo asociado). El podcast y el lector están definidos explícitamente, así que la suscripción es automática. Para ello, se debe hacer doble clic en el podcast de la página y seleccionar una opción de la lista desplegable Abrir podcast con.

En lugar de un botón directo, se puede crear un hipervínculo (consulte la pág. 1) desde cualquier lugar del sitio que vincule directamente a la nueva fuente. Se utiliza un tipo de destino de vínculo especial denominado Fuente RSS.

Inclusión de fuentes de terceros

En lugar de crear su propia fuente RSS o podcast, es posible que desee incluir una fuente RSS de otro sitio web en su propio sitio web.

La adición del lector de fuentes RSS a su página le suscribe automáticamente a la fuente RSS o podcast elegido. Hay otras formas de suscribirse a fuentes RSS o podcasts a través de los navegadores web e iTunes, pero aquí nos centraremos en cómo incluir la fuente en su página y hacer que automáticamente reciba artículos o episodios.

Page 194: Web Pluses

Adición de objetos web dinámicos

184

A continuación se muestra un ejemplo de una fuente de noticias RSS de Reuters añadida a una página web de WebPlus:

Para incluir una fuente RSS o un podcast en la página:

1. Localice una fuente RSS disponible en páginas web de noticias y servicios de información populares. Busque uno de los siguientes símbolos distintivos, p. ej.

Page 195: Web Pluses

Adición de objetos web dinámicos

185

2. Copie la URL de fuente en el portapapeles haciendo clic con el botón secundario en el símbolo (o hipervínculo) y seleccionando Copiar acceso directo (Internet Explorer), Copiar la ruta del enlace (Mozilla Firefox) o Copiar dirección de enlace (Google Chrome).

3. Haga clic en el botón Herramienta de lector RSS en elemento flotante RSS de la barra de herramientas Objetos web.

4. En el cuadro de diálogo, pegue la URL de fuente en el campo URL de fuente RSS.

5. (Opcional) Seleccione un color, fuente, tamaño de fuente o estilo de fuente distintos para el título, el titular o el color del resumen de la fuente.

6. (Opcional) Establezca la zona horaria local para el sitio en la lista desplegable Zona horaria.

7. (Opcional) Cambie Formato de fecha (MM/DD o DD/MM) para la fecha publicada del artículo que se muestra en el encabezado de artículo.

8. Haga clic en Aceptar.

9. Se mostrará un cursor . Para insertar la fuente en una ventana de tamaño predeterminado, simplemente haga clic con el ratón. O bien: Por lo general, defina el tamaño de la ventana de la fuente, arrastre una región y suelte el botón del ratón.

La ventana de la fuente se rellena de un color melocotón con la URL mostrada; tendrá que publicar la página para ver la nueva fuente actual. Recuerde que el contenido se actualizará automáticamente al actualizar la fuente en el sitio web original.

Page 196: Web Pluses

Adición de objetos web dinámicos

186

Para los podcasts, cuando el visitante web ve la fuente, cada episodio se puede reproducir haciendo clic en los vínculos de sonido, que normalmente señalan a un archivo MP3. Una vez descargado y guardado, el archivo se puede reproducir en un reproductor predeterminado ya definido (p. ej., Reproductor Windows Media).

Introducción al comercio electrónico El comercio electrónico implica la compra y venta de bienes en Internet. Hoy en día es difícil escapar a las compras en línea en cualquier sesión de Internet; seguramente ha utilizado algún tipo de compra por Internet en cualquier momento, al adquirir libros, CD, vacaciones, etc. Todos los sitios que admiten este tipo de actividad de comercio electrónico utilizan por lo general un sistema de carro de la compra y otro de procesamiento de pago. Un carro de la compra es una cesta virtual (piense en una cesta de supermercado) que almacena sus artículos seleccionados y se utiliza con el sistema de procesamiento de pago (que sería como la caja del supermercado).

Para las empresas importantes, la tecnología del carro de la compra se desarrolla internamente (el procesamiento del pago se realiza quizás por otra empresa). Para las empresas u organizaciones más pequeñas, el carro de la compra normalmente es una solución de terceros, debido a las limitaciones de gastos/recursos. Se pueden utilizar muchos proveedores de carro de la compra; todos se basan en cuentas y están equipados para aceptar tarjetas de crédito en lugar de usar un método tradicional de pago (p. ej., por teléfono).

¿Cómo se adapta WebPlus a todo esto? En primer lugar, WebPlus le permite elegir uno de varios proveedores de carro de la compra especialmente seleccionados, y en segundo lugar, le permite conectarse con el proveedor de carro de la compra mediante un formulario o vínculo en la página de WebPlus. Los formularios permiten definir opciones de compra (colores, cantidad), así como calcular impuestos, gasto de envío, grandes cantidades, etc. Gracias a los vínculos se puede comprar fácilmente con un solo clic sin opciones de compra. Las características son específicas del proveedor y por tanto varían ampliamente.

Page 197: Web Pluses

Adición de objetos web dinámicos

187

Configuración de su proveedor de carro de la compra

Se pueden configurar diferentes proveedores de carro de la compra en WebPlus. Son los más utilizados y puede que ya haya probado algunos, como PayPal®, como cliente de eBay®. El proceso de configuración le guía al propio sitio del proveedor, donde podrá registrarse como usuario.

Utilice el sitio web del proveedor para obtener más información sobre las características únicas del carro de la compra.

Para configurar un proveedor de carro de la compra:

1. Haga clic en el botón Configurar E-Comercio en el elemento flotante E-Comercio de la barra de herramientas Objetos web.

2. En el cuadro de diálogo Configuración de E-Comercio, tiene dos opciones en función de si es un usuario existente o un nuevo usuario de uno de los proveedores de carro de la compra; es decir:

• Si es un nuevo usuario, seleccione un proveedor de carro de la compra activando el botón de opción y, a continuación, haga clic en el botón Registrarse ahora. El sitio web del proveedor aparece en una nueva ventana del navegador, donde puede registrarse con el proveedor de carro de la compra.

• Si es usuario existente, active el botón situado junto al proveedor elegido y haga clic en Siguiente. Esta opción establece simplemente el proveedor predeterminado para su sitio (en lugar de configurar una cuenta del proveedor).

3. El cuadro de diálogo es específico del proveedor y puede mostrar varias opciones. Por ejemplo, si elige PayPal

Page 198: Web Pluses

Adición de objetos web dinámicos

188

puede definir (con un cuadro de diálogo) una dirección de correo electrónico para recibir los pagos, los gastos de manipulación del carro y utilizar una herramienta de prueba de “Sandbox” para probar el carro de la compra antes de que se utilice de verdad. Haga clic en Siguiente>. Para la prueba de Sandbox, haga clic en el botón Más información para configurar un inicio de sesión separado de Sandbox además del inicio de sesión “activo” de PayPal.

4. (Opcional; solamente PayPal) En el cuadro de diálogo, active Usar el Minicart de PayPal para mostrar un carro emergente (como una superposición) que aparece cuando los productos se añaden al carro (después, el carro se minimiza en la esquina superior izquierda de la ventana del navegador mientras sigue habiendo artículos en el carro antes de proceder al pago).

También puede configurar, mediante el cuadro de diálogo, la posición del Minicart en la ventana del navegador y editar o eliminar el texto predeterminado mostrado en el Minicart.

5. Haga clic en el botón Finalizar para completar la configuración del carro de la compra.

Page 199: Web Pluses

Adición de objetos web dinámicos

189

Cuando haya configurado el carro de la compra, necesitará Insertar un objeto de E-Comercio.

Inserción de un objeto de comercio electrónico (PayPal) La creación de los objetos de comercio electrónico dentro de WebPlus se basa en un asistente. Un objeto de comercio electrónico se puede añadir a la página web como un formulario o vínculo (es decir, un botón sencillo) mediante una serie de cuadros de diálogo. El utilizar formularios o vínculos depende de las características de los artículos que tiene pensado vender y de cómo desea vender los productos.

Por ejemplo, si es importador puede crear un botón de comercio electrónico (como un vínculo Comprar ahora). Esta opción haría una suposición sobre la posible transacción, es decir, la cantidad, el tamaño, el estilo y el color son fijos.

Esto es porque los vínculos son solo un botón y no pueden alojar las opciones de compra “interactivas” que se necesitarían para las compras más complejas. El clic de un comprador comprará una oferta de un producto estándar, nada más. Resulta útil en algunas situaciones, pero en otras está opción completamente inadecuada.

Las compras más típicas utilizan formularios de comercio electrónico que proporcionan opciones de compra interactivas, como cantidad, tamaño, etc.

Para los escenarios de comercio electrónico, donde se ponen muchos artículos a la venta, es posible guardar los artículos para la venta en una base de datos de Serif (SDB) estructurada

Page 200: Web Pluses

Adición de objetos web dinámicos

190

especialmente para su uso con comercio electrónico. Si se añaden formularios (o áreas) que se repiten a la página, los artículos de la base de datos se pueden mostrar después de la combinación de la base de datos y se ponen a la venta. Consulte Uso de la combinación de bases de datos con comercio electrónico en la Ayuda de WebPlus.

El cuadro de diálogo que se muestra cuando se añade un objeto de comercio electrónico dependerá por completo del proveedor del carro de la compra actualmente activado (consulte Configuración de su proveedor de carro de la compra en la p. 187).

Los procedimientos siguientes asumen que PayPal está configurado como el carro de la compra.

Para insertar un objeto de comercio electrónico

1. Haga clic en el botón Insertar un objeto de E-

Comercio en el elemento flotante E-Comercio de la barra de herramientas Objetos web.

2. En el cuadro de diálogo Añadir objeto de PayPal, elija la dirección de correo electrónico que va a recibir la información del pago. WebPlus asumirá que se utiliza la dirección de correo electrónico establecida durante la configuración del carro de la compra. También puede desactivar la casilla Usar la cuenta predeterminada del sitio y establezca una dirección de correo electrónico diferente para invalidar el valor predeterminado del sitio.

3. Seleccione un tipo de objeto del marco del formulario de PayPal. Seleccione un botón de opción de "Formulario" si desea crear un formulario de comercio electrónico que contendrá opciones de compra (p. ej., color o cantidad). Si el producto a la venta no tiene opciones de compra, puede utilizar un objeto “Vínculo” (es decir, crear un Botón de comercio electrónico en el que se puede hacer clic). Las opciones de formularios y áreas que se repiten permiten añadir artículos de una base de

Page 201: Web Pluses

Adición de objetos web dinámicos

191

datos en lugar de definirlos explícitamente en un cuadro de diálogo Detalles del artículo (consulte Uso de la combinación de bases de datos con comercio electrónico en la Ayuda de WebPlus). Haga clic en Siguiente>. (Opcional) Si un formulario o un botón no es lo que busca, active la última opción en lugar de pegar código en un cuadro de diálogo posterior. Este sería código generado para sitios web de PayPal (después del inicio de sesión, mire en Servicios de vendedor). Haga clic en Siguiente> para salir del asistente y pegar el fragmento de código HTML en la página.

4. En el cuadro de diálogo siguiente, defina un botón para su uso. Se puede activar un botón de texto estándar (cuando se active, introduzca una cadena de texto) o un botón de imagen estándar (cuando se active, seleccione de una gran variedad de valores preestablecidos en la ventana desplazable). Algunas imágenes admiten adiciones automáticas.

Haga clic en Siguiente>.

5. La identificación, precio, impuestos e información del peso del artículo se pueden definir en el cuadro de diálogo Detalles del artículo. Las opciones que hay que seleccionar son:

• Nombre del artículo: el nombre del elemento que se vende. Mostrado en el formulario y en el carro de la compra.

Page 202: Web Pluses

Adición de objetos web dinámicos

192

• Permitir que los clientes especifiquen el nombre del artículo: active para cambiar el nombre del elemento anterior por un cuadro en el que el visitante web pueda introducir su propio nombre del elemento (también útil para especificar los detalles de la donación).

• Id. del artículo: añada una cadena fácilmente identificable para hacer un seguimiento del artículo con PayPal.

• Moneda: establezca la moneda en la que se realizará la transacción.

• Precio: el precio del artículo. Se muestra en la pantalla de forma predeterminada.

• Permitir que el cliente especifique el importe: active para cambiar el precio anterior por un cuadro en el que el visitante web pueda indicar su propio precio. Utilícelo con formularios de donaciones, donde el cliente establece el importe.

• Invalidar la configuración de impuestos...: active para invalidar la configuración de impuestos del perfil del proveedor para el artículo. Si está activado, especifique una tasa fiscal única para el artículo, p. ej. 0% para donaciones a organizaciones de caridad exentas de impuestos.

• Peso: establezca un peso si está utilizando el envío basado en peso (solamente en EE.UU.), definido en el perfil de PayPal. Normalmente, las libras (lb) se utilizan como unidad de medida, pero también se pueden establecer kilogramos (kg) si es necesario.

Elija de la configuración anterior y haga clic en Siguiente>. Si está utilizando la combinación de base de datos de

Page 203: Web Pluses

Adición de objetos web dinámicos

193

comercio electrónico, el cuadro de diálogo Detalles del artículo le permite elegir una base de datos de comercio electrónico para su uso con el proveedor elegido. Recuerde establecer la moneda en la que desea realizar la transacción.

6. Solamente para los formularios de comercio electrónico se muestran los dos cuadros de diálogo siguientes:

• El cuadro de diálogo Descripción del artículo le permite incluir opcionalmente una imagen (p. ej., obtener una vista previa del artículo que está a la venta) y una descripción larga y corta que se mostrará en el formulario. Haga clic en Siguiente>.

• El cuadro de diálogo Opciones de artículos le permite crear cuadros de edición, cuadros combinados, botones de opción y nombres fijos (se pueden seleccionar hasta 10 opciones por formulario en PayPal; solo una opción que cambia con el precio) según sea necesario; puede realizar el diseño desde cero o utilizar campos de opciones previamente guardados. Haga clic en Siguiente>. No se mostrará para formularios que se repiten.

7. En el cuadro de diálogo Detalles del artículo, establezca una cantidad predeterminada en el cuadro de entrada o active la casilla para dejar que el usuario especifique una cantidad en el momento de finalizar la transición (no se mostrará para los formularios que se repiten). O bien: Active la opción Añadir cuadro de edición para que el cliente pueda definir la cantidad que pedirá. Para el envío y manipulación asociados con el pedido, introduzca una cantidad para Manejo, Envío y Gastos de envío adicionales. Si se deja en blanco, se utilizará el perfil predeterminado de PayPal. No se mostrará para formularios que se repiten. Haga clic en Siguiente>.

Page 204: Web Pluses

Adición de objetos web dinámicos

194

8. En el cuadro de diálogo Información adicional del cliente, elija preguntar al cliente una dirección, no preguntar o exigir al cliente que introduzca una dirección. Opcionalmente, haga una pregunta del cliente en el cuadro de texto. Haga clic en Siguiente>.

9. El cuadro de dialogo Páginas de pago ofrece algunas opciones de pago, como:

• Introducir el nombre del estilo de página de pago (si se configuró por adelantado mediante el inicio de sesión de PayPal).

• Definir un idioma para la página de inicio de sesión de PayPal. Seleccionar de la lista desplegable.

• Cambiar el nombre del botón Continuar en la Página de pago correcto.

• Si es necesario, defina las Páginas de pago correcto o Páginas de pago cancelado. Escriba la dirección URL de la página o seleccione una entrada de la lista desplegable.

10. Únicamente para los formularios de comercio electrónico, seleccione un diseño del formulario del cuadro de diálogo Diseño del formulario. Varias opciones de casillas de verificación le permiten controlar lo que se muestra en el diseño del formulario. Puede desactivar el precio, y si se utilizan formularios de áreas que se repiten, puede ocultar/mostrar la imagen de texto, descripciones cortas/largas, opciones fijas y un cuadro de edición ficticio de cantidad. Se puede cambiar el formato de los formularios con la casilla de verificación Volver a cambiar el formato ahora.

11. Haga clic en Finalizar.

Page 205: Web Pluses

Adición de objetos web dinámicos

195

12. Para insertar el formulario o el botón, coloque el cursor donde desea que aparezca en la página y, a continuación, haga clic en él.

Para editar un botón o formulario de comercio electrónico:

1. Haga doble clic en el formulario o el botón.

2. Edite la configuración de comercio electrónico pantalla por pantalla en el cuadro de diálogo que se muestra.

Para convertir a un formulario estándar:

• Haga clic con el botón secundario del ratón en el formulario existente de comercio electrónico y elija Convertir a formulario.

Uso de la combinación de bases de datos La combinación de base de datos consiste en extraer el contenido de datos de una base de datos existente (base de datos Serif SDB, Microsoft Access, dBASE), HTML, archivo de Excel, ODBC o un archivo de texto delimitado y en presentar la información, por ejemplo, en un área que se repite o un fragmento HTML. El contenido, conocido como origen de datos puede ser una lista de correo, lista personal, lista de productos, un inventario o una lista de ventas. De hecho, es cualquier información que se pueda guardar.

Page 206: Web Pluses

Adición de objetos web dinámicos

196

Al igual que con el texto, es posible incluso combinar datos de imágenes (por ejemplo, una biblioteca de fotografías digitales) en campos únicos o, incluso, crear automáticamente un diseño de cuadrícula para imágenes y texto adecuado para los catálogos o álbumes de fotografía. WebPlus incluso puede automáticamente crear una base de datos fotográfica, una base de datos sencilla usando el formato SDB (base de datos Serif), para imágenes en una carpeta. Puede combinar imágenes en un solo campo o, incluso, generar automáticamente un diseño que se repite en cuadrícula, apropiado para catálogos o álbumes de fotografía.

Page 207: Web Pluses

Adición de objetos web dinámicos

197

Introducción

Para sus necesidades básicas de combinación de bases de datos, WebPlus proporciona su propio formato de archivo base de datos de Serif. Los "archivos SDB", como se conocen porque utilizan la extensión *.SDB, son ideales para almacenar datos de texto sin formato, usados normalmente para listas de productos, pero también se pueden utilizar para otras tareas. Puede crear una lista creando un nuevo archivo SDB y luego “rellenar los huecos”. Una ventaja de usar el formato de base de datos de Serif es que puede editar sus datos (incluso añadir campos e información nuevos) directamente en WebPlus. Por supuesto, los orígenes de datos más complejos tienen sus propias ventajas y WebPlus también puede combinar datos externos desde una serie de formatos diferentes. Puede importar archivos de texto sin formato (como, el texto exportado de un programa de correo electrónico), así como tablas de páginas web HTML, archivos de bases de datos de programas como Access, Outlook, Excel... e, incluso, servidores ODBC en vivo.

Sea cual sea su origen de datos, una vez que usted lo ha elegido en WebPlus puede editar la lista de combinación (los datos reales que se combinarán), especificando qué registros se incluirán o excluirán y aplicar funciones avanzadas de filtro/ordenación para perfeccionar los datos. Tendrá que insertar campos de marcador de posición en un área que se repite en la página web; los datos se combinarán en dichas áreas que se repiten. Al instante, podrá combinar de manera que cada área que se repite se “vuelva a generar” varias veces dentro de un nuevo sitio con los datos de cada registro que aparecerán uno por uno.

Como características de combinación más avanzadas, puede usar los delimitadores de combinación a hipervínculo entre las páginas de resumen y principal para cada registro. Además, los campos de combinación se pueden insertar en títulos de la página generados para permitir la navegación entre las listas de resumen/páginas principales. Consulte Combinación de base de datos avanzada.

En el comercio electrónico se puede usar la combinación de base de datos con una base de datos Serif de comercio electrónico y los formularios que se repiten Comprar ahora o Añadir al carro de

Page 208: Web Pluses

Adición de objetos web dinámicos

198

compra. Las áreas que se repiten también pueden usarse pero los formularios de comercio electrónico proporcionan transacciones directamente con su proveedor de carro de la compra (p. ej., PayPal, Mal's, etc.) en la forma de los botones Comprar ahora/Añadir al carro de la compra. (Consulte la Ayuda de WebPlus para obtener más información)

Creación de un origen de datos

Puede crear un nuevo archivo de base de datos de Serif (*.sdb) fácilmente en WebPlus. Esta base de datos, una vez que está rellenada, se puede usar como origen de datos que puede combinar en el sitio web.

Para crear un nuevo archivo de base de datos de Serif (*.sdb:

1. Seleccione Crear nueva base de datos de la barra de herramientas Combinación de base de datos (activar primero)..

2. Con las “base de datos de Serif (*.sdb)” que se muestran en la lista Guardar como tipo, desplácese a una carpeta y escriba un nombre para el nuevo archivo y haga clic en Guardar.

3. En el cuadro de diálogo Personalizar la base de datos, haga clic en el botón Insertar....

4. En el cuadro de diálogo, cree cada campo que componga la nueva base de datos proporcionando un nombre de campo y haciendo clic en Aceptar uno por uno.

5. Los campos se muestran en el cuadro de diálogo Personalizar base de datos:

• Para eliminar un campo, seleccione el nombre de campo y haga clic en Eliminar.

Page 209: Web Pluses

Adición de objetos web dinámicos

199

• Para cambiar el nombre de un campo, seleccione el nombre de campo y haga clic en Cambiar nombre….

• Para cambiar el orden de los campos dentro de la lista, seleccione el nombre del campo y haga clic en Subir o Bajar.

6. Haga clic en Aceptar.

7. El cuadro de diálogo Editar base de datos se abre y muestra el primer registro con seis campos a la vista. Desplácese hacia abajo para ver más campos, si se han creado. Como es una nueva base de datos, los campos estarán en blanco; puede comenzar a incorporar información ahora (es decir, añadir un registro), o esperar más adelante. Para incorporar información, solo tiene que escribir en un campo. Para crear un nuevo registro, haga clic en Añadir; repita para cada registro y cuando haya acabado haga clic en Aceptar.

Haga clic en Aceptar para cerrar el cuadro de diálogo Combinar lista y volver al sitio.

WebPlus le permite crear su propia base de datos fotográfica para mostrar arte digital; los datos EXIF también se guardan. Consulte la Ayuda de WebPlus para obtener más información.

Inserción de áreas que se repiten para los datos

Para que el esquema funcione correctamente necesitará incluir el contenido del origen de datos en una página web. WebPlus le permite crear rápidamente un diseño que se repite que organiza los campos de marcadores de posición, generando un nuevo sitio con tantas páginas como necesite y rellenando los campos con el texto o las imágenes de un origen de datos especificado. Puede

Page 210: Web Pluses

Adición de objetos web dinámicos

200

crear cualquier número de orígenes de datos, pero solo puede tener uno abierto a la vez por área que se repite.

Cada área que se repite tiene su propio origen de datos; solo un área que se repite puede ocupar cada página web.

Un diseño que se repite comienza con un área que se repite, básicamente una misma celda cuyo tamaño de unidad determina cuántos registros de base de datos se pueden disponer por toda la página. Dentro del área que se repite, puede colocar cualquier elemento, por ejemplo:

• Uno o más campos de texto con datos extraídos del mismo registro.

• Uno o más campos de imágenes en los que se pueden combinar imágenes de un registro de datos concreto para que aparezcan.

• Otros objetos como texto artístico, QuickShapes... ¡cualquier cosa!

Usted se concentra en crear el área que se repite y colocar los campos (u otros elementos) y WebPlus se encarga de repetirlas en un diseño de cuadrícula de repetición y de combinar el texto o las imágenes del origen de datos en un sitio nuevo. Cada área de repetición se “vuelve a generar” varias veces dentro del nuevo sitio, con datos de un registro diferente apareciendo cada vez.

Para crear un diseño que se repite:

1. Elija cualquier origen de datos adecuado.

2. Haga clic en el botón Insertar área que se repite en la barra de herramientas Combinación de base de datos (activar en primer lugar).

Page 211: Web Pluses

Adición de objetos web dinámicos

201

3. En el cuadro de diálogo Elegir base de datos de combinación, haga clic en Examinar... para seleccionar un origen de datos, haga clic en Abrir y, a continuación, en Aceptar. También puede crear una nueva base de datos en este punto, haciendo clic en Nuevo… (Consulte Creación de un origen de datos más arriba).

4. El cuadro de diálogo Configuración de mosaico del área que se repite aparecerá, mostrando un diseño de página que inicialmente consiste en una cuadrícula de 1x4 mosaicos: un área que se repite a lo largo de la página y cuatro hacia abajo. La región de vista previa de la izquierda refleja la configuración actual del cuadro de diálogo.

5. Puede establecer propiedades exactas para el área que se repite (la unidad básica) en el cuadro de diálogo o, bien, puede cerrar el cuadro de diálogo y, directamente, arrastrar para establecer el tamaño y la forma del área. O puede utilizar un método combinado reabriendo el cuadro de diálogo tantas veces como sea necesario.

• Usando el cuadro de diálogo, especifique el diseño de la cuadrícula con el número de áreas que se repiten que desee que aparezcan a lo ancho y a lo largo. Otras opciones que puede modificar son la posición Izquierda y Arriba de la página, el Ancho y Alto del área que se repite y los intervalos opcionales en horizontal y vertical entre las áreas que se repiten. Active la opción Ampliar página para que se ajuste a todos los mosaicos para obtener todos los registros mostrados en una sola página (recomendada especialmente para listas de resumen de una línea); la opción de diseño hacia abajo se omite.

• En la página, puede arrastrar el objeto de área que se repite para moverlo o arrastrar el controlador para cambiarle el tamaño.

Page 212: Web Pluses

Adición de objetos web dinámicos

202

Cuando se guarda un sitio, WebPlus “recuerda” el origen de datos actual y lo abrirá de nuevo “de fondo” automáticamente la siguiente vez que abra la página web; por tanto, mientras utilice el mismo origen, no tendrá que volver a abrirlo.

Para editar un diseño que se repite existente:

1. Con el área que se repite seleccionada, haga clic en

Diseño de área que se repite de la barra de herramientas de contexto.

2. Aparecerá el cuadro de diálogo Configuración de mosaico del área que se repite, que le permite modificar el diseño del área que se repite.

Apertura de un origen de datos diferente

Además de crear un archivo de base de datos de Serif, WebPlus también le permite abrir un archivo distinto ya existente en la base de datos de Serif u otro origen de datos externo como archivo de texto sin formato (separados por comas o de ancho fijo), otras bases de datos, hoja de cálculo y mucho más. Puede editar, seleccionar, filtrar y/o ordenar los datos reales que se van a combinar.

Para abrir un origen de datos diferente:

1. Con el área que se repite seleccionada, haga clic en

Editar base de datos en la barra de herramientas de contexto.

2. En el cuadro de diálogo, haga clic en el botón Examinar... y en la flecha hacia abajo en la lista desplegable de formato de archivo junto a la lista desplegable Nombre de archivo, seleccione el tipo de origen de datos que desea abrir, y haga clic en Abrir.

Page 213: Web Pluses

Adición de objetos web dinámicos

203

Siga las instrucciones que dé WebPlus en función del tipo de origen de datos que seleccione. Por ejemplo:

• Si el origen de datos incluye más de una tabla: Se le solicitará que especifique la tabla para la importación.

• Si ha seleccionado un archivo de texto (.TXT, .CSV, .TAB, .ASC) con origen de datos en formato delimitado o de ancho fijo: WebPlus abre un cuadro de diálogo Formato de datos, con una vista previa de los datos de archivo seleccionado.

• En la primera pantalla, especifique Delimitado o Ancho fijo. Si el primer registro de datos enumera títulos de varias columnas, active La primera línea contiene cabeceras de columna. Si el archivo de origen utiliza Calificador de texto (por ejemplo, unas comillas para rodear campos de texto como “Apartamento 3, nº 14 C/ Hopalong” que pueden contener comas y que se podría interpretar como varios campos), seleccione el carácter correspondiente en la lista.

• Haga clic en Siguiente. El aspecto de la pantalla siguiente depende de si ha especificado un archivo delimitado o de ancho fijo. Puede especificar el delimitador o comprobar (y corregir, en caso necesario) los saltos usados para separar los campos de datos. Compruebe con minuciosidad que la vista previa de los datos es correcta y haga clic en Finalizar. Nota: Si necesita cambiar el formato de los datos una vez que se ha cerrado el asistente, vuelva a abrir el archivo de origen y repase el cuadro de diálogo Formato de datos, cambiando la configuración si es necesario.

Page 214: Web Pluses

Adición de objetos web dinámicos

204

3. Una vez que haya completado cualquier paso intermedio, el cuadro de diálogo Elegir base de datos de combinación aparece. Si hace clic en el botón Editar... se abre el cuadro de diálogo Combinar lista, presentando los datos en formato de columna/fila, donde puede seleccionar, filtrar u organizar los datos reales que se combinarán. Puede realizar todos los cambios que necesite ahora o más adelante.

4. Haga clic en Aceptar para cerrar el cuadro de diálogo Combinar lista y volver a la página web. El origen de datos que acaba de abrir continúa siendo un origen de datos activo.

Edición de archivos de base de datos de Serif

Cada registro del archivo de base de datos de Serif (*.sdb) contiene 20 campos estándar. Para los datos guardados en formato SDB, puede usar el cuadro de diálogo Editar base de datos para crear o eliminar registros, incorporar información, buscar un texto concreto o revisar el orden de los campos, incluso añadir campos y datos nuevos.

Otros archivos de base de datos no editables.

Para editar un archivo de base de datos Serif (*.sdb):

1. Con el área que se repite seleccionada, haga clic en

Editar base de datos en la barra de herramientas de contexto.

2. En el cuadro de diálogo, haga clic en el botón Editar.... (Si el botón está deshabilitado significa que el origen de datos actual no es un archivo SDB.)

3. Se abre el cuadro de diálogo Combinar lista, presentando los datos en formato de columna/fila, donde puede editar, seleccionar, filtrar u organizar los datos reales que se combinarán. Puede realizar todos los cambios que

Page 215: Web Pluses

Adición de objetos web dinámicos

205

necesite ahora o más adelante. Haga clic en el botón Editar....

4. El primer registro de base de datos actual aparecerá, con seis campos en la vista (desplácese hacia abajo para ver otros campos). Utilice el cuadro de diálogo Editar base de datos para editar los datos.

• Para incorporar información, solo tiene que escribir en un campo. Cada campo se limita a un máximo de 255 caracteres.

• Para crear un nuevo registro, haga clic en Añadir.

• Utilice los botones de flecha para desplazarse entre los registros o escriba un número de registro y pulse Intro.

• Para eliminar el registro en curso, haga clic en Eliminar. Si hace clic en Eliminar en el primer registro, se borra la información, pero el formulario de registro sigue permaneciendo.

• Para encontrar apariciones de texto específico, haga clic en Buscar… y especifique el Campo que desee buscar. La lista de registro muestra el texto que aparece en dicho campo en toda la base de datos. Haga doble clic en una entrada (o selecciónela y haga clic en Aceptar), para ver ese registro en concreto.

• Para personalizar los campos de base de datos, haga clic en Personalizar.... En el cuadro de diálogo, haga clic en Insertar... para crear un campo nuevo o seleccione un campo y haga clic en Eliminar para quitar uno. Para cambiar un campo, selecciónelo y haga clic en Cambiar nombre…. También puede hacer clic en Subir o Bajar para cambiar el orden de los campos de la lista.

Page 216: Web Pluses

Adición de objetos web dinámicos

206

5. Para actualizar la lista y salir del cuadro de diálogo, haga clic en Aceptar.

Si cierra el cuadro de diálogo Editar base de datos no se cierra el archivo de base de datos; continúa siendo un origen de datos activo con fines de combinación de base de datos. No obstante, los cambios que ha realizado se guardan en el disco en este momento.

Inserción de marcadores de posición para sus datos

Para combinar la información de un origen de datos estructurado en una página web, necesitará insertar campos de marcadores de posición en el área que se repite creada (véase más arriba) para que WebPlus sepa qué datos de campos debe utilizar. Realmente, existen dos tipos de marcadores de posición. Los campos de texto obviamente tratan la información basada en texto como datos de la lista de direcciones; los campos de imagen agregarán imágenes recuperadas de los nombres de ruta de archivos guardados en la base de datos.

Para insertar un marcador de posición de campo de texto o de imagen:

1. Con el área que se repite seleccionada, haga clic en el

botón Insertar campo de texto o Insertar campo

de imagen en la barra de herramientas de contexto. Se abrirá un cuadro de diálogo, mostrando una lista de campos (texto o imagen) en el origen de datos actualmente seleccionado.

2. En la lista de desplazamiento del cuadro de diálogo, haga doble clic en el campo para insertar (o selecciónelo y haga clic en Insertar).

Page 217: Web Pluses

Adición de objetos web dinámicos

207

3. El campo aparecerá en la página web. El cuadro de diálogo permanece abierto, de modo que puede insertar nuevos campos si los necesita.

4. Arrastre cada campo para ponerlo exactamente en el área que se repite (cambie el tamaño si es necesario). Existe un breve "momento de bloqueo” (donde el Ajuste está activado o desactivado) en el que el campo se acopla al área de repetición. El contenido del campo queda sombreado y, a partir de ese momento, al arrastrar el objeto de área que se repite, también se arrastra el contenido. En los campos de imagen, para configurar las propiedades de presentación, como el tamaño y la alineación de la imagen dentro del campo de imagen, haga clic con el botón secundario y seleccione Propiedades del marco.... Normalmente, la opción Escala para el ajuste mínimo funciona mejor para los campos de imagen. También puede cambiar el tamaño del marco arrastrando los controladores.

5. Para cerrar el cuadro de diálogo, haga clic en Cerrar.

Selección, filtrado y ordenación de listas combinadas

Sea cual sea el tipo de origen de datos que esté utilizando, siempre puede ver los datos actuales en formato de filas y columnas, con la opción de personalización combinar lista (los datos que se combinarán), incluyendo o excluyendo registros concretos. Puede hacerlo "manualmente" o preferiblemente aplicando eficientes opciones de filtrado y ordenación, las cuales permiten incluir solo algunos registros, u organizar registros en orden, según el contenido de ciertos campos. Por ejemplo, con una base de datos de lista de direcciones o de contacto puede ordenar por código postal y luego por apellidos.

Page 218: Web Pluses

Adición de objetos web dinámicos

208

Para editar la lista de combinación actual:

1. Con el área que se repite seleccionada, haga clic en

Editar base de datos en la barra de herramientas de contexto.

2. Utilice el botón Editar... para acceder al cuadro de diálogo Combinar lista de combinación.

3. Especifique qué registros se incluirán o excluirán (activando/desactivando) y aplique las funciones avanzadas de filtro/ordenación (con el botón Filtro…) para perfeccionar los datos.

4. Haga clic en Aceptar.

Combinación y publicación

Una vez que tiene seleccionado qué registros va a combinar (su lista de combinación) y ha introducido todos los marcadores de posición necesarios, como se indica más arriba, ya está listo para combinar el contenido de la base de datos con un sitio temporal y, después, publicarlo.

Para combinar con un nuevo sitio:

1. Haga clic en Combinar con nuevo sitio en la barra de herramientas de contexto.

2. Entonces, WebPlus genera un sitio nuevo en una ventana aparte, replicando el área básica que se repite tantas veces como registros haya en los datos. El diseño utiliza la organización en cuadrícula que haya especificado, en la que cada celda incluye los datos de un solo registro, siguiendo el orden de los registros de la lista de combinación. WebPlus inserta páginas nuevas según se vayan necesitando para incluir todos los registros. Observe que el área que se repite ya no está presente, sino que se ha convertido en un diseño de cuadrícula que

Page 219: Web Pluses

Adición de objetos web dinámicos

209

utiliza los datos combinados, en vez de los campos de marcadores de posición.

Si necesita ajustar las propiedades de visualización, como el tamaño y la alineación de la imagen para cualquier marco de imagen individual, haga clic con el botón secundario del ratón en el cuadro y elija Propiedades del marco....

El sitio original permanece abierto en su propia ventana. No olvide guardarlo por si necesita repetir el proceso de combinación con otro conjunto de datos. Si no está satisfecho con el sitio resultante, vuelva al original, realice cambios y repita el proceso de combinación.

Para publicar el sitio:

Con el activo combinado del sitio actualmente activo, elija Publicar sitio> en el menú Archivo y seleccionePublicar en la Web.

De forma predeterminada, la combinación ocurrirá automáticamente antes de comenzar la publicación. Si no desea combinar cada vez, desactive Combinar antes de publicar en el cuadro de diálogo Publicar en la Web.

Uso de objetos inteligentes Para las modernas características web interactivas (contadores, foros, blogs, reserva de recursos, etc.), WebPlus emplea objetos inteligentes de servidor colocados en la página. Los objetos inteligentes almacenan los datos recopilados del visitante de la web en un espacio propio del servidor seguro Serif. Estos objetos están disponibles en Recursos Web Serif, un servicio seguro en línea que, además de crear e insertar objetos inteligentes, permite almacenar y administrar datos de objetos una vez que el sitio se ha publicado y está activo.

Page 220: Web Pluses

Adición de objetos web dinámicos

210

A continuación, veremos cada uno de los objetos inteligentes que encontrará en Recursos Web y lo que puede hacer con ellos. Nombre Utilizar el

Vista activa

Se utiliza para mostrar cuántas personas están viendo actualmente la página web.

Blog

Un blog funciona como un diario personal en la página web que recoge sus propios artículos, publicados en un editor de texto fácil de utilizar. Los visitantes de la página web pueden comentar los artículos. Con los blogs puede:

• Añadir su propio perfil personal.

• Añadir vínculos de marcadores sociales.

• Utilizar los retroaccesos de artículos para referencias cruzadas entre blogs; recibir retroaccesos.

• Utilizar las etiquetas para clasificar los artículos y facilitar así el acceso a los usuarios.

• Permitir a los usuarios suscribirse a los artículos (artículos/comentarios más recientes) a través de lectores de fuente RSS.

• Activar la protección anti-spam CAPTCHA.

• Aplicar estilos visuales (tema) a su blog.

• Usar Editor de grupos para publicar artículos de varios autores (consulte la pág. 232).

Page 221: Web Pluses

Adición de objetos web dinámicos

211

Foro

Añade un foro de discusión basado en un hilo al sitio, opcionalmente en una ventana de tamaño completo. Con los foros puede:

• Añadir, en distintas categorías (p. ej., automovilismo), varios subforos (clásicos, descapotables, personalizados, etc.).

• Establecer control de acceso para usuarios y moderadores (consulte la pág. 222).

• Definir la privacidad del foro como pública o privada.

• Aplicar un tema (estilo) al objeto total de foro.

• Crear, editar y asignar rangos de usuario.

• Definir permisos de usuario.

Los usuarios pueden ver una serie de temas, publicaciones y la última publicación enviada y, por supuesto, publicar contenido en el foro.

Contador de visitas

Constituye una forma sencilla de contar el número de visitas de la página actual (se puede restablecer si es necesario). Pueden adoptarse estilos diferentes.

Noticias

Añade una ventana de noticias a una página. El objeto es compatible con la edición de RTF, así como con los estilos de párrafos, hipervínculos, archivos multimedia introducidos e incluso edición de código fuente HTML.

Page 222: Web Pluses

Adición de objetos web dinámicos

212

Encuesta

Inicia una encuesta en línea para conocer las opiniones de los visitantes de la página web.

Sistema de gestión de contenidos (CMS)

Permite que el desarrollador web agregue contenido a las páginas web de forma remota, sin acceder ni publicar a través de WebPlus. El contenido se organiza en artículos, que se pueden clasificar, crear, modificar, eliminar y agrupar en categorías. Los visitantes del sitio pueden comentar y evaluar cualquier artículo.

Se pueden dar al CMS sus propios colores.

Reserva de recursos

Ofrece la reserva en línea de habitaciones de hotel, salas de reuniones, salones de ensayo, entradas para el teatro, etc. Se pueden hacer reservas por horas o por días, reservas recurrentes y reservas con varios precios para distintos grupos de edades.

Cuadro de mensajes

Actúa como una ventana de conversación interactiva parecida a Windows Messenger. Permite que los visitantes de la web hablen entre ellos.

Lista de usuarios

El objeto inteligente de lista de usuario funciona en dos modos (cada modo se puede seleccionar mediante un cuadro de diálogo emergente):

• Modo de lista de correo: los visitantes al sitio web se pueden suscribir a boletines, confirmaciones de fiestas, solicitud de información, etc. Las listas se pueden controlar de forma manual o mediante autosuscripciones.

Page 223: Web Pluses

Adición de objetos web dinámicos

213

• Modo de control de acceso: controla la accesibilidad a páginas, foros, blogs y CMS mediante el uso de grupos de usuarios. Consulte Control de acceso en la pág. 222 para obtener más información.

• Activar la protección anti-spam CAPTCHA durante el registro de un usuario.

• Crear grupos de usuarios (con las opciones de inicio de sesión del usuario, inicio de sesión automático y conexión a objetos inteligentes).

• Añadir, eliminar, suspender o prohibir usuarios.

Como los objetos inteligentes se guardan en los Recursos Web Serif, puede utilizar los botones de ayuda que acompañan a cada objeto inteligente (a medida que los crea y administra) para obtener información más detallada.

Por motivos de seguridad, los objetos solo están disponibles mediante el inicio de sesión de Recursos Web Serif, adonde se puede acceder desde WebPlus. Si no dispone de un nombre de usuario y contraseña válidos debe crear antes una cuenta de Recursos Web.

• Si Serif ya dispone de su dirección de correo electrónico (quizás ya se haya registrado o lo haya hecho anteriormente), se le harán una serie de preguntas para completar el registro de la cuenta.

Page 224: Web Pluses

Adición de objetos web dinámicos

214

• Si es nuevo en Serif y no se ha registrado deberá completar todos los pasos de seguridad, según sea necesario. En las pantallas de inicio de sesión se ofrecen todas las instrucciones.

Para crear una cuenta de Recursos Web Serif:

1. Haga clic en el botón Herramienta objeto inteligente, en la barra de herramientas Objetos web.

2. En el cuadro de diálogo de inicio de sesión, haga clic en el enlace Crear cuenta, situado bajo las casillas de inicio de sesión.

3. En el siguiente cuadro de diálogo, introduzca su dirección de correo electrónico, el nombre de pantalla y una contraseña dos veces. Deberá leer y estar de acuerdo con los términos y condiciones de uso de Serif (mediante una casilla de verificación).

4. Haga clic en el botón Iniciar sesión.

5. Aparece otro cuadro de diálogo en el que se le pedirán datos personales y que cuenta con unas casillas de verificación que puede activar si desea recibir boletines de la comunidad de Serif, ofertas de Serif u otras ofertas de terceros.

6. Se le enviará un correo electrónico de confirmación a su dirección de correo electrónico. Haga clic en el enlace del correo electrónico para iniciar sesión en Recursos Web Serif (vuelva a hacer de nuevo clic en Herramienta objeto inteligente).

Para borrar la información de la cuenta:

• Vaya a Herramientas>Opciones y haga clic en Borrar detalles de la cuenta, que aparece en la opción de menú Opciones>General. Así se borrará la información de

Page 225: Web Pluses

Adición de objetos web dinámicos

215

inicio de sesión almacenada, para que no vuelva a funcionar el inicio de sesión automático de Recursos Web Serif. Será necesario introducir la información la próxima vez, así que deberá recordar la contraseña.

Para acceder a Recursos Web:

1. Haga clic en el botón Herramienta objeto inteligente, en la barra de herramientas Objetos web.

2. En el inicio de sesión, introduzca el nombre de usuario y la contraseña. Active la casilla Recordar detalles de la cuenta para acceder a Recursos Web directamente en un futuro (saltándose la pantalla de inicio de sesión).

3. Haga clic en el botón Iniciar sesión. Aparecerá el cuadro de diálogo Objetos inteligentes.

Cuando haya creado la cuenta, puede comprobar la información de la misma desde el cuadro de diálogo Objetos inteligentes, haciendo clic en el botón Mi cuenta.

Creación de objetos inteligentes

Un objeto inteligente es un término general que hace referencia a los elementos que se utilizan en una página, como se ha tratado anteriormente. Los objetos inteligentes no se añaden directamente a la página desde los Recursos Web Serif, sino que se agregan primero a su propia biblioteca de objetos (la biblioteca le permite administrar y editar cada objeto) y, a continuación, se pueden añadir a la página web inmediatamente o más tarde.

Algunos objetos inteligentes están condicionados por otros objetos inteligentes que tienen que crearse primero. Un ejemplo es el objeto inteligente Foro, que necesita que antes se haya creado el objeto inteligente Lista de usuarios.

Page 226: Web Pluses

Adición de objetos web dinámicos

216

Los objetos inteligentes se pueden organizar en perfiles categorizados. Estos resultan útiles si se están administrando varios sitios web, en los que los objetos inteligentes se pueden agrupar en un perfil por sitio.

Para crear un perfil de objeto inteligente:

1. En el cuadro de diálogo principal Objetos inteligentes, haga clic en el botón Administrar perfiles, en la parte inferior del panel Mi biblioteca de objetos inteligentes.

2. Haga clic en Nuevo perfil y, a continuación, introduzca un Nombre nuevo en el cuadro de texto.

3. Haga clic en Guardar y, a continuación, haga clic en Salir.

El perfil se añade a la parte superior del panel Mi biblioteca de objetos inteligentes. A continuación, puede añadir objetos inteligentes al nuevo perfil mediante el método de arrastrar y soltar.

Para añadir un objeto a la biblioteca:

1. En el cuadro de diálogo principal Objetos inteligentes, haga clic en el botón Nuevo....

2. En el cuadro de diálogo Crear objeto inteligente, utilice la barra de desplazamiento para desplazarse por la lista y seleccione un objeto inteligente.

3. (Opcional) Para que el objeto inteligente trabaje en un idioma diferente al inglés, seleccione en el menú desplegable Idioma.

4. Seleccione Aceptar. En función del tipo de objeto seleccionado, aparecerá un cuadro de diálogo Crear que muestra opciones específicas al objeto inteligente.

5. En el cuadro de diálogo:

Page 227: Web Pluses

Adición de objetos web dinámicos

217

• Introduzca su propio Nombre para el objeto.

• (Opcional) Seleccione un perfil del menú desplegable si se ha creado previamente.

• (Opcional) Añada una cadena Filtrar fuera del sitio (el acceso al objeto se limitará al dominio introducido y evitará que la URL se copie).

• (Opcional) Cambie la configuración específica del objeto, p. ej., para algunos objetos también puede definir el título, los colores (para el cuerpo, el texto y el borde) y el grosor del borde si es necesario.

6. Haga clic en Crear.

El objeto denominado aparecerá en una lista en el panel izquierdo Mi biblioteca de objetos inteligentes. A continuación, se muestra un ejemplo de una selección de Objetos inteligentes, algunos están agrupados en un perfil personalizado denominado Objetos WWW arco iris.

Page 228: Web Pluses

Adición de objetos web dinámicos

218

Todos los objetos inteligentes se pueden añadir a la página, pero algunos tipos de objetos inteligentes (como los foros o blogs) no se añaden a una página web, sino que acceden directamente a Recursos Web Serif (mediante enlaces fuera del sitio o hipervínculos; consulte la pág. 105 o 105, respectivamente). La principal ventaja es que no existe ninguna limitación si se tiene el objeto inteligente contenido dentro de las dimensiones de la página (lo que evita el desplazamiento por la ventana).

Para añadir un objeto inteligente a la página web:

1. En el cuadro de diálogo Objetos inteligentes, seleccione el objeto que desea del panel izquierdo y haga clic en el botón Insertar.

2. Para insertar el objeto con un tamaño predeterminado, coloque el cursor en la parte de la página donde desea que aparezca el objeto y, a continuación, simplemente haga clic.

Automáticamente aparece una vista previa del objeto inteligente en la página, con lo que sabrá cómo se verá el objeto inteligente publicado.

Edición de objetos inteligentes

Después de crear un objeto inteligente, este se puede modificar en Mi biblioteca de objetos inteligentes o directamente en la página. Lo normal es que desee modificar los ajustes generales de apariencia del objeto, cambiar una pregunta de la encuesta o restablecer el contador de visitas a cero.

La modificación de un objeto solo afecta al objeto en sí y no altera los datos recopilados.

Las opciones del diálogo de modificación y creación de objetos inteligentes son idénticas.

Page 229: Web Pluses

Adición de objetos web dinámicos

219

Para editar un objeto inteligente en la biblioteca:

• En el cuadro de diálogo Objetos inteligentes, haga clic en el botón Editar... de la parte inferior del panel Mi biblioteca de objetos inteligentes.

Para editar un objeto inteligente en la página:

• Haga doble clic en el objeto para abrir el cuadro de diálogo Editar del objeto.

Si edita un objeto en la página web, el cambio también se refleja en la biblioteca de objetos y viceversa.

Aplicación de colores a los objetos inteligentes

Puede realizar cambios en los colores, en concreto en el blog, foro o CMS a medida que los edita o administra. Cada tipo de objeto inteligente tiene sus propios ajustes de colores, es decir: Objeto inteligente

Cómo configurar los colores

Blog Lista desplegable Estilo visual del cuadro de diálogo Editar - Nuevo blog.

Foro Lista desplegable Temas de foro del cuadro de diálogo Administrar - Mi Foro.

CMS Botones Título, Cuerpo e Info del cuadro de diálogo Editar - Nuevo CMS.

Además de estos ajustes de colores, puede invalidar los colores del texto y los hipervínculos de los objetos inteligentes para que coincidan con los colores del texto y de los hipervínculos del sitio. Con ello, los objetos inteligentes encajarán a la perfección en el aspecto del sitio. Cuando se utiliza la función de invalidar, se usan

Page 230: Web Pluses

Adición de objetos web dinámicos

220

de forma predeterminada los colores del texto y de los hipervínculos del esquema actual del sitio.

Para invalidar los colores de los hipervínculos y del texto de los objetos inteligentes:

1. En el menú Archivo seleccione Propiedades del sitio.

2. En el cuadro de diálogo, seleccione Características.

3. Active la opción Invalidar colores de objetos inteligentes.

Si se dejan las listas desplegables Texto e Hipervínculos sin modificar, se utilizarán los colores del esquema definido actualmente (indicado por números). Sin embargo, puede seleccionar colores de otro esquema o de ningún esquema.

Administración de objetos inteligentes

Mientras que la edición de objetos inteligentes afecta a la forma en la que funcionan los objetos, la administración de objetos inteligentes se puede utilizar para administrar los datos recopilados de los objetos cuando se publica la página web. Algunos objetos inteligentes, como los contadores de visitas, no necesitan administrarse, ya que se incrementan en cada visita web (aunque también se puede restablecer). Sin embargo, hay otros objetos inteligentes más complejos como el foro, blog, la reserva de recursos, la lista de usuarios, la encuesta y el cuadro de mensajes que almacenan datos recopilados de los visitantes, como comentarios de artículos, direcciones de correo electrónico, resultados de encuestas y registros de los mensajes de conversación.

El objeto inteligente de CMS se puede gestionar solo mediante un navegador web, utilizando la URL www.serifwebresources.com.

Page 231: Web Pluses

Adición de objetos web dinámicos

221

Para administrar editar un objeto inteligente desde la biblioteca:

• En el cuadro de diálogo Objetos inteligentes, haga clic en el botón Administrar de la parte inferior del panel Mi biblioteca de objetos inteligentes. Las opciones de administración son diferentes para cada tipo de objeto inteligente.

Consulte la ayuda de WebPlus para ver una descripción general de las funciones de administración.

Para administrar directamente objetos inteligentes en Internet:

• Inicie sesión en www.serifwebresources.com para controlar todos los objetos inteligentes independientemente del sitio de WebPlus. Utilice el inicio de sesión de Recursos Web habitual, al igual que anteriormente.

Eliminar objetos inteligentes

Para eliminar un objeto de una biblioteca:

• Seleccione la entrada del objeto en el panel Mi biblioteca de objetos inteligentes y haga clic en el botón Eliminar. Aparecerá un mensaje de confirmación.

Esto provocará que las páginas web cargadas que incluyan el objeto muestren un espacio vacío hasta que el objeto se elimine de la página web correspondiente de WebPlus y la página web se vuelva a cargar de nuevo.

Para eliminar un objeto de la página:

• Seleccione el objeto y pulse el botón Eliminar.

Page 232: Web Pluses

Adición de objetos web dinámicos

222

Control de acceso El control de acceso permite aplicar seguridad al sitio, ya sea para restringir el acceso a determinadas páginas o para controlar el acceso de los usuarios a foros y otras características de los recursos Web Serif.

• Para la seguridad de la página: iniciar sesión en una o varias páginas protegidas por contraseña o a través de un cuadro de inicio de sesión incluido en la página. Por lo general, se utiliza en sitios web personales o de pequeñas empresas; puede permitir el acceso ilimitado a la mayor parte del sitio, con un pequeño conjunto de páginas accesibles solo a visitantes web seleccionados. Por ejemplo, puede hacer que una página de galería fotográfica de su familia sea "privada", pero compartirla con sus familiares (mediante control por contraseña). La información de inicio de sesión se almacena en un grupo de usuarios asociado a la página que contiene una lista de los usuarios asociados; la adición de usuarios se realiza bien de forma manual, por parte del administrador web, o bien mediante suscripción por parte de los propios nuevos usuarios.

• Para la seguridad de objetos inteligentes: proporciona control de acceso para foros, blogs y CMS (consulte la pág. 232).

• Foros: para la administración de usuarios y la moderación de grupos.

• Blogs: para añadir y eliminar artículos a través de un grupo de editores.

• CMS: para administrar los artículos del CMS.

El control de acceso se puede ejercer a través de Recursos Web Serif mediante el uso de un objeto inteligente de lista de usuarios, que se puede crear para administrar usuarios y grupos de usuarios y el modo en que estos inician sesión.

Page 233: Web Pluses

Adición de objetos web dinámicos

223

A modo de recordatorio breve, Recursos Web Serif es un servicio en línea seguro alojado por Serif en el que se almacenan de forma segura objetos inteligentes (consulte la pág. 209) y todos los datos generados. Puede administrar su objeto inteligente de lista de usuarios, al igual que cualquier otro objeto inteligente, desde WebPlus o a través de www.serifwebresources.com, en cualquier momento.

El correcto establecimiento del control de acceso en su sitio web depende de los siguientes pasos.

• Configuración del objeto inteligente de lista de usuarios

• Adición de usuarios (manual o mediante registro)

• Habilitación del control de acceso

• Adición de un cuadro de inicio de sesión

• Control de usuario avanzado

Configuración del objeto inteligente de lista de usuarios

En primer lugar, debe crear un objeto inteligente de lista de usuarios y, a continuación, crear uno o varios grupos conectados a ese objeto inteligente. Por lo general, solo necesitará un objeto inteligente por sitio; a continuación, puede utilizar cada uno de los grupos para controlar el acceso a determinadas páginas o recursos de objetos inteligentes.

Page 234: Web Pluses

Adición de objetos web dinámicos

224

Para crear un objeto inteligente de lista de usuarios:

1. Haga clic en el botón Herramienta objeto inteligente

, en la barra de herramientas Objetos web.

2. Inicie sesión en Recursos Web Serif (Consulte Uso de objetos inteligentes; p. 209). Se da por hecho que ya dispone de un inicio de sesión válido; de lo contrario, tendrá que registrarse.

3. En el cuadro de diálogo, seleccione el botón Nuevo..., en la parte inferior del panel Mi biblioteca de objetos inteligentes.

4. En el cuadro de diálogo, utilice la barra de desplazamiento para moverse por la lista de objetos inteligentes y, a continuación, seleccione Lista de usuarios y haga clic en Aceptar.

5. En el cuadro de diálogo que aparecerá, seleccione Control de acceso.

6. En el cuadro de diálogo, dé un nombre al objeto inteligente, guárdelo en un perfil y modifique los colores y fuentes del título, texto/etiquetas, botones o borde.

7. Haga clic en Crear. El nuevo objeto inteligente aparecerá en la biblioteca de objetos inteligentes.

8. Haga clic en Salir para salir de Recursos Web Serif.

Una vez que haya creado el objeto inteligente, podrá crear grupos de usuarios y asociarlos a él mediante la característica Administrar.

Para controlar el registro de usuarios y la seguridad:

1. Haga clic en el botón Herramienta objeto inteligente

, en la barra de herramientas Objetos web.

Page 235: Web Pluses

Adición de objetos web dinámicos

225

2. Con el objeto inteligente de lista de usuarios seleccionado, en el panel Mi biblioteca de objetos inteligentes, haga clic en el botón Administrar para que aparezca el cuadro de diálogo Usuarios.

3. Para activar el registro de usuarios en el objeto inteligente, active la opción Permitir registro en la lista de usuarios. Esto permite que aparezca un vínculo Regístrese en el cuadro de inicio de sesión.

4. Para aumentar la seguridad en el registro de usuarios, active la opción Habilitar CAPTCHA. CAPTCHA es una técnica anti-spam en la que se muestra texto arbitrario generado por el servidor; el visitante web debe escribir el texto, que seguidamente se validará.

5. Escriba una URL de redireccionamiento en el cuadro Redirigir tras iniciar sesión si desea dirigir al usuario a una página web determinada una vez que inicie sesión correctamente.

6. Haga clic en Actualizar.

Para crear un grupo de usuarios:

1. En el cuadro de diálogo, haga clic en Grupos, en el menú superior.

2. En el cuadro de diálogo Crear nuevo grupo, escriba un Nombre de grupo, que debe reflejar cuál es el uso al que está destinado el grupo; por ejemplo, "Accesofotos".

3. Haga clic en el botón Crear grupo, compruebe la configuración del cuadro de diálogo y haga clic en Hecho. El grupo se añadirá al menú desplegable Grupo.

Page 236: Web Pluses

Adición de objetos web dinámicos

226

Para administrar un grupo de usuarios:

• Seleccione el nombre del grupo en el menú desplegable Grupo y, a continuación, haga clic en Administrar grupo.

En el cuadro de diálogo, puede cambiar el nombre del grupo y ver el número de usuarios del grupo. Puede realizar cambios haciendo clic en el botón Actualizar grupo o borrarlo mediante el botón Eliminar grupo.

Adición de usuarios (manual o mediante registro)

adición de usuarios manualmente

Por lo general, la adición manual de usuarios es adecuada para entornos controlados, como pequeñas empresas, organizaciones o clubs, en los que los usuarios son "conocidos".

Por cada grupo de usuarios que se crea, se puede añadir un grupo de usuarios a cada grupo de forma manual o bien mediante la importación desde un archivo de texto delimitado por comas por parte del administrador web.

Es posible utilizar un inicio de sesión de usuario (el mismo para todos los usuarios) o crear uno por cada usuario, lo que permite controlar más el acceso (por ejemplo, para listas de miembros).

registro de usuarios

A la inversa, el registro de usuarios está pensado para un acceso más público, en el que no resulta práctico controlar a los usuarios; así, el usuario puede registrarse y, a continuación, iniciar sesión mediante sus credenciales. El administrador web sigue teniendo la opción de administrar estos usuarios dentro de sus grupos a través del

Page 237: Web Pluses

Adición de objetos web dinámicos

227

objeto inteligente de lista de usuarios.

Para emplear este método, es necesario colocar en la página un cuadro de inicio de sesión en pantalla (por lo general, una página maestra).

Puede añadir más de un usuario al mismo grupo de usuarios. El mismo usuario puede pertenecer a varios grupos de usuarios.

Para añadir un usuario manualmente:

1. Haga clic en el botón Herramienta objeto inteligente

, en la barra de herramientas Objetos web.

2. Con el objeto inteligente de lista de usuarios seleccionado en el panel Mi biblioteca de objetos inteligentes, haga clic en el botón Administrar del objeto para que aparezca el cuadro de diálogo Usuarios.

3. En la sección Agregar nuevo usuario, situada en la parte inferior del cuadro de diálogo, introduzca la dirección de correo electrónico del usuario en el cuadro Correo electrónico.

Con la opción Requiere activación activada, se enviará

Page 238: Web Pluses

Adición de objetos web dinámicos

228

por correo electrónico al usuario un vínculo junto con una contraseña generada automáticamente. Si está desactivada, solo se enviará una contraseña generada automáticamente. Con la opción Enviar a usuario activada, se enviará un mensaje de correo electrónico al usuario; si no está activada, no se enviará dicho mensaje, aunque sí se añadirá el usuario. La contraseña debe comunicarse al usuario a través de otro medio (por teléfono o de forma verbal).

4. Haga clic en el botón Añadir usuario. El usuario se añade a la lista de usuarios, en la sección Usuarios.

5. Para asignar usuarios a un grupo, haga clic en Grupos, en el menú superior.

6. Seleccione el grupo en la lista desplegable Grupo y, a continuación, añada el usuario seleccionado en el cuadro Usuarios al cuadro Grupo haciendo clic en el botón Agregar (si va a añadir a todos los usuarios, haga clic en Añadir todos). A partir de ese momento, el usuario pertenecerá al grupo de usuarios. Para eliminar usuarios, utilice el botón Quitar (o Quitar todo) del grupo.

Si esta característica está configurada, puede hacer que los usuarios se registren a sí mismos, lo que evita la necesidad de tener que añadir y administrar manualmente cada usuario tal y como se describe más arriba. Esto se hace a través de Recursos Web Serif.

Para habilitar el registro de usuarios:

Para emplear este método, es necesario añadir un cuadro de inicio de sesión a la página maestra. Los nuevos visitantes del sitio pueden registrarse para convertirse en usuarios registrados (haciendo clic en el vínculo Regístrese, en el cuadro de inicio de sesión).

Page 239: Web Pluses

Adición de objetos web dinámicos

229

1. Haga clic en el botón Herramienta objeto inteligente

, en la barra de herramientas Objetos web.

2. Con el objeto inteligente de lista de usuarios seleccionado en el panel Mi biblioteca de objetos inteligentes, haga clic en el botón Administrar del objeto para que aparezca el cuadro de diálogo Usuarios.

3. Haga clic en Grupos, en el menú superior.

4. En el cuadro de diálogo, seleccione un grupo existente en la lista desplegable Grupo y, a continuación, haga clic en Administrar grupo.

5. Active la opción Agregar nuevos usuarios cuando se registren y los detalles de inicio de sesión del usuario se añadirán al grupo de usuarios durante el registro. Cuando esta opción está activada, el proceso de inicio de sesión permite el acceso a todos los grupos que tengan habilitado el registro; de lo contrario, las páginas restringidas estarán protegidas.

6. Haga clic en Actualizar grupo y, a continuación, en Hecho.

Si está creando un grupo nuevo, no olvide hacer clic en Agregar nuevos usuarios cuando se registren, en la sección Crear nuevo grupo.

Haga clic con el botón secundario en un cuadro de inicio de sesión en la página y seleccione Administrar objeto inteligente.

Cuando los usuarios se registran a través de un cuadro de inicio de sesión en pantalla, aparecen en todos los grupos de usuarios que tengan habilitada la opción de registro de usuarios (Consulte la Ayuda de WebPlus para obtener más información).

Page 240: Web Pluses

Adición de objetos web dinámicos

230

Habilitación del control de acceso

Para habilitar el control de acceso en la página web:

1. Con la página web visible, haga clic en Seguridad de la

página , en la barra de herramientas de contexto Predeterminado.

2. Active la opción Proteger página con contraseña para habilitar el control de acceso. Observará que el botón Cambiar / Administrar pasa a estar activo. Haga clic en este botón para mostrar los grupos de usuarios que hay actualmente disponibles (en negrita) y el objeto inteligente de lista de usuarios al que pertenecen.

3. En el cuadro de diálogo Grupos de usuarios, seleccione el grupo de usuarios, por ejemplo, Accesofotos, y, a continuación, haga clic en Aceptar. En la pestaña Seguridad de página de la página debe aparecer que la página está protegida mediante contraseña y que el grupo de usuarios está asignado.

4. Haga clic en Aceptar y, a continuación, otra vez en Aceptar para salir de los cuadros de diálogo.

Podrá ver que, en la pestaña Sitio, la página

contiene un símbolo de llave , que indica que la seguridad de la página está activada.

Page 241: Web Pluses

Adición de objetos web dinámicos

231

Adición de un cuadro de inicio de sesión

WebPlus permite añadir un cuadro de entrada de inicio/cierre de sesión a una página del sitio web. Esto significa que un visitante web registrado puede obtener acceso a las páginas restringidas iniciando sesión en el sitio.

El cuadro de inicio de sesión es, en realidad, una representación visual del objeto inteligente de lista de usuarios; aparece en la página al igual que todos los demás objetos existentes de Recursos Web Serif.

Los usuarios pueden agregarse manualmente en Recursos Web Serif o a través del registro de los propios usuarios.

Añada el cuadro de inicio de sesión a la página maestra del sitio. A continuación, todas las páginas web que utilicen la página maestra ofrecerán al usuario la oportunidad de iniciar sesión en el sitio web.

Para añadir un cuadro de inicio de sesión de usuario:

1. Siga el procedimiento que figura en Habilitación del control de acceso (consulte la pág. 230) pero, en lugar de salir del cuadro de diálogo, elija una página en la que colocar el cuadro de inicio de sesión y, a continuación, haga clic en el botón Insertar.

Page 242: Web Pluses

Adición de objetos web dinámicos

232

2. Coloque el cursor de Pegar donde desee situar el cuadro de inicio de sesión de usuario y, a continuación, haga clic para insertar el objeto con un tamaño predeterminado.

3. Habilite el registro por parte de los propios usuarios tal y como se describe más arriba (Consulte la Ayuda de WebPlus para obtener más información).

Control de usuario avanzado

Ciertas características adicionales permiten importar/exportar, suspender y prohibir/admitir usuarios dentro de los grupos de usuarios. Un usuario prohibido lo es de forma global (se le impide el acceso a todos los grupos de usuarios).

Es posible eliminar o suspender temporalmente a cualquier usuario por infringir las normas del sitio (por ejemplo, por publicar contenido difamatorio en un foro público). La próxima vez que el usuario trate de iniciar sesión, aparecerá un mensaje que indica que la cuenta se ha suspendido.

Si se necesitan tomar medidas más drásticas, es posible prohibir a la dirección IP de un usuario acceder a los objetos de Recursos Web Serif (por ejemplo, foros, etc.). Como último recurso, es posible prohibir el acceso del ISP u organización a la que pertenezca el titular de la dirección de correo electrónico. Por lo general, esta última opción no se recomienda, pero puede resultar necesaria para impedir malas prácticas institucionales, como el envío de spam profesional.

Consulte la Ayuda de WebPlus para obtener más información.

Page 243: Web Pluses

Adición de objetos web dinámicos

233

Control de acceso con foros, blogs y CMS

Para configurar el control de acceso a foros:

1. Seleccione el objeto inteligente de lista de usuarios que ya se creó para el control de acceso al crear un foro. WebPlus creará automáticamente un grupo de usuarios para permitir el registro por parte de los propios usuarios y el inicio de sesión. El visitante a los foros tendrá que hacer clic en el vínculo de registro e iniciar sesión.

2. Para configurar un grupo de moderadores de un foro, debe crear un grupo de moderadores, añadir los moderadores manualmente, administrar el foro y elegir el grupo en el menú desplegable Moderado por grupo.

Para configurar el control de acceso a blogs o CMS:

• Debe crear un grupo de editores, añadir los editores manualmente y, a continuación, hacer una de estas dos cosas:

• Para los blogs, hacer clic en Administrar y elegir el grupo en el menú desplegable Grupo de editores. O bien Para CMS, hacer clic en Administrar y elegir los permisos cuando se le dirija a www.serifwebresources.com. Aparece el mismo menú que en el caso anterior.

Page 244: Web Pluses

Adición de objetos web dinámicos

234

Page 245: Web Pluses

Trabajo con texto 7

Page 246: Web Pluses

Trabajo con texto

236

Page 247: Web Pluses

Trabajo con texto

237

Importación de texto de un archivo La importación de texto de un archivo de procesador de texto es un método rápido para generar contenido de texto en el sitio (pero también puede crear una historia con WritePlus). Si utiliza su procesador de texto actual (como Microsoft Word) para crear archivos de texto para su sitio, puede importar cualquier número de archivos a un sitio.

Además del formato de WritePlus (.stt), se puede importar una variedad de formatos de texto y procesadores de texto populares, como, por ejemplo:

Texto ANSI .txt

Microsoft Word 2007/2010

.docx/.dotx

Microsoft Word 2000/2003

.doc/.dot

MS Works .wps

Texto Open Office .odt

Formato de texto enriquecido

.rtf

Wordperfect .wpd

Write .wri

Para los formatos de Microsoft Word creados en cualquier sistema operativo de Windows no necesita tener Microsoft Word instalado

Page 248: Web Pluses

Trabajo con texto

238

localmente. Esto significa que puede reutilizar el contenido de texto de terceros en WebPlus sin la aplicación compatible.

WebPlus importará el texto a un nuevo marco de texto creativo (admite ajustar texto en marcos) o a un marco HTML o de texto creativo seleccionado (los marcos HTML no admiten ajustar el texto) que ya exista en el sitio web. Consulte Introducción a los marcos de texto en la pág. 241 para obtener más información.

WebPlus mantendrá el formato del texto de procesador de texto importado. No obstante, si está utilizando el procesador de texto para crear textos específicamente para WebPlus, ahorrará tiempo escribiendo como solo texto y aplicando el formato posteriormente en WebPlus.

Las tablas no pueden importarse.

Para importar texto de un archivo:

1. (Opcional) Si usa un marco de texto vacío existente, seleccione el marco. Si inserta texto en un marco de texto rellenado, haga clic para crear un punto de inserción (o seleccione la parte del texto que desee sustituir).

2. Seleccione Archivo de texto... en el menú Insertar.

3. En el cuadro de diálogo Abrir, seleccione el formato de archivo de origen que se importará y localice el archivo.

4. Quite la marca de selección de la casilla Conservar formato para conservar los estilos de formato del archivo original. Quite la marca de selección de la casilla para descartar esta información. En cualquier caso, WebPlus mantendrá las propiedades básicas de los caracteres, como cursiva, negrita, subrayada, y las propiedades del párrafo, como la alineación (izquierda, centro, derecha, justificada).

Page 249: Web Pluses

Trabajo con texto

239

5. Haga clic en Abrir.

6. El texto será importado en el objeto de texto preseleccionado o un marco de texto nuevo. Para los marcos de texto HTML, puede optar por su marco. Para resolver esto, consulte Control del texto del marco con desbordamiento en la pág. 243. Para los Marcos creativos, si no cabe todo el texto importado en el marco de texto activo, se le preguntará en un cuadro de diálogo si desea crear marcos adicionales para alojar el texto con desbordamiento (haga clic en Sí) o si desea colocar el texto con desbordamiento en un área con desbordamiento oculta (haga clic en No).

Introducción a los marcos de texto Normalmente, el texto en WebPlus entra en marcos de texto HTML, que funcionan igual de bien que los contenedores de palabras únicas o párrafos y artículos independientes. También puede usar texto artístico para el texto independiente con efectos especiales o texto de una tabla (consulte Creación de tablas basadas en texto en la pág. 275) para mostrar filas y columnas.

¿Qué es un marco de texto?

Un marco de texto es realmente una minipágina, que contiene el texto del marco en uno o varios párrafos que se ajustan al marco. En WebPlus, el texto de un marco se llama una historia.

• Cuando selecciona un marco verá el cuadro delimitador, indicado por una línea de borde junto con controladores de esquina y borde, y (si hizo clic con la herramienta Puntero) un punto de inserción intermitente en el texto del marco. En este modo, puede editar el texto con la herramienta Puntero. (Para obtener más información, consulte el tema Editar texto en la página en la pág. 251.)

Page 250: Web Pluses

Trabajo con texto

240

• Cuando se mueve un marco de texto, su texto de historia se mueve con él.

• Cuando redimensiona un marco de texto, su texto de historia se reajusta a las nuevas dimensiones.

Creación de marcos HTML

Añada marcos a una página al igual que con cualquier otro objeto. Puede seleccionar, mover y redimensionar cualquier marco, pero no puede editar la forma básica. (Consulte la pág. 295, 295 y 295, respectivamente.)

Para crear un marco:

1. Haga clic en el botón Herramienta de marco de texto

HTML del elemento flotante Marcos de texto en la barra de herramientas Objetos estándar.

2. Haga clic en la página o en el área de pegado para crear un marco nuevo con un tamaño predeterminado. - o bien - Arrastre para atribuir al marco de texto las dimensiones que desee.

Para eliminar un marco:

• Seleccione el marco y pulse la tecla Eliminar. (Si existe un punto de selección en el texto, pulse Eliminar para quitar los caracteres después del cursor.)

Cómo colocar texto en un marco

Puede colocar el texto en un marco en una de varias formas. El texto se convertirá al código compatible con HTML.

Editor de historia

Con un marco seleccionado, haga clic en

Page 251: Web Pluses

Trabajo con texto

241

WritePlus: WritePlus en la barra de herramientas de contexto Marco.

Importación de texto:

Haga clic con el botón secundario en un marco y seleccione Insertar>Archivo de texto.... (atajo de teclado Ctrl+T) para importar el texto.

Escritura en el marco:

Seleccione la Herramienta Puntero, a continuación haga clic para crear un punto de inserción en el que escribir en un marco o editar el texto existente. (Consulte Edición de texto en la página en la pág. 251.)

Pegado a través del Portapapeles:

En un punto de inserción en el texto pulse Ctrl+V.

Arrastrar y colocar:

Seleccione el texto (p. ej., en un archivo de procesador de texto) y arrástrelo a la página de WebPlus. Si lo coloca en un marco seleccionado, el texto se pega alineado después del texto existente. De lo contrario, se crea un nuevo marco para el texto.

Configuración y diseño del marco

El diseño del marco controla la manera en la que el texto se ajusta al marco. Cuando se selecciona el marco y se definen valores para márgenes, los márgenes del marco aparecen como líneas de guiones grises. Estas guías determinan cómo se ajusta el texto en el marco proporcionando un relleno entre el texto y borde del marco. El texto no se ajustará fuera de los márgenes del marco.

Page 252: Web Pluses

Trabajo con texto

242

Para crear márgenes del marco:

• Seleccione el objeto del marco, arrastre las líneas de margen de la columna para ajustar los límites de la columna.

(1) (2) (3)

La ilustración anterior muestra cómo el cursor cambia cuando pasa sobre la casilla de limitación (1), cómo el margen del marco se puede ajustar tras arrastrar hacia adentro (2) y cómo el margen del marco superior se puede mover tras arrastrar hacia abajo (3).

Page 253: Web Pluses

Trabajo con texto

243

Para permitir que los márgenes del marco se establezcan, asegúrese de que el marco está seleccionado (y no el texto del marco). El cuadro debe mostrar un cuadro delimitador sólido.

Para colocar el margen de forma precisa, puede crear opcionalmente márgenes de marco mediante el cuadro de diálogo, definiendo los márgenes del marco izquierdo, derecho, superior o inferior.

Para crear márgenes de marco mediante el cuadro de diálogo:

1. Seleccione el marco HTML y, a continuación, en la barra de herramientas de contexto Marco, haga clic en

Configuración del marco .

2. En el cuadro de diálogo, puede definir márgenes de marco estableciendo los valores Izquierda, Derecha, Superior e Inferior.

Controlar el texto de marco con desbordamiento

Ajustar el texto de la historia de forma precisa en marcos de texto es parte del arte de diseñar sitios web. Si existe demasiado texto de la historia para ajustar dentro del marco de texto, WebPlus lo almacena en una área de desbordamiento oculta (pero no perdida) en la parte inferior del marco.

El botón Desbordamiento de texto muestra del marco con desbordamiento para indicar este texto oculto, así que es importante asegurarse de volver a mostrar el texto, porque si no la historia quedará truncada.

Page 254: Web Pluses

Trabajo con texto

244

Para ello, dispone de varias opciones:

• Redimensione físicamente el marco de texto si tiene espacio. Consulte Cambio de tamaño de objetos en la pág. 295.

• Considere el reescribir la historia, para que sea más concisa.

• Cambie el tamaño del texto, como se describe a continuación.

Para cambiar el tamaño del marco de texto una vez que los marcos se han redimensionados y colocados, hay varias herramientas disponibles en la barra de herramientas de contexto Marco.

El elemento flotante Cambio de tamaño de texto ofrece tres herramientas para controlar de qué manera se escala el texto del marco en el marco. Se trata de operaciones "puntuales" (en comparación con las opciones "continuas" de Ajuste automático que se muestran más abajo).

Ajustar texto Haga clic en esta opción para escalar el tamaño del texto de la historia de manera que se ajuste exactamente al marco disponible; si se añade más texto al marco, el texto se desbordará. Puede utilizar esta opción en un primer momento para calibrar cómo se ajusta la historia, o bien cuando esté terminando para aplicar el toque final. La opción Ajustar texto primero aplica pequeños cambios en el tamaño del punto; después, pequeños cambios en el interlineado y, a continuación, ajusta el valor del espacio inferior del párrafo hasta que el texto se ajusta.

Ampliar texto Haga clic en esta opción para aumentar el tamaño del texto de la historia un incremento (aprox. 2%).

Page 255: Web Pluses

Trabajo con texto

245

Reducir texto Haga clic en esta opción para reducir el tamaño del texto de la historia en un incremento.

El texto de la historia de cada marco puede adoptar su propia configuración ajuste automático individual del siguiente modo:

El elemento flotante Opciones de ajuste automático ofrece tres opciones que actúan de manera continua en el texto de la historia del marco seleccionado.

Sin ajuste automático Se trata del modo de operación normal en el que, si se selecciona, el texto no se escalará automáticamente en el marco de texto seleccionado.

Reducir texto al desbordarse Si se selecciona esta opción, el texto adicional añadido al marco seleccionado reducirá el texto del marco para evitar que se desborde.

Ajuste automático Si se selecciona esta opción, el marco se escalará siempre automáticamente ajustando el tamaño del texto (en comparación con Ajustar texto que ajusta el texto una vez, con cualquier texto adicional que provoque el desbordamiento del texto).

Para los marcos creativos, se muestra el botón Vínculo del último

marco de la secuencia en desbordamiento; aparece un botón

Flujo automático junto al botón Vínculo. Puede reducir la historia o ampliar el espacio añadiendo uno o dos marcos adicionales a la secuencia. Al hacer clic en el botón Flujo

Page 256: Web Pluses

Trabajo con texto

246

automático, se añaden automáticamente los marcos y las páginas adicionales que sean necesarios.

Uso del texto artístico El texto artístico es un texto independiente que se escribe directamente en una página. Resulta especialmente útil para titulares, citas y otros textos para fines especiales. Se le puede aplicar formato fácilmente con las herramientas estándar de texto.

Para crear texto artístico:

1. Seleccione Herramienta de texto artístico en el elemento flotante Texto de la barra de herramientas Objetos estándar.

2. Haga clic en cualquier lugar de la página para crear un punto de inserción usando un tamaño de punto predeterminado o arrastre para especificar un tamaño concreto como se muestra aquí.

3. Establezca las propiedades iniciales de texto (fuente, estilo, etc.) que necesite antes de comenzar a escribir, usando la barra de herramientas de contexto Texto, el menú Texto o haciendo clic con el botón secundario (seleccionando Formato de texto>).

Page 257: Web Pluses

Trabajo con texto

247

4. Escriba directamente en la página para crear el texto artístico.

Cuando haya creado un objeto de texto artístico, podrá seleccionar, mover, eliminar y copiarlo, así como cambiarle el tamaño, exactamente igual que haría con un marco de texto. Se pueden aplicar colores sólidos, rellenos de gradiente/de mapa de bits y transparencia.

Para cambiar el tamaño o las proporciones de un objeto de texto artístico:

• Arrastre los controladores de esquina del objeto para cambiar el tamaño sin alterar las proporciones del objeto.

• Para cambiar el tamaño libremente, mantenga pulsada la tecla Mayús mientras arrastra.

Para editar texto artístico:

• Arrastre para seleccionar un parte del texto, creando una selección azul.

También puede hacer doble clic para seleccionar una palabra. Ahora podrá escribir texto nuevo, aplicar formatos a

Page 258: Web Pluses

Trabajo con texto

248

caracteres y formatos, editar el texto en WritePlus, aplicar opciones de revisión, etc.

Colocación de texto en un trazado El texto artístico de líneas rectas "normal" no es, para nada, "normal", pero puede ampliar sus posibilidades creativas recorriendo un trazado curvo.

El objeto resultante tiene todas las propiedades del texto artístico y, además, su trazado es una curva Bézier que puede editar con la herramienta Puntero, con la misma facilidad que cualquier otra línea. Asimismo, el texto en un trazado se puede editar de algunas formas exclusivas, como se describe a continuación.

Para aplicar un trazado curvo predeterminado al texto:

1. Cree un objeto de texto artístico.

2. Con el texto seleccionado, haga clic en el elemento

flotante del trazado en la barra de herramientas de contexto Texto y elija un trazado preestablecido.

El texto ahora fluye a lo largo del trazado especificado, p. ej., para “Trazado - Círculo superior”.

Page 259: Web Pluses

Trabajo con texto

249

Para añadir texto artístico a lo largo de una línea o de una forma existente:

1. Cree líneas a mano alzada, rectas o curvas (consulte Dibujo y edición de líneas en la pág. 371) o una forma (consulte Dibujo y edición de formas en la pág. 380).

2. Seleccione la herramienta Texto artístico en el elemento flotante Texto de la barra de herramientas Herramientas.

3. Acerque el cursor a la línea. Cuando el cursor cambie para incluir una curva, haga clic con el ratón en el lugar en el que desee que empiece el texto.

4. Empiece a escribir en el punto de inserción. El texto fluye a lo largo de la línea, que se ha convertido en un trazado.

Para adaptar el texto existente a una línea o forma:

1. Cree un objeto de texto artístico.

2. Cree una línea a mano alzada, recta, curva o una forma.

3. Seleccione ambos objetos. En el menú Herramientas, seleccione Ajustar texto a la curva. El texto ahora fluye a lo largo del trazado especificado.

Page 260: Web Pluses

Trabajo con texto

250

Para crear el texto y el trazado al mismo tiempo:

1. Seleccione una de las herramientas de Texto de trazado del elemento flotante Texto:

La Herramienta de texto de trazado a mano alzada

permite dibujar una línea curva con libertad.

La Herramienta de texto de trazado recto

sirve para dibujar una línea recta.

La Herramienta de texto de trazado curvo

permite unir una serie de segmentos de línea(que pueden

ser curvos o rectos) usando clics deratón para "conectar puntos".

2. Cree una línea en la página. La línea aparecerá como un trazado con un punto de inserción en el extremo inicial (en los trazados curvos podrá escribir directamente en cualquier parte del trazado, pulsar Esc o hacer doble clic para obtener el punto de inserción al principio del trazado).

3. Empiece a escribir en el punto de inserción. El texto fluye a lo largo del trazado.

Para eliminar el trazado del texto:

1. Seleccione el objeto de texto de trazado.

2. Haga clic en el botón Trazado - Ninguno en el elemento flotante del trazado de la barra de herramientas de contexto Texto.

Page 261: Web Pluses

Trabajo con texto

251

El texto continúa como un objeto de texto artístico de línea recta; el trazado se quita permanentemente.

Edición de texto en la página Puede usar la Herramienta Puntero para editar el texto del marco, el texto de la tabla o el texto artístico directamente. En la página, puede seleccionar e introducir texto, definir sangrías de párrafo y tabulaciones, cambiar propiedades del texto, aplicar estilos de texto y utilizar la herramienta Buscar y reemplazar (consulte la pág. 255). Para editar historias más largas y para utilizar opciones más avanzadas, seleccione WritePlus (Editar historia… en el menú Editar).

Selección e introducción de texto

La selección de texto del marco, texto artístico y texto de tabla sigue los convenios de las herramientas de procesamiento de texto más modernas. El área de la selección está sombreada en color azul semitransparente para que la edición sea más clara.

Haga doble, triple o cuádruple clic para seleccionar una palabra, un párrafo o todo el texto, respectivamente. También puede hacer clic y pulsar Ctrl o arrastrar el ratón para seleccionar palabras no adyacentes, y la tecla Mayús para rangos de texto.

Para editar texto en la página:

1. Seleccione la Herramienta Puntero y luego haga clic en el objeto de texto (o arrástrelo). Un punto de inserción estándar aparecerá en la posición del clic (véase a continuación).

Page 262: Web Pluses

Trabajo con texto

252

O bien: Seleccione una sola palabra, un párrafo o parte del texto.

2. Escriba para insertar el nuevo texto o para sobrescribir el texto seleccionado, respectivamente.

Para iniciar un nuevo párrafo:

• Pulse Intro.

Para iniciar una nueva una línea dentro del mismo párrafo (utilizando un "salto de línea" o un "salto de línea suave"):

• Pulse Mayús+Intro.

Para que el texto se ajuste a la siguiente columna (Salto de columna) o marco (Salto de marco):

• Texto de marco creativo únicamente: pulse Ctrl+Intro o Alt+Intro, respectivamente, o elija los artículos en el submenú de Insertar>Salto.

Para cambiar entre el modo de inserción y el modo de sobrescritura:

• Pulse la tecla Insert.

Para repetir una acción de texto:

• Elija Repetir del menú Editar o presione Ctrl+Y.

Page 263: Web Pluses

Trabajo con texto

253

Por ejemplo, si tiene nuevo formato aplicado a un párrafo, puede hacer clic en otro párrafo y utilizar el comando Repetir para aplicar el mismo formato ahí.

Para mostrar caracteres especiales:

• En el menú Ver, seleccione Caracteres especiales (para marcas de párrafos y saltos; véase a continuación) o Espacios (Mostrar caracteres especiales, además de espacios indivisibles y espacios normales de "relleno").

Copia, pegado y movimiento de texto

Puede copiar y pegar fácilmente texto utilizando comandos estándar; también puede arrastrar y soltar texto.

Si no coloca un punto de inserción, el texto se puede pegar directamente en un nuevo marco de texto.

Establecimiento de sangrías de párrafo

Cuando se selecciona un objeto de texto, los marcadores de la regla horizontal indican la sangría izquierda, la sangría de la primera línea y la sangría derecha del párrafo actual. Puede ajustar los marcadores para establecer sangrías de párrafo o utilizar un cuadro de diálogo.

Page 264: Web Pluses

Trabajo con texto

254

(A); Sangría izquierda; (B) Sangría de primera línea; (C) Sangría

derecha.

• La sangría izquierda se establece en relación con el margen izquierdo del objeto.

• La sangría de primera línea se establece en relación con la sangría izquierda.

• La sangría derecha se establece en relación con el margen derecho del objeto.

Para obtener más información sobre el establecimiento de márgenes de marco, consulte Configuración y diseño del marco en la pág. 241.

Para establecer las sangrías del párrafo actual:

• Arrastre el marcador de la regla apropiado. O bien: Para sangrías rápidas izquierdas, seleccione el botón

Aumentar nivel o Reducir nivel para reducir o aumentar la sangría respectivamente. La

Page 265: Web Pluses

Trabajo con texto

255

sangría está a la distancia de tabulación predeterminada que se haya establecido. O bien: Para ajustar la configuración de sangría mediante un cuadro de diálogo, seleccione Párrafo del menú Texto. En el cuadro Sangría, puede introducir valores para la sangría izquierda, derecha, primera línea o francesa.

Trabajo con texto Unicode

WebPlus admite por completo Unicode, lo que hace posible incorporar caracteres extranjeros o símbolos especiales.

• Para pegar texto Unicode desde el portapapeles en la página, utilice Editar>Pegado especial... y luego seleccione "Texto Unicode sin formato".

• Inserte los caracteres Unicode directamente en el texto escribiendo el valor hexadecimal de Unicode y pulsando Alt+X. La operación del teclado de Alt+X intercambia el carácter mostrado (por ejemplo, @) por su equivalente en valor hexadecimal (por ejemplo, U+0040).

• Para exportar texto en formato de Unicode, utilice WritePlus.

Uso de Buscar y reemplazar Puede buscar texto del sitio de una variedad extraordinariamente amplia de elementos: no solo palabras o partes de palabras, sino también una cantidad ingente de atributos de caracteres y de párrafo como fuentes, estilos, alineación, viñetas y numeración, fuentes que faltan, letras capitales, incluso gráficos alineados y mucho más. Mediante el cuadro de diálogo Buscar y reemplazar (que permanece abierto sin interrumpir el trabajo hasta que haga clic en el botón Cerrar) puede reemplazar globalmente todas las instancias o una por una.

Page 266: Web Pluses

Trabajo con texto

256

Para utilizar Buscar y reemplazar:

1. Seleccione Buscar y reemplazar... en el menú Editar.

2. En el cuadro de diálogo, escriba el texto que desea buscar en el cuadro Buscar y el texto con el que lo va a reemplazar (si lo desea) en el cuadro Reemplazar. Haga clic en las flechas abajo para ver los elementos recientes. Haga clic en uno de los botones del cuadro para usar los menús flotantes para seleccionar formatos o caracteres especiales, o definir una expresión regular (para buscar utilizando comodines).

3. Seleccione el intervalo en el que va a buscar: Historia actual (solo el objeto de texto o la historia actualmente seleccionado), o Todas las historias (todo el texto) o Selección actual (solamente se utiliza con la función Reemplazar todo, para el texto actualmente seleccionado).

4. Seleccione Sólo palabras completas para buscar secuencias de caracteres coincidentes que tengan espacios en blancos (espacios, tabulaciones, etc.) o puntuación a ambos extremos o que sean el inicio/fin de un párrafo. Seleccione Coincidir mayúsculas y minúsculas para las búsquedas en las que se distinga entre mayúsculas y minúsculas. Seleccione Expresión regular para tratar los contenidos del cuadro Buscar como una expresión, en lugar de como una cadena literal.

5. Haga clic en Buscar siguiente para localizar la siguiente instancia del texto de Buscar. O bien: Haga clic en Seleccionar todo para resaltar simultáneamente todas las instancias del texto coincidente en el sitio.

6. Haga clic en Reemplazar si quiere sustituir la cadena de búsqueda por otro texto. También puede hacer clic en Buscar siguiente otra vez para saltar a la siguiente cadena coincidente. Continúe usando la opción

Page 267: Web Pluses

Trabajo con texto

257

Reemplazar según sea necesario hasta que alcance el final del sitio. O bien: Haga clic en Reemplazar todo para reemplazar todas las instancias del texto de Buscar con el texto de sustitución al mismo tiempo. WebPlus avisa cuándo se termina la búsqueda.

7. Haga clic en Cerrar para cerrar el cuadro de diálogo Buscar y reemplazar.

Page 268: Web Pluses

Trabajo con texto

258

Page 269: Web Pluses

Formato de texto 8

Page 270: Web Pluses

Formato de texto

260

Page 271: Web Pluses

Formato de texto

261

Configuración de propiedades de texto WebPlus le proporciona un alto grado de control sobre los puntos finos de diseño tipográfico, si está trabajando con texto de marco, texto de tabla o texto artístico.

Para aplicar un formato de texto básico:

1. Seleccione el texto.

2. Use los botones de la barra de herramientas de contexto Texto para cambiar el estilo de texto, el tipo de fuente, el tamaño de punto, los atributos, la alineación del párrafo o el nivel.

Para borrar el formato local (restaurar las propiedades de texto simples o predeterminadas):

• Seleccione una parte del texto que tenga formato local.

• Seleccione Ctrl + barra espaciadora en el teclado.

Uso de fuentes Uno de los métodos más drásticos para cambiar el aspecto de su sitio es cambiar las fuentes utilizadas en su texto artístico, texto de marco o texto de tabla. La aplicación de varias fuentes a un carácter o a un párrafo entero puede comunicar mensajes muy diferentes a sus futuros lectores.

Page 272: Web Pluses

Formato de texto

262

En WebPlus la asignación de fuentes es muy sencilla y se puede realizar desde la pestaña Fuentes, la barra de herramientas de contexto Texto o en el cuadro de diálogo Carácter (haciendo clic con el botón secundario o desde el menú Texto).

La pestaña Fuentes se oculta automáticamente de manera predeterminada, pero se puede ver haciendo clic en el botón de flecha a la izquierda del área de trabajo. Es posible que también necesite hacer clic en la etiqueta Fuentes para mostrar la pestaña Fuentes.

Las fuentes seguras para la Web son un subconjunto de fuentes especialmente seleccionado y configurable que proporcionan mejores coincidencias de la fuente con el sitio (durante diseño) y con los ordenadores de los visitantes web (durante la exploración). Durante la publicación, solo se hace referencia a las fuentes

Page 273: Web Pluses

Formato de texto

263

seguras para la Web (y no se rasterizan) ya que se asume que están disponibles en el equipo del visitante web.

Hablando en términos generales, es aconsejable conservar la lista estándar de fuentes seguras para la Web de la pestaña Fuentes, a menos que pueda estar seguro del uso de la fuente en su público de destino. Estas fuentes se agrupan en la categoría Segura para la Web de la pestaña (una categoría equivalente existe en el menú desplegable fuente de la barra de herramientas de contexto Texto).

Uso de estilos de texto Con WebPlus se pueden utilizar estilos de texto con nombre (predefinidos o definidos por el usuario), que se pueden aplicar a texto de marco, texto de tabla o texto artístico. Un estilo de texto es un conjunto de atributos de caracteres y/o párrafos guardados como un grupo. Cuando se aplica un estilo al texto, se aplica el grupo entero de atributos en solo un paso. Por ejemplo, se pueden usar estilos de párrafo con nombre para elementos de diseño concretos, como "Título 1", "Cita" o "Cuerpo", y estilos de caracteres para transmitir un significado, como "Énfasis", "Código" o "Referencia sutil".

Los estilos se pueden aplicar a los caracteres o párrafos usando bien la barra de herramientas de contexto Texto o la pestaña Estilos de texto. Los estilos de párrafo y de carácter se pueden administrar desde la Paleta de estilos de texto.

La pestaña Estilos de texto le permite además crear nuevos estilos desde cero, crear estilos con nombre a partir de propiedades de texto existentes y cambiar un estilo por otro en todo el sitio con una sola operación. Es posible previsualizar cualquier estilo de cualquier párrafo seleccionado directamente en la página. Consulte la ayuda de WebPlus para obtener más información sobre estas características.

Page 274: Web Pluses

Formato de texto

264

Estilos de párrafo y de carácter

Un estilo de párrafo es una especificación completa del aspecto de un párrafo, donde se incluyen todos sus atributos de fuente y de formato de párrafo. En WebPlus, todos los párrafos tienen asociado un estilo de párrafo. Tipo de texto Estilo de

párrafo utilizado

Basado en

Marco (HTML o creativo)

Cuerpo Normal

Artístico Cuerpo artístico Normal

Tabla o Calendario Cuerpo de tabla Normal

Un estilo de caracteres incluye únicamente atributos de fuente (nombre, tamaño de punto, negrita, cursiva, etc.) y se aplica a nivel de carácter, es decir, a una gama de caracteres seleccionados, y no a todo un párrafo.

Trabajo con estilos con nombre

El estilo con nombre del texto seleccionado actualmente se muestra en la pestaña Estilos de texto o el cuadro desplegable de Estilos en la barra de herramientas de contexto Texto. Podría aparecer un estilo de caracteres (si lo hay aplicado localmente). En caso contrario, indica el estilo de párrafo.

Para aplicar un estilo con nombre:

1. Usando la Herramienta Puntero, haga clic en un párrafo (si se va a aplicar un estilo de párrafo) o seleccione una parte del texto (si se va a aplicar un estilo de caracteres).

2. Abra la pestaña Estilos de texto y seleccione un estilo en la lista de estilos.

Page 275: Web Pluses

Formato de texto

265

O bien: En la barra de herramientas de contexto Texto, haga clic en flecha para expandir la lista desplegable de Estilos y seleccionar un nombre de estilo.

La pestaña Estilo del texto resalta el estilo de párrafo o de caracteres aplicado al texto que esté seleccionado.

Como al mismo texto se puede aplicar tanto el formato de párrafo, como de caracteres, todo el formato del texto actual se muestra en el cuadro Formato actual de la pestaña.

Para modificar el estilo existente:

1. En la pestaña de Estilos de texto:

• Haga clic con el botón secundario en el estilo de caracteres o párrafo que desee modificar y, a continuación, seleccione Modificar . O bien:

• Con un estilo seleccionado, seleccione el botón Administrar estilos de la pestaña Estilos de texto y, a continuación, seleccione el botón Modificar....

2. En el cuadro de diálogo Estilo del texto, defina (o cambie) el nombre de estilo, estilo de base y cualquier atributo de caracteres o párrafo, tabulaciones, viñetas y letras capitales que desee incluir en la definición de estilo.

3. Haga clic en Aceptar para aceptar las propiedades de estilo o Cancelar para salir sin guardar los cambios.

4. Haga clic en Aplicar para actualizar el texto o en Cerrar para mantener el estilo en el sitio para usos posteriores.

Alternativamente, seleccione Paleta de estilos de texto... en el menú Texto para modificar estilos y para cambiar valores predeterminados de texto (consulte la pág. 306).

Page 276: Web Pluses

Formato de texto

266

Para eliminar uno o más de estilos de texto:

• Haga clic con el botón secundario en un estilo de texto y seleccione Eliminar ....

• En el cuadro de diálogo, haga clic en Quitar. Para eliminar varios estilos, marque primero los nombres de los estilos. Para quitar todos los estilos o los que no se utilizan, use los botones correspondientes.

Tenga cuidado al eliminar estilos. Todos los estilos basados en un estilo "principal" marcado también se marcarán para ser eliminados.

Cambio de estilos comunes

Cambiar un estilo de caracteres o de párrafo por otro es muy sencillo para una sola selección de texto. Sin embargo, en WebPlus es igual de fácil cambiar un estilo por otro mediante la selección de varias instancias del estilo y la elección de un estilo alternativo. Esto intercambia los estilos en todos los párrafos y en historias completas al mismo tiempo.

Para seleccionar (y cambiar) un estilo en todo un sitio:

1. Haga clic con el botón secundario en un estilo mostrado en la pestaña Estilos de texto.

2. Si el estilo se utiliza en su sitio, verá un mensaje "Seleccionar todas las instancias de n " (n es el número de veces que se utiliza el estilo). Si no existen apariciones del estilo, la opción aparecerá atenuada.

3. Haga clic en la etiqueta del mensaje. El texto formateado con el estilo seleccionado se muestra resaltado.

Page 277: Web Pluses

Formato de texto

267

4. Desplácese sobre los nombres de estilo de la lista de estilos. Haga clic en un estilo seleccionado para aplicarlo al texto seleccionado.

Creación de una lista con viñetas o numerada Para cualquier marco de texto se pueden aplicar viñetas y numeración a las listas y a los párrafos por igual. Las viñetas resultan especialmente útiles para mostrar elementos de interés sin ningún orden de preferencia específico y las listas numeradas para mostrar procedimientos paso a paso (con números o letras). WebPlus le permite aplicar el estilo de lista al texto normal (como formato local) o a estilos de texto por igual.

No obstante, si está utilizando Marcos de texto creativo puede adoptar viñetas básicas o complejas o listas numeradas, ya sea seleccionando valores preestablecidos (véase a continuación) o creando su propio estilo de lista personalizado (esto le permite seleccionar sus propios formatos de símbolos, números y letras). Después, tiene la opción de sustituir un valor preestablecido existente por el suyo propio basado en el estilo de lista personalizado.

Lista con viñetas Lista numerada

Para crear una lista con viñetas o numerada simple:

1. Seleccione uno o varios párrafos. O bien: Haga clic en el texto de un párrafo.

Page 278: Web Pluses

Formato de texto

268

2. Seleccione Lista con viñetas o Lista numerada

de la barra de herramientas de contexto Texto.

El estilo de la lista usado es el primer valor preestablecido mostrado en el cuadro de diálogo Viñetas y numeración descrito a continuación.

Para crear una lista con viñetas o numerada (usando los valores preestablecidos):

1. Seleccione uno o varios párrafos. O bien: Haga clic en el texto de un párrafo.

2. Seleccione Viñetas y numeración... en el menú Texto.

3. En el cuadro de diálogo Estilo de texto, puede hacer lo siguiente:

• Para el texto en cuadros de texto HTML, haga clic en un icono preestablecido en el cuadro de diálogo. O bien:

• Para el texto en marcos de texto creativo, seleccione Viñeta o Número en el menú desplegable Estilo y, a continuación, seleccione uno de los formatos preestablecidos mostrados de forma predeterminada. O bien:

• Para una lista personalizada, seleccione la opción y haga clic en el botón Detalles para editar las opciones personalizadas.

4. Haga clic en Aceptar para aplicar el formato de la lista.

Cada vez que inserta un retorno, una nueva línea comenzará con el símbolo o el número especificado. Además, si escribe dos retornos

Page 279: Web Pluses

Formato de texto

269

seguidos (pulsando Intro dos veces) se cancelan las viñetas o los número y se reanuda el formato de párrafo regular.

Desactive el formato de la lista haciendo clic de nuevo

en los botones o de la barra de herramientas de contexto Texto.

WebPlus también le permite asignar viñetas y números a los estilos. (Consulte la Ayuda de WebPlus.)

Inserción de detalles de usuario Ahora puede aprovecharse del cuadro de diálogo Detalles del usuario para guardar información del usuario que se utiliza con frecuencia para que no tenga que seguir escribiéndola (piense la frecuencia con la que un número de teléfono móvil o una dirección de correo electrónico pueden cambiar con el tiempo). El cuadro de diálogo le permite revisar todos los Detalles del usuario de un vistazo, y actualiza los campos en todo el sitio web directamente.

Para gestionar los Detalles del usuario en sitios de varias de empresas, WebPlus admite diferentes conjuntos empresariales (es decir, conjuntos de detalles del usuario guardados) que puede aplicar por sitio web.

Estos campos necesitan estar presentes en las páginas del sitio antes de las actualizaciones y pueden insertarse manualmente mediante Insertar>Información>Detalles del usuario. Observe que muchas plantillas de diseño tienen ya estos campos de detalles del usuario presentes, por ejemplo, en las páginas de contacto.

También puede usar este cuadro de diálogo Detalles del usuario para definir las variables globales y específicas del sitio que se usan en todos los sitios de WebPlus o solo en el sitio actual, respectivamente. (Consulte Inserción de variables en la p. 272.)

Page 280: Web Pluses

Formato de texto

270

Para añadir, editar o cambiar los Detalles del usuario:

1. Haga clic en Definir detalles del usuario en la barra de herramientas de contexto Predeterminado (quite la selección de los objetos que desea ver).

2. Para los detalles del usuario empresarial, introduzca la nueva información en la pestaña Conjuntos empresariales. Asegúrese de que la lista desplegable Seleccionar conjunto está establecida como Predeterminado si solamente va a utilizar sobre todo un conjunto de detalles empresariales. La lista desplegable le permite seleccionar otro conjunto de detalles de usuario empresarial diferente, si se creó. (Consulte Creación de conjuntos empresariales en la p. 271.)

3. Para los detalles particulares del usuario, use la pestaña Domicilio. Estos campos son diferentes que los definidos en la pestaña Conjuntos empresariales.

4.

Una pestaña Calendarios aparecerá si hay un calendario en su sitio. Esto le permite cambiar el año y mostrar/ocultar los días festivos y los eventos personales.

Inserción y actualización de los detalles del usuario

También puede insertar uno o más campos de Detalles del usuario en el sitio en cualquier momento.

Para insertar un campo en Detalles del usuario:

1. Seleccione la Herramienta Puntero y haga clic en el texto para marcar un punto de inserción.

Page 281: Web Pluses

Formato de texto

271

2. Seleccione Información en el menú Insertar y, a continuación, seleccione Detalles del usuario... en el submenú.

3. Seleccione una entrada de Detalles del usuario y, opcionalmente, cualquier Prefijo o Sufijo para incluir los detalles del usuario, por ejemplo, Nombre.

4. Haga clic en Aceptar.

Para los sitios existentes, los campos (una vez editados) se pueden actualizar haciendo clic en un botón.

Para actualizar campos:

• Escriba la información nueva en el cuadro de diálogo Detalles del usuario (en Herramientas>Definir detalles del usuario...).

• Haga clic en el botón Actualizar para actualizar de forma automática los campos que se hayan modificado y que estén actualmente en el sitio. Este campo permanecerá vinculado a Detalles del usuario hasta que se elimine.

Creación de conjuntos empresariales

Si está desarrollando más de un sitio empresarial, puede almacenar y asignar diferentes conjuntos de detalles empresariales del usuario para cada sitio. Piense en un conjunto empresarial como en un perfil, que almacena un conjunto exclusivo de detalles del usuario con un nombre elegido.

Para crear un conjunto empresarial:

1. En el cuadro de diálogo Detalles del usuario (pestaña Conjuntos empresariales), haga clic en Nuevo….

2. Escriba un nuevo nombre del conjunto empresarial y haga clic en Aceptar. El nuevo conjunto aparece activo en la lista desplegable Seleccionar conjunto.

Page 282: Web Pluses

Formato de texto

272

3. Escriba la información en el cuadro de diálogo Detalles del usuario y haga clic en Actualizar.

Cuando haya creado un conjunto empresarial y los haya aplicado al sitio, la configuración se almacenará con el sitio.

Los conjuntos empresariales le permiten establecer diferentes detalles del usuario para cada sitio web que haya creado.

Para cambiar a un conjunto empresarial diferente:

• Seleccione otro conjunto de la lista desplegable Seleccionar conjunto y haga clic en Actualizar.

Para cambiar o eliminar un conjunto empresarial:

1. Elija el conjunto empresarial de la lista desplegable Seleccionar conjunto.

2. Seleccione Cambiar nombre o Eliminar.

Inserción de variables Si tiene un texto que se repite a lo largo de todo su sitio y que quiere reemplazar por otro texto, puede usar variables. Por lo general, esta función se emplea para cambiar un nombre de producto o versión y, de este modo, poder actualizar fácilmente el sitio cada vez que cambien las versiones de producto. Los campos de variable cambian automáticamente para actualizarse con los valores nuevos.

Las variables se utilizan del mismo modo para los detalles de usuario (véase la pág. 269). Se pueden añadir e insertar como si fueran campos de detalles de usuario y actualizar desde el mismo cuadro de diálogo Detalles del usuario.

Page 283: Web Pluses

Formato de texto

273

La variable se puede almacenar dentro del sitio o hacerla global para otros sitios. La última opción es recomendable para los nombres de producto, puesto que hay muchas posibilidades de que se vuelvan a utilizar globalmente en una empresa.

Para añadir, editar o eliminar variables:

1. Haga clic en Definir detalles del usuario en la barra de herramientas de contexto Predeterminado (quite la selección de los objetos que desea ver).

2. Seleccione la pestaña Global o Sitio si desea que la variable añadida esté disponible para todos los sitios o solamente para el sitio respectivamente.

3. Desde una de las pestañas, haga clic en el botón Añadir.

4. En la lista de variables, escriba sobre el nombre de la variable creada y asígnele una cadena de texto única que sirva para identificarla fácilmente.

5. Haga clic en la columna adyacente a la nueva Variable y escriba el valor de la variable, es decir, el texto que aparecerá en la página.

6. Añada las variables que necesite, bien a la pestaña Sitio o bien a Global.

7. Haga clic en Actualizar.

Page 284: Web Pluses

Formato de texto

274

Una vez que haya decidido qué variables utilizará, puede insertarlas como campos en lugar de escribir texto "estático". Puede aprovechar las variables, a menos que estén insertadas en su sitio.

Para insertar un campo de variable:

1. Haga clic en el texto para crear un punto de inserción (o seleccionar texto).

2. Seleccione Información en el menú Insertar y, a continuación, seleccione Variable en el submenú.

3. En la lista desplegable del cuadro de diálogo, seleccione su variable donde la haya guardado en Detalles de usuario (Global o Sitio).

4. Seleccione una entrada de variable y, opcionalmente, cualquier texto de Prefijo o Sufijo que desee incluir en la variable:

5. Haga clic en Aceptar.

Cuando comience a cambiar la variable, todo lo que necesita es editar y actualizar el valor de la variable. Los campos de variable de todo el sitio se actualizan con los nuevos valores.

Para actualizar variables:

1. Haga clic en Definir detalles del usuario en la barra de herramientas de contexto Predeterminado (quite la selección de los objetos que desea ver).

2. Edite la variable existente con un valor nuevo.

3. Haga clic en Actualizar.

Page 285: Web Pluses

Trabajo con tablas 9

Page 286: Web Pluses

Trabajo con tablas

276

Page 287: Web Pluses

Trabajo con tablas

277

Creación de tablas basadas en texto Las tablas son ideales para presentar texto y datos en diversos formatos personalizables de fila y columna, con capacidades de hojas de cálculo integradas.

Cada celda de una tabla se comporta como un minimarco. Al igual que los marcos de texto puede variar las propiedades de párrafo y caracteres, aplicar estilos de texto, insertar imágenes en línea, aplicar rellenos de color de texto y utilizar opciones de revisión como el corrector ortográfico revisor. Algunas características únicas incluyen algunas funciones únicas de formato de número y de inserción de fórmulas.

Se pueden aplicar dos tipos de tabla a la página de WebPlus: la tabla HTML y la tabla creativa. El tipo de tabla más utilizado en WebPlus es la tabla HTML, ya que es compatible con HTML, con lo que asegura buenos resultados de publicación en todos los navegadores de Internet.

Page 288: Web Pluses

Trabajo con tablas

278

No obstante, las tablas creativas se pueden usar en lugar de las tablas HTML para obtener características adicionales de la tabla como la rotación de tabla, gradiente/rellenos de mapa de bits, transparencia de texto, efectos de filtro, Instant3D y efectos de deformación.

Creación de tablas

En lugar de empezar desde cero, WebPlus ofrece una selección de formatos de tabla predefinidos (plantillas) que pueden usarse. Basta con seleccionar una y rellenar las celdas con contenido.

WebPlus le permite:

• Editar el formato predefinido antes de añadir una nueva tabla a la página.

• Crear sus propios formatos personalizados sin crear una tabla. Consulte Creación de formatos de tabla personalizados en la Ayuda de WebPlus.

• Editar las tablas existentes para adaptarlas a un formato diferente (predefinido o personalizado).

Para crear una tabla:

1. En la barra de herramientas Objetos estándar (elemento

flotante Tabla ), seleccione Herramienta de

tabla HTML .

2. Haga clic en la página o en el área de pegado, o arrastre para establecer las dimensiones de la tabla. El cuadro de diálogo Crear tabla se abre con una selección de formatos de tabla preestablecidos mostrados en la ventana Formato.

Page 289: Web Pluses

Trabajo con tablas

279

3. Recorra la lista para obtener ver los diseños y seleccione uno. Para empezar con una tabla sin formato, seleccione (Predeterminado).

4. (Opcional) Haga clic en Editar si desea personalizar más el formato elegido.

5. Establezca el Tamaño de tabla. Es el número de filas y columnas que componen el diseño de la tabla.

6. Haga clic en Aceptar. La nueva tabla aparecerá en la página.

Para editar la estructura y el contenido de las celdas de las tablas, consulte Manipulación de tablas en la Ayuda de WebPlus.

Inserción de un calendario El Asistente para calendarios le ayuda a diseñar calendarios de vista de meses para usarlos en el sitio web.

El calendario se crea en una tabla basada en texto escalable para poder editar el texto usando las herramientas de texto estándar. Las propiedades de un calendario seleccionado son similares a las de una tabla y se pueden modificar exactamente del mismo modo (consulte Manipulación de tablas).

Page 290: Web Pluses

Trabajo con tablas

280

Para insertar un calendario:

1. Haga clic en el elemento flotante Tabla en la barra de herramientas Objetos estándar y elija Insertar

calendario .

2. Haga clic en la página o arrastre hacia fuera para darle al calendario el tamaño deseado.

3. En el Asistente para calendarios que se muestra, defina las opciones para su calendario, como, por ejemplo, la configuración del año y mes, el estilo de calendario (cuadrado o en formato de una o varias columnas), en qué día se inicia la semana, espacio para notas, opciones de visualización, cambio a eventos personales o vacaciones y el formato del calendario. Para que se visualicen los días festivos de su país, marque Agregar días de fiesta en el asistente y seleccione una Región en el menú desplegable correspondiente. Para añadir eventos personales, active la opción Agregar eventos personales.

4. Haga clic en Finalizar para completar el asistente.

Si tiene previsto utilizar el calendario en años siguientes, tiene que actualizar el ajuste Año en Herramientas>Definir detalles del usuario.

Para ver y editar las propiedades de un calendario concreto:

1. Haga clic en el botón Editar calendario en la barra de herramientas de contexto Calendario.

2. Elija una pestaña adecuada (fecha, estilo, eventos, etc.) y realice sus modificaciones; a continuación haga clic en Aceptar.

Page 291: Web Pluses

Trabajo con tablas

281

Si hace clic con el botón secundario (con la opción Calendario seleccionada) también puede seleccionar, insertar, distribuir, eliminar y ajustar el ancho o alto de las filas (o columna), así como el ajuste automático del contenido de la celda, pero tenga cuidado de no dañar el formato de la tabla.

Adición de días de fiesta

Al crear un calendario, se pueden definir los días de fiesta correspondientes al país en el que reside. Los días de fiesta se mostrarán en el calendario automáticamente si se selecciona Agregar días de fiesta en Propiedades del calendario.

Para activar los días festivos:

1. Seleccione el cuadro delimitador del calendario y haga

clic en Editar calendario en la barra de herramientas de contexto.

2. En la pestaña Eventos, seleccione Agregar días de fiesta.

3. (Opcional) Cambie a la configuración de días de fiesta de otro país distinto utilizando la lista desplegable Región.

4. Haga clic en Aceptar.

Para mostrar los días festivos:

1. Seleccione la casilla que delimita el calendario.

2. Haga clic en Eventos de calendario en la barra de herramientas de contexto.

3. Permitir la opción Mostrar días de fiesta.

Page 292: Web Pluses

Trabajo con tablas

282

Adición de eventos personales

Puede complementar su listado de días de fiesta (por ejemplo, la Semana Santa) con eventos personales, como cumpleaños, aniversarios y vencimiento de facturas (¡desafortunadamente!) para que se visualicen en el calendario. Para ello, utilice el botón Eventos de calendario en la barra de herramientas de contexto del calendario seleccionado. Los eventos se muestran automáticamente en el calendario en la fecha elegida.

Para agregar un evento:

1. Seleccione la casilla que delimita el calendario.

2. Haga clic en Eventos de calendario en la barra de herramientas de contexto.

3. (Opcional) Haga clic en Mostrar eventos por fecha para añadir, modificar o eliminar eventos de calendario mediante un diseño tradicional. Deje sin marcar para indicar una lista de Fecha/Evento fila por fila.

4. Haga clic en Nuevo evento.

5. En el cuadro de diálogo, escriba, utilice las flechas hacia arriba/abajo o haga clic en el botón Examinar para seleccionar una fecha.

6. Escriba el texto de eventos en el cuadro de entrada de texto; este se muestra en el calendario en la fecha elegida.

7. Si el evento es un cumpleaños u otro evento anual, seleccione El evento se repite anualmente.

8. Haga clic en Aceptar. El evento aparecerá en la lista de eventos en la fecha elegida.

Page 293: Web Pluses

Trabajo con tablas

283

9. Cuando haya acabado de añadir eventos, haga clic en el botón Guardar.

Utilice los botones de Editar evento o

Eliminar evento para modificar o eliminar un evento existente.

Page 294: Web Pluses

Trabajo con tablas

284

Page 295: Web Pluses

Edición de objetos 10

Page 296: Web Pluses

Edición de objetos

286

Page 297: Web Pluses

Edición de objetos

287

Selección de un objeto

Antes de que pueda cambiar cualquier objeto, necesitará resaltarlo usando una de las herramientas siguientes de elemento flotante Selección de la barra de herramientas Herramientas:

Herramienta Puntero Haga clic para utilizar la Herramienta Puntero para seleccionar, mover, copiar, cambiar el tamaño o girar objetos.

Herramienta Lazo Haga clic para utilizar la Herramienta Lazo para dibujar un área de forma libre en la que se seleccionará cualquier objeto.

Herramienta Rotar Haga clic para utilizar la Herramienta Rotar para girar un objeto alrededor de un origen de giro (normalmente centrado). Consulte Rotación de objetos en la pág. 297.

Antes de cualquier selección, los objetos de WebPlus mostrarán un subrayado de sostener selección "resplandeciente" alrededor del objeto. En una agrupación compleja de objetos, esto indica qué objeto se seleccionará.

Page 298: Web Pluses

Edición de objetos

288

Para seleccionar un objeto:

• Haga clic en el objeto mediante una de las herramientas mostradas arriba, para mostrar un cuadro delimitador alrededor del objeto.

Si se solapan elementos, utilice la tecla Alt mientras hace clic varias veces hasta que se seleccione el artículo deseado.

Para seleccionar un objeto con la Herramienta Lazo:

1. Seleccione la Herramienta Lazo .

2. Dibuje un “lazo” alrededor de los objetos que desea seleccionar. Un área sombreada de lazo se crea alrededor del objeto.

Page 299: Web Pluses

Edición de objetos

289

3. Suelte el botón del ratón. Todos los objetos dentro del área de lazo se seleccionan.

Para seleccionar un objeto de texto con la Herramienta Puntero:

• Al hacer clic en un objeto de texto (texto artístico o marco de texto) con la Herramienta Puntero, se selecciona el objeto y también se coloca el cursor intermitente de selección de texto dentro del texto del objeto. En este modo, puede editar el texto (consulte la pág. 251).

Page 300: Web Pluses

Edición de objetos

290

• Haga doble, triple, o cuádruple clic para seleccionar una palabra, un párrafo o todo el texto.

• Para seleccionar solo el marco de texto, haga clic en el cuadro delimitador del marco.

• Al hacer clic en un grupo selecciona el objeto agrupado. Pulse Ctrl y haga clic para seleccionar un objeto individual dentro de un grupo.

Selección de objetos a través de la pestaña Objetos

Para seleccionar un objeto:

1. En la pestaña Objetos, seleccione la página en la que están colocados los objetos.

2. Expanda la entrada de página haciendo clic en Expandir , mostrando objetos en la página.

3. Seleccione el objeto. Puede utilizar Ctrl + clic y Mayús + clic para seleccionar varias entradas de objeto no adyacentes o adyacentes.

Selección de varios objetos La selección de más de un objeto al mismo tiempo (creando una selección múltiple) permite:

• Colocar o cambiar el tamaño de todos los objetos al mismo tiempo.

• Crear un objeto de grupo de la selección múltiple, que se podrá tratar como un solo objeto, con la opción de

Page 301: Web Pluses

Edición de objetos

291

restaurar los objetos individuales más adelante. Consulte Creación de grupos en la pág. 317.

Para crear una selección múltiple:

• Arrastre un cuadro de “recuadro” alrededor de los objetos que desea seleccionar.

Alternativamente, mantenga pulsada la tecla Mayús y haga clic en cada objeto por turnos o use Herramienta Lazo (pág. 285) para dibujar alrededor de objetos para resaltarlos.

El último objeto seleccionado se muestra con el cuadro delimitador más oscuro si se compara con otros objetos seleccionados.

Para añadir o quitar objetos de una selección múltiple:

• Mantenga pulsada la tecla Mayús y haga clic en el objeto que desea añadir o quitar.

Para no seleccionar todos los objetos de una selección múltiple:

• Haga clic en una región en blanco del área de trabajo.

Page 302: Web Pluses

Edición de objetos

292

Para seleccionar todos los objetos de la página (o la página maestra):

• Elija Seleccionar todo en el menú Editar (o pulse Ctrl+A).

Copia, pegado y replicación de objetos Además de usar el portapapeles Windows para copiar y pegar objetos, puede duplicar los objetos fácilmente usando el método de arrastrar y soltar y replicar múltiples copias de cualquier objeto en formaciones precisas. También puede transferir el formato de un objeto a otro, con la opción de seleccionar atributos específicos para que se incluyan cuando se pegue el formato.

Para copiar un objeto (o una selección múltiple) al portapapeles de Windows:

• Haga clic en Copiar en la barra de herramientas Estándar.

Si está utilizando otra aplicación de Windows, puede copiar y pegar normalmente objetos con el Portapapeles.

Para pegar un objeto del portapapeles:

• Haga clic en Pegar en la barra de herramientas Estándar.

El comando estándar Pegar inserta el objeto en el punto de inserción o (para un objeto separado) en el centro de la página. Para insertar un objeto separado en la misma ubicación de la página que el artículo copiado, use el comando Pegar en el mismo lugar.

Page 303: Web Pluses

Edición de objetos

293

Para elegir entre formatos del portapapeles alternativos:

• Elija Pegado especial del menú Editar.

Para duplicar un objeto:

1. Seleccione el objeto y pulse la tecla Ctrl.

2. Arrastre el objeto mediante el botón Mover a una nueva ubicación en la página y suelte el botón del ratón.

3. Para limitar la posición de la copia (de forma horizontal o vertical), mantenga pulsada la tecla Mayús mientras arrastra. Un duplicado del objeto aparece en la nueva ubicación.

Replicación de objetos

Duplicar un objeto consiste en crear una única copia a la vez. El comando Replicar permite crear varias copias en un único paso, con un control preciso sobre la forma en la que las copias se organizan, ya sea como una serie lineal o una cuadrícula. Puede incluir una o más transformaciones para generar un conjunto interesante de objetos girados o con tamaños diferentes. Es fantástico para repetir fondos o para obtener montajes con una alineación perfecta de una imagen o de un objeto.

Page 304: Web Pluses

Edición de objetos

294

Para replicar un objeto:

1. Seleccione el objeto que se replicará y seleccione Replicar... del menú Editar. El cuadro de diálogo Replicar aparecerá, con un área de vista previa a la derecha.

2. Para organizar las copias en una línea recta, seleccione Crear línea. Para una organización en cuadrícula X-por-Y, seleccione Crear cuadrícula.

3. Especifique la longitud de la línea (el número de objetos, incluido el original) en la organización o el tamaño de la cuadrícula. Observe que puede usar la configuración de la longitud de la línea para incluir un número impar de objetos en una cuadrícula.

4. Establezca el espaciado entre objetos como Desplazamiento (medido entre las esquinas superiores izquierdas de objetos sucesivos) o Intervalo (entre las esquinas inferior derecha y superior izquierda). Puede especificar el espaciado horizontal y/o vertical y/o la rotación angular. Para establecer un intervalo horizontal o vertical específico, active la opción Absoluto; desactive la casilla para especificar el intervalo como un porcentaje de las dimensiones original del objeto.

5. Haga clic en Aceptar.

El resultado es una selección múltiple. Haga clic en el botón

Grupo si desea mantener los objetos separados vinculados para manipulaciones adicionales.

Pegado del formato de un objeto

Cuando haya copiado un objeto al portapapeles, puede usar Pegar formato (menú Editar) para aplicar los atributos de formato a otro objeto seleccionado. De nuevo, en el menú Editar, Pegar formato personalizado abre un cuadro de diálogo de “control maestro” que permite seleccionar o desactivar atributos específicos para que se

Page 305: Web Pluses

Edición de objetos

295

incluyan cuando se pega el formato. Consulte Cómo guardar estilos de objetos en la pág. 394 para obtener más información sobre el cuadro de diálogo.

Movimiento de objetos

Para mover un objeto (incluida una selección múltiple):

• Arrastre el objeto seleccionado usando su botón Mover . Cuando vea el cursor de movimiento puede

empezar a arrastrar.

Para establecer las posiciones horizontal y vertical exactas use la pestaña Transformar.

Para limitar el movimiento de un objeto a la posición horizontal o vertical:

• Seleccione el objeto y utilice las flechas del teclado (arriba, abajo, izquierda, derecha).

Cambio de tamaño de objetos WebPlus proporciona varios métodos para cambiar el tamaño de líneas, formas, texto artístico, marcos de texto y tablas. Lo más sencillo es hacer clic y arrastrar: consulte la línea de sugerencias para los consejos contextuales y los accesos directos.

Page 306: Web Pluses

Edición de objetos

296

Para cambiar el tamaño de un objeto (en general):

1. Seleccione el objeto.

2. Haga clic en uno de los controladores de objeto y arrástrelo a una nueva posición mientras mantiene pulsado el botón izquierdo del ratón.

Al arrastrar desde un controlador del borde, se cambia el tamaño en una dimensión, moviendo ese borde. Al arrastrar desde un controlador de esquina, se cambia el tamaño en dos dimensiones, moviendo dos bordes.

Para cambiar el tamaño libremente:

• Arrastre desde un controlador de esquina (o final de línea).

Para restringir una forma, objeto de marco u objeto de tabla al cambiar el tamaño:

• Mantenga pulsada la tecla Mayús y arrastre desde un controlador de esquina (o final de línea).

Para las formas, tiene el efecto de conservar un cuadrado como cuadrado, un círculo como círculo, etc.

Page 307: Web Pluses

Edición de objetos

297

Para las imágenes, las dimensiones se restringen al arrastrar un controlador de esquina. Utilice Mayús y arrastre para cambiar el tamaño libremente de una imagen.

Rotación de objetos Puede girar uno o varios objetos, como son imágenes, objetos de texto y grupos, usando el controlador de giro del objeto o la herramienta Rotar.

Para girar un objeto seleccionado (usando el controlador de giro):

• Haga clic y arrastre el controlador de giro que se extiende desde el cuadro de selección (use la tecla Mayús mientras arrastra para girar con intervalos de 15º).

Page 308: Web Pluses

Edición de objetos

298

Para girar un objeto (usando la herramienta Rotar):

1. Desde la barra de herramientas Herramientas en el

elemento flotante Selección , seleccione la

herramienta Rotar.

2. Haga clic para seleccionar el objeto, desplácese sobre uno de los bordes o controladores de esquina hasta que vea el cursor de giro.

3. Mantenga pulsado el botón del ratón y arrastre el cursor en la dirección en la que desee girar el objeto y suelte (use la tecla Mayús para girar con intervalos de 15º).

Para deshacer el giro (y restaurar la orientación original):

• Haga doble clic en el objeto.

• Para restaurar la posición girada, vuelva a hacer doble clic.

Para cambiar el origen de giro:

1. Seleccione la herramienta Rotar y haga clic para seleccionar el objeto.

2. Aleje el origen de giro de su posición original en el centro del objeto y llévelo a cualquier posición de la página. El origen también puede moverse fuera del objeto, ideal para girar objetos agrupados alrededor del punto central.

3. Arrastre el controlador de giro hasta un nuevo ángulo de giro y el objeto girará sobre el nuevo origen.

Page 309: Web Pluses

Edición de objetos

299

Para restablecer el origen de giro, solo tiene que hacer doble clic en él.

Para girar un objeto 90 grados hacia la izquierda o la derecha:

• Seleccione el objeto y seleccione Rotar a la izquierda o Rotar a la derecha en el menú Organizar.

Recorte y combinación de objetos Recortar significa enmascarar (ocultar) partes de un objeto, por ejemplo para mejorar la composición o para crear un efecto especial. El objeto subyacente permanece intacto. Son posibles dos tipos de recorte: recorte cuadrado o recorte irregular.

Recorte cuadrado Recorte irregular

La combinación comienza con más de un objeto; sin embargo, se crea un objeto compuesto especial con uno o más "orificios" en el interior donde los objetos del componente se rellenan solapándose mutuamente. Resulta de utilidad para crear efectos de lápiz o máscara.

Page 310: Web Pluses

Edición de objetos

300

Para recortar utilizando el contorno original del objeto:

1. Seleccione el objeto y seleccione Herramienta Recorte

cuadrado del elemento flotante Efectos de la barra de herramientas Herramientas.

2. Arrastre uno de los manejadores de bordes o esquinas hacia adentro para recortar sin restricciones. Pulse la tecla Mayús mientras arrastra para recortar sin restricciones (se mantiene la relación de aspecto).

Para escalar el objeto dentro del contorno del recorte, pulse Ctrl y arrastre hacia arriba o hacia abajo.

Para recortar modificando el contorno del objeto:

• Seleccione el objeto y seleccione Herramienta de

recorte irregular del elemento flotante Efectos de la barra de herramientas Herramientas. La barra de herramientas de contexto Curva aparecerá, lo que le permite controlar los nodos mostrados y los segmentos conectados que definen el contorno de recorte del objeto. Consulte Edición de líneas en la pág. 377.

• Para mover un nodo (punto de control) en el que vea

el cursor , arrastre el nodo.

• Para mover un segmento de línea (entre dos nodos) adonde se pueda ver el cursor , arrastre el segmento.

Page 311: Web Pluses

Edición de objetos

301

Para colocar un objeto recortado un objeto dentro del contorno de recorte:

• Con cualquier herramienta de recorte seleccionada, haga clic en el objeto y arrastre su centro (cuando vea el cursor de la mano).

Para ajustar la pluma del contorno de recorte:

• Con cualquier herramienta de recorte seleccionada, haga clic en el objeto.

• En la barra de herramientas de contexto Recortar, defina un valor de Pluma con las flechas arriba/abajo, el control deslizante o mediante entrada directa. El ajuste de pluma se aplica fuera del contorno de recorte mediante el punto de ajuste definido.

Para deshacer el recorte (restaurar la visibilidad completa):

• Haga clic en el botón Quitar recorte en la barra de herramientas de contexto Recortar.

Recortar a una forma

El comando Recortar a la forma funciona con exactamente dos objetos seleccionados. Uno o ambos objetos pueden ser un objeto de grupo. El objeto inferior (el que está detrás del otro) queda recortado al contorno del objeto superior, dejando una forma equivalente a la región solapada.

Page 312: Web Pluses

Edición de objetos

302

Para recortar a una forma:

1. Coloque el objeto de "recorte" delante del objeto que se va a recortar con el menú Organizar o la barra de herramientas Organizar según sea necesario. En la ilustración anterior, una forma de QuickShape (globo de pensamiento rápido) está frente a una imagen de vacaciones.

2. Con ambos objetos seleccionados (o agrupados), elija Recortar a la forma en el menú Herramientas.

Combinación de líneas y formas

La combinación de curvas es un modo de crear un objeto compuesto de dos o más líneas o formas dibujadas. Al igual que con el recorte a forma, el objeto de delante recorta los objetos de detrás, en este caso dejando uno o varios "agujeros" en los que los objetos de componente se solapan. Al igual que con la agrupación, puede aplicar el formato (como línea o relleno) al objeto combinado y continuar editando nodos individuales y segmentos con la Herramienta Puntero. A diferencia de estos otros métodos, un objeto combinado toma de forma permanente las propiedades de línea y relleno del objeto delantero. La combinación es reversible, pero los objetos de componentes conservan las propiedades de relleno y línea del objeto combinado.

La combinación es un método rápido de crear un recorte de máscara o de plantilla:

Page 313: Web Pluses

Edición de objetos

303

QuickShapes Convertir a curvas

Combinar curvas

Sombra paralela añadida

Para combinar dos o varias líneas seleccionadas o formas dibujadas:

1. Dibuje dos líneas o QuickShapes.

2. Coloque el objeto de "recorte" delante del objeto que se va a recortar con el menú Organizar o la barra de herramientas Organizar según sea necesario.

3. Seleccione cada objeto y seleccione Herramientas>Convertir a>Curvas.

4. Seleccione ambos objetos.

5. Elija Combinar curvas desde el menú Organizar.

Para restaurar las formas originales de un objeto combinado:

• Seleccione el objeto combinado y seleccione Dividir curvas del menú Organizar.

Page 314: Web Pluses

Edición de objetos

304

Unión de contornos de objeto WebPlus incluye algunas herramientas potentes para crear nuevas formas a partir de formas solapadas existentes. Con los comandos añadir, restar, cruzar o excluir, puede generar un nuevo objeto permanente (con un contorno nuevo) partiendo de cualquier objeto seleccionado. El objeto unido se puede seguir editando mediante el ajuste de los nodos de la nueva forma.

Para unir contornos:

1. Seleccione objetos.

2. Seleccione una opción de trazos en el submenú Unir trazos del menú Organizar.

Añadir Crea un objeto nuevo que es igual a la suma de dos objetos cualesquiera seleccionados.

Los objetos no pueden estar solapados.

Restar Anula el solapamiento entre el objeto de arriba y el de abajo. El objeto del botón también se elimina.

Page 315: Web Pluses

Edición de objetos

305

Resulta útil como método rápido para truncar formas e imágenes con otro objeto.

¡Compruebe que los objetos están efectivamente solapados!

Cruzar Conserva el solapamiento y desecha el resto.

Excluir Combina dos o más objetos en un objeto compuesto, con un "agujero" transparente en el que se solapan las regiones rellenas.

Page 316: Web Pluses

Edición de objetos

306

Cómo actualizar y guardar valores predeterminados Los valores predeterminados de los objetos son el conjunto de configuraciones de propiedades que WebPlus tiene guardado para aplicarlo a los objetos que se crean, por ejemplo:

• líneas y formas (color de línea y de relleno, sombreado, patrón, transparencia, etc.)

• marcos (márgenes, columnas, etc.)

• texto (fuente, tamaño, color, alineación, etc.). Lo valores predeterminados se guardan aparte para texto artístico, formas, marcos y texto de tabla.

Puede cambiar fácilmente los valores predeterminados de cualquier tipo de objeto mediante el comando Actualizar valores predeterminados del objeto o el cuadro de diálogo Paleta de estilos de texto.

Los valores predeterminados son siempre locales, es decir, los cambios en los valores predeterminados se aplican al sitio actual y se guardan automáticamente con este para que tengan efecto la siguiente vez que se abra el sitio. Sin embargo, puede usar en cualquier momento el comando Guardar valores predeterminados para registrar los valores predeterminados como globales y, entonces, tendrán efecto en todos los sitios que cree en adelante.

Para establecer los valores predeterminados locales para un determinado tipo de objeto:

1. Cree un único objeto de muestra y ajuste las propiedades como desee o, si lo prefiere, utilice un objeto existente que ya tenga las propiedades correctas. (Para los gráficos, puede utilizar una línea, una forma o un rectángulo; todos comparten el mismo conjunto de valores predeterminados.)

Page 317: Web Pluses

Edición de objetos

307

2. Seleccione el objeto en el que se basarán los nuevos valores predeterminados y seleccione Actualizar valores predeterminados del objeto en el menú Formato.

O, para los colores de línea y relleno, incluidos los estilos de línea:

1. Sin el objeto seleccionado, seleccione el color de línea y/o relleno deseado de la pestaña Color o Muestrario (consulte Aplicación de colores sólidos en la pág. 399). Utilice la pestaña Línea para establecer un grosor de línea, estilo y forma de esquina predeterminados.

2. Dibuje el objeto en la página, que adoptará automáticamente los colores y estilos recién definidos como predeterminados.

Para ver y cambiar las propiedades de texto predeterminadas:

1. Seleccione Paleta de estilo de texto... en el menú Texto.

2. Haga clic en Texto predeterminado y, a continuación, de la lista expandida de tipos de texto, seleccione una opción, como, por ejemplo, Texto artístico.

3. Haga clic en Modificar... para ver las opciones de configuración actuales para el tipo de texto seleccionado.

4. Utilice el cuadro de diálogo Estilo del texto para modificar las propiedades de carácter, párrafo y viñeta/lista.

Para guardar todas las opciones de configuración actual como globales:

1. Seleccione Guardar valores predeterminados... en el menú Herramientas.

Page 318: Web Pluses

Edición de objetos

308

2. En el cuadro de diálogo, marque las opciones para actualizar las opciones predeterminadas que desee globalmente:

• Valores predeterminados de documento y objeto guarda la configuración actual del sitio (tamaño de página, orientación) y del objeto (opciones de la barra de herramientas de contexto).

• Estilos de texto guarda los estilos de texto actuales en la Paleta de estilos de texto.

• Estilos de objeto: guarda los estilos definidos por el usuario de la pestaña Estilos.

• Formatos de tabla y calendario guarda los formatos personalizados que se hayan guardado en el cuadro de diálogo Formatos de tabla.

3. Haga clic en Guardar para confirmar que desea que los nuevos sitios utilicen los valores predeterminados de objeto seleccionados globalmente.

Page 319: Web Pluses

Organización de objetos 11

Page 320: Web Pluses

Organización de objetos

310

Page 321: Web Pluses

Organización de objetos

311

Ordenación de objetos A medida que los objetos se van creando, se apilan en el orden en el que se han creado, de atrás hacia delante, con cada nuevo objeto delante de los demás. En cualquier momento, puede cambiar el orden de apilamiento, que afecta a cómo aparecen los objetos por la página.

Para cambiar la posición de un objeto un paso hacia delante o hacia atrás:

• Haga clic en Avanzar uno o Retroceder uno

en la barra de herramientas Organizar, respectivamente.

Para cambiar la posición del objeto seleccionado en la parte inferior o superior de la pila:

• Haga clic en Enviar al fondo o en Traer al frente

en la barra de herramientas Organizar, respectivamente.

Si está trabajando con organizaciones complejas de objetos, con lo que quizás necesite más control al reordenar, puede usar la pestaña objetos.

Para cambiar las posiciones de objetos a través de la pestaña Objeto:

1. En la pestaña Objetos, seleccione la página en la que están colocados los objetos.

2. Expanda la entrada de página haciendo clic en Expandir , mostrando objetos en la página.

Page 322: Web Pluses

Organización de objetos

312

3. Seleccione y arrastre el objeto a una nueva posición en la lista de objetos. Puede utilizar Ctrl + clic y Mayús + clic para seleccionar varias entradas de objeto no adyacentes o adyacentes.

El objeto en la posición más alta en la lista es el que está más arriba en el orden de objetos.

Alineación y distribución de objetos La alineación implica tomar un grupo de objetos seleccionados y alinearlos todos en una operación por sus bordes superior, inferior, izquierdo o derecho. También puede distribuir objetos, de forma que los objetos (como una selección múltiple) se propaguen de manera uniforme (opcionalmente a intervalos espaciados).

La alineación o la distribución se pueden producir entre los objetos más alejados de su página (selección actual), los márgenes de la página o el borde de la página.

La alineación con el último objeto seleccionado le permite elegir un objeto específico en una selección múltiple desde la cual alinear otros objetos.

Para alinear los bordes de dos o más objetos en una selección:

1. Con la herramienta Puntero, presione Mayús en todos los objetos que desea alinear o dibuje un recuadro alrededor de ellos para crear una selección múltiple.

2. Seleccione la pestaña Alinear.

3. Seleccione una opción para alineación horizontal o vertical. Seleccione Arriba, Abajo, Izquierda, Derecha, Centrar en horizontal o Centrar en vertical.

Page 323: Web Pluses

Organización de objetos

313

Para distribuir dos o varios objetos a lo largo una selección:

• Seleccione Espaciado uniforme a lo largo o

Espaciar uniformemente hacia abajo para expandir los objetos seleccionados de manera uniforme entre los objetos más alejados de la selección actual (horizontalmente o verticalmente, respectivamente) o mediante una medida establecida (seleccione Espaciado y defina un valor en cualquier unidad de medida).

En lugar de trabajar con el área de selección actual, puede alinear o distribuir los márgenes de página (si están definidos) o el borde de página.

Para alinear/distribuir objetos a los márgenes o bordes de la página:

Para un control de alineación más avanzado, puede alinear varios objetos en relación con el último objeto seleccionado (seleccione los objetos seguidos con la tecla Mayús pulsada) usando la opción de la lista desplegable Relativo a Último seleccionado.

El último objeto seleccionado se muestra con el cuadro delimitador más oscuro si se compara con otros objetos seleccionados.

Asociación de objetos a texto WebPlus le permite colocar formas, imágenes u objetos de la galería en relación con el texto del sitio (texto artístico o de marco) en una de dos formas:

Page 324: Web Pluses

Organización de objetos

314

• Flotar con el texto. Esta opción es ideal para imágenes y formas, etc.

Una forma adjunta a texto artístico como títulos

Una imagen dentro de un marco de texto

• Posicionar en línea como carácter. El objeto adjunto se coloca como un carácter en el texto y se alinea verticalmente en relación con el texto que lo rodea.

Un objeto de la galería adjunto a un título de texto artístico

Un objeto de la galería de la“Diversión” colocado en línea dentro de un marco de texto

La ventaja de ambos métodos, es que el objeto adjunto con el texto se mueve como el texto. Para texto del marco especialmente, cuando el reflujo de texto se añade como nuevo contenido al marco, el objeto adjunto se mueve con el texto.

Page 325: Web Pluses

Organización de objetos

315

Para adjuntar un objeto a texto:

1. Sitúe el objeto sobre o cerca del texto artístico o el texto de marco al que se adjuntará.

2. Seleccione Adjuntar al texto... del menú Organizar.

3. En el cuadro de diálogo, elija una opción de posición:

Para un objeto flotando:

1. Active Flotar con el texto. Esta es la opción de posicionamiento predeterminada.

2. Defina la opción de Posición en texto para que el objeto se ubique en relación al texto artístico o texto del marco. Seleccione Izquierda o Derecha o establezca un valor Sangría de como sangría izquierda por un valor de píxeles establecido.

3. Una vez que está posicionado, puede especificar la Distancia del texto: el “margen” entre el contorno del objeto y el texto adyacente.

4. Haga clic en Aceptar.

Una vez que está adjunto, el objeto muestra un botón Adjuntar al texto bajo el objeto. Haga clic para editar las propiedades.

El Punto de adición es una ubicación específica en el texto artístico o texto de marco desde la cual se colocará el objeto. Arrastre a una posición diferente en el texto para mover el punto de adición y el objeto simultáneamente.

Page 326: Web Pluses

Organización de objetos

316

O, para un objeto alineado:

1. Active Posicionar en línea como carácter.

2. Para establecer la alineación vertical del objeto con respecto al texto adyacente, seleccione la opción Alinear con el texto. El texto no fluirá alrededor del objeto adjunto.

3. (Opcional) Especifique un valor de Desplazamiento de para establecer el porcentaje que el objeto se desplazará verticalmente en relación con su altura.

4. (Opcional) Active Escalar a para escalar el objeto a un porcentaje del tamaño del punto del texto adyacente. Esto conserva el mismo tamaño relativo si el tamaño de texto cambia. 100% escalará con exactitud al tamaño del punto actual.

5. Una vez que está posicionado, puede especificar la Distancia del texto: el “margen” entre el contorno del objeto y el texto adyacente.

4. (Opcional) Active Usar esta configuración al pegar para actualizar los valores predeterminados de alineación y flotación. Cualquier objeto siguiente que se pegue adoptará la configuración guardada cuando se activó la opción.

5. Haga clic en Aceptar. El objeto se muestra en línea con

el texto y muestra un icono Adjuntar al texto .

Para ver las propiedades del objeto adjunto:

1. Seleccione un objeto adjunto.

2. Haga clic en Adjuntar al texto , que aparece bajo el objeto.

Page 327: Web Pluses

Organización de objetos

317

Aparecerá el cuadro de diálogo Propiedades del objeto adjunto. Las opciones son diferentes en función de la opción de posicionamiento activada.

Si desea cambiar la posición de un punto de adición, puede arrastrarlo en su marco de texto. El arrastrar a un área fuera del texto artístico o de marco, desconectará el objeto adjunto. También puede desconectar el punto de adición a través del cuadro de diálogo Propiedades del objeto adjunto.

Para desconectar un objeto adjunto:

• En el cuadro de diálogo Propiedades del objeto adjunto, active Desasociar del texto.

Creación de grupos Puede fácilmente convertir una selección múltiple en un objeto de grupo. Cuando se agrupan objetos, puede colocar, redimensionar o rotar todos los objetos al mismo tiempo.

Para crear un grupo de una selección múltiple:

• Haga clic en

el botón .

Page 328: Web Pluses

Organización de objetos

318

Para desagrupar (hacer que un grupo vuelva a ser una selección múltiple):

• Haga clic en el

botón . El grupo vuelve a ser una selección múltiple.

Simplemente con hacer clic en cualquier miembro de un grupo se selecciona el objeto de grupo. En general cualquier operación que se realice en un grupo seleccionado afecta a cada miembro del grupo. No obstante, los objetos que comprenden un grupo permanecen intactos y también se puede seleccionar y editar un objeto individual en un grupo.

Para seleccionar un objeto individual en un grupo:

• Ctrl-clic en el objeto.

Page 329: Web Pluses

Imágenes, animación y multimedia 12

Page 330: Web Pluses

Imágenes, animación y multimedia

320

Page 331: Web Pluses

Imágenes, animación y multimedia

321

Adición de marcos de imagen

Un marco de imagen es un contenedor con forma dent coloca la imagen, al igual que los marcos de imagen de casa.

En WebPlus, puede usar dos tipos de marcos de imagen:

• Marcos de imagen con borde en la pestaña Galería.

O bien:

• Marcos de imagen sin borde de la barra de herramientas Herramientas.

WebPlus le permite importar o arrastrar una imagen directamente al marco mediante la barra Multimedia. Los marcos de imagen vacíos se muestran como marcadores con forma de sobre. En cualquier momento puede reemplazar la imagen del interior del marco.

Page 332: Web Pluses

Imágenes, animación y multimedia

322

Todos los marcos de imagen que contengan una imagen mostrarán la barra de herramientas Marco de fotografía en el marco. Esto permite obtener panorámicas y giros (90 grados en el sentido opuesto a las agujas del reloj), acercar, alejar y reemplazar los controles de imagen).

Para añadir un marco de fotografías con borde:

1. En la pestaña Galería, seleccione Marcos de fotografías en la lista desplegable.

2. Desplácese hasta la categoría secundaria que elija (por ejemplo, Metálico, Natural, etc.).

3. Arrastre la miniatura del diseño del marco a la página.

Para añadir un marco de fotografías sin borde:

1. Si desea obtener un marco cuadrado vacío, seleccione Imagen>Marco vacío... en el menú Insertar.

2. El puntero del ratón cambia al cursor del Pegar imagen. Las acciones que realice a continuación determinarán el tamaño y la colocación iniciales del marco de la imagen.

Page 333: Web Pluses

Imágenes, animación y multimedia

323

3. Para insertar el marco con el tamaño predeterminado, simplemente haga clic con el ratón. O bien: Para definir el tamaño del marco, arrastre una región y suelte el botón del ratón.

Para añadir una imagen a un marco:

• En el álbum que se esté mostrando de la barra Multimedia, arrastre y suelte una fotografía directamente en el marco de la imagen. O bien:

Haga clic en Reemplazar imagen justo debajo del marco seleccionado y encuentre y seleccione una imagen. Haga clic en Abrir.

La imagen se añadirá al marco mediante las propiedades predeterminadas de Marco de imagen. Es decir, se escalará para el ajuste máximo y se mantendrá en todo momento la relación de aspecto. Sin embargo, puede alterar el tamaño, la orientación y la posición de la imagen con respecto al marco .

Importación de imágenes Existen varias formas de traer una imagen a WebPlus. Puede arrastrar un archivo de una carpeta externa de Windows directamente a la página, arrastrar una miniatura de la barra multimedia de WebPlus (consulte la pág. 328), pegar del área de pegado o importar una imagen como un archivo mediante un cuadro de diálogo.

• Las imágenes separadas flotan libremente en la página, mientras que las imágenes alineadas se incorporan al flujo del texto en un objeto de texto.

• Las imágenes incrustadas se convierten en parte del sitio de WebPlus, mientras que la vinculación coloca una copia de la referencia de la imagen en la página y conserva una conexión el archivo original. Cada método

Page 334: Web Pluses

Imágenes, animación y multimedia

324

tiene sus pros y sus contras (consulte Diferencias entre incrustar y vincular en la pág. 327).

WebPlus le permite colocar la imagen en la página en el tamaño original. Se deshará el recorte de la imagen de forma predeterminada pero tendrá la opción de recortar la imagen y ajustar las propiedades del marco de la imagen con respecto al posicionamiento y a la escala de la dentro del marco.

Para añadir una imagen de la barra multimedia:

• Arrastre una miniatura de la imagen a la página de los álbumes actualmente mostrados en la barra multimedia de WebPlus (expanda la barra multimedia de la parte inferior del área de trabajo). También puede arrastrar sobre una imagen existente para sustituirla.

Para importar una imagen de un archivo:

1. (Opcional) Si desea colocar la imagen alineada, haga clic en un punto de inserción en un objeto de texto. Para una imagen separada, asegúrese de que los objetos de texto no están seleccionados.

2. En la ventana principal:

• Haga clic en el botón Importar imagen... en el elemento flotante Imagen

3. Utilice el cuadro de diálogo Importar imagen para seleccionar el archivo de imagen que desea abrir.

4. Seleccione Insertar imagen o Vincular imagen. Consulte Diferencias entre incrustar y vincular en la pág. 327.

5. Haga clic en Abrir.

Page 335: Web Pluses

Imágenes, animación y multimedia

325

• Si hay un punto de inserción de texto en la ventana principal, la imagen se ubicará dentro del texto y se acoplará en el punto de inserción.

• Si se ha abierto una imagen con la barra QuickBuilder, la imagen se mostrará automáticamente en la página.

• De lo contrario, el puntero del ratón cambiará al cursor

Pegar imagen . Las acciones que realice a continuación determinarán el tamaño y la colocación iniciales de la imagen separada.

• Para insertar la imagen con su tamaño de píxeles original, haga clic con el ratón. O bien: Para definir el tamaño de la imagen insertada, arrastre una región y suelte el botón del ratón. Utilice la tecla Mayús para una ubicación sin limitaciones (la operación normal es mantener la relación de aspecto de la imagen).

Para pegar múltiples imágenes, seleccione varias imágenes del cuadro de diálogo Abrir y, a continuación, pegue cada imagen una por una en la página (por clics consecutivos).

Sustitución de imágenes

La opción de sustituir imagen le permite cambiar una imagen en cualquier momento, y es especialmente útil cuando desea conservar la posición y las dimensiones de una imagen en la página pero desea actualizar la propia imagen. Se puede utilizar en cualquier imagen (recortado o sin recortar).

Page 336: Web Pluses

Imágenes, animación y multimedia

326

Para sustituir una imagen:

• Haga clic en el botón Reemplazar imagen justo debajo de la imagen seleccionada y encuentre y seleccione una imagen. Haga clic en Abrir.

Para sustituir una imagen mediante la barra multimedia:

• Arrastre una miniatura de la imagen a la imagen existente de los álbumes actualmente mostrados en la barra multimedia de WebPlus (expanda primero la barra multimedia de la parte inferior del área de trabajo).

Ajuste de imágenes recortadas

WebPlus proporciona opciones adicionales para trabajar con imágenes recortadas, que son tanto las imágenes que ha recortado con las herramientas de recorte (barra de herramientas Herramientas) como las imágenes que se pueden sustituir que ya están presentes en las plantillas de diseño. Por ejemplo, puede hacer zoom para ajustar la parte de la imagen que se muestra en el interior de su marco o puede cambiar la forma en la que la imagen está escalada y alineada ajustando sus propiedades de marco.

Cuando seleccione una imagen recortada con la herramienta Puntero, aparece una barra de control debajo de la imagen que proporciona opciones de panorámica, rotación, zoom para acercar, zoom para alejar y sustitución de imágenes.

• Para reposicionar una imagen recortada dentro de su

marco, haga clic en y, a continuación, haga clic y arrastre en la imagen.

• Para rotar la imagen en pasos de 90 grados contrarios al

sentido horario, haga clic en el botón .

Page 337: Web Pluses

Imágenes, animación y multimedia

327

• Para acercar o alejar la imagen, haga clic en una de las

herramientas de zoom .

• Para sustituir una imagen, haga clic en ; a continuación, examine para buscar la nueva imagen y haga clic en Abrir.

Para editar las propiedades del marco:

1. Haga clic en una imagen recortada y elija Propiedades del marco…. O bien: Seleccione la imagen y elija Propiedades del marco en la barra de herramientas de contexto Imagen.

2. En el cuadro de diálogo, puede escalar al máximo/mínimo, Expandir para ajustar o usar el tamaño de la imagen original (Sin escala).

3. Para cambiar la alineación vertical de la imagen en el marco, seleccione Superior, Centro o Inferior.

4. Para la alineación horizontal, seleccione Izquierda, Centro o Derecha.

Si selecciona una imagen sin recortar solo hay un botón Reemplazar imagen.

Diferencias entre incrustar y vincular

Incrustar significa que la imagen en WebPlus es ahora distinta del archivo original. Incrustar genera un archivo de WebPlus más grande y si necesita modificar una imagen incrustada, tendrá que reimportarla después de editarla. No obstante, es lo más recomendable si el tamaño del archivo no es un problema y los gráficos son finales.

Page 338: Web Pluses

Imágenes, animación y multimedia

328

Vincular inserta una copia del archivo de la imagen en el sitio de WebPlus, vinculada al archivo real de modo que los cambios que realice posteriormente en la aplicación nativa se reflejarán automáticamente en WebPlus. Vincular es un método de evitar aumentar el tamaño del sitio, pues limita el tamaño del archivo. Por otro lado, necesitará gestionar externamente los archivos vinculados con sumo cuidado, por ejemplo, asegurándose de incluirlos todos si mueve el archivo de WebPlus a otra unidad.

Cualquiera de las dos opciones no afectan al sitio web publicado, solamente al sitio de WebPlus.

Uso de la barra multimedia La barra multimedia actúa como “cesta” que contiene las fotos que se pueden incluir en su sitio. Su principal uso es contribuir al proceso de diseño mejorando la eficiencia (evita tener que importar fotografías una a una) y comodidad (las fotos siempre están a mano). Sobre todo para sitios web con fotografías, quizás basados en plantillas de diseño de WebPlus, la barra multimedia constituye una valiosa herramienta para arrastrar fotografías directamente a imágenes indeseadas para reemplazarlas.

Page 339: Web Pluses

Imágenes, animación y multimedia

329

La barra multimedia se puede usar como área de almacenamiento temporal antes de colocar las fotografías en el sitio o puede usarse para crear álbumes de fotos más permanentes desde los que puede recuperar las fotos almacenadas en cualquier momento. De forma predeterminada, las fotografías se añaden a un álbum temporal, pero recuerde hacer clic en el botón Nuevo álbum si desea guardar el álbum para utilizarlo más tarde. Cada vez que se inicia WebPlus simplemente tiene que cargar el álbum guardado (o cualquier otro álbum guardado) o trabajar con un álbum temporal, ¡la elección es suya!

Puede importar un número ilimitado de fotografías por archivo o por carpetas enteras y decidir si las fotografías se insertan o vinculan en el sitio antes de colocar las fotos en la página.

Para grandes colecciones de fotos, se puede buscar en los álbumes las fotografías por nombre de archivo y metadatos EXIF, IPTC o XMP; incluso puede editar metadatos XMP desde WebPlus.

Page 340: Web Pluses

Imágenes, animación y multimedia

330

El álbum actualmente cargado que se muestra en su barra multimedia permanecerá visible independientemente del sitio que tenga abierto.

Las miniaturas se pueden arrastrar de la barra multimedia directamente a una imagen existente en la página, sustituyéndola con este proceso. También puede añadir una imagen como nueva, colocándola en su tamaño original.

Para ver la barra multimedia:

• Si no se muestra, haga clic en el controlador de la parte inferior del área de trabajo.

Para añadir fotografías a un álbum temporal:

1. Con la barra multimedia visible y un álbum temporal cargado, haga clic en el área de trabajo de la barra multimedia para abrir el cuadro de diálogo Importar imagen.

2. En el cuadro de diálogo, desplácese a una carpeta y seleccione las fotos para la importación.

3. Haga clic en Abrir. Las fotografías se mostrarán como miniaturas en el área de trabajo de la barra multimedia.

A menos que lo guarde, el álbum temporal y su contenido de fotos no se guardarán cuando cierre WebPlus.

Puede arrastrar uno o más archivos de cualquier carpeta de Windows directamente en la ventana de la barra multimedia. Si hace clic en la imagen en la barra multimedia y seleccione Ubicar en navegador se abrirá la carpeta de fotos en el Explorador de Windows, ideal para arrastrar y soltar o solo para la gestión general de archivos.

Page 341: Web Pluses

Imágenes, animación y multimedia

331

Para guardar un álbum temporal en un álbum con nombre:

1. Haga clic en la flecha hacia abajo en el botón Añadir a

. En el menú, seleccione Nuevo álbum.

2. En el cuadro de diálogo Nuevo álbum, en el cuadro Nombre de álbum, escriba un nombre para identificar su álbum en el futuro.

3. (Opcional) Para cualquier fotografía puede editar el estado de incrustado/vinculado antes de colocarla en la página; haga clic en la configuración de ubicación de una fotografía y utilice el menú desplegable de la configuración para cambiarla. También puede cambiar esa configuración mientras arrastra/suelta en la página.

4. Haga clic en Aceptar.

Para incluir las fotografías de un álbum temporal en un álbum guardado, haga clic en el botón Añadir a y seleccione un álbum con nombre en el menú.

Creación de un álbum con nombre:

1. Haga clic en el botón Nuevo álbum de la barra.

2. En el cuadro de diálogo, en el cuadro Nuevo álbum, escriba un nombre para identificar el álbum en el futuro.

3. Haga clic en el botón Agregar imagen o Agregar

carpeta .

4. En el cuadro de diálogo, desplácese a una fotografía o carpeta y haga clic en Abrir.

Page 342: Web Pluses

Imágenes, animación y multimedia

332

5. El cuadro de diálogo Nuevo álbum indica los archivos que se van a incluir. Opcionalmente, se puede modificar la opción de posición de incrustado/vínculo haciendo clic en la configuración de cada fotografía y seleccionando en el menú desplegable.

6. Para eliminar una fotografía, seleccione una fotografía y

haga clic en el botón Quitar imagen .

7. Haga clic en Aceptar.

Para cargar un álbum guardado:

• Seleccione el nombre de un álbum guardado en el menú desplegable superior derecha de la barra. Las fotografías del álbum se mostrarán en el área de trabajo de la barra multimedia.

Los álbumes guardados se pueden seleccionar como se ha indicado

y, a continuación, modificar mediante el botón Administrar (solo mostrado para los álbumes guardados). Puede añadir fotografías y carpetas, eliminar fotografías y modificar el estado de incrustado/vinculado.

Para eliminar un álbum:

• Seleccione el nombre de un álbum existente en el menú desplegable superior derecho y haga clic en Eliminar

álbum .

Para ordenar los resultados de un álbum:

• En el cuadro de búsqueda Ordenar por, elija Nombre de archivo, Clasificación o Fecha tomada para reorganizar las fotos según la opción que elija.

Page 343: Web Pluses

Imágenes, animación y multimedia

333

Adición de fotografías a una página

Para añadir una fotografía a una página:

1. Abra el álbum temporal de la barra multimedia o cargue un álbum guardado desde el menú desplegable superior derecha.

2. Arrastre la miniatura de fotos de un álbum a la página y suelte el botón del ratón.

Configuración de las opciones de exportación de imágenes Cuando publica el sitio, WebPlus aplica una configuración global específica para determinar cómo se convierte cada imagen (ya sea dibujada, pegada o importada) en un mapa de bits distinto mostrado en la página web.

Aquí se incluye un resumen rápido de la configuración de conversión tal y como se definen inicialmente para la publicación web:

• Cada imagen referenciada se exporta como archivo independiente.

• Cualquier imagen que se inserte como GIF, JPEG o PNG se exporta como el archivo original, usando su nombre de archivo original.

• Los metarchivos insertados y todos los demás gráficos se vuelven a generar como imágenes PNG.

Esta configuración se puede modificar, pero antes de hacerlo, deberá revisar la "lógica" que WebPlus aplica a la publicación de gráficos web. En primer lugar, WebPlus tiene un formato predeterminado al que se convierten todos los gráficos al exportarlos. Aunque se pueden hacer excepciones a esta regla

Page 344: Web Pluses

Imágenes, animación y multimedia

334

especificando que ciertos tipos de imágenes deben conservarse como su archivo original. Inicialmente, PNG es el formato predeterminado, pero con anulaciones definidas para GIF y JPEG. Por eso, usando la configuración inicial de arriba, las imágenes PNG se conservan tal cual, mientras que el resto de los gráficos se convierten a PNG.

Puede comprobar y cambiar estas opciones en el cuadro de diálogo Propiedades del sitio (menú Archivo). La configuración es global y se aplica a todos los gráficos del sitio, pero también aquí se pueden hacer excepciones, en este caso, para gráficos individuales. Para ello, en un gráfico seleccionado puede:

• Utilizar Opciones de exportación... (menú Formato) o Administrador de exportaciones de imágenes (menú Herramientas) para definir el formato de exportación de imágenes particulares caso por caso. O bien: Convertir algunas imágenes a un formato específico de antemano utilizando Herramientas>Convertir en imagen.

Esta combinación de configuraciones global y local ofrecen un control casi total (si se molesta en ejercerlo) sobre cómo se vierten los gráficos a las páginas web. Miremos primero cómo funciona la configuración global.

Para establecer las opciones globales de la exportación para los gráficos web:

1. Seleccione Propiedades del sitio... en el menú Archivo y seleccione la opción de menú Gráficos.

2. En la sección Formato de archivo de exportación, seleccione un formato que desee exportar. Este será el formato predeterminado al que se convertirán todos los gráficos al exportarlos, a menos que se definan anulaciones. Para JPG, puede establecer un valor de compresión. Para PNG, las opciones Usar transparencia PNG y Usar modificación de compatibilidad… permiten la transparencia PNG y

Page 345: Web Pluses

Imágenes, animación y multimedia

335

generan correctamente transparencia alfa PNG (en Internet Explorer 5.5 y 6.0), respectivamente.

3. En la sección Remuestreo, seleccione un método de remuestreo para proporcionar a las imágenes de cualquier formato calidad óptima, buena, más nítida o más suavizada; cuanto mayor sea la calidad, más lenta será la exportación. Mejor calidad utiliza supermuestreo para garantizar el detalle más fino de gráficos exportados. Active la opción No volver a muestrear imágenes... para evitar volver a muestrear imágenes cuando el tamaño de la imagen exportada se aproxima al tamaño original.

4. Para exportar nombres de archivos gráficos originales, en la sección Nomenclatura active Usar nombres originales de archivos de imagen. Los gráficos se almacenan en la raíz del sitio web publicado.

5. En la sección Optimización, mantenga activada la opción Combinar imágenes solapadas en un solo archivo para que WebPlus analice el sitio y (si el resultado fuera un archivo más pequeño) produzca gráficos solapados como un único gráfico. Esta opción será útil o no dependiendo de cada diseño particular. En lugar de usar este método global, podría usar Herramientas>Convertir en imagen en casos concretos.

6. En la sección Texto, puede activar la opción Dibujar texto como curvas suaves para hacer que el texto que se exporta como gráfico tenga una apariencia más suave. Es ideal para el texto artístico nítido.

7. En la sección Imágenes con hipervínculo, establezca un ancho o un alto máximo al exportar imágenes. Esto evita que las imágenes se muestren en las dimensiones de la imagen original innecesariamente grandes. Resulta útil para crear un hipervínculo a una imagen mayor.

Page 346: Web Pluses

Imágenes, animación y multimedia

336

Configuración de opciones de exportación, título y texto alternativo para gráficos individuales

Administrador de exportaciones de imágenes es un asistente que le permite establecer el formato de archivo de exportación para gráficos individuales en el sitio o para objetos como texto girado que se convertirán en imágenes en la exportación. Este valor local definido imagen por imagen invalida la configuración global (como se establece en Archivo>Propiedades del sitio) que WebPlus utiliza para determinar el formato de exportación. Puede utilizar el asistente para comprobar una sola imagen seleccionada, la página actual, o el sitio entero. Cada imagen puede guardarla de diferentes formas. Puede:

• Elegir un formato específico (GIF, JPEG o PNG) para exportar (o simplemente recurrir a la configuración predeterminada del sitio). Para JPEG, puede elegir un nivel de compresión. O bien:

• Guardar el archivo en una ruta y nombre de archivo seleccionados en la exportación. Puede que desee añadir nombres descriptivos más significativos a las imágenes de exportación (especialmente útil cuando se realiza el mantenimiento del sitio web) en lugar de exportar las imágenes con nombres de imagen generados automáticamente.

Júzguelo con sus propios ojos. Su opción más probable es mantener activada la opción Usar la configuración predeterminada del sitio para que todas las imágenes empiecen por ahí. Con la configuración global original, las imágenes GIF, JPEG y PNG se exportarán como sus archivos originales, mientras que las demás, entre las que se incluyen QuickShapes y las formas cerradas, se publicarán como PNG. A continuación, previsualice el sitio y determine si desea variar la configuración global o probar un formato diferente de salida para imágenes específicas.

Page 347: Web Pluses

Imágenes, animación y multimedia

337

Incluso si no cambia ninguna configuración de formato, puede establecer un título de imagen que normalmente aparecerá como información sobre herramienta cuando se pase el ratón por encima de la imagen en un navegador. También puede introducir texto alternativo (manual o automáticamente) por razones de accesibilidad.

Para establecer el formato, el título y/o el texto alternativo de exportación:

1. Si ha activado una única imagen, puede seleccionarla primero y elegir Opciones de exportación… desde el menú Formato o haga clic con el botón secundario. O bien: Para revisar las opciones de exportación web para las imágenes del sitio, seleccione Administrador de exportaciones de imágenes… desde el menú Herramientas.

2. (Sólo si está utilizando Administrador de exportación de imagen) Seleccione si está marcando un objeto seleccionado, una página actual o un sitio entero en el asistente y haga clic en Continuar. El asistente recorre todos los gráficos del intervalo especificado y los muestra uno por uno junto con el cuadro de diálogo Opciones de exportación de imagen.

3. En la sección Guardar imagen como del cuadro de diálogo, puede habilitar una de las siguientes opciones:

• Guardar con un formato y nombre elegidos por WebPlus. El formato del gráfico es el que está definido en las propiedades del sitio (Gráficos; Formato predeterminado); el nombre se genera automáticamente, p. ej., wp479d0ea6.

• Guardar en este formato con un nombre elegido por WebPlus. Haga clic en un botón de opción GIF, JPEG o PNG para especificar el formato de exportación para el gráfico actual. Habilite Usar la configuración

Page 348: Web Pluses

Imágenes, animación y multimedia

338

predeterminada del sitio si el formato predeterminado del sitio se va a mantener pero WebPlus le va a asignar un nombre automáticamente. Si selecciona JPEG, elija una calidad de compresión del menú desplegable Compresión.

• Guardar en la ruta y con el nombre que elija. Haga clic en el botón Elegir archivo... El cuadro de diálogo mostrado le permite exportar con el nombre de archivo de imagen original (habilite Usar nombre predeterminado) o elegir un nuevo nombre de imagen (habilite el botón Elegir nombre e introduzca un nuevo nombre de archivo). En cualquiera de los métodos, puede desplazarse a la carpeta en la que desee guardar la imagen exportada. El formato de archivo utilizado será el establecido en la configuración predeterminada del sitio. Aún puede invalidar la configuración predeterminada del sitio modificando la extensión del archivo en el campo Elegir nombre, p. ej., .gif a .png.

4. Active la opción Excluir esta imagen de la optimización... si no desea combinar la imagen con una imagen exportada si se solapa con otra imagen de su sitio.

5. (Opcional) Elija uno de los distintos métodos de remuestreo. WebPlus puede volver a muestrear cuando sea necesario y el archivo siempre se volverá a muestrear (p. ej., cuando se cambie el tamaño de una imagen JPG) o nunca se volverá a muestrear (se usará la imagen original). Active el botón de opción correspondiente según sea necesario. El cambio de formato siempre volverá a muestrear. El remuestreo puede usar la calidad definida en Propiedades del sitio (arriba) o una calidad específica (óptima, buena, más nítida o más suavizada) para el gráfico.

Page 349: Web Pluses

Imágenes, animación y multimedia

339

6. Para introducir un título para un gráfico, vea la pestaña ALT y TITLE e introduzca el texto correspondiente. Se mostrará al desplazarse sobre una imagen exportada.

7. En la misma pestaña, asigne una cadena de texto ALT a la imagen para la accesibilidad web. El lector de pantalla lee la cadena al desplazarse por encima. Puede asignar texto introduciéndolo en el cuadro de entrada o puede activar Usar texto ALT predeterminado. Por último, se exporta la imagen como se indica a continuación:

• Si las imágenes son decorativas (no contienen texto) no tienen ningún texto ALT. O bien:

• Si la imagen es un gráfico en el que se puede hacer clic, como un botón etiquetado (p. ej., Atrás, Adelante, etc.), se coge el texto de la imagen automáticamente, exportado como texto ALT (es decir, Atrás, Adelante) y se muestra a un lector de pantalla. Si se especifica un gráfico de título, el texto del título se utiliza como texto ALT.

8. Haga clic en Aceptar.

Importación de imágenes TWAIN Si su escáner o cámara digital proporciona asistencia técnica de TWAIN, puede buscar imágenes directamente en WebPlus usando el estándar TWAIN o guardar la imagen escaneada y después importarla a WebPlus.

Para configurar su dispositivo TWAIN para importar:

• Consulte las instrucciones de funcionamiento en la documentación suministrada con el escáner.

Page 350: Web Pluses

Imágenes, animación y multimedia

340

Para importar una imagen escaneada:

• Seleccione Imagen en el menú Insertar y, a continuación, seleccione TWAIN y Adquirir... en los submenús para abrir un cuadro de diálogo donde seleccionar un archivo.

Si tiene instalados más de un dispositivo compatible con TWAIN, quizás necesite seleccionar desde dónde desea escanear.

Para seleccionar un origen TWAIN diferente para escanear:

1. Seleccione Imagen en el menú Insertar y, a continuación, seleccione TWAIN y Seleccionar origen... en el submenú.

2. Identifique el dispositivo que desea usar como origen TWAIN.

Aplicación de filtros de PhotoLab Los filtros se pueden aplicar y administrar en PhotoLab, un potente estudio que permite aplicar a las imágenes filtros con ajustes y efectos, tanto individualmente como en combinación, es decir: todo aplicado y previsualizado al instante. PhotoLab ofrece las siguientes características fundamentales:

• Filtros de ajustes Aplique filtros de tono, color, lente y enfoque.

• Filtros de efectos Aplique efectos de distorsión, desenfoque, estilísticos, de ruido, representación, artísticos y muchos más.

• Filtros de retoque Aplique corrección de ojos rojos, retoque de manchas, enderezamiento y recorte.

Page 351: Web Pluses

Imágenes, animación y multimedia

341

• Funcionamiento no destructivo Todos los filtros se aplican sin que la imagen original se vea afectada y se pueden modificar en cualquier momento más adelante.

• Eficaces combinaciones de filtros Se pueden crear combinaciones de filtros de ajuste, retoque y efectos mezclados para flujos de trabajo que se pueden guardar.

• Enmascaramiento selectivo Los filtros se aplican a las regiones seleccionadas utilizando máscaras.

• Guardar y administrar favoritos Guarde las combinaciones de filtros en una práctica pestaña Favoritos.

• Controles de visualización Compare las vistas previas de antes y después, con los controles de pantalla doble y dividida. Utilice el control para vista panorámica y zoom para desplazarse por la imagen.

• Controles de bloqueo Proteja los filtros aplicados de un posible cambio accidental y, a continuación, aplíquelos a otras imágenes de la selección si lo desea.

PhotoLab incluye pestañas de filtros, una barra de herramientas principal y una pila de filtros aplicados alrededor de un área de trabajo central.

(A) barra de herramientas principal, (B) área de trabajo principal, (C) pila de filtros, (D) pestañas de filtros, (E) pestaña Imágenes

Page 352: Web Pluses

Imágenes, animación y multimedia

342

Para iniciar PhotoLab:

1. Seleccione la imagen a la que desee aplicar el filtro.

2. Haga clic en PhotoLab en la barra de herramientas de contexto Imagen.

Utilización de la pestaña Imágenes

Las imágenes presentes en el sitio web se mostrarán en la pestaña Imágenes (parte superior) si se expande la pestaña. Esta pestaña se muestra de forma predeterminada en PhotoLab, pero se puede ocultar al hacer clic en el botón en la parte inferior del área de trabajo.

Page 353: Web Pluses

Imágenes, animación y multimedia

343

Para buscar imágenes del sitio:

1. Haga clic en el botón Filtro ubicado en la pestaña Imágenes.

2. Seleccione y defina el tamaño mínimo y máximo de la imagen, si es necesario.

3. Seleccione o anule la selección de RGB, CMYK y Escala de grises para que se muestren solo imágenes en esos modos de color.

4. Haga clic en Aceptar.

La pestaña Imágenes solo muestra las imágenes que cumplen con los criterios establecidos anteriormente.

Con la pestaña Imágenes abierta, podrá seleccionar y editar todas las imágenes sin tener que salir de PhotoLab.

Page 354: Web Pluses

Imágenes, animación y multimedia

344

Aplicación de un filtro

Los filtros se almacenan en las pestañas Favoritos, Ajustes y Efectos de PhotoLab, las cuales agrupan los filtros de manera lógica por categorías (p. ej., Corrección rápida agrupa los filtros que se usan con más frecuencia para una corrección en pocos pasos).

La pestaña Favoritos incluye algunos de los filtros que se utilizan con más frecuencia (individuales o en combinación). Estos se pueden complementar con filtros definidos por el propio usuario.

Para aplicar un filtro con realización de pruebas:

1. Haga clic en una miniatura del filtro.

2. En el momento en que se selecciona un filtro, este se añade provisionalmente a la Zona de prueba donde podrá experimentar con libertad, utilizando su propia configuración para ese filtro. La imagen se actualiza automáticamente para mostrar una vista previa de la configuración nueva.

3. Ajuste los controles deslizantes (o introduzca valores de entrada) hasta que el filtro se adapte a sus necesidades. Algunos filtros incluyen casillas de verificación, menús desplegables y controles adicionales (p. ej. configuración avanzada).

Page 355: Web Pluses

Imágenes, animación y multimedia

345

Cuando se selecciona un filtro nuevo, este reemplaza siempre el filtro actual.

Todos los filtros pueden deshabilitarse, restablecerse o eliminarse provisionalmente de la zona de prueba.

Para deshabilitar un filtro:

Haga clic en y a continuación en para volver a habilitarlo.

Para restablecer un filtro:

Haga clic en . Las modificaciones realizadas en la configuración volverán a los valores predeterminados del filtro.

Para eliminar un filtro:

Haga clic en .

Una vez que esté seguro de que desea conservar el filtro, deberá confirmarlo en su pila de filtros.

Para confirmar un filtro:

• Haga clic en Confirmar para aceptar los cambios. De este modo, el filtro se añadirá a la pila de Filtros ubicada más a la derecha, en la cual se pueden añadir y acumular filtros adicionales utilizando el mismo método.

Los ajustes de aplican de manera que el filtro añadido más recientemente aparece siempre en la parte inferior de la lista y se aplica a la última imagen (después de los demás filtros que están por encima de él).

Page 356: Web Pluses

Imágenes, animación y multimedia

346

Para cambiar el orden de los filtros:

• Arrastre el filtro y suéltelo en cualquier posición de la pila. Una línea de puntos indica la nueva posición en la que se ubicará la entrada cuando se suelte el ratón.

Retoque

PhotoLab ofrece algunas útiles herramientas de retoque en la barra de herramientas principal, las cuales se suelen utilizar para corregir las fotografías antes de aplicar la corrección de color y los efectos.

Enmascaramiento selectivo

En vez de aplicar un filtro para cambiar de manera uniforme el aspecto de la imagen, se pueden cambiar sólo las regiones seleccionadas. PhotoLab permite enmascarar áreas de imagen pintando áreas que se verán afectadas por los filtros o que simplemente no se modificarán.

Page 357: Web Pluses

Imágenes, animación y multimedia

347

Para aplicar una máscara:

1. En el menú desplegable Máscara , seleccione Nueva máscara.

2. En el panel de Configuración de la herramienta,

seleccione la herramienta Agregar región para poder enmascarar regiones pintando.

3. Ajuste la configuración para adecuarse a sus necesidades, sobre todo, ajustando el tamaño del pincel para pintar las regiones más grandes o más complejas.

Cambie el menú desplegable Modo de Seleccionar a Proteger con el fin de evitar que se enmascaren las regiones pintadas (es decir, la opción inversa a Agregar región).

4. Pinte las regiones utilizando el cursor en pantalla (en verde para añadir; y en rojo para proteger). Si no ha sido tan preciso al pintar como le gustaría,

puede hacer clic en Quitar regiones y, a continuación, pintar por encima de las regiones pintadas por error.

5. Haga clic en Aceptar para guardar los cambios de enmascaramiento.

El botón de máscara cambia a amarillo cuando se aplica

la máscara (es decir, ).

Page 358: Web Pluses

Imágenes, animación y multimedia

348

Para editar una máscara:

• Haga clic en la flecha hacia abajo del botón , elija el nombre de la máscara y seleccione Editar máscara.

Cómo guardar favoritos

Si existe alguna configuración de filtro específica (o combinación de filtros) que desee conservar para utilizarla en un futuro, puede guardarla fácilmente como favorito. PhotoLab almacena todos sus favoritos juntos en la pestaña Favoritos. Incluso puede crear sus propias categorías (p. ej. Mis ajustes) dentro de la pestaña.

Para guardar filtro(s) como un favorito nuevo:

• Haga clic en Guardar filtro .

• En el cuadro de diálogo, indique un nombre para el favorito y elija una categoría en la que guardar el filtro.

(Haga clic en para crear una categoría nueva.)

Si desea administrar con más detalle sus favoritos en categorías definidas por el usuario, haga clic en la opción del Menú de

pestaña .

Page 359: Web Pluses

Imágenes, animación y multimedia

349

Uso de Estudio de recorte de imágenes Estudio de recorte de imágenes ofrece una potente solución integrada para cortar objetos y separarlos de su fondo. En función de la composición de las imágenes, puede separar el sujeto de interés de su fondo, bien conservando el sujeto de interés (normalmente gente, objetos, etc.) o quitando un fondo sencillo y uniforme (como el cielo o un fondo de estudio). En ambos casos, la imagen resultante "recortada" crea una imagen atractiva para su sitio.

Para iniciar Estudio de recorte de imágenes:

1. Seleccione la imagen que desea recortar.

2. Seleccione Estudio de recorte de imágenes en la barra de herramientas de contexto Imagen que se muestra. Se inicia Estudio de recorte de imágenes.

Page 360: Web Pluses

Imágenes, animación y multimedia

350

Elija un resultado

Es esencial que elija un tipo de resultado antes de seleccionar las áreas que desea conservar o descartar. Antes de la selección, se puede elegir como tipo de salida un mapa de bits con bordes alfa o, bien, de vectores recortados. La decisión depende, en realidad, de la imagen, particularmente del grado de definición de los bordes de la imagen.

Acerque la imagen para examinar los bordes porque eso puede influir en el tipo de salida que elija.

Echemos un vistazo a los tipos de salida y veamos en qué se diferencian. Tipo de salida

Descripción y uso

Mapa de bits con borde alfa

Se usa cuando se recortan objetos con bordes mal definidos. La transparencia y la fusión de píxeles se usan en el borde del contorno para crear resultados profesionales con interferencias insignificantes de los colores del fondo. El término "alfa" hace referencia al canal de transparencia alfa de las imágenes de 32 bits.

Mapa de bits con vectores recortados

Se usa en bordes más definidos. Se crea una imagen recortada con contorno de corte que después se podrá manipular con las herramientas de recorte. También puede aplicar el efecto de pluma al borde de la imagen, pero no quitará el color del fondo.

Page 361: Web Pluses

Imágenes, animación y multimedia

351

Para crear un mapa de bits de bordes alfa:

1. Seleccione Mapa de bits con borde alfa en el menú desplegable Tipo de salida.

2. (Opcional) Arrastre el control deslizante Ancho para establecer el grado de fusión "alfa" que se aplicará dentro del borde de recorte.

3. (Opcional) Ajuste el control deslizante Desenfoque para suavizar el borde de recorte.

Para crear un mapa de bits de vector recortado:

1. Seleccione Mapa de bits con vectores recortados del menú desplegable Tipo de salida.

2. (Opcional) Arrastre el control deslizante Pluma para aplicar un borde suave o borroso dentro del borde de recorte.

3. (Opcional) Arrastre el control deslizante Suavidad para allanar el borde de recorte.

4. (Opcional) El control deslizante Inflar actúa como un desplazamiento positivo o negativo respecto al borde de recorte.

Tendrá que hacer clic en Vista previa para comprobar los ajustes de configuración de salida cada vez.

Selección de las áreas que se mantendrán o descartarán

Las áreas de la imagen se "pintan" con un par de pinceles para conservar y descartar. Las herramientas se llaman Mantener la herramienta Pincel y Descartar la herramienta Pincel y se pueden utilizar independientemente o, por lo general, combinados.

Page 362: Web Pluses

Imágenes, animación y multimedia

352

Cuando se usa una de estas herramientas, el pincel pinta un área interna del contorno que se considera que se mantendrá o descartará (según el tipo de pincel). Se funde un número configurable de píxeles adyacentes al área de contorno.

Para contribuir a la operación de selección, se ofrecen varios modos de visualización disponibles para mostrar la selección.

Los botones Mostrar original, Mostrar coloreado y Mostrar transparente muestran respectivamente la imagen con:

• solo las áreas de selección

• varios tonos coloreados que ayudan en las operaciones de selección complejas

• áreas de transparencia en cuadros bicolores marcadas para su eliminación.

Color de fondo

Para el modo Mostrar transparente, se puede establecer un Color de fondo (en la parte inferior de Studio) que pueda ayudar a diferenciar las áreas que se van a conservar, de las que se van a descartar.

Para seleccionar las áreas de la imagen que se van a conservar y descartar:

1. En Estudio de recorte de imágenes, haga clic en

Mantener pincel o Descartar pincel a la izquierda del área de trabajo de Studio.

2. (Opcional) Elija el Tamaño de pincel adecuado para el área en el que se está trabajando.

Page 363: Web Pluses

Imágenes, animación y multimedia

353

3. (Opcional) Establezca un valor de Tolerancia de crecimiento para ampliar automáticamente el área seleccionada bajo el cursor (detectando colores similares a los que hay dentro de la selección actual). Cuando mayor sea el valor, más aumentará el área seleccionada. Anule la selección de la opción para desactivar la función.

4. Usando el cursor circular, haga clic y arrastre por todo el área que desee conservar o eliminar (dependiendo de si ha seleccionado la herramienta Pincel Conservar o Pincel Descartar). Se puede hacer clic repetidamente y arrastrar hasta crear el área de selección.

El botón Deshacer vuelve a la última selección.

Para ajustar la selección, puede alternar los pinceles Conservar y Descartar manteniendo pulsada temporalmente la tecla Alt.

5. Si está generando un mapa de bits con borde alfa, puede perfeccionar el área que desee conservar/eliminar dentro de Estudio de recorte de la imagen (solo después de haber obtenido una vista previa). Las imágenes de vectores recortados se pueden recortar usando las herramientas de recorte estándar de WebPlus fuera de Studio.

6. Haga clic en Aceptar para crear un recorte.

Adición de animaciones WebPlus le permite añadir varios tipos de efectos de animación llamativos a cualquier página web: marquesinas animadas,

Page 364: Web Pluses

Imágenes, animación y multimedia

354

animaciones GIF (consulte la Ayuda de WebPlus Help) y archivos Flash (SWF). Para cualquiera de los efectos de animación, puede obtener una vista previa de la animación o personalizar el efecto. Una vez colocadas en el sitio, las animaciones aparecerán estáticas, pero cobrarán vida una vez exportado el sitio y después de que un visitante visualice la página en un navegador web.

Recuadros animados

Los recuadros animados son una excelente manera de añadir movimiento horizontal a un titular o eslogan.

Para crear una marquesina animada:

• Haga clic en el botón Insertar marquesina animada

del elemento flotante Multimedia.

Para editar una marquesina animada ya definida:

• Haga doble clic en el recuadro. El cuadro de diálogo Insertar marquesina animada vuelve a aparecer, con los ajustes actuales.

Archivos Flash

Un archivo Flash (*.swf) es una película visible que utiliza el formato de Flash™ Player. (Flash es un programa basado en vectores diseñado para crear y mostrar pequeños archivos en la Web.) Los archivos Flash se pueden añadir a la página (como una imagen) y se reproducirán en la vista de página sin necesidad de obtener una vista previa en el navegador (o en la ventana de vista previa de WebPlus). Puede cortarlos, copiarlos, moverlos y cambiarles el tamaño, al igual que con los demás gráficos.

Para ver algunos archivos de Flash en acción, la Pestaña Galería ofrece una gran colección de titulares Flash (cada uno con los parámetros de Flash preasignados ya definidos) que puede adoptar

Page 365: Web Pluses

Imágenes, animación y multimedia

355

fácilmente. Estos titulares están diseñados para que pueda personalizar su aspecto (es decir, el texto, las imágenes y los colores de esquema) sin necesidad de tener experiencia previa en Flash.

Para insertar un archivo Flash:

1. Haga clic en el botón Insertar archivo Flash del elemento flotante Multimedia de la barra de herramientas Objetos web.

2. Utilice el cuadro de diálogo para seleccionar el archivo Flash que desea abrir (haga clic en Examinar... y seleccione el archivo SWF). Haga clic en Opciones de exportación para definir de forma opcional un nombre o ubicación de archivo diferente. Para conservar la animación aparte del archivo de WebPlus (usando vínculos al archivo de origen), desactive la opción Insertar archivo en el sitio.

3. (Opcional) En la ventana Parámetros, haga clic en el botón Añadir... (o Editar) para añadir (o editar) los parámetros, como las parejas nombre/valor.

4. (Opcional) En la ventana Archivos adicionales cree una biblioteca de archivos (p. ej., imágenes) que se utilizarán para componer la película Flash. Considérela una biblioteca local en la que los archivos auxiliares se pueden obtener y se puede hacer referencia a ellos fácilmente. Haga clic en el botón Añadir... para desplazarse hasta los archivos seleccionados que desea añadir (o utilice Ctrl+clic o Mayús+clic para una selección de archivos contiguos o no contiguos de archivos, respectivamente).

5. (Opcional) El cuadro Mostrar controla cómo se presenta la película Flash en la página de WebPlus. Experimente con las opciones para ver diferentes opciones de bucles, transparencia, alineación, escala y calidad.

Page 366: Web Pluses

Imágenes, animación y multimedia

356

6. Haga clic en Aceptar.

7. Verá el cursor Pegar imagen . Haga clic para insertar el archivo con un tamaño predeterminado o arrastre para establecer un área de tamaño personalizado.

Para editar un titular Flash:

Adición de sonido y vídeo WebPlus le permite mejorar sus páginas web con archivos de sonido y vídeo en distintos formatos estándar, incluidos los archivos multimedia que no son de transmisión y los que sí son de transmisión. Además, WebPlus le permite incluir vídeos de terceros alojados en www.youtube.com.

Sonido

• Hay dos opciones de reproducción de sonido: el sonido de fondo, cuando un sonido se carga y se reproduce automáticamente cuando una página se abre por primera vez en el navegador web del visitante, y el sonido vinculado, que se activa con un clic del ratón (por ejemplo, en un icono o en un objeto con hipervínculo). Los formatos de audio compatibles son AIFF, AU, MIDI (.mid, .midi), MP3, RealAudio (.ra, .ram) y WAV.

Vídeo

• El vídeo vinculado funciona como el sonido vinculado. Los formatos de vídeo compatibles son AVI, QuickTime (.mov, .qt), MPEG (.mpg, .mpeg, .mpe, .mpv) y RealVideo (.ram, .rv). (Los archivos que no sean de transmisión deben descargarse en su totalidad en el ordenador del usuario antes de que empiecen a reproducirse; los archivos de transmisión requieren un reproductor especial que almacene en búfer los datos

Page 367: Web Pluses

Imágenes, animación y multimedia

357

entrantes y pueda empezar a reproducir antes de que el clip se haya descargado por completo.)

• Los vídeos de YouTube que ya están publicados en Internet se pueden incluir en el sitio web. Los propios vídeos no se insertan en el sitio; sino que solo se inserta el Id. único del vídeo de YouTube en la página cuando se coloca el vídeo de YouTube en ella (se crea un vínculo de su página web a www.youtube.com). Esto le permite añadir contenido multimedia a las páginas mientras evita la carga de vídeos grandes como parte del sitio.

Tanto con el sonido de fondo como con el sonido vinculado (o vídeo), tendrá la opción de incrustar el archivo de origen en el sitio, en lugar de conservarlo aparte (recuerde que los vídeos de YouTube no se pueden insertar en su sitio). Aunque al insertar un archivo se aumenta el tamaño del sitio, esta es la opción predeterminada, ya que no querrá preocuparse más de la separación de archivos o de la posibilidad de que uno de ellos se elimine por error. Al publicar el sitio, WebPlus se encarga de exportar y copiar tanto los archivos insertados como los no insertados.

Para añadir sonido de fondo a una página:

1. Haga clic con el botón secundario en la página en el área de trabajo y elija Propiedades de la página...

Page 368: Web Pluses

Imágenes, animación y multimedia

358

2. En la pestaña Efectos, active la opción Usar el archivo de sonido; a continuación, en el cuadro de diálogo Abrir, desplácese hasta el archivo de sonido que desea añadir. Cuando el archivo esté seleccionado, haga clic en Aceptar.

3. Si no desea insertar el archivo, desactive la opción Insertar archivo de sonido en el sitio.

4. Para que el sonido se reproduzca en bucle continuo, seleccione Repetir sonido. De lo contrario, se reproducirá sólo una vez.

5. (Opcional) Establezca Opciones de exportación... para definir un nombre de archivo exportado y la ubicación física. (Consulte Configuración de las opciones de exportación de imágenes en la pág. 333.)

6. Haga clic en Aceptar.

El archivo de sonido se descargará y se reproducirá cuando la página web se muestre en un navegador.

La principal pregunta es cómo desea que el visitante pueda activar la reproducción de un determinado archivo multimedia. WebPlus ofrece las mismas opciones básicas para ambos tipos de archivos multimedia:

• Desde un objeto (o zona activa) con hipervínculo: comience con un objeto existente en el sitio y, a partir de él, cree un hipervínculo al archivo multimedia, o use una zona activa sobre una imagen.

• A partir de la vista previa de una miniatura de vídeo: se hace clic en una miniatura de vídeo incrustada que comienza la reproducción de vídeo (solo vídeos de YouTube).

• Desde un icono: WebPlus proporciona un icono previnculado al archivo multimedia. A continuación, coloque el icono en su página.

Page 369: Web Pluses

Imágenes, animación y multimedia

359

• Desde una imagen: seleccione un archivo de imagen externo, que WebPlus importa y vincula después al archivo multimedia.

• Alineado: El "reproductor" multimedia estará visible en la página web publicada (en lugar de aparecer después de que el usuario haga clic en un vínculo, icono o imagen). En WebPlus, verá el marcador en la página en la que aparecerá el reproductor.

Con las primeras dos opciones, el archivo multimedia sigue siendo externo y no se puede insertar en el sitio. Las opciones de la 3 a la 5 le dan la oportunidad de insertar el archivo multimedia.

Para añadir sonido o vídeo vinculados a un objeto o una zona activa:

1. Seleccione el objeto o zona activa y seleccione

Hipervínculo de la barra de herramientas Herramientas.

2. En el cuadro de diálogo, seleccione Archivo para crear un hipervínculo a un archivo de sonido del disco duro.

3. Haga clic en Examinar, busque el archivo multimedia, selecciónelo y haga clic en Abrir.

4. Si no desea insertar el archivo, desactive la opción Insertar archivo de vídeo en el sitio.

5. (Opcional) Establezca Opciones de exportación... para definir un nombre de archivo exportado y la ubicación física. (Consulte Configuración de las opciones de exportación de imágenes en la pág. 333.)

6. Se pueden elegir varias ventanas o marcos de destino en función de cómo desea que se muestre el destino del vínculo. (Consulte Adición de hipervínculos y delimitadores en la pág. 105.)

Page 370: Web Pluses

Imágenes, animación y multimedia

360

7. Haga clic en Aceptar.

Para insertar un vídeo de YouTube:

1. Abra el sitio web www.youtube.com en el navegador y seleccione el vídeo de YouTube al que desea crear el vínculo.

2. Copie la dirección URL para el vídeo (o incruste el código). Este contiene un Id. alfanumérico, p. ej. ySnp4YXU6JQ, que identifica el clip de vídeo de forma única.

3. Haga clic en el botón Insertar vídeo de YouTube en el elemento flotante Multimedia de la barra de herramientas Objetos web.

4. En el cuadro de diálogo, pegue la dirección URL del vídeo en el cuadro de entrada.

5. (Opcional) Active/desactive los cuadros para activar/desactivar lo siguiente;

• Reproducción automática Reproduce automáticamente el vídeo cuando la página se ha cargado.

• Bucle Reproduce el vídeo continuamente.

• Mostrar información del vídeo Muestra el título y la clasificación de estrellas del vídeo.

• Permitir modo de pantalla completa Añade un botón a la ventana del vídeo para que el usuario pueda optar por ver el vídeo en modo de pantalla completa.

Page 371: Web Pluses

Imágenes, animación y multimedia

361

• Incluir vídeos relacionados (Si la opción Bucle está activada, la función Incluir vídeos relacionados se desactiva automáticamente. Si desea activar esta función, necesitará desactivar la casilla de verificación Bucle.) Al final del vídeo, se muestran los vídeos recomendados que están relacionados con el contenido del vídeo que actualmente se reproduce en su página. También se muestra una barra de búsqueda para que los usuarios puedan buscar y reproducir otros vídeos de YouTube en el sitio.

• Reproducir en HD Reproduce el vídeo en alta definición, si el vídeo se ha creado para la reproducción en alta definición.

• Mostrar borde Añade un borde alrededor de la ventana de vídeo. Haga clic en los dos botones para acceder a las paletas desplegables y seleccionar hasta dos colores.

6. Haga clic en Aceptar. Sitúe el cursor Pegar donde desee que se sitúe la esquina superior izquierda del vídeo.

7. Para insertar el vídeo con el tamaño predeterminado, simplemente haga clic con el ratón. O bien: Para definir el tamaño del vídeo insertado, arrastre el cursor y suelte el botón del ratón. Se puede cambiar el tamaño del vídeo sin restricciones, pero puede mantener la relación de aspecto del vídeo pulsando la tecla Mayús a medida que arrastra.

Algunos sitios web pueden requerir que los vídeos de YouTube se intercambien por otros de forma ocasional o regular. Por ejemplo, el sitio puede alojar los 10 vídeos más populares o vídeos sobre temas que cambian continuamente. En cualquier caso, WebPlus puede reemplazar los vídeos sin que afecte a su posición.

Page 372: Web Pluses

Imágenes, animación y multimedia

362

Para cambiar el vídeo de YouTube por otro, haga doble clic en un vídeo de YouTube existente. En el cuadro de diálogo, pegue una URL de vídeo previamente copiada en el cuadro de entrada.

Para crear un vínculo desde un icono, imagen o reproductor en línea:

1. Haga clic en el botón Insertar clip de sonido o

Insertar clip de vídeo en el elemento flotante Multimedia de la barra de herramientas Objetos web.

2. Desplácese para buscar el nombre de archivo multimedia.

3. Si no desea insertar el archivo, desactive la opción Insertar archivo de vídeo en el sitio.

4. Seleccione una opción de visualización de vínculos (icono, en línea o imagen).

5. Haga clic en Aceptar para cerrar el cuadro de diálogo y, a continuación, haga clic (o haga clic y arrastre) con el cursor para colocar el icono, la imagen o el marcador en la página.

Uso de la galería fotográfica La propagación simultánea del uso de cámaras digitales y de servicios de banda ancha ha creado una oportunidad fantástica para publicar colecciones de fotos en páginas web. Hay multitud de razones para hacerlo, pero las más comunes incluyen:

• Alojar fotografías familiares para que quienes se encuentren a distancia las puedan ver.

• Ocasiones especiales (fiestas, Navidad, reuniones, vacaciones).

Page 373: Web Pluses

Imágenes, animación y multimedia

363

• Colecciones catalogadas (p. ej., de animales, de sellos, etc.).

En WebPlus puede añadir una galería fotográfica basada en Flash™, o en JavaScript, a cualquier página web. Al hacer uso del potencial de Flash también puede adoptar algunos estilos de galerías llamativos, que proporcionan distintas formas de desplazarse por las fotos. Las galerías fotográficas le permiten desplazarse mediante una barra de control superior o inferior, dependiendo del estilo de la galería, usando:

• elementos dinámicos de miniaturas (opuestos)

• miniaturas verticales

• cuadrículas de fotos

• pilas de fotos

• cajas de luz

Las fotografías se pueden importar por archivo o carpeta o desde un dispositivo TWAIN (cámara digital/escáner). De forma predeterminada, las fotos grandes importadas en la galería se redimensionan automáticamente y se exportan en la resolución máxima de 720 x 540 píxeles. Si las fotos son más pequeñas que 720 x 540 píxeles, permanecerán sin cambios.

Durante la importación, tendrá la opción de gestionar varias fotos seleccionadas a la vez.

• Reordene las fotos en el orden de visualización que prefiera.

Page 374: Web Pluses

Imágenes, animación y multimedia

364

• Realice una edición a granel. Podrá añadir pies de imagen, girar* y ajustar el brillo y el contraste.

• Asigne etiquetas Exif y cree pies de imagen personalizados.

• Crear y gestione álbumes de fotos.

*Es posible girar automáticamente las fotografías de cámaras digitales, de forma horizontal a vertical (si la cámara lo admite).

Creación de la galería

La galería fotográfica se insertará en la página, como una fotografía individual, después de obtener sus fotos del archivo, la carpeta, la cámara o el escáner.

Todas las fotos aparecen como archivos JPG, independientemente del tipo de foto original y de la configuración en Archivo>Propiedades del sitio>Gráficos.

Para insertar una galería fotográfica:

1. Haga clic en el botón Insertar galería fotográfica en el elemento flotante Imagen de la barra de herramientas Objetos estándar.

2. (Opcional) Haga clic en Avanzado para cambiar la configuración predeterminada de tamaño y calidad de las fotos. El tamaño predeterminado de fotos es la resolución máxima en la que se exportan las imágenes.

3. Seleccione el tipo de galería fotográfica que desea usar:

• Galería fotográfica profesional de Flash (los visitantes al sitio requerirán Flash 9 y superior.)

Page 375: Web Pluses

Imágenes, animación y multimedia

365

• Galería fotográfica de Flash (los visitantes al sitio requerirán Flash 8 y superior.)

• Galería fotográfica de JavaScript Photo Gallery

4. Haga clic en Siguiente. En el cuadro de diálogo, elija si:

• Agregar archivos individuales Haga clic en el botón Añadir archivos para desplazarse y seleccionar los archivos de fotos que desea abrir. Pulse Ctrl y haga clic o Mayús y haga clic para seleccionar varios sitios o varios archivos contiguos o distantes entre sí. Utilice la ventana de Vista previa para buscar fotografías a medida que las añada a su selección actual. O bien:

• Añadir todas las fotos de una carpeta Haga clic en el botón Añadir carpeta para desplazarse a una carpeta y seleccionarla para añadir el contenido. O bien:

• Añadir de una cámara digital o escáner Haga clic en el botón Añadir TWAIN. Si es necesario, seleccione el origen TWAIN antes del proceso de adquisición mediante Seleccionar origen... en el menú desplegable. También puede especificar una carpeta en la que guardar fotografías, después de haberlas adquirido mediante Establecer carpeta de exportación... del menú desplegable. Haga clic en Adquirir... para obtener las fotos.

• Para eliminar una o todas las miniaturas, seleccione y haga clic en el botón Eliminar.

Page 376: Web Pluses

Imágenes, animación y multimedia

366

Las fotografías se muestran como miniaturas en el cuadro de diálogo Galería fotográfica.

5. (Opcional) Seleccione una o varias miniaturas de la galería para manipularlas.

• Para ajustar el orden de las fotos, use los botones Arriba y Abajo de la parte inferior del cuadro de diálogo. O bien: Haga clic en Mover a posición e introduzca un número de posición.

• Para rotar en intervalos de 90º en el sentido de las agujas del reloj, haga clic en el botón Rotar . O bien: Haga clic en la columna Rotar a la derecha y seleccione un incremento de rotación de la lista desplegable.

• Para añadir un pie de imagen, haga clic en la columna Leyenda y escriba texto, números y caracteres.

• Para crear pies de imagen de etiquetas Exif, IPTC y XMP, haga clic en Cabeceras de formato . Seleccione un tipo de etiqueta de la lista desplegable y después haga clic en Agregar etiqueta. Una vista previa se mostrará en el cuadro Vista previa de cabeceras. Seleccione dónde añadir los pies de imagen: Añadir al principio de la cabecera, Añadir al final de la cabecera o Sobrescribir cabecera. Haga clic en Aceptar.

• Para encontrar y reemplazar pies de imagen, haga clic en Encontrar cabecera . (Consulte el tema Uso de buscar y reemplazar en la p. 255.)

Page 377: Web Pluses

Imágenes, animación y multimedia

367

• Para ajustar el Brillo y el Contraste, haga clic en las columnas respectivas e introduzca valores entre 0 y 100.

• Para sustituir una fotográfica, haga clic con el botón secundario del ratón en la foto seleccionada y haga clic en Sustituir imagen.

• (Solamente Galería fotográfica profesional de Flash) Para organizar las fotografías en álbumes, haga clic en Editar álbumes . Seleccione la casilla Activar álbumes en galería y seleccione el número de álbumes que desea usar, hasta un máximo de 24. Dé a sus álbumes un Título, Descripción y asigne opcionalmente Música de fondo para reproducir mientras el álbum se ejecuta en la galería. Haga clic en Aceptar.

• (Solamente Galería fotográfica profesional de Flash) Para añadir hipervínculos a las fotos, haga clic en Editar hipervínculo . En el cuadro de diálogo, seleccione un Tipo de hipervínculo; puede no establecer ninguno hipervínculo, establecer un hipervínculo a la imagen original o un hipervínculo a otro destino de vínculo (p. ej., página del sitio o página de Internet). Para la última opción tiene que hacer doble clic en el texto Sin vínculo para elegir el destino del vínculo.

6. Para incluir las fotos seleccionadas dentro del sitio, active la opción Insertar imágenes. De forma predeterminada, las fotografías se conservan aparte del archivo de WebPlus (usando un vínculo al archivo de origen).

7. Haga clic en Siguiente.

8. Seleccione un estilo de galería del panel Estilo de galería de la parte superior del cuadro de diálogo. Cada tipo ofrece un estilo diferente para desplazarse por las

Page 378: Web Pluses

Imágenes, animación y multimedia

368

fotos. Pruebe cada uno de ellos hasta que encuentre uno que le guste en la ventana Vista previa. Observará una barra de control en cada estilo que permite que el usuario se desplace por las fotos después de la publicación.

9. (Opcional) Para el estilo seleccionado, use el panel a la derecha para editar varias opciones de la galería (como la música de color de fondo, el color de fuente, la reproducción automática, etc.). Algunas opciones son específicas de un estilo de galería, como habilitar/desactivar los elementos dinámicos de miniaturas, el número de miniaturas mostradas, las fotografías por pila, el destino de hipervínculo, etc. La opción de desenfocar controla la cantidad de desenfoque entre fotos. La reproducción automática iniciará automáticamente la visualización de fotos en un intervalo de tiempo definido, pero configurable, (en segundos). De lo contrario, la barra de control que se muestra en la galería fotográfica después de la publicación puede iniciar la reproducción de fotos.

10. Haga clic en Finalizar.

11. Para insertar la galería con un tamaño predeterminado, coloque el cursor mostrado en la parte de la página donde desea que aparezca la galería y, a continuación, simplemente haga clic. O bien: Para definir el tamaño de la galería insertada, arrastre una región y suelte el botón del ratón.

Edición de la galería fotográfica

Una vez agregada a la página web, la galería fotográfica se puede modificar. Las fotografías se pueden añadir, eliminar, rotar, subtitular o ajustar utilizando la configuración de brillo y contraste. También puede cambiar el estilo de la galería existente por otro, cambiar los hipervínculo de fotos, la música de fondo, el color de

Page 379: Web Pluses

Imágenes, animación y multimedia

369

texto del pie de imagen y establecer que la galería se reproduzca automáticamente (las fotografías se pasarán automáticamente).

Si tiene varias galerías en el sitio, puede gestionar los hipervínculos previamente definidos en la opción de hipervínculo en el Administrador de sitios. Elija Imagen de galería en el menú desplegable Tipo.

Para editar una galería fotográfica:

1. Seleccione una galería ya presente en el sitio web.

2. Haga doble clic en la galería. Se mostrará el cuadro de diálogo Galería fotográfica. Las opciones disponibles son las mismas que las que estaban disponibles cuando se creó la galería.

3. Para editar un atributo en todas las fotos simultáneamente, seleccione todas las fotos usando la casilla de verificación de la parte superior de la columna de la imagen y, después, realice los cambios con las opciones en la parte inferior de la lista de fotos.

Después de colocar una galería, en la página se puede arrastrar una esquina del objeto de la galería para cambiar el tamaño. Utilice la tecla Ctrl mientras arrastra para mantener la relación de aspecto.

Vinculación de imágenes remotas Se puede conectar con cualquier imagen disponible actualmente en Internet. No obstante, para evitar la violación de derechos de autor es aconsejable utilizar imágenes de un servicio de hospedaje fiable de imágenes. Por supuesto, puede vincular de forma activa a otras imágenes (de un sitio de amigo o de colega) donde las repercusiones legales no supongan un problema, sino que simplemente por educación se pida permiso.

Page 380: Web Pluses

Imágenes, animación y multimedia

370

Para insertar una imagen remota:

1. Vaya a Insertar>Imagen>Vínculo remoto....

2. En el cuadro de diálogo, introduzca la URL absoluta para la imagen.

3. Haga clic en Aceptar.

4. Verá el puntero del ratón cambiar al cursor Pegar

imagen . Las acciones que realice a continuación determinarán el tamaño y la colocación iniciales de la imagen.

5. Para insertar la imagen con el tamaño predeterminado, simplemente haga clic con el ratón. O bien: Para definir el tamaño de la imagen insertada, arrastre una región y suelte el botón del ratón.

Page 381: Web Pluses

Líneas, formas y efectos 13

Page 382: Web Pluses

Líneas, formas y efectos

372

Page 383: Web Pluses

Líneas, formas y efectos

373

Dibujo y edición de líneas WebPlus contiene las herramientas Lápiz, Línea recta y Pluma para dibujar a mano alzada, líneas rectas y líneas curvas, respectivamente.

La Herramienta de lápiz le permite esbozar líneas curvas y formas a mano alzada.

La Herramienta de línea recta está para dibujar líneas rectas, reglas en la parte superior y/o inferior de la página o líneas horizontales para separar secciones o para destacar títulos.

La Herramienta Pluma permite unir una serie de segmentos de línea (que pueden ser curvos o rectos) usando clics de ratón para "conectar puntos".

Page 384: Web Pluses

Líneas, formas y efectos

374

Todas las líneas curvas se pueden cerrar (uniendo los extremos) para crear una forma personalizada (consulte Dibujo y edición de formas en la pág. 380 para obtener más detalles).

Dibujo de líneas

Para dibujar una línea a mano alzada (con la Herramienta de lápiz):

1. Haga clic en la Herramienta Pluma del elemento flotante Línea de la barra de herramientas de Objetos estándar.

2. Haga clic donde desee que comience la línea y mantenga pulsado el botón del ratón mientras dibuja. La línea aparecerá inmediatamente y seguirá los movimientos del ratón.

3. Al llegar al final de la línea, suelte el botón del ratón. La línea se suavizará automáticamente utilizando un número mínimo de nodos.

4. Para extender la línea, coloque el cursor sobre uno de sus nodos rojos de los extremos. El cursor cambia para incluir el símbolo más. Haga clic sobre el nodo y arrástrelo para añadir un nuevo segmento de línea.

Para dibujar una línea recta (con de la Herramienta de línea recta):

1. Haga clic en la Herramienta de línea recta del elemento flotante Línea de la barra de herramientas de Objetos estándar.

2. Haga clic en la página en la que desea que empiece la línea y arrástrela al punto final. La línea aparecerá inmediatamente.

Page 385: Web Pluses

Líneas, formas y efectos

375

Para limitar el ángulo de la línea recta a incrementos de 15 grados, mantenga pulsada la tecla Mayús mientras arrastra. (Se trata de una forma sencilla de crear líneas verticales u horizontales exactas).

3. Para extender la línea, coloque el cursor sobre uno de sus nodos rojos de los extremos. El cursor cambia para incluir el símbolo más. Haga clic sobre el nodo y arrástrelo para añadir un nuevo segmento de línea.

Para dibujar uno o más segmentos de línea (con la Herramienta Pluma):

1. Haga clic en la Herramienta Pluma del elemento flotante Línea de la barra de herramientas de Objetos estándar. En la barra de herramientas de contexto Curva, hay tres botones que permiten seleccionar qué tipo de segmento dibujar:

Un segmento recto es simplemente una línea recta que conecta dos nodos. (Acceso directo: Pulse 1)

Un segmento Bézier es curvado, y muestra manejadores de control para un ajuste más preciso. (Acceso directo: Pulse 2)

Page 386: Web Pluses

Líneas, formas y efectos

376

Los segmentos inteligentes aparecen sin controladores visibles y utilizan el ajuste automático de curvas para conectar cada nodo. Son especialmente útiles para realizar trazos alrededor de objetos e imágenes curvos. (Acceso directo: Pulse 3)

2. Seleccione un tipo de segmento y luego haga clic en el lugar en el que desea que comience la línea.

• Para un segmento recto, haga clic de nuevo (o arrastre) para crear un nodo nuevo en el lugar en el que desea que acabe el segmento. Haga clic en Mayús para alinear el segmento en intervalos de 15 grados (es útil para uniones rápidas en ángulo recto).

• Para un segmento Bézier, haga clic de nuevo para crear un nodo nuevo y arrastre un controlador desde él. Los controladores funcionan como imanes para dar forma a la curva. La distancias entre los controladores determina la profundidad del nuevo segmento de línea curva resultante. Haga clic de nuevo donde desea que termine el segmento y aparecerá un segmento curvo. El segmento acabado se puede seleccionar.

• Para un segmento inteligente, haga clic de nuevo para crear un nuevo nodo. El segmento aparecerá como una curva suavizada y bien ajustada (sin controladores visibles) entre el nuevo nodo y el nodo anterior. Antes de soltar el botón del ratón, puede arrastrarlo para “flexionar” la línea como si se tratara de un trozo de alambre. Si el nodo de

Page 387: Web Pluses

Líneas, formas y efectos

377

esquina anterior de la línea es también inteligente, la flexibilidad también se extiende al segmento anterior. Puede hacer clic y luego pulsar Mayús para crear un nuevo nodo que se alinee a intervalos de 15 grados con el nodo anterior.

3. Para extender una línea existente, repita el paso 2 para cada nuevo segmento. Cada segmento puede ser de un tipo diferente.

4. Para finalizar la línea, pulse la tecla Esc, haga doble clic o seleccione otra herramienta.

Edición de líneas

Utilice la Herramienta Puntero conjuntamente con la barra de herramientas de contexto Curva para ajustar las líneas después de dibujarlas. Las técnicas son las mismas para editar un objeto de línea diferente o el contorno de una forma cerrada.

Cuando se selecciona, cada tipo de línea posee unos nodos cuadrados que se pueden utilizar para cambiar la forma de las líneas.

Consulte la Ayuda de WebPlus para obtener información sobre la edición de líneas.

Configuración de las propiedades de línea Todas las líneas, incluidas las que contienen formas, poseen numerosas propiedades, como el color, grosor, escala, extremo (final), unión (esquina) y alineación del trazo. Estas propiedades se pueden variar en cualquier línea a mano alzada, recta o curva, del mismo modo que el contorno de una forma. Los marcos de texto, las imágenes, las tablas y los objetos de texto artístico también tienen propiedades de línea.

Page 388: Web Pluses

Líneas, formas y efectos

378

En WebPlus, puede controlar la posición del trazo (es decir, el grosor de la línea) en relación con el trazado del objeto, es decir, la línea que define los límites del objeto.

Para cambiar las propiedades de línea de un objeto seleccionado:

• Use la pestaña Muestrarios para cambiar el color y/o la sombra de la línea. Otra opción es utilizar la pestaña Color para aplicar un color al objeto seleccionado de un mezclador de color. La línea y el relleno del objeto pueden tomar un color sólido o de degradado, así como mapas de bits y efectos de transparencia.

• Use la pestaña Línea, barra de herramientas de contexto (que se muestra cuando la línea está seleccionada) o el cuadro de diálogo Línea y borde para cambiar el grosor, el tipo y otras propiedades de la línea. Seleccione un grosor de línea y utilice los cuadros desplegables para elegir el tipo de línea.

En la pestaña Línea, la barra de herramientas de contexto o el cuadro de diálogo Línea y borde, el menú desplegable de estilos proporciona los siguientes estilos: Ninguno, Sencillo, Caligráfico y varios estilos de línea con Guiones y Dobles, como puede ver a continuación.

Existen varios métodos más para personalizar las líneas:

Page 389: Web Pluses

Líneas, formas y efectos

379

Para líneas de puntos/guiones, seleccione uno de los cinco estilos de líneas (véase más arriba). O bien: (solo pestaña y cuadro de diálogo) Arrastre el control deslizante Patrón de guiones para establecer la longitud total del patrón (el número de casillas a la izquierda del control deslizante) y la longitud del guión (el número de esas casillas que son negras).

Los siguientes dibujos muestran líneas con longitudes de guiones de (1) 4 y 2, y (2) 5 y 4:

Para obtener líneas dobles, seleccione uno de los cuatro estilos de línea Dobles (véase más arriba).

(Solo pestaña) Para líneas caligráficas de grosor variable (dibujadas como con una pluma de punta cuadrada con un ángulo concreto), seleccione el estilo de línea caligráfica (al lado) en el menú desplegable, a continuación use el cuadro Ángulo caligráfico para definir el ángulo que forma la punta de la pluma, como se muestra en los ejemplos a continuación.

Page 390: Web Pluses

Líneas, formas y efectos

380

También puede variar el Extremo y la Unión (esquina) donde se cruzan las dos líneas.

El cuadro de diálogo Línea y borde proporciona todas las propiedades de línea incluidas las opciones de la selección de bordes, el sombreado/tono, escala final de la línea, más bordes decorativos basados en fotos para las fotos que enmarcan.

Para acceder a todas las propiedades de la línea:

• Haga clic en el botón Línea/Borde en el elemento flotante de relleno de la barra de herramientas Herramientas. En el cuadro de diálogo, la pestaña Línea permite ajustar todas las propiedades de línea (detalladas arriba) mientras que la pestaña Borde proporciona los bordes basados en fotos.

Dibujo y edición de formas Las formas QuickShapes son objetos prediseñados de formas muy diversas que se pueden añadir de forma instantánea a la página.

Page 391: Web Pluses

Líneas, formas y efectos

381

Una vez que haya dibujado una forma de QuickShape, puede recuperar su forma original mediante controladores, además de ajustar sus propiedades, como por ejemplo, aplicando colores sólidos/gradientes, mapas de bits (incluidas sus propias imágenes de mapa de bits) y efectos de transparencias al contorno y relleno de ambos objetos.

Otro método para crear una forma consiste en dibujar una línea (o una serie de segmentos de líneas) y luego conectar sus nodos iniciales y finales para crear una forma cerrada.

QuickShapes

El elemento flotante QuickShape de la barra de herramientas Objetos estándar contiene una amplia variedad de formas de uso general, incluidos marcos, óvalos, flechas, polígonos, estrellas, cubos y cilindros.

Una vez agregada a la página, también puede usar la barra de herramientas de contexto de QuickShape situada sobre el área de trabajo para ajustar el grosor de la línea de QuickShape, el color, estilo, etc.

Para crear una forma de QuickShape:

1. Haga clic en el elemento flotante QuickShape de la barra de herramientas Objetos estándar y seleccione una forma.

2. Haga clic en la página para crear una forma nueva de un tamaño predeterminado. O bien:

Page 392: Web Pluses

Líneas, formas y efectos

382

Arrastre a lo largo de la página para ajustar el tamaño de la forma. Cuando la forma sea del tamaño adecuado, suelte el botón del ratón.

Para dibujar una forma restringida (como un círculo):

• Mantenga pulsada la tecla Mayús a medida que arrastra el ratón.

Todas las formas de QuickShapes se pueden colocar, redimensionar, girar y rellenar. Y, lo que es más, puede cambiarlas utilizando controladores de deslizamiento ajustables alrededor de la forma de QuickShape. Cada forma cambia de un modo lógico para poder modificar su aspecto exacto.

Para ajustar el aspecto de una forma de QuickShape:

1. Haga clic en la forma de QuickShape para que aparezcan uno o más controladores de desplazamiento alrededor de la forma. No son los mismos que los controladores de selección “internos”. Cada forma de QuickShape tiene controladores diferentes que tienen funciones distintas.

2. Para cambiar el aspecto de una forma de QuickShape, arrastre sus controladores.

Page 393: Web Pluses

Líneas, formas y efectos

383

Formas cerradas

En cuanto dibuje o seleccione una línea, verá aparecer sus nodos. Los nodos indican los puntos finales de cada segmento de la línea. Las curvas a mano alzada suelen tener muchos nodos; los segmentos de líneas rectas o curvas sólo tienen dos. Puede crear una forma dibujando una línea hasta su punto de inicio.

Para convertir una línea seleccionada en una forma:

• Seleccione la línea con la Herramienta Puntero y haga

clic en el botón Cerrar curva en la barra de herramientas de contexto Curva.

También se puede hacer lo contrario, es decir, abrir una forma para añadirle uno o más segmentos de línea.

Para abrir una línea o una forma:

1. Con la Herramienta Puntero, seleccione el nodo donde desea romper la forma.

2. Haga clic en el botón Romper curva de la barra de herramientas de contexto Curva. La línea se dividirá en dos líneas. La forma se convertirá en una línea, con el nodo seleccionado dividido en dos nodos, uno a cada extremo de la nueva línea.

Page 394: Web Pluses

Líneas, formas y efectos

384

3. Ahora puede usar la Herramienta Puntero para cambiar la forma de la línea como sea preciso.

Edición de formas

• Utilice el control deslizante del grosor de la pestaña Línea para cambiar el grosor o el tipo de borde de la forma. Para cambiar el estilo de línea (punteado, de guiones, etc.), haga clic en la lista desplegable del medio para aplicarlo.

• Utilice la pestaña Color o la pestaña Muestrarios para cambiar el color de la línea o del relleno de la forma (sólidos, gradiente o mapa de bits). Para obtener más información, consulte Aplicación de colores sólidos o Trabajo con gradiente o mapa de bits.

• Utilice la pestaña de Transparencia para aplicar un efecto de gradiente o de transparencia de mapa de bits. Para obtener más información, consulte Trabajo con transparencias.

Uso de efectos de filtro 2D WebPlus ofrece una variedad de efectos de filtro que se pueden usar para transformar cualquier objeto. Los efectos de filtro "3D" permiten crear la impresión de una superficie texturada y se describen en otra sección (véase la pág. 389). En ésta, nos centraremos exclusivamente en los efectos de filtro 2D. Los ejemplos siguientes muestran cada efecto de filtro 2D aplicado a la letra "A".

Page 395: Web Pluses

Líneas, formas y efectos

385

Sombra paralela

Sombra interior

Resplandor externo

Resplandor interior

Bisel interno Bisel externo Relieve Relieve de almohada

Desenfoque gaussiano

Desenfoque de zoom

Desenfoque radial

Desenfoque de movimiento

Relleno de color

Pluma Contorno Reflejo

Page 396: Web Pluses

Líneas, formas y efectos

386

La pestaña Estilos de Studio ofrece una variedad de efectos de filtro 2D listos para usar. Cada una de las diferentes categorías ofrece una galería repleta de efectos predefinidos, como sombras, biseles, reflejos, desenfoques, etc. Cada categoría ofrece sutiles variaciones del efecto. Haga clic en cualquier miniatura para aplicar el efecto al objeto seleccionado.

Para el control absoluto sobre los efectos de filtro 2D, puede usar

Efectos de filtro.

Para aplicar los efectos de filtro 2D:

1. Seleccione un objeto y haga clic en el botón Efectos de

filtro del elemento flotante Efectos de la barra de herramientas Herramientas.

2. Para aplicar un efecto específico, marque la casilla correspondiente en la lista de la izquierda.

3. Para ajustar las propiedades de un efecto específico, seleccione el nombre y varíe los controles del cuadro de diálogo. Ajuste los controles deslizantes para escribir valores específicos y variar así el efecto combinado. (También puede seleccionar un control deslizante y

Page 397: Web Pluses

Líneas, formas y efectos

387

utilizar las flechas del teclado.) Las opciones varían según el efecto.

4. Haga clic en Aceptar para aplicar el efecto al objeto seleccionado o Cancelar para salir sin guardar los cambios.

Creación de reflejos

Una forma sencilla de añadir un destello creativo a su página es aplicar un reflejo vertical a un objeto seleccionado. El efecto resulta especialmente llamativo si se aplica a imágenes, pero también resulta estupendo en texto artístico, como títulos de página o titulares. Una combinación de opciones de configuración puede controlar el alto, la opacidad, el desplazamiento y el desenfoque del reflejo.

Creación de contornos

WebPlus permite crear un contorno coloreado alrededor de objetos, especialmente texto y formas (como un efecto de filtro). Para cualquier contorno, puede establecer el ancho del contorno, el relleno de color, la transparencia y el modo de fusión. El contorno también puede adoptar un relleno de gradiente, un relleno de perímetro único (el relleno se extiende del borde interno al externo de un ancho del contorno) o un relleno de patrón y también puede situarse dentro, fuera o estar centrado en el borde del objeto.

Page 398: Web Pluses

Líneas, formas y efectos

388

Como con todos los efectos, puede activar y desactivar el efecto de contorno. Podrá aplicar una combinación de efectos de filtro 2D o 3D junto con el contorno, marcando otras opciones en el cuadro de diálogo Efectos de filtro.

Uso de la herramienta Sombra

Las sombras son magníficas para añadir estilo y dimensión a un trabajo, particularmente a las imágenes, los objetos de texto y las formas. Para ayudarle a crearlas rápida y fácilmente, WebPlus ofrece la Herramienta Sombra en el elemento flotante Efectos de la barra de herramientas Herramienta. La herramienta ofrece control libre del efecto de sombra con lo que se pueden crear sombras básicas o basadas en bordes sesgadas para cualquier objeto de WebPlus.

Sombras básicas (izquierda) y sesgadas (derecha) aplicadas a una forma cuadrada QuickShape.

El color, opacidad, desenfoque y escala/distancia de una sombra se puede ajustar utilizando nodos controlables directamente en la página (o mediante una barra de herramientas de contexto Sombra de apoyo). Los nodos se pueden arrastrar hacia adentro o hacia afuera desde el origen de la sombra para modificar el desenfoque y la opacidad de la sombra. Para un color distinto, seleccione el nodo Color y, a continuación, elija un nuevo color de la pestaña Color o Muestrarios. Dependiendo de si se requiere una sombra básica o sesgada, el origen puede existir en el centro (en la imagen siguiente) o en el borde un objeto, respectivamente.

Page 399: Web Pluses

Líneas, formas y efectos

389

(A) Desenfoque, (B) Origen de la sombra, (C) Opacidad, (D)

Color, (E) Escala

Cuando haya creado una sombra, también puede ajustarla a sus necesidades usando el cuadro de diálogo Efectos de filtro.

Uso de efectos de filtro 3D Los efectos de filtro 3D van un punto más allá que los efectos de filtro 2D (como las sombras, los brillos, los biselados y los relieves) para crear la impresión de una superficie texturada en el objeto. Puede usar el cuadro de diálogo Efectos de filtro para aplicar uno o más efectos al mismo objeto. Recuerde que ninguno de estos efectos 3D "hará" nada en un objeto sin relleno. La diferencia solo se aprecia en los objetos con relleno.

La pestaña Estilos de Estudio es un buen lugar para comenzar a experimentar con los efectos 3D Cada una de sus numerosas categorías ofrece una galería repleta de efectos 2D y 3D predefinidos y combinados, que usan diferentes configuraciones.

Page 400: Web Pluses

Líneas, formas y efectos

390

Allí encontrará una variedad de opciones predefinidas de superficies y texturas 3D en diferentes categorías (Valores preestablecidos - Predeterminado, Valores preestablecidos - Diversión, Valores preestablecidos - Materiales y Textura). La categoría Valores preestablecidos - Materiales proporciona efectos realistas como Vidrio, Metálico, Madera, etc. Haga clic en cualquier miniatura para aplicarlo al objeto seleccionado. Si el objeto tiene color para comenzar, verá los resultados al instante.

Otra opción es personalizar una opción preestablecida de la pestaña Estilos o aplicar uno o más efectos específicos desde cero, usando Efectos de filtro.

Para aplicar los efectos de filtro 3D:

1. Haga clic en Efectos de filtro en el elemento flotante Efectos de la barra de herramientas Herramientas.

2. Marque la casilla Efectos 3D de la izquierda. La casilla Iluminación 3D está seleccionada de manera predeterminada.

Page 401: Web Pluses

Líneas, formas y efectos

391

3. Ajuste el control deslizante del "control maestro" aquí para variar las propiedades generales de cualquier efecto 3D que seleccione.

• Desenfoque especifica la cantidad de suavizado que se aplica. Cuanto más grande sea el tamaño del área desenfocada, mayor será la sensación de espacio y más graduales serán los cambios en altura.

• Profundidad especifica el grado de los cambios en la profundidad.

• El botón suele estar pulsado, lo que vincula los dos controles deslizantes para suavizar los cambios marcados en Profundidad con el parámetro Desenfoque. Para ajustar los controles deslizantes independientemente, haga clic en el botón para sacarlo.

4. (Opcional) Si lo necesita, expanda el panel de vista previa haciendo clic en el botón Mostrar/Ocultar vista previa

. Cuando se expande, los efectos se aplican únicamente en la ventana de vista previa. Cuando el panel está contraído (vuelva a hacer clic en el botón), los efectos de filtro se aplican directamente al objeto en la página. Esta última opción permite trabajar en los efectos aisladamente, sin que interfieran otros objetos de página en el ajuste de los efectos. Use los botones del zoom o un porcentaje de aumento para las tareas más minuciosas.

5. Active un efecto 3D en la lista Efectos 3D y experimente con la configuración disponible.

Page 402: Web Pluses

Líneas, formas y efectos

392

Uso de estilos de objeto La ventaja que suponen los estilos de objeto para su labor de diseño es comparable a la de los estilos de texto y los esquemas de color. Una vez que encuentre una serie de atributos que le gusten (propiedades como el color de línea, el relleno, los bordes, etc.), podrá guardarla como un estilo con nombre. WebPlus recuerda qué objetos utilizan ese estilo y el estilo se incluye en la pestaña Estilos para que pueda seguir aplicándolo a objetos nuevos.

La pestaña Estilos contiene varias galerías de estilos prediseñados que puede aplicar a cualquier objeto o personalizar a su gusto. Hay

galerías en las categorías

de efectos, como Desenfoques, 3D, Borde, Ajustes, Sombras, Materiales (por ejemplo, metales), etc. y cada categoría posee sus propias subcategorías.

Page 403: Web Pluses

Líneas, formas y efectos

393

Para aplicar un estilo de objeto a uno o más objetos:

1. Abra la pestaña Estilos.

2. Expanda la lista desplegable y seleccione una categoría de estilo con nombre (p. ej., Desenfoques) y, a continuación, elija una subcategoría desplazándose por la ventana inferior.

3. Previsualice en la ventana los estilos disponibles como miniaturas (de manera predeterminada se muestran en forma de dientes).

4. Haga clic en una miniatura de estilo para aplicarlo a los objetos seleccionados.

5. Abra la pestaña Estilos.

6. Expanda la lista desplegable y seleccione una categoría de estilo con nombre (p. ej., Desenfoques) y, a continuación, elija una subcategoría desplazándose por la ventana inferior.

7. Previsualice en la ventana los estilos disponibles como miniaturas (de manera predeterminada se muestran en forma de dientes).

8. Haga clic en una miniatura de estilo para aplicarlo a los objetos seleccionados.

Para eliminar un estilo de objeto de una galería:

• Haga clic con el botón secundario en la miniatura y seleccione Eliminar.

Para anular la vinculación a un objeto desde la definición de su estilo:

• Haga clic con el botón secundario en el objeto y seleccione Formato>Estilo de objeto>Desvincular.

Page 404: Web Pluses

Líneas, formas y efectos

394

Cómo guardar estilos de objeto

Para crear un nuevo estilo de objeto en los atributos de un objeto existente:

• Haga clic con el botón secundario en el objeto y seleccione Formato>Estilo de objeto>Crear.

Para guardar los estilos de objeto de un sitio globalmente:

1. Seleccione Guardar valores predeterminados... en el menú Herramientas.

2. En el cuadro de diálogo, active Estilos de objeto y, a continuación, haga clic en Guardar.

Adición de dimensionalidad (3D instantáneo) Mediante la función 3D instantáneo, puede transformar de manera sencilla formas planas (mostradas) y texto en objetos tridimensionales.

WebPlus le permite controlar ajustes de efectos 3D, como:

• Biselado: utilice distintos valores preestablecidos tallados y redondos o cree uno propio mediante un editor de perfil de biselado personalizado.

Page 405: Web Pluses

Líneas, formas y efectos

395

• Iluminación: se puede colocar un máximo de ocho luces editables y coloreadas por separado con el fin de producir marcados efectos luminosos.

• Efectos de torno: cree objetos con contorno (por ejemplo, un corcho de botella) con el editor de perfil de torno personalizado y el control de extrusión.

• Textura: controle el modo de obtención de texturas en objetos con rellenos no sólidos.

• Visualizar: gire el objeto en tres dimensiones.

• Material: controla el efecto de la iluminación sobre las superficies del objeto (especialmente indicado para texto artístico en 3D).

Una práctica y accesible barra de herramientas de contexto 3D situada encima de su espacio de trabajo le permite configurar los ajustes mencionados anteriormente. Cada uno de ellos contribuye a crear el efecto 3D en el objeto seleccionado. Para el control del objeto en la página, puede transformar en 3D con un círculo rojo de órbita, que actúa como eje desde el que puede girar alrededor de sus ejes X, Y y Z en relación a su página. Busque el cursor que cambia cuando pase por la trama o los nodos de los círculos rojos.

Giro X Giro Y Giro Z Giro X e Y

Transforme los ejes de objetos 3D en lugar de los ejes de las páginas manteniendo pulsada la tecla Ctrl mientras realiza la transformación.

Page 406: Web Pluses

Líneas, formas y efectos

396

También puede ajustar el ángulo y la elevación de cada luz “activa” en la página arrastrando el puntero de luz a una posición que simule una fuente de luz.

Tras cualquier transformación, el objeto de base subyacente sigue siendo editable.

Para añadir dimensionalidad:

1. Seleccione un objeto y haga clic en el botón 3D

instantáneo del elemento flotante Efectos de la barra de herramientas Herramientas. El objeto adopta inmediatamente las características 3D con un círculo rojo de órbita mostrado en el primer plano del objeto.

2. Haga clic en una categoría de efecto 3D del primer menú desplegable de la barra de herramientas de contexto de 3D; las opciones de la barra cambian de forma dinámica de acuerdo con la categoría seleccionada. Consulte la Ayuda de WebPlus para obtener más información.

Haga clic en Restablecer valores predeterminados en la barra de herramientas de contexto para revertir el objeto a su transformación inicial.

Para desactivar los efectos 3D:

• Haga clic en el botón Quitar 3D en la barra de herramientas de contexto. Puede hacer clic siempre en el botón 3D instantáneo de la barra de herramientas Herramienta en cualquier momento posterior para restaurar el efecto.

Para editar las propiedades de base de un objeto 3D:

• Seleccione el objeto 3D y, a continuación, haga clic en el botón Editar objeto base en la esquina inferior derecha del objeto 3D.

Page 407: Web Pluses

Líneas, formas y efectos

397

Se mostrará la forma original del objeto, lo que permite la manipulación de sus controles de selección para cambiar el tamaño y la rotación.

Page 408: Web Pluses

Líneas, formas y efectos

398

Page 409: Web Pluses

Color, rellenos y transparencia 14

Page 410: Web Pluses

Color, rellenos y transparencia

400

Page 411: Web Pluses

Color, rellenos y transparencia

401

Aplicación de colores sólidos

Puede usar la pestaña de Color, la pestaña Muestrarios o un cuadro de diálogo para aplicar colores sólidos a un objeto.

Los botones de muestrario de las pestañas proporcionan varias formas de aplicar colores sólidos a objetos de varias clases:

• Puede aplicar colores sólidos al relleno o a la línea de un objeto. Como puede esperar, QuickShapes y las formas cerradas (consulte Dibujo y edición de formas en la pág. 380) tienen propiedades de línea y de relleno.

• El texto trazado a mano o las líneas curvadas pueden llevar colores de línea y también un color de relleno para crear formas cerradas directamente de la línea.

Page 412: Web Pluses

Color, rellenos y transparencia

402

• Los objetos de texto artístico y de marco creativo seleccionados pueden tener un color de relleno de fondo, línea y de texto. El color de texto es el relleno del texto, el relleno de fondo es el área inmediatamente detrás de texto. El texto del marco de HTML solo lleva color de relleno de fondo y de texto.

• Los marcos de texto (se muestran) y las celdas de la tabla pueden tener un relleno de fondo independiente de los caracteres que contienen.

Para aplicar un color sólido a través de la pestaña Color:

1. Seleccione los objetos o resalte el intervalo de texto.

2. Haga clic en la pestaña Color y seleccione uno de los distintos modos de color (RGB, CMYK, HSL o Escala de grises) del menú desplegable.

3. Haga clic en el botón Relleno , Línea o

Texto en la parte superior de la pestaña para determinar dónde se aplica el color. El color del subrayado refleja el color del objeto seleccionado. Para el texto de marco seleccionado, el relleno será el color de texto de fondo (pero no el color de fondo del marco).

4. Seleccione un color del espectro de color o los controles deslizantes en función del modo de color seleccionado.

Puede utilizar la herramienta Selector de colores

para definir el color. Después de seleccionar la herramienta, haga clic en cualquier punto del área de

Page 413: Web Pluses

Color, rellenos y transparencia

403

trabajo para "seleccionar" el color que hay debajo del cursor.

En modo de color RGB, puede usar la codificación policromática hexadecimal mediante la selección del

botón Menú de pestaña de la pestaña Color.

Para aplicar un color sólido a través de la pestaña Muestrarios:

1. Seleccione los objetos o resalte el intervalo de texto.

2. Haga clic en la pestaña Muestrarios.

3. Haga clic en el botón Relleno , Línea o

Texto en la parte superior de la pestaña para determinar dónde se aplica el color.

4. Seleccione un muestrario de color de la Paleta del sitio (los colores que más se utilizan y aquellos previamente aplicados al sitio) o la Paleta estándar (RGB estándar o valores preestablecidos de la paleta temática, como colores seguros para la Web).

De forma alternativa, use Formato>Rellenar... para aplicar color mediante un cuadro de diálogo.

Para cambiar una sombra o un tono de color sólido (luz):

1. Seleccione el objeto y defina el botón de relleno, línea o texto en la pestaña Color.

2. En el menú desplegable de modo Color, seleccione Teñir.

Page 414: Web Pluses

Color, rellenos y transparencia

404

3. Arrastre el control deslizante de sombra/tono a la izquierda o a la derecha para oscurecer o aclarar el color de inicio, respectivamente. También puede indicar un valor de porcentaje en la casilla (si introduce 0 en el cuadro de entrada, vuelve al color original).

El tono de objeto también se puede aplicar mediante la pestaña

Muestrarios; ajuste Tono mediante el control deslizante o la entrada directa.

WebPlus añade colores automáticamente a la Paleta del sitio

en la pestaña Muestrarios.

Para cambiar la paleta actual:

• Haga clic en el botón Paleta para ver y para adoptar colores de RGB estándar, seguros para la Web o de una selección de paletas temáticas. Los colores se pueden añadir, editar o eliminar de la Paleta del sitio, pero no de otras paletas.

Uso de esquemas de color WebPlus proporciona una impresionante selección de esquemas de color que puede seleccionarse al crear un sitio con una plantilla de diseño o desde cero. Si elige un sitio basado en plantilla, la selección de un esquema de color establecerá el aspecto del sitio en cuanto a color, ya que todas las plantillas ya están “esquematizadas”. Al seleccionar cada esquema cambian drásticamente los colores de elementos de página en el diseño de página con un solo clic.

Page 415: Web Pluses

Color, rellenos y transparencia

405

Esquema de color: (A) Coral, (B) Smoothie y (C) Predeterminado.

Cuando crea inicialmente el sitio a partir de una plantilla puede seleccionar uno de los tres esquemas de color diseñados específicamente para ese diseño de plantilla o simplemente utilizar cualquiera de los esquemas de color global. Consulte Creación de un sitio con una plantilla de diseño en la pág. 26.

Creación de esquemas desde cero

Los sitio web creados desde cero pueden utilizar globalmente cualquier esquema de color, pero inicialmente tendrá que asignar un color de esquema a los objetos (consulte la pág. 410), puesto que se crean para realizar trabajos de esquematización de colores. Esto permitirá cambios drásticos de color, si cambia los esquemas posteriormente.

Page 416: Web Pluses

Color, rellenos y transparencia

406

Cómo funcionan los esquemas de color

Los esquemas de color de WebPlus funcionan como el sistema de pintura por números, donde a los elementos de página de un diseño se les asignan colores de esquema específicos por número.

Estos colores se almacenan en muestrarios de “botes de pintura”,numerados de 1 a 12, alojados en la pestaña Muestrarios.Esquema de color Smoothie

Estos muestrarios representan el esquema de color del sitio. Aquí puede asignar colores de esquema a los elementos de página para hacerlos esquematizados (este proceso se hace ya con plantillas).

El cambio a un esquema de color diferente genera un aspecto completamente distinto respecto al color.

¿Qué ha sucedido con los números 4 y 6 a 9 contiguos? No se han necesitado en el diseño de página y, por lo tanto, no se han asignado.

Page 417: Web Pluses

Color, rellenos y transparencia

407

Puede utilizar una plantilla de diseños de tema para obtener una idea sobre cómo los colores de esquema se podría asignar a diferentes elementos de página de su sitio. La tabla contigua indica cómo se asignan los elementos de página a los colores del muestrario (del esquema denominado Smoothie).

Intente intercambiar los diferentes esquemas usando el archivo de muestra “Esquemas - Muestra” disponible inicialmente en el Asistente para inicio de WebPlus o el menú Archivo. Cargue el archivo e intercambie los esquemas de color mediante Diseñador de esquemas de color.

Page 418: Web Pluses

Color, rellenos y transparencia

408

Hipervínculos, colores de página y fondos esquematizados

Cualquiera de los 12 colores de esquema también se puede usar para hipervínculos, color en página, y fondo del sitio para su sitio.

Para los hipervínculos específicamente los estados de hipervínculo normal, seguido, activo y dinámico se esquematizan de forma predeterminada. Todos adoptan el mismo color de esquema 10 como se muestra anteriormente, pero si asigna diferentes colores de esquema en Propiedades del sitio (pág. 45) puede cambiar el color del hipervínculo a distintos tipos de interactividad (clic, desplazarse por encima, etc.).

Los colores en página no se esquematizan de forma predeterminada, pero se pueden asignar a un esquema de color en las propiedades del sitio en cualquier momento. Por el contrario, los fondos del sitio se esquematizan para colorearla el muestrario 1 de forma predeterminada, pero se pueden cambiar por otro color de esquema en cualquier momento.

Para obtener más información sobre la configuración del color de la página y color de fondo del sitio, consulte Configuración de aspecto de la página en la pág. 45.

Otras formas del uso de colores de esquema

A los estilos de texto, como otros objetos, se les pueden asignar colores de esquema. Esta función resulta especialmente útil si desea que los encabezados adopten un aspecto similar. Por supuesto, puede cambiar el esquema en cualquier momento actualizando todos los colores de encabezado inmediatamente.

También se pueden aplicar diferentes colores de esquema a los hipervínculos de estilos de texto en todo el sitio. Esto puede ser útil si desea distinguir los colores de hipervínculos utilizados en los encabezados (p. ej. Encabezado 1, Encabezado 2) de los utilizados en el texto del cuerpo.

Page 419: Web Pluses

Color, rellenos y transparencia

409

Consulte Configuración de propiedades de texto y Uso de estilos de texto en la pág. 263 y pág. 263.

Selección de esquemas de color

Para seleccionar un esquema de color preestablecido:

1. Haga clic en Diseñador de esquemas de color en la barra de herramientas de contexto Predeterminado. O bien: Abra la pestaña Muestrarios, para mostrar el esquema de color actual, p. ej.

Haga clic en el botón .

Page 420: Web Pluses

Color, rellenos y transparencia

410

2. En la pestaña Esquemas de color del cuadro de diálogo, haga doble clic en otro ejemplo de esquema de color de la lista (o seleccione y haga clic en Cargar), a continuación, haga clic en Aceptar. Todas las regiones del sitio a las que se ha asignado uno de los doce números del esquema de color se actualizarán con el color correspondiente en el esquema nuevo.

Cada sitio solo puede tener activo un esquema de color al mismo tiempo; este se denomina esquema de color del sitio y se muestra siempre en la pestaña Muestrarios. Cuando se guarda un sitio, el esquema de color actual se guarda junto con el sitio.

Diseñador de esquemas de color también permite editar colores de esquema e incluso crear sus propios esquemas de color personalizados.

Aplicación de colores de esquema a los objetos

¿Si crea objetos nuevos en un sitio de plantilla web o inicia un sitio desde cero, cómo puede extender un esquema de color a los objetos nuevos? Aunque necesitará dedicar algo de tiempo a determinar qué combinaciones de color quedan mejor, la mecánica del proceso es sencilla. Todo lo que necesita hacer es asignar uno de los números de color de esquema a la línea y/o el relleno de un objeto.

Para asignar un color de esquema a un objeto:

1. Seleccione el objeto y seleccione un botón Relleno

, Línea o Texto en la parte superior de la pestaña Muestrarios en función del efecto deseado.

Page 421: Web Pluses

Color, rellenos y transparencia

411

2. En la parte inferior de la pestaña Muestrarios, haga clic en un color de esquema que desee aplicar al relleno, la línea y el texto (también puede arrastrar el color).

Si el relleno de un objeto utiliza un color de esquema, la muestra correspondiente de la pestaña Muestrarios aparecerá resaltada siempre que se seleccione el objeto.

Modificación de esquemas de color

Si ha probado diferentes esquemas de color pero no ha encontrado uno que sea adecuado, puede modificar cualquiera de los colores de un esquema existente.

Para modificar un esquema de color:

1. Haga clic en Diseñador de esquemas de color en la barra de herramientas de contexto Predeterminado.

2. En la pestaña Esquemas de color, seleccione el esquema que desea modificar (haga doble clic en un esquema o seleccione y haga clic en Cargar).

3. En el cuadro de diálogo, cada uno de los números de color de esquema tiene su propio menú desplegable, que muestra los colores disponibles en la paleta de WebPlus.

Haga clic en la flecha desplegable del color de esquema y seleccione un color del menú (o haga clic en Más colores... para ver una variedad de más colores). El esquema se actualiza con el color nuevo. Repita esto para modificar otros colores de esquema.

4. Para aplicar el esquema al sitio actual, haga clic en Aceptar. El esquema de color del sitio se actualiza.

Page 422: Web Pluses

Color, rellenos y transparencia

412

Los esquemas que se han modificado se guardan con el sitio, aunque los esquemas de color personalizados también se pueden guardar globalmente, de modo que el conjunto completo de esquemas esté siempre disponible para los sitios nuevos.

Para crear un nuevo esquema con nombre basado en estos colores, haga clic en Guardar como. De forma alternativa, utilice Guardar para sobrescribir el esquema existente.

Para un diseño más avanzado de esquema de color con combinaciones de color sugeridas, consulte la Ayuda de WebPlus.

Trabajo con rellenos de mapas de bits y gradientes Los rellenos de gradiente proporcionan una gradación o un espectro de colores que se extienden entre dos o más puntos de un objeto. Un relleno de gradiente tiene un trazado editable con nodos que marcan el origen de cada uno de estos colores clave. Un relleno de mapa de bits utiliza un mapa de bits con nombre (que suele ser un material, un patrón o una imagen de fondo) para rellenar un objeto.

Lineal Elíptico Cónico Mapa de bits

Page 423: Web Pluses

Color, rellenos y transparencia

413

Puede aplicar un relleno de gradiente o de mapa de bits preestablecido desde la pestaña Muestrarios al relleno o contorno de forma o de marco de texto; texto artístico también puede tomar un relleno de gradiente o un relleno de mapa de bits (para el texto, el contorno, y el fondo).

El texto de marco creativo y de tabla creativa también puede utilizar rellenos de gradiente o de mapa de bits (para el texto, el contorno y el fondo), junto con bordes y fondos individuales de celda de tabla creativa.

La aplicación de diferentes efectos de transparencia (mediante la pestaña Transparencia) no altera la configuración de relleno del objeto como tal, pero puede modificar notablemente el aspecto real del relleno.

Page 424: Web Pluses

Color, rellenos y transparencia

414

Aplicación de un relleno de gradiente o mapa de bits

Existen varias formas de aplicar un relleno de gradiente o de mapa de bits: mediante la pestaña Muestrarios, la herramienta Relleno, o un cuadro de diálogo.

La forma más sencilla de aplicar un relleno de gradiente o de mapa de bits es utilizar una miniatura de la amplia gama de muestrarios incluidos en las paletas Gradiente o Mapa de bits. La herramienta Relleno y un cuadro de diálogo de relleno son métodos alternativos para crear rellenos de gradiente (se describen en la Ayuda de WebPlus).

Para aplicar un relleno de gradiente o mapa de bits usando la pestaña Muestrarios:

1. Haga clic en la pestaña Muestrarios y asegúrese de que

Relleno o Línea están seleccionados (para el relleno o contorno de un objeto, respectivamente). Observe que el color del subrayado refleja el color del objeto seleccionado.

2. Para rellenos de gradiente , seleccione Lineal, Elíptico o Cónico como tipo de gradiente en el menú desplegable del botón Gradiente. O bien

Para rellenos de mapa de bits , seleccione una categoría del menú desplegable del botón Mapa de bits.

3. Seleccione el objeto y, a continuación, haga clic en el muestrario de la galería adecuada para el relleno que desea aplicar. O bien: Para los rellenos solo, arrastre desde la muestra de la galería hasta cualquier objeto y suelte el botón del ratón.

Page 425: Web Pluses

Color, rellenos y transparencia

415

4. Si fuera necesario, ajuste el Tono del relleno en la parte inferior de la pestaña con el control deslizante de la pestaña o establezca un valor porcentual en el cuadro de entrada.

Para aplicar un relleno de gradiente con la herramienta Relleno:

1. Seleccione un objeto.

2. Haga clic en el botón Herramienta Relleno en el elemento flotante de relleno de la barra de herramienta Herramientas.

3. Haga clic y arrastre en el objeto para definir el trazado de relleno. El objeto adopta un relleno lineal sencillo, que va degradando desde el color actual del objeto hasta el color blanco monocromático, p. ej.,

Si el objeto ya es blanco (o no tiene relleno), se degrada desde el blanco hasta el negro.

Page 426: Web Pluses

Color, rellenos y transparencia

416

Edición del trazado de relleno

Cuando se selecciona un objeto que admite relleno, la herramienta Relleno se encuentra disponible (de lo contrario aparece desactivada). Si el objeto utiliza un relleno de gradiente, verá el trazado de relleno mostrado como una línea cuando se ha seleccionado la herramienta Relleno. Los nodos marcan donde empieza y termina el espectro entre cada color clave. Ajustando las posiciones de los nodos se determina la propagación real de los colores entre nodos. También puede editar un relleno de gradiente si añade, elimina o cambia los colores clave.

Relleno lineal basado en colores clave

(A)

Objeto rellenado que muestra trazado de relleno (B)

Para ajustar el trazado de relleno de gradiente en un objeto seleccionado:

1. Muestre la pestaña Muestrarios y asegúrese de que

Relleno o Línea están seleccionados (para un relleno o contorno del objeto, respectivamente).

Page 427: Web Pluses

Color, rellenos y transparencia

417

2. Haga clic en el botón Herramienta Relleno en el elemento flotante de relleno de la barra de herramienta Herramientas. El trazado de relleno se muestra en el relleno o el contorno del objeto.

3. Utilice la Herramienta Relleno para arrastrar los nodos de trazado de inicio y final o haga clic en el objeto para crear un nuevo nodo de inicio y arrastre un nuevo trazado de relleno. El gradiente comienza en el nodo de inicio y termina en el nodo final.

Cada tipo de relleno de gradiente tiene un trazado característico. Por ejemplo, los rellenos lineales tienen trazados de una sola línea, mientras que los rellenos radiales tienen un trazado de dos líneas, por lo que puede ajustar la extensión del relleno en dos direcciones partiendo del centro. Si el objeto utiliza un relleno de mapa de bits, verá el trazado de relleno mostrado como dos líneas unidas en un punto central. Los nodos marcan el centro y los bordes del relleno.

Configuración de transparencia Los efectos de transparencia son magníficos para resaltar, colorear y sombrear, y simular un realismo "representado". Estos efectos pueden marcar una diferencia fundamental entre ilustraciones aburridas e imágenes con profundidad y chispa. WebPlus es completamente compatible con la transparencia variable y permite aplicar transparencias sólidas, de gradiente o de mapa de bits con facilidad.

Por ejemplo, en la siguiente ilustración, las mariposas tienen una transparencia sólida (100% opaca), una transparencia de gradiente (100% a 0% opaca) y una transparencia sólida (50% opaca) de izquierda a derecha.

Page 428: Web Pluses

Color, rellenos y transparencia

418

Las transparencias funcionan de forma muy similar a los rellenos que utilizan "tinta invisible", en lugar de color. Cuanto más transparente sea un punto concreto, más "invisible" será el punto y más se verá el objeto de debajo. Igual que un relleno de gradiente puede variar de claro a oscuro, la transparencia puede variar de más a menos, es decir, de transparente a opaca, como en la ilustración:

A - Transparencia de línea, B - Trazo, C - Efecto en objetos

Los tipos de transparencia disponibles en la pestaña Transparencia son los siguientes:

Page 429: Web Pluses

Color, rellenos y transparencia

419

• La transparencia sólida distribuye la transparencia uniformemente.

• Las transparencias de gradiente incluyen efectos lineales, elípticos y cónicos y oscilan entre el transparente absoluto y el opaco.

• Las transparencias de mapas de bits incluyen mapas de texturas clasificados por tipos en la pestaña de Muestrario de mapas de bits.

Aplicación de transparencias

Puede aplicar transparencia de gradiente o mapa de bits desde la pestaña Transparencia al relleno o al contorno de una forma o marco de texto; el texto artístico también puede utilizar los mismos efectos de transparencia (para el texto, el contorno y el fondo).

Para aplicar transparencias mediante la pestaña Transparencia:

1. Con el objeto seleccionado, muestre la pestaña

Transparencia y asegúrese de que ha seleccionado

Relleno o Línea (para el relleno o el contorno de un objeto, respectivamente).

2. Para la transparencia sólida, seleccione el botón Sólido y elija una miniatura en la galería de transparencias sólidas. Las miniaturas más ligeras representan más transparencia (expresadas como un porcentaje de Opacidad). O bien: Para la transparencia de gradiente, seleccione el botón

Gradiente y elija la miniatura correspondiente.

Page 430: Web Pluses

Color, rellenos y transparencia

420

O bien: Para la transparencia de mapa de bits, seleccione el botón

Mapa de bits y elija una miniatura de un intervalo de categorías.

3. La transparencia se aplicará al relleno o al contorno del objeto.

Alternativamente, arrastre la miniatura deseada de la galería a un objeto y suelte el botón del ratón.

Para aplicar la transparencia de gradiente con la herramienta Transparencia:

1. Seleccione el objeto y establezca la muestra de relleno o línea en la pestaña Transparencia como anteriormente.

2. Haga clic en el botón Herramienta Transparencia en el elemento flotante Transparencia de la barra de herramientas Herramientas. O bien: Seleccione Formato>Transparencia....

3. Arrastre el cursor por el objeto y suelte el botón del ratón. El objeto adopta una transparencia lineal sencilla y degradada desde el 100% al 0% de opacidad (completamente transparente).

Configuración de la transparencia predeterminada

La transparencia predeterminada es la transparencia que se aplicará al siguiente objeto nuevo que se cree. Los valores predeterminados locales solo afectan a los objetos del sitio actual. Para más información sobre la configuración de los valores predeterminados en WebPlus, consulte Cómo actualizar y guardar valores predeterminados en la pág. 306.

Page 431: Web Pluses

Vista previa y publicación 15

Page 432: Web Pluses

Vista previa y publicación

422

Page 433: Web Pluses

Vista previa y publicación

423

Vista previa del sitio La vista previa del sitio en un navegador web es un paso esencial antes de publicarlo en la Web. Es la única forma de ver cómo se mostrará el sitio a un visitante. Puede obtener la vista previa de una página o un sitio en cualquier momento, en WebPlus (usando una ventana interna basada en el navegador Internet Explorer) o aparte utilizando cualquier navegador instalado en el sistema.

Para obtener una vista previa del sitio:

1. Haga clic en la flecha hacia abajo del botón Vista

previa del sitio en la barra de herramientas Estándar.

2. Seleccione una opción del submenú:

• Vista previa en la ventana (acceso directo Alt+P) abre el sitio en una nueva ventana interna de WebPlus con su propia pestaña para alternar cómodamente. Para obtener una vista previa en una ventana, puede usar la barra de herramientas de contexto Vista previa para controlar la ventana de vista previa. Haga clic en los botones de la barra de herramientas para desplazarse hacia Atrás y hacia Adelante, para Actualizar o para Cerrar vista previa y vuelva a mostrar la página con una de las distintas resoluciones de pantalla estándar o personalizadas (todas desde un menú desplegable).

• Elija Vista previa de la página... o Vista previa del sitio... para utilizar un navegador externo. Los nombres reflejarán qué navegadores hay actualmente instalados. Por ejemplo, una entrada podría ser "Obtener vista previa de la página en Internet Explorer." Si tiene más de un navegador

Page 434: Web Pluses

Vista previa y publicación

424

instalado, puede seleccionar qué navegador (o navegadores) deben mostrarse en el submenú. La página o el sitio se exporta a una carpeta temporal y se muestra en el navegador especificado.

Para personalizar la lista de navegadores en el submenú:

1. Elija Vista previa del sitio del menú Archivo (o del elemento flotante Vista previa del sitio de la barra de herramientas Estándar) y seleccione Lista de vistas previas del navegador... del submenú. El cuadro de diálogo presenta una lista de navegadores registrados en el sistema. El submenú Vista previa de WebPlus los enumerará en el orden en que se muestran aquí.

2. Utilice el cuadro de diálogo para realizar los cambios que sean necesarios:

• Haga clic en Detectar automáticamente para actualizar la lista automáticamente, o bien haga clic en Añadir para mostrar un cuadro de diálogo que le deje buscar un navegador específico para añadirlo a la lista.

• Para eliminar una entrada de la lista, selecciónela y haga clic en Quitar.

• Puede reorganizar la lista seleccionando una entrada y haciendo clic en Subir o Bajar.

• Para cambiar el nombre de la entrada en el submenú o su ruta, seleccione la entrada y haga clic en Editar. Por ejemplo, puede cambiar “Internet Explorer” para que aparezca simplemente como “IE7”.

3. Haga clic en Aceptar para confirmar los cambios.

Page 435: Web Pluses

Vista previa y publicación

425

Es recomendable instalar varios de los navegadores más comunes para probar cómo aparecerá su sitio en otro sistema.

WebPlus le permite ver el tiempo de descarga estimado para cada página del sitio y ofrece información como el número de archivos en cada página y el tamaño total de los archivos. Esto se realiza mediante el elemento flotante Vista previa del sitio de la barra de herramientas Estándar.

Publicación en la web Publicar en la Web supone cargar el sitio en su proveedor de hospedaje web, convirtiendo el sitio en un sitio web activo, que puede ver todo el mundo. Puede especificar que se publiquen todas las páginas web o, si actualiza el sitio, sólo las páginas cambiadas desde la última “publicación”.

Antes de publicar en la Web, hay que comprobar si hay posibles problemas; para ello hay que ejecutar el Comprobador del sitio (Herramientas>Administrador de sitios>Comprobador de sitio...).

Recuerde que puede publicar en una carpeta del disco en cualquier momento, lo que le permite probar el sitio web sin conexión (y localmente) antes de publicar en la Web. Consulte la Ayuda de WebPlus para obtener más información.

Para publicar el sitio en la web:

1. Seleccione Propiedades del sitio Web... en el menú Archivo y haga doble clic en la configuración de exportación, particularmente las que se ven desde la opción de menú Gráficos.

Page 436: Web Pluses

Vista previa y publicación

426

2. Haga clic en el botón Publicar sitio en la barra de herramientas Estándar (o elija Publicar sitio del menú Archivo y seleccione en el submenú Publicar en la Web...).

Si no ha configurado la información de la cuenta FTP, necesitará configurar como mínimo una cuenta antes de poder continuar; esto se recuerda para la siguiente publicación en la Web.

3. Haga clic en el botón Cuentas... para mostrar el cuadro de diálogo Cargar en el servidor.

4. Haga clic en Añadir....

5. En el cuadro de diálogo Detalles de la cuenta, introduzca:

• El Nombre de cuenta. Puede ser cualquier nombre que elija. Lo usará para identificar esta cuenta de WebPlus (en caso de que tenga más de una).

• La Dirección FTP del hospedaje web será una dirección URL específica que empieza por “ftp://” como se proporciona por su proveedor de servicios.

• Número de puerto. Excepto que lo especifique su proveedor, lo puede dejar como “21”.

• Deje el cuadro Carpeta en blanco, a menos que su proveedor lo especifique de otra manera o si desea publicar en una subcarpeta específica del directorio raíz.

• También necesitará un Nombre de usuario y Contraseña, preasignado por el proveedor. Lo más probable es que se correspondan a la configuración de inicio de sesión de correo electrónico. Asegúrese de escribir la contraseña exactamente como se le ha proporcionado, escribiendo correctamente las

Page 437: Web Pluses

Vista previa y publicación

427

mayúsculas y minúsculas, o el servidor de hospedaje no la reconocerá.

• Active la opción Guardar contraseña para guardar la contraseña en el equipo, si no desea volver a escribirla con cada carga.

• Modo pasivo. Déjelo activado a menos que tenga problemas de conexión FTP (compruebe con el ISP). Los ISP pueden operar los modos de funcionamiento pasivo o activo de la FTP.

• URL del sitio web. Establezca la dirección URL del sitio. Esto le permite ver el sitio web desde un cuadro de diálogo después de la carga del FTP.

• En el cuadro Avanzado, puede activar opcionalmente FTP Seguro mediante la carga utilizando uno o dos protocolos de cifrado: TLS 1.0 y SSL 3.0. Active Conexión cifrada y elija el Protocolo. Tendrá que confirmar con el ISP si el cifrado (y qué protocolo) se admite, está implícito o es de cualquier otro modo. La opción SSL implícito hace que el servidor FTP de ISP se cifre en el contacto inicial con el puerto predeterminado 990 o un puerto personalizado (edite el número de puerto).

• Haga clic en Aceptar para cerrar los detalles de la cuenta.

También puede usar el cuadro de diálogo Cargar el servidor en este punto para Añadir... otra cuenta y Copiar..., Editar o Eliminar una cuenta seleccionada del menú desplegable. Es una buena idea probar la cuenta nueva o modificada haciendo clic en el botón Probar. Si la prueba es correcta, aparecerá un cuadro de diálogo que indique que se ha establecido una conexión.

Si añade cuentas adicionales tendrá que seleccionar qué cuenta utilizar de la lista desplegable en el cuadro Cuenta FTP.

Page 438: Web Pluses

Vista previa y publicación

428

Puede elegir guardar los detalles de la cuenta FTP en el equipo (los detalles de la cuenta se guardarán en WebPlus y no se perderán, incluso después de Ctrl-Ejecutar) o en el sitio actual.

6. Si ha configurado como mínimo una cuenta y ha hecho clic en el botón Cargar..., el cuadro de diálogo Publicar en la Web aparecerá con el último nombre de cuenta utilizado mostrado en el menú desplegable y la configuración en los cuadros siguientes. El menú desplegable le permite cambiar a otra cuenta. Seleccione la cuenta que desea usar (si tiene más de una).

7. Si el sitio está utilizando una base de datos, la opción Combinar antes de publicar se marca. Borre esta opción solo si no desea combinar cambios (la opción se desactiva si no se detecta ninguna base de datos/cambios). Para obtener más información sobre bases de datos, consulte Uso de la combinación de bases de datos en la Ayuda de WebPlus.

8. Para un mayor control durante la publicación, asegúrese de que la casilla de verificación Carga desatendida está desactivada. Esto le permitirá revisar los cambios que ocurrirán en el sitio web publicado antes de que sean efectivos. También le dará la opción de cancelar la carga si detecta un problema. (Consulte Operación automática en la p. 431 para obtener más información sobre esta característica.)

9. Elija las páginas que desee cargar; active páginas específicas en la ventana o active Publicar todas las páginas. Utilice los botones Alternar selección, Alternar rama y Seleccionar todo para facilitar la selección de la página.

10. Para proteger el sitio de WebPlus, active la opción Crear copia de seguridad de documento en el servidor remoto. Si el sitio está sin guardar, se le pedirá guardarlo.

Page 439: Web Pluses

Vista previa y publicación

429

11. Haga clic en Aceptar. WebPlus busca una conexión a Internet y, a continuación:

12. Si es la primera vez que se carga contenido, los archivos seleccionados se cargarán directamente. O bien: Si carga a un sitio existente, se muestra un cuadro de diálogo Cargando archivos que presenta la acción de archivo local (si los archivos se añadirán [Añadir], si sustituirán el archivo activo [Reemplazar] o si no se actualizarán [Dejar]). En el cuadro de diálogo, active la opción Eliminar archivos remotos sin usar si desea que WebPlus quite cualquier gráfico y archivos de página sin utilizar. Seleccione el botón Actualización incremental o Carga completa. Seleccione la última opción para cargar únicamente los archivos que hayan sido modificados desde la última carga. Cuando se realiza una actualización incremental, puede hacer que WebPlus compruebe si faltan archivos marcando el cuadro de opción. No obstante, como esto puede ralentizar dramáticamente la carga, esta opción está desactivada de forma predeterminada. Verá un mensaje cuando todos los archivos se hayan copiado correctamente. Haga clic en Cerrar.

13. En el menú desplegable del cuadro de diálogo de publicación del sitio web, seleccione el navegador en el que desea ver el sitio activo y haga clic Ver esta URL. Ya podrá ver su sitio en vivo.

Si cambia el nombre a los archivos o los elimina y, a continuación, vuelve a publicar una o varias páginas en la Web, los archivos anteriores no se eliminan automáticamente así que deberá eliminarlos manualmente mediante Publicar sitio>Mantener sitio web... en el menú Archivo. No obstante, si vuelva a publicar todo

Page 440: Web Pluses

Vista previa y publicación

430

el sitio en la Web automáticamente (usando la operación automática), puede elegir eliminar cualquier archivo no utilizado; active la casilla de verificación de Eliminar archivos no utilizados.

Controlar la información de la cuenta FTP

WebPlus le ofrece la opción de guardar los detalles de la cuenta FTP en el equipo o en el sitio actual, o ambos. La información de la cuenta se conserva en el equipo de forma predeterminada, pero al guardar los detalles de su sitio puede transferir el sitio en otro equipo sin perder los detalles de su cuenta y, después, volver a publicar desde ahí.

Los detalles de la contraseña nunca se almacenan en los sitios por razones de seguridad.

Una opción adicional permite exportar todos los detalles de la cuenta FTP (incluso las contraseñas) en un equipo diferente.

Para guardar los detalles de la cuenta FTP en el sitio:

1. En el cuadro de diálogo Publicar en la Web haga clic en Cuentas....

2. En la sección de Guardar detalles de la cuenta FTP del cuadro de diálogo, active la opción En el sitio actual.

3. Haga clic en Cargar.

Cuando el sitio se abre en otro equipo, los detalles seguirán estando guardados en el sitio. Puede marcar la opción En este equipo para guardar los detalles de su cuenta en el equipo, así como en el sitio.

Para exportar todos los detalles de la cuenta FTP:

1. En el cuadro de diálogo Publicar en la Web haga clic en Cuentas....

Page 441: Web Pluses

Vista previa y publicación

431

2. En la sección Cuenta de FTP del cuadro de diálogo, haga clic en Exportar todo.

3. Elija una ubicación y un nombre para el archivo del registro (.reg) y haga clic en Guardar.

4. Transfiera el archivo .reg a un equipo distinto y haga doble clic en el archivo.

Las cuentas existentes de la FTP en el equipo de destino se sobrescribirán.

Operación automática

Si tiene un sitio web muy grande, puede que quiera usar la función de operación automáticamente. El proceso real es prácticamente el mismo que en la publicación en la Web, pero le permite cargar el sitio sin tener que hacer clic en “Aceptar” cada vez que aparezca un cuadro de diálogo. Esta función resulta especialmente útil si está actualizando un sitio que contiene una base de datos grande con imágenes.

1. Active Carga desatendida. Esto también activa las opciones siguientes:

• Active la opción Usar carga incremental para sustituir únicamente los archivos modificados desde la última actualización (si ya ha publicado anteriormente el sitio web en la misma carpeta FTP). Esta opción constituye un método eficaz de carga, pues hay que transferir menos archivos. Con esta opción activada también puede seleccionar Comprobar archivos remotos para ordenarle a WebPlus que compruebe manualmente cada archivo antes de reemplazarlo. Esto reduce la velocidad de carga en comparación al funcionamiento normal pero es un método más completo de publicación.

Page 442: Web Pluses

Vista previa y publicación

432

• Active la opción Eliminar archivos no utilizados para quitar los archivos de la carpeta FTP que no son necesarios para el sitio web que está publicando (p. ej., esto es relevante cuando se carga un sitio web totalmente diferente en la carpeta de FTP).

2. Elija las páginas que desee cargar; active páginas específicas en la ventana o active Publicar todas las páginas. Utilice los botones Alternar selección, Alternar rama y Seleccionar todo para facilitar la selección de la página.

3. Para proteger el sitio, active la opción Crear copia de seguridad de documento en el servidor remoto. Si el sitio está sin guardar, se le pedirá guardarlo.

4. Haga clic en Aceptar para iniciar el proceso de carga. (Ahora se puede tomar un café…)

5. Cuando la carga esté completa, el cuadro de diálogo Cargando archivos permanecerá en pantalla hasta que haga clic en Cerrar.

6. En el menú desplegable del cuadro de diálogo de publicación del sitio web, seleccione el navegador en el que desea ver el sitio activo y haga clic Ver esta URL. Ya podrá ver su sitio en vivo.

Visualización del sitio publicado

Una vez que haya publicado el sitio, tendrá la opción de Ver el

sitio en línea en el menú desplegable Vista previa del sitio

en la barra de herramientas Estándar. Esto muestra el sitio en su estado publicado más reciente en el navegador web predeterminado. La primera vez que se utiliza la opción de ver el sitio en línea, aparece un cuadro de diálogo que pregunta por la URL predeterminada del sitio. Esto se puede solucionar más tarde con el cuadro de diálogo Propiedades del sitio....

Page 443: Web Pluses

Vista previa y publicación

433

Es importante recordar que los cambios realizados desde la última publicación no se reflejarán. Para ver los cambios sin publicar, use

el botón Vista previa del sitio . (Consulte Vista previa del sitio web en la p. 421).

Publicación rápida

La publicación rápida le permite cargar rápidamente y ver la página mostrada actualmente. Resulta útil para probar "en directo" las páginas individuales a medida que crea el sitio web. Para que la publicación rápida funcione, primero debe configurar los detalles de su cuenta en el cuadro de diálogo Configuración de publicación rápida.

Para configurar la publicación rápida:

1. Haga clic en el elemento flotante Publicar sitio en la barra de herramientas Estándar y después haga clic en Configuración de publicación rápida. O bien: Haga clic en Archivo>Publicar sitio>Configuración de publicación rápida....

2. En el cuadro de diálogo:

• Introduzca los detalles de la URL del sitio que desea publicar, seleccione una opción de la lista desplegable.

• Seleccione el navegador en el que desea ver la página una vez se haya publicado.

• Seleccione la cuenta de FTP que desea usar en el menú desplegable. Para actualizar la configuración de la cuenta, o añadir una nueva cuenta, haga clic en Administrar cuentas.

Page 444: Web Pluses

Vista previa y publicación

434

Es una buena idea probar la cuenta nueva o modificada haciendo clic en el botón Probar. Si la prueba es correcta, aparecerá un cuadro de diálogo que indique que se ha establecido una conexión.

3. Haga clic en Aceptar.

Para una publicación rápida en la Web:

• Haga clic en el elemento flotante Publicar sitio en la barra de herramientas Estándar y después haga clic en Publicación rápida en la Web. O bien: Haga clic en Archivo>Publicar sitio>Publicación rápida en la Web.

Si intenta utilizar la publicación rápida sin configurar antes la cuenta, el cuadro de diálogo Configuración de publicación rápida se abrirá automáticamente para que lo haga.

El cuadro de diálogo Cargando archivos aparece brevemente antes de que la página se muestre en el navegador elegido.

Creación de archivos PDF

WebPlus le permite publicar todo el sitio como un PDF y exporta la estructura del sitio como marcadores en los que se puede hacer clic en el documento PDF.

La publicación como PDF es muy útil para los estudiantes que tienen que enviar sus sitios en formato de documento a examinadores.

Page 445: Web Pluses

Vista previa y publicación

435

1. Haga clic en el elemento flotante Publicar sitio en la barra de herramientas Estándar y seleccione Exportar sitio como PDF... . O bien:

Haga clic en Archivo>Publicar sitio>Exportar sitio como PDF....

2. En el cuadro de diálogo Publicar en PDF asigne un Nombre de archivo, localice la carpeta en la que desea guardar el PDF y haga clic en Guardar.

El PDF se genera y, si tiene un lector de PDF adecuado instalado en el sistema, automáticamente se abrirá para que lo pueda ver.

Si hay problemas durante la generación del PDF, se mostrará una lista de incidencias.

Page 446: Web Pluses

Vista previa y publicación

436

Page 447: Web Pluses

Índice 16

Page 448: Web Pluses

Índice

438

16

Page 449: Web Pluses

2 2D, 384

efectos de filtro, 384

3 3D, 389

3D instantáneo, 394 efectos de filtro, 389

3D instantáneo, 394

A accesibilidad, 333

texto alternativo (imágenes) para, 333

actualizar, 3 adhesivos, 115 Administrador de

delimitadores, 55 Administrador de eventos de

calendario, 279 Administrador de

exportaciones de imágenes, 333

Administrador de fuentes, 55

Administrador de fuentes RSS, 177

Administrador de hipervínculos, 55

Administrador de recursos, 55

Administrador de sitios, 55 Administrador de texto, 55 Adsense, 125 Ajustar texto a la curva, 248 ajuste (de imágenes), 340

PhotoLab, 340 Ajuste automático, 243 alineación, 71, 261

de la página, 71 de párrafo, 261

alineación de objetos, 312 almacenamiento de un sitio,

34 Animaciones GIF, 353 anti-spam (CAPTCHA),

171, 220 anuncios, 125 apertura de un sitio

existente, 32 archivos

administración, 55 nombres/extensiones, 71

archivos de procesador de texto, 237

archivos de sonido, 356 Archivos SWF, 353 Asistente para calendarios,

279 Asistente para inicio, 25 asociación, 313

HTML a objetos, 153 HTML a página, 153 objetos a texto, 313

asociación de páginas maestras, 59

B Barra de herramientas Vista,

77 barras de navegación, 37, 85

aspecto, 91

Page 450: Web Pluses

Índice

440

botones, 91, 100 cambio de texto de botón,

88 como paneles, 98 conversión en paneles, 98 crear, 86 dinámico, 97 exclusión de páginas, 96 fondos, 91 guardar, 96 menús emergentes, 93 personalizar, 89 separadores, 94 y estructura del sitio, 37

Bienvenido, 3 Blog (objeto inteligente),

209 acceso, a través de

vínculos fuera del sitio, 69

bordes, 380 Borrar formato, 261 botones, 85, 100

convertir en barra de navegación, 104

crear personalizado, 102 Botones de comercio

electrónico, 115 botones/comercio

electrónico, 115 Buscar y reemplazar, 55,

255 búsqueda en sitios web, 113 ButtonStudio, 102

C caché, 425 cajas de luz, 128

configuración, 131 creación de

hipervínculos, 105 calendarios, 279

días de fiesta para, 281 eventos para, 282

cámaras digitales, 339 como origen TWAIN,

339 CAPTCHA (anti-spam),

171, 220 caracteres, 263

estilos, 263 características, 4, 16

nuevo, 16 principal, 4

carro de la compra, 186 cintas, 115 citas, 115 codificación, 71 código de color

hexadecimal, 401 color, 401

en página, 45 global, 45

esquemas, 404 fondo, 45

global, 45 hipervínculo, 45

global, 45 relleno de gradiente, 412 relleno sólido, 401 teñir, 403

Page 451: Web Pluses

Índice

441

color en la página, 45 global, 45

colores sólidos, 401 Comando Añadir relleno a

Studio, 412 Comando Avanzar uno, 311 Comando Enviar al fondo,

311 Comando Reemplazar

imagen, 323 Comando Replicar, 292 Comando Retroceder uno,

311 Comando Traer al frente,

311 combinación (bases de

datos), 195 combinación de bases de

datos, 195 áreas que se repiten, 199 creación de un origen de

datos en, 198 comercio electrónico, 186

adición de formularios y botones (PayPal), 189

creación de hipervínculo con carro de la compra, 105

minicart, 186 comparación entre incrustar

y vincular imágenes, 323 comparación entre vincular

e incrustar (imágenes), 323

conjuntos empresariales (detalles del usuario), 271

Contador de visitas (objeto inteligente), 209

contadores, 209 activa, 218 Visor activo, 218

contornos, 304 unir, 304

control de acceso, 209, 222 Control deslizante de

sombra/tono, 403 copia y pegado de objetos,

292 creación de vínculos

activos, 369 créditos, 4 Cuadro de mensajes (objeto

inteligente), 209

D delimitadores, 105 descriptores de motores de

búsqueda, 47 Design Studio, 137 Detalles de la cuenta (FTP),

425 detalles de usuario, 269

actualización, 270 conjuntos empresariales,

271 insertar, 270

dimensionalidad (3D instantáneo), 394

dimensiones, 40, 71 en todo el sitio, 40 específico de página, 71

diseños de temas, 27 distintivos, 161 duplicación de objetos, 292

Page 452: Web Pluses

Índice

442

E efecto bisel, 384 efecto de contorno, 387 efecto de reflejo, 387 efecto de resplandor, 384 efecto de sombra, 384 efecto relieve, 384 efectos, 384, 389

bisel (3D instantáneo), 394

contorno, 387 Filtro 2D, 384 Filtro 3D, 389 reflejo, 387 sombra, 388 torno (3D instantáneo),

394 efectos (imágenes), 340

PhotoLab, 340 efectos de animación, 353 efectos de filtro, 384, 389 efectos especiales, 384, 389 elementos dinámicos, 143

emergente, 146 elementos dinámicos

emergentes, 146 eliminación de

páginas/páginas maestras, 64

Encuesta (objeto inteligente), 209

envío (de formularios), 171 espaciado entre letras, 261 esquemas (color), 404

fondo, 45 modificación, 411

para hipervínculos, 408 esquemas de color, 404

asignar, 410 modificación, 411 valores preestablecidos,

409 estilos, 261, 263, 392

fuente, 261 objeto, 392 texto (véase también, 263

estilos con nombre, 263 para texto (véase

también, 263 estilos de objeto, 392 estilos de texto, 263 estructura del sitio, 55, 85

manipulación de páginas, 64

vínculos fuera del sitio, 69

y navegación, 37, 85 Estudio de recorte de

imágenes, 349 Etiquetas de encabezado

HTML, 47 eventos (calendario), 282

F festivo (días), 281 filtros, 340 Flash, 353, 362

películas, 353 titulares, 115

fondo, 40, 71 color, 45

global, 45

Page 453: Web Pluses

Índice

443

esquematizado, 408 imagen, 46 sonido, 356

formas, 380 ajustar texto a, 248 cambiar tamaño, 295 degradados/rellenos de

mapa de bits, 412 dibujo y edición, 380 rellenos sólidos, 401 transparencia, 417

formato de texto, 261 Pegar formato, 294

formularios, 161 controles, 166 crear, 163 envío de datos, 171

confirmación, 173 Foros (objeto inteligente),

209 acceso, a través de

vínculos fuera del sitio, 69

Fotografía HD, 323 FTP, 425

detalles de la cuenta, 425 migración, 430

Fuente (cámara/escáner) TWAIN, 339

fuente de párrafo predeterminada, 263

fuentes, 261 configurar, 261 Segura para la web, 261

Fuentes RSS, 177 adición de artículos, 180

crear, 178 suscripción a terceros,

181 Fuentes TrueType, 261

G Galería fotográfica, 362 giro de objetos, 297 Google AdSense, 125 Google Maps, 120 gradiente, 412, 417

rellenos de color, 412 transparencia, 417

gráficos (véase, 323 grupos, 317

crear, 290, 317 usuario (control de

acceso), 225 grupos de usuarios (control

de acceso), 225 registro, 228, 231

H Herramienta

Búsqueda de sitio, 113 Fuente RSS, 177 Lápiz, 373 Lector RSS, 183 Línea recta, 373 Marco creativo, 239 Marco de texto HTML,

239 Objeto inteligente, 209 Pluma, 373 Recorte cuadrado, 299 Recorte irregular, 299

Page 454: Web Pluses

Índice

444

Rellenar, 412 Resultados de búsqueda

en el sitio, 113 Rotar, 297 Sombra, 388 Tabla HTML, 277 Texto artístico, 246 Transparencia, 417

Herramienta de búsqueda del sitio, 113

Herramienta de marco de texto HTML, 239

Herramienta de recorte irregular, 299

Herramienta de tabla de texto HTML, 277

Herramienta de texto artístico, 246, 248

Herramienta de texto de trazado a mano alzada, 248

Herramienta de texto de trazado curvo, 248

Herramienta de texto de trazado recto, 248

Herramienta Fuente RSS, 177

Herramienta Lápiz, 373 Herramienta Lazo, 287 Herramienta Lector RSS,

183 Herramienta Línea recta,

373 Herramienta Objeto

inteligente, 209 Herramienta Pluma, 373 Herramienta Puntero, 287

Herramienta Recorte cuadrado, 299

Herramienta Relleno, 412 Herramienta Resultados de

búsqueda del sitio, 113 Herramienta Rotar, 297 Herramienta Sombra, 388 Herramienta Transparencia,

417 herramientas de revisión

Administrador de sitios, 55

hipervínculos, 105 a cajas de luz, 128 a ventana/marco de

destino, 105 colores (global), 45

hospedaje web, 25 HTML, 76

adición de código a páginas web, 153

asociación de código como fragmentos, 153

creación de páginas, 76 ID, 159

I iconos, 115 iconos gestuales, 115 iluminación (3D), 394 imágenes, 323

Barra multimedia, 328 colorear, 401 como fondos, 46 corrección, 340 efectos para, 340

Page 455: Web Pluses

Índice

445

emergente, 146 importar, 323 opciones de exportación,

333 optimización, 333 recorte, 349 remuestreo, 334 sustitución, 323 texto alternativo, 333 vinculación de objetos

remotos, 369 imágenes alineadas, 323 imágenes de tipo dibujo

importar, 323 imágenes de tipo pintura,

323 importar, 323

imágenes entramadas, 323 imágenes escaneadas, 339

importar, 339 Imágenes GIF, 323 Imágenes JPEG, 323 Imágenes PNG, 323 imágenes remotas,

vinculación, 369 Imágenes SMF, 323 Imágenes TIFF, 323 imágenes vectoriales, 323

importar, 323 Imágenes WMF, 323 importar, 323

Archivos de Excel, 277 estilos, 263 imágenes de tipo pintura

y dibujo, 323 Imágenes TWAIN, 339

texto, 237 Incluye en navegación, 96 Indicadores, 115 insignias, 115 iTunes, 177

envío de podcasts, 181 suscripción, 181

J JavaScript, 155

L líneas, 373, 377

ajustar texto a, 248 cambiar tamaño, 295 configurar propiedades,

377 dibujo y edición, 373

Lista de usuarios (objeto inteligente), 209, 222

listas, 267 con viñetas, 267 numerado, 267

listas con viñetas, 267 listas de correo, 209 listas numeradas, 267 Localizador de página, 77

M Mal's (carro de la compra),

186 mapa de bits, 412

rellenos, 412 transparencia, 417

mapa del sitio (motor de búsqueda), 47

Page 456: Web Pluses

Índice

446

mapa del sitio (navegación), 85

mapas (Google), 120 mapas de bits (véase, 323 marcos (imagen), 321 marcos (texto), 239

ajustar texto a, 243 configuración, 241 configurar propiedades

predeterminadas, 306 control de

desbordamiento, 243 crear, 240 márgenes, 243

marcos de imagen, 115, 321 márgenes (marcos de texto

HTML), 243 marquesinas animadas, 353 menús emergentes, 98 metarchivos, 323

importar, 323 Minicart, 186 motores de búsqueda, 47

mapas del sitio, 53 meta-etiquetas robots, 51 robots.txt, 52

N navegar, 37 Noticias (objeto inteligente),

209 Novedades, 16 nuevas características, 16

O objetos, 312

alinear, 312 asociación de código, 153 cambiar tamaño, 295 combinar, 302 copia, pegado y

replicación, 292 distribuir, 312 girar, 297 mover, 295 ordenar, 311 recortar, 299 seleccionar individual,

287 seleccionar más de uno,

290 unir, 304 valores predeterminados,

306 Objetos inteligentes, 209

administración, 220 aplicación de colores,

219 crear, 215 explicación, 214 perfiles, 215

obtención de vista previa del sitio, 423

opciones de exportación (imágenes), 333

opciones de la vista de zoom, 77

origen de la página, 153

P página principal, 37, 77

de cambiar, 71

Page 457: Web Pluses

Índice

447

páginas, 57 añadir y eliminar, 64 asociación de código, 153 clonación, 64 color de fondo, 45 color en la página, 45

global, 45 configuración del

tamaño, 71 exclusión de navegación,

96 optimización, para

motores de búsqueda, 47

principal y secundario, 37, 64, 85

propiedades, 55, 71 reorganización, 64 seguridad, 222 selección y visualización,

77 sonido de fondo, 356

Páginas HTML añadir, 64

páginas maestras, 57, 71 añadir, 64 asociación, 59

varias, 59 de quitar, 64 objetos, 62 propiedades, 55, 71 varias, 59

páginas principales/secundarias, 37, 64, 85

Páginas web y sitios, 32

Paleta de estilos de texto, 263

paneles, 132 crear personalizado, 137 desde barras de

navegación, 98 párrafos, 261

alineación, 261 estilos de texto, 263 formato, 261

PayPal, 189 adición de formularios y

botones, 189 configuración, 187 creación de hipervínculo

con carro de la compra, 105

Minicart, 187 PDF, 434 pegado de objetos, 292 Pegar en el mismo lugar,

292 Pegar formato, 294 Pegar formato

personalizado, 294 Películas Shockwave Flash,

353 perfiles, 25

área de trabajo, 25 Objeto inteligente, 215

perfiles de área de trabajo, 25

Pestaña Carácter, 261 Pestaña Galería (Studio),

115 Pestaña Sitio (Studio), 37,

57, 64, 77, 85

Page 458: Web Pluses

Índice

448

Pestaña Transformar (Studio), 295

Pestaña Transparencia (Studio), 417

Pestañas de la ventana, 34 PhotoLab, 340 plantilla (diseño), 27

creación de sitio, 27 plantilla de diseño, 27 podcasts, 177

adición de episodios, 180 crear, 178 envío mediante iTunes,

181 suscripción, 181

Portapapeles, 292 copia y pegado desde o

en, 292 principales características, 4 propiedades de línea y de

relleno, 377, 380 propiedades del sitio, 40 Proveedor de servicios de

Internet (ISP), 425 Publicación rápida, 433

configuración, 433 publicar, 425

a web, 425 en PDF, 434 Publicación rápida, 433

Q QuickShapes, 380

R radial, 412, 417

rellenos, 412 transparencia, 417

Recortar a la forma, 301 recorte (imágenes), 349 recorte de objetos, 299 registro (control de acceso),

228, 231 rellenos, 401, 412

gradiente, 412 mapa de bits, 412 sólido, 401

rellenos lineales, 412 remuestreo, 334 robots, 47

uso de meta-etiquetas robots, 51

uso de robots.txt, 52 RomanCart (carro de la

compra), 186

S sangrías, 253 selección de un objeto, 287 selección de varios objetos,

290 separadores, 91, 94 Serif

hospedaje web, 25 Recursos web, 161, 209

borrado de detalles de cuenta, 214

inicio de sesión, 214 Símbolos rápidos, 115 sitios, 31, 32

abrir existente, 32 comenzar desde cero, 31

Page 459: Web Pluses

Índice

449

sonido, 356 adición a página, 356 creación de hipervínculo

con archivo, 105

T tablas, 277

introducción, 277 tamaño, 295

de imágenes, 323 de la página, 71 de objetos, 295

tamaño de punto, 261 teñir, 403 texto, 239, 246, 248, 251,

261 ajustar a marcos, 243 artístico (independiente),

246 asociación de objetos,

313 botón de barra de

navegación, 88 cambiar tamaño, 295 cambio de color o

sombreado, 401 como curvas, 333 configurar propiedades

predeterminadas, 306 desbordamiento (en

marcos), 243 editar en la página, 251 efectos especiales, 384,

389 en un trazado, 248 establecer sangrías, 253 formato, 261

importar desde archivo, 237, 263

marco, 239 adición, 240 HTML, 239 márgenes, 243

uso de rellenos de gradiente y de mapa de bits, 412

viñetas y numeración, 267

texto alternativo (imágenes), 333

texto artístico, 246 conversión en curvas,

333 en un trazado, 248

texto de la historia, 239 flujo en la secuencia del

marco, 239 texto de trazado, 248 texto del marco, 239 tipo de fuente, 261 transparencia, 417 transparencia lineal, 417

U unión de trazos, 304 URL absolutas, 105 usuarios (control de acceso),

226 prohibición de acceso,

226 suspensión, 226

Page 460: Web Pluses

Índice

450

V valores predeterminados,

306 actualización, 306 almacenamiento global,

306 variables, 272 varias selecciones, 290 varias ventanas, 34 ver opciones, 77 vídeo, 356

adición de YouTube, 356 añadir, 356 creación de hipervínculo

con archivo, 105

Vídeo de YouTube, 356 vínculos fuera del sitio, 69 Visores activos (objeto

inteligente), 209 vista previa en el navegador,

423 volver a la versión

guardada, 32

W WebArt, 328

Z zonas activas, 139

Page 461: Web Pluses