2

Compra y activación del MAGIX Web Designer 6

Indice
Compra y activación del MAGIX Web Designer 6 ¿Cuáles son las novedades en MAGIX Web Designer 6? Introducción ¿Por qué Web Designer es tan especial? Una página web en 6 pasos Ayuda Información de documento Acerca de Web Designer Primeros pasos Diseño del programa Objetos en la página Diseño web basado en objetos La herramienta de selección Vista previa de tu página web Utilización de plantillas, cliparts y widgets Colores de la página web Fotos Texto Tamaño de página Guardar tu trabajo. Creación de una página Web Objetos elásticos Grupos Enlaces, botones y barras de botones Herramientas de dibujo Capas, mouseover (rollover) y pop·ups Creación de botones, banners y otros gráficos web Publicar tu página web Integración de películas, Flash y otros widgets Trabajar con documentos Inicio del MAGIX Web Designer 6 Iniciar un nuevo documento Abrir un documento existente La ventana MAGIX Web Designer 6 Abrir una segunda ventana Cambiar el valor de zoom Desplazar el documento dentro de la ventana Cambiar el tamaño de página 8 10 13 13 14 15 15 15 16 16 18 19 20 22 23 24 33 37 41 42 43 44 45 49 54 58 59 61 64 64 64 64 66 69 70 72 72

Compra y activación del MAGIX Web Designer 6
Páginas múltiples en el documento Guardar el documento Directorios de compatibilidad Cerrar el documento Copias de seguridad automáticas Cuadrícula de pantalla Reglas Calidad de imagen Galerías Deshacer y rehacer Trabajar con objetos La herramienta de selección Mover objetos Eliminar objetos del documento Duplicar y clonar Mover objetos hacia adelante o hacia atrás Girar objetos Cambio del tamaño de objetos (escalar) Voltear objetos Extender o reducir objetos Inclinar objetos Difuminación (Feathering) Ajuste Objetos guía y líneas guía Resumen de shortcuts del teclado numérico Agrupar y desagrupar objetos Grupos suaves (soft groups, en inglés) Alineación Copiar estilos: pegar atributos Nombrar objetos Objetos repetidos La herramienta de edición de formas Para dibujar un segmento de línea recto Mezclar líneas curvas y rectas Para dibujar un segmento de línea curvo: Extender la línea. Finalizar la línea Añadir un nuevo punto de control Seleccionar múltiples puntos de control Eliminar puntos Mover puntos de control - Herramienta de edición de formas Suavizar una línea Restringir la línea Cambiar curvas 73 75 76 77 78 80 81 83 83 87 89 89 92 94 95 96 97 98 100 100 101 102 103 105 107 107 108 110 112 113 114 118 119 119 119 120 120 120 121 122 122 123 124 124

3

4

Compra y activación del MAGIX Web Designer 6
Convertir una línea recta en una curva (y viceversa) Unir líneas Separar una forma Cerrar una forma Manejo de formas Combinar formas Cambiar el ancho de línea (grosor) Galería de líneas Crear rectángulos y cuadrados Crear círculos y elipses Trabajar con colores La línea de color Aplicación de colores de relleno y línea mediante arrastrar y soltar Editar el color de un objeto El editor de color Colores locales y colores originales Esquemas de colores temáticos Creación de tus propios esquemas de colores Creación de nuevos colores con nombre Editar colores con nombre Colores normales, tintes, tonalidades y colores vinculados Creación de un tinte, una tonalidad o un color vinculado 125 126 127 127 129 129 131 131 134 135 136 136 138 139 140 142 142 143 143 144 144 145

Trabajar con textos 148 Introducción 148 Terminología 149 La herramienta de texto 149 El menú de fuentes 151 Texto simple 153 Texto en una columna 153 Áreas de texto 154 Texto siguiendo una curva 157 Editar texto 158 Corrector de ortografía 160 Cómo sincronizar el texto empleando Grupos suaves (soft groups, en inglés)161 Tabulaciones, márgenes y sangrías 161 Texto alrededor de objetos 165 Gráficos anclados 166 Aplicar estilos de texto 169 Enlaces de texto 172 Texto dentro de grupos para páginas web 173 Copiar estilos de texto 174 Copiar / Pegar texto con formato (RTF) 174 Visualizar fuentes utilizadas 175

Compra y activación del MAGIX Web Designer 6
Incrustación de fuentes Compatibilidad entre el navegador y el texto La herramienta de relleno Creación de una gradación de color lineal Tipos de relleno Barra de información de la herramienta de relleno Rellenos lisos Rellenos lineales Rellenos circulares Rellenos elípticos Rellenos de mapa de bits Relleno fractal Gradaciones de color de varios niveles La galería de rellenos Transparencia Aplicar transparencia plana Aplicar transparencia con gradación Aplicar transparencia a varios objetos Sombras La herramienta de sombra Aplicar una sombra Cambiar el color de sombra o el efecto de relleno Eliminar una sombra Aplicar una sombra a varios objetos Selección de objetos con ayuda de la herramienta de sombras Copiar sombras a otros objetos Diálogo de propiedades web Pestaña Enlace Pestaña "Página web" Pestaña de página Pestaña Imagen Pestaña Mouse-over Pestaña Marcador de posición Pestaña Publicar Trabajar con fotos Introducción Objetos de fotos Importación de fotos Resolución de foto Copias de memoria cero La galería de mapa de bits 175 175 177 177 178 179 180 180 181 182 182 185 186 186 189 189 189 190 191 191 192 193 194 194 195 195 196 197 202 204 206 210 212 215 219 219 220 220 223 223 224

5

6

Compra y activación del MAGIX Web Designer 6
Archivos JPEG integrados 226 Sin pérdidas vs. Con pérdidas (lossless vs. lossy) 227 Mezcla y combinación de fotos 228 Calidad de visualización de fotos 229 Guardar y exportar fotos 229 Atributos de la edición de fotos 231 Editar el contorno de las fotos 232 Recortar fotos 232 Cortar objetos de las fotos 233 Fotos de pantalla (screenshots) 234 Colorear fotos 234 Cambiar el tamaño, rotar y reposicionar la foto dentro de su propio marco 235 Enderezar horizonte 236 Ver una foto ampliada en su tamaño completo 237 Darle el tamaño completo a una foto 237 Optimizar fotos y mapas de bits 238 Documentos fotográficos 240 Edición de archivos de fotos 241 La herramienta de fotos Introducción Utilización de la herramienta de fotos Herramienta de optimización Herramienta de corte Notas para la herramienta de foto La herramienta de ojos rojos Creación de panorámicas Barras de navegación Utilización de plantillas de barras de navegación Diálogo Propiedades de la barra de navegación Barra de navegación del sitio Botones y menús Actualización de la barra de navegación en todas las páginas Edición en el lienzo Cambio de la fuente de los botones de la barra de navegación Importación e inserción de barras de navegación Creación de barras de navegación propias Márgenes de botón Avanzado: edición de un diseño de botón de barra de navegación. Barras de navegación con primer y último botón diferente Widgets de sitios web Widgets y marcadores de posición: todo automático Widgets de la galería de diseños Agregado de archivos de películas y animaciones 243 243 244 246 248 251 251 253 254 254 255 256 258 261 261 262 262 262 263 264 266 268 268 269 271

Compra y activación del MAGIX Web Designer 6
Widgets de otros sitios de widgets Cambio de tamaño de widgets Inserción manual de marcadores de posición Más información Galería de páginas y capas La galería de páginas y capas Páginas Capas Operaciones de capa Capas especiales Ocultar capas Modo Solo Bloquear capas Mostrar todo y desbloquear todo Mover objetos entre capas 272 273 274 274 275 275 277 278 280 281 281 281 282 282 283

7

Animaciones en Flash 284 Introducción 284 Principios básicos 286 Tu primera animación 287 Exportación de un archivo Flash 289 La galería de frames 290 Fotos 293 Duración de frames para películas Flash y pasos intermedios" (Movie frame rate and tween steps) 294 Recortar y cortar 296 Velocidad de la animación 297 Fluidez de la animación (smoothness) 298 Rotación 298 Grupos 300 ¿Qué funciones de MAGIX Web Designer 6 son compatibles con Flash? 300 El color se transforma — el color de la animación cambia 302 Transparencia 303 URL en Flash 303 Funciones de Flash avanzadas 304 Resumen de animación de MAGIX Web Designer 6 Flash 306 Crear GIF animados 307 Propiedades de GIF animados 308 Imprimiendo Mostrar bordes de impresión Seleccionar y configurar una impresora El diálogo de impresión Opciones de impresión: pestaña Salida Opciones de impresión: pestaña "Diseño de la impresión" 310 310 310 311 313 315

GIF y BMP La Galería de diseños Personalización de Web Designer Cambio del documento de plantilla en blanco Opciones del menú "Herramientas" Pestaña General Pestaña Cuadrícula y regla Pestaña Ratón Pestaña Tamaño de página Pestaña Copias de seguridad Barras de control Fijación de galerías Restaurar las barras de control / galerías por defecto Menús y shortcuts de teclado Introducción Menú Archivo Menú Edición Menú Arreglo Menú Herramientas Menú Ventana Menú Ayuda Shortcuts de teclado Legal Copyright Acuerdo de licencia de usuario final de clientes de XARA Web Designer Agradecimientos Index 317 317 317 319 321 324 330 331 331 331 332 334 335 337 337 337 340 341 342 342 342 345 346 349 350 351 353 358 358 358 361 363 Compra y activación del MAGIX Web Designer 6 Cuando inicias la versión de prueba descargada de MAGIX Web Designer 6.8 Compra y activación del MAGIX Web Designer 6 Importación y exportación Indicaciones generales sobre la exportación e importación Importar y exportar formatos de archivo compatibles Importación de archivos Exportación de archivos Resumen del diálogo de exportación JPEG. . la pantalla de inicio te presentará tres opciones. PNG. Comprueba la opción que precises y se te explicará con más instrucciones.

Luego. Los productos de Xara ofrecen una muy buena relación calidad-precio y además ofrecemos descuentos en todos nuestros productos de gráfico para instituciones de educación. Más detalles en nuestra página web. Aviso importante: por favor. recuerda tu dirección de correo electrónico y contraseña que has utilizado para la compra de MAGIX Web Designer 6 puesto que los necesitarás en el futuro.Compra y activación del MAGIX Web Designer 6 Introducir el número de serie Selecciona esta opción si ya has encargado una copia de Web Designer e introduce el número que se te ha proporcionado en el e-mail para confirmar tu compra. Se te enviará un número de serie con la compra. Comprar el programa.magix. debe ignorarse). haz clic en PROBAR EL PROGRAMA AHORA. seleccionando la opción Descargar plantillas en el menú de Ayuda de Web Designer. Una vez que tu copia esté activada. si deseas realizar una actualización. Selecciona esta opción si deseas adquirir una copia de Web Designer. Otras formas de compra Si no dispones de la versión de prueba puedes pedirla directamente en nuestra página web www. Continuar con la prueba Selecciona esta opción si quieres continuar utilizando la versión de prueba gratis. 9 . A la derecha de esta opción se te informará cuántos días de prueba tienes disponibles. por ejemplo. puedes descargar la plantilla completa. Luego haz clic en Registrar y activar online.com y recibirás un número de serie con el que luego podrás liberar la versión de prueba. Introduce tu dirección de e-mail para registrar tu copia (si ya la has registrado.

El modo Solo permite aislar una capa.10 ¿Cuáles son las novedades en MAGIX Web Designer 6? ¿Cuáles son las novedades en MAGIX Web Designer 6? General • Aspecto de la aplicación completamente rediseñado (diseño y símbolos) • Herramientas y botones desplegables que presentan una interfaz de usuario más simple. pero con acceso directo a una mayor cantidad de funciones comunes. • Copia de seguridad automática de todos los documentos abiertos. Un nuevo objeto de nivel superior de la barra de navegación puede arrastrarse como un objeto independiente. Muchos add-ons y widgets de páginas web suministran un snippet de HTML para incluir en tu página. lo que consiste en un sitio web preparado de ocho páginas enlazadas. todos los documentos abiertos se restaurarán. al iniciar Web Designer la próxima vez. • Galería de "Páginas y capas" mejorada que suministra una forma rápida de visualizar y reordenar páginas y capas en cada página. Copia de seguridad automática y restauración de documentos abiertos al cerrar la aplicación. Los diseños existentes se han actualizado. Resaltado automático de los botones de las barras de navegación de la "página actual". Escoge cualquier diseño de botón y conviértelo rápidamente en una barra de navegación horizontal o vertical. La barra de navegación se actualiza cuando agregas/quitas páginas. con una vista previa del snippet. • Manejo optimizado de barras de navegación (muy similar a la funcionalidad de Xara MenuMaker). Autoría web • Galería de plantillas ampliada con nuevos diseños. Los widgets suministran add-ons interactivos que abarcan desde reproductores de películas hasta características de comercio electrónico (como un botón "Comprar" para vender artículos o servicios de tu página web). Las nuevas secciones de la galería de diseños suministran una gran variedad de "widgets" que pueden arrastrarse y soltarse en tu sitio web. por ejemplo. • Galería de diseños con actualización automática:la galería de diseños incluye nuevas secciones y contenido "online" que Xara puede actualizar de forma remota. . Copia el código HTML en el portapapeles y pégalo en Web Designer. Un nuevo diseño "completo de página web" se suministra para todos los conjuntos de plantillas. El Web Designer ahora acepta que pegues este snippet. • Arrastrar y soltar widgets desde la galería de diseños y la nueva biblioteca de widgets. Así puedes cerrar directamente Web Designer con documentos abiertos y. Submenús DHTML con numerosas animaciones y efectos de transparencia • Inserción directa de snippets HTML con creación automática de vista previa/marcador de posición. Tras unos segundos aparecerá un objeto de marcador de posición con una imagen de vista previa. formularios. mapas y mucho más. Capacidad para crear una barra de navegación con botones vinculados a todas las páginas de tu sitio web. lo detecta como un código HTML y crea automáticamente un marcador de posición en la página. arrastrar y soltar para ordenar las páginas. que puedes posicionar en cualquier lugar de la página web.

11 . vista previa de la página actual o vista previa de todo el sitio web. Los efectos animados de fotos emergentes (al hacer clic sobre una foto se abre una ventana emergente con una versión ampliada) se ha mejorado para brindar efectos de animación con calidad mejorada. como cualquier diseño de galería de fotos de las plantillas (cada tema tiene un diseño de "galería de fotos").web o . una sombra proyectada opcional. • Arrastrar y soltar esquemas de colores y esquemas de colores creados previamente en la galería de diseños para todos los temas. Si arrastras un color hasta el área del tablero de dibujo (fuera del área visible de la página). Si arrastras y sueltas una selección de archivos de imagen desde tu explorador de archivos hasta una página de vistas en miniaturas. • Capacidad para crear un pase de fotos y Siguiente/Anterior en una galería o grupo de vistas en miniatura. ahora puedes cambiar todo el esquema de tu página. Puedes probarlo con el tema beta suministrado en la galería de diseños. etc. • Reducción automática de la resolución de importación. Arrastra y suelta varias fotos en simultáneo para poblar una página de galería. puedes crear un fondo de mapa de bits segmentado. por lo que puede colorearse el tablero de dibujo de forma independiente a la página.¿Cuáles son las novedades en MAGIX Web Designer 6? • Carga sencilla de vídeo MP4 y reproductor de vídeo incluido. Foto • Ventanas emergentes de fotos en miniatura mejoradas y más elegantes. se activará una nueva capa de fondo de página en la galería de Páginas y capas. esto puebla la galería. capturas de pantalla y oscurecimiento (la página debajo de la ventana emergente puede oscurecerse).xar más pequeños. En vez de editar cada color original con nombre. Simplemente arrastra y suelta estos esquemas hasta la página web para cambiar todos los colores originales. Para la página y el área del tablero de dibujo. títulos. Abre cualquier página del tema o el diseño "sitio web" que es un sitio web completo con ocho páginas. Esto reducirá el tamaño y resolución de todas las fotos de un documento para ahorrar memoria y producir archivos . esto te permite crear fondos independientes para la página y sus alrededores. Arrastra y suelta un archivo de vídeo MP4 hasta la página y aparecerá un reproductor de vídeo flash para reproducir el archivo que se cargará automáticamente en tu servidor web. • Llenado automático de galerías. Si admites el coloreado de la página de esta manera (al arrastrar un color hasta el tablero de dibujo). en donde podrás ajustar la sombra proyectada de la página rectangular con la herramienta de sombra para convertirla en un rectángulo redondeado (con la herramienta de rectángulos). Al final de los diseños temáticos hay una selección de los esquemas de color llamados "Esquema de color 1". Si cuentas con varias fotos en miniatura con el efecto de ventana emergente en la página. Color • Mejor compatibilidad con páginas y fondo. • Capacidad para admitir páginas de esquinas redondeadas con sombras proyectadas. si pulsas Ctrl y sueltas un mapa de bits en la página o en el tablero de dibujo. • Nueva función "Optimizar todos los JPEG". • Nuevas opciones de "Vista previa de página actual" rápida así como vista previa de todo el documento: el ícono de vista previa en la barra superior se despliega con dos opciones. ahora puedes crear con ellas un pase de fotos con controles Siguiente/Anterior/Reproducir/Pausa y un guión cinematográfico opcional con las miniaturas en la parte inferior de la ventana.

Texto • Compatibilidad con texto justificado. • Perfiles FTP con nombre. aplica el nombre "HTMLBlockText" al bloque de texto. incluyendo la contraseña. De esta forma. listas numeradas. sólo se cargarán aquellos archivos que se hayan modificado. No es necesario que el cliente tenga conocimiento de las complejidades de la configuración FTP. • Oferta de alojamiento web gratis. Además. divs eliminados.web puede actualizar tu página web).) se cargarán solamente una vez. Esto es útil si trabajas con múltiples páginas web con diferentes dominios. Esto es genial si cuentas con diversos sitios web publicados en diferentes ubicaciones o con diferentes dominios. El Web Designer ofrece el alojamiento de páginas web gratis de MAGIX. Ten en cuenta que los saltos de línea no necesariamente serán los mismos que en el Web Designer (y pueden variar entre los exploradores). etc. porque ofrece la opción de enviar al cliente el archivo . • Herramienta de texto mejorada para incluir viñetas. • Formas fáciles de agregar enlaces en archivos externos (y cargarlos) como archivos PDF y Word. ahora pueden ignorar el posicionamiento individual de líneas y hacer que cada párrafo de texto se emita como un bloque de texto <p> en HTML.web. Puedes guardar tu configuración de FTP en un perfil con nombre. Esto puede representar una mejora en la velocidad y productividad de sitios web medianos a grandes. También significa que los adjuntos incluidos (p. Para ello. y que características como hacer fluir el texto alrededor de los gráficos no funcionarán. instruirle que actualice el texto y luego pulse el botón Publicar para actualizar su página web. el alojamiento gratis de MAGIX. vídeos. A pesar de que esta es una opción potencialmente peligrosa (cualquiera que acceda al archivo . opciones para párrafos "HTML puros". por ejemplo. . • Publicación incremental. puedes escoger guardar la contraseña FTP en el archivo. ej. uso optimizado de CSS. podrás publicar tu página web como parte del MAGIX Mundo Online. • Calidad HTML mejorada. • Gráficos anclados. Para usuarios avanzados que quieren "bloques HTML puros". sangrías. El diálogo de propiedades de publicación ahora ofrece la posibilidad de guardar los detalles FTP con el documento. incluyendo perfiles de terceros. también es una herramienta muy útil para los diseñadores web con clientes. Los fotos y los gráficos pueden ahora flotar con el texto. Hemos añadido la compatibilidad con el texto completamente justificado y esto funciona aún con la característica de texto alrededor del gráfico. Cuando publicas tu página web. La lista de perfiles puede contener perfiles de terceros como.12 ¿Cuáles son las novedades en MAGIX Web Designer 6? Publicación • Recordar detalles del FTP con el documento. archivos PDF. etc.

La creación de páginas web debería ser como la creación de archivos PDF: no deberías tener la necesidad de saber qué pasa 'bajo el capó'. y Web Designer producirá una página HTML precisa que funcionará perfectamente. En otras palabras. transparencia. no debes editarlos directamente. ángulo. ¿Por qué Web Designer es tan especial? Web Designer es único porque es la única herramienta de diseño web de forma libre que permite una verdadera libertad al diseñar una página web cuyo resultado es lo que ves. También cuenta con optimización automática de gráficos (no sólo produce imágenes de resolución optimizada. En el caso de los archivos PDF. superposición. creemos que no es necesario usar gran cantidad de herramientas. Tú deseas una página web con una imagen competente y profesional. como hacer fluir el texto alrededor de fotos o formas irregulares. Creemos que debes tener libertad total para incluir cualquier tipo de texto. Para crear tu página. puedes posicionar el texto. sino que . configurar cualquier tamaño. Tampoco deberías tener la necesidad de saber sobre HTML al crear tu página web. Incluye herramientas avanzadas de vectores gráficos para que puedas dibujar lo que desees: desde formas simples hasta logos y gráficos complejos. La presentación de tu página web es muy importante.Introducción 13 Introducción Es evidente que la gran mayoría de páginas web tienen una naturaleza gráfica. Web Designer puede hacer cosas que se consideran casi imposibles con otros software de autoría web. gráfico o foto en cualquier lugar de la página. gráficos y fotos en cualquier lugar de la página. En las páginas web la presentación gráfica es tan importante como el contenido. tanto para la edición gráfica como para HTML. etc.

como transparencia (incluyendo transparencia con gradación). lo que produce páginas más rápidas y más optimizadas). utilizando el botón de deshacer o Ctrl+Z. Web Designer es probablemente la herramienta de autoría web más fácil de aprender. siguiendo sencillamente las instrucciones en el documento inicial que se abre cuando comienzas a usar Web Designer. Web Designer está pensado para diseñadores gráficos que no quieren aprender HTML ni lenguajes de scripting. es la herramienta prototipo para páginas web rápidas perfecta. Es compatible con capas CSS con características avanzadas. las plataformas y XHTML. Si mantienes pulsado el botón puedes deshacer todas las acciones hasta el comienzo.14 Introducción también detecta los elementos que se repiten en toda la página web. Haz clic en botón. abre la categoría INTRODUCCIÓN y haz doble clic en el primer documento. efectos mouse-over y más. Además. arrastrar y soltar fotos. También puedes encontrar este documento de ejemplo en la galería de diseños. También está pensado para principiantes que simplemente quieren disponer de la forma más fácil de crear páginas web de aspecto profesional. edición de scripts ni una "vista HTML". Deshacer Recuerda que puedes deshacer cualquier cambio. Por lo tanto. mover objetos alrededor de la página y más. Nuestra filosofía de diseño es la siguiente: no necesitas saber el lenguaje de programación de PDF para crear un PDF. Crea páginas web HTML totalmente compatibles con los exploradores. Web Designer no incluye herramientas de programación. . tampoco debes conocer nada acerca de HTML o Javascript para poder crear páginas web geniales. se pueden descubrir las ventajas principales de Web Designer. Para diseñadores gráficos. Una página web en 6 pasos Para quienes no tienen mucha paciencia (la mayoría de nosotros). corregir el texto. Aquí puedes averiguar como cambiar los colores de la página web. Se trata tanto de una introducción básica como de una página web real con la que puedes experimentar.

Esto te mostrará información general sobre el programa.com (que también incluye otros foros relacionados con gráficos). Acerca de Web Designer Escoge AYUDA > ACERCA DE MAGIX WEB DESIGNER 6.com/) para obtener excelentes fuentes de ayuda. • Barra de estado: intenta leer el texto de la barra de estado en el extremo inferior de la ventana principal de Photo & Graphic Designer. arte inspiracional y mucho más). incluyendo más de diez años de tutoriales de Photo & Graphic Designer. "ARCHIVO Cualquier texto que introduzcas en el campo de comentario se guardará como parte del archivo. • Películas: hay películas de demostración que te ayudarán a sacar el mayor partido de MAGIX Web Designer 6. • Xara Xone: visita Xara Xone (http://www. . el programa te informa sobre lo que hacen. Ve a la barra de estado para más detalles. Esta es una buena forma de ver si te falta una fuente necesaria que pudiera prevenir que el documento se visualice correctamente.talkgraphics. es posible que se te solicite esta información. • Cajas de diálogo: si quieres saber lo que hace una caja de diálogo o cómo usarla. • Newsletter "The Outsider": suscríbete a nuestra newsletter mensual "The Outsider" (con tutoriales mensuales y consejos. ofertas. • Foros TalkGraphics: puedes compartir consejos e ideas. Este comentario se mostrará cuando abras el diálogo de información de documento. a continuación encontrarás información que puede serte útil: • Selecciona Temas de ayuda en el menú de AYUDA para abrir la ayuda de Photo & Graphic Designer (que contiene cientos de páginas de información). haz clic en "Ayuda".Ayuda 15 Ayuda Si necesitas ayuda para el manejo de este programa. También cuando colocas el cursor sobre los botones y los controles. Siempre ofrece una descripción de las acciones actuales y de sus efectos (incluso durante los arrastres). trucos y consejos y shareware de Xara. lo que resulta ideal para aprender a usar las herramientas de Photo & Graphic Designer. Escoge PELÍCULAS del menú de AYUDA para ver una lista de las películas disponibles. aparecerá un mensaje informándote de su función. enviar preguntas u ofrecer soluciones a otros usuarios de Xara Xtreme en los foros http://www.xaraxone. • Consejos para herramientas (tooltips): si colocas el cursor del ratón sobre un botón o control por un momento. • Menús: si deseas saber cuál es la función de un menú. Si contactas con la asistencia técnica de Xara. selecciónalo y pulsa "F1". Información de documento > INFORMACIÓN DEL DOCUMENTO "muestra información sobre el documento seleccionado como el tamaño o cualquier fuente utilizados.

16 Primeros pasos Primeros pasos Esta sección te da una idea general de las funciones principales de Web Designer. Diseño del programa Barra de información: cambia con cada herramienta Zoom Visualizar página web Galería de páginas y capas Galería de diseños Herramienta de selección Herramienta de texto Herramienta de sombra Herramienta de edición de fotos Línea de color . Las secciones siguientes te darán más detalles sobre cada una de las herramientas.

Se puede comenzar con una plantilla prediseñada y luego personalizarla con textos. O creando una página web desde el principio. colocando todos los elementos requeridos. Tres de estas opciones tienen barras desplegables que se muestran cuando colocas el cursor del ratón sobre ellas y te ofrecen más funciones. fotos y combinación de colores. texto. gráficos y fotos en el lugar que quieras de la página. también es un botón) • Para desplazar utiliza la rueda del ratón (o las barras de desplazamiento) . Hay dos modos de crear una nueva página web. pulsa la rueda del ratón y mueve (sí. mantiene Ctrl pulsado y utiliza la rueda del ratón • Para mover la página. Zoom y desplazamiento de la página Estas funciones comunes están hechas de manera sencilla: • Para ampliar o alejar con el zoom. 17 Vista previa Enlace Opciones de página web Exportar Coloca el cursor del ratón sobre cada botón de la barra desplegable para obtener un consejo de herramienta con la descripción del botón.Primeros pasos Estos son cuatro botones que se encuentran en la barra superior y se relacionan con las funciones en la página web.

puede verse como los cambios afectan a todas las páginas. cuando pasas el cursor del ratón por ellos. Esto hace que sea muy útil para ver toda tu página web. Ciertas características. redimensionar y posicionar cualquier cosa que desees en la página. En este ejemplo puedes ver que algunos artículos han sido colocados en el tablero de dibujo al lado de las páginas. aparece una barra desplegable. La barra contiene otras herramientas que pertenecen a este grupo. Objetos en la página Si personalizas una plantilla o creas tus propios gráficos desde el principio.18 Primeros pasos Todas tus páginas en tu sitio web están presentadas una tras otras. Esto las hace accesibles y no ocupan demasiado espacio en la barra. Si seleccionas una herramienta modal de una barra desplegable. Simplemente. fotos u otros objetos con los que estés trabajando. Estos iconos cuentan con un pequeño triángulo indicador en la esquina inferior derecha y. El área del tablero de dibujo es normalmente un lugar donde guardar temporalmente gráficos. como en un programa de edición de textos. En el capítulo Personalización obtendrás más información sobre las barras desplegables. Puedes arrastrar y soltar elementos entre páginas de esta manera. Estos son los tipos básicos de elementos de página: . esta herramienta se convierte en la herramienta principal para ese grupo. funcionan a través de todas las páginas simultáneamente. mueve el cursor del ratón hasta una de estas opciones para ver el consejo de herramienta (tooltip) y luego selecciona la herramienta que quieras usar. No serán exportados como parte de tu página web. También hay algunas barras desplegables en la barra de herramientas de la parte superior de la ventana. La página actual se destaca por las marcas en las 4 esquinas. A partir de ese momento verás el icono correspondiente en la barra de herramientas principal. Barras desplegables Algunas herramientas de la barra de herramientas principal están agrupadas en un solo icono. como el cambio de combinaciones de colores. Cuando haces cambios de color de tema en todo el sitio. puedes girar. Estas se utilizan para agrupar operaciones relacionadas en un solo icono. especialmente al alejarse con el zoom. Puedes redimensionar la página fácilmente al tamaño que quieras y añadir nuevas páginas web a tu gusto.

Sustituir fotos existentes en plantillas es tan fácil como arrastrar y soltar. lo que significa que puedes corregir la forma. Al exportar tu sitio. girarlas. Por ejemplo. Uno de los beneficios particulares de Web Designer es la libertad total para posicionar cualquier objeto en cualquier lugar de la página. • Marcadores de posición: estos son objetos gráficos en la página que representan el tamaño y la posición de "widgets" dinámicos como animaciones flash. Puedes ajustar el orden de las capas (es decir. y puedes cambiar sencillamente el tamaño y el ángulo de las fotos "dentro" de su marco. GIF o PNG) Web Designer crea automáticamente el formato y resolución adecuados. La HERRAMIENTA DE SELECCIÓN puede ser utilizada para seleccionar cualquier objeto en la página y para mover (simplemente arrástralo). se convierte automáticamente en una imagen gráfica PNG con la resolución correcta. La herramienta de texto de la barra de información proporciona controles de fuente. girar y redimensionar tus objetos gráficos sin pérdida de calidad (a diferencia de herramientas de edición y retoque fotográfico como Photoshop). si un objeto aparece al frente o detrás de otro/s en la página). películas o formas. Y aunque no hay ningún estándar de gráficos vectoriales para páginas web (para web todos los gráficos tienen que ser formatos JPG. • Gráficos: cualquier tipo de logo. tamaño y espaciado de línea y más. y colocándolo detrás del texto. la utilización de las opciones del menú Arreglo. Consulta el capítulo de "Widgets de página web" para más detalles. Web Designer es un programa de gráficos vectoriales. si quieres crear un panel coloreado para colocar detrás tu texto. redimensionar o rotar los objetos. ej. También puedes crear listas con viñetas y numeradas. título y la mayoría de los botones que aparecen en tu página web son gráficos.Primeros pasos • Texto: al usar la herramienta de texto puedes crear todo tipo de títulos y columnas de texto e incluso bloques de texto que fluyen de un bloque a otro. También puedes girar el texto sorprendentemente desde cualquier ángulo. optimizarlas. recortarlas. y Web Designer genera automáticamente la resolución de imagen JPG adecuada. • Fotos: hay pocas páginas web que no contienen algún tipo de foto. que luego se respetará con exactitud en la página web final. Puedes crear fácilmente fotos en miniatura sobre las que puedes hacer clic para que se abra una versión ampliada y puedes incluir opcionalmente controles de galería que permiten a los visitantes navegar por tus fotos o ver un pase de fotos automático. 19 Diseño web basado en objetos Todo los tipos de elementos descritos más arriba se refieren generalmente a objetos. fotos) en la página. MAGIX Web Designer 6 tiene una gran gama de herramientas de retoque de fotografías. Cuando guardas tu página web. Puedes redimensionar el texto usando la herramienta de selección o escogiendo un punto alternativo o tamaños de píxeles. Puedes arrastrar y soltar fotos directamente desde tu cámara o desde la ventana del explorador de archivos. lo harías dibujando un rectángulo o el objeto de rectángulo con esquinas redondeadas en la página. y usar la característica automática para hacer fluir el texto alrededor de objetos (p. Con la herramienta . el gráfico del marcador de posición se reemplaza con el código requerido para hacer que el widget funcione y el widget aparece en la misma posición en tu página.

redimensionar y girar todos los objetos en tu página web. Ve a la sección herramientas de dibujo (en la página 48) para más detalles. Hay una complicación añadida: las capas. Todos los objetos son registrados en capas con nombres y cada capa puede activarse o desactivarse para mostrar u ocultar todo acerca de la capa. y cualquier tipo de forma que desees. Ctrl+F trae cualquier objeto seleccionado hacia delante. quedando delante de todo lo demás. pulsando y arrastrando horizontalmente la herramienta de texto. utilizando la herramienta de edición de forma. Ve a la sección de capas (en la página 54) de más abajo para más detalles. es decir delante de cualquier otro. Orden de los objetos Todos los objetos en la página están colocados uno encima del otro. De modo similar. Ve a la sección de texto en la parte inferior para más detalles y al capítulo Manejo de texto (en la página 147) para una información detallada acerca de las funciones de texto de MAGIX Web Designer 6 Puedes usar herramientas de dibujo para crear rectángulos normales o con esquinas redondeadas. mover. La herramienta de selección Esta herramienta es de uso general y te permite seleccionar. Para agregar texto a tu página. círculos y elipses. Web Designer sabe cómo crear automáticamente la imagen gráfica apropiada para que la página se vea siempre bien. También puedes crear columnas de texto. selecciona la HERRAMIENTA DE TEXTO y haz clic en cualquier lugar de la página y empieza a escribir el texto. Puedes girar cualquier objeto arrastrando desde dentro de los controles deslizantes de las esquinas. Al presionar Ctrl+B (o el menú ARREGLO > Llevar atrás) el objeto es movido detrás de todo lo demás. .20 Primeros pasos de selección puedes redimensionar objetos estirándolos desde las esquinas. Puedes ajustar la posición de colocación usando las opciones del MENÚ ARREGLO . cuando dibujas un nuevo rectángulo siempre aparece para cubrir todos los objetos que estén detrás suyo. El objeto más recientemente dibujado o creado está siempre arriba de todo. Por ejemplo. Y aunque las páginas web no admiten textos rotados. o arrastrando horizontalmente los campos de texto.

Los rectángulos y rectángulos con esquinas redondeadas tienen ocho controles deslizantes para que arrastrarlos y redimensionarlos. los objetos se desplazan de 10 en 10 píxeles. Esta barra cambia según la herramienta seleccionada.Primeros pasos Puedes hacer todas estas cosas simplemente estirando los objetos en la página. También puedes rotar casi todo en Web Designer. o con los controles deslizantes de selección alrededor del objeto. también te indica qué objeto ha sido seleccionado. bloques de texto. Barra de información Cuando un objeto es seleccionado. El objeto seleccionado con 4 u 8 controles deslizantes en su exterior y la barra de estado. Arrastra desde dentro de los controles deslizantes (ver a la izquierda) para girar. . bloques de texto o fotos. como grupos. Web Designer convertirá automáticamente cualquier texto rotado en un gráfico. Esta es la barra de información de la herramienta de selección: La barra de información justo encima de tu documento. entonces también podrás arrastrar para hacer girar el objeto seleccionado. cuando se ven los controles de esquinas. O. Girar objetos Hay dos modos de hacer girar un objeto. O bien. moviendo el cursor de ratón dentro de los controles de esquinas hasta que veas que el cursor cambia a un indicador de rotación . y simplemente funcionará. 21 Arrastra desde cualquier esquina de los controles deslizante para redimensionar un objeto. Otros objetos. títulos. Debido a que los navegadores web no pueden mostrar texto en ángulo. con los que podrás estirar o hacer girar el objeto. haciendo clic otra vez sobre el objeto para que los controles de selección cambien a controles de rotación. Desplazar objetos Las teclas de flechas pueden ser utilizadas para desplazar los objetos seleccionados píxel a píxel. incluyendo fotos. Si mantienes pulsada a la vez la tecla Shift. la barra de información en la parte superiro de tu documento muestra todos los controles relevantes para la herramienta actual. poseen sólo 4 controles y no pueden ser estiradas (porque se deformarían). te muestra los controles para la herramienta seleccionada. en la parte inferior de la pantalla. o puedes introducir valores numéricos precisos.

Vista previa de tu página web Cuando creas tu página web en Web Designer los documentos con los que trabajas muestran una vista previa exacta estática. todas las páginas y enlaces de tu sitio deberían funcionar. arrastrándolo con el botón derecho del ratón. pero para comprobar el comportamiento de los popups. puedes ajustar rápidamente la vista previa de la página en la que estás trabajando.. cada vez que pulses el botón de vista previa. expórtala y luego abre el archivo . para reducir el tamaño de un objeto un 20%. Una vez que lo hayas exportado. efectos MouseOver y Flash. es necesario utilizar la vista previa de navegador. Si no has exportado tu sitio todavía. Una vez exportado. Esta opción es útil si cuentas con un sitio muy grande que demora mucho en exportarse en su totalidad. Existen dos opciones de vista previa en la barra desplegable en la barra de herramientas web. p. Copiar objetos Puedes utilizar las típicas opciones de Copiar (Ctrl+C) y Pegar (Ctrl+V). puedes introducir 80% en el campo del ancho (que es un tamaño porcentual). VISTA PREVIA DE PÁGINA WEB: exporta todas las páginas de tu sitio y luego muestra la ventana de vista previa.. es decir. sin tener que exportar el resto del sitio. la misma ubicación de exportación se utilizará siempre que hagas una vista previa.22 Primeros pasos Puedes introducir valores numéricos en cualquier campo. El botón para exportar la página web es el último botón en la barra de herramientas de la barra superior. Con el candado pequeño determinas si los cambios de ancho y alto se cambian a la vez. la exportación se actualizará . ej. Nota: esta vista previa interna utiliza una versión simplificada del navegador de Internet Explorer.htm en el navegador que prefieras. Para obtener una vista previa de tu página web en diferentes navegadores web. De esta forma. estas vistas previas se exportan a una carpeta temporal en tu ordenador." . Frecuentemente puedes utilizar el clic derecho sobre el archivo y seleccionar "Abrir con . simplemente. VISTA PREVIA DE PÁGINA: exporta y muestra la vista previa de la página actual únicamente. aunque una forma rápida de copiar un elemento es. o simplemente arrastrar y soltar el archivo en una ventana de navegador abierta. Así. que el sitio exportado se actualiza constantemente.

Se te preguntará si deseas que el gráfico coincida con los colores de tu página web o no. . Regresa regularmente para ver las últimas actualizaciones. banners. Si arrastras un elemento de clipart como un botón. después de preguntarte primero si quieres realizar algún cambio de color. la forma más fácil es utilizar el botón de "copiar página" en la barra superior. Simplemente arrastra el diseño adecuado desde la galería hasta tu página. Por lo tanto. Cada sección temática cuenta con una colección de diseños de página alternativos y otros elementos útiles como botones o paneles de texto expansibles. Tus gráficos importados son simplemente otro objeto en su página y puede reposicionarse. cambiarse su tamaño y girarse utilizando la herramienta de selección. lee a continuación. Cada tema generalmente contiene también una plantilla de página web completa y varios esquemas de color. título o foto. Esto replica la página actual abajo. Para agregar una nueva página con el mismo diseño. gadgets web y muchas otras características. la selección de carpetas y de artículos disponibles en las carpetas cambiará periódicamente. agregará una nueva página a tu página web. 23 Utilización de plantillas. cliparts y widgets Abre la galería de diseños haciendo clic en el botón de Galería de diseños en la barra de botones superior. Algunas de las carpetas de la galería (especialmente las carpetas con widgets) se descargan automáticamente de los servidores de Xara cuando estás online y abres la galería. Agregar nuevas páginas a tu página web Puedes arrastrar cualquier diseño de plantilla desde la GALERÍA DE DISEÑOS en tu página. Si se trata de una plantilla de página.Primeros pasos también. Además de las páginas web con temas. También hay carpetas con widgets como formas. Podrás simplemente editar o eliminar los elementos según lo desees. Si deseas que no lo hagan. se agregará a la página en el lugar que lo sueltes y se te preguntará nuevamente si quieres modificar algún cambio de color. Puedes añadir una nueva página en blanco seleccionando el menú EDITAR > PÁGINAS > NUEVA PÁGINA . Esto muestra las carpetas que contienen colecciones de diseños de páginas web y archivos gráficos asociados que siguen un tema específico. Esto tiene la ventaja de mantener la misma estructura de navegación. Puedes cambiar todo tu sitio a un esquema de color completamente distinto con solo arrastrar y soltar el esquema desde la galería hasta la página o con un doble clic. instalaciones de e-commerce. encabezados. y entonces sólo será necesario pulsar el botón de Actualizar en tu navegador (o presionar F5). la Galería de diseños también contiene carpetas con diseños de botones. Navega por las carpetas y haz doble clic para abrir un archivo como documento nuevo. aún podrás editar los colores del gráfico importado. objetos de fotos y más.

Las plantillas flash no se pueden arrastrar hacia la página directamente. una imagen estática de cómo se verá tu widget cuando esté en tu sitio web. utilizando la función marcador de posición puedes crear un gráfico de marcador de posición y asociarlo con tu archivo Flash (. . por lo que al hacer la vista previa de la página. se abrirá una ventana del explorador con el sitio web del widget que te permitirá configurarlo.swf). Una imagen de marcador de posición se generará automáticamente. consulta Widgets (en la página 268). Al arrastrar uno de estos a tu página. verás tu widget en funcionamiento. pero también incluye una variedad de plantillas de flash que puedes personalizar. deben abrirse como un documento de animación separado que puedes personalizar como quieras y luego puedes guardar el archivo Flash (.24 Primeros pasos Puedes eliminar las páginas utilizando el mismo menú de páginas. Para más información. debes estar conectado. Clipart flash MAGIX Web Designer 6 incluye la habilidad de crear animaciones flash desde cero (ver la sección Animaciones flash (en la página 283)). Por lo tanto. Una vez que hayas terminado de configurar tu widget. Colores de la página web Todas las plantillas utilizan un pequeño conjunto de colores originales y varias sombras de estos colores originales. Si encuentras otros widgets interesantes en Internet.swf) en tu disco local. El código ya estará añadido al marcador de posición. La forma más fácil de cambiar el color de tu sitio es utilizar uno de los esquemas de color alternativos que se suministran con cada tema web en la GALERÍA DE DISEÑOS . Luego. MAGIX Web Designer 6 detectará que has pegado un código HTML y renderizará una imagen de marcador de posición para ti automáticamente. Simplemente arrastra un esquema hasta la página para cambiar el color de todo el sitio o haz doble clic en él. para usar widgets. que aparecerá en tu página tras unos segundos. allí sólo verás la imagen de vista previa. O puedes editar cada uno de los colores originales individuales personalmente. esto es. El widget no funcionará en la página de MAGIX Web Designer 6. Estos se denominan "colores con nombre" y aparecen en la parte izquierda de la línea de colores a lo largo de la parte inferior de la ventana. haz clic en el botón INSERTAR en la parte inferior de la ventana del explorador. Widgets Algunos de los elementos de la GALERÍA DE DISEÑOS son widgets dinámicos que puedes añadir a tu sitio web de forma rápida y fácil. Todo lo que necesitas hacer es ir a la herramienta de selección y luego pegar el código en la página. en general. Con MAGIX Web Designer 6 esto es muy fácil. el proveedor del widget te suministrará un código HTML para que copies y pegues en tu página web. Simplemente haz una vista previa de tu página para ver tu widget en acción.

Cuando edites el color puedes arrastrar la pipeta para escoger colores de la pantalla. . incluso de otras ventanas abiertas Selecciona el color a editar: Color de relleno/color de línea del objeto seleccionado o cualquier color con nombre (original) Haz clic en la etiqueta para crear un color con nombre Haz clic para mostrar los controles de color ampliados Color anterior Color actual Arrastra hacia aquí para seleccionar cualquier tonalidad del tono seleccionado Arrastra hacia aquí para seleccionar cualquier tono El editor de color suministra una forma fácil de elegir cualquier color.Primeros pasos 25 Contorno actual y color de relleno Editor de color Pipeta para seleccionar colores Patch "Sin color". Colores "originales" con nombre y colores vinculado Paleta fija de colores estándar Barra de estado . Muestra lo que se ha seleccionado y brinda consejos Mantén el cursor sobre un color para ver su nombre Simplemente haz clic en cualquier color con nombre y selecciona la opción de edición (si mantienes el cursor del ratón sobre el color verás el nombre del consejo de herramienta). Haz clic en los controles ampliados para introducir los valores RGB.

Puedes definir que el color claro sean dos colores cualquiera. arrastra el color desde la LÍNEA DE COLOR y suéltalo en la forma o selecciona primero el objeto y luego haciendo clic en la línea de colores y escogiendo "ESTABLECER COLOR DE RELLENO ". Otra forma de seleccionar directamente la foto es hacer clic en la foto con la HERRAMIENTA DE FOTO . generalmente se te preguntará si deseas vincular los colores. Haciendo clic en cualquier color de la línea de color. se convierte en una foto de "semitonon". Encima de esto se encuentran por lo general los elementos de página web. Un fondo de página amplio que se extiende a través del fondo de la ventana completa del navegador. Color del fondo de página La mayoría de diseños de página en la galería de diseños tienen dos tipos de fondo. te dará la opción de editar el color. Si seleccionas que no. como muchos de los objetos de foto están dentro de las plantillas o de los clipart. para convertir una foto en una foto en blanco y negro. Colorear fotos Si intentas colorear una foto. otro "Color de panel" y editándolos puedes controlar los distintos colores de fondo. etc. simplemente selecciónala de la forma usual y haz clic en el rombo blanco al final de la línea de color. . Puedes asignar un relleno de color con gradación a un objeto dibujado utilizando la herramienta de relleno (en la página 176). Nota: Si la foto está dentro de un grupo. no solo blanco y negro. Importación de Clipart con color Si importas un gráfico clipart arrastrándolo desde la Galería de diseños. En la línea de colores suele haber un color denominado "Color de fondo". 2. Los demás colores utilizados son usualmente el color original 1. utilizando la opción de Importación o arrastrando un archivo . Colorear formas Puedes rellenar con un color cualquier forma dibujada. Por ejemplo. Puedes hacer esto pulsando la tecla Ctrl y haciendo clic en el objeto con la herramienta de selección.web o . entonces cualquier color con nombre utilizado en el gráfico se añadirá a la línea de colores.xar hasta la página. todas las tonalidades relacionadas utilizadas a lo largo del documento también cambiarán.26 Primeros pasos Observa que cuando cambias un color original de esta forma. De forma alternativa haz clic en el pequeño icono de editor de color (o presiona Ctrl+E) para visualizar el editor de color donde puedes ajustar cualquier color que desees. entonces tienes que seleccionar primero el interior de la foto. que suelen consistir en varios paneles de colores.

En el navegador web este color de fondo se muestra en todo el área del fondo de la ventana. el fondo de la página adoptará ese color. . la página está por defecto en blanco.Primeros pasos 27 Color de fondo Color de panel Colores originales 1 y 2 Configurar el color de fondo de página Cuando abres una nueva página (Archivo > Nuevo >). Si arrastras un color desde la línea de colores a la página y lo sueltas. Este es el fondo sobre el que dispones todos los elementos de tu página web.

tal como se describe más arriba. Ahora. tal como se describe más arriba. también puedes configurar el fondo de página en un solo color. desplaza la página hasta la foto que acabas de cargar. Se llama CAPA DE FONDO DE PÁGINA. esto en realidad añade una capa a tu documento. Sin embargo. puedes desbloquearla en la galería de Páginas y capas para realizar cierto tipo de edición limitada. por lo que no puedes seleccionarla y editar su contenido. Simplemente haz clic en el símbolo del candado junto a la capa "Fondo de página" para desbloquearla. Puedes utilizar el editor de colores para modificar los colores. Esta capa se encuentra generalmente bloqueada. al hacer la vista previa de tu página verás que el color de fondo de la ventana del navegador tiene el color del tablero de dibujo y la página cuenta con su propio color. insertarle un relleno con gradación . Ahora. haz clic derecho sobre el tablero de dibujo y escoge CAMBIAR COLOR DE FONDO . que podrás ver si abres la GALERÍA DE PÁGINAS Y CAPAS. Para fijar una textura de fondo que se repita. Esta área alrededor de la página se denomina tablero de dibujo. verás que se selecciona un rectángulo (mira la barra de estado). Puedes editar de forma limitada este rectángulo. Simplemente arrastra un color hasta el tablero de dibujo y determina el color de página. ahora podrás editar el color de la página. Capa de fondo de página Cuando configuras el color del fondo de página al soltar un color en la página tal como se describe más arriba. Haz clic derecho sobre la página y escoge CAMBIAR FONDO DE PÁGINA para abrir el editor de color.28 Primeros pasos Sin embargo. para personalizar el fondo de tu página. Este rectángulo cubre toda la página y se utiliza para configurar su color. Para editar el color del tablero de dibujo. arrastra la foto o el mapa de bits hacia tu documento. Abre la galería de mapas de bits. y luego fijar el área alrededor de la página en otro color. haz clic en la misma para seleccionarla y a continuación haz clic en el botón FONDO en la galería. si haces clic en el fondo de la página.

cambia el valor Y de la coordenada de origen de 700 a 720 para agregar un desplazamiento de 20 píxeles. si configuras la página y el tablero de dibujo con diferentes colores. Puedes cambiar el origen de dos formas. Luego haz clic y arrastra el botón de cruce. si tu página tiene 700 píxeles de alto. agregas un margen de 20 píxeles a la parte superior de tu página cuando se visualiza en un navegador web. el origen de la página está configurado en la esquina superior izquierda de tu página. Sin embargo. NOTA: debes configurar también el color del tablero de dibujo antes de poder modificar el color uniforme de tu página. Para un documento web. esto está configurado como el tamaño vertical de tu página. La forma más sencilla es abrir el diálogo HERRAMIENTAS > OPCIONES y en la pestaña CUADRÍCULA Y REGLA aumentar el valor de la coordenada Y del punto de origen. Ahora. . Entonces. al hacer la vista previa verás que la página se extiende hasta la parte superior de la ventana del explorador. la resolución de las fotos en su versión reducida es más que suficiente para ofrecer unos resultados de calidad en tu página web. Cambiar la posición horizontal del origen no tiene efecto en la posición horizontal de tu página. MAGIX Web Designer 6 te pregunta si deseas importar una versión reducida de tus fotos. editar y exportar tu página web. es importante que escojas esta opción de tamaño reducido. Como alternativa puedes configurar el punto de origen de forma interactiva.Primeros pasos con la HERRAMIENTA DE RELLENO o redondear sus esquinas con la herramienta de rectángulos. puedes añadir un desplazamiento para que haya cierto espacio entre tu página y el navegador web. En general. por ejemplo. en la parte superior izquierda de lienzo. por lo que debes aumentar el tamaño del margen de desees ver. Para agregar un desplazamiento. por lo que raramente es necesario importar imágenes de cámaras digitales con su resolución completa. Si tu documento va a incluir varias fotos. ubicado en el lugar en que la regla vertical se cruza con la horizontal. estás desplazando por la posición original. por ejemplo. 29 Desplazamiento de la parte superior de la página Generalmente. Activa las reglas con VENTANA > VER REGLAS (Ctrl+L). No puedes ver el color del tablero de dibujo encima de tu página. Al mover el origen hacer arriba 20 píxeles. Importación de fotos grandes Al importar fotos grandes. Generalmente. De lo contrario. si contiene varias fotos. por lo que no deberías modificarla. el tamaño del archivo de diseño será mucho más grande de lo que debería ser (porque contiene una copia de cada una de tus fotos) y es posible de que no dispongas de memoria suficiente en tu ordenador para cargar. por lo que coloca la distancia vertical apropiada sobre la esquina izquierda superior de tu página. particularmente un documento de página web. debes cambiar el origen de la página.

. Con la herramienta de relleno (en la página 176). para que no se repita verticalmente. Asegúrate de que la gradación se aplique de arriba a abajo ajustando la flecha de relleno si fuera necesario. 2. Asegúrate de que el rectángulo contenga algunos píxeles enteros de ancho y luego asegúrate de que esté situado exactamente sobre píxeles enteros: en la herramienta de selección selecciona el rectángulo. 4. Tiene que tener el mismo tamaño que cualquier usuario utilizaría para hacer su ventana del navegador. Debería ser muy reducida. Para crear este efecto. 1. presiona Aceptar y luego edita las posiciones X e Y para que sean números enteros. Creando una línea estrecha como en la izquierda cuando defines un fondo.30 Primeros pasos Fondos avanzados Los navegadores web no permiten un fondo de color con gradación sobre la ventana completa visible (por ejemplo como un fondo HTM real). edita el valor de ancho (W). Un valor de 1000 píxeles o más es recomendable. Haz clic en el parche "sin color" en la línea de colores (o selecciona "ninguno" en el ancho de línea del menú desplegable en la barra de botones superior). Asegúrate de que tu rectángulo no tenga contorno: haz clic en la herramienta de selección y ajusta para que no tenga contorno. Dibuja un rectángulo. ya que es mucho más grande que tu página. obtienes un fondo de color con gradación a través de toda la página. pero sí permiten fondos repetidos o fondos como mosaicos o mapas de bits. aplica el relleno de color con gradación como desees: simplemente arrastra hacia el rectángulo. Por lo tanto puedes utilizar esto para crear un fondo con gradación que llene la ventana completa creando un mapa de bits con forma de mosaico (que se repite) a través de la página. Puede que necesites alejar el zoom para dibujar una que sea lo suficientemente grande. sigue estos pasos. 3.

desplázate abajo en la página para ver el gráfico que acabas de cargar (será muy pequeño. Crear tus propios colores con nombre Si quieres utilizar un color muchas veces a lo largo de un documento. Si has dado al fondo del tablero de dibujo su propio color. Ahora puedes eliminar el rectángulo original de la página. Haz clic en el símbolo "Exportar como PNG" . y selecciónalo (haz clic en el mismo en la galería) y luego haz clic en el botón FONDO en la galería de mapas de bits. Formas vinculadas Puedes crear colores que son sombras más claras u oscuras de otro color de modo que cuando alteras el color "principal". todas las sombras más claras u oscuras cambian para . 31 6. arrástralo nuevamente hasta la página desde tu Explorador de archivos. puedes crear tu propio color con nombre haciendo clic en la etiqueta de nombre en la parte superior del editor del color. Una vez exportado. Abre la galería de mapa de bits . el relleno con gradación sólo se aplicará al fondo del área de página. Este color aparecerá a partir de ese momento en la línea de colores. NOTA: esto sólo funcionará en todo el fondo de la ventana del explorador si no has otorgado al fondo del tablero de dibujo su propio color. Haz clic en la etiqueta para crear un color con nombre Lo bueno de un color con nombre es que cuando lo editas posteriormente (haciendo clic en el color y seleccionando Editar).Primeros pasos 5. todos los objetos que utilizan ese color se cambian inmediatamente. casi una miniatura invisible en la galería). Exporta el rectángulo como imagen PNG.

Ahora puedes seleccionar cualquier sombra clara u oscura del color principal.32 Primeros pasos combinar con el nuevo tono. Si creas el color verde principal como color con nombre y luego haces una sombra más clara u oscura del color. por lo que puedes cambiar el color fácilmente de los objetos con sombras complicadas. cuando edites el color con nombre. Para crear una sombra vinculada abre las opciones avanzadas en el editor de color y selecciona el menú "COLOR NORMAL " y escoge "TONALIDAD DE OTRO COLOR ". La cruz marca el color principal. las sombras cambiarán también. como este: Este es un rectángulo redondeado simple con un relleno de color con gradación creado con la herramienta de relleno. Haz clic en este botón para mostrar las opciones avanzadas. como sombra vinculada. Por ejemplo una sombra de color con gradación en un botón. En la herramienta de relleno puedes hacer clic en el final de la flecha para ajustar el color. Selecciona la sombra de este menú desplegable y luego el color principal. .

Primeros pasos También puedes crear una sombra vinculada que aparezca en la línea de colores (así puedes aplicarla fácilmente a otros objetos). Todas las fotos importadas se muestran con 500 píxeles. Cuando sustituyes una foto existente. Al crear un nuevo color con nombre puedes escoger convertirlo en una "Sombra de otro color" vinculada. entonces se importa y se posiciona en la página donde la soltaste. para más información lee la sección resolución de fotos a continuación. . 33 Fotos Puedes sustituir cualquier foto arrastrándola desde tu explorador de Windows y soltándola sobre cualquier foto de Web Designer. Arrastra hacia el fondo para importarla como una foto nueva. Si la sueltas sobre el fondo. la herramienta de relleno se selecciona y se muestran dos flechas de rellenos en ángulo recto sobre la foto. Esto es recomendable. Arrastra y suelta tu foto sobre cualquier foto existente para sustituirla. se te preguntará si quieres importar una versión reducida. Si la foto que importas es muy grande. pero por supuesto puedes ajustar cualquier tamaño de la forma usual con la herramienta de selección.

Luego arrastra y suelta los archivos hasta la página de MAGIX Web Designer 6 para que las fotos se reemplacen una a una desde el principio de la página hacia abajo. La herramienta de fotos La herramienta de foto suministra una gran variedad de formas de optimizar y recortar cualquier foto. Puedes tirar de la imagen para cambiar su posición o estirar de las puntas de las flechas de relleno para cambiar el tamaño y girar la imagen dentro del contorno de la forma. . Este potente mecanismo significa que puedes crear una página web con un álbum de fotos de varias páginas. especialmente los estilos de los álbumes de fotos. si cargas una plantilla de la galería de diseños y luego arrastras tus fotos. Sustitución de múltiples fotos Algunas plantillas de la GALERÍA DE DISEÑOS. Arrastra sobre la foto para cambiar su posición dentro del marco. MAGIX Web Designer 6 duplicará la página actual todas las veces que sea necesario para posicionar todas las fotos.34 Primeros pasos Esto es así porque la foto en realidad es un relleno dentro de una forma. MAGIX Web Designer 6 explorará las páginas siguientes en el documento para ver si puede acomodar algunas o todas las fotos restantes. pueden tener varias fotos que desees sustituir en un solo paso. Eso facilita llenar una página de un álbum de fotos con tus propias fotos. Si arrastras más fotos de las que caben en la página actual. Estira de la punta de las flechas para cambiar el tamaño y girar. Selecciona los múltiples archivos de fotos en el explorador de archivos de Windows (Ctrl+Clic para añadir más archivos a la selección o Shift+Clic para seleccionar una serie de archivos). Si esto todavía no alcanza para colocar todas tus fotos.

tal como lo haces con la herramienta de selección. O utiliza la HERRAMIENTA DE CORTE para más control sobre los recortes. Selecciona la pequeña miniatura de foto y selecciona la opción "Foto emergente" en la pestaña ENLACE del diálogo PROPIEDADES WEB (haz clic en el BOTÓN ENLACE en la BARRA DE HERRAMIENTAS DE WEB ). Simplemente cambia el tamaño de tu foto. Puedes ajustar los bordes de corte estirando de los controles deslizantes de corte alrededor del exterior de la foto. .Primeros pasos Para cortar una foto. simplemente arrastra a lo largo de la foto mientras te encuentras en la HERRAMIENTA DE OPTIMIZACIÓN DE FOTOS . para que cuando se haga clic sobre las mismas se muestre una versión más ampliada. Fotos en miniatura con pop-up Puedes crear muy fácilmente pequeñas miniaturas de fotos (simplemente cambia el tamaño para que sean muy pequeñas). 35 Consulta el apartado Trabajar con fotos (en la página 219) para más información detallada sobre cómo MAGIX Web Designer 6 maneja fotos y el apartado en Herramienta de foto para averiguar cómo utilizar la herramienta de foto.

36 Primeros pasos Haz clic en el botón CONFIGURACIÓN junto a la opción de foto emergente para cambiar a la PESTAÑA IMAGEN del DIÁLOGO DE PROPIEDADES WEB . Para optimizar una foto.xar) sea pequeño y para reducir la cantidad de memoria utilizada al editar y exportar tu página web. generalmente algo como "Haz clic para ampliar" cuando mueves el cursor sobre la miniatura de imagen. por lo que es recomendable importar una versión reducida. configura la CAPTURA DE IMAGEN para la miniatura en el mismo diálogo. ve a la pestaña MOUSE-OVER y cambia "MOSTRAR TEXTO DE POP-UP " por "Haz clic para ampliar". la captura de imagen se mostrará en un consejo de herramienta emergente al pasar el ratón sobre la imagen. Resolución de foto . Allí podrás determinar cómo aparecerá tu popup. se te preguntará si deseas importar una versión de tamaño reducido en vez del original en tamaño completo. Simplemente. Consulta la sección foto emergente del capítulo DIÁLOGO DE PROPIEDADES WEB para detalles completos de las opciones disponibles. haz clic derecho sobre ella y escoge la . De forma opcional puede mostrarse un subtítulo debajo de cada foto emergente. Para el uso en la web es poco probable que necesites fotos que superen este tamaño. Configura el título para cada foto en el campo TÍTULO . Si no estás seguro si necesitas la foto de resolución completa. En Internet Explorer. Para mostrar otro texto.¡es todo automático! Si importas una foto con un ancho o una altura mayor que 1920 píxeles (tamaño de pantalla de alta definición). Una opción te permite colocar un título sobre cada foto emergente.web o . puedes importar la foto original y luego optimizarla. Se recomienda utilizar fotos de tamaño reducido para que el tamaño del archivo de tu diseño (.

la siguiente sección muestra las fuentes compatibles con la web y la última sección inferior muestra todas las fuentes que están instaladas en tu ordenador. Puedes introducir el valor en cualquier unidad. Lo que ves en Web Designer (zoom al 100%) es exactamente lo que se producirá en tu página web. Cuando sueltas una foto en la página (siempre que no estés sustituyendo una foto existente). . que puede ser útil si quieres seleccionar todo el texto de un botón. Esto significa que puedes cambiar el tamaño o recortar tu imagen como lo desees sin perder calidad. introduce 200pix en el campo de tamaño de ancho (W) en la herramienta de Selección. Haciendo doble clic se seleccionará una palabra. Como siempre. Pero si quieres que tenga exactamente 200 píxeles de ancho. por ejemplo. el tamaño de imagen. El menú de fuentes muestra una lista de todas las fuentes y está dividida en tres secciones. Dispones de todas las facilidades de procesamiento de texto y puedes pegar texto desde el portapapeles del sistema. los píxeles o este tipo de cosas. La sección superior muestra las fuentes ya utilizadas en el documento. O puedes optimizar todas las fotos JPEG de un documento en simultáneo. la barra de información ofrece numerosos controles para esta herramienta. puedes introducir el tamaño en los campos de altura y ancho de la barra de información de la herramienta de Selección.Primeros pasos opción de optimización en el menú contextual. mediante HERRAMIENTAS > OPTIMIZAR TODOS LOS JPEG . 2in significa 2 pulgadas de ancho. haciendo triple clic se seleccionará una línea entera. Si quieres cambiar el tamaño de una foto o de cualquier objeto a un valor específico. Web Designer automáticamente convierte todas las fotos a la resolución correcta de imagen JPEG cuando guardas tu página web. Web Designer siempre guarda la imagen de resolución completa (salvo que escojas importar las imágenes con resolución reducida cuando se te pregunta durante la importación). No tienes que preocuparte por el dpi. 37 Texto Puedes editar el texto seleccionando la herramienta de texto y haciendo clic en el texto. su tamaño se ajusta a 500 píxeles de ancho.

Estas fuentes se denominan "Fuentes compatibles con la web" y están alistadas en una sección separada . Al pasar el ratón por las distintas fuentes del menú. Aunque no existen garantías. Tamaño de fuente El campo de tamaño de fuente muestra el tamaño de fuente en píxeles. Pero puedes introducir cualquier texto en puntos (o cualquier otra unidad para el caso) introduciendo un valor con pt detrás del mismo (significa "punto"). hay un subgrupo común de fuentes que se utilizan de forma extendida en alrededor del 98% de todos los ordenadores. incluyendo los Apple Mac y algunos ordenadores Linux. por ejemplo 72pt ó 1 y esto se convertirá al tamaño de píxeles correcto.38 Primeros pasos Las tres secciones del menú de fuentes En el menú de fuentes se seleccionan las fuentes en tiempo real. Fuentes compatibles con la web Sólo un pequeño conjunto de fuentes puede utilizarse de forma segura para el texto principal de una página web . dado que éste es el método más confiable para ajustar el tamaño del texto para utilizarlo en el navegador. el texto seleccionado cambia la fuente permitiéndote ver inmediatamente la vista previa y saber cómo quedará en el documento.sólo estas fuentes que conoces existirán en el ordenador del usuario que visite tu página web.

Pero debido a que los navegadores web no son compatibles con texto girado nativo. se te mostrará una advertencia. obtendrás un color con gradación. texto relleno de color. Consulta el capítulo Herramienta de texto (en la página 147) para más información. Web Designer convertirá el texto automáticamente en un gráfico en tu página web exportada. Puedes hacer clic derecho sobre una lista numerada y escoger las propiedades de la lista en el menú contextual para cambiar el orden del esquema de números en tu lista. . Si intentas guardar una página web utilizando fuentes compatibles con la web. utilizando la función de giro usual de la herramienta de selección. selecciona la herramienta de texto y luego puedes hacer clic en cualquier parte del fondo para comenzar a teclear. En todos estos casos. obtendrás una sombra ligera. puedes hacer que el texto "fluya" alrededor del objeto que está encima del texto. Texto girado De forma usual (únicamente para una herramienta de autoría web). Puedes ajustar el tamaño de la columna en cualquier momento. Para crear una simple línea de texto. es decir. eres libre de utilizar cualquier fuente. Muchos de los objetos. Por ejemplo. Contornear texto alrededor de objetos Si haces clic con el botón derecho del ratón en un objeto como una foto y seleccionas la opción de menú "CONTORNEAR TEXTO (en la página 165)". Lista con viñetas y numeradas Utiliza los botones de las listas con viñetas y numeradas de la barra de información de la HERRAMIENTA DE TEXTO para insertar rápidamente listas con viñetas o numeradas. o si arrastras con la herramienta de sombra. texto transparente Puedes aplicar cualquiera de estos efectos utilizando las herramientas apropiadas. si arrastras sobre algún texto en la herramienta de relleno. Web Designer convierte cualquier texto girado en un gráfico cuando la página es exportada como página web. como fotos. 39 Crear nuevos objetos de texto nuevos Existen tres objetos de texto: una única línea de texto. botones y encabezados utilizados en plantillas desde la galería de diseños son contorneados automáticamente.Primeros pasos del menú de fuentes. Si conviertes cualquier objeto de texto en un gráfico. así que tendrás que "llevar hacia adelante" el objeto para que funcione el contorneo (Ctrl +F). Consulta la sección Grupos (en la página 44) abajo para más detalles. haz clic y arrastra diagonalmente. el texto siempre fluye alrededor de estos objetos cuando los mueves por el documento. Para crear una columna. una columna de texto o un área de texto rectangular. Sombras suaves. El contorneo de objetos solo se aplica al texto que está detrás del objeto. paneles laterales. incluso columnas de texto. Para crear un área de texto. haz clic y arrastra horizontalmente en el fondo y luego comienza a teclear. puedes girar cualquier objeto de texto. Puedes ajustar el ancho y la altura de un área de texto.

Nota: Puedes crear nuevos componentes de extensión utilizando Xara Xtreme Pro. también marcará todas las palabras que no reconoce subrayándolas en rojo intermitente. Fuentes incrustadas Web Designer guarda las formas de caracteres de todas las fuentes usadas en tu documento. utiliza uno de los botones existentes en la galería de diseño y adáptalo recoloreando el fondo o reajustando el color. los usuarios verán exactamente lo mismo que tú. Pero esto únicamente incrusta . Esto significa que si pasas tu archivo web a otra persona o transfieres el archivo a otro ordenador. algunos paneles de texto adaptan el ancho o la longitud del texto que se les introduce. El fondo del panel cambia para que quepan bloques de texto más largos o amplios. otros se amplían vertical y horizontalmente.40 Primeros pasos Todas la operaciones de la herramienta de texto son en vivo: el texto se reformatea y refluye según vas ajustando el ancho de la columna o vas moviendo los objetos contorneados. incluso si las fuentes correctas no están instaladas en dicho ordenador. Para crear tu propio botón o panel de extensión. Haz clic con el botón derecho en cualquier palabra marcada para obtener sugerencias. Paneles de texto Del mismo modo que algunos botones de la galería de diseños se amplían para que quepa el texto. Corrector de ortografía En la barra de información de la herramienta de texto hay un botón que selecciona las opciones del corrector ortográfico y el idioma. Algunos paneles de texto simplemente se amplían verticalmente. el tamaño y/o el ancho del texto. Si seleccionas "Revisar ortografía mientras se escribe". La mayoría de las plantillas de la galería de diseño suministran algunos paneles de texto para que queden bien con el tema. Puedes ajustar el ancho de una columna de texto si vas a la herramienta de texto y arrastras los controladores deslizantes de ancho de columna (debajo de la primera línea de texto).

Un ancho de página más común tiene por lo general unos 800 píxeles. ya que inserta un bloque de pseudo-latín aleatorio. No se recomienda que crear un ancho de página que supere los 990 píxeles. incluso si tú tienes una pantalla de ordenador más amplia. Selecciona la opción Personalizar tamaño de página para introducir cualquier tamaño que desees. Consulta la sección de referencia de shortcuts de teclado para verlas todas. No se recomienda crear páginas más anchas. Puedes definir cualquier tamaño de página que quieras seleccionando la pestaña del PÁGINA del DIÁLOGO DE OPCIONES (Archivo·>opciones de página). Consejo de texto: Existen numerosas combinaciones de teclas disponibles en la herramienta de texto. Una útil para experimentar con diseños de página es Ctrl+Shift+L. ya que éste es el ancho máximo para gran parte de las pantallas de ordenador (1024 menos una pequeña cantidad por la barra desplazable). puedes ajustar el tamaño de página que quieras. en los ordenadores que no disponen de las fuentes. Sin embargo. La experiencia demuestra que la mayoría de usuarios prefieren tener un ancho de página fijo.Primeros pasos los caracteres usados en el documento (no se incluye la fuente completa). Por lo tanto. el texto que se añada en las fuentes no disponibles puede que no aparezca con las formas de caracteres correctas. Puedes ajustar directamente la altura de tu página arrastrando el margen inferior de la página. 41 Tamaño de página Las páginas de la galería de diseños están diseñadas para tener el ancho que es conocido es compatible para la mayoría de las pantallas de ordenador. Ve a la HERRAMIENTA DE SELECCIÓN y mueve el cursor sobre el borde inferior de la página y éste cambiará para indicarte que ahora puedes arrastrar para reducir o ampliar el tamaño de la página según se requiera. .

hacia la nueva posición. muchas plantillas tienen un grupo de pie de página. Para guardar tu sitio web.htm porque éste es el nombre usual de la primera página de un sitio web. se realiza una copia de seguridad de tu documento abierto de forma regular. Algunas veces el texto principal está en un rectángulo de fondo de color. Al exportar un sitio web. con la pestaña PÁGINA del diálogo PROPIEDADES WEB o con la Galería de páginas y capas (en la página 275).htm por cada página y una carpeta que contiene todos los archivos que componen la página web. La carpeta _FILES contiene todos los gráficos y otros archivos que van a formar tu sitio web. Si quieres editar o actualizar tu página en el futuro. puedes estar seguro de que el arrastrar será exactamente vertical u horizontal. . Consejo: Si mantienes presionada la tecla Ctrl mientras arrastras. todas las páginas se exportan juntas y cada página sin nombre recibe la finalización _1.42 Primeros pasos Cambiar el tamaño de página de plantillas Puedes cambiar el tamaño vertical de las plantillas prediseñadas de la misma forma. Esto guarda un archivo . La mayoría de plantillas utilizan columnas de texto que crecen verticalmente según vas agregando más texto. utiliza la opción Exportar página web o haz clic en este botón en la barra superior. Creación de una página Web Utiliza las opciones de menú GUARDAR o GUARDAR COMO para guardar tu trabajo en progreso. debes guardar un archivo . Puedes hacer que te pregunte si quieres guardar o eliminar un documento modificado o hacer que todos los documentos se guarden automáticamente en la ubicación de copias de seguridad y se restauren la próxima vez que inicies. Por ejemplo. El nombre por defecto que se le dará a tu sitio web es index. utilizando la herramienta de selección. También te recomendamos trabajar con la función de copias de seguridad automáticas activada. Se recomienda que guardes tu trabajo regularmente según avances. Cuando está activada esta opción. _2 tras el nombre que ingresas durante la exportación. Utilizando de nuevo le herramienta de selección puedes arrastrar el control deslizante modificador de tamaño inferior para extenderlo hasta la parte inferior de la página como lo desees. Puedes nombrar cada página de forma individual si lo deseas. Guardar tu trabajo. simplemente arrastrando el borde inferior de la página. Esta opción se controla desde la pestaña Copias de seguridad del diálogo HERRAMIENTAS > OPCIONES .web que es el formato de archivo nativo para Web Designer (esto no es una página web). tendrás que mover y cambiar el tamaño de varios objetos de la página. Esto guarda un archivo con la extensión . Puedes arrastrarlo. Aquí puedes escoger la forma en que debe comportarse el programa al cerrarlo.web de esta forma y hacerlo en actualizaciones futuras. Sin embargo. que son las páginas HTML y archivos asociados para publicar en la Web.

También puedes escoger si se te debe advertir que no has guardado documentos al cerrar el programa o si debe guardarse una copia de seguridad de todos estos documentos y restaurarse la próxima vez que inicies el programa. si arrastras el archivo index. En el caso de los paneles de texto.htm) desde el Explorador de Windows hasta una ventana del navegador. Consulta el capítulo Manejo de documentos (en la página 78) para más detalles acerca de estas funciones. Esta función guarda una copia de todos los documentos abiertos modificados en intervalos regulares. Por ejemplo.htm (o cualquier . utilices un ancho fijo de modo que todos tengan el mismo tamaño. 43 Copias de seguridad automáticas La pestaña Copias de seguridad del diálogo HERRAMIENTAS > OPCIONES te permite activar y desactivar la función de copias de seguridad automáticas. Objetos elásticos Muchos de los objetos gráficos. algunos de los botones denominados "botones extensibles". Se recomienda que si creas un grupo de botones de navegación (típicamente una colección de enlaces o botones horizontales o verticales). y algunas veces en el área de texto principal. que significa que la longitud del botón se ajusta para que el texto de la etiqueta quepa en el botón. De forma similar. muchos de los paneles laterales o de texto en las plantillas. La mayoría de grupos de plantillas y todos los botones en el archivo de botones de la galería de diseños tienen versiones de ancho fijo y extensible. también pueden ajustar su tamaño vertical y a veces su tamaño horizontal. .Primeros pasos Puedes ver previamente el sitio web en cualquier navegador web. como los botones y los paneles de texto pueden ajustar automáticamente su tamaño dependiendo del tamaño o la longitud de texto. puedes ajustar el ancho de la columna en la herramienta de texto arrastrando el borde izquierdo o derecho del indicador de columna.

Por ejemplo. todas las partes de este grupo se mueven y transforman como si fueran un único objeto. La diferencia entre los grupos y los grupos suaves reside en que: . todo lo que tienes que hacer para incluir una fuente como ésta es agrupar. Grupos suaves (soft groups. Como alternativa puedes editar elementos directamente dentro de un grupo. digamos. cambiarle el tamaño o girar este objeto. ya que puedes arrastrarlos por la página. por ejemplo. paneles de texto y objetos de fotos son elementos agrupados. y todo lo que necesitas es agrupar el objeto para que esto ocurra automáticamente. Importante: los objetos agrupados están generalmente convertidos en un único gráfico cuando exportas tu página web. como un encabezado. Muchos de estos elementos de los diseños como los botones. pero los grupos se convierten automáticamente en gráficos cuando se exporta la página web. Los grupos actúan casi como un objeto individual. o presionar Shift y clic sobre objetos adicionales) y luego presionas Ctrl+G (o el menú Arreglo > Grupo) se convertirán en un objeto agrupado (pista: la línea de estado que se encuentra debajo siempre te informa lo que está seleccionado). No tiene por qué estar agruparse con nada. puedes hacerlo asegurándote de que se ha convertido a un gráfico. puede agruparse en sí mismo presionando Ctrl+G. Ahora puedes arrastrar.44 Primeros pasos Grupos Puedes agrupar cualquier selección de objetos en la página. sólo un número limitado de fuentes están disponibles en navegadores web. puedes dibujar un botón simple desde el comienzo arrastrando un triángulo con la herramienta de triángulo y colocando una etiqueta de texto encima de la etiqueta con esta herramienta de texto. en inglés) Hay otro tipo de grupo denominado "Grupo suave" que es un conjunto de objetos conectados de una forma más suelta . Estos son objetos separados que puedes mover de forma independiente en la herramienta de selección. Al desagrupar (Ctrl+U) puedes acceder a todas las partes del grupo de forma individual. Si quieres utilizar una fuente diferente en un botón o. Pero si seleccionas ambos en la herramienta de selección (también puedes arrastrar un laso para encerrarlos a ambos. cambiar su tamaño y rotarlos como si fueran un solo objeto. Todavía puedes editar el texto dentro del grupo. si utilizas la herramienta de texto para editar el texto o la herramienta de foto para editar una foto. Convertir texto en un gráfico Como se mencionaba arriba. Por lo tanto. un clic seleccionará automáticamente el elemento dentro del grupo.

cuando seleccionas un elemento de grupo suave en una capa. mientras que el texto en los grupos se convierte en un gráficos (con algunas excepciones). las formas de fondo. una llamada la versión "MouseOff" y la otra llamada versión "MouseOver". gráfico o a un texto. de modo que puedes ligar elementos a través de múltiples capas. es decir. mueves o cambias el tamaño de un botón. muchas veces se trata de una capa que ni siquiera es visible. Sin embargo. los grupos suaves no se pueden depositar dentro y en primer lugar están diseñados para ligar múltiples objetos en diferentes capas. un botón. Algunos de los objetos de panel más complejos en la galería de diseño son grupos suaves. En los grupos suaves. cada uno de los objetos se exporta como un elemento separado. Selecciona el objeto y simplemente haz clic en el icono en la parte superior para introducir la dirección web que quieres vincular. . Los grupos suaves conservan sus capas. el texto se sincronizará cuando lo edites. se seleccionará/n automáticamente el/los elemento/s "agrupado/s suavemente" de las otras capas. • Puedes colocar grupos dentro de otros grupos. Consulta la sección de capas más abajo para comprenderlo mejor.Primeros pasos • Cuando agrupas elementos. las fotos. pero las partes del grupo. botones y barras de botones Puedes añadir un enlace de web a cualquier objeto. todos tienen que estar en una única capa (si no lo están se moverán a una única capa cuando agrupes los elementos). Para dibujos complejos que consisten en numerosas y algunas veces en miles de formas. Si tienes el mismo texto en dos o más objetos dentro de un grupo suave. puedes mantener igual el texto del botón normal y el del MouseOver (ver abajo). 45 Texto sincronizado Hay otra característica muy útil que ofrecen los grupos suaves. es como tener un archivo dentro de otros archivos. es una buena técnica organizativa. en realidad estás efectuando estas operaciones en dos copias del botón. Enlaces. todos se exportan a HTML como elementos separados para obtener una eficiencia máxima. cuando seleccionas. Debido a que los grupos suaves pueden contener elementos en diferentes capas. El texto dentro de un grupo suave se conserva como texto en el HTML. • Los grupos por lo general se convierten en un único gráfico en la página web exportada. De esta forma. Puedes moverlos como un objeto único. La mayoría de botones son grupos suaves.

Enlazar a una referencia (anchor) Puedes vincular cualquier texto u objeto en cualquier lugar en tu página web utilizando "referencias". . Primero tienes que asignar un nombre al objeto que quieres vincular.. para visualizar el diálogo de nombre. Por lo tanto. e introduce la dirección web o selecciona una de las páginas de la lista desplegable y haz clic en Aplicar. Esto recibe el nombre de referencia. Introduce cualquier nombre único que desees y haz clic en AGREGAR . para definir uno de tus botones como enlace..46 Primeros pasos Introduce la dirección web que quieras para vincular en el campo El diálogo de enlace te permite controlar lo que ocurre si haces clic en el objeto vinculado en la página. Eso es todo. simplemente selecciónalo (haz clic en el mismo en la herramienta de selección). Selecciona el elemento (que puede ser un gráfico o algo de texto) y luego selecciona el menú HERRAMIENTAS ->> NOMBRES. abre el diálogo de enlace (que se muestra arriba) y elige "ENLAZAR A UNA REFERENCIA (ANCHOR) " de la lista desplegable de nombres. haz clic en el icono. Puedes saltar a cualquier otra página web (puedes seleccionar rápidamente un enlace a cualquier otra página dentro de tu página web utilizando el enlace a la página desplegable) y puedes controlar si esto abre la página en una ventana separada. Para vincular esta referencia desde otro lugar en tu página web (un botón o sólo un enlace en algo de texto).

película u otro tipo de archivo. haz clic en el texto del botón y edítalo. los botones son grupos suaves que consisten en dos estilos. Luego escoge la opción Enlace al archivo y busca tu archivo. como cambiar. Los que se denominan botones extensibles se adaptarán al texto de la etiqueta del botón. utiliza la opción ENLACE AL ARCHIVO . esta sea probablemente la mejor forma de añadir más botones a una barra de navegación. Puedes copiar/pegar. Para ello. Para el usuario avanzado: este efecto mouseover se crea utilizando las capas nombradas. Además hay una categoría de botones que tiene un conjunto de diseños de botones generales que se pueden agregar a tu página de la misma forma. El grupo suave significa que ambas capas cambian al mismo tiempo cuando le haces algo al botón. o cambiar el tamaño del texto. La carpeta se nombra con la denominación de tu archivo de diseño y la terminación "_files". Ver la sección Capas (en la página 54) abajo para más detalles. Esto copia el archivo en una carpeta de soporte junto con el archivo de diseño. Cuando quieras modificar el archivo. Consejo: si haces triple clic en el texto del botón. De hecho. Consulta el capítulo del diálogo PROPIEDADES WEB (en la página 195) para más información acerca de esta función y el capítulo Trabajar con documentos para información acerca de las carpetas de soporte (en la página 76). 47 Cambiar texto de botón Es muy simple en la HERRAMIENTA DE TEXTO . Selecciona en tu página el objeto que quieres enlazar con el archivo. (Esto es un . para que el archivo se publique junto con el resto de tu sitio. mover. Botones mouseover (rollover) Te habrás dado cuenta de que la mayoría de botones se resaltan cuando mueves el cursor del ratón por encima de los mismos en tu navegador. obtén una vista previa de tu página y comprueba el enlace. pero es un shortcut mucho más rápido arrastrar presionando el botón derecho del ratón. Es completamente automático para la mayoría de botones utilizados en las plantillas o para la sección de botones de la galería de diseños. repite el proceso: busca tu archivo nuevo o actualizado. seleccionas toda la línea de texto para un reemplazo más sencillo al tipear. Agregar nuevos botones En la galería de diseños cada tema tiene una colección de gráficos de botones que puedes arrastrar hacia la página. Haz clic en ACEPTAR . Por lo general hay dos tipos de botones. algunas veces. el estilo mouse-off y mouse-over en capas separadas. efecto rollover.Primeros pasos Enlace al archivo Muchas veces quieres insertar en tu sitio un documento. También puedes copiar cualquier botón existente. Esto se llama un mouseover o. si la barra está fijada como barra de navegación del sitio. NOTA: no puedes editar el texto de las barras de navegación de esta forma. Debes editar las etiquetas en el diálogo de Barras de navegación.

Sin embargo. sólo puedes hacerlo mediante este diálogo. Ahora puedes editar el texto y enlazarlo como lo desees. cambiar el orden y hasta agregar menús y submenús. Consejo: si mantienes presionada la tecla Ctrl mientras lo arrastras. no puedes editar tu barra en el lienzo si esta opción está activada. . se abrirá el diálogo Enlace que es el mismo diálogo que se utiliza para fijar enlaces en objetos normales. Botón de barras (barras de navegación) La mayoría de páginas web. si quieres copiar una barra de botones completa en otra página que todavía no tiene una barra de botones de botones. Esto copiará la barra de botones (y todos los demás objetos repetidos) de la página actual a todas las otras páginas que contengan la misma barra de botones. Se abrirá el diálogo de barra de navegación. Para actualizar una barra de navegación en todas las páginas. Esto se llama BARRA DE NAVEGACIÓN y MAGIX Web Designer 6 incluye una compatibilidad especial para estas barras. haz doble clic para seleccionar la barra entera y luego puedes copiarla/pegarla en otra página. enlaces y consejos de herramientas. y la mayoría de los diseños de plantillas que suministramos. tienen una fila o una columna de botones para navegar en la página web o en otros lugares. haz doble clic sobre ella o clic derecho y escoge EDITAR BARRA DE NAVEGACIÓN del menú contextual. Para editar una barra de navegación. si no es una barra de navegación de sitio automática. Lee el capítulo Barras de navegación (en la página 254) para toda la información detallada sobre barras de navegación. Esto hace que la barra aparezca automáticamente en las nuevas páginas que agregas a tu sitio y los botones/enlaces agregados a la barra también se añaden a cada página nueva. agregar y eliminar botones. facilitando en gran medida la creación de una línea o una columna de botones. la operación de arrastre será perfectamente horizontal o vertical. tal como se ha descrito anteriormente en este capítulo y en detalle en el capítulo del diálogo de propiedades web. Allí podrás cambiar los nombres de los botones.48 Primeros pasos shortcut general para copiar cualquier objeto). Al hacer doble clic sobre el campo de URL. En este diálogo también puedes activar la opción BARRA DE NAVEGACIÓN DEL SITIO . Por lo tanto. selecciona el menú ARREGLO > ACTUALIZAR OBJETOS REPETIDOS .

Lee Herramienta de selección (en la página 20). así como una gama de elementos prediseñados en la galería de diseño. si pulsas Ctrl+B para "Poner detrás". o arrastra el control deslizante de la esquina curva para ajustar el redondeo. elipses o cualquier forma que desees. deberás convertir el objeto en una forma editable . Lee Coloreado de formas (en la página 26). editar la forma y cambiar el color sin perder calidad. Puedes colocar este rectángulo detrás de otros objetos como un fondo de imagen. Para las formas de preset como rectángulo o elipses. Haz clic sobre "esquinas curvas" en la barra de información para crear un rectángulo redondeado. podrás hacer un clic derecho sobre él y seleccionar ALINEAR TEXTO BAJO para hacer que el texto de la página se acomode fuera de la forma (otra herramienta de Web Designer antes de cualquier otra de autoría web). selecciona la herramienta RECTÁNGULO y arrástrala por la página. Existen tres herramientas de dibujo básicas que te permiten crear rectángulos. Esto creará un rectángulo negro. Puedes ampliar para ver el más mínimo detalles y todas las ediciones pueden deshacerse. si deseas ponerlo delante de todos los otros objetos (Ctrl+F).Primeros pasos Herramientas de dibujo Web Designer pone a disposición todas las herramientas de gráficos que necesitas para crear casi cualquier objeto gráfico para tu página. si deseas editar el contorno de las formas de los caracteres de texto. El EDITOR DE FORMAS siempre le permite crear imágenes detalladas basadas en vectores y editar también el contorno de cualquier forma. 49 Web Designer suministra herramientas de dibujo vectoriales lo que significa que puedes cambiar el tamaño. Para dibujar un rectángulo. Arrastra desde cualquier esquina de los controles deslizante para redimensionar un objeto. cambiarle el tamaño y girarla como lo desees. Como alternativa. Con la HERRAMIENTA DE SELECCIÓN puedes arrastrarla. Arrastra y suelta un color desde la LÍNEA DE COLOR hasta la forma para cambiarle el color.

Un solo clic con la herramienta de relleno seleccionará unicamente ese objeto. debes seleccionar solo el objeto que desees rellenar. Podrás utilizar el Editor de formas para realizar varias ediciones avanzadas de vectores. Cuando lo arrastres rellenará solo el objeto seleccionado. Para editar el principio o el color del relleno. Rectángulo redondeado con relleno con gradación Nota: si arrastras la herramienta de relleno sobre un objeto agrupado como un panel de texto. Para evitarlo. o puedes seleccionar el final de la flecha de relleno en la herramienta de relleno y utilizar el Editor de color (Ctrl + E). el relleno afecta a todo el grupo. Ahora puedes arrastrar este punto de relleno seleccionar Ctrl+E para ajustar el color utilizando el Editor de color. Selecciona la herramienta y simplemente arrastra al objeto. el ángulo o la extensión de la graduación. así como un clic en la herramienta de selección con la tecla Ctrl presionada (esto es conocido como "selección interna". Herramienta de relleno Puedes agregar fácilmente un relleno de color con gradación a una forma usando esta herramienta. por ejemplo. este es un círculo con un relleno circular. donde quieras agregar el nuevo color. . Puedes hacerlo si seleccionas el shortcut Ctrl+1. luego arrastra un color de la línea de colores y suéltalo cuidadosamente en la línea de flecha. La flecha de relleno puede ser ajustada arrastrando las puntas para cambiar la dirección. Consulta la sección de referencia (en la página 117) para más información acerca del uso de esta poderosa herramienta. Puedes crear un relleno de gradación de varios niveles haciendo que se vea la flecha de relleno (selecciónala con la herramienta de relleno). Puedes hacerlo de distintas maneras. arrastra y suelta un color desde la línea de colores a la forma.50 Primeros pasos primero. ya que selecciona un objeto dentro del grupo). Existen distintos estilos de relleno.

Difuminación Es una herramienta gráfica para armonizar las esquinas de los objetos. Puedes ajustar la transparencia de cualquier gráfico o foto para hacerlo transparente. Más que eso. Selecciona la forma y haz clic en el control de difuminación de la barra superior. Web Designer proporciona un control de difuminación que permite difuminar cualquier objeto.Primeros pasos 51 La sombra es otra elipse con un relleno de color de gradación y difuminado (ver abajo) Herramienta de transparencia Los navegadores más modernos con compatibles con efectos de transparencias avanzados. proporcionándole un borde borroso que se mezcla con el fondo. Web Designer es compatible con la transparencia con gradación. texto o foto. Inténtalo en la forma del rectángulo. Simplemente selecciona la herramienta de transparencia y ajusta la barra deslizante larga en la barra de información. La combinación de todos estos controles te permite producir rápidamente gráficos de capas asombrosos para tu página web. El control de difuminación no es una de las herramienta de la izquierda. La sombra debajo del dibujo de la pelota tiene un borde difuminado. Puedes ajustar el grado de transparencia de cada terminación de la flecha de relleno haciendo clic en la terminación de la flecha o ajustando la barra deslizante de transparencia. . como lo hace Web Designer. todo directamente en Web Designer sin necesidad de utilizar ninguna otra herramienta gráfica. simplemente arrastra a través de tu forma y puedes ver que la transparencia desaparece. Haz un vista previa y verás que también funciona en tu navegador. Pruébalo en tu ejemplo rectángulo. sino uno de los controles que se ubican en la barra superior. gráfico. En la herramienta de transparencia. Funciona de forma similar al relleno de color con gradación.

gráfico o foto. Nota para usuarios avanzados: Ten en cuenta que como la sombra misma es semitransparente (parte de los objetos se ven a través de la sombra). Selecciona la herramienta de sombra y simplemente arrastra el objeto. gradación de transparencia y bordes difuminados con un poco de texto arriba. hasta Photoshop PSD. RAW y muchos más. También tiene una transparencia graduada desde la parte superior hasta abajo. El difuminado otorga un borde suave. texto con transparencia y simplemente. Tiene un relleno de gradación de color desde verde oscuro hasta verde claro de izquierda a derecha. los objetos con sombras son convertidos a imágenes PNG cuando se guardan en la página web (es el . desde Adobe EPS. un PNG de canal alfa. si se ha utilizado transparencia. Esto sirve para elevar el objeto del fondo. La HERRAMIENTA DE SOMBRA te permite añadir una sombra suave a cualquier objeto. En Web Designer puedes crear cualquier tipo de gráfico. Para ajustar la posición de una sombra existente. Puedes ajustar el desenfoque de sombra y la transparencia utilizando los controles de la barra de información. foto. ¡funciona!. Utiliza capas CSS para repetir el orden de aparición de las capas en Web Designer. Nota técnica: Web Designer convierte automáticamente todo tipo de vector gráfico en imágenes PNG. Herramienta de sombra Un efecto gráfico muy popular es crear una sombra suave debajo de un gráfico o un texto. También puede importar casi todos los tipos de archivos gráficos. Texto con una sombra suave. Es compatible con todos los navegadores web más modernos. texto. en la herramienta de sombra arrastra a la sombra.52 Primeros pasos Este es un ejemplo de un rectángulo redondeado con una gradación de color. Crear este tipo de imagen lleva solo unos pocos segundos y se convertirá automáticamente al gráfico indicado cuando guardes tu página web.

El texto tiene una sombra suave y el botón tiene una sombra de resplandor. es posible que puedas utilizar JPEG. La gran ventaja de los gráficos vectoriales. Para forzar que un objeto sea un JPEG. Las imágenes JPEG no pueden tener partes semitransparentes. por lo tanto. editar. Si es un fondo plano o estático y no tiene texto. Si esto funciona o no depende de qué hay detrás de la sombra. y cambiar el tamaño del botón.Primeros pasos único formato de imagen que es compatible con la transparencia). (No necesitas crear el botón. puedes cambiar el color utilizando el sistema de color con nombre. es que puedes cambiar el color. ya que aparece en la categoría "Botones" de la galería de diseños). Las imágenes pueden ser bastante grandes. Puede que pienses en convertir el gráfico completo a JPEG para ahorrar espacio. pero debido al posicionamiento de píxeles perfecto de la página no lo puedes saber. en especial las fotos. cuando creas un JPEG de un objeto semitransparente. . 53 Gráficos de ejemplo Este es un ejemplo perfecto de las posibilidades de creación de Web Designer. ya que tiene un tamaño de archivo mucho más pequeño (la página web se descarga más rápidamente). dado que el texto se incluirá como parte del gráfico. Web Designer incluye el fondo (lo que hay detrás de la parte semitransparente) como parte de la imagen JPEG. Todo está agrupado. Es perfecto para imágenes como el gráfico de sombra superior. Esto no funciona si la sombra o el objeto semitransparente es posicionado sobre texto. Los procedimientos que normalmente llevan mucho tiempo en otros softwares para gráficos. Este botón combina muchas de las funciones descritas más abajo: ha sido creado a partir de la combinación de formas difuminadas y utilizando transparencia con gradación (el efecto de reflexión blanco). rotar. utiliza la pestaña de imagen del diálogo de propiedades web. y estirarlo como desees: todo lo que hagas en Web Designer no es destructivo (lo que significa que puedes editar siempre sin pérdida de calidad). son un juego de niños en Web Designer. en comparación con los gráficos de "mapa de bits" creados en softwares de edición como Photoshop. Agrándalo y verás que mantiene la nitidez: Además de esto. sin pérdida de calidad.

en los que cualquier objeto con dirección web puedes mostrar un objeto gráfico superpuesto que aparece en una capa llamada MOUSEOVER. Esta capa popup puede contener texto. el que se utiliza en botones mouseover. Más información. gráficos. . Hay otra posibilidad aún mejor de mouseover.54 Primeros pasos Capas. todos los objetos pueden posicionarse en capas nombradas. las capas son usadas para suministrar funciones MouseOver (algunas veces llamadas "rollover") en tu página web. Cada capa puede tener cualquier número de objetos y tiene la habilidad de poder activarse o desactivarse. En Web Designer. abajo. Primero. fotos o cualquier combinación de estos elementos. con la que puedes hacer que aparezcan los contenidos de cualquier capa como mouseover o con un clic en un objeto en tu página. mouseover (rollover) y pop·ups Como ya se mencionó anteriormente. Las capas son controladas con el icono de la GALERÍA DE CAPAS en la barra superior. Adicionalmente. Cuando la capa se desconecta. todos los objetos en esa capa se vuelven invisibles. Efectos MouseOver Hay dos tipos de efectos mouseover. todos los objetos tienen un orden de apilamiento en la página · desde el objeto más al fondo hasta el objeto en primer plano. Estos objetos están apilados unos encima de otros. Éstas incluyen botones resaltantes (se resaltan cuando pasas el cursor sobre los mismos) y otros efectos pop·up como un panel de texto que contiene una descripción detallada de producto. Ve más abajo para más detalles.

Nota: la capa MouseOver debe estar siempre por encima de la capa MouseOff. . y asegúrate de que los símbolos del ojo y del candado estén abiertos. conocido como MOUSEOVER . Mover objetos de una capa a otra Puedes cortar un objeto (Ctrl+X). arrastras o cambias un botón en la capa MouseOff.Primeros pasos Las capas MouseOff y MouseOver Todos los objetos principales en tu página web han sido colocados en la capa inferior. Botones mouseover (rollover) Casi todos los botones de diseño acabado en la GALERÍA DE DISEÑOS tienen un efecto mouseover en Web Designer. seleccionar una capa nueva (hacer clic en su nombre en la galería de capas) y pegar (Ctrl+V). Si mueves. Para editar los objetos en una capa. La capa actual siempre está destacada en la Galería de capas (la capa de MouseOff en el diagrama de arriba) y esta es la capa en la que todos los objetos nuevos se dibujarán. tienen un gráfico adicional en la capa. esto significa que puedes ver y editar la página (tal como se ilustra arriba en la capa MouseOff). 55 Si abres la Galería de capas puedes mostrar u ocultar cualquier capa si colocas o quitas la selección en la casilla de visibilidad (columna izquierda bajo el símbolo de ojo). Los botones que se destacan cuando mueves el cursor del ratón sobre ellos en tu página web. Para colocar objetos en cualquier otra capa. como editar el texto de etiqueta. el botón principal en la capa MouseOff y el botón "resaltado" en la capa MouseOver. simplemente haz clic en la capa requerida en la Galería de capas. Tienes que asegurarte de que las dos casillas de visibilidad y de verificación de edición están activadas para ver y editar el objeto en una nueva capa. Una alternativa útil se llama Pegar en lugar (Ctrl+Shift+V) que lo pegará exactamente en la misma posición donde lo copiaste. los símbolos tanto de "ojo" como de "candado" deben estar abiertos. Esta es una forma de mostrarte cómo pueden verse los elementos de MouseOver en tu página web. conocida normalmente como MOUSEOFF . Están creados con dos versiones de cada botón. se reflejan en la otra versión. Normalmente no tienes que saber o tener en cuenta esto porque ambos botones se comportan como uno: los cambios que haces en uno.

menús. (La capa MouseOver tiene que estar encima de la capa MouseOff). Para hacer esto. Selecciona el botón (junto con el estado MouseOver. cuando edites el texto en la capa Off. Una vez que el botón funcione. Nota técnica: Cualquier objeto gráfico en la capa MouseOver se visualizará si se superpone como mínimo el 50% con el objeto de la capa MouseOff. textos. aún cuando la capa esté desactivada. otorgas al objeto principal una dirección web utilizando la opción de enlace. puedes convertirlo rápidamente en una barra de navegación. Para asegurarte de que el texto cambie en los dos estados cuando editas uno de ellos. En otras palabras. necesitarás permitir ambas capas en la GALERÍA DE CAPAS y realizar una selección laso alrededor de ambos botones. Para esto. luego define la . Consulta el capítulo Barra de navegación (en la página 254) para más información sobre este tema.56 Primeros pasos la otra versión en la capa MouseOver cambiará asimismo aunque no puedas verlo. aun cuando esté oculto. Simplemente dibuja las partes principales del botón en la capa de MouseOff (recuerda agruparlos (en la página 44)) y coloca la versión "destacada" correspondiente en la capa MouseOver. APLICA UN GRUPO SUAVE a los botones de ambas capas. La barra de estado debe informarte si has seleccionado todo. como fotos pop·up. Selecciona ARREGLO > APLICAR GRUPO SUAVE . Esto se puede utilizar para una gran variedad de efectos pop·up diferentes. posiciona todos los objetos que quieras como pop·up en una nueva capa (en la galería de objetos haz clic en NUEVO · no utilices la capa mouseover). se pondrá en sincronía automáticamente con la otra versión del botón. de corresponder) y luego selecciona ARREGLO >CREAR BARRA DE NAVEGACIÓN. Las dos versiones de botones MouseOver se mantienen sincronizadas con la función de grupos suaves. incluyendo cómo incluir un primer y un último botón diferentes en tu barra. la versión MouseOver se visualizará automáticamente cuando muevas el ratón por encima de la página web. Mientras que la versión MouseOff tenga un enlace de dirección web. Si has seleccionado un botón en una capa. Creación de los botones MouseOver propios Puedes crear tus propios botones MouseOver si dibujas los elementos necesarios a partir de rectángulos. Ahora. también cambiará en la otra capa. etc. y después seleccionas una capa MouseOver en la Galería de objetos y colocas las versiones MouseOver de tu botón en esta capa para que se superpongan con el objeto con el enlace. Capas pop·up Una alternativa más fuerte te permite visualizar los contenidos de cualquier capa al pasar el cursor sobre cualquier objeto o haciendo clic sobre el mismo. Al editar el texto del botón en una capa. Esto se efectúa utilizando Grupos suaves (en la página 44). (Ten en cuenta que esto solo funciona si el texto en las capas Off y Over es igual y cuando los objetos estén agrupados como grupo suave). después seleccionas automáticamente la versión de grupo suave en la otra capa. Aparecerá el diálogo de barra de navegación que te permitirá configurar tu barra. o descripciones de objetos detalladas.

2. Ver aquí (en la página 35). Por ejemplo puedes hacer que un pop·up como éste aparezca cuando pases el cursor sobre un texto: 57 Aquí tienes los pasos para crear un texto pop·uo como éste: 1. A continuación abre el diálogo PROPIEDADES WEB (Ctrl+Shift+W) y en la pestaña MOUSEOVER selecciona la nueva capa del menú desplegable "MOSTRAR CAPA POP·UP ". De vuelta en la capa base (mouseoff) (haz clic en la GALERÍA DE CAPAS para definir ésta como la capa actual). 4. Probablemente quieras ocultar ahora la capa pop·up. Haz clic en OK. Si empleas un método de clic para visualizar la capa (del diálogo de Enlace). Este método es mejor para cuando tienes grandes fotos pop-up. Crea un bloque de texto en la parte superior de tu rectángulo. 3. haz clic en un parche de color (pálido) en la LÍNEA DE COLOR para darle un color de relleno. Haz una vista general y prueba tu efecto mouseover. 5. selecciona el texto que quieras que dispare el pop·up utilizando el método usual (en la herramienta de texto). . Selecciona la HERRAMIENTA DE TEXTO y tira diagonalmente a través del rectángulo. Nota: La capa mouseover aparece y desaparece cuando pones y quitas el cursor del ratón sobre el objeto disparador. Si quieres que el pop·up sólo aparezca cuando haces clic. Teclea tu texto. Fotos pop-up Hay una segunda forma más fácil de mostrar fotos ampliadas de miniaturas que no implica crear nuevas capas. ya que las fotos pop-up no se cargan hasta que se hace clic en la imagen de miniatura. Para una buena medida dale una sombra suave (selecciona la herramienta SOMBRA y tira del rectángulo). entonces deselecciona la casilla del "ojo" de tu nueva capa.Primeros pasos propiedad mouseover (diálogo de PROPIEDADES WEB ) del objeto original para disparar la visualización de esta capa cuando pases el cursor sobre cualquier objeto. Haz clic en NUEVO en la GALERÍA DE CAPAS para crear una nueva capa. Dibuja un rectángulo redondeado con la HERRAMIENTA RECTÁNGULO . la capa se revela si haces clic en el objeto y se oculta cuando haces clic en cualquier otro lugar de la página. selecciona la misma opción en la pestaña ENLACE del mismo diálogo de PROPIEDADES WEB .

58 Primeros pasos Creación de botones. Simplemente dibuja. banners y otros gráficos web Web Designer es una herramienta genial para crear cualquier gráfico web para utilizar con otros programas y otras herramientas de autoría web. pero debes considerar que este archivo será mucho más grande que el JPEG. puedes: • Cambiar su tamaño (girarlo) con la herramienta de selección • Cambiar el color con un clic en los colores apropiados en el extremo izquierdo de la Línea de color y escogiendo "Editar". Edítalo según tus deseos. selecciona el objeto y expórtalo como PNG o JPG con los botones de la barra de página web (estos se encuentran en la barra desplegable del símbolo de exportación HTML). utilizando las herramientas de dibujo o utilizar los cliparts web de la Galería de diseños. Para casi todos los gráficos. Banners o la categoría que necesites). Puedes dibujar estos objetos desde el comienzo. encabezados. entonces deberías guardarla en un formato PNG. entonces JPEG será un mejor formato. • Cambiar el texto con la herramienta de texto Una vez que estés satisfecho con el resultado. íconos y otros objetos no fotográficos deberías usar formato PNG. Si estás guardando una foto girada o una con una sombra suave o borde suave. así se crea un gráfico de botón individual a partir de una plantilla: Abre la Galería de diseños y luego la categoría Botones web (o Iconos. el color y el texto o fuentes. Haz doble clic sobre un diseño para abrirlo en un nuevo documento. . Para elementos que contienen fotos o partes texturizadas a partir de fotos. cámbiale el tamaño. diseña o importa cualquier elemento de la Galería de diseños a una página en blanco. como botones. Manipúlalo según tus deseos. y luego exporta el elemento como PNG o JPG. Por ejemplo.

El diálogo que se muestra a continuación también contiene soluciones de alojamiento sugeridas en la lista PERFIL. • Un nombre de usuario FTP: . En el ejemplo anterior. Suele ser el mismo nombre de tu dominio. los proveedores de Internet incluyen un "espacio web" como parte de la suscripción normal. puedes comparar un JPEG con una versión en PNG del mismo gráfico para evaluar la calidad y/o el tamaño del archivo. Necesitas tres datos importantes para poder publicar tu página web.xara. Si escoges uno de las opciones de alojamiento estándar en la lista de perfil de este campo. Consulta el capítulo de referencia del diálogo de exportación (en la página 324). si lo tienes. accedes a un panel de control avanzado que te permite optimizar la imagen 59 Aquí puedes comparar las dos versiones diferentes de la misma imagen. Por ejemplo. • La dirección servidor FTP. o comparar dos imágenes PNG optimizadas de forma diferente. la compresión JPEG se ajustó para obtener un tamaño de archivo óptimo. una junto a la otra. Muchas veces. La mayoría de los proveedores también ofrecen la posibilidad de que adquieras tu propio nombre de dominio (por ejemplo www. Publicar tu página web Necesitarás una empresa de alojamiento web para que aloje tu sitio web. se fijará automáticamente.com) y establecer un enlace a tus páginas web.Primeros pasos Si haces clic en el botón CONFIGURACIÓN en el diálogo EXPORTAR ARCHIVO .

Si creas una subcarpeta de este modo.com/productos/web_designer A continuación define una subcarpeta "productos" y el nombre de página "web_designer".60 Primeros pasos • Y una contraseña correspondiente Simplemente introduce estos detalles en la pestaña de PUBLICACIÓN del diálogo de PROPIEDADES WEB . todas las páginas en tu sitio web se publicarán en esta carpeta. . La subcarpeta opcional te permite publicar tu página web en una subcarpeta.com (obviamente no puedes hacerlo) y quisieras que la dirección web fuese xara. Por ejemplo. si publicases en el dominio xara.

Puedes escoger en el diálogo si estos detalles deben o no guardarse con el documento. Para detalles completos sobre widgets y marcadores de posición.htm no es lo mismo que xara. Flash y otros widgets Puedes integrar fácilmente una amplia gama de widgets interactivos. Sugerimos utilizar un guión bajo como separador alternativo. consulta el capítulo Widgets de páginas web (en la página 268). (Nota: Primero tienes que exportar la página web) 61 Tu página se publicará. Nota: Muchos servidores utilizan nombres de archivo sensibles a las mayúsculas y las minúsculas. se te preguntará si quieres introducir el nombre de archivo index. Lee el capítulo Diálogo de propiedades web (en la página 215) para toda la información sobre cómo utilizar este diálogo. Los detalles que introduzcas en la sección DETALLES DE FTP del diálogo están asociados con el documento actual.Primeros pasos Una vez que has fijado tus detalles de publicación. Esto significa que los espacios no están permitidos en los nombres de página. Integración de películas. Así. Una barra de progreso te mostrará el progreso de la carga de las páginas al servidor web. por ejemplo. Esto se realiza utilizando marcadores de posición. Google Maps. Para reducir la confusión y la posibilidad de errores. Por ejemplo.htm. puedes hacer clic en el símbolo PUBLICAR en la barra superior (en la barra desplegable de exportación HTML) o utiliza el menú "ARCHIVO " > "PUBLICAR PÁGINA WEB ".com/products. Web Designer fuerza que todo los nombres de página se escriban en minúsculas y contengan sólo caracteres permitidos. vídeos de YouTube™. index. la exportas como "test" a tu sistema de archivos y ahora la publicas. cuando publiques por primera vez.htm es el nombre usual para la primera página de un sitio web. que son objetos gráficos (rectángulos o fotos) en la página que serán sustituidos en la página web final por una serie de elementos de página web como animaciones Flash o fragmentos de HTML. La Galería de diseños contiene una selección de widgets de diversos proveedores que se actualiza con frecuencia. diapositivas de Picasa. .htm como nombre para la primera página de tu sitio web. se publicará como test.htm etc. Simplemente arrastra y suelta los widgets en tu página web. test_3.com/Products.htm en tu servidor web y las páginas adicionales serán test_2.htm. También puedes utilizar el botón GUARDAR EN PERFIL para guardar los detalles en tu ordenador con un nombre de perfil. entonces el nombre que exportes se utilizará en todas las páginas de tu sitio web. Si no has definido un nombre de archivo de exportación. para poder seleccionarlo rápidamente y utilizarlo con cualquier documento que quieras publicar en esa misma ubicación. archivos Flash o cualquier objeto HTML. si abres una plantilla de página web. Importante: Si no has definido un nombre de página específico. la dirección web xara.

Ahora verás el Google Map en tu página. La imagen aparece en tu página. En MAGIX Web Designer 6 ve a la HERRAMIENTA DE SELECCIÓN . Hay una diferencia importante en el caso de los marcadores de posición para Flash: puedes modificar su tamaño como lo desees y el Flash se modificará para adaptarse al marcador de posición. puedes optar por Flash transparente o semitransparente.62 Primeros pasos Aparecerá una ventana de navegador web que te llevará al sitio del proveedor del widget en donde podrás escoger y personalizar tu widget.google.swf) pueden insertarse también fácilmente. Se generará una imagen de marcador de posición que se colocará en tu página. Aquí te presentamos un ejemplo. y funcionará perfectamente en tu página web. Agregar archivos Flash Los archivos Flash (con extensión de archivo . Se lo reconocerá como un código HTML y una imagen de marcador de posición se generará automáticamente con el código insertado. O puedes buscar sitios de widgets tú mismo y simplemente agregar el código en tu sitio. haz clic en el botón Insertar en la parte inferior de la ventana del navegador y el widget se insertará en tu página con una imagen de vista previa generada automáticamente. Posiciónala en el lugar que desees y luego haz la vista previa de tu página. independientemente del tamaño del marcador de posición.com http://maps. La mayoría de los otros widgets tienen un tamaño fijo y aparecerán siempre con el tamaño predeterminado en tu página web. Utiliza ARCHIVO >IMPORTAR para importar tu archivo Flash. Para adaptar el tamaño y otras opciones. Haz una vista previa de tu página y verás la animación Flash en funcionamiento.google. O simplemente arrastra y suelta el archivo desde el Explorador hasta tu página. Pega (Ctrl+V) el HTML en el programa. . Es muy fácil. Al finalizar. haz clic en la opción "Personalizar".com y busca el mapa que quieras insertar. El enlace de arriba a la derecha abre una ventana mostrando el enlace HTML para este mapa. Insertar un Google Map Ve a http://maps. Cópialo. Por otra parte. Haz clic en el icono en la parte superior derecha de la ventana ("Enlazar") y se abrirá una pequeña ventana con un enlace HTML que te servirá para insertar el mapa en tu página web.

Utiliza ARCHIVO > IMPORTAR o arrastra y suelta tu archivo hasta la página. Si sólo quieres mostrar la animación en tu sitio. Inserción de una película MP4 o FLV Utiliza ARCHIVO > IMPORTAR o arrastra y suelta la película hasta la página. Se te preguntará si quieres importar el gráfico en tu página (en el caso del GIF animado colocará cada frame en una capa diferente) o si quieres colocarlo como un marcador de posición. Una vez insertado. un reproductor de películas se incluye en la carpeta de soporte del diseño y se utiliza para reproducir tu película en la página web. Haz una vista previa para ver el reproductor de películas en funcionamiento. Si mueves o copias el archivo web. haz una vista previa de tu página y verás la animación en funcionamiento.Primeros pasos Si seleccionas un archivo Flash para enlazar con un marcador de posición de esta manera. . Aparecerá una imagen de marcador de posición así como tu archivo de película. escoge la opción de marcador de posición. el archivo Flash se copia en una carpeta "_archivos" junto al documento web. también debes copiar la carpeta "_archivos" para asegurarte de copiar también los archivos Flash. 63 Inserción de un GIF animado Insertar un GIF animado es tan fácil como agregar un archivo Flash.

Para abrir un nuevo documento: Escoge ARCHIVO > NUEVO Esto abre un submenú con varios documentos de plantilla predefinidos con los que puedes comenzar a trabajar. hay tres tipos diferentes de documentos en MAGIX Web Designer 6: página web. Selecciona el archivo en el explorador de Windows o en tu escritorio y arrástralo hasta el documento abierto para importarlo o hasta cualquier otra parte de la ventana de Web Designer para abrir el documento. . Iniciar un nuevo documento Principalmente. foto y animación. • O doble clic sobre el símbolo de Web Designer de tu escritorio (ilustración a la izquierda). Puedes guardar tus propias plantillas con la opción Archivo -> Guardar plantilla: ve a "Cambiar el documento de la plantilla (en la página 331)" para más información.64 Trabajar con documentos Trabajar con documentos Inicio del MAGIX Web Designer 6 Para iniciar Web Designer: • Selecciona inicio > Todos los programas > MAGIX > MAGIX Web Designer 6. Se abre la ventana de inicio de MAGIX Web Designer 6. La plantilla de animación es la plantilla por defecto para los documentos con animaciones. Abrir un documento existente Para abrir un documento existente: • Arrastra y suelta un archivo. • O haz doble clic sobre un archivo de Web Designer. La primer plantilla por defecto se utiliza para crear el nuevo documento después de iniciar MAGIX Web Designer 6. Para más información lee el capítulo correspondiente en la Ayuda de MAGIX Web Designer 6. Esto puede variar dependiendo de la versión de Windows que estés utilizando. Aquí puedes seleccionar distintas tareas típicas que puedes realizar con MAGIX Web Designer 6. El botón NUEVO DIBUJO de la barra de control ESTÁNDAR crea un nuevo documento con la plantilla por defecto (shortcut "Ctrl + N").

el archivo seleccionado se verá en una vista previa aún más grande (esto no funciona en el caso de una selección de varios archivos). Haz clic y pulsa "Ctrl" para seleccionar varios archivos o haz clic y pulsa "Shift" para seleccionar varios archivos Al igual que en las ventanas de exploradores.Trabajar con documentos • O. . Se mostrará el diálogo de apertura. selecciónalo en ARCHIVO ·> ABRE RECIENTE 65 • O selecciona ARCHIVO ·> ABRIR (Shortcut "Ctrl+O"). • O haz clic sobre el botón ABRIR en la barra de control ESTÁNDAR . Si VER VISTA PREVIA en la esquina superior derecha está activado. puedes cambiar el archivo para que se vea junto con sus detalles o como vista en miniatura con este botón. El diálogo te permite una selección múltiple de archivos. para abrir un archivo usado recientemente.

Puedes cambiar el tamaño del tablero de dibujo en la pestaña OPCIONES -> TAMAÑO DE PÁGINA (en la página 337).66 Trabajar con documentos La ventana MAGIX Web Designer 6 Barra de título Nombre de archivo Barra de botones estándar Galerías Barra de información Barra de herramientas Reglas Línea de color Barra de estado Indicadores de arrastre/ajuste en vivo Barra de herramientas web La ventana de Web Designer es similar a una hoja de papel convencional sobre un caballete o un tablero de dibujo. El borde gris es el tablero de dibujo. . El rectángulo blanco representa la hoja de papel (la carilla o página).

Trabajar con documentos Documento seleccionado y barra de título En Web Designer puedes abrir más de un documento a la vez. Estos íconos con un triángulo indicador en la esquina inferior derecha cuentan con barras desplegables. Puedes personalizar las barras de control de distintas formas como. Las barras de información para algunas herramientas específicas están descritas en sus respectivos capítulos. 67 Barras de control Las barras de control contienen botones que puedes usar para manejar Web Designer. La ventana por defecto muestra la barra de botones ESTÁNDAR con los botones que se utilizan con mayor frecuencia: Puedes personalizar la barra de control ESTÁNDAR de la misma forma que las otras barras de control. por ejemplo. reordenándolas o creando y ocultando barras. Si colocas el cursor del ratón sobre estos íconos. Las barras de información no pueden personalizarse. pero el documento en la ventana actual es el documento seleccionado al que se aplican todos los cambios. Para más información sobre la personalización de barras de control consulta el capítulo "Personalización de Web Designer" (en la página 337). Una estrella después del nombre de archivo significa que hay modificaciones no guardadas. Barra de información de la herramienta de selección . Barra de información Esta es una barra de control especial. La barra de título que se encuentra en la parte superior de MAGIX Web Designer 6 muestra el nombre del documento seleccionado y si lo has cambiado desde la última vez que lo has guardado. Su contenido cambia según la herramienta que selecciones. verás la barra desplegable con más íconos.

Para más información sobre la personalización de barras de control consulta el capítulo "Personalización de Web Designer" (en la página 337). rectángulos y . Reglas Puedes ocultar reglas. La barra de estado Objetos seleccionados Opciones disponibles Indicadores Cursor del ratón X-Y Esto aparece en la parte inferior de la ventana. Puedes personalizar la barra de herramientas o mover herramientas a otras barras de control. Quickshape.68 Trabajar con documentos Barra de herramientas principal Esta es la barra de control que contiene inicialmente todas las herramientas disponibles en Web Designer (ver izquierda). todo el objeto se mueve (no sólo el contorno). La barra de estado te informa sobre los objetos seleccionados. Los indicadores Estos aparecen a la derecha de la barra de estado: Indicador Live Drag El indicador muestra si live drag se encuentra activado o no (por defecto está activado). opciones disponibles. Mantén el cursor del ratón sobre el símbolo para que aparezca la barra desplegable. líneas rectas. lee "Reglas (en la página 81)". cambiar el punto cero (origen) y utilizarlas para crear líneas guía. Haz doble clic sobre el indicador para activar/desactivar el live drag. Luego podrás llevar el cursor del ratón sobre cada símbolo de la barra para ver un consejo de herramienta con la indicación de su funcionamiento. Para más información. Haz clic sobre una herramienta para seleccionarla (algunas herramientas también tienen shortcuts de teclado). El dibujo con las herramientas de dibujo libre. Algunos de los símbolos de la barra de herramientas tienen un pequeño triángulo indicador en la esquina inferior derecha. Esto significa que está disponible una barra desplegable con más símbolos de herramientas. lo que facilita juzgar el efecto de la edición en tiempo real. indicadores de arrastre/ajuste en vivo y la posición X/Y del cursor.

mueve el cursor hasta la parte superior de la pantalla. . Por ejemplo. Web Designer tiene otro modo de pantalla llamado "pantalla completa" que muestra una pantalla más ordenada. Muestra cuando mueves un punto cerca de la distancia de ajuste de un objeto. Puedes tener el mismo documento abierto en diferentes ventanas. Si tu ordenador no puede trabajar con un documento particularmente complejo. consulta "Trabajar con objetos (en la página 105)". Puedes configurar cada modo de pantalla de la forma que quieras. Las configuraciones de calidad están descritas más adelante. Sin embargo. esto puede configurarse. Escoge Ventana > Nueva vista para abrir otra ventana. 69 Coordenadas X-Y Web Designer muestra las medidas relativas a la esquina inferior izquierda de la página. Para más información sobre la personalización de barras de control consulta el capítulo Personalización de Web Designer. La configuración se guarda y se aplica cada vez que cambias entre los modos de pantalla. • ver otra parte del documento. Esto puede no ser conveniente si necesitas la mayor superficie de edición posible. Modo de pantalla normal / completa En el modo de pantalla normal. parte de la ventana está ocupada por la barra de título. Indicador de ajuste Este indicador está activo cuando se ha seleccionado la opción VENTANA > AJUSTAR A OBJETOS . La pantalla normal / completa se controla a través de Ventana > Pantalla completa (8 del teclado numérico). puedes tener tu propia configuración de las barras de control. Abrir una segunda ventana Es posible que quieras abrir una segunda ventana con el mismo documento para: • obtener una vista ampliada o reducida del documento. lee el capítulo Trabajar con objetos. Para ver la barra de menú en modo de pantalla completa. • obtener dos vistas de la misma área con dos calidades diferentes.Trabajar con documentos elipses también se realiza en vivo con esta opción. esta opción se apagará automáticamente para garantizar que la edición siga siendo rápida y eficiente. Para más información. la barra de menú y las barras de desplazamiento. Para más información sobre el ajuste.

ORDENAR VISTAS muestra las ventanas ordenadas verticalmente o. • O pulsa y mantén pulsada las teclas Alt+Z para cambiar temporalmente a la herramienta de ZOOM (suelta Alt+Z para volver a la herramienta previa). Lo único que se modifica es la vista del documento.70 Trabajar con documentos Selección de la ventana que se quiere visualizar En la parte inferior del menú Ventana se encuentra una lista de las ventanas. como superpuestas. Cada ventana tiene su propia barra de título pero ninguna barra de control. • O pulsa Alt+Z para cambiar entre la herramienta actual y la herramienta de ZOOM . El número 5 lo lleva al 50%. Cambiar el valor de zoom utilizando el ratón Si tu ratón tiene ruedita: • Pulsa Ctrl y gira la rueda del ratón para cambiar el nivel de zoom. Cambiar el valor de zoom Muchas veces es útil aumentar la vista del documento para examinar los detalles o reducir la vista para obtener una impresión general. Algunos valores de zoom tienen asignados shortcuts: los números 1. Minimizar ventanas múltiples Al minimizar una de las ventanas. . • O +F7 para seleccionar la herramienta de ZOOM . en caso de más de tres ventanas. Los valores por encima de 100% muestran una vista ampliada (como si estuvieras utilizando una lupa). mientras que debajo de 100% reducen la vista. Escoge el nombre de una ventana para verla. Para cambiar el valor de zoom puedes usar la herramienta de ZOOM . se ve un icono en el fondo de la ventana principal de Web Designer. el tamaño del documento y de los objetos permanece igual (el cambio de tamaño de documento se describe más adelante). Con "Ctrl + F6" puedes pasar por las ventanas en secuencia. Uso de la herramienta de zoom Para ampliar o reducir la vista: • Selecciona la herramienta de ZOOM de la barra principal de herramientas. el ratón o las barras de control. Orden de múltiples ventanas "VENTANA > ORDENAR VISTAS" > te ayuda a organizar múltiples ventanas. 3. 2. Haz clic sobre una ventana para que sea la ventana actual. Para volver a abrir la ventana haz doble clic. 4 colocan el zoom entre 100% y 400%.

Para cambiar el zoom: Shortcut: Ctrl + R. puedes cambiar la acción de la rueda del ratón entre desplazamiento y zoom en Herramientas > Opciones > Pestaña del ratón (en la página 335). sin tener que ir a la herramienta de zoom. Shortcut "Ctrl + + Z". seleccionado. el área dentro del rectángulo se ampliará para adaptarse al tamaño de la ventana. Haz clic en el botón ZOOM AL DIBUJO . • +clic para reducir el valor de zoom (ver más del documento). • Arrastra el ratón diagonalmente para crear un rectángulo. Además. La ventana muestra toda la página o pares de páginas. Pulsa "↵" para implementar el cambio o selecciona algún valor de zoom predeterminado incluyendo los mencionados anteriormente (página. Haz clic en el botón ZOOM A LA SELECCIÓN. que te brinda acceso a las funciones de zoom. La acción opuesta está disponible pulsando la tecla Ctrl. Esto es útil para cambiar entre el detalle y una vista general. El valor de zoom anterior se guarda para cada ventana. dibujo. El factor del zoom cambia al 100% Shortcut "Ctrl + + J". El objeto u objetos seleccionados ocuparán toda la ventana.Trabajar con documentos También puedes configurar una tecla del ratón para el zoom. Mantén el cursor del ratón sobre el símbolo del zoom de la barra de herramientas estándar para ver la barra desplegable. Usar este botón te permite cambiar de un valor de zoom a otro en el documento. Haz clic en el botón ZOOM A LA PÁGINA. La ventana muestra todos los objetos del documento. Haz clic en el botón ZOOM ANTERIOR . Este es el valor de zoom antes de la configuración actual. Shortcut "1" Haz clic en el botón Zoom a 100%. Shortcut "Ctrl + + P". Alternativamente. Introduce un valor en el campo de texto. Al soltar la tecla del ratón. . selecciona la herramienta de ZOOM : • Haz clic para ampliar. anterior) en el menú desplegable. Puedes cambiar a otra ventana y el zoom previo todavía se mantendrá. 71 Cambiar el zoom utilizando la barra de información/barra de control de zoom Hay una barra desplegable en la barra de herramientas estándar.

Haz clic y pulsa la tecla del ratón y mueve el ratón. Escoge Ventana > Barras > Barras deslizantes para desactivarlas • Usa la rueda del ratón para desplazar el documento hacia arriba y hacia abajo (Shift + rueda del ratón para izquierda a derecha) Puedes cambiar la acción de la rueda del ratón entre desplazamiento y zoom en Herramientas > Opciones > Pestaña del ratón. De ser necesario. Suelta el botón para volver a la herramienta anterior. • O pulsa y mantén pulsada la barra espaciadora o Alt+X para cambiar temporalmente entre la barra de DESPLAZAMIENTO (y suelta la tecla para volver a la herramienta anterior). La acción opuesta está disponible pulsando la tecla Ctrl. Para mover el documento dentro de la ventana también puedes: • Usar las barras de control y las flechas a los costados de la ventana. 1. • O pulsa la barra espaciadora o Alt+X para cambiar entre la herramienta actual y la herramienta de DESPLAZAMIENTO .72 Trabajar con documentos Desplazar el documento dentro de la ventana La forma más rápida y fácil de desplazar el documento es utilizar el botón central del ratón (que muchas veces es también la ruedita). Si seleccionas PERSONALIZAR en la selección de tamaño puedes configurar un ancho y un alto personalizado en los campos de abajo. • O selecciona la herramienta de DESPLAZAMIENTO de la barra de herramientas principal (shortcut +F8). 3. La visualización de las barras de desplazamiento es opcional. si lo deseas puedes cambiar el tamaño de página para que sea compatible con otras resoluciones de pantalla como VGA. Después puedes usar el ratón para desplazar el documento por la ventana. Escoge en el menú "HERRAMIENTAS . Sin embargo. La barra de información de la herramienta de DESPLAZAMIENTO es la misma que la barra de información de la herramienta de ZOOM (descrita anteriormente). 2.> OPCIONES". . Cambiar el tamaño de página Cuando se abre un nuevo documento en Web Designer el tamaño de página es 760 x 700 píxeles (SVA página web). escoge la pestaña de tamaño de página. Selecciona el tamaño de página que deseas.

73 Páginas múltiples en el documento Un documento de MAGIX Web Designer 6 puede tener múltiples páginas. duplicar o mover páginas. Mantén el cursor del ratón sobre cada símbolo de la barra para ver un consejo de herramienta para cada operación. duplicar la página actual o eliminarla. se convertirá en la página actual. Introducir páginas en tu documento La barra de herramientas estándar cuenta con una barra desplegable que te permite añadir y eliminar páginas rápidamente. como pasaremos a explicarte en las secciones siguientes. El número de la página actual del documento se puede ver en el indicador situado en la esquina de la página. es decir. Puedes agregar una nueva página en blanco. Debes estar situado en la página actual cuando desees introducir. La página actual Si haces clic en una página de un documento multipágina.Trabajar con documentos Cada página del documento (página web exportada) puede tener una tamaño diferente. Con este botón se inserta un duplicado de la página actual. Con la opción TODAS LAS PÁGINAS DEL SITIO WEB CON EL MISMO TAMAÑO puedes determinar un tamaño de página para que se aplique a todas las páginas del documento. cada documento en MAGIX Web Designer 6 corresponde a una página web. Puedes cambiar el alto de la página arrastrando el borde inferior de la página con la herramienta de selección. Cada página se exporta a una página en HTML independiente. .

Navegar entre páginas Además de los métodos usuales para moverse dentro de un documento (como la barra deslizante y la ruedecilla del ratón). Hacia abajo: se mueve hacia abajo del documento. Pág. puedes hacer así. Cuanto más alejado estés del documento (zoom out). También puedes utilizar las opciones del menú "EDITAR > PÁGINAS " Mover páginas dentro del documento Si deseas modificar la ubicación de una página dentro del documento. Eliminar páginas de tu documento Para eliminar la página actual de tu documento. Pág: va hacia el centro de la página anterior. Ctrl + Av. La cantidad de desplazamiento depende de tu nivel de zoom. Estas opciones de menú serán desactivadas si estás en la primera o en la última página del documento respectivamente. Cuanto más alejado estés del documento (zoom out). La cantidad de desplazamiento depende de tu nivel de zoom. de manera tal que la puedas utilizar como plantilla para nuevos contenidos. Ctrl + Re. selecciona "EDICIÓN > PÁGINAS > BORRAR PÁGINA ACTUAL" . existen otras formas de navegar a través de las páginas: Hacia arriba: se mueve hacia arriba del documento (retrocede a la página anterior). más grande será el desplazamiento. e incluirá todo su contenido. Para mover la página actual: • Selecciona "EDICIÓN > PÁGINAS > MOVER PÁGINA HACIA ARRIBA" para cambiar la página actual por la anterior. La página actual y todos sus contenidos serán eliminados. más grande será el desplazamiento. .74 Trabajar con documentos La nueva página será la misma que la página original incluyendo su tamaño y orientación. • Selecciona "EDICIÓN > PÁGINAS > MOVER PÁGINA HACIA ABAJO" para cambiar la página actual por la posterior. (page up): va hacia el centro de la página anterior.

lee el capítulo "Importación y exportación (en la página 316)". Para más detalles sobre exportar documentos en otro formato. La opción no está disponible salvo que hayas realizado cambios y todavía no los hayas guardado. Asegúrate de que la función de copia de seguridad automática esté activada para que se realicen copias regulares de los documentos mientras trabajas. 75 Galería de páginas y capas También puedes utilizar la galería de Páginas y capas para administrar convenientemente las páginas en tu documento. Opción Guardar (en el menú Archivo) (Shortcut Ctrl+S o clic sobre el botón Guardar en la barra de control ESTÁNDAR ). eliminar. no a la página actual. Te permite ver. Para más información. Para un nuevo documento que todavía no se ha guardado en disco. Guardar el documento Esta sección explica cómo guardar los documentos en el formato de Web Designer (su formato nativo). Nota: todos estos movimientos son relativos a las páginas que estés visualizando. . Te recomendamos que siempre guardes los documentos de forma regular.Trabajar con documentos O haz clic en la flecha que apunta hacia arriba o hacia abajo en la barra de estado de acuerdo a dónde te quieres desplazar: La barra de estado también es útil para saber qué página/s estás visualizando actualmente. Esta opción te ofrece una forma rápida de volver a guardar el documento con el mismo nombre de archivo. Si no lo haces. duplicar. la opción actúa como "Guardar como" (descrita a continuación). Consulta la sección Copias de seguridad automáticas (en la página 78) a continuación para más detalles. añadir. reorganizar y renombrar páginas desde una sola vista. es posible que lo lamentes si hay un corte de electricidad repentino o si tu ordenador tiene una falla irreparable y perderás muchas horas de trabajo invertidas en un documento complicado. consulta Galería de páginas y capas (en la página 275).

Esta opción es útil para realizar copias de seguridad de Web Designer.web.76 Trabajar con documentos Guardar como (en el menú Archivo) Esta ocpión abre un diálogo que te permite guardar el documento con un nuevo nombre o en otro directorio. que se utilizan para crear páginas web. Guardar todo (en el menú Archivo) Esto actúa como una serie de comandos de GUARDAR o GUARDAR COMO para todos los documentos que se encuentran abiertos actualmente. un archivo Flash (swf) de tu página web. tienen archivos externos de referencia porque éstos no pueden ser integrados al archivo de diseño . Debes mantener el archivo Flash junto al archivo de diseño porque sino cuando quieras exportar la página web ésta no funcionará de forma correcta. Directorios de compatibilidad Algunos documentos. MAGIX Web Designer 6 ofrece un directorio opcional de compatibilidad para los archivos externos que se encuentra a la derecha del archivo de diseño. Por ejemplo. . Otra razón por la que es importante mantener ambos archivos juntos es para cuando quieras enviar el diseño a alguien o para cuando quieras transferirlo a otro ordenador.

web" se llama "miSitio_web_archivos". Si no existe el directorio de compatibilidad se creará uno. Cuando cargues un diseño que tiene un directorio de compatibilidad y luego escoges la opción "Guardar como". Exportación de páginas web con directorios de compatibilidad Cuando exportas un documento de página web.web" a "index. Si no necesitas más ese archivo. Ten en cuenta que si realizas modificaciones al objeto del marcador posteriormente. Por ejemplo. deberás eliminarlo manualmente. el archivo original no se borrará automáticamente del directorio de compatiblidad. Si exportas "miSitio. MAGIX Web Designer 6 no eliminará ningún archivo. se puede insertar un código complejo de HTML en el diseño que contenga una referencia a un archivo externo de tu directorio de compatibilidad. 77 Contenido del directorio de compatibilidad Si utilizas el marcador de lugar (en la página 212) del diálogo PROPIEDADES WEB para insertar una referencia a un archivo externo en tu diseño de la página web. no te olvides de cambiar el nombre del directorio de compatibilidad (si existe uno). Si cambias el nombre de un archivo de diseño o lo copias o mueves de sitio. MAGIX Web Designer 6 copiará todo el directorio de compatibilidad también (si existe uno). independientemente de si éstos aparecen en el diseño o no. El directorio de compatibilidad para "miSitio. recuerda que debes mandar también el directorio de compatibilidad.Trabajar con documentos Nombres para el directorio de compatibilidad El archivo de diseño y su directorio de compatibilidad correspondiente se identifican fácilmente porque tienen el mismo nombre. MAGIX Web Designer 6 copiará automáticamente ese archivo al directorio de compatibilidad. Cerrar el documento Para cerrar el documento: • Escoge ARCHIVO > CERRAR • O pulsa Ctrl+F4 . No hay forma de que MAGIX Web Designer 6 pueda estar seguro de que el archivo no va a ser utilizado en la página web.htm". por eso no los elimina. Y si deseas enviar un archivo de diseño. O también se puede tener un archivo externo que contenga una referencia a otro archivo externo. los archivos de la carpeta "miSitio_web_archivos" se copiarán a la carpeta "index_htm_archivos". Esto es así porque hay muchas formas distintas de colocar referencias a archivos externos en el archivo de diseño. También puedes copiar manualmente archivos al directorio de compatibilidad. se copiarán todos los archivos de directorio de compatibilidad a la carpeta que contenga todas las imágenes de tu página web.

Ten en cuenta que una vez que el periodo configurado haya pasado desde la última copia de seguridad. Esto evita que se interrumpa tu trabajo y que el documento se guarde mientras se lo está modificando.78 Trabajar con documentos • O haz clic sobre la X más pequeña de las dos que se encuentran en la esquina superior derecha. Copias de seguridad automáticas MAGIX Web Designer 6 guardará como opción copias de seguridad de tus documentos abiertos mientras trabajas. la próxima copia de seguridad se realizará cuando el programa haya estado inactivo durante al menos 15 segundos. abre el diálogo HERRAMIENTAS >OPCIONES y escoge la pestaña COPIAS DE SEGURIDAD . por lo que permite . Esto te ayudará a evitar que pierdas tu trabajo en el caso de un falla eléctrica o de un cierre anormal del programa. La X roja más grande cierra el programa. lo que significa que un documento abierto se guardará si han pasado más de 10 minutos desde que se ha guardado por última vez (o desde que se creó o abrió el documento). También es útil si deseas volver a una versión anterior de tu documento. Nota: en la mayoría de los ordenadores. la X para cerrar el documento es más pequeña que la X que se encuentra arriba. El periodo sugerido es de 10 minutos. Para activar o desactivar copias de seguridad automáticas. es poco probable que no haya periodos inactivos de 15 segundos o más. Copias de seguridad de documentos abiertos Para activar las copias de seguridad. En el uso normal. selecciona este campo y escoge cómo te gustaría que se hicieran las copias de seguridad.

Cuando se realiza una copia de seguridad. 79 Ubicación de la copia de seguridad Utiliza el botón Explorar si quieres cambiar la carpeta en la que están guardadas tus copias de seguridad. Documentos sin título Las copias de seguridad de los documentos que has creado y que no has guardado se almacenarán con el nombre "Untitled" seguido de un número y la fecha/hora.. si estás editando activamente durante un periodo extendido de tiempo es posible que transcurra bastante más tiempo que el configurado entre dos copias de seguridad. Cada archivo de copia de seguridad recibe el nombre del documento del que se ha tomado. abrir o eliminar cualquiera de los archivos de copia de seguridad. se guardan 10 revisiones de cada diseño en tu carpeta de copias de seguridad. Guardar copias de seguridad de documentos abiertos al cerrar el programa SEGURIDAD AUTOMÁTICA Y RESTAURACIÓN . no se te preguntará si quieres guardar los documentos . intenta usar nombres de archivo únicos para tus diseños con el propósito de evitar que las copias de seguridad de un diseño sobrescriban otras con el mismo nombre. deberías guardar los documentos importantes con un nombre exclusivo de tu elección para poder identificar fácilmente las copias de seguridad de ese documento en el directorio de copias de seguridad. de forma que puedas navegar. Por lo tanto. En el diálogo Opciones de la pestaña Copias de seguridad puedes activar COPIA DE Cuando esta opción está activada. ADVERTENCIA: Ten en cuenta que si tienes múltiples documentos que comparten el mismo nombre de archivo en diferentes carpetas en tu ordenador. junto con la fecha y hora en que se ha realizado la copia de seguridad. Revisiones Por defecto. Untitled2. las copias de seguridad de estos documentos se sobrescriben relativamente rápido. De todas formas. pero puedes escoger cambiar este número en el campo de revisiones. verás una barra de progreso en la parte inferior de la ventana de MAGIX Web Designer 6 mientras se finaliza el procedimiento. sus copias de seguridad también compartirán el nombre en la carpeta de copias de seguridad. se eliminarán automáticamente. Este nombre y número corresponden a los que se muestran en la barra de título cuando estás editando documentos sin guardar. Por lo tanto. Esto abre un diálogo de archivos con la carpeta de copias de seguridad. Las revisiones que excedan la cantidad establecida. al cerrar MAGIX Web Designer 6. Puedes acceder a los documentos de copia de seguridad en cualquier momento en la opción de menú ARCHIVO >ABRIR RECIENTE >COPIAS DE SEGURIDAD. etc.Trabajar con documentos realizar una copia de seguridad poco después. ADVERTENCIA: Como los documentos sin guardar se denominan Untitled1.

Recuperación de copias de seguridad RECIENTES ->COPIA DE SEGURIDAD . . todos los documentos abiertos se guardarán en la carpeta de copias de seguridad aun cuando la opción "Guardar copias de seguridad de documentos abiertos al cerrar el programa" no esté activada. Ventana > Mostrar cuadrícula (shortcut de teclado #) activa y desactiva la cuadrícula. abrir o eliminar cualquiera de los archivos de copia de seguridad. (Esta cuadrícula se ve solamente en la pantalla y nunca se imprime). Copias de seguridad al cerrar el sistema Si cierras Windows sin cerrar el programa primero. Es una buena idea utilizar este diálogo para limpiar viejas copias de seguridad de forma periódica. Esto permite que el cierre del sistema se realice sin que MAGIX Web Designer 6 lo interrumpa para preguntarte acerca de los documentos modificados sin guardar. El cierre anormal no se detectará si no se ha realizado ninguna copia de seguridad desde el último cierre normal del programa. De ser así. se realiza una copia de seguridad de todos los documentos abiertos en la carpeta de copias de seguridad y el programa se cierra. La cuadrícula te ayuda a alinear objetos (similar a utilizar un papel cuadriculado como ayuda para dibujar). Se trata como un documento independiente con sus propios derechos. de forma que puedas navegar. el programa debería detectarlo al reiniciarse. Por lo tanto. los mismos documentos se cargan automáticamente para que puedas continuar trabajando desde donde los has dejado. se te preguntará si quieres restaurar o no los documentos que estaban abiertos al momento del cierre del sistema. Recuperación de cierres anormales del programa Si has activado las copias de seguridad automáticas y el programa se cierra de forma anormal (debido a un corte de electricidad. Por el contrario. si decides conservar la copia de seguridad deberías usar ARCHIVO >GUARDAR COMO para guardarlo en algún lugar con un nombre adecuado. Ten en cuenta que cuando cargas un documento de copia de seguridad no se asocia automáticamente con el archivo de diseño del que se ha realizado la copia de seguridad. Luego. te ofrecerá la posibilidad de restaurar la copia de seguridad más reciente de cada documento que se encontraba abierto al momento de la última copia de seguridad. La próxima vez que inicies el programa. Cuadrícula de pantalla Para ayudarte a diseñar tu documento. por ejemplo). MAGIX Web Designer 6 puede mostrar una cuadrícula en la pantalla. al iniciar nuevamente el programa.80 Trabajar con documentos modificados que todavía están abiertos. Puedes acceder a las copias de seguridad de tus documentos con Archivo>ABRIR Esto abre un diálogo de archivos con la carpeta de copias de seguridad.

0 (el origen) y el espaciado entre los puntos de la grilla se configuran en la pestaña CUADRÍCULA Y REGLA del diálogo de opciones (ilustración a la derecha). Los cambios realizados sólo se aplicarán al documento seleccionado. los puntos de cuadrícula actúan como imanes y. Puedes mover la cuadrícula de acuerdo a la página. Esto te permite utilizar la configuración más apropiada para ese documento. El procedimiento para cambiar el tipo y el espaciado se describe a continuación.0 de las reglas (se describe más adelante). Para detalles sobre el ajuste de objetos. En este caso. moviendo el punto 0. estos se ajustan al punto de cuadrícula más cercano. Web Designer utiliza las reglas para: . lee el capítulo Trabajar con objetos (en la página 105). Reglas Las reglas están desactivadas por defecto. el punto 0.Trabajar con documentos 81 También puedes escoger la opción Ventana > Ajustar a cuadrícula. • O selecciona VENTANA > BARRAS > REGLAS . al mover objetos. El tipo de cuadrícula (isométrica/rectangular). El capítulo Personalización de Web Designer contiene detalles del diálogo de Opciones. Para activarlas: • Pulsa Ctrl + L.

Las unidades actuales y los factores de cambio de tamaño se visualizan en la esquina superior derecha de la regla.82 Trabajar con documentos • que puedas ubicar la parte de la página que estás viendo. las líneas guía se ajustan a las divisiones de las reglas. Cambiar los puntos cero de las reglas Muchas veces es fácil medir los objetos si alineas el punto 0.0 de la regla con el objeto. Esto también mueve el origen de la cuadrícula de forma que las divisiones de la regla siempre se encuentren alineadas con la cuadrícula. El capítulo Personalización de Web Designer contiene detalles del diálogo de Opciones. Las unidades y números de las divisiones de las reglas son los mismos configurados para personalizar la cuadrícula en pantalla. lee el apartado guías y líneas guía en el capítulo Trabajar con objetos (en la página 105). Cualquier cambio se aplica a la ventana actual y las ventanas subsecuentes que abras. También puedes utilizar la herramienta de SELECCIÓN para un trabajo más exacto . . Para mover el punto 0. Si la opción VENTANA > AJUSTAR A CUADRÍCULA está activada. (Para más información sobre líneas guía. Las reglas pueden verse sobre el borde izquierdo y el borde superior de la ventana. • aplicar líneas guía. • mostrar la posición X-Y actual del cursor. Mostrar / ocultar reglas Escoge VENTANA > BARRAS > REGLAS (shortcut Ctrl + Shift + R) para activar y desactivar las reglas.) Cuando creas o cambias el tamaño de objetos. No afecta a otras ventanas abiertas.0 arrastra el cuadrado de la intersección de ambas reglas. una línea punteada te mostrará la nueva posición. Una línea punteada sobre cada regla sigue la posición actual del cursor. Estos valores se configuran utilizando la pestaña "Cuadrícula y regla" del diálogo OPCIONES (descrito más adelante). A medida que lo hagas. Puedes arrastrar vertical u horizontalmente a lo largo de las reglas o hasta cualquier otra parte de la ventana de edición de Web Designer.lee Selección de objetos para más información. puedes utilizar las reglas para controlar el tamaño.

excepto en el caso de exportaciones de mapas de bits que utilizan la configuración de calidad actual. La nueva visualización de fotos bicúbica aumenta la calidad de fotos reducidas). Capa Frame Mapa de bits Línea Diseños Los DISEÑOS . atributos de líneas y mapas de bits/fotos. La configuración de calidad no tiene efecto en la forma en que el documento exporta o imprime. Las secciones individuales describen características específicas a una galería en particular. Ahora. Esto facilita la selección de objetos que se encuentran detrás de otros objetos. fuentes. RELLENOS y GALERÍAS DE LÍNEAS te permiten escoger entre diferentes plantillas y estilos suministrados con MAGIX Web Designer 6 . con antialiasing completo para una mayor calidad de visualización de la pantalla • Contornos con pasos de transición • Color total (sin antialiasing) • Alta calidad (antialising total y suavizado de imagen) • Muy alta calidad (el mejor antialiasing de la industria. Esta sección de la ayuda suministra información general sobre características que son comunes a múltiples galerías. . pero con el antialiasing desactivado.Trabajar con documentos También puedes mover el punto cero desde la pestaña de opciones (descrito a continuación) CUADRÍCULA Y REGLA 83 del diálogo Calidad de imagen Hay cinco configuraciones de calidad disponibles en el menú VENTANAS >CALIDAD que afectan la forma en que el documento aparece en MAGIX Web Designer 6: • Sólo contorno. cliparts. colores. La configuración CONTORNO muestra solamente el contorno de las formas (se dibujan como wire frames). Galerías MAGIX Web Designer 6 usa galerías para suministrar acceso conveniente a bibliotecas externas de contenido como plantillas. COLOR TOTAL muestra el documento a color.

en donde encontrarás todas las galerías disponibles. La GALERÍA DE PÁGINAS Y CAPAS te muestra y te permite manipular las páginas de tu documento y las capas dentro de cada página. Algunas galerías se describen en detalle más adelante en el manual. Fijación de galerías Es posible fijar una o más galerías a cada lado de la ventana de Web Designer. sino solamente las que se utilizan con mayor frecuencia). Ver una galería Para abrir una galería: • Selecciona la barra de control GALERÍAS (no todas las galerías están disponibles desde esta barra. Un ejemplo de una galería fijada. También es posible cambiar el tamaño de la galería para que ocupe más o menos espacio. • O escoge "HERRAMIENTAS . .84 Trabajar con documentos La GALERÍA DE MAPAS DE BITS te muestra los mapas de bits y fotos que estás utilizando en el documento actual.> GALERÍAS".

la mayoría de las galerías presenta estos botones: APLICAR inserta el ítem seleccionado de la galería. reitera el proceso para otras galerías. • O haz clic derecho sobre una sección para ver el menú pop-up. Reorganizar galerías Si has fijado más de una galería de un lado. así como también arrastrar las galerías hacia arriba o hacia abajo para cambiar el orden. La ilustración muestra la galería desplegada. . Si lo deseas. Uso de las galerías Para plegar o desplegar una sección en una galería: • Haz clic sobre el icono PLEGAR/DESPLEGAR . Desfijar una galería Un clic sobre un ícono de la barra de control de GALERÍAS eliminará la galería de la pantalla. Arrastra la galería hasta la izquierda o derecha de la pantalla.Trabajar con documentos Fijar una galería Para fijar una galería: 85 1. las galerías compartirán una columna. simplemente arrastra la galería desde el lado de la pantalla y desfijará automáticamente. Otras galerías son similares. El menú pop-up también tiene opciones para abrir la sección siguiente o la anterior. la galería volverá a su posición fija. 3. Pero con otro clic. Para desfijar la galería por completo. 2. Abre una galería tal como se ha descrito anteriormente. Selecciona PLEGAR/DESPLEGAR sección. Los botones de la parte superior dependen de la galería (p.ej. Haz clic sobre un ítem para seleccionarlo. RELLENO y TRANSP son opciones específicas de la GALERÍA DE MAPA DE BITS . • O haz doble clic sobre el título de la sección.) De todos modos. Puedes cambiar el tamaño de las galerías como lo desees.

por otros criterios. • Añadir (galerías de clipart. Los controles de clave primaria controlan el orden inicial. después +clic sobre otro ítem: todos los ítems entre los dos puntos se seleccionarán. Para esto: 1. color. 3. 2. Añadir a la galería Es posible que quieras añadir ítems extra para estas galerías. Selecciona BUSCAR NOMBRES Y CONTRASEÑAS (para buscar sólo en los nombres. • ELIMINAR (galerías de clipart.86 Trabajar con documentos OPCIONES abre un menú en donde puedes escoger: • • • se describe más adelante en la búsqueda de un nombre de ítem. ORDENAR : BUSCAR : Seleccionar ítems Para seleccionar un ítem: • Haz clic sobre un ítem para seleccionarlo. . Puedes ordenar por nombre y. todos los nombres conteniendo la palabra "rojo": 1. Para la GALERÍA DE CLIPARTS . dependiendo de la galería. Para algunos parámetros como tipo o longitud de nombre. Reordenar ítems en la galería En algunas galerías. etc. estos archivos pueden ser cualquier tipo de la amplia gama de archivos de vectores o mapas de bits. por ejemplo. Copia los archivos que quieres añadir a un nuevo directorio usando el explorador de Windows. es posible que haya dos o más archivos con el mismo tipo o longitud de nombre. • O Ctrl+clic para añadir ese ítem a la selección.) o BUSCAR TODA LA INFORMACIÓN (para buscar en todos los nombres y palabras clave disponibles en algunas galerías). rellenos y fuentes): descrito a continuación en añadir ítems en una galería. Estos archivos pueden ordenarse usando la clave secundaria. "OPCIONES .> ORDENAR" abre un campo de diálogo. • O haz clic sobre un ítem. se describe más adelante en el orden de los ítems en una galería. Introduce ROJO en el campo de texto. Buscar un nombre de ítem Puedes buscar. Escoge Opciones > Buscar. rellenos y fuentes): descrito a continuación en eliminar secciones de una galería. Para la GALERÍA DE RELLENOS puede ser cualquiera de los formatos de mapa de bits compatibles con Web Designer (listados en importación y exportación (en la página 317)). PROPIEDADES : permite controlar el tamaño de los iconos y la cantidad de información que se muestra en la galería. (sólo es posible en las galerías de DISEÑOS & RELLENOS ).

Trabajar con documentos 2. Copia los archivos nuevos en la carpeta existente. Todas las acciones que haces se guardan en una "lista de deshacer". Por lo tanto. 3. deshacer escala). 3. 4. puedes experimentar libremente sabiendo que siempre puedes eliminar lo que no se ve bien. • O pulsa la tecla de coma (en cualquier herramienta salvo la herramienta de TEXTO ). Se abrirá una ventana de diálogo. sino volver hacia atrás deshaciendo varias operaciones. Para deshacer una operación: • Haz clic sobre el botón DESHACER de la barra de control ESTÁNDAR . Esto te permite deshacer no sólo la última operación. por ejemplo. Haz clic sobre el título de la sección o secciones que quieres eliminar. Haz clic en "AÑADIR" . En cada galería. pulsa el botón "DISEÑOS DE DISCO/RELLENOS" . • O pulsa Ctrl+Z. Puedes repetir la función deshacer para seguir retrocediendo por la secuencia de las operaciones previas. Si posteriormente quieres volver a utilizar la sección. La función deshacer Deshacer cancela el efecto de la última operación. Usa este diálogo para seleccionar el directorio que quieres añadir. pulsa el botón "DISEÑOS DE DISCO /RELLENOS". Web Designer facilita la corrección de errores o de cambios no deseados. Haz clic en "ELIMINAR" . 87 Si después quieres añadir más ítems a la carpeta: 1. Eliminar secciones de una galería Para eliminar una sección de una galería (válido sólo para las galerías de CLIPARTS y RELLENOS ): 1. Se abrirá una ventana de diálogo. • O escoge Editar > Deshacer (la formulación exacta te dice cuál es el paso deshacer. Esto crea una nueva sección en la galería. Usa este diálogo para seleccionar el directorio que quieres añadir. . 2. Deshacer y rehacer ¿Qué son las funciones deshacer y rehacer? Todos cometemos errores o cambiamos de parecer. Haz clic en "ACTUALIZAR" para actualizar la sección en la galería. 4. En la galería. 2. añade la carpeta a la galería (descrito anteriormente).

La función rehacer sólo puede aplicarse inmediatamente después de la función deshacer. • O escoge Editar > Rehacer (la formulación exacta te dice cuál es el paso rehacer. moviendo o añadiendo un objeto). No puedes rehacer tras modificar el documento (por ejemplo. rehacer escala). por ejemplo. .88 Trabajar con documentos La función rehacer Rehacer cancela la función deshacer anterior. • O pulsa Ctrl+Y. Para rehacer la última operación: • Haz clic sobre el botón REHACER de la barra de control ESTÁNDAR . • O pulsa la tecla de punto (en cualquier herramienta salvo la herramienta de TEXTO ).

si hay objetos seleccionados dentro de un grupo u otro tipo de objeto compuesto. girar y cambiar el tamaño de los objetos. Cuando cambies a la HERRAMIENTA DE SELECCIÓN . se seleccionará el objeto principal (grupo) en su lugar. Si estás utilizando otra herramienta puedes cambiar fácilmente a la herramienta de SELECCIÓN: • Pulsa y libera Alt+S para cambiar a la herramienta de SELECCIÓN. puedes utilizar las siguientes teclas para cambiar la selección: • Fin selecciona el objeto de atrás. mover. • O pulsa "Alt + S". "V" o "F2". Puesto que la herramienta de SELECCIÓN es la herramienta más utilizada. . Seleccionar objetos Para seleccionar un solo objeto haz clic en cualquier parte visible del objeto. existe un shortcut adicional para permitirte cambiar a esta herramienta para realizar una selección u otra operación y volver rápidamente a la herramienta anterior. Dimensiones de selección % de controles de tamaño Bloquear relación de aspecto Girar e inclinar Voltear Escalar anchos de línea Aplicar nombres Para utilizar la herramienta de SELECCIÓN: • Haz clic sobre la herramienta de SELECCIÓN en la BARRA DE HERRAMIENTAS PRINCIPAL . Pulsa otra vez para regresar a la herramienta anterior. Cambiar selección de objetos Una vez que el objeto esté seleccionado. Generalmente se utiliza más que cualquier otra herramienta y es la herramienta central para manipular documentos.Trabajar con objetos 89 Trabajar con objetos La herramienta de selección La herramienta de SELECCIÓN es la herramienta principal para seleccionar.

porque se seleccionará y arrastrará otro objeto. pulsa y mantén pulsada la tecla del ratón. Esto se utiliza para seleccionar un objeto que se encuentre dentro de un grupo. • "Tab" selecciona el objeto siguiente hacia atrás. editar un contorno de un objeto dentro de un grupo sin tener que desagruparlo. pulsa " " mientras arrastras el rectángulo de selección. Seleccionar bajo Pulsa Alt para seleccionar objetos que se encuentran debajo de otros objetos. Ten en cuenta que algunas operaciones no se pueden realizar si hay un objeto interno seleccionado. Mover objetos seleccionados debajo o dentro Si necesitas mover un objeto seleccionado que se encuentra debajo de otros o dentro de un grupo. Por ejemplo. pulsa "Ctrl + Alt" y comienza a arrastrar. . Al arrastrar el ratón se dibuja un rectángulo de selección y todos los objetos dentro del rectángulo quedarán seleccionados. • +Tab selecciona el objeto siguiente hacia adelante. Esto arrastrará siempre el objeto seleccionado. Para evitar esto. Con Alt+clic puedes pasar por varios objetos superpuestos. Los otros objetos no se modifican. Te permite. Algunos programas de dibujo llaman a este rectángulo "marco de selección". O puedes utilizar las teclas de flechas de tu teclado para desplazar el objeto. Los objetos del frente y el fondo se describen en Trabajar con objetos (en la página 88). Si hay algún objeto que no te permite dibujar un rectángulo porque el objeto se mueve. Puedes soltar las teclas una vez que hayas comenzado a arrastrar.90 Trabajar con objetos • Inicio selecciona el objeto de adelante. Ampliar selección Para seleccionar objetos adicionales: • +clic sobre ellos. Esto dibuja un rectángulo de selección y añade los objetos dentro del rectángulo a la selección. por ejemplo. no podrás simplemente arrastrarlo. • O +arrastrar el ratón. el marco de selección y la copia con clic derecho no funcionan para seleccionar dentro. Marco de selección Para seleccionar varios objetos. Selección interna "Ctrl + clic" sobre el objeto que quieres seleccionar de adentro.

• O escoge Edición > Borrar selección. Marcadores de selección Cada objeto seleccionado muestra un marcador de selección para señalar que está seleccionado. . 91 Seleccionar todos los objetos Para seleccionar todos los objetos: • Escoge Edición > Seleccionar todo. Para deseleccionar un objeto entre muchos: • +clic sobre el objeto. Deseleccionar un objeto Para deseleccionar todos los objetos: • Haz clic en cualquier lugar sin usar del documento. Esto deselecciona el objeto. • O pulsa Ctrl+A. Para leer más información sobre este tema ve a Extender o reducir objetos.Trabajar con objetos Selección y capas No puedes seleccionar objetos que se encuentran en capas bloqueadas o invisibles. • O pulsa Esc. Consulta "Galería de páginas y capas (en la página 275)" para obtener más detalles sobre capas. Barra de estado La barra de estado que se encuentra en la parte inferior de la ventana también describe lo que está seleccionado. Varios clics sucesivos sobre un objeto cambia entre mostrar los controles de límite de selección y rotación. Controles deslizantes de límites de selección Los controles deslizantes de límites de selección te permiten cambiar el tamaño y extender los objetos seleccionados. Los otros objetos permanecen seleccionados. Esto es un recordatorio muy útil cuando seleccionas y deseleccionas varios objetos.

Esto arrastrará inmediatamente una copia del objeto. O. Esto es útil cuando el objeto seleccionado se encuentra oculto tras otro objeto o cuando es parte de un grupo. También puedes mover objetos usando las teclas de flecha. de la misma forma. Puedes definir los ángulos de restricción. Escoge la herramienta de SELECCIÓN. salvo que quieras restringir el movimiento. Esto se describe en la próxima página. Suelta Ctlr+Alt después de comenzar a arrastrar el objeto. Pulsa Ctrl para limitar la dirección de movimiento a uno de los ángulos de restricción. 2. . Soltar una copia Durante un movimiento (y mientras pulsas la tecla izquierda del ratón) haz clic derecho o pulsa + del teclado numérico para soltar una copia del objeto. +Tab cambiará la selección al objeto anterior Mover objetos Para deslizar un objeto sobre la página 1. Puedes hacer esto todas las veces que quieras para crear una serie de objetos duplicados. Pulsa Ctrl+Alt y podrás arrastrar el objeto seleccionado aunque el cursor no se encuentre encima de él. Arrastra el objeto hasta la posición deseada. Consulta el capítulo Personalización de Web Designer. El objeto original no se mueve. pulsar Tab y y siguiente en el documento. Haz clic izquierdo para dejar una copia en la posición actual del ratón. pulsa la tecla derecha del ratón y arrastra.92 Trabajar con objetos Tab Si hay un objeto seleccionado.

pulsa la tecla . estas teclas tienen otros usos. El mismo movimiento pero pulsando la tecla . Esto también es aplicable al girar. (A veces.Trabajar con objetos Rellenos Generalmente.en el teclado numérico durante el movimiento.) El desplazamiento no se ve afectado por el ajuste magnético ni de cuadrícula. si mueves un objeto. Modificadores de desplazamiento Para modificar la distancia de desplazamiento. Web Designer también puede mover el objeto pero no el origen del relleno. Para hacer esto. (Consulta el capítulo Personalización de Web Designer (en la página 334). su relleno también se moverá: 93 Movimiento normal de izquierda a derecha de un objeto con relleno lineal. especialmente en la herramienta de TEXTO . (Los ajustes se describen más adelante). . utiliza estas combinaciones de teclas mientras usas las flechas: • • • • • Ctrl Ctrl + Alt Alt + 5 veces la distancia normal 10 veces la distancia normal l/5 de la distancia normal 1 píxel 10 píxeles Puedes cambiar la distancia normal de desplazamiento en la pestaña GENERAL de Herramientas > Opciones. extender o cambiar el tamaño de objetos. Desplazar objetos Generalmente puedes mover un objeto levemente utilizando las teclas de flecha .(menos) durante el arrastre. El desplazamiento funciona en la mayoría de las herramientas. doblar.

Sin embargo. Cualquier capa que falte en el documento de destino se crea automáticamente con esta operación. escoge "EDICIÓN > COPIAR " (o "Ctrl + C"). que tiene un objeto en la capa MouseOff y otro objeto en la capa MouseOver. . Eliminar objetos del documento Primero selecciona los objetos que quieres eliminar. Puedes cortar los objetos al portapapeles o eliminarlos. se crearán las capas Mouse Off y MouseOver si no existen todavía y los objetos del botón se pegarán en ellas. Ten en cuenta que si todos los objetos que copias se encuentran en la misma capa. Los objetos importados desde otros programas siempre se pegan en el centro de la vista actual. o pulsa "Ctrl + X". 2. El procedimiento es: 1. entonces la estructura de capas se mantiene al pegar. Los objetos se pegan en la misma capa desde la que se copiaron. puedes pegar un texto sin formato o con en formato Rich Text. Esto te permite copiar los datos en capas dentro de un documento o a un documento diferente. Esto pega el contenido del portapapeles en el documento. si copias un botón mouse over. Si se provee una serie de formatos en el portapapeles. por ejemplo. El objeto permanece en el portapapeles. Para eliminar el objeto. Selecciona "EDICIÓN > PEGAR " (o "Ctrl + V" o "Insertar"). "Ctrl + + V" pega el contenido del portapapeles en la misma posición X-Y de donde se ha cortado o copiado. copiar y pegar Estas funciones te permiten mover o copiar un objeto en el mismo documento o entre diferentes documentos. en un nuevo documento. escoge "EDICIÓN > CORTAR " (o "Ctrl + X"). Por ejemplo. Las dos opciones colocan el objeto (o una copia del objeto) en el portapapeles. si los objetos que copias se encuentran en varias capas diferentes. Para copiar el objeto pero no eliminarlo. <programname> te mostrará un diálogo titulado PEGADO ESPECIAL para que puedas elegir el formato en el que deseas pegar el objeto. Selecciona el objeto. después podrás pegar esos objetos en cualquier capa si primero lo haces en la capa actual. por lo que puedes pegar el mismo objeto muchas veces. Los contenidos del portapapeles serán sobrescritos y podrás pegar el objeto o los objetos borrado en el lugar deseado. sin importar cuál capa es actual.94 Trabajar con objetos Cortar. La capa desde la que se copian los objetos se ignora en este caso. 3. Cortar objetos Selecciona "Edición > Cortar". Entonces. Esto sólo se aplica a los objetos cortados o copiados desde dentro de Web Designer.

La copia aparecerá un poco hacia la derecha y abajo del objeto original. doblas o cambias su tamaño. Para sustituir rápidamente una línea de objetos. giras. Lee el capítulo Personalización de Web Designer (en la página 334). 95 Duplicar y clonar Ambas opciones crean una copia del objeto seleccionado. después arrástralo mientras pulsas la tecla Ctrl y haz clic derecho para cada copia que quieras crear. puedes recuperarlo con deshacer. pulsar Ctrl para limitar el movimiento y después hacer clic derecho (o pulsar + del teclado numérico) para cada copia. La distancia de duplicación puede cambiarse. . Puedes hacer esto todas las veces que quieras para crear una serie de objetos duplicados. dibuja uno. Duplicar Escoge Edición > Duplicar o pulsa Ctrl+D. Mientras lo arrastras (y mientras pulsas la tecla izquierda del ratón) haz clic derecho o pulsa + del teclado numérico para soltar una copia del objeto. pulsa "Supr" o haz clic sobre el botón ELIMINAR de la barra de control ESTÁNDAR . El objeto original no se mueve. es arrastrar el objeto. Una forma sencilla de crear una o más copias de un objeto alineado horizontal o verticalmente. Si eliminas accidentalmente un objeto.Trabajar con objetos Eliminar objetos Escoge "Edición > Eliminar". En este caso los objetos eliminados no se colocarán en el portapapeles. El objeto original se deselecciona y el duplicado o el clon se convierte en el objeto seleccionado. También puedes duplicar un objeto mientras lo mueves.

igual que este blanco. La clonación es una forma fácil de crear formas concéntricas. • MOVER ATRÁS (Ctrl+ +B): esto mueve el objeto un nivel hacia atrás. Cada nuevo objeto que creas se coloca arriba de los anteriores. Esto coloca una copia exactamente arriba del original. • LLEVAR ATRÁS (Ctrl+B): esto coloca el objeto atrás de todo. Mover objetos hacia adelante o hacia atrás Las ilustraciones complejas tienen objetos apilados uno sobre otros. (El objeto de adelante siempre cubre a los de abajo y los otros objetos siempre cubren a los que están más abajo. Por lo tanto. ocultará todos los objetos que cubra.96 Trabajar con objetos Clonar Escoge Edición > Clonar o pulsa Ctrl+K. • MOVER ADELANTE (Ctrl+ +F): esto mueve el objeto un nivel hacia el frente. Para asegurar que los objetos se superpongan en el orden correcto. El blanco de la izquierda está construido a partir de tres círculos apilados uno sobre otro. muchas veces necesitas cambiar el orden desde adelante hacia atrás. como si estuviera subiendo un peldaño de una escalera.) El menú Arreglo te ofrece las cuatro opciones siguientes: (Ctrl+F): esto convierte al objeto seleccionado en el objeto de más arriba. TRAER AL FRENTE • . Este ejemplo usa una letra original A con relleno negro y un contorno blanco con una anchura de 4 pt y un clon sin relleno y una línea negra de 1 pt.

pulsa la tecla "+" del teclado numérico mientras giras o haz clic con la tecla derecha del ratón. Mientras arrastras. Pulsa "Ctrl" para limitar la dirección de rotación a uno de los ángulos de restricción. Girar utilizando el ratón La herramienta de SELECCIÓN debe encontrarse en el modo de rotación/doblado (los controles deslizantes de selección tienen forma de flecha). tal como se ve en este pequeño blanco. así el punto volverá al centro de cualquier objeto seleccionado. (Las capas invisibles no se tienen en cuenta al mover objetos). Arrastra el centro de transformación al lugar que desees. " + arrastrar" para hacer girar un objeto alrededor de su centro (el centro de transformación será ignorado).Trabajar con objetos Estas opciones mueven los objetos hacia adelante y hacia atrás en la misma capa. el objeto se extenderá. el objeto gira alrededor del centro de transformación. Puedes definir los ángulos de restricción. . Haz otro clic sobre el objeto para poner la herramienta de selección en el modo de rotación. el centro de transformación (alrededor del cual el objeto gira) aparece inicialmente en el centro del objeto. Más información sobre capas en el capítulo Capas (en la página 275) 97 Girar objetos Esta opción es parte de la herramienta de SELECCIÓN. Para crear una copia mientras realizas un giro. se mantendrá en esta posición para cualquier objeto seleccionado hasta que todos los objetos estés deseleccionados. Arrastra una flecha de una esquina. Si arrastras los controles deslizantes laterales. Esta operación se explica detalladamente en la sección Extender o reducir objetos. MOVER A LA CAPA AL FRENTE y MOVER A LA CAPA DE ATRÁS te permiten mover los objetos entre las capas visibles. Atención: si se mueve el centro de rotación. La barra de información muestra el ángulo de rotación actual. Si el modo de rotación está activado. Consulta el capítulo "Personalización de Web Designer (en la página 333)".

Y. mientras que los ángulos negativos lo realizan en el sentido de las agujas del reloj. también se cambiará el ancho de sus líneas. ancho y alto de la barra de información incluyen el ancho del contorno o pincel. Muchas veces es útil ver y controlar el tamaño exacto de la forma excluyendo el ancho de la línea. Usando el modo de cambio de tamaño. tal como se muestra arriba. El cursor cambiará a un icono de rotación para indicar que puedes girar o doblar el objeto arrastrando el ratón. Girar objetos en el modo de cambio de tamaño También es posible girar y doblar un objeto si no te encuentras en el modo de rotación.98 Trabajar con objetos Rotación con ángulos exactos (utilizando la barra de información) Introduce un ángulo en el campo de rotación y pulsa ↵. Si desactivas este botón. al cambiar el tamaño de un objeto. Cambio del tamaño de objetos (escalar) Esta opción es parte de la herramienta de SELECCIÓN. Puedes activar este botón durante el arrastre y pulsando la tecla / del teclado numérico. Los ángulos positivos realizan el giro en sentido contrario a las agujas del reloj. Botón Escalar anchos de línea Con el botón ESCALAR ANCHOS DE LÍNEA . mueve el cursor hasta las áreas pequeñas cerca de los controles deslizantes de límites de selección. Este control también determina si los valores X. Haz clic sobre las flechas a la derecha para desplazar el ángulo de rotación. . el ancho de las líneas no se modificará.

mueve el centro de transformación al punto deseado y usa los botones de la barra de información para cambiar el tamaño. Esto funciona independientemente de la posición del centro de tranformación. La barra de información muestra el cambio de tamaño actual. x3 y sucesivamente). El objeto cambiará de tamaño a medida que muevas el cursor diagonalmente. Si quieres utilizar otro punto fijo del objeto para realizar la rotación. Si arrastras los controles deslizantes laterales. haz clic derecho o pulsa la tecla "+" del teclado numérico. Arrastra uno de los controles deslizantes de esquina. De ser necesario. puedes cambiar la relación de aspecto al cambiar el tamaño del objeto. Pulsa " " mientras arrastras para cambiar el tamaño del objeto alrededor de su centro. la relación de aspecto ancho:altura permanece constante cuando cambias el tamaño del objeto. Es decir. . Esta operación se explica detalladamente en la sección Extender o reducir objetos.Trabajar con objetos Botón Bloquear relación de aspecto Con el botón BLOQUEAR RELACIÓN DE ASPECTO . el objeto se extenderá o reducirá. 99 Cambiar tamaño utilizando el ratón La herramienta de SELECCIÓN debe encontrarse en el modo de cambio de tamaño (los controles deslizantes de límite son cuadrados). Para crear una copia mientras cambias el tamaño (dejando el original en su lugar). "Ctrl + arrastra" aumenta el tamaño del objeto en múltiplos de su tamaño original (x2. Se recomienda dejar este botón activado la mayoría del tiempo para garantizar que los objetos no se deformen al cambiar su tamaño. que puedes extender el objeto de una forma u otra arrastrando un control deslizante de esquina o introduciendo un nuevo tamaño. haz clic sobre el objeto para cambiar al modo de cambio de tamaño. En otras palabras. Si este botón está desactivado. El tamaño del objeto se encontrará dentro de la escala delimitada por el control deslizante que hayas arrastrado y el opuesto. la forma mantiene las mismas proporciones que el original.

salvo que el objeto cambia de tamaño en una sola dirección. por ejemplo. puedes introducir el valor en cualquier campo de texto para cambiar el tamaño del objeto de acuerdo al porcentaje deseado. . esto cambia el tamaño del objeto pero mantiene su relación de aspecto. Como alternativa. el objeto simplemente se voltea. Puedes introducir cualquier tamaño en cualquier unidad como. Si el botón BLOQUEAR ASPECTO está activado. El tamaño y la relación de aspecto no cambian.100 Trabajar con objetos Cambiar tamaño utilizando la barra de información Introduce el valor en el campo CAMBIAR TAMAÑO DE TEXTO y pulsa "↵". Un clic sobre los botones para VOLTEAR da vuelta el objeto vertical u horizontalmente a partir del centro de transformación. 1 cm. Si cambias el tamaño utilizando los botones de la barra de información (o recuadros de números). 50 reduce el tamaño del objeto a la mitad. Si este botón está desactivado. 200 duplica el tamaño del objeto. pero en sentido contrario. Si el botón BLOQUEAR RELACIÓN DE ASPECTO está activado. • Los valores menores que 100% reducen el objeto. escribe el tamaño deseado del objeto en los campos de texto AL o AN . Extender o reducir objetos utilizando el ratón La herramienta de SELECCIÓN debe encontrarse en el modo de cambio de tamaño. Puedes posicionar el centro en cualquier lugar del objeto. (Los controles deslizantes de selección son cuadrados. Voltear objetos Esta opción es parte de la herramienta de SELECCIÓN. siempre se realizará el cambio de tamaño alrededor del centro de transformación. haz clic en el objeto para activar el modo de cambio de tamaño. La extensión o reducción del objeto son básicamente la misma acción. puedes introducir valores individuales para el ancho y el alto. Extender o reducir objetos Esto es similar a cambiar el tamaño de los objetos. tal como se ha descrito en la sección "Girar objetos". • Los valores mayores que 100% aumentan el tamaño del objeto.) De ser necesario.

El botón BLOQUEAR RELACIÓN DE se ignora. a la derecha el objeto inclinado horizontalmente. inferiores y laterales. Arrastra una de las flechas laterales. El objeto cambiará de tamaño en la dirección de arrastre. Ten en cuenta que sólo se muestran estos controles deslizantes en los rectángulos que no tienen .Trabajar con objetos Utiliza los controles deslizantes superiores. en lugar de los controles deslizantes de esquina para extender o reducir una forma sólo en una dimensión. (Los controles deslizantes de selección tienen forma de flecha). La barra de información muestra el cambio de tamaño actual. superiores o inferiores para inclinar el objeto. También puedes introducir un porcentaje (ancho o alto). 101 ASPECTO Haz clic derecho o pulsa "+" del teclado numérico mientras arrastras para extender o reducir una copia el objeto (dejando el original en su lugar). Ten en cuenta que sólo se muestran estos controles deslizantes en los rectángulos que no tienen una foto en su interior porque extender otros objetos en una sola dimensión rara vez produce resultados correctos (las fotos se distorsionan). Introduce el valor en el campo de texto del ancho o alto (según corresponda) y pulsa "↵". el objeto no se modificará. Inclinar objetos Esta opción es parte de la herramienta de SELECCIÓN. Si está activada la opción BLOQUEAR ASPECTO. cambiarás el tamaño del objeto en vez de extenderlo o reducirlo). el ancho del objeto se duplicará mientras que el alto permanecerá igual. A la izquierda se encuentra el objeto original. Si introduces 200% en el campo % superior. Extender o reducir objetos utilizando la barra de información El BOTÓN BLOQUEAR ASPECTO debe estar desactivado (si está activado. Inclinar utilizando el ratón Cambia la herramienta de SELECCIÓN al modo de rotación/doblado haciendo clic sobre el objeto. Arrastra uno de los controles deslizantes laterales.

Selecciona el objeto o los objetos que quieres difuminar. Introduce un tamaño numérico para la difuminación en el campo de texto. Para crear una copia mientras arrastras. A medida que arrastres la barra deslizante los objetos se difuminarán. El control de difuminación se encuentra sobre el lado derecho de la barra superior después del botón de galerías. Para más información ve a la sección Girar objetos en el modo de cambio de tamaño (en la página 98). Para difuminar un objeto: 1. O haz clic derecho con el ratón para crear copias instantáneas. 2. Esto se llama difuminación. el objeto se inclinará en la dirección del movimiento (vertical u horizontal). A medida que arrastras. Pulsa "Ctrl" para limitar la dirección de inclinación a uno de los ángulos de restricción. . Un ejemplo es cuando se fusionan dos mapas de bits para evitar un borde marcado entre ellos. También puedes inclinar el objeto con la herramienta de selección en el modo de cambio de tamaño. haz clic derecho o pulsa la tecla "+" del teclado numérico (dejando el original adonde estaba antes). utilizando las áreas de inclinación. O Haz clic en la flecha para ver la barra deslizante emergente. si quieres copias adicionales haz clic izquierdo. + arrastra para inclinar el objeto alrededor del centro.102 Trabajar con objetos una foto en su interior porque inclinar otros objetos rara vez produce resultados correctos (las fotos se distorsionan). La barra de información muestra el ángulo de inclinación actual. Inclinar utilizando la barra de información Para inclinar horizontalmente introduce un ángulo en el campo de inclinación y pulsa "↵". Difuminación (Feathering) Si quieres que los bordes de un objeto sean borrosos (blur) para que el objeto se desvanezca en un objeto de fondo.

Si has seleccionado varios objetos. MAGIX Web Designer 6 ofrece tres tipos de ajuste: • Ajustar a cuadrícula • Ajuste magnético • Ajustar a líneas guía u objetos guía Ajustar a cuadrícula es muy útil para espaciar los objetos en intervalos precisos o cambiar el tamaño en múltiplos exactos de un valor determinado. las plantillas de documento web tienen el ajuste a la cuadrícula activado con un sólo píxel. puntos o esquinas arriba de otras líneas puntos o esquinas de objetos cercanos. Si has agrupado los objetos. se creará un ajuste. Ajuste El ajuste facilita el posicionamiento de esquinas o puntos específicos de objetos en lugares precisos.Trabajar con objetos 103 La difuminación fusiona los bordes de los objetos o los hace borrosos. todos los objetos y posiciones son píxeles enteros. el ajuste magnético es una forma general de posicionar líneas. la difuminación aparecerá alrededor de cada objeto. en general. Las líneas guía se utilizan para alinear esquinas (aunque usar objetos guías es más poderoso) y. Puede utilizarse para alinear esquinas a un punto o línea específico o para espaciar objetos en intervalos regulares utilizando la cuadrícula. por lo que. Ajustar a cuadrícula Si se ha seleccionado AJUSTAR A CUADRÍCULA . Puedes controlar el espaciado de la cuadrícula en el diálogo de opciones (Herramientas > Opciones). finalmente. (separador decimal) del teclado numérico. los puntos de cuadrícula funcionan como imanes. Esta opción se controla en Ventana > Ajustar a cuadrícula o pulsando . Al arrastrar un control deslizante de punto cerca de un punto de cuadrícula. . la difuminación aparecerá alrededor del conjunto de objetos agrupado. Por defecto.

los bordes inferiores izquierdos se han ajustado al punto de cuadrícula más cercano. El ejemplo muestra una forma con un contorno gris muy grueso. cambia los valores de cuadrícula a.104 Trabajar con objetos Al arrastrar objetos. Esto significa que la cuadrícula tiene un espaciado de un píxel de pantalla y puede parecer que no se estuviera trabajando a un nivel normal de 100%. Como el objeto fue arrastrado hacia abajo a la izquierda. Si amplías la imagen a 500%. por lo que se encuentra parcialmente dentro de la forma y parcialmente fuera. El borde que se ajustará depende de la dirección en que se arrastra al objeto. los objetos se ajustarán al centro matemático de la línea. . el contorno de la forma en sí mismo (puedes ver que el contorno grueso está dibujado de forma igual a cada lado del centro de la línea. Ajuste y ancho de línea El control MODIFICAR ANCHOS DE LÍNEA de la barra de información de la herramienta de SELECCIÓN también controla si el ajuste debe realizarse al borde del contorno de objeto o al centro verdadero de la línea. por ejemplo. que es lo mismo que el borde externo de la línea si no tuviera un contorno. los bordes se ajustarán a los puntos de cuadrícula. verás que se ajusta de forma correcta. Como alternativa.) Si desactivas este control. La forma tiene un contorno gris muy ancho. 10 subdivisiones. lo que significa que los puntos de cuadrícula están en límites de 5 píxeles. Nota: el espaciado de cuadrícula por defecto es 50 píxeles para las líneas principales con 50 subdivisiones. También muestra una línea negra delgada. Este ejemplo muestra una cuadrícula con 5 subdivisiones entre las divisiones mayores.

entonces el punto debajo del ratón se ajustará al contorno u otro "punto de interés" de la forma visible. Esto te permite hacer que los puntos "se peguen" más que las líneas en sí mismas. Por ejemplo. Cuando escoges un objeto con el ajuste magnético activado. Cuando arrastras el objeto y el ajuste magnético está activado. escogiendo la esquina del cuadrado (o muy cerca) y arrastrándolo hasta el centro del círculo. El capítulo Personalización de Web Designer contiene detalles del diálogo de Opciones. . Esto es controlado por el botón del pequeño imagen en la barra de botones ESTÁNDAR : 105 O a través del menú Ventana > Ajustar a objetos o pulsando * en el teclado numérico. Una capa guía se crea automáticamente cuando creas una línea guía (ver a continuación) o puede crearse de forma manual con un clic derecho en la GALERÍA DE CAPAS y seleccionando CREAR UNA CAPA GUÍA . Lee el capítulo "Capas para más información (en la página 275)". Objetos guía y líneas guía Los objetos guía y las líneas guía son objetos de una capa especial: la capa guía. • Y una distancia a cada lado de los segmentos de línea. utilices la posición exacta para realizar el ajuste. sino que se asegura que si seleccionas un objeto cerca de un borde o punto. Puedes utilizar esta opción. puntos y bordes de los objetos a cualquier otro objeto para que se toquen. Esta herramienta es doblemente inteligente: no sólo ajuste al punto que estás arrastrando. El indicador de ajuste de la barra de estado te mostrará cuando los objetos se hayan ajustado. incluso para alinear el centro de los objetos. Puedes especificar dos distancias: • Un círculo alrededor de cada control deslizante. El "punto de interés" se define como un contorno o cualquier punto de control sobre el contorno y otras posiciones como el centro de los objetos. puedes alinear la esquina de un cuadrado al centro exacto del círculo. se selecciona el "punto de interés" más cercano. La distancia de ajuste se controla a través de la pestaña del RATÓN del diálogo de OPCIONES (Herramientas > Opciones). Por ejemplo. si quieres que varias líneas comiencen precisamente en el mismo punto o quieres que una línea se junte con precisión al borde de un círculo.Trabajar con objetos Ajuste magnético de objeto El ajuste magnético de objeto es una forma muy precisa de alinear líneas. la utilización del ajuste magnético te lo permitirá.

Para copiar objetos en la misma posición relativa a la capa guía utiliza el shortcut Ctrl+ + V. Esto puede ser cualquier objeto incluyendo líneas en cualquier ángulo. Puedes crear objetos directamente en la capa guía si la seleccionas y creas objetos de forma usual. Esto crea automáticamente una capa guía y coloca la línea guía en esa capa. pero los objetos se verán con contornos de puntos rojos y el ancho de línea o color de relleno se ignorará. MOVER A LA CAPA DE ADELANTE y MOVER A LA CAPA DE ATRÁS en el menú Arreglo ignora la capa guía y no puede utilizarse para mover objetos a esta capa.) Puedes usar los objetos guía para dibujar líneas de construcción como líneas que pasan a través de un punto imaginario para un dibujo en perspectiva. Crear un línea guía Las líneas guía son líneas verticales u horizontales que sirven para alinear rápida y fácilmente una serie de objetos en la página. formas irregulares y QuickShapes. Esta información se guardará.106 Trabajar con objetos Usa la opción AJUSTAR A GUÍAS del menú Ventana (o la tecla 2 del teclado numérico) para activar el ajuste a objetos guía. Puedes crear. La galería de capas muestra la capa guía seleccionada encima de otras dos capas. Cualquier objeto colocado en la capa guía se convierte en un objeto guía. También puedes cortar o copiar objetos desde otras capa y pegarlos en la capa guía. Colocar objetos en la capa guía Primero asegúrate que haya una capa guía en la GALERÍA DE CAPAS (ver más arriba). . • Activa las reglas (Ctrl+L). el ancho de línea y los colores se verán nuevamente. • Arrastra desde una regla hasta la página O • Doble clic sobre la regla para crear una línea guía alineada al punto de clic. y si posteriormente mueves el objeto desde la capa guía a una capa normal. eliminar y cambiar el tamaño de los objetos de la capa guía al igual que en las otras capas.

doblar. 3. Selecciona todos los objetos que quieres incluir en el grupo. 4. Muchas veces crearás formas complejas a partir de varios objetos diferentes. O haz clic derecho sobre la línea guía y escoge Eliminar. doblas. lee el capítulo Transparencia (en la página 188) y Sombras (en la página 190). moverlos. Para más información. 2.Trabajar con objetos O. escoge la pestaña Guías. usa la galería de capas: 107 1. Desagrupar objetos 1. 2. El objeto original no se modifica. 5. La opción Arreglo >Agrupar. cambias de tamaño. escalarlos o realizar cualquier otra operación sobre todo el grupo. dependiendo si se trata de objetos agrupados o no. 2. todos los objetos individuales quedarán seleccionados. Agrupar y desagrupar objetos Las herramientas de sombra y transparencia ofrecen diferentes resultados. Introduce la posición deseada. Haz clic en Nuevo. Selecciona el grupo. Selecciona horizontal o vertical. Para crear un grupo 1. Después podrás seleccionar los objetos agrupados y copiarlos. conserva el ancho de línea intacto al cambiar de tamaño el objeto. . cambiar de tamaño. etc. te permite unir estos objetos para que parezcan un solo objeto. la regla horizontal para horizontales). Eliminar una línea guía Utiliza la herramienta de selección para arrastrar la línea guía hasta la regla apropiada (la regla vertical para líneas guía verticales. activa y desactiva el ajuste magnético. conserva el relleno sin cambios al mover. Clic derecho sobre la galería de capas y escoge PROPIEDADES De ser necesario. Escoge Arreglo > Desagrupar (o Ctrl+U). Resumen de shortcuts del teclado numérico + / * crea una copia mientras arrastras. etc. Escoge Arreglo > Agrupar (o Ctrl+G) para crear el grupo. Después de esto.

(También puedes utilizar esto para seleccionar un "grupo dentro de un grupo". 4. no pueden estar en varias capas al mismo tiempo. (Es decir. Web Designer recuerda la información original de agrupación. para cambiar su color. la selección dentro del grupo se moverá al objeto siguiente o anterior. mientras los otros objetos permanecen seleccionados. Si desagrupas los objetos posteriormente. Puedes escoger Arreglo > Agrupar para volver a agrupar los objetos restantes. Grupos suaves (soft groups. como se explicó en "Agrupar y desagrupar objetos" (en la página 107).) Si pulsas Tab o +Tab. el grupo se creará en la capa que contenga el objeto más cercano al frente. incluso los que son invisibles o se encuentran . Eliminar objetos de un grupo 1. también se seleccionarán otros componentes del mismo grupo suave. Los GRUPOS SUAVES te permiten conectar objetos a través de distintas capas. puedes utilizar Alt+clic para seleccionar el objeto debajo del objeto seleccionado. Si seleccionas un componente de un grupo suave.) Ctrl+clic sobre el objeto. Selecciona el grupo.108 Trabajar con objetos Para añadir más objetos a un grupo 1. Una vez que has seleccionado un objeto dentro del grupo. Grupos y capas Más información sobre capas en el capítulo Capas (en la página 275) Si todos los objetos que quieren agruparse se encuentran en una sola capa. 3. Seleccionar un objeto dentro de un grupo (Por ejemplo. Desagrupa (Ctrl+U) Selecciona los objetos adicionales Agrupa nuevamente (Ctrl+G) También puedes incorporar un grupo en un segundo grupo. Si los objetos se encuentran en más de una capa. 2. el grupo se creará en esa capa. +clic sobre los objetos que quieres eliminar. El grupo se encuentra en el nivel del mayor miembro del grupo. Esto se llama "seleccionar dentro". 2. Esto los deselecciona. el grupo se convierte automáticamente en el objeto de adelante). en inglés) Los grupos normales. sólo se colocan en una capa. omitiendo el paso 2. aparecerán los grupos originales. Desagrupar los objetos.

La barra de estado te indica cuando un grupo suave ha sido seleccionado. Ten en cuenta que si el grupo suave va a tener componentes en capas invisibles o bloqueadas. pero no estarán más asociados en un grupo suave. Los grupos suaves son prácticos para cuando quieres mantener juntos los objetos que están relacionados. Esto significa que cuando muevas. 109 Creación de grupo suaves Para crear un grupo suave. Sólo el texto será sincronizado. Por ejemplo. eventualmente en diferentes estilos y si quieres que cada objeto tenga la misma etiqueta. tendrás que hacer esas capas temporalmente visibles y editables utilizando la galería de capas para poder seleccionar los objetos y agruparlos en un grupo suave. los estados MOUSEOFF y MOUSEOVER de un botón web se agrupan en un grupo suave para que el otro estado también guarde los movimientos o transformaciones.Trabajar con objetos bloqueados. si cambias el texto de un objeto. Los objetos no serán borrados. fuentes o atributos. Sincronización de texto Todos los objetos que tengan el mismo valor de texto y que estén en el mismo grupo suave serán sincronizados si alguno de los objetos se edita. gires o transformes un componente de un grupo suave. Entonces. . La sincronización de texto utilizando los grupos suaves es práctico cuando tienes una etiqueta que está duplicada en varios sitios. todos los otros objetos también se modificarán de forma similar. seleccionar "ARREGLO > ELIMINAR GRUPO SUAVE " (o pulsa “Ctrl + Alt + U”). selecciona todos los objetos que quieras incluir en el grupo y luego escoge "ARREGLO > APLICAR GRUPO SUAVE " (o pulsa "Ctrl + Alt + G"). Eliminación de grupos suaves Para deshacer un grupo suave. todos los otros objetos que tengan el mismo texto serán modificados. Un objeto no puede ser miembro de más de un grupo suave y los grupos suaves no pueden ser parte de otros grupos suaves. los objetos pueden tener diferentes tamaños.

sólo al confirmar con APLICAR . modifícala y haz clic nuevamente en APLICAR para volver a utilizar la última configuración. Las opciones son: LÍMITES DE SELECCIÓN : los límites son los bordes externos de los objetos seleccionados. Si tu selección no es la correcta. Dentro Esta sección del diálogo controla los límites dentro de los que alineas o distribuyes los objetos. De esta forma. Esta posición relativa no tiene efecto en la página. . puedes cambiar entre herramientas o dibujos. lo que significa que el diálogo puede permanecer abierto mientras trabajas en el documento.110 Trabajar con objetos Alineación Esto permite alinear dos o más objetos con precisión. El diagrama de la parte superior del diálogo te muestra el efecto de cada configuración. De esta forma. El diálogo de alineación no es modal. Selecciona los objetos que quieres alinear y escoge "Arreglo" > "Alineación" (Shortcut: Ctrl + Shift + L). Los objetos correspondientes se modificarán en el documento. puedes ahorrar mucho tiempo. modificar la selección y después escoger una de las opciones de alineación.

por ejemplo. Todas las opciones de alineación actúan de forma similar. por ejemplo. 2. Haz clic en APLICAR . límites de selección. 4. Con las opciones normales de los "límites de la selección" el objeto que se encuentre más a la izquierda será el objeto de referencia (el que no se moverá). Los objetos seleccionados se moverán para alinearse al borde izquierdo.) Todas las opciones de distribución funcionan de forma similar.) 111 Alineación Para alinear objetos para que. Este objeto no será afectado por el alineamiento. DISTRIBUIR BORDES SUPERIORES : . selecciona los objetos. 3. Puedes utilizar esto para definir el objeto de "referencia" cuando quieres alinear varios objetos en una fila. pero también puede ser la página o doble página. los límites son los bordes de página. La distribución de BORDES INFERIORES es la inversa: la parte inferior de los objetos se distribuyen de forma regular. Mostramos solamente el ejemplo de alineación izquierda para ser breves. por ejemplo. Distribuir Las opciones de distribución posicionarán los objetos seleccionados de forma regular dentro del área (generalmente los límites de selección. De ser necesario. por ejemplo. Selecciona la opción DENTRO deseada.Trabajar con objetos LÍMITES DE UN OBJETO DE ATRÁS : los límites son los bordes externos del objeto seleccionado que se encuentre atrás de todo. Selecciona ALINEAR A LA IZQUIERDA para la posición horizontal. Experimenta para aprender sobre las otras opciones. Deja la posición vertical SIN CAMBIOS. sus bordes izquierdos queden alineados a la izquierda: 1. 5. centrar objetos en la página o alinear a partir del borde de página. Los siguientes ejemplos muestran las diferentes opciones verticales para alinear objetos: las partes superiores de los objetos se distribuyen de forma regular. PÁGINA/S : si los objetos se encuentran en una sola página. (Esto te permite.

. siempre puedes deshacer la operación. DISTRIBUIR EN ESPACIOS IGUALES : los objetos presentan espacios regulares entre uno y otro. por ejemplo. quieres distribuir esta colección de elipses para que presenten espacios iguales y sus bordes superiores estén alineados: • Selecciona las formas • Abre el diálogo de alineación (Ctrl+Mayús+L) • Asegúrate de que la sección DENTRO muestre la opción LÍMITES DE SELECCIÓN • Selecciona las posición horizontal: distribuir centros • Selecciona la posición vertical: alinear arriba • Haz clic en APLICAR . Si. Escoge "EDICIÓN > PEGAR ATRIBUTOS " (o "Ctrl+ +A"). Copiar estilos: pegar atributos Esto te permite copiar atributos (como el modelo de línea o el color de relleno) entre objetos. sombra. 3. pero funcionan en dirección horizontal. Si se copia y se pegan los atributos al círculo del centro. Selecciona el/los objeto/s a los que quieres aplicar los atributos. Recuerda que si te has equivocado. El cuadrado tiene un color. 2. 4. con espaciado horizontal equidistante y alineación superior. Las opciones de posición horizontal son similares. o Ctrl+C). estilo de línea y relleno específicos. Ahora se verán así. 1. Es una forma rápida de aplicar múltiples atributos a un objeto. Copia la selección al portapapeles. (EDICIÓN > COPIAR .112 Trabajar con objetos DISTRIBUIR CENTROS : los centros de los objetos se distribuyen de forma regular. el resultado será el círculo de la derecha. Selecciona el objeto cuyos atributos quieres copiar.

color y otros estilos de atributos. haz clic en el objeto para aplicar el estilo • Pulsa "Ctrl+ +A" para aplicar los atributos Atención: la mayoría de los atributos pueden copiarse de esta forma. incluyendo sombras. El uso más común es para formar series de objetos. . los biseles no pueden copiarse de un objeto a otro. Después. Nombrar objetos Puedes aplicar nombres a cualquier objeto del MAGIX Web Designer 6. etc. utilizando la opción "Aplicar. Ejemplos del uso de nombres Animaciones Flash: los nombres para las animaciones Flash se usan para marcar objetos a los que se les añadirán animaciones con el exportador Flash. la forma más sencilla de utilizar uno de estos estilos es: • Haz clic sobre el objeto fuente. Objetos repetidos: se utiliza una convención especial de nombres para identificar un objeto que aparecerá en la misma posición y con la misma forma en múltiples páginas. efectos en vivo.. si el objeto en el que se tiene que copiar el bisel posee ya un bisel para aplicar a los atributos de bisel. estilos de relleno. Esto te permite editar una copia del objeto y actualizar todas las otras copias para que estén iguales. valores de difuminación. "Ctrl+Tab" para cambiar rápidamente entre documentos). Lee el capítulo sobre Flash (en la página 283) para más detalles. Ver el capítulo "Objetos repetidos" (en la página 114) en Primeros pasos. La aplicación de nombres es un mecanismo que tiene una variedad de usos que serán explicados a continuación. 113 Librerías de estilos Es bastante fácil utilizar esta técnica para crear documentos que pueden utilizarse como librerías de estilo. Sin embargo. "Ctrl+C" para copiar el estilo • Ve al objeto de destino (que puede encontrarse en otro documento. Crea una serie de pequeños objetos con un relleno. quitar o verificar nombres de objetos" en la barra de información de la HERRAMIENTA DE SELECCIÓN. Esto te permite repetir la función de 'pegar' todas las veces que quieras.Trabajar con objetos El objeto permanece en el portapapeles hasta no ser sustituido por la operación 'copiar' o 'cortar'.

selecciona el objeto y abre el diálogo APLICAR/ELIMINAR NOMBRES utilizando el botón de la BARRA DE INFORMACIÓN DE LA HERRAMIENTA DE SELECCIÓN . Introduce el nuevo nombre en el campo "Aplicar nombre" o utiliza la lista desplegable del mismo campo para seleccionar un nombre que ya haya sido utilizado en otra parte del documento actual. Objetos repetidos En las páginas web es muy común que ciertos elementos se repitan en todas las páginas como. El campo de texto superior del diálogo te indica cuántos objetos están seleccionados actualmente. verás la palabra "<muchos>" indicando que se han aplicado distintos nombres para los diferentes objetos de la selección. El nombre aparecerá en la lista "NOMBRES APLICADOS ". por ejemplo: los botones de navegación. haz clic en el nombre en la lista "Nombres aplicados" y luego haz clic en el botón ELIMINAR . Si hay más de un objeto seleccionado. los encabezados o los logos.114 Trabajar con objetos El diálogo carece de modo así que puedes cambiar la selección mientras el diáolog esté abierto. sólo se mostrará una lista de los nombres aplicados si todos los objetos de la selección tienen la misma serie de nombres. Si no es así. Muestra los nombres para la selección actual. Haz clic en AÑADIR. Web . Añadir nombres Para añadir un nombre a un objeto. Nombres aplicados El campo de "NOMBRES APLICADOS " te muestra los nombres que se han aplicado en la selección actual. Para quitar un nombre de un objeto seleccionado.

Sin embargo. como la dirección web o un texto. • Selecciona el objeto y haz clic en el botón "Aplicar nombre" en el extremo derecho de la barra de información de la herramienta de selección. Haz clic en cualquier parte de la página (también en el exterior) para activarla. Esto significa que puedes editarlos en una sola página. Si no quieres una copia en la página. también puedes utilizar el sistema de "Objetos repetidos". En la mayoría de las plantillas de diseño se repiten los botones principales de navegación.Trabajar con objetos Designer te ofrece la posibilidad de repetir cualquier elemento en el mismo lugar de las páginas del sitio. puedes seleccionar en el menú Arreglo > Actualizar objetos repetidos y se actualizarán los botones en todas las páginas. Uso avanzado de objetos repetidos También puedes hacer que cualquier elemento sea un elemento repetido asignándole un nombre especial de repetición. Nota: se utiliza la página actual como fuente original para actualizar los elementos repetidos de todas las páginas. Si vuelves a seleccionar ACTUALIZAR OBJETOS REPETIDOS sólo se actualizarán los elementos que ya existen en la página. 115 Pies de página Si quieres que aparezca un pie de página en la parte inferior de todas las páginas. un grupo o múltiples elementos) y escoge la opción "REPETIR EN TODAS LAS PÁGINAS ". Esta opción es muy práctica porque coloca los pies de página siempre en el mismo lugar. Los textos de logos y pies de página generalmente se configuran como objetos que se repiten. Es muy fácil crear tus propios elementos repetidos. Selecciona el elemento (puede ser un elemento individual. La página seleccionada es la que estás utilizando para trabajar y tiene marcadores alrededor de las esquinas de la página. y el objeto se actualizará en todas las otras páginas. Se copiará el objeto en el mismo lugar en todas las páginas. Por eso es importante que te asegures de estar en la página correcta antes de seleccionar una opción del menú. Para efectuar más cambios en el elemento seleccionado. si la barra está configurada como BARRA DE NAVEGACIÓN DEL SITIO aparecerá automáticamente en todas las páginas de tu sitio y no es necesario que utilices la opción Actualizar objetos repetidos para estas barras. sólo tienes que seleccionar cualquier objeto y escoger ARREGLO > REPETIR EN TODAS LAS PÁGINAS . Cuando cambies un botón. se guardarán los cambios en todas las páginas. independientemente de la longitud de la página. escoger Arreglo > Actualizar objetos repetidos. Cuando actualices una de las copias. selecciona ARREGLO > ACTUALIZAR OBJETOS REPETIDOS para que se actualicen todas las copias. . sólo tienes que borrarla de esa página.

• Haz clic en el botón Añadir para aplicar el nombre. cuando edites o hagas cambios al elemento y selecciones ARREGLO > ACTUALIZAR OBJETOS REPETIDOS . Ahora. O utiliza utiliza el menú ARREGLO > REPETIR EN TODAS PÁGINAS .ej.ej. La página seleccionada es aquella en la que estás trabajando y se distingue por los elementos que aparecen alrededor de las esquinas de la página. Detención de la repetición de objetos La función ARREGLO > DETENER REPETICIÓN te permite desactivar la naturaleza de repetición de un objeto o en todas las copias de ese objeto en tu sitio web. éstos deben tener un nombre Repetido distinto (p. Si quieres que este objeto se actualice en muchas páginas. A partir de este momento. por ejemplo. sólo las páginas que tengan objetos repetidos se actualizarán (no insertará estos elementos en páginas vacías). Nota: esta función actualiza los objetos repetidos de la página actual en todas las otras páginas que contengan los mismos elementos repetidos.116 Trabajar con objetos • Agrégale un nombre que comience con 'REPEATING: '. pero luego quieras .: un grupo de botones) seleccionando todos los botones y aplicando el nombre a toda la selección de una vez. primero cópialo manualmente en todas las páginas en las que quieras incluirlo. Eso es.ej. se actualizará cuando seleccionas "Actualizar objetos repetidos". Pero ten en cuenta que si quieres trabajo por separado con distintos objetos en diferentes partes de la página (p. Nota técnica: esta función identifica los nombres "repetidos" y los reemplaza con los elementos correspondientes de la página original (la página seleccionada).: encabezados y pies de página). todas las copias se actualizarán. Es importante comprender que los objetos repetidos no se actualizan de forma automática. Puedes aplicar el nombre repetido a cualquier selección (p. sino que sólo cuando hayas escogido la opción Arreglo > Actualizar objetos repetidos. Esto debe estar seguido de un nombre exclusivo para ese elemento.: Repetido: pie de página). hayas utilizado ARREGLO > REPETIR EN TODAS LAS PÁGINAS para copiar un objeto en todas las páginas de tu sitio web. Si utilizas la opción del menú REPETIR EN TODAS LAS PÁGINAS . Utiliza esta opción cuando. se creará un nombre "Repeating:AutoRepetición" apropiado que se aplicará a todas las copias.

Esto es porque las barras de navegación del sitio se actualizan siempre en toda la página. Escoge la opción TODOS . Ten en cuenta que no puedes usar Arreglo > Detener repetición para las barras de navegación con la opción BARRA DE NAVEGACIÓN DEL SITIO activada en el DIÁLOGO DE BARRAS DE NAVEGACIÓN . . Simplemente selecciona uno de los objetos y escoge ARREGLO > DETENER REPETICIÓN. Ahora. La posición del objeto repetido en la página determina si será considerado un encabezado o un pie de página. 117 Encabezados/Pies de página Puede ocurrir que tengas páginas de distintas longitudes y que quieras que algunos de los objetos repetidos se inserten en una posición determinada como los encabezados y los pies de página. Se te preguntará si quieres dejar de repetir el objeto seleccionado o todas las copias del objeto. en relación con la parte inferior de la página. Arreglo > Detener repetición también es útil si quieres crear una copia de un objeto repetido en una página (p. Los otros objetos repetidos (aquellos que no cubran ningún área de la parte superior de la página) se moverán a la misma posición. cada copia puede editarse de forma independiente y la próxima función "Actualizar repetición" no las modificará. un pie de página o un logo) y no quieres que esa copia se actualice con "Actualizar repetición".ej. Los objetos repetidos de la mitad superior de la página se moverán a la misma posición de acuerdo a la altura de cada página. En este caso escoge la opción SÓLO ESTA COPIA cuando se te pregunte. Consulta el capítulo Barras de navegación para más información sobre las barras de navegación del sitio.Trabajar con objetos modificar dichos objetos para que sean diferentes en cada página de forma que dejen de estar conectados entre sí. MAGIX Web Designer 6 realiza esto automáticamente.

118 La herramienta de edición de formas La herramienta de edición de formas La herramienta de EDICIÓN DE FORMAS es la herramienta principal para crear curvas. que se muestra arriba. así como para editar y modificar las líneas y las formas. añadir y eliminar estos controles deslizantes para manipular la forma de la línea o contorno. en honor al primer matemático en describirlas. ofrece una amplia variedad de controles. Puedes arrastrar. incluyendo un control numérico muy preciso. Estas secciones o segmentos de una línea están señalados por pequeños controles deslizantes negros. Todas las líneas y formas en MAGIX Web Designer 6 están formadas a partir de una secuencia de curvas y secciones de línea. líneas y formas precisas. las curvas se denominan Bézier. . Añadir/Cambiar/Editar indicador Crear curva Crear línea Unión en curva Unión marcada Separar en puntos Eliminar puntos Invertir trayectoria Posición de los controles deslizantes Suavizado La barra de información. Muchas veces.

La herramienta de edición de formas Para dibujar un segmento de línea recto Para comenzar una línea recta en la herramienta de EDICIÓN DE FORMAS 119 1. Esto crea un control deslizante. ni de arriba hacia abajo). Esto te garantiza que el próximo clic dibujará un segmento de línea recto. (Puedes comenzar una línea en cualquiera de los extremos. Para dibujar un segmento de línea curvo: Esto es similar a iniciar una línea recta (descrito anteriormente). selecciona el botón CONVERTIR EN LÍNEA de la barra de información. (Shortcut L). Haz clic donde quieras comenzar la línea. (Shortcut C) Haz clic o arrastra (igual que lo descrito para las líneas rectas) para crear un segundo control deslizante y un segmento curvo se añadirá a la línea. Mezclar líneas curvas y rectas Para crear un objeto que sea una mezcla de segmentos rectos y curvos. . cambia entre los botones CONVERTIR EN CURVA y CONVERTIR EN LÍNEA mientras creas el objeto. no es necesario trabajar de izquierda a derecha. De ser necesario. 1. Haz clic donde quieras comenzar la línea. 2. selecciona el botón CONVERTIR EN CURVA . 2. Este se ve como un cuadrado rojo para señalar que está seleccionado. (O pulsa L o C de tu teclado). Esto crea un segmento de línea y selecciona el nuevo control deslizante del extremo. De ser necesario. 3. Haz clic donde quieras colocar el próximo control deslizante o haz clic y arrastra y después suelta el botón del ratón cuando la línea sea correcta.

la barra de información muestra lo siguiente: • • • NUEVO : AÑADIR : clic para comenzar una nueva línea. clic para extender la línea. Esto sólo es aplicable a la herramienta de edición de formas. Puedes arrastrarlos para ajustar el ángulo y el radio de la curva. En el modo actual. Asegúrate de seleccionar un punto de control deslizante que se encuentre en un extremo (contorno rojo) y después haz clic para añadir una nueva sección de línea o curva.120 La herramienta de edición de formas Un segmento curvo tiene CONTROLES DE CURVA asociados con el control deslizante de punto seleccionado. Añadir un nuevo punto de control La herramienta de EDICIÓN DE FORMAS tiene tres modos dependiendo si no hay ningún punto de control seleccionado (un clic iniciará una nueva línea). o pulsa "Esc" para terminar la línea y deselecciónala. . si está seleccionado un control del extremo de la línea (un clic añadirá una nueva sección) o si está seleccionado uno o más controles (puedes arrastrar o cambiar los controles deslizantes). CAMBIAR : arrasta o elimina puntos de control. Cada clic sucesivo coloca un nuevo punto de control deslizante y dibuja un nuevo segmento de línea a partir del punto de control deslizante seleccionado. El próximo clic creará una nueva línea. Extender la línea. Finalizar la línea + clic completa la línea (manténla seleccionada).

después: 1. Haz clic sobre la línea para añadir un nuevo punto de control sobre la línea. . Selecciona un punto de control con un clic. por ejemplo. la forma se cerrará. Arrastra el punto de control a la posición deseada. Esto se describe en "Cerrar una forma". Coloca el cursor y haz clic para añadir una nueva sección. Para añadir un nuevo control deslizante en el inicio de una línea: 1. 3. 2. 2. ( +clic también elimina la selección). Todos los puntos de control que se encuentren dentro del rectángulo se seleccionarán. Coloca el cursor en posición y haz clic.La herramienta de edición de formas Al final de una línea: 121 Selecciona la línea. Haz clic en el punto de inicio. +clic sobre otros puntos de control para seleccionarlos. En el medio de una línea: Selecciona la línea. De ser necesario. Seleccionar múltiples puntos de control Es posible que quieras seleccionar varios puntos de control para. después: 1. 2. 2. Para esto: 1. Al inicio de una línea: Si el punto de fin está seleccionado y haces clic sobre el punto de inicio. O +Ctrl+clic sobre un punto de control para seleccionar todos los puntos de control de la línea. O arrastra el cursor del ratón diagonalmente para crear un rectángulo de selección. haz clic en el punto de fin para seleccionarlo. Termina la línea con + clic. eliminarlos o moverlos como un grupo o cambiar una región de puntos a líneas curvas o rectas.

Si la línea tiene uno o más puntos de control seleccionados: Fin mueve la selección al final de la línea. Los campos X/Y de al lado indican las coordenadas de los controles deslizantes de curva a cada lado del punto seleccionado. Tab mueve la selección al próximo punto de control hacia el fin de la línea. . las coordenadas X/Y se miden a partir de la esquina inferior izquierda de la página. Mover puntos de control formas Herramienta de edición de Puedes mover el o los controles deslizantes seleccionados: • Arrastra los controles deslizantes usando el ratón. • O utiliza las teclas de flechas de tu teclado. - Los puntos de inicio y fin son importantes cuando se aplican flechas. introduce los valores nuevos en los campos de texto de la barra de información (ver más abajo). +tab mueve la selección al próximo punto de control hacia el inicio de la línea. Inicio mueve la selección al comienzo de la línea. Por defecto. 3. Puedes cambiar esto en la pestaña "Cuadrícula y regla (en la página 334)" en el diálogo de opciones. Utilización de los campos de texto de la barra de información Los dos campos de texto centrales siempre muestran las coordenadas X/Y del punto seleccionado. O para mover un solo control deslizante. Eliminar puntos Selecciona el o los puntos de control tal como se describe anteriormente y haz clic sobre el botón ELIMINAR PUNTOS (barra de información del EDITOR DE FORMAS ) o pulsa la tecla Supr. Esto añade todos los puntos dentro del rectángulo a aquellos que ya están seleccionados.122 La herramienta de edición de formas O + arrastra el cursor del ratón diagonalmente para crear un rectángulo de selección.

Selecciona todos los puntos de la parte de la línea que quieres suavizar. Arrastra la barra de suavizado del final de la barra de información de la EDICIÓN DE FORMAS . Las formas importadas de un examinador pueden contener puntos innecesarios sobre las líneas. 123 Longitud y ángulo para la línea recta Posición del punto seleccionado Posición del control de la curva Suavizar una línea Solo con herramienta de edición de forma. Las líneas con demasiados puntos pueden ser poco manejables y reducir la velocidad de renderización. los campos izquierdos muestran la longitud y el ángulo de la línea. MAGIX Web Designer 6 puede suavizar la línea para eliminar puntos innecesarios. por ejemplo. (Lee más arriba). . arrastrar un control deslizante. Los puntos eliminados se recuerdan para que puedas realizar otros cambios al suavizado de la línea con solo ajustar la barra deslizante. Puedes ajustar estos valores introduciendo uno nuevo y pulsando Intro. Es probable que la forma más sencilla de seleccionar una gran cantidad de puntos sea la selección con arrastre sobre la región en la HERRAMIENTA DE EDICIÓN DE FORMAS .La herramienta de edición de formas Si el punto seleccionado se encuentra al final de una sección de línea curva. Los puntos eliminados se eliminan cuando realizas otra edición a la línea como.

Arrastrar un segmento de línea recto lo cambia a un segmento de línea curvo. Cambiar curvas Uso del control de curva Arrastrar el control de curva ajustará la curva de los segmentos de curva contiguos. . Al arrastrar un control deslizante de curva. arrastrando el segmento de línea entre los puntos. Restringir la línea Cuando arrastras un punto de control y pulsas la tecla de restricción (Ctrl). Arrastrar el segmento de línea También puedes cambiar la curva. comprueba que no estén seleccionados. en la pestaña GENERAL ).124 La herramienta de edición de formas Consejo: para asegurarte de que no se borren puntos importantes. el ángulo está restringido. Nota la diferencia entre arrastrar una línea para cambiar su forma y hacer clic en la línea para añadir un nuevo punto de control. el movimiento se limitará al ángulo de restricción (controlado en el diálogo de OPCIONES . Mueve los controles deslizantes de curva hacia o desde el punto de control para arrastrar la curva en la dirección requerida. ( +clic sobre un punto seleccionado para eliminar la selección).

Esto puede cambiar la forma de la curva. Selecciona los puntos de control de los dos finales del segmento de línea. Si se mueve un control de curva. 2.La herramienta de edición de formas Crear uniones en punta Generalmente. Para esto. MAGIX Web Designer 6 dibuja una curva suave a través de un punto de control. O selecciona el punto de control y: Haz clic sobre el botón UNIÓN EN CURVA S o pulsa S en tu teclado. Para esto. Ahora puedes mover cada control de curva de forma independiente. los dos controles de curva a cada lado del punto de control están unidos. 2. Los dos controles de curva se han vinculado y se mueven a lados opuestos del punto de control. Haz doble clic sobre el punto de control. necesitas desvincular los controles de curva: 125 1. Haz clic en CONVERTIR EN LÍNEA o CONVERTIR EN CURVA en la barra de información o pulsa L o C en tu teclado. O selecciona el punto de control y: Haz clic sobre el botón UNIÓN EN PUNTA Z o pulsa Z en tu teclado. Haz doble clic sobre el punto de control. también se moverá el otro. Crear uniones en curva Para convertir una unión en punta en una curva: 1. Muchas veces quieres crear una unión en punta. Convertir una línea recta en una curva (y viceversa) 1. 2. .

presiona " + clic". mantén presionado " " y haz clic en las línea para seleccionarlas (si ya te encuentras en la herramienta de EDICIÓN DE FORMAS . Puesto que unes los controles deslizantes de fin. pulsa "Alt + S" si quieres ir a la herramienta de SELECCIÓN . Para crear una forma con relleno. Una vez que ambos objetos están seleccionados. en la herramienta de EDICIÓN DE arrastra el control deslizante del extremo de la línea hasta el extremo de la otra línea. y luego "Alt + S" para volver a la herramienta de EDICIÓN DE FORMAS . es posible que quieras mover los controles de curva para una transición más suave entre los segmentos de línea curvos y rectos. Puedes seleccionar varios segmentos de línea y convertirlos. Unir líneas Para unir líneas ambas tienen que estar seleccionadas (los deslizantes de punto se muestran en ambas líneas): Con la herramienta de SELECCIÓN. pero no están unidos. o alejar el punto de fin y después volverlo a arrastrar para llevarlo hasta el punto de fin y ver el "+" que indica que las líneas se unirán. puedes ampliar el tamaño con el zoom. Los puntos de control de ambos extremos del segmento deben estar seleccionados. FORMAS . Mientras arrastras. arrastra los otros dos controles deslizantes de fin para que se unan. El modo de selección de objetos está explicado en detalle en el capítulo "Selección de objetos (en la página 89)". sólo puedes unir líneas y no . el cursor del ratón mostrará un símbolo + para indicar que las líneas se unirán. Si los extremos de ambas líneas ya se encuentran uno muy cerca del otro. para seleccionar la segunda línea.126 La herramienta de edición de formas Después de cambiar el tipo de línea.

O: . Cerrar una forma Una forma es un objeto cerrado sin controles de inicio ni fin. deberían encontrarse en las posiciones deseadas. 2. por lo tanto. Crea un objeto abierto cuyo punto de control de fin se encuentre cerca del punto de control de inicio. no tienen controles deslizantes de fin. Para cerrar una forma: 1. 3. Sin embargo. Las formas son objetos cerrados y. 127 Separar una forma Si quieres separar una línea o una forma: selecciona un punto de control existente de la línea o contorno de la forma. solo se moverá una parte de la línea.La herramienta de edición de formas formas. Haz clic sobre el botón SEPARAR EN PUNTOS o pulsa la B de tu teclado. Los dos controles deslizantes se unirán. Nota: cortar formas (parte de Arreglo > Combinar formas) te permite separar formas en dos formas individuales. si mueves un punto de control. Arrastra el control deslizante de fin hasta el control deslizante de inicio y suelta la tecla del ratón. Sólo las formas pueden tener un relleno de color. o crea uno nuevo donde quieres separar la línea (clic sobre la línea en la herramienta de EDICIÓN DE FORMAS. salvo el de fin. Si separas una forma. Coloca el cursor sobre el control deslizante de fin. se convertirá en una línea. el cambio no será visible. El relleno desaparecerá. Esta función se describe en el capítulo Trabajar con formas (en la página 130). Si separas una línea. Todos los puntos de control. ver arriba).

3. Escoge la herramienta de EDICIÓN DE FORMAS. No dibujes el segmento de línea final. Si hay un color de relleno actual. la forma se llenará con ese color. 3. Haz clic para crear el segmento final de la línea y cerrar la forma. Mueve el cursor sobre el punto de inicio. O: 1. 2. Cualquiera de estas opciones cerrará la forma. 2. Aparecerá un + a la derecha del cursor cuando se encuentre sobre el control deslizante de inicio. . Crea un objeto abierto con todos los controles deslizantes en sus posiciones correctas. Haz clic sobre un punto de fin para seleccionarlo.128 La herramienta de edición de formas 1. Pulsa la tecla "↵".

2. incluido los mapas de bits.Manejo de formas 129 Manejo de formas Combinar formas La opción del menú ARREGLO > COMBINAR FORMAS te ofrece una amplia gama de opciones avanzadas para combinar formas con el objetivo de crear nuevas formas como.) . Crear agujeros en las formas Escoge ARREGLO > COMBINAR FORMAS > SUSTRAER FORMAS . 3. • Combinar formas modifica las líneas físicamente. Puedes utilizar la combinación de formas en cualquier tipo de objeto. separar o cortar. Las diferencias son: • La forma de arriba (o el grupo de arriba) recibe un agujero de las otras formas. para crear la forma de la derecha a partir de las tres formas de la izquierda: 1. • Los atributos y colores de línea de las formas subyacentes no se modificarán. • La cantidad de formas superpuestas no tiene efecto. La única forma de restaurar las formas originales es utilizar deshacer. Escoge ARREGLO> COMBINAR FORMAS > AÑADIR FORMAS. Esto es similar a utilizar unir formas (descrito anteriormente). La nueva forma tomará los atributos y colores de la forma de arriba (en este caso el rectángulo de la ilustración. Crea dos círculos y el rectángulo. añadir. Fusionar varias formas en una sola Por ejemplo. Selecciona las tres formas.

Los atributos y colores de línea de las formas subyacentes no se modificarán. Por ejemplo. el nuevo objeto se crea de esas partes de las formas inferiores que están cubiertas por el objeto de arriba. Las áreas no cubiertas por la forma de arriba se eliminarán. Escoge ARREGLO> COMBINAR FORMAS > CORTAR FORMAS . 4. Puedes usar un objeto sólido o una línea. El triángulo desaparecerá. Escoge ARREGLO> COMBINAR FORMAS > FORMAS Esto crea una nueva forma. También puedes utilizar una línea para cortar un objeto: .130 Manejo de formas Intersección de formas Con FORMAS DE INTERSECCIÓN . DE INTERSECCIÓN . (Los grupos se describen en el capítulo Manejo de objetos (en la página 107)). Ahora puedes arrastrar el segmento fuera del círculo. Selecciona las formas que quieres utilizar y la forma de arriba. Crea un círculo y un triángulo arriba Selecciónalos. La forma de arriba puede ser un grupo para una sustracción para completa. La forma de arriba desaparece. Cortar formas MAGIX Web Designer 6 te permite cortar formas en dos o más partes. Las esquinas del triángulo cortarán el círculo en dos formas. 3. para cortar un segmento de un círculo: 1. 2.

pero el campo del ancho de línea indicará un valor cercano a 14pt. Puedes introducir el valor del ancho en cualquier unidad y MAGIX Web Designer 6 lo convertirá al número correcto de puntos.) Si la línea es demasiado corta. primero selecciona el objeto o los objetos: Introduce un nuevo valor para el ancho de línea en el campo de texto de la barra de control ESTÁNDAR o escoge del menú uno de los grosores de línea por defecto. El grosor de la línea se mide tradicionalmente en puntos (abreviación: pt).5cm y obtendrás una línea con un grosor de medio centímetro. • O haz clic en el botón de GALERÍA DE LÍNEAS en la barra de control de GALERÍAS . 0.Manejo de formas La línea debería estar dibujada completamente a través del objeto y extenderse más allá. Por ejemplo. 1 punto es 1/72 de una pulgada o aprox. puntas de flecha y más. 131 Cambiar el ancho de línea (grosor) Para cambiar el ancho de la línea o del contorno de una forma. esto cambiará el ancho por defecto para todas las nuevas líneas.3mm. plantillas con guiones. Si no has seleccionado ningún objeto y cambias el valor del grosor de la línea. Para ver la GALERÍA DE LÍNEAS : • Escoge "HERRAMIENTAS > GALERÍAS > GALERÍA DE LÍNEAS " ("F12"). o un poco menos del grosor de un píxel de pantalla si se visualiza al 100% del zoom. sólo se realizará un pequeño corte. (Como se muestra en la ilustración. Galería de líneas La GALERÍA DE LÍNEAS puede utilizarse para aplicar una gama de estilos o atributos de línea como. puedes introducir 0. .

Como alternativa para aplicar una punta de flecha: • Haz doble clic sobre la punta de flecha en la galería. Modelo de guión Esta sección ofrece una selección de estilos de línea con guiones.132 Manejo de formas La GALERÍA DE LÍNEAS está separada en secciones. Ancho de línea El campo de texto que se encuentra arriba de la galería es una copia del campo de texto de la barra de control ESTÁNDAR . Puntas de flecha La forma más sencilla de aplicar una punta de flecha es arrastrar y soltar la punta de flecha desde la galería hasta el extremo apropiado de la línea. . Ancho de línea Tipo de unión Extremo de línea Para aplicar cualquier estilo o atributo de línea desde la galería puedes: • Arrastrar y soltar el estilo deseado desde la galería hasta la forma o línea. Para abrir o cerrar una sección. • O selecciona el estilo y después haz clic sobre el botón APLICAR. haz clic en el pequeño icono de carpeta de la ventana de la galería. • O hacer doble clic sobre el estilo deseado en la galería. • O selecciona la punta de flecha deseada y pulsa APLICAR.

Si la línea no tiene puntas de flecha y pulsas el botón APLICAR o haces doble clic sobre un estilo para aplicarlo. Para cambiar el extremo de línea por defecto. por ejemplo. Para cambiar una línea existente. la punta de flecha aplicada se colocará automáticamente en el extremo final de la línea.Manejo de formas Web Designer tiene dos tipos de diseños de flecha: comienzo y fin. Para cambiar el tipo de unión actual. Selecciona el tipo deseado del menú. El tamaño de la punta de flecha depende del ancho de la línea. la punta de flecha se colocará al final de la línea. Selecciona el tipo deseado del menú. deselecciona todas las líneas. Si pulsas "Ctrl" y haces doble clic sobre una punta de flecha o estilo de final se aplicará en el otro extremo de la línea. una punta de flecha de comienzo. deselecciona todas las líneas. Cambiar extremo de línea Este control en la parte superior de la GALERÍA DE LÍNEAS configura el estilo de los extremos de la línea. 133 Cambiar el tipo de unión Este control en la parte superior de la GALERÍA DE LÍNEAS configura el estilo de las esquinas. selecciona la línea. . Las líneas más anchas tendrán puntas de flecha proporcionalmente más grandes. Para cambiar una línea existente. selecciona la línea. Si la línea ya tiene.

selecciónalo y luego pulsa el botón "Esquinas redondeadas" en la barra de información de la HERRAMIENTA DE SELECCIÓN . Pero si seleccionas varios objetos o si extiendes un grupo con un rectángulo con esquinas redondeadas. Creación y edición de rectángulos con esquinas redondeadas Para que las esquinas de tu rectángulo sean redondeadas. Para cambiar el tamaño de los rectángulos ve a la HERRAMIENTA DE RECTÁNGULO (y arrastra los controles deslizantes de las esquinas) o a la HERRAMIENTA DE SELECCIÓN. Ten en cuenta que si cambias la relación de aspecto de una esquina redondeada de un rectángulo utilizando la herramienta de selección (extendiendo sólo una dimensión). la relación de aspecto de las esquinas no se mantendrá. . Crear un cuadrado Para crear un cuadrado en vez de un rectángulo. pulsa Ctrl mientras arrastras. Puedes arrastrar los controles deslizantes de las esquinas para ajustar el diámetro de las esquinas redondeadas.134 Manejo de formas Crear rectángulos y cuadrados Para crear un rectángulo: • O utiliza la herramienta de RECTÁNGULO (" + F3" o "M"). la relación de aspecto de las esquinas redondeadas no cambiará. Haz clic y arrastra para dibujar un nuevo rectángulo.

arrastra el ratón a través del lienzo y se creará una elipse. Puedes convertir una elipse en un círculo en cualquier momento haciendo doble clic sobre un control deslizante. Para crear un círculo en vez de una elipse. Radio Diámetro Creación con límites Con el botón de CREACIÓN CON LÍMITES seleccionado.Manejo de formas Crear círculos y elipses Para crear una elipse o un círculo: Selecciona la herramienta de ELIPSES ("Shift + F4" o "L"). Ahora el lugar en dónde empieces a arrastrar determinará el borde del círculo. pulsa "Ctrl" mientras arrastras. Selecciona la opción RADIO para dibujar círculos. Selecciona la opción DIÁMETRO . El lugar en dónde empieces a arrastrar será el centro del círculo. . 135 Los botones RADIO Y DIÁMETRO crean automáticamente círculos.

puedes desplazarte por la línea de color con la barra de desplazamiento inferior o arrastrando la línea de color con "Alt + arrastrar". Las operaciones de color más avanzadas se describen más adelante. te da acceso al editor de colores y te provee la paleta de colores predefinidos incluyendo la opción "sin color". Consulta Usar la pipeta para escoger colores (en la página 141). la línea de colores. puedes escoger los colores de la paleta de colores en pantalla. "Sin color" y transparencia son diferentes. SIN COLOR: haciendo clic aquí puedes aplicar un "relleno sin color".136 Trabajar con colores Trabajar con colores MAGIX Web Designer 6 te permite controlar la aplicación. mientras que una forma rellena con "sin color" queda hueca. mientras que el centro muestra el color de relleno. Para documentos simples. usa la pipeta para escoger un color de cualquier parte del documento o cualquier parte de la pantalla del ordenador. Una forma con transparencia aplicada sigue siendo una forma sólida. MAGIX Web Designer 6 te suministra varias opciones para el tamaño visualizado del color de línea (descrito en Personalización de Web Designer) . MUESTRA DE COLOR: la parte exterior de la muestra de color en el extremo izquierdo muestra la línea de colores. Ten en cuenta que no es el mismo que 100 % transparente. Este botón permite el acceso al editor de color (en la página 140). El botón SIN COLOR también se puede utilizar para restaurar los colores originales de una foto a la que se le haya aplicado un color continuo. La línea de color La línea de color se muestra en la parte inferior de la ventana. creación y modificación de los colores de los objetos. Con "Shift+clic" puedes aplicar "sin color" a una línea. Color de relleno actual Color de línea actual SELECTOR DE COLOR: Si la longitud de la línea de color excede la ventana. Estos son los colores de cualquier objeto seleccionado o los atributos de color actuales si no se ha seleccionado ningún objeto. para más detalles. Te permite ver los colores de relleno y línea.

para que el esquema de color de un diseño pueda cambiarse sin tener que editar cada objeto de forma individual. de modo que resulta mucho más fácil distinguir los colores con nombres independientes de aquellos que están vinculados a un color principal. Leer el capítulo Creación de un tinte. Los colores de la paleta estándar no se pueden editar (es decir. Los marcadores de línea de colores se actualizan inmediatamente e indican el color del objeto bajo la pipeta al arrastrarlo alrededor. Los marcadores en forma de rombo muestran los colores usados por los objetos seleccionados. Simplemente pulsa Ctrl y arrastra los colores sobre la línea. El color de línea a la derecha. Esto funciona también escogiendo un color con el selector de color de un objeto existente. Los colores con nombre se utilizan para asignar colores originales a las plantillas y diseños. Los marcadores triangulares muestran los colores de un relleno si has aplicado alguno. Menú contextual de la línea de colores Haz clic derecho sobre un color de la línea de colores para ver un menú contextual con las siguientes opciones: . ver más abajo). en la esquina superior derecha indica el color de línea. Reordenar los colores de la línea de color. Los marcadores pequeños en los iconos de color muestran cuál de los colores con nombre (si hay alguno) o colores de paleta se han aplicados al objeto seleccionado. si no hay ningún objeto seleccionado. Colores de paleta: hay una paleta "estándar" de 46 colores predefinidos. el color de relleno a la izquierda. Los marcadores en forma de cruz muestran los atributos de color activo. Sólo los colores con nombre pueden ser reorganizados en la línea de color. Colores vinculados: son aquellos colores que están relacionados con una sombra o un matiz y se muestran de forma diferente en la línea de color (pequeños rectángulos redondeados). Con esto también se reordenará la GALERÍA DE COLORES . negros y blancos. Es posible que prefieras cambiar el orden de los colores de la línea de color. consulta Usar la pipeta para escoger colores (en la página 141). Un rombo en la esquina superior izquierda indica el color de relleno. no son colores con nombre) y tienen una selección simple y limitada de colores que se utilizan para aplicarlos a objetos (ya sea arrastrando hasta el objeto o mediante clic). Hay 5 sombras de 7 colores estándar y 10 sombras de grises.Trabajar con colores Colores de la línea de colores 137 Colores con nombre (originales): primero se encuentran los colores con nombre (si se encuentran presentes en el documento. una tonalidad o un color vinculado (en la página 145).

las opciones de color de relleno y línea se reemplazarán por ELIMINAR COLOR DE RELLENO / ELIMINAR COLOR DE LÍNEA . Establecer color de inicio de relleno con gradación (cuando se arrastra sobre el inicio de un relleno).138 Trabajar con colores EDITAR ESTABLECER COLOR DE RELLENO / ESTABLECER COLOR DE LÍNEA RENOMBRAR ELIMINAR Abre el editor de color con el color seleccionado (no disponible para los colores de la paleta) Configura este color como el color de relleno o de línea del objeto seleccionado Cambiar el nombre del color con nombre (no disponible para los colores de paleta) Borra el color con nombre (no disponible para los colores de paleta) Si el objeto seleccionado es un mapa de bits. Lee Coloreado de mapa de bits (en la página 183) para más información. arrastra un color a un espacio en blanco. un indicador al lado del cursor te dirá cuál será el efecto al soltar el color: Establecer un color de relleno liso (cuando se arrastra sobre un objeto) o los colores intermedios de un relleno multicolor (en la página 186). Establecer color de relleno actual (cuando se arrastra sobre un espacio vacío). . pulsa "Ctrl" y arrastra un color hasta el fondo de página. Aplicación de colores de relleno y línea mediante arrastrar y soltar • Para aplicar un color de relleno a un objeto (seleccionado o sin seleccionar). arrastra un color desde la línea de colores y suéltalo en el centro de la forma. Establecer color de fin de relleno con gradación (cuando se arrastra sobre el fin de un relleno). Establecer color de línea (cuando se arrastra sobre una línea). • Para establecer el color de línea o contorno. las opciones de color de relleno y línea se reemplazarán con ESTABLECER COLOR OSCURO DE TONO CONTINUO / ESTABLECER COLOR CLARO DE TONO CONTINUO. Con un clic derecho sobre la opción "sin color". • Para cambiar el color actual de relleno. Al arrastrar colores. • Para cambiar el color de fondo de la página. Esto configura los atributos del objeto seleccionado a "sin color". suelta el color sobre el contorno en vez de en el centro.

Esto significa. En los otros casos. En general. Para editar el color de relleno del objeto o objetos seleccionados • Escoge HERRAMIENTAS > EDITOR DE COLOR (shortcut Ctrl+E). realiza la función descrita anteriormente. puedes modificar el color de la línea con "Shift" + clic sobre la línea de color. Lee Coloreado de mapa de bits (en la página 183) para más información. . un clic sobre el color de línea aplicará un color continuo al mapa de bits. 139 En vez de arrastrar y soltar. Editar el color de un objeto Selecciona el objeto cuyo color quieres cambiar. • O haz doble clic sobre el panel de color del relleno actual sobre la línea de color. Para editar el color de línea del objeto o objetos seleccionados • Haz clic derecho (o +clic) sobre el icono del EDITOR DE COLOR • O haz doble clic sobre el panel de color del línea actual. Puedes configurar ambos colores continuos a través del menú contextual de la línea de colores (lee más arriba). Para establecer la opción "sin color" a un relleno o línea. • O haz clic sobre el icono del EDITOR DE COLOR en la línea de colores. si has seleccionado un objeto. el Editor de color puede permanecer en pantalla mientras continúas trabajando. Se abrirá un menú contextual de la línea de color en dónde puedes definir el color de línea y de relleno. lo que te permite ajustar el color rápidamente. que el mapa de bits se convertirá a una escala de grises (blanco y negro) y el color seleccionado se usará como un color claro de tono continuo. A diferencia de la mayoría de los programas gráficos. puedes hacer un simple clic sobre la línea de color. el color continuo negro es negro.Trabajar con colores Establecer color de fondo de página (cuando se arrastra un color hasta la página). Cambia para reflejar el color de los objetos seleccionados. pero escoge la opción "Sin color" en vez de un color. Esto muestra el EDITOR DE COLOR que te permite seleccionar cualquier color del espectro. Si has seleccionado una foto o una forma con relleno de mapa de bits.

selecciona el color rojo en la sección inferior y después escoge un rojo muy pálido (rosa) en el área superior derecha de la sección superior. para seleccionar un color rosa. Verás que los objetos seleccionados cambian de color a medida que los ajustas en el editor de color ("Vista previa en vivo"). incluso de otras ventanas abiertas Selecciona el color a editar: Color de relleno/color de línea del objeto seleccionado o cualquier color con nombre (original) Haz clic en la etiqueta para crear un color con nombre Haz clic para mostrar los controles de color ampliados Color anterior Color actual Arrastra hacia aquí para seleccionar cualquier tonalidad del tono seleccionado Arrastra hacia aquí para seleccionar cualquier tono La forma más fácil de crear un nuevo color es seleccionar un tinte de la línea de color inferior. que es un matiz pálido del rojo.140 Trabajar con colores El editor de color El editor de color se utiliza para cambiar el color de los objetos del documento. Esto es útil cuando quieres realizar un cambio pequeño y comparar entre el color nuevo y el anterior. . Todos los matices de este tinte se verán en la sección superior. Color previo y actual Mientras arrastras hasta el editor de color. por lo que podrás hacer clic o arrastrar desde la sección superior para seleccionar el nuevo color. Cuando edites el color puedes arrastrar la pipeta para escoger colores de la pantalla. las dos pequeñas muestras que se encuentran en la esquina superior derecha del Editor de color muestran el color actual y el previo (antes de que comenzaras con la edición). Por ejemplo.

Se tratará o bien del nombre de color de paleta. Si el color elegido es un color con nombre o de paleta. A medida que arrastras verás que el Editor de Color toma el color que se encuentra debajo de la pipeta. el selector tomará una muestra del color actual de esa forma. El muestreo de color enseña un pequeño popup en el cursor del ratón que indica el color que está siendo seleccionado en ese punto. En cambio. consulta el capítulo Creación de un tinte. si quieres usar muy seguido el mismo color. incluso de otras ventanas y programas. o el modelo de color y valor del color. Esta es una forma fácil y rápida de utilizar el mismo color o copiar colores de un objeto a otro. Sin color de relleno Valores de colores HSV Valor de color hex RGB Para leer más sobre tipos de colores. el nombre de un color con nombre. HSV o CMYK). Si el objeto bajo el cursor del ratón es complejo (p. Sin embargo. tiene transparencia aplicada) y el color no puede ser determinado.ej. se recomienda que en su lugar uses un color con nombre. el color RGB de pantalla es aplicado. El selector de color no escoge por sí solo el color de pantalla (RGB). . si señalas una forma con un color de relleno sólido. una tonalidad o un color vinculado (en la página 145). de forma tal que el color es copiado de manera exacta en el objeto(s) seleccionado. en vez de copiar simplemente el color.Trabajar con colores Usar la pipeta para escoger colores En vez de seleccionar tintes y tonalidades en el EDITOR DE COLOR puedes escoger un color de cualquier parte del documento o de tu monitor. 141 Operaciones de color avanzadas Haz clic sobre VER OPCIONES AVANZADAS en el editor de color para ver la parte inferior del diálogo que te ofrece más opciones. Suelta el botón del ratón cuando tengas el color deseado. el selector de color aplicará el mismo color al objeto(s) seleccionado. incluyendo el modelo de color (RGB. Para ello haz clic y arrastra la pipeta.

En general. Para aplicar un esquema de colores a tu sitio web. Cada objeto tiene un color por separado y nada se comparte. Pero .) Los colores originales se utilizan en las plantillas y brindan un aspecto consistente a los elementos de la página como los botones o las barras de navegación. Aquí también están disponibles los botones de "Sin color de relleno" y de "Ayuda". el color se convertirá en un COLOR LOCAL en vez de un COLOR CON NOMBRE . S y V te permiten especificar el color con un valor porcentual HSV (valor de saturación de tinte). Si lo que quieres hacer es cambiar el COLOR CON NOMBRE y todas las veces en las que se utiliza. si seleccionas un objeto de la página que tiene un COLOR CON NOMBRE y lo modificas con el editor de color. Cualquier edición que se realice a un color con nombre se reflejará en todos los objetos o partes del dibujo que usen ese color. se introduce un color hexadecimal RGB para los gráficos web. Los colores locales son el método más sencillo para documentos simples que utilizan relativamente pocos colores. También puedes copiar colores originales entre documentos. Puedes intentar aplicar los esquemas de colores de un tema a un sitio web creado a partir de plantillas de otro tema. simplemente arrastra el esquema desde la galería de diseños y suéltalo en tu página. Los campos H . En el campo # puedes introducir el valor RGB en números hexadecimales (0-F). Esto es útil cuando quieres cambiar el color de un objeto sin afectar otros objetos. • Los COLORES ORIGINALES (O COLORES CON NOMBRE) pueden utilizarse una y otra vez en el documento. Los esquemas de colores se encuentran en general en la galería de diseños en cada tema después de todos los diseños y elementos gráficos independientes que conforman el tema. (Son el equivalente a los estilos de un procesador de textos. Todos tienen el mismo "esquema de colores" en sus títulos en la galería de diseños. el programa te preguntará si quieres que el color original importado sea igual que los ya existentes. entonces debes editar el COLOR CON NOMBRE (en la página 144)). Se le adjudican nombres consistentes a los colores originales de las plantillas para que coincidan con los diferentes colores originales de los elementos que importes. Colores locales y colores originales Web Designer tiene dos tipos de colores: • Los COLORES LOCALES se utilizan en un sólo lugar del documento.142 Trabajar con colores Aquí puedes introducir valores precisos RGB (o HSV). por lo que pueden identificarse fácilmente. Si el diseño ya tiene colores originales y cargas o pegas plantillas de la galería de diseños que contengan colores originales con el mismo nombre. "Aplicar color" y "Editar el color de un objeto" explicados anteriormente se refieren al trabajo con colores locales. IMPORTANTE: Esquemas de colores temáticos Muchos de los temas web ofrecidos en la GALERÍA DE DISEÑOS y en los paquetes de plantillas que pueden adquirirse de forma separada incluyen esquemas de colores alternativos que pueden aplicarse fácilmente a los sitios web que utilizan el mismo tema para transformar el esquema de color de forma instantánea.

podrías llamarlo "BetaThemeColorSchemeAzul. La página debería cambiar de color instantáneamente con tu esquema de colores. al buscar esa secuencia en el nombre del archivo. para mejores resultados. Por supuesto.Trabajar con colores obtendrás resultados mezclados y algunos esquemas no funcionarán de forma aceptable con algunos temas. arrástralo y suéltalo desde el explorador de archivos hasta la página con los colores temáticos por defecto. y si existe la probabilidad de que quieras cambiarle el color en el futuro. es decir. Edita los colores con nombre del tema uno por vez. Por lo tanto. 2. El nombre de archivo que escojas DEBE incluir "ThemeColorScheme" como parte del nombre del archivo. no es necesario que utilices los esquemas de colores incluidos para cambiar los colores de tu sitio web. que puedes compartir con los usuarios de Web Designer para que ellos los utilicen en las páginas web creadas con el mismo tema. Esto te permite regresar fácilmente a los colores originales. tal como se describe a continuación en la sección "Edición de colores con nombre" (en la página 144). puedes agregar más elementos a la página para incluir toda la gama de colores temáticos. 3. si lo prefieres. CON NOMBRE . 1. Creación de nuevos colores con nombre Si quieres usar el mismo color en diferentes partes del dibujo. 143 Creación de tus propios esquemas de colores Es muy fácil crear tus archivos de esquemas de colores. si es un esquema de colores azules para el tema "Beta". De ser necesario. se recomienda que crees un COLOR CON NOMBRE . También es una buena idea incluir el nombre del tema relacionado con el esquema. Esta es la forma en que Web Designer reconoce los archivos de esquema de colores. después de experimentar con esquemas alternativos. Carga una de las plantillas de página para el tema. Una vez que estés satisfecho con tu nuevo esquema de colores. Consulta "Edición de colores con nombre (en la página 144)". Escoge una que muestre todos los colores del tema de forma más efectiva. Puedes personalizar los colores del tema y elegir la combinación de colores que te guste.web". Por ejemplo. Esto es fácil en MAGIX Web Designer 6: Selecciona el objeto que tiene el color que quieres usar y luego haz clic en NUEVO COLOR en el EDITOR DE COLOR . utiliza ARCHIVO > GUARDAR COMO para guardarlo. utiliza los esquemas de colores del tema que has utilizado para crear tu sitio. Para comprobar tu esquema de colores. Uno de los esquemas de colores suministrados con cada tema concuerda con los colores por defecto utilizados por ese tema.

tonalidades y colores vinculados Colores normales Estos son los colores individuales que aplicas a los objetos. haz clic derecho sobre el color en la línea de color y selecciona ELIMINAR . todos los objetos que usen este color cambiarán. Colores normales. Cuando editas un color con nombre. Editar colores con nombre Para poder ver el color con nombre en el EDITOR DE COLOR. o sólo haciendo clic (o haciendo clic en el botón derecho para usarlo como línea de color) para aplicarlo como color de relleno. Esta es una técnica muy útil que te permite. arrastrándolo de la línea de color y luego soltándolo. por ejemplo. Hay tres formas de vincular un color a su: TINTE . selecciona el EDITOR DE COLOR o arrastra y suelta el color de la línea de colores al EDITOR DE COLOR. Verás el color nuevo añadido en la LÍNEA DE COLOR . el color vinculado también cambiará.144 Trabajar con colores Haz clic para crear un nuevo color con nombre Asígnale al color un nombre adecuado. Algunos de los cliparts modelo utilizan esta técnica. MAGIX Web Designer 6 también puede vincular un color a otro color. volver a cambiar el color un dibujo con tonalidades complejas con un sólo clic. tintes. Para cambiar el nombre de un COLOR CON NOMBRE . TONALIDAD y COLORES VINCULADOS . como "color del coche" y haz clic en crear. es decir. . Todos los objetos que utilizan ese color se actualizarán automáticamente para mostrar el nuevo color. COLOR Para eliminar un color con nombre. Ahora podrás aplicar el color a cualquier objeto como lo haces habitualmente. cuando cambia el color principal. haz clic derecho sobre el EDITOR DE y selecciona RENOMBRAR o haz clic derecho sobre el color en la línea de colores y selecciona RENOMBRAR .y así poder editarlo. Ahora podrás editar el color como lo desees.

la saturación y el valor deberían ser 100%. Si se cambia el color principal. si estás utilizando solamente tinta negra y blanca. una tonalidad o un color vinculado Ve arriba para leer la sección sobre TINTES . configurar tonalidades es una forma muy útil de modificar colores. el tinte cambiará de rosa a naranja claro. Por lo tanto. es posible que definas un color rosa como 50% del color principal rojo. pero las tonalidades se mantendrán iguales. para que cuando cambies el color original también . De la misma forma. puedes crear un color vinculado que sea una versión más o menos saturada del principal. Por ejemplo. Un tinte puede estar basado en cualquier tipo de color.Trabajar con colores Tintes Los tintes están vinculados a otros colores (llamados colores principales) y son siempre una versión más pálida que el principal. Una simple edición al color principal cambiará todos los colores. utilizando tinta roja puedes obtener tanto un rojo puro como un rosa. Si estás imprimiendo con una gama limitada de colores (generalmente es más económico imprimir a uno o dos colores en vez de a todo color). Los TINTES . un dibujo de un coche puede utilizar tonalidades para las regiones con más luz y tonalidades de la carrocería. Por ejemplo. Si cambias el color principal a naranja. Por ejemplo. Te será útil para cuando quieras encontrar el color principal de una tonalidad más clara u oscura. Tienen dos usos principales: • Cuando quieres crear tonalidades más pálidas de un color principal y es posible que quieras cambiar el color principal en el futuro y que los tintes se actualicen automáticamente. un tinte 25% rojo resulta en un color rosa. podrás crear varias tonalidades de gris. Para obtener mejores resultados. se modificarán también las tonalidades asociadas. Cualquier cambio que se realice al color principal. también cambiará a los tintes basados en él. pero que el tinte y la tonalidad sean las del principal. Colores vinculados Los colores vinculados son similares a las tonalidades. el color principal debe ser un color saturado "puro". 145 Tonalidades Esto permite crear colores más claros y más oscuros basados en un color principal. incluyendo otro tinte. También están basados en color principal pero puedes definir los atributos que quieres que compartan el color vinculado y el principal. Al verlo en el EDITOR DE COLOR . Creación de un tinte. TONALIDADES y COLORES VINCULADOS . las TONALIDADES y los COLORES VINCULADOS deben tener un color "original" con un nombre de color asignado. pero permiten más flexibilidad. • Para extender el rango de colores disponibles de las tintas de impresión. la cruz debería encontrarse en la esquina superior izquierda. Por ejemplo. Por lo tanto. Si se utiliza el modelo de color HSV.

146 Trabajar con colores cambie su tonalidad. primero asígnale un nombre al color (ver Creación de nuevos colores con nombre (en la página 143)). En el menú desplegable del COLOR ORIGINAL . A la derecha si seleccionas la opción tonalidad podrás elegir cualquier tonalidad más clara o más oscura del color original. tonalidad y color vinculado en el menú desplegable de "tipo de color". esto probablemente significa que aún no has creado un color con nombre al que le quieres agregar un vínculo. Por ello. 2. Para crear un tinte. por ello el editor sólo suministra tintes más claros del color original. de ser necesario. selecciona el color con nombre al que quieres añadirle un vínculo. Haz clic sobre el ícono con forma de . Abre el EDITOR DE COLOR con las opciones avanzadas. TONALIDAD. Ajusta el TINTE. Si no aparecen las opciones de tinte. Selecciona la opción "color normal" en el menú desplegable situado en la parte inferior del diálogo y elige entre las opciones TINTE . la TONALIDAD o el COLOR VINCULADO en la parte superior del editor de color. una tonalidad o un color vinculado: 1. o VINCULADO . A la izquierda verás que el nuevo color tiene un poco de tinte del color original "amarillo". Selecciona el objeto o los objetos a los que quieres aplicar el color. 5. 3. 4. Si quieres utilizar este color en muchas partes del documento se recomienda que le asignes al color un nombre para que aparezca en la línea de colores y así puedas encontrarlo más fácilmente cuando lo necesites. o también puede ser que estás editando el único color con nombre del diseño.

ten cuidado de no editar el color de los objetos sobre la página a la que has aplicado colores con NOMBRE. Para ver el resultado. tonalidades y colores vinculados es que siguen los cambios que se realizan al color principal. intenta editar el COLOR CON NOMBRE que es el principal (arrástralo de la LÍNEA DE COLOR hasta el EDITOR DE COLOR y modifica el color. TINTES . 147 Editar el color principal El objetivo principal de utilizar tintes. TONALIDADES o COLORES VINCULADOS porque se convertirán en COLORES LOCALES . Ahora aparecerá en la línea de color para que lo puedas escoger y colocar sobre otros objetos.Trabajar con colores etiqueta para crear un nuevo nombre para un color. NOTA: . tonalidad o color cambian en sincronización con el color principal.) Verás que los objetos con el tinte.

inclinarse y extenderse. Puedes convertir los contornos de las letras en formas que pueden editarse al igual que cualquier forma normal. sombras y continuar editando el texto.148 Trabajar con textos Trabajar con textos Introducción Las opciones de edición de texto de MAGIX Web Designer 6 son similares a los editores de texto o procesadores de texto. transparencia. Todo el texto puede girarse. difuminación. Puedes aplicar la gama de atributos y efectos normales de MAGIX Web Designer 6: rellenos. pero además suministra una amplia gama de características que no encontrarás en esos programas. Adaptar texto a la curva. tonalidades de color. . Puedes aumentar o ampliar el texto a un tamaño muy grande.

1 pt es aproximadamente 1/72 pulgadas. Muy útil para listados de programas. por lo que un texto de 72 pt es tiene aprox. JUSTIFICACIÓN: una forma alternativa de describir a la alineación de texto. es decir. Barra de información de la herramienta de texto. a pesar de que las fuentes de un tamaño determinado pueden variar. La mayoría de las fuentes son fuentes con espaciado proporcional. MONOESPACIADO : todos los caracteres individuales de una fuente monoespacio tienen el mismo ancho. FAMILIA DE FUENTES : un conjunto de fuentes similares. 1 pulgada de altura. Courier es la fuente monoespacio más común. Muchas veces se las denomina fuentes con ancho fijo. Por ejemplo. La herramienta de texto Usa la herramienta de texto ("F8") para introducir o editar texto. PUNTO : el tamaño del texto o fuentes se miden en puntos (pt). lado izquierdo Fuente Tamaño de fuente Negrita Cursiva Subrayado Justificado . Garamond y Garamond Italic son fuentes diferentes pero pertenecen a la misma familia Garamond. que el ancho de los caracteres varía.Trabajar con textos Terminología FUENTE 149 o TIPO DE FUENTE : un conjunto de caracteres con un estilo consistente. Al texto alineado a la izquierda muchas veces se lo denomina justificado a la izquierda.

color de relleno. También puedes vincularlo a una curva. El texto permanecerá editable. lado derecho Superíndice/Subíndice Espaciado de línea Espaciado de párrafos Lista con viñetas Lista numerada Colocar sangría Quitar sangría Corrector de ortografía MAGIX Web Designer 6 es compatible con tres tipos básicos de objetos de texto • Líneas de texto simple: haz clic sobre la página y escribe. difuminación. • Áreas de texto: haz clic y arrastra en sentido diagonal para crear un área rectangular. inclinarlo. Después de haber creado un objeto de texto puedes transformarlo (girarlo. etc. . • Columnas de texto: haz clic y arrastra para crear una columna y después escribe.150 Trabajar con textos Barra de información de la herramienta de texto. Después escribe. utilizando las herramientas normales. transparencia. cambiar su tamaño) y puedes aplicar todos los atributos normales.

Puedes mover el cursor del ratón sobre el submenú que aparece. por ende. Lee el apartado "Fuentes compatibles con la web". Las fuentes para las que están disponibles múltiples estilos de fuente se muestran con pequeños triángulos negros a la derecha del menú.Trabajar con textos El menú de fuentes 151 El menú de fuente muestra todas las fuentes instaladas. . para seleccionar el estilo de fuente deseado. La segunda sección contiene las fuentes compatibles con la web. mostrando los estilos disponibles para esa fuente. Cada nombre de fuente es mostrado en el menú usando su propio tipo de fuente. La sección superior muestra aquellas fuentes que son usadas actualmente en el documento. La sección final muestra una lista alfabética de todas las fuentes. Mantén simplemente el curso del ratón sobre algún nombre de fuente durante un segundo o dos y un pequeño submenú aparecerá a la derecha del menú principal. Estas fuentes son las más seguras para las páginas web porque son las que utilizan la mayoría y. y está dividido en dos secciones. serán compatibles con la mayoría de los navegadores web. haciendo la selección de fuente más sencilla.

Con "clic + soltar" sobre la flecha aparecerá la barra y se quedará en pantalla. Sólo aquellas fuentes que existan en el ordenador de la persona que va a visitar tu página web. Si exportas una página web con fuentes no compatibles. No será un cambio permanente hasta que no hagas clic sobre la fuente requerida. Si mueves el cursor del ratón sobre el menú volverás a la fuente inicial hasta que te poses sobre otra entrada. Esto es un modo ligeramente más directo de ajustar el control (requiere menos clics). si escribes "ver". puedes escribir los carácteres iniciales del nombre de fuente. se abrirá una aviso de advertencia. Aunque no haya 100% de garantía. y el menú se desplazará hasta esa sección de la lista. si existe una serie de fuentes que son frecuentemente utilizadas por el 98% de los ordenadores.152 Trabajar con textos Fuentes compatibles con la web Sólo se puede utilizar de forma segura un pequeño grupo de fuentes para el texto principal de la página web. Ahora podrás arrastrar la barra deslizante. . Si pulsas la tecla "Shift" mientras navegas por el menú de fuentes. Este caso. Navegación instantánea del menú de fuente Mientras el menú de fuente es mostrado. Vista previa de fuente en tiempo real Si mantienes el ratón sobre cualquier entrada del menú de fuentes por una fracción segundo. el texto seleccionado en el documento será actualizado para poder tener una vista previa de esta fuente. Estas fuentes se llaman "fuentes compatibles con la web" y se encuentran en una lista de la sección del menú de fuentes. podrás ajustar el tamaño de punto usando la rueda del ratón para ver los resultados directamente en la página del documento mientras trabajas. Esta opción es práctica porque la vista previa instantánea ralentiza la navegación a través del menú. Por ejemplo. Esto brinda un control de tamaño de letra directo y ajustará el tamaño de fuente del texto seleccionado en tiempo real a medida que arrastras la barra deslizante. Vista previa de tamaño de fuente en tiempo real Junto al menú de tamaño de fuente se encuentra una barra deslizante emergente igual a la que se utiliza en otras partes de Web Designer. habrá una pequeña pausa antes de que se vea la fuente seleccionada. se desplazará instantáneamente y localizará la fuente "Verdana". Otra forma de utilizar la barra deslizante emergente es "pulsar + arrastrar + soltar" sobre el botón y la barra. o usar la rueda del ratón sobre el control para ajustar rápidamente los valores. Esto es ideal para obtener una vista previa muy rápida de gran cantidad de fuentes. y si tienes varias fuentes seleccionadas este proceso será aún más lento. Haz clic para ver la opción emergente para el tamaño de la fuente Como con las barras emergentes deslizantes anteriores existen dos forma de uso. incluyendo Apple Mac y algunos ordenadores Linux.

la columna de texto se eliminará y no quedará nada en la página. Selecciona la herramienta de TEXTO . 2. 153 Texto en una columna Si estás introduciendo una gran cantidad de texto a lo largo de varias líneas. Para escribir una columna de texto: 1. NOTA : si haces clic fuera o cambias la herramienta antes de comenzar a tipear. Cuando el texto llega al final de la columna sigue automáticamente en una nueva línea. el texto no tiene color de contorno. copiarlo al portapapeles y copiarlo en MAGIX Web Designer 6. Con 'Shift + clic' sobre un color de la línea de color le darás un color de contorno al texto seleccionado (el grosor puede ajustarse como siempre a través del control de amplitud de línea). pulsa "Supr "o "Retroceso" de la forma usual. Por defecto. Por lo tanto. coloca el cursor donde quieres introducir el texto y haz clic. puedes crearlo en un editor de texto. El espaciado entre líneas se controla en el campo de texto de espaciado en la barra de información. Aparecerá un cursor rojo y podrás comenzar a escribir con tu teclado. Arrastra hacia la derecha para crear una línea horizontal del ancho de la columna. debes comenzar a tipear inmediatamente después de haber arrastrado la línea de ancho de la columna.Trabajar con textos Texto simple Si quieres escribir una pequeña cantidad de texto simple. No necesitas pulsar al final de una línea. El ancho de líneas se describe en Dibujar líneas. Cambiar el ancho de la columna adaptará automáticamente el texto. Introduce el texto. Si te has equivocado. Al pulsar "Enter" se completa la línea e inicia una línea de texto debajo. Esta línea roja te muestra el ancho de la columna. . es posible que una columna te resulte más útil. ajustado el texto a una línea o haber añadido efectos en vivo. 4. Mueve el cursor del ratón al lugar de inicio de la columna. Puedes continuar entrando texto incluso después de la rotación o de haber aplicado un relleno. En vez de tipear el texto. La aplicación de color está descrita en Trabajar con colores (en la página 135). Probablemente querrás establecer el tipo de unión de línea (en la página 133) para redondearla y darle un aspecto más suave (control en la parte superior de la Galería de líneas). 3. Copiar y pegar es compatible con el texto con formato RTF. Nunca se imprime.

(tecla menos). Al editar texto. pulsa Ctrl y arrastra para limitar la línea a ángulos restringidos. Esto se llama texto fluido. desbordará a o desde las áreas de texto conectadas. Se llama guión "suave" porque cuando la palabra aparece en el medio de una línea. Para más información sobre ángulos restringidos. En este caso una sola pieza de texto fluye de un área de texto a otra. Esto es útil en situaciones en las que las palabras presentan guiones pero no deben separarse al final de las líneas. El efecto de el guión en un texto fluido. El cursor se posicionará en la esquina superior izquierda y podrás introducir texto y pegar. por lo que el guión se introduce sólo si es necesario. la palabra se separará al final de la línea. Un área de texto puede contener una historia de texto "fluido". . Áreas de texto Si haces clic y arrastras diagonalmente sobre la página usando la herramienta de TEXTO. Un guión rígido puede insertarse utilizando Ctrl+Shift+. porque al añadir o eliminar texto en un área.154 Trabajar con textos Las palabras sólo se separan en las líneas si se introduce un guión. Esto es especialmente útil para columnas de texto angostas: para evitar espacios en blanco es posible que necesites insertar guiones a algunas palabras. Cambiar el ancho de la columna Arrastra uno de los dos controles deslizantes al final de la línea. También puedes utilizar la herramienta de SELECCIÓN y girar el objeto de forma normal. crearás un área de texto rectangular. Si introduces Ctrl+. el guión desaparece (a diferencia de un guión normal o el carácter menos). Como alternativa. pero puede reconocerse en el texto moviendo las flechas izquierda/derecha sobre el lugar en donde se encuentra el carácter. el guión suave funciona como un carácter invisible (no ocupa espacio). Un guión rígido no causará ninguna separación. como el agua. lee el capítulo Introducción a MAGIX Web Designer 6.(tecla menos) se insertará un guión suave que aparecerá solamente si la palabra puede terminarse al final de la línea. Si insertas un guión normal. Cambiar el ángulo de la columna Pulsa ń+arrastra uno de los controles deslizantes al final de la línea para cambiar el ángulo de la columna.

se conectarán ambas áreas de forma que el texto fluya de una a otra. puedes hacer clic y arrastrar cualquiera de los controles deslizantes de esquina. Al arrastrar el indicador de un área de texto a otra. El texto volverá a fluir a las áreas de texto restantes. . Como alternativa. arrastra el indicador y suéltalo lejos de las áreas de texto. probablemente sea más fácil utilizar el método anterior. aparece un indicador al final del área. pero en este caso cambiará el comportamiento. Si eliminas un área de texto que está conectada con otra. 155 Conectar áreas de texto—flujo de texto Cuando un texto sobrepasa la parte inferior del área de texto. sólo se eliminará el área. Puedes vincular tantas áreas de texto como sean necesarias. Consejo: existe una forma rápida de crear texto fluido. Cambiar el tamaño de las áreas de texto En la herramienta de TEXTO. Si necesitas que el texto fluya a un área que se encuentra varias páginas adelante. a pesar de que podrás continuar editando el texto de forma normal. haz clic y arrastra sobre la página para crear una nueva área de texto. aunque si reduces la imagen a un tamaño de texto pequeño podrás arrastrar la flecha por las páginas. cambiará el tamaño del propio texto. Para desconectar un área de texto de otra. el texto fluirá hasta la nueva área de texto y las dos áreas se conectarán. La nueva área de texto se conectará automáticamente y el texto fluirá hasta la nueva área. Esto coincide con la operación normal de la herramienta de SELECCIÓN . incluso en páginas anteriores. Esto se muestra con una flecha de flujo. Si el cursor de texto se encuentra en un área con texto en exceso. puedes utilizar la herramienta de SELECCIÓN para cambiar el tamaño del objeto de texto.Trabajar con textos Si el texto sobrepasa el final del área de texto se verá de color gris. Si arrastras este indicador sobre cualquier otra área de texto. Si cambias el tamaño de un objeto de texto usando la herramienta de selección. Consejo: puedes hacer fluir un texto desde un área a otra en cualquier página. El texto del área tomará el formato adecuado para adaptarse al nuevo tamaño.

utilizando la herramienta de SELECCIÓN de forma normal y el texto fluirá a lo largo del área de texto girada. Por lo tanto. entonces tanto el área "contenedora" como el contenido del texto cambian de tamaño. Si quieres cambiar el tamaño de todo el texto en una historia de texto. selecciónalo con "Ctrl+A" y aplica el tamaño de fuente deseado. en el caso de áreas de texto fluido. Esto es igual que cambiar el tamaño de área con la herramienta de TEXTO . Puedes girar el área de texto. El flujo del texto no se ve afectado si giras una de las áreas de texto Cantidad de palabras La cantidad total de palabras y caracteres del texto actual se indica en la barra de estado. • Si seleccionas las áreas de texto de toda la historia de texto fluido (deben encontrarse en una misma página). entonces el texto y las áreas también cambiarán simultáneamente. se mostrará la cuenta de la selección. • Sin embargo. esto causaría efectos secundarios no deseados. Esto también muestra la cantidad de palabras excedidas. Si está seleccionada cualquier región de texto. si cambias el tamaño de un área de texto que es parte de una serie de áreas de texto fluidas. . la herramienta de SELECCIÓN varía dependiendo de si cambias el tamaño de un área de texto que contiene una historia de texto fluido o si cambias toda la historia de texto. entonces sólo cambiará el tamaño del área de texto y el texto conservará tu tamaño original y se cambiará su formato para adaptarse al nuevo tamaño. y seguramente no quieres que una parte de una historia de texto tenga un tamaño diferente al resto. La regla es: • Si cambias el tamaño de un área de texto sin conexión (o texto simple o una columna de texto).156 Trabajar con textos Sin embargo.

botón INVERTIR TRAYECTORIA de la barra de información). se moverá desde el interior al exterior de la forma. pulsa "Shift y clic" sobre la línea. La aplicación de color está descrita en Trabajar con colores (en la página 135). en la herramienta de TEXTO. el texto continuará en una nueva línea inmediatamente por debajo de la anterior. Como alternativa. Crea un texto básico. se encontrará entre estos dos márgenes. Si no quieres que el texto siga en otra línea. si cambias la dirección de la línea (herramienta de EDICIÓN DE TEXTO . Esto adaptará automáticamente el texto a lo largo de la línea. Si centras el texto. puedes cambiar la posición de inicio y fin de los controles deslizantes rojos. Cambiar lados de la línea Haz clic derecho sobre el texto y selecciona la opción de menú INVERTIR TEXTO EN LA CURVA . También puedes editar la curva de forma usual. Ajustar el margen izquierdo y derecho de un texto sobre una curva Si estás comenzando a escribir o colocar una columna de texto sobre una curva. haz clic sobre la línea donde quieres que el texto comience y escribe. Simplemente arrástralos sobre la curva según lo desees. Como alternativa. en el caso de una forma cerrada. Para ocultar una curva. selecciona una curva o línea y después. Selecciona tu objeto de texto y una curva. 2. entonces el texto cambiará al otro lado de la línea o. selecciona la herramienta de EDICIÓN DE FORMAS y configura el color de la línea en SIN COLOR o un ancho de NINGUNO . . 3. Escoge ARREGLO > ADAPTAR TEXTO A LA CURVA . un texto en una columna o un área de texto (ver más arriba). Cuando alcances el final de la línea.Trabajar con textos Texto siguiendo una curva Para colocar un texto a lo largo de una curva de tu elección: 157 1.

Seleccionar todo el objeto de texto Existe un shortcut para seleccionar todo el objeto de texto.158 Trabajar con textos Editar texto Haciendo doble clic sobre un objeto de texto en cualquier herramienta te llevará a la herramienta de TEXTO y posicionará el cursor en la posición de clic en el texto. Puedes cambiar la mayúscula o minúscula de la región de texto seleccionada de la misma forma. • Utiliza "Ctrl + teclas de flechas que van hacia la izquierda y derecha" para mover una palabra hacia la derecha o hacia la izquierda. Pueden utilizarse todas las funciones de cursor y operaciones usuales de un procesador de texto. si te das cuenta de que has tipeado una sección de texto con la tecla Mayúsculas activada. hacia arriba o abajo. Cambiar mayúsculas o minúsculas Pulsar Ctrl+W cambiará la mayúscula o minúscula del texto detrás del cursor y moverá el cursor. cualquier cambio que realices se aplicará solamente a la región de texto seleccionada. Esto facilita la aplicación de un efecto o atributo a toda la historia de texto. El cursor no se moverá. Entonces. para cambiar el tamaño de la fuente de todo el objeto de texto. • Pulsa "Ctrl + Inicio" o "Ctrl + Fin" para desplazarte al inicio o fin del objeto de texto. otro color. • Utiliza las teclas de flechas que van hacia la izquierda. . coloca el cursor al inicio y pulsa Ctrl+W. Por ejemplo: • Haz clic donde deseas colocar el cursor. Esto elimina el cursor pero selecciona todo el texto (la barra de estado confirmará 1 objeto de texto). aparecerá solamente cuando introduzcas texto nuevo. la derecha.) Si has seleccionado texto. por ejemplo. pulsa ESC y selecciona un nuevo tamaño de la barra de información. Por ejemplo. Selección de texto: • • • • • • "Shift+ cualquiera" de las teclas anteriores para seleccionar el texto Doble clic para seleccionar una palabra Triple clic o "Ctrl + L" para seleccionar toda la línea de texto Cuatro clics (4x) seleccionan un párrafo O arrastra sobre el texto en la herramienta de texto para seleccionar el texto "Ctrl + A" seleccionará todo el texto dentro del objeto de texto (debes encontrarte en la herramienta de TEXTO . • Pulsa "Inicio" o "Fin" para desplazarte al inicio o fin de la línea. Si sólo se encuentra el cursor en el texto. entonces cualquier atributo. simplemente pulsa la tecla ESC . En vez de utilizar Ctrl+A o arrastrar a lo largo del texto.

Esto significa que 'esto' cambiará a ‘esto’ y "comillas" en “comillas”." Nota histórica. si escribes en inglés la palabra 'don't' no se convierta en ‘don’t’.. Para insertar un bloque de texto más largo presiona esta combinación de teclas un par de veces. Insertar texto de ejemplo ('Lorem Ipsum') Cuando se compone un diseño de página es una práctica común que se utilice un texto de ejemplo que contiene palabras en pseudo-latín (que no significan nada) y que tiene la apariencia general de un texto típico en inglés (o en otros idiomas latinos).Trabajar con textos Comillas inteligentes Si escribes comillas ' o ". por ejemplo. e incluso partes de las frases en latín se han escrito hace más de 2000 años. Esta característica es lo suficientemente inteligente para comprender el uso de comillas simples dentro de las palabras. El texto comienza así: "Lorem ipsum dolor sit amet. para que. 159 Introducir caracteres especiales Existen shortcuts útiles para insertar caracteres especiales como © o ™. Todos estos shortcuts (con la excepción del espacio rígido) son compatibles con Microsoft Word. Xtreme las convertirá automáticamente en comillas de apertura o cierre estéticamente adecuadas. . Lee la sección Caracteres especiales (herramienta de texto) (en la página 356) en el capítulo "Menús y shortcuts de teclado". Para insertar un párrafo del texto "Lorem ipsum" tienes que pulsar las teclas Ctrl + Shift + L ("L" para Lorem) utilizando la herramienta de texto. este mismo texto ha sido utilizado como texto de ejemplo por más de 500 años en la industria de la imprenta..

Para activarlo selecciona el icono del CORRECTOR DE ORTOGRAFÍA en la barra de información de la herramienta de TEXTO y se abrirá un menú. Ten en cuenta que dicho atributo actual no se cargará de nuevo cuando guardes y cargues tu diseño. Puedes elegir diferentes idiomas para diferentes objetos de texto de modo que en tu documento puedes utilizar texto en múltiples idiomas si fuera necesario. Si hay un objeto de texto cuya ortografía no quieres revisar en absoluto.160 Trabajar con textos Corrector de ortografía La herramienta de texto incluye un corrector de ortografía. haz clic sobre la palabra con el botón derecho del ratón y el menú contextual te mostrará sugerencias ortográficas correctas de la palabra situada en la parte superior del menú. Para corregir una palabra mal escrita. Selecciona simplemente una de las sugerencias para sustituir la palabra. Para cambiar el idioma asociado con el objeto de texto. Por lo tanto deberás repetir el procedimiento anterior para fijar el atributo de idioma de texto actual la próxima vez que cargues el documento. Ahora todas las palabras sin revisar de tu documento y aquellas que vas tecleando aparecen subrayadas con una línea de guiones. el objeto de texto será revisado con el diccionario de la lengua que elegiste. Selecciona "REVISAR ORTOGRAFÍA MIENTRAS SE ESCRIBE ". Por defecto. Si quieres introducir numerosos objetos de texto utilizando un idioma diferente al seleccionado por defecto. selecciona el objeto y elige la opción "Sin idioma (ignorar") del menú del corrector de ortografía. selecciona el objeto de texto y a continuación selecciona el idioma requerido en el menú del corrector de ortografía de la herramienta de texto. De ahora en adelante cada nuevo objeto de texto que crees se asociará al idioma elegido. Haz clic en "Fijar" para confirmarlo. Ahora. Se te preguntará si deseas fijar el atributo de idioma de texto actual. Diccionario de usuario Las palabras que utilices regularmente y que no se encuentren en el diccionario suministrado por MAGIX Web Designer 6 pueden añadirse a tu propio diccionario . Para ello asegúrate de que no has seleccionado nada (haz clic sobre un área vacía de tu diseño utilizando la herramienta de selección). Selección de idioma Haciendo clic en el icono del corrector de ortografía aparece un menú con todos los idiomas para los cuales hay diccionarios instalados. si quieres seguir introduciendo nuevos objetos de textos usando el mismo idioma. el idioma seleccionado corresponderá a la configuración local. A continuación elige en la herramienta de texto el idioma que quieras usando el menú del corrector de ortografía. puedes cambiar el actual atributo de idioma de texto de modo que no tienes que cambiar individualmente el idioma de cada objeto de texto.

cuando quieres cambiar el texto mostrado en estos objetos. en diferentes frames) a lo largo de tu documento. A continuación. • O pulsa Ctrl+ +R (este es un nuevo shortcut). El diccionario de usuario se aplicará a todos los documentos que utilices en tu ordenador y se aplicará para todos los idiomas. primero asegúrate de que todos ya poseen exactamente el mismo texto (de lo contrario no se sincronizarán todos). debes editar cada uno de forma individual. necesitas activas las reglas del documento. Para deshacer un grupo suave. Ahora la palabra ya no será detectada como incorrecta. Ejemplos de ello serían la animación de texto en un documento de animación o botones mouseover que se resaltan cuando el cursor del ratón se mueve por encima de ellos en un navegador web. puedes asegurarte de que siempre mostrarán el mismo texto. . • O pulsa Ctrl+L (si no te encuentras en la herramienta de TEXTO ). Por lo general. Para esto: • Escoge Ventana > Barras > Reglas. Tabulaciones. márgenes y sangrías. márgenes y sangrías Reglas Para ajustar las tabulaciones. Lee la sección de grupos suaves del capítulo Manipulación de objetos (en la página 108) para obtener más información sobre grupos suaves. Ten en cuenta que esta sincronización funciona incluso si algunos de los objetos se encuentran en capas bloqueadas o invisibles. 161 Cómo sincronizar el texto empleando Grupos suaves (soft groups. A continuación selecciona todos usando la herramienta de selección. en inglés) En algunos diseños puede que necesites que múltiples objetos de texto muestren siempre el mismo texto. Las características de texto avanzadas sólo aparecerán en la regla cuando estés utilizando la herramienta de TEXTO y cuando el cursor de texto se encuentre dentro de la historia de texto o cuando el objeto de texto esté seleccionado en la herramienta de TEXTO . selecciona Arreglo > Eliminar grupo suave (o pulsa Ctrl+Alt+U). los demás se actualizarán automáticamente. cuando se edita el texto en un objeto de texto. Luego selecciona "ARREGLO->APLICAR GRUPO SUAVE (Ctrl+Alt+G). pero con estilos diferentes. incluso si están desparramados por diferentes capas (o en caso de documentos de animación. Añadiendo a un grupo suave objetos de texto relacionados de esta forma. Haz clic con el botón derecho del ratón y selecciona "Añadir a diccionario de usuario".Trabajar con textos personal. Para añadir los objetos de texto relacionados a un grupo suave.

Demostración del margen izquierdo y el margen de la primera línea Demostración de un margen derecho . el párrafo en el que se encuentra el cursor de texto. como se muestra abajo). Arrastra para cambiar el margen izquierdo de la primera línea del párrafo (útil para listas. Margen derecho. después cambia a la herramienta de TEXTO y realiza los cambios correspondientes. Arrastra esto para cambiar el margen derecho del texto. Margen izquierdo . verás una guía vertical temporal que te facilitará alinear las tabulaciones o márgenes a otros objetos de la página. el cambio se aplicará a los párrafos de la región seleccionada. Arrastra esto para cambiar el margen izquierdo del texto. si has seleccionado una región de texto. Puedes aplicar cambios a todo el texto de una historia de texto. si seleccionas todo el texto dentro de la historia (Ctrl+A). es decir. Margen de la primera línea. Márgenes y sangrías Cualquier cambio que realices se aplicará al párrafo de texto actual. Por el contrario.162 Trabajar con textos Al arrastrar los márgenes o tabulaciones en la regla de la herramienta de texto. selecciona los objetos de texto en la herramienta de SELECCIÓN. Para cambiar más de una historia de texto.

Tipos de tabulaciones personalizadas Puedes configurar diferentes tipos de tabulaciones personalizadas. si deseas utilizar otro espaciado. Para desplazar una tabulación personalizada arrástrala a lo largo de la regla. Esto significa que el texto se alineará con la tabulación a la izquierda del texto.Trabajar con textos Texto siguiendo una curva Si has adaptado una sola línea de texto a la curva utilizando la opción ADAPTAR TEXTO A LA CURVA . la línea de curva será el margen.5 cm. Por ejemplo: El triángulo indica una tabulación personalizada Para colocar más de una tabulación. haz clic sobre la regla en el lugar don de quieres colocar la tabulación. Sólo necesitas definir una nueva posición de tabulación. Esto significa que puedes pulsar la tecla Tab y tu texto se moverá al próximo punto de tabulación. Se sustituirán las tabulaciones por defecto hasta esa posición de la regla. las tabulaciones personalizadas están alineadas a la izquierda. entonces verás indicadores de margen izquierdo y derecho (pequeños cuadrados rojos) que puedes arrastrar a lo largo de la línea para ajustar los márgenes utilizados para la justificación. Por defecto. Estas tabulaciones por defecto se muestran como "L" sobre la regla: Tabulaciones estándar indicadas con "L" Tabulaciones personalizadas Para crear una posición de tabulación personalizada. Si has hecho clic sobre la línea o has adaptado una columna de texto a una curva o línea. 163 Tabulaciones Por defecto. Para eliminar una tabulación arrástrala fuera de la regla (las tabulaciones por defecto retornarán). las historias de texto se crean con tabulaciones de 0. . haz clic varias veces sobre la regla.

Están disponibles los siguientes tipos de tabulación personalizada. los puntos decimales se alinearán con al tabulación. Para crear una sangría francesa: 1. Alineación derecha: el texto se alineará con la tabulación a la derecha. haz clic sobre el icono de tabulación sobre la regla. Alineación izquierda: el texto se alineará con la tabulación a la izquierda. Cómo crear sangrías francesas La sangría francesa es cuando la primera línea del párrafo tiene un margen negativo. sin importar la longitud del número. Alineación central: el texto se centrará a partir de la tabulación. o el margen se encuentra más a la izquierda que el margen izquierdo normal. puesto que no estás limitado a utilizar un solo tipo de tabulación en una historia. Las listas con número o viñetas son ejemplos de sangría francesa. Esto es útil para crear listas. Alineación al decimal: los puntos decimales en el texto se alinearán con la tabulación.164 Trabajar con textos Para cambiar el tipo de tabulación. . Arrastra el margen izquierdo hacia adentro. Puedes escoger diferentes tipos de tabulaciones.

.Trabajar con textos 2. 165 Texto alrededor de objetos Puede hacer que cualquier objeto en MAGIX Web Designer 6 sea rodeado por texto.. Y (al igual que con el párrafo) todas las líneas siguientes de texto tendrán sangría hasta el margen izquierdo. de modo que el texto fluya alrededor del objeto. Haz clic sobre la regla lejos del margen izquierdo (crea una nueva tabulación) y arrastra esta tabulación hasta el margen izquierdo. " Para hacer que un objeto sea rodeado por texto. Hacer que un objeto se rodee de texto TEXTO. en vez de aparecer encima. puedes insertar cualquier carácter o número y pulsar Tab para moverlo hasta el margen izquierdo. Ahora todas las líneas comenzarán con sangría.. puede ajustar las posiciones de gráficos y fotos y el texto se adaptará automáticamente y fluira alrededor de ellos. selecciona la opción "CONTORNEAR en el menú ARREGLO para abrir la ventana de diálogo con las propiedades para hacer fluir el texto alrededor de objetos. Esto facilita la presentación de páginas que contienen pasajes largos de texto combinados con fotos y gráficos. 3. Una vez que has insertado los objetos.

166 Trabajar con textos Si lo deseas. sólo lo hacen las áreas con texto y columnas de texto. Se te dará la elección de pegar el objeto como un objeto de texto anclado o no. Ten en cuenta que las líneas individuales de texto no responden al contonear objetos. cópialo primero al portapapeles. Ten en cuenta que contornear el texto sólo funciona si el texto está debajo de los objetos. que determinará el tamaño del margen entre los bordes del objeto y el texto que lo rodea. si el texto está encima no funciona. el objeto de gráfico se desplace para mantener la misma posición relativa. haz clic en "Contornear". de forma que al mover el texto. Para anclar un gráfico o grupo. Para desactivar el contorneo abre simplemente el diálogo de propiedades de contorneo del objeto y haz clic en "No contornear". Éste es un ejemplo de una columna de texto con diversos elementos gráficos a la izquierda. y después en la posición de herramienta de TEXTO y PÉGALO . puedes poner un margen al objeto. Para cerrar el diálogo y volver a la opción de contornear texto. Cada uno de estos está anclado al inicio de una línea de texto inmediatamente a la derecha. Gráficos anclados Puedes posicionar cualquier gráfico o grupo para anclarlo a una posición en un texto. .

167 Mover objetos anclados Puedes mover un gráfico anclado arrastrándolo de la forma usual. en inglés) Puedes pegar Grupos suaves (en la página 108) de la misma forma. Por lo tanto. este gráfico permanecerá vinculado a la misma posición relativa y se moverá hacia arriba o hacia abajo con el punto de anclaje. aun cuando parte de un grupo se encuentra en otra capa. Por ejemplo. Visualización del punto de anclado Cuando seleccionas una región de texto con la Herramienta de texto.Trabajar con textos Una vez que lo has anclado en una posición del texto. Grupos suaves (soft groups. la forma más sencilla de ver todos los puntos de anclado para cualquier texto es seleccionarlo todo (colocar el cursor en el texto y pulsar Ctrl+A). . como el ejemplo del panel lateral. pero no mueve el punto anclado. El ejemplo del gráfico de flor azul pálido. ten en cuenta que el objeto anclado no se moverá fuera del área de la página como resultado del movimiento del punto de anclado. cuando muevas el texto hacia arriba y hacia abajo (al eliminar o agregar texto arriba). está anclado de esta forma y fluirá junto con el texto. Esto cambia su posición con de forma relativa al punto anclado. Entonces. si el punto anclado se mueve al fluir el texto. Sin embargo. También es posible anclar objetos para que aparezcan arriba o debajo del texto. la característica de alineación se desactivará. Si intentas anclar un objeto con Alineación de texto. que se muestra a la izquierda. pueden anclarse de esta forma. Nota: No es posible anclar texto a objetos con alineación a objetos. que se muestra a la izquierda. El objeto anclado sólo se moverá hasta el borde de la página. el gráfico mantendrá siempre su posición nueva relativa al punto anclado. Es posible anclar cualquier objeto o grupo de gráficos. se verán todos los puntos de anclado con una "T" invertida. y también se dibujará una flecha desde el punto de anclado al centro de los objetos anclados. incluyendo grupos con texto. los botones Web con efectos mouse over o pop-up en otras capas.

Sin embargo. existen varias formas para mover el texto alrededor de gráficos anclados. .168 Trabajar con textos Márgenes y objetos anclados Se recomienda que los objetos gráficos anclados se posicionen fuera de los márgenes o (como en el ejemplo anterior) en un espacio vertical (únicamente introduce un número de líneas vacías). como en este ejemplo. dentro del texto. Si quieres incrustar un pequeño gráfico en una línea de texto. utiliza el control de márgenes en la regla para crear un margen derecho para los parágrafos de texto para dar espacio para la imagen. para que fluya con el texto. La foto está anclada justo el principio de la línea (de modo que sólo se mueve hacia arriba y hacia abajo). Se recomienda usar caracteres de espacio de no separación (Ctrl+barra espaciadora). Utilizando el control de márgenes puedes definir que los gráficos se posicionen dentro del ancho de columna. Aquí puedes ver que el indicador de margen derecho en la regla está a la izquierda en la imagen. de modo que la gráfica no se superpone al texto al que está unido. crea un pequeño espacio en el texto y pega la imagen como un objeto anclado y posiciónalo sobre los espacios. en el lado izquierdo o derecho. Para hacer esto. como un gráfico de un icono como este . El texto de debajo de la foto no tiene un margen derecho y se extiende hasta el borde de la columna.

Para inclinar una fuente.Trabajar con textos Aplicar estilos de texto Cambiar el tamaño de fuente Existen diversas formas de cambiar el tamaño de la fuente: 169 • Introduce un nuevo valor en el campo de texto de tamaño de la barra de información y pulsa ↵. puedes emular fácilmente el mismo efecto. Esta opción se aplica solamente si todas las partes de texto seleccionadas tienen el mismo tamaño de fuente. El color de subrayado y el tamaño deriva automáticamente del color y tamaño del texto. Lee más en la sección "menú de fuente" Subrayado de texto Haz clic en el botón de subrayar en la barra de información para subrayar el texto seleccionado. usa la opción oblicuidad / inclinación de la Herramienta de selección. solamente agrégale una pequeña amplitud de línea y aplica un color de línea. • O utiliza la herramienta de SELECCIÓN para cambiar el tamaño de todo el objeto de texto. • O aumenta/disminuye el tamaño de fuente con Ctrl+ +> y Ctrl+ +<. • O utiliza la barra deslizante emergente de tamaño de fuente (en la página 152). Negrita y cursiva Haz clic sobre el botón NEGRITA o CURSIVA de la barra de información ("Ctrl + B" or "Ctrl + I") Esta opción aplica la variante negrita o cursiva de la fuente actual. Atención: MAGIX Web Designer 6 no te permite aplicar cursiva o negrita al texto si la fuente cursiva/negrita necesaria no está instalada. . Sin embargo. • O selecciona una opción de la lista desplegable TAMAÑO DE FUENTE en la barra de información. Para añadir negrita a una fuente.

. la próxima línea también comenzará con una viñeta. Agregar y quitar sangrías Agregar sangría a un párrafo de texto. Al usar texto simple la posición inicial de clic de la página se toma como origen de la justificación de texto. pulsa Intro al final de la última viñeta y luego vuelve a pulsar Intro en la nueva línea con viñeta. Justificación COMPLETA : esto sólo se aplica cuando el texto sigue a una curva o se encuentra en una columna y cuando haya al menos una línea completa de texto para justificar. Para finalizar la lista con viñetas. Esta sangría crea una línea con viñeta y cambia el estilo de la viñeta para diferenciarla de la principal. Quitar sangría a un párrafo de texto. Justificación DERECHA : el borde derecho del texto se alinea a la posición inicial de clic. Esto elimina la última línea con viñeta y te permite comenzar a introducir texto normal nuevamente. Cualquier región seleccionada se ignorará. Cada párrafo de texto se convierte en una viñeta independiente.170 Trabajar con textos Justificación o alineación de texto La justificación siempre se aplica a toda la línea. Justificación IZQUIERDA : el borde izquierdo del texto se alinea a la posición inicial de clic. Si presionas Intro al finalizar una línea al final de la viñeta. Justificación CENTRAL : centra el texto alrededor de la posición de clic. Lista con viñetas Puedes convertir cualquier texto en una lista con viñetas si seleccionas el texto y luego escoges el botón de lista con viñetas de la barra de información. Puedes incluir listas con viñetas secundarias si pulsas el botón de sangría de la barra de información.

Trabajar con textos

171

Ejemplo de una lista de viñetas secundaria

Para mover un punto de viñeta desde la lista secundaria hasta la principal, simplemente coloca el texto del cursor en la línea y pulsa el botón para quitar sangría. Por lo tanto, realizar arreglos en las listas de viñetas es fácil con los botones para agregar y quitar sangrías.

Lista numerada
Puedes crear y editar listas numeradas de la misma forma que se ha descrito para las listas con viñetas pero con el botón de listas numeradas. Puedes escoger el esquema numerado que se utiliza para cada lista con el diálogo de PROPIEDADES DE LISTA . Coloca el cursor de texto en uno de los puntos de la lista numerada, haz clic derecho y escoge PROPIEDADES DE LISTA... del menú contextual.

En el diálogo puedes escoger entre una variedad de esquemas de numeración y también introducir el valor que debe utilizarse en la primera entrada de la lista. Luego, el número se aumentará automáticamente para las siguientes entradas de la lista.

172

Trabajar con textos
Superíndice y subíndice
Haz clic en el botón apropiado sobre la BARRA DE INFORMACIÓN. Texto normal subíndice
superíndice

Espaciado de línea
El espaciado de línea te permite cambiar el espacio entre dos líneas (afecta el espaciado vertical). El espaciado de línea se mide en porcentajes (120%) o puntos (12pt). Puedes introducir el valor de espacio de línea en el campo de texto o hacer clic sobre las flechas para desplazar los valores. La configuración de porcentajes tiene como beneficio de que cambia de tamaño si cambias el tamaño de la fuente. Si se aplica un porcentaje a una línea de texto con varios tamaños de fuente, se utilizará el tamaño más grande. Por ejemplo, si una línea contiene texto 90% y 100%, el espaciado de línea se calculará a partir del 100%.

Espaciado de párrafos
Los dos últimos campos de la barra de información de la herramienta de texto te permiten configurar el espacio antes y después de los párrafos. Esto es particularmente útil cuando quieres configurar espacios de media línea entre los párrafos. Al igual que en Microsoft Word, cuando utilizas el espaciado arriba y abajo de los párrafos, el espaciado es el valor mayor entre ambos (no se acumula). El espaciado arriba del párrafo moverá el primer párrafo hacia abajo en un marco de texto.

Enlaces de texto
Puedes aplicar un enlace en cualquier parte de un objeto de texto de modo que cuando el documento se exporte como HTML el texto aparezca en los navegadores web como un enlace sobre el cual se puede hacer clic. Utiliza la HERRAMIENTA DE TEXTO para seleccionar las palabras o los caracteres que desees aplicar al enlace y luego haz clic en el botón de enlace en la barra de herramientas de WEB . Esto abre el diálogo de PROPIEDADES WEB con la pestaña ENLACE seleccionada. En esta pestaña puedes elegir si quieres vincular un URL, otra página de tu sitio web o incluso una capa popup. Por defecto, cuando aplicas un enlace a una parte de texto, el texto aparece subrayado y con el color de enlace de texto definido para el documento actual. Puedes cambiar el color del enlace, estando los enlaces subrayados o no, en la pestaña PÁGINA WEB del diálogo de PROPIEDADES WEB (menú HERRAMIENTAS->PROPIEDADES WEB ). Asimismo puedes fijar el

Trabajar con textos
color que aparece cuando el usuario mueve el cursor del ratón por encima de un enlace de texto en un navegador web ("Colores MouseOver"), y el "Color visitado", el cual se usa para visualizar que los usuarios ya han visitado dicho enlace con su navegador web. Para fijar los tres colores globales de los enlaces de texto, o bien puedes seleccionar los colores con nombre (original) ya existentes que utilizaste en tu página web usando las listas desplegables, o bien puedes hacer clic en el botón EDITAR para abrir el EDITOR DE COLOR mediante el cual puedes elegir el color que quieras. Asimismo, si fuera necesario también puedes sobrescribir los colores globales de los enlaces de texto para enlaces individuales. En la pestaña de enlaces del diálogo de las propiedades web, deselecciona la opción "Utilizar los colores de enlace de página web usuales". A continuación el enlace seleccionado adoptará el color de texto que fijaste en el documento, en lugar del color global del enlace de texto.

173

Texto dentro de grupos para páginas web
Al exportar un documento como página web, todos los grupos serán exportados como imágenes. Por este motivo, el texto que se encuentre dentro de grupos no estará presente como texto en tu página web exportada y, por lo tanto, no podrá ser detectado por buscadores ni seleccionado o copiado por los usuarios que visiten tu página web. Esto suele ser apropiado para botones gráficos, títulos, logotipos, etc., ya que el texto forma parte del gráfico. Sin embargo puede que tengas más piezas de texto importantes dentro de grupos que desees mantener como texto en tu página web exportada. Para hacer esto, sólo tienes que aplicar el nombre especial "Texto HTML" a tu objeto de texto. La forma más fácil de hacer esto se explica a continuación:

1. 2. 3. 4.

Escoge la HERRAMIENTA DE TEXTO y haz clic en el texto para insertar el cursor de texto. Pulsa Esc para seleccionar todo el objeto de texto. Abre el diálogo de nombre (HERRAMIENTAS->NOMBRES... ). O bien selecciona el nombre de "Texto HTML" de la lista desplegable "Aplicar nombre" si ya lo has utilizado en el documento actual, o bien teclea el nombre de "Texto HTML". A continuación haz clic en "Añadir" para añadir el nombre.

Ahora, cuando exportes tu página web, tu texto permanecerá como texto y el resto del grupo se convertirá en imagen. Todos los paneles de texto suministrados por la GALERÍA DE DISEÑOS ya han aplicado este nombre a los objetos de texto dentro de los mismos, por lo que el texto de los paneles se exportará como texto. Los navegadores no pueden renderizar texto con rotación, por lo que no puedes utilizar este nombre para forzar que el texto con rotación sea exportado como texto. En este caso, el nombre se ignora.

174

Trabajar con textos Copiar estilos de texto
Es fácil copiar el estilo de cualquier texto a otra región de texto utilizando la opción PEGAR
ATRIBUTOS :

• Selecciona la región fuente cuyo estilo quieres copiar. Esto puede ser también una sola palabra (sólo haz doble clic). • Selecciona Edición > Copia (o Ctrl+C). • Selecciona la región de texto a la que quieres aplicar el estilo. • Selecciona Edición > Pegar atributos (Ctrl + Majús + A). Si el cursor de texto se encuentra posicionado en algún texto cuando PEGAS ATRIBUTOS , los atributos del párrafo se pegarán a este otro (p.ej. tabulaciones, márgenes). Si has seleccionado una región de texto, entonces PEGAR ATRIBUTOS insertará todos los atributos visuales del texto fuente.

Aplicar atributos a historias de texto completas
Si el cursor se encuentra en un objeto simple o una columna de texto, Esc seleccionará todo el objeto de texto. Puedes aplicar un atributo, por ejemplo, un color, y todo el objeto de texto se modificará. Esto es con frecuencia más rápido que realizar seleccionar todo (Ctlr+A). Con las áreas de texto este método sólo funciona si se han seleccionado todas las áreas de texto. Puedes hacer esto en la herramienta de SELECCIÓN con un clic y ń+clic sobre las diferentes áreas de texto para seleccionarlas. Pero este método sólo es posible si las áreas de texto se encuentran en una sola página. Si tu historia de texto fluye por diferentes páginas y quieres cambiar todo el texto, entonces será necesario Seleccionar todo (Ctrl+A) y después aplicar los atributos deseados.

Copiar / Pegar texto con formato (RTF)
Puedes copiar texto con formato desde otras aplicaciones como editores o procesadores de texto y copiarlo en MAGIX Web Designer 6 como texto y las fuentes, márgenes y espaciado de líneas se conservarán. Esto facilita la posibilidad de conservar el estilo y apariencia de tu texto. Cuando pegas texto en formato Rich Text (RFT) desde otras aplicaciones se te da la opción de pegar el texto como "texto sin formato" lo que significa que aparecerá en la fuente y estilo del cursor donde pegas o como Rich Text lo que significa que se conservará el estilo del texto fuente. Esto también funciona al revés. Puedes copiar texto de Web Designer y pegarlo en otras aplicaciones compatibles con Rich Text y el estilo (fuente, tamaño, colores, márgenes, etc.) se conservará. Esto funciona solamente si copias de un objeto de texto simple o de un único texto fluido.

Trabajar con textos
Algunas aplicaciones, como Microsoft Word, tienen una opción del menú que provee una amplia gama de opciones de pegado. Estas aplicaciones te permiten muchas veces escoger el formato del objeto pegado (texto o gráfico).

175

Visualizar fuentes utilizadas
Muchas veces es útil obtener un resumen de las fuentes utilizadas en el documento, especialmente si quieres compartir el documento con otros usuarios de Web Designer que no tienen las fuentes instaladas. Encontrarás una lista completa de las fuentes utilizadas en "Archivo" > "Propiedades del documento". Todas las fuentes que no estén instaladas pero se estén utilizando en el documento, estarán señaladas con "NO INSTALADA" . Si quieres enviar el documento a otro usuario que no tiene instaladas las fuentes utilizadas pero que tampoco tiene que editar el texto, entonces puedes convertir el texto en formas editables (lee a continuación).

Incrustación de fuentes
MAGIX Web Designer 6 guarda las formas de caracteres de todas las fuentes usadas en tu documento. Esto significa que si pasas tu archivo de diseño a otra persona o transfieres el archivo a otro ordenador, el texto todavía tendrá exactamente la misma apariencia, incluso si las fuentes correctas no están instaladas en dicho ordenador. Pero esto únicamente incrusta los caracteres usados en el documento (no se incluye la fuente completa). Por lo tanto, en los ordenadores que no disponen de las fuentes, el texto que se añada en las fuentes no disponibles puede que no cuente con las formas de caracteres correctas.

Compatibilidad entre el navegador y el texto
Lamentablemente, es un hecho que diferentes navegadores visualizan el mismo texto de forma ligeramente diferente, por general con un tamaño o una longitud de línea un poco diferente. En el momento de redacción sólo existe un navegador web capaz de visualizar los tamaños de texto de forma exacta y correcta (Firefox 3 en Mac); todos los demás navegadores muestran frecuentemente un texto demasiado largo y los tamaños se redondean a píxeles enteros (por ejemplo un texto de 10pt no se visualiza con un tamaño de 10pt, sino con el tamaño de píxel redondeado más próximo (13 píxeles)). MAGIX Web Designer 6 ha sido diseñado para emular el comportamiento de la mayoría de los navegadores más comunes ajustando los tamaños intermedios a píxeles enteros y ajustando las longitudes de línea para emular al máximo el texto en navegadores de Windows. Puedes desactivar este ajuste en el diálogo OPCIONES , en la pestaña GENERAL (menú HERRAMIENTAS -> OPCIONES deseleccionando la opción "MOSTRAR LONGITUDES DE TEXTO COMPATIBLES CON WINDOWS ".

176

Trabajar con textos
Nota para usuarios avanzados: si utilizas Xtreme o desactivas esta opción de compatibilidad, cuando introduzcas un tamaño intermedio, por ejemplo 13,6 píxeles ó 10 pt, obtendrás el texto exactamente con ese mismo tamaño. Pero ya advertimos que la mayoría de los navegadores web visualizarán este texto con un tamaño ligeramente mayor o menor al que se ve en el Web Designer. La segunda consecuencia del (mal) comportamiento de este navegador es que en el caso de las fuentes pequeñas se produce un gran salto de un tamaño al siguiente. Por lo tanto, si deseas un tamaño de fuente, por ejemplo entre 9pix y 10pix, no podrás obtenerlo. La mayoría de los navegadores no pueden visualizar un tamaño intermedio (tanto si usas puntos, ems o cualquier otro tipo de unidad). Por lo tanto verás cómo los tamaños de texto de Web Designer saltan de un tamaño a otro tamaño cuando cambies el tamaño de los objetos de texto.

La herramienta de relleno

177

La herramienta de relleno
Creación de una gradación de color lineal
El procedimiento para la creación de un relleno es igual para todos los tipos de relleno:

1. 2. 3. 4.

Selecciona uno o varios objetos a los que quieres aplicar los rellenos. Activa la herramienta de relleno (Shortcut F5) Escoge el tipo de relleno deseado del menú. Haz clic y arrastra el ratón sobre el objeto para crear el relleno. También puedes arrastrar directamente los controles deslizantes de relleno para adaptar el tamaño y la posición.

MAGIX Web Designer 6 muestra una vista previa interactiva y fluida durante el arrastre. Esto tiene algunas ventajas con respecto a las herramientas tradicionales que trabajan a través de diálogos. No sólo son necesarios pocos clics del ratón, sino que también se aumenta la velocidad de trabajo y las opciones de posicionamiento de los puntos de inicio y fin.

Al arrastrar, se creará una flecha con controles para la dirección del relleno. Los controles deslizantes de relleno pueden seleccionarse y desplazarse para modificar la posición y el ángulo del relleno.

Coloreado de rellenos
Selecciona uno de los controles deslizantes de relleno y haz clic sobre un color de la LÍNEA DE COLOR o abre el editor de colores para definir un nuevo color. Para cambiar entre los controles deslizantes de relleno, pulsa "Tab".

Modificar selección
En la herramienta de relleno, un objeto se selecciona con un clic y no es necesario cambiar a la herramienta de selección para marcar otro objeto.

si haces clic en un objeto que se encuentra dentro de un grupo. Esto se conoce como "seleccionar dentro". NUBES FRACTALES : produce un relleno aleatorio con parches que es especialmente útil para nubes y neblina. RELLENO CIRCULAR : el color cambia a partir de un punto en forma circular. Relleno de mapa de bits: el objeto se rellena con una o más copias con forma de mosaico de un mapa de bits o de una foto. que se selecciona parte de un grupo en vez del grupo como un todo. es decir.178 La herramienta de relleno Tipos de relleno Web Designer dispone de estos tipos de relleno de color: RELLENO LISO : la forma recibe un color o tono parejo en toda la superficie. Se puede usar cualquier foto o bitmap en el BITMAP o en las galerías RELLENO . se aplica automáticamente la opción "Seleccionar dentro" si haces clic sobre un objeto. por supuesto). PLASMA FRACTAL : un relleno aleatorio de parches que presenta un mayor contraste que el relleno de nubes fractales. Todas las fotos que ves en <Progammname> son formas con relleno de mapa bits (por lo general rectángulos. RELLENO ELÍPTICO : similar al relleno circular. se selecciona dicho objeto en lugar de seleccionarse el grupo completo. Seleccionar dentro automáticamente En la herramienta de relleno. salvo que el cambio se realiza en forma elíptica. En la herramienta de relleno. así como editar y ajustar los rellenos. De este modo es más fácil trabajar en fotos y rellenos dentro de grupos. La herramienta de RELLENOS te permite aplicar estos tipos de relleno al objeto o a los objetos seleccionado(s). RELLENO LINEAL : el color cambia gradualmente de un color a otro. . Si quieres cambiar el atributo de relleno de un grupo (que no es muy probable) necesitas seleccionar el grupo utilizando primero la herramienta de selección.

Si seleccionas un relleno de este menú: • mientras tienes un objeto seleccionado. Esto ayuda a ocultar las junturas donde los mosaicos se juntan. establece el actual tipo de relleno estándar. Una forma de elipse con un relleno elíptico repetido (repeating elliptical fill) El EFECTO DE RELLENO se utiliza para todos los tipos de rellenos. Por ejemplo. ARCO IRIS : TRANSICIÓN : . • Repetir / Repetir mosaico (repeating/repeating tile): el efecto se repite hasta llenar todo el objeto. se aplicará el relleno al objeto. Controla el desvanecimiento del relleno desde el color de inicio al color de fin: • • crea una transición entre los dos colores de forma lineal realiza una transición siguiendo el borde más breve del modelo de color HSV. pero uno de cada dos mosaicos está invertido. El texto alrededor del "mosaico" simple es transparente. SEGMENTACIÓN DEL RELLENO (FILL TILING) se utiliza para aplicar rellenos de mapas de bits y rellenos fractales. Esto es similar al mosaico repetido. • sin un objeto seleccionado. La segmentación de relleno cambia la repetición del efecto de relleno. una transición de amarillo a cian será amarillo-verde-cian. Las opciones se describen más adelante en los rellenos de mapas de bits.La herramienta de relleno Barra de información de la herramienta de relleno 179 Tipo de relleno Segmentación de relleno Efecto de relleno Mapa de bits nombre Control deslizante de relleno/Resolución Color del control deslizante/Grano TIPO DE RELLENO selecciona el tipo de relleno. independientemente del tamaño del objeto. el cual se usa para objetos nuevos dibujados. Las opciones son: • Simple: el relleno se utiliza una sola vez. • Invertir mosaico repetido: sólo disponible en rellenos fractales y de mapas de bits.

Puedes introducir una nueva resolución para cambiar el tamaño del mapa de bits. Escoge "Relleno lineal" del menú. (También puede encontrarse fuera del objeto). 96 DPI es suficiente para la resolución de pantalla. incluso para utilización de tipografía. Selecciona un relleno liso del menú de tipos de relleno.180 La herramienta de relleno Esta opción no tiene efecto alguno cuando los dos colores son negro. El NOMBRE DE MAPA DE BITS muestra un menú desplegable con vistas en miniatura (thumbnails) de todos los mapas de bits de la GALERÍA DE MAPAS DE BITS y es una forma sencilla de seleccionar el mapa de bits o la foto requerido para un relleno de mapa de bits. la transición de amarillo a cian será amarillo-rojo-magenta-azul-cian. COLOR DE CONTROL DESLIZANTE DE RELLENO (excepto relleno de mapas de bits): indica el color aplicado al control deslizante de relleno seleccionado. CONTROL DESLIZANTE DE RELLENO : te indica si el control deslizante de inicio o fin está seleccionado. Arrastra el cursor hasta la posición de fin del relleno. (No es necesario si el relleno contiene una relleno de un color). Muy pocas veces se necesita una resolución mayor que 150 DPI. 3. 2. La línea de colores se describe en Manejo de colores (en la página 135). Rellenos lisos Para aplicar o cambiar un relleno liso: 1. Por ejemplo. blanco y gris. 2. Elige un color de LÍNEA DE COLORES . Rellenos lineales Así se utilizan los rellenos lineales: 1. Este campo queda en blanco para rellenos lisos. (Esto también puede ser fuera del objeto). RESOLUCIÓN (sólo rellenos de mapas de bits y fractales): muestra la resolución del mapa de bits (siempre que no hayas seleccionado un control deslizante de relleno). . Coloca el cursor del ratón en el lugar donde debe comenzar el relleno. Las resoluciones bajas muestran los píxeles individuales del mapa de bits. • ALT ARCO IRIS : similar a la opción arco iris salvo que la transición se realiza siguiente el borde más extenso de la rueda de color.

el aspecto del cursor cambiará. Cambiar el aspecto alto/ancho del objeto cambia automáticamente un relleno circular a un relleno elíptico (ver a continuación). movimiento de los controles deslizantes y el cambio de los colores son iguales a los rellenos lineales. Escoge el color deseado de la línea de colores. se denomina flecha de relleno. • O bien O arrastra el color hasta el objeto. Los rellenos circulares son útiles para crear efectos de sombras. 2. Cambiar colores de un relleno Para cambiar el color de un relleno: • Arrastra el color desde la LÍNEA DE COLORES hasta un control deslizante de relleno (no es necesario que selecciones primero el control deslizante). . cambiará el color en el control deslizante de fin. Cada método cambia el color de un solo control deslizante. cambiará el color del control deslizante de inicio. o: 1. la aplicación del relleno. Selecciona el control deslizante (o controles deslizantes. también funciona con objetos múltiples) correspondiente. Al encontrarse sobre el control deslizante. Rellenos circulares Para los rellenos circulares. no se cambia ningún otro control deslizante seleccionado. Si sueltas el color sobre el control deslizante de inicio. 3. La línea de colores se describe en Trabajar con colores (en la página 135). mientras que si lo sueltas sobre el control deslizante de fin. Ambos extremos de la flecha pueden marcarse con un clic. Cada relleno tiene una línea central imaginaria en la mitad de la flecha de relleno. Una forma rápida de aplicar un relleno circular: +arrastra para crear un relleno circular. Esto cambia todos los controles deslizantes de relleno seleccionados. El control deslizante de inicio es el centro del relleno. Desplaza el cursor sobre el control deslizante que quieres mover. simplemente haz clic sobre un color. Arrastra el control deslizante. • Si está seleccionado uno de los controles deslizantes (está señalado). 181 Desplazamiento de los controles de inicio y fin de un relleno Modificación de la dirección y el tamaño de la gradación de un relleno: 1.La herramienta de relleno La flecha que se dibujará sobre el objeto seleccionado. 2. Esta flecha muestra la dirección y el alcance de la gradación del relleno.

Para rellenar o dar forma con un mapa de bits o relleno de foto.182 La herramienta de relleno Rellenos elípticos La aplicación de un relleno elíptico es similar a la aplicación de rellenos lineales. un archivo JPG o PNG) aparecerá como una forma con un tipo de relleno de mapa de bits. no es necesario mantener Shift presionada antes de soltar) . se muestra como una "foto". El relleno de mapas de bits es el tipo de relleno más impactante. También puedes colorear los rellenos de mapas de bits. creas un círculo con dos controles deslizantes de fin. o bien • Arrastra un relleno desde la GALERÍA DE RELLENOS hasta una forma (en este caso. A medida que arrastras el cursor del ratón. manteniendo Shift presionada y soltando. incluyendo fotos JPEG y canal alfa (semi-transparentes). El desplazamiento de controles deslizantes y el cambio de colores es igual que para los rellenos lineales. ángulo. Puedes utilizar cualquier tipo de mapas de bits. Rellenos de mapa de bits Tipo de relleno Segmentación de relleno No utilizado Nombre de mapa de bits Resolución No utilizado La Galería de mapa de bits se describe en La galería de mapa de bits (en la página 224) en el capítulo Trabajar con fotos. Cuando un objeto de este tipo se selecciona en la línea de estado. para Galería de rellenos. Te permite utilizar cualquier foto o textura como relleno de cualquier forma y te ofrece control directo sobre el tamaño. Después puedes arrastrar estos controles deslizantes para crear una elipse adecuada. realiza uno de los siguientes pasos: • Arrastra un mapa de bits desde la GALERÍA DE MAPA DE BITS o desde el explorador de Windows. Ctrl+arrastrar limita la rotación a los ángulos de restricción configurados. +arrastrar conserva la relación de aspecto del relleno. Cuando importas un archivo de foto en MAGIX Web Designer 6 (ej. pero es lo mismo que una foto a la que se le ha aplicado un relleno de mapa de bits. lee más abajo (en la página 186). posición y mosaico.

como el Explorador de Windows. sólo necesitas hacer clic en el color blanco de la línea de color. Por ejemplo. El hacer esto también sustituirá todas las otras instancias de la foto en la página actual.La herramienta de relleno • Selecciona "Mapa de bits" del menú desplegable de la izquierda de la BARRA DE INFORMACIÓN de la HERRAMIENTA DE RELLENO . y luego selecciona el mapa de bits requerido del menú desplegable de nombres de mapas de bits (solo muestra mapas de bits que hayan sido cargados previamente). al hacer clic sobre la imagen). Para cancelar cualquier color aplicado. para convertir una foto a blanco y negro. Una forma alternativa de configurar el tamaño del mapa de bits es introducir la resolución en el campo de la barra de información. Esto restaura el color original del mapa de bits. y se sustituirá el mapa de bits existente. y luego escribe una nueva resolución dpi. Para ello. Primero tienes que deshacer la selección de control deslizante de relleno haciendo clic en cualquier parte de la imagen donde no haya un control deslizante de relleno. Coloreado de mapa de bits Puedes colorear cualquier mapa de bits o relleno de foto pulsando simplemente sobre un color en la LÍNEA DE COLOR (asegúrate de no haber seleccionado ningún control deslizante de relleno. entonces solamente puedes arrastrar y soltar un nuevo mapa de bits desde cualquier fuente. escoge SIN COLOR para cualquiera de los controles deslizantes. Puedes rellenar un objeto con un mapa de bits o múltiples repeticiones del mapa de bits. o es una foto. Sustitución de los rellenos de mapa de bits Si una forma ya contiene un mapa de bits. El relleno tiene tres controles deslizantes. Esto creará un tono contínuo (técnicamente tono dual) que fluctúa entre el negro y el color seleccionado. la posición. 183 Mosaico simple (foto) Mosaico repetido Repetir invertido: los mosaicos se adaptan de forma perfecta. La nueva imagen se adaptará a la forma de forma exacta. escala y rotación del relleno de mapa de bits se conservará. Si presionas SHIFT al sustituir una foto de esta forma. También puedes hacer clic derecho en la línea de color y seleccionar 'ESTABLECER COLOR CLARO DE TONO CONTINUO ' o bien 'ESTABLECER COLOR OSCURO DE TONO CONTINUO '. . utiliza Cambiar el tamaño y la posición del relleno de mapa de bits (en la página 184).

de forma que te será más fácil crear un mapa de bits vertical. haces clic y arrastras hasta una forma que ya contiene un relleno de mapa de bits. Si mantienes pulsada la tecla Ctrl también. se creará un nuevo relleno de mapa de bits cuyo centro se encontrará en el punto del clic. el tamaño del mapa de bits. Un ejemplo Para rellenar la elipse de la izquierda con la foto central: . Cambio del tamaño y la posición del relleno de mapa de bits Si pulsas Shift.184 La herramienta de relleno El campo RESOLUCIÓN de la BARRA DE INFORMACIÓN muestra la resolución que puede modificarse moviendo los controles deslizantes de relleno o introduciendo un valor. pero manteniendo la relación de aspecto. por lo tanto. Si arrastras los controles deslizantes externos. Una vez que has creado el relleno. introduciendo un nuevo valor). La barra de información muestra la resolución del relleno de mapa de bits (puedes ajustar la resolución y. el relleno de mapa de bits se ampliará. puedes arrastrar hasta cualquier lugar de la imagen para reposicionar el relleno dentro de la forma. se cambiará el tamaño vertical y el horizontal de forma independiente y el relleno se doblará. si pulsas "ñ" mientras arrastras. Al pasar el ratón sobre los controles deslizantes de relleno exteriores. el cursor del ratón se convertirá en un cursor de "rotación". el ángulo se limitará.

mientras que los valores altos dan modelos con granos más marcados. Los valores bajos resultan en un modelo suave. Puedes ajustar el tamaño y posición del relleno fractal arrastrando y ajustando los controles deslizantes de relleno.La herramienta de relleno 1. Arrastra la foto o archivo de mapa de bits desde el Explorador de Windows (o desde la Galería de mapas de bits si ya se ha utilizado en el documento) hasta la elipse y luego arrástrala mientras pulsas la tecla "Shift". . La herramienta de relleno se convertirá en la herramienta actual. Relleno fractal con nubes. Ahora podrás ajustar el ángulo y tamaño de la imagen arrastrando los controles deslizantes de relleno. El ejemplo anterior tiene una sombra simple. A la izquierda con valor de grano 1. 185 2. las nubes u otras texturas de la naturaleza. El control GRANO de la BARRA DE INFORMACIÓN te permite controlar la proporción de granos del modelo. Para sustituir un fractal existente por un modelo nuevo escoge uno del menú de relleno. Cada vez que creas un relleno fractal nuevo se crea un nuevo modelo. Deselecciona los controles deslizantes de relleno (clic sobre el relleno fuera de los controles) para ver los controles de resolución y granos. a la derecha con valor de grano 50. Relleno fractal MAGIX Web Designer 6 es compatible con dos tipos de rellenos fractales que son modelos de relleno naturalistas creados matemáticamente. Lee el capítulo sobre la herramienta de sombras (en la página 191) para más información. Son muy útiles para simular el color del cielo.

cónico. Si un control deslizante de relleno se encuentra seleccionado. Puedes cambiar los colores de inicio y fin de un relleno fractal. a la derecha con valor de grano 50. Sólo cuando utilizas un relleno se copia en el documento. Nota la diferencia entre el grano y la resolución. se actualizará para reflejar el nuevo control deslizante de relleno Para eliminar un control deslizante de nivel. lo que significa que en vez de pasar de un color a otro. Selecciona los controles deslizantes centrales o externos y después aplica el color utilizando la línea de colores o la galería de COLOR . selecciona la herramienta de relleno para que se vea la flecha de relleno y después: • Arrastra un color hasta el lugar correspondiente de la flecha de relleno. • O pulsa " + F11". El grano controla el flujo del modelo. selecciónalo con un clic y pulsa la tecla Supr. Para ver la GALERÍA DE RELLENOS : • Escoge HERRAMIENTAS > GALERÍAS > GALERÍA DE RELLENOS . . Puedes reposicionar los controles deslizantes de relleno simplemente arrastrándolos. Si el EDITOR DE COLOR está abierto. Para cancelar el color aplicado. A la izquierda con valor de grano 5. La galería de rellenos La GALERÍA DE RELLENOS contiene texturas de mapas de bits que pueden utilizarse para rellenos. Para añadir un nuevo nivel de color a una graduación. rombos) son compatibles con rellenos de gradación de varios niveles. elíptico. La resolución establece el tamaño del mapa de bits fractal y la impresión de los píxeles individuales.186 La herramienta de relleno Relleno de plasma fractal. pulsa Tab para seleccionar el siguiente. • O haz doble clic sobre la flecha de relleno para crear un nuevo control de relleno y después haz clic sobre un color o abre el EDITOR DE COLOR. escoge Sin color. Gradaciones de color de varios niveles Muchos de los tipos de rellenos con gradación de color (lineal. puede pasar por una cantidad de niveles de color diferentes. circular.

si ningún objeto es seleccionado. TRANSP : (transparencia) importa y aplica el mapa de bits seleccionado como: • Un mapa de bits transparente al objeto seleccionado (de existir). RELLENAR : importa y aplica el mapa de bits seleccionado como: • Un relleno de mapa de bits en los objetos seleccionados (de existir). borra el relleno o carpeta seleccionada. • O. el relleno tendrá mosaicos y el mapa de bits no tendrá la mejor adaptación posible para la forma.La herramienta de relleno 187 IMPORTAR : importa el mapa de bits seleccionado en el documento. También puedes arrastrar y soltar el mapa de bits hasta una parte en blanco de la página. añade nuevos rellenos de tu disco duro o un CD. También puedes arrastrar y soltar el mapa de bits hasta un objeto para aplicar un relleno de mapa de bits. inserta el mapa de bits en el documento como un nuevo objeto de foto. Esto es en general más fácil que hacer clic en IMPORTAR . Hay algunas diferencias entre arrastrar una mapa de bits desde la galería de MAPAS DE BITS o la GALERÍA DE RELLENOS: al arrastrar mapas de bits desde la GALERÍA DE RELLENOS y soltarlos sobre las formas para crear un relleno de mapa de bits. Una copia del mapa de bits aparece en la GALERÍA DE MAPAS DE BITS. ELIMINAR : RELLENO DE DISCO : . Este comportamiento es diferente al que ocurre al arrastrar desde la galería de mapa de bits porque en general las texturas se aplican desde la galería de rellenos y normalmente tienen forma de mosaico y no adaptadas. OBTENER RELLENOS : FONDO : descarga rellenos gratis de Xara. • O configura el atributo de transparencia actual. establece el relleno seleccionado como fondo de página.

Buscar y ordenar están descritos en el capítulo Trabajar con documentos (en la página 83). puedes detener la descarga y continuarla más tarde.188 La herramienta de relleno OPCIONES : te permite seleccionar el tamaño de los símbolos de vista previa y si se debe mostrar información completa sobre el mapa de bits. así como buscar y ordenar los rellenos. . Trabajar con documentos (en la página 83) incluye información general sobre galerías. DETENER DESCARGA : si tienes una conexión lenta y la descarga de Internet se demora.

incluyendo mapas de bits. Selecciona el o los objetos. Forma Segmentación Nombre de mapa de bits Control deslizante/Resolución Cantidad de transparencia Puedes controlar el nivel de transparencia desde completamente opaco a completamente transparente. 2. Puedes aplicar transparencia lisa o con gradación a todos los tipos de objeto. Debes arrastrar sobre los objetos en la HERRAMIENTA DE TRANSPARENCIA para crear una transparencia con gradación.Transparencia 189 Transparencia La herramienta de TRANSPARENCIA te permite determinar cuánto de los colores y objetos subyacentes se podrán ver a través de un objeto. En la HERRAMIENTA DE TRANSPARENCIA . los objetos del documento se modifican para que puedas ver el efecto inmediatamente. . arrastra a lo largo de los objetos para crear un desvanecimiento lineal a lo largo del objeto. 2. 1. Selecciona el o los objetos. A medida que arrastras la barra de transparencia. pero también puedes utilizar transparencias circulares o elípticas: 1. Web Designer va más allá que otros programas. 3. Tienes a disposición una gama similar de formas de transparencia: la más sencilla es la lineal. Selecciona la herramienta de transparencia (shortcut F6) Arrastra la barra deslizante de transparencia en la barra de información MAGIX Web Designer 6 suministra una vista previa en vivo. a diferencia de la transparencia con gradación. Aplicar transparencia con gradación La transparencia con gradación funciona de forma muy similar a los rellenos de color (en la página 176) con gradación. Aplicar transparencia plana Se llama transparencia "plana" porque todas las partes de los objetos tienen la misma transparencia. ya que ofrece una amplia gama de gradaciones de transparencia diferentes.

Por ejemplo. . También puedes aplicar primero transparencia al grupo y después aplicar atributos a objetos individuales dentro de un grupo. después agruparlo y aplicar también transparencia al grupo. si los objetos no están agrupados y aplicas transparencia. Lee Rellenos para más información sobre cómo manipular los controles deslizantes de relleno y las diferentes formas de relleno (en este caso.190 Transparencia 3. Sin embargo. cada objeto individual recibirá una transparencia por separado y obtendrás un efecto diferente si los objetos están superpuestos. puedes aplicar un 50% de transparencia a un objeto. formas de transparencia) Aplicar transparencia a varios objetos Si agrupas objetos y aplicas transparencia. Simplemente pulsa Ctrl. Transparencia individual (izquierda) o transparencia de grupo (derecha) Mezclar transparencias individuales y de grupo Puedes combinar los métodos descritos anteriormente para crear combinaciones complejas de transparencia. Selecciona formas de transparencia alternativas del menú desplegable de la barra de información Puedes seleccionar y ajustar la posición y la intensidad de transparencia utilizando los controles deslizantes del objeto. todo el grupo será tratado como un objeto y la transparencia se aplicará a todo el grupo. haz clic sobre el objeto y cambia sus atributos.

Brillo (Glow): la sombra se utiliza para añadir un efecto de halo alrededor del objeto La transparencia de sombras suaves aumenta hacia los bordes.Sombras 191 Sombras La herramienta de sombra La herramienta de SOMBRA (shortcut Ctrl+F2) te permite aplicar. Las sombras tienen su propia resolución y puedes modificar su tamaño sin pérdida de calidad. Sin sombra Tipos de sombras Nitidez de la sombra Transparencia de la sombra Posición de la sombra MAGIX Web Designer 6 tiene tres tipos de sombras: • Pared (Wall): la sombra se proyecta detrás del objeto. . lo que le otorga un efecto muy realista. eliminar y modificar sombras semitransparentes (o "suaves"). • Suelo (Floor): el objeto parece estar parado verticalmente sobre una superficie.

3. 2. Arrastra hacia o desde el objeto para cambiar el tamaño del resplandor. Selecciona el objeto. Escoge la herramienta de SOMBRA . . Selecciona el botón RESPLANDOR de la barra de información de la herramienta de SOMBRA. 3. Como alternativa para crear una sombra de pared: 1. 4. 4. 2. Escoge la herramienta de SOMBRA . Arrastra hacia o desde el objeto para cambiar el tamaño o la dirección radial. 3. 3. 4. Escoge la herramienta de SOMBRA . Arrastra desde el centro del objeto en dirección a la sombra.192 Sombras Aplicar una sombra Aplicar una sombra de pared Para aplicar una sombra de pared: 1. Selecciona el botón PARED de la barra de información de la herramienta de SOMBRA. Selecciona el objeto. Aplicar un efecto de resplandor Añadir un resplandor o halo detrás de un objeto puede crear gráficos muy asombrosos. Selecciona el objeto. Escoge la herramienta de SOMBRA . 2. Puedes arrastrar la sombra desde o hacia el objeto para crear más o menos distancia entre el objeto y la pared imaginaria. Selecciona el objeto. 2. Aplicar una sombra de suelo 1. El ángulo puede tener hasta 70°. Para crear un efecto de resplandor: 1. Selecciona el botón SUELO de la barra de información de la herramienta de SOMBRA.

3. puesto que es más realista. En la barra de información de la herramienta de SOMBRA. Cambiar el color de sombra o el efecto de relleno Después de aplicar una sombra a un objeto. Selecciona el objeto Escoge la herramienta de SOMBRA . una fuente de luz difusa o distante. Puedes aplicar cualquiera de los efectos de color de MAGIX Web Designer 6 incluyendo rellenos multinivel. 3. arrastra la barra deslizante de transparencia o introduce un valor en el campo de texto de la derecha.Sombras Desenfocar los bordes de la sombra Esto cambia el tamaño de la sombra. 2. Selecciona el objeto Escoge la herramienta de SOMBRA . puedes cambiar el color de la sombra o el efecto de relleno. 193 Para desenfocar los bordes de la sombra: 1. 2. Un desenfoque leve otorga el efecto de una fuente de luz fuerte. Cambiar la transparencia de la sombra Una sombra semitransparente es más realista que una sombra sólida. un desenfoque mayor. Para cambiar la transparencia: 1. Cómo cambiar el color de la sombra: . Pero puedes cambiar el nivel de transparencia de la sombra para adaptarla a tus necesidades. arrastra la barra deslizante o introduce un valor en el campo de texto de la derecha. En la barra de información de la herramienta de SOMBRA. Se recomienda que las sombras siempre estén desenfocadas levemente.

• La forma más fácil es arrastrar y soltar un color desde la línea de color hasta la sombra.194 Sombras Para más información sobre colores y la línea de colores lee el capítulo Trabajar con colores (en la página 135). Utiliza el EDITOR DE COLOR para editar el color. • Si los objetos no están agrupados. Las partes superpuestas de las sombras se verán más oscuras. 3. tienes a disposición este método un poco más complejo pero que te permite el control absoluto sobre el color: 1. • Si has seleccionado varios objetos con sombra. 2. Eliminar una sombra Para eliminar una sombra suave: 1. los cambios se aplicarán a todas las sombras. . cada objeto recibirá una sombra individual. (Asegúrate de soltar el color sobre la sombra y no sobre el objeto. (Asegúrate de seleccionar la sombra y no el objeto). Aplicar una sombra a varios objetos El resultado de aplicar una sombra depende de la agrupación de los objetos: • Si los objetos están agrupados. 2.) • Como alternativa. Selecciona el botón SIN SOMBRA de la barra de información de la herramienta de SOMBRA. Selecciona el objeto Escoge la herramienta de SOMBRA . las sombras superpuestas se fusionan (no se oscurecen al superponerse). Selecciona la sombra utilizando la herramienta de SELECCIÓN .

La forma usual de seleccionar un objeto es a través de la herramienta de SELECCIÓN. selecciona el objeto o los objetos a los que quieres pegarle la sombra y escoge Edición > Pegar atributos. también puedes utilizar la herramienta de SOMBRAS para marcar un objeto con un simple clic.Sombras Selección de objetos con ayuda de la herramienta de sombras Antes de colocar una sombra a un objeto debes marcarlo. puedes copiarla a otros objetos utilizando la opción Pegar atributos. 195 Copiar sombras a otros objetos Una vez que una sombra se ve de la forma que deseas. Sin embargo. . Simplemente copia el objeto que tiene la sombra (Edición > Copia).

" (Shift+Ctr+W). Ten en cuenta que si tu documento actual es un diseño de animación. el diálogo de PROPIEDADES WEB aparece de forma modificada con algunos controles diferentes y muchos otros deshabilitados porque no se aplican a las animaciones. o bien utiliza el botón APLICAR para aplicar tus cambios sin cerrar... disponible en la barra de herramientas de página web. También puedes acceder a cada pestaña del diálogo con los botones de la barra desplegable de propiedades web. Las siguientes secciones abarcan cada una de las pestañas correspondientes. . Pestaña Enlace Pestaña Página web Pestaña Página Pestaña Imagen Pestaña Mouse-over Pestaña Marcador de posición Pestaña Publicar Crear/Editar barra de navegación El diálogo carece de modo así que puedes dejarlo abierto mientras seleccionas diferentes páginas y objetos en tu documento.196 Diálogo de propiedades web Diálogo de propiedades web El diálogo de propiedades web es un diálogo con múltiples pestañas que te permite añadir y configurar la mayoría de las características relacionas con la web en MAGIX Web Designer 6 y fijar diferentes propiedades web en objetos. páginas y en toda tu página web. Utiliza el botón ACEPTAR para aplicar tus cambios y cerrar el diálogo. Ábrelo con la opción de menú "HERRAMIENTAS->PROPIEDADES WEB. Lee el capítulo sobre Flash (en la página 283) para informarte sobre cómo usar este diálogo con diseños de animación. Así es más fácil fijar propiedades rápidamente en diferentes objetos y páginas en tu sitio web.

La sección principal de esta pestaña te permite escoger qué debe ocurrir cuando se hace clic en el objeto o texto seleccionado. Por lo general. a los objetos o al texto seleccionado(s). Puedes añadir enlaces hacia otras páginas de tu sitio web. o incluso hacer que aparezca una ventana emergente (pop-up). A continuación configura el enlace en esta pestaña. ve a HERRAMIENTA DE TEXTO y arrastra sobre el texto que quieras vincular. Para agregar un vínculo a unas pocas palabras de un párrafo de texto. o bien para añadir texto de modo que cuando un usuario visita tu página y hace clic en el objeto/texto. hacia una URL (dirección web). es remitido a otra página. .Diálogo de propiedades web Pestaña Enlace 197 La configuración de esta pestaña se aplica al objeto. esta pestaña se utiliza para añadir un enlace a un objeto en tu página web (por ejemplo un botón o una foto). para seleccionarlo.

en caso necesario. orden de las páginas se establece según el orden de página que aparece en MAGIX Web Designer 6. al hacer clic en el enlace. En el caso de enlaces de este tipo.com asunto:correo electrónico de la página web cc:otro@elsitioquequieras.com coo:yotromas@elsitioquequieras. o incluso especificar el cuerpo de texto estándar que deseas utilizar. agregar direcciones de correo electrónico CC o CCO para copiarlas en el correo electrónico. Consulta la sección de pestaña Página (en la página 204) a continuación para más detalles sobre cómo configurar los nombres de página o editar los nombres en la galería de Páginas y capas. Para configurar un punto de referencia. tunombre@elsitioquequieras.198 Diálogo de propiedades web Enlazar a una dirección web Para vincular esta dirección. Enlazar a la página Selecciona esta opción para enlazar otra página en la página web actual.com/". Además de una entrada para cada página de tu sitio. la lista desplegable muestra asimismo las entradas especiales PÁGINA SIGUIENTE y PÁGINA ANTERIOR. si entras a "www. Selecciona el objeto y ponle un nombre utilizando la opción HERRAMIENTAS->NOMBRES. CONSEJO: si tu documento de sitio web tiene varias páginas. se ajustará si haces clic en OK o Aplicar. puedes especificar la línea del asunto.com". introduce una dirección web. Asimismo. A continuación selecciona el objeto para el cual quieres crear . Por ejemplo. Si mantienes seleccionado el recuadro "CORREGIR DIRECCIÓN AUTOMÁTICAMENTE ". La lista desplegable te permite seleccionar la página que deseas enlazar.xara. Utilízalo para agregar un enlace hacia las páginas anterior y posterior de tu sitio web.com cuerpo:correo electrónico autogenerado Nota técnica: MAGIX Web Designer 6 codifica tu dirección de correo electrónico para reducir las probabilidades de que robots de correo basura encuentren tu correo electrónico de la página web. lo corregirá a "http://www. etc. asignar a cada una un nombre facilita la configuración y mantenimiento de los enlaces de tu página porque la lista de páginas contendrá los nombres de las páginas y no solo "Página 2". primero ve a la página y determina hacia dónde quieres que lleve el enlace.. Un enlace "siguiente" en la última página vincula la primera página y un enlace "anterior" en la primera página vincula la última página.xara. .. "Página 3". Esto requiere que Javascript esté permitido en el navegador (actualmente > 95%) de los navegadores). Enlazar a una referencia (anchor) Esta opción te permite hacer que el usuario salte a una parte específica de cualquier página de tu sitio web. tu dirección. Puedes poner en el campo de la dirección del enlace una dirección de correo electrónico y así. se abrirá el programa de correo electrónico del usuario con el campo Para: rellenado.

podrías agregar un texto descriptivo sobre una foto que se encuentre en tu página web y hacer que el texto sólo aparezca cuando el usuario haga clic en la foto. como se crea una copia independiente de tu archivo en la carpeta de soporte de tu diseño. MAGIX Web Designer 6 ha hecho una copia de tu archivo y la ha colocado en la carpeta de soporte para tu diseño. debes asegurarte de enviar también la carpeta de soporte del archivo de diseño porque contiene una parte muy importante de tu página web.Diálogo de propiedades web el enlace y escoge en la lista suministrada por la opción "Enlazar a una referencia" el nombre de la referencia que ya creaste. Si tu diseño se llama "Misitio. De igual forma. es posible que quieras ofrecer un documento PDF. Además de aplicar el enlace. Por ejemplo. Lee el capítulo Galería de páginas y capas para más información. película u otro archivo a tu sitio web para que esté a disposición de los visitantes. primero tienes que agregar la propia capa mediante la GALERÍA DE CAPAS y luego añadir tu contenido de popup a esa capa. A continuación puedes seleccionar la capa de la lista de capas que encontrarás junto a la opción de "Capa popup". Selecciona el objeto o texto que quieres enlazar con el archivo. Luego. si mueves o copias tu diseño a otro ordenador o le das una copia a alguien. . debes actualizar esa copia siempre que modifiques el archivo y quieras publicar la versión modificada.web o . activa esta opción Enlace al archivo y utiliza el botón EXPLORAR para buscar el archivo en tu ordenador. Por ejemplo. El nombre del archivo aparece en el campo de texto a la izquierda del botón Explorar. Para añadir una capa de popup. Todos los archivos que se encuentran en la carpeta de soporte se publican junto con tu sitio web. Capa popup Puedes añadir el contenido que quieras en una capa separada de tu página y puedes hacer que este contenido se muestre como un popup sólo cuando el usuario hace clic en un enlace. Observa que cuando creas un enlace vinculado a un objeto que se encuentra muy abajo en la página. el enlace se aplicará. Con un clic en Aceptar. la carpeta de soporte se llamará "Misitio_web_files". lo que significa que tu archivo se publicará con tu sitio web para que el enlace que has agregado funcione. el navegador web bajará la página automáticamente para mostrar tu objeto de referencia.xar. Consulta el capítulo Trabajar con documentos (en la página 76) para más información acerca de las carpetas de soporte. O puedes repetir el proceso de enlace y buscar el archivo actualizado. 199 Enlace al archivo Esta opción de enlace es útil si quieres agregar un documento. Ten en cuenta que.web". Ésta es una carpeta que se guarda junto con tu archivo .

cuando un usuario haga clic en tu objeto. Foto emergente Esta opción te ofrece una forma muy fácil de añadir fotos emergentes y otras características de la galería de fotos a tu sitio web. Abre el enlace en este frame (el frame que contiene este objeto). utiliza la característica Foto emergente descrita a continuación. Utilizar colores habituales para enlaces de sitios web Esta opción te permite decidir cómo deben aparecer los enlaces de texto. Simplemente importa tu foto y utiliza la HERRAMIENTA DE SELECCIÓN para reducir el tamaño correctamente de modo que aparezca como una pequeña miniatura de foto en tu página web. Luego selecciónala y escoge la opción FOTO EMERGENTE . El capítulo "Primeros pasos" (en la página 56) incluye algunas instrucciones paso a paso para agregar capas popups. el popup desaparece de nuevo. es decir. lo que por lo general significa que el navegador abrirá el enlace en la misma ventana del navegador que la ventana o el enlace. también se selecciona la casilla foto emergente en la pestaña Imagen. esta opción está seleccionada.200 Diálogo de propiedades web Ahora. Entonces. si quieres suministrar muchas fotos con ventanas emergentes. puedes asignar colores distintos a los diferentes enlaces. Por lo tanto. que ambos activan el mismo comportamiento de popup. Pero de cara a otros enlaces te permite definir cómo el navegador web debe cargar la página web de destino. en donde puedes fijar el tamaño de la foto emergente y escoger entre otras opciones. La lista desplegable contiene cuatro opciones producen que el navegador haga cosas especiales. Por defecto. Por defecto. Haz clic en el botón CONFIGURACIÓN junto a esta opción para ir a la PESTAÑA IMAGEN. está configurado como "Sin especificar". Abrir enlace en: Esta opción no hace nada si una de las opciones "Capa popup" o "Popup foto" está seleccionada. Ten en cuenta que todo el contenido de la capa popup se carga en cuanto el usuario visita tu página. ¡aparecerán los contenido de la capa! Con un clic en cualquier otro lugar de la página. el enlace de texto seleccionado mantendrá el color que le diste en la página. Consulta la sección pestaña Imagen a continuación (en la página 206) para más detalles. Tiene que seleccionar una de estas opciones o tecleas el nombre de un frame: NUEVA VENTANA (_BLANK) MISMO FRAME (_SELF) Abre el enlace en una nueva ventana del navegador. Puedes configurar este color en la pestaña Página web (véase el apartado de la pestaña Página web). si lo deseas. Al seleccionar la opción foto emergente en esta pestaña Enlace. lo que significa que el enlace de texto tendrá el color que ´ú definiste para toda la página web. . Si deseleccionas esta opción. sin agregar capas.

201 Si quieres que el enlace se cargue en un frame específico en el navegador. sustituyendo todos los frames existentes. teclea el nombre del frame en este campo. no es compatible con páginas web HTML (el rectángulo que rodea el objeto siempre se usa). Área que permite clic Esta opción te permite especificar en qué área del objeto se debe hacer clic para invocar el enlace.Diálogo de propiedades web Abre el enlace en la ventana principal o en el frameset (conjunto de marcos o frames) que contiene este frame. sólo funciona si se exporta a flash. FORMA DE OBJETO : El usuario debe hacer clic exactamente en el contorno del objeto para invocar el enlace. . FRAME SUPERIOR (_PARENT) MISMA VENTANA (_TOP) Abre el enlace dentro de la página principal del navegador. Sin embargo. RECTÁNGULO RODEANDO OBJETO: El usuario puede hacer clic en cualquier parte del rectángulo que esté rodeando el objeto (caja circundante) para invocar el enlace.

Por ejemplo. a no ser que se sobrescriban por la configuración para una página de la pestaña Página. TÍTULO. DESCRIPCIÓN & PALABRAS CLAVE : PESTAÑA PÁGINA Estos campos son como se describen en la (en la página 204)más arriba.202 Diálogo de propiedades web Pestaña "Página web" La configuración en esta pestaña se aplica a todo el documento o a toda la página actual. una página que no . por lo que no importa qué objeto o página hayas seleccionado. Opcionalmente puedes configurar estos campos para que se apliquen a cada página de tu sitio.

Deselecciónala si no quieres que tus enlaces de texto aparezcan subrayados. WEB . . o bien puedes hacer clic en el botón Editar para abrir el editor de color y elegir cualquier otro color. COLOR VISITADO : Enlaces de texto que conduzcan a una página que el usuario ya ha visitado se visualizan en este color en lugar del color MouseOff. COLOR MOUSEOFF : Aquí puedes elegir el color que quieras para todos tu enlaces de text.Diálogo de propiedades web tenga definido su propio título en la pestaña Página obtendrá el título que especifiques aquí. para este campo rige que si se especifica código en la PESTAÑA PÁGINA se incluye en cada página de tu sitio de forma adicional al código especificado para cada página en la pestaña Página. O bien puedes elegir en la lista desplegable (si existe una en tu documento actual) un color original con nombre. además. COLOR MOUSEOVER : Los enlaces de texto cambiarán a este color cuando un usuario mueva el cursor del ratón por encima de ellos. Sin embargo. Esto te permite incluir código en cada página y. te permite agregar más código a las páginas que lo requieran. TRACKER CODE : 203 Esto sirve para el mismo propósito que el campo de tracker code en la pestaña Página. Lee el apartado pestaña Página (en la página 204) para obtener más detalles. SUBRAYAR TEXTOS CON ENLACES : El subrayado se suele usar para resaltar en el texto los enlaces que permiten clic. por lo que esta opción está seleccionada por defecto. Colores para enlaces de sitios web Esta sección de la pestaña Página web te permite controlar cómo los enlaces de texto deben aparecer en tu página web.

la misma descripción y las mismas palabras clave para todas las páginas web de tu sitio. ya que si un usuario especifica un URL que consiste sólo de un dominio sin el nombre de la página (por ejemplo www. Por lo tanto. puedes definirlo una vez en la pestaña Página web en lugar de definirlo aquí para cada página.htm. . Por lo general. si quieres que la página se exporte como "inicio. no al objeto o a los objetos seleccionado(s). los servidores web lo vinculan automáticamente a la página index. a la primera página de un sitio se le asigna el nombre de "index. teclea en este campo "inicio". Todos los campos de esta pestaña son opcionales. no es necesario que rellenes estos campos para cada página web de tu sitio. La página actual se indica con líneas de ángulo negras en la parte exterior de cada esquina de la página.com).htm" o "inicio.xara.htm".204 Diálogo de propiedades web Pestaña de página Las opciones en esta pestaña se aplican a la página actual.html". si ésta existe. PÁGINA DE NOMBRE DE ARCHIVO : Utiliza este campo para fijar el nombre que quieras usar para esta página cuando sea exportada. Si quieres el mismo título.

Aquí hay que tener cuidado. Nota para usuarios avanzados: Las palabras claves se insertan en el encabezado de página como metadatos (‘<meta name="palabras clave" …. Google Analytics ofrece un snippet (un "trozo") de HTML que puedes pegar en este campo para la página web que desees controlar.. Si tienes que insertar exactamente el mismo código en cada página de tu sitio.. Aquí puedes introducir las palabras clave que quieras que sean encontradas por los buscadores para que los usuarios encuentren tu página. Si está definido. A modo de ejemplo.). 205 Nota para usuarios avanzados: El título se introduce en el encabezado de la página utilizando el elemento HTML "<title>". en el momento de redacción la página inicial de www. Esto suele ser de gran ayuda para insertar un tracker code que recoge las estadísticas sobre las visitas a tu página. puedes usar el campo de Tracker code en el diálogo de la pestaña Página web en lugar de introducirlo individualmente en cada página utilizando la pestaña Página.). Introduce aquellas palabras que los visitantes potenciales probablemente utilicen para buscar si están buscando páginas o sitios como el tuyo.xara. justo antes del tag de cierre "</body>".com tiene el título "Graphics Software by Xara" que. TRACKER CODE: Puedes utilizar este campo para pegar en tu página cualquier código HTML válido. Para aquellos que están familiarizados con HTML. es mostrado por el navegador web si visitas la página. Nota para usuarios avanzados: La descripción se inserta en el encabezado de página como metadatos (‘<meta name="descripción" …. como puedes ver. A modo de ejemplo. DESCRIPCIÓN DE PÁGINA : El texto de descripción de página puede mostrarse en los resultados de los buscadores cuando los usuarios encuentran tu página al realizar una búsqueda en Internet. el código se inserta sin modificar al final de la página. La descripción de página también puede ser mostrada por navegadores y otros servicios web. .Diálogo de propiedades web TÍTULO DE LA PÁGINA: Opcionalmente puedes elegir un título para tu página. los navegadores web lo usan para mostrar el título de la página en el frame de la ventana del navegador o en la pestaña. ya que insertar un código o script inválido en tu página puede causar serios problemas en toda la página en su conjunto. PALABRAS CLAVE DE LA PÁGINA: Para aquellos que estén familiarizados con HTML. las palabras clave se introducen en el encabezado de página como metadatos.

Una gran ventaja de estas ventanas emergentes frente a las capas emergentes (tal como se describen anteriormente en la sección de la pestaña ENLACE ) es que la foto ampliada solo se carga en el navegador web cuando los visitantes hacen clic en una foto en miniatura. permitiendo así que la página se cargue más rápidamente. ahora verás aparecer la ventana emergente con tu foto. mientras la foto todavía está seleccionada. Es decir. . Escoge el tamaño que quieres dar a la foto emergente en el campo de ancho (valor por defecto: 500 píxeles). este método es más adecuado para presentar un gran número de fotos en una página de galería. que cualquier enlace que hayas configurado previamente en el objeto mediante la pestaña Enlace desaparecerá. Al activar la función de foto emergente en el campo de la pestaña IMAGEN . Haz una vista previa de tu página y haz clic en la miniatura de tu foto en tu página. Esto es porque con un clic sobre la foto verás la foto emergente. Por lo tanto. Simplemente importa tu foto y utiliza la HERRAMIENTA DE SELECCIÓN para reducir el tamaño correctamente de modo que aparezca como una pequeña miniatura de foto en tu página web. Luego. de forma que no puedes agregar otro enlace al mismo objeto. también se selecciona automáticamente la opción correspondiente de la pestaña ENLACE . ya que en un primer momento sólo se cargan las pequeñas miniaturas.206 Diálogo de propiedades web Pestaña Imagen Fotos emergentes Esta sección de la PESTAÑA IMAGEN te permite añadir fotos emergentes y otras características de la galería de fotos a tu página web. selecciona el campo foto emergente en esta pestaña.

Ten en cuenta que debes activar también esta opción de título en el diálogo de opciones de foto emergente (ver a continuación) porque. pero no se puede utilizar directamente en texto. que se mostrará sobre la foto emergente. toda la página se oscurece cada vez que se muestra una foto emergente. . Esto ayuda a enfatizar la foto emergente de forma que se destaque contra el fondo oscuro de la página. Puedes introducir un grupo de relleno de texto (Ctrl+G) para evitar esta restricción.Diálogo de propiedades web Observa que esta característica funciona con otros objetos además de las fotos. Opciones de la ventana emergente Las siguientes opciones cambian la apariencia de la foto emergente. Título de la ventana emergente Utiliza este campo para agregar un título a la foto seleccionada. los títulos no se muestran. Aquí puedes escoger entre una variedad de opciones que cambian la forma en que se presentan tus fotos emergentes. OSCURECER PÁGINA MIENTRAS LA VENTANA EMERGENTE ESTÁ ABIERTA : con esta opción seleccionada. por defecto. MOSTRAR SOMBRA DETRÁS DE LA VENTANA EMERGENTE : esta opción coloca una sombra detrás de la ventana de la foto emergente para que se destaque del fondo de la página. 207 Opciones de la foto emergente Haz clic en el botón OPCIONES para abrir el diálogo OPCIONES DE FOTO EMERGENTE . por ejemplo con formas y grupos.

Esto permite al visitante ir a cualquiera de las fotos de la ventana emergente con un clic en las vistas en miniatura en la cinta cinematográfica.208 Diálogo de propiedades web MOSTRAR TÍTULO DE LA IMAGEN : si has introducido texto de título (lee más arriba) para cada una de tus fotos. Ten en cuenta que el texto del título es independiente del texto de subtítulo que se muestra debajo de la foto. MOSTRAR GUIÓN CINEMATOGRÁFICO AL FINAL DE LA FOTO : con esta opción se verá una cinta cinematográfica con vistas en miniatura debajo de la ventana emergente. Lee a continuación para más información sobre los textos de subtítulo. esta opción hace que el título aparezca sobre la foto emergente. o iniciar o detener un pase de fotos automático en el que cada foto se muestra durante algunos segundos para luego pasar a la siguiente. Opciones de la galería Las siguientes opciones activan las características de galería para tus fotos emergentes. El visitante puede pasar a la foto anterior o siguiente. Permite al visitante ver las otras fotos emergentes en la página actual sin tener que cerrar la ventana emergente y hacer clic en las vistas en miniatura de las otras fotos. sin tener que cerrar primero la ventana emergente de la foto. MOSTRAR LOS CONTROLES DE NAVEGACIÓN DE LA GALERÍA : activa esta opción para que los controles de la galería se vean sobre la foto emergente. . Esto aparece arriba de la foto cuando se coloca el cursor del ratón sobre la foto.

Puedes introducir un grupo de relleno de texto (Ctrl+G) para evitar esta restricción. este texto se utiliza como texto alternativo en la imagen exportada para el objeto seleccionado actualmente. independientemente de si la imagen tiene o no una ventana emergente.Diálogo de propiedades web INICIAR PASE DE FOTOS AUTOMÁTICAMENTE : 209 activa esta opción cuando quieras que se inicie un pase de fotos cuando un usuario hace clic en tus fotos emergentes. pero no se puede utilizar directamente en texto. por ejemplo con formas y grupos. Los navegadores web muestran este texto en la página en lugar de la imagen si ésta no está disponible por alguna razón. . Observa que esta característica funciona con otros objetos además de las fotos. Introduce el texto del subtítulo en este campo en la pestaña Imagen. Para aquellos familiarizados con HTML. por lo que debes asegurarte de usar la pestaña Enlace del diálogo de propiedades web para activar la opción foto emergente en todas las fotos que quieras que se incluyan en la galería. Ten en cuenta que sólo las fotos incluidas en la galería de fotos son aquellas fotos que se encuentran en la página actual que están configuradas como ventanas emergentes. Subtítulos de imagen De forma opcional puede mostrarse un subtítulo debajo de cada foto emergente. También puedes escoger cuántos segundos debe mostrarse cada foto cuando el pase de fotos esté funcionando. Todas las otras fotos en tu página no aparecerán en la galería.

MAGIX Web Designer 6 lo decidirá por ti. si tienes dos formas separadas en tu diseño que no están agrupadas conjuntamente. se exportarán como dos imágenes separadas. encabezado. Las fotos que se rotaron en la página o a las que se les aplicó una sombra semitransparente. puedes controlar cómo numerosas imágenes son exportadas para componer tu página web. la mayoría de los objetos que ves y puedes seleccionar en la página MAGIX Web Designer 6 deben convertirse en imágenes de mapas de bits durante el proceso de exportación de tu página web.210 Diálogo de propiedades web Tipo de imagen web Debido a la naturaleza de las páginas web HTML. así se exporta una sola imagen. Recuerda que cada grupo. Pestaña Mouse-over . puedes también escoger la calidad JPEG para esta imagen. Por ejemplo. Puedes agrupar las dos formas (Ctrl+G). Una calidad superior implica que el tamaño del archivo JPEG es mayor. se exporta por separado como imagen. Si la opción JPEG está seleccionada. logotipo. fondo de panel. Este apartado sobre la pestaña Imagen te permite especificar cómo el objeto seleccionado actualmente debe ser exportado como una imagen. foto. se exportan como PNG porque JPEG no es compatible con la transparencia. forma. Por defecto. Esto significa que como regla general las fotos se exportarán como JPEG (suele ser el mejor formato para fotos) y otros objetos se exportarán como PNG (suele ser el mejor formato para gráficos). pero los controles de esta pestaña te conceden cierto control sobre cómo se crean estas imágenes. etc. Puedes forzar el objeto o los objetos seleccionado(s) para exportar como JPEG o como PNG seleccionando la opción apropiada. Viendo cómo se agrupan los objetos en tu diseño. Todo esto sucede de forma automática si realizas una vista previa y la exportación.

Ten en cuenta que todo el contenido de la capa popup se carga en cuanto el usuario visita tu página. Por ejemplo. este método de mostrar fotos emergentes no se recomienda si tienes una gran cantidad de fotos que quieres mostrar. MOSTRAR TEXTO DE POPUP (TÍTULO): 211 Por ejemplo. Cuando el cursor del ratón se quita del objeto. Por ejemplo. MOSTRAR CAPA POPUP: del mismo modo que puedes añadir a tu diseño una capa que sólo se muestre cuando un usuario hace clic en un objeto (lee el apartado de la pestaña Enlace). también puedes especificar que esa capa se muestre cuando el cursor del ratón se mueva sobre un objeto. si cuentas con una foto en miniatura que dispone de una versión ampliada de la foto al hacer clic (consulta la sección pestaña Imagen para información sobre esto). vuelve a desaparecer el popup. puedes utilizar esta característica para mostrar como popup una copia más grande de una foto cuando el usuario mueva el cursor del ratón sobre la misma. Entonces. Por lo tanto. se verá este consejo de herramienta.Diálogo de propiedades web Las opciones de esta pestaña especifican lo que debería ocurrir cuando un visitante coloca el cursor del ratón sobre el objeto seleccionado. es posible que quieras insertar el texto de título de popup "Haz clic para ampliar". cuando el cursor del ratón pasa sobre la miniatura de la foto. aquí puedes especificar el texto del "título de popup" de un objeto. Los navegadores web lo muestran como un consejo de herramienta emergente cuando el usuario mueve el cursor del ratón sobre un objeto. utiliza la función Foto emergente (en la página 35) descrita en el apartado de la pestaña Enlace. puedes hacer que cierto texto o una capa completa de contenido emerja cuando un visitante coloque el cursor del ratón sobre una foto de tu página web. . Simplemente escoge esta opción y selecciona la capa que quieras que se convierta en popup en la lista suministrada. En este caso.

Al exportar y publicar tu sitio. Puedes utilizar los controles de esta pestaña para agregar a tu página un archivo flash o de gráfico externo o para insertar en tu página código HTML que hayas obtenido de otro sitio. El objeto seleccionado se convierte en un "marcador de posición". la imagen del marcador de posición se sustituye por el archivo verdadero que has importado. Simplemente arrastra y suelta los archivos Flash o GIF animados desde el explorador de archivos de Windows hasta tu página. el objeto se sustituye con el código o archivo verdadero que has insertado. Se generará automáticamente una imagen de marcador de posición y se colocará en tu página.212 Diálogo de propiedades web Pestaña Marcador de posición Selecciona el objeto del marcador de posición y abre esta pestaña del diálogo de PROPIEDADES WEB . Esto significa que el objeto representa las dimensiones y la posición del contenido que has agregado. existe una forma más sencilla de añadir archivos o códigos a tu sitio. . pero que al exportar tu página web. Una copia del archivo se añade a la carpeta de soporte de tu diseño para que se exporte y publique con tu sitio. Sin embargo.

Reemplazar con código HTML Con esta opción puedes pegar el código HTML que has obtenido de otro sitio. Reemplazar con un archivo gráfico Selecciona esta opción si quieres insertar un gráfico o una imagen en tu página web en lugar del objeto del marcador de lugar (por ejemplo PNG. Consulta el capítulo de Gráficos web y widgets (en la página 268) para más detalles. Por ejemplo. Utiliza el botón Explorar para seleccionar el archivo. Tal como se mencionó anteriormente. MAGIX Web Designer 6 detecta el HTML y lo utiliza para renderizar una imagen de marcador de posición que aparecerá en tu página. GIF u otro archivo de imagen compatible con el web. Lee el capítulo Trabajar con documentos para obtener información sobre los directorios de compatibilidad.Diálogo de propiedades web De la misma forma. aparecerá automáticamente una imagen de marcador de posición de aspecto similar al widget verdadero. se insertará como texto). puedes pegar el código en MAGIX Web Designer 6 (asegúrate de que te encuentres en la herramienta de selección cuando lo hagas y no en la herramienta de texto porque. el archivo elegido se copiará automáticamente al directorio de compatibilidad para el diseño actual de modo que cuando exportes tu página web. Lee el capítulo Trabajar con documentos para obtener información sobre los directorios de compatibilidad. A continuación . Sigue las instrucciones que ofrece el proveedor. de ser así. Al hacerlo de esta forma. con la HERRAMIENTA DE RECTÁNGULO (en la página 134)) que tenga las mismas dimensiones que el contenido que quieres agregar y posiciónalo donde quieras que aparezca el contenido. A continuación .). hay muchos sitios web que suministran widgets que puedes agregar a tu página web pegando el código HTML. Al exportar/publicar tu sitio. el archivo elegido se copiará automáticamente al directorio de compatibilidad para el diseño actual de modo que cuando exportes tu página web. Utiliza el botón Explorar para localizar el archivo Flash (. si has copiado código HTML de la página web de widgets de un tercero. el archivo se incluirá en el directorio _htm_archivos junto con todas las demás imágenes generadas para tu página web. Si quieres insertar un código o un archivo de forma manual. el marcador de posición se sustituye por el código verdadero para que el widget funcione. por lo que se recomienda utilizar este método para insertar código HTML. Esto es tu "marcador de posición" porque se sustituirá en tu página exportada por el contenido que especifiques en esta pestaña 213 Reemplazar con Flash Selecciona esta opción para sustituir el objeto del marcador de lugar con una animación flash. puedes simplemente pegar el código HTML directamente en la página en vez de insertarlo en este diálogo (siempre que te encuentres en la herramienta de selección). .swf) que quieres usar. el archivo se incluirá en el directorio _htm_archivos junto con todas las demás imágenes generadas para tu página web. primero crea en tu página web un objeto (por lo general un rectángulo.

deberás copiar estos archivos externos en el directorio de compatibilidad para tu diseño. el directorio de compatibilidad será "mipagina_web_archivos". Esto significa que todas las imágenes generadas para mi página web y una copia de "milogotipo. ya que únicamente el directorio de la foto exportada se copia en el servidor web junto con mi página web cuando se publique la página. Si utilizas módulos de Xara (www.xaraonline. Si el código HTML que introduces contiene una referencia a archivos externos que se supone deben encontrarse en tu página web.214 Diálogo de propiedades web En la galería de diseños está disponible una variedad de widgets que son fáciles de insertar en tu página. . en el directorio de compatibilidad de mi documento. Consulta Integración de YouTube. Flash y otros widgets (en la página 61) para más ejemplos. digamos "milogotipo. El código inválido o roto afectará tu página web publicada porque MAGIX Web Designer 6 simplemente inserta el código tal y como tú lo suministres.gif" que puse en el directorio de compatibilidad. Por lo tanto. la exportaré al nombre "mipagina.htm".com). Primero copio el archivo de imagen. He aquí un ejemplo simple para explicarlo de forma más clara. Entonces insertaría: <img src="mipagina_htm_archivos/milogotipo.gif" /> Observa que esto hace referencia al archivo de imagen en la ubicación del directorio de la imagen exportada (_htm_archivos) y NO en el directorio de compatibilidad (_web_achivos) directamente. ¡es mucho más fácil importar directamente la imagen a MAGIX Web Designer 6! Pero esto es un ejemplo simple que muestra cómo agregar un código HTML que contiene una referencia a un archivo externo. sin modificar. Si el documento es "mipagina. ADVERTENCIA: Al igual que ocurre con el código de seguimiento.xara. los archivos se copiarán automáticamente a la carpeta _htm_files de tu sitio web al exportarlo. en tu página web cuando ésta es exportada. sin revisar. Obviamente. tienes que tener tener cuidado e insertar solamente código que sabes que es seguro y que proviene de una fuente de fiar.gif". Haz clic aquí http://www. si realmente sólo quiero poner una imagen en mi página web. Supón que yo quiero insertar una pequeña pieza de código HTML que añade una imagen en mi página web. Yo sé que cuando exporte esta página web. Lee el capítulo Trabajar con documentos para obtener información sobre los directorios de compatibilidad. Una vez en la carpeta de soporte.web".com/us/products/webdesigner/widgets para obtener más consejos sobre widgets en la página web de Xara. en el código HTML que inserto tengo que incluir una referencia al archivo de imagen en esa ubicación. se exportarán al directorio "mipagina_htm_archivos". puedes pegar un snippet (trozo) de módulo en este campo para agregar tu módulo a tu página web. El código HTML que yo agregue necesitará una referencia al archivo de imagen en algún lugar. también es necesario asegurarte que cualquier referencia a estos archivos en el código HTML se encuentre en la ubicación correcta. Por lo tanto.

La mayoría de los proveedores también ofrecen la posibilidad de que adquieras tu propio nombre de dominio (por ejemplo www. Por ejemplo. el navegador mostrará en su lugar la imagen del marcador de posición.xara.Diálogo de propiedades web Objetos de marcador de posición El objeto de marcador posición lugar en realidad está incluido en tu página web y puede mostrarse al usuario en algunas circunstancias. si te gusta la imagen de vista previa y no quieres que se vuelva a generar si cambias algo del contenido. 215 Al pegar código o importar archivos directamente en tu página. los proveedores de Internet incluyen un "espacio web" como parte de la suscripción normal. siempre que cambies el contenido o cuando cambies el tamaño del objeto de marcador de posición. muchas veces es buena idea hacer que el objeto de marcador de posición no sea simplemente un rectángulo negro o una imagen precisa del widget que aparece en tu página. Si quieres que MAGIX Web Designer 6 publique tu página web terminada en tu espacio web automáticamente. Por lo tanto. Muchas veces. tal como se recomienda anteriormente. Muchas veces es útil desactivarla tras insertar el contenido de esta forma. de modo que se encuentre en Internet. También el control Perfil del diálogo Publicar ofrece una o más opciones de alojamiento que puedes aprovechar. si has añadido una animación flash y el usuario que visita tu página no tiene instalado Flash en su navegador web. Lee a continuación para más detalles. Pestaña Publicar Necesitarás una empresa de alojamiento web para que aloje tu sitio web. VOLVER A GENERAR LA IMAGEN DE MARCADOR DE POSICIÓN AUTOMÁTICAMENTE : si esta opción que se encuentra en la parte inferior de la PESTAÑA MARCADOR DE POSICIÓN se selecciona. o si lo tiene deshabilitado. tienes que introducir los detalles de acceso para tu espacio web en este pestaña. Podrías usar un grupo como marcador de posición que incluya un mensaje de texto que pida al visitante instalar Flash para que así pueda ver el contenido flash. esta opción se selecciona automáticamente para la imagen de marcador de posición que se genera.com) y establecer un enlace a tus páginas web. . la imagen del marcador de posición se genera automáticamente desde el contenido que has agregado.

Si decides registrarte para el alojamiento con uno de los proveedores sugeridos. . recibirás un nombre de usuario y una contraseña para conectarte. PERFILES ESTÁNDAR : al seleccionar un perfil estándar.216 Diálogo de propiedades web La primera sección de este diálogo te permite seleccionar un perfil configurado previamente. debería aparecer de inmediato un banner en la lista de perfiles. Este banner se descarga de la empresa de alojamiento web (por lo que sólo aparecerá si estás online). Aquellos que has creado personalmente y se guardan en el ordenador que estás utilizando (lee a continuación para más información sobre cómo crearlos). La lista de perfiles contiene dos tipos de perfiles. Haz clic en un botón del banner para obtener más información acerca de la solución de alojamiento web de la página web de la empresa. Ingrésalos en la sección DETALLES FTP de este diálogo. Y uno o más perfiles estándar que se instalan junto con el programa y que te ofrecen algunas soluciones de alojamiento web diferentes.

com/products/web_designer A continuación define una subcarpeta "productos" y el nombre de página "web_designer". todas las páginas en tu sitio web se publicarán en esta carpeta. los detalles FTP se cargarán también y podrás volver a publicar de inmediato. esta opción se activará junto al campo de la contraseña. deberás volver a introducir los detalles FTP o seleccionar un perfil desde donde copiar los detalles. los detalles FTP NO se guardan en el documento. Por supuesto. Si escoges hacerlo. si publicases en el dominio xara. You need to enter at least the host address and username. Puedes introducir el nombre de un nuevo perfil o escoger un perfil existente de la lista para sobrescribir ese . Si cambias a otro documento verás que los campos de los detalles FTP quedan en blanco. Luego. en vez de tener que volver a ingresar los datos de forma manual cada vez. Esto abrirá un pequeño diálogo con una lista de perfiles editables. Si creas una subcarpeta de este modo. Esto significa que siempre que cargues el documento. podrás añadir fácilmente los detalles a cualquier documento al seleccionar el perfil de tu lista de perfil.com (obviamente no puedes hacerlo) y quisieras que la dirección web fuese: xara. Haz clic en el botón GUARDAR EN EL PERFIL para almacenar la información FTP en un perfil. If it’s missing you will be asked to enter it each time you publish your website. Guardar en el perfil Si quieres publicar más que un documento de página web en el mismo espacio web o si no quieres que tu información FTP se guarde en el diseño de documento. se recomienda que no se active esta opción en el caso de uso normal porque conlleva el riesgo de que una persona que tenga acceso a tu documento pueda escribir en tu espacio web y hasta sobrescribirlo o eliminarlo. Esto controla si guardas o no la contraseña FTP en el documento junto con los otros detalles. es posible que quieras que tus detalles de FTP se guarden en tu ordenador como un perfil. cualquier persona que obtenga una copia de tu archivo de diseño también podrá publicar tu página. Guardar estos detalles con el documento actual Los detalles FTP que has introducido están asociados solamente con el documento abierto actualmente. salvo que ya hayas introducido detalles para ese documento. Por defecto. You don’t need to enter the password at this stage if you don’t want to. Esto significa que cada vez que cargues un documento y quieras publicarlo. Selecciona este campo si quieres que los detalles FTP se guarden junto con el documento. Por ejemplo. Guardar contraseña en el documento Si escoges guardar los detalles FTP en tu documento. La subcarpeta opcional te permite publicar tu página web en una subcarpeta. puedes volver a publicar el sitio web sin tener que volver a introducir la contraseña. Por lo tanto.Diálogo de propiedades web FTP DETAILS : 217 Enter the FTP details you have for your web space here.

se copiará en los detalles FTP del documento. la dirección web xara. selecciona ARCHIVO > PUBLICAR PÁGINA WEB. Si no quieres que la contraseña FTP se guarde en tu ordenador. Si la información FTP del documento no incluye la contraseña. Si esos detalles coinciden exactamente con uno de los perfiles guardados en tu ordenador. Al introducir un nuevo nombre. escoge uno que te recuerde para qué utilizas el espacio web. se te preguntará si quieres introducir el nombre de archivo index.218 Diálogo de propiedades web perfil.htm en tu servidor web y las páginas adicionales serán test_2.htm no es lo mismo que xara. la exportas como "test" a tu sistema de archivos y ahora la publicas. Publicación Una vez que hayas configurado tus detalles para la publicación. Esto significa que parecerá que tu contraseña está guardada en tu documento.htm. Por ejemplo.com/products.htm como nombre . cuando publiques por primera vez. entonces el nombre que exportes se utilizará en todas las páginas de tu sitio web. Por supuesto puedes guardar múltiples perfiles que solo varíen en el nombre de la subcarpeta. Nota: Muchos servidores utilizan nombres de archivo sensibles a las mayúsculas y las minúsculas. entonces el perfil se mostrará como seleccionado.htm. Web Designer fuerza que todo los nombres de página se escriban en minúsculas y contengan sólo caracteres permitidos. No puedes eliminar los perfiles estándar. Si no has definido un nombre de archivo de exportación. selecciónalo en la lista de perfiles en la parte superior del diálogo Publicar y luego haz clic en el botón ELIMINAR junto a él. asegúrate de que el campo de la contraseña esté en blanco cuando pulsas GUARDAR EN PERFIL. los detalles FTP se verán en la PESTAÑA PUBLICAR. se publicará como test. si abres una plantilla de página web. No puedes sobrescribir los perfiles estándar. Esto significa que los espacios no están permitidos en los nombres de página. entonces el perfil se muestra tal como se selecciona en la lista de perfiles. Esto te permite publicar en diferentes carpetas de tu espacio web.com/Products. Pero esto solo puede suceder si la opción GUARDAR CONTRASEÑA EN EL DOCUMENTO está seleccionada. Carga de un documento con detalles FTP Cuando cargas un documento que tiene información FTP guardada en él. Para reducir la confusión y la posibilidad de errores. pero todos los demás detalles coinciden con un perfil. se muestra PERSONALIZADO en la lista de perfiles para indicar que la información FTP del documento no coincide con ningún perfil. Esto te ahorra tener que volver a introducir la contraseña cada vez que publiques el documento. test_3. Así. Importante: Si no has definido un nombre de página específico. Tu página web se publicará. De otra forma. por ejemplo.htm etc. Si el perfil cuenta con una contraseña guardada. Sugerimos utilizar un guión bajo como separador alternativo. Eliminar un perfil Para eliminar un perfil.

Esto hace que volver a publicar sea más rápido en la mayoría de los casos. El Manejo de fotos en Web Designer es diferente al que puedes haber usado con otros programas de diseño gráfico. Incluso puedes "descortar" fotos recortadas. En MAGIX Web Designer 6 puedes colorear. todos los archivos que forman parte de tu página se publicarán. cuando cambias el tamaño de una foto. Puedes abrir una foto de 50 megapíxeles y efectuar cualquiera de las operaciones de optimización y girar la imagen con su resolución total en tiempo real. todo lo que quieras. cortar. no destructiva. intenta publicar solamente los archivos que han cambiado. La imagen original con la resolución total se guarda en el archivo . La naturaleza orientada al objeto.Trabajar con fotos para la primera página de tu sitio web. Para ello. copiar. volver a cambiar el tamaño o aplicar cualquiera de las opciones de edición de la herramienta de fotos sin ninguna pérdida de calidad. El funcionamiento de la Herramienta de fotos está contemplado en el capítulo Herramienta de fotos.web de modo que posteriormente puedes editar. desactiva la opción VOLVER A PUBLICAR SOLAMENTE LOS ARCHIVOS MODIFICADOS en la parte inferior de la pestaña Publicar. Este capítulo cubre los principios básicos de manipulación de fotos e imágenes de mapas de bits en MAGIX Web Designer 6. El manejo de fotos es increíblemente rápido. no estás alterando realmente la foto original. MAGIX Web Designer 6 realiza un seguimiento de los archivos que conforman tu página web publicada y cuando quieres volver a publicar tras hacer cambios en tu sitio. por lo que tu sitio publicado estará actualizado. deberías hacer que todo el sitio se vuelva a publicar. 219 Volver a publicar solamente los archivos modificados Por defecto. sino que sólo estás modificando una copia visual. las fotos son una parte integral de casi todo trabajo creativo. Por lo tanto. la próxima vez que publiques. flyers. MAGIX Web Designer 6 no sabe si has eliminado o modificado archivos en tu espacio web con otra herramienta. DTP y más. *Puntos de referencia basados en composiciones de foto creadas con múltiples fotos JPG digitales de alta resolución . si por alguna razón tu sitio publicado no coincide con la copia local exportada de tu sitio. Luego. index. difuminar (decolorar los bordes de) fotos. del manejo de fotos significa que. enmascarar. mezclar. por ejemplo. Trabajar con fotos Introducción Actualmente. Sin embargo. de sitios web. folletos.htm es el nombre usual para la primera página de un sitio web.

también con cada objeto de la página. incluso la transparencia con gradación. Puedes ajustar la transparencia. puedes seleccionar las opciones de menú ARCHIVO > ABRIR o IMPORTAR . Importación de fotos MAGIX Web Designer 6 es compatible con una muy amplia gama de tipos de fotos o mapas de bits. El modo más fácil de abrir una imagen es arrastrando la foto o el archivo de mapa de bits desde tu explorador de Windows hasta la ventana de Web Designer. TIFF e imágenes RAW de cámaras digitales. copiarlas y moverlas como cualquier otro objeto.220 Trabajar con fotos Objetos de fotos En Web Designer las fotos (o mapas de bits) son simplemente otro tipo de objeto en la página. incluyendo JPEG. combinar o crear fotos compuestas. O bien. PNG. la opción de transparencia te deja mezclar. en MAGIX Web Designer 6 cada objeto está sobre su propia capa y. así como muchos tipos más. puede traerlo hacia el frente o hacia atrás de otros objetos. Puedes arrastrar y soltar fotos en la página de tu explorador. Donde en otros programas deberías usar capas. pero intercambiable con la palabra "foto". . y luego puedes redimensionarlas. difuminar los bordes y cortar y recortar formas extraídas de fotos con gran facilidad. girarlas. El término "mapa de bits" es el término general que abarca todos los tipos.

Esto facilita la sustitución de fotos en plantillas. la posición y el ángulo de la foto dentro de su contorno. Así. Cuando reemplazas una foto o mapa de bits de esta manera. puedes llenar rápidamente el diseño con tus fotos. la nueva cabrá en las mismas dimensiones y rotación que la foto anterior. O utiliza la opción ARCHIVO > IMPORTAR y selecciona varias imágenes en el diálogo de archivo (Ctrl+clic añade la selección actual. Arrastra hasta el fondo para importar como una foto individual. donde al soltar una foto en la página siempre la importará como un nuevo documento. Para el uso en la web es poco probable que necesites fotos que superen este tamaño. se te preguntará si deseas importar una versión de tamaño reducido en vez del original en tamaño completo. la foto será simplemente añadida al documento y no sustituirá ninguna imagen existente. Se recomienda utilizar fotos de tamaño reducido para que el tamaño del archivo de tu diseño (. Si todavía . si arrastras y sueltas muchos archivos de imagen desde el Explorador hasta el lienzo. Puede usar la HERRAMIENTA DE RELLENO para ajustar el tamaño. Si existen múltiples copias de la misma foto en una página.web o . Esto no es válido para documentos de foto. Esto es útil para cuando ajustes manualmente la escala o rotación de un relleno y luego quieres sustituir la imagen por otra que tenga la misma relación de aspecto. Si importas más fotos de las que pueden acomodarse en la página actual. por lo que es recomendable importar una versión reducida. se sustituirá la foto. Sustitución de múltiples fotos en simultáneo La mayoría de las plantillas web incluidas en la GALERÍA DE DISEÑOS te permitirá reemplazar varias imágenes al mismo tiempo. Si mantienes presionada "Ctrl" al soltar.Trabajar con fotos Si importas una foto con un ancho o una altura mayor que 1920 píxeles (tamaño de pantalla de alta definición). pero mantendrá el mismo contenedor o tamaño de frame. 221 Sustituir fotos Si arrastras y sueltas un archivo de mapa de bits sobre una foto existente. se adaptará de la mejor forma posible al contorno de la imagen existente. De la misma forma que cuando importas fotos individuales. La sustitución continúa a partir de la siguiente foto sin reemplazar. todas las copias de la foto de esa página serán reemplazadas por la foto nueva. Si arrastras y sueltas sobre una foto existente. cuando haces clic y arrastras para reemplazar. esta se reemplazará. si tus fotos son muy grandes. Shift+clic te permite seleccionar un rango de archivos). La sustitución se realiza de izquierda a derecha y desde arriba hacia abajo (el orden de lectura normal). Si mantienes presionada la tecla "Shift" al reemplazar una foto. Si no arrastras la cantidad suficiente de fotos para sustituir todas las fotos reemplazables. por ejemplo una pequeña vista en miniatura y una versión más grande en una capa popup.xar) sea pequeño y para reducir la cantidad de memoria utilizada al editar y exportar tu página web. Las fotos entrantes se utilizan para sustituir las imágenes en el documento. también se sustituirán las fotos de las siguientes páginas con las fotos entrantes restantes. puedes continuar importando fotos de la misma manera. se te preguntará si deseas importar versiones de tamaño reducido.

Simplemente escoge una plantilla de galería de la GALERÍA DE DISEÑOS y luego importa todos los archivos de fotos que desees. solamente arrastra desde una de las esquinas usando la herramienta de selección. adaptado al objeto. La página se copia todas las veces que sea necesario para que entren todas tus fotos. Simplemente arrastra el archivo sobre la forma (que puede ser de tu sistema de archivos. es decir. Puede usar otra vez la HERRAMIENTA DE RELLENO para ajustar el tamaño.222 Trabajar con fotos quedan fotos entrantes. Para reducir el tamaño. Esto sustituirá el color de relleno existente por un mapa de bits. y presiona "Shift" antes de soltar. la posición y el ángulo. o de las Galerías de mapas de bits o de rellenos). Tamaño de foto inicial Cuando importas un JPEG. Si reemplazas una foto mediante arrastrar y soltar. Utilización de fotos como relleno También puedes usar cualquier mapa de bits como relleno para cualquier forma de dibujo. inicialmente tiene el ancho de 500 píxeles. la página actual se duplica todas las veces que sea necesario para acomodar todas tus fotos. entonces la foto se adaptará exactamente al contenedor. . o introduce un nuevo ancho en el campo de la barra de información de la HERRAMIENTA DE SELECCIÓN . su tamaño y la resolución dependerá del tamaño del contenedor. Esto significa que puedes crear rápidamente una página web con una galería de tus fotos. Asegúrate de escoger la opción de tamaño reducido si importas muchas fotos.

El rendimiento en renderización de Web Designer es lo suficientemente rápido como para mostrar. pero en su lugar muestra simplemente otra 'vista' de la imagen original. Todo. La barra de estado muestra la resolución de cualquier imagen seleccionada. y cuando imprimes con la máxima resolución. 192ppi. Esto te permite ahorrar gran espacio de memoria y reduce drásticamente los tamaños de archivos. no se pierde ni un solo píxel. cualquier cantidad de copias de la misma imagen 'al vuelo'. En otras palabras. simplemente se hacen más pequeños. Cada copia no tiene que ser idéntica. 223 Cuando reduces a la mitad la imagen de 96ppi a la izquierda se duplica la resolución. Es importante conservar la resolución total porque significa que puedes ver todo al detalle cuando amplias con el zoom. girándola. Web Designer convierte las fotos automáticamente a la resolución correcta requerida para la página web. Si reduces el tamaño de una imagen. coloreándola o aplicándole una amplia gama de efectos de foto y de transparencia. de esta manera. . Esto también quiere decir que puede ampliar todo o parte de la imagen y Web Designer conserva la máxima calidad original. Esto no quita mérito ni limita lo que puedas hacer con cada copia. cortándola. Cuando guardes tu página web (exportando el código HTML). Puedes editar cada una como quieras.Trabajar con fotos Resolución de foto Una diferencia fundamental entre MAGIX Web Designer 6 y otras herramientas de foto es que cuando redimensionas una foto esta conserva toda la resolución. redimensionándola. realmente no realiza una nueva copia completa de la foto original. Copias de memoria cero Una de las diferencias más revolucionarias entre Web Designer y otros software es que cuando copias cualquier foto en la página. sin ocupar espacio en la memoria ni aumentar el tamaño de archivo. solamente aumenta el dpi o ppi (píxeles por pulgada). y pueden ser trabajadas independientemente como copias completamente separadas.

a través de HERRAMIENTAS > GALERÍAS . Como se trata de la misma imagen mostrada en tamaños diferentes. La GALERÍA DE MAPA DE BITS muestra todo los mapas de bits o fotos usadas en cualquier documento. Puedes abrirlo con clic en su icono en la barra superior.224 Trabajar con fotos Este ejemplo muestra las copias separadas de la misma imagen. La galería de mapa de bits El capítulo Trabajar con documentos (en la página 83) cuenta con información general acerca de las galerías. . o desde dentro del menú. En el ejemplo de arriba. cada una manipulada de un modo diferente. con la información de su tamaño de píxeles y el tamaño de archivo. o con "F11". que es el dpi o ppi. la resolución. como puedes ver en la imagen de la derecha. La memoria (RAM y el tamaño de archivo) no es superior al tamaño de JPEG original. (porque la imagen ha sido ampliada) mientras que la imagen de la izquierda tiene más de 1200dpi. varía. el ojo tiene 115dpi. Cada una conserva la resolución total del JPEG original.

) • Las dimensiones de píxeles del original. y sólo se muestra la imagen sola y no las cuatro variantes que aparecen en la página. en este caso un JPEG. Cualquier mapa de bits no utilizado será eliminado del archivo cuando sea guardado y vuelto a abrir. La siguiente información de ayuda se muestra sobre la imagen original: • Nombre de archivo del JPEG original • El tipo de archivo. arrastra la imagen de la GALERÍA DE MAPAS DE BITS y suéltala en cualquier forma mientras mantienes pulsada "Shift".Trabajar con fotos Este ejemplo muestra la GALERÍA DE MAPAS DE BITS para el documento de arriba. Eliminar imágenes de la galería Cuando eliminas un mapa de bits de la página. en la HERRAMIENTA DE RELLENO .006K. Sin embargo puedes eliminar cualquier mapa de bits seleccionándolo y apretando el botón SUPRIMIR . etc. Puede ajustar el tamaño. . Como con todas las galerías. la rotación y segmentación pueden ser controlados desde la barra de información de la HERRAMIENTA DE TRANSPARENCIA (en la página 188). Puedes usar cualquier mapa de bits como una máscara de transparencia sobre cualquier forma rellena o mapa de bits. luego selecciona el mapa de bits en la galería y haz clic en el botón de relleno. y muestra la imagen JPEG original de la joven que es integrada al archivo . el tamaño de megapíxeles (en este caso sólo inferior a 2MP) • La profundidad de color. Si el mapa de bits es usado en el documento. 225 Relleno de formas con un mapa de bits Selecciona la forma en la página. a veces se denomina color verdadero (true color). en este caso "24 bit". Se utiliza como mapa de bits por defecto para rellenos de mapas de bits y en casos donde faltan otros mapas de bits. todas las copias de esta imagen son mostradas directamente desde el máster. 1. Es útil tenerlo también como marcador de posición. El apartado siguiente muestra detalladamente cómo utilizar los controles de la Galería de mapas de bits. El tamaño de transparencia del mapa de bits.web será ocupado por esta imagen. (Este es el tamaño original del archivo. será sustituido en el mapa de bits estándar de Xara. que en su mayoría están pensados para usuarios más avanzados. puedes arrastrar los objetos de la galería a la página para crear una nueva copia.web nativo. Como se menciona anteriormente. O puedes seleccionar una imagen en la galería y hacer clic en uno de los botones superiores. con la imagen gris de Xara. La imagen Xara es una imagen de 4 bit. • La resolución original de la imagen. O bien. y el tamaño de archivo. en estos casos 96dpi La GALERÍA DE MAPAS DE BITS siempre contiene un mapa de bits por defecto. el ángulo. y también cuánto de archivo the. La luminosidad del mapa de bits afecta la transparencia del objeto seleccionado. permanece en la GALERÍA DE MAPAS DE BITS . Ajuste de una transparencia de mapa de bits Esto es para los usuarios más avanzado.

En el ejemplo de arriba. Numerosos navegadores interpretan que esto significa lo mismo que la opción Conservar como es. Restaurar anterior restaura el área cubierta por el frame dejándola como era antes de visualizarse el frame. Al exportar la página como HTML. Propiedades del mapa de bits El botón PROPIEDADES te mostrará la información del mapa de bits seleccionado en la galería. El fondo restaura el área cubierta por el color de fondo del GIF (blanco. Nada significa que no se efectúa ninguna acción. Hay un cuadro de selección en el diálogo de Propiedades para desactivar esta característica para que puedas ver cada píxel cuando amplías con el zoom. se guardará el archivo JPEG original. siendo hasta 10 veces más pequeños que la imagen original. Esto va a copiar la imagen en el fondo. Esto algunos navegadores lo interpretan como borrar la imagen y mostrar el fondo. Una reducción muy significativa. Como los navegadores lo interpretan de modo diferente. la imagen original no comprimida requiere más de 7 MB de memoria. mientras que otros no. Esto también proporciona la información de las propiedades de animación del mapa de bits.226 Trabajar con fotos Ajuste del fondo de la página para un mapa de bits Selecciona el mapa de bits en la galería y haz clic en el botón FONDO . En el caso de JPEG integrada. esta imagen se copiará por todo el fondo de la página visible del navegador. Algunos navegadores borran la animación antes de reproducir más loops. Por lo general. Esta opción también te da la posibilidad de evitar que se suavicen las imágenes cuando se amplían los mapas de bits. todos los mapas de bits se suavizan cuando se amplían. por lo general). Esto es realmente aplicable sólo a imágenes GIF animadas. guardarás la imagen original. Conservar como es visualiza los frames uno encima de otro . . ANIMACIÓN GIF: • • RETARDO RESTAURAR: (el tiempo en que el frame es dejado en pantalla) La configuración de GIF animado fija lo que ocurre entre cada frame de un GIF animado.esto deja visibles muchos frames en un stack si algunos son transparentes. Guardar Seleccionando el mapa de bits y haciendo clic en GUARDAR. o se agrandan con el zoom en la pantalla. Otros tipos de mapas de bits se guardan mejor como tipos de mapa de bits PNG. Archivos JPEG integrados Los archivos JPEG están enormemente comprimidos en relación a su estado original. pero en la GALERÍA DE MAPAS DE BITS sólo tiene 1 MB. deberás experimentar hasta conseguir los resultados deseados. mientras que otros navegadores lo interpretan como mostrar el frame encima del frame anterior. salvo que también hayas determinado un fondo diferente para el tablero de dibujo (el área que rodea la página). Por eso las imágenes JPEG son el tipo de archivo estándar para la fotografía digital y para utilizar en Internet.

y esto es lo que queda guardado en el archivo . 227 Extracción del JPEG original Haz clic derecho sobre cualquier imagen en la GALERÍA DE MAPAS DE BITS y escoge la opción de menú GUARDAR para guardar el JPEG original en tu sistema de archivos. no importa cuántas copias de la imagen sean hechas.xar nativo. representa un enorme ahorro de tamaño (y de tiempo) en comparación a otras herramientas de gráficos*. haz cuatro copias.Xar. coloreándolas. en cualquier tamaño requerido. Importa un JPEG a tu editor de gráficos favorito. Lo que no es más que una copia completa de la imagen original cruda. y en este caso la calidad de imagen y los detalles se reducirán en una manera "destructiva". Al incrustar el archivo JPEG original en vez de guardar la imagen no comprimida. Otros productos descomprimirán la imagen y almacenarán la imagen no comprimida "cruda" en la memoria y el archivo nativo cuando lo guardas en disco. Xara es un editor "no destructivo" porque los datos de la foto original nunca se pierden.xar cuando guardas tu documento. ni se reducen. En MAGIX Web Designer 6 el archivo no se agranda. ni se comprimen en el archivo . o desenfocándolas. que permanece intacta en tu archivo. Destructivo significa que los datos originales o los detalles no pueden ser recuperados desde un JPEG guardado con una resolución inferior. Por lo tanto. Al haber cuatro copias completas de la imagen significa. Un archivo . y será cuatro veces más grande. todo lo que hace es sin pérdidas.Xar nativo tendrá apróximadamente el tamaño del JPEG original. Sin pérdidas vs. no importa cuantas copias hagas. como se menciona anteriormente. Luego. *Es fácil para comprobar. rotándolas.Trabajar con fotos Cuando arrastras y sueltas un archivo JPEG (o usas las opciones de menú "Abrir" "o Importar") el JPEG original es almacenado en el documento. que la memoria usada es más bien 30 veces menor. No hay ninguna re-compresión de imágenes cuando guardas el archivo .xar nativo. lossy) Como todo lo que Web Designer hace con tus fotos está basado en la imagen original. y el equivalente archivo . y haz algunos pequeños cambios en ellas. Desde luego puedes guardar o exportar tu imagen como un archivo JPEG comprimido. Es importante entender como se diferencia de otras herramientas de gráficos. . guarda el archivo nativo y compáralo con el tamaño del JPEG original. existe un ahorro de tamaño de archivo mayor a 7:1 comparado con otros programas de diseño gráfico. Con pérdidas (lossless vs. Haz cuatro copias de tu foto y guarda el archivo. tanto en software de dibujos vectoriales como de programas de edición de fotos. en este caso particular.

para aplicar una transparencia graduada necesitas otro arrastre-cilc en la Herramienta de transparencia. Desde luego no todo se limita a desenfocar. Por lo tanto. . Colocando la copia desenfocada con el 'agujero' creado por el efecto de transparencia sobre el original marcado. brillo y contraste. o aplicar cualquiera de la amplia gama de Efectos en vivo para crear una gama infinita de resultados interesantes o creativos. el resultado de la mezcla muestra el área de la parte marcada. ya que puedes ajustar los niveles de color. y. para colocar fotos una encima de la otra necesitas un segundo. para desenfocar selectivamente partes de una foto necesitas sólo unos segundos.228 Trabajar con fotos Mezcla y combinación de fotos Haciendo copias de fotos una encima de la otra. puedes crear fácilmente composiciones de foto mezcladas. y aplicando diferentes efectos a las copias. arrastres y un par de segundos para todo el proceso. necesitas unos clics. Para desenfocar alcanza con hacer 'un arrastre' en una barra deslizante de la Herramienta de fotos. combinadas con los avanzados controles de transparencia de Web Designer. Para crear copias de cualquier objeto necesitas presionar sólo una tecla. Por ejemplo. en MAGIX Web Designer 6. o hacer un clic (arrastrar con el botón derecho del ratón).

En otras palabras. Ahora. Esto permite ver las imágenes en la mejor calidad. BMP. Sólo se ven los contornos de los objetos. Las dos primeras configuraciones. PDF. Esto puede ser útil cuando amplíes con el zoom y necesites ver claramente los pixeles de la imagen por separado. Es particularmente útil para ver los contornos de los diferentes pasos de una transición. MUY ALTA CALIDAD (POR DEFECTO) ALTA CALIDAD 229 Muestra imágenes mediante sampleo bicúbico. verás todos los pixeles cuando amplíes con zoom. MAGIX Web Designer 6 no es compatible con transiciones pero los archivos . Guardar y exportar fotos Al seleccionar la opción GUARDAR siempre se guardará un archivo . COLOR TOTAL CONTORNOS CON PASOS DE TRANSICIÓN CONTORNO Hay un control adicional que te permite frenar todo antialiasing o suavizado de imagen en imágenes que son reducidas o ampliadas con zoom. Para guardar una foto como JPEG. entonces las imágenes tienen que ser mostradas en la calidad máxima. en vez de una imagen suavizada. Flash (. . Puedes seleccionar entre numerosos tipos de archivo. como JPEG. PSD. siempre se visualizarán los píxeles no suavizados cuando amplíes o reduzcas con zoom. pero las imágenes se renderizan lento y con una calidad baja. es necesario usar la opción EXPORTAR o el shortcut "Ctrl + Shift + E". Así que si piensas que la calidad de visualización ha dejado de funcionar. Abre la GALERÍA DE MAPAS DE BITS y haz clic derecho sobre la imagen y seleccione "propiedades". Antialiasing activado. PNG u otro tipo de archivo de imagen. sobre todo si haces girar la imagen. en particular para imágenes grandes de alta resolución que son altamente reducidas o ampliadas con zoom. TIFF. GIF. suavizan los píxeles de pantalla para evitar píxeles visibles o secciones no fluidas en los extremos (antialiasing). es casi seguro que has desenfocado o enfocado la imagen con la Herramienta de fotos. Sin antialiasing.web nativo. PNG. por lo que se ven los píxeles individuales. El inconveniente es que las imágenes generalmente se ven pobres cuando reduces o amplías causando un pixelado claramente visible y bordes "escalonados" dentados. no importa la calidad que utilices para la imagen (y todas las copias). Cambia el nivel de calidad con la entrada CALIDAD en el menú VENTANA . Atención: Si usas el control de Desenfoque/Enfoque de la Herramienta de fotos.xar importados pueden contenerlas. En el diálogo desactiva la selección de "Suavizar al aumentar tamaño".Trabajar con fotos Calidad de visualización de fotos MAGIX Web Designer 6 puede mostrar fotos en uno de cinco niveles de calidad. así como otros tipos menos conocidos. Esto es útil para buscar y seleccionar objetos que son difíciles de ver debido a otros objetos que se encuentran delante o detrás de ellos.swf).

El sistema JPEG está diseñado de manera tal que un ajuste de 75 es el valor óptimo. Se puede bajar la calidad por debajo de 75 para que se vea más rápido la página en la web. ya que los resultados son visualmente idénticos a la calidad del 75%. Los valores por defecto deberían ser los correctos para todos las tareas comunes y puedes pulsar simplemente el botón de exportación para guardar tu foto. Aspectos para tener en cuenta al exportar: • Primero selecciona el objeto o los objetos que quieres exportar • El tamaño por defecto de la imagen exportada será del tamaño que veas en la pantalla con el zoom al 100%. aparece una ventana con una vista previa de exportación donde puedes ajustar muchas opciones de exportación y comparar ajustes alternativos o tipos de archivo alternativos como PNG. sólo que el tamaño de archivo y uso de memoria aumenta drásticamente sin beneficio alguno. Cuando exportas JPEG o PNG. Cuando exportas un JPEG. la calidad del JPEG y. Estos se encuentran en la barra desplegable cuando colocas el cursor del ratón sobre el ícono de exportación HTML. . seleccionar entre tres tipos de archivos de exportación alternativos. Te recomendamos que no guardes archivos JPEG con calidad del 100%. El valor estándar y recomendado es 75%. Recomendamos guardar las fotos como JPEG (a veces llamado JPG). La ventana de vista previa de exportación te permite ajustar el tamaño. ya que ofrece la mejor relación tamaño/calidad. Al seleccionar esta opción se obtienen muchas opciones de exportación avanzadas y se pueden comparar ajustes alternativos e incluso tipos de archivos alternativos como por ejemplo PNG. La ventana de Vista previa de exportación (en la página 324) está descrita más detalladamente aquí. además. la resolución. aparece la opción CONFIGURACIÓN en el diálogo Guardar.230 Trabajar con fotos Hay dos íconos disponibles en la barra superior que son shortcuts para guardar la selección como JPG o PNG. La ventana de vista previa muestra la calidad de cualquier valor que selecciones. Consejo: puedes controlar la calidad de JPEG en el diálogo configuración de exportación de la pestaña de Opciones.

o introduce el ancho o la altura requerida en los campos correspondientes de la barra de información. Esto no sólo se aplica solamente a los atributos tradicionales como el color o el ancho de la línea. como cambiar el brillo. el color. te recomendamos que guardes el archivo . este proceso es muy rápido y simple: • Suelta tu foto en Xara Xtreme (en una página en blanco o en la barra de título) • Ve a la herramienta de selección. sombras. Tal como puedes cambiar el color de una forma o de una línea sin cambiar la forma subyacente. los valores de enfoque o desenfoque.web también. Esto significa que puedes copiar todas las optimizaciones que le hayas hecho a la foto a otro documento. . incluso luego de haber cambiado el brillo. haz clic en el botón CONFIGURACIÓN si necesitas controlar la compresión o simplemente haz clic en GUARDAR. • Haz clic en el botón "Exportar selección como JPG" en la barra superior. Atributos de la edición de fotos Todas las ediciones realizadas con la HERRAMIENTA DE FOTO (en la página 242). todos estos atributos se pueden copiar de una foto a otra usando la misma técnica. etc. utilizando la función "copiar/pegar atributos". el contraste. Los atributos se pueden copiar y pegar entre distintos objetos. arrastra el control deslizante de una esquina para cambiar el tamaño de la imagen. • Introduce un nombre de archivo. como cambiar el tamaño de la imagen. 231 Ejemplo: para cambiar el tamaño de una foto y guardarla en JPEG. como color y ancho de línea. Para guardar la imagen en formato PNG. coloreado de foto (contoning).Trabajar con fotos Consejo: si crees que vas a seguir editando la imagen exportada. Otra forma de explicar esto es que MAGIX Web Designer 6 sólo guarda una lista de las ediciones aplicadas a tu foto. puedes cambiar. serán guardadas sobre la foto como atributos de Web Designer. El tamaño de la imagen será correcto cuando esté al 100%. también funciona con todos los atributos de la HERRAMIENTA DE FOTO . o incluso luego de haberla cortado o recortado. haberle cambiado el tamaño. Esto también vale para todos los otros atributos de la foto. Esto preservará la imagen original sin pérdida de calidad. repite los mismos pasos de arriba pero selecciona la opción PNG en el menú desplegable del tipo de archivo. los atributos de la herramienta de foto cambian la apariencia de la foto pero sin afectar la imagen original (a esto se le llama edición no destructiva).. Siempre podrás recuperar la foto original sin retocar. quitar o añadir nuevas ediciones.

Utilizando la HERRAMIENTA DE EDICIÓN DE FORMA puedes achicar o agrandar la forma de sus esquinas. Una función importante es que la herramienta de recorte es realmente dinámica. sombra. Para un manejo más avanzado del recorte. etc. Para restaurar la imagen a la forma rectangular original. Asimismo encontrarás un botón Deshacer corte que borra cualquier rectángulo de corte y restaura la imagen original. Recortar fotos La forma más fácil de recortar una foto es arrastrarla mientras te encuentras en la HERRAMIENTA DE OPTIMIZACIÓN o también puedes arrastrar uno de los 8 controles deslizantes alrededor de la foto para ajustar el borde de cualquier foto seleccionada. así como usar el recorte numérico preciso. selecciona el BOTÓN CLIP en la herramienta de fotos de la barra de información. puedes aplicar contornos para cualquier forma. el ángulo y la posición del relleno de la foto adentro de la forma. Cuando se editan las fotos de esta forma. se tratan como si fueran una forma vectorial normal con relleno de mapa de bits. ya que te permitirá definir la relación de aspecto. selecciona "deshacer corte" en el modo de corte en la barra de información de la HERRAMIENTA DE FOTOS . el recorte no es destructivo y el borde del recorte puede ajustarse luego para . De la misma manera. e incluso puedes usar la HERRAMIENTA DE RELLENO para ajustar el tamaño.232 Trabajar con fotos Editar el contorno de las fotos Puedes utilizar la herramienta de EDICIÓN DE FORMA para ajustar directamente el contorno exterior de una foto. Este ejemplo también tiene un contorno negro y una sombra suave. Por eso puedes usar las herramientas de edición para crear una línea o cambiar la forma. en otras palabras.

utilizando las herramientas de edición de línea ya que la foto permanece dentro de la forma. realizar un recorte destructivo que elimine las partes invisibles de una imagen. En este ejemplo la vaca tiene una sombra de pared. Quizás la forma más fácil es que utilices la HERRAMIENTA DE EDICIÓN DE FORMA . Si realmente quieres cortar. utiliza la función Optimizar foto.Trabajar con fotos mostrar partes ocultas de la foto. cierra la línea para que sea uan forma sólida. arrastra la barra de difuminación en la barra superior para que tenga uno o dos píxeles. . Luego ve a EDICIÓN > ARREGLAR FORMA > INTERSECCIÓN DE FORMAS . que se le aplicó con la herramienta de sombra. • Cuando hayas completado toda la vuelta alrededor del objeto. dejando menos espacio entre los clics para las áreas más detalladas y haz menos clics para las líneas rectas o las áreas con curvas suaves. Dibuja una línea alrededor del borde de la forma que quieras extraer. es decir. Así habrás creado una forma con relleno negro. Realiza un zoom en la foto y luego: • En la herramienta de edición de forma utiliza la técnica de "conectar los puntos" haciendo clics secuenciales alrededor de la forma. En este caso la forma actúa como una máscara de corte (clipping mask). uniendo el último segmento al primero. 233 Cortar objetos de las fotos Utilizando las herramientas de dibujo es fácil dibujar formas y cortarlas del fondo. Puedes usar cualquiera de las herramientas de dibujo para hacer esto. • Para suavizar un poco los bordes. Puedes seguir editando la forma. • Ahora podrás cortar esta forma de la foto si seleccionas la nueva forma y la foto (shift y clic sobre la foto en la herramienta de selección).

y selecciona "mapa de bits" para que se pegue la imagen a tu página. haz clic derecho en la línea de colores y se abrirá un menú contextual para que apliques el color seleccionado. cambiar el tamaño y guardar los resultados. • En MAGIX Web Designer 6 selecciona "Ctrl + V" para pegar. • Presiona el botón "Imprimir pantalla" (print screen) de tu teclado y aparecerá una imagen de toda la pantalla en el portapapeles. También puedes seleccionar "Alt + Print screen" y se generará una imagen de la ventana actual. Ahora puedes recortar. haz clic en la línea de colores para aplicar un color a la foto. Esto se llama color continuo porque es un tono continuo de negro a blanco. Para crear una imagen con un tono continuo de color amarillo claro. Para convertir una foto de color a blanco y negro. haz clic en el color blanco y selecciona "ESTABLECER COLOR CLARO DE TONO CONTINUO ". . sea este el color oscuro o el claro. haz clic en el color amarillo claro de la línea de colores.234 Trabajar con fotos Fotos de pantalla (screenshots) Puedes capturar una imagen de pantalla. Colorear fotos Selecciona una foto. añadir texto. Es mejor si guardas la imagen como archivo PNG. O. Todas las fotos de pantalla de este archivo de Ayuda y de este manual fueron creadas de esta forma.

También puedes utilizar la herramienta EDITOR DE COLOR (Ctrl+E) y elegir cualquier color que quieras. Es decir. y hacer clic sobre la foto para seleccionarla). Las fotos y los mapas de bits de la página siempre están "contenidos" dentro del contorno de una forma. Entonces. sino que también puedes ajustarle el tamaño. rotar y reposicionar la foto dentro de su propio marco MAGIX Web Designer 6 trata las fotos como si fueran un rectángulo con relleno de mapa de bits. la forma de tu foto será tratada por el programa como si fuera un contorno alrededor de la imagen que se encuentra adentro. o haz clic derecho sobre la foto y selecciona la opción "restaurar color". selecciona la herramienta de relleno y arrastra una de las puntas de las flechas. para agrandar y rotar la imagen hacia la izquierda dentro de su propio marco. No sólo puedes cambiarle la forma al contorno. puedes seleccionar cualquier color. no estarás afectando al relleno. 235 Cambiar el tamaño. . ve a la HERRAMIENTA DE RELLENO y podrás ver las flechas de relleno que se encuentran en un ángulo recto (o puedes ir a la herramienta de relleno. sea éste el color claro o el oscuro del tono continuo. Por ejemplo. y el contorno se puede editar completamente. el ángulo y la posición de la foto dentro de su marco (frame) utilizando la HERRAMIENTA DE RELLENO . cuando recortes o edites el contorno de la forma. Selecciona la foto.Trabajar con fotos Si haces clic en LÍNEA DE COLOR . Puedes restaurar el color original de la foto haciendo clic en el pequeño cuadrado blanco cuadriculado del extremo izquierdo de la línea de colores. El menú desplegable en la parte superior del editor de color controla si estás editando en el color claro u oscuro.

que básicamente son flechas que muestran la extensión del relleno en el interior de la forma. podrás ver la velocidad con la que trabaja MAGIX Web Designer 6. arrastra en cualquier parte de la imagen. arrastra una de las puntas de las flechas sobre el centro. En la barra de información de la herramienta de relleno puedes seleccionar la opción de "mosaico repetido" y la imagen se llenará con un mapa de bits segmentado. Pero ten en cuenta que esto es destructivo y que luego no podrás modificar ninguna de las ediciones que aplicaste a la foto. Puedes mantener presionada la tecla "Ctrl" para mantener el ángulo. • Selecciona la herramienta de relleno y haz clic sobre una foto. podrás cambiar las dimensiones de la segmentación dentro de la imagen o realizar una rotación. alejándote del centro. Si arrastras los controles deslizantes de relleno. • Para rotar la imagen. Sólo tienes que utilizar la herramienta de relleno siguiendo los mismos pasos de arriba. Enderezar horizonte Es muy fácil enderezar el horizonte torcido de una imagen. Si quieres convertir un grupo de foto en un objeto de foto común para poder ajustarlo con la herramienta de relleno. arrastra el cursor sobre una de las puntas de las flechas. • Arrastra uno de los extremos de las flechas para cambiar el tamaño de la imagen o para rotarla. Si realizas la misma acción pero con una imagen gigante con muchos píxeles. Si cuentas con un grupo de fotos en vez de un objeto común de foto no puedes utilizar la herramienta de relleno tal como se describe arriba para ampliar la imagen y girarla en su marco. • Para reposicionar la imagen. .236 Trabajar con fotos • Para cambiar el tamaño. puedes usar Herramienta > Optimizar foto para hacerlo. Esto mostrará los controles deslizantes de relleno.

237 Utilizando la herramienta de relleno. en donde cada píxel de la imagen corresponde a un píxel de pantalla. Si el zoom del documento es 100%. pero quieres verla en su tamaño completo mientras trabajas en ella. pero cuyo original tenía 1000 píxeles de ancho. o mantiene presionada la tecla "Shift" y mueve el cursor sobre la imagen. Esto es útil si quieres editar una imagen que se ha reducido en la página. significa que cada píxel de la imagen corresponderá a un píxel en la pantalla. . Así.Trabajar con fotos La siguiente imagen tiene un paisaje con un horizonte torcido. Puedes reposicionar la foto arrastrando el control deslizante de las flechas en el centro. Darle el tamaño completo a una foto El botón AMPLIAR FOTO A 100% en la barra de información de la herramienta de foto hace que la foto seleccionada actualmente se amplíe al tamaño completo de la página. arrastra una de las flechas para rotar o cambiar el tamaño de la imagen. una foto que se ha reducido a 500 píxeles de ancho. Ver una foto ampliada en su tamaño completo El botón ZOOM A 1:1 en la barra de información de la herramienta de foto ajusta el zoom de forma que la imagen seleccionada se muestre en su tamaño completo. que ha sido creada con la función de "creación de panorámicas". se ampliará nuevamente a su valor original.

Reducir una foto de una cámara digital de 8 megapíxeles a 5 cm (2 pulgadas) de ancho en la página. La imagen recortada de la mariposa aún tiene el resto de la foto adjuntada a ella. Además. La función de "corte en vivo" (live crop) es muy práctica para cuando estés editando la imagen ya que puedes deshacer el corte realizado a la imagen. esta resolución es mucho más alta de la que se necesita incluso para la mejor calidad de impresión comercial.238 Trabajar con fotos Optimizar fotos y mapas de bits Las cámaras digitales de hoy en día sacan fotos con cada vez más resolución y tamaño de archivos en JPEG. muchas veces estas fotos tienen innecesariamente una alta resolución. por eso si tienes un documento con muchas imágenes. Si cortas una parte pequeña de la foto. Si vas a la herramienta de relleno podrás ver esto fácilmente si cambias el tamaño del relleno dentro del contorno. Por ejemplo. Las partes de la imagen que estén fuera de la mariposa probablemente sean superfluas en tu documento final. el tamaño del archivo puede transformarse rápidamente en un archivo muy pesado. cambiarle el tamaño o la posición. habrá una gran parte de la imagen que estará "escondida" fuera del área visible. Pero para los documentos finalizados conviene quitar las partes invisibles. un documento multipágina con 20 imágenes en JPEG en alta resolución (cada imagen tiene 5 MB) producirá un archivo .xar con más de 100 MB*. Aunque una imagen con una resolución muy alta dará mucha más flexibilidad a la hora de imprimirla (y también te dará la posibilidad de hacer zoom para acercarte o la posibilidad de agrandar pequeñas partes de la foto). resultará en una imagen de 1500 dpi. y toda la imagen se mantendrá los más enfocada posible. y más aún para los gráficos de la web o para la producción en HTML. .

Trabajar con fotos
Hay una opción del menú que es útil, HERRAMIENTAS > OPTIMIZAR FOTO que realiza tres funciones importantes: • Quita las partes invisibles de las fotos • Reduce la resolución de las fotos • Convierte los documentos PNG o en mapas de bits en documentos JPEG integrados al documento para optimizar el tamaño del archivo. Si seleccionas esta opción del menú para cualquier mapa de bits, se abrirá el diálogo
OPTIMIZAR FOTO .

239

Por defecto, la configuración es tal que la foto estará optimizada en un JPEG de 96 dpi (resolución normal de pantalla) con el tamaño que aparece en tu página. En general, esto es lo que quieres de las fotos de tu sitio web. Puedes cambiar la resolución utilizada en este diálogo, si escoges el tamaño físico que deseas para la imagen optimizada (ancho/alto en píxeles) o si introduces un dpi diferente (p.ej. 150 dpi si quieres calidad de impresión). Si escoges la opción de dpi, el valor que introduzcas se recuerda y se convierte en el valor por defecto para la sesión actual. También puedes escoger optimizar como PNG (produce imágenes más grandes pero mayor calidad para gráficos e imágenes de texto) o cambiar la calidad usada para la optimización JPEG (mayor calidad significa tamaño más grande). Si tu foto se corta, sólo la parte visible de la imagen se preserva en la imagen optimizada. Para obtener buenos resultados de impresión necesitas una resolución de 150 dpi. Si introduces una resolución de 300 dpi, obtendrás la calidad más alta posible en la

240

Trabajar con fotos
impresión comercial (la mayoría de la personas no pueden ver la diferencia entre 150 dpi y 300 dpi, pero con 300 dpi necesitas cuatro veces más de memoria o espacio adicional de archivo). Nota: la calidad JPEG óptima es 75%. NO recomendamos guardar archivos JPEG con una calidad del 100%, virtualmente no pueden distinguirse de los JPEG guardados con 75% pero requieren más memoria y espacio de archivo. Importante: la función "optimizar foto" es una operación destructiva. Cuando guardes el documento las partes de la imagen que se hayan quitado se perderán, y la resolución se cambiará para siempre (obviamente que puedes deshacer los cambios mientras tengas el archivo abierto durante la edición). Puedes optimizar múltiples fotos al mismo tiempo si quieres que todas tengan el mismo dpi. Selecciona las fotos que quieras optimizar y luego elige la opción OPTIMIZAR como se describió arriba. Si tus fotos tienen diferentes dimensiones, la opción para optimizar según el tamaño de píxeles estará desactivada y deberás escoger el dpi requerido. O puedes usar la función HERRAMIENTAS > OPTIMIZAR TODOS LOS JPEG para editar todas las fotos JPEG de tu documento en una sola operación. En este caso, el diálogo de optimización aparecerá para que puedas escoger el dpi que deseas utilizar para todas las optimizaciones. Ten en cuenta que después de optimizar, el original sin optimizar y ahora foto sin referencia permanece en la galería de mapas de bits. Esto significa que todavía se encuentra en la memoria y que el espacio de almacenamiento requerido en tu diseño no se habrá reducido. Simplemente guarda tu diseño y vuélvelo a cargar después de optimizar, para eliminar las imágenes originales más grandes.

Documentos fotográficos
A veces es mejor trabajar con una foto sola, en vez de con un "objeto" en una página. Web Designer le llama a esta foto "foto documento" o "modo foto", y se lo puede editar de forma similar como se hace con los editores tradicionales de foto. Puedes crear un documento fotográfico de varias maneras: • Arrastra una foto desde tu explorador hacia la barra de título o la barra de herramientas de la ventana de Web Designer. • Selecciona "Archivo > Abrir" y selecciona una foto. • Crea un documento fotográfico en blanco seleccionando "ARCHIVO > NUEVO > FOTO VACÍA ". Los documentos fotográficos de Web Designer se diferencian de los documentos tradicionales en lo siguiente: • No hay una página en blanco visible. Las dimensiones de página se ajustan a las dimensiones de la foto, ampliándose automáticamente si añades cualquier otro objeto.

Trabajar con fotos
• Los documentos fotográficos tienen una cuadrícula de 1 píxel por defecto. La función para ajustar la cuadrícula también viene activada. Esto hace más fácil y preciso tu trabajo de corte y recorte de áreas. • El tablero o pasteboard (el área alrededor de la foto) tiene un color más oscuro. Esto facilita la distinción rápida entre los documentos fotográficos y los documentos de dibujo. • El zoom del documento está ajustado de modo tal que la foto cubra toda la página, y la herramienta de fotos se abrirá automáticamente. • Si sueltas documentos fotográficos adicionales sobre la foto principal, estarás agregando una nueva foto al documento y no reemplazando la foto principal que se encuentra en el marco. Y la vista se alejará (zoom out) permitiéndote ver la imagen entera. • Las imágenes no se reducen a un tamaño de 500 píxeles al importarlas, tal como se hace como en documentos web normales, sino que se han importado a una escala de 1:1 de modo que, si fijas el zoom a 100%, verás el tamaño total de la imagen. • Las opciones de suavizado de píxeles se han cambiado. Por defecto, se aplica el modo de visualización en alta calidad. Esta es la mejor forma de ver imágenes reducidas y las imágenes a las que se les haya aplicado un "zoom out" para alejar la imagen. Cuando uno se acerca a la imagen haciendo "zoom in", el suavizado de píxeles estará desactivado. En lo que respecta a todas las otras funciones, los documentos fotográficos funcionan como los otros documentos normales de MAGIX Web Designer 6. Puedes usar cualquiera de las herramientas de dibujo y de texto como lo haces habitualmente. Si quieres crear un documento fotográfico con un tamaño específico, puedes cambiar el lienzo o el tamaño de la página seleccionando "HERRAMIENTAS > OPCIONES y la pestaña "PÁGINA " para introducir las dimensiones.

241

En documentos fotográficos, se permitirán dos controles extra. Los botones ANTERIOR y SIGUIENTE cambiarán a la imagen anterior o siguiente en la carpeta desde donde se abrió la imagen. Esto cerrará la imagen actual, por lo que se te pedirá que guardes el archivo.

Edición de archivos de fotos
Puedes utilizar MAGIX Web Designer 6 para editar fácilmente tus fotos JPEG y guardar el archivo modificado. A diferencia de la mayoría de los editores de fotos, puedes realizar repetidas ediciones sin pérdida de calidad, a pesar de que el formato JPEG es un formato con pérdida (consulta Sin pérdida frente a con pérdida anteriormente en este capítulo). Esto es porque MAGIX Web Designer 6 puede guardar tus ediciones sin pérdida, junto con la foto original. Funciona de la siguiente forma. Primero abre el JPEG con ARCHIVO > ABRIR , mediante arrastrar y soltar o con un clic derecho en el Explorador de archivos de Windows y eligiendo MAGIX Web Designer 6 en la lista "Abrir con". La foto se abrirá como un documento de foto.

242

Trabajar con fotos
Edita la foto con las herramientas de foto tal como se describe anteriormente. Si luego escoges ARCHIVO > GUARDAR (Ctrl+S), el archivo JPEG que has abierto se sobrescribirá con la imagen modificada. Sin embargo, MAGIX Web Designer 6 también guarda tu foto en su formato .web nativo por defecto. Este archivo se coloca en una carpeta principal junto con tu archivo JPEG. Tiene el mismo nombre que tu archivo de foto, pero con la extensión .web. El archivo .web incluye tu foto original sin las modificaciones aplicadas y, por supuesto, detalles de tus ediciones. Si posteriormente cargas el archivo JPEG modificado para continuar editándolo, MAGIX Web Designer 6 buscará en la carpeta principal para ver si hay un archivo .web disponible para esta foto. De ser así, se abrirá este archivo .web en vez de tu archivo JPEG y podrás continuar editando desde donde has dejado. Cuando vuelvas a guardar, el archivo JPEG se sobrescribirá nuevamente y el archivo .web se actualizará y guardará en la carpeta principal. Por supuesto, si no quieres sobrescribir tu archivo JPEG con los cambios, puedes usar la opción ARCHIVO > GUARDAR COMO para guardar la foto modificada en otro lugar o utilizar algunas de las opciones para exportar tu foto en diversos formatos. Puedes conservar la foto original del archivo .web si la abres, abres la GALERÍA DE MAPAS haces clic derecho sobre la foto y escoges la opción GUARDAR. En la pestaña Edición de foto del diálogo HERRAMIENTAS > OPCIONES puedes escoger cambiar el comportamiento de guardado descrito anteriormente. Puedes escoger que no se guarde automáticamente un archivo .web en la subcarpeta principal, o puedes seleccionar que el archivo de la foto original se guarde ahí en su lugar. Ten en cuenta que si desactivas la conservación de la foto original, perderás esta foto original cuando guardes.

DE BITS ,

La herramienta de fotos

243

La herramienta de fotos
Introducción
Con la herramienta de fotos podrás recortar fotos o ajustar sus niveles de brillo y nitidez de forma muy directa y rápida, incluso con las imágenes con muy alta resolución. Esta herramienta provee: • Auto-optimización con un clic de tus fotos; esto es particularmente bueno para imágenes subexpuestas. • Ajuste manual de brillo, contraste, saturación de color, temperatura del color de la foto y desenfoque o nitidez de las fotos. • Corte de imágenes. Se trata de 'corte en vivo', lo que significa que podrás cortar y deshacer el corte todas las veces que quieras. • Una función de "comparación" con un solo clic para comparar rápidamente los cambios respecto al original. • Función sencilla para copiar/pegar fotos que aumenta las ediciones entre imágenes diferentes. Todas estas operaciones son interactivas con actualización en vivo. Cuando ajustas los valores, la imagen se actualiza al instante. Son también no destructivas, lo cual significa que tu imagen original no se cambia y siempre puedes hacer o deshacer cualquier ajuste. También está disponible una herramienta para ojos rojos.

Ventajas de la herramienta de fotos
Esta herramienta tiene tres ventajas principales:

1. 2. 3.

Es no destructiva. Es muy, muy rápida, incluso para las imágenes gigantes. La edición fotográfica no requiere memoria.

Los beneficios explicados en detalle:
No destructivo significa que todas las ediciones no afectan la imagen original. Puedes ajustar o quitar ediciones pero la imagen original no se verá afectada. En cambio, la mayoría de los otros editores de fotos sí realizan cambios permanentes a los píxeles de la foto durante el proceso de edición. Además puedes ajustar las configuraciones del Web Designer todas las veces que quieras ya que no estarás alterando los datos reales y actuales de la foto original. Incluso la herramienta de recorte (crop) es no destructiva. Puedes restaurar las áreas que hayas cortado (clip) o recortado (crop) y ajustar o agrandar el área cortada cuando quieras, incluso después de que hayas guardado el archivo. La velocidad es una característica muy importante. Una buena forma de demostrar esto es que rotes una foto en alta resolución. Con otras aplicaciones, en general tienes que

244

La herramienta de fotos
introducir el ángulo de rotación y luego esperar a que sea procesado. En MAGIX Web Designer 6 puedes arrastrar y rotar una imagen en resolución total en tiempo real (o introduce cualquier valor de rotación), y realiza un muestreo bi-cúbico de alta calidad (bi-cubi sampling) para asegurar los mejores resultados a nivel calidad. La ventaja de memoria cero se refiere al hecho de que la mayoría de los editores de foto hacen una copia del mapa de bits en la memoria para poder ofrecer la función de "deshacer". En general se hace una copia cada vez que ajustas o editas algo en el documento. Si estás trabajando con fotos digitales grandes y en alta resolución, necesitarás mucho espacio de memoria para el trabajo de edición. Por ejemplo, una foto digital de 8 MB necesitará 32 MB de memoria, y si realizas 10 ediciones necesitarás 320 MB de memoria. Con nuestro programa puedes realizar todas las ediciones que quieras y realizar todas las copias que quieras de tu foto en el documento pero no estarás ocupando espacio adicional en el archivo, ni tampoco necesitarás RAM adicional. Finalmente, las imágenes en JPEG se integran (embedded) al archivo nativo .xar y no se expanden a imágenes en crudo como lo hacen las otras aplicaciones gráficas. Esto significa que un archivo nativo es 10 veces más pequeño. Y si combinas esta característica con el hecho de que las copias no ocupan espacio en la memoria, las herramientas de optimización en tiempo real descritas más arriba, es muy posible que los archivos finales tengan un tamaño 30 veces más pequeño o menos que los archivos finales creados con otras aplicaciones gráficas. Esto significa que estos archivos se pueden manejar de forma mucho más rápida cuando quieras guardarlos, procesarlos y/o transferirlos.

Utilización de la herramienta de fotos
Para acceder a las HERRAMIENTAS DE FOTO , mueve el cursor del ratón sobre el ícono de la cámara en la barra de herramientas principal en la parte izquierda de la ventana. Aparecerá una barra desplegable con íconos para cada una de las herramientas de foto.

Si estás en la herramienta de selección, haz doble clic en una foto para cambiar a la
HERRAMIENTA DE FOTO .

Los primeros seis botones de la barra de información a la izquierda son comunes a todas las herramientas y suministran acceso a las funciones GIRAR 90° , IMAGEN ANTERIOR/SIGUIENTE , AJUSTAR ZOOM y AMPLIAR FOTO A 100% . Estas opciones se describen más adelante.

La herramienta de fotos
Controles para rotar 90°

245

Los dos íconos de rotación giran la foto o las fotos seleccionadas a 90 grados en sentido de las agujas del reloj o en sentido contrario.

Anterior y Siguiente

Cuando "abres" una foto utilizando MAGIX Web Designer 6, la foto se carga en un nuevo documento de foto porque Web Designer presupone que quieres editar o ver la foto misma, más que utilizarla como parte de un dibujo o de otro documento. Cuando abres una foto puedes utilizar los botones "Anterior" y "Siguiente" de la barra de información de la herramienta de foto para cerrar el documento de foto actual y abrir la foto siguiente (o previa) en el mismo archivo que la foto actual. Esto te permite navegar a través de las fotos en un archivo sin tener que abrir y cerrar cada una individualmente. Si has hecho cambios en la foto que no has guardado, se te preguntará si quieres guardar los cambios cuando pulsas Anterior o Siguiente. Consulta Trabajar con documentos para más información en Documentos fotográficos.

Zoom 1:1
Selecciona una foto y haz clic en el botón zoom 1:1.

El factor del zoom para el documento está establecido de forma que la foto seleccionada se muestre 1:1 (un píxel de la foto es igual a un píxel de la pantalla). Utiliza esta opción si quieres trabajar en una foto a tamaño completo en un documento en donde has reducido el tamaño de la foto.

Ampliar foto a 100%
La función AMPLIAR FOTO A 100% hace que la foto seleccionada actualmente se amplíe al tamaño completo de la página. Así, una foto que se ha reducido a 500 píxeles de ancho, pero cuyo original tenía 1000 píxeles de ancho, se ampliará nuevamente a su valor original. Si el zoom del documento es 100%, significa que cada píxel de la imagen corresponderá a un píxel en la pantalla.Si el zoom del documento es 100%, significa que cada píxel de la imagen corresponderá a un píxel en la pantalla.

Cuando sueltes el ratón el pop-up desaparecerá. Haz clic y suelta la flecha pop-up. el contraste. la temperatura. Los primeros seis botones de la izquierda (no se ilustran arriba) son comunes a todas las herramientas y están escritas anteriormente Auto-optimización Brillo Contraste Saturación de color Temperatura del color Desenfoque/Enfoque Comparación con el original En esta herramienta puedes ajustar el brillo. El control deslizante desaparecerá cuando hagas clic en otro lugar del documento. Otra alternativa es que mantengas presionado el botón del ratón sobre el control y puedes usar la rueda del ratón para realizar pequeños ajustes hacia abajo o hacia arriba. El control deslizante se quedará en pantalla y podrás ajustar los valores todas las veces que quieras. sólo tienes que arrastrar el control deslizante. Puedes introducir directamente valores a los campos de texto o usar la barra deslizante emergente para ajustar los valores de forma interactiva. Esta forma de trabajar es más rápida porque sólo tiene que hacer clic y soltar para cambiar los valores. el desenfoque y el enfoque. Pop-ups deslizantes Los pop-up deslizantes pueden ser utilizados de una o dos maneras: 1. la saturación. O haz clic y mantiene presionado el botón del ratón y arrastra el cursor sobre la barra deslizante para ajustar el valor. 2. . Se visualiza la barra de información de la herramienta de optimización.246 La herramienta de fotos Herramienta de optimización Haz clic en el ícono de la cámara para ingresar a la HERRAMIENTA DE OPTIMIZACIÓN .

Se recomienda que no uses valores muy altos cuando enfocas las imágenes. puedes utilizar el botón "Comparar" para cambiar rápidamente de tu foto editada a la foto original para ver los efectos de los cambios que has hecho. Luego de haber aplicado la auto-optimización a una foto podrás ajustar los valores que han sido asignados con la optimización. Pulsa el botón comparar por una segunda vez y recuperarás tus valores previos. . El botón "Comparar" puede ser utilizado en cualquier momento después de haber modificado la imagen. Y aplica la opción de "enfoque" sólo a imágenes que han sido reducidas mucho. 247 Brillo/Contraste/!Temperatura del color/Saturación Brillo Contraste Saturación Temperatura del color La imagen se actualiza al instante mientras ajustas los valores. y así vuelve la foto a su estado original. Desenfoque / Enfoque Este control desenfoca las imágenes si introduces valores por debajo del cero (negativos) y si los valores van por arriba del cero (positivos) la imagen se enfocará. Esto es muy efectivo para las imágenes oscuras subexpuestas. Comparar y restaurar el original El botón COMPARAR puede ser utilizado para restablecer todos los valores de las herramienta OPTIMIZAR que vienen por defecto. Si haces clic sobre el botón "COMPARAR" se restaurará la imagen original. si pulsas "Comparar" simplemente estarás eliminando los atributos de optimización. Cambiar la temperatura del color hace que una imagen sea más "cálida" o "fría".La herramienta de fotos Auto-optimización Si haces clic en el botón "OPTIMIZAR" se realizará un análisis general del brillo y el contraste de la imagen y la imagen se optimizará automáticamente para obtener una mejor imagen. y de esta forma volverás a la imagen original. La saturación cambia la intensidad del color. Si le colocas el valor mínimo -100. Por lo tanto. y si haces clic otra vez sobre el mismo botón volverás a los valores de optimización anteriores. Debido a que todos los cambios de optimización o de niveles son "no destructivos". la imagen será en blanco y negro. usando los controles que se encuentran a la derecha del botón "optimizar".

248

La herramienta de fotos
Recortar o cortar imágenes
El modo más fácil de cortar una foto es arrastrar el cursor sobre la foto o a lo largo de la misma habiendo seleccionado la HERRAMIENTA DE OPTIMIZACIÓN . El corte se efectúa al instante de soltar el ratón. La foto cortada resultante tiene controles deslizantes de clip alrededor de la misma donde puedes ajustar posteriormente los bordes del recorte.

Esta es una operación no destructiva, lo que significa que puedes ajustar el área de corte después de que la hayas recortado, e incluso puedes deshacer un recorte y restaurar toda la imagen. Una forma de comprender el proceso es que simplemente ajusta el contorno de la imagen, pero que toda la imagen permanece dentro del rectángulo. Por ello se llama recorte y no corte, aunque tiene el mismo objetivo.

Herramienta de corte
Como alternativa, puedes entrar en la HERRAMIENTA DE CORTE si seleccionas el icono de corte de la barra de información para fotos. Esto suministra una gama de opciones de recorte adicionales. Puedes introducir un valor exacto de píxeles y escoger entre varias relaciones de aspecto de recorte. Para un corte interactivo y algunas opciones más en relación con las relaciones de aspecto, entra en el MODO DE CORTE con el botón HERRAMIENTA DE CORTE. La barra de información se verá así:

Mientras arrastras el cursor sobre la foto, el rectángulo de corte se verá resaltado. • Puedes ajustar el área de corte si arrastras los controles deslizantes laterales o los de las esquinas. • Dentro del área de corte puedes mover la región cortada de lugar si la arrastras con el cursor.

La herramienta de fotos
• Selecciona el botón CORTAR o haz doble clic dentro del área de corte para realizar un corte.

249

Podrás darte cuenta si una foto ha sido cortada o no si miras la barra de estado que dirá "foto cortada".

Borrar
Presiona el botón "BORRAR", o haz clic fuera del área de corte marcada para vaciar el rectángulo de corte actual.

Regla de los tercios
Existe una norma fotográfica que ayuda a componer fotografías y que se denomina la "Regla de los tercios". En pocas palabras significa que debes colocar los objetos importantes de tus fotos en tercios del ancho de la imagen. Por ejemplo, en general es mejor colocar el horizonte en el tercio inferior de la imagen que justo en el centro. Cuando arrastras una región de clip a través de tus líneas de fotos, se muestran las líneas en los tercios a lo ancho y a lo largo de la imagen para ayudarte a posicionar los objetos para seguir esta norma de composición. Consejo: busca "Regla de los Tercios" en Google para obtener más información.

Deshacer corte
Pulsa el botón DESHACER CORTE sobre cualquier foto cortada seleccionada para restaurar la foto original. Esto restaura el rectángulo de corte, que puedes ajustar o borrar si haces clic fuera de él. El botón DESHACER CORTE en la HERRAMIENTA DE CORTE cambiará el contorno de cualquier foto cortada, y también las formas creadas arbitrariamente que contengan un relleno de mapa de bits, a un contorno de rectángulo de la foto completa o a un mapa de

250

La herramienta de fotos
bits utilizado como relleno. Puede ser que tengas que seleccionar el botón "Borrar" para borrar el rectángulo de recorte (o haz clic fuera del rectángulo).

Ajustando la región cortada
Debido a que el botón "Deshacer corte" restaura el rectángulo de corte (mostrando el área de afuera más oscura), puedes realizar finos ajustes a una foto cortada). Sólo selecciona la foto, pulsa el botón "Deshacer corte" y ajusta los lados del rectángulo de corte como requieras. Haz doble clic dentro de la foto para cortarla otra vez.

Ancho / Alto
Luego de dibujar un rectángulo de corte puedes introducir valores directamente dentro de los campos de ancho y alto en la barra de información fijar valores exactos a las dimensiones del rectángulo de corte.

Bloquear aspecto
Selecciona el recuadro "BLOQUEAR ASPECTO" para mantener la relación de aspecto del rectángulo de corte mientras lo arrastras. Los botones de radio a la derecha del check-box determinan la relación de aspecto utilizada. Selecciona "ACTUAL" para mantener la relación de aspecto de la foto antes de cortarla. Ten en cuenta que el rectángulo de corte cambia automáticamente entre la forma orientación de paisaje y retrato a medida que arrastras el cursor hacia una esquina del rectángulo. Entonces si lo arrastras lateralmente, tiende a crearse un corte con orientación paisaje. Si lo arrastras hacia abajo, entonces se creará una región cortada con orientación retrato. Las relaciones de aspecto más comunes para recortes predeterminados disponibles son 4:3 (mayoría de cámaras digitales para consumidores y televisores y monitores de estilo antiguo), 3:2 (filmadoras tradicionales y cámaras digitales SLR de alta calidad) y 16:9 (relación de aspecto para televisores con pantalla ancha). Puedes anular la opción "bloquear aspecto" si pulsas "Ctrl" mientras arrastras el ratón. De modo que si estás arrastrando un rectángulo de corte (o ajustando uno) sin la relación de aspecto bloqueada, mientras estás pulsando "Ctrl" entonces se mantendrá el aspecto de la última relación de aspecto seleccionada. De la misma forma, si tienes la opción "bloquear aspecto" activada y presionas "Ctrl", se desbloqueará temporalmente el aspecto bloqueado.

Cortar en documentos fotográficos
En el modo foto hay una cuadrícula de 1 píxel que se aplica a la foto (cuando tiene 96 dpi, la resolución por defecto) y el rectángulo de corte se ajustará a la cuadrícula. Esto hace muy fácil realizar un corte con una exactitud de píxel por píxel. Para realizar ajustes muy precisos o del tamaño de 1 píxel se recomienda operar en modo foto y acercarse con el zoom para poder ver los píxeles más claramente. Ver Documentos fotográficos (en la página 240) para más información.

La herramienta de fotos Notas para la herramienta de foto
1. 2.
Puedes seleccionar diferentes fotos mientras usas las HERRAMIENTAS DE FOTO con sólo hacer clic sobre ellas. También puedes seleccionar fotos que se encuentran en un grupo. Si haces clic y arrastras mientras te encuentras en la HERRAMIENTA DE OPTIMIZACIÓN , se comenzará un recorte en la foto sobre la que has hecho clic. O, si comienzas a arrastrar el fondo, el recorte se aplicará a la primera foto que toques durante este arrastre. El botón DESHACER CORTE en la HERRAMIENTA DE CORTE cambiará el contorno de cualquier foto cortada, y también las formas creadas arbitrariamente que contengan un relleno de mapa de bits, a un contorno de rectángulo de la foto completa o a un mapa de bits utilizado como relleno. Puede ser que tengas que seleccionar el botón "Borrar" para borrar el rectángulo de recorte (o haz clic fuera del rectángulo). Todas las operaciones para las fotos pueden deshacerse. A diferencia de las fotos tradicionales o de los editores de píxeles, aquí la foto original no se altera. Esto significa que puedes realizar cuantos cambios quieras, tan seguido como quieras y guardar y abrir archivos .xar y .web todas las veces que quieras sin que la imagen se vea afectada (todas las operaciones de edición son no destructivas y sin pérdidas) y sin que el tamaño del archivo se modifique. Todas las opciones de la "Herramienta de foto", incluyendo el control de niveles, operan sobre los objetos rellenados con mapas de bits, y también sobre las fotos individuales. Si abres una foto en MAGIX Web Designer 6 (con ARCHIVO ->ABRIR ), se abrirá como un documento de foto. Después de editarla, puedes sobrescribir la foto, si escoges la opción ARCHIVO ->GUARDAR (Ctrl+S). También se guarda un archivo .web o .xar en una carpeta principal junto con tu foto modificada, conservando tu foto original y las ediciones. Consulta el capítulo Trabajar con fotos (en la página 219) para más información.

251

3.

4.

5. 6.

La herramienta de ojos rojos
La herramienta de OJOS ROJOS te permite eliminar rápidamente los efectos de ojo rojo de los rostros de las fotos.

252

La herramienta de fotos
Haz clic en el símbolo anterior para ingresar en el modo de ojos rojos. Luego: • Amplía la vista de los ojos rojos, con la HERRAMIENTA DE ZOOM (EN LA PÁGINA 70) o simplemente utiliza Ctrl+rueda del ratón. • Haz clic y arrastra desde el centro del ojo rojo hacia afuera, para crear un parche de ojo circular. El color rojo se eliminará del área dentro de este círculo. • Repite los pasos anteriores para cada ojo rojo de tu foto.

Puedes seleccionar cualquier parche de ojo rojo que has aplicado a una foto con un clic sobre él mientras te encuentras en la herramienta de ojo rojo. Después, puedes pulsar la tecla eliminar para quitar el parche. También puedes ir a la herramienta QuickShape y editar el parche del ojo rojo seleccionado de la misma forma en que editas las elipses normales en tus documentos. Por lo tanto, de ser necesario puedes dar forma elíptica a los parches de ojos rojos si esto lo coloca mejor en el área de ojo rojo. Lee la ayuda de la Herramienta QuickShape para información sobre su utilización para editar elipses. Sin embargo, para la mayoría de las fotos los parches circulares por defecto son suficientes para eliminar los efectos de ojos rojos. Al borde de la elipse de ojo rojo se le aplica una difuminación de 3 píxeles, para que no se produzca un corte duro en el área de donde se elimina el ojo rojo. Puedes ajustar fácilmente este valor de difuminación si seleccionas la elipse de ojo rojo (como se ha mencionado anteriormente) y ajustas el valor de difuminación con el control de difuminación principal (del lado derecho de la barra superior), de la misma forma que editas el valor de difuminación de las formas usuales. Después de aplicar la herramienta de ojo rojo, los parches de ojo rojo están agrupados dentro de un GRUPO DE FOTO . Esto tiene como objetivo que, al mover la foto por el documento, o al transformarla, los parches de ojo rojo se muevan junto con la foto. Ten en cuenta que esto significa que si quieres seleccionar una elipse de ojo rojo mientras no te encuentras en la herramienta de ojo rojo, necesitarás pulsar Ctrl mientras haces clic sobre

La herramienta de fotos
la elipse (lo que se llama una operación "seleccionar dentro"). Lee el capítulo sobre Trabajar con fotos para información acerca de los Grupos de foto. Haz clic sobre el botón LIMPIAR TODO en la barra de información de la herramienta de ojos rojos para eliminar todas las elipses de ojo rojo de la foto seleccionada actualmente.

253

Creación de panorámicas
Si se instala una actualización de Panorama Studio separada, MAGIX Web Designer 6 puede lanzarla para incluir una herramienta que puede fusionar fotografías automáticamente para convertir hasta 6 fotografías en una única panorámica de alta resolución. Haz clic en el enlace Más información del diálogo para informarte de cómo obtener la actualización.

Tres ejemplos de fotos de un paisaje. Cada una se superpone a la otra.

Utilizando la actualización de Panorama Studio puedes obtener una imagen panorámica final sin costuras de transición.

254

Barras de navegación

Barras de navegación
La mayoría de los sitios web tienen una barra de navegación horizontal o vertical, desde la que puede accederse a todas las páginas importantes.

MAGIX Web Designer 6 incluye funciones especiales para las barras de navegación, que facilitan la inserción, edición y eliminación de botones. Los botones de una barra de navegación pueden ajustar el ancho para coincidir automáticamente con sus etiquetas y se reposicionan automáticamente cuando realizas cambios. Hasta puedes agregar menús y submenús desplegables a tus barras y hacer que se puedan agregar o eliminar botones automáticamente al agregar o eliminar páginas. Los usuarios avanzados pueden crear sus propias barras a partir de diseños de botones propios y modificar los diseños de botones existentes en una barra de navegación para aplicar su nuevo diseño en toda la barra.

Utilización de plantillas de barras de navegación
Puedes crear barras de navegación a partir de cualquier diseño de botón, pero la mayoría de los usuarios simplemente usan las numerosas plantillas de las barras de navegación disponibles en la GALERÍA DE DISEÑOS . Si quieres crear tus propias barras, lee la sección correspondiente más adelante en este capítulo. Todos los diseños de barras de navegación de la galería están asociados con un tema en particular y se han diseñado cuidadosamente para que coincidan con el diseño de página del mismo tema. Por lo tanto, la mayoría de las páginas web puede crearse si se agrega de forma manual una barra de navegación que ya está creada en las plantillas de páginas de cada tema. Sin embargo, cada tema también suministra sus barras de navegación como elementos independientes, para que puedas agregarlos a tu página web si los arrastras de la galería y los sueltas en tu página. Para cambiar los colores de una plantilla de barra de navegación debes hacer lo mismo que para cambiar el color de los otros elementos del tema: aplica un nuevo esquema de color de la Galería de diseños o edita los colores con nombre en la línea de color. Consulta el capítulo Primeros pasos para más información sobre este tema.

para obtener una barra rectangular. La parte inferior te permite agregar y eliminar botones y menús y editar las etiquetas y enlaces de cada botón y entrada del menú.Barras de navegación Diálogo Propiedades de la barra de navegación La mejor forma de editar las etiquetas. Haz doble clic sobre una barra para abrir el diálogo o un clic derecho sobre la barra y escoge "Editar barra de navegación" del menú contextual. Sin embargo. de forma que podrás ver el resultado en instantes. Orientación Escoge la orientación horizontal o vertical que desees para tu barra de navegación. enlaces y otros atributos de una barra de navegación y de agregar o eliminar botones. Los cambios que realices en cada sesión del diálogo se confirman cuando haces clic en ACEPTAR o se eliminan si haces clic en CANCELAR . todos los cambios que realices se verán reflejados de inmediato en tu barra de navegación en el tablero. Consulta la opción AJUSTAR TODOS LOS BOTONES A LA ETIQUETA MÁS ANCHA a continuación para controlar esto. . Para las barras de navegación verticales generalmente querrás que los botones tengan el mismo ancho (el ancho del botón más ancho). es utilizar el diálogo de propiedades de la barra de navegación. Este es un diálogo modal. lo que significa que no puedes interactuar con el lienzo mientras este diálogo está abierto en la pantalla. 255 La mitad superior del diálogo te permite establecer diversas propiedades de la barra de navegación.

una barra JUSTIFICADA A LA DERECHA mantendrá su extremo derecho y crecerá hacia la izquierda. Centro y Abajo. tus botones conservarán el mismo tamaño de forma que una etiqueta que sea demasiado extensa para el botón sobrepasará los extremos del botón. Es posible que quieras que el valor sea negativo para que los botones se superpongan un poco. es decir. El extremo izquierdo de la barra permanecerá en el mismo lugar en la página. las opciones de justificación cambian a Arriba. Por ejemplo.256 Barras de navegación Justificado Escoge el comportamiento que deseas para tu barra cuando cambie su longitud al editar etiquetas o añadir/quitar botones. la configuración determina si la barra crece hacia arriba (Abajo). Para barras verticales. reduzcan o crezcan para ajustarse al texto de la etiqueta. no puedes . Barra de navegación del sitio Esta es una opción muy importante en el diálogo de BARRA DE NAVEGACIÓN que activa los enlaces automáticos. De forma similar. Simplemente introduce la cantidad de píxeles de espacio que te gustaría y observa el resultado de inmediato. Si esta opción está desactivada. Además. que los botones y los enlaces se agregarán solos a medida que agregas páginas. Una barra horizontal JUSTIFICADA A LA IZQUIERDA crecerá hacia la derecha a medida que agregas más botones o extiendes la longitud de las etiquetas de los botones. por ejemplo. esto es casi siempre deseable para obtener una barra rectangular. Sin embargo. Mismo ancho para todos los botones Esta opción está disponible sólo si la opción "Ajustar el ancho de los botones a las etiquetas" está activada. Una barra JUSTIFICADA EN EL CENTRO crece tanto para la derecha como para la izquierda de forma equitativa. esta opción restringe la flexibilidad de la barra de cierta forma. En el caso de las barras verticales. Para las barras horizontales. Selecciona la opción central si. Ajustar el ancho de los botones a las etiquetas Activa esta opción si quieres que los botones se extiendan. hacia abajo (Arriba) o en ambos sentidos (centro) al agregar botones. Esto es útil si el diseño de tus botones es tal que se ve una línea de unión no deseada entre los botones cuando el espaciado es 0. Para las barras de navegación verticales. por lo que es posible que no puedas incluir tantos botones en la barra si esta opción está activada. Espaciado de botón Aquí puedes escoger el espacio entre cada botón en la barra de navegación horizontal si no quieres que cada botón se encuentre justo arriba de su vecino. Selecciona esta opción para hacer que todos los botones tengan el mismo ancho que el botón más ancho de la barra. pero requiere más espacio. todos los cambios que hagas a la barra se reflejarán en todas las páginas del sitio ni bien cierres el diálogo de barra de navegación. muchas veces la barra tiene un mejor aspecto si todos los botones tienen el mismo tamaño. quieres que la barra de navegación horizontal se centre en la parte superior de tu página.

simplemente haz clic en ella para seleccionarla en esa página y pulsa Eliminar. Si eliminas una página de tu sitio web. sino que todas las ediciones deben realizarse en el diálogo de barras de navegación. Si tu barra cuenta con un botón sin usar. si cambias el tamaño de la barra con la HERRAMIENTA DE SELECCIÓN .Barras de navegación editar la barra de navegación directamente en el lienzo para cambiar las etiquetas de los botones. el botón de la barra de navegación del sitio que contiene el enlace con esa página se eliminará automáticamente en todas las páginas de tu sitio. En ambos casos. Generalmente. Sin embargo. entonces ese botón se enlazará con la nueva página. Al hacer clic en ACEPTAR en el diálogo de la barra de navegación para confirmar los cambios. 257 No puedes editar en el lienzo A diferencia de las barras de navegación normales. Eliminación de una barra de navegación del sitio de una página Si quieres que la barra de navegación del sitio no aparezca en una página en particular de tu sitio. Activación y desactivación de las barras de navegación del sitio Al activar y desactivar la opción de navegación del sitio en el diálogo de barra de navegación. Si todos los botones ya contienen un enlace. si todavía no la tiene. extensión. se agregará un nuevo botón al final de la barra y se lo enlazará con la nueva página. si tiene un nombre o a "Nueva página" si no lo tiene. las barras de navegación del sitio no pueden editarse en el lienzo. el cambio se refleja en todas las copias de esa barra. Generalmente querrás editar de inmediato la nueva etiqueta en el diálogo de la barra de navegación. la barra de navegación del sitio se actualizará en todas las páginas de tu sitio. la etiqueta del botón se modifica para que coincida con el nombre de la nueva página. la barra también se mueve en todas las páginas en las que aparece. Se te preguntará si quieres eliminar la barra de esa página sola o de todas. sino que debes utilizar el diálogo de barra de navegación. cambio de tamaño en una sola dimensión). puedes eliminar manualmente la barra de algunas páginas si así lo deseas. Sin embargo. Desplazamiento y tranformación de una barra de navegación del sitio Si mueves una barra de navegación del sitio sobre la página. tras eliminar la barra de una o más páginas. Enlace automático de páginas Cada vez que agregues una nueva página a tu sitio. activas esta opción si quieres que tu barra de navegación aparezca en todas las páginas de tu sitio web. la transformación se aplica a todas las copias de la barra en otras páginas. No puedes realizar ninguna otra transformación de una barra de navegación con la HERRAMIENTA DE SELECCIÓN (rotación. si luego desactivas la opción de barra de navegación del sitio (tal vez para editar el diseño de botones que no puede . un enlace a esa página se agregará a tu barra de navegación del sitio y la nueva página obtendrá una copia de la barra. De la misma forma.

O haz clic en el botón AÑADIR en la parte inferior del . Si no quieres este comportamiento. desactiva la opción de barra de navegación en el DIÁLOGO DE BARRA DE NAVEGACIÓN . De la misma forma. Cada fila de la tabla corresponde a un botón de la barra o a una entrada en un menú de uno de los botones. Esto es porque es probable que un usuario que agregue manualmente una barra no quiera que la barra apareza en todas las páginas. De todas formas. Los nuevos botones y enlaces de página solamente se crean cuando se agrega una página. haz doble clic sobre la primera columna. y luego vuelves a activarla. Barras de navegación del sitio y plantillas Todas las plantillas de páginas únicas en la GALERÍA DE DISEÑOS cuentan con barras de navegación configuradas para ser barras de navegación del sitio al cargarlas desde la galería para iniciar un nuevo documento de página web. enlaces y otros atributos de botones con la tabla y los controles con estructura de árbol en la mitad inferior del DIÁLOGO DE BARRA DE NAVEGACIÓN .258 Barras de navegación realizarse con esta opción activada). no se realizará acción alguna para restaurar un enlace de botón a la página. Se asume que has decidido que no quieres utilizar un enlace directo a esa página en tu barra de navegación del sitio. Las barras de navegación independientes presentadas con cada tema en la galería no tienen la opción de barras de navegación del sitio activada. Esto significa que puedes crear rápidamente un pequeño sitio web con todas las páginas enlazadas a la barra sin tener que agregar botones ni enlaces de página de forma manual. Botones y menús Edita las etiquetas de botones. Agregado y edición de botones Para agregar un botón. Otros aspectos interesantes Si eliminas un botón que refiere a una de tus páginas o si cambias el enlace para que refiera a otro lugar. la barra se añadirá automáticamente a todas las páginas del sitio que no la contengan. en el lugar donde dice "Doble clic para agregar botón". Se agregará una nueva fila debajo de la fila correspondiente al último botón. todas las plantillas de páginas web tienen barras de navegación del sitio activadas. esta opción puede activarse fácilmente en el diálogo de barra de navegación de ser necesario.

Para cada elemento de menú que agregues. El separador se agrega después del elemento de menú seleccionado en este momento. Este debería parecerte familiar. si la fila ya está seleccionada. la vista se expande y podrás agregar un menú a ese botón Haz clic en el texto DOBLE CLIC PARA AGREGAR UN ELEMENTO DEL MENÚ debajo del botón para comenzar a añadir un menú. Separadores de menú Puedes agregar un separador a tu menú con un clic en el botón AÑADIR SEPARADOR en la parte inferior del diálogo. este texto aparecerá como un pequeño consejo de herramienta emergente cuando se coloque el cursor del ratón sobre el botón o entrada del menú. 259 Agregar menús y submenús En la primera columna (etiqueta) verás un símbolo más a la izquierda de cada etiqueta. Configuras la etiqueta. Edita el texto de la misma forma en que lo haces con el texto de la etiqueta. Para completar la edición de la etiqueta. puesto que es el mismo diálogo Enlace (en la página 197) que utilizas para agregar otros enlaces a tu página y están disponibles las mismas opciones. como la opción de foto emergente que sólo funciona cuando se aplica a una foto. O haz clic en el botón AÑADIR en la parte inferior del diálogo para agregar un elemento de menú detrás del elemento seleccionado. Para fijar el enlace de un botón. También puedes agregar submenús a cualquier menú. pulsa Intro o haz clic en algún lugar fuera de la etiqueta. En el sitio web exportado. Aparecerá el DIÁLOGO ENLACE DE PROPIEDADES WEB .Barras de navegación diálogo para agregar un botón detrás del botón seleccionado. Puedes comenzar a editar de inmediato la etiqueta para el nuevo botón. Los separadores te permitirán agrupar visualmente los elementos relacionados de tu menú. aparecerá una nueva fila en la tabla. Algunas opciones están desactivadas porque no son aplicables a las barras de navegación ni a los enlaces de menú. si primero expandes la estructura de árbol de la entrada del menú. Puedes editar cualquier etiqueta de botón si haces clic en la fila apropiada para seleccionarlo y luego haces clic en la primera columna para iniciar la edición de la etiqueta. haz doble clic en el campo de la URL o. También puedes configurar el texto de consejo de herramienta para cada botón en la tercera columna. simplemente haz clic en ella. . Este es un control de la estructura de árbol y con un clic en el símbolo más junto a una etiqueta de botón. enlace y consejo de herramienta para cada elemento del menú de la misma forma en que lo haces para los botones.

Fuente Escoge una fuente para utilizar para el texto de tus menús. Sólo se enumerarán las fuentes seguras para la web. Para cambiar la fuente de las etiquetas de botones.260 Barras de navegación Estilos de menú Haz clic en el botón ESTILO DE MENÚ… para abrir el DIÁLOGO ESTILO DE MENÚ . Para las barras de navegación horizontales. que son las fuentes que todos los visitantes de tu sitio deberían tener. o bien hacia la izquierda o hacia la derecha dependiendo el lugar de la página en el que se encuentre tu barra. NOTA: Esto no cambia la fuente que se utiliza para las etiquetas de botón de tu barra. normalmente querrás que sea hacia abajo y para las barras de navegación verticales. sino la fuente utilizada en los menús. También existe la opción de hacer que la fuente sea negrita o para cambiar su tamaño. . Esto te permite cambiar cómo aparecen los menús y cómo se comportan en tu barra de navegación. Dirección Escoge la dirección en la que quieres que tus menús se abran. consulta la sección correspondiente más adelante en este capítulo.

si las separas. Borde Agrega un borde a los paneles de los menús al fijar un ancho de borde en píxeles. debes utilizar la función ARREGLO > ACTUALIZAR OBJETOS REPETIDOS para copiar los cambios que has realizado a la barra en la página actual a todas las otras páginas.Barras de navegación Espaciado Con esta configuración puedes agregar espacio entre las entradas del menú. Edición en el lienzo Si la opción "Barra de navegación del sitio" está desactivada. Transparencia Puedes hacer que tus menús sean semitransparentes para poder ver a través de los paneles de menú. Introduce la cantidad de píxeles de desplazamiento. el menú será más grande. Simplemente escoge la herramienta de texto y haz clic en el texto de la etiqueta para comenzar a editarlo. Sin embargo. Animación Por defecto. incluyendo la ubicación de la barra en la página. 261 Actualización de la barra de navegación en todas las páginas Tal como se ha descrito anteriormente. si la opción BARRA DE NAVEGACIÓN DEL SITIO está activada para una barra de navegación. como los encabezados o logos. los menús se abrirán de forma instantánea. y la página actual se utilizará como referencia. pero aquí puedes elegir si quieres que el menú tenga una animación mientras se abre. entonces todos los cambios realizados a una barra de navegación se aplicarán automáticamente a todas las otras páginas. Ten en cuenta que esto también actualizará todos los otros objetos repetidos en la página. Introduce el nivel de transparencia que te gustaría como porcentaje. entonces puedes editar las etiquetas de botones directamente en el lienzo. con la HERRAMIENTA DE TEXTO . si no tienes esta opción activada. Desplazamiento horizontal/Desplazamiento vertical Puedes desplazar el panel del menú de forma horizontal o vertical con respecto a los botones. . Lee el capítulo Trabajar con objetos para más información sobre objetos repetidos. Utiliza ARREGLO > ACTUALIZAR OBJETOS REPETIDOS PARA APLICAR TUS CAMBIOS A TODAS LAS PÁGINAS QUE CONTIENEN UNA COPIA DE LA BARRA.

Creación de barras de navegación propias Puedes crear una barra de navegación a partir de cualquier tipo de diseño de botón. Si tu barra tiene un estado MouseOver. la opción de navegación del sitio de esta barra de navegación se desactiva automáticamente. Consulta la sección Creación de los botones MouseOver propios (en la página 56) del capítulo Primeros pasos para más información sobre este tema. Consulta la sección a continuación para información sobre cómo hacerlo. Sin embargo. si estaba activada. El DIÁLOGO DE BARRA DE NAVEGACIÓN aparecerá y podrás agregar más botones a tu barra de inmediato. si la barra entrante es del mismo tema y tipo que la barra de navegación del sitio existente (tiene el mismo nombre). De la misma forma. selecciona el botón y luego escoge ARREGLO > CREAR BARRA DE NAVEGACIÓN . esta barra no aparecerá con su forma original en tu página. A medida que desplaces el cursor del ratón sobre las diferentes fuentes de la lista. La GALERÍA DE DISEÑOS contiene varios diseños de botones diferentes o puedes dibujar tus propios diseños. También puedes crear barras de navegación con más de un diseño de botón (para que puedas tener diferentes diseños para tu primer y/o último botón de la barra). Esto es para evitar conflictos con cualquier barra de navegación del sitio existente en tu documento. Importación e inserción de barras de navegación Si importas o pegas una barra de navegación en tu documento. De esa forma. Selecciona la fuente que desees. Luego ve a la HERRAMIENTA DE TEXTO y selecciona de la lista de fuentes que se encuentra a la izquierda la BARRA DE INFORMACIÓN DE LA HERRAMIENTA DE TEXTO . puedes cambiar el tamaño de la fuente con el control del tamaño de fuente que se encuentra junto a la lista de selección de fuente. Selecciona la barra con un clic en ella. de la misma forma que con las otras barras de navegación. Para crear una barra de navegación. inmediatamente se actualizará para coincidir con la barra de navegación del sitio existente. El botón puede o no incluir un estado MouseOver. la barra de navegación se adaptará de inmediato para que puedas ver el aspecto de tu barra con esa fuente. su fuente también se adaptará. .262 Barras de navegación Cambio de la fuente de los botones de la barra de navegación Puedes modificar la fuente utilizada para las etiquetas de botones de una barra de navegación fácilmente. Si la barra es de un tema o tipo diferente (tiene un nombre repetido diferente) aparecerá sin modificación.

que se basan en él. sin arrastrar una línea ni área de texto primero. ej. La forma más sencilla de cambiar el margen del primer botón es la siguiente: 1. Texto en un botón Cada estado del diseño de botón debe diseñarse como objeto de grupo que contenga el objeto de texto que puede servir como etiqueta de botón. Estados de botones en grupos suaves Si hay varios estados en tu botón. Abre el DIÁLOGO DE BARRA DE NAVEGACIÓN Desactiva la opción AJUSTAR EL ANCHO DE LOS BOTONES A LAS ETIQUETAS . Este objeto de texto debería ser un objeto de texto simple. 5. ver la sección a continuación). para que los botones no se extiendan al cambiar el texto de la etiqueta. te recomendamos que no haya puntos de control de ruta ni rellenos con gradación/puntos de control de transparencia en el área horizontal que ocupa el objeto de texto de la etiqueta de botón.Barras de navegación Restricciones de diseño de botones Existen algunas reglas que debes seguir cuando crees tus propios botones para utilizar en barras de navegación. no una columna de texto ni un área de texto. . Vuelve a activar la opción AJUSTAR EL ANCHO DE LOS BOTONES A LAS ETIQUETAS . Cambia la etiqueta del botón master (el primer botón salvo que tu barra de navegación contenga varios diseños de botones. MouseOff y MouseOver. que debería crearse en la Herramienta de texto con un clic en la página y escribiendo. Para los botones extensibles (aquellos para los que se ha activado la opción "Ajustar el ancho de los botones a las etiquetas") esto está determinado por el botón master a partir del que has creado tu barra de navegación. configuras los márgenes para todos los otros botones de la barra. Vuelve a colocar el texto de la etiqueta master. Al ajustar los márgenes del botón master. 263 Márgenes de botón En esta sección nos referimos a "márgenes" como los espacios entre la etiqueta y el final del botón. necesitan agregarse a un grupo suave para que permanezcan juntos cuando un estado se mueve o transforma. Escoge un texto de etiqueta de prueba que tenga la longitud apropiada para ofrecerte los márgenes que deseas en el botón master. p. Todos los botones tendrán los mismo márgenes que el botón master. 4. 3. 2. Es decir. Limitaciones de botones extensibles Para obtener resultados óptimos cuando tus botones se extienden de forma automática.

Lee la información acerca de la herramienta de selección en el capítulo Trabajar con objetos para más detalles. al modificar el primer diseño de botón. el primer botón en la barra se utiliza como botón master a partir del que todos los demás botones se copian. puedes modificar el diseño de botón que utiliza. Sin importar la forma en que se ha creado la barra de navegación. . no puedes realizar la edición interior. Con las opciones desactivadas. puedes modificar el diseño para toda la barra. • • BARRA DE NAVEGACIÓN DEL SITIO AJUSTAR EL ANCHO DE LOS BOTONES A LAS ETIQUETAS Si alguna de estas opciones está activada e intentas seleccionar dentro.264 Barras de navegación Barra original Barra con margen pequeño modificado Barra con margen grande modificado Si tu barra de navegación contiene diferentes diseños para el inicio/fin (lee a continuación para saber cómo hacerlo). se te preguntará y se te dará la opción de abrir el diálogo de barra de navegación para desactivar estas opciones y volver a intentar. Avanzado: edición de un diseño de botón de barra de navegación. puedes utilizar seleccionar dentro y modificar las formas que conforman tu botón con las herramientas de dibujo usuales. si alguna de las siguientes opciones está activada en el diálogo de barra de navegación. si utilizas la opción para seleccionar el contenido. Para una barra de navegación en la que todos los botones tienen el mismo diseño. entonces los diseños de inicio y fin tendrán sus propios márgenes que pueden controlarse por separado. Por lo tanto. Sin embargo. Esto te permite seleccionar las formas dentro de un grupo de botones. Edición interior Para algunas barras puedes realizar cierto tipo de edición del diseño de botón directamente en el primer botón.

si la opción "Mismo ancho para todos los botones" se ha activado. Los botones no modificados en la página se utilizan para volver a crear la página tanto si los seleccionas o no. selecciona ambos grupos de estado y luego ARREGLO > APLICAR GRUPO SUAVE . La mayoría de las veces querrás realizar cambios al diseño del botón master y dejar los otros botones en la página. Házlo asegurándote de que ambas capas estén activadas en la Galería de páginas y galerías (en la página 275). enlaces. es posible que los anchos de botones cambien porque esta opción es sólo efectiva mientras los botones son parte de una barra de navegación. Si has establecido un estado MouseOver. selecciona el botón modificado y escoge ARREGLO >CREAR BARRA DE NAVEGACIÓN . Una vez que has desagrupado la barra. Recuerda reagrupar cada uno de los estados de botón y luego volver a crear el grupo suave para conservar los dos botones de estado juntos una vez que hayas terminado con la edición. ver a continuación). que debes modificar el primer botón. los dos grupos que conforman el botón master estarán unidos en un "grupo suave" para que permanezcan juntos cuando los arrastres por la página. lo mejor es desagrupar los componentes que forman la barra de navegación y luego reagruparlos. dejará de ser una barra de navegación y tendrás un grupo de botones separado para cada estado de botón. Es una buena idea comprobar que el botón funcione de forma esperada con una vista previa de tu página. de ser necesario. los cambios no se aplicarán y se perderán cuando modifiques tu barra. editar y reagrupar Si quieres realizar una edición significativa de un diseño de botón. Es decir. etc. Luego. 265 Desagrupar. Se utilizan cuando reagrupes tu barra de navegación para recuperar todas las etiquetas de botones. deberás volver a activar la opción después de reagrupar la barra modificada. Para desagrupar la barra.Barras de navegación IMPORTANTE: Recuerda que el primer botón de tu barra es el botón master de la misma (salvo que uses botones de inicio y fin diferentes. Para volver a armar la barra. Consulta la sección "Creación de los botones MouseOver propios" del capítulo Primeros pasos (en la página 56) para información sobre cómo crear botones. al desagrupar. Lee el capítulo Trabajar con objetos para más información sobre grupos suaves (en la página 108). selecciona la barra de navegación con un clic en el lienzo y selecciona la función usual para desagruparARREGLO > DESAGRUPAR o Ctrl+U). O haz clic en el botón DESAGRUPAR PARA EDITAR GRÁFICOS en la parte inferior del diálogo de barra de navegación. Luego puedes desagrupar cada estado de botón de las capas MouseOff y MouseOver (Ctrl+U) para trabajar en sus respectivos diseños. antes de volver a montar la barra. Nota: Si tu barra de navegación tiene la opción "Barra de navegación del sitio" activada. los cambios que hayas realizado al primer botón se aplicarán de inmediato a otros botones de tu barra. para que no tengas que volver a ingresarlos. . Sepáralos con ARREGLO > BORRAR GRUPO SUAVE (Ctrl+Alt+U). Además. Si modificas otro botón que no sea el master.

Todos los botones iguales: escoge esta opción si quieres que todos los botones de la barra tengan el diseño del primer botón que has seleccionado. tal como quieres que aparezcan en una barra de navegación horizontal. Las barras de navegación como estas necesitan 2 (si sólo un extremo es diferente) o 3 (si ambos extremos son diferentes) diseños de botones. escoge esta opción. Por lo tanto. si los tienen) y escoge ARREGLO > CREAR BARRA DE NAVEGACIÓN. Luego selecciona los tres diseños de botones (junto con los estados MouseOver. O de arriba hacia abajo tal como te gustaría que aparecieran en una barra vertical. se muestra un diálogo que solicitará que escojas entre una variedad de opciones. Por ejemplo. una barra puede tener extremos redondeados con botones rectangulares en el medio. Posiciona los diseños de botón en orden de izquierda a derecha. PRIMER BOTÓN DIFERENTE: si el primer botón debe tener un diseño diferente al resto de los botones de la barra.266 Barras de navegación Barras de navegación con primer y último botón diferente Muchas veces es posible que el primer y el último botón de una barra sean diferentes. MAGIX Web Designer 6 necesita saber cómo quieres que se utilicen esos botones en la barra. Este es el tipo de barra de navegación más común. . Cuando creas una barra a partir de más de un botón como este.

Todos menos el último botón necesitarán el divisor a la derecha del diseño del botón. PRIMER Y ÚLTIMO BOTÓN DIFERENTES: esta opción te permite especificar los diferentes diseños de botones para el primer y el último botón para dar a tu barra los extremos finales. . El último botón en este ejemplo es diferente porque no tiene un divisor en el borde derecho. Un ejemplo en el que esta opción es necesaria es una barra que muestra una división entre cada botón de la barra.Barras de navegación ÚLTIMO BOTÓN DIFERENTE: 267 si el último botón debe tener un diseño diferente al resto de los botones de la barra. escoge esta opción. debes haber seleccionado al menos 3 botones para que esta opción sea válida. Por supuesto.

como películas. de forma que el widget funciona tal como lo esperas en tu página web. Widgets y marcadores de posición: todo automático Un widget es un objeto que puedes colocar en tu página que es más que un gráfico. Cuando exportes o generes la vista previa de tu página. que puede colocarse en cualquier lugar de la página. En general. animaciones. que el navegador web ejecuta para mostrar el widget y reproducir su comportamiento. formas y miles de gadgets disponibles como contadores de página y conversores de divisas. Nos referimos a estos con el término general "widgets de sitios web" o simplemente "widgets". pero también puede ser simplemente un rectángulo o cualquier otro . MAGIX Web Designer 6 muestra un "objeto de marcador de posición estático" en la página para indicar el tamaño y posición de un widget en la página web final. un marcador de posición es una imagen que parece una instantánea estática del widget mismo. Todos los widgets tienen algún tipo de código HTML (y muchas veces una combinación de Javascript y Flash).268 Widgets de sitios web Widgets de sitios web Este capítulo describe cómo agregar contenido dinámico a tu sitio web. el objeto de marcador de posición se reemplaza con el código actual para el widget. una imagen o un texto estático.

Esto es similar a la ventana de vista previa que se muestra cuando haces clic para ver la vista previa de la página y los botones del sitio web en la barra de herramientas web. . que muestra el gadget de novedades de Google. Los widgets de la galería se actualizan automáticamente de forma regular. de forma que puedas posicionarlo con respecto al otro contenido de tu página. La buena noticia es que MAGIX Web Designer 6 puede renderizar las imágenes de posición de marcador por ti. El marcador de posición debe tener las mismas dimensiones que el widget.Widgets de sitios web objeto. esta ventana tiene algunos botones adicionales en la parte inferior que te explicaremos más adelante. Se abrirá una ventana que. En general. 269 Widgets de la galería de diseños La forma más sencilla de agregar widgets a tu sitio es escoger entre la selección suministrada en la GALERÍA DE DISEÑOS . Verás que la galería de diseños muchas veces se actualiza cuando la abres. es el navegador de Internet que funciona dentro de MAGIX Web Designer 6. simplemente arrástralo y suéltalo desde la galería hasta tu página. modificar o eliminar la selección de widgets disponibles en cualquier momento. Para agregar un widget. Sin embargo. Ejemplo de la ventana de inserción de widgets. en realidad. solo debes darle a MAGIX Web Designer 6 el código o archivo para un widget y él se ocupará de todo lo demás. de forma que Xara puede añadir.

Membresía del sitio del widget Es posible que algunos widgets requieran que abras un cuenta con el proveedor del widget antes de poder usarlo. La mayoría de los widgets son muy simples y muchas veces la forma más fácil de cambiar un widget es eliminándolo y creando uno nuevo. personalizar su apariencia. pero algunas ofrecen servicios premium además de la oferta gratis. La mayoría son gratis. haz clic en el botón INSERTAR . la página web del widget también te permitirá hacer una vista previa de tu widget después de haber realizado cambios. . modificar e insertar un widget que has creado previamente. todo lo que debes hacer es realizar una vista previa de tu página web y verás el nuevo widget en funcionamiento. Inserción Pulsa el botón AYUDA al final de la ventana para ver información que te guíe durante el proceso de configuración e inserción del widget. por lo que puedes posicionarla con la HERRAMIENTA DE SELECCIÓN. si MAGIX Web Designer 6 encontró el código del widget.270 Widgets de sitios web La ventana del navegador se abre en la página web del proveedor del widget. Muchos widgets te facilian esto porque te suministran un botón de copia junto al código. en la mayoría de los casos. Los proveedores de widgets que te ofrecen una cuenta generalmente conservarán una copia de un widget que has creado. Una vez que has copiado el código. Mira cada widget individual y la información sobre el sitio del proveedor del widget para más detalles. Edición de widgets existentes MAGIX Web Designer 6 no ofrece compatibilidad directa para editar un widget que ya has agregado a tu página. Selecciona el código en la ventana del navegador y pulsa Ctrl+C. MAGIX Web Designer 6 no puede tomar el código HTML directamente desde la página y deberás copiar el código al portapapeles. simplemente haz clic en INSERTAR cuando veas el código HTML o copia el código HTML para el widget en el portapapeles y luego haz clic en Insertar. Tras algunos segundos. Ahora. Para algunos widgets. En general. esta imagen tiene el mismo tamaño que el widget en sí mismo. MAGIX Web Designer 6 encontrará el código HTML y lo insertará en tu página por ti. tal como se describe anteriormente. Aquí podrás encontrar más información acerca del widget y. Generación automática del marcador de posición Al pulsar el botón Insertar. Para la mayoría de los widgets. Entonces. Cuando sea visible. la ventana de la página web del widget se cerrará y verás un aviso indicando que MAGIX Web Designer 6 está ocupado renderizando la imagen del marcador de posición. Esto significa que puedes iniciar sesión en tu cuenta y encontrar. aparecerá una imagen de tu widget en tu página. Insertar widgets existentes es como insertar widgets nuevos. Para la mayoría de los widgets. deberás llegar al punto en que la página web del widget te muestre el código HTML que necesita insertarse en tu página web. generalmente puedes hacer clic en el botón Insertar en la parte inferior de la ventana.

si utilizas la HERRAMIENTA DE para cambiar el tamaño de la imagen de marcador de posición al tamaño deseado y la posicionas en el lugar que desees. El reproductor de la película contiene controles básicos para ajustar el volumen.web". mientras que el archivo se copia en la carpeta de soporte de tu diseño. Haz clic en el botón para iniciar la reproducción de la película (deberás tener Flash instalado). Para estos archivos. Puedes cambiar el tamaño de tus animaciones Flash. importa el archivo Flash (. toda vez que exportes y publiques tu sitio. Luego inserta el archivo de película y otros archivos en un reproductor de películas Flash en la carpeta de soporte de tu sitio web. Archivos Flash Para incluir una animación Flash en tu sitio web.swf). Si tu archivo de diseño se llama "Misitio. SELECCIÓN Haz una vista previa de tu página para ver la animación Flash en funcionamiento en tu página web. 271 Archivos de película MP4 y FLV Al importar un archivo MP4 o FLV. la carpeta de soporte se llamará "Misitio_web_files". La carpeta de soporte es una carpeta que está vinculada a tu archivo de diseño y se crea automáticamente. Una imagen de marcador de posición se renderiza y se coloca en tu página web. El archivo Flash se copia en la carpeta de soporte de tu diseño. iniciar y detener la reproducción y para desplazarte hasta cualquier lugar de la película. El contenido de esta carpeta se incluye junto con todos los archivos de imagen de tu sitio. puedes simplemente arrastrarlos y soltarlos desde el Explorador de Windows hasta tu página o utilizar la opción ARCHIVO > Importar. En tu página aparecerá una imagen similar al reproductor de la película. de forma que se exportará y publicará con tu sitio web.Widgets de sitios web Agregado de archivos de películas y animaciones MAGIX Web Designer 6 incluye compatibilidad directa con algunos tipos de archivos que es posible que quieras añadir a tu página. Por supuesto. . pero visita esta página web http://rdir. Posiciona y cambia el tamaño de tu marcador de posición con la herramienta de selección y luego haz una vista previa de tu página. Durante la importación.net/?page=H1Q9XX0777AR del sitio web de MAGIX para más información sobre cómo convertir películas a un formato que pueda agregarse a tu página web.magix. se identifica el tipo de archivo y se coloca un marcador de posición o un enlace apropiado en tu página. Esto es todo. debes tener Flash instalado para poder reproducirla con éxito. MAGIX Web Designer 6 inspecciona el archivo para determinar la relación de aspecto y otra información acerca de la película. Otros formatos de película MAGIX Web Designer 6 no es directamente compatible con otros formatos de película.

Al añadir un enlace. El proveedor del widget generalmente te suministra instrucciones simples para insertar el código en tu página web. Luego podrás hacer una vista previa de tu página para ver al widget en funcionamiento. esto es todavía más fácil. Muchas veces. Se copiará a la carpeta de soporte del diseño y se generará una imagen de marcador de posición estática. pero con MAGIX Web Designer 6. tal como lo hace como cuando se inserta un widget de la Galería de diseños. Una vez que hayas pegado el contenido del portapapeles como texto. Verás que MAGIX Web Designer 6 reconoce el código HTML e comienza de inmediato a renderizar la imagen de marcador de posición. Además. luego haz una vista previa de tu página y listo. Si llegas a este punto. se pegará como texto en vez de introducir un marcador de posición. se agrega un enlace en tu página que se verá así: Un clic sobre el enlace de tu página exportada generalmente abre el archivo PDF.272 Widgets de sitios web GIF animados Agrega un GIF animado a tu página de la misma forma en que agregas archivos Flash. continuará pegando como texto aún cuando cambies a la herramienta de selección y vuelvas a pegar. O bien lo importas para que el contenido del archivo se copie en tu página (al igual que cuando importas una foto). Archivos PDF Puedes importar archivos PDF a un documento web en dos formas diferentes. pero el comportamiento exacto varía según la configuración del navegador del usuario. vuelve a la . Al importar un archivo PDF se te dará a escoger entre estas dos opciones. en MAGIX Web Designer 6 ve a la herramienta de selección y haz una operación de pegado habitual (Ctrl+V). Copia el código del proveedor del widget en el portapapeles de tu sistema. Cambia el tamaño y reposiciona el marcador de posición. el archivo PDF se copia en la carpeta de soporte de tu diseño de forma que se exporta y publica con el resto de tu sitio. NOTA: si no te encuentras en la herramienta de texto cuando pegas el código. simplemente cópialo tal como lo harías en un procesador de texto. Luego. El marcador de posición aparecerá en tu página y. O bien puedes agregar un enlace a una copia del archivo en tu sitio web y dejas que el archivo se publique en tu sitio. el proveedor del widget te suministra un botón "copia" que lo hace por ti. Widgets de otros sitios de widgets Existen cientos o miles de sitios que ofrecen widgets de alguno tipo y la Galería de diseños brinda acceso a un pequeño subgrupo de ellos. Casi todos los widgets se ofrecen mediante un breve código HTML. Importa o arrastra y suelta el archivo GIF hasta la página. tendrá el tamaño del widget. generalmente.

de forma que reducir el tamaño del marcador de posición significará que el widget se verá recortado en tu página. . pégalo mientras te encuentras en la herramienta de selección. De la misma forma. tal como se ilustra en el ejemplo. aun cuando el widget en sí mismo no cambie su tamaño. MP4 y GIF animados de la misma forma que cambias el tamaño del contenido de tu página. Marcador de posición con el tamaño por defecto Marcador de posición con tamaño reducido Este es un ejemplo del botón "Comprar ahora" de PayPal que permite vender bienes y servicios desde tu página web. Luego. este widget se ha renderizado demasiado ancho y alto de forma que se desperdicia espacio abajo y a la derecha de los controles. La imagen del marcador de posición se regenera cada vez que cambias su tamaño por lo que reflejará un recorte del widget también.Widgets de sitios web página web del widget y copia el código de nuevo. lo mejor es conservar el tamaño original por defecto. porque este tipo de contenido es modificable. Sin embargo. Hay algunos widgets que pueden mejorarse si se cambia el tamaño del marcador de posición. sino que la forma se recortará. Para widgets como este. Para estos widgets. Este widget está disponible en la Galería de diseños. lo que significa que parecerán más grandes y habrá espacios en blanco que ocupan el espacio. que no cambian de tamaño correctamente cuando se modifica el tamaño del marcador de posición. El resultado es un marcador de posición más claro que ocupa menos espacio en la página. el tamaño de los controles no cambiará. Por ejemplo. Puedes experimentar cambiando el tamaño del widget en cada dirección y reduciendo el widget sin perder partes de él. hacer que el marcador de posición de estos widgets sea más grande resultará en un espacio vacío alrededor del widget en la página y en la imagen del marcador de posición. Si reduces el tamaño. Algunos widgets llenarán el contenedor en el que están insertos. el objeto de marcador de posición determina simplemente los límites del área en que el widget puede renderizar. 273 Cambio de tamaño de widgets Puedes cambiar el tamaño de las imágenes de marcadores de posición para archivos Flash. la mayoría de los otros widgets no son compatibles con esto y siempre renderizarán el mismo tamaño.

. Por supuesto.com/widgets http://www. el código o el archivo relacionado. puedes fijar una personalmente. tu marcador de posición se reemplazará por la imagen generada del código o archivo especificado en este diálogo. Puedes hacerlo si quitas la tilde de la casilla que se encuentra en la parte inferior de la PESTAÑA MARCADOR DE POSICIÓN del DIÁLOGO HERRAMIENTAS > PROPIEDADES WEB . Es posible que algunas veces quieras desactivar la regeneración de forma que la imagen del marcador de posición no cambie. Primero crea un objeto de marcador de posición (tal vez un rectángulo del tamaño adecuado o una imagen importada que quieras utilizar para representar el widget en tu página).com/widgets para más información acerca de widgets. Más información Consulta la página web xara. En general. Selecciona el objeto y luego abre la pestaña Marcador de posición en el DIÁLOGO HERRAMIENTAS > PROPIEDADES WEB . Si seleccionas esta opción.xara. Inserción manual de marcadores de posición Si no quieres que MAGIX Web Designer 6 cree una imagen de marcador de posición. En este diálogo puedes escoger si deseas asociar el objeto seleccionado con un archivo Flash u otro archivo o con un código HTML que pegues en el diálogo. sigue visitando la Galería de diseños que se actualiza regularmente. O pulsa el botón de marcador de posición en la barra desplegable de Propiedades web en la barra superior.274 Widgets de sitios web Marcador de posición con el tamaño por defecto Marcador de posición más angosto y corto Desactivación de la regeneración del marcador de posición La imagen de marcador de posición se regenerará cada vez que cambies su tamaño. no quieres que la opción "Regenerar marcador de posición" esté activada si quieres conservar el objeto de marcador de posición que has creado. Lee la sección PESTAÑA MARCADOR DE POSICIÓN del capítulo diálogo de Propiedades web (en la página 212) para más detalles en este diálogo.

Galería de páginas y capas 275 Galería de páginas y capas La galería de páginas y capas Nota para usuarios de versiones de este software más antiguas: esto sustituye la GALERÍA DE CAPAS Utiliza el ícono de la galería de PÁGINAS Y CAPAS de la barra de Galerías o pulsa F10 para ver la Galería de páginas y capas. pero puedes expandir el grupo para mostrar los contenidos de ese grupo (que puede contener otros grupos). La jerarquía de los elementos es la siguiente: Páginas Capas Elementos de página que pueden incluir grupos Contenidos de grupo .etc Algunas de las características clave de la galería de PÁGINAS Y CAPAS incluyen. aparecerá por ejemplo cada elemento de grupo en la página. Control de página • Muestra una lista de páginas • Agregar una nueva página. En el nivel más alto se pueden enumerar sólo las PÁGINAS y suministrar una forma directa y fácil de reordenar el orden de éstas (arrastrándolas) para nombrar. La GALERÍA DE PÁGINAS Y CAPAS enumera todo lo que tienes en tus documentos. copiar o borrar las páginas.. Por lo tanto. Puede trabajar en muchos niveles. En el siguiente nivel inferior se enumeran todos los OBJETOS en la página de forma jerárquica. duplicar o borrar páginas . ocultar. renombrar y también bloquear y ocultar cualquier capa de una forma similar.. Ofrece una forma de seleccionar. En un nivel inferior se pueden mostrar todas las CAPAS en cada página y puedes cambiar el orden. El nivel de objeto en la galería de Páginas y capas sólo está disponible en Xara Designer Pro. bloquear y reordenar estos elementos. de forma similar a como el explorador de archivos Windows gestiona los archivos en archivos. desde las páginas y las capas hasta cada elemento individual de la página.

obtienes una vista previa de la miniatura de la página. La página denominada "photos" es la página seleccionada. desde la parte inferior hasta la parte superior. reordenar y renombrar capas • Ocultar o mostrar capas • Bloquear capas (convierte las capas en no editables) • Activar Solo para una capa: desactiva todas las otras Control de objeto (sólo disponible en Xara Designer Pro) • Muestra una lista de todos los elementos (objetos) en la página de acuerdo con el orden en el que aparecen en la misma. Si mantienes el cursor sobre el icono de la página pequeña.276 Galería de páginas y capas • Cambiar el orden de página arrastrándolas • Renombrar páginas Control de capas • Muestra todas las capas en cada página. la galería de PÁGINAS Y CAPAS muestra una pequeña vista en miniatura de cada elemento y una vista en miniatura más grande si pasas el cursor del ratón por encima. • Ocultar o mostrar cualquier elemento • Mover hacia arriba y hacia abajo la pila • Bloquear cualquier objeto para que se convierta en no editable • Activar Solo para un objeto: desactiva todos los otros Además. borrar. desde la parte inferior (por lo general la capa de fondo) hasta la capa más alta • Crear nuevas capas. La galería de Páginas y capas muestra un documento de 5 páginas. .

Puedes reordenar las páginas arrastrando sobre el elemento en la galería de páginas y capas.) Esto se parece mucho a renombrar archivos en Windows Explorer. por ejemplo. DUPLICAR y BORRAR hacen lo que sus nombres sugieren. La capa inferior "Page background (Fondo de página)" está bloqueada. Las 4 capas superiores están ocultas (icono del ojo cerrado). Puedes expandir (abrir) la página para mostrar los contenidos de la página haciendo clic en la flecha pequeña que apunta a la derecha o haciendo doble clic. colapsando todos los demás niveles abiertos. haz clic en la pequeña flecha que apunta hacia la derecha para mostrar todas las capas de esta página. La opción NUEVO creará una página vacía del mismo tamaño que la página seleccionada actual. Los botones NUEVO . de modo que en el documento sólo son visibles la capa de fondo y la capa MouseOff. . funcionarán en el nivel de capa). Observa que primero tienes que haber seleccionado una página (haz clic para que resalte en azul como se muestra arriba) para que estos botones funcionen en las páginas. Puedes renombrar una página haciendo haciendo dos veces clic (despacio) en el nombre de la página. Páginas Haciendo clic en el botón PÁGINAS en la parte superior de la GALERÍA DE PÁGINAS Y CAPAS sólo se visualizarán las páginas en el documento. (El primer clic seleccionaría la página. (Si has seleccionado una capa. el nombre de página se usa cuando el documento se exporta como página web. La capa denominada MouseOff es la capa activa o actual que es donde aparecerán todos los nuevos objetos.Galería de páginas y capas 277 La página de fotos ha sido ampliada. Por este motivo no es posible usar ciertos caracteres o caracteres de símbolo en el nombre (no son aceptados como nombres de páginas web). Del mismo modo que es una forma útil de identificar páginas en documentos largos.

puedes hacer lo mismo con cada capa para ver los contenidos de esa capa. Quizás quieras trabajar en elementos que están tapados por elementos que se encuentran encima. Y de igual modo que puedes hacer clic en el icono de la pequeña flecha para abrir una página y ver su contenido (las capas en la página). en el caso de documentos Web. Utilizando capas puedes agrupar una colección de elementos y luego activar o desactivar la colección entera (hacerla visible u ocultarla) a través de una operación fácil. . tu tarea puede volverse desordenada y difícil. Puedes hacer clic para mover cualquier objeto. Las capas son útiles para organizar páginas o dibujos más complejos que contienen numerosas partes separadas. La capa actual Cuando creas algún objeto en la página. En un documento en blanco esto se llama Capa 1 o.278 Galería de páginas y capas Repitiendo la misma operación colapsará (cerrará) la vista de página. como si estuvieras añadiendo trozos de papel en tu escritorio. Manteniendo el cursor del ratón sobre el pequeño icono de página aparecerá una miniatura de pop·up de la página. de forma similar. las capas. también puedes volver a ordenar. Abriendo el sobre puedes acceder a su contenido y re·arreglarlo. Importante: todos los elementos. pero si tu documento tiene docenas o incluso cientos o miles de elementos. Imagínate que una capa es un sobre transparente de plástico que contiene una pila de papeles separados. se lo denomina MouseOff. Por lo tanto. Puedes asignar nombres a las capas o puedes crearlas o borrarlas fácilmente. Cuando selecciones cualquier objeto. llamada la capa activa o simplemente la capa actual. las capas son grupos de elementos. tal y como puedes volver a arreglar los sobres. la capa se mostrará en la línea de estado en la parte inferior de la ventana. Las capas pueden hacerse invisible para ocultar partes de tu documento. lo que hace que tus áreas de trabajo sean menos desordenadas y más fáciles de manejar. Capas ¿Qué son capas? Todo en tu documento tiene un orden de apilamiento · esto significa que nuevos elementos son posicionados encima de elementos más antiguos de la página. se coloca en una de las capas. fotos o texto nuevo que se dibujen y todos los elementos pegados se colocan en la capa actual marcada con el símbolo. Pero tu escritorio puede que contenga una pila de dichos sobres y. La capa actual se señala con una marca redonda en el lado derecho.

. Capa actual siempre visible Es posible que la página actual pueda estar oculta o hasta bloqueada. También muestra tres elementos seleccionados en el documento (resaltados en azul) dentro de una capa completamente diferente. 6. la capa actual no cambia generalmente su estado de visibilidad o bloqueado. entonces cada vez que selecciones una capa en la Galería de páginas y capas se hará visible y no estará bloqueada. Las capas Layer 5. la capa anterior regresará a su estado de visibilidad y bloqueo anterior. Al hacer clic sobre una capa para seleccionarla. simplemente con un clic sobre su hilera en la Galería de objetosGalería de páginas y capasmprender que puedes seleccionar un objeto en cualquier capa o incluso en múltiples capas. llamada Beta_fotos 2.Galería de páginas y capas Puedes cambiar la capa actual. Esta capa actual simplemente indica el lugar en donde se colocarán los nuevos elementos. Pero existe una preferencia en el diálogo de Opciones (Herramientas > Opciones > pestaña General (en la página 332)) para hacer que la capa actual siempre esté visible y editable (sin bloquear). Al moverte a otra capa. Entonces. sin que se encuentren en la capa actual. 279 Esta Galería de páginas y capas de ejemplo muestra que la capa actual se llama MouseOff (la página actual se llama fotos). las capas se usan para efectos de MouseOver o de ventanas emergentes (en el navegador web. Si seleccionas esta opción. 7 y MouseOver están ocultas. si dibujas algo nuevo se colocará en la capa MouseOff. los contenidos de estas capas se visualizan cuando mueves el cursor sobre elementos en la página). Capas en páginas web En páginas web guardadas de <Programmnam_short>.

los botones NUEVO . MouseOver y ventanas emergentes (en la página 54). Puedes renombrar una capa haciendo haciendo dos veces clic (despacio) en el nombre de la capa. se mostrará una miniatura Cuando selecciones una capa (hacer clic para resaltar la capa). La Galería de páginas y capas mostrará todos los elementos seleccionados de color azul. si pasas a otra página. por lo tanto. Para desactivar el modo. Operaciones de capa Con un clic en el botón CAPAS en la parte superior de la galería de páginas y capas aparecerán sólo las capas de la página actual. Este es un modo en que el botón de capas permanece pulsado. se verán las capas de la página del momento y todos los otros nodos se cerrarán. esto es el orden de superposición en la página. Mientras te encuentras en el modo de capas. El botón DUPLICAR copiará la capa y su contenido y lo posicionará arriba en la pila. haz clic nuevamente en el botón CAPAS . (El primer clic seleccionaría la capa. DUPLICAR y BORRAR en la parte superior de la galería de páginas y capas harán lo que sus nombres sugieren. El botón NUEVO creará una capa nueva vacía y la posicionará en la parte superior de la pila. Puedes reordenar las capas. Lee la sección OBJETOS GUÍA Y LÍNEAS GUÍA página 105) para más información. El botón de propiedades Esto abre una ventana de diálogo donde puedes crear nuevas capas con nombre y líneas guía con valores numéricos precisos.280 Galería de páginas y capas Puedes encontrar más detalles sobre este tema en el capítulo Primeros pasos en la sección Capas. Si mueves el cursor del ratón sobre los pequeños iconos. es decir. (Los elementos de los grupos normales deben estar en una sola capa). También puedes utilizar esto para modificar el color de los objetos de la capa guía. del contenido de la capa. Cuando seleccionas una parte de un grupo suave. Grupos y capas suaves Los Grupos suaves (en la página 108) son poco usuales porque son grupos de objetos que pueden encontrarse en diferentes capas. arrastrando y soltando en las capas en la galería de páginas y capas. estos elementos pueden encontrarse en otras capas que no has expandido y. Puedes cambiar el orden arrastrándolo a la posición requerida. no son visibles de inmediato. las otras partes también se seleccionan. arriba de todos los demás objetos de la página. incluso si están ocultas o bloqueadas. en el capítulo Trabajar con objetos (en la . pero en el caso de los grupos suaves.) Esto se parece mucho a renombrar archivos en Windows Explorer.

Al aplicar un color al fondo de la página (arrastrar y soltar desde la línea de color) esto creará automáticamente una capa de FONDO DE PÁGINA . son capas que no se imprimen. salvo esta restaurará el capa. lo que funcionará como una guía de ajuste. está bloqueada. Podrás seleccionar la capa de guías y colocar todo lo que desees en esta capa. se generará automáticamente una capa de guías. lo que hace visible todos los elementos de la página actual. Lee la sección Objetos guía y líneas guía en el capítulo Manejo de objetos para más información. . Ahora puedes trabajar sobre esta capa aislada. Consulta el capítulo Primeros pasos (en la página 16) para más información acerca de la configuración de los fondos de página web y la utilización de las capas de fondo. debajo de todos los otros elementos. aunque se comportan de forma levemente diferente. las capas de fondo se convierten en fondos de página web. La forma de volver a ver los elementos ocultos es hacer clic en su cerrado. que aparecen en el fondo del documento. Estos aparecen en la galería de páginas y capas y pueden activarse o desactivarse de forma usual. Ocultar capas Las dos columnas de íconos de la derecha de la galería de Páginas y capas controlan la visibilidad y el estado bloqueado de las capas. y ícono de ojo seleccionar la opción VER TODOS . activará el modo "solo" de esta página..Galería de páginas y capas Capas especiales Existen diversos tipos de capas especiales.. Cuando creas una línea guía. En general. Otro clic hará que la capa sea visible nuevamente. Como alternativa puedes hacer clic sobre el botón MÁS. Un clic en el botón estado anterior. lo que significa que se ocultará todo lo demás. La CAPA DE GUÍAS es el lugar en donde se colocan las líneas guía o los objetos guía. se vuelve invisible en la página y no puede verse ni seleccionarse más. CAPAS DE FONDO 281 Al guardar un documento como un sitio web. Modo Solo Si haces clic en cualquiera de los iconos en la columna junto a cada capa. ocultará la capa de la página y el ícono cambiara a un ojo Un clic en el ojo abierto cerrado . Cuando se oculta cualquier elemento.

282

Galería de páginas y capas
También puedes hacer clic y arrastrar hacia abajo la columna de iconos rápidamente por las capas independientemente de todo lo demás. Para salir del modo Solo, haz clic en el botón superior de la galería. o en el botón para navegar

más grande en la parte

Bloquear capas
Un clic en el ícono de candado en el final derecho de la fila de capa bloquea la capa (el icono adopta la forma de un candado cerrado ). Ahora no podrás seleccionar ningún otro objeto en esa capa. Al hacer clic en los elementos cerrados, los atravesarás como si no estuvieran allí y se seleccionarán los elementos que se encuentran abajo. Con otro clic en el icono del candado, se vuelven a desbloquear. De forma alternativa puedes hacer clic en el botón MÁS.. y seleccionar la opción DESBLOQUEAR TODO . Grupos suaves Hay una excepción en las reglas de bloqueo. Si un elemento en una capa bloqueada forma parte de un Grupo suave (en la página 108), al seleccionar u operar ese grupo suave, se selecciona y opera asimismo cualquier elemento bloqueado de ese grupo suave (para esto están pensados los grupos suaves).

Mostrar todo y desbloquear todo

Estos dos controles en la parte superior de la Galería de páginas y capas son un shortcut para ver todos los elementos de la página actual o desbloquearlos. Invalidan temporalmente todos los objetos individuales y configuración de capas. Un segundo clic sobre los controles restaurará el estado anterior. Es decir, que ésta es una forma rápida de ver o desbloquear todo, en todas las capas, realizar alguna operación y después regresar al estado anterior. Cuando uno de los botones se ha seleccionado (están pulsados), entonces no es posible cambiar el estado de los elementos individuales. Quita la selección de los botones para permitir la operación normal de la visibilidad de la capa y el estado bloqueado. Un clic sobre el botón Más mostrará opciones de menú para MOSTRAR TODO y DESBLOQUEAR TODO . Estas opciones son similares a las anteriores, pero no son interruptores. Al seleccionar una de las opciones, todas las capas se activarán o desbloquearán y no existe una forma fácil de restaurar el estado anterior, sino que deberá volver a seleccionarse individualmente el estado oculto o bloqueado de todos los elementos independientes.

Galería de páginas y capas Mover objetos entre capas
Hay varias formas de mover objetos entre capas. Primero, selecciona el objeto o los objetos que quieras mover, y, a continuación •
CORTA (Cortar) el objeto (Ctrl+X). Asegúrate que la capa de destino es la capa actual , haz clic en la capa si no es así) y luego haz clic en PEGAR o PEGAR (mostrada con EN LUGAR . No puedes hacer esto al revés. Asegúrate de que la capa actual está seleccionada como la capa actual y luego corta (Cortar) el objeto (que puede encontrarse en cualquier capa) e inmediatamente vuelve a pegarlo (Pegar) (siempre se pegará en la capa actual). • Utiliza los elementos del menú ARREGLO MOVER A LA CAPA DE ADELANTE / MOVER A LA CAPA DE ATRÁS para mover los objetos seleccionados a una capa más arriba o abajo.

283

284

Animaciones en Flash

Animaciones en Flash
Introducción
MAGIX Web Designer 6 tiene un enfoque tradicional con respecto a las animaciones en Flash. Puedes crear frames claves (o snap shots) de tu animación a través del tiempo, y MAGIX Web Designer 6 producirá automáticamente todos los frames que sean necesarios entre un frame y otro (pasos intermedios), es un proceso llamado "tweening" (generación de transiciones).

Un ejemplo de frame de inicio

El próximo frame clave tiene la estrella en otra posición, la forma se ha rotado un poco, se ha reducido su tamaño y se ha cambiado su color.

MAGIX Web Designer 6 creará un archivo en Flash animado con movimientos suaves y fluidos porque los frames intermedios se generan de forma automática. Este proceso se llama "tweening".

Lo que Flash puede hacer y lo que no puede hacer
El formato Flash no es compatible con algunos efectos avanzados que ofrece MAGIX Web Designer 6, como por ejemplo, una graduación de transparencia compleja, difuminación (feathering), y la mayoría de los tipos de relleno de color avanzados.

Animaciones en Flash
Aunque, sí es compatible con una gama de efectos que incluye la transparencia simple. Por lo tanto, si por ejemplo le aplicas una transición a la estrella en el segundo frame clave superior para que sea 100% transparente, obtendrás una animación en la cual la estrella se mueve, reduce su tamaño y luego desaparece.

285

El mismo ejemplo mostrando los frames intermedios (in-between frames) pero con un cambio de transparencia.

Como MAGIX Web Designer 6, Flash es un programa basado en gráficos vectoriales, lo que te posibilita agrandar los objetos sin perder calidad en los detalles. Esta cualidad del programa hace que los archivos en Flash sean muy compactos, que es ideal para la web. Para ilustrar lo pequeñas y compactas que pueden llegar a ser las animaciones flash de MAGIX Web Designer 6, el anterior ejemplo animado que dura un segundo y contiene 24 frames (de modo que el vídeo se reproduce suavemente a 24 frames por segundo) crea un archivo flash de tan sólo 700 bytes.

Los 6 tipos centrales de animación
Para que los archivos en Flash se mantengan muy compactos, los tipos de formas utilizadas en tweening compatibles con flash se limitan a seis tipos básicos de animación. Estos tipos se denominan a veces las 6 transformaciones centrales porque son las únicas que pueden transformar un objeto de un frame clave al siguiente.

1. 2. 3. 4. 5. 6.

Mover: desplazar los objetos de una posición a otra. Modificar tamaño (scale): aumentar o reducir el tamaño de los objetos. Aplastar o torcer (squash or skew): aplastar o torcer objetos. Girar: rotar objetos Transparencia: ajustar la transparencia general (plana) de los objetos. Cambios de color: cambiar el color de relleno (plano) de los objetos.

El último ítem, los cambios de color, pueden aplicarse a las fotos a las que se ha aplicado un tono continuo. No puedes transformar una foto de colores completos en una foto de tono continuo, pero puedes cambiar una foto con un color de tono continuo en otro color de tono continuo. Nota: los seis tipos de transformación mencionados anteriormente son absolutamente claves para todas las animaciones flash. Ningún otro tipo de transformación es posible para frames de transición (tweened frames). Si te fijas en algunos ejemplos de animación en Flash en la web, te darás cuenta de que casi todas las animaciones utilizan éstos efectos. Los objetos aparecen y desaparecen (fade in, fade out), se mueven de una posición a otra. A veces los elementos giran, crecen

286

Animaciones en Flash
o se achican. Esta es la base para casi todas las animaciones en Flash, y es muy fácil producir este tipo de animaciones con MAGIX Web Designer 6. Es imposible cambiar la forma de un objeto entre frames claves.

Es imposible cambiar la forma de un objeto entre frames claves.

Porque la forma de un objeto cambia, no se puede realizar esta acción en las animaciones en Flash de MAGIX Web Designer 6.

Lo que no puedes hacer con Flash en MAGIX Web Designer 6
MAGIX Web Designer 6 es principalmente un programa de ilustración vectorial y no está diseñado para ser una herramienta de Flash integral. En vez, este programa ofrece un enfoque nuevo e innovador, y de fácil comprensión de las animaciones en Flash. El MAGIX Web Designer 6 y sus herramientas de dibujo vectoriales, te permiten crear animaciones en Flash realmente compactas de forma mucho más sencilla y fácil que con otras aplicaciones. Debido a su enfoque simplificado, MAGIX Web Designer 6 no es compatible con las funciones más complejas de Flash como scripting (programación), audio o películas integradas (embedded movies). Adicionalmente, como la renderización de vectores en Flash es relativamente primitiva, comparado con Xara Xtreme, hay algunos efectos avanzados de Xtreme que no pueden ser utilizados con Flash. Éstos están detallados al final de este capítulo en "¿Qué funciones de MAGIX Web Designer 6 son compatibles con Flash?".

Principios básicos
En tu animación es probable que tengas algunos objetos que se mantengan estáticos entre un frame clave y otro, y otros que se muevan. Para indicarle a MAGIX Web Designer 6 qué objetos quieres animar, debes colocarle un nombre a cada objeto (con el botón CREAR NUEVOS NOMBRES que se encuentra en la barra de información de la HERRAMIENTA DE SELECCIÓN ). Para más información sobre cómo colocarle nombres a los objetos. ver la sección "Nombrar objetos" en el capítulo "Trabajar con documentos".

Animaciones en Flash
Aquí tienes un resumen de los pasos a seguir cuando quieres crear una animación nueva:

287

1. 2. 3. 4. 5. 6.

Primero decide el tamaño de la animación y luego configura el tamaño de página (ver "Archivo > Opciones de página (en la página 337)"). Dibuja tu primer frame. Pónle un nombre a los objetos que desees animar. Crea un frame clave nuevo (para ello copia el frame anterior). Mueve y transforma los objetos según lo desees. Comprueba los resultados en la vista previa. Repite los pasos de 3 a 5.

Y así podrás seguir componiendo tu animación. El botón Copiar frame de la barra de botones para animaciones.

MAGIX Web Designer 6 crea un frame clave nuevo con sólo pulsar un botón (básicamente lo que hace es copiar el frame anterior). La GALERÍA DE FRAMES te permite ver cualquier frame clave y puedes ajustar el orden y el tiempo de duración de los frames. La GALERÍA DE FRAMES se explica en detalle más adelante en este capítulo. Para aquellos que estén familiarizados con las funciones animadas de GIF en el MAGIX Web Designer 6 (o sus predecesores) todo este proceso les va a ser familiar. La diferencia es que con los archivos en Flash el MAGIX Web Designer 6 puede crear automáticamente todos los pasos intermedios (tween steps) para producir animaciones más fluidas y compactas que las animaciones GIF. Nota: debes introducirle un nombre a los objetos que quieras animar entre un frame clave y otro. Todos los otros objetos se mantendrán visibles pero estáticos por el tiempo de duración del frame hasta que aparezca el próximo frame. Para borrar un objeto de una animación, bórralo sólo en el primer frame clave en el que no quieres que aparezca.

Tu primera animación
Para crear una nueva animación Crea un nuevo documento de animación. Para esto: Selecciona ARCHIVO > NUEVA > ANIMACIÓN ("Ctrl + + N").

Se abrirá un nuevo documento y verás la barra de botones para animaciones que incluye algunos botones relevantes para la animación.

288

Animaciones en Flash
1. 2. 3. 4.
Dibuja una forma simple, por ejemplo un rectángulo redondeado, con la herramienta de rectángulo (pero puede tener cualquier forma). Haz clic sobre el icono APLICAR NOMBRE en la barra de información de la HERRAMIENTA DE SELECCIÓN y ponle el nombre "forma". Haz clic sobre el botón COPIAR FRAME para crear un segundo frame clave. Modifica la forma según lo desees. Puedes ajustarla utilizando cualquiera de las seis formas de animación descritas anteriormente en este capítulo. Pulsa el botón de VISTA PREVIA DE ANIMACIÓN FLASH para visualizar la animación.

Por defecto, el tiempo de duración de cada frame clave dura medio segundo. Para producir una animación más larga, ve a la sección "Duración de frames para película Flash y pasos intermedios", que se encuentra más adelante en este capítulo. No estás limitado a incluir un solo objeto en movimiento por frame clave, puedes tener todos los objetos que quieras en cada frame clave. Sólo tienen que pasar por algún tipo de transformación en el siguiente frame clave (y todos tienen que tener un nombre) para que sean animados. Aquí te mostramos otro ejemplo.

El primer frame clave tiene algo de texto simple y una forma simple dentro de un rectángulo estático.

En el siguiente frame clave, el texto se ha ampliado y oscurecido, el rectángulo azul se ha girado 90 grados y la transparencia se ha alternado para ser en la mayor parte transparente.

Así es como se construye una animación.

Inserción de un objeto flash en MAGIX Web Designer 6. Con esto el archivo SWF acabado se guardará en la ubicación indicada. etc. haz clic en el botón de VISTA PREVIA DE ANIMACIÓN FLASH y se abrirá un navegador con la vista previa de la animación. También incluye instrucciones simples sobre cómo insertar la animación en una página web. Para aquellos que utilicen MAGIX Web Designer 6 puedes arrastrar el archivo Flash hasta la página web para insertarlo en el sitio web. Vista previa de un objeto flash en MAGIX Web Designer 6. el objeto de texto crece y simultáneamente el rectángulo redondeado gira y desaparece.Animaciones en Flash Frame clave 1 289 Pasos intermedios producidos por MAGIX Web Designer 6 Frame clave 2 En esta animación. tamaño del documento. O pulsa el botón EXPORTAR FLASH ANIMADO . La página de vista previa te mostrará la animación final e información útil como las dimensiones de la animación. Para visualizar la animación tal como se verá en la página web. Exportación de un archivo Flash Para exportar una animación como archivo Flash: Selecciona ARCHIVO > EXPORTAR ANIMACIÓN y luego escoge Flash en GUARDAR COMO TIPO . Se creará automáticamente una imagen .

crea un objeto marcador del lugar. el archivo . en el diálogo de PROPIEDADES WEB (Ctrl+Shift+W). Como alternativa.xar. de forma que haya una copia del archivo con el archivo .290 Animaciones en Flash estática de marcador de posición y se colocará en tu página. En tu página web. Consulta la sección Carpetas de soporte (en la página 76) del capítulo Trabajar con documentos para más información. o haz clic en el ícono de la GALERÍA DE FRAMES en la barra de herramientas de las GALERÍAS . haz clic en el enlace VER HTML en la pantalla de vista previa de flash para obtener el código que luego puedes pegar en tu página web con ayuda de tu editor HTML preferido. Por lo tanto. Haz clic en APLICAR . Con cualquiera de las opciones mencionadas anteriormente. selecciona la pestaña MARCADOR DE LUGAR y las opciones de navegación REEMPLAZAR CON FLASH para localizar el archivo . Posiciona y ajusta el tamaño de tu marcador de lugar A continuación. También debes colocar tu archivo SWF en el mismo directorio de tu página web para que funcione tu código. . el marcador de lugar es reemplazado por la animación flash. La galería de frames Para abrir la GALERÍA DE FRAMES .xar. puedes crear un objeto de marcador de posición de forma manual. Ahora. Nota: Debes cambiarle el nombre al archivo SWF en el código para que coincida con el nombre actual de tu archivo exportado SWF. Haz una vista previa de tu página web y verás la animación Flash en funcionamiento. si luego cambias la animación y exportas un archivo . deberás cambiar el código HTML.swf con Herramientas > Propiedades web > Pestaña Marcador de posición o reemplaza manualmente el archivo en la carpeta de soporte con el archivo actualizado. selecciona "HERRAMIENTAS > GALERÍAS > GALERÍA DE FRAMES" . Si deseas colocar el archivo SWF en otro directorio.SWF requerido.swf actualizado que quieras utilizar en su lugar. cuando realices la vista previa de tu página web. o bien busca el nuevo archivo .swf se copia en la carpeta de soporte junto con tu archivo . puede ser algo como un simple rectángulo o una imagen. Inserción con otra herramienta de autoría web Para posicionar tu animación SWF en tu HTML.

El botón PROPIEDADES es muy importante ya que muestra el diálogo de las PROPIEDADES que controla muchos aspectos. sino que también de la animación completa. Puedes re-ordenar los frames arrastrándolos hacia la posición que desees en la lista. La GALERÍA DE FRAMES muestra los frames de arriba hacia abajo. . borrar o copiar un frame seleccionado (éste será agregado al final). haz clic sobre su nombre en la galería. El primer frame está primero en la lista y cada frame que añadas aparecerá al final de la lista. La galería tiene varios botones para realizar las operaciones más importantes como crear un frame nuevo. Para visualizar cualquier frame clave. DE ANIMACIÓN . El frame 3 está seleccionado y por eso está visible. El orden de los frames es inverso al orden de las versiones anteriores del Web Designer.Animaciones en Flash 291 Una galería de frames típica. Este muestra una lista de los frames claves en tu documento. no sólo de la animación seleccionada.

ya que siempre se pegarán los objetos en la misma posición que el lugar de donde los copiaste pero en el nuevo frame. no importa qué nombre tengan. siempre copiará el frame seleccionado y lo colocará como último frame. Las animaciones siempre se reproducirán siguiendo el orden de los frames de arriba hacia abajo. el frame 4 y el 5. y luego arrastra la nueva copia desde el final a la posición deseada entre los frames 4 y 5.292 Animaciones en Flash Diálogo de las propiedades de animación Otra forma de visualizar el diálogo de las propiedades de la animación es hacer doble clic sobre el nombre de un frame en la galería de frames. selecciona el nuevo frame y luego pégalo al nuevo frame). No tienen que llamarse Frame 1. por ejemplo. La opción "Editar > Pegar en lugar" ("Ctrl + + V") es muy práctica para cuando quieras ejecutar esta acción. haz clic en el botón COPIAR . Nota: cuando copies un frame. Esto es particularmente práctico para cuando quieras seleccionar objetos que se encuentran en varios frames. Nota: Puedes elegir el nombre que quieras para los frames. Los botones TODOS LOS FRAMES VISIBLES (ícono de un ojo) y EDITAR TODOS LOS FRAMES (flecha). . Copiar objetos Puedes copiar objetos de un frame a otro de la forma usual (copia el contenido. etc. selecciona el frame 4. Para insertar un frame nuevo entre. Frame 2. que se encuentran en la galería de frames son muy útiles porque te permiten visualizar o editar todos los frames al mismo tiempo.

Las imágenes con una resolución más alta (>96 dpi) serán convertidas a JPEG (JPEG transparente. Se pueden integrar fotos y mapas de bits a las animaciones en Flash. tal como los documentos .Animaciones en Flash Cuando copias un objeto. Puedes realizar 5 de las 6 transformaciones centrales sobre mapas de bits y fotos (puedes mover los objetos. por ejemplo. 293 Fotos Como los documentos en Flash están compuestos por formas vectoriales. resolución y con la compresión que desees. Si sueltas un documento JPEG sobre la animación y le cambias el tamaño.xar. es aproximadamente la suma de los tamaños de todas las imágenes JPEG integradas a la animación (la GALERÍA DE MAPA DE BITS te mostrará el tamaño de todas las fotos y mapas de bits integrados a la animación). pero al menos que seas especialmente cuidadoso se convertirán en documentos de animación muy grandes. Sin embargo. y hasta tienes una vista previa interactiva en la que podrás ajustar la compresión y ver el resultado de forma inmediata. Los documentos en Flash pueden incluir imágenes en PNG y JPEG. pero asegúrate de que no haya otro objeto con el mismo nombre porque sino surgirán errores. Mapas de bits en otros formatos que el JPEG Hay otros tipos de formatos de mapas de bits como. Si mantienes el tamaño y la resolución bajas podrás crear animaciones pequeñas en Flash con fotos. esto no quiere decir que existan tres copias del mapa de bits integrados al documento en Flash. si fuera necesario). permanecerá como imagen PNG en el archivo flash. cambiarles el tamaño. sólo porque aparezcan el mapa de bits en los frames 1. si incluyes una imagen PNG de baja resolución (una imagen de 96 dpi o menos . TIFF o PNG que en general generan documentos más grandes y por ende menos adecuados para usarlos en las animaciones en Flash (la compresión JPEG es mucho mejor que la PNG). La mejor forma de incorporar fotos en JPEG con el tamaño más pequeño posible y con la compresión más alta que puedas aceptar.la línea de estado te muestra la resolución de cualquier imagen seleccionada). sólo se guarda una copia del mapa de bits en el documento en Flash. los formatos BMP. En este respecto el programa Flash se comporta tal como el MAGIX Web Designer 6 ya que integra (embed) la resolución total de la imagen JPEG original a la animación para que puedas acercarte a ella con el zoom. sino que se reducirán sus dimensiones (y por ende se incrementará la resolución). por lo que puedes hacer transformaciones en un mapa de bits que no requieran mucha memoria. aplastarlos. esto no reducirá el tamaño del documento en JPEG. Afortunadamente es fácil guardar imágenes en JPEG desde el MAGIX Web Designer 6 en el tamaño. En otras palabras. rotarlos y hacerlos desaparecer). Por esta razón es muy fácil calcular el tamaño estimado de cualquier animación que contenga fotos en JPEG. Puedes controlar la compresión utilizada para la conversión automática a JPEG si utilizas la barra deslizante de la pestaña OPCIONES FLASH en el diálogo de PROPIEDADES DE . y éstos se transforman fácilmente. el nombre se copia junto a él. 2 y 3 de tu animación. Cuando realices una transición (tweening) para los mapas de bits o para una foto. los documentos pueden ser muy pequeños.

Cuánto más rápido sea el ritmo (frame rate o duración de cada frame) de los frames. luego visualizar la animación en una vista previa y rápidamente ver el tamaño y la calidad que hayas guardado. Calidad de mapas de bits El programa Flash Player versión 8 y las versiones siguientes tienen una calidad más alta de visualización de los mapas de bits. mientras que en las versiones más viejas se reproducen las imágenes de forma pixelada y con movimientos menos fluidos.294 Animaciones en Flash ANIMACIÓN . Los mapas de bits con 256 colores o menos (como los GIF) no se codifican como JPEG y se integran a la animación utilizando una compresión PNG. mejor fluirá la animación aunque . Puedes ver qué versión tienes del Flash Player si haces un clic derecho sobre cualquier animación en tu navegador web y mira el menú "Acerca de" (About). Es particularmente evidente cuando rotas y cambias el tamaño de los mapas de bits y las fotos. Puedes controlar esto en la pestaña OPCIONES FLASH del diálogo de PROPIEDADES DE LA ANIMACIÓN. Duración de frames para películas Flash y pasos intermedios" (Movie frame rate and tween steps) Las animaciones en Flash se reproducen a un ritmo prefijado. que usualmente es la mejor tipo de compresión para este tipo de imágenes. El valor de compresión más común es de un 75% pero puedes modificar la calidad. Te recomendamos que exportes tu animación en Flash como versión 8 si estás utilizando fotos o mapas de bits.

Si tienes el ritmo de la animación prefijado a 24 frames por segundo. que son 12 frames en total. Cuando creas un nuevo frame clave. hacer la animación más lenta) tienes que incrementar el tiempo de duración utilizando el diálogo de PROPIEDADES DE ANIMACIÓN . es decir. esto significa que la animación tardará medio segundo en pasar de un frame clave a otro. la animación completa dura 1.Animaciones en Flash el archivo en Flash será más grande. Las animaciones de MAGIX Web Designer 6 tienen por defecto 24 frames por segundo pero puedes cambiar el ritmo si quieres.5 segundos para cada uno. si has definido como tiempo de duración de un frame a medio segundo. Para crear un efecto de transición (tween effect) más largo (en otras palabras. La forma más fácil de modificar el tiempo de duración de cualquier frame es hacer doble clic sobre el nombre del frame que quieres cambiar. Por ejemplo. esto quiere decir que el MAGIX Web Designer 6 generará 11 pasos intermedios en la animación en Flash. tenemos tres frames con un tiempo de duración de 0. En este ejemplo. puedes determinar el tiempo de duración entre un frame y el siguiente. 295 La galería de frames siempre te mostrará el tiempo de duración de cada frame clave. y se abrirá el diálogo. . (Estos frames intermedios nunca serán vistos en MAGIX Web Designer 6 ya que sólo se generan cuando creas un archivo Flash). Introduce el tiempo de duración en segundos que tu quieras y pulsa Aceptar o Aplicar.5 segundos antes de que se vuelva a repetir.

Puedes controlar esto en el diálogo de propiedades de animación. con frases o fotos que se muevan de un lado a otro. Por ejemplo. tienes que cambiar el tamaño de la página en MAGIX Web Designer 6 al tamaño que deseas tener para la animación en Flash. no cortarán la página (el tamaño de la página era enorme). el objeto se verá entrar del lado izquierdo del diseño para desaparecer por el lado derecho. Para crear un animación como esta. Cuando exportas o realizas una visualización previa. si quieres un banner en Flash que tenga 468 píxeles de ancho y 60 píxeles de alto. Por ejemplo. la animación en Flash se ajustará automáticamente al tamaño de la página que ya habías determinado. Por ello. es muy fácil arreglar tu animación para que los objetos entren y salgan de la animación visible. en vez de ello los cortarán al tamaño del dibujo. Para cambiar el tamaño de la página ve a PESTAÑA DE PÁGINA en el DIÁLOGO DE OPCIONES (en la página 337) (o selecciona "ARCHIVO -> OPCIONES DE PÁGINA" ) e introduce los valores en los campos "ancho" y "alto" respectivamente. Nota: Si abres documentos más antiguos creados con versiones anteriores de Xara Xtreme. si colocas un objeto animado a la izquierda de la página en un frame clave (key frame) y a la derecha de la página en el próximo frame clave.296 Animaciones en Flash Recortar y cortar Quizás más adelante quieres crear animaciones en Flash como las que se pueden ver en la web. tienes que ajustar el tamaño de la página de tu documento de animación a 468x60. .

Cuanto más larga sea la duración configurada para la animación. Para configurar el tiempo de duración para cada frame. 297 Velocidad de la animación Cuando crees un nuevo frame clave.Animaciones en Flash Configurando el área para guardar como Dibujo creará una animación flash que sólo sea tan grande como debe ser. tendrá por defecto una duración de medio segundo. Nota: el diálogo de PROPIEDADES DE ANIMACIÓN es del tipo no modal (non-modal). y luego haz clic sobre el botón de PROPIEDADES DE ANIMACIÓN (simplemente haz doble clic sobre el nombre del frame). más lenta será su reproducción. Si configuras la opción "Mostrar este frame por" a 2 segundos. . Los contenidos serán actualizados a medida que vayas seleccionando los diferentes frames. Si presionas el botón APLICAR en lugar de pulsar "Aceptar". lo puedes tener siempre presente en la pantalla. el diálogo se quedará en pantalla. significa que la animación tardará 2 segundos en pasar de este frame clave al siguiente. Esto puede ser útil si no necesitas un tamaño de página específico. por ejemplo de igual tamaño que los límites de la animación. y puedes configurar distintos tiempos de duración para cada uno de ellos. primero selecciona el frame que necesitas en la GALERÍA DE FRAMES (haz clic sobre él). Por lo tanto la animación de ese frame clave al siguiente tardará medio segundo.

Nota: cuanto más rápido sea el ritmo (frame rate) del frame. Rotación MAGIX Web Designer 6 genera los frames intermedios (tween frames) de forma automática. Las animaciones de MAGIX Web Designer 6 tienen por defecto 24 frames por segundo. así como también la versión de la exportación en Flash. Para cambiar el ritmo selecciona la pestaña OPCIONES FLASH del diálogo de PROPIEDADES DE ANIMACIÓN . pero raramente es necesario tener más de 50 frames por segundo. entonces puedes reducir el tiempo de duración a menos de 24 frames por segundo. Si tienes mucha acción con movimientos rápidos. con relativamente pocos movimientos rápidos. más grande será el archivo resultante en Flash.298 Animaciones en Flash Fluidez de la animación (smoothness) Los frames de las películas de Flash se reproducen a un ritmo constante. Cuanto más rápido sea el ritmo de reproducción (frame rate). Pero a veces no es posible saber exactamente qué tipo de rotación es necesaria. . quizás sea necesario aumentar el ritmo. Si tu animación consiste mayormente en objetos que aparecen y desaparecen. La pestaña "opciones Flash" en donde puedes cambiar la velocidad de la película. haciendo un cálculo de cómo deben transformarse las formas de un frame al otro. más fluida será la animación.

pero también podrías crear una rotación que vaya en "línea recta". El ejemplo de arriba asume que la aguja se mueve de un extremo a otro. para crear una rotación "completa" (que dé toda la . En cambio. ésta se moverá en dirección contraria a las agujas del reloj. la aguja rota sobre su centro y no de un extremo a otro. Por defecto el MAGIX Web Designer 6 hace rotar a los objetos de esta forma.Animaciones en Flash Como en este caso. Nota: no es posible rotar un objeto 360° entre frames claves si el punto de rotación no se encuentra en el centro. Supone que quieres crear una transición (tween) entre la primera cara del reloj y la segunda: 299 Seguramente esperas que las agujas se muevan en dirección a las agujas del reloj pero también podrían moverse en sentido contrario: Es más. se calculará el punto de rotación necesario para generar la animación. (ver gráfico): Si miras detenidamente. O puedes usar la combinación "rotar +" para hacer que la rotación vaya en dirección a las agujas del reloj o introducir la combinación "rotar -" para que vaya en contra de las agujas del reloj. Si introduces un comando de rotación para el objeto con nombre. Vuelve al ejemplo de animación de la página anterior con dos frames claves en donde la aguja del reloj se mueve de las 12 a las 8. Si introduces la combinación de palabras "rotar + aguja" al objeto aguja. entonces se generará un movimiento de transición (tween) con el trayecto más corto entre los objetos de un frame a otro (rotando sobre el centro). incluso podrían rotar de otras formas también. La función de rotación Para que la rotación sea sobre otro punto puedes añadir la palabra clave "rotar" enfrente del nombre del objeto (ver abajo en Galería de nombres). harás que la animación mueva la aguja en dirección a las agujas del reloj (como en un reloj real). si le colocas lacombinación de palabras "rotar aguja". y el punto central se mueve en línea recta de un frame clave al siguiente. Por ejemplo. Si no has insertado un comando especial para la rotación.

rotar. MAGIX Web Designer 6 animará el grupo completo de un frame clave a otro. Transparencia en un grupo Si quieres que un objeto agrupado se vaya desvaneciendo en la animación. transparencias complejas y tipos de rellenos o sombras suaves. luego haz doble clic sobre el nombre en la GALERÍA DE NOMBRE ). El grosor mínimo para una línea es de un píxel.300 Animaciones en Flash vuelta) de las agujas del reloj en el ejemplo de arriba deberías crear un frame clave intermedio. Las líneas que sean más finas en MAGIX Web Designer 6 serán representadas en Flash como si tuvieran un píxel de grosor. ver próxima página). • O desactiva la opción HACER GRUPOS TRANSPARENTES EN SU CONJUNTO en el diálogo de OPCIONES ("Herramientas > Opciones. comparada con la del MAGIX Web Designer 6. aplastar pero no podrás crear una transparencia para el grupo. puedes colocarle un nombre a todo el grupo. no podrás usar las funciones más avanzadas de MAGIX Web Designer 6 como difuminación (feathering). . luego ve a la pestaña GENERAL . en lugar de realizar una transparencia a todo el grupo en su conjunto. Grupos Los grupos son tratados de forma especial por el programa cuando se crean animaciones. Nota: Si quieres realizar cambios a algunos componentes del grupo. Si haces esto. No se pueden usar líneas con guiones. debes aplicarle una transparencia a cada objeto del grupo individualmente. entonces estos objetos deberán tener un nombre distinto ("Ctrl + haz clic para seleccionar un objeto dentro del grupo. • No debes añadir o quitar ítems del grupo. Si quieres que algunos miembros del grupo se muevan de forma diferente que el resto del grupo. Y podrás aplicar las transformaciones normales al grupo (como cambiar el tamaño. Las líneas (pinceladas) sólo podrán tener un grosor simple y constante. y luego colócale un nombre). primero tendrás que "desagrupar" el grupo. • No debes cambiar el orden de los ítems del grupo. ¿Qué funciones de MAGIX Web Designer 6 son compatibles con Flash? La renderización de vectores en Flash es relativamente primitiva. Para que no tengas que asignarle un nombre a cada parte individual de un grupo. y luego tienes que re-agrupar los objetos nuevamente: • debes volver a aplicar el nombre al nuevo grupo (selecciona el grupo. Por esta razón. MAGIX Web Designer 6 aplicará la transparencia a cada ítem individual del grupo. Hay dos formas de hacer esto: • Selecciona cada objeto del grupo y ajusta su transparencia. y con extremos redondeados. luego podrás copiar el grupo al frame clave siguiente. cuando ajustes la transparencia del grupo en conjunto.

• La transparencia con gradación es compatible con los objetos con relleno de color plano (sin gradación). Los contornos de los caracteres de cualquier fuente utilizada se integran (embedded) al archivo en Flash. Entonces. • Nubes fractales y rellenos de plasma funcionarán. • Los rellenos lisos. temperatura del color y desenfoque (pero no brillo / cambios de contraste). Nota: la línea utilizada para la curva deberá hacerse invisible para que la animación funcione. éstos se exportan como mapas de bits al archivo flash. pero se convertirán en mapas de bits. circulares y los rellenos elípticos con gradación de color. incluyendo rellenos lineales y elípticos. Es decir. Esto es mucho más eficiente que la integración de la fuente en los documentos en PDF. puedes tener objetos con gradación de color y con transparencia lisa u objetos con color liso y con transparencia con gradación. las sombras blandas. Modificar tamaño (scale): aumentar o reducir el tamaño de los objetos. Puedes utilizar las fuentes que desees. • Transparencia plana. Segundo. incluyendo kerning. cuando crees animaciones sólo podrás utilizar una serie limitada de características a las que se le puedan agregar transiciones (tweens) o a que puedan ser animadas. por ejemplo. no funcionan en archivos estáticos. • Texto sobre una curva. Sólo tipo mixto. • Contornos de grosor constante (trazos de pincel) con extremos redondeados y uniones de línea (los archivos en Flash versión 8 también aceptan otros tipos de extremos y uniones). O cualquier combinación de lo anterior. Lo que puede animarse: Tal como se mencionó al comienzo de este capítulo. pero no podrás tener ambos. • Mapas de bits y rellenos de mapas de bits. • Rellenos con gradaciones de color de varios niveles. 301 . Aplastar o torcer (squash or skew): aplastar o torcer objetos. por eso. • Texto. a veces. • Mapas de bits Contoned (coloreados) y rellenos de mapas de bits • Saturación foto. habrán inexactitudes en líneas y formas). de modo que no son muy eficientes y no son adecuados para la animación. mientras algunos efectos de MAGIX Web Designer 6 como. debes limitarte a utilizar sólo aquellas funciones que sean compatibles con el Flash Player. lineales.Animaciones en Flash Hay dos aspectos a tener en cuenta para cuando realices dibujos que sean compatibles con Flash. éstas son las reglas de oro sobre lo que se puede cambiar de un frame clave al otro: • • • • • • • Mover: desplazar los objetos de una posición a otra. lo que no es tan eficiente. Girar: rotar objetos Transparencia: ajustar la transparencia general (plana) del objeto. Primero. Máximo cuatro fases de color. Las funciones de dibujo de MAGIX Web Designer 6 que son compatibles con flash : • Todos los dibujos normales con líneas y formas (aunque el flash es mucho menos preciso que MAGIX Web Designer 6. Transformar color: cambiar el color de relleno (plano) de los objetos.

otro caso especial: puedes animar el texto en una curva. . Por lo tanto. • Puedes cambiar el color de la línea independientemente del color del relleno. El último caso te permite convertir una foto desenfocada en una foto enfocada. Objetos sin movimiento Puedes añadir nuevos objetos simplemente dibujándolos sobre cualquier frame clave. • No puedes ajustar la posición de los rellenos con gradación. la forma más fácil de que un objeto aparezca estático en todos los frames es asegurarse de que esté copiado en todos los frames. Pero observa que esto sólo funciona con valores de desenfoque. hay determinados casos especiales de transformaciones de color de foto que son compatibles con flash. pero no funciona con valores de enfoque. existe una pequeña diferencia en cómo flash desenfoca las fotos. El color se transforma — el color de la animación cambia Esto es lo que puedes y no puedes hacer con las transformaciones de color en MAGIX Web Designer 6 Flash: • Puedes animar simples cambios de color plano de objetos de un frame clave al siguiente. Flash desenfoca la foto completa incluyendo el borde. lo que hace es mezclar la posición de la letra en un frame clave con la posición de la letra en el próximo frame. En segundo lugar. Esto puede producir efectos muy interesantes. Puedes alterar la saturación (así puedes convertir una foto de color completo a una foto en blanco y negro para insertarla). Nota: la línea utilizada para la curva deberá hacerse invisible para que la animación funcione. Estos aparecerán en la animación al comienzo del frame y desaparecerán en el próximo. La optimización Flash de MAGIX Web Designer 6 es muy eficiente y verás que realizar más de una copia casi no ocupa espacio adicional en el archivo (esto es aplicable para múltiples copias de objetos en diversos lugares). mientras que el desenfoque en MAGIX Web Designer 6 sólo desenfoca el interior de la foto y mantiene un borde enfocado. Asimismo. salvo que aparezcan también en el segundo frame. además puedes ajustar el color de la temperatura (caliente / frío) y cambiar el valor de desenfoque. De hecho. • Puedes cambiar los colores de tono continuo de una foto.302 Animaciones en Flash Adicionalmente. Esto es especial porque puede utilizarse para mutar el texto sobre una curva en un texto sobre otra curva totalmente diferente.

Es posible aplicar una transparencia con gradación (lineal. Sin embargo. pero la transparencia con gradación de MAGIX Web Designer 6 no es realmente compatible con Flash. Existe una sola situación en la que puedes utilizar transparencia con gradación y esta es en los objetos con relleno de color plano. puede animarse el cambio de color (regla seis). Introduce la URL requerida. lo que es compatible con Flash (tanto para objetos estáticos como para cambios de transparencia tweening). puedes ajustar la transparencia plana de los objetos (no las transparencias de grupo). Si quieres que pueda hacerse clic sobre un texto. selecciona el frame web de destino seleccionando el menú desplegable "ABRIR ENLACE EN "). formas. circular y elíptica) a los objetos con color plano. selecciona la opción RECTÁNGULO RODEANDO OBJETO . URL en Flash Para que un objeto en la animación Flash sea un enlace en el que pueda hacerse clic. (Si quieres que el enlace se abra en una nueva ventana o en un nuevo frame del navegador. textos y fotos. pero no es posible animar el cambio de transparencia. simplemente selecciona el objeto que quieras utilizar y selecciona HERRAMIENTAS -> PROPIEDADES WEB (Ctrl + ñ+ W). 303 Se puede ajustar y animar la transparencia plana de todo tipo de objetos.Animaciones en Flash Transparencia Tal como se mencionó anteriormente. Esto garantiza que aquellos que observan la animación Flash puedan .

entonces la secuencia de la animación saltará al frame 6 al inicio del frame 1. Usar el nombre >Nombre (sin número) es lo mismo que >5Nombre. que nombrar a un objeto >Nombre significa que comenzará rápido y después irá más lento.304 Animaciones en Flash hacer clic en cualquier lugar sobre el texto (en vez de solamente sobre la forma real de la letra). <Nombre. pero pueden ignorarse. puedes hacer que la velocidad de los objetos se acelere o desacelere. Si necesitas utilizar esta característica. Esto es de gran ayuda para los banner publicitarios. Esto significa que <2Nombre será una aceleración muy lenta. . y la orden <> sería un "ease in/out". Funciones de Flash avanzadas Acelerar y desacelerar En general. mientras que <9Nombre será una aceleración extrema. En vez de codificar una URL en una animación Flash. Por ejemplo. simplemente escribe clicTAG en vez de una URL. El grupo del péndulo utiliza una combinación de <> y la función de giro. hará que la animación comience lento y se acelere. produciendo una animación lineal de un frame clave al otro. si tu primer frame se llama "Frame 1. La terminología tradicional de animación denomina esto "easing" porque puedes entrar ("ease in") o salir ("ease out") con facilidad. De la misma forma >2 delante del nombre resultará en una desaceleración. Si el nombre de un objeto es <>Nombre. clicTAG Los clicTAG son utilizados con frecuencia por redes de publicidad. Ejemplo: en la sección Ejemplos Flash de la GALERÍA DE DISEÑOS (haz clic sobre el botón OBTENER DISEÑOS de la GALERÍA CLIPART ) hay un archivo de ejemplo llamado Péndulo. Es decir. Funciones Detener e Ir a Puedes añadir las funciones DETENER o IR A al nombre del frame (separado por un punto y coma) para controlar el flujo de la secuencia. Hasta puedes usarlos en combinación. Permitir clic en toda la animación En la pestaña PROPIEDADES DE ANIMACIÓN -> OPCIONES FLASH puedes configurar que en una URL se aplique la animación completa. Esto puede producir errores de tween. los pasos tween están separados en intervalos regulares entre los frame claves. También vale la pena examinar el otro ejemplo llamado "Zoom6. el objeto comenzará lento. irá más rápido y volverá a ir más lento hacia el final del periodo del frame. Lo opuesto. lo que es particularmente útil para rastrear clics de publicidad. También espera el periodo específico del frame con la función IR A antes de saltar. el clicTAG permite a una organización insertar su propia URL en la animación. Al añadir los símbolos < y > adelante del nombre de objeto. pero los frames con las funciones IR A o DETENER no realizan tween. Puedes controlar el grado de aceleración o desaceleración utilizando números del 0 al 9.Ir a Frame 6". ya que en éstos quieres que se permita hacer clic en cualquier parte de una animación para ir a la dirección web sugerida.xar".

interrumpirá la animación cuando llegue a ese frame. Para hacer esto. Esto utiliza una función Ir a para crear un loop del frame 4 . Por ejemplo. si haces clic en el objeto o pasas el cursor del ratón por encima. puede que tengas una animación que espera a que el usuario le haga clic o mueva el ratón sobre un objeto antes de continuar. Fíjate en el ejemplo del archivo "Río Támesis" en la GALERÍA CLIPART . ¿Por qué esto es útil? Porque puedes hacer que la animación salte a cualquier otro frame clave con un clic o moviendo el ratón por encima de objetos.Animaciones en Flash De la misma manera. Ahora en tu animación. Si quieres que el salto ocurra simplemente moviendo el cursor sobre un objeto. 305 Botones que permiten clic y efectos de MouseOver Puedes hacer que la secuencia de animación salte a cualquier otro frame clave haciendo clic en un objeto o simplemente moviendo el ratón por encima de cualquier objeto. selecciona la pestaña MouseOver en lugar de la pestaña Enlace y selecciona de la opción similar "SALTAR A FRAME ". un nombre de frame con DETENER al final del nombre. la animación llevará al nuevo frame y seguirá desde ahí. abre el diálogo de PROPIEDADES WEB (Ctrl+Shift+W) y en la pestaña ENLACE selecciona la opción SALTAR A FRAME . selecciona el objeto que quieras usar como disparador.

Resumen de animación de MAGIX Web Designer 6 Flash • Los frame claves de MAGIX Web Designer 6 son "instantáneas" de tu animación en un momento determinado. • Todos los demás objetos (no nombrados) aparecerán estáticos mientras que dura el frame clave (periodo de visualización). ampliar. • Como cada frame Xtreme es una instantánea de toda la animación. todos los objetos que deben aparecer en la instantánea deben también aparecer en el frame. Por lo contrario. "Ctrl + + W" es una forma rápida de abrir el diálogo de Propiedades Web. transparencia plana y cambio de color). El objeto debe tener exactamente el mismo nombre que en los frames siguientes. reducir. estirar. • Puedes cambiar las formas. Si cambias la forma de cualquier otra manera. • Para indicar a MAGIX Web Designer 6 los objetos a los que debe aplicarse la transición o tween entre un frame y el siguiente. No puedes hacer una transición de un objeto del Xtreme frame 1 al frame 3 de Xtreme sin que aparezca en el frame 2. cambiar de tamaño. entonces animar objetos llevará 2 segundos desde su posición al inicio de un frame clave a la posición de inicio del siguiente frame clave. Transformar los objetos es muy eficiente. • Existe un frame rate general para toda la película Flash. MAGIX Web Designer 6 produce automáticamente un transición o tween de objetos de un frame clave al siguiente para producir una animación Flash fluida. • Cuando creas un frame clave nuevo (instantánea) . rotación. alterar los colores o la transparencia entre los frames de MAGIX Web Designer 6. la GALERÍA DE FRAMES te muestra tus frames claves instantáneos en el tiempo (de arriba hacia abajo). aplastar/torcer. • Si configuras la visualización de frames en MAGIX Web Designer 6 en 2 seg. más grande será el archivo Flash y más fluida la animación. para cada objeto nuevo que quieres animar.). Cuantos más frames Flash por segundo. Utiliza el diálogo PROPIEDADES DE ANIMACIÓN para configurar el tiempo de visualización del frame. Haz clic sobre el nombre del frame para ver y editar ese frame clave.. el texto o las fotos según lo permiten las seis reglas de transformación descritas anteriormente (mover. generalmente lo realizas copiando el frame actual. • Puedes mover. A continuación mueve los objetos como corresponda. • No existe una línea de tiempo. • La animación Flash depende de las dimensiones de la página que has especificado en MAGIX Web Designer 6..306 Animaciones en Flash al 3 y una redirección URL del frame 1 si haces clic sobre el enlace Volver a reproducir de la esquina. esto no funcionará. . haz clic en el botón NOMBRES en la barra de información de la herramienta de selección y nómbralo (o selecciona el menú HERRAMIENTAS> NOMBRES . debes nombrar el objeto que deseas utilizar. girar. lo que copia todos los objetos al nuevo frame junto con sus nombres.

como en un folioscopio. Dibuja lo que quieres que aparezca en el primer frame. Los inconvenientes: • En los GIF animados no se pueden insertar transiciones "tween" entre los frames. • GIF es un formato Bitmap y no un formato vectorial como Flash. • La profundidad de color máxima es de 256 colores. Escoge Herramientas > Galerías > Galería de frames. Para realizar esto. haz clic en NUEVO para crear el próximo frame. no es necesario ningún plugin adicional como en el caso de las animaciones flash. Se emplea una tecnología más antigua y mucho más simple que tiene algunas ventajas e inconvenientes. 307 Abrir un documento de animación Para crear un GIF animado. Produce archivos de salida mucho más grandes. Si quieres tener animaciones fluidas como en flash. Las ventajas: • Todos los navegadores pueden reproducir animaciones GIF.Animaciones en Flash Crear GIF animados Los GIF animados son una forma alternativa de mostrar secuencias animadas en la web. 3. primero debes abrir un documento animado. En la galería de FRAMES. los GIF animados siguen siendo muy popular para banners publicitarios o como imagen de avatar en foros o mensajes instantáneos. 2. Un GIF animado es un archivo GIF que contiene una secuencia de imágenes. • La animación GIF se utiliza como imágenes normales. No obstante. escoge Archivo > Nuevo > Animación. tienes que utilizar numerosos frames. no es necesario ningún código HTML adicional como al incrustar animaciones flash. Cada MAGIX Web Designer 6 es un frame en la animación final. Esto significa que los frames de tu animación MAGIX Web Designer 6 se traducen 1:1 a los frames GIF resultantes. Después tendrás acceso a la galería de FRAMES . como si fueran frames de una película. O haz clic sobre el símbolo de la galería de FRAMES en la barra de GALERÍAS . Crear una animación Para crear un GIF animado: 1. Esto conlleva tiempos de carga cortos y un aumento de la compatibilidad de tus páginas. los vínculos con URLs o la aceleración no están disponibles. . y gracias a su simplicidad. • Las funciones de flash avanzado como el flujo de la secuencia (Detener/Ir a). incluso para formas geométricas o texto.

el frame se superpondrá con el frame previo. RETARDO LOCAL : establece la duración que el frame tendrá en la animación. escoge Archivo > Exportar GIF animado. Para gráficos simples puedes reducir la cantidad de colores de la paleta. COLORES DE PALETA: CANTIDAD DE COLORES DE PALETA: • • . el GIF animado usa el fondo de página como fondo. Propiedades de GIF animados FRAMES Para modificar los propiedades de la animación. • • • • Enlace que se aplicará a toda la animación (en la página 303) Velocidad de vídeo flash (en la página 298) Calidad JPEG (en la página 294) Área a guardar (en la página 296) Colores de animación En la pestaña COLORES DE ANIMACIÓN puedes configurar los colores utilizados en la animación: fija los colores de paleta favoritos para el GIF animado. Con frecuencia. Crea los objetos que quieres que aparezcan en este frame. NOMBRE : • • • Opciones flash Aquí hay varias opciones para animaciones flash. VER FRAME : si está activado. el primer frame de la animación es el frame de fondo. SUPERPOSICIÓN: si esta opción está configurada. • DITHERING: selecciona uno de los tipos de dithering. Esto es un simple recordatorio para ti. Exportar la animación Para guardar la animación.308 Animaciones en Flash 4. la mayoría de los cuales se describen arriba. Esto es útil cuando quieres crear un fondo y después crear una animación sobre ese fondo. esta opción está disponible si se utiliza una paleta optimizada. 5. Repite los pasos 3 a 5 hasta haber creado la secuencia de frames. Establece el fondo y los puntos de superposición. 6. haz clic sobre un frame en la galería de y selecciona PROPIEDADES . Es posible que debas experimentar un poco para encontrar el balance óptimo entre tamaño de archivo y calidad. La pestaña de frames En la pestaña de FRAME puedes fijar: • • el nombre de este frame. Podrás cambiar las opciones detalladas más adelante. Si el primer frame no es el frame de fondo. puesto que no se exporta con el GIF animado. De esta forma se creará un archivo más pequeño sin pérdida de calidad. el frame cubrirá todos los frames previos. FONDO : si está establecido. el frame se mostrará en la animación.

tiempo de descarga potencial si se coloca en una página web. . Animación: repeticiones y velocidad En la pestaña ANIMACIÓN puedes modificar la tasa de la animación y la frecuencia: • • LOOP: aquí determinas la cantidad de repeticiones. por ejemplo. INFORMACIÓN ADICIONAL : la página de vista previa contendrá información útil como. introduce aquí un valor cuando quieras obtener una pausa igual entre cada frame de la animación. Se indicará "Muchos" cuando la animación contenga más de una duración. MOSTRAR CADA FRAME DURANTE: Vista previa en el navegador Puedes seleccionar opciones adecuadas para los gráficos y después cargarlas en tu navegador para poder hacer una vista previa: • • OPCIONES DE FONDO : modifica el fondo del GIF animado para ver cuál da el mejor resultado.Animaciones en Flash • TRANSPARENCIA: 309 escoge esta opción para que las partes de un mapa de bits que no contienen objetos se vuelvan transparentes. Utiliza la pestaña "Frame" para establecer distintas pausas para frames individuales (descrito anteriormente). • VISTA PREVIA: pulsa este botón para lanzar una vista previa en tu navegador web.

(Estos botones son duplicados del diálogo de OPCIONES DE IMPRESIÓN . . Por favor. Si tienes dificultades. Seleccionar y configurar una impresora Archivo > Configuración de impresora. descrito a continuación). Los límites de la página están señalados con un rectángulo rojo. Ten en cuenta que este es el tamaño y la orientación de las hojas en la impresora. Si algún objeto de la página se encuentra fuera del rectángulo rojo. VERTICAL imprime la hoja sin girarla. Esta opción abre el diálogo estándar de CONFIGURACIÓN DE IMPRESIÓN de Windows: Al seleccionar una impresora. HORIZONTAL imprime girando la hoja 90%. ten en cuenta que no podemos darte consejo sobre la instalación o configuración de impresoras porque estas son operaciones de sistema estándar. Recomendamos no modificar la configuración por defecto de los botones HORIZONTAL /VERTICAL . pero muy pocas te dejan imprimir hasta el borde de la página.310 Imprimiendo Imprimiendo Mostrar bordes de impresión El menú Ventana > Mostrar bordes de impresión muestra una línea amarilla y roja alrededor de la página (no se imprime) que indica los márgenes y bordes de impresión. es muy probable que no se imprima. también se selecciona el tamaño de papel y su orientación. El área de impresión está establecida por los márgenes de la impresora seleccionada actualmente. No es lo mismo que el tamaño/orientación del documento. Algunas impresoras te permiten ajustar los márgenes. contacta con el proveedor de tu impresora u ordenador.

Imprimiendo El botón de propiedades Esto muestra un diálogo que te permite establecer las opciones para el tipo de impresora seleccionada. este botón te permite compartir impresoras de la red. MAGIX Web Designer 6 no controla este diálogo. Las opciones se describen más adelante. El diálogo de impresión Escoge Archivo > Imprimir (shortcut Ctrl+P) Botón imprimir Una vez que has seleccionado las opciones requeridas. Esto abre el diálogo de CONFIGURACIÓN DE IMPRESIÓN (descrito anteriormente). 311 Botón de red Si tu ordenador está conectado a una red. MAGIX Web Designer 6 no controla este diálogo. haz clic para imprimir.. Botón Imprimir.. . Botón opciones Esto abre el diálogo que te permite configurar opciones adicionales de impresión.

.7.3. Los objetos en las capas del fondo y las capas guía nunca se imprimen.312 Imprimiendo Páginas TODAS LAS PÁGINAS: imprime todas las páginas del documento. La sección Opciones del diálogo te indicará si el rango de páginas que has escrito es aceptado o no. 6 y 7. al hacer clic sobre IMPRIMIR .prn Copias Establece la cantidad de copias del documento que quieres imprimir. sólo se imprimen los objetos seleccionados. 3. Web Designer muestra el diálogo estándar de Windows para GUARDAR para que puedas especificar un nombre y una ubicación para el archivo. Observa que otros objetos dentro de los límites de los objetos seleccionados no se imprimen. 2. Los archivos de impresión tienen una extensión por defecto .3. 1. imprime la página o doble página actualmente seleccionada.3. 5. Después de activar esta opción. o introducir un rango de páginas separando los dos números con un guión.8. Si está activada. Puedes escribir números de páginas específicos separados por comas. RANGO DE PÁGINAS: te permite especificar las páginas que deseas imprimir. PÁGINA/S ACTUAL/ES: OBJETOS SELECCIONADOS: Esta opción está disponible si se selecciona cualquier objeto del documento.11-12 imprimirá las páginas 2.6-8. Ejemplos rangos de páginas: 2 sólo imprimirá la página 2.6.5-7 imprimirá las páginas 1. Lee Galería de capas para más detalles.11 y 12. sólo se imprimen los objetos que estén realmente seleccionados. Imprimir a archivo Puedes seleccionar la opción IMPRIMIR A ARCHIVO para crear un documento para entregar a una imprenta (si pueden aceptar este tipo de archivo).

Ten en cuenta que las capas de primer plano se imprimen. • Imprimir solamente las CAPAS DE PRIMER PLANO VISIBLES actualmente. algunas impresoras no reproducen colores consistentes al imprimir mapas de bits y objetos vectoriales que tienen el mismo color (este es un fallo del driver de la impresora). En este caso. En general. especialmente al imprimir líneas delgadas. Esto es visible si los objetos se superponen con mapas de bits o con objetos con transparencia. selecciona MAPA DE BITS o MAPA DE BITS ANTI-ALIASED y vuelve a intentar. el uso de .Imprimiendo Opciones de impresión: pestaña Salida 313 Imprimir capas Hay dos opciones: • Imprimir TODAS LAS CAPAS DE PRIMER PLANO . Imprimir como NORMAL es adecuado para la mayoría de los tipos de documento. Sin embargo. mientras que las capas de fondo nunca se imprimen. La elección entre mapa de bits y MAPA DE BITS ANTI-ALIASED depende de la impresora y la preferencia personal. Algunas impresoras dan un mejor resultado cuando el anti-aliasing está desactivado.

Esta opción controla la resolución de esos mapas de bits cuando se envían a la impresora. es posible que quieras controlar la resolución de forma manual e introducir el valor deseado. la impresión de un mapa de bits con 150 DPI es generalmente suficiente para todos los usos. Esto puede ser más lento. . Calidad de llenado Si usas esta opción. Por ejemplo. La opción automática es adecuada para la mayoría de los dibujos y significa que MAGIX Web Designer 6 selecciona automáticamente una resolución apropiada para la impresora actual. Esta opción no puede activarse en el caso de impresoras PostcScript. Si tu impresora tiene problemas para reproducir fuentes. que es lo que ves en tu pantalla. En general.314 Imprimiendo anti-aliasing permite imprimir con resolución menor. Opciones de texto TODO EL TEXTO COMO FORMAS . Ten en cuenta que las impresoras modernas muchas veces aseguran poder imprimir más de 1000 DPI. En este caso. nunca es necesario imprimir a más de 600 píxeles por pulgada y 300 píxeles por pulgada producen en general resultados de impresión perfectamente adecuados. pero reproducirá exactamente lo que ves en pantalla. pero esto no es lo mismo que "píxeles por pulgada". especialmente con anti-aliasing. es probable que se necesite una resolución más alta lo que resulta en una impresión más lenta. Resolución de transparencia Al imprimir. Sin anti-aliasing. selecciona la opción IMPRIMIR Todo el texto se convertirá en formas vectoriales antes de que el documento se envíe a la impresora. los efectos de transparencia de MAGIX Web Designer 6 se crean utilizando mapas de bits. Esto puede no ser adecuado si se imprime en una impresora con resolución muy alta como dispositivos imagesetting. La configuración NORMAL es adecuada para la mayoría de los casos. puedes escoger cuántos pasos conforman los rellenos con gradación en tu documento al imprimirlo.

pero Web Designer no cambiará el tamaño. Adaptación automática Tu diseño tendrá la orientación necesaria. Optimización Tu diseño se moverá al centro de la página y se ampliará o reducirá para adaptarse al tamaño del papel. Sin embargo. en algunos drivers de impresora todavía más). .Imprimiendo Opciones de impresión: pestaña "Diseño de la impresión" Aquí encontrarás una compilación de los efectos más importantes para la optimización de fotos sacadas. con tu móvil. puedes escoger las opciones personalizadas (lee "Individual" más adelante). Esta opción es la mejor si tienes un diseño grande o pequeño que quieres adaptar al tamaño de una página. por ejemplo. 315 La mayoría de las opciones en el diseño de impresión no pueden activarse si has seleccionado las opciones OPTIMIZACIÓN o ADAPTACIÓN AUTOMÁTICA . Recomendamos utilizar esta opción si tienes dificultades para encontrar la orientación correcta (existen al menos cuatro lugares en donde puedes establecer la orientación de la página. porque ofrecen la forma más fácil de imprimir. Recomendamos utilizar estas opciones.

incluyendo orientación. tamaño y márgenes. Adaptación múltiple Para imprimir muchas copias en una página. el otro cambiará también para asegurar que la página se imprima con una relación de aspecto 100%).316 Imprimiendo Esta opción es la mejor si has configurado el tamaño para tu diseño y no quieres que se modifique. introduce un valor para la cantidad de copias que debe incluir el ancho de la página (hileras) y la cantidad a lo alto de la página (columnas) y la distancia entre cada uno (margen). La escalación puede modificarse utilizando el campo ESCALA . Adaptación personalizada Te permite controlar la impresión. Los campos de margen superior e izquierdo pueden cambiarse (esto establece el lugar en que aparece la esquina superior izquierda de la página en el papel de la impresora). . Los botones de ORIENTACIÓN pueden utilizarse para escoger la orientación de la impresión. Los campos ANCHO y ALTURA te ofrecen una forma alternativa de configurar el tamaño de la impresión (cuando cambias un valor. escoge MÚLTIPLE .

DCX DCX .JPF JPEG 2000.J2C.FAX imagen de fax de un fax recibido o creado con un software de fax .JP2.JPG JPEG Formatos de imagen .HPD. . también conocido como Windows Media Photo.GIF (Graphic Interchange Format) . GIF.ICO Microsoft Windows Icon (16 colores) . La exportación te permite utilizar y distribuir tus diseños. GUARDAR Formatos recomendados Los formatos de exportación universal que pueden ser leídos por la mayor parte de programas y que son utilizados en la web son los formatos de mapas de bits. Primero. Esto sería como el formado de "documento master".J2K. PNG se recomienda para gráficos en la web y JPEG para fotos.Formato de imagen DCM Imaging and Communications in Medicine (DICOM) . . .CUT Halo CUT (256 colores) .PBM UNIX monocromo . Una versión mejorada del formato JPEG estándar que puede comprimir archivos de imagen realizando una compresión con o sin pérdidas. • EXPORTAR convierte a otros formatos compatibles.PCT PICT . Importar y exportar formatos de archivo compatibles Formatos de importación Es importante que utilices las extensiones de archivo de tres letras de la lista de abajo cuando cargues archivos al MAGIX Web Designer 6.Importación y exportación 317 Importación y exportación Indicaciones generales sobre la exportación e importación Web Designer ofrece una amplia gama de opciones de importación y exportación. . PNG y JPEG.WDP Microsoft Photo HD. .PCD PhotoCD . . Formatos de importación de mapa de bits . MAGIX Web Designer 6 guarda tu trabajo en un archivo de formato web.Mapa de bits Windows BMP . importación .JPX. es importante saber la diferencia entre guardar y exportar un archivo: • almacena tu trabajo para que puedas abrirlo posteriormente y continuar trabajando con él. Esto te garantiza que tu documento se verá exactamente igual que en la pantalla de MAGIX Web Designer 6.

AI Illustrator EPS .EPS CorelDRAW 3 & 4 EPS .PSD Photoshop (ver importación y exportación de archivos PSD (en la página 322)) . .PCX PCX Paintbrush .TGA TrueVision TARGA . .PDF (ver importación de un archivo PDF) .EPS FreeHand 3.CDT plantilla CorelDRAW .EPS Photoshop EPS (para importar datos de Photoshop a MAGIX Web Designer 6.PNG PNG .0 EPS .SGI (Silicon Graphics Image) .RTF texto .AFF Acorn Draw . BMP y JPEG (en la página 324)) .WBMP Wireless Bitmap Image (imagen de mapa de bits inalámbrica).WMF Enhanced Windows Metafile .XBM X Windows (2 colores) . Formato de imagen de mapa de bits en blanco y negro (1-bit) utilizado por los dispositivos móviles. archivos TIFF con orden de bytes para Mac o PC.HTM gráficos en páginas en HTML .ART Xara Studio .EMF/ .318 Importación y exportación .WIX para uso interno de Xara Formatos de exportación Formatos de exportación para mapas de bits (ver resumen del diálogo de exportación GIF.WMF Windows Metafile (16 bits) .EPS Illustrator EPS .PPM UNIX color (hasta 24 bit) . Formatos de importación EPS . Otros formatos de importación . Los faxes con muchas páginas serán importados como páginas múltiples). RGBA con transparencias de canal alfa & CMYK) El MAGIX Web Designer 6 es compatible con archivos TIFF de fax (imágenes en blanco y negro. utiliza archivos en PSD en lugar de en EPS para obtener mejores resultados).RAW formato de importación de cámara (ver importación de fotos RAW (en la página 321) para ver una lista de tipos de archivos compatibles).TIF TIFF (RGB.XPM X Windows (256 colores) . 4 & 5) .DRW Acorn Draw .CMX Corel CMX 5 & 6 .WEB archivos Xara Webster . TIFF con capas y transparencia (si se guarda desde el Photoshop las reglas para la compatibilidad para el modo de mezcla son las mismas que para los archivos PSD). JPEG en TIFF (la transparencia no es posible en este caso).CDR CorelDRAW (3.RAS Sun Raster .PGM UNIX escala de grises . PNG.

HTML (páginas y sitios web) . importa el archivo con Archivo > Importar o simplemente arrastra y suelta el archivo psd hasta MAGIX Web Designer 6.Esto normalmente mezcla el contenido del archivo en el documento existente. La nueva foto permanecerá seleccionada y se activará la herramienta de relleno para que puedas adaptar la posición y el tamaño de la foto si lo deseas. tendrás la opción de importar el documento a la página actual o insertarlo como nueva página.RTF Rich Text Format . BMP) desde el explorador de Windows y suéltalo sobre la imagen que quieres reemplazar.PNG PNG Otros formatos de exportación . y con esta acción estarás importando al documento y quedará colocado en el centro de la página actual. Con MAGIX Web Designer 6 podrás importar archivos utilizando el método de arrastrar y soltar.TOC.WIX. . .GIF CompuServe GIF . PNG. Sustitución de archivos de imagen Puedes reemplazar cualquier imagen cargada o forma rellena con una imagen con las tuyas. GIF.SVG Internet Scalable Vector Graphics .BMP mapa de bits Windows .GIF archivos animados en GIF (ver Creando archivos animados en GIF (en la página 307)) . O también puedes arrastrar y soltar el documento desde el Explorador de Windows a una barra o título de barra de la ventana de Web Designer.SWF Flash (ver Animaciones en Flash (en la página 283)) . • O selecciona "ARCHIVO -> ABRIR ": esta opción abre el archivo como un nuevo documento. Con otros formatos se te dará la opción de importar los datos de archivo de forma convencional o añadir un enlace al archivo e incluirlo en tu sitio web publicado. Con algunos formatos. El tamaño de tu foto se adaptará automáticamente para sustituir la foto de la plantilla. Puedes arrastrar un archivo desde tu explorador de archivos a un documento abierto dentro de MAGIX Web Designer 6. esta acción abrirá el archivo como un documento nuevo. Para sustituir una imagen arrastra tu propio archivo de imagen (JPEG. para uso interno de Xara 319 Importación de archivos Para importar un archivo: • Selecciona "ARCHIVO > IMPORTAR" .Importación y exportación .JPG JPEG PSD Photoshop (ver importación y exportación de archivos en PDF (en la página 322)) . Importación de un archivo Photoshop PSD Para importar un archivo PSD.

Es importante tener en cuenta los siguientes puntos: • Los archivos PDF de varias páginas se importan como documentos multipágina en MAGIX Web Designer 6.320 Importación y exportación Las capas del archivo PSD y la configuración de visibilidad de la capa se conservarán y se convertirán en capas de MAGIX Web Designer 6. Podrás verlas abriendo la GALERÍA DE CAPAS . • Los archivos PDF hacen un uso liberal del clipping. Utiliza la GALERÍA DE CAPAS para ver esta capa. MAGIX Web Designer 6 intenta rearmar las líneas de texto en líneas y párrafos de texto editable. pero significa que cuando se lo importa lo que aparece como uno o más párrafos continuos pueden no serlo. El PDF fue diseñado como un formato de documento portátil para visualizar e imprimir solamente y no estaba pensado como formato de archivo para la transferencia de datos entre aplicaciones. La opción OPTIMIZAR PARA VISUALIZAR intenta que el aspecto del resultado importado sea lo más similar posible al Acrobat. • El texto en los archivos PDF generalmente está separado en pequeños objetos de texto. por ejemplo). MAGIX Web Designer 6 puede cargar la mayoría de los archivos PDF. pero muchas veces verás que el texto está separado en objetos de texto individuales. Importación de PDF PDF es un formato de vectores gráficos complejos que ha evolucionado durante 10 años o más. El PDF es un formato altamente completo y muchas veces no puede importarse de forma correcta. Esto no evita la visualización e impresión. • Los textos de archivos PDF que utilizan fuentes incrustadas no podrán leerse ni editarse. se crea una capa que contiene solamente el texto de esa página del PDF. por lo que muchas veces es necesario utilizar "Ordenar > Eliminar Clipview" para poder editar los objetos de la página. si no tienes las fuentes utilizadas en el archivo PDF verás que las fuentes faltantes se sustituirán con fuentes alternativas. La mejor forma de importarlo puede depender del uso que quieras darle. Sin embargo. La opción alternativa OPTIMIZAR PARA EDITAR deshace algunas . En MAGIX Web Designer 6 esto aparece como objetos ClipView. El PDF es actualmente la forma recomendada para transferir archivos vectoriales de Adobe Illustrator a MAGIX Web Designer 6. Lo que podría no funcionar: • Muchos archivos PDF incluyen fuentes incrustadas. • Los archivos encriptados o protegidos por contraseña no pueden importarse. pero puede ser más difícil de editar (podría tener clipviews insertados. colócalos en capas separadas en Photoshop antes de realizar la exportación. No es posible extraer e instalar de forma legal estas fuentes en tu sistema. • Para facilitar la extracción de un texto de un archivo PDF. Consejo: si tienes objetos separados en Photoshop que deseas poder mover y cambiar de forma independiente de otro en MAGIX Web Designer 6. Por lo tanto. y contiene numerosos subformatos y opciones. Guarda el archivo como PDF y después importa el archivo resultante en MAGIX Web Designer 6.

*.*. sin tener que seleccionar los formatos de una lista completa de los formatos de exportación disponibles al utilizar "ARCHIVO -> EXPORTAR ".*. • ARCHIVO ->EXPORTAR JPEG : exporta la selección o la página actual a un archivo JPEG. 2. *. todos los gráficos de la página se van a importar. Algunos de los formatos están descritos más abajo.crw. • ARCHIVO ->EXPORTAR PÁGINA WEB : Importación de imágenes desde una página web. Ten en cuenta la diferencia entre esta función. Escoge el nombre para tu archivo y selecciona el formato deseado de la lista desplegable de TIPO DE ARCHIVO .anw.orf.nef. clipviews incrustados). *. 321 Importación de foto RAW Puedes importar archivos RAW desde cámaras digitales utilizando la opción del menú de importación o arrastrando y soltando el archivo en la ventana de Web Designer. y la función de "Importación". Se abrirá un diálogo de EXPORTACIÓN . Exportación rápida de HTML y formatos de gráficos web Puedes utilizar las opciones dedicadas en el MENÚ ARCHIVO para exportar rápidamente páginas web y gráficos web.dng. que sirve para cargar un solo gráfico desde un disco. *. Introduce la dirección de la página web (URL) de la página o del gráfico que desees importar.cr2. *. *.kdc.Importación y exportación construcciones que son difíciles de editar de forma manual (por ejemplo. Selecciona ARCHIVO > IMPORTAR DESDE PÁGINA WEB (o Ctrl + Alt + W). Extensiones de archivo compatibles: *. exporta el presente documento de página web a una ubicación de tu elección en tu ordenador. *. Puedes importar gráficos directamente desde páginas web de Internet hasta tu documento. • ARCHIVO ->EXPORTAR PNG : exporta la selección o la página actual a un archivo PNG. que sirve para cargar todas las imágenes de una página web.mrw. *. Exportación de archivos Para exportar un archivo: • Selecciona Archivo > Exportar. Para importar desde una página web: 1. lee el capítulo Primeros pasos. Pulsa IMPORTAR. Si la URL es una página.ptx.*raf. Para más información. . • O pulsa Ctrl+ +E. 3.x3f.pef.

También puedes crear un Flash animado. asegúrate de que la opición "VENTANA > CALIDAD" esté configurada en MUY ALTA CALIDAD . Importante Los mapas de bits se emiten con la calidad actual en que los ves. Cuantos menos colores contenga el archivo. Este formato también está disponible para aplicaciones que suministran la opción de menú Pegar especial. Esto es más apto para diseños de vectores y puede suministrar un tamaño de archivo mucho menor. JPEG es el mejor formato para trabajos fotográficos. por lo que cuando se exporta a un formado PSD todos los objetos vectoriales de MAGIX Web Designer 6 se rasterizan. Lee Animaciones Flash (en la página 283) para más detalles sobre la exportación Flash. Ten en cuenta que MAGIX Web Designer 6 puede contener características como estilos de relleno avanzados que no pueden representarse en formatos vectoriales como EMF. En este caso. al utilizar 256 colores o menos. más pequeño será y menor calidad tendrá. MAGIX Web Designer 6 te suministra técnicas muy avanzadas para simular una mayor gama de colores para que obtengas resultados de calidad fotográfica utilizando solamente 256 colores o menos. por lo tanto. PNG también es compatible con gráficos semitransparentes (utiliza la opción True Color + Alpha).wmf) Word y muchos otros programas pueden leer los archivos en este formato. Exportación como mapa de bits JPEG. para obtener la mejor calidad. Las partes vectoriales que pueden exportarse como vectores se exportarán como tales. El formato GIF es compatible sólo con 256 colores y. GIF y PNG son formatos universales compatibles con la mayoría de las aplicaciones informáticas modernas. PNG tiene la calidad más alta. parte delas imágenes se exportarán como mapas de bits. Exportación como formato Extended Metafile (EMF) Las aplicaciones modernas de Windows son compatibles con este tipo de formato de gráficos vectoriales avanzados. pero puede producir archivos compactos aceptables (puede controlarse la calidad y el tamaño de archivo). a pesar de que es muy común en muchas páginas web. pero esto no es compatible correctamente con Microsoft Internet Explorer (pero sí con los demás navegadores web). PNG es un mejor formato. Puedes seleccionar la resolución (dpi) al exportar. Exportación como metarchivo de Windows (. Puedes utilizar el SWF en páginas web o importarlo a Macromedia Flash para usar en animaciones Flash. Exportación de archivos Photoshop PSD Photoshop es un editor de mapas de bit.322 Importación y exportación Exportación como Flash Puedes exportar un dibujo al formato Macromedia SWF Flash (estático). . Sin embargo.

es decir. en capas separadas en MAGIX Web Designer 6. que si exportas en 96 dpi el tamaño del 100% en Photoshop será igual que el 100% en MAGIX Web Designer 6. 323 Capas Las capas se conservan en MAGIX Web Designer 6 cuando exportas en formato PSD. Un DPI de 96 es la resolución de pantalla normal de Windows. si deseas alterar tus objetos originales en el futuro. . Resumen Para obtener la mayor compatibilidad y posibilidades de edición en Photoshop: • Coloca las partes de tu dibujo que deseas que permanezcan como capas separadas en Photoshop. Puedes activar o desactivar las capas en Photoshop utilizando la paleta de CAPAS . El texto que se encuentra en una capa con cualquier otro objeto gráfico se rasterizará en esa capa y no será editable.Importación y exportación Siempre guarda tu trabajo en MAGIX Web Designer 6 antes de exportar. pero el texto debe encontrarse en una capa propia (al importar se te preguntará si quieres actualizar los objetos de texto para que sean editables en Photoshop). por lo tanto las capas definidas como "invisibles" en MAGIX Web Designer 6 serán exportadas y guardadas como invisibles en Photoshop. incluyendo los nombres de las capas. Texto Puedes exportar texto desde MAGIX Web Designer 6 para que sea un texto editable en Photoshop. Después. Exportación DPI Podrás configurar el valor DPI de los mapas de bits en el archivo PSD exportado. La visibilidad de las capas también se guarda. Puedes seleccionar para exportar toda el área de página de MAGIX Web Designer 6 o solamente las áreas con objetos visibles. Cada capa se rasteriza como una capa separada en PSD. Para un trabajo de impresión deberías escoger un DPI mayor. simplemente carga MAGIX Web Designer 6. realiza los cambios y después exporta nuevamente los objetos requeridos. Para exportar como archivo PSD selecciona "Archivo -> Exportar" y después ADOBE PHOTOSHOP en la lista GUARDAR COMO TIPO .

Algunas opciones como las opciones de paleta solo se pueden aplicar a algunos tipos de documentos como los PNG. para que puedas comparar las opciones de exportación alternativas o los tipos de documentos. Otras opciones de la pestaña OPCIONES cambian dependiendo del tipo de documento. y no son relevantes para el tipo JPEG. colócalo en una capa individual sin objetos gráficos. PNG. PNG. IMAGEN A a la izquierda e IMAGEN B a la derecha. . GIF y BMP. Encima de la ventana de vista previa se encuentra una lista desplegable que te permite seleccionar uno de los cuatro formatos de exportación más comunes: JPEG. Haz clic en la ventana derecha o izquierda de vista previa para cambiar la vista previa activada. Resumen del diálogo de exportación JPEG.324 Importación y exportación • Si quieres que el texto pueda editarse en Photoshop. Una vez que hayas seleccionado la imagen previa A o B podrás elegir entre una larga lista de opciones de exportación utilizando las cinco pestañas situadas debajo de la ventana de vista previa. como cuando exportas un JPEG y puedes configurar la calidad requerida. GIF y BMP El diálogo de exportación tiene dos ventanas de vista previa.

ZOOM AL 100%: amplía la imagen a su tamaño completo (100%). • Herramienta de DESPLAZAMIENTO : te permite mover la imagen dentro de la ventana de vista previa. La siguiente herramienta solo es importante para archivos que utilizan menos de 256 colores (pero verás el resultado si has seleccionado la pestaña OPCIONES DE PALETA): . El tipo de exportación principal mostrará la ventana de vista previa superior. Arrastra sobre un área de la vista previa para realizar un zoom en esa área. Puedes ajustar el tamaño del objeto en la página antes de exportar o si introduces un valor de pixel o DPI alternativo en la pestaña TAMAÑO DE MAPA DE BITS. en el paso 2 puedes utilizar directamente las opciones disponibles en el MENÚ ARCHIVO : EXPORTAR JPEG y EXPORTAR PNG . pero no el archivo para exportar: • Herramienta de ZOOM : haz clic sobre una vista previa para ampliarla. si ajustas la calidad en JPEG.Importación y exportación Entonces. ZOOM HASTA LA RESOLUCIÓN DE LA IMAGEN (1:1): no tiene ningún efecto en el caso de archivos GIF. o pulsa "Ctrl + Shift + E". la próxima vez que exportes un JPEG se acordará de la última configuración de calidad. Controles Estos botones modifican la vista previa de las imágenes. Haz clic en el botón EXPORTAR Para los formatos más usuales JPEG y PNG. Si así lo deseas puedes cambiar la configuración en el diálogo de vista previa o ignora esta opción si te parecen adecuadas las configuraciones que vienen por defecto. introduce el nombre del documento y elige el tipo de documento de la lista desplegable. Shift + clic para reducirla. Modifica el tamaño de la imagen para que un píxel del mapa de bits sea un píxel en la pantalla. 3. 4. La mayoría de las configuraciones de exportación se guardarán hasta la próxima exportación. El tamaño de píxel se puede ver en la ventana de vista previa. • • • ZOOM PARA MAXIMIZAR : modifica el tamaño de la imagen de vista previa de forma que se adapte a la ventana. El diálogo de exportación mostrado incluye el botón "Configuración" que te lleva al diálogo que se muestra arriba. los pasos a seguir para exportar una imagen son: 325 1. 2. Esto es muy útil para previsualizar el mapa de bits en detalle. Tamaño de imagen exportada Si exportas el tamaño estándar normal es lo mismo que ves en la pantalla con el zoom al 100%. Por ejemplo. Selecciona el objeto o los objetos en la página que quieres exportar Selecciona el menú Exportar.

VISTA PREVIA: el botón de vista previa está disponible en todas las pestañas de este diálogo.326 Importación y exportación SELECTOR DE COLOR (PIPETA) : al mover el cursor sobre la imagen se señalará el color que se encuentra debajo del cursor. Se recomienda utilizar siempre la PALETA OPTIMIZADA . tienes la posibilidad de utilizar transparencia simple (ver a continuación el icono de la copa). más grande el archivo (generalmente) y mayor la calidad. puedes utilizar los botones de las OPCIONES DE PALETA (descrito a continuación) para modificar ese color. Esto suministra un gran nivel de control sobre la calidad versus el tamaño del archivo. . así como su paleta de colores. por lo tanto. La opción TRUE COLOR es compatible con hasta 16 millones de colores. Si escoges 256 colores o menos. Dithering y paleta Las opciones DITHERING y PALETA solo son aplicables para la exportación de 256 colores o menos y modifican la forma en que la imagen se visualiza. sino con píxeles completamente opacos o transparentes y. Pestaña Opciones de paleta Esta pestaña te permite modificar los colores de tu imagen para exportar. Si se configura la opción DITHERING en ninguno. Haz clic para seleccionar ese color en la paleta. Profundidad de color Escoge la cantidad de colores que requiere tu mapa de bits. Cuantos más colores. puede producir bordes dentados. ERROR DE DIFUSIÓN crea resultados con mejor calidad pero también archivos más grandes. Simplemente introduce la cantidad de colores requeridos y pulsa el botón de VISTA PREVIA para ver el resultado. Esto no es compatible con píxeles semitransparentes. Actualiza las ventanas de vista previa para reflejar cualquier cambio que hayas hecho a las opciones de exportación. TRUE COLOR + ALPHA incluye características de semitransparencia como sombras y transparencias. Este es el formato recomendado para aplicaciones compatibles con archivos PNG de canal alfa. Colores máximos Si escoges una profundidad de color de 256 colores o menos puedes controlar exactamente la cantidad de colores que se utilizan en el archivo. Después. se producirán archivos más pequeños pero que probablemente presentarán líneas.

Eliminar un color de la paleta Borra este color de la paleta. Lee SELECTOR DE COLOR explicado anteriormente para ver cómo seleccionar un color o haz clic sobre un color en la PALETA DE COLORES . por lo tanto. Haz clic sobre un color para seleccionarlo y después selecciona el botón BLOQUEAR . Cuantos menos colores en la paleta. que convierte el fondo detrás de los objetos seleccionados en transparentes. y la opción Convertir fondeo de la imagen transparente. puesto que todos los ordenadores puedes mostrar millones de colores y restringir los gráficos web a esta paleta limitada no tiene mayores beneficios. más pequeño será el archivo de mapa de bits. 327 Bloquear un color Puedes especificar la cantidad de colores que quieres en la paleta de los mapas de bits exportados. Convertir el fondo de imagen en transparente Esto hace que las áreas no cubiertas por los objetos seleccionados sean transparentes. Convertir un color de la paleta en transparente Convierte esta entrada de color en transparente. puedes bloquearlos. Seleccionar esta opción activa automáticamente una entrada transparente en la paleta. que convierte partes del objeto seleccionado en transparente. Este es un sistema que ha dejado de ser importante o relevante.Importación y exportación Botones Estos botones (excepto FONDO TRANSPARENTE ) se aplican cuando se exportan imágenes con 256 colores o menos. Restablecer un color previamente eliminado Restaura un color eliminado. Debes tener en cuenta la diferencia entre esta opción. Aparecerá un pequeño cuadrado en la esquina izquierda del color para señalar que ese color está bloqueado. Convertir un color de la paleta en web safe Si pulsas este botón el color seleccionado cambiará a uno de los 216 colores de la paleta de colores web. Estos archivos se crean con una paleta de colores limitada y estos controles suministran un mayor nivel de control sobre esos colores de paleta. Las áreas del mapa de bits que utilicen el color eliminado utilizarán el color más cercano en la paleta. Es posible que quieras asegurarte de que estos colores siempre aparezcan en la paleta y. Añadir colores de sistema .

el área cubierta por los objetos. Si quieres exportar una imagen para visualizar en una pantalla (por ejemplo. Esto puede crear bordes de objetos levemente borrosos porque no se ajustan exactamente a los límites de los píxeles. especialmente si contiene una amplia gama de colores. Solo disponible cuando se han seleccionado objetos. Tamaño y resolución del mapa de bits Puedes modificar el tamaño del mapa de bits cambiando: TAMAÑO . crear un mapa de bits un 50% más grande que el original. Si tienes duda sobre la opción que debes utilizar.328 Importación y exportación Añade 28 colores a la paleta. Introduce el ancho o alto en uno de los campos. (No disponible para GIF ni BMP). • RESOLUCIÓN. • Área a guardar El mapa de bits puede crearse utilizando una de estas áreas del documento: • • • PÁGINA : DIBUJO : toda el área de la página. una página web) no necesitas un valor DPI mayor que 96. por ejemplo. Los 96 DPI también garantizan que el mapa de bits tenga el mismo tamaño que los objetos en la pantalla (con un aumento del 100%). al cambiar una dimensión se cambiará también la otra. podrás pegar la etiqueta en tu editor de texto o página HTML. Es posible que necesites experimentar con esta opción para obtener los mejores resultados. . TAMAÑO es más adecuado que ESCALA si quieres crear un mapa de bits con un tamaño especial en píxeles. CONSERVAR ANTI-ALIASING PANTALLA . Pestaña Tamaño de mapa de bits En esta pestaña puedes cambiar el tamaño de la imagen para exportar. Esto reposicionará levemente los objetos en fracciones para minimizar el anti-aliasing alrededor del borde del mapa de bits exportado. Colocar image tag de HTML en el portapapeles Esto te permite guardar la información básica del image tag de HTML cuando guardas el mapa de bits. Esto te permite cambiar el tamaño del mapa de bits con un porcentaje. Anti-aliasing El anti-aliasing mejora la apariencia de los gráficos suavizando los bordes dentados: • El mapa de bits exportado utilizará el mismo posicionamiento que se ve en la pantalla para que conserve el mismo anti-aliasing. Como la relación de aspecto del mapa de bits está bloqueada. SELECCIÓN : el área cubierta por los objetos seleccionados. (No disponible para JPEG ni PNG). ESCALA es mejor que Tamaño si quieres. selecciona esta opción. Introduce la resolución en el campo de DPI . • MINIMIZAR ANTI-ALIASING VISIBLE . Después. Estos colores son los colores del sistema Windows y una cantidad de colores primarios. Esto garantiza que la paleta incluya una extensión de colores y puede mejorar la calidad de la imagen. • ESCALA.

Los navegadores web comenzarán a mostrar la imagen antes de finalizar la descarga por completo. A medida que el archivo se carga. Seleccionar esta opción activa automáticamente una entrada transparente en la paleta.Importación y exportación Pestaña de opciones Con esta pestaña puedes modificar la compresión JPEG y activar las opciones progresivo/entrelazado de ser necesario. la resolución aumenta. Calidad JPEG: (solo JPEG). mientras que un valor alto reducirá levemente el tamaño del archivo pero conservará la alta calidad. En el navegador. la mejor prueba es ver la forma en que el gráfico se ve en un navegador web. Un valor de 75% produce una buena compresión sin causar pérdida de calidad evidente para la mayoría de los usos. Esto es útil cuando el JPEG es grande y se utilizará en una página web. Entrelazado: (solo GIF y PNG). Transparente: (solo GIF y PNG). Ten en cuenta que una configuración de 100% también comprimirá el archivo. . se creará un archivo por separado para cada capa. Haz clic en el botón VISTA PREVIA para abrir el navegador web y ver los gráficos antes de exportarlos. Sin embargo. Exportar cada capa a un archivo individual: si se selecciona esta opción al exportar un diseño que contiene varias capas. Los nombres de cada capa (tales como se encuentran configurados en la Galería de capas) se utilizarán para nombrar los archivos exportados. la primera imagen aparecerá como una imagen de baja resolución. 329 Vista previa Puedes escoger el mejor compromiso entre tamaño de archivo y calidad para gráficos web utilizando las ventanas de vista previa A y B en el diálogo de EXPORTACIÓN (ilustrado arriba). Esta pestaña te ofrece algunas opciones para esa vista previa. Al seleccionar esta opción se crea un JPEG progresivo. Progresivo: (solo JPEG). Esto hace que las áreas no cubiertas por los objetos seleccionados sean transparentes. Esta opción es como el JPEG progresivo. Una configuración baja resultará en un archivo pequeño con pérdida de calidad.

lee el capítulo MANEJO DEL DOCUMENTO (en la página 83).330 Importación y exportación La Galería de diseños Esta galería contiene plantillas de diseño profesional de páginas y sitios web completos. . Para abrir una plantilla como un nuevo documento. Si estás online. Las plantillas de página se agregan como nuevas páginas a tu documento actual. • O haz clic en el botón de Diseños en la barra de control de Galerías. Otras plantillas y widgets se colocan en tu página actual. al abrir la galería se bajarán diseños y widgets de los servidores de Xara. Para abrir esta galería: • Escoge "HERRAMIENTAS > GALERÍAS > GALERÍA DE DISEÑOS ". Vuelve a mirar regularmente para descubrir los últimos widgets y plantillas disponibles. así como de elementos individuales de cliparts que puedes utilizar para tu diseño. Para información sobre la utilización de las galerías. haz doble clic. que aparecerán de inmediato en la galería. Puedes realizar búsquedas con palabras clave y ordenar el contenido de la galería. arrástralo hasta tu diseño. Para importar una plantilla a tu documento abierto actualmente.

pero verás el widget real al exportar y hacer una vista previa de tu página. Haz los cambios necesarios (como cambiar la página. una ventana de navegador web se abrirá en la página web del widget. Puedes editar el documento de plantilla de la misma forma que un documento común. 3. APLICAR guarda las modificaciones pero el diálogo permanece abierto. Cuando estés satisfecho con los cambios escoge "Archivo > Guardar plantilla" e introduce un nombre para la plantilla. Opciones del menú "Herramientas" Shortcut: Ctrl + Shift + O Con esto se abre el diálogo de opciones. Para establecer la nueva plantilla como plantilla por defecto (es decir. Abre un documento existente ("Archivo > Abrir" o "Ctrl + O") o crea uno nuevo con el botón NUEVO de la barra de control ESTÁNDAR o "Ctrl +N". Para añadir un documento de plantilla: 1. Allí pueden aplicarse configuraciones para Web Designer. añadir un logo o un mensaje). Al finalizar. Verás la imagen estática al ver la página en MAGIX Web Designer 6. De esta forma puedes continuar realizando cambios. Consulta el capítulo de GRÁFICOS WEB Y WIDGETS para más información. 2. lo que te permite configurar tu widget para adaptarlo a tus necesidades. haz clic en el botón Insertar en la parte inferior de la ventana del navegador y el widget se insertará en tu página con un marcador de posición estático. Las plantillas prediseñadas están disponibles en la galería de diseños (o en Archivo > Nuevo de la galería de diseños).Personalización de Web Designer Si arrastras y sueltas un widget. que será lo primero que aparezca cuando abras Web Designer y cuando pulses Ctrl+N) coloca la tilde en USAR COMO PLANTILLA POR DEFECTO al guardar la plantilla. 331 Personalización de Web Designer Cambio del documento de plantilla en blanco Los documentos de plantilla son las opciones disponibles en ARCHIVO > NUEVO . . Con el botón ACEPTAR se guardarán las configuraciones y se cerrará el diálogo.

En el capítulo Capas (en la página 275) encontrarás más detalles sobre las capas y la galería de capas. éstas estarán visibles y podrán editarse automáticamente. Esta opción te permite cambiar la cantidad de archivos que contendrá la lista (entre 1 y 20 archivos).332 Personalización de Web Designer Pestaña General Tamaño de lista de archivos recientes El menú Archivo muestra una lista de los archivos cargados o guardados más recientemente en el submenú "Abiertos recientemente". al seleccionar una capa en la GALERÍA DE CAPAS. Las capas actuales siempre están visibles y pueden editarse. los estados VISIBILIDAD y EDICIÓN de una capa no se modificarán al seleccionarla. Si se ha seleccionado esta opción. Esta lista ofrece una forma rápida de volver a abrir esos archivos. . Si esta opción no está seleccionada.

Sin embargo.Personalización de Web Designer Preguntar antes de aplicar el atributo actual Esto es aplicable cuando se cambia un atributo actual. este enlace no hará nada en la página web exportada porque el grupo entero se exporta como imagen y. todos los objetos importados aparecerán en la capa actual y la información de capa en la información entrante se ignora. Si se deselecciona esta opción. Mantener los nombres de las capas importadas Si esta opción está activada. Puedes seleccionar un valor del menú o introducir un valor en grados.) Si la opción está activada. Web Designer aplicará la transparencia a todo el grupo como si fuera un solo objeto (no se verán las transparencias individuales en el grupo). como si el enlace se hubiera aplicado al grupo entero en lugar de sólo a un miembro del mismo. Al aplicar transparencia a un grupo de objetos. Así podrás seleccionar objetos que estén tocando el rectángulo de selección o seleccionar sólo los objetos que estén dentro del rectángulo. si esta opción está activa. la información de capa se preservará al importar plantillas u otros archivos. Esto cambia sutilmente el comportamiento del programa con respecto al modo de comportarse con los enlaces de los objetos. se te solicitará que confirmes si quieres cambiar el atributo. si por ejemplo aplicas sin querer un enlace al texto de un botón en lugar de . Si esta opción está desactivada y aplicas un enlace a un objeto que se encuentra dentro de un grupo. Este documento va a ser una página web Esta opción comunica a MAGIX Web Designer 6 que la intención es exportar el documento como página web. si cambias un atributo cuando no está seleccionado ningún objeto. el enlace aplicado a sólo un miembro del grupo es ignorado al exportarse la página web. Web Designer añadirá la transparencia a cada objeto del grupo por separado. Marco de selección de objetos Esta opción te permite cambiar la configuración por defecto para el Marco de selección (donde arrastras un rectángulo de selección sobre los objetos que quieres seleccionar). Limitación de ángulo Esto es aplicable para la rotación o movimiento de un objeto mientras se pulsa la tecla Ctrl. Si la opción está desactivada. IMPORTAR CAPAS EN NUEVAS CAPAS creará una capa para cada capa importada. (Es decir. Por lo tanto. 333 Hacer grupos transparentes en su conjunto Lee el capítulo Transparencia (en la página 188) para más información sobre las transparencias. por lo tanto. el cambio se realizará sin necesidad de confirmar. el enlace "asciende" a grupo. Con la opción IMPORTAR CAPAS a la CAPA ACTIVA seleccionada.

Este campo de texto define la distancia que el objeto se mueve cada vez que se pulse la tecla. Los valores positivos crean un duplicado por arriba y a la derecha del objeto original. Desplazar Esta se aplica cuando se utilizan las teclas de flecha  del teclado mientras se mueve un objeto. Esta opción está activada por defecto en todas las plantillas web. Este campo de texto te permite configurar la distancia de desplazamiento entre el original y el duplicado. Mostrar longitudes de texto compatibles con Windows Véase la compatibilidad de texto del navegador (en la página 175) en el capítulo MANEJA DE TEXTO . Los valores negativos crean un duplicado por debajo y a la izquierda del original. esta opción aplicará por ti el enlace al botón entero. (Cuando se realiza un desplazamiento. Pestaña Cuadrícula y regla . Si el documento utiliza unidades escaladas (por ejemplo.334 Personalización de Web Designer aplicarlo al botón entero. Ctrl y cinco y diez veces respectivamente). aumentan la distancia de desplazamiento Distancia duplicación Edición > Duplicar (Ctrl+D) crea un duplicado del objeto original. 1 pulgada a 1 milla) este campo de texto mostrará la distancia en la unidad escalada.

335 Coordinar selección Aquí puedes cambiar la dirección de las coordinadas de la página. . puedes asignar el clic normal a la tecla derecha del ratón (también puedes configurar ambas teclas para la misma acción. • +clic. • Ctrl+clic.Personalización de Web Designer Espaciado de cuadrícula y regla El ESPACIADO PRINCIPAL define la distancia entre la cuadrícula principal y las divisiones de la regla. es posible que quieras utilizar el botón derecho como el botón normal. Por lo tanto. Pestaña Ratón Función de botones de ratón Web Designer te ofrece una gama de acciones posibles para la tecla izquierda o derecha del ratón. Las unidades utilizadas para la cuadrícula y las reglas están definidas por las unidades que utilizas en el espaciado principal. si así lo deseas). si introduces un espaciado principal de 2 CM. Acciones posibles: • Clic normal: al menos un botón debería tener asignado esta opción. las unidades de la cuadrícula y la regla se configurarán en centímetros sin importar la unidad de página especificada en las opciones de unidades. Por ejemplo. si eres zurdo. Por ejemplo.

ELIMINAR. COPIAR. CLONAR (descritas en el capítulo Trabajar con objetos (en la página 88)).336 Personalización de Web Designer Alt+clic. DUPLICAR. Por ejemplo. la última logra compatibilidad con MAGIX Photo Designer 7. • Herramienta de DESPLAZAMIENTO (como si pulsaras +F8) El menú pop-up contiene opciones adecuadas para el objeto sobre el que haces clic. La primera es la opción por defecto de Web Designer. Radio para alineación magnética La alineación magnética se describe en detalla en el capítulo Trabajo con objetos (en la página 105). . para la mayoría de los tipos de objetos. Cambiar a pantalla completa (descrito en Trabajar con documentos (en la página 69)). Haz clic sobre RESTAURAR para regresar a las opciones de asignación de botones originales. no necesitar hacer clic en ACEPTAR ni en APLICAR AHORA . Estos valores determinan la distancia a la que pueden acercarse los objetos a los objetos magnéticos antes de alinearse automáticamente. PEGAR. MOVIMIENTO DE RUEDECILLA DEL RATÓN: • • • • puedes cambiar la acción de la rueda del ratón entre desplazamiento y zoom. El panel de control de Windows también te permite intercambiar los botones izquierdo y derecho del ratón. Esto tiene efecto inmediato. Estas son distancias en la pantalla y son independientes del tamaño de tu documento. el menú contiene las opciones CORTAR. Acercar o alejar el zoom +clic para alejar (descrito en Trabajar con documentos (en la página 69)). Menú pop-up (ver más adelante).

. crear nuevas barras de control. Pestaña Copias de seguridad Esta pestaña te permite activar y desactivar la función de copias de seguridad automáticas. Para fijar el tamaño de la página. reordenar los botones. Consulta el capítulo Trabajar con documentos (en la página 78) para más detalles acerca de estas funciones. mover o copiar botones entre las barras de control y muchas otras operaciones. entonces puedes asignar tamaños diferentes a tus páginas utilizando este diálogo. Barras de control Puedes mover las barras de control de Web Designer a otros lugares de la ventana. También puedes escoger si se te debe advertir que no has guardado documentos al cerrar el programa o si debe guardarse una copia de seguridad de todos estos documentos y restaurarse la próxima vez que inicies el programa. escoge uno de los tamaños de página suministrados en la lista desplegable o escoge "Personalizado" y luego introduce el ancho y la altura requeridas en el campo suministrado. Se recomienda dejar activada esta opción para que tu trabajo se guarde con regularidad.Personalización de Web Designer Pestaña Tamaño de página 337 Si la opción "TODAS LAS PÁGINAS DEL SITIO WEB CON EL MISMO TAMAÑO " no está seleccionada. Esta función guarda una copia de todos los documentos abiertos modificados en intervalos regulares.

Haz clic sobre ese recuadro de la barra de control para mostrar u ocultar la barra.338 Personalización de Web Designer No puedes cambiar la barra de información que depende de la herramienta ni el contenido de las barras desplegables que se encuentran en la barra de herramienta principal y en las barras superiores. Las barras de control también pueden ser flotantes. cambio de tamaño o desplazamiento) no tiene efecto en la otra configuración. Cualquier cambio a la configuración de las barras de control (por ejemplo. Mostrar y ocultar barras de control CONTROL La visualización de las barras de control se modifica a través del diálogo BARRAS DE (Ventana > Barras de control). Los cambios a botones individuales (por ejemplo. • La segunda configuración aparece después de escoger Ventana > Pantalla completa. Modo de pantalla completa Web Designer tiene dos configuraciones de barras de control: • Una configuración aparece cuando la ventana tiene el tamaño normal. Si colocas una tilde en ese recuadro. . Al mover la ventana también se mueven las barras de control bloqueadas. las barras de control están bloqueadas (ajustadas a los bordes de la ventana). Al lado del nombre de cada barra de control hay un recuadro. configurar una opción) se aplican tanto al modo normal como de pantalla completa. Estas barras no siguen el movimiento de la ventana. la barra de control estará visible. Barras de control bloqueadas o flotantes Normalmente.

arrástrala sobre: • El borde de la ventana. • O haz clic sobre NUEVO en el diálogo de BARRAS DE SÍMBOLOS . De esta forma. pulsa Ctrl mientras la desplazas. Eliminar las barras de control Sólo puedes eliminar las barras de control que están vacías. Modificación del tamaño de una barra de símbolos Desplaza el cursor del ratón sobre el borde de la barra de símbolos hasta que se convierte en una doble flecha. Desplazar botones y herramientas Para mover botones o herramientas: . Creación de barras de símbolos Para crear una barra de símbolos realiza lo siguiente: • Arrastra un botón desde el área de trabajo o desde la ventana. El desplazamiento de botones se explica más adelante. De esta forma puedes crear una nueva barra de símbolos y darle un nombre. Ahora podrás arrastrar el borde para modificar el tamaño de la barra de símbolos. Una barra de control flotante presenta un contorno de doble línea al arrastrar. Ahora podrás insertar botones mediante arrastrar y soltar. Cierra la barra de control (con un clic sobre el icono de CIERRE o usando el diálogo de BARRAS DE CONTROL ). arrástrala desde el borde de la ventana hasta un área de edición o fuera de la ventana de Web Designer. • U otra barra de control. • La barra de menú. Esto cambia a una línea simple cuando se encuentra en una posición bloqueada. se creará una nueva barra de símbolos que contendrá el botón. La barra de control se eliminará automáticamente cuando cierres Web Designer. Para hacer que una barra de control sea flotante.Personalización de Web Designer 339 Barra de control flotante Barra de control bloqueada Puedes ocultar una barra de control flotante utilizando el diálogo de BARRAS DE CONTROL (descrito arriba) o con un clic sobre el icono de CIERRE . La nueva barra de símbolos estará vacía. Si quieres que la barra de control permanezca flotante. mueve cualquier botón hasta otra barra de control. Para bloquear una barra de control. Para ello.

la galería volverá a su posición fija. 2. O arrastra la galería manteniendo pulsada la tecla "Ctrl" para evitar la fijación mientras arrastras. No puedes eliminar los botones ni las herramientas. utiliza la ventana de BARRAS DE CONTROL para volver a mostrar la barra de control. 1. Arrastra el botón hasta: Un lugar diferente sobre la misma barra de control. reitera el proceso para otras galerías. Mueve el cursor hasta el botón que quieres mover. ambas teclas ALT sólo copian el botón. No puedes mover botones desde ni hasta la barra de información. . Fijar una galería Para fijar una galería: Abre una galería con un clic sobre el icono en la barra de control de GALERÍAS o seleccionando Herramientas > Galerías. Si necesitas el botón o herramienta en el futuro. Pero con otro clic. Mantén pulsada "Alt" (ALT izquierdo) para mover el botón o "AltGr" (ALT derecho) para copiar el botón cuando se utiliza en barras de control definidas de usuario y otras barras de control. O hasta un área de edición o fuera de Web Designer para crear una barra de control nueva. Otra barra de control. Ocultar botones y herramientas Mueve los botones o herramientas no deseados hasta otra barra de control y después oculta esa barra de control (descrito anteriormente). Arrastra la galería hasta la izquierda o derecha de la pantalla. 2. 3. Si lo deseas. simplemente arrastra la galería desde el lado de la pantalla y desfijará automáticamente. Para desfijar la galería por completo. Fijación de galerías Es posible fijar una o más galerías a cada lado de la ventana de Web Designer. Aunque en la "paleta de botones" predefinida. Desfijar una galería Un clic sobre un icono de la barra de control de GALERÍAS eliminará la galería de la pantalla.340 Personalización de Web Designer 1.

. así como también arrastrar las galerías hacia arriba o hacia abajo para cambiar el orden.Personalización de Web Designer Reorganizar galerías Si has fijado más de una galería de un lado. las galerías compartirán una columna. Puedes cambiar el tamaño de las galerías como lo desees. 341 Restaurar las barras de control / galerías por defecto Haz clic sobre RESTABLECER para restaurar la configuración de la barra de control a sus valores estándar.

Muchas veces puedes seleccionar una opción de un menú. la acción descrita también es aplicable cuando se han seleccionado varios objetos. Por ejemplo. lo siguiente significa que hay un botón en la barra de control ESTÁNDAR que tiene el mismo efecto que seleccionar nuevo o que pulsar el shortcut Ctrl+N.342 Menús y shortcuts de teclado Menús y shortcuts de teclado Introducción En muchas partes estas descripciones se refieren al objeto seleccionado. Este archivo puede ser: • Un archivo . También puedes abrir la galería de diseños haciendo clic en el icono en la barra de herramientas de la galería. . Nuevo de la Galería de diseños Esta opción abre la galería de diseños si no está abierta ya y te permite escoger una plantilla para un nuevo documento. Archivos recientes Una lista de los archivos cargados o guardados más recientemente. se mostrarán detrás el nombre del menú. Nuevo (barra de control estándar o Ctrl+N) Menú Archivo Nuevo (barra de control estándar o Ctrl+N) Crea un documento nuevo. una barra de control o con un shortcut. Utilizamos la frase "objeto seleccionado" para referirnos a uno o varios objetos seleccionados. En la mayoría de los casos. • O cualquier otro de los formatos de importación (consulta Importación y exportación (en la página 316) para ver la lista de formatos). Abrir (barra de control estándar o Ctrl+O) Abre una nueva ventana de edición y carga un archivo. Esta lista te proporciona una forma rápida de volver a cargar cualquiera de estos archivos. Esto abre un nuevo documento con un archivo.web de Web Designer para visualizar o editar un documento de Web Designer existente. Si existe un botón en la barra de control y/o un shortcut. Haz clic en los iconos de fichero en la galería para abrir un fichero y haz doble clic en una miniatura de plantilla para iniciar un nuevo documento utilizando esa plantilla.

A continuación aparece una ventana de navegador mostrando la primera página de la página web. Guardar todo Guarda todos los documentos abiertos. Guardar (barra de control estándar o Ctrl+S) Guarda el documento seleccionado. Se te advertirá si no has guardado cambios. Web Designer permanece abierto. Exportar (Ctrl+Shift+E) Te permite exportar el documento en una gran variedad de formatos de exportación compatibles con Web Designer. mientras que IMPORTAR carga el archivo en el documento ya abierto. . (Consulta el capítulo Personalización de Web Designer (en la página 331)).Menús y shortcuts de teclado Puedes cambiar la cantidad de archivos que aparecen en esta lista. El documento es exportado a la misma ubicación a la que fue exportada por última vez (sobrescribiendo los archivos necesarios sin sugerir) o a una ubicación temporal si la página no ha sido exportada todavía. Ten en cuenta la diferencia entre ABRIR e IMPORTAR . Importar (Ctrl+Shift+I) Carga un archivo en el documento seleccionado. Visualizar página web Exporta el documento de página web actual y realiza una vista previa. Guardar como Te permite guardar el documento seleccionado con otro nombre o en un directorio o unidad diferente. Importar desde la web (Ctrl+Alt+W) Extraer todas las imágenes de una página web específica (Gráficos web ). (Para más información consulta el capítulo Personalización de Web Designer). Ambas opciones cargan una variedad de formatos de documento pero ABRIR los abre en un nuevo documento. (Lee el capítulo Importación y exportación (en la página 316) para más información). Guardar plantilla Guarda el documento seleccionado como una plantilla de documento. 343 Cerrar (Ctrl+W) Cierra la ventana de edición actual. (Consulta en el capítulo Importación y exportación (en la página 316) la lista de formatos). El archivo puede ser cualquiera de los formatos de importación.

. la pestaña PUBLICAR en el diálogo de PROPIEDADES WEB se visualizará primero. el diálogo de exportación aparecerá para permitirte que lo hagas. Configuración de impresora Establece las opciones relacionadas con la impresora o el archivo de impresión actual. Vista previa de la página (F12) Exporta y ofrece una vista previa de la página actual del documento de sitio web.344 Menús y shortcuts de teclado Esta es la forma más rápida de realizar una vista previa de tu página cuando trabajas en ella. A continuación la página web se publica en tu espacio web. Exporta y luego publica el documento de página web actual a tu página web. Luego. (Para más información. Si todavía no has introducido los detalles FTP para tu espacio web. Un indicador de progreso aparece durantes la operación de publicación. Opciones de página Sirve para modificar el diseño de página. Esto exporta tu animación como flash y abre una ventana popup mostrando tu animación flash reproduciéndose. como por ejemplo el tamaño del archivo flash. Publicar página web Esto realiza la misma operación que el botón en la barra de herramientas de web. Exportar página web Exportar el documento actual como HTML. Exportar animación Exporta una animación para utilizarla en una página web. Información de documento Esto muestra una ventana de información sobre el documento seleccionado que incluye las fuentes utilizadas en el documento actual. su tamaño. (Lee el capítulo Gráficos web). etc. Consulta el capítulo Primeros pasos (en la página 59) para más detalles sobre la publicación. Vista previa flash Esta opción sólo se activa cuando el documento actual es un documento de animación. La ventana también incluye información básica sobre tu animación flash. si todavía no has exportado la página localmente. También puedes realizar una vista previa haciendo clic en el botón en la barra de herramientas de web. El botón en la barra de herramientas es una forma más rápida de invocar esta operación. lee el capítulo Impresión (en la página 309)).

(Lee el capítulo Trabajar con objetos (en la página 94)). Rehacer (barra de control estándar o Ctrl+Y) Cancela la última opción DESHACER. Pegar (barra de control edición o Ctrl+V) Pega el contenido del portapapeles en el documento seleccionado. incluyendo la orientación y el tamaño de impresión. El objeto permanece en el lugar del documento. Cerrar Cierra todas las ventanas y borra Web Designer de la memoria de trabajo. Se te advertirá si hay cambios sin guardar. excepto que el objeto se pegará en la misma posición de donde lo has copiado. Copiar (barra de control edición o Ctrl+C) Copia el objeto seleccionado en el portapapeles. Lo que aparece escrito en esta opción refleja el contenido del portapapeles. Lo que aparece escrito en esta opción refleja la última operación DESHACER realizada. (Para más información. 345 Imprimir (Ctrl+P) Configura las opciones relacionadas con la impresión del documento y te permite imprimirlo. Lo que aparece escrito en esta opción refleja el tipo de objeto seleccionado. lee el capítulo Impresión (en la página 309)). lee el capítulo Impresión (en la página 309)). Pegar en lugar (Ctrl+Shift+V) Es igual a PEGAR . Por ejemplo DESHACER CORTAR. . Cortar (barra de control edición o Ctrl+X) Corta el objeto seleccionado al portapapeles. Lo que aparece escrito en esta opción refleja la última operación realizada. (Lee el capítulo Deshacer y rehacer). (Lee el capítulo Deshacer y rehacer (en la página 87)). (Lee el capítulo Trabajar con objetos (en la página 94)). Menú Edición Deshacer (barra de control estándar o Ctrl+Z) Deshace la operación anterior. Esto es útil para mover objetos de una capa o página a otra sin cambiar su posición X/Y. (Lee el capítulo Trabajar con objetos (en la página 94)). Lo que aparece escrito en esta opción refleja el tipo de objeto seleccionado.Menús y shortcuts de teclado Opciones de impresión Modifica las opciones de la impresión. (Para más información.

Duplicar (barra de control edición o Ctrl+D) Copia el objeto seleccionado y coloca la copia un poco desplazada del original. La copia se convierte en el objeto seleccionado. Clonar (Ctrl+K) Al igual que DUPLICAR .Barra de símbolos y barra de símbolos estándar o “Supr”) Borra el objeto marcado.346 Menús y shortcuts de teclado Pegar formato/atributos (Ctrl+Shift+A) Esta opción te permite copiar atributos (como el modelo de línea o el color de relleno) entre objetos. Eliminar selección/Restaurar atributos actuales (Esc) Deselecciona todos los objetos. Páginas El submenú Páginas te permite añadir o quitar páginas de tu documento multi-página. copia el objeto seleccionado pero coloca la copia directamente arriba del original. Cuando pegas atributos. En un documento con animación. duplicar la página actual o mover la página actual más arriba o abajo del documento. (Las capas editables y bloqueadas están descritas en el capítulo Capas (en la página 275)). El texto de esta opción corresponde al objeto seleccionado. Es una forma rápida de aplicar múltiples atributos. los atributos del objeto que se encuentra en el portapapeles se aplican a todos los objetos seleccionados actualmente (consulta Trabajar con objetos (en la página 112)). Eliminar (“Edición“. esta opción es MOVER AL PRÓXIMO FRAME . Para más información sobre documentos multi-página ve al capítulo Documentos multi-página (en la página 73). La copia se convierte en el objeto seleccionado. los atributos actuales vuelven a sus valores por defecto. El objeto se convierte en el objeto de fondo de la nueva capa. Seleccionar todo (Ctrl+A) Selecciona todos los objetos de las capas editables. La distancia de desplazamiento puede personalizarse (lee el capítulo Personalización de Web Designer (en la página 334). Puedes ejecutar esta opción si presionas ESC dos veces. . Menú Arreglo Mover a la capa al frente (barra de control arreglo o Ctrl+Shift+U) Mueve el objeto seleccionado una capa hacia el frente. Lee el capítulo: El trabajo con objetos (en la página 88). Si nada está seleccionado.

Al diferencia de los grupos. salvo que se haya seleccionado un grupo. El objeto se convierte en el objeto de primer plano de la nueva capa. Mover a la capa de atrás (barra de control arreglo o Ctrl+Shift+D) Mueve el objeto seleccionado una capa hacia atrás. Crear barra de navegación Esta función te permite crear una barra de navegación a partir de un único botón. (Lee el capítulo Trabajar con objetos). los grupos suaves pueden incluir objetos en diferentes capas. Agrupar (barra de control arreglo o Ctrl+G) Agrupa los objetos seleccionados para manejarlos como un solo objeto. O cuando hay al menos un grupo dentro de los objetos seleccionados. Borrar grupo suave (Ctrl+Alt+U) Separa el grupo suave seleccionado de modo que los objetos puedan seleccionarse por separado de nuevo. (Lee el capítulo Trabajar con objetos (en la página 88)). Aplicar grupo suave (Ctrl+Alt+G) Haz que los objetos seleccionados formen un grupo suave. Llevar atrás (barra de control arreglo o Ctrl+B) Mueve el objeto seleccionado detrás de los otros objetos sobre la misma capa.Menús y shortcuts de teclado Traer al frente (barra de control arreglo o Ctrl+F) Mueve el objeto seleccionado hasta el frente de los otros objetos sobre la misma capa. Esta opción no está disponible. (Lee el capítulo Trabajar con objetos (en la página 88)). Desagrupar (barra de control arreglo o Ctrl+U) Separa el grupo o los grupos en objetos individuales. Lee el capítulo Trabajar con objetos (en la página 88) para más información. (Lee el capítulo Trabajar con objetos (en la página 88)). Encontrarás más información en el capítulo BARRAS DE NAVEGACIÓN (en la página 254). esta opción es MOVER AL FRAME ANTERIOR . Consulta Trabajar con objetos (en la página 108) para detalles. Mover atrás (barra de control arreglo o Ctrl+Shift+B) Mueve el objeto seleccionado un paso hacia atrás. En un documento con animación. 347 Mover adelante (barra de control arreglo o Ctrl+Shift+F) Mueve el objeto seleccionado un paso hacia adelante. .

(Para más información.348 Menús y shortcuts de teclado Alineación (Ctrl+Shift+L) Se utiliza para alinear varios objetos. lee el capítulo Trabajar con formas (en la página 129)). a partir de allí se actualizará cada vez que selecciones ACTUALIZAR OBJETOS REPETIDOS . Contornear texto Hacer que el texto contornee al objeto. La función creará automáticamente el nombre Repeating:AutoRepeat y se aplicará a todas las copias. Descartar partes de otras formas no cubiertas por la forma superior. . Esto significa que puedes editar una barra de navegación en la página actual (por ejemplo cambia las etiquetas y los enlaces de los botones) y luego. Actualizar objetos repetidos Copia los objetos marcados como repetidos en la página actual a todas las demás páginas que contienen copias de estos objetos. Todas las barras de navegación disponibles de la galería de diseños están configurados como objetos repetidos. Sólo las formas seleccionadas se combinarán. Combinar formas (barra de control arreglo) El submenú de combinar formas te permite: • • • • Añadir formas. Obtén más información en el capítulo Trabajar con objetos (en la página 116). invocando esta operación. Las formas sin seleccionar no se modificarán. No tiene efecto si hay un solo objeto seleccionado. Repetir en todas las páginas (Shift+Ctrl+Alt+R) El objeto seleccionado se copiará en el mismo lugar en todas las páginas. Sustraer la forma superior de las inferiores. lee el capítulo Trabajar con objetos (en la página 109)). Utilizar la forma superior para cortar las otras formas. VerContornear objeto con texto (en la página 165) para más detalles. Adaptar texto a la curva / Eliminar texto de la curva Permite adaptar un texto a una curva o eliminar el texto de la curva (ver capítulo Trabajo con textos). actualiza esta misma barra de navegación en todas las demás páginas para que se igualen. Actualizar objetos repetidos (en la página 114) en todas las páginas Detener repetición (Shift+Ctrl+Alt+O) La función Arreglo > Detener repetición te permite desactivar la naturaleza de repetición de un objeto o en todas las copias de ese objeto en tu sitio web. (Para más información.

Ver Optimización de fotos (en la página 238) para más detalles. Galería de rellenos (barra de control de galerías o " + F11") Muestra u oculta la GALERÍA DE RELLENOS (ver Manejo de mapas de bits).Menús y shortcuts de teclado Menú Herramientas Galerías Páginas y galerías (barra de control galerías o "F10") Muestra u oculta la GALERÍA DE CAPAS. (Consulta el capítulo Trabajar con colores. Lee Optimización de fotos (en la página 238). 349 Galería de mapas de bits (barra de control de galerías o "F11") Muestra u oculta la GALERÍA DE MAPAS DE BITS (ver Manejo de mapas de bits (en la página 224)). .) Nombres Abre el diálogo Aplicar/Eliminar nombres (en la página 113). Editor de color (Ctrl+Shift+E) Abre el EDITOR DE COLOR. Galería de diseños (barra de control de galerías o " + F10") Muestra u oculta la GALERÍA DE DISEÑOS (ver Importación y exportación (en la página 316)). etc.. Además puedes controlar cómo se exportan las imágenes para la página web y configurar otras propiedades web más utilizando este diálogo. Propiedades web (Ctrl+Shift+W) Abre el diálogo PROPIEDADES WEB que permite añadir a tu documento de página funciones web como enlaces. Optimizar todos los JPEG Optimiza el diseño de todas las fotos JPEG. referencias. Galería de líneas (barra de control de galerías o"F12") Muestra u oculta la GALERÍA DE LÍNEAS (ver Dibujo de líneas). Sólo utilizada en documentos no animados (ver Capas (en la página 275)). Sólo utilizado en documentos animados (ver Gráficos web (en la página 283)). Consulta Primeros pasos (en la página 16) para más detalles. Optimizar foto Optimizar resolución del mapa de bits para utilizar tus diseños con MAGIX Web Designer 6. Galería de frames (barra de control de galerías o " + F12") Muestra u oculta la GALERÍA DE FRAMES . capas popup.

Hay un botón en la barra de animación para un acceso rápido a esta operación. Utiliza esto para realizar vistas previas de animaciones flash. Barras de control Muestra el diálogo de BARRAS DE CONTROL . los atributos actuales vuelven a sus valores por defecto. .350 Menús y shortcuts de teclado Animación Este menú sólo está disponible en los documentos con animación y ofrece tres opciones: • • PROPIEDADES DE LA ANIMACIÓN: en este diálogo puedes cambiar las opciones para la animación y para cada frame. (Descrito en el capítulo Personalización de Web Designer (en la página 337)). Menú Ventana Eliminar selección/Restaurar atributos actuales (Esc) Deselecciona todos los objetos. Revisar ortografía mientras se escribe Esta opción activa el CORRECTOR DE ORTOGRAFÍA (en la página 159) en la herramienta de texto. • VISTA PREVIA DE ANIMACIÓN GIF EN EL NAVEGADOR: al escoger esto se creará un archivo GIF animado a partir de los frames de tu documento y se abrirá en tu navegador web para que veas el resultado. Esto no es muy útil para animaciones flash porque sólo muestra los frames clave sin transiciones (tweening). • VISTA PREVIA DE ANIMACIÓN FLASH EN EL EXPLORADOR: Abrirá una ventana donde se reproduce tu animación como flash. Opciones (Ctrl+Shift+O) Abre el diálogo de OPCIONES. Si nada está seleccionado. Nueva ventana Abre una nueva ventana en el documento seleccionado. desde contorno hasta antialiasing. Hay un botón en la barra de animación para un acceso rápido a esta operación. tal como aparecerá en un navegador web cuando la exportes. Arreglar ventanas Ordena todas las ventanas de Web Designer como mosaico. (Descrito en el capítulo Personalización de Web Designer). Puedes ejecutar esta opción si presionas ESC dos veces. Calidad (barra de control estándar) Selecciona la forma en que los objetos se visualizan. VISTA PREVIA DE TODOS LOS FRAMES: Utiliza esto para realizar una vista previa de todos los frames de tu animación. (Consulta el capítulo Trabajar con documentos).

) Un * tras el nombre del documento señala que no se han guardado cambios de ese documento. Aquí puedes leer la ayuda paso a paso o escoger una sección específica a través de la estructura de árbol de la derecha. Documentos abiertos Una lista de todos los documentos abiertos actualmente. Menú Ayuda Ayuda de MAGIX Web Designer 6 Utiliza la opción "Temas de ayuda" del menú "Ayuda" para abrir una página de inicio de la ayuda del programa. 351 Mostrar cuadrícula (#) Muestra la cuadrícula de pantalla. arrastrar un control deslizante hasta otro objeto ajusta el control al objeto. Mostrar guías (1 del teclado numérico) Muestra u oculta la capa guía que contiene todas las líneas guía y objetos guía. (Consulta el capítulo Trabajar con documentos (en la página 69)). Con MOSTRAR BORDES DE IMPRESIÓN se verán dos rectángulos en la pantalla. Ajustar a guías (2 del teclado numérico) Con esta opción configurada un objeto se ajustará a cualquier guía cercana al que se la arrastre. Un clic sobre un nombre selecciona el documento correspondiente. Lee el capítulo Trabajar con objetos (en la página 105) para más información. Puedes ajustar la distancia de ajuste. Uno te muestra el borde del papel y el otro el área que se imprimirá. (Consulta el capítulo Trabajar con objetos (en la página 105)). Mostrar bordes de impresión La mayoría de las impresoras tienen un margen que no se imprime (el borde de impresión) alrededor del borde de la página. Ajustar a objetos (* del teclado numérico) Con esta opción seleccionada.Menús y shortcuts de teclado Pantalla completa (8 del teclado numérico) Cambia entre el modo de pantalla completa y de pantalla normal. (Consulta el capítulo Trabajar con documentos (en la página 69)). Para más información. del teclado numérico) Con esta opción configurada un objeto se ajustará al punto de cuadrícula cercano al que se lo arrastre. (Ctrl+F6 también cambia entre los documentos. Ajustar a cuadrícula (. . lee el capítulo Personalización de Web Designer.

Registrarme Utiliza esta opción para registrar online en Xara tu adquisición para que puedas obtener actualizaciones de programa gratuitas. se descargará automáticamente y luego se cierra MAGIX Web Designer 6 y se instala la actualización. se iniciará un proceso automático de actualización que comprobará si hay disponibles actualizaciones de programa gratuitas. Utiliza esta función para obtener ayuda sobre cualquier función de MAGIX Web Designer 6. si has registrado el programa con Xara. Consejo del día Ver el consejo del día. descuentos en actualizaciones. Selecciona esta opción para abrir el diálogo de afiliación que te explica todo sobre el programa de afiliación. Shortcut: F1 Más Web Designer Este menú contiene enlaces de internet útiles para la página web de Xara y recursos online útiles. seleccionando las opciones que se muestran en el diálogo. Actualizar programa Esto comprueba de forma online si hay actualizaciones de programas disponibles. puedes utilizar esta opción para unirte al programa o para cambiar la opción de afiliación previamente. El programa luego se reinicia automáticamente para ti.352 Menús y shortcuts de teclado Ayuda Esta opción está disponible en casi todos los lugares del programa y abre la ayuda del programa en el tema correspondiente.' Utiliza la opción REGISTRARME en el menú AYUDA para registrar el programa con Xara. ofertas especiales y otros beneficios. Acerca de MAGIX Web Designer 6 Se verá información sobre el Copyright y el número de la versión de MAGIX Web Designer 6. Programa de afiliado Si no te has registrado en el programa de afiliados cuando desbloquees MAGIX Web Designer 6. En la ventana del consejo del día hay un recuadro en el que puedes seleccionar si quieres ver o no un consejo cada vez que inicias Web Designer. Si hay una actualización disponible. . Luego. En primer lugar aparecerá una pantalla que te comunica si hay una nueva versión principal de Web Designer para actualizar. Puedes comenzar a cobrar comisiones desde tu página web MAGIX Web Designer 6 o donarla por caridad.

Menús y shortcuts de teclado Shortcuts de teclado Las herramientas Herramienta de selección Herramienta de edición de forma Herramienta de rectángulo Herramienta de elipse Herramienta de texto Herramienta de relleno Herramienta de transparencia Herramienta de sombra Herramienta de foto Herramienta de desplazamiento (push tool) Herramienta de zoom F2 o V o Alt+S F4 + F3 o M + F4 o L F8 o T F5 o G F6 Ctrl + F2 P + F8 o H o Alt + X (o barra espaciadora si no está en la herramienta de texto) + F7 o Z o Alt + Z 353 Las galerías Galería de diseños Galería de rellenos Galería de frames Galería de capas Galería de mapa de bits Galería de líneas + F10 + F11 + F12 F10 F11 F12 Zoom Zoom previo Zoom a selección Zoom a dibujo Zoom a página Ampliar (zoom in) Alejar (zoom out) Zoom al 100% Zoom al 200% Zoom al 300% Zoom al 400% Zoom al 50% Ctrl+R Ctrl+ +Z Ctrl+ +J Ctrl+ +P Ctrl + + del teclado numérico Ctrl+ .del teclado numérico 1 2 3 4 5 También puedes ampliar/alejar y desplazar el documento utilizando la rueda del ratón (Ctrl+Rueda amplia/aleja). . Manipulación de documentos En la herramienta de texto. los shortcuts señalados con el asterisco (*) tienen una acción diferente. Lee a continuación.

los shortcuts señalados con el asterisco (*) tienen una acción diferente. Lee a continuación. Manipulación de objetos En la herramienta de texto.354 Menús y shortcuts de teclado Nuevo documento Nuevo documento animado Abrir documento Cerrar documento Cambiar documento Imprimir documento Guardar documento Importar Importar gráficos de la web Exportar Calcular tiempo de redibujo Mostrar cuadrícula Mostrar guías Ajustar a cuadrícula Ajustar a guías Ajustar a objetos Seleccionar pantalla completa Mostrar reglas Deshacer Rehacer Ctrl+N Ctrl+ +N Ctrl+O Ctrl+W Ctrl+Tab Ctrl+P Ctrl+S Ctrl+ +I Alt+W * Ctrl+ +E Ctrl+ +T # 1 del teclado numérico . Seleccionar todo Seleccionar el próximo objeto Eliminar la selección Borrar selección Traer objeto al frente Llevar objeto al fondo Mover objeto hacia adelante Mover objeto hacia atrás Mover objeto a la capa de adelante (documentos de dibujo) Mover objeto a la capa de atrás (documentos de dibujo) Mover al próximo frame (documentos de animación) Mover al frame anterior (documentos de animación) Agrupar objetos Desagrupar objetos Clonar objeto Duplicar objeto con desplazamiento Copiar objeto en el portapapeles Cortar selección al portapapeles Ctrl + A * Pestaña Eliminar * Esc Ctrl + F Ctrl + B * Ctrl+ñ+F Ctrl +ñ+ B Ctrl +ñ+ U Ctrl +ñ+ D Ctrl +ñ+ U Ctrl + ñ+ D Ctrl + G Ctrl + U Ctrl + K Ctrl + D Ctrl + C Ctrl + X . Ctrl+Y o > o . del teclado numérico 2 del teclado numérico * del teclado numérico 8 del teclado numérico Ctrl+Shift+R Ctrl+Z o < o .

Aplica negrita. Selecciona todos los caracteres en un objeto de texto. Mueve el cursor de texto al inicio de la línea. Inserta el texto de ejemplo 'Lorem ipsum' Pega el texto en la posición del cursor de texto (si el portapapeles contiene texto). Mueve el cursor de texto una palabra hacia la izquierda/derecha. abajo. Mueve el cursor de texto al final de la línea. Selecciona todos los caracteres de la línea que contiene el cursor de texto.Menús y shortcuts de teclado Pegar objeto del portapapeles Pegar objeto en la posición original Pegar atributos Crear copia de mapa de bits Añadir formas Sustraer formas Formas de intersección Segmentar formas Abrir el diálogo de alineación Dirección web Ctrl + V Ctrl + ñ+ V Ctrl + ñ+ A Ctrl +ñ+ C Ctrl + 1 Ctrl + 2 Ctrl + 3 Ctrl + 4 Ctrl + ñ+ L* Ctrl +ñ+ W 355 Mover los objetos seleccionados: teclas de flecha con la herramienta de selección (ver Desplazar objetos (en la página 93)) Mover los controles deslizantes seleccionados: teclas de flecha en otras herramientas que no sean la herramienta de selección Herramienta de texto Teclas de navegación Mueven el cursor de texto hacia arriba. Inicio Fin Ctrl+flecha izquierda/derecha. izquierda o derecha un carácter por vez. Copia la región de texto seleccionado en el portapapeles. Mueve el cursor de texto al inicio de la primera línea en un objeto de texto. Aplica cursiva. Mueve el cursor de texto al final de la última línea en un objeto de texto. Ctrl+Inicio Ctrl+Fin Ctrl+A Ctrl+B Ctrl+I Ctrl+C Ctrl+L Ctrl+ +L Ctrl+V .

del teclado numérico Ctrl + Alt + . Selecciona todo el texto entre la posición del cursor y el final de la línea. pág. Inicio / fin selecciona aumenta o disminuye la difuminación aumenta o disminuye en pasos mayores. Si el cursor se encuentra al inicio de una línea de texto. une esta línea con la línea de abajo. los valores mínimos o máximos de difuminación. Elimina el carácter a la izquierda del cursor de texto. Retroceso +flechas +Fin Caracteres especiales (en la herramienta de texto) Ctrl+barra espaciadora Espacio rígido (las palabras con espacios rígidos entre ellas no se separaran al final de la línea) Guión "n" (este guión tiene el ancho de una letra "n" y es más largo que un menos). / Av. Inicia una nueva línea de texto. Inserta guión rígido para prevenir que un guión se malinterprete al final de la línea. Si el campo de texto o la barra de difuminación están seleccionados: Rueda del ratón arriba/abajo Ctrl+Rueda del ratón arriba/abajo Re. pág. aumenta o disminuye en pasos mayores. Si el cursor se encuentra al final de una línea de texto. . Aumenta/reduce el tamaño de la fuente del texto seleccionado (sólo si toda la selección tiene el mismo tamaño) Aumenta / reduce el espaciado / kerning. Guión "m" (este guión es un guión largo) Puntos suspensivos Copyright Registrado Marca registrada Viñeta Ctrl + – del teclado numérico Ctrl + Alt + . une esta línea con la línea de arriba. Selecciona todo el texto entre la posición del cursor y el inicio de la línea. Inserta un guión suave (aparece solamente cuando se encuentra la final de la línea).356 Menús y shortcuts de teclado Ctrl+W Ctrl+Ctrl+ +Ctrl+ +< Ctrl+ +> Alt+teclas de flecha ↵ Eliminar Intercambia la mayúscula y minúscula del carácter que se encuentra a la derecha del cursor de texto.(punto) Ctrl + Alt + C Ctrl + Alt + R Ctrl + Alt + T Ctrl + Alt + B – — … © ® ™ • Herramienta de difuminación Puedes controlar la barra de difuminación con tu ratón y el teclado. Elimina el carácter a la derecha del cursor de texto.

Menús y shortcuts de teclado Otros Editor de color Diálogo "Opciones" Ayuda de MAGIX Web Designer 6 Ctrl+E (abre y cierra) Ctrl+ +O F1 357 .

Hemel Hempstead. Todos los derechos reservados. así como modificaciones al programa. circulación y traducción. Quedan reservados todos los derechos especialmente los de duplicación. selecciona "Sí". Si aceptas los términos del Acuerdo de licencia. Xara es marca registrada de Xara Group Ltd. Acuerdo de licencia de usuario final de clientes de XARA Web Designer © 2010 Xara Group Ltd AVISO IMPORTANTE: El software <Programmnam> (en adelante"Software") es copyright de Xara Group Limited ("Xara") con sede principal en Gaddesden Place.358 Legal Legal Copyright Esta documentación está protegida por ley. Copyright © Xara Group Ltd. así como tampoco transferirse a un idioma utilizable por máquina alguna. es una compañía afiliada de MAGIX AG. 1994-2010. Ninguna parte de esta publicación puede reproducirse a través de fotocopias. Queda reservado el derecho a introducir cambios al contenido. Herts. Se ofrece una licencia de acuerdo con los términos del Acuerdo de licencia de usuario final ("EULA" por sus siglas en inglés) establecidos a continuación. lee y acepta los términos y condiciones del Acuerdo . sin la aprobación por escrito del propietario de los derechos de autor. Xara Group Ltd. HP2 6EX. Seleccionar Sí e instalar el software constituye la aceptación de los términos del Acuerdo de licencia de usuario final. Por favor. y no podrá almacenarse ni copiarse en ningún ordenador sin la licencia de Xara. Reino Unido. Quedan reservados todos los copyrights. Otros nombres de productos mencionados son marca registrada de su respectivo fabricante. Los otros nombres de producto pueden ser marca registrada del respectivo fabricante. microfilm o cualquier otro procedimiento.. especialmente equipos de procesamiento de datos. This product uses MAGIX patent pending technology. MAGIX es marca registrada de MAGIX AG.

en el caso de la descarga. a no ser que quieras 2. No instales el software si no estás de acuerdo con los términos y condiciones del Acuerdo de licencia. reproducción o trato de ningún tipo con este software. copia (excepto lo expresamente establecido en este Acuerdo). préstamo. o. adaptación. ingeniería inversa. desmontaje ni creación de trabajos derivados basados en todo o una parte del software o su documentación asociada. incluyendo el software guardado en el disco duro de cualquier ordenador. siempre que esté sin utilizar e intacto. Si se está utilizando la versión de prueba del software. Al momento de la finalización. modificación. sublicenciamiento. copiar el software de un ordenador a otro que se encuentre bajo tu control personal. la utilización. El transmisor no conservará ningún derecho de acuerdo con este Acuerdo en relación con el software y la licencia transferidos.Legal antes de instalar el software. podrás retornar el CD-ROM con el software dentro de los 14 días de la fecha de compra. DURACIÓN La licencia estará vigente hasta que se destruya el software y la documentación junto con todas las copias. se acuerda destruir todas las copias del software y su documentación. ACUERDO DE LICENCIA DE USUARIO FINAL DE CLIENTES DE XARA WEB DESIGNER ("EULA") Está permitido: 1. deberás enviar una Carta de destrucción a tu proveedor junto con la prueba de compra para obtener un reembolso. esta licencia finalizará automáticamente. cargar o descargar el software y utilizarlo solamente en un ordenador de un solo usuario que se encuentre bajo control personal. Podrás conservar este CD-ROM siempre que se haya borrado el software. fusión. arrendamiento. transferir el software (completo con toda su documentación asociada) y esta licencia a otra persona que haya aceptado los términos de este Acuerdo y la transferencia simultánea de todas las copias que se han realizado a esa persona o la destrucción de todas las copias no transferidas. No está permitido: (a) utilizar el software en ningún ordenador o sistema que permita el acceso electrónico al mismo por más de un usuario. Xara conservará en todo momento la propiedad del software según lo registrado en el CD-ROM original y todas las copias 359 . decompilación. salvo lo permitido por ley. Si no aceptas estos términos y has adquirido el software. 3. entonces los derechos de utilización del software o de las imágenes creadas con el mismo finalizarán al momento del vencimiento del periodo de prueba. También finalizará en caso de violación de este Acuerdo. siempre que se utilice en un solo ordenador por vez y sólo por ti. Las copias deberán reproducir e incluir todos los avisos de copyright de Xara. traducción. PROPIEDAD Solamente eres propietario del CD-ROM (o reemplazo autorizado) en el que se ha suministrado el software en caso de no haberse descargado. (b) el alquiler. (c) salvo lo expresamente establecido en este Acuerdo. Si el receptor de la transferencia no acepta los términos de esta licencia.

aunque no exclusiva. RESTRICCIONES Esta licencia otorga el derecho a publicar. 3. distribuir y reproducir imágenes creadas con este software. 4. fuentes y rellenos incluidos en el software. Las fotos incluidas con el software pueden utilizarse y distribuirse con propósitos personales. textura ni colección fotográfica. los gráficos. se permite crear páginas web para tus propósitos personales o para propósitos comerciales de tu cliente. En particular. Algunas fuentes fueron suministradas por terceros que retienen el copyright. widgets o gadgets. Las plantillas. gráfico. ni tampoco podrán incluirse como parte de otro producto de ninguna forma. El software solo podrá suministrar dicho acceso si tu PC está conectado con Internet. Javascript o cualquier otro código exportado por el software no debe eliminarse ni modificarse. ya se ésta comercial o de otro tipo. clip·art. no podrán incluirse en ninguna plantilla. las fotos y las fuentes suministrados por el software no pueden redistribuirse. GARANTÍAS Y RECURSOS JUDICIALES 1. fotos. acuerdas que el software puede suministrar dicho acceso al software de terceros. Las imágenes creadas incluidas en este software o creadas por el mismo no podrán utilizarse para ningún propósito prohibido por ley. Este Acuerdo es aplicable solamente al otorgamiento de la licencia y no al contrato de venta del CD-ROM. ej. venderse ni publicarse como una colección de imágenes ni como parte de una colección de imágenes y. fuente. ACCESO ONLINE A SOFTWARE DE TERCERO INCLUIDO El software puede proveer acceso online a un software de terceros. con las siguientes limitaciones: 1. p. Cualquier aviso de copyright que no esté incluido en el HTML. 5. quien lo reemplazará sin costo alguno. 6. En todos los casos el copyright queda reservado por Xara o el otorgante de la licencia y está protegido por leyes internacionales de copyright. Si aceptas los términos de este EULA. Sin perjuicio de lo anteriormente mencionado. A fin de clarificación: Xara no es propietario de este software de terceros y Xara no acepta responsabilidad alguna por dicho software de terceros. ya sea en páginas web o de distribución por medios electrónicos como CD o discos. foto o fuente podrá incluirse en una página web creada con Web Designer para propósitos personales del cliente. que se abren online mediante terceros. En caso de que ocurriera un defecto en el CD durante este periodo. Xara no garantiza la disponibilidad de dicho software de terceros. Xara garantiza que el medio de almacenamiento en el que se ha suministrado el software está libre de defectos materiales o de fabricación durante el uso normal de 90 días a partir de la fecha original de compra. 2. . incluyendo plantillas de gráficos. podrá retornarse el disco junto con la prueba de compra al proveedor.360 Legal posteriores del mismo sin importar su forma. Contacta con Xara Group Ltd para más detalles. de forma específica. Considerando las restricciones mencionadas anteriormente. la plantilla. pero cualquier redistribución comercial requerirá la adquisición de una licencia ampliada de Xara o su licenciantes.

Otras fuentes fueron suministradas por terceros que retienen el copyright. Para obtener copias adicionales del software. 361 Agradecimientos La fuente Geotype se suministró con el gentil permiso de Gary Bouton y continúa siendo © de Gary Bouton. Hemel Hempstead. Microsoft. visita www. Gaddesden Place.theboutons. En todos los casos el copyright queda reservado por Xara o el otorgante de la licencia y está protegido por leyes internacionales de copyright. Herts. y tienen copyright. Cualquier reproducción completa o en partes está estrictamente prohibida. Xara es marca registrada de Xara Group Ltd. Si se notifica a Xara cualquier error significativo en el software durante los 90 días desde la fecha original de compra. El cliente carga y utiliza el software a su propio riesgo y en ningún caso Xara será responsable de cualquier pérdida o daño de ningún tipo (excepto lesión personal o muerte resultado de la negligencia de Xara). Las partes redistribuibles de Microsoft MSVC y MFC son copyright de Microsoft Corporation. Si tienes alguna pregunta acerca de este Acuerdo. Las garantías establecidas en los párrafos 1 y 2 mencionados anteriormente son las únicas garantías y reemplazan todas las condiciones de garantía u otros términos expresados o implicados por ley o por forma alguna. excepto lo expresamente establecido en este Acuerdo. se devolverá el precio del software (contra devolución del software y su documentación). Internet Explorer. 3. se corregirá dicho error dentro de un periodo de tiempo razonable (con elección de reemplazo) o. Los contenidos de esta documentación y los software asociados de Xara Xtreme son propiedad de Xara Group Ltd. Windows y Windows Vista son marcas . Reino Unido.com. LEY Este Acuerdo estará sujeto a la ley de Inglaterra. En particular. Términos de licencia de MAGIX Web Designer 6. 4. Los párrafos 1 y 2 anteriores también establecen los únicos recursos judiciales en caso de violación de las garantías de Xara. Algunas fuentes copyright © FontBank Inc. Todos los derechos reservados. según lo permitido por ley. incluyendo pérdida de ganancias o pérdidas derivadas indirecta o directamente de la utilización o de la incapacidad de utilización del software o de errores o deficiencias en el software causadas por negligencia o por otra forma. escribe a Xara Group Limited. por favor. que quedan excluidos por el presente acuerdo. Xara no garantiza que el software cumplirá con sus requerimientos ni que el software operará de forma ininterrumpida y sin errores ni que todos los errores del software puedan corregirse. por favor contacta al Xara Group Ltd. CONSUMIDORES Ninguna parte de este Acuerdo afectará los derechos legales como consumidor. según se requiera. Xara garantiza que el software funcionará sustancialmente de acuerdo con su documentación acompañante (siempre que el software se utilice de forma apropiada en el ordenador y con el sistema operativo para el que se ha diseñado) y que la documentación describe de forma correcta el funcionamiento del software en todos sus aspectos materiales. HP2 6EX.Legal 2.

El filtro de importación PDF incluye y utiliza los programas externos GPL: fax2png. Freehand.zlib. Copyright (C) 1997 . Más información sobre copyright puede encontrarse en el directorio sg. Inc. All rights reserved.net.exe. Dreamweaver.2002. Encapsulated PostScript. Makoto Matsumoto and Takuji Nishimura. Más información de copyright en el directorio hp. Todas las otras marcas comerciales o marcas comerciales registradas son propiedad de sus respectivos fabricantes.exe and fax2tiff. El código fuente para estos programas está disponible en las siguientes páginas web.362 Legal comerciales o marcas comerciales registradas de Microsoft Corporation en los Estados Unidos y/o en otros países. Algún código de programa es Copyright© 1994 Hewlett-Packard Company. MAGIX es marca registrada de MAGIX AG. Flash. Illustrator. Fireworks. o también los puedes encargar a Xara: MAGIX Web Designer 6 utiliza la biblioteca de compresión de datos zlibwww. Macintosh y TrueType son marcas comerciales registradas de Apple Computer. Photoshop. Algún código de programa es Copyright © 1996 Silicon Graphics Computer Systems. . Parte de este software está basado en el trabajo del Independent JPEG Group. Corel. PostScript y Type Manager son marcas comerciales registradas o marcas comerciales de Adobe Systems Incorporated en los Estados Unidos y/o en otros países. Inc. Más información de copyright en el archivo MTRand.txt HelpAndSupport de tu instalación de Xtreme.. CorelDRAW y Paintshop Pro son marcas comerciales registradas o marcas comerciales de Corel Corporation.txt que se encuentra en la carpeta HelpAndSupport de la instalación del programa. A C-program for MT19937.txt HelpAndSupport de la instalación del programa. Adobe. Apple.

..........................................226 ..103 Ajustar a cuadrícula (........................316 Adaptar texto a la curva / Eliminar texto de la curva .....................................................................................................................................................................................250 Ajustar a cuadrícula ...................................352 Acerca de Web Designer ......................................315 Adaptación múltiple ..................87 A Abrir (barra de control estándar o Ctrl+O).......................................225 Ajuste del fondo de la página para un mapa de bits ..........................................................300 ¿Qué son las funciones deshacer y rehacer?............................................................................................259 Agregar nuevas páginas a tu página web ..........................15 Activación y desactivación de las barras de navegación del sitio........................................................................................................256 Ajustar el margen izquierdo y derecho de un texto sobre una curva........................................257 Actualización de la barra de navegación en todas las páginas ...............................................................................................200 Abrir un documento de animación.....................261 Actualizar objetos repetidos ...................103 Ajuste de una transparencia de mapa de bits ........................................................................................................................................................................................................................................................................................................................................................304 Acerca de MAGIX Web Designer 6............................................ del teclado numérico).......................................................347 Agrupar y desagrupar objetos ..............69 Acelerar y desacelerar............................................................................................................................................................................................................................23 Agregar nuevos botones .................................352 Acuerdo de licencia de usuario final de clientes de XARA Web Designer.47 Agregar y quitar sangrías ............................107 Ajustando la región cortada ............358 Adaptación automática .................................307 Abrir un documento existente ..........................................................................................361 Agregado de archivos de películas y animaciones .....................................................................351 Ajustar el ancho de los botones a las etiquetas ..............................................................351 Ajustar a objetos (* del teclado numérico) ........................................................................................271 Agregado y edición de botones....157 Ajuste .................................................................................................................Index 363 Index ¿ ¿Cuáles son las novedades en MAGIX Web Designer 6?........64 Abrir una segunda ventana ................................................................................10 ¿Por qué Web Designer es tan especial? .....................258 Agregar archivos Flash.......342 Abrir enlace en:.348 Agradecimientos...........................348 Actualizar programa...................................................................13 ¿Qué funciones de MAGIX Web Designer 6 son compatibles con Flash?............316 Adaptación personalizada ..........................................170 Agrupar (barra de control arreglo o Ctrl+G)................351 Ajustar a guías (2 del teclado numérico) ....................................................................62 Agregar menús y submenús .........................

................................................................... 121 Al inicio de una línea: ................ 350 Atributos de la edición de fotos ............................................................................................................................ 247 Avanzado: edición de un diseño de botón de barra de navegación.. 21............................................................................... 111 Alineación (Ctrl+Shift+L) ...................................................................................................................................................................... 91 Barra de herramientas principal ............................ 86 Añadir nombres........................................................................... 190 Aplicar transparencia con gradación . ................................................. 250 Animación ........................................................................................... 120 Aplicación de colores de relleno y línea mediante arrastrar y soltar ............ 272 Archivos recientes ..................................................... 201 Áreas de texto....................................................................................................... 256 ............... 68 Barra de información ................ 271 Archivos JPEG integrados .............................................................................................................................................................................................................................................................................................................. 194 Aplicar una sombra de pared..... 342 Área que permite clic................................................................................................... 124 Arreglar ventanas ............................................... 350 repeticiones y velocidad .................... 114 Añadir un nuevo punto de control .................... 347 Aplicar transparencia a varios objetos........................................................................................................... 245 Añadir a la galería .................................................................................................... 121 Alineación ............. 264 Ayuda ....................................................................... 352 Ayuda de MAGIX Web Designer 6 ....................... 271 Archivos Flash ............................................................ 174 Aplicar estilos de texto .............................. 15.. 348 Ampliar foto a 100%....... 192 Archivos de película MP4 y FLV .............. 110...................................................... 189 Aplicar un efecto de resplandor ........... 192 Aplicar una sombra a varios objetos ................................................................................................................................................................... 138 Aplicar atributos a historias de texto completas ............................ 67 Barra de información de la herramienta de relleno.................. 192 Aplicar una sombra de suelo .......... 284 Anterior y Siguiente ......................................................... 226 Archivos PDF ............................................ 105 Ajuste y ancho de línea...................... 231 Auto-optimización ................................................................................................................ 154 Arrastrar el segmento de línea .................................................................................. 179 Barra de navegación del sitio................ 104 Al final de una línea:........................ 351 B Barra de estado ....................................................................................................................364 Index Ajuste magnético de objeto ................................................................................. 169 Aplicar grupo suave (Ctrl+Alt+G)................................................................................................................................ 189 Aplicar transparencia plana....... 90 Ancho / Alto ............................................................................................................................................................................... 245 Ampliar selección .............................................................................................................................................. 309 Animaciones en Flash.............................................................................. 192 Aplicar una sombra ..........................................................................................................................................................................................................................................................................................................

...............................235 Cambiar el tipo de unión ...................47..............154 Cambiar el color de sombra o el efecto de relleno ......................................................................................................................70 Cambiar el valor de zoom utilizando el ratón.........................................155 Cambiar el tamaño de página .........311 Botón Imprimir..................................................258 Brillo/Contraste/!Temperatura del color/Saturación.......................42 Cambiar el tamaño.........................................................................305 Botones y menús.......... 55 Botones que permiten clic y efectos de MouseOver ...........................................................................338 Barras de navegación ..........................................................................................................................311 Botón opciones ....................................................86 C Calidad (barra de control estándar) ............................... rotar y reposicionar la foto dentro de su propio marco.................................266 Barras de navegación del sitio y plantillas.....157 Cambiar los puntos cero de las reglas......... 337...........229 Cambiar colores de un relleno........................................................................................................249 Borrar grupo suave (Ctrl+Alt+U) ........................................................................................124 Cambiar el ancho de la columna .............72 Cambiar el tamaño de página de plantillas .....................................................................................................................................................................169 Cambiar el tamaño de las áreas de texto..............................................................................................................................67........................................98 Botón imprimir ......................48 Botón de red ................................158 365 ...................................................................................................................................................254 Barras de navegación con primer y último botón diferente.................................83 Calidad de llenado .............................................................350 Calidad de imagen........................................................................................................................................................................................................................Index Barras de control ..........................................99 Botón de barras (barras de navegación) ........................258 Barras desplegables .........................................................131 Cambiar el ángulo de la columna ............................................154 Cambiar el ancho de línea (grosor) ...................................294 Calidad de visualización de fotos ......................................................................................................................................133 Cambiar el valor de zoom ...............................................................................................................................................................................................................82 Cambiar mayúsculas o minúsculas ...............................................................................282 Borrar ........................................................................................................................................................................................................................314 Calidad de mapas de bits .....................................................193 Cambiar lados de la línea .........................................................................................347 Botón Bloquear relación de aspecto ..............................250 Bloquear capas .........................311 Botones mouseover (rollover) ....................... 350 Barras de control bloqueadas o flotantes ....................70 Cambiar el zoom utilizando la barra de información/barra de control de zoom71 Cambiar extremo de línea ...............................................18 Bloquear aspecto ..........311 Botón Escalar anchos de línea ..............181 Cambiar curvas .......................247 Buscar un nombre de ítem.........................................................................................133 Cambiar la transparencia de la sombra ....193 Cambiar el tamaño de fuente ......................................................................................

..................................................................................................................................................................................................................................................................................................................................................................................... 24 Clonar .................................................. 344 Consejo del día .................................................................................. 100 Cambiar texto de botón.................................................................................... 164 Cómo sincronizar el texto empleando Grupos suaves (soft groups... 77 Cerrar una forma ................................................................................................................. mouseover (rollover) y pop·ups ............................ 159 Cómo crear sangrías francesas ........................................................................................................................................................................... 145 Combinar formas....................................................................................... 142 Colores normales ........ 137 Colores de la página web .................... 26 Color previo y actual........................ 98 Cambio del tamaño y la posición del relleno de mapa de bits............................................................... 127 Clipart flash .......................................................................................... 308 Colores de la línea de colores ....... tintes........... 156 Capa de fondo de página ............................................................................................................. 203 Colores vinculados ................................ 24 Colores locales y colores originales.................................................................................................................................................................................... 234 Colores de animación................................................... 356 Carga de un documento con detalles FTP ....... 106 Color del fondo de página ...................... 144 Colores para enlaces de sitios web.......................... 262 Cambio de tamaño de widgets ...................................... 26 Colorear fotos ................................................................................................... 144 Colores normales.................... 175 Compra y activación del MAGIX Web Designer 6 ..................................................................... 54 Caracteres especiales (en la herramienta de texto)......................................................................................................................................... tonalidades y colores vinculados............... 140 Coloreado de mapa de bits ..................................................... 56 Capas................................ 129 Combinar formas (barra de control arreglo) ..................... 28 Capa popup.......... 89 Cambiar tamaño utilizando el ratón.............................................................................. en inglés)161 Comparar y restaurar el original ................................................................................................................................... 199 Capas .... 183 Colorear formas ..................................................................................... 155 Configuración de impresora......................................... 323 Capas en páginas web ................................................ 99 Cambiar tamaño utilizando la barra de información ............ 26....................................................................... 352 ..........................................................................................................................................366 Index Cambiar selección de objetos............... 345 Cerrar (Ctrl+W) .................................................................. 343 Cerrar el documento .................................................................................................... 279 Capas especiales ................................ 281 Capas pop·up ......................................................................... 184 Cantidad de palabras ...... 278...................... 47 Cambio de la fuente de los botones de la barra de navegación ......................... 346 Colocar objetos en la capa guía.. 96 Clonar (Ctrl+K) ................................................................................ 247 Compatibilidad entre el navegador y el texto......................................................... 348 Comillas inteligentes .......... 331 Cambio del tamaño de objetos (escalar) ............................................................................................................................. 273 Cambio del documento de plantilla en blanco ................................ 8 Conectar áreas de texto—flujo de texto ................................................................................................................................................ 218 Cerrar ..............................

.........69 Coordinar selección ..............................................................................135 Crear GIF animados..................................134 Crear un línea guía .............................143 Creación de panorámicas ........................................130 Cortar objetos...........................................................................................................................39 Crear rectángulos y cuadrados ..........................................................................................................................................31 Crear un cuadrado..........................................................................39 Controles.............................................348 Contornear texto alrededor de objetos .......................................................174 Copiar estilos: pegar atributos ....................................................................345 Cortar en documentos fotográficos ...................................................347 Crear círculos y elipses ..........................44 Convertir una línea recta en una curva (y viceversa) ..............................................................................................................................................................................................................................................112 Copiar estilos de texto .....245 Convertir texto en un gráfico .......................Index Contenido del directorio de compatibilidad........................................... 292 Copiar sombras a otros objetos .................................................................................223 Copias de seguridad al cerrar el sistema .................................. 160 Cortar (barra de control edición o Ctrl+X) ................................................................................................................262 Creación de barras de símbolos..................................................................134 Crear agujeros en las formas.............................................................................................................................................43...................................................................................... 78 Copias de seguridad de documentos abiertos .................................................................78 Copyright..358 Corrector de ortografía ...........195 Copias................................................77 Contornear texto..335 Copiar (barra de control edición o Ctrl+C) .307 Crear uniones en curva .....................56 Creación de nuevos colores con nombre ..................................................................40..............................174 Copiar objetos .................................250 Cortar formas ................143 Creación de un tinte................233 Cortar...................................................... una tonalidad o un color vinculado .......................................312 Copias de memoria cero...................................................................................................................................145 Creación de una gradación de color lineal .......................................................94 Creación de barras de navegación propias.................................................94 Cortar objetos de las fotos.125 367 .............109 Creación de los botones MouseOver propios ..........................................................................................177 Creación y edición de rectángulos con esquinas redondeadas ......................................................345 Copiar / Pegar texto con formato (RTF) .........91 Controles para rotar 90° ...................134 Crear tus propios colores con nombre ...............................................................................125 Coordenadas X-Y ........................325 Controles deslizantes de límites de selección ..22........................................................106 Crear una animación................253 Creación de tus propios esquemas de colores .......................................................129 Crear barra de navegación..........................................................................................................................................................................................80 Copias de seguridad automáticas ............................................................................ banners y otros gráficos web .................................................................................................................................................................................................58 Creación de grupo suaves ................................................................................................ copiar y pegar .....................................................339 Creación de botones.................................................................................................................................307 Crear nuevos objetos de texto nuevos ...........................................................................

............................................................................................................................................................................................................................................................... 95 Duplicar (barra de control edición o Ctrl+D)............. 347 Desagrupar objetos ........................... 87 Desplazamiento de la parte superior de la página ............................................. 95 Duración de frames para películas Flash y pasos intermedios ....... 160 Difuminación ............. 125 Cuadrícula de pantalla ............................................................................................................................. 257 Desplazar ........... 334 Distribuir...................................................... 270 .......................................................................................................................................................... 294 E Edición de archivos de fotos.......................... 80 D Darle el tamaño completo a una foto .... 21........................................ 193 Desenfoque / Enfoque................................. 51 Difuminación (Feathering)......................... 181 Desplazamiento y tranformación de una barra de navegación del sitio..... 339 Desplazar el documento dentro de la ventana................................................................................. editar y reagrupar ..................................................................................................................... 348 Diálogo de propiedades web ............... 345 Deshacer corte............................. 110 Desactivación de la regeneración del marcador de posición......... 247 Desfijar una galería ............................................. 351 Documentos fotográficos ................................................................... 240 Documentos sin título.................................................. 79 Duplicar .......................................... 237 Dentro...................................................................................... 346 Duplicar y clonar ............................. 67 Documentos abiertos .......................................................................................368 Index Crear uniones en punta ............................................ 111 Documento seleccionado y barra de título ................................................................................................................................. 29 Desplazamiento de los controles de inicio y fin de un relleno .............................. 265 Deseleccionar un objeto ............................................................... 274 Desagrupar (barra de control arreglo o Ctrl+U)...................... 340 Deshacer (barra de control estándar o Ctrl+Z)................................. 93 Detención de la repetición de objetos ................................................................................................................................................................................................................................................................ 91 Desenfocar los bordes de la sombra.. 334 Desplazar botones y herramientas ....................................................... 249 Deshacer y rehacer ............. 76 Diseño del programa ............................................. 107 Desagrupar..................... 196 Diálogo Propiedades de la barra de navegación...................................................................................................................................................................................................................................... 16 Diseño web basado en objetos.... 72 Desplazar objetos..................................................................................................................................................................................................................................................................................... 241 Edición de widgets existentes....................................... 255 Diccionario de usuario .................... 102 Directorios de compatibilidad ...................................................................................... 116 Detener repetición (Shift+Ctrl+Alt+O) .............. 19 Distancia duplicación........................................................................................................................................

.............. 198 Espaciado de botón.....................................................46.............................................54 Ejemplo: para cambiar el tamaño de una foto y guardarla en JPEG................wmf).......................322 369 ...........................................................158 Editor de color (Ctrl+Shift+E).................172 Esquemas de colores temáticos ................................................................................................121 Encabezados/Pies de página .................................................................................231 El botón de propiedades...............................................................................................................................................................333 Estilos de menú ............. 350 Eliminar un perfil ........................................151 Eliminación de grupos suaves ..................................346...............................................346 Eliminar imágenes de la galería ................................................................................................................................................................................................................................................................................ botones y barras de botones ...................................................................................198 Enlazar a una dirección web ........142 Este documento va a ser una página web ..............147 Editar el contorno de las fotos.............................................................................................................................................................................87 Eliminar selección/Restaurar atributos actuales (Esc)..................................................109 Eliminación de una barra de navegación del sitio de una página ..........................................................................107 Eliminar una sombra ..............................194 En el medio de una línea: ................................................................................................................................................................................................108 Eliminar objetos del documento .............................74 Eliminar puntos .....................172 Espaciado de párrafos .............................................Index Edición en el lienzo ..............................122 Eliminar secciones de una galería......................................................................................................94 Eliminar páginas de tu documento .........................218 Eliminar una línea guía................................225 Eliminar las barras de control ..........140 El menú de fuentes .............280..........................................................................................................................................................................................................45 Enlazar a la página.............264 Editar colores con nombre .....................236 Enlace al archivo.....................261 Edición interior .......322 Exportación como mapa de bits........................................................................................................................322 Exportación como formato Extended Metafile (EMF)................................................................................................................................311 El editor de color ................... 311 El color se transforma — el color de la animación cambia .......................349 Efectos MouseOver .......................................172 Enlaces.........260 Exportación como Flash .............................................198 Enlazar a una referencia (anchor)........................................................................................................................................302 El diálogo de impresión....................144 Editar el color de un objeto ..................................................47...............................................................................................................117 Enderezar horizonte .............................................................95 Eliminar objetos de un grupo.........................................322 Exportación como metarchivo de Windows (............................................................................................................................ .....................256 Espaciado de cuadrícula y regla...............................257 Eliminar (.............................................................257 Enlaces de texto ......................339 Eliminar objetos ............................................................................................................139 Editar el color principal.................................................232 Editar texto .......................................................................................................................................................................335 Espaciado de línea..................................... 199 Enlace automático de páginas ..................................................

................................................................................................. 35 Fotos pop-up .................................................................................................................................................................... 206 Fotos en miniatura con pop-up......... 321 Exportación de archivos Photoshop PSD........................................ 317 Foto emergente.................... 152 Fuentes incrustadas ....... 57 Fuentes compatibles con la web....................... 234 Fotos emergentes ................................................................................................................ 270 GIF animados................................................. 38...................... 321 Exportar (Ctrl+Shift+E)..................................................................... 120 Fluidez de la animación (smoothness) ................................................... 275 Galerías.......................................... 97 Girar objetos en el modo de cambio de tamaño........................ 75................................ 293 Fotos de pantalla (screenshots) ........................................................................................................................................................................... 340 Fijar una galería ............ 200 Fotos .................................................................................................................................................................... 344 Exportar la animación ..... 120 Extender o reducir objetos............................ 272 Girar objetos .................... 53 ...................................................................... 84............................................................................................ 186 Gráficos anclados ........ 335 Funciones de Flash avanzadas ............... 289 Exportación DPI .............................................................................................................................................................................................................................................................. 77 Exportación de un archivo Flash . 349 Generación automática del marcador de posición............ 227 F Fijación de galerías ..... 308 Exportar página web .................. 83.................... ............................... 304 Fusionar varias formas en una sola .......................................................................................................................................................................................................... 33............. 318 Formatos de importación................................................ 30 Formas vinculadas ............................................................................................. 304 Funciones Detener e Ir a.................................................. 131 Galería de páginas y capas..................................................................................................................................................................................................................................................................................................................................................................... 97 Gradaciones de color de varios niveles .......................................... 166 Gráficos de ejemplo .................. 323 Exportación rápida de HTML y formatos de gráficos web........... 40 Función de botones de ratón............. 340 Finalizar la línea ..................................................... 21.......................... 31 Formatos de exportación................................................. 343 Exportar animación ......................................................................................................................................................... 98 Girar utilizando el ratón....................... 322 Exportación de páginas web con directorios de compatibilidad.............................. 129 G Galería de líneas .........................................................................................................................................................370 Index Exportación de archivos ............................................................................... 298 Fondos avanzados ...................................................... 100 Extracción del JPEG original ................................................................................................................................... 344 Extender la línea......

.......49 I Importación de archivos.............................................................................................................................................................................................26 Importación de foto RAW......................................319 Importación de Clipart con color .....................................................................................................................................................................................................262 Importación y exportación........321 Importación de PDF ...................................................345 371 .................................343 Importar desde la web (Ctrl+Alt+W).............................................356 Herramienta de optimización.246 Herramienta de relleno ............................................................................................................................................52 Herramienta de texto ..............................................................................................................320 Importación de un archivo Photoshop PSD ..............50 Herramienta de sombra . en inglés).......................................343 Guardar todo ....217 Guardar estos detalles con el documento actual ..............................................................................................................................................................322 Importar (Ctrl+Shift+I)..................................................................................................................317 Importante ......343 Guardar como ........................... ....................343 Guardar como (en el menú Archivo) ...............................................................................................................355 Herramienta de transparencia ..............44....321 Importación de fotos............248 Herramienta de difuminación..........................................................42 Guardar y exportar fotos ...................................................................................................................................................................................................................................343 Guardar todo (en el menú Archivo) ..........................................108 Grupos y capas suaves...................................Index Grupos .................. 108.........................................................343 Importar y exportar formatos de archivo compatibles ..........317 Imprimiendo .................226 Guardar (barra de control estándar o Ctrl+S) ................................................................................. Creación de una página Web ................................................ 300 Grupos suaves (soft groups.........310 Imprimir (Ctrl+P).......................................................29 Importación de imágenes desde una página web.....229 H Hacer grupos transparentes en su conjunto ...............................75 Guardar en el perfil ............................79 Guardar el documento ....................51 Herramientas de dibujo ......................................................................319 Importación e inserción de barras de navegación ...................................................280 Guardar ............220 Importación de fotos grandes .............217 Guardar plantilla................44................................................................................................................................................................................................................................................................................................333 Hacer que un objeto se rodee de texto ............................................................................................217 Guardar copias de seguridad de documentos abiertos al cerrar el programa .......................................................................................... 167 Grupos y capas ..............................76 Guardar tu trabajo.....................................................................................................................................................................................................76 Guardar contraseña en el documento ..............................165 Herramienta de corte ...........................................................................................................................

....................................................................... 224 La galería de páginas y capas... 88 La Galería de diseños ................................................................................................................... 68 La capa actual................................... 342 Introducir caracteres especiales............................................................... 61 Intersección de formas ......................... 256 L La barra de estado ...................................................................... 118 La herramienta de fotos........................................................................................................................................... 15.................................................... 270 Inserción con otra herramienta de autoría web......................................... 63 Inserción manual de marcadores de posición ........... Flash y otros widgets.................................. 20................................................. 274 Insertar texto de ejemplo ('Lorem Ipsum') ...................... 312 Imprimir capas ................................................................................ 284............................... 87 La función rehacer.............................................................................................................................. 177 La herramienta de selección ................................................................................................... 243.............................. 136 La página actual...................... 275 La galería de rellenos.......................................... 62 Integración de películas.......................................................... 159 Insertar un Google Map .................................................................................................................................................................. 149 La línea de color ....... 289 Inserción de una película MP4 o FLV .... 299 La función deshacer ..................................... 290 Inserción de un GIF animado .................................................. 313 Inclinar objetos ..... 101 Incrustación de fuentes .............................................. 175 Indicaciones generales sobre la exportación e importación ................................... 191 La herramienta de texto........................................ 186 La herramienta de edición de formas ........................................ 330 La galería de frames ........................... 219............................................................................................................................... 64 Inicio del MAGIX Web Designer 6 ..................................................................... 313 Imprimir como ................................................... 34............................................ 243 La herramienta de ojos rojos...................................................... 148........................................................................................................................................................13........ 130 Introducción ............................................................... 159 Introducir páginas en tu documento .......................................................................................................................................................................................................................................................................................... 251 La herramienta de relleno ........... 170 Justificado.................................. ............................................. 89 La herramienta de sombra.................................. 308 ...................372 Index Imprimir a archivo............................................................. 63 Inserción de un objeto flash en MAGIX Web Designer 6............................................................................................................. 64 Inserción ............................................................... 73 La pestaña de frames................................................... 344 Iniciar un nuevo documento................................ 73 J Justificación o alineación de texto........................... 317 Información de documento................................................................................................................................................... 290 La galería de mapa de bits ................ 278 La función de rotación .......................................

.....................270 Menú Archivo ..68 M Manejo de formas .333 Márgenes de botón ............352 Membresía del sitio del widget ............................................333 Mapas de bits en otros formatos que el JPEG.......................................................286 Los 6 tipos centrales de animación ..............................349 Menú Ventana ..................................342 Menú Arreglo ...........................................................................263 Márgenes y objetos anclados..................Index La ventana MAGIX Web Designer 6..............................................................................................55 Las galerías ...............................................162 Más información ...................................................................358 Limitación de ángulo..............129 Manipulación de documentos .........................................................................................................353 Legal .............................274 Más sobre Xara Group...............137 Menú Edición..................................................................................................... .........................................................................................................................................................................................................66 Las capas actuales siempre están visibles y pueden editarse....................................................................................................................345 Menú Herramientas .....293 Marcadores de selección ............................................................................................350 Menús y shortcuts de teclado ........284 Lo que no puedes hacer con Flash en MAGIX Web Designer 6.....................................................................................................................................................................................170 Lista con viñetas y numeradas ...........90 Marco de selección de objetos ...............................................................358 Más Web Designer .............................................................................332 Las capas MouseOff y MouseOver...................................................................................................................351 Menú contextual de la línea de colores...........................................................................................119 373 ........................................................................................347 L Lo que Flash puede hacer y lo que no puede hacer ..................................333 Lista con viñetas.....................................................................................................................................................................................................39 Lista numerada...........................................................................342 Mezcla y combinación de fotos .......................................................................................................................................................................................................................................................................346 Menú Ayuda .228 Mezclar líneas curvas y rectas.....................................................................................168 Márgenes y sangrías ..........................................243 Los indicadores .....................................................................91 Marco de selección...............................................................................................................................................................353 Las herramientas .................354 Mantener los nombres de las capas importadas..........................................................................................................................................285 Los beneficios explicados en detalle: ..171 Ll Llevar atrás (barra de control arreglo o Ctrl+B) ..............................................353 Manipulación de objetos ....................................................................

........................ 349 Nombres aplicados ..................................................................................................................................... 350 Nuevo (barra de control estándar o Ctrl+N)............................................................. 74 Negrita y cursiva...................................................... 77 Notas para la herramienta de foto......................... 169 No puedes editar en el lienzo.................... 347 Mover atrás (barra de control arreglo o Ctrl+Shift+B)................................... 82 Mostrar bordes de impresión................................................................................ 90 Mover páginas dentro del documento.......................... 338 Mover a la capa al frente (barra de control arreglo o Ctrl+Shift+U) ..................................................... 283 Mover objetos hacia adelante o hacia atrás ......................................................................................................... 351 Mostrar cuadrícula (#).......................................................................................................................................... 339 Modo de pantalla completa ................................ 113 Nombres .............................................................................................. 257 Nombrar objetos ............................. 152 Navegar entre páginas.......................................................................Herramienta de edición de formas................................................. 105 Objetos repetidos.................... 122 N Navegación instantánea del menú de fuente ..................................................................................................................................................................................................................................................................... 281 Mostrar / ocultar reglas .......................................................... 220 Objetos de marcador de posición ............. 114 ..................... 346 Mover a la capa de atrás (barra de control arreglo o Ctrl+Shift+D).................. 18 Objetos guía y líneas guía ...................................................... 282 Mostrar y ocultar barras de control ............................... 351 Mostrar guías (1 del teclado numérico) .... 190 Minimizar ventanas múltiples ................. 74 Mover puntos de control ..................374 Index Mezclar transparencias individuales y de grupo................................................................................... 69 Modo Solo ........................... 338 Modo de pantalla normal / completa...................................................................... 334 Mostrar todo y desbloquear todo................................................................................................................................................................................... 347 Mover adelante (barra de control arreglo o Ctrl+Shift+F).............. 215 Objetos elásticos................ 96 Mover objetos seleccionados debajo o dentro ................................................................................................................................................................................... 256 Modificación del tamaño de una barra de símbolos.................................. 167 Mover objetos de una capa a otra ........ 55 Mover objetos entre capas .................... 70 Mismo ancho para todos los botones ...................................................................................................................... 347 Mover objetos .......................... 351 Mostrar longitudes de texto compatibles con Windows................................................ 342 Nuevo de la Galería de diseños ....................................... 251 Nueva ventana . 114 Nombres para el directorio de compatibilidad ........................................... 92 Mover objetos anclados .. 43 Objetos en la página...................................................................................................................................................... 310.............................................................................................................................................................................................................. 342 O Objetos de fotos...........

...............................................................................................................................................................................................302 Ocultar botones y herramientas .............................................................308 Operaciones de capa...........................................................................197 Pestaña General ....................................................................313 Opciones de la foto emergente ...........258 Otros formatos de película ............................................................................................................................................................................331 Opciones flash..............357 Otros aspectos interesantes ....................................................................344 Opciones de texto ..............................................204 Pestaña Enlace.......331 Pestaña .......................................................................................................................................................................................................345 Pegar formato/atributos (Ctrl+Shift+A).............................................. 312..............................................................................................................................................141 Optimización.........................................................................345 pestaña........................332 Pestaña Imagen.................................................................73 Paneles de texto ...................................................................................238 Optimizar todos los JPEG ..............345 Pegar en lugar (Ctrl+Shift+V) ...................................................................................................................................................................277.................202 Pestaña Copias de seguridad ..........................................................................................................70 Orientación .............................................350 Opciones de impresión .............................337 Pestaña Cuadrícula y regla..........315 pestaña Salida ........... 346 Páginas múltiples en el documento ......119 Para dibujar un segmento de línea recto .................................................................................................................................................................................................................................................................................119 Pegar (barra de control edición o Ctrl+V) ...75 Opciones (Ctrl+Shift+O) .........207 Opciones de página..............................................349 Optimizar fotos y mapas de bits ...........................Index Objetos sin movimiento................................................................................................................................280 Operaciones de color avanzadas ...................329 Pestaña de página ............................................349 Orden de los objetos ...................................210 375 ..334 Pestaña de opciones ..............346 Personalización de Web Designer ...................................................................315 Optimizar foto ................................................................................................40 Pantalla completa (8 del teclado numérico)...................................................................................................................................................................271 P Páginas .......351 Para añadir más objetos a un grupo...................................................................................................212 Pestaña Mouse-over................................107 Para dibujar un segmento de línea curvo:........206 Pestaña Marcador de posición.......................................................................................255 Otros ............................................................................................................................................................................................................................................................................................................................314 Opciones del menú...............................................................................................................................................................................................281 Opción Guardar (en el menú Archivo) .......20 Orden de múltiples ventanas........................................................................................................................................................................................108 Para crear un grupo..................340 Ocultar capas ...................................

................................................................................................................................ 352 Regla de los tercios ............................ 218 Publicar página web ............................... 93 Rellenos circulares ................. 137 Reorganizar galerías .............. 341 Restricciones de diseño de botones ............................. 308 Propiedades del mapa de bits ................................................... 226 Propiedades web (Ctrl+Shift+W) .. 296 Recuperación de cierres anormales del programa............................................................................... 246 Preguntar antes de aplicar el atributo actual ....................................................376 Index Pestaña Opciones de paleta ................... 348 Resolución de foto ................................... 182 Rellenos lineales ............................................................................................................................ 59 R Radio para alineación magnética ..................................................................................................................................................... 344 Publicar tu página web .............................................................................. 80 Reemplazar con código HTML ............................. 314 Restaurar las barras de control / galerías por defecto .......................................................................................................................... 213 Reemplazar con un archivo gráfico .......................................................................................................................................................................... 345 Relleno de formas con un mapa de bits .................................................................................................. 349 Publicación ..................................................................................................................................................... 352 Propiedades de GIF animados............................................ 36 Resolución de transparencia........... 181 Rellenos de mapa de bits ............................................................. 225 Relleno fractal ...................................................................................................... 180 Rellenos lisos .................................................................................... 249 Reglas................................................................................................................................................ 80 Recuperación de copias de seguridad .......... 286 Programa de afiliado ............................................ 161 Rehacer (barra de control estándar o Ctrl+Y) ............................................................................................................................................. 328 Pestaña Tamaño de página .. 182 Rellenos elípticos..... 263 .... 336 Recortar fotos ............................................. 213 Reemplazar con Flash ............................... 223 Resolución de foto .................................................. 232 Recortar o cortar imágenes ..................................................................................................................................... 180 Reordenar ítems en la galería.................................................................................................................................................................................................................................................................................................................................................................................................................. 215 Pestaña Ratón .......................................................................................... 185 Rellenos ....................................................................... 81..................................................... 326 Pestaña Publicar ............................................................................................................................................ 213 Registrarme ........................................¡es todo automático!..................... 341 Repetir en todas las páginas (Shift+Ctrl+Alt+R) .................................................. 16 Principios básicos ..................................... 335 Pestaña Tamaño de mapa de bits ............................ 333 Primeros pasos ................... 68.................................................................................................... 248 Recortar y cortar ......... 115 Pop-ups deslizantes ......................................................................... 86 Reordenar los colores de la línea de color............................................ 337 Pies de página .......

.............. texto relleno de color.......................221 Sustituir fotos .....306 Resumen de shortcuts del teclado numérico ..................................................................................................................................89 Seleccionar todo (Ctrl+A) ..............................................................310 Separadores de menú ............................................183 Sustitución de múltiples fotos ..................................................................................................................107 Resumen del diálogo de exportación JPEG...............................................................90 Seleccionar ítems .........................................34 Sustitución de múltiples fotos en simultáneo .....................163 Tabulaciones..................... márgenes y sangrías.............................................................................................324 Revisar ortografía mientras se escribe ....................................346 Seleccionar todo el objeto de texto ...........................................323 Resumen de animación de MAGIX Web Designer 6 Flash..............................................191 Sombras suaves............................91 Seleccionar bajo .........................................................................................................................................353 Sin pérdidas vs..........................................................................161 377 .........................................................................................195 Selección interna ......................................................................................................160 Selección de la ventana que se quiere visualizar....................................... GIF y BMP .............................................................................................................................................................................................. lossy)...................................350 Revisiones .....................................................39 Suavizar una línea ........................................70 Selección de objetos con ayuda de la herramienta de sombras ..........................109 Soltar una copia.123 Subrayado de texto ...92 Sombras....................................................................................................................................79 Rotación...............................................................227 Sincronización de texto........................221 T Tab...................Index Restringir la línea........209 Superíndice y subíndice ..................... texto transparente .......................................................................298 Rotación con ángulos exactos (utilizando la barra de información) ....................127 Shortcuts de teclado .....................................................319 Sustitución de los rellenos de mapa de bits...............................................................................................................................................................................................................................................................................98 S Selección de idioma..........108 Seleccionar y configurar una impresora ....................................................................................259 Separar una forma ..................90 Selección y capas...................................................................86 Seleccionar múltiples puntos de control ...............................................................................................158 Seleccionar todos los objetos ......................................................................................................................................92 Tabulaciones .............................................. PNG.... Con pérdidas (lossless vs...................................................................91 Seleccionar un objeto dentro de un grupo.....................................................................................................172 Sustitución de archivos de imagen ..................................................................121 Seleccionar objetos ..............124 Resumen ..................................................169 Subtítulos de imagen ................................................................163 Tabulaciones personalizadas .............................

............................................. 254 Utilización de plantillas. 126 URL en Flash.... 222 Tamaño de fuente ......................................................................................................................................................... 41 Terminología .................................................................... 136 Trabajar con documentos......... 300 Tu primera animación ...................................... 89 Trabajar con textos ............. 70 Uso de las galerías ........................................................................... 297 .................. 157........................................................................................................................................................................................................................................... 222 Utilización de la herramienta de fotos............................................................... 200 V Velocidad de la animación ................................................................... 165 Texto dentro de grupos para páginas web.................................. 347 Transparencia .................................... 210 Tipos de relleno........................................... 14 Unir líneas .......................................................................................................................................................... 37............................................... 145 Trabajar con colores..............378 Index Tamaño de foto inicial ....................................................... 141 Uso avanzado de objetos repetidos.......... 145 Tipo de imagen web .................................................................................................................................................................... 163 Texto simple.............................. 303 Transparencia en un grupo................................................................................................................................................................................................... 219 Trabajar con objetos................ 79 Un ejemplo........... 148 Traer al frente (barra de control arreglo o Ctrl+F) ................ 303 Usar la pipeta para escoger colores......................................................................................... 184 Una página web en 6 pasos ................................. 332 Tamaño de página .......................................................... 173 Texto en una columna .............................................. 124 Utilización de fotos como relleno ...................................................................................................................................................................................................................................................................................... cliparts y widgets ......................................... 153 Texto sincronizado ........................................................... 287 U Ubicación de la copia de seguridad ... 122 Utilización de plantillas de barras de navegación ........... 153 Texto girado................................................................................... 85 Uso del control de curva.................................................................................................................... 149 Texto ..................... 244 Utilización de los campos de texto de la barra de información........... 45 Tintes.................... 39 Texto siguiendo una curva...................... 323 Texto alrededor de objetos .............................................................................................................................................. 189..................................................... 178 Tipos de tabulaciones personalizadas............................................................................................................................................................................................................................................................................. 64 Trabajar con fotos .................................... 115 Uso de la herramienta de zoom ............................................... 38 Tamaño de lista de archivos recientes .......... 23 Utilizar colores habituales para enlaces de sitios web............................................................................... 163 Tonalidades .................................................................................................................................................................

..................................................................................................84 Vista previa .................................237 Ver una galería.........................175 Visualizar página web..........................................................................................................268 Z Zoom.......................................................152 Vista previa de tu página web ..............................................................................................................219 W Widgets .................................................................................................................................................24 Widgets de la galería de diseños ..........Index Ventajas de la herramienta de fotos....245 Zoom y desplazamiento de la página ....................................269 Widgets de otros sitios de widgets.....................................................................243 Ver una foto ampliada en su tamaño completo...................................344 Vista previa de tamaño de fuente en tiempo real ...329 Vista previa de fuente en tiempo real ...................289 Vista previa en el navegador .......................................................................353 Zoom 1: 1.344 Visualización del punto de anclado.......................................................................309 Vista previa flash...........272 Widgets de sitios web......................................................................................................17 379 ........................................................................167 Visualizar fuentes utilizadas ...............................................................343 Voltear objetos.................................................................................................................................................................................................................................268 Widgets y marcadores de posición todo automático ................................................................................................................................152 Vista previa de la página (F12)..........................22 Vista previa de un objeto flash en MAGIX Web Designer 6...............................................................100 Volver a publicar solamente los archivos modificados.....................................................................................................................................................

Sign up to vote on this title
UsefulNot useful