WebPlus - WinSoft

Transcripción

WebPlus - WinSoft

®
Guía de usuario
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.
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 MerriamWebster Inc.; © 1990 Proximity Technology Inc. Reservados todos los
derechos.
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.
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
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
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
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
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
1
Bienvenido
2
Bienvenido
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).
4
Bienvenido
¿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.
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
6
Bienvenido
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
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.
8
Bienvenido
•
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)
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
10
Bienvenido
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.
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
12
Bienvenido
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.
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.
14
Bienvenido
•
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.
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.
16
Bienvenido
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
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
18
Bienvenido
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
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.
20
Bienvenido
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
Bienvenido
•
.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
21
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.
22
Bienvenido
2
Introducción
24
Introducción
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).
26
Introducción
•
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).
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.
28
Introducción
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.
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
30
Introducción
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.
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 Nuevo sitio en la barra de
Haga clic en
herramientas Estándar.
•
Seleccione Crear>Iniciar sitio nuevo.
32
Introducción
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.
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):
Abrir en la barra de herramientas
1.
Haga clic en
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.
34
Introducción
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
Estándar.
•
Para guardar los cambios con un nombre diferente,
seleccione Guardar como en el menú Archivo.
Guardar en la barra de herramientas
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.
3
Configuración de sitios y
páginas
36
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
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:
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).
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.
Opción de menú
41
Propiedad
Página
Alineación de la página predeterminada
(predeterminado) 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 Extensión de archivo de página predeterminada
La extensión predeterminada para páginas
archivo
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.
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.
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.
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.
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.
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.
3.
•
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.
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.
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
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
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 metaetiqueta 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.
•
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.
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
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 (metaetiquetas 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
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 metaetiqueta 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.
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.
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.
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.
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.
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.
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
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”.
57
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.
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.
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
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.
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:
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.
Editar en página maestra. La página
Haga clic en
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.
2.
63
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.
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.
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.
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.
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
ventana Páginas maestras.
, situado sobre la
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.
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.
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.
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.
2.
69
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:
5.
•
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.
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.
70
Para añadir un vínculo fuera del sitio:
1.
2.
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.
5.
•
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.
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.
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 Página, título y nombre de archivo
(predetermi Cada página tiene un nombre de página
“visible” o un nombre de archivo que se
nado)
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
Marco de documento activo
Las páginas se pueden abrir en un marco del
documento activo si el marco se ha creado
previamente.
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
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
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
75
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.
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".
77
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:
3.
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).
Arrastre (o pulse Ctrl y arrastre para copiar) el objeto del
área de pegado a la página de destino.
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
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.
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.
82
Para cambiar de la página actual a la página maestra:
•
Haga clic en el botón Página/Página maestra
la Línea de sugerencias.
en
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
Línea de sugerencias.
en la
4
Desplazamiento e
hipervínculos
84
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.
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.
•
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.
88
6.
•
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.
(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
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
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
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
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.
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.
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.
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.
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.
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.
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ú.
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.
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.
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:
96
•
Para los Menús emergentes gráficos (active el
botón de opción), seleccione Separadores y active la
opción anterior.
2.
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.
•
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.
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
herramientas de contexto.
en la barra de
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.
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.
100 Desplazamiento e hipervínculos
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.
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.
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.
de la barra
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.
•
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.
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.
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.
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
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).
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
•
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
Hipervínculo
Herramientas.
del elemento flotante
de la barra de 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
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.)
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.
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.
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.
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.
5.
•
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
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.
5
Adición de
objetos web
112 Adición de objetos web
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
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.
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
•
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.
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.
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.
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.
•
Para eliminar o cambiar el nombre, seleccione el botón
de la lista desplegable
subcategoría.
de la barra de título de la
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.
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.
en el elemento
Haga clic en Insertar Google Map
flotante Multimedia de la barra de herramientas Objetos
web.
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.
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,
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
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.
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
Street View.
5.
para salir de la ventana
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.
•
Para mover el marcador, haga clic en Mover; a
continuación coloque de nuevo el cursor
mapa.
•
en el
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.
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.
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
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.
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.
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).
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.
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.
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.
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
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.
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.
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
•
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.
de la barra
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.
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.
9.
Sitúe el cursor donde desee colocar la esquina superior
izquierda del panel.
10. Para insertar el panel con el tamaño predeterminado,
O bien:
Para definir el tamaño del panel, arrastre una región y
Los paneles pueden moverse y redimensionarse, al
igual que cualquier objeto que cree en WebPlus.
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....
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.
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.
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.
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.
de la barra
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.
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
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.
en la
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.
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.
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.
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:
El estado Normales
el estado "en
reposo" de la
imagen antes
de cualquier
estado
dinámico, y
está siempre
definido.
El estado Sobre
se activa con el
paso del ratón:
cuando el
puntero del ratón
se encuentra
directamente
sobre la imagen.
El estado Abajo
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.
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.
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
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.
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.....
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
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.
•
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
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.
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.
6
Adición de objetos Web
dinámicos
152 Adición de objetos web dinámicos
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.
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.
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
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.
en
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
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
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.
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
pequeño), seleccione cada archivo y haga clic en el botón
Hacer vínculo.
4.
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
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.
en la barra de
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.
Para escribir (exportar) un Id. (por objeto):
1.
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.
Para modificar el nombre del Id. de un objeto:
1.
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.
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.
¿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.
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
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.
, en el
Haga clic en el Asistente para formularios
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
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.
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
Botón del
formulario
¿Cuándo utilizarlo?
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.
Área de texto
Cuadro
combinado
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.
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.
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
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.
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
Una
dirección
de correo
electrónico
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.
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.
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).
Esta opción está pensada para desarrolladores
web con experiencia en la creación de scripts.
Un archivo
de
secuencia
de
comandos
de mi
unidad de
disco duro
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
nombre de archivo web y una carpeta
para el script.
5.
Una
secuencia
de
comandos
remota
Elija un método de envío, tipo de
codificación, ventana/marco de
destino y conjunto de caracteres.
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:
Recursos
Web Serif
1.
Con el icono Script remoto
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.
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
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
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.
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
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.
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.
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.
Para insertar una fuente RSS o un podcast:
1.
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.
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
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.
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.
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.
Tipo de
suscripción
Manual
Método
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
ventana de navegador.
Automática
(podcasts
solamente)
(o
El visitante web hace clic en el icono
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.
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.
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.
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.
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.
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.
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
el elemento flotante E-Comercio de la barra de
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:
3.
en
•
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).
El cuadro de diálogo es específico del proveedor y puede
mostrar varias opciones. Por ejemplo, si elige PayPal
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.
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
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 EComercio
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
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.
•
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
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.
7.
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.
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>.
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.
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.
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.
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
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
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.
•
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.
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
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).
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.
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
2.
de la barra de
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.
Editar base de datos
de contexto.
2.
en la barra de herramientas
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.
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.
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.
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
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.
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
de imagen
contexto.
o Insertar campo
en la barra de herramientas de
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).
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.
Para editar la lista de combinación actual:
1.
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.
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
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
en la
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.
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
Se utiliza para mostrar cuántas personas están
viendo actualmente la página web.
Vista
activa
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:
Blog
•
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).
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:
Foro
•
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
Noticias
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.
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.
Inicia una encuesta en línea para conocer las
opiniones de los visitantes de la página web.
Encuesta
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
Cuadro de
mensajes
Lista de
usuarios
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.
Actúa como una ventana de conversación
interactiva parecida a Windows Messenger.
Permite que los visitantes de la web hablen entre
ellos.
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.
•
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.
•
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.
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
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.
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.
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:
6.
•
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.
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.
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.
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
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.
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.
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.
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.
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.
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.
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
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.
2.
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á
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).
1.
2.
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).
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.
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.
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.
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.
7
Trabajo con texto
236 Trabajo con texto
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
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).
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.)
•
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
WritePlus:
WritePlus
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.
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).
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.
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%).
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
junto al botón Vínculo. Puede reducir la
Flujo automático
historia o ampliar el espacio añadiendo uno o dos marcos
adicionales a la secuencia. Al hacer clic en el botón Flujo
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>).
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
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
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”.
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.
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.
Trazado - Ninguno en el
elemento flotante del trazado de la barra de herramientas
de contexto Texto.
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).
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.
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.
(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
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.
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
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.
8
Formato de texto
260 Formato de texto
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.
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
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.
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.
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).
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.
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.
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:
4.
•
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.
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
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 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.)
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.
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.
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.
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.
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.
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.
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.
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.
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.
9
Trabajo con
tablas
276 Trabajo con tablas
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.
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
), seleccione Herramienta de
flotante Tabla
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.
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).
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.
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
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.
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
3.
Permitir la opción Mostrar días de fiesta.
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
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
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.
en la barra de
Nuevo evento.
9.
Cuando haya acabado de añadir eventos, haga clic en el
botón Guardar.
Utilice los botones de Editar evento
Eliminar evento
evento existente.
o
para modificar o eliminar un
10
Edición de
objetos
286 Edición de objetos
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á.
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.
.
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).
•
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
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.
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
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
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.
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.
a una
Arrastre el objeto mediante el botón Mover
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.
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-porY, 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.
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
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.
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.
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º).
Para girar un objeto (usando la herramienta Rotar):
1.
Desde la barra de herramientas Herramientas en el
elemento flotante Selección
herramienta
, seleccione la
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.
herramienta Rotar y haga clic para
Seleccione la
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.
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.
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.
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.
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:
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.
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.
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.
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.)
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.
2.
3.
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.
Haga clic en Guardar para confirmar que desea que los
nuevos sitios utilicen los valores predeterminados de
objeto seleccionados globalmente.
11
Organización de
objetos
310 Organización de objetos
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.
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.
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:
•
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.
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.
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.
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
el objeto.
, que aparece bajo
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
.
Para desagrupar (hacer que un grupo vuelva a ser una
selección múltiple):
•
Haga clic en el
. El
botón
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.
12
Imágenes, animación y
multimedia
320 Imágenes, animación y multimedia
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
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.
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.
3.
Para insertar el marco con el tamaño predeterminado,
O bien:
Para definir el tamaño del marco, arrastre una región y
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:
justo debajo
Haga clic en Reemplazar imagen
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
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...
el elemento flotante Imagen
en
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.
•
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).
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
arrastre en la imagen.
•
y, a continuación, haga clic y
Para rotar la imagen en pasos de 90 grados contrarios al
sentido horario, haga clic en el botón
.
•
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.
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.
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.
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
la parte inferior del área de trabajo.
de
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.
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.
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
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
carpeta
4.
de la barra.
o Agregar
.
En el cuadro de diálogo, desplácese a una fotografía o
carpeta y haga clic en Abrir.
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.
.
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.
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
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
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
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.
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.
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
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.
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:
8.
•
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.
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.
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.
•
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
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
en la parte inferior del
ocultar al hacer clic en el botón
área de trabajo.
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.
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.
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).
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
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
para
.
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).
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.
Para aplicar una máscara:
1.
En el menú desplegable Máscara
Nueva máscara.
2.
En el panel de Configuración de la herramienta,
, seleccione
seleccione la herramienta Agregar región
poder enmascarar regiones pintando.
3.
para
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
enmascaramiento.
para guardar los cambios de
El botón de máscara cambia a amarillo cuando se aplica
la máscara (es decir,
).
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
.
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.
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.
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.
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:
Color
de
fondo
•
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.
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
la izquierda del área de trabajo de Studio.
2.
a
(Opcional) Elija el Tamaño de pincel adecuado para el
área en el que se está trabajando.
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,
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
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.
del
Haga clic en el botón Insertar archivo Flash
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.
6.
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
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...
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.
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.
•
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
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.
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.)
7.
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
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.
•
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,
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.
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
en el elemento flotante
Insertar clip de vídeo
Multimedia de la barra de herramientas Objetos web.
2.
Desplácese para buscar el nombre de archivo
multimedia.
3.
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).
•
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.
•
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.)
4.
•
Galería fotográfica de Flash
(los visitantes al sitio requerirán Flash 8 y superior.)
•
Galería fotográfica de JavaScript Photo Gallery
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.
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
cuadro de diálogo.
O bien:
de la parte inferior del
Haga clic en Mover a posición
un número de posición.
•
e introduzca
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
. (Consulte el tema
clic en Encontrar cabecera
Uso de buscar y reemplazar en la p. 255.)
•
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
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
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.
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.
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,
O bien:
Para definir el tamaño de la imagen insertada, arrastre
una región y suelte el botón del ratón.
13
Líneas, formas y
efectos
372 Líneas, formas y efectos
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".
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.
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.
del elemento
Haga clic en la Herramienta Pluma
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.
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.
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
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.
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:
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.
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:
•
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.
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
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:
Arrastre a lo largo de la página para ajustar el tamaño de
la forma. Cuando la forma sea del tamaño adecuado,
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.
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
herramientas de contexto Curva.
en la barra de
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.
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.
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".
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
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
del elemento flotante Efectos de la barra de
filtro
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
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.
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.
(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.
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.
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.
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.
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:
•
seleccione Formato>Estilo de objeto>Desvincular.
Cómo guardar estilos de objeto
Para crear un nuevo estilo de objeto en los atributos de
un objeto existente:
•
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.
•
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.
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.
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.
14
Color, rellenos y
transparencia
400 Color, rellenos y transparencia
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.
•
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
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
en la parte superior de la pestaña para
Texto
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.
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
deslizante o la entrada directa.
mediante el control
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.
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.
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.
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.
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.
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.
.
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.
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.
en
Haga clic en Diseñador de esquemas de color
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.
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
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.
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
o Línea
están seleccionados (para
Relleno
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
, seleccione una
Para rellenos de mapa de bits
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.
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.
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
Objeto rellenado que muestra
trazado de relleno (B)
(A)
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).
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.
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:
•
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.
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.
Herramienta Transparencia
en el elemento flotante Transparencia de la barra de
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.
15
Vista previa y
publicación
422 Vista previa y publicación
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
Estándar.
2.
del sitio en la barra de herramientas
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
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.
3.
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”.
Haga clic en Aceptar para confirmar los cambios.
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.
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
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.
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.
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
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....
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.
•
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....
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
del sitio web en la p. 421).
. (Consulte Vista previa
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.
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.
Para una publicación rápida en la Web:
•
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.
1.
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.
16
Índice
438 Índice
16
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
440 Índice
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
Í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
442 Índice
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
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
Í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
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
444 Índice
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
trazado curvo, 248
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
Í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
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
446 Índice
mapa del sitio (navegación),
85
mapas (Google), 120
mapas de bits (véase, 323
marcos (imagen), 321
marcos (texto), 239
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
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
Í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
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
448 Índice
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
Índice 449
sonido, 356
adición a página, 356
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
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
450 Índice
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
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

WebPlus - WinSoft

Transcripción

Documentos relacionados

PASO A PASO - Maestro 2025

En google Chorme

Reaccionan los Alquenos